@mlw-packages/react-components 1.8.14 → 1.9.1

package/dist/index.mjs

@@ -42,7 +42,7 @@ import ptBR3 from 'date-fns/locale/pt-BR';
 import { useSensors, useSensor, MouseSensor, TouchSensor, PointerSensor, DndContext, DragOverlay, useDroppable, useDraggable } from '@dnd-kit/core';
 import { CSS } from '@dnd-kit/utilities';
 import { RadioGroup, RadioGroupItem } from '@radix-ui/react-radio-group';
-import { ResponsiveContainer, ComposedChart, XAxis, YAxis, Bar, Line, Area, CartesianGrid, ReferenceLine, Tooltip, Legend, LabelList, Rectangle, BarChart as BarChart$1, LineChart, PieChart, Pie, Cell } from 'recharts';
+import { ResponsiveContainer, ComposedChart, XAxis, YAxis, Bar, Line, Area, CartesianGrid, ReferenceLine, Tooltip, Legend, LabelList, Rectangle, PieChart, Pie, Cell } from 'recharts';
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -541,7 +541,7 @@ var AlertDialogContentBase = React33.forwardRef(({ className, testid = "alertdia
     {
       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",
+        "fixed left-[50%] top-[50%] z-50 grid w-[calc(100%-2rem)] max-w-lg translate-x-[-50%] translate-y-[-50%] gap-3 sm:gap-4 border bg-background p-4 sm: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%] rounded-md sm:rounded-lg max-h-[calc(100dvh-2rem)] sm:max-h-[90dvh] overflow-auto border-border",
         className
       ),
       "data-testid": testid,
@@ -557,7 +557,7 @@ var AlertDialogHeaderBase = ({
   "div",
   {
     className: cn(
-      "flex flex-col space-y-2 text-center sm:text-left",
+      "flex flex-col space-y-1 sm:space-y-2 text-center sm:text-left",
       className
     ),
     ...props
@@ -571,7 +571,7 @@ var AlertDialogFooterBase = ({
   "div",
   {
     className: cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end",
+      "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:space-x-2 sm:gap-0",
       className
     ),
     ...props
@@ -1284,19 +1284,21 @@ function useIsMobile() {
   }, []);
   return !!isMobile;
 }
+var isTouchDevice = () => {
+  return "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints !== void 0;
+};
 var useDrag = (options = {}) => {
   const [isDragging, setIsDragging] = useState(null);
   const [positions, setPositions] = useState({});
   const dragStartPos = useRef(null);
   const dragId = useRef(null);
+  const isTouch = useRef(isTouchDevice());
   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();
-      }
+      e.preventDefault();
       const currentPosition = positions[id] || { top: 0, left: 0 };
       dragStartPos.current = {
         x: clientX,
@@ -1314,6 +1316,9 @@ var useDrag = (options = {}) => {
     (e) => {
       if (!isDragging || !dragStartPos.current || !dragId.current) return;
       const isTouchEvent = "touches" in e;
+      if (isTouchEvent) {
+        e.preventDefault();
+      }
       const clientX = isTouchEvent ? e.touches[0].clientX : e.clientX;
       const clientY = isTouchEvent ? e.touches[0].clientY : e.clientY;
       const deltaX = clientX - dragStartPos.current.x;
@@ -1348,18 +1353,25 @@ var useDrag = (options = {}) => {
   }, [options]);
   useEffect(() => {
     if (isDragging) {
-      document.addEventListener("mousemove", handleMouseMove);
-      document.addEventListener("mouseup", handleMouseUp);
-      document.addEventListener("touchmove", handleMouseMove, {
-        passive: false
-      });
-      document.addEventListener("touchend", handleMouseUp);
+      const isTouchDev = isTouch.current;
+      if (isTouchDev) {
+        document.addEventListener("touchmove", handleMouseMove, {
+          passive: false
+        });
+        document.addEventListener("touchend", handleMouseUp);
+      } else {
+        document.addEventListener("mousemove", handleMouseMove);
+        document.addEventListener("mouseup", handleMouseUp);
+      }
       document.body.style.userSelect = "none";
       return () => {
-        document.removeEventListener("mousemove", handleMouseMove);
-        document.removeEventListener("mouseup", handleMouseUp);
-        document.removeEventListener("touchmove", handleMouseMove);
-        document.removeEventListener("touchend", handleMouseUp);
+        if (isTouchDev) {
+          document.removeEventListener("touchmove", handleMouseMove);
+          document.removeEventListener("touchend", handleMouseUp);
+        } else {
+          document.removeEventListener("mousemove", handleMouseMove);
+          document.removeEventListener("mouseup", handleMouseUp);
+        }
         document.body.style.userSelect = "";
       };
     }
@@ -1619,7 +1631,7 @@ var ModalContentBase = React33.forwardRef(
         {
           ref,
           className: cn(
-            "fixed z-50 grid w-full gap-4 border bg-background p-6 shadow-lg sm:rounded-lg max-h-[90dvh] overflow-auto",
+            "fixed z-50 grid w-[calc(100%-2rem)] gap-3 sm:gap-4 border bg-background p-4 sm:p-6 shadow-lg rounded-md sm:rounded-lg max-h-[calc(100dvh-2rem)] sm:max-h-[90dvh] overflow-auto",
             "data-[state=open]:animate-modal-in data-[state=closed]:animate-modal-out border-border",
             positionClass,
             sizeClass,
@@ -1629,7 +1641,7 @@ var ModalContentBase = React33.forwardRef(
           ...props,
           children: [
             children,
-            /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-3 top-3 sm:right-4 sm:top-4 rounded-md bg-muted/10 p-1.5 opacity-80 hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none z-10 hover:bg-muted/20 transition-colors", children: [
+            /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-2 top-2 sm:right-4 sm:top-4 rounded-md bg-muted/10 p-1.5 sm:p-1.5 opacity-80 hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none z-10 hover:bg-muted/20 transition-colors", children: [
               /* @__PURE__ */ jsx(XIcon, { className: "h-5 w-5 sm:h-4 sm:w-4 text-foreground" }),
               /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
             ] })
@@ -1645,7 +1657,7 @@ var ModalHeaderBase = React33.forwardRef(({ className, testid: dataTestId = "mod
   {
     ref,
     className: cn(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
+      "flex flex-col space-y-1 sm:space-y-1.5 text-center sm:text-left pr-8 sm:pr-0",
       className
     ),
     "data-testid": dataTestId,
@@ -1658,7 +1670,7 @@ var ModalFooterBase = React33.forwardRef(({ className, testid: dataTestId = "mod
   {
     ref,
     className: cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:space-x-2 sm:gap-0",
       className
     ),
     "data-testid": dataTestId,
@@ -2084,6 +2096,7 @@ function ComboboxBase({
   hideClear = false
 }) {
   const [open, setOpen] = useState(false);
+  const isMobile = useIsMobile();
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -2095,7 +2108,7 @@ function ComboboxBase({
           {
             open,
             onOpenChange: (v) => !disabled && setOpen(v),
-            modal: false,
+            modal: isMobile,
             children: [
               /* @__PURE__ */ jsx(
                 PopoverTriggerBase,
@@ -2545,7 +2558,7 @@ function MultiSelectValueBase({
           {
             "data-selected-item": true,
             size: "sm",
-            className: "group flex items-center gap-1",
+            className: "group flex items-center gap-1  border-border",
             onClick: clickToRemove ? (e) => {
               e.stopPropagation();
               toggleValue(value);
@@ -2610,7 +2623,7 @@ function MultiSelectContentBase({
                   {
                     placeholder: typeof search === "object" ? search.placeholder : void 0
                   }
-                ) : /* @__PURE__ */ jsx("button", { autoFocus: true, className: "sr-only" }),
+                ) : /* @__PURE__ */ jsx("button", { autoFocus: true, className: "sr-only " }),
                 /* @__PURE__ */ jsxs(CommandListBase, { className: "border-border", children: [
                   canSearch && /* @__PURE__ */ jsx(CommandEmptyBase, { children: typeof search === "object" ? search.emptyMessage ?? emptyMessage : emptyMessage }),
                   children
@@ -2668,7 +2681,7 @@ function useMultiSelectContext() {
   const context = useContext(MultiSelectContext);
   if (context == null) {
     throw new Error(
-      "useMultiSelectContext must be used within a MultiSelectContext"
+      "useMultiSelectContext must be used within a MultiSelectContext "
     );
   }
   return context;
@@ -2853,7 +2866,7 @@ var SelectContentBase = React33.forwardRef(
               {
                 className: cn(
                   "p-1",
-                  position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+                  position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] max-w-[var(--radix-select-trigger-width)]"
                 ),
                 children
               }
@@ -2917,6 +2930,20 @@ var SelectSeparatorBase = React33.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 SelectSeparatorBase.displayName = SelectPrimitive.Separator.displayName;
+var SelectEmpty = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn(
+      "w-full min-h-[3rem] flex items-center justify-center px-4 py-3 text-sm text-center",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx("span", { className: "block w-full break-words hyphens-auto", children })
+  }
+));
+SelectEmpty.displayName = "SelectEmpty";
+SelectItemBase.displayName = SelectPrimitive.Item.displayName;
 var DropDownMenuBase = DropdownMenuPrimitive.Root;
 var DropDownMenuTriggerBase = DropdownMenuPrimitive.Trigger;
 var DropDownMenuGroupBase = DropdownMenuPrimitive.Group;
@@ -3177,36 +3204,45 @@ function ModeToggleBase({
   }, []);
   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) {
+    if (!buttonRef.current) {
       setTheme(newTheme);
       return;
     }
-    const rect = buttonRef.current.getBoundingClientRect();
-    const x = rect.left + rect.width / 2;
-    const y = rect.top + rect.height / 2;
-    const endRadius = Math.hypot(
-      Math.max(x, window.innerWidth - x),
-      Math.max(y, window.innerHeight - y)
-    );
-    const transition = document.startViewTransition(async () => {
+    const supportsViewTransition = typeof document !== "undefined" && "startViewTransition" in document && typeof document.startViewTransition === "function";
+    if (!supportsViewTransition) {
       setTheme(newTheme);
-    });
-    await transition.ready;
-    document.documentElement.animate(
-      [
-        {
-          clipPath: `circle(0px at ${x}px ${y}px)`
-        },
+      return;
+    }
+    try {
+      const rect = buttonRef.current.getBoundingClientRect();
+      const x = rect.left + rect.width / 2;
+      const y = rect.top + rect.height / 2;
+      const endRadius = Math.hypot(
+        Math.max(x, window.innerWidth - x),
+        Math.max(y, window.innerHeight - y)
+      );
+      const transition = document.startViewTransition(async () => {
+        setTheme(newTheme);
+      });
+      await transition.ready;
+      document.documentElement.animate(
+        [
+          {
+            clipPath: `circle(0px at ${x}px ${y}px)`
+          },
+          {
+            clipPath: `circle(${Math.ceil(endRadius)}px at ${x}px ${y}px)`
+          }
+        ],
         {
-          clipPath: `circle(${Math.ceil(endRadius)}px at ${x}px ${y}px)`
+          duration: 400,
+          easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+          pseudoElement: "::view-transition-new(root)"
         }
-      ],
-      {
-        duration: 400,
-        easing: "cubic-bezier(0.4, 0, 0.2, 1)",
-        pseudoElement: "::view-transition-new(root)"
-      }
-    );
+      );
+    } catch {
+      setTheme(newTheme);
+    }
   };
   return /* @__PURE__ */ jsxs(DropDownMenuBase, { children: [
     /* @__PURE__ */ jsx(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs(
@@ -3215,10 +3251,7 @@ function ModeToggleBase({
         ref: buttonRef,
         variant,
         size: "icon",
-        className: cn(
-          "relative overflow-hidden group",
-          className
-        ),
+        className: cn("relative overflow-hidden group", className),
         children: [
           /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(
@@ -7603,117 +7636,68 @@ function useScrollColumn({
 }) {
   const containerRef = useRef(null);
   const items = getItems(max, step);
-  const [isDragging, setIsDragging] = useState(false);
-  const [startY, setStartY] = useState(0);
-  const [scrollTop, setScrollTop] = useState(0);
   const scrollTimeoutRef = useRef(null);
-  const isTouchRef = useRef(false);
+  const isScrollingRef = useRef(false);
+  const [isDragging, setIsDragging] = useState(false);
+  const startYRef = useRef(0);
+  const startScrollRef = useRef(0);
   const itemHeight = ITEM_HEIGHT;
   const centerIndex = CENTER_INDEX;
   const visibleItems = VISIBLE_ITEMS;
   const containerHeight = visibleItems * itemHeight;
   useEffect(() => {
-    if (containerRef.current && !isDragging) {
-      requestAnimationFrame(() => {
-        if (containerRef.current) {
-          const index = Math.round(value / step);
-          const clampedIndex = Math.max(0, Math.min(items.length - 1, index));
-          const scrollPosition = clampedIndex * itemHeight;
-          containerRef.current.scrollTop = scrollPosition;
-        }
-      });
+    if (containerRef.current && !isScrollingRef.current) {
+      const index = Math.round(value / step);
+      const clampedIndex = Math.max(0, Math.min(items.length - 1, index));
+      const scrollPosition = clampedIndex * itemHeight;
+      containerRef.current.scrollTop = scrollPosition;
     }
-  }, [value, isDragging, itemHeight, step, items.length]);
+  }, [value, itemHeight, step, items.length]);
   useEffect(() => {
     return () => {
       if (scrollTimeoutRef.current) clearTimeout(scrollTimeoutRef.current);
     };
   }, []);
-  const handleScroll = (e) => {
-    e.stopPropagation();
-    e.preventDefault();
-    if (!containerRef.current || isDragging) return;
+  const handleScroll = () => {
+    if (!containerRef.current) return;
+    isScrollingRef.current = true;
     if (scrollTimeoutRef.current) clearTimeout(scrollTimeoutRef.current);
     scrollTimeoutRef.current = setTimeout(() => {
       if (!containerRef.current) return;
       const newIndex = Math.round(containerRef.current.scrollTop / itemHeight);
       const newValue = items[newIndex];
-      if (newValue !== void 0) {
-        containerRef.current.scrollTop = newIndex * itemHeight;
-        if (newValue !== value) onChange(newValue);
+      if (newValue !== void 0 && newValue !== value) {
+        onChange(newValue);
       }
-    }, 100);
+      isScrollingRef.current = false;
+    }, 150);
   };
-  const handleStart = (pageY) => {
+  const handleMouseDown = (e) => {
     if (!containerRef.current) return;
     setIsDragging(true);
-    setStartY(pageY);
-    setScrollTop(containerRef.current.scrollTop);
+    startYRef.current = e.clientY;
+    startScrollRef.current = containerRef.current.scrollTop;
+    e.preventDefault();
   };
-  const handleMove = (pageY) => {
+  const handleMouseMove = (e) => {
     if (!isDragging || !containerRef.current) return;
-    const multiplier = isTouchRef.current ? 0.6 : 1;
-    containerRef.current.scrollTop = scrollTop + (startY - pageY) * multiplier;
+    const deltaY = startYRef.current - e.clientY;
+    containerRef.current.scrollTop = startScrollRef.current + deltaY;
   };
-  const handleEnd = () => {
-    if (!containerRef.current) return;
+  const handleMouseUp = () => {
     setIsDragging(false);
-    requestAnimationFrame(() => {
-      if (!containerRef.current) return;
-      const newIndex = Math.round(containerRef.current.scrollTop / itemHeight);
-      const newValue = items[newIndex];
-      if (newValue !== void 0) {
-        containerRef.current.scrollTop = newIndex * itemHeight;
-        onChange(newValue);
-      }
-    });
-  };
-  const handlers = {
-    onScroll: handleScroll,
-    onWheel: (e) => e.stopPropagation(),
-    onMouseDown: (e) => {
-      isTouchRef.current = false;
-      handleStart(e.pageY);
-    },
-    onMouseMove: (e) => {
-      if (isDragging) {
-        e.preventDefault();
-        handleMove(e.pageY);
-      }
-    },
-    onMouseUp: () => handleEnd(),
-    onMouseLeave: () => {
-      if (isDragging) handleEnd();
-    },
-    onTouchStart: (e) => {
-      isTouchRef.current = true;
-      handleStart(e.touches[0].pageY);
-    },
-    onTouchMove: (e) => {
-      if (isDragging) {
-        if (e.cancelable) e.preventDefault();
-        handleMove(e.touches[0].pageY);
-      }
-    },
-    onTouchEnd: () => {
-      isTouchRef.current = false;
-      handleEnd();
-    }
-  };
-  const scrollToIndex = (index) => {
-    if (!containerRef.current) return;
-    const clamped = Math.max(0, Math.min(items.length - 1, index));
-    containerRef.current.scrollTop = clamped * itemHeight;
   };
   return {
     items,
     containerRef,
-    isDragging,
     itemHeight,
     containerHeight,
     centerIndex,
-    handlers,
-    scrollToIndex
+    handleScroll,
+    handleMouseDown,
+    handleMouseMove,
+    handleMouseUp,
+    isDragging
   };
 }
 function ScrollColumn({
@@ -7726,57 +7710,68 @@ function ScrollColumn({
   const {
     items,
     containerRef,
-    isDragging,
     itemHeight,
     containerHeight,
     centerIndex,
-    handlers
+    handleScroll,
+    handleMouseDown,
+    handleMouseMove,
+    handleMouseUp,
+    isDragging
   } = useScrollColumn({ value, onChange, max, step });
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
-    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground rounded-md font-semibold text-sm sm:text-sm text-center pb-2 uppercase tracking-wider", children: label }),
-    /* @__PURE__ */ jsx("div", { className: cn("relative w-20 sm:w-16"), children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: containerRef,
-        className: "overflow-y-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none] touch-action-pan-y",
-        onScroll: handlers.onScroll,
-        onWheel: handlers.onWheel,
-        onMouseDown: handlers.onMouseDown,
-        onMouseMove: handlers.onMouseMove,
-        onMouseUp: handlers.onMouseUp,
-        onMouseLeave: handlers.onMouseLeave,
-        onTouchStart: handlers.onTouchStart,
-        onTouchMove: handlers.onTouchMove,
-        onTouchEnd: handlers.onTouchEnd,
-        style: {
-          height: `${containerHeight}px`,
-          paddingTop: `${centerIndex * itemHeight}px`,
-          paddingBottom: `${centerIndex * itemHeight}px`,
-          cursor: isDragging ? "grabbing" : ""
-        },
-        children: items.map((item, idx) => {
-          const isSelected = item === value;
-          return /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "flex items-center justify-center select-none font-semibold tabular-nums transition-all duration-150",
-                isDragging ? "cursor-grabbing" : "",
-                isSelected ? "text-lg sm:text-xl text-foreground scale-110" : "text-sm sm:text-base text-muted-foreground opacity-60"
-              ),
-              style: { height: `${itemHeight}px` },
-              onClick: () => {
-                if (isDragging || !containerRef.current) return;
-                containerRef.current.scrollTop = idx * itemHeight;
-                onChange(item);
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground rounded-md font-semibold text-sm text-center pb-2 uppercase tracking-wider", children: label }),
+    /* @__PURE__ */ jsxs("div", { className: cn("relative w-24 sm:w-20"), children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 right-0 h-16 bg-gradient-to-b from-background via-background/80 to-transparent pointer-events-none z-20" }),
+      /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 right-0 h-16 bg-gradient-to-t from-background via-background/80 to-transparent pointer-events-none z-20" }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "absolute left-0 right-0 pointer-events-none bg-muted/50 backdrop-blur-sm rounded-md border border-border",
+          style: {
+            top: `${centerIndex * itemHeight}px`,
+            height: `${itemHeight}px`
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: containerRef,
+          onScroll: handleScroll,
+          onMouseDown: handleMouseDown,
+          onMouseMove: handleMouseMove,
+          onMouseUp: handleMouseUp,
+          onMouseLeave: handleMouseUp,
+          className: cn(
+            "overflow-y-scroll snap-y snap-mandatory [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none] overscroll-contain",
+            isDragging && "cursor-grabbing"
+          ),
+          style: {
+            height: `${containerHeight}px`,
+            paddingTop: `${centerIndex * itemHeight}px`,
+            paddingBottom: `${centerIndex * itemHeight}px`,
+            cursor: isDragging ? "grabbing" : "grab"
+          },
+          children: items.map((item, idx) => {
+            const itemIndex = items.indexOf(value);
+            const isCentered = idx === itemIndex;
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "snap-center flex items-center justify-center select-none font-bold tabular-nums transition-all duration-200",
+                  isCentered ? "text-2xl sm:text-xl text-foreground scale-110" : "text-base sm:text-sm text-muted-foreground/60"
+                ),
+                style: { height: `${itemHeight}px` },
+                children: item.toString().padStart(2, "0")
               },
-              children: item.toString().padStart(2, "0")
-            },
-            item
-          );
-        })
-      }
-    ) })
+              item
+            );
+          })
+        }
+      )
+    ] })
   ] });
 }
 function TimeScrollPicker({
@@ -7785,8 +7780,6 @@ function TimeScrollPicker({
   hideSeconds = false
 }) {
   const currentDate = date || /* @__PURE__ */ new Date();
-  const itemHeight = ITEM_HEIGHT;
-  const centerIndex = CENTER_INDEX;
   const handleTimeChange = (type, value) => {
     const newDate = new Date(currentDate);
     if (type === "hours") newDate.setHours(value);
@@ -7794,17 +7787,7 @@ function TimeScrollPicker({
     else newDate.setSeconds(value);
     setDate(newDate);
   };
-  return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center gap-2 p-1.5 sm:p-4", children: /* @__PURE__ */ jsxs("div", { className: cn("relative flex gap-2 sm:gap-3"), children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "absolute left-0 right-0 pointer-events-none z-10 rounded-lg bg-primary/10 border border-primary/20",
-        style: {
-          top: `calc(1.85rem + ${centerIndex * itemHeight}px)`,
-          height: `${itemHeight}px`
-        }
-      }
-    ),
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center gap-2 p-1.5 sm:p-4", children: /* @__PURE__ */ jsxs("div", { className: "relative flex gap-2 sm:gap-3", children: [
     /* @__PURE__ */ jsx(
       ScrollColumn,
       {
@@ -7812,7 +7795,7 @@ function TimeScrollPicker({
         onChange: (v) => handleTimeChange("hours", v),
         max: 24,
         label: "Hora",
-        hideSeconds
+        step: 1
       }
     ),
     /* @__PURE__ */ jsx(
@@ -7822,8 +7805,7 @@ function TimeScrollPicker({
         onChange: (v) => handleTimeChange("minutes", v),
         max: 60,
         step: 5,
-        label: "Min",
-        hideSeconds
+        label: "Min"
       }
     ),
     !hideSeconds && /* @__PURE__ */ jsx(
@@ -7833,7 +7815,7 @@ function TimeScrollPicker({
         onChange: (v) => handleTimeChange("seconds", v),
         max: 60,
         label: "Seg",
-        hideSeconds
+        step: 1
       }
     )
   ] }) });
@@ -9854,7 +9836,7 @@ function Select({
               ]
             }
           ),
-          /* @__PURE__ */ jsx(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ jsx(SelectContentBase, { "data-testid": testIds.content ?? "select-content", children: empty ? /* @__PURE__ */ jsx("div", { children: empty }) : /* @__PURE__ */ jsx(Fragment, { children: pagination && pagination > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ jsx(SelectContentBase, { "data-testid": testIds.content ?? "select-content", children: pagination && pagination > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(
               "div",
               {
@@ -9929,7 +9911,7 @@ function Select({
                 }
               )
             ] })
-          ] }) : /* @__PURE__ */ jsx(Fragment, { children: groupItems ? /* @__PURE__ */ jsx(Fragment, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ jsxs(
+          ] }) : /* @__PURE__ */ jsx(Fragment, { children: groupItems ? Object.keys(groupItems).length > 0 ? /* @__PURE__ */ jsx(Fragment, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ jsxs(
             SelectGroupBase,
             {
               "data-testid": testIds.group ?? "select-group",
@@ -9953,7 +9935,7 @@ function Select({
               ]
             },
             key
-          )) }) : /* @__PURE__ */ jsx(
+          )) }) : /* @__PURE__ */ jsx(SelectEmpty, { "data-testid": testIds.empty ?? "select-empty", children: empty ?? "Nenhum item dispon\xEDvel" }) : items && items.length > 0 ? /* @__PURE__ */ jsx(
             SelectGroupBase,
             {
               "data-testid": testIds.group ?? "select-group",
@@ -9967,7 +9949,7 @@ function Select({
                 item.value
               ))
             }
-          ) }) }) }) })
+          ) : /* @__PURE__ */ jsx(SelectEmpty, { "data-testid": testIds.empty ?? "select-empty", children: empty ?? "Nenhum item dispon\xEDvel" }) }) }) })
         ]
       }
     ),
@@ -14805,6 +14787,24 @@ var DraggableTooltipComponent = ({
         if (onPositionChange) onPositionChange(id, snapped);
       });
     };
+    const handleTouchMove = (e) => {
+      if (!dragging || !e.touches[0]) return;
+      e.preventDefault();
+      lastMouse.current = { x: e.touches[0].clientX, y: e.touches[0].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 - 250))
+        };
+        updateAlignmentGuides(rawPosition);
+        const snapped = snapToGuides(rawPosition);
+        setLocalPos(snapped);
+        if (onPositionChange) onPositionChange(id, snapped);
+      });
+    };
     const handleMouseUp = () => {
       if (dragging) {
         setDragging(false);
@@ -14812,11 +14812,23 @@ var DraggableTooltipComponent = ({
         if (rafId) cancelAnimationFrame(rafId);
       }
     };
+    const handleTouchEnd = () => {
+      if (dragging) {
+        setDragging(false);
+        setAlignmentGuides([]);
+        if (rafId) cancelAnimationFrame(rafId);
+      }
+    };
     if (dragging) {
       document.addEventListener("mousemove", handleMouseMove, {
         passive: true
       });
       document.addEventListener("mouseup", handleMouseUp);
+      document.addEventListener("touchmove", handleTouchMove, {
+        passive: false
+        // Permite preventDefault para evitar scroll
+      });
+      document.addEventListener("touchend", handleTouchEnd);
       document.body.style.cursor = "grabbing";
       document.body.style.userSelect = "none";
     }
@@ -14824,6 +14836,8 @@ var DraggableTooltipComponent = ({
       if (rafId) cancelAnimationFrame(rafId);
       document.removeEventListener("mousemove", handleMouseMove);
       document.removeEventListener("mouseup", handleMouseUp);
+      document.removeEventListener("touchmove", handleTouchMove);
+      document.removeEventListener("touchend", handleTouchEnd);
       document.body.style.cursor = "";
       document.body.style.userSelect = "";
     };
@@ -14908,6 +14922,7 @@ var DraggableTooltipComponent = ({
   );
   const handleTouchStartLocal = useCallback(
     (e) => {
+      e.preventDefault();
       e.stopPropagation();
       const touch = e.touches[0];
       if (!touch) return;
@@ -16980,13 +16995,13 @@ var Chart = ({
     "div",
     {
       ref: wrapperRef,
-      className: cn("w-full overflow-hidden min-w-0 rounded-lg", className),
-      children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-card relative w-full max-w-full min-w-0", children: [
+      className: cn("w-full overflow-hidden min-w-0 rounded-lg border-border", className),
+      children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-card relative w-full max-w-full min-w-0 py-1", children: [
         title && /* @__PURE__ */ jsx(
           "div",
           {
             className: cn(
-              "w-full flex items-center mt-5 mb-2",
+              "w-full flex items-center mt-3 mb-2",
               HORIZONTAL_PADDING_CLASS,
               titlePosition === "center" && "justify-center",
               titlePosition === "right" && "justify-end",
@@ -17436,1284 +17451,59 @@ var Chart = ({
   );
 };
 var Chart_default = Chart;
-var DEFAULT_COLORS3 = ["#55af7d", "#8e68ff", "#2273e1"];
-var BarChart = ({
-  data,
-  className,
-  height = 350,
-  width = 900,
-  colors: colors2 = DEFAULT_COLORS3,
-  gridColor,
-  showGrid = true,
-  showTooltip = true,
-  showLegend = true,
-  title,
-  titlePosition = "left",
-  showLabels = false,
-  xAxis,
-  mapper,
-  yAxis,
-  labelMap,
-  autoDetect = false,
-  padding,
-  margins,
-  containerPaddingLeft,
-  chartMargins
+var defaultData = [
+  { name: "Vendas", value: 4e3 },
+  { name: "Marketing", value: 3e3 },
+  { name: "Desenvolvimento", value: 2e3 },
+  { name: "Suporte", value: 1e3 },
+  { name: "Outros", value: 800 }
+];
+var DEFAULT_COLORS3 = [
+  "#55af7d",
+  // verde do projeto
+  "#8e68ff",
+  // roxo do projeto
+  "#2273e1",
+  // azul do projeto
+  "#f59e0b",
+  // amarelo complementar
+  "#ef4444",
+  // vermelho complementar
+  "#8b5cf6",
+  // roxo claro
+  "#06b6d4",
+  // ciano
+  "#84cc16"
+  // verde lima
+];
+var RADIAN = Math.PI / 180;
+var renderCustomizedLabel = ({
+  cx = 0,
+  cy = 0,
+  midAngle = 0,
+  innerRadius = 0,
+  outerRadius = 0,
+  percent = 0
 }) => {
-  const resolvedContainerPaddingLeft = resolveContainerPaddingLeft(
-    padding,
-    containerPaddingLeft,
-    16
-  );
-  const smartConfig = useMemo(() => {
-    const providedMapper = yAxis ?? mapper;
-    if (autoDetect === true || xAxis == null || providedMapper == null) {
-      const detectedXAxis = detectXAxis(data);
-      const detectedFields = detectDataFields(data, detectedXAxis);
-      return {
-        xAxisConfig: {
-          dataKey: detectedXAxis,
-          label: labelMap?.[detectedXAxis] ?? formatFieldName(detectedXAxis),
-          autoLabel: true
-        },
-        mapperConfig: detectedFields.reduce((acc, field) => {
-          acc[field] = {
-            label: labelMap?.[field] ?? formatFieldName(field),
-            type: "number",
-            visible: true
-          };
-          return acc;
-        }, {})
-      };
-    }
-    const xAxisConfig2 = typeof xAxis === "string" ? { dataKey: xAxis, label: formatFieldName(xAxis), autoLabel: true } : xAxis;
-    let mapperConfig2;
-    if (Array.isArray(providedMapper)) {
-      mapperConfig2 = providedMapper.reduce((acc, field) => {
-        acc[field] = {
-          label: labelMap?.[field] ?? formatFieldName(field),
-          type: "auto",
-          visible: true
-        };
-        return acc;
-      }, {});
-    } else {
-      mapperConfig2 = Object.keys(providedMapper).reduce(
-        (acc, key) => {
-          acc[key] = {
-            label: providedMapper[key]?.label ?? labelMap?.[key] ?? formatFieldName(key),
-            type: "auto",
-            visible: true,
-            ...providedMapper[key]
-            // Sobrescreve com configurações do usuário
-          };
-          return acc;
-        },
-        {}
-      );
-    }
-    return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
-  }, [data, xAxis, mapper, yAxis, autoDetect, labelMap]);
-  const { xAxisConfig, mapperConfig } = smartConfig;
-  const [activeTooltips, setActiveTooltips] = useState([]);
-  const [isDragging, setIsDragging] = useState(null);
-  const [dragOffset, setDragOffset] = useState({
-    x: 0,
-    y: 0
-  });
-  const [globalTooltipCount, setGlobalTooltipCount] = useState(0);
-  const [alignmentGuides, setAlignmentGuides] = useState([]);
-  const processedData = data.map((item) => ({
-    ...item,
-    name: String(item[xAxisConfig.dataKey] || "N/A")
-    // Garantir propriedade 'name' para tooltip
-  }));
-  const generateColors = (dataKeys2) => {
-    const colorMap = {};
-    const allColors = generateAdditionalColors(colors2, dataKeys2.length);
-    dataKeys2.forEach((key, index) => {
-      colorMap[key] = allColors[index] || colors2[index % colors2.length];
-    });
-    return colorMap;
-  };
-  const dataKeys = Object.keys(mapperConfig);
-  const finalColors = generateColors(dataKeys);
-  const adaptDataForTooltip2 = (universalData) => {
-    return {
-      ...universalData,
-      name: String(universalData[xAxisConfig.dataKey] || "N/A")
-      // Garantir que tem a propriedade 'name'
-    };
-  };
-  const maxDataValue = useMemo(() => {
-    let max = 0;
-    const keys = Object.keys(mapperConfig);
-    for (const row of processedData) {
-      const r = row;
-      for (const key of keys) {
-        const v = r[key];
-        if (typeof v === "number" && Number.isFinite(v) && v > max)
-          max = v;
-      }
-    }
-    return max;
-  }, [processedData, mapperConfig]);
-  const niceMax = useMemo(() => {
-    let padding2 = 0.08;
-    if (maxDataValue > 1e6) padding2 = 0.05;
-    if (maxDataValue > 1e7) padding2 = 0.03;
-    if (maxDataValue === 0) padding2 = 0.12;
-    const padded = maxDataValue * (1 + padding2);
-    return niceCeil(padded);
-  }, [maxDataValue]);
-  const handleBarClick = (data2, index, event) => {
-    event.stopPropagation();
-    const xAxisValue = data2[xAxisConfig.dataKey] || "N/A";
-    const tooltipId = `${xAxisValue}`;
-    const rect = event.target.getBoundingClientRect();
-    const existingIndex = activeTooltips.findIndex(
-      (tooltip) => tooltip.id === tooltipId
-    );
-    if (existingIndex !== -1) {
-      setActiveTooltips(
-        (prev) => prev.filter((tooltip) => tooltip.id !== tooltipId)
-      );
-    } else {
-      const newTooltip = {
-        id: tooltipId,
-        data: data2,
-        position: {
-          top: rect.top - 10,
-          // Posição fixa da viewport
-          left: rect.right + 10
-          // À direita da barra clicada
-        }
-      };
-      setActiveTooltips((prev) => [...prev, newTooltip]);
-    }
-  };
-  const handleChartClick = () => {
-    setActiveTooltips([]);
-  };
-  const ALIGNMENT_THRESHOLD2 = 25;
-  const GUIDE_THRESHOLD2 = 60;
-  const STRONG_SNAP_THRESHOLD2 = 35;
-  const PRECISION_SNAP_THRESHOLD2 = 8;
-  const updateAlignmentGuides = useCallback(
-    (draggedTooltipId, currentPosition) => {
-      if (!isDragging) return;
-      const getAllTooltips = () => {
-        const allTooltips2 = [];
-        allTooltips2.push(...activeTooltips);
-        const globalEvent = new CustomEvent("requestGlobalTooltips", {
-          detail: { requesterId: draggedTooltipId, response: allTooltips2 }
-        });
-        window.dispatchEvent(globalEvent);
-        return allTooltips2;
-      };
-      const allTooltips = getAllTooltips();
-      const otherTooltips = allTooltips.filter(
-        (t) => t.id !== draggedTooltipId
-      );
-      const guides = [];
-      const tooltipDimensions = { width: 224, height: 120 };
-      otherTooltips.forEach((tooltip) => {
-        const topDiff = Math.abs(currentPosition.top - tooltip.position.top);
-        if (topDiff <= GUIDE_THRESHOLD2) {
-          guides.push({
-            type: "horizontal",
-            position: tooltip.position.top,
-            visible: true,
-            sourceTooltip: {
-              top: currentPosition.top,
-              left: currentPosition.left,
-              width: tooltipDimensions.width,
-              height: tooltipDimensions.height
-            },
-            targetTooltip: {
-              top: tooltip.position.top,
-              left: tooltip.position.left,
-              width: tooltipDimensions.width,
-              height: tooltipDimensions.height
-            }
-          });
-        }
-        const leftDiff = Math.abs(currentPosition.left - tooltip.position.left);
-        if (leftDiff <= GUIDE_THRESHOLD2) {
-          guides.push({
-            type: "vertical",
-            position: tooltip.position.left,
-            visible: true,
-            sourceTooltip: {
-              top: currentPosition.top,
-              left: currentPosition.left,
-              width: tooltipDimensions.width,
-              height: tooltipDimensions.height
-            },
-            targetTooltip: {
-              top: tooltip.position.top,
-              left: tooltip.position.left,
-              width: tooltipDimensions.width,
-              height: tooltipDimensions.height
-            }
-          });
-        }
-      });
-      setAlignmentGuides(guides);
-    },
-    [isDragging, activeTooltips]
-  );
-  const snapToGuides = useCallback(
-    (position) => {
-      const snappedPosition = { ...position };
-      let hasSnapped = false;
-      alignmentGuides.forEach((guide) => {
-        if (guide.type === "horizontal") {
-          const diff = Math.abs(position.top - guide.position);
-          if (diff <= PRECISION_SNAP_THRESHOLD2) {
-            snappedPosition.top = guide.position;
-            hasSnapped = true;
-          }
-        } else if (guide.type === "vertical") {
-          const diff = Math.abs(position.left - guide.position);
-          if (diff <= PRECISION_SNAP_THRESHOLD2) {
-            snappedPosition.left = guide.position;
-            hasSnapped = true;
-          }
-        }
-      });
-      if (!hasSnapped) {
-        alignmentGuides.forEach((guide) => {
-          if (guide.type === "horizontal") {
-            const diff = Math.abs(position.top - guide.position);
-            if (diff <= STRONG_SNAP_THRESHOLD2) {
-              snappedPosition.top = guide.position;
-            }
-          } else if (guide.type === "vertical") {
-            const diff = Math.abs(position.left - guide.position);
-            if (diff <= STRONG_SNAP_THRESHOLD2) {
-              snappedPosition.left = guide.position;
-            }
-          }
-        });
-      }
-      alignmentGuides.forEach((guide) => {
-        if (guide.type === "horizontal") {
-          const diff = Math.abs(position.top - guide.position);
-          if (diff <= ALIGNMENT_THRESHOLD2 && snappedPosition.top === position.top) {
-            snappedPosition.top = guide.position;
-          }
-        } else if (guide.type === "vertical") {
-          const diff = Math.abs(position.left - guide.position);
-          if (diff <= ALIGNMENT_THRESHOLD2 && snappedPosition.left === position.left) {
-            snappedPosition.left = guide.position;
-          }
-        }
-      });
-      return snappedPosition;
-    },
-    [alignmentGuides]
-  );
-  const handleMouseDown = (e, tooltipId) => {
-    e.preventDefault();
-    e.stopPropagation();
-    const tooltip = activeTooltips.find((t) => t.id === tooltipId);
-    if (!tooltip) return;
-    const rect = e.currentTarget.getBoundingClientRect();
-    const offsetX = e.clientX - rect.left;
-    const offsetY = e.clientY - rect.top;
-    setIsDragging(tooltipId);
-    setDragOffset({ x: offsetX, y: offsetY });
-  };
-  useEffect(() => {
-    let rafId;
-    let lastMousePosition = { x: 0, y: 0 };
-    const handleGlobalMouseMove = (e) => {
-      if (!isDragging) return;
-      lastMousePosition = { x: e.clientX, y: e.clientY };
-      if (rafId) cancelAnimationFrame(rafId);
-      rafId = requestAnimationFrame(() => {
-        const newLeft = lastMousePosition.x - dragOffset.x;
-        const newTop = lastMousePosition.y - dragOffset.y;
-        const rawPosition = {
-          top: Math.max(0, Math.min(newTop, window.innerHeight - 200)),
-          left: Math.max(0, Math.min(newLeft, window.innerWidth - 250))
-        };
-        updateAlignmentGuides(isDragging, rawPosition);
-        const snappedPosition = snapToGuides(rawPosition);
-        setActiveTooltips(
-          (prev) => prev.map((tooltip) => {
-            if (tooltip.id === isDragging) {
-              return {
-                ...tooltip,
-                position: snappedPosition
-              };
-            }
-            return tooltip;
-          })
-        );
-      });
-    };
-    const handleGlobalMouseUp = () => {
-      if (isDragging) {
-        setIsDragging(null);
-        setAlignmentGuides([]);
-        if (rafId) cancelAnimationFrame(rafId);
-      }
-    };
-    if (isDragging) {
-      document.addEventListener("mousemove", handleGlobalMouseMove, {
-        passive: true
-      });
-      document.addEventListener("mouseup", handleGlobalMouseUp);
-      document.body.style.cursor = "grabbing";
-      document.body.style.userSelect = "none";
-    }
-    return () => {
-      if (rafId) cancelAnimationFrame(rafId);
-      document.removeEventListener("mousemove", handleGlobalMouseMove);
-      document.removeEventListener("mouseup", handleGlobalMouseUp);
-      document.body.style.cursor = "";
-      document.body.style.userSelect = "";
-    };
-  }, [
-    isDragging,
-    dragOffset,
-    alignmentGuides,
-    updateAlignmentGuides,
-    snapToGuides
-  ]);
-  useEffect(() => {
-    const handleCloseAllTooltips = () => {
-      setActiveTooltips([]);
-      setGlobalTooltipCount(0);
-    };
-    window.addEventListener("closeAllTooltips", handleCloseAllTooltips);
-    return () => {
-      window.removeEventListener("closeAllTooltips", handleCloseAllTooltips);
-    };
-  }, []);
-  useEffect(() => {
-    const handleTooltipCountRequest = () => {
-      window.dispatchEvent(
-        new CustomEvent("tooltipCountResponse", {
-          detail: { count: activeTooltips.length }
-        })
-      );
-    };
-    const handleGlobalTooltipsRequest = (event) => {
-      const { detail } = event;
-      if (detail && detail.response && detail.requesterId) {
-        activeTooltips.forEach((tooltip) => {
-          if (!detail.response.find(
-            (t) => t.id === tooltip.id
-          )) {
-            detail.response.push({
-              id: tooltip.id,
-              position: tooltip.position
-            });
-          }
-        });
-      }
-    };
-    window.addEventListener("requestTooltipCount", handleTooltipCountRequest);
-    window.addEventListener(
-      "requestGlobalTooltips",
-      handleGlobalTooltipsRequest
-    );
-    return () => {
-      window.removeEventListener(
-        "requestTooltipCount",
-        handleTooltipCountRequest
-      );
-      window.removeEventListener(
-        "requestGlobalTooltips",
-        handleGlobalTooltipsRequest
-      );
-    };
-  }, [activeTooltips]);
-  useEffect(() => {
-    if (isDragging) return;
-    let totalCount = 0;
-    const handleCountResponse = (event) => {
-      const customEvent = event;
-      totalCount += customEvent.detail.count;
-    };
-    window.addEventListener("tooltipCountResponse", handleCountResponse);
-    window.dispatchEvent(new CustomEvent("requestTooltipCount"));
-    const timeoutId = setTimeout(() => {
-      window.removeEventListener("tooltipCountResponse", handleCountResponse);
-      setGlobalTooltipCount(totalCount);
-    }, 5);
-    return () => {
-      clearTimeout(timeoutId);
-      window.removeEventListener("tooltipCountResponse", handleCountResponse);
-    };
-  }, [activeTooltips.length, isDragging]);
-  const CustomTooltip = ({
-    active,
-    payload,
-    label
-  }) => {
-    if (!active || !payload) return null;
-    return /* @__PURE__ */ jsxs("div", { className: "bg-card border border-border rounded-lg p-3 shadow-lg", children: [
-      /* @__PURE__ */ jsx("p", { className: "font-medium text-foreground mb-2", children: label }),
-      payload.map(
-        (entry, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "w-3 h-3 rounded-sm",
-              style: { backgroundColor: entry.color }
-            }
-          ),
-          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
-            entry.name,
-            ":"
-          ] }),
-          /* @__PURE__ */ jsx("span", { className: "text-foreground font-medium", children: entry.value?.toLocaleString("pt-BR") })
-        ] }, index)
-      ),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "Clique para fixar este tooltip" })
-    ] });
-  };
-  const getTitleClassName = (position) => {
-    const baseClasses = "text-xl font-semibold text-foreground mb-3";
-    switch (position) {
-      case "center":
-        return `${baseClasses} text-center`;
-      case "right":
-        return `${baseClasses} text-right`;
-      default:
-        return `${baseClasses} text-left`;
-    }
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn("rounded-lg bg-card p-4 relative", className),
-      style: {
-        width: typeof width === "number" ? `${width + 32}px` : "fit-content",
-        maxWidth: "100%"
-      },
-      children: [
-        title && /* @__PURE__ */ jsx("div", { style: { paddingLeft: `${resolvedContainerPaddingLeft}px` }, children: /* @__PURE__ */ jsx("h3", { className: getTitleClassName(titlePosition), children: title }) }),
-        /* @__PURE__ */ jsxs(
-          BarChart$1,
-          {
-            data: processedData,
-            width: typeof width === "number" ? width : 900,
-            height,
-            margin: resolveChartMargins(margins, chartMargins, showLabels),
-            onClick: handleChartClick,
-            children: [
-              showGrid && /* @__PURE__ */ jsx(
-                CartesianGrid,
-                {
-                  strokeDasharray: "3 3",
-                  stroke: gridColor || "hsl(var(--muted-foreground))",
-                  opacity: 0.5
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                XAxis,
-                {
-                  dataKey: xAxisConfig.dataKey,
-                  stroke: "hsl(var(--muted-foreground))",
-                  fontSize: 12,
-                  tickLine: false,
-                  axisLine: false,
-                  tickFormatter: xAxisConfig.valueFormatter
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                YAxis,
-                {
-                  stroke: "hsl(var(--muted-foreground))",
-                  fontSize: 12,
-                  tickLine: false,
-                  axisLine: false,
-                  tickFormatter: (value) => value.toLocaleString("pt-BR"),
-                  domain: [0, niceMax],
-                  tickCount: 6
-                }
-              ),
-              showTooltip && /* @__PURE__ */ jsx(
-                Tooltip,
-                {
-                  content: /* @__PURE__ */ jsx(CustomTooltip, {}),
-                  cursor: { fill: "hsl(var(--muted))", opacity: 0.1 }
-                }
-              ),
-              showLegend && /* @__PURE__ */ jsx(
-                Legend,
-                {
-                  wrapperStyle: {
-                    color: "hsl(var(--foreground))",
-                    fontSize: "14px"
-                  }
-                }
-              ),
-              dataKeys.map((key) => {
-                const fieldConfig = mapperConfig[key];
-                return /* @__PURE__ */ jsx(
-                  Bar,
-                  {
-                    dataKey: key,
-                    name: fieldConfig?.label || key,
-                    fill: fieldConfig?.color || finalColors[key],
-                    radius: [4, 4, 0, 0],
-                    onClick: handleBarClick,
-                    style: { cursor: "pointer" },
-                    activeBar: /* @__PURE__ */ jsx(
-                      Rectangle,
-                      {
-                        fill: finalColors[key],
-                        stroke: finalColors[key],
-                        strokeWidth: 2,
-                        opacity: 0.8
-                      }
-                    ),
-                    children: showLabels && /* @__PURE__ */ jsx(
-                      LabelList,
-                      {
-                        dataKey: key,
-                        position: "top",
-                        content: pillLabelRenderer_default(
-                          finalColors[key] || "#000",
-                          "filled"
-                        )
-                      }
-                    )
-                  },
-                  key
-                );
-              })
-            ]
-          }
-        ),
-        alignmentGuides.map((guide, index) => {
-          const isHorizontal = guide.type === "horizontal";
-          const color = isHorizontal ? "#3b82f6" : "#ef4444";
-          const startX = isHorizontal ? Math.min(
-            guide.sourceTooltip.left + guide.sourceTooltip.width / 2,
-            guide.targetTooltip.left + guide.targetTooltip.width / 2
-          ) : guide.sourceTooltip.left + (isHorizontal ? 0 : guide.sourceTooltip.width / 2);
-          const endX = isHorizontal ? Math.max(
-            guide.sourceTooltip.left + guide.sourceTooltip.width / 2,
-            guide.targetTooltip.left + guide.targetTooltip.width / 2
-          ) : guide.targetTooltip.left + (isHorizontal ? 0 : guide.targetTooltip.width / 2);
-          const startY = isHorizontal ? guide.sourceTooltip.top + (isHorizontal ? guide.sourceTooltip.height / 2 : 0) : Math.min(
-            guide.sourceTooltip.top + guide.sourceTooltip.height / 2,
-            guide.targetTooltip.top + guide.targetTooltip.height / 2
-          );
-          const endY = isHorizontal ? guide.targetTooltip.top + (isHorizontal ? guide.targetTooltip.height / 2 : 0) : Math.max(
-            guide.sourceTooltip.top + guide.sourceTooltip.height / 2,
-            guide.targetTooltip.top + guide.targetTooltip.height / 2
-          );
-          return /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "fixed pointer-events-none z-30",
-                style: {
-                  left: startX,
-                  top: startY,
-                  width: isHorizontal ? endX - startX : "2px",
-                  height: isHorizontal ? "2px" : endY - startY,
-                  backgroundColor: color,
-                  boxShadow: `0 0 8px ${color}60`,
-                  opacity: 0.9,
-                  borderStyle: "dashed",
-                  borderWidth: "1px",
-                  borderColor: color,
-                  transform: "translateZ(0)"
-                }
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "fixed pointer-events-none z-31",
-                style: {
-                  left: guide.sourceTooltip.left + guide.sourceTooltip.width / 2 - 4,
-                  top: guide.sourceTooltip.top + guide.sourceTooltip.height / 2 - 4,
-                  width: "8px",
-                  height: "8px",
-                  backgroundColor: color,
-                  borderRadius: "50%",
-                  boxShadow: `0 0 4px ${color}80`,
-                  opacity: 0.8
-                }
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "fixed pointer-events-none z-31",
-                style: {
-                  left: guide.targetTooltip.left + guide.targetTooltip.width / 2 - 4,
-                  top: guide.targetTooltip.top + guide.targetTooltip.height / 2 - 4,
-                  width: "8px",
-                  height: "8px",
-                  backgroundColor: color,
-                  borderRadius: "50%",
-                  boxShadow: `0 0 4px ${color}80`,
-                  opacity: 0.8
-                }
-              }
-            )
-          ] }, index);
-        }),
-        activeTooltips.map((tooltip, index) => /* @__PURE__ */ jsx(
-          DraggableTooltip_default,
-          {
-            id: tooltip.id,
-            data: adaptDataForTooltip2(tooltip.data),
-            position: tooltip.position,
-            isDragging: isDragging === tooltip.id,
-            title,
-            dataKeys,
-            finalColors,
-            onMouseDown: (id, e) => handleMouseDown(e, id),
-            onClose: (id) => {
-              setActiveTooltips((prev) => prev.filter((t) => t.id !== id));
-            },
-            periodLabel: "Per\xEDodo Selecionado",
-            dataLabel: "Dados do Per\xEDodo",
-            showCloseAllButton: index === 0,
-            globalTooltipCount,
-            onCloseAll: () => {
-              window.dispatchEvent(new Event("closeAllTooltips"));
-            },
-            closeAllButtonPosition: "top-center",
-            closeAllButtonVariant: "floating"
-          },
-          tooltip.id
-        ))
-      ]
-    }
-  );
-};
-var BarChart_default = BarChart;
-var defaultData = [
-  { name: "A", value: 100 },
-  { name: "B", value: 200 },
-  { name: "C", value: 150 }
-];
-var DEFAULT_COLORS4 = ["#55af7d", "#8e68ff", "#2273e1"];
-var CustomLineChart = ({
-  data = defaultData,
-  className,
-  height = 300,
-  width = "100%",
-  colors: colors2 = DEFAULT_COLORS4,
-  gridColor,
-  showGrid = true,
-  showTooltip = true,
-  showLegend = true,
-  title,
-  titlePosition = "left",
-  strokeWidth = 2,
-  showDots = true,
-  showLabels = false,
-  padding,
-  margins,
-  containerPaddingLeft,
-  chartMargins
-}) => {
-  const resolvedContainerPaddingLeft = resolveContainerPaddingLeft(
-    padding,
-    containerPaddingLeft,
-    16
-  );
-  const [activeTooltips, setActiveTooltips] = useState([]);
-  const [isDragging, setIsDragging] = useState(null);
-  const [dragOffset, setDragOffset] = useState({
-    x: 0,
-    y: 0
-  });
-  const [globalTooltipCount, setGlobalTooltipCount] = useState(0);
-  const [alignmentGuides, setAlignmentGuides] = useState([]);
-  const generateColors = (dataKeys2) => {
-    const colorMap = {};
-    const allColors = generateAdditionalColors(colors2, dataKeys2.length);
-    dataKeys2.forEach((key, index) => {
-      colorMap[key] = allColors[index] || colors2[index % colors2.length];
-    });
-    return colorMap;
-  };
-  const dataKeys = useMemo(
-    () => data.length > 0 ? Object.keys(data[0]).filter((key) => key !== "name") : [],
-    [data]
-  );
-  const finalColors = generateColors(dataKeys);
-  const maxDataValue = useMemo(() => {
-    let max = 0;
-    for (const row of data) {
-      const r = row;
-      for (const key of dataKeys) {
-        const v = r[key];
-        if (typeof v === "number" && Number.isFinite(v) && v > max)
-          max = v;
-      }
-    }
-    return max;
-  }, [data, dataKeys]);
-  const niceMax = useMemo(() => {
-    let padding2 = 0.08;
-    if (maxDataValue > 1e6) padding2 = 0.05;
-    if (maxDataValue > 1e7) padding2 = 0.03;
-    if (maxDataValue === 0) padding2 = 0.12;
-    const padded = maxDataValue * (1 + padding2);
-    return niceCeil(padded);
-  }, [maxDataValue]);
-  const ClickableDot = (props) => {
-    const { cx, cy, payload, dataKey } = props;
-    const handleDotClick = (e) => {
-      e.stopPropagation();
-      if (!payload || !cx || !cy) return;
-      const tooltipId = `${payload.name}`;
-      const existingIndex = activeTooltips.findIndex(
-        (tooltip) => tooltip.id === tooltipId
-      );
-      if (existingIndex !== -1) {
-        setActiveTooltips(
-          (prev) => prev.filter((tooltip) => tooltip.id !== tooltipId)
-        );
-      } else {
-        const newTooltip = {
-          id: tooltipId,
-          data: payload,
-          position: {
-            top: cy - 50,
-            // Posição relativa ao SVG
-            left: cx - 100
-          }
-        };
-        setActiveTooltips((prev) => [...prev, newTooltip]);
-      }
-    };
-    return /* @__PURE__ */ jsx(
-      "circle",
-      {
-        cx,
-        cy,
-        r: 6,
-        fill: finalColors[dataKey || ""] || colors2[0],
-        stroke: finalColors[dataKey || ""] || colors2[0],
-        strokeWidth: 2,
-        style: { cursor: "pointer" },
-        onClick: handleDotClick
-      }
-    );
-  };
-  const handleChartClick = (e) => {
-    if (e && e.activePayload && e.activePayload.length > 0) {
-      const clickedData = e.activePayload[0].payload;
-      const tooltipId = `${clickedData.name}`;
-      const existingIndex = activeTooltips.findIndex(
-        (tooltip) => tooltip.id === tooltipId
-      );
-      if (existingIndex !== -1) {
-        setActiveTooltips(
-          (prev) => prev.filter((tooltip) => tooltip.id !== tooltipId)
-        );
-      } else {
-        const newTooltip = {
-          id: tooltipId,
-          data: clickedData,
-          position: {
-            top: (e.chartY || 100) - 10,
-            left: (e.chartX || 100) - 100
-          }
-        };
-        setActiveTooltips((prev) => [...prev, newTooltip]);
-      }
-    }
-  };
-  const handleChartBackgroundClick = () => {
-    setActiveTooltips([]);
-  };
-  const handleCloseAllTooltips = useCallback(() => {
-    window.dispatchEvent(new CustomEvent("closeAllTooltips"));
-  }, []);
-  const updateAlignmentGuides = useCallback(
-    (draggedTooltipId, draggedPosition) => {
-      const SNAP_THRESHOLD = 15;
-      const draggedTooltip = activeTooltips.find(
-        (t) => t.id === draggedTooltipId
-      );
-      if (!draggedTooltip) return;
-      const tooltipWidth = 200;
-      const tooltipHeight = 80;
-      const globalTooltips = [];
-      window.dispatchEvent(
-        new CustomEvent("requestGlobalTooltips", {
-          detail: { requesterId: draggedTooltipId }
-        })
-      );
-      activeTooltips.forEach((tooltip) => {
-        if (tooltip.id !== draggedTooltipId) {
-          globalTooltips.push({
-            top: tooltip.position.top,
-            left: tooltip.position.left,
-            width: tooltipWidth,
-            height: tooltipHeight,
-            id: tooltip.id
-          });
-        }
-      });
-      const newGuides = [];
-      globalTooltips.forEach((otherTooltip) => {
-        const draggedCenter = {
-          x: draggedPosition.left + tooltipWidth / 2,
-          y: draggedPosition.top + tooltipHeight / 2
-        };
-        const otherCenter = {
-          x: otherTooltip.left + otherTooltip.width / 2,
-          y: otherTooltip.top + otherTooltip.height / 2
-        };
-        const horizontalDistance = Math.abs(draggedCenter.y - otherCenter.y);
-        if (horizontalDistance <= SNAP_THRESHOLD) {
-          newGuides.push({
-            type: "horizontal",
-            position: otherCenter.y,
-            visible: true,
-            sourceTooltip: {
-              top: draggedPosition.top,
-              left: draggedPosition.left,
-              width: tooltipWidth,
-              height: tooltipHeight
-            },
-            targetTooltip: {
-              top: otherTooltip.top,
-              left: otherTooltip.left,
-              width: otherTooltip.width,
-              height: otherTooltip.height
-            }
-          });
-        }
-        const verticalDistance = Math.abs(draggedCenter.x - otherCenter.x);
-        if (verticalDistance <= SNAP_THRESHOLD) {
-          newGuides.push({
-            type: "vertical",
-            position: otherCenter.x,
-            visible: true,
-            sourceTooltip: {
-              top: draggedPosition.top,
-              left: draggedPosition.left,
-              width: tooltipWidth,
-              height: tooltipHeight
-            },
-            targetTooltip: {
-              top: otherTooltip.top,
-              left: otherTooltip.left,
-              width: otherTooltip.width,
-              height: otherTooltip.height
-            }
-          });
-        }
-      });
-      setAlignmentGuides(newGuides);
-    },
-    [activeTooltips]
-  );
-  const snapToGuides = useCallback(
-    (position) => {
-      const SNAP_DISTANCE = 10;
-      const snappedPosition = { ...position };
-      alignmentGuides.forEach((guide) => {
-        if (guide.type === "horizontal") {
-          const tooltipCenter = position.top + 40;
-          if (Math.abs(tooltipCenter - guide.position) <= SNAP_DISTANCE) {
-            snappedPosition.top = guide.position - 40;
-          }
-        } else if (guide.type === "vertical") {
-          const tooltipCenter = position.left + 100;
-          if (Math.abs(tooltipCenter - guide.position) <= SNAP_DISTANCE) {
-            snappedPosition.left = guide.position - 100;
-          }
-        }
-      });
-      return snappedPosition;
-    },
-    [alignmentGuides]
-  );
-  const handleMouseDown = (tooltipId, e) => {
-    const rect = e.target.getBoundingClientRect();
-    const offsetX = e.clientX - rect.left;
-    const offsetY = e.clientY - rect.top;
-    setIsDragging(tooltipId);
-    setDragOffset({ x: offsetX, y: offsetY });
-  };
-  useEffect(() => {
-    let rafId;
-    let lastMousePosition = { x: 0, y: 0 };
-    const handleGlobalMouseMove = (e) => {
-      if (!isDragging) return;
-      lastMousePosition = { x: e.clientX, y: e.clientY };
-      if (rafId) cancelAnimationFrame(rafId);
-      rafId = requestAnimationFrame(() => {
-        const newLeft = lastMousePosition.x - dragOffset.x;
-        const newTop = lastMousePosition.y - dragOffset.y;
-        let finalPosition = { top: newTop, left: newLeft };
-        finalPosition = snapToGuides(finalPosition);
-        setActiveTooltips(
-          (prev) => prev.map(
-            (tooltip) => tooltip.id === isDragging ? { ...tooltip, position: finalPosition } : tooltip
-          )
-        );
-        updateAlignmentGuides(isDragging, finalPosition);
-      });
-    };
-    const handleGlobalMouseUp = () => {
-      if (rafId) cancelAnimationFrame(rafId);
-      setIsDragging(null);
-      setAlignmentGuides([]);
-      document.body.style.cursor = "";
-      document.body.style.userSelect = "";
-    };
-    if (isDragging) {
-      document.body.style.cursor = "grabbing";
-      document.body.style.userSelect = "none";
-      window.addEventListener("mousemove", handleGlobalMouseMove);
-      window.addEventListener("mouseup", handleGlobalMouseUp);
-    }
-    return () => {
-      if (rafId) cancelAnimationFrame(rafId);
-      window.removeEventListener("mousemove", handleGlobalMouseMove);
-      window.removeEventListener("mouseup", handleGlobalMouseUp);
-      document.body.style.cursor = "";
-      document.body.style.userSelect = "";
-    };
-  }, [
-    isDragging,
-    dragOffset,
-    alignmentGuides,
-    updateAlignmentGuides,
-    snapToGuides
-  ]);
-  useEffect(() => {
-    const handleCloseAllTooltips2 = () => {
-      setActiveTooltips([]);
-      setGlobalTooltipCount(0);
-    };
-    window.addEventListener("closeAllTooltips", handleCloseAllTooltips2);
-    return () => {
-      window.removeEventListener("closeAllTooltips", handleCloseAllTooltips2);
-    };
-  }, []);
-  useEffect(() => {
-    const handleTooltipCountRequest = () => {
-      window.dispatchEvent(
-        new CustomEvent("tooltipCountResponse", {
-          detail: { count: activeTooltips.length }
-        })
-      );
-    };
-    const handleGlobalTooltipsRequest = (event) => {
-      const requesterId = event.detail?.requesterId;
-      activeTooltips.forEach((tooltip) => {
-        if (tooltip.id !== requesterId) {
-          window.dispatchEvent(
-            new CustomEvent("globalTooltipResponse", {
-              detail: {
-                tooltip: {
-                  top: tooltip.position.top,
-                  left: tooltip.position.left,
-                  width: 200,
-                  height: 80,
-                  id: tooltip.id
-                }
-              }
-            })
-          );
-        }
-      });
-    };
-    window.addEventListener("requestTooltipCount", handleTooltipCountRequest);
-    window.addEventListener(
-      "requestGlobalTooltips",
-      handleGlobalTooltipsRequest
-    );
-    return () => {
-      window.removeEventListener(
-        "requestTooltipCount",
-        handleTooltipCountRequest
-      );
-      window.removeEventListener(
-        "requestGlobalTooltips",
-        handleGlobalTooltipsRequest
-      );
-    };
-  }, [activeTooltips]);
-  useEffect(() => {
-    if (isDragging) return;
-    let totalCount = 0;
-    const handleCountResponse = (event) => {
-      const customEvent = event;
-      totalCount += customEvent.detail.count;
-    };
-    window.addEventListener("tooltipCountResponse", handleCountResponse);
-    window.dispatchEvent(new CustomEvent("requestTooltipCount"));
-    const timeoutId = setTimeout(() => {
-      window.removeEventListener("tooltipCountResponse", handleCountResponse);
-      setGlobalTooltipCount(totalCount);
-    }, 5);
-    return () => {
-      clearTimeout(timeoutId);
-      window.removeEventListener("tooltipCountResponse", handleCountResponse);
-    };
-  }, [activeTooltips.length, isDragging]);
-  const getTitleClass = () => {
-    switch (titlePosition) {
-      case "center":
-        return "text-center";
-      case "right":
-        return "text-right";
-      default:
-        return "text-left";
-    }
-  };
-  return /* @__PURE__ */ jsx("div", { className: cn("relative", className), children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "rounded-lg bg-card p-4 relative border border-border",
-      style: {
-        width: typeof width === "number" ? `${width + 32}px` : "fit-content",
-        maxWidth: "100%"
-      },
-      onClick: handleChartBackgroundClick,
-      children: [
-        title && /* @__PURE__ */ jsx("div", { style: { paddingLeft: `${resolvedContainerPaddingLeft}px` }, children: /* @__PURE__ */ jsx("div", { className: cn("mb-4", getTitleClass()), children: /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-foreground", children: title }) }) }),
-        /* @__PURE__ */ jsxs(
-          LineChart,
-          {
-            data,
-            width: typeof width === "number" ? width : 900,
-            height,
-            margin: resolveChartMargins(margins, chartMargins, showLabels),
-            onClick: handleChartClick,
-            children: [
-              showGrid && /* @__PURE__ */ jsx(
-                CartesianGrid,
-                {
-                  strokeDasharray: "3 3",
-                  stroke: gridColor || "hsl(var(--muted-foreground))",
-                  opacity: 0.3
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                XAxis,
-                {
-                  dataKey: "name",
-                  className: "fill-muted-foreground text-xs",
-                  fontSize: 12
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                YAxis,
-                {
-                  className: "fill-muted-foreground text-xs",
-                  fontSize: 12,
-                  tickFormatter: (value) => compactTick(Number(value)),
-                  domain: [0, niceMax],
-                  tickCount: 6
-                }
-              ),
-              showTooltip && /* @__PURE__ */ jsx(Tooltip, { content: () => null }),
-              showLegend && /* @__PURE__ */ jsx(
-                Legend,
-                {
-                  wrapperStyle: {
-                    fontSize: "12px",
-                    color: "hsl(var(--muted-foreground))"
-                  }
-                }
-              ),
-              dataKeys.map((key) => /* @__PURE__ */ jsx(
-                Line,
-                {
-                  type: "monotone",
-                  dataKey: key,
-                  stroke: finalColors[key],
-                  strokeWidth,
-                  dot: showDots ? { r: 4, cursor: "pointer" } : false,
-                  activeDot: (props) => /* @__PURE__ */ jsx(ClickableDot, { ...props, dataKey: key }),
-                  children: showLabels && /* @__PURE__ */ jsx(
-                    LabelList,
-                    {
-                      dataKey: key,
-                      position: "top",
-                      content: pillLabelRenderer_default(
-                        finalColors[key] || "#000",
-                        "filled"
-                      ),
-                      offset: 14
-                    }
-                  )
-                },
-                key
-              ))
-            ]
-          }
-        ),
-        alignmentGuides.map((guide, index) => {
-          const isHorizontal = guide.type === "horizontal";
-          const color = isHorizontal ? "#3b82f6" : "#ef4444";
-          const startX = isHorizontal ? Math.min(
-            guide.sourceTooltip.left + guide.sourceTooltip.width / 2,
-            guide.targetTooltip.left + guide.targetTooltip.width / 2
-          ) : guide.sourceTooltip.left + (isHorizontal ? 0 : guide.sourceTooltip.width / 2);
-          const endX = isHorizontal ? Math.max(
-            guide.sourceTooltip.left + guide.sourceTooltip.width / 2,
-            guide.targetTooltip.left + guide.targetTooltip.width / 2
-          ) : guide.targetTooltip.left + (isHorizontal ? 0 : guide.targetTooltip.width / 2);
-          const startY = isHorizontal ? guide.sourceTooltip.top + (isHorizontal ? guide.sourceTooltip.height / 2 : 0) : Math.min(
-            guide.sourceTooltip.top + guide.sourceTooltip.height / 2,
-            guide.targetTooltip.top + guide.targetTooltip.height / 2
-          );
-          const endY = isHorizontal ? guide.targetTooltip.top + (isHorizontal ? guide.targetTooltip.height / 2 : 0) : Math.max(
-            guide.sourceTooltip.top + guide.sourceTooltip.height / 2,
-            guide.targetTooltip.top + guide.targetTooltip.height / 2
-          );
-          return /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "fixed pointer-events-none z-30",
-                style: {
-                  left: startX,
-                  top: startY,
-                  width: isHorizontal ? endX - startX : "2px",
-                  height: isHorizontal ? "2px" : endY - startY,
-                  backgroundColor: color,
-                  boxShadow: `0 0 8px ${color}60`,
-                  opacity: 0.9,
-                  borderStyle: "dashed",
-                  borderWidth: "1px",
-                  borderColor: color,
-                  transform: "translateZ(0)"
-                }
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "fixed pointer-events-none z-31",
-                style: {
-                  left: guide.sourceTooltip.left + guide.sourceTooltip.width / 2 - 4,
-                  top: guide.sourceTooltip.top + guide.sourceTooltip.height / 2 - 4,
-                  width: "8px",
-                  height: "8px",
-                  backgroundColor: color,
-                  borderRadius: "50%",
-                  boxShadow: `0 0 4px ${color}80`,
-                  opacity: 0.8
-                }
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "fixed pointer-events-none z-31",
-                style: {
-                  left: guide.targetTooltip.left + guide.targetTooltip.width / 2 - 4,
-                  top: guide.targetTooltip.top + guide.targetTooltip.height / 2 - 4,
-                  width: "8px",
-                  height: "8px",
-                  backgroundColor: color,
-                  borderRadius: "50%",
-                  boxShadow: `0 0 4px ${color}80`,
-                  opacity: 0.8
-                }
-              }
-            )
-          ] }, index);
-        }),
-        activeTooltips.map((tooltip, index) => /* @__PURE__ */ jsx(
-          DraggableTooltip_default,
-          {
-            id: tooltip.id,
-            data: tooltip.data,
-            position: tooltip.position,
-            isDragging: isDragging === tooltip.id,
-            title,
-            dataKeys,
-            finalColors,
-            onMouseDown: (id, e) => handleMouseDown(id, e),
-            onClose: (id) => {
-              setActiveTooltips((prev) => prev.filter((t) => t.id !== id));
-            },
-            periodLabel: "Ponto Selecionado",
-            dataLabel: "Dados do Ponto",
-            showCloseAllButton: index === 0,
-            globalTooltipCount,
-            onCloseAll: handleCloseAllTooltips,
-            closeAllButtonPosition: "top-center",
-            closeAllButtonVariant: "floating"
-          },
-          tooltip.id
-        ))
-      ]
-    }
-  ) });
-};
-var LineChart_default = CustomLineChart;
-var defaultData2 = [
-  { name: "Vendas", value: 4e3 },
-  { name: "Marketing", value: 3e3 },
-  { name: "Desenvolvimento", value: 2e3 },
-  { name: "Suporte", value: 1e3 },
-  { name: "Outros", value: 800 }
-];
-var DEFAULT_COLORS5 = [
-  "#55af7d",
-  // verde do projeto
-  "#8e68ff",
-  // roxo do projeto
-  "#2273e1",
-  // azul do projeto
-  "#f59e0b",
-  // amarelo complementar
-  "#ef4444",
-  // vermelho complementar
-  "#8b5cf6",
-  // roxo claro
-  "#06b6d4",
-  // ciano
-  "#84cc16"
-  // verde lima
-];
-var RADIAN = Math.PI / 180;
-var renderCustomizedLabel = ({
-  cx = 0,
-  cy = 0,
-  midAngle = 0,
-  innerRadius = 0,
-  outerRadius = 0,
-  percent = 0
-}) => {
-  const radius = innerRadius + (outerRadius - innerRadius) * 0.5;
-  const x = cx + radius * Math.cos(-midAngle * RADIAN);
-  const y = cy + radius * Math.sin(-midAngle * RADIAN);
-  return /* @__PURE__ */ jsx(
-    "text",
-    {
-      x,
-      y,
-      fill: "white",
-      textAnchor: x > cx ? "start" : "end",
-      dominantBaseline: "central",
-      fontSize: 12,
-      fontWeight: "600",
-      children: `${(percent * 100).toFixed(0)}%`
+  const radius = innerRadius + (outerRadius - innerRadius) * 0.5;
+  const x = cx + radius * Math.cos(-midAngle * RADIAN);
+  const y = cy + radius * Math.sin(-midAngle * RADIAN);
+  return /* @__PURE__ */ jsx(
+    "text",
+    {
+      x,
+      y,
+      fill: "white",
+      textAnchor: x > cx ? "start" : "end",
+      dominantBaseline: "central",
+      fontSize: 12,
+      fontWeight: "600",
+      children: `${(percent * 100).toFixed(0)}%`
     }
   );
 };
 var CustomPieChart = ({
-  data = defaultData2,
+  data = defaultData,
   className,
   height = 400,
   width = "100%",
@@ -18726,7 +17516,7 @@ var CustomPieChart = ({
   centerX = "50%",
   centerY = "50%"
 }) => {
-  const finalColors = colors2 || DEFAULT_COLORS5;
+  const finalColors = colors2 || DEFAULT_COLORS3;
   return /* @__PURE__ */ jsx("div", { className: cn("w-full rounded-lg bg-card p-4", className), children: /* @__PURE__ */ jsx(ResponsiveContainer, { width, height, children: /* @__PURE__ */ jsxs(PieChart, { children: [
     /* @__PURE__ */ jsx(
       Pie,
@@ -19023,4 +17813,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, CENTER_INDEX, 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, ITEM_HEIGHT, 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, NumericInput, 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, VISIBLE_ITEMS, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, formatFieldName, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getItems, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, 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, 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, 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, ITEM_HEIGHT, InputBase, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase_default as LabelBase, Leaderboard, LikeButton, LoadingBase, LockButton, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, 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, PieChart_default as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, ProgressCirclesBase, ProgressPanelsBase, ProgressSegmentsBase, RangePicker, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectEmpty, SelectGroupBase, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly_default as ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, StartHour, StartHourAgenda, StatusIndicator, SwitchBase, SystemTooltip_default as SystemTooltip, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, ThemeProviderBase, TimePicker, TimePickerInput, TimeSeries_default as TimeSeries, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple_default as TooltipSimple, TooltipTriggerBase, TooltipWithTotal_default as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, VISIBLE_ITEMS, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, formatFieldName, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getItems, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, 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 };