@mlw-packages/react-components 1.5.8 → 1.5.9

package/dist/index.js

@@ -734,19 +734,19 @@ var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority = require("class-variance-authority");
 var import_jsx_runtime = require("react/jsx-runtime");
 var buttonVariantsBase = (0, import_class_variance_authority.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"
@@ -2372,7 +2372,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: [
@@ -2382,7 +2382,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,
@@ -2457,7 +2457,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",
@@ -3128,34 +3128,78 @@ function NavigationMenuIndicatorBase({
 var React17 = __toESM(require("react"));
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
 var import_jsx_runtime28 = require("react/jsx-runtime");
-var ProgressBase = React17.forwardRef(({ className, value, label, leftIcon, rightIcon, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(LabelBase_default, { className: "py-2", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-2", children: [
-      leftIcon && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-        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__ */ (0, import_jsx_runtime28.jsx)(
-            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__ */ (0, import_jsx_runtime28.jsx)("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__ */ (0, import_jsx_runtime28.jsx)(
+          ProgressSegmentsBase,
+          {
+            label,
+            segments,
+            value: value || 0
+          }
+        );
+      case "panels":
+        return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          ProgressPanelsBase,
+          {
+            label,
+            steps,
+            currentStep
+          }
+        );
+      case "circles":
+        return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          ProgressCirclesBase,
+          {
+            label,
+            steps,
+            currentStep
+          }
+        );
+      case "bar":
+      default:
+        return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
+          label && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(LabelBase_default, { className: "py-2", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-2", children: [
+            leftIcon && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+              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__ */ (0, import_jsx_runtime28.jsx)(
+                  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__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
+          ] })
+        ] });
+    }
+  }
+);
 ProgressBase.displayName = "ProgressBase";
 var ProgressSegmentsBase = ({
   label,
@@ -4458,7 +4502,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
@@ -4470,13 +4515,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
     ),
@@ -4488,8 +4535,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
@@ -4499,41 +4546,198 @@ TabsContentBase.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/ui/TextAreaBase.tsx
 var React28 = __toESM(require("react"));
+var import_framer_motion6 = require("framer-motion");
+var import_react23 = require("@phosphor-icons/react");
 var import_jsx_runtime40 = require("react/jsx-runtime");
-var TextAreaBase = React28.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-    "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
+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__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        "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__ */ (0, import_jsx_runtime40.jsx)(TooltipProviderBase, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+        TooltipBase,
+        {
+          open: showConfirmTooltip,
+          onOpenChange: setShowConfirmTooltip,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+              import_framer_motion6.motion.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__ */ (0, import_jsx_runtime40.jsx)(import_react23.TrashIcon, { size: 16, weight: "regular" })
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+              TooltipContentBase,
+              {
+                side: "left",
+                className: "bg-background border border-border shadow-lg p-3 flex flex-col gap-2",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-sm text-foreground font-medium mb-1", children: "Limpar todo o texto?" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                      "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__ */ (0, import_jsx_runtime40.jsx)(
+                      "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__ */ (0, import_jsx_runtime40.jsx)(
+        import_framer_motion6.motion.div,
+        {
+          className: "pointer-events-none absolute inset-0 rounded-lg",
+          initial: { opacity: 0 },
+          animate: { opacity: isFocused ? 1 : 0 },
+          transition: { duration: 0.3 },
+          children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("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__ */ (0, import_jsx_runtime40.jsxs)(
+        import_framer_motion6.motion.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
-var import_react24 = require("@phosphor-icons/react");
+var import_react25 = require("@phosphor-icons/react");
 
 // src/components/theme-provider.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var initialState = {
   theme: "system",
   setTheme: () => null
 };
-var ThemeProviderContext = (0, import_react23.createContext)(initialState);
+var ThemeProviderContext = (0, import_react24.createContext)(initialState);
 function ThemeProviderBase({
   children,
   defaultTheme = "system",
   storageKey = "app-ui-theme",
   ...props
 }) {
-  const [theme, setThemeState] = (0, import_react23.useState)(defaultTheme);
-  (0, import_react23.useEffect)(() => {
+  const [theme, setThemeState] = (0, import_react24.useState)(defaultTheme);
+  (0, import_react24.useEffect)(() => {
     const root = window.document.documentElement;
     root.classList.remove(
       "light",
@@ -4559,7 +4763,7 @@ function ThemeProviderBase({
       document.body.style.color = "";
     }
   }, [theme]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     const stored = localStorage.getItem(storageKey);
     if (stored) setThemeState(stored);
   }, [storageKey]);
@@ -4573,7 +4777,7 @@ function ThemeProviderBase({
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ThemeProviderContext.Provider, { ...props, value, children });
 }
 var useTheme = () => {
-  const context = (0, import_react23.useContext)(ThemeProviderContext);
+  const context = (0, import_react24.useContext)(ThemeProviderContext);
   if (context === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return context;
@@ -4606,8 +4810,8 @@ function ModeToggleBase({
         className: "relative overflow-hidden border-transparent",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react24.SunIcon, { className: `h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-90 scale-0" : "rotate-0 scale-100"}` }),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react24.MoonIcon, { className: `absolute h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-0 scale-100" : "rotate-90 scale-0"}` })
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react25.SunIcon, { className: `h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-90 scale-0" : "rotate-0 scale-100"}` }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react25.MoonIcon, { className: `absolute h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-0 scale-100" : "rotate-90 scale-0"}` })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "sr-only", children: "Toggle theme" })
         ]
@@ -4620,7 +4824,7 @@ function ModeToggleBase({
         className: "flex items-center justify-between hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
         children: [
           themeLabels[theme],
-          currentTheme === theme && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react24.CheckIcon, { className: "h-4 w-4 opacity-100" })
+          currentTheme === theme && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react25.CheckIcon, { className: "h-4 w-4 opacity-100" })
         ]
       },
       theme
@@ -4630,7 +4834,7 @@ function ModeToggleBase({
 
 // src/components/ui/DestructiveDialog.tsx
 var React29 = __toESM(require("react"));
-var import_react25 = require("@phosphor-icons/react");
+var import_react26 = require("@phosphor-icons/react");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 var DestructiveDialog = ({
   title,
@@ -4655,7 +4859,7 @@ var DestructiveDialog = ({
         className: cn("border border-destructive bg-background"),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-start gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex items-center justify-center w-10 h-10 rounded-full ring-1 ring-destructive/30", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react25.XCircleIcon, { className: "w-6 h-6 text-destructive" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex items-center justify-center w-10 h-10 rounded-full ring-1 ring-destructive/30", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react26.XCircleIcon, { className: "w-6 h-6 text-destructive" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex-1", children: [
               /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                 AlertDialogTitleBase,
@@ -4710,8 +4914,8 @@ var import_date_fns = require("date-fns");
 // src/components/date-time-picker/calendar.tsx
 var React30 = __toESM(require("react"));
 var import_react_day_picker2 = require("react-day-picker");
-var import_react26 = require("@phosphor-icons/react");
-var import_framer_motion6 = require("framer-motion");
+var import_react27 = require("@phosphor-icons/react");
+var import_framer_motion7 = require("framer-motion");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 function CalendarBase2({
   className,
@@ -4733,10 +4937,10 @@ 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__ */ (0, import_jsx_runtime44.jsx)("div", { className: "relative flex-1 flex flex-col min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_framer_motion6.AnimatePresence, { initial: false, mode: "wait", custom: direction, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "relative flex-1 flex flex-col min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_framer_motion7.AnimatePresence, { initial: false, mode: "wait", custom: direction, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         "div",
         {
           className: "w-full h-full flex flex-col",
@@ -4789,8 +4993,8 @@ function CalendarBase2({
                 ...classNames
               },
               components: {
-                IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react26.CaretLeftIcon, { className: "h-4 w-4" }),
-                IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react26.CaretRightIcon, { className: "h-4 w-4" })
+                IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react27.CaretLeftIcon, { className: "h-4 w-4" }),
+                IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react27.CaretRightIcon, { className: "h-4 w-4" })
               },
               ...props
             }
@@ -4805,15 +5009,15 @@ CalendarBase2.displayName = "CalendarBase";
 
 // src/components/date-time-picker/DateTimePicker.tsx
 var import_locale = require("date-fns/locale");
-var import_react29 = require("react");
+var import_react30 = require("react");
 
 // src/components/date-time-picker/TimePicker.tsx
-var import_framer_motion7 = require("framer-motion");
+var import_framer_motion8 = require("framer-motion");
 var React32 = __toESM(require("react"));
 
 // src/components/date-time-picker/TimePickerInput.tsx
-var import_react27 = require("@phosphor-icons/react");
-var import_react28 = __toESM(require("react"));
+var import_react28 = require("@phosphor-icons/react");
+var import_react29 = __toESM(require("react"));
 
 // src/components/date-time-picker/time-picker-utils.ts
 function isValidHour(value) {
@@ -4956,7 +5160,7 @@ function display12HourValue(hours) {
 
 // src/components/date-time-picker/TimePickerInput.tsx
 var import_jsx_runtime45 = require("react/jsx-runtime");
-var TimePickerInput = import_react28.default.forwardRef(
+var TimePickerInput = import_react29.default.forwardRef(
   ({
     className,
     type = "tel",
@@ -4975,10 +5179,10 @@ var TimePickerInput = import_react28.default.forwardRef(
     label,
     ...props
   }, ref) => {
-    const [flag, setFlag] = import_react28.default.useState(false);
-    const [prevIntKey, setPrevIntKey] = import_react28.default.useState("0");
-    const [isFocused, setIsFocused] = import_react28.default.useState(false);
-    import_react28.default.useEffect(() => {
+    const [flag, setFlag] = import_react29.default.useState(false);
+    const [prevIntKey, setPrevIntKey] = import_react29.default.useState("0");
+    const [isFocused, setIsFocused] = import_react29.default.useState(false);
+    import_react29.default.useEffect(() => {
       if (flag) {
         const timer = setTimeout(() => {
           setFlag(false);
@@ -4986,7 +5190,7 @@ var TimePickerInput = import_react28.default.forwardRef(
         return () => clearTimeout(timer);
       }
     }, [flag]);
-    const calculatedValue = import_react28.default.useMemo(() => {
+    const calculatedValue = import_react29.default.useMemo(() => {
       return getDateByType(date, picker);
     }, [date, picker]);
     const calculateNewValue = (key) => {
@@ -5075,7 +5279,7 @@ var TimePickerInput = import_react28.default.forwardRef(
                 ),
                 tabIndex: -1,
                 "aria-label": `Incrementar ${getPickerLabel().toLowerCase()}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react27.CaretUpIcon, { size: 14, className: "sm:w-4 sm:h-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react28.CaretUpIcon, { size: 14, className: "sm:w-4 sm:h-4" })
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "relative", children: [
@@ -5142,7 +5346,7 @@ var TimePickerInput = import_react28.default.forwardRef(
                 ),
                 tabIndex: -1,
                 "aria-label": `Decrementar ${getPickerLabel().toLowerCase()}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react27.CaretDownIcon, { size: 14, className: "sm:w-4 sm:h-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react28.CaretDownIcon, { size: 14, className: "sm:w-4 sm:h-4" })
               }
             )
           ]
@@ -5180,7 +5384,7 @@ function TimePicker({
     visible: { opacity: 1, y: 0 }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-    import_framer_motion7.motion.div,
+    import_framer_motion8.motion.div,
     {
       variants: containerVariants,
       initial: "hidden",
@@ -5188,7 +5392,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__ */ (0, import_jsx_runtime46.jsx)(
-          import_framer_motion7.motion.div,
+          import_framer_motion8.motion.div,
           {
             variants: itemVariants2,
             className: "grid gap-1 sm:gap-2 text-center flex-shrink-0 min-w-0",
@@ -5206,7 +5410,7 @@ function TimePicker({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-          import_framer_motion7.motion.div,
+          import_framer_motion8.motion.div,
           {
             variants: itemVariants2,
             className: "grid gap-1 sm:gap-2 text-center flex-shrink-0 min-w-0",
@@ -5224,8 +5428,8 @@ function TimePicker({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_framer_motion7.AnimatePresence, { children: !hideSeconds && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-          import_framer_motion7.motion.div,
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_framer_motion8.AnimatePresence, { children: !hideSeconds && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          import_framer_motion8.motion.div,
           {
             variants: itemVariants2,
             initial: "hidden",
@@ -5251,7 +5455,7 @@ function TimePicker({
 }
 
 // src/components/date-time-picker/DateTimePicker.tsx
-var import_react30 = require("@phosphor-icons/react");
+var import_react31 = require("@phosphor-icons/react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 function DateTimePicker({
   label,
@@ -5265,9 +5469,9 @@ function DateTimePicker({
   disabled,
   className
 }) {
-  const [internalDate, setInternalDate] = (0, import_react29.useState)(date);
-  const [open, setOpen] = (0, import_react29.useState)(false);
-  const [timePickerOpen, setTimePickerOpen] = (0, import_react29.useState)(false);
+  const [internalDate, setInternalDate] = (0, import_react30.useState)(date);
+  const [open, setOpen] = (0, import_react30.useState)(false);
+  const [timePickerOpen, setTimePickerOpen] = (0, import_react30.useState)(false);
   const handleSelect = (newDay) => {
     if (!newDay) return;
     if (!internalDate) {
@@ -5296,7 +5500,7 @@ function DateTimePicker({
     if (!timeFormat) return "PPP";
     return `PPP - ${timeFormat}`;
   };
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (date) {
       setInternalDate(date);
     }
@@ -5308,16 +5512,15 @@ function DateTimePicker({
         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"
           ),
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "truncate flex-1", children: date ? (0, import_date_fns.format)(date, getDisplayFormat(), { locale: import_locale.ptBR }) : "Pick a date" }),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react30.CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react31.CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
           ]
         }
       ) }),
@@ -5360,13 +5563,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__ */ (0, import_jsx_runtime47.jsx)(import_react30.ClockIcon, { className: "text-primary/70 flex-shrink-0 w-4 h-4 sm:w-5 sm:h-5" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react31.ClockIcon, { className: "text-primary flex-shrink-0 w-4 h-4 sm:w-5 sm:h-5" }),
                         /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-foreground truncate", children: internalDate ? (0, import_date_fns.format)(internalDate, getTimeFormat() || "HH:mm", {
                           locale: import_locale.ptBR
                         }) : "00:00" })
@@ -5477,7 +5680,7 @@ function Select({
 }
 
 // src/components/charts/Chart.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_recharts = require("recharts");
 
 // src/components/charts/utils/helpers.ts
@@ -5624,8 +5827,8 @@ var resolveChartMargins = (margins, chartMargins, showLabels) => {
 var import_sonner2 = require("sonner");
 
 // src/components/charts/components/controls/PeriodsDropdown.tsx
-var import_react31 = require("react");
-var import_framer_motion8 = require("framer-motion");
+var import_react32 = require("react");
+var import_framer_motion9 = require("framer-motion");
 var import_ssr = require("@phosphor-icons/react/dist/ssr");
 var import_ssr2 = require("@phosphor-icons/react/dist/ssr");
 var import_jsx_runtime49 = require("react/jsx-runtime");
@@ -5647,11 +5850,11 @@ function PeriodsDropdown({
   activePeriods
 }) {
   const periods = processedData.map((d) => String(d.name));
-  const [open, setOpen] = (0, import_react31.useState)(false);
-  const wrapperRef = (0, import_react31.useRef)(null);
-  const firstItemRef = (0, import_react31.useRef)(null);
-  const listRef = (0, import_react31.useRef)(null);
-  (0, import_react31.useEffect)(() => {
+  const [open, setOpen] = (0, import_react32.useState)(false);
+  const wrapperRef = (0, import_react32.useRef)(null);
+  const firstItemRef = (0, import_react32.useRef)(null);
+  const listRef = (0, import_react32.useRef)(null);
+  (0, import_react32.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (!wrapperRef.current) return;
       if (!wrapperRef.current.contains(e.target)) setOpen(false);
@@ -5666,7 +5869,7 @@ function PeriodsDropdown({
       document.removeEventListener("keydown", handleEscape);
     };
   }, []);
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (open && firstItemRef.current) {
       firstItemRef.current.focus();
     }
@@ -5700,8 +5903,8 @@ function PeriodsDropdown({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_framer_motion8.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
-      import_framer_motion8.motion.div,
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_framer_motion9.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+      import_framer_motion9.motion.div,
       {
         initial: "hidden",
         animate: "visible",
@@ -5730,7 +5933,7 @@ function PeriodsDropdown({
               className: "flex flex-col p-2 gap-1",
               style: { maxHeight: 200, overflowY: "auto" },
               children: periods.map((p, idx) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
-                import_framer_motion8.motion.button,
+                import_framer_motion9.motion.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,
@@ -5758,8 +5961,8 @@ function PeriodsDropdown({
 var PeriodsDropdown_default = PeriodsDropdown;
 
 // src/components/charts/components/controls/ShowOnly.tsx
-var import_framer_motion9 = require("framer-motion");
-var import_react32 = require("@phosphor-icons/react");
+var import_framer_motion10 = require("framer-motion");
+var import_react33 = require("@phosphor-icons/react");
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var ShowOnly = ({
   showOnlyHighlighted,
@@ -5769,7 +5972,7 @@ var ShowOnly = ({
   const hasHighlights = highlightedSeriesSize > 0;
   if (!hasHighlights) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "ml-auto flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-    import_framer_motion9.motion.div,
+    import_framer_motion10.motion.div,
     {
       whileTap: { scale: hasHighlights ? 0.985 : 1 },
       whileHover: { y: hasHighlights ? -2 : 0 },
@@ -5788,10 +5991,10 @@ var ShowOnly = ({
             !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__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react32.EyeSlash, { size: 16, weight: "regular" }),
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react33.EyeSlash, { size: 16, weight: "regular" }),
             /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "sr-only", children: "Exibir todos" })
           ] }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react32.Eye, { size: 16, weight: "bold" }),
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react33.Eye, { size: 16, weight: "bold" }),
             /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "sr-only", children: "Mostrar somente destacados" })
           ] })
         }
@@ -5802,7 +6005,7 @@ var ShowOnly = ({
 var ShowOnly_default = ShowOnly;
 
 // src/components/charts/components/controls/Highlights.tsx
-var import_framer_motion10 = require("framer-motion");
+var import_framer_motion11 = require("framer-motion");
 var import_ssr3 = require("@phosphor-icons/react/dist/ssr");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var Highlights = ({
@@ -5823,13 +6026,13 @@ var Highlights = ({
     visible: { opacity: 1, transition: { staggerChildren: 0.03 } }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-    import_framer_motion10.motion.div,
+    import_framer_motion11.motion.div,
     {
       className: "flex-1 flex items-center gap-2 flex-wrap",
       initial: "hidden",
       animate: "visible",
       variants: containerVariants,
-      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_framer_motion10.AnimatePresence, { initial: false, mode: "popLayout", children: allKeys.map((k) => {
+      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_framer_motion11.AnimatePresence, { initial: false, mode: "popLayout", children: allKeys.map((k) => {
         const isHighlighted = highlightedSeries.has(k);
         const label = mapperConfig[k]?.label ?? k;
         const color = finalColors[k];
@@ -5839,7 +6042,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__ */ (0, import_jsx_runtime51.jsx)(
-          import_framer_motion10.motion.div,
+          import_framer_motion11.motion.div,
           {
             layout: true,
             initial: "hidden",
@@ -5856,7 +6059,7 @@ var Highlights = ({
                 style: { minWidth: showFullLabel ? void 0 : 36 },
                 "aria-pressed": isHighlighted,
                 children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
-                  import_framer_motion10.motion.button,
+                  import_framer_motion11.motion.button,
                   {
                     whileHover: { scale: isHighlighted ? 1.04 : 1.03 },
                     whileTap: { scale: 0.96 },
@@ -5864,7 +6067,7 @@ var Highlights = ({
                     className: "flex items-center gap-2 min-w-0 pr-2",
                     children: [
                       /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                        import_framer_motion10.motion.span,
+                        import_framer_motion11.motion.span,
                         {
                           className: cn("w-3 h-3 rounded-sm flex-shrink-0 border"),
                           style: {
@@ -5878,8 +6081,8 @@ var Highlights = ({
                           transition: { type: "spring", stiffness: 400, damping: 30 }
                         }
                       ),
-                      showFullLabel ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_framer_motion10.motion.span, { className: "truncate max-w-[10rem] pr-2", layout: true, children: label }) : showShortLabel ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                        import_framer_motion10.motion.span,
+                      showFullLabel ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_framer_motion11.motion.span, { className: "truncate max-w-[10rem] pr-2", layout: true, children: label }) : showShortLabel ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                        import_framer_motion11.motion.span,
                         {
                           className: "truncate max-w-[6rem] text-xs pr-2",
                           layout: true,
@@ -5887,7 +6090,7 @@ var Highlights = ({
                         }
                       ) : null,
                       /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                        import_framer_motion10.motion.span,
+                        import_framer_motion11.motion.span,
                         {
                           "aria-hidden": true,
                           initial: { opacity: 0, scale: 0.6 },
@@ -5996,9 +6199,9 @@ var CloseAllButton = ({
 var CloseAllButton_default = CloseAllButton;
 
 // src/components/charts/components/tooltips/DraggableTooltip.tsx
-var import_react33 = __toESM(require("react"));
-var import_framer_motion11 = require("framer-motion");
-var import_react34 = require("@phosphor-icons/react");
+var import_react34 = __toESM(require("react"));
+var import_framer_motion12 = require("framer-motion");
+var import_react35 = require("@phosphor-icons/react");
 var import_ssr5 = require("@phosphor-icons/react/dist/ssr");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var ALIGNMENT_THRESHOLD = 25;
@@ -6075,13 +6278,13 @@ var DraggableTooltipComponent = ({
   toggleHighlight,
   showOnlyHighlighted
 }) => {
-  const visibleKeys = (0, import_react33.useMemo)(
+  const visibleKeys = (0, import_react34.useMemo)(
     () => showOnlyHighlighted && highlightedSeries && highlightedSeries.size > 0 ? dataKeys.filter((k) => highlightedSeries.has(k)) : dataKeys,
     [showOnlyHighlighted, highlightedSeries, dataKeys]
   );
-  const TotalDisplay = import_react33.default.memo(
+  const TotalDisplay = import_react34.default.memo(
     ({ data: data2, visibleKeys: visibleKeys2 }) => {
-      const total = (0, import_react33.useMemo)(() => {
+      const total = (0, import_react34.useMemo)(() => {
         const numeric = visibleKeys2.map((k) => data2[k]).filter((v) => typeof v === "number");
         return numeric.reduce((s, v) => s + (v || 0), 0);
       }, [data2, visibleKeys2]);
@@ -6097,14 +6300,14 @@ var DraggableTooltipComponent = ({
       ] });
     }
   );
-  const [localPos, setLocalPos] = (0, import_react33.useState)(position);
-  const [dragging, setDragging] = (0, import_react33.useState)(false);
-  const offsetRef = (0, import_react33.useRef)({ x: 0, y: 0 });
-  const lastMouse = (0, import_react33.useRef)({ x: 0, y: 0 });
-  const [alignmentGuides, setAlignmentGuides] = (0, import_react33.useState)([]);
-  const [globalTooltipCountLocal, setGlobalTooltipCountLocal] = (0, import_react33.useState)(0);
-  (0, import_react33.useEffect)(() => setLocalPos(position), [position]);
-  const getAllTooltips = (0, import_react33.useCallback)(() => {
+  const [localPos, setLocalPos] = (0, import_react34.useState)(position);
+  const [dragging, setDragging] = (0, import_react34.useState)(false);
+  const offsetRef = (0, import_react34.useRef)({ x: 0, y: 0 });
+  const lastMouse = (0, import_react34.useRef)({ x: 0, y: 0 });
+  const [alignmentGuides, setAlignmentGuides] = (0, import_react34.useState)([]);
+  const [globalTooltipCountLocal, setGlobalTooltipCountLocal] = (0, import_react34.useState)(0);
+  (0, import_react34.useEffect)(() => setLocalPos(position), [position]);
+  const getAllTooltips = (0, import_react34.useCallback)(() => {
     const response = [];
     const ev = new CustomEvent("requestGlobalTooltips", {
       detail: { requesterId: id, response }
@@ -6112,7 +6315,7 @@ var DraggableTooltipComponent = ({
     window.dispatchEvent(ev);
     return response;
   }, [id]);
-  const updateAlignmentGuides = (0, import_react33.useCallback)(
+  const updateAlignmentGuides = (0, import_react34.useCallback)(
     (currentPosition) => {
       const allTooltips = getAllTooltips();
       const otherTooltips = allTooltips.filter((t) => t.id !== id);
@@ -6161,7 +6364,7 @@ var DraggableTooltipComponent = ({
     },
     [getAllTooltips, id]
   );
-  const snapToGuides = (0, import_react33.useCallback)(
+  const snapToGuides = (0, import_react34.useCallback)(
     (position2) => {
       const snappedPosition = { ...position2 };
       let hasSnapped = false;
@@ -6208,7 +6411,7 @@ var DraggableTooltipComponent = ({
     },
     [alignmentGuides]
   );
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     let rafId = null;
     const handleMouseMove = (e) => {
       if (!dragging) return;
@@ -6250,7 +6453,7 @@ var DraggableTooltipComponent = ({
       document.body.style.userSelect = "";
     };
   }, [dragging, snapToGuides, updateAlignmentGuides, id, onPositionChange]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     const handleCloseAll = () => onClose(id);
     const handleRequestTooltipCount = () => {
       window.dispatchEvent(
@@ -6281,7 +6484,7 @@ var DraggableTooltipComponent = ({
       });
     };
   }, [id, localPos, onClose]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (dragging) return;
     let total = 0;
     const timeoutId = setTimeout(() => {
@@ -6299,7 +6502,7 @@ var DraggableTooltipComponent = ({
     }, 0);
     return () => clearTimeout(timeoutId);
   }, [localPos, dragging]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     const recount = () => {
       if (dragging) return;
       let total = 0;
@@ -6317,7 +6520,7 @@ var DraggableTooltipComponent = ({
     window.addEventListener("recountTooltips", recount);
     return () => window.removeEventListener("recountTooltips", recount);
   }, [dragging]);
-  const handleMouseDownLocal = (0, import_react33.useCallback)(
+  const handleMouseDownLocal = (0, import_react34.useCallback)(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -6328,7 +6531,7 @@ var DraggableTooltipComponent = ({
     },
     [id, onMouseDown]
   );
-  const handleTouchStartLocal = (0, import_react33.useCallback)(
+  const handleTouchStartLocal = (0, import_react34.useCallback)(
     (e) => {
       e.stopPropagation();
       const touch = e.touches[0];
@@ -6343,7 +6546,7 @@ var DraggableTooltipComponent = ({
     },
     [id, onMouseDown]
   );
-  const handleCloseClick = (0, import_react33.useCallback)(
+  const handleCloseClick = (0, import_react34.useCallback)(
     (e) => {
       e.stopPropagation();
       onClose(id);
@@ -6372,7 +6575,7 @@ var DraggableTooltipComponent = ({
       );
       return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-          import_framer_motion11.motion.div,
+          import_framer_motion12.motion.div,
           {
             className: "fixed pointer-events-none z-30",
             variants: guideVariants,
@@ -6394,7 +6597,7 @@ var DraggableTooltipComponent = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-          import_framer_motion11.motion.div,
+          import_framer_motion12.motion.div,
           {
             className: "fixed pointer-events-none z-31",
             variants: guideDotVariants,
@@ -6413,7 +6616,7 @@ var DraggableTooltipComponent = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-          import_framer_motion11.motion.div,
+          import_framer_motion12.motion.div,
           {
             className: "fixed pointer-events-none z-31",
             variants: guideDotVariants,
@@ -6433,8 +6636,8 @@ var DraggableTooltipComponent = ({
         )
       ] }, index);
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_framer_motion11.AnimatePresence, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
-      import_framer_motion11.motion.div,
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_framer_motion12.AnimatePresence, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+      import_framer_motion12.motion.div,
       {
         className: "fixed bg-card border border-border rounded-lg shadow-lg z-50 min-w-80 select-none",
         variants: tooltipVariants,
@@ -6459,7 +6662,7 @@ var DraggableTooltipComponent = ({
               onTouchStart: handleTouchStartLocal,
               style: { touchAction: "none" },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react34.DotsSixVerticalIcon, { size: 16 }),
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react35.DotsSixVerticalIcon, { size: 16 }),
                 /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex flex-col gap-1", children: title && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex items-center gap-2 pb-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "font-bold text-foreground text-base", children: title }) }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                   "button",
@@ -6482,7 +6685,7 @@ var DraggableTooltipComponent = ({
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "p-3 pt-2 space-y-2", children: [
             /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide mb-2", children: dataLabel }),
-            (0, import_react33.useMemo)(
+            (0, import_react34.useMemo)(
               () => visibleKeys.map((key) => {
                 const value = data[key];
                 if (value === void 0) return null;
@@ -6592,7 +6795,7 @@ var DraggableTooltipComponent = ({
     )
   ] });
 };
-var DraggableTooltip = import_react33.default.memo(DraggableTooltipComponent);
+var DraggableTooltip = import_react34.default.memo(DraggableTooltipComponent);
 DraggableTooltip.displayName = "DraggableTooltip";
 var DraggableTooltip_default = DraggableTooltip;
 
@@ -6888,7 +7091,7 @@ var Chart = ({
   maxTooltips = 5,
   chartMargin
 }) => {
-  const smartConfig = (0, import_react35.useMemo)(() => {
+  const smartConfig = (0, import_react36.useMemo)(() => {
     const resolvedXAxisKey = typeof xAxis === "string" ? xAxis : xAxis && xAxis.dataKey || detectXAxis(data);
     const xAxisConfig2 = typeof xAxis === "string" ? {
       dataKey: resolvedXAxisKey,
@@ -6912,12 +7115,12 @@ var Chart = ({
     return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
   }, [data, xAxis, labelMap]);
   const { xAxisConfig, mapperConfig } = smartConfig;
-  const [activeTooltips, setActiveTooltips] = (0, import_react35.useState)([]);
-  const [highlightedSeries, setHighlightedSeries] = (0, import_react35.useState)(
+  const [activeTooltips, setActiveTooltips] = (0, import_react36.useState)([]);
+  const [highlightedSeries, setHighlightedSeries] = (0, import_react36.useState)(
     /* @__PURE__ */ new Set()
   );
-  const [showOnlyHighlighted, setShowOnlyHighlighted] = (0, import_react35.useState)(false);
-  (0, import_react35.useEffect)(() => {
+  const [showOnlyHighlighted, setShowOnlyHighlighted] = (0, import_react36.useState)(false);
+  (0, import_react36.useEffect)(() => {
     if (highlightedSeries.size === 0 && showOnlyHighlighted) {
       setShowOnlyHighlighted(false);
     }
@@ -6926,9 +7129,9 @@ var Chart = ({
     ...item,
     name: String(item[xAxisConfig.dataKey] || "N/A")
   }));
-  const wrapperRef = (0, import_react35.useRef)(null);
-  const [measuredWidth, setMeasuredWidth] = (0, import_react35.useState)(null);
-  (0, import_react35.useLayoutEffect)(() => {
+  const wrapperRef = (0, import_react36.useRef)(null);
+  const [measuredWidth, setMeasuredWidth] = (0, import_react36.useState)(null);
+  (0, import_react36.useLayoutEffect)(() => {
     const el = wrapperRef.current;
     if (!el) return;
     const ro = new ResizeObserver((entries) => {
@@ -6955,7 +7158,7 @@ var Chart = ({
     );
   }
   const allKeys = seriesOrder.map((s) => s.key).filter(Boolean);
-  const generateColors = (0, import_react35.useCallback)(
+  const generateColors = (0, import_react36.useCallback)(
     (dataKeys) => {
       const colorMap = {};
       const allColors = generateAdditionalColors(colors2, dataKeys.length);
@@ -6966,25 +7169,25 @@ var Chart = ({
     },
     [colors2, mapperConfig]
   );
-  const finalColors = (0, import_react35.useMemo)(
+  const finalColors = (0, import_react36.useMemo)(
     () => generateColors(allKeys),
     [generateColors, allKeys]
   );
-  const adaptDataForTooltip = (0, import_react35.useCallback)(
+  const adaptDataForTooltip = (0, import_react36.useCallback)(
     (universalData) => ({
       ...universalData,
       name: String(universalData[xAxisConfig.dataKey] || "N/A")
     }),
     [xAxisConfig.dataKey]
   );
-  const activePeriods = (0, import_react35.useMemo)(
+  const activePeriods = (0, import_react36.useMemo)(
     () => activeTooltips.map((t) => adaptDataForTooltip(t.data).name),
     [activeTooltips, adaptDataForTooltip]
   );
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     window.dispatchEvent(new Event("recountTooltips"));
   }, [activeTooltips.length]);
-  const toggleHighlight = (0, import_react35.useCallback)((key) => {
+  const toggleHighlight = (0, import_react36.useCallback)((key) => {
     setHighlightedSeries((prev) => {
       const next = new Set(prev);
       if (next.has(key)) next.delete(key);
@@ -6992,7 +7195,7 @@ var Chart = ({
       return next;
     });
   }, []);
-  const maxDataValue = (0, import_react35.useMemo)(() => {
+  const maxDataValue = (0, import_react36.useMemo)(() => {
     let max = 0;
     const numericKeys = allKeys;
     for (const row of processedData) {
@@ -7004,7 +7207,7 @@ var Chart = ({
     }
     return max;
   }, [processedData, allKeys]);
-  const minDataValue = (0, import_react35.useMemo)(() => {
+  const minDataValue = (0, import_react36.useMemo)(() => {
     let min = 0;
     const numericKeys = allKeys;
     for (const row of processedData) {
@@ -7017,7 +7220,7 @@ var Chart = ({
     }
     return min;
   }, [processedData, allKeys]);
-  const niceMax = (0, import_react35.useMemo)(() => {
+  const niceMax = (0, import_react36.useMemo)(() => {
     let padding = 0.08;
     if (maxDataValue > 1e6) padding = 0.05;
     if (maxDataValue > 1e7) padding = 0.03;
@@ -7025,7 +7228,7 @@ var Chart = ({
     const padded = maxDataValue * (1 + padding);
     return niceCeil(padded);
   }, [maxDataValue]);
-  const computedWidth = (0, import_react35.useMemo)(() => {
+  const computedWidth = (0, import_react36.useMemo)(() => {
     if (typeof width === "number") return width;
     const points = Math.max(1, processedData.length);
     const barCount = series?.bar?.length ?? 0;
@@ -7054,7 +7257,7 @@ var Chart = ({
     series?.area?.length,
     niceMax
   ]);
-  const toggleTooltip = (0, import_react35.useCallback)(
+  const toggleTooltip = (0, import_react36.useCallback)(
     (tooltipId, data2, basePosition) => {
       const existingIndex = activeTooltips.findIndex((t) => t.id === tooltipId);
       if (existingIndex !== -1) {
@@ -7083,7 +7286,7 @@ var Chart = ({
     },
     [activeTooltips, maxTooltips]
   );
-  const handleChartClick = (0, import_react35.useCallback)(
+  const handleChartClick = (0, import_react36.useCallback)(
     (e) => {
       if (!enableDraggableTooltips) return;
       const ev = e;
@@ -7101,7 +7304,7 @@ var Chart = ({
     },
     [enableDraggableTooltips, xAxisConfig.dataKey, toggleTooltip]
   );
-  const handleBarClick = (0, import_react35.useCallback)(
+  const handleBarClick = (0, import_react36.useCallback)(
     (data2, index, event) => {
       if (!enableDraggableTooltips) return;
       event.stopPropagation();
@@ -7115,7 +7318,7 @@ var Chart = ({
     },
     [enableDraggableTooltips, xAxisConfig.dataKey, toggleTooltip]
   );
-  const handleSeriesClick = (0, import_react35.useCallback)(
+  const handleSeriesClick = (0, import_react36.useCallback)(
     (...args) => {
       if (args.length >= 3) {
         const [data2, index, event] = args;
@@ -7126,7 +7329,7 @@ var Chart = ({
     },
     [handleBarClick, handleChartClick]
   );
-  const onTooltipPositionChange = (0, import_react35.useCallback)(
+  const onTooltipPositionChange = (0, import_react36.useCallback)(
     (id, position) => {
       setActiveTooltips(
         (prev) => prev.map((t) => t.id === id ? { ...t, position } : t)
@@ -7134,7 +7337,7 @@ var Chart = ({
     },
     []
   );
-  const titleClassName = (0, import_react35.useMemo)(
+  const titleClassName = (0, import_react36.useMemo)(
     () => "text-xl font-semibold text-foreground mb-3",
     []
   );
@@ -7151,7 +7354,7 @@ var Chart = ({
   const measuredInner = measuredWidth ? Math.max(0, measuredWidth - 32) : void 0;
   const effectiveChartWidth = typeof width === "number" ? width : measuredInner ?? computedWidth;
   const chartInnerWidth = effectiveChartWidth - finalChartLeftMargin - finalChartRightMargin;
-  const openTooltipForPeriod = (0, import_react35.useCallback)(
+  const openTooltipForPeriod = (0, import_react36.useCallback)(
     (periodName) => {
       if (!enableDraggableTooltips) return;
       const row = processedData.find((r) => String(r.name) === periodName);
@@ -7534,7 +7737,7 @@ var Chart = ({
 var Chart_default = Chart;
 
 // src/components/charts/BarChart.tsx
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_recharts2 = require("recharts");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var DEFAULT_COLORS2 = ["#55af7d", "#8e68ff", "#2273e1"];
@@ -7566,7 +7769,7 @@ var BarChart = ({
     containerPaddingLeft,
     16
   );
-  const smartConfig = (0, import_react36.useMemo)(() => {
+  const smartConfig = (0, import_react37.useMemo)(() => {
     const providedMapper = yAxis ?? mapper;
     if (autoDetect === true || xAxis == null || providedMapper == null) {
       const detectedXAxis = detectXAxis(data);
@@ -7616,14 +7819,14 @@ var BarChart = ({
     return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
   }, [data, xAxis, mapper, yAxis, autoDetect, labelMap]);
   const { xAxisConfig, mapperConfig } = smartConfig;
-  const [activeTooltips, setActiveTooltips] = (0, import_react36.useState)([]);
-  const [isDragging, setIsDragging] = (0, import_react36.useState)(null);
-  const [dragOffset, setDragOffset] = (0, import_react36.useState)({
+  const [activeTooltips, setActiveTooltips] = (0, import_react37.useState)([]);
+  const [isDragging, setIsDragging] = (0, import_react37.useState)(null);
+  const [dragOffset, setDragOffset] = (0, import_react37.useState)({
     x: 0,
     y: 0
   });
-  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react36.useState)(0);
-  const [alignmentGuides, setAlignmentGuides] = (0, import_react36.useState)([]);
+  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react37.useState)(0);
+  const [alignmentGuides, setAlignmentGuides] = (0, import_react37.useState)([]);
   const processedData = data.map((item) => ({
     ...item,
     name: String(item[xAxisConfig.dataKey] || "N/A")
@@ -7646,7 +7849,7 @@ var BarChart = ({
       // Garantir que tem a propriedade 'name'
     };
   };
-  const maxDataValue = (0, import_react36.useMemo)(() => {
+  const maxDataValue = (0, import_react37.useMemo)(() => {
     let max = 0;
     const keys = Object.keys(mapperConfig);
     for (const row of processedData) {
@@ -7659,7 +7862,7 @@ var BarChart = ({
     }
     return max;
   }, [processedData, mapperConfig]);
-  const niceMax = (0, import_react36.useMemo)(() => {
+  const niceMax = (0, import_react37.useMemo)(() => {
     let padding2 = 0.08;
     if (maxDataValue > 1e6) padding2 = 0.05;
     if (maxDataValue > 1e7) padding2 = 0.03;
@@ -7700,7 +7903,7 @@ var BarChart = ({
   const GUIDE_THRESHOLD2 = 60;
   const STRONG_SNAP_THRESHOLD2 = 35;
   const PRECISION_SNAP_THRESHOLD2 = 8;
-  const updateAlignmentGuides = (0, import_react36.useCallback)(
+  const updateAlignmentGuides = (0, import_react37.useCallback)(
     (draggedTooltipId, currentPosition) => {
       if (!isDragging) return;
       const getAllTooltips = () => {
@@ -7764,7 +7967,7 @@ var BarChart = ({
     },
     [isDragging, activeTooltips]
   );
-  const snapToGuides = (0, import_react36.useCallback)(
+  const snapToGuides = (0, import_react37.useCallback)(
     (position) => {
       const snappedPosition = { ...position };
       let hasSnapped = false;
@@ -7826,7 +8029,7 @@ var BarChart = ({
     setIsDragging(tooltipId);
     setDragOffset({ x: offsetX, y: offsetY });
   };
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     let rafId;
     let lastMousePosition = { x: 0, y: 0 };
     const handleGlobalMouseMove = (e) => {
@@ -7884,7 +8087,7 @@ var BarChart = ({
     updateAlignmentGuides,
     snapToGuides
   ]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     const handleCloseAllTooltips = () => {
       setActiveTooltips([]);
       setGlobalTooltipCount(0);
@@ -7894,7 +8097,7 @@ var BarChart = ({
       window.removeEventListener("closeAllTooltips", handleCloseAllTooltips);
     };
   }, []);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     const handleTooltipCountRequest = () => {
       window.dispatchEvent(
         new CustomEvent("tooltipCountResponse", {
@@ -7933,7 +8136,7 @@ var BarChart = ({
       );
     };
   }, [activeTooltips]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (isDragging) return;
     let totalCount = 0;
     const handleCountResponse = (event) => {
@@ -8199,7 +8402,7 @@ var BarChart = ({
 var BarChart_default = BarChart;
 
 // src/components/charts/LineChart.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
 var import_recharts3 = require("recharts");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var defaultData = [
@@ -8233,14 +8436,14 @@ var CustomLineChart = ({
     containerPaddingLeft,
     16
   );
-  const [activeTooltips, setActiveTooltips] = (0, import_react37.useState)([]);
-  const [isDragging, setIsDragging] = (0, import_react37.useState)(null);
-  const [dragOffset, setDragOffset] = (0, import_react37.useState)({
+  const [activeTooltips, setActiveTooltips] = (0, import_react38.useState)([]);
+  const [isDragging, setIsDragging] = (0, import_react38.useState)(null);
+  const [dragOffset, setDragOffset] = (0, import_react38.useState)({
     x: 0,
     y: 0
   });
-  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react37.useState)(0);
-  const [alignmentGuides, setAlignmentGuides] = (0, import_react37.useState)([]);
+  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react38.useState)(0);
+  const [alignmentGuides, setAlignmentGuides] = (0, import_react38.useState)([]);
   const generateColors = (dataKeys2) => {
     const colorMap = {};
     const allColors = generateAdditionalColors(colors2, dataKeys2.length);
@@ -8249,12 +8452,12 @@ var CustomLineChart = ({
     });
     return colorMap;
   };
-  const dataKeys = (0, import_react37.useMemo)(
+  const dataKeys = (0, import_react38.useMemo)(
     () => data.length > 0 ? Object.keys(data[0]).filter((key) => key !== "name") : [],
     [data]
   );
   const finalColors = generateColors(dataKeys);
-  const maxDataValue = (0, import_react37.useMemo)(() => {
+  const maxDataValue = (0, import_react38.useMemo)(() => {
     let max = 0;
     for (const row of data) {
       const r = row;
@@ -8266,7 +8469,7 @@ var CustomLineChart = ({
     }
     return max;
   }, [data, dataKeys]);
-  const niceMax = (0, import_react37.useMemo)(() => {
+  const niceMax = (0, import_react38.useMemo)(() => {
     let padding2 = 0.08;
     if (maxDataValue > 1e6) padding2 = 0.05;
     if (maxDataValue > 1e7) padding2 = 0.03;
@@ -8342,10 +8545,10 @@ var CustomLineChart = ({
   const handleChartBackgroundClick = () => {
     setActiveTooltips([]);
   };
-  const handleCloseAllTooltips = (0, import_react37.useCallback)(() => {
+  const handleCloseAllTooltips = (0, import_react38.useCallback)(() => {
     window.dispatchEvent(new CustomEvent("closeAllTooltips"));
   }, []);
-  const updateAlignmentGuides = (0, import_react37.useCallback)(
+  const updateAlignmentGuides = (0, import_react38.useCallback)(
     (draggedTooltipId, draggedPosition) => {
       const SNAP_THRESHOLD = 15;
       const draggedTooltip = activeTooltips.find(
@@ -8426,7 +8629,7 @@ var CustomLineChart = ({
     },
     [activeTooltips]
   );
-  const snapToGuides = (0, import_react37.useCallback)(
+  const snapToGuides = (0, import_react38.useCallback)(
     (position) => {
       const SNAP_DISTANCE = 10;
       const snappedPosition = { ...position };
@@ -8454,7 +8657,7 @@ var CustomLineChart = ({
     setIsDragging(tooltipId);
     setDragOffset({ x: offsetX, y: offsetY });
   };
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     let rafId;
     let lastMousePosition = { x: 0, y: 0 };
     const handleGlobalMouseMove = (e) => {
@@ -8501,7 +8704,7 @@ var CustomLineChart = ({
     updateAlignmentGuides,
     snapToGuides
   ]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     const handleCloseAllTooltips2 = () => {
       setActiveTooltips([]);
       setGlobalTooltipCount(0);
@@ -8511,7 +8714,7 @@ var CustomLineChart = ({
       window.removeEventListener("closeAllTooltips", handleCloseAllTooltips2);
     };
   }, []);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     const handleTooltipCountRequest = () => {
       window.dispatchEvent(
         new CustomEvent("tooltipCountResponse", {
@@ -8555,7 +8758,7 @@ var CustomLineChart = ({
       );
     };
   }, [activeTooltips]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (isDragging) return;
     let totalCount = 0;
     const handleCountResponse = (event) => {
@@ -8877,13 +9080,13 @@ var CustomPieChart = ({
 var PieChart_default = CustomPieChart;
 
 // src/components/charts/hooks/useChartHighlights.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 var useChartHighlights = () => {
-  const [highlightedSeries, setHighlightedSeries] = (0, import_react38.useState)(
+  const [highlightedSeries, setHighlightedSeries] = (0, import_react39.useState)(
     /* @__PURE__ */ new Set()
   );
-  const [showOnlyHighlighted, setShowOnlyHighlighted] = (0, import_react38.useState)(false);
-  const toggleHighlight = (0, import_react38.useCallback)((key) => {
+  const [showOnlyHighlighted, setShowOnlyHighlighted] = (0, import_react39.useState)(false);
+  const toggleHighlight = (0, import_react39.useCallback)((key) => {
     setHighlightedSeries((prev) => {
       const next = new Set(prev);
       if (next.has(key)) {
@@ -8894,17 +9097,17 @@ var useChartHighlights = () => {
       return next;
     });
   }, []);
-  const clearHighlights = (0, import_react38.useCallback)(() => {
+  const clearHighlights = (0, import_react39.useCallback)(() => {
     setHighlightedSeries(/* @__PURE__ */ new Set());
     setShowOnlyHighlighted(false);
   }, []);
-  const isHighlighted = (0, import_react38.useCallback)(
+  const isHighlighted = (0, import_react39.useCallback)(
     (key) => {
       return highlightedSeries.has(key);
     },
     [highlightedSeries]
   );
-  const getSeriesStyle = (0, import_react38.useCallback)(
+  const getSeriesStyle = (0, import_react39.useCallback)(
     (key) => {
       const hasHighlights = highlightedSeries.size > 0;
       const isSeriesHighlighted = highlightedSeries.has(key);
@@ -8950,13 +9153,13 @@ var useChartHighlights = () => {
 };
 
 // src/hooks/use-drag.tsx
-var import_react39 = require("react");
+var import_react40 = require("react");
 var useDrag = (options = {}) => {
-  const [isDragging, setIsDragging] = (0, import_react39.useState)(null);
-  const [positions, setPositions] = (0, import_react39.useState)({});
-  const dragStartPos = (0, import_react39.useRef)(null);
-  const dragId = (0, import_react39.useRef)(null);
-  const handleMouseDown = (0, import_react39.useCallback)((id, e) => {
+  const [isDragging, setIsDragging] = (0, import_react40.useState)(null);
+  const [positions, setPositions] = (0, import_react40.useState)({});
+  const dragStartPos = (0, import_react40.useRef)(null);
+  const dragId = (0, import_react40.useRef)(null);
+  const handleMouseDown = (0, import_react40.useCallback)((id, e) => {
     e.preventDefault();
     const currentPosition = positions[id] || { top: 0, left: 0 };
     dragStartPos.current = {
@@ -8969,7 +9172,7 @@ var useDrag = (options = {}) => {
     setIsDragging(id);
     options.onDragStart?.(id);
   }, [positions, options]);
-  const handleMouseMove = (0, import_react39.useCallback)((e) => {
+  const handleMouseMove = (0, import_react40.useCallback)((e) => {
     if (!isDragging || !dragStartPos.current || !dragId.current) return;
     const deltaX = e.clientX - dragStartPos.current.x;
     const deltaY = e.clientY - dragStartPos.current.y;
@@ -8985,7 +9188,7 @@ var useDrag = (options = {}) => {
     }));
     options.onDrag?.(dragId.current, newPosition);
   }, [isDragging, options]);
-  const handleMouseUp = (0, import_react39.useCallback)(() => {
+  const handleMouseUp = (0, import_react40.useCallback)(() => {
     if (dragId.current) {
       options.onDragEnd?.(dragId.current);
     }
@@ -8993,7 +9196,7 @@ var useDrag = (options = {}) => {
     dragStartPos.current = null;
     dragId.current = null;
   }, [options]);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (isDragging) {
       document.addEventListener("mousemove", handleMouseMove);
       document.addEventListener("mouseup", handleMouseUp);
@@ -9005,16 +9208,16 @@ var useDrag = (options = {}) => {
       };
     }
   }, [isDragging, handleMouseMove, handleMouseUp]);
-  const setPosition = (0, import_react39.useCallback)((id, position) => {
+  const setPosition = (0, import_react40.useCallback)((id, position) => {
     setPositions((prev) => ({
       ...prev,
       [id]: position
     }));
   }, []);
-  const getPosition = (0, import_react39.useCallback)((id) => {
+  const getPosition = (0, import_react40.useCallback)((id) => {
     return positions[id] || { top: 0, left: 0 };
   }, [positions]);
-  const isElementDragging = (0, import_react39.useCallback)((id) => {
+  const isElementDragging = (0, import_react40.useCallback)((id) => {
     return isDragging === id;
   }, [isDragging]);
   return {