@mlw-packages/react-components 1.8.13 → 1.9.0

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
@@ -627,7 +627,7 @@ var DialogOverlayBase = React33.forwardRef(({ className, testid: dataTestId = "d
   {
     ref,
     className: cn(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  border-border",
       className
     ),
     "data-testid": dataTestId,
@@ -645,7 +645,7 @@ var DialogContentBase = React33.forwardRef(
         {
           ref,
           className: cn(
-            "fixed left-[50%] top-[50%] z-50 w-lg grid translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg max-h-[100dvh] overflow-auto rounded-md border-border",
+            "fixed left-[50%] top-[50%] z-50 w-[calc(100%-2rem)] max-w-lg grid 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": dataTestId,
@@ -653,8 +653,8 @@ var DialogContentBase = React33.forwardRef(
           onWheel: userOnWheel,
           children: [
             children,
-            /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-3 top-3 sm:right-4 sm:top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground z-10 touch-manipulation", children: [
-              /* @__PURE__ */ jsx(XIcon, { className: "h-6 w-6 sm:h-4 sm:w-4 hover:text-red-500 font-extrabold" }),
+            /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-2 top-2 sm:right-4 sm:top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground z-10 touch-manipulation p-1", children: [
+              /* @__PURE__ */ jsx(XIcon, { className: "h-5 w-5 sm:h-4 sm:w-4 hover:text-red-500 font-extrabold" }),
               /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
             ] })
           ]
@@ -669,7 +669,7 @@ var DialogHeaderBase = React33.forwardRef(({ className, testid: dataTestId = "di
   {
     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,
@@ -682,7 +682,7 @@ var DialogFooterBase = React33.forwardRef(({ className, testid: dataTestId = "di
   {
     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,
@@ -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,
@@ -1859,7 +1871,7 @@ var CommandBase = React33.forwardRef(({ className, testid: dataTestId = "command
   {
     ref,
     className: cn(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-background text-popover-foreground",
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-background text-popover-foreground border-border",
       className
     ),
     "data-testid": dataTestId,
@@ -1881,13 +1893,13 @@ var CommandDialogBase = ({ children, open, ...props }) => {
       exit: "exit",
       variants: dialogVariants,
       transition: { duration: 0.2, ease: "easeOut" },
-      className: "overflow-hidden p-0",
+      className: "overflow-hidden p-0 ",
       children: /* @__PURE__ */ jsx(CommandBase, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
     },
     "command-dialog"
   ) }) }) });
 };
-var CommandInputBase = React33.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+var CommandInputBase = React33.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3  border-border", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsx(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
   /* @__PURE__ */ jsx(
     Command.Input,
@@ -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);
@@ -2585,7 +2598,7 @@ function MultiSelectContentBase({
     PopoverContentBase,
     {
       forceMount: true,
-      className: "w-[--radix-popover-trigger-width] relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md p-0",
+      className: "w-[--radix-popover-trigger-width] relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md p-0 border-border",
       children: /* @__PURE__ */ jsx(
         motion.div,
         {
@@ -2610,8 +2623,8 @@ function MultiSelectContentBase({
                   {
                     placeholder: typeof search === "object" ? search.placeholder : void 0
                   }
-                ) : /* @__PURE__ */ jsx("button", { autoFocus: true, className: "sr-only" }),
-                /* @__PURE__ */ jsxs(CommandListBase, { children: [
+                ) : /* @__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(
@@ -7608,6 +7641,10 @@ function useScrollColumn({
   const [scrollTop, setScrollTop] = useState(0);
   const scrollTimeoutRef = useRef(null);
   const isTouchRef = useRef(false);
+  const velocityRef = useRef(0);
+  const lastTouchY = useRef(0);
+  const lastTouchTime = useRef(0);
+  const momentumAnimationRef = useRef(null);
   const itemHeight = ITEM_HEIGHT;
   const centerIndex = CENTER_INDEX;
   const visibleItems = VISIBLE_ITEMS;
@@ -7625,8 +7662,12 @@ function useScrollColumn({
     }
   }, [value, isDragging, itemHeight, step, items.length]);
   useEffect(() => {
+    const animationRef = momentumAnimationRef.current;
     return () => {
       if (scrollTimeoutRef.current) clearTimeout(scrollTimeoutRef.current);
+      if (animationRef) {
+        cancelAnimationFrame(animationRef);
+      }
     };
   }, []);
   const handleScroll = (e) => {
@@ -7646,27 +7687,77 @@ function useScrollColumn({
   };
   const handleStart = (pageY) => {
     if (!containerRef.current) return;
+    if (momentumAnimationRef.current) {
+      cancelAnimationFrame(momentumAnimationRef.current);
+      momentumAnimationRef.current = null;
+    }
     setIsDragging(true);
     setStartY(pageY);
     setScrollTop(containerRef.current.scrollTop);
+    velocityRef.current = 0;
+    lastTouchY.current = pageY;
+    lastTouchTime.current = Date.now();
   };
   const handleMove = (pageY) => {
     if (!isDragging || !containerRef.current) return;
-    const multiplier = isTouchRef.current ? 0.6 : 1;
+    const now = Date.now();
+    const timeDelta = now - lastTouchTime.current;
+    if (timeDelta > 0) {
+      const delta = pageY - lastTouchY.current;
+      velocityRef.current = delta / timeDelta;
+    }
+    lastTouchY.current = pageY;
+    lastTouchTime.current = now;
+    const multiplier = isTouchRef.current ? 1 : 1;
     containerRef.current.scrollTop = scrollTop + (startY - pageY) * multiplier;
   };
   const handleEnd = () => {
     if (!containerRef.current) return;
     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);
-      }
-    });
+    if (isTouchRef.current && Math.abs(velocityRef.current) > 0.1) {
+      let velocity = velocityRef.current * -30;
+      const friction = 0.92;
+      const minVelocity = 0.5;
+      const animate = () => {
+        if (!containerRef.current) return;
+        velocity *= friction;
+        if (Math.abs(velocity) < minVelocity) {
+          const newIndex = Math.round(
+            containerRef.current.scrollTop / itemHeight
+          );
+          const newValue = items[newIndex];
+          if (newValue !== void 0) {
+            const targetScroll = newIndex * itemHeight;
+            const currentScroll = containerRef.current.scrollTop;
+            const diff = targetScroll - currentScroll;
+            if (Math.abs(diff) > 0.5) {
+              containerRef.current.scrollTop += diff * 0.3;
+              momentumAnimationRef.current = requestAnimationFrame(animate);
+            } else {
+              containerRef.current.scrollTop = targetScroll;
+              onChange(newValue);
+              momentumAnimationRef.current = null;
+            }
+          }
+          return;
+        }
+        containerRef.current.scrollTop += velocity;
+        momentumAnimationRef.current = requestAnimationFrame(animate);
+      };
+      momentumAnimationRef.current = requestAnimationFrame(animate);
+    } else {
+      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,
@@ -8129,7 +8220,7 @@ function DateTimePicker({
         }
       ),
       /* @__PURE__ */ jsx(ErrorMessage_default, { error }),
-      /* @__PURE__ */ jsx(DialogContentBase, { className: "p-0 max-h-[65vh] w-[calc(100vw-24px)] sm:w-[calc(100vw-32px)] overflow-hidden flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "overflow-y-auto flex-1", children: renderPickerContent() }) })
+      /* @__PURE__ */ jsx(DialogContentBase, { className: "p-0 max-h-[65vh] w-[calc(100vw-24px)] sm:w-[calc(100vw-32px)] overflow-hidden flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "overflow-y-auto flex-1 ", children: renderPickerContent() }) })
     ] }) : /* @__PURE__ */ jsxs(PopoverBase, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ jsx(
         PopoverTriggerBase,
@@ -9854,7 +9945,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 +10020,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 +10044,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 +10058,7 @@ function Select({
                 item.value
               ))
             }
-          ) }) }) }) })
+          ) : /* @__PURE__ */ jsx(SelectEmpty, { "data-testid": testIds.empty ?? "select-empty", children: empty ?? "Nenhum item dispon\xEDvel" }) }) }) })
         ]
       }
     ),
@@ -13779,7 +13870,7 @@ function MultiSelect({
             MultiSelectTriggerBase,
             {
               className: cn(
-                "flex items-center gap-2 justify-between",
+                "flex items-center gap-2 justify-between hover:bg-muted transition-all duration-150",
                 error && "border-red-500",
                 className
               ),
@@ -14805,6 +14896,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 +14921,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 +14945,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 +15031,7 @@ var DraggableTooltipComponent = ({
   );
   const handleTouchStartLocal = useCallback(
     (e) => {
+      e.preventDefault();
       e.stopPropagation();
       const touch = e.touches[0];
       if (!touch) return;
@@ -16980,13 +17104,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 +17560,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 +17625,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 +17922,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 };