@mlw-packages/react-components 1.5.8 → 1.5.9

package/dist/index.mjs

@@ -493,19 +493,19 @@ import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 var buttonVariantsBase = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive active:scale-95",
   {
     variants: {
       variant: {
         default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
         destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
-        outline: "bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-background dark:border-input dark:hover:bg-background/95",
         secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
-        default: " px-4 py-2 has-[>svg]:px-3",
+        default: "h-9 py-2 px-4 has-[>svg]:px-3",
         sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
         lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
         icon: "size-9"
@@ -2131,7 +2131,7 @@ var InputBase = React12.forwardRef(
         "div",
         {
           className: cn(
-            "flex items-center rounded-md transition focus-within:ring-1 focus-within:ring-ring focus-within:border-ring bg-background overflow-hidden",
+            "flex items-center rounded-md transition h-9 focus-within:ring-1 focus-within:ring-ring focus-within:border-ring bg-background overflow-hidden",
             type !== "file" && "border border-input"
           ),
           children: [
@@ -2141,7 +2141,7 @@ var InputBase = React12.forwardRef(
               {
                 type,
                 className: cn(
-                  "w-full flex-1 text-sm py-2 px-3 focus:outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 bg-background text-foreground",
+                  "w-full flex-1 text-sm p-1.5  px-3 focus:outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 bg-background text-foreground",
                   className
                 ),
                 ref,
@@ -2216,7 +2216,7 @@ function ComboboxBase({
                 role: "combobox",
                 "aria-expanded": open,
                 className: cn(
-                  "flex items-start gap-2 justify-between h-full border border-input",
+                  "flex items-start gap-2 justify-between",
                   errorMessage && "border-red-500"
                 ),
                 "data-testid": testIds.trigger ?? "combobox-trigger",
@@ -2887,34 +2887,78 @@ function NavigationMenuIndicatorBase({
 import * as React17 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
-var ProgressBase = React17.forwardRef(({ className, value, label, leftIcon, rightIcon, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
-    label && /* @__PURE__ */ jsx28(LabelBase_default, { className: "py-2", children: label }),
-    /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
-      leftIcon && /* @__PURE__ */ jsx28("div", { className: "flex items-center justify-center", children: leftIcon }),
-      /* @__PURE__ */ jsx28(
-        ProgressPrimitive.Root,
-        {
-          ref,
-          className: cn(
-            "relative h-3 w-full overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-800 shadow-inner transition-all",
-            className
-          ),
-          value,
-          ...props,
-          children: /* @__PURE__ */ jsx28(
-            ProgressPrimitive.Indicator,
-            {
-              className: "h-full w-full flex-1 bg-primary transition-all duration-500 ease-in-out",
-              style: { transform: `translateX(-${100 - (value || 0)}%)` }
-            }
-          )
-        }
-      ),
-      rightIcon && /* @__PURE__ */ jsx28("div", { className: "flex items-center justify-center", children: rightIcon })
-    ] })
-  ] });
-});
+var ProgressBase = React17.forwardRef(
+  ({
+    className,
+    value,
+    label,
+    leftIcon,
+    rightIcon,
+    variant = "bar",
+    segments = 5,
+    steps = [],
+    currentStep = 0,
+    ...props
+  }, ref) => {
+    switch (variant) {
+      case "segments":
+        return /* @__PURE__ */ jsx28(
+          ProgressSegmentsBase,
+          {
+            label,
+            segments,
+            value: value || 0
+          }
+        );
+      case "panels":
+        return /* @__PURE__ */ jsx28(
+          ProgressPanelsBase,
+          {
+            label,
+            steps,
+            currentStep
+          }
+        );
+      case "circles":
+        return /* @__PURE__ */ jsx28(
+          ProgressCirclesBase,
+          {
+            label,
+            steps,
+            currentStep
+          }
+        );
+      case "bar":
+      default:
+        return /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
+          label && /* @__PURE__ */ jsx28(LabelBase_default, { className: "py-2", children: label }),
+          /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
+            leftIcon && /* @__PURE__ */ jsx28("div", { className: "flex items-center justify-center", children: leftIcon }),
+            /* @__PURE__ */ jsx28(
+              ProgressPrimitive.Root,
+              {
+                ref,
+                className: cn(
+                  "relative h-3 w-full overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-800 shadow-inner transition-all",
+                  className
+                ),
+                value,
+                ...props,
+                children: /* @__PURE__ */ jsx28(
+                  ProgressPrimitive.Indicator,
+                  {
+                    className: "h-full w-full flex-1 bg-primary transition-all duration-500 ease-in-out",
+                    style: { transform: `translateX(-${100 - (value || 0)}%)` }
+                  }
+                )
+              }
+            ),
+            rightIcon && /* @__PURE__ */ jsx28("div", { className: "flex items-center justify-center", children: rightIcon })
+          ] })
+        ] });
+    }
+  }
+);
 ProgressBase.displayName = "ProgressBase";
 var ProgressSegmentsBase = ({
   label,
@@ -4223,7 +4267,8 @@ var TabsListBase = React27.forwardRef(({ className, ...props }, ref) => /* @__PU
   {
     ref,
     className: cn(
-      "relative flex w-full items-center justify-start gap-4 border-b-2 border-border",
+      "relative flex w-full items-center justify-start gap-2 border-b border-border",
+      "bg-transparent",
       className
     ),
     ...props
@@ -4235,13 +4280,15 @@ var TabsTriggerBase = React27.forwardRef(({ className, ...props }, ref) => /* @_
   {
     ref,
     className: cn(
-      "relative inline-flex items-center justify-center whitespace-nowrap px-3 py-2 text-sm font-medium transition-colors",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-3",
+      "relative inline-flex items-center justify-center whitespace-nowrap px-4 py-2 text-sm font-medium",
+      "text-muted-foreground hover:text-foreground",
+      "transition-colors duration-300 ease-in-out",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
       "disabled:pointer-events-none disabled:opacity-50",
       "data-[state=active]:text-primary",
-      "after:absolute after:bottom-0 after:left-0 after:h-[1.5px] after:w-full",
+      "after:absolute after:bottom-0 after:left-0 after:h-[2px] after:w-full",
       "after:scale-x-0 after:bg-primary after:origin-left",
-      "after:transition-transform after:duration-300 after:ease-[cubic-bezier(0.65,0,0.35,1)]",
+      "after:transition-transform after:duration-500 after:ease-[cubic-bezier(0.34,1.56,0.64,1)]",
       "data-[state=active]:after:scale-x-100",
       className
     ),
@@ -4253,8 +4300,8 @@ var TabsContentBase = React27.forwardRef(({ className, ...props }, ref) => /* @_
   {
     ref,
     className: cn(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      "animate-fade-in",
+      "mt-4 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      "animate-in fade-in-0 duration-500 ease-in-out",
       className
     ),
     ...props
@@ -4264,27 +4311,184 @@ TabsContentBase.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/ui/TextAreaBase.tsx
 import * as React28 from "react";
-import { jsx as jsx40 } from "react/jsx-runtime";
-var TextAreaBase = React28.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx40(
-    "textarea",
-    {
-      className: cn(
-        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        className
+import { motion as motion6 } from "framer-motion";
+import { TrashIcon as TrashIcon2 } from "@phosphor-icons/react";
+import { jsx as jsx40, jsxs as jsxs24 } from "react/jsx-runtime";
+var TextAreaBase = React28.forwardRef(
+  ({ className, clearable = false, onClear, ...props }, ref) => {
+    const [isFocused, setIsFocused] = React28.useState(false);
+    const [hasContent, setHasContent] = React28.useState(
+      !!props.value || !!props.defaultValue
+    );
+    const [showConfirmTooltip, setShowConfirmTooltip] = React28.useState(false);
+    const textareaRef = React28.useRef(null);
+    const handleFocus = (e) => {
+      setIsFocused(true);
+      props.onFocus?.(e);
+    };
+    const handleBlur = (e) => {
+      setIsFocused(false);
+      props.onBlur?.(e);
+    };
+    const handleChange = (e) => {
+      setHasContent(e.target.value.length > 0);
+      props.onChange?.(e);
+    };
+    const handleClearClick = () => {
+      setShowConfirmTooltip(true);
+    };
+    const handleConfirmClear = () => {
+      if (textareaRef.current) {
+        const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
+          window.HTMLTextAreaElement.prototype,
+          "value"
+        )?.set;
+        if (nativeInputValueSetter) {
+          nativeInputValueSetter.call(textareaRef.current, "");
+          const event = new Event("input", { bubbles: true });
+          textareaRef.current.dispatchEvent(event);
+        }
+        setHasContent(false);
+        setShowConfirmTooltip(false);
+        textareaRef.current.focus();
+        onClear?.();
+      }
+    };
+    const handleCancelClear = () => {
+      setShowConfirmTooltip(false);
+    };
+    React28.useImperativeHandle(ref, () => textareaRef.current);
+    React28.useEffect(() => {
+      setHasContent(!!props.value || !!props.defaultValue);
+    }, [props.value, props.defaultValue]);
+    return /* @__PURE__ */ jsxs24("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx40(
+        "textarea",
+        {
+          className: cn(
+            "peer flex min-h-[80px] min-w-[200px] w-full rounded-lg border border-input bg-background/50 backdrop-blur-sm",
+            "px-4 py-3 text-base shadow-sm placeholder:text-muted-foreground/60",
+            "transition-all duration-300 ease-out",
+            "hover:border-input/80 hover:shadow-md",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/30 focus-visible:border-ring",
+            "focus-visible:shadow-lg focus-visible:bg-background",
+            "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-muted/30",
+            "resize",
+            "md:text-sm",
+            clearable && hasContent && "pr-10",
+            className
+          ),
+          ref: textareaRef,
+          onFocus: handleFocus,
+          onBlur: handleBlur,
+          onChange: handleChange,
+          ...props
+        }
       ),
-      ref,
-      ...props
-    }
-  );
-});
+      clearable && hasContent && /* @__PURE__ */ jsx40(TooltipProviderBase, { children: /* @__PURE__ */ jsxs24(
+        TooltipBase,
+        {
+          open: showConfirmTooltip,
+          onOpenChange: setShowConfirmTooltip,
+          children: [
+            /* @__PURE__ */ jsx40(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx40(
+              motion6.button,
+              {
+                type: "button",
+                initial: { opacity: 0, scale: 0.8 },
+                animate: { opacity: 1, scale: 1 },
+                exit: { opacity: 0, scale: 0.8 },
+                transition: { duration: 0.2 },
+                onClick: handleClearClick,
+                className: cn(
+                  "absolute top-3 right-3 p-1.5 rounded-md",
+                  "text-muted-foreground/50 hover:text-destructive hover:bg-destructive/10",
+                  "transition-all duration-200",
+                  "focus:outline-none focus:ring-2 focus:ring-destructive/30",
+                  "disabled:opacity-50 disabled:cursor-not-allowed"
+                ),
+                disabled: props.disabled,
+                "aria-label": "Limpar texto",
+                children: /* @__PURE__ */ jsx40(TrashIcon2, { size: 16, weight: "regular" })
+              }
+            ) }),
+            /* @__PURE__ */ jsxs24(
+              TooltipContentBase,
+              {
+                side: "left",
+                className: "bg-background border border-border shadow-lg p-3 flex flex-col gap-2",
+                children: [
+                  /* @__PURE__ */ jsx40("p", { className: "text-sm text-foreground font-medium mb-1", children: "Limpar todo o texto?" }),
+                  /* @__PURE__ */ jsxs24("div", { className: "flex gap-2", children: [
+                    /* @__PURE__ */ jsx40(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: handleConfirmClear,
+                        className: cn(
+                          "px-3 py-1.5 text-xs rounded-md font-medium",
+                          "bg-destructive text-destructive-foreground",
+                          "hover:bg-destructive/90",
+                          "transition-colors"
+                        ),
+                        children: "Confirmar"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx40(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: handleCancelClear,
+                        className: cn(
+                          "px-3 py-1.5 text-xs rounded-md font-medium",
+                          "bg-secondary text-secondary-foreground",
+                          "hover:bg-secondary/80",
+                          "transition-colors"
+                        ),
+                        children: "Cancelar"
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx40(
+        motion6.div,
+        {
+          className: "pointer-events-none absolute inset-0 rounded-lg",
+          initial: { opacity: 0 },
+          animate: { opacity: isFocused ? 1 : 0 },
+          transition: { duration: 0.3 },
+          children: /* @__PURE__ */ jsx40("div", { className: "absolute inset-0 rounded-lg bg-gradient-to-r from-ring/20 via-ring/10 to-ring/20 blur-sm" })
+        }
+      ),
+      isFocused && hasContent && props.maxLength && /* @__PURE__ */ jsxs24(
+        motion6.div,
+        {
+          initial: { opacity: 0, y: -10 },
+          animate: { opacity: 1, y: 0 },
+          exit: { opacity: 0, y: -10 },
+          className: "absolute bottom-2 right-3 text-xs text-muted-foreground/70 font-medium",
+          children: [
+            props.value?.length || 0,
+            " / ",
+            props.maxLength
+          ]
+        }
+      )
+    ] });
+  }
+);
 TextAreaBase.displayName = "TextAreaBase";
 
 // src/components/mode-toggle.tsx
 import { CheckIcon as CheckIcon6, MoonIcon, SunIcon } from "@phosphor-icons/react";
 
 // src/components/theme-provider.tsx
-import { createContext as createContext3, useContext as useContext4, useEffect as useEffect6, useState as useState6 } from "react";
+import { createContext as createContext3, useContext as useContext4, useEffect as useEffect7, useState as useState7 } from "react";
 import { jsx as jsx41 } from "react/jsx-runtime";
 var initialState = {
   theme: "system",
@@ -4297,8 +4501,8 @@ function ThemeProviderBase({
   storageKey = "app-ui-theme",
   ...props
 }) {
-  const [theme, setThemeState] = useState6(defaultTheme);
-  useEffect6(() => {
+  const [theme, setThemeState] = useState7(defaultTheme);
+  useEffect7(() => {
     const root = window.document.documentElement;
     root.classList.remove(
       "light",
@@ -4324,7 +4528,7 @@ function ThemeProviderBase({
       document.body.style.color = "";
     }
   }, [theme]);
-  useEffect6(() => {
+  useEffect7(() => {
     const stored = localStorage.getItem(storageKey);
     if (stored) setThemeState(stored);
   }, [storageKey]);
@@ -4345,7 +4549,7 @@ var useTheme = () => {
 };
 
 // src/components/mode-toggle.tsx
-import { Fragment as Fragment3, jsx as jsx42, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
 var themeLabels = {
   light: "Light",
   dark: "Dark",
@@ -4362,15 +4566,15 @@ function ModeToggleBase({
 }) {
   const { setTheme, theme: currentTheme } = useTheme();
   const isDark = currentTheme?.includes("dark") || currentTheme === "system" && typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches;
-  return /* @__PURE__ */ jsxs24(DropDownMenuBase, { children: [
-    /* @__PURE__ */ jsx42(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(DropDownMenuBase, { children: [
+    /* @__PURE__ */ jsx42(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs25(
       ButtonBase,
       {
         variant: "ghost",
         size: "icon",
         className: "relative overflow-hidden border-transparent",
         children: [
-          /* @__PURE__ */ jsxs24(Fragment3, { children: [
+          /* @__PURE__ */ jsxs25(Fragment3, { children: [
             /* @__PURE__ */ jsx42(SunIcon, { className: `h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-90 scale-0" : "rotate-0 scale-100"}` }),
             /* @__PURE__ */ jsx42(MoonIcon, { className: `absolute h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-0 scale-100" : "rotate-90 scale-0"}` })
           ] }),
@@ -4378,7 +4582,7 @@ function ModeToggleBase({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx42(DropDownMenuContentBase, { align: "end", className: "border-border bg-popover text-popover-foreground", children: themes.map((theme) => /* @__PURE__ */ jsxs24(
+    /* @__PURE__ */ jsx42(DropDownMenuContentBase, { align: "end", className: "border-border bg-popover text-popover-foreground", children: themes.map((theme) => /* @__PURE__ */ jsxs25(
       DropDownMenuItemBase,
       {
         onClick: () => setTheme(theme),
@@ -4396,7 +4600,7 @@ function ModeToggleBase({
 // src/components/ui/DestructiveDialog.tsx
 import * as React29 from "react";
 import { XCircleIcon as XCircleIcon2 } from "@phosphor-icons/react";
-import { jsx as jsx43, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs26 } from "react/jsx-runtime";
 var DestructiveDialog = ({
   title,
   description,
@@ -4408,9 +4612,9 @@ var DestructiveDialog = ({
   const titleId = "destructive-dialog-title";
   const descriptionId = "destructive-dialog-description";
   const triggerEl = React29.isValidElement(children) ? /* @__PURE__ */ jsx43(AlertDialogTriggerBase, { asChild: true, children }) : /* @__PURE__ */ jsx43(AlertDialogTriggerBase, { children: /* @__PURE__ */ jsx43(ButtonBase, { variant: "destructive", children: triggerContent ?? "Excluir" }) });
-  return /* @__PURE__ */ jsxs25(AlertDialogBase, { children: [
+  return /* @__PURE__ */ jsxs26(AlertDialogBase, { children: [
     triggerEl,
-    /* @__PURE__ */ jsxs25(
+    /* @__PURE__ */ jsxs26(
       AlertDialogContentBase,
       {
         role: "alertdialog",
@@ -4419,9 +4623,9 @@ var DestructiveDialog = ({
         "aria-describedby": descriptionId,
         className: cn("border border-destructive bg-background"),
         children: [
-          /* @__PURE__ */ jsxs25("div", { className: "flex items-start gap-4", children: [
+          /* @__PURE__ */ jsxs26("div", { className: "flex items-start gap-4", children: [
             /* @__PURE__ */ jsx43("div", { className: "flex items-center justify-center w-10 h-10 rounded-full ring-1 ring-destructive/30", children: /* @__PURE__ */ jsx43(XCircleIcon2, { className: "w-6 h-6 text-destructive" }) }),
-            /* @__PURE__ */ jsxs25("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsxs26("div", { className: "flex-1", children: [
               /* @__PURE__ */ jsx43(
                 AlertDialogTitleBase,
                 {
@@ -4440,7 +4644,7 @@ var DestructiveDialog = ({
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsxs25(AlertDialogFooterBase, { className: "mt-2 flex justify-end gap-3", children: [
+          /* @__PURE__ */ jsxs26(AlertDialogFooterBase, { className: "mt-2 flex justify-end gap-3", children: [
             /* @__PURE__ */ jsx43(
               AlertDialogCancelBase,
               {
@@ -4482,7 +4686,7 @@ import {
   CalendarIcon
 } from "@phosphor-icons/react";
 import { AnimatePresence as AnimatePresence4 } from "framer-motion";
-import { jsx as jsx44, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs27 } from "react/jsx-runtime";
 function CalendarBase2({
   className,
   classNames,
@@ -4503,7 +4707,7 @@ function CalendarBase2({
     "div",
     {
       className: cn(
-        "rounded-2xl border bg-background p-4 shadow-lg overflow-hidden w-full h-full flex flex-col",
+        "rounded-md border bg-background p-4 shadow-lg overflow-hidden w-full h-full flex flex-col",
         className
       ),
       children: /* @__PURE__ */ jsx44("div", { className: "relative flex-1 flex flex-col min-h-0", children: /* @__PURE__ */ jsx44(AnimatePresence4, { initial: false, mode: "wait", custom: direction, children: /* @__PURE__ */ jsx44(
@@ -4575,10 +4779,10 @@ CalendarBase2.displayName = "CalendarBase";
 
 // src/components/date-time-picker/DateTimePicker.tsx
 import { ptBR } from "date-fns/locale";
-import { useEffect as useEffect7, useState as useState8 } from "react";
+import { useEffect as useEffect8, useState as useState9 } from "react";
 
 // src/components/date-time-picker/TimePicker.tsx
-import { motion as motion6, AnimatePresence as AnimatePresence5 } from "framer-motion";
+import { motion as motion7, AnimatePresence as AnimatePresence5 } from "framer-motion";
 import * as React32 from "react";
 
 // src/components/date-time-picker/TimePickerInput.tsx
@@ -4725,7 +4929,7 @@ function display12HourValue(hours) {
 }
 
 // src/components/date-time-picker/TimePickerInput.tsx
-import { jsx as jsx45, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs28 } from "react/jsx-runtime";
 var TimePickerInput = React31.forwardRef(
   ({
     className,
@@ -4812,7 +5016,7 @@ var TimePickerInput = React31.forwardRef(
       const baseLabel = getPickerLabel();
       return `${baseLabel}, valor atual: ${calculatedValue}.`;
     };
-    return /* @__PURE__ */ jsxs27("div", { className: "relative group flex flex-col items-center", children: [
+    return /* @__PURE__ */ jsxs28("div", { className: "relative group flex flex-col items-center", children: [
       getPickerLabel() && /* @__PURE__ */ jsx45(
         "label",
         {
@@ -4821,7 +5025,7 @@ var TimePickerInput = React31.forwardRef(
           children: getPickerLabel()
         }
       ),
-      /* @__PURE__ */ jsxs27(
+      /* @__PURE__ */ jsxs28(
         "div",
         {
           className: cn(
@@ -4848,7 +5052,7 @@ var TimePickerInput = React31.forwardRef(
                 children: /* @__PURE__ */ jsx45(CaretUpIcon2, { size: 14, className: "sm:w-4 sm:h-4" })
               }
             ),
-            /* @__PURE__ */ jsxs27("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxs28("div", { className: "relative", children: [
               /* @__PURE__ */ jsx45(
                 "input",
                 {
@@ -4924,7 +5128,7 @@ var TimePickerInput = React31.forwardRef(
 TimePickerInput.displayName = "TimePickerInput";
 
 // src/components/date-time-picker/TimePicker.tsx
-import { Fragment as Fragment4, jsx as jsx46, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx46, jsxs as jsxs29 } from "react/jsx-runtime";
 function TimePicker({
   date,
   setDate,
@@ -4949,8 +5153,8 @@ function TimePicker({
     hidden: { opacity: 0, y: 10 },
     visible: { opacity: 1, y: 0 }
   };
-  return /* @__PURE__ */ jsxs28(
-    motion6.div,
+  return /* @__PURE__ */ jsxs29(
+    motion7.div,
     {
       variants: containerVariants,
       initial: "hidden",
@@ -4958,7 +5162,7 @@ function TimePicker({
       className: "flex items-end justify-center gap-2 sm:gap-3 p-2 sm:p-3 md:p-4 rounded-lg bg-muted/20 border border-border/50 w-full max-w-full overflow-hidden",
       children: [
         /* @__PURE__ */ jsx46(
-          motion6.div,
+          motion7.div,
           {
             variants: itemVariants2,
             className: "grid gap-1 sm:gap-2 text-center flex-shrink-0 min-w-0",
@@ -4976,7 +5180,7 @@ function TimePicker({
           }
         ),
         /* @__PURE__ */ jsx46(
-          motion6.div,
+          motion7.div,
           {
             variants: itemVariants2,
             className: "grid gap-1 sm:gap-2 text-center flex-shrink-0 min-w-0",
@@ -4995,7 +5199,7 @@ function TimePicker({
           }
         ),
         /* @__PURE__ */ jsx46(AnimatePresence5, { children: !hideSeconds && /* @__PURE__ */ jsx46(Fragment4, { children: /* @__PURE__ */ jsx46(
-          motion6.div,
+          motion7.div,
           {
             variants: itemVariants2,
             initial: "hidden",
@@ -5022,7 +5226,7 @@ function TimePicker({
 
 // src/components/date-time-picker/DateTimePicker.tsx
 import { CalendarBlankIcon, ClockIcon } from "@phosphor-icons/react";
-import { jsx as jsx47, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs30 } from "react/jsx-runtime";
 function DateTimePicker({
   label,
   date,
@@ -5035,9 +5239,9 @@ function DateTimePicker({
   disabled,
   className
 }) {
-  const [internalDate, setInternalDate] = useState8(date);
-  const [open, setOpen] = useState8(false);
-  const [timePickerOpen, setTimePickerOpen] = useState8(false);
+  const [internalDate, setInternalDate] = useState9(date);
+  const [open, setOpen] = useState9(false);
+  const [timePickerOpen, setTimePickerOpen] = useState9(false);
   const handleSelect = (newDay) => {
     if (!newDay) return;
     if (!internalDate) {
@@ -5066,22 +5270,21 @@ function DateTimePicker({
     if (!timeFormat) return "PPP";
     return `PPP - ${timeFormat}`;
   };
-  useEffect7(() => {
+  useEffect8(() => {
     if (date) {
       setInternalDate(date);
     }
   }, [date, open]);
-  return /* @__PURE__ */ jsxs29("div", { className: cn("space-y-2 w-full sm:w-auto", className), children: [
+  return /* @__PURE__ */ jsxs30("div", { className: cn("space-y-2 w-full sm:w-auto", className), children: [
     label && /* @__PURE__ */ jsx47(LabelBase_default, { children: label }),
-    /* @__PURE__ */ jsxs29(PopoverBase, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx47(PopoverTriggerBase, { disabled, asChild: true, children: /* @__PURE__ */ jsxs29(
+    /* @__PURE__ */ jsxs30(PopoverBase, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx47(PopoverTriggerBase, { disabled, asChild: true, children: /* @__PURE__ */ jsxs30(
         ButtonBase,
         {
           variant: "outline",
-          size: "lg",
           className: cn(
             "w-full justify-start text-left min-w-0 overflow-hidden",
-            "min-h-[44px] sm:min-h-[48px] px-3 sm:px-4",
+            "",
             "text-sm sm:text-base",
             !date && "text-muted-foreground"
           ),
@@ -5100,7 +5303,7 @@ function DateTimePicker({
           side: "bottom",
           avoidCollisions: true,
           collisionPadding: 8,
-          children: /* @__PURE__ */ jsxs29("div", { className: "flex flex-col space-y-2 sm:space-y-3 p-2 sm:p-3 md:p-4 max-h-[calc(100vh-4rem)] overflow-y-auto", children: [
+          children: /* @__PURE__ */ jsxs30("div", { className: "flex flex-col space-y-2 sm:space-y-3 p-2 sm:p-3 md:p-4 max-h-[calc(100vh-4rem)] overflow-y-auto", children: [
             /* @__PURE__ */ jsx47(
               CalendarBase2,
               {
@@ -5114,13 +5317,13 @@ function DateTimePicker({
                 className: "w-full"
               }
             ),
-            !(hideHour && hideMinute) && /* @__PURE__ */ jsx47("div", { className: "flex justify-center w-full px-2", children: /* @__PURE__ */ jsxs29(
+            !(hideHour && hideMinute) && /* @__PURE__ */ jsx47("div", { className: "flex justify-center w-full px-2", children: /* @__PURE__ */ jsxs30(
               PopoverBase,
               {
                 open: timePickerOpen,
                 onOpenChange: setTimePickerOpen,
                 children: [
-                  /* @__PURE__ */ jsx47(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs29(
+                  /* @__PURE__ */ jsx47(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs30(
                     ButtonBase,
                     {
                       variant: "outline",
@@ -5130,13 +5333,13 @@ function DateTimePicker({
                         "px-2 sm:px-3 py-1.5 sm:py-2",
                         "text-sm sm:text-base font-semibold w-full max-w-xs",
                         "border-2 border-primary/20 rounded-lg",
-                        "bg-primary/5 hover:bg-primary/10 hover:border-primary/30",
+                        "bg-background hover:bg-primary/10 hover:border-primary/30",
                         "transition-all duration-200",
                         "shadow-sm hover:shadow-md active:scale-[0.98]",
                         "min-h-[36px] sm:min-h-[40px]"
                       ),
                       children: [
-                        /* @__PURE__ */ jsx47(ClockIcon, { className: "text-primary/70 flex-shrink-0 w-4 h-4 sm:w-5 sm:h-5" }),
+                        /* @__PURE__ */ jsx47(ClockIcon, { className: "text-primary flex-shrink-0 w-4 h-4 sm:w-5 sm:h-5" }),
                         /* @__PURE__ */ jsx47("span", { className: "text-foreground truncate", children: internalDate ? format(internalDate, getTimeFormat() || "HH:mm", {
                           locale: ptBR
                         }) : "00:00" })
@@ -5152,7 +5355,7 @@ function DateTimePicker({
                       sideOffset: 8,
                       avoidCollisions: true,
                       collisionPadding: 8,
-                      children: /* @__PURE__ */ jsxs29("div", { className: "flex flex-col items-center space-y-2 sm:space-y-3", children: [
+                      children: /* @__PURE__ */ jsxs30("div", { className: "flex flex-col items-center space-y-2 sm:space-y-3", children: [
                         /* @__PURE__ */ jsx47("h4", { className: "text-sm sm:text-base font-medium text-center", children: "Alterar Hor\xE1rio" }),
                         /* @__PURE__ */ jsx47(
                           TimePicker,
@@ -5186,7 +5389,7 @@ function DateTimePicker({
 }
 
 // src/components/selects/Select.tsx
-import { Fragment as Fragment5, jsx as jsx48, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx48, jsxs as jsxs31 } from "react/jsx-runtime";
 function Select({
   items,
   groupItems,
@@ -5195,8 +5398,8 @@ function Select({
   errorMessage,
   testIds = {}
 }) {
-  return /* @__PURE__ */ jsxs30("div", { "data-testid": testIds.root ?? "select-root", children: [
-    /* @__PURE__ */ jsxs30(SelectBase, { onValueChange: onChange, "data-testid": testIds.base ?? "select-base", children: [
+  return /* @__PURE__ */ jsxs31("div", { "data-testid": testIds.root ?? "select-root", children: [
+    /* @__PURE__ */ jsxs31(SelectBase, { onValueChange: onChange, "data-testid": testIds.base ?? "select-base", children: [
       /* @__PURE__ */ jsx48(
         SelectTriggerBase,
         {
@@ -5214,7 +5417,7 @@ function Select({
           )
         }
       ),
-      /* @__PURE__ */ jsx48(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ jsx48(SelectContentBase, { "data-testid": testIds.content ?? "select-content", children: groupItems ? /* @__PURE__ */ jsx48(Fragment5, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ jsxs30(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: [
+      /* @__PURE__ */ jsx48(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ jsx48(SelectContentBase, { "data-testid": testIds.content ?? "select-content", children: groupItems ? /* @__PURE__ */ jsx48(Fragment5, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ jsxs31(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: [
         /* @__PURE__ */ jsx48(SelectLabelBase, { "data-testid": testIds.label ?? "select-label", children: key }),
         groupItems[key].map((item) => /* @__PURE__ */ jsx48(
           SelectItemBase,
@@ -5248,11 +5451,11 @@ function Select({
 
 // src/components/charts/Chart.tsx
 import {
-  useState as useState11,
-  useEffect as useEffect10,
+  useState as useState12,
+  useEffect as useEffect11,
   useCallback as useCallback7,
   useMemo as useMemo6,
-  useRef as useRef4,
+  useRef as useRef5,
   useLayoutEffect
 } from "react";
 import {
@@ -5415,11 +5618,11 @@ var resolveChartMargins = (margins, chartMargins, showLabels) => {
 import { toast as toast2 } from "sonner";
 
 // src/components/charts/components/controls/PeriodsDropdown.tsx
-import { useState as useState9, useRef as useRef2, useEffect as useEffect8 } from "react";
-import { motion as motion7, AnimatePresence as AnimatePresence6 } from "framer-motion";
+import { useState as useState10, useRef as useRef3, useEffect as useEffect9 } from "react";
+import { motion as motion8, AnimatePresence as AnimatePresence6 } from "framer-motion";
 import { DotsThreeIcon as DotsThreeIcon2 } from "@phosphor-icons/react/dist/ssr";
 import { Check } from "@phosphor-icons/react/dist/ssr";
-import { jsx as jsx49, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs32 } from "react/jsx-runtime";
 var menuVariants = {
   hidden: { opacity: 0, y: -6, scale: 0.98 },
   visible: { opacity: 1, y: 0, scale: 1 },
@@ -5438,11 +5641,11 @@ function PeriodsDropdown({
   activePeriods
 }) {
   const periods = processedData.map((d) => String(d.name));
-  const [open, setOpen] = useState9(false);
-  const wrapperRef = useRef2(null);
-  const firstItemRef = useRef2(null);
-  const listRef = useRef2(null);
-  useEffect8(() => {
+  const [open, setOpen] = useState10(false);
+  const wrapperRef = useRef3(null);
+  const firstItemRef = useRef3(null);
+  const listRef = useRef3(null);
+  useEffect9(() => {
     const handleClickOutside = (e) => {
       if (!wrapperRef.current) return;
       if (!wrapperRef.current.contains(e.target)) setOpen(false);
@@ -5457,7 +5660,7 @@ function PeriodsDropdown({
       document.removeEventListener("keydown", handleEscape);
     };
   }, []);
-  useEffect8(() => {
+  useEffect9(() => {
     if (open && firstItemRef.current) {
       firstItemRef.current.focus();
     }
@@ -5467,8 +5670,8 @@ function PeriodsDropdown({
     setOpen(false);
   }
   const containerStyle = typeof rightOffset === "number" ? { position: "relative", zIndex: 30 } : { position: "relative", zIndex: 30 };
-  return /* @__PURE__ */ jsxs31("div", { ref: wrapperRef, style: containerStyle, className: "mr-4", children: [
-    /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32("div", { ref: wrapperRef, style: containerStyle, className: "mr-4", children: [
+    /* @__PURE__ */ jsxs32(
       "button",
       {
         className: "relative p-2.5 rounded-md hover:bg-accent/10 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-accent/50 transition flex items-center justify-center",
@@ -5491,8 +5694,8 @@ function PeriodsDropdown({
         ]
       }
     ),
-    /* @__PURE__ */ jsx49(AnimatePresence6, { children: open && /* @__PURE__ */ jsxs31(
-      motion7.div,
+    /* @__PURE__ */ jsx49(AnimatePresence6, { children: open && /* @__PURE__ */ jsxs32(
+      motion8.div,
       {
         initial: "hidden",
         animate: "visible",
@@ -5520,8 +5723,8 @@ function PeriodsDropdown({
               ref: listRef,
               className: "flex flex-col p-2 gap-1",
               style: { maxHeight: 200, overflowY: "auto" },
-              children: periods.map((p, idx) => /* @__PURE__ */ jsxs31(
-                motion7.button,
+              children: periods.map((p, idx) => /* @__PURE__ */ jsxs32(
+                motion8.button,
                 {
                   className: "flex items-center justify-between w-full text-left px-3 py-2.5 rounded focus:outline-none transition-colors " + (activePeriods && activePeriods.includes(p) || p === activePeriod ? "bg-accent/10 font-medium" : "hover:bg-accent/15 focus-visible:ring-2 focus-visible:ring-accent/30"),
                   variants: itemVariants,
@@ -5549,9 +5752,9 @@ function PeriodsDropdown({
 var PeriodsDropdown_default = PeriodsDropdown;
 
 // src/components/charts/components/controls/ShowOnly.tsx
-import { motion as motion8 } from "framer-motion";
+import { motion as motion9 } from "framer-motion";
 import { Eye, EyeSlash } from "@phosphor-icons/react";
-import { Fragment as Fragment6, jsx as jsx50, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx50, jsxs as jsxs33 } from "react/jsx-runtime";
 var ShowOnly = ({
   showOnlyHighlighted,
   setShowOnlyHighlighted,
@@ -5560,7 +5763,7 @@ var ShowOnly = ({
   const hasHighlights = highlightedSeriesSize > 0;
   if (!hasHighlights) return null;
   return /* @__PURE__ */ jsx50("div", { className: "ml-auto flex items-center gap-2", children: /* @__PURE__ */ jsx50(
-    motion8.div,
+    motion9.div,
     {
       whileTap: { scale: hasHighlights ? 0.985 : 1 },
       whileHover: { y: hasHighlights ? -2 : 0 },
@@ -5578,10 +5781,10 @@ var ShowOnly = ({
             "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary/60",
             !hasHighlights ? "opacity-60 cursor-not-allowed pointer-events-none" : showOnlyHighlighted ? "bg-primary/10 text-primary shadow-sm border border-primary/20" : "bg-transparent text-muted-foreground border border-transparent hover:bg-muted/10 hover:text-foreground"
           ),
-          children: showOnlyHighlighted ? /* @__PURE__ */ jsxs32(Fragment6, { children: [
+          children: showOnlyHighlighted ? /* @__PURE__ */ jsxs33(Fragment6, { children: [
             /* @__PURE__ */ jsx50(EyeSlash, { size: 16, weight: "regular" }),
             /* @__PURE__ */ jsx50("span", { className: "sr-only", children: "Exibir todos" })
-          ] }) : /* @__PURE__ */ jsxs32(Fragment6, { children: [
+          ] }) : /* @__PURE__ */ jsxs33(Fragment6, { children: [
             /* @__PURE__ */ jsx50(Eye, { size: 16, weight: "bold" }),
             /* @__PURE__ */ jsx50("span", { className: "sr-only", children: "Mostrar somente destacados" })
           ] })
@@ -5593,9 +5796,9 @@ var ShowOnly = ({
 var ShowOnly_default = ShowOnly;
 
 // src/components/charts/components/controls/Highlights.tsx
-import { motion as motion9, AnimatePresence as AnimatePresence7 } from "framer-motion";
+import { motion as motion10, AnimatePresence as AnimatePresence7 } from "framer-motion";
 import { CheckIcon as CheckIcon7 } from "@phosphor-icons/react/dist/ssr";
-import { jsx as jsx51, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs34 } from "react/jsx-runtime";
 var Highlights = ({
   allKeys,
   mapperConfig,
@@ -5614,7 +5817,7 @@ var Highlights = ({
     visible: { opacity: 1, transition: { staggerChildren: 0.03 } }
   };
   return /* @__PURE__ */ jsx51(
-    motion9.div,
+    motion10.div,
     {
       className: "flex-1 flex items-center gap-2 flex-wrap",
       initial: "hidden",
@@ -5630,7 +5833,7 @@ var Highlights = ({
           isHighlighted ? "bg-card/95 border-2 text-foreground shadow-[0_6px_18px_rgba(0,0,0,0.12)]" : "bg-muted/10 border-border text-muted-foreground hover:bg-muted/5"
         );
         return /* @__PURE__ */ jsx51(
-          motion9.div,
+          motion10.div,
           {
             layout: true,
             initial: "hidden",
@@ -5646,8 +5849,8 @@ var Highlights = ({
                 className: pillClasses,
                 style: { minWidth: showFullLabel ? void 0 : 36 },
                 "aria-pressed": isHighlighted,
-                children: /* @__PURE__ */ jsxs33(
-                  motion9.button,
+                children: /* @__PURE__ */ jsxs34(
+                  motion10.button,
                   {
                     whileHover: { scale: isHighlighted ? 1.04 : 1.03 },
                     whileTap: { scale: 0.96 },
@@ -5655,7 +5858,7 @@ var Highlights = ({
                     className: "flex items-center gap-2 min-w-0 pr-2",
                     children: [
                       /* @__PURE__ */ jsx51(
-                        motion9.span,
+                        motion10.span,
                         {
                           className: cn("w-3 h-3 rounded-sm flex-shrink-0 border"),
                           style: {
@@ -5669,8 +5872,8 @@ var Highlights = ({
                           transition: { type: "spring", stiffness: 400, damping: 30 }
                         }
                       ),
-                      showFullLabel ? /* @__PURE__ */ jsx51(motion9.span, { className: "truncate max-w-[10rem] pr-2", layout: true, children: label }) : showShortLabel ? /* @__PURE__ */ jsx51(
-                        motion9.span,
+                      showFullLabel ? /* @__PURE__ */ jsx51(motion10.span, { className: "truncate max-w-[10rem] pr-2", layout: true, children: label }) : showShortLabel ? /* @__PURE__ */ jsx51(
+                        motion10.span,
                         {
                           className: "truncate max-w-[6rem] text-xs pr-2",
                           layout: true,
@@ -5678,7 +5881,7 @@ var Highlights = ({
                         }
                       ) : null,
                       /* @__PURE__ */ jsx51(
-                        motion9.span,
+                        motion10.span,
                         {
                           "aria-hidden": true,
                           initial: { opacity: 0, scale: 0.6 },
@@ -5708,7 +5911,7 @@ var Highlights_default = Highlights;
 
 // src/components/charts/components/controls/CloseAllButton.tsx
 import { XIcon as XIcon5 } from "@phosphor-icons/react/dist/ssr";
-import { jsx as jsx52, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs35 } from "react/jsx-runtime";
 var CloseAllButton = ({
   count,
   onCloseAll,
@@ -5744,7 +5947,7 @@ var CloseAllButton = ({
     `;
   };
   if (variant === "inline") {
-    return /* @__PURE__ */ jsx52("div", { className: "absolute top-4 right-4 z-30", children: /* @__PURE__ */ jsxs34(
+    return /* @__PURE__ */ jsx52("div", { className: "absolute top-4 right-4 z-30", children: /* @__PURE__ */ jsxs35(
       ButtonBase,
       {
         variant: "ghost",
@@ -5762,7 +5965,7 @@ var CloseAllButton = ({
     "div",
     {
       className: `${getPositionClasses()} animate-in fade-in slide-in-from-top-2 duration-300`,
-      children: /* @__PURE__ */ jsx52("div", { children: /* @__PURE__ */ jsxs34(
+      children: /* @__PURE__ */ jsx52("div", { children: /* @__PURE__ */ jsxs35(
         ButtonBase,
         {
           onClick: onCloseAll,
@@ -5788,16 +5991,16 @@ var CloseAllButton_default = CloseAllButton;
 
 // src/components/charts/components/tooltips/DraggableTooltip.tsx
 import React34, {
-  useEffect as useEffect9,
-  useRef as useRef3,
-  useState as useState10,
+  useEffect as useEffect10,
+  useRef as useRef4,
+  useState as useState11,
   useCallback as useCallback6,
   useMemo as useMemo5
 } from "react";
-import { motion as motion10, AnimatePresence as AnimatePresence8 } from "framer-motion";
+import { motion as motion11, AnimatePresence as AnimatePresence8 } from "framer-motion";
 import { DotsSixVerticalIcon } from "@phosphor-icons/react";
 import { XIcon as XIcon6 } from "@phosphor-icons/react/dist/ssr";
-import { Fragment as Fragment7, jsx as jsx53, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx53, jsxs as jsxs36 } from "react/jsx-runtime";
 var ALIGNMENT_THRESHOLD = 25;
 var GUIDE_THRESHOLD = 60;
 var STRONG_SNAP_THRESHOLD = 35;
@@ -5882,7 +6085,7 @@ var DraggableTooltipComponent = ({
         const numeric = visibleKeys2.map((k) => data2[k]).filter((v) => typeof v === "number");
         return numeric.reduce((s, v) => s + (v || 0), 0);
       }, [data2, visibleKeys2]);
-      return /* @__PURE__ */ jsxs35("div", { className: "text-sm", children: [
+      return /* @__PURE__ */ jsxs36("div", { className: "text-sm", children: [
         /* @__PURE__ */ jsx53("div", { className: "text-sm text-muted-foreground", children: "Total" }),
         /* @__PURE__ */ jsx53(
           "div",
@@ -5894,13 +6097,13 @@ var DraggableTooltipComponent = ({
       ] });
     }
   );
-  const [localPos, setLocalPos] = useState10(position);
-  const [dragging, setDragging] = useState10(false);
-  const offsetRef = useRef3({ x: 0, y: 0 });
-  const lastMouse = useRef3({ x: 0, y: 0 });
-  const [alignmentGuides, setAlignmentGuides] = useState10([]);
-  const [globalTooltipCountLocal, setGlobalTooltipCountLocal] = useState10(0);
-  useEffect9(() => setLocalPos(position), [position]);
+  const [localPos, setLocalPos] = useState11(position);
+  const [dragging, setDragging] = useState11(false);
+  const offsetRef = useRef4({ x: 0, y: 0 });
+  const lastMouse = useRef4({ x: 0, y: 0 });
+  const [alignmentGuides, setAlignmentGuides] = useState11([]);
+  const [globalTooltipCountLocal, setGlobalTooltipCountLocal] = useState11(0);
+  useEffect10(() => setLocalPos(position), [position]);
   const getAllTooltips = useCallback6(() => {
     const response = [];
     const ev = new CustomEvent("requestGlobalTooltips", {
@@ -6005,7 +6208,7 @@ var DraggableTooltipComponent = ({
     },
     [alignmentGuides]
   );
-  useEffect9(() => {
+  useEffect10(() => {
     let rafId = null;
     const handleMouseMove = (e) => {
       if (!dragging) return;
@@ -6047,7 +6250,7 @@ var DraggableTooltipComponent = ({
       document.body.style.userSelect = "";
     };
   }, [dragging, snapToGuides, updateAlignmentGuides, id, onPositionChange]);
-  useEffect9(() => {
+  useEffect10(() => {
     const handleCloseAll = () => onClose(id);
     const handleRequestTooltipCount = () => {
       window.dispatchEvent(
@@ -6078,7 +6281,7 @@ var DraggableTooltipComponent = ({
       });
     };
   }, [id, localPos, onClose]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (dragging) return;
     let total = 0;
     const timeoutId = setTimeout(() => {
@@ -6096,7 +6299,7 @@ var DraggableTooltipComponent = ({
     }, 0);
     return () => clearTimeout(timeoutId);
   }, [localPos, dragging]);
-  useEffect9(() => {
+  useEffect10(() => {
     const recount = () => {
       if (dragging) return;
       let total = 0;
@@ -6147,7 +6350,7 @@ var DraggableTooltipComponent = ({
     },
     [id, onClose]
   );
-  return /* @__PURE__ */ jsxs35(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs36(Fragment7, { children: [
     dragging && alignmentGuides.map((guide, index) => {
       const isHorizontal = guide.type === "horizontal";
       const color = isHorizontal ? "#3b82f6" : "#ef4444";
@@ -6167,9 +6370,9 @@ var DraggableTooltipComponent = ({
         guide.sourceTooltip.top + guide.sourceTooltip.height / 2,
         guide.targetTooltip.top + guide.targetTooltip.height / 2
       );
-      return /* @__PURE__ */ jsxs35("div", { children: [
+      return /* @__PURE__ */ jsxs36("div", { children: [
         /* @__PURE__ */ jsx53(
-          motion10.div,
+          motion11.div,
           {
             className: "fixed pointer-events-none z-30",
             variants: guideVariants,
@@ -6191,7 +6394,7 @@ var DraggableTooltipComponent = ({
           }
         ),
         /* @__PURE__ */ jsx53(
-          motion10.div,
+          motion11.div,
           {
             className: "fixed pointer-events-none z-31",
             variants: guideDotVariants,
@@ -6210,7 +6413,7 @@ var DraggableTooltipComponent = ({
           }
         ),
         /* @__PURE__ */ jsx53(
-          motion10.div,
+          motion11.div,
           {
             className: "fixed pointer-events-none z-31",
             variants: guideDotVariants,
@@ -6230,8 +6433,8 @@ var DraggableTooltipComponent = ({
         )
       ] }, index);
     }),
-    /* @__PURE__ */ jsx53(AnimatePresence8, { children: /* @__PURE__ */ jsxs35(
-      motion10.div,
+    /* @__PURE__ */ jsx53(AnimatePresence8, { children: /* @__PURE__ */ jsxs36(
+      motion11.div,
       {
         className: "fixed bg-card border border-border rounded-lg shadow-lg z-50 min-w-80 select-none",
         variants: tooltipVariants,
@@ -6248,7 +6451,7 @@ var DraggableTooltipComponent = ({
         role: "dialog",
         "aria-label": title ? `Tooltip ${title}` : `Tooltip ${data.name}`,
         children: [
-          /* @__PURE__ */ jsxs35(
+          /* @__PURE__ */ jsxs36(
             "div",
             {
               className: "flex items-center justify-between p-3 pb-2 border-b bg-muted/20 rounded-t-lg",
@@ -6270,14 +6473,14 @@ var DraggableTooltipComponent = ({
               ]
             }
           ),
-          /* @__PURE__ */ jsx53("div", { className: "px-3 py-2 bg-accent/5 border-l-4 border-primary", children: /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between gap-2", children: [
-            /* @__PURE__ */ jsxs35("div", { children: [
+          /* @__PURE__ */ jsx53("div", { className: "px-3 py-2 bg-accent/5 border-l-4 border-primary", children: /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs36("div", { children: [
               /* @__PURE__ */ jsx53("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: periodLabel }),
               /* @__PURE__ */ jsx53("p", { className: "font-bold text-lg text-foreground mt-1 truncate", children: data.name })
             ] }),
             /* @__PURE__ */ jsx53("div", { className: "text-right", children: /* @__PURE__ */ jsx53(TotalDisplay, { data, visibleKeys }) })
           ] }) }),
-          /* @__PURE__ */ jsxs35("div", { className: "p-3 pt-2 space-y-2", children: [
+          /* @__PURE__ */ jsxs36("div", { className: "p-3 pt-2 space-y-2", children: [
             /* @__PURE__ */ jsx53("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide mb-2", children: dataLabel }),
             useMemo5(
               () => visibleKeys.map((key) => {
@@ -6294,7 +6497,7 @@ var DraggableTooltipComponent = ({
                 const pct = absDenominator > 0 ? Math.abs(val) / absDenominator * 100 : 0;
                 const isDimmed = highlightedSeries && highlightedSeries.size > 0 && !highlightedSeries.has(key);
                 const isHighlighted = highlightedSeries && highlightedSeries.has(key);
-                return /* @__PURE__ */ jsxs35(
+                return /* @__PURE__ */ jsxs36(
                   "div",
                   {
                     role: "button",
@@ -6312,8 +6515,8 @@ var DraggableTooltipComponent = ({
                       border: isHighlighted ? `1px solid ${finalColors[key] || "#666"}22` : void 0
                     },
                     children: [
-                      /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between", children: [
-                        /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-2", children: [
                           /* @__PURE__ */ jsx53(
                             "div",
                             {
@@ -6331,7 +6534,7 @@ var DraggableTooltipComponent = ({
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ jsxs35("div", { className: "flex items-baseline gap-2", children: [
+                        /* @__PURE__ */ jsxs36("div", { className: "flex items-baseline gap-2", children: [
                           /* @__PURE__ */ jsx53(
                             "span",
                             {
@@ -6368,7 +6571,7 @@ var DraggableTooltipComponent = ({
                 finalColors
               ]
             ),
-            /* @__PURE__ */ jsx53("div", { className: "mt-3 pt-2 border-t", children: /* @__PURE__ */ jsxs35("p", { className: "text-xs text-muted-foreground flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx53("div", { className: "mt-3 pt-2 border-t", children: /* @__PURE__ */ jsxs36("p", { className: "text-xs text-muted-foreground flex items-center gap-1", children: [
               "Clique no ",
               /* @__PURE__ */ jsx53(XIcon6, { size: 12 }),
               " para remover"
@@ -6394,7 +6597,7 @@ DraggableTooltip.displayName = "DraggableTooltip";
 var DraggableTooltip_default = DraggableTooltip;
 
 // src/components/charts/components/tooltips/TooltipWithTotal.tsx
-import { jsx as jsx54, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs37 } from "react/jsx-runtime";
 var RechartTooltipWithTotal = ({
   active,
   payload,
@@ -6413,7 +6616,7 @@ var RechartTooltipWithTotal = ({
     (sum, p) => sum + Math.abs(typeof p.value === "number" ? p.value : 0),
     0
   );
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs37(
     "div",
     {
       role: "dialog",
@@ -6421,12 +6624,12 @@ var RechartTooltipWithTotal = ({
       className: "bg-card border border-border rounded-lg p-3 shadow-2xl max-w-xs",
       style: { minWidth: 220 },
       children: [
-        /* @__PURE__ */ jsxs36("div", { className: "flex items-start justify-between mb-2", children: [
-          /* @__PURE__ */ jsxs36("div", { className: "pr-2", children: [
+        /* @__PURE__ */ jsxs37("div", { className: "flex items-start justify-between mb-2", children: [
+          /* @__PURE__ */ jsxs37("div", { className: "pr-2", children: [
             /* @__PURE__ */ jsx54("p", { className: "text-xs text-muted-foreground", children: periodLabel }),
             /* @__PURE__ */ jsx54("p", { className: "font-medium text-foreground truncate", children: label })
           ] }),
-          /* @__PURE__ */ jsxs36("div", { className: "text-right ml-3", children: [
+          /* @__PURE__ */ jsxs37("div", { className: "text-right ml-3", children: [
             /* @__PURE__ */ jsx54("p", { className: "text-xs text-muted-foreground", children: totalLabel }),
             /* @__PURE__ */ jsx54(
               "p",
@@ -6442,9 +6645,9 @@ var RechartTooltipWithTotal = ({
           const pct = absDenominator > 0 ? Math.abs(value) / absDenominator * 100 : 0;
           const baseColor = finalColors[entry.dataKey] || entry.color || "#999";
           const isNeg = value < 0;
-          return /* @__PURE__ */ jsxs36("div", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between text-sm", children: [
-              /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-2 truncate", children: [
+          return /* @__PURE__ */ jsxs37("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-between text-sm", children: [
+              /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-2 truncate", children: [
                 /* @__PURE__ */ jsx54(
                   "span",
                   {
@@ -6455,7 +6658,7 @@ var RechartTooltipWithTotal = ({
                 ),
                 /* @__PURE__ */ jsx54("span", { className: "text-muted-foreground truncate", children: entry.name })
               ] }),
-              /* @__PURE__ */ jsxs36("div", { className: "flex items-baseline gap-3 ml-3", children: [
+              /* @__PURE__ */ jsxs37("div", { className: "flex items-baseline gap-3 ml-3", children: [
                 /* @__PURE__ */ jsx54(
                   "span",
                   {
@@ -6485,7 +6688,7 @@ var RechartTooltipWithTotal = ({
 var TooltipWithTotal_default = RechartTooltipWithTotal;
 
 // src/components/charts/components/tooltips/TooltipSimple.tsx
-import { jsx as jsx55, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs38 } from "react/jsx-runtime";
 var TooltipSimple = ({
   active,
   payload,
@@ -6494,7 +6697,7 @@ var TooltipSimple = ({
   periodLabel = "Per\xEDodo"
 }) => {
   if (!active || !payload || payload.length === 0) return null;
-  return /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs38(
     "div",
     {
       role: "dialog",
@@ -6502,19 +6705,19 @@ var TooltipSimple = ({
       className: "bg-card border border-border rounded-lg p-3 shadow-2xl max-w-[280px]",
       style: { minWidth: 220 },
       children: [
-        /* @__PURE__ */ jsx55("div", { className: "mb-2", children: /* @__PURE__ */ jsx55("div", { className: "flex items-center justify-between gap-3", children: /* @__PURE__ */ jsxs37("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx55("div", { className: "mb-2", children: /* @__PURE__ */ jsx55("div", { className: "flex items-center justify-between gap-3", children: /* @__PURE__ */ jsxs38("div", { className: "min-w-0", children: [
           /* @__PURE__ */ jsx55("p", { className: "text-xs text-muted-foreground", children: periodLabel }),
           /* @__PURE__ */ jsx55("p", { className: "font-medium text-foreground truncate", children: label })
         ] }) }) }),
         /* @__PURE__ */ jsx55("div", { className: "divide-y divide-border rounded-md overflow-hidden", children: payload.map((entry, index) => {
           const value = typeof entry.value === "number" ? entry.value : 0;
           const color = finalColors[entry.dataKey] || entry.color || "#999";
-          return /* @__PURE__ */ jsxs37(
+          return /* @__PURE__ */ jsxs38(
             "div",
             {
               className: "flex items-center justify-between text-sm px-2 py-2 bg-card/0 hover:bg-muted transition-colors",
               children: [
-                /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-3 min-w-0", children: [
+                /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-3 min-w-0", children: [
                   /* @__PURE__ */ jsx55(
                     "span",
                     {
@@ -6544,7 +6747,7 @@ var TooltipSimple = ({
 var TooltipSimple_default = TooltipSimple;
 
 // src/components/charts/utils/pillLabelRenderer.tsx
-import { jsx as jsx56, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs39 } from "react/jsx-runtime";
 var formatCompactNumber = (value) => {
   const isNegative = value < 0;
   const absValue = Math.abs(value);
@@ -6625,7 +6828,7 @@ var renderPillLabel = (color, variant) => {
         textColor = "#374151";
       }
     }
-    return /* @__PURE__ */ jsxs38("g", { children: [
+    return /* @__PURE__ */ jsxs39("g", { children: [
       /* @__PURE__ */ jsx56(
         "rect",
         {
@@ -6659,7 +6862,7 @@ var renderPillLabel = (color, variant) => {
 var pillLabelRenderer_default = renderPillLabel;
 
 // src/components/charts/Chart.tsx
-import { jsx as jsx57, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs40 } from "react/jsx-runtime";
 var DEFAULT_COLORS = ["#55af7d", "#8e68ff", "#2273e1"];
 var Chart = ({
   data,
@@ -6709,12 +6912,12 @@ var Chart = ({
     return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
   }, [data, xAxis, labelMap]);
   const { xAxisConfig, mapperConfig } = smartConfig;
-  const [activeTooltips, setActiveTooltips] = useState11([]);
-  const [highlightedSeries, setHighlightedSeries] = useState11(
+  const [activeTooltips, setActiveTooltips] = useState12([]);
+  const [highlightedSeries, setHighlightedSeries] = useState12(
     /* @__PURE__ */ new Set()
   );
-  const [showOnlyHighlighted, setShowOnlyHighlighted] = useState11(false);
-  useEffect10(() => {
+  const [showOnlyHighlighted, setShowOnlyHighlighted] = useState12(false);
+  useEffect11(() => {
     if (highlightedSeries.size === 0 && showOnlyHighlighted) {
       setShowOnlyHighlighted(false);
     }
@@ -6723,8 +6926,8 @@ var Chart = ({
     ...item,
     name: String(item[xAxisConfig.dataKey] || "N/A")
   }));
-  const wrapperRef = useRef4(null);
-  const [measuredWidth, setMeasuredWidth] = useState11(null);
+  const wrapperRef = useRef5(null);
+  const [measuredWidth, setMeasuredWidth] = useState12(null);
   useLayoutEffect(() => {
     const el = wrapperRef.current;
     if (!el) return;
@@ -6778,7 +6981,7 @@ var Chart = ({
     () => activeTooltips.map((t) => adaptDataForTooltip(t.data).name),
     [activeTooltips, adaptDataForTooltip]
   );
-  useEffect10(() => {
+  useEffect11(() => {
     window.dispatchEvent(new Event("recountTooltips"));
   }, [activeTooltips.length]);
   const toggleHighlight = useCallback7((key) => {
@@ -7021,7 +7224,7 @@ var Chart = ({
         overflowY: "hidden",
         minWidth: 0
       },
-      children: /* @__PURE__ */ jsxs39(
+      children: /* @__PURE__ */ jsxs40(
         "div",
         {
           className: cn("rounded-lg bg-card p-2 relative", className),
@@ -7042,7 +7245,7 @@ var Chart = ({
                 children: /* @__PURE__ */ jsx57("h3", { className: titleClassName, children: title })
               }
             ),
-            allKeys.length > 0 && (finalEnableHighlights || finalEnableShowOnly) && /* @__PURE__ */ jsxs39(
+            allKeys.length > 0 && (finalEnableHighlights || finalEnableShowOnly) && /* @__PURE__ */ jsxs40(
               "div",
               {
                 className: "flex items-center w-full",
@@ -7117,7 +7320,7 @@ var Chart = ({
                 )
               }
             ),
-            /* @__PURE__ */ jsx57(ResponsiveContainer, { width: "100%", height, children: /* @__PURE__ */ jsxs39(
+            /* @__PURE__ */ jsx57(ResponsiveContainer, { width: "100%", height, children: /* @__PURE__ */ jsxs40(
               ComposedChart,
               {
                 data: processedData,
@@ -7331,7 +7534,7 @@ var Chart = ({
 var Chart_default = Chart;
 
 // src/components/charts/BarChart.tsx
-import { useState as useState12, useEffect as useEffect11, useCallback as useCallback8, useMemo as useMemo7 } from "react";
+import { useState as useState13, useEffect as useEffect12, useCallback as useCallback8, useMemo as useMemo7 } from "react";
 import {
   BarChart as RechartsBarChart,
   Bar as Bar2,
@@ -7343,7 +7546,7 @@ import {
   Legend as Legend2,
   LabelList as LabelList2
 } from "recharts";
-import { jsx as jsx58, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs41 } from "react/jsx-runtime";
 var DEFAULT_COLORS2 = ["#55af7d", "#8e68ff", "#2273e1"];
 var BarChart = ({
   data,
@@ -7423,14 +7626,14 @@ var BarChart = ({
     return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
   }, [data, xAxis, mapper, yAxis, autoDetect, labelMap]);
   const { xAxisConfig, mapperConfig } = smartConfig;
-  const [activeTooltips, setActiveTooltips] = useState12([]);
-  const [isDragging, setIsDragging] = useState12(null);
-  const [dragOffset, setDragOffset] = useState12({
+  const [activeTooltips, setActiveTooltips] = useState13([]);
+  const [isDragging, setIsDragging] = useState13(null);
+  const [dragOffset, setDragOffset] = useState13({
     x: 0,
     y: 0
   });
-  const [globalTooltipCount, setGlobalTooltipCount] = useState12(0);
-  const [alignmentGuides, setAlignmentGuides] = useState12([]);
+  const [globalTooltipCount, setGlobalTooltipCount] = useState13(0);
+  const [alignmentGuides, setAlignmentGuides] = useState13([]);
   const processedData = data.map((item) => ({
     ...item,
     name: String(item[xAxisConfig.dataKey] || "N/A")
@@ -7633,7 +7836,7 @@ var BarChart = ({
     setIsDragging(tooltipId);
     setDragOffset({ x: offsetX, y: offsetY });
   };
-  useEffect11(() => {
+  useEffect12(() => {
     let rafId;
     let lastMousePosition = { x: 0, y: 0 };
     const handleGlobalMouseMove = (e) => {
@@ -7691,7 +7894,7 @@ var BarChart = ({
     updateAlignmentGuides,
     snapToGuides
   ]);
-  useEffect11(() => {
+  useEffect12(() => {
     const handleCloseAllTooltips = () => {
       setActiveTooltips([]);
       setGlobalTooltipCount(0);
@@ -7701,7 +7904,7 @@ var BarChart = ({
       window.removeEventListener("closeAllTooltips", handleCloseAllTooltips);
     };
   }, []);
-  useEffect11(() => {
+  useEffect12(() => {
     const handleTooltipCountRequest = () => {
       window.dispatchEvent(
         new CustomEvent("tooltipCountResponse", {
@@ -7740,7 +7943,7 @@ var BarChart = ({
       );
     };
   }, [activeTooltips]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (isDragging) return;
     let totalCount = 0;
     const handleCountResponse = (event) => {
@@ -7764,10 +7967,10 @@ var BarChart = ({
     label
   }) => {
     if (!active || !payload) return null;
-    return /* @__PURE__ */ jsxs40("div", { className: "bg-card border border-border rounded-lg p-3 shadow-lg", children: [
+    return /* @__PURE__ */ jsxs41("div", { className: "bg-card border border-border rounded-lg p-3 shadow-lg", children: [
       /* @__PURE__ */ jsx58("p", { className: "font-medium text-foreground mb-2", children: label }),
       payload.map(
-        (entry, index) => /* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-2 text-sm", children: [
+        (entry, index) => /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-2 text-sm", children: [
           /* @__PURE__ */ jsx58(
             "div",
             {
@@ -7775,7 +7978,7 @@ var BarChart = ({
               style: { backgroundColor: entry.color }
             }
           ),
-          /* @__PURE__ */ jsxs40("span", { className: "text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs41("span", { className: "text-muted-foreground", children: [
             entry.name,
             ":"
           ] }),
@@ -7796,7 +7999,7 @@ var BarChart = ({
         return `${baseClasses} text-left`;
     }
   };
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41(
     "div",
     {
       className: cn("rounded-lg bg-card p-4 relative", className),
@@ -7806,7 +8009,7 @@ var BarChart = ({
       },
       children: [
         title && /* @__PURE__ */ jsx58("div", { style: { paddingLeft: `${resolvedContainerPaddingLeft}px` }, children: /* @__PURE__ */ jsx58("h3", { className: getTitleClassName(titlePosition), children: title }) }),
-        /* @__PURE__ */ jsxs40(
+        /* @__PURE__ */ jsxs41(
           RechartsBarChart,
           {
             data: processedData,
@@ -7919,7 +8122,7 @@ var BarChart = ({
             guide.sourceTooltip.top + guide.sourceTooltip.height / 2,
             guide.targetTooltip.top + guide.targetTooltip.height / 2
           );
-          return /* @__PURE__ */ jsxs40("div", { children: [
+          return /* @__PURE__ */ jsxs41("div", { children: [
             /* @__PURE__ */ jsx58(
               "div",
               {
@@ -8006,7 +8209,7 @@ var BarChart = ({
 var BarChart_default = BarChart;
 
 // src/components/charts/LineChart.tsx
-import { useState as useState13, useEffect as useEffect12, useCallback as useCallback9, useMemo as useMemo8 } from "react";
+import { useState as useState14, useEffect as useEffect13, useCallback as useCallback9, useMemo as useMemo8 } from "react";
 import {
   LineChart as RechartsLineChart,
   Line as Line2,
@@ -8017,7 +8220,7 @@ import {
   Legend as Legend3,
   LabelList as LabelList3
 } from "recharts";
-import { jsx as jsx59, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs42 } from "react/jsx-runtime";
 var defaultData = [
   { name: "A", value: 100 },
   { name: "B", value: 200 },
@@ -8049,14 +8252,14 @@ var CustomLineChart = ({
     containerPaddingLeft,
     16
   );
-  const [activeTooltips, setActiveTooltips] = useState13([]);
-  const [isDragging, setIsDragging] = useState13(null);
-  const [dragOffset, setDragOffset] = useState13({
+  const [activeTooltips, setActiveTooltips] = useState14([]);
+  const [isDragging, setIsDragging] = useState14(null);
+  const [dragOffset, setDragOffset] = useState14({
     x: 0,
     y: 0
   });
-  const [globalTooltipCount, setGlobalTooltipCount] = useState13(0);
-  const [alignmentGuides, setAlignmentGuides] = useState13([]);
+  const [globalTooltipCount, setGlobalTooltipCount] = useState14(0);
+  const [alignmentGuides, setAlignmentGuides] = useState14([]);
   const generateColors = (dataKeys2) => {
     const colorMap = {};
     const allColors = generateAdditionalColors(colors2, dataKeys2.length);
@@ -8270,7 +8473,7 @@ var CustomLineChart = ({
     setIsDragging(tooltipId);
     setDragOffset({ x: offsetX, y: offsetY });
   };
-  useEffect12(() => {
+  useEffect13(() => {
     let rafId;
     let lastMousePosition = { x: 0, y: 0 };
     const handleGlobalMouseMove = (e) => {
@@ -8317,7 +8520,7 @@ var CustomLineChart = ({
     updateAlignmentGuides,
     snapToGuides
   ]);
-  useEffect12(() => {
+  useEffect13(() => {
     const handleCloseAllTooltips2 = () => {
       setActiveTooltips([]);
       setGlobalTooltipCount(0);
@@ -8327,7 +8530,7 @@ var CustomLineChart = ({
       window.removeEventListener("closeAllTooltips", handleCloseAllTooltips2);
     };
   }, []);
-  useEffect12(() => {
+  useEffect13(() => {
     const handleTooltipCountRequest = () => {
       window.dispatchEvent(
         new CustomEvent("tooltipCountResponse", {
@@ -8371,7 +8574,7 @@ var CustomLineChart = ({
       );
     };
   }, [activeTooltips]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (isDragging) return;
     let totalCount = 0;
     const handleCountResponse = (event) => {
@@ -8399,7 +8602,7 @@ var CustomLineChart = ({
         return "text-left";
     }
   };
-  return /* @__PURE__ */ jsx59("div", { className: cn("relative", className), children: /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsx59("div", { className: cn("relative", className), children: /* @__PURE__ */ jsxs42(
     "div",
     {
       className: "rounded-lg bg-card p-4 relative border border-border",
@@ -8410,7 +8613,7 @@ var CustomLineChart = ({
       onClick: handleChartBackgroundClick,
       children: [
         title && /* @__PURE__ */ jsx59("div", { style: { paddingLeft: `${resolvedContainerPaddingLeft}px` }, children: /* @__PURE__ */ jsx59("div", { className: cn("mb-4", getTitleClass()), children: /* @__PURE__ */ jsx59("h3", { className: "text-lg font-semibold text-foreground", children: title }) }) }),
-        /* @__PURE__ */ jsxs41(
+        /* @__PURE__ */ jsxs42(
           RechartsLineChart,
           {
             data,
@@ -8501,7 +8704,7 @@ var CustomLineChart = ({
             guide.sourceTooltip.top + guide.sourceTooltip.height / 2,
             guide.targetTooltip.top + guide.targetTooltip.height / 2
           );
-          return /* @__PURE__ */ jsxs41("div", { children: [
+          return /* @__PURE__ */ jsxs42("div", { children: [
             /* @__PURE__ */ jsx59(
               "div",
               {
@@ -8594,7 +8797,7 @@ import {
   Tooltip as Tooltip4,
   Legend as Legend4
 } from "recharts";
-import { jsx as jsx60, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs43 } from "react/jsx-runtime";
 var defaultData2 = [
   { name: "Vendas", value: 4e3 },
   { name: "Marketing", value: 3e3 },
@@ -8661,7 +8864,7 @@ var CustomPieChart = ({
   centerY = "50%"
 }) => {
   const finalColors = colors2 || DEFAULT_COLORS4;
-  return /* @__PURE__ */ jsx60("div", { className: cn("w-full rounded-lg bg-card p-4", className), children: /* @__PURE__ */ jsx60(ResponsiveContainer2, { width, height, children: /* @__PURE__ */ jsxs42(RechartsPieChart, { children: [
+  return /* @__PURE__ */ jsx60("div", { className: cn("w-full rounded-lg bg-card p-4", className), children: /* @__PURE__ */ jsx60(ResponsiveContainer2, { width, height, children: /* @__PURE__ */ jsxs43(RechartsPieChart, { children: [
     /* @__PURE__ */ jsx60(
       Pie,
       {
@@ -8700,12 +8903,12 @@ var CustomPieChart = ({
 var PieChart_default = CustomPieChart;
 
 // src/components/charts/hooks/useChartHighlights.tsx
-import { useState as useState14, useCallback as useCallback10 } from "react";
+import { useState as useState15, useCallback as useCallback10 } from "react";
 var useChartHighlights = () => {
-  const [highlightedSeries, setHighlightedSeries] = useState14(
+  const [highlightedSeries, setHighlightedSeries] = useState15(
     /* @__PURE__ */ new Set()
   );
-  const [showOnlyHighlighted, setShowOnlyHighlighted] = useState14(false);
+  const [showOnlyHighlighted, setShowOnlyHighlighted] = useState15(false);
   const toggleHighlight = useCallback10((key) => {
     setHighlightedSeries((prev) => {
       const next = new Set(prev);
@@ -8773,12 +8976,12 @@ var useChartHighlights = () => {
 };
 
 // src/hooks/use-drag.tsx
-import { useState as useState15, useCallback as useCallback11, useRef as useRef5, useEffect as useEffect13 } from "react";
+import { useState as useState16, useCallback as useCallback11, useRef as useRef6, useEffect as useEffect14 } from "react";
 var useDrag = (options = {}) => {
-  const [isDragging, setIsDragging] = useState15(null);
-  const [positions, setPositions] = useState15({});
-  const dragStartPos = useRef5(null);
-  const dragId = useRef5(null);
+  const [isDragging, setIsDragging] = useState16(null);
+  const [positions, setPositions] = useState16({});
+  const dragStartPos = useRef6(null);
+  const dragId = useRef6(null);
   const handleMouseDown = useCallback11((id, e) => {
     e.preventDefault();
     const currentPosition = positions[id] || { top: 0, left: 0 };
@@ -8816,7 +9019,7 @@ var useDrag = (options = {}) => {
     dragStartPos.current = null;
     dragId.current = null;
   }, [options]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (isDragging) {
       document.addEventListener("mousemove", handleMouseMove);
       document.addEventListener("mouseup", handleMouseUp);