@mlw-packages/react-components 1.8.14 → 1.9.1

package/dist/index.js

@@ -584,7 +584,7 @@ var AlertDialogContentBase = React33__namespace.forwardRef(({ className, testid
     {
       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,
@@ -600,7 +600,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
@@ -614,7 +614,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
@@ -1327,19 +1327,21 @@ function useIsMobile() {
   }, []);
   return !!isMobile;
 }
+var isTouchDevice = () => {
+  return "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints !== void 0;
+};
 var useDrag = (options = {}) => {
   const [isDragging, setIsDragging] = React33.useState(null);
   const [positions, setPositions] = React33.useState({});
   const dragStartPos = React33.useRef(null);
   const dragId = React33.useRef(null);
+  const isTouch = React33.useRef(isTouchDevice());
   const handleDragStart = React33.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,
@@ -1357,6 +1359,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;
@@ -1391,18 +1396,25 @@ var useDrag = (options = {}) => {
   }, [options]);
   React33.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 = "";
       };
     }
@@ -1662,7 +1674,7 @@ var ModalContentBase = React33__namespace.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,
@@ -1672,7 +1684,7 @@ var ModalContentBase = React33__namespace.forwardRef(
           ...props,
           children: [
             children,
-            /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.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__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.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__ */ jsxRuntime.jsx(react.XIcon, { className: "h-5 w-5 sm:h-4 sm:w-4 text-foreground" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
             ] })
@@ -1688,7 +1700,7 @@ var ModalHeaderBase = React33__namespace.forwardRef(({ className, testid: dataTe
   {
     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,
@@ -1701,7 +1713,7 @@ var ModalFooterBase = React33__namespace.forwardRef(({ className, testid: dataTe
   {
     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,
@@ -2127,6 +2139,7 @@ function ComboboxBase({
   hideClear = false
 }) {
   const [open, setOpen] = React33.useState(false);
+  const isMobile = useIsMobile();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -2138,7 +2151,7 @@ function ComboboxBase({
           {
             open,
             onOpenChange: (v) => !disabled && setOpen(v),
-            modal: false,
+            modal: isMobile,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 PopoverTriggerBase,
@@ -2588,7 +2601,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);
@@ -2653,7 +2666,7 @@ function MultiSelectContentBase({
                   {
                     placeholder: typeof search === "object" ? search.placeholder : void 0
                   }
-                ) : /* @__PURE__ */ jsxRuntime.jsx("button", { autoFocus: true, className: "sr-only" }),
+                ) : /* @__PURE__ */ jsxRuntime.jsx("button", { autoFocus: true, className: "sr-only " }),
                 /* @__PURE__ */ jsxRuntime.jsxs(CommandListBase, { className: "border-border", children: [
                   canSearch && /* @__PURE__ */ jsxRuntime.jsx(CommandEmptyBase, { children: typeof search === "object" ? search.emptyMessage ?? emptyMessage : emptyMessage }),
                   children
@@ -2711,7 +2724,7 @@ function useMultiSelectContext() {
   const context = React33.useContext(MultiSelectContext);
   if (context == null) {
     throw new Error(
-      "useMultiSelectContext must be used within a MultiSelectContext"
+      "useMultiSelectContext must be used within a MultiSelectContext "
     );
   }
   return context;
@@ -2896,7 +2909,7 @@ var SelectContentBase = React33__namespace.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
               }
@@ -2960,6 +2973,20 @@ var SelectSeparatorBase = React33__namespace.forwardRef(({ className, ...props }
   }
 ));
 SelectSeparatorBase.displayName = SelectPrimitive__namespace.Separator.displayName;
+var SelectEmpty = React33__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "block w-full break-words hyphens-auto", children })
+  }
+));
+SelectEmpty.displayName = "SelectEmpty";
+SelectItemBase.displayName = SelectPrimitive__namespace.Item.displayName;
 var DropDownMenuBase = DropdownMenuPrimitive__namespace.Root;
 var DropDownMenuTriggerBase = DropdownMenuPrimitive__namespace.Trigger;
 var DropDownMenuGroupBase = DropdownMenuPrimitive__namespace.Group;
@@ -3220,36 +3247,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__ */ jsxRuntime.jsxs(DropDownMenuBase, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3258,10 +3294,7 @@ function ModeToggleBase({
         ref: buttonRef,
         variant,
         size: "icon",
-        className: cn(
-          "relative overflow-hidden group",
-          className
-        ),
+        className: cn("relative overflow-hidden group", className),
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -7646,117 +7679,68 @@ function useScrollColumn({
 }) {
   const containerRef = React33.useRef(null);
   const items = getItems(max, step);
-  const [isDragging, setIsDragging] = React33.useState(false);
-  const [startY, setStartY] = React33.useState(0);
-  const [scrollTop, setScrollTop] = React33.useState(0);
   const scrollTimeoutRef = React33.useRef(null);
-  const isTouchRef = React33.useRef(false);
+  const isScrollingRef = React33.useRef(false);
+  const [isDragging, setIsDragging] = React33.useState(false);
+  const startYRef = React33.useRef(0);
+  const startScrollRef = React33.useRef(0);
   const itemHeight = ITEM_HEIGHT;
   const centerIndex = CENTER_INDEX;
   const visibleItems = VISIBLE_ITEMS;
   const containerHeight = visibleItems * itemHeight;
   React33.useEffect(() => {
-    if (containerRef.current && !isDragging) {
-      requestAnimationFrame(() => {
-        if (containerRef.current) {
-          const index = Math.round(value / step);
-          const clampedIndex = Math.max(0, Math.min(items.length - 1, index));
-          const scrollPosition = clampedIndex * itemHeight;
-          containerRef.current.scrollTop = scrollPosition;
-        }
-      });
+    if (containerRef.current && !isScrollingRef.current) {
+      const index = Math.round(value / step);
+      const clampedIndex = Math.max(0, Math.min(items.length - 1, index));
+      const scrollPosition = clampedIndex * itemHeight;
+      containerRef.current.scrollTop = scrollPosition;
     }
-  }, [value, isDragging, itemHeight, step, items.length]);
+  }, [value, itemHeight, step, items.length]);
   React33.useEffect(() => {
     return () => {
       if (scrollTimeoutRef.current) clearTimeout(scrollTimeoutRef.current);
     };
   }, []);
-  const handleScroll = (e) => {
-    e.stopPropagation();
-    e.preventDefault();
-    if (!containerRef.current || isDragging) return;
+  const handleScroll = () => {
+    if (!containerRef.current) return;
+    isScrollingRef.current = true;
     if (scrollTimeoutRef.current) clearTimeout(scrollTimeoutRef.current);
     scrollTimeoutRef.current = setTimeout(() => {
       if (!containerRef.current) return;
       const newIndex = Math.round(containerRef.current.scrollTop / itemHeight);
       const newValue = items[newIndex];
-      if (newValue !== void 0) {
-        containerRef.current.scrollTop = newIndex * itemHeight;
-        if (newValue !== value) onChange(newValue);
+      if (newValue !== void 0 && newValue !== value) {
+        onChange(newValue);
       }
-    }, 100);
+      isScrollingRef.current = false;
+    }, 150);
   };
-  const handleStart = (pageY) => {
+  const handleMouseDown = (e) => {
     if (!containerRef.current) return;
     setIsDragging(true);
-    setStartY(pageY);
-    setScrollTop(containerRef.current.scrollTop);
+    startYRef.current = e.clientY;
+    startScrollRef.current = containerRef.current.scrollTop;
+    e.preventDefault();
   };
-  const handleMove = (pageY) => {
+  const handleMouseMove = (e) => {
     if (!isDragging || !containerRef.current) return;
-    const multiplier = isTouchRef.current ? 0.6 : 1;
-    containerRef.current.scrollTop = scrollTop + (startY - pageY) * multiplier;
+    const deltaY = startYRef.current - e.clientY;
+    containerRef.current.scrollTop = startScrollRef.current + deltaY;
   };
-  const handleEnd = () => {
-    if (!containerRef.current) return;
+  const handleMouseUp = () => {
     setIsDragging(false);
-    requestAnimationFrame(() => {
-      if (!containerRef.current) return;
-      const newIndex = Math.round(containerRef.current.scrollTop / itemHeight);
-      const newValue = items[newIndex];
-      if (newValue !== void 0) {
-        containerRef.current.scrollTop = newIndex * itemHeight;
-        onChange(newValue);
-      }
-    });
-  };
-  const handlers = {
-    onScroll: handleScroll,
-    onWheel: (e) => e.stopPropagation(),
-    onMouseDown: (e) => {
-      isTouchRef.current = false;
-      handleStart(e.pageY);
-    },
-    onMouseMove: (e) => {
-      if (isDragging) {
-        e.preventDefault();
-        handleMove(e.pageY);
-      }
-    },
-    onMouseUp: () => handleEnd(),
-    onMouseLeave: () => {
-      if (isDragging) handleEnd();
-    },
-    onTouchStart: (e) => {
-      isTouchRef.current = true;
-      handleStart(e.touches[0].pageY);
-    },
-    onTouchMove: (e) => {
-      if (isDragging) {
-        if (e.cancelable) e.preventDefault();
-        handleMove(e.touches[0].pageY);
-      }
-    },
-    onTouchEnd: () => {
-      isTouchRef.current = false;
-      handleEnd();
-    }
-  };
-  const scrollToIndex = (index) => {
-    if (!containerRef.current) return;
-    const clamped = Math.max(0, Math.min(items.length - 1, index));
-    containerRef.current.scrollTop = clamped * itemHeight;
   };
   return {
     items,
     containerRef,
-    isDragging,
     itemHeight,
     containerHeight,
     centerIndex,
-    handlers,
-    scrollToIndex
+    handleScroll,
+    handleMouseDown,
+    handleMouseMove,
+    handleMouseUp,
+    isDragging
   };
 }
 function ScrollColumn({
@@ -7769,57 +7753,68 @@ function ScrollColumn({
   const {
     items,
     containerRef,
-    isDragging,
     itemHeight,
     containerHeight,
     centerIndex,
-    handlers
+    handleScroll,
+    handleMouseDown,
+    handleMouseMove,
+    handleMouseUp,
+    isDragging
   } = useScrollColumn({ value, onChange, max, step });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground rounded-md font-semibold text-sm sm:text-sm text-center pb-2 uppercase tracking-wider", children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative w-20 sm:w-16"), children: /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: containerRef,
-        className: "overflow-y-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none] touch-action-pan-y",
-        onScroll: handlers.onScroll,
-        onWheel: handlers.onWheel,
-        onMouseDown: handlers.onMouseDown,
-        onMouseMove: handlers.onMouseMove,
-        onMouseUp: handlers.onMouseUp,
-        onMouseLeave: handlers.onMouseLeave,
-        onTouchStart: handlers.onTouchStart,
-        onTouchMove: handlers.onTouchMove,
-        onTouchEnd: handlers.onTouchEnd,
-        style: {
-          height: `${containerHeight}px`,
-          paddingTop: `${centerIndex * itemHeight}px`,
-          paddingBottom: `${centerIndex * itemHeight}px`,
-          cursor: isDragging ? "grabbing" : ""
-        },
-        children: items.map((item, idx) => {
-          const isSelected = item === value;
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: cn(
-                "flex items-center justify-center select-none font-semibold tabular-nums transition-all duration-150",
-                isDragging ? "cursor-grabbing" : "",
-                isSelected ? "text-lg sm:text-xl text-foreground scale-110" : "text-sm sm:text-base text-muted-foreground opacity-60"
-              ),
-              style: { height: `${itemHeight}px` },
-              onClick: () => {
-                if (isDragging || !containerRef.current) return;
-                containerRef.current.scrollTop = idx * itemHeight;
-                onChange(item);
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground rounded-md font-semibold text-sm text-center pb-2 uppercase tracking-wider", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative w-24 sm:w-20"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-0 left-0 right-0 h-16 bg-gradient-to-b from-background via-background/80 to-transparent pointer-events-none z-20" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-0 left-0 right-0 h-16 bg-gradient-to-t from-background via-background/80 to-transparent pointer-events-none z-20" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "absolute left-0 right-0 pointer-events-none bg-muted/50 backdrop-blur-sm rounded-md border border-border",
+          style: {
+            top: `${centerIndex * itemHeight}px`,
+            height: `${itemHeight}px`
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref: containerRef,
+          onScroll: handleScroll,
+          onMouseDown: handleMouseDown,
+          onMouseMove: handleMouseMove,
+          onMouseUp: handleMouseUp,
+          onMouseLeave: handleMouseUp,
+          className: cn(
+            "overflow-y-scroll snap-y snap-mandatory [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none] overscroll-contain",
+            isDragging && "cursor-grabbing"
+          ),
+          style: {
+            height: `${containerHeight}px`,
+            paddingTop: `${centerIndex * itemHeight}px`,
+            paddingBottom: `${centerIndex * itemHeight}px`,
+            cursor: isDragging ? "grabbing" : "grab"
+          },
+          children: items.map((item, idx) => {
+            const itemIndex = items.indexOf(value);
+            const isCentered = idx === itemIndex;
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn(
+                  "snap-center flex items-center justify-center select-none font-bold tabular-nums transition-all duration-200",
+                  isCentered ? "text-2xl sm:text-xl text-foreground scale-110" : "text-base sm:text-sm text-muted-foreground/60"
+                ),
+                style: { height: `${itemHeight}px` },
+                children: item.toString().padStart(2, "0")
               },
-              children: item.toString().padStart(2, "0")
-            },
-            item
-          );
-        })
-      }
-    ) })
+              item
+            );
+          })
+        }
+      )
+    ] })
   ] });
 }
 function TimeScrollPicker({
@@ -7828,8 +7823,6 @@ function TimeScrollPicker({
   hideSeconds = false
 }) {
   const currentDate = date || /* @__PURE__ */ new Date();
-  const itemHeight = ITEM_HEIGHT;
-  const centerIndex = CENTER_INDEX;
   const handleTimeChange = (type, value) => {
     const newDate = new Date(currentDate);
     if (type === "hours") newDate.setHours(value);
@@ -7837,17 +7830,7 @@ function TimeScrollPicker({
     else newDate.setSeconds(value);
     setDate(newDate);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center gap-2 p-1.5 sm:p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative flex gap-2 sm:gap-3"), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: "absolute left-0 right-0 pointer-events-none z-10 rounded-lg bg-primary/10 border border-primary/20",
-        style: {
-          top: `calc(1.85rem + ${centerIndex * itemHeight}px)`,
-          height: `${itemHeight}px`
-        }
-      }
-    ),
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center gap-2 p-1.5 sm:p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex gap-2 sm:gap-3", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       ScrollColumn,
       {
@@ -7855,7 +7838,7 @@ function TimeScrollPicker({
         onChange: (v) => handleTimeChange("hours", v),
         max: 24,
         label: "Hora",
-        hideSeconds
+        step: 1
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -7865,8 +7848,7 @@ function TimeScrollPicker({
         onChange: (v) => handleTimeChange("minutes", v),
         max: 60,
         step: 5,
-        label: "Min",
-        hideSeconds
+        label: "Min"
       }
     ),
     !hideSeconds && /* @__PURE__ */ jsxRuntime.jsx(
@@ -7876,7 +7858,7 @@ function TimeScrollPicker({
         onChange: (v) => handleTimeChange("seconds", v),
         max: 60,
         label: "Seg",
-        hideSeconds
+        step: 1
       }
     )
   ] }) });
@@ -9897,7 +9879,7 @@ function Select({
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ jsxRuntime.jsx(SelectContentBase, { "data-testid": testIds.content ?? "select-content", children: empty ? /* @__PURE__ */ jsxRuntime.jsx("div", { children: empty }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: pagination && pagination > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ jsxRuntime.jsx(SelectContentBase, { "data-testid": testIds.content ?? "select-content", children: pagination && pagination > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
@@ -9972,7 +9954,7 @@ function Select({
                 }
               )
             ] })
-          ] }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: groupItems ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ jsxRuntime.jsxs(
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: groupItems ? Object.keys(groupItems).length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ jsxRuntime.jsxs(
             SelectGroupBase,
             {
               "data-testid": testIds.group ?? "select-group",
@@ -9996,7 +9978,7 @@ function Select({
               ]
             },
             key
-          )) }) : /* @__PURE__ */ jsxRuntime.jsx(
+          )) }) : /* @__PURE__ */ jsxRuntime.jsx(SelectEmpty, { "data-testid": testIds.empty ?? "select-empty", children: empty ?? "Nenhum item dispon\xEDvel" }) : items && items.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
             SelectGroupBase,
             {
               "data-testid": testIds.group ?? "select-group",
@@ -10010,7 +9992,7 @@ function Select({
                 item.value
               ))
             }
-          ) }) }) }) })
+          ) : /* @__PURE__ */ jsxRuntime.jsx(SelectEmpty, { "data-testid": testIds.empty ?? "select-empty", children: empty ?? "Nenhum item dispon\xEDvel" }) }) }) })
         ]
       }
     ),
@@ -14848,6 +14830,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);
@@ -14855,11 +14855,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";
     }
@@ -14867,6 +14879,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 = "";
     };
@@ -14951,6 +14965,7 @@ var DraggableTooltipComponent = ({
   );
   const handleTouchStartLocal = React33.useCallback(
     (e) => {
+      e.preventDefault();
       e.stopPropagation();
       const touch = e.touches[0];
       if (!touch) return;
@@ -17023,13 +17038,13 @@ var Chart = ({
     "div",
     {
       ref: wrapperRef,
-      className: cn("w-full overflow-hidden min-w-0 rounded-lg", className),
-      children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "rounded-lg bg-card relative w-full max-w-full min-w-0 py-1", children: [
         title && /* @__PURE__ */ jsxRuntime.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",
@@ -17479,1284 +17494,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 = React33.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] = React33.useState([]);
-  const [isDragging, setIsDragging] = React33.useState(null);
-  const [dragOffset, setDragOffset] = React33.useState({
-    x: 0,
-    y: 0
-  });
-  const [globalTooltipCount, setGlobalTooltipCount] = React33.useState(0);
-  const [alignmentGuides, setAlignmentGuides] = React33.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 = React33.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 = React33.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 = React33.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 = React33.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 });
-  };
-  React33.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
-  ]);
-  React33.useEffect(() => {
-    const handleCloseAllTooltips = () => {
-      setActiveTooltips([]);
-      setGlobalTooltipCount(0);
-    };
-    window.addEventListener("closeAllTooltips", handleCloseAllTooltips);
-    return () => {
-      window.removeEventListener("closeAllTooltips", handleCloseAllTooltips);
-    };
-  }, []);
-  React33.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]);
-  React33.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__ */ jsxRuntime.jsxs("div", { className: "bg-card border border-border rounded-lg p-3 shadow-lg", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-foreground mb-2", children: label }),
-      payload.map(
-        (entry, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: "w-3 h-3 rounded-sm",
-              style: { backgroundColor: entry.color }
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
-            entry.name,
-            ":"
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-medium", children: entry.value?.toLocaleString("pt-BR") })
-        ] }, index)
-      ),
-      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { style: { paddingLeft: `${resolvedContainerPaddingLeft}px` }, children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: getTitleClassName(titlePosition), children: title }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          recharts.BarChart,
-          {
-            data: processedData,
-            width: typeof width === "number" ? width : 900,
-            height,
-            margin: resolveChartMargins(margins, chartMargins, showLabels),
-            onClick: handleChartClick,
-            children: [
-              showGrid && /* @__PURE__ */ jsxRuntime.jsx(
-                recharts.CartesianGrid,
-                {
-                  strokeDasharray: "3 3",
-                  stroke: gridColor || "hsl(var(--muted-foreground))",
-                  opacity: 0.5
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                recharts.XAxis,
-                {
-                  dataKey: xAxisConfig.dataKey,
-                  stroke: "hsl(var(--muted-foreground))",
-                  fontSize: 12,
-                  tickLine: false,
-                  axisLine: false,
-                  tickFormatter: xAxisConfig.valueFormatter
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                recharts.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__ */ jsxRuntime.jsx(
-                recharts.Tooltip,
-                {
-                  content: /* @__PURE__ */ jsxRuntime.jsx(CustomTooltip, {}),
-                  cursor: { fill: "hsl(var(--muted))", opacity: 0.1 }
-                }
-              ),
-              showLegend && /* @__PURE__ */ jsxRuntime.jsx(
-                recharts.Legend,
-                {
-                  wrapperStyle: {
-                    color: "hsl(var(--foreground))",
-                    fontSize: "14px"
-                  }
-                }
-              ),
-              dataKeys.map((key) => {
-                const fieldConfig = mapperConfig[key];
-                return /* @__PURE__ */ jsxRuntime.jsx(
-                  recharts.Bar,
-                  {
-                    dataKey: key,
-                    name: fieldConfig?.label || key,
-                    fill: fieldConfig?.color || finalColors[key],
-                    radius: [4, 4, 0, 0],
-                    onClick: handleBarClick,
-                    style: { cursor: "pointer" },
-                    activeBar: /* @__PURE__ */ jsxRuntime.jsx(
-                      recharts.Rectangle,
-                      {
-                        fill: finalColors[key],
-                        stroke: finalColors[key],
-                        strokeWidth: 2,
-                        opacity: 0.8
-                      }
-                    ),
-                    children: showLabels && /* @__PURE__ */ jsxRuntime.jsx(
-                      recharts.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__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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] = React33.useState([]);
-  const [isDragging, setIsDragging] = React33.useState(null);
-  const [dragOffset, setDragOffset] = React33.useState({
-    x: 0,
-    y: 0
-  });
-  const [globalTooltipCount, setGlobalTooltipCount] = React33.useState(0);
-  const [alignmentGuides, setAlignmentGuides] = React33.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 = React33.useMemo(
-    () => data.length > 0 ? Object.keys(data[0]).filter((key) => key !== "name") : [],
-    [data]
-  );
-  const finalColors = generateColors(dataKeys);
-  const maxDataValue = React33.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 = React33.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__ */ jsxRuntime.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 = React33.useCallback(() => {
-    window.dispatchEvent(new CustomEvent("closeAllTooltips"));
-  }, []);
-  const updateAlignmentGuides = React33.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 = React33.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 });
-  };
-  React33.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
-  ]);
-  React33.useEffect(() => {
-    const handleCloseAllTooltips2 = () => {
-      setActiveTooltips([]);
-      setGlobalTooltipCount(0);
-    };
-    window.addEventListener("closeAllTooltips", handleCloseAllTooltips2);
-    return () => {
-      window.removeEventListener("closeAllTooltips", handleCloseAllTooltips2);
-    };
-  }, []);
-  React33.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]);
-  React33.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__ */ jsxRuntime.jsx("div", { className: cn("relative", className), children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { style: { paddingLeft: `${resolvedContainerPaddingLeft}px` }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", getTitleClass()), children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-foreground", children: title }) }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          recharts.LineChart,
-          {
-            data,
-            width: typeof width === "number" ? width : 900,
-            height,
-            margin: resolveChartMargins(margins, chartMargins, showLabels),
-            onClick: handleChartClick,
-            children: [
-              showGrid && /* @__PURE__ */ jsxRuntime.jsx(
-                recharts.CartesianGrid,
-                {
-                  strokeDasharray: "3 3",
-                  stroke: gridColor || "hsl(var(--muted-foreground))",
-                  opacity: 0.3
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                recharts.XAxis,
-                {
-                  dataKey: "name",
-                  className: "fill-muted-foreground text-xs",
-                  fontSize: 12
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                recharts.YAxis,
-                {
-                  className: "fill-muted-foreground text-xs",
-                  fontSize: 12,
-                  tickFormatter: (value) => compactTick(Number(value)),
-                  domain: [0, niceMax],
-                  tickCount: 6
-                }
-              ),
-              showTooltip && /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, { content: () => null }),
-              showLegend && /* @__PURE__ */ jsxRuntime.jsx(
-                recharts.Legend,
-                {
-                  wrapperStyle: {
-                    fontSize: "12px",
-                    color: "hsl(var(--muted-foreground))"
-                  }
-                }
-              ),
-              dataKeys.map((key) => /* @__PURE__ */ jsxRuntime.jsx(
-                recharts.Line,
-                {
-                  type: "monotone",
-                  dataKey: key,
-                  stroke: finalColors[key],
-                  strokeWidth,
-                  dot: showDots ? { r: 4, cursor: "pointer" } : false,
-                  activeDot: (props) => /* @__PURE__ */ jsxRuntime.jsx(ClickableDot, { ...props, dataKey: key }),
-                  children: showLabels && /* @__PURE__ */ jsxRuntime.jsx(
-                    recharts.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__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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%",
@@ -18769,7 +17559,7 @@ var CustomPieChart = ({
   centerX = "50%",
   centerY = "50%"
 }) => {
-  const finalColors = colors2 || DEFAULT_COLORS5;
+  const finalColors = colors2 || DEFAULT_COLORS3;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full rounded-lg bg-card p-4", className), children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width, height, children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.PieChart, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       recharts.Pie,
@@ -19088,7 +17878,6 @@ exports.AvatarFallbackBase = AvatarFallbackBase;
 exports.AvatarImageBase = AvatarImageBase;
 exports.BackButton = BackButton;
 exports.Badge = Badge;
-exports.BarChart = BarChart_default;
 exports.BreadcrumbBase = BreadcrumbBase;
 exports.BreadcrumbEllipsisBase = BreadcrumbEllipsisBase;
 exports.BreadcrumbItemBase = BreadcrumbItemBase;
@@ -19232,7 +18021,6 @@ exports.InputOTPSlotBase = InputOTPSlotBase;
 exports.LabelBase = LabelBase_default;
 exports.Leaderboard = Leaderboard;
 exports.LikeButton = LikeButton;
-exports.LineChart = LineChart_default;
 exports.LoadingBase = LoadingBase;
 exports.LockButton = LockButton;
 exports.ModalBase = ModalBase;
@@ -19288,6 +18076,7 @@ exports.SearchButton = SearchButton;
 exports.Select = Select;
 exports.SelectBase = SelectBase;
 exports.SelectContentBase = SelectContentBase;
+exports.SelectEmpty = SelectEmpty;
 exports.SelectGroupBase = SelectGroupBase;
 exports.SelectItemBase = SelectItemBase;
 exports.SelectLabelBase = SelectLabelBase;