@mlw-packages/react-components 1.7.27 → 1.7.28

package/dist/index.mjs

@@ -477,7 +477,7 @@ var require_colors2 = __commonJS({
 });
 
 // src/components/ui/FilterBase.tsx
-import { useState as useState2, useCallback as useCallback3, useMemo as useMemo3, useEffect } from "react";
+import { useState as useState2, useCallback as useCallback4, useMemo as useMemo3, useEffect as useEffect2 } from "react";
 
 // src/components/ui/form/ButtonBase.tsx
 import * as React from "react";
@@ -628,7 +628,7 @@ var DialogContentBase = React2.forwardRef(
       {
         ref,
         className: cn(
-          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg max-h-[100dvh] overflow-hidden",
+          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg max-h-[100dvh] overflow-hidden rounded-md",
           className
         ),
         "data-testid": dataTestId,
@@ -784,7 +784,7 @@ var InputBase = React4.forwardRef(
 InputBase.displayName = "Input";
 
 // src/components/ui/selects/Combobox.tsx
-import { useCallback, useMemo } from "react";
+import { useCallback as useCallback2, useMemo } from "react";
 
 // src/components/ui/navigation/CommandBase.tsx
 import * as React5 from "react";
@@ -841,22 +841,47 @@ var CommandInputBase = React5.forwardRef(({ className, testid: dataTestId = "com
   )
 ] }));
 CommandInputBase.displayName = CommandPrimitive.Input.displayName;
-var CommandListBase = React5.forwardRef(({ className, testid: dataTestId = "command-list", ...props }, ref) => /* @__PURE__ */ jsx6(
-  CommandPrimitive.List,
-  {
-    ref,
-    className: cn(
-      "max-h-[300px] overflow-y-auto overflow-x-hidden scroll-smooth [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-muted [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-muted-foreground/50",
-      className
-    ),
-    "data-testid": dataTestId,
-    style: {
-      overscrollBehavior: "contain",
-      WebkitOverflowScrolling: "touch"
+var CommandListBase = React5.forwardRef(({ className, testid: dataTestId = "command-list", ...props }, ref) => {
+  const listRef = React5.useRef(null);
+  React5.useEffect(() => {
+    const element = listRef.current;
+    if (!element) return;
+    const handleWheel = (e) => {
+      e.stopPropagation();
+    };
+    element.addEventListener("wheel", handleWheel, { passive: false });
+    return () => {
+      element.removeEventListener("wheel", handleWheel);
+    };
+  }, []);
+  const combinedRef = React5.useCallback(
+    (node) => {
+      listRef.current = node;
+      if (typeof ref === "function") {
+        ref(node);
+      } else if (ref) {
+        ref.current = node;
+      }
     },
-    ...props
-  }
-));
+    [ref]
+  );
+  return /* @__PURE__ */ jsx6(
+    CommandPrimitive.List,
+    {
+      ref: combinedRef,
+      className: cn(
+        "max-h-[300px] overflow-y-auto overflow-x-hidden scroll-smooth [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-muted [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-muted-foreground/50",
+        className
+      ),
+      "data-testid": dataTestId,
+      style: {
+        overscrollBehavior: "contain",
+        WebkitOverflowScrolling: "touch"
+      },
+      ...props
+    }
+  );
+});
 CommandListBase.displayName = CommandPrimitive.List.displayName;
 var CommandEmptyBase = React5.forwardRef(({ testid: dataTestId = "command-empty", ...props }, ref) => /* @__PURE__ */ jsx6(
   CommandPrimitive.Empty,
@@ -1132,11 +1157,11 @@ function Combobox({
       }
     );
   }, [placeholder, selectedItem, testIds?.selected, disabled]);
-  const checkIsSelected = useCallback(
+  const checkIsSelected = useCallback2(
     (value) => selected == null ? false : selected == value,
     [selected]
   );
-  const handleSelection = useCallback(
+  const handleSelection = useCallback2(
     (value) => {
       onChange(value === selected ? null : value);
     },
@@ -1162,7 +1187,7 @@ function Combobox({
 }
 
 // src/components/ui/selects/MultiCombobox.tsx
-import { useCallback as useCallback2, useMemo as useMemo2 } from "react";
+import { useCallback as useCallback3, useMemo as useMemo2 } from "react";
 import { XIcon as XIcon2 } from "@phosphor-icons/react";
 import { motion as motion3, AnimatePresence as AnimatePresence2 } from "framer-motion";
 import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
@@ -1183,11 +1208,11 @@ function MultiCombobox({
   empty
 }) {
   const selectedItems = items.filter((item) => selected.includes(item.value));
-  const checkIsSelected = useCallback2(
+  const checkIsSelected = useCallback3(
     (value) => selected.includes(value),
     [selected]
   );
-  const handleSelection = useCallback2(
+  const handleSelection = useCallback3(
     (value) => {
       const isSelected = selected.includes(value);
       if (isSelected) {
@@ -1659,7 +1684,7 @@ var DropDownMenuShortcutBase = ({
 DropDownMenuShortcutBase.displayName = "DropDownMenuShortcutBase";
 
 // src/components/theme/theme-provider.tsx
-import { createContext, useContext, useEffect as useEffect2, useState as useState3 } from "react";
+import { createContext, useContext, useEffect as useEffect3, useState as useState3 } from "react";
 import { jsx as jsx15 } from "react/jsx-runtime";
 var initialState = {
   theme: "system",
@@ -1673,7 +1698,7 @@ function ThemeProviderBase({
   ...props
 }) {
   const [theme, setThemeState] = useState3(defaultTheme);
-  useEffect2(() => {
+  useEffect3(() => {
     const root = window.document.documentElement;
     root.classList.remove(
       "light",
@@ -1699,7 +1724,7 @@ function ThemeProviderBase({
       document.body.style.color = "";
     }
   }, [theme]);
-  useEffect2(() => {
+  useEffect3(() => {
     const stored = localStorage.getItem(storageKey);
     if (stored) setThemeState(stored);
   }, [storageKey]);
@@ -5970,7 +5995,7 @@ function DrawerDescriptionBase({
 }
 
 // src/hooks/use-universal-tooltip.tsx
-import { createContext as createContext4, useContext as useContext5, useState as useState10, useCallback as useCallback6, useEffect as useEffect10, useRef as useRef4 } from "react";
+import { createContext as createContext4, useContext as useContext5, useState as useState10, useCallback as useCallback7, useEffect as useEffect11, useRef as useRef5 } from "react";
 import { jsx as jsx47 } from "react/jsx-runtime";
 var UniversalTooltipContext = createContext4(null);
 var useUniversalTooltip = () => {
@@ -5982,7 +6007,7 @@ var useUniversalTooltip = () => {
 };
 var useTooltip = () => {
   const { addTooltip, removeTooltip, startDrag } = useUniversalTooltip();
-  const createTooltip = useCallback6((element, content, options) => {
+  const createTooltip = useCallback7((element, content, options) => {
     const rect = element.getBoundingClientRect();
     let position;
     switch (options?.position || "auto") {
@@ -6012,7 +6037,7 @@ var useTooltip = () => {
       metadata: options?.metadata
     });
   }, [addTooltip]);
-  const handleElementMouseDown = useCallback6((tooltipId, event) => {
+  const handleElementMouseDown = useCallback7((tooltipId, event) => {
     const rect = event.target.getBoundingClientRect();
     const offset = {
       x: event.clientX - rect.left,
@@ -6759,7 +6784,7 @@ function StatusIndicator({
 }
 
 // src/components/ui/form/DebouncedInput.tsx
-import { useEffect as useEffect11, useState as useState11 } from "react";
+import { useEffect as useEffect12, useState as useState11 } from "react";
 import { CircleNotchIcon as CircleNotchIcon2 } from "@phosphor-icons/react";
 import { jsx as jsx52 } from "react/jsx-runtime";
 function DebouncedInput({
@@ -6777,10 +6802,10 @@ function DebouncedInput({
 }) {
   const [value, setValue] = useState11(initialValue);
   const [isDebouncing, setIsDebouncing] = useState11(false);
-  useEffect11(() => {
+  useEffect12(() => {
     setValue(initialValue);
   }, [initialValue]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (value !== initialValue) {
       setIsDebouncing(true);
     }
@@ -6816,7 +6841,7 @@ function DebouncedInput({
 }
 
 // src/components/ui/form/CheckBoxThree.tsx
-import { useCallback as useCallback7, useMemo as useMemo5, useState as useState12, useEffect as useEffect12, useRef as useRef5 } from "react";
+import { useCallback as useCallback8, useMemo as useMemo5, useState as useState12, useEffect as useEffect13, useRef as useRef6 } from "react";
 import { motion as motion10, AnimatePresence as AnimatePresence6 } from "framer-motion";
 import { jsx as jsx53, jsxs as jsxs35 } from "react/jsx-runtime";
 function useCheckboxTree(initialTree) {
@@ -6832,7 +6857,7 @@ function useCheckboxTree(initialTree) {
     return checkedSet;
   }, [initialTree]);
   const [checkedNodes, setCheckedNodes] = useState12(initialCheckedNodes);
-  const isChecked = useCallback7(
+  const isChecked = useCallback8(
     (node) => {
       if (!node.children) {
         return checkedNodes.has(node.id);
@@ -6850,7 +6875,7 @@ function useCheckboxTree(initialTree) {
     },
     [checkedNodes]
   );
-  const handleCheck = useCallback7(
+  const handleCheck = useCallback8(
     (node) => {
       const newCheckedNodes = new Set(checkedNodes);
       const toggleNode = (n, check) => {
@@ -6881,8 +6906,8 @@ function CheckboxTree({ tree, renderNode }) {
     children
   }) => {
     const [open, setOpen] = useState12(() => !!node.children && status !== false);
-    const checkboxRef = useRef5(null);
-    useEffect12(() => {
+    const checkboxRef = useRef6(null);
+    useEffect13(() => {
       if (checkboxRef.current) {
         checkboxRef.current.indeterminate = status === "indeterminate";
       }
@@ -6983,6 +7008,85 @@ import {
   XIcon as XIcon9,
   CalendarIcon
 } from "@phosphor-icons/react";
+
+// src/hooks/use-drag.tsx
+import { useState as useState14, useCallback as useCallback9, useRef as useRef7, useEffect as useEffect14 } from "react";
+var useDrag = (options = {}) => {
+  const [isDragging, setIsDragging] = useState14(null);
+  const [positions, setPositions] = useState14({});
+  const dragStartPos = useRef7(null);
+  const dragId = useRef7(null);
+  const handleMouseDown = useCallback9((id, e) => {
+    e.preventDefault();
+    const currentPosition = positions[id] || { top: 0, left: 0 };
+    dragStartPos.current = {
+      x: e.clientX,
+      y: e.clientY,
+      elementX: currentPosition.left,
+      elementY: currentPosition.top
+    };
+    dragId.current = id;
+    setIsDragging(id);
+    options.onDragStart?.(id);
+  }, [positions, options]);
+  const handleMouseMove = useCallback9((e) => {
+    if (!isDragging || !dragStartPos.current || !dragId.current) return;
+    const deltaX = e.clientX - dragStartPos.current.x;
+    const deltaY = e.clientY - dragStartPos.current.y;
+    const newPosition = {
+      left: dragStartPos.current.elementX + deltaX,
+      top: dragStartPos.current.elementY + deltaY
+    };
+    newPosition.left = Math.max(0, Math.min(window.innerWidth - 300, newPosition.left));
+    newPosition.top = Math.max(0, Math.min(window.innerHeight - 200, newPosition.top));
+    setPositions((prev) => ({
+      ...prev,
+      [dragId.current]: newPosition
+    }));
+    options.onDrag?.(dragId.current, newPosition);
+  }, [isDragging, options]);
+  const handleMouseUp = useCallback9(() => {
+    if (dragId.current) {
+      options.onDragEnd?.(dragId.current);
+    }
+    setIsDragging(null);
+    dragStartPos.current = null;
+    dragId.current = null;
+  }, [options]);
+  useEffect14(() => {
+    if (isDragging) {
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+      document.body.style.userSelect = "none";
+      return () => {
+        document.removeEventListener("mousemove", handleMouseMove);
+        document.removeEventListener("mouseup", handleMouseUp);
+        document.body.style.userSelect = "";
+      };
+    }
+  }, [isDragging, handleMouseMove, handleMouseUp]);
+  const setPosition = useCallback9((id, position) => {
+    setPositions((prev) => ({
+      ...prev,
+      [id]: position
+    }));
+  }, []);
+  const getPosition = useCallback9((id) => {
+    return positions[id] || { top: 0, left: 0 };
+  }, [positions]);
+  const isElementDragging = useCallback9((id) => {
+    return isDragging === id;
+  }, [isDragging]);
+  return {
+    handleMouseDown,
+    getPosition,
+    setPosition,
+    isElementDragging,
+    isDragging: isDragging !== null
+  };
+};
+
+// src/components/ui/picker/calendar.tsx
 import { jsx as jsx55, jsxs as jsxs37 } from "react/jsx-runtime";
 function CalendarBase2({
   className,
@@ -6990,6 +7094,7 @@ function CalendarBase2({
   showOutsideDays = true,
   ...props
 }) {
+  const isMobile = useIsMobile();
   return /* @__PURE__ */ jsx55(
     "div",
     {
@@ -7011,14 +7116,16 @@ function CalendarBase2({
             month: "relative flex-1 min-w-0",
             month_caption: "flex items-center gap-2 min-h-[2.25rem] mb-4",
             caption_label: "text-[clamp(0.85rem,1.4vw,1.125rem)] sm:text-[clamp(0.9rem,1.6vw,1.125rem)] font-semibold capitalize",
-            nav: "hidden",
+            nav: "hidden ",
             button_previous: cn(
               buttonVariantsBase({ variant: "outline" }),
-              "h-8 w-8 flex items-center justify-center p-0 rounded-md transition-transform duration-150 ease-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/40 active:scale-95 absolute right-11 top-0 z-10"
+              "h-8 w-8 flex items-center justify-center p-0 rounded-md transition-transform duration-150 ease-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/40 active:scale-95 absolute right-11 top-0 z-10",
+              isMobile ? "mr-8" : ""
             ),
             button_next: cn(
               buttonVariantsBase({ variant: "outline" }),
-              "h-8 w-8 flex items-center justify-center p-0 rounded-md transition-transform duration-150 ease-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/40 active:scale-95 absolute right-0 top-0 z-10"
+              "h-8 w-8 flex items-center justify-center p-0 rounded-md transition-transform duration-150 ease-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/40 active:scale-95 absolute right-0 top-0 z-10",
+              isMobile ? "mr-8" : ""
             ),
             month_grid: "w-full min-w-0 flex-1 grid grid-rows-[auto_1fr] gap-2",
             weekdays: "grid grid-cols-7 gap-1 mb-1",
@@ -7062,7 +7169,7 @@ CalendarBase2.displayName = "CalendarBase";
 
 // src/components/ui/picker/DateTimePicker.tsx
 import { ptBR as ptBR2 } from "date-fns/locale";
-import { useEffect as useEffect14, useState as useState16 } from "react";
+import { useEffect as useEffect17, useState as useState18 } from "react";
 import { CalendarBlankIcon } from "@phosphor-icons/react";
 
 // src/components/ui/shared/ClearButton.tsx
@@ -7096,27 +7203,33 @@ function ClearButton({
 }
 
 // src/components/ui/picker/TimeScrollPicker.tsx
-import { useEffect as useEffect13, useRef as useRef6, useState as useState15 } from "react";
+import { useEffect as useEffect15, useRef as useRef8, useState as useState16 } from "react";
 import { jsx as jsx57, jsxs as jsxs38 } from "react/jsx-runtime";
-var ITEM_HEIGHT = 36;
+var ITEM_HEIGHT = 39;
 var ITEM_HEIGHT_MOBILE = 32;
 var VISIBLE_ITEMS = 5;
 var VISIBLE_ITEMS_MOBILE = 3;
 var CENTER_INDEX = Math.floor(VISIBLE_ITEMS / 2);
 var CENTER_INDEX_MOBILE = Math.floor(VISIBLE_ITEMS_MOBILE / 2);
-function ScrollColumn({ value, onChange, max, label }) {
+function ScrollColumn({
+  value,
+  onChange,
+  max,
+  label,
+  hideSeconds
+}) {
   const isMobile = useIsMobile();
-  const containerRef = useRef6(null);
+  const containerRef = useRef8(null);
   const items = Array.from({ length: max }, (_, i) => i);
-  const [isDragging, setIsDragging] = useState15(false);
-  const [startY, setStartY] = useState15(0);
-  const [scrollTop, setScrollTop] = useState15(0);
-  const scrollTimeoutRef = useRef6(null);
+  const [isDragging, setIsDragging] = useState16(false);
+  const [startY, setStartY] = useState16(0);
+  const [scrollTop, setScrollTop] = useState16(0);
+  const scrollTimeoutRef = useRef8(null);
   const itemHeight = isMobile ? ITEM_HEIGHT_MOBILE : ITEM_HEIGHT;
   const centerIndex = isMobile ? CENTER_INDEX_MOBILE : CENTER_INDEX;
   const visibleItems = isMobile ? VISIBLE_ITEMS_MOBILE : VISIBLE_ITEMS;
   const containerHeight = visibleItems * itemHeight;
-  useEffect13(() => {
+  useEffect15(() => {
     if (containerRef.current && !isDragging) {
       requestAnimationFrame(() => {
         if (containerRef.current) {
@@ -7126,7 +7239,7 @@ function ScrollColumn({ value, onChange, max, label }) {
       });
     }
   }, [value, isDragging, itemHeight]);
-  useEffect13(() => {
+  useEffect15(() => {
     return () => {
       if (scrollTimeoutRef.current) {
         clearTimeout(scrollTimeoutRef.current);
@@ -7171,55 +7284,44 @@ function ScrollColumn({ value, onChange, max, label }) {
   const handleMouseLeave = () => {
     if (isDragging) handleMouseUp();
   };
+  const containerWidth = isMobile ? hideSeconds ? "w-16" : "w-8" : "w-16";
   return /* @__PURE__ */ jsxs38("div", { className: "flex flex-col items-center gap-1", children: [
     /* @__PURE__ */ jsx57("span", { className: "text-muted-foreground rounded-md font-semibold text-[clamp(0.575rem,1.2vw,0.75rem)] sm:text-[clamp(0.65rem,1.1vw,0.825rem)] text-center pb-1 uppercase tracking-wider", children: label }),
-    /* @__PURE__ */ jsxs38("div", { className: "relative w-16", children: [
-      /* @__PURE__ */ jsx57(
-        "div",
-        {
-          className: "absolute left-0 right-0 border-y-2 border-primary/20 pointer-events-none z-10",
-          style: {
-            top: `${centerIndex * itemHeight}px`,
-            height: `${itemHeight}px`
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx57(
-        "div",
-        {
-          ref: containerRef,
-          className: "overflow-y-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
-          onScroll: handleScroll,
-          onMouseDown: handleMouseDown,
-          onMouseMove: handleMouseMove,
-          onMouseUp: handleMouseUp,
-          onMouseLeave: handleMouseLeave,
-          style: {
-            height: `${containerHeight}px`,
-            paddingTop: `${centerIndex * itemHeight}px`,
-            paddingBottom: `${centerIndex * itemHeight}px`,
-            cursor: isDragging ? "grabbing" : ""
-          },
-          children: items.map((item) => {
-            const isSelected = item === value;
-            return /* @__PURE__ */ jsx57(
-              "div",
-              {
-                className: cn(
-                  "flex items-center justify-center select-none font-semibold tabular-nums",
-                  isDragging ? "cursor-grabbing" : "",
-                  isSelected ? "sm:text-lg text-md text-foreground" : "sm:text-sm text-xs text-muted-foreground"
-                ),
-                style: { height: `${itemHeight}px` },
-                onClick: () => !isDragging && onChange(item),
-                children: item.toString().padStart(2, "0")
-              },
-              item
-            );
-          })
-        }
-      )
-    ] })
+    /* @__PURE__ */ jsx57("div", { className: cn("relative", containerWidth), children: /* @__PURE__ */ jsx57(
+      "div",
+      {
+        ref: containerRef,
+        className: "overflow-y-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
+        onScroll: handleScroll,
+        onMouseDown: handleMouseDown,
+        onMouseMove: handleMouseMove,
+        onMouseUp: handleMouseUp,
+        onMouseLeave: handleMouseLeave,
+        style: {
+          height: `${containerHeight}px`,
+          paddingTop: `${centerIndex * itemHeight}px`,
+          paddingBottom: `${centerIndex * itemHeight}px`,
+          cursor: isDragging ? "grabbing" : ""
+        },
+        children: items.map((item) => {
+          const isSelected = item === value;
+          return /* @__PURE__ */ jsx57(
+            "div",
+            {
+              className: cn(
+                "flex items-center justify-center select-none font-semibold tabular-nums",
+                isDragging ? "cursor-grabbing" : "",
+                isSelected ? "sm:text-lg text-md text-foreground" : "sm:text-sm text-xs text-muted-foreground"
+              ),
+              style: { height: `${itemHeight}px` },
+              onClick: () => !isDragging && onChange(item),
+              children: item.toString().padStart(2, "0")
+            },
+            item
+          );
+        })
+      }
+    ) })
   ] });
 }
 function TimeScrollPicker({
@@ -7227,7 +7329,10 @@ function TimeScrollPicker({
   setDate,
   hideSeconds = false
 }) {
+  const isMobile = useIsMobile();
   const currentDate = date || /* @__PURE__ */ new Date();
+  const itemHeight = isMobile ? ITEM_HEIGHT_MOBILE : ITEM_HEIGHT;
+  const centerIndex = isMobile ? CENTER_INDEX_MOBILE : CENTER_INDEX;
   const handleTimeChange = (type, value) => {
     const newDate = new Date(currentDate);
     if (type === "hours") newDate.setHours(value);
@@ -7235,14 +7340,25 @@ function TimeScrollPicker({
     else newDate.setSeconds(value);
     setDate(newDate);
   };
-  return /* @__PURE__ */ jsx57("div", { className: "flex items-center justify-center gap-2 p-3", children: /* @__PURE__ */ jsxs38("div", { className: "flex gap-2 ", children: [
+  return /* @__PURE__ */ jsx57("div", { className: "flex items-center justify-center gap-2 p-3", children: /* @__PURE__ */ jsxs38("div", { className: cn("relative flex gap-2"), children: [
+    /* @__PURE__ */ jsx57(
+      "div",
+      {
+        className: "absolute left-0 right-0  pointer-events-none z-10 rounded-md bg-primary/5",
+        style: {
+          top: `calc(1.75rem + ${centerIndex * itemHeight}px)`,
+          height: `${itemHeight}px`
+        }
+      }
+    ),
     /* @__PURE__ */ jsx57(
       ScrollColumn,
       {
         value: currentDate.getHours(),
         onChange: (v) => handleTimeChange("hours", v),
         max: 24,
-        label: "Hora"
+        label: "Hora",
+        hideSeconds
       }
     ),
     /* @__PURE__ */ jsx57(
@@ -7251,7 +7367,8 @@ function TimeScrollPicker({
         value: currentDate.getMinutes(),
         onChange: (v) => handleTimeChange("minutes", v),
         max: 60,
-        label: "Min"
+        label: "Min",
+        hideSeconds
       }
     ),
     !hideSeconds && /* @__PURE__ */ jsx57(
@@ -7260,14 +7377,46 @@ function TimeScrollPicker({
         value: currentDate.getSeconds(),
         onChange: (v) => handleTimeChange("seconds", v),
         max: 60,
-        label: "Seg"
+        label: "Seg",
+        hideSeconds
       }
     )
   ] }) });
 }
 
+// src/hooks/use-auto-center.tsx
+import { useEffect as useEffect16, useRef as useRef9, useState as useState17 } from "react";
+function useAutoCenter(open) {
+  const ref = useRef9(null);
+  const [center, setCenter] = useState17(false);
+  useEffect16(() => {
+    if (!open) {
+      setCenter(false);
+      return;
+    }
+    let raf = 0;
+    const check = () => {
+      const el = ref.current;
+      if (!el) return setCenter(false);
+      const rect = el.getBoundingClientRect();
+      const overflow = rect.left < 0 || rect.top < 0 || rect.right > window.innerWidth || rect.bottom > window.innerHeight;
+      setCenter(Boolean(overflow));
+    };
+    raf = requestAnimationFrame(check);
+    window.addEventListener("resize", check);
+    window.addEventListener("scroll", check, { passive: true });
+    return () => {
+      cancelAnimationFrame(raf);
+      window.removeEventListener("resize", check);
+      window.removeEventListener("scroll", check);
+    };
+  }, [open]);
+  return { ref, center };
+}
+var use_auto_center_default = useAutoCenter;
+
 // src/components/ui/picker/DateTimePicker.tsx
-import { jsx as jsx58, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx58, jsxs as jsxs39 } from "react/jsx-runtime";
 function DateTimePicker({
   label,
   date,
@@ -7282,11 +7431,14 @@ function DateTimePicker({
   className,
   error
 }) {
-  const [internalDate, setInternalDate] = useState16(date);
-  const [open, setOpen] = useState16(false);
+  const [internalDate, setInternalDate] = useState18(date);
+  const [open, setOpen] = useState18(false);
+  const isMobile = useIsMobile();
   const handleSelect = (newDay) => {
     if (!newDay) return;
     if (!internalDate) {
+      const now = /* @__PURE__ */ new Date();
+      newDay.setHours(now.getHours(), now.getMinutes(), now.getSeconds());
       setInternalDate(newDay);
       onChange?.(newDay);
       return;
@@ -7314,59 +7466,46 @@ function DateTimePicker({
     if (!timeFormat) return "dd MMMM yyyy";
     return `dd MMMM yyyy - ${timeFormat}`;
   };
-  useEffect14(() => {
+  useEffect17(() => {
     setInternalDate(date);
   }, [date, open]);
-  return /* @__PURE__ */ jsxs39("div", { className: cn("w-full sm:w-auto", className), children: [
-    label && /* @__PURE__ */ jsx58(LabelBase_default, { children: label }),
-    /* @__PURE__ */ jsxs39(PopoverBase, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx58(
-        PopoverTriggerBase,
-        {
-          disabled,
-          asChild: true,
-          className: cn(error && "border-red-500"),
-          children: /* @__PURE__ */ jsxs39(
-            ButtonBase,
-            {
-              variant: "outline",
-              disabled,
-              className: cn(
-                "w-full justify-start text-left min-w-0 overflow-hidden",
-                !date && "text-muted-foreground"
-              ),
-              children: [
-                /* @__PURE__ */ jsx58(
-                  "span",
-                  {
-                    className: cn(
-                      "truncate flex-1",
-                      !date && "text-muted-foreground"
-                    ),
-                    children: date ? format(date, getDisplayFormat(), { locale: ptBR2 }) : "Selecione uma data"
-                  }
-                ),
-                date && /* @__PURE__ */ jsx58(
-                  ClearButton,
-                  {
-                    className: "-mr-3",
-                    onClick: (e) => {
-                      e?.stopPropagation();
-                      setInternalDate(null);
-                      onChange?.(null);
-                      onConfirm?.(null);
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsx58(CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
-              ]
-            }
-          )
-        }
+  const { ref: contentRef, center } = use_auto_center_default(open);
+  const basePopoverClass = "w-auto max-w-[calc(100vw-16px)] p-0 border-none shadow-none";
+  const centeredPopoverClass = "w-auto max-w-[calc(100vw-16px)] p-0 border-none shadow-none fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-50";
+  const renderTriggerButton = () => /* @__PURE__ */ jsxs39(
+    ButtonBase,
+    {
+      variant: "outline",
+      disabled,
+      className: cn(
+        "w-full justify-start text-left min-w-0 overflow-hidden",
+        !date && "text-muted-foreground"
       ),
-      /* @__PURE__ */ jsx58(ErrorMessage_default, { error }),
-      /* @__PURE__ */ jsxs39(PopoverContentBase, { className: "w-auto max-w-[calc(100vw-16px)] p-0 border-none shadow-none fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-50", children: [
-        /* @__PURE__ */ jsxs39("div", { className: "flex flex-col sm:flex-row max-h-auto overflow-y-auto border-none rounded-md", children: [
+      children: [
+        /* @__PURE__ */ jsx58("span", { className: cn("truncate flex-1", !date && "text-muted-foreground"), children: date ? format(date, getDisplayFormat(), { locale: ptBR2 }) : "Selecione uma data" }),
+        date && /* @__PURE__ */ jsx58(
+          ClearButton,
+          {
+            className: "-mr-3",
+            onClick: (e) => {
+              e?.stopPropagation();
+              setInternalDate(null);
+              onChange?.(null);
+              onConfirm?.(null);
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx58(CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
+      ]
+    }
+  );
+  const renderPickerContent = () => /* @__PURE__ */ jsxs39(Fragment5, { children: [
+    /* @__PURE__ */ jsxs39(
+      "div",
+      {
+        ref: contentRef,
+        className: "flex sm:flex-row max-h-auto overflow-y-auto border-none rounded-md",
+        children: [
           /* @__PURE__ */ jsx58(
             CalendarBase2,
             {
@@ -7374,50 +7513,106 @@ function DateTimePicker({
               locale: ptBR2,
               selected: internalDate ?? void 0,
               onSelect: (d) => handleSelect(d ?? null),
-              initialFocus: true,
+              autoFocus: true,
               defaultMonth: fromDate ?? toDate ?? internalDate ?? void 0,
-              fromDate,
-              toDate,
+              ...fromDate && { startMonth: fromDate },
+              ...toDate && { endMonth: toDate },
+              ...fromDate || toDate ? {
+                hidden: [
+                  ...fromDate ? [{ before: fromDate }] : [],
+                  ...toDate ? [{ after: toDate }] : []
+                ]
+              } : {},
               className: cn(
                 "w-max rounded-none",
-                !hideTime && "sm:rounded-r-none rounded-b-none"
+                !hideTime && "sm:rounded-r-none rounded-b-none",
+                isMobile ? "border-b-transparent w-full" : ""
               )
             }
           ),
-          !hideTime && /* @__PURE__ */ jsxs39("div", { className: "flex flex-col items-center justify-center border border-t-0 sm:border-t sm:border-b sm:border-r rounded-b-md sm:rounded-b-none sm:rounded-r-md", children: [
-            /* @__PURE__ */ jsx58("div", { className: "text-[clamp(0.85rem,1.4vw,1.125rem)] sm:text-[clamp(0.9rem,1.6vw,1.125rem)] font-semibold capitalize text-left", children: "Hor\xE1rio" }),
-            /* @__PURE__ */ jsx58(
-              TimeScrollPicker,
-              {
-                setDate: (d) => handleTimeChange(d ?? null),
-                date: internalDate,
-                hideSeconds
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx58("div", { className: "flex border-none rounded-md", children: /* @__PURE__ */ jsxs39("div", { className: "grid grid-cols-2 w-full", children: [
-          /* @__PURE__ */ jsx58(
-            ButtonBase,
-            {
-              className: "no-active-animation rounded-none rounded-bl-md bg-background text-gray-800 border-b border-l hover:bg-muted/50 overflow-y-hidden rounded-tl-none",
-              onClick: () => setOpen(false),
-              children: "Cancelar"
-            }
-          ),
-          /* @__PURE__ */ jsx58(
-            ButtonBase,
+          !hideTime && /* @__PURE__ */ jsxs39(
+            "div",
             {
-              className: "no-active-animation rounded-none bg-emerald-600 hover:bg-emerald-700",
-              onClick: () => {
-                setOpen(false);
-                onConfirm?.(internalDate);
-              },
-              children: "Confirmar"
+              className: cn(
+                "flex flex-col items-center justify-center",
+                isMobile ? "border-none" : " border border-t-0 sm:border-t sm:border-b sm:border-r rounded-b-md sm:rounded-b-none sm:rounded-r-md"
+              ),
+              children: [
+                /* @__PURE__ */ jsx58("div", { className: "text-[clamp(0.85rem,1.4vw,1.125rem)] sm:text-[clamp(0.9rem,1.6vw,1.125rem)] font-semibold capitalize text-left", children: "Hor\xE1rio" }),
+                /* @__PURE__ */ jsx58(
+                  TimeScrollPicker,
+                  {
+                    setDate: (d) => handleTimeChange(d ?? null),
+                    date: internalDate,
+                    hideSeconds
+                  }
+                )
+              ]
             }
           )
-        ] }) })
-      ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx58("div", { className: "flex rounded-md -mt-4", children: /* @__PURE__ */ jsxs39("div", { className: "grid grid-cols-2 w-full", children: [
+      /* @__PURE__ */ jsx58(
+        ButtonBase,
+        {
+          className: "no-active-animation rounded-none rounded-bl-md bg-background text-gray-800 border-b border-l hover:bg-muted/50 overflow-y-hidden rounded-tl-none",
+          onClick: () => setOpen(false),
+          children: "Cancelar"
+        }
+      ),
+      /* @__PURE__ */ jsx58(
+        ButtonBase,
+        {
+          className: cn(
+            "no-active-animation rounded-none bg-emerald-600",
+            internalDate ? "hover:bg-emerald-700" : "opacity-50 cursor-not-allowed",
+            isMobile ? "rounded-md-md" : "rounded-none"
+          ),
+          disabled: !internalDate,
+          onClick: () => {
+            if (!internalDate) return;
+            setOpen(false);
+            onConfirm?.(internalDate);
+          },
+          children: "Confirmar"
+        }
+      )
+    ] }) })
+  ] });
+  return /* @__PURE__ */ jsxs39("div", { className: cn("w-full sm:w-auto", className), children: [
+    label && /* @__PURE__ */ jsx58(LabelBase_default, { children: label }),
+    isMobile ? /* @__PURE__ */ jsxs39(DialogBase, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx58(
+        DialogTriggerBase,
+        {
+          disabled,
+          asChild: true,
+          className: cn(error && "border-red-500"),
+          children: renderTriggerButton()
+        }
+      ),
+      /* @__PURE__ */ jsx58(ErrorMessage_default, { error }),
+      /* @__PURE__ */ jsx58(DialogContentBase, { className: "p-0 max-w-[min(95vw,450px)] max-h-[90vh] overflow-hidden", children: renderPickerContent() })
+    ] }) : /* @__PURE__ */ jsxs39(PopoverBase, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx58(
+        PopoverTriggerBase,
+        {
+          disabled,
+          asChild: true,
+          className: cn(error && "border-red-500"),
+          children: renderTriggerButton()
+        }
+      ),
+      /* @__PURE__ */ jsx58(ErrorMessage_default, { error }),
+      /* @__PURE__ */ jsx58(
+        PopoverContentBase,
+        {
+          className: center ? centeredPopoverClass : basePopoverClass,
+          children: renderPickerContent()
+        }
+      )
     ] })
   ] });
 }
@@ -7462,6 +7657,9 @@ function RangePicker({
     setRange(void 0);
     onChange?.(void 0);
   };
+  const { ref: contentRef, center } = use_auto_center_default(open);
+  const basePopoverClass = "w-auto max-w-[calc(100vw-16px)] p-0 border shadow-none";
+  const centeredPopoverClass = "w-auto max-w-[calc(100vw-16px)] p-0 border shadow-none fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-50";
   return /* @__PURE__ */ jsxs40("div", { className: cn("w-full sm:w-auto", className), children: [
     label && /* @__PURE__ */ jsx59(LabelBase_default, { children: label }),
     /* @__PURE__ */ jsxs40(PopoverBase, { open, onOpenChange: setOpen, children: [
@@ -7514,14 +7712,19 @@ function RangePicker({
         PopoverContentBase,
         {
           asChild: true,
-          className: "w-auto min-w-[250px] p-0 shadow-xl  overflow-y-hidden",
+          className: center ? centeredPopoverClass : basePopoverClass,
+          side: "top",
+          align: "center",
+          sideOffset: -240,
           children: /* @__PURE__ */ jsxs40(
             motion11.div,
             {
-              initial: { opacity: 0, y: 16 },
+              ref: contentRef,
+              initial: { opacity: 0, y: -4 },
               animate: { opacity: 1, y: 0 },
-              exit: { opacity: 0, y: 16 },
+              exit: { opacity: 0, y: -4 },
               transition: { duration: 0.18, ease: "easeOut" },
+              className: "border rounded-md shadow-xl ",
               children: [
                 /* @__PURE__ */ jsx59("div", { className: "p-4", children: /* @__PURE__ */ jsx59(
                   motion11.div,
@@ -7542,8 +7745,10 @@ function RangePicker({
                         fixedWeeks: true,
                         weekStartsOn: 1,
                         navLayout: "around",
-                        fromDate: minDate,
-                        toDate: maxDate,
+                        hidden: minDate || maxDate ? {
+                          before: minDate,
+                          after: maxDate
+                        } : void 0,
                         className: "min-w-0 flex flex-col",
                         classNames: {
                           months: "flex flex-col sm:flex-row gap-3 sm:gap-4 w-full",
@@ -7573,7 +7778,7 @@ function RangePicker({
                           day_button: cn(
                             buttonVariantsBase({ variant: "ghost" }),
                             "w-full h-full p-0 m-0 flex items-center justify-center text-[clamp(0.775rem,1.2vw,0.95rem)] sm:text-sm",
-                            "aria-selected:opacity-100  transition-all duration-150 ease-out active:scale-95 hover:bg-background/50 hover:text-primary rounded-none "
+                            "aria-selected:opacity-100  transition-all duration-150 ease-out active:scale-95 hover:bg-background/20 hover:text-primary/90 rounded-none "
                           ),
                           selected: "bg-primary text-primary-foreground font-semibold hover:text-white",
                           today: "bg-muted text-foreground font-bold ring-2 ring-primary/30 ring-inset rounded-md",
@@ -7642,12 +7847,16 @@ function RangePicker({
                       children: /* @__PURE__ */ jsx59(
                         ButtonBase,
                         {
-                          className: "font-semibold w-full  text-center",
+                          className: cn(
+                            "font-semibold w-full text-center",
+                            range?.from && range?.to ? "bg-emerald-600 hover:bg-emerald-700 text-white" : "opacity-50 cursor-not-allowed"
+                          ),
+                          disabled: !range?.from || !range?.to,
                           onClick: () => {
+                            if (!range?.from || !range?.to) return;
                             onConfirm?.(range);
                             setOpen(false);
                           },
-                          disabled: !range?.from || !range?.to,
                           children: "Selecionar"
                         }
                       )
@@ -8018,7 +8227,7 @@ var TimePickerInput = React39.forwardRef(
 TimePickerInput.displayName = "TimePickerInput";
 
 // src/components/ui/picker/TimePicker.tsx
-import { Fragment as Fragment5, jsx as jsx61, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx61, jsxs as jsxs42 } from "react/jsx-runtime";
 function TimePicker({
   date,
   setDate,
@@ -8088,7 +8297,7 @@ function TimePicker({
             )
           }
         ),
-        /* @__PURE__ */ jsx61(AnimatePresence8, { children: !hideSeconds && /* @__PURE__ */ jsx61(Fragment5, { children: /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsx61(AnimatePresence8, { children: !hideSeconds && /* @__PURE__ */ jsx61(Fragment6, { children: /* @__PURE__ */ jsx61(
           motion12.div,
           {
             variants: itemVariants2,
@@ -8126,7 +8335,7 @@ import { ptBR as ptBR4 } from "date-fns/locale";
 import { useMemo as useMemo6 } from "react";
 import { CalendarIcon as CalendarIcon2 } from "@phosphor-icons/react";
 import { twMerge as twMerge2 } from "tailwind-merge";
-import { Fragment as Fragment6, jsx as jsx62, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx62, jsxs as jsxs43 } from "react/jsx-runtime";
 function Agenda({
   currentDate,
   events,
@@ -8165,7 +8374,7 @@ function Agenda({
     /* @__PURE__ */ jsx62(CalendarIcon2, { className: "mb-2 text-muted-foreground/50", size: 32 }),
     /* @__PURE__ */ jsx62("h3", { className: "font-semibold text-sm sm:text-base md:text-lg lg:text-xl min-w-0 truncate sm:whitespace-normal", children: "Nenhum evento encontrado" }),
     /* @__PURE__ */ jsx62("p", { className: "text-muted-foreground text-sm sm:text-base md:text-md max-w-prose", children: "N\xE3o h\xE1 eventos agendados para este per\xEDodo." })
-  ] }) : /* @__PURE__ */ jsxs43(Fragment6, { children: [
+  ] }) : /* @__PURE__ */ jsxs43(Fragment7, { children: [
     days.map((day) => {
       const dayEvents = getAgendaEventsForDayAgenda(datedEvents, day);
       if (dayEvents.length === 0) return null;
@@ -8181,7 +8390,7 @@ function Agenda({
               "span",
               {
                 className: twMerge2(
-                  "-top-3 absolute left-0 flex h-6 items-center bg-background pe-4 uppercase data-today:font-extrabold sm:pe-4 text-sm sm:text-base md:text-lg font-bold min-w-0",
+                  "-top-3 absolute left-0 flex h-6 items-center bg-background pe-4  data-today:font-extrabold sm:pe-4 text-sm sm:text-md md:text-md font-bold min-w-0",
                   isToday(day) ? "text-blue-500" : ""
                 ),
                 "data-today": isToday(day) || void 0,
@@ -8232,7 +8441,7 @@ import {
   useSensors
 } from "@dnd-kit/core";
 import { addMinutes, differenceInMinutes } from "date-fns";
-import { useId, useRef as useRef8, useState as useState18 } from "react";
+import { useId, useRef as useRef11, useState as useState20 } from "react";
 
 // src/components/ui/event-calendar-view/hooks.ts
 import { createContext as createContext5, useContext as useContext6 } from "react";
@@ -8254,19 +8463,19 @@ function CalendarDndProviderAgenda({
   children,
   onEventUpdate
 }) {
-  const [activeEvent, setActiveEvent] = useState18(
+  const [activeEvent, setActiveEvent] = useState20(
     null
   );
-  const [activeId, setActiveId] = useState18(null);
-  const [activeView, setActiveView] = useState18(
+  const [activeId, setActiveId] = useState20(null);
+  const [activeView, setActiveView] = useState20(
     null
   );
-  const [currentTime, setCurrentTime] = useState18(null);
-  const [eventHeight, setEventHeight] = useState18(null);
-  const [isMultiDay, setIsMultiDay] = useState18(false);
-  const [multiDayWidth, setMultiDayWidth] = useState18(null);
-  const [dragHandlePosition, setDragHandlePosition] = useState18(null);
-  const eventDimensions = useRef8({ height: 0 });
+  const [currentTime, setCurrentTime] = useState20(null);
+  const [eventHeight, setEventHeight] = useState20(null);
+  const [isMultiDay, setIsMultiDay] = useState20(false);
+  const [multiDayWidth, setMultiDayWidth] = useState20(null);
+  const [dragHandlePosition, setDragHandlePosition] = useState20(null);
+  const eventDimensions = useRef11({ height: 0 });
   const sensors = useSensors(
     useSensor(MouseSensor, {
       // Require the mouse to move by 5px before activating
@@ -8627,11 +8836,11 @@ function addHoursToDateAgenda(date, hours) {
 // src/components/ui/event-calendar-view/hooks/use-current-time-indicator.ts
 import { endOfWeek, isSameDay as isSameDay2, isWithinInterval, startOfWeek } from "date-fns";
 import { ptBR as ptBR5 } from "date-fns/locale";
-import { useEffect as useEffect16, useState as useState19 } from "react";
+import { useEffect as useEffect19, useState as useState21 } from "react";
 function useCurrentTimeIndicatorAgenda(currentDate, view) {
-  const [currentTimePosition, setCurrentTimePosition] = useState19(0);
-  const [currentTimeVisible, setCurrentTimeVisible] = useState19(false);
-  useEffect16(() => {
+  const [currentTimePosition, setCurrentTimePosition] = useState21(0);
+  const [currentTimeVisible, setCurrentTimeVisible] = useState21(false);
+  useEffect19(() => {
     const calculateTimePosition = () => {
       const now = /* @__PURE__ */ new Date();
       const hours = now.getHours();
@@ -8664,7 +8873,7 @@ function useCurrentTimeIndicatorAgenda(currentDate, view) {
 // src/components/ui/event-calendar-view/EventItemAgenda.tsx
 import { differenceInMinutes as differenceInMinutes2, format as format4, isPast } from "date-fns";
 import { useMemo as useMemo7 } from "react";
-import { Fragment as Fragment7, jsx as jsx64, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx64, jsxs as jsxs45 } from "react/jsx-runtime";
 var formatTimeWithOptionalMinutes = (date) => {
   return format4(date, "HH:mm");
 };
@@ -8850,7 +9059,7 @@ function EventItemAgenda({
             }
           ),
           showTime && hasValidTime && displayStart && /* @__PURE__ */ jsx64("span", { className: "ml-2 flex items-center gap-3 bg-white/10  py-0.5 rounded-full opacity-90 text-sm sm:text-base md:text-lg min-w-0", children: formatTimeWithOptionalMinutes(displayStart) })
-        ] }) : /* @__PURE__ */ jsxs45(Fragment7, { children: [
+        ] }) : /* @__PURE__ */ jsxs45(Fragment8, { children: [
           /* @__PURE__ */ jsx64(
             "div",
             {
@@ -9246,14 +9455,14 @@ import {
   subWeeks
 } from "date-fns";
 import { ptBR as ptBR6 } from "date-fns/locale";
-import React42, { useMemo as useMemo10, useState as useState21 } from "react";
+import React42, { useMemo as useMemo10, useState as useState23 } from "react";
 import { toast as toast2 } from "sonner";
 import { CaretLeftIcon as CaretLeftIcon5, CaretRightIcon as CaretRightIcon8 } from "@phosphor-icons/react";
 
 // src/components/ui/selects/Select.tsx
-import { useEffect as useEffect17, useMemo as useMemo9, useState as useState20 } from "react";
+import { useEffect as useEffect20, useMemo as useMemo9, useState as useState22 } from "react";
 import { CaretLeftIcon as CaretLeftIcon4, CaretRightIcon as CaretRightIcon7 } from "@phosphor-icons/react";
-import { Fragment as Fragment8, jsx as jsx67, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx67, jsxs as jsxs47 } from "react/jsx-runtime";
 function Select({
   items,
   groupItems,
@@ -9268,10 +9477,10 @@ function Select({
   className,
   pagination
 }) {
-  const [page, setPage] = useState20(1);
-  const [animating, setAnimating] = useState20(false);
+  const [page, setPage] = useState22(1);
+  const [animating, setAnimating] = useState22(false);
   const groupCount = groupItems ? Object.keys(groupItems).length : 0;
-  useEffect17(() => {
+  useEffect20(() => {
     setPage(1);
   }, [items?.length, groupCount, pagination]);
   const paged = useMemo9(() => {
@@ -9301,7 +9510,7 @@ function Select({
   }, [items, groupItems, page, pagination]);
   const goPrev = () => setPage((p) => Math.max(1, p - 1));
   const goNext = () => setPage((p) => paged ? Math.min(paged.totalPages, p + 1) : p + 1);
-  useEffect17(() => {
+  useEffect20(() => {
     if (!pagination) return;
     setAnimating(true);
     const id = setTimeout(() => setAnimating(false), 220);
@@ -9335,7 +9544,7 @@ function Select({
               )
             }
           ),
-          /* @__PURE__ */ jsx67(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ jsx67(SelectContentBase, { "data-testid": testIds.content ?? "select-content", children: pagination && pagination > 0 ? /* @__PURE__ */ jsxs47(Fragment8, { children: [
+          /* @__PURE__ */ jsx67(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ jsx67(SelectContentBase, { "data-testid": testIds.content ?? "select-content", children: pagination && pagination > 0 ? /* @__PURE__ */ jsxs47(Fragment9, { children: [
             /* @__PURE__ */ jsx67(
               "div",
               {
@@ -9408,7 +9617,7 @@ function Select({
                 }
               )
             ] })
-          ] }) : /* @__PURE__ */ jsx67(Fragment8, { children: groupItems ? /* @__PURE__ */ jsx67(Fragment8, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ jsxs47(
+          ] }) : /* @__PURE__ */ jsx67(Fragment9, { children: groupItems ? /* @__PURE__ */ jsx67(Fragment9, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ jsxs47(
             SelectGroupBase,
             {
               "data-testid": testIds.group ?? "select-group",
@@ -9464,11 +9673,11 @@ function EventAgenda({
   initialDate,
   onClick
 }) {
-  const [currentDate, setCurrentDate] = useState21(
+  const [currentDate, setCurrentDate] = useState23(
     initialDate && new Date(initialDate) || /* @__PURE__ */ new Date()
   );
-  const [view, setView] = useState21(initialView);
-  const [selectedEvent, setSelectedEvent] = useState21(null);
+  const [view, setView] = useState23(initialView);
+  const [selectedEvent, setSelectedEvent] = useState23(null);
   const goPrevious = () => {
     if (view === "month") setCurrentDate((d) => subMonths(d, 1));
     else if (view === "week") setCurrentDate((d) => subWeeks(d, 1));
@@ -9693,14 +9902,14 @@ function UndatedEvents({
 }
 
 // src/components/ui/event-calendar-view/hooks/use-event-visibility.ts
-import { useLayoutEffect, useMemo as useMemo12, useRef as useRef9, useState as useState22 } from "react";
+import { useLayoutEffect, useMemo as useMemo12, useRef as useRef12, useState as useState24 } from "react";
 function useEventVisibilityAgenda({
   eventHeight,
   eventGap
 }) {
-  const contentRef = useRef9(null);
-  const observerRef = useRef9(null);
-  const [contentHeight, setContentHeight] = useState22(null);
+  const contentRef = useRef12(null);
+  const observerRef = useRef12(null);
+  const [contentHeight, setContentHeight] = useState24(null);
   useLayoutEffect(() => {
     if (!contentRef.current) return;
     const updateHeight = () => {
@@ -9752,7 +9961,7 @@ import {
   startOfWeek as startOfWeek3
 } from "date-fns";
 import { ptBR as ptBR7 } from "date-fns/locale";
-import { useEffect as useEffect18, useMemo as useMemo13, useState as useState23 } from "react";
+import { useEffect as useEffect21, useMemo as useMemo13, useState as useState25 } from "react";
 import { twMerge as twMerge3 } from "tailwind-merge";
 import { jsx as jsx70, jsxs as jsxs50 } from "react/jsx-runtime";
 function MonthViewAgenda({
@@ -9791,12 +10000,12 @@ function MonthViewAgenda({
     e.stopPropagation();
     onEventSelect(event, e);
   };
-  const [isMounted, setIsMounted] = useState23(false);
+  const [isMounted, setIsMounted] = useState25(false);
   const { contentRef, getVisibleEventCount } = useEventVisibilityAgenda({
     eventGap: EventGapAgenda,
     eventHeight: EventHeightAgenda
   });
-  useEffect18(() => {
+  useEffect21(() => {
     setIsMounted(true);
   }, []);
   return /* @__PURE__ */ jsxs50("div", { className: "contents", "data-slot": "month-view", children: [
@@ -10036,7 +10245,7 @@ var DefaultEndHour = 10;
 import { useDraggable } from "@dnd-kit/core";
 import { CSS } from "@dnd-kit/utilities";
 import { differenceInDays } from "date-fns";
-import { useRef as useRef10, useState as useState24 } from "react";
+import { useRef as useRef13, useState as useState26 } from "react";
 import { jsx as jsx71 } from "react/jsx-runtime";
 function DraggableEvent({
   event,
@@ -10052,8 +10261,8 @@ function DraggableEvent({
   draggable = true
 }) {
   const { activeId } = useCalendarDndAgenda();
-  const elementRef = useRef10(null);
-  const [dragHandlePosition, setDragHandlePosition] = useState24(null);
+  const elementRef = useRef13(null);
+  const [dragHandlePosition, setDragHandlePosition] = useState26(null);
   const eventStart = getEventStartDate(event) ?? /* @__PURE__ */ new Date();
   const eventEnd = getEventEndDate(event) ?? getEventStartDate(event) ?? /* @__PURE__ */ new Date();
   const isMultiDayEvent2 = isMultiDay || event.allDay || differenceInDays(eventEnd, eventStart) >= 1;
@@ -10448,7 +10657,7 @@ import { addDays as addDays3, format as format9, isToday as isToday4 } from "dat
 import { ptBR as ptBR9 } from "date-fns/locale";
 import { useMemo as useMemo15 } from "react";
 import { CalendarIcon as CalendarIcon3 } from "@phosphor-icons/react";
-import { Fragment as Fragment9, jsx as jsx73, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx73, jsxs as jsxs52 } from "react/jsx-runtime";
 function AgendaView({
   currentDate,
   events,
@@ -10488,7 +10697,7 @@ function AgendaView({
     /* @__PURE__ */ jsx73(CalendarIcon3, { className: "mb-2 text-muted-foreground/50", size: 32 }),
     /* @__PURE__ */ jsx73("h3", { className: "font-medium text-lg", children: "Nenhum evento encontrado" }),
     /* @__PURE__ */ jsx73("p", { className: "text-muted-foreground", children: "N\xE3o h\xE1 eventos agendados para este per\xEDodo." })
-  ] }) : /* @__PURE__ */ jsxs52(Fragment9, { children: [
+  ] }) : /* @__PURE__ */ jsxs52(Fragment10, { children: [
     days.map((day) => {
       const dayEvents = getAgendaEventsForDay(datedEvents, day);
       if (dayEvents.length === 0) return null;
@@ -10552,7 +10761,7 @@ import {
   useSensors as useSensors2
 } from "@dnd-kit/core";
 import { addMinutes as addMinutes2, differenceInMinutes as differenceInMinutes5 } from "date-fns";
-import { useId as useId2, useRef as useRef11, useState as useState25 } from "react";
+import { useId as useId2, useRef as useRef14, useState as useState27 } from "react";
 
 // src/components/ui/event-calendar/hooks.ts
 import { createContext as createContext6, useContext as useContext7 } from "react";
@@ -10574,17 +10783,17 @@ function CalendarDndProvider({
   children,
   onEventUpdate
 }) {
-  const [activeEvent, setActiveEvent] = useState25(null);
-  const [activeId, setActiveId] = useState25(null);
-  const [activeView, setActiveView] = useState25(
+  const [activeEvent, setActiveEvent] = useState27(null);
+  const [activeId, setActiveId] = useState27(null);
+  const [activeView, setActiveView] = useState27(
     null
   );
-  const [currentTime, setCurrentTime] = useState25(null);
-  const [eventHeight, setEventHeight] = useState25(null);
-  const [isMultiDay, setIsMultiDay] = useState25(false);
-  const [multiDayWidth, setMultiDayWidth] = useState25(null);
-  const [dragHandlePosition, setDragHandlePosition] = useState25(null);
-  const eventDimensions = useRef11({ height: 0 });
+  const [currentTime, setCurrentTime] = useState27(null);
+  const [eventHeight, setEventHeight] = useState27(null);
+  const [isMultiDay, setIsMultiDay] = useState27(false);
+  const [multiDayWidth, setMultiDayWidth] = useState27(null);
+  const [dragHandlePosition, setDragHandlePosition] = useState27(null);
+  const eventDimensions = useRef14({ height: 0 });
   const sensors = useSensors2(
     useSensor2(MouseSensor2, {
       // Require the mouse to move by 5px before activating
@@ -11013,7 +11222,7 @@ function DayView({
 import { useDraggable as useDraggable2 } from "@dnd-kit/core";
 import { CSS as CSS2 } from "@dnd-kit/utilities";
 import { differenceInDays as differenceInDays2 } from "date-fns";
-import { useRef as useRef12, useState as useState26 } from "react";
+import { useRef as useRef15, useState as useState28 } from "react";
 import { jsx as jsx76 } from "react/jsx-runtime";
 function DraggableEvent2({
   event,
@@ -11028,8 +11237,8 @@ function DraggableEvent2({
   "aria-hidden": ariaHidden
 }) {
   const { activeId } = useCalendarDnd();
-  const elementRef = useRef12(null);
-  const [dragHandlePosition, setDragHandlePosition] = useState26(null);
+  const elementRef = useRef15(null);
+  const [dragHandlePosition, setDragHandlePosition] = useState28(null);
   const eventStart = new Date(event.start);
   const eventEnd = new Date(event.end);
   const isMultiDayEvent2 = isMultiDay || event.allDay || differenceInDays2(eventEnd, eventStart) >= 1;
@@ -11164,7 +11373,7 @@ import {
   subWeeks as subWeeks2
 } from "date-fns";
 import { ptBR as ptBR10 } from "date-fns/locale";
-import { useEffect as useEffect19, useMemo as useMemo17, useState as useState27, useCallback as useCallback8 } from "react";
+import { useEffect as useEffect22, useMemo as useMemo17, useState as useState29, useCallback as useCallback10 } from "react";
 import { toast as toast3 } from "sonner";
 import {
   ArrowDownIcon,
@@ -11173,7 +11382,7 @@ import {
   CalendarIcon as CalendarIcon4,
   PlusIcon as PlusIcon3
 } from "@phosphor-icons/react";
-import { Fragment as Fragment10, jsx as jsx78, jsxs as jsxs55 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx78, jsxs as jsxs55 } from "react/jsx-runtime";
 function EventCalendar({
   events = [],
   onEventAdd,
@@ -11182,11 +11391,11 @@ function EventCalendar({
   className,
   initialView = "month"
 }) {
-  const [currentDate, setCurrentDate] = useState27(/* @__PURE__ */ new Date());
-  const [view, setView] = useState27(initialView);
-  const [isFading, setIsFading] = useState27(false);
+  const [currentDate, setCurrentDate] = useState29(/* @__PURE__ */ new Date());
+  const [view, setView] = useState29(initialView);
+  const [isFading, setIsFading] = useState29(false);
   const FADE_DURATION = 220;
-  const changeView = useCallback8(
+  const changeView = useCallback10(
     (next) => {
       if (next === view) return;
       setIsFading(true);
@@ -11197,12 +11406,12 @@ function EventCalendar({
     },
     [view]
   );
-  const [isPaging, setIsPaging] = useState27(false);
-  const [pageDirection, setPageDirection] = useState27(
+  const [isPaging, setIsPaging] = useState29(false);
+  const [pageDirection, setPageDirection] = useState29(
     null
   );
   const PAGE_DURATION = 200;
-  const pageTransition = useCallback8(
+  const pageTransition = useCallback10(
     (applyDateChange, direction) => {
       setIsPaging(true);
       setPageDirection(direction);
@@ -11216,11 +11425,11 @@ function EventCalendar({
     },
     []
   );
-  const [isEventDialogOpen, setIsEventDialogOpen] = useState27(false);
-  const [selectedEvent, setSelectedEvent] = useState27(
+  const [isEventDialogOpen, setIsEventDialogOpen] = useState29(false);
+  const [selectedEvent, setSelectedEvent] = useState29(
     null
   );
-  useEffect19(() => {
+  useEffect22(() => {
     const handleKeyDown = (e) => {
       if (isEventDialogOpen || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLElement && e.target.isContentEditable) {
         return;
@@ -11385,7 +11594,7 @@ function EventCalendar({
       const long = `${format11(currentDate, "EEE", {
         locale: ptBR10
       })}, ${dayNum} de ${month} de ${year}`;
-      return /* @__PURE__ */ jsxs55(Fragment10, { children: [
+      return /* @__PURE__ */ jsxs55(Fragment11, { children: [
         /* @__PURE__ */ jsx78("span", { "aria-hidden": "true", className: "min-[480px]:hidden", children: short }),
         /* @__PURE__ */ jsx78("span", { "aria-hidden": "true", className: "max-[479px]:hidden min-md:hidden", children: short }),
         /* @__PURE__ */ jsx78("span", { className: "max-md:hidden", children: long })
@@ -11403,7 +11612,7 @@ function EventCalendar({
     }
     return capitalize(format11(currentDate, "MMMM yyyy", { locale: ptBR10 }));
   }, [currentDate, view]);
-  const calendarContent = /* @__PURE__ */ jsxs55(Fragment10, { children: [
+  const calendarContent = /* @__PURE__ */ jsxs55(Fragment11, { children: [
     /* @__PURE__ */ jsxs55(
       "div",
       {
@@ -11456,7 +11665,7 @@ function EventCalendar({
             ] }),
             /* @__PURE__ */ jsx78("h2", { className: "font-semibold text-sm sm:text-lg md:text-xl", children: viewTitle })
           ] }),
-          /* @__PURE__ */ jsx78("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs55(Fragment10, { children: [
+          /* @__PURE__ */ jsx78("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs55(Fragment11, { children: [
             /* @__PURE__ */ jsxs55(DropDownMenuBase, { children: [
               /* @__PURE__ */ jsx78(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs55(
                 ButtonBase,
@@ -11617,7 +11826,7 @@ function EventCalendar({
 
 // src/components/ui/event-calendar/EventDialog.tsx
 import { format as format12, isBefore as isBefore2 } from "date-fns";
-import { useCallback as useCallback9, useEffect as useEffect20, useMemo as useMemo18, useState as useState28 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect23, useMemo as useMemo18, useState as useState30 } from "react";
 import { RadioGroup as RadioGroup3, RadioGroupItem } from "@radix-ui/react-radio-group";
 import { motion as motion13 } from "framer-motion";
 import { ptBR as ptBR11 } from "date-fns/locale";
@@ -11630,21 +11839,21 @@ function EventDialog({
   onSave,
   onDelete
 }) {
-  const [title, setTitle] = useState28("");
-  const [description, setDescription] = useState28("");
-  const [startDate, setStartDate] = useState28(/* @__PURE__ */ new Date());
-  const [endDate, setEndDate] = useState28(/* @__PURE__ */ new Date());
-  const [startTime, setStartTime] = useState28(`${DefaultStartHour}:00`);
-  const [endTime, setEndTime] = useState28(`${DefaultEndHour}:00`);
-  const [allDay, setAllDay] = useState28(false);
-  const [location, setLocation] = useState28("");
-  const [color, setColor] = useState28("sky");
-  const [error, setError] = useState28(null);
-  const [startDateOpen, setStartDateOpen] = useState28(false);
-  const [endDateOpen, setEndDateOpen] = useState28(false);
-  useEffect20(() => {
+  const [title, setTitle] = useState30("");
+  const [description, setDescription] = useState30("");
+  const [startDate, setStartDate] = useState30(/* @__PURE__ */ new Date());
+  const [endDate, setEndDate] = useState30(/* @__PURE__ */ new Date());
+  const [startTime, setStartTime] = useState30(`${DefaultStartHour}:00`);
+  const [endTime, setEndTime] = useState30(`${DefaultEndHour}:00`);
+  const [allDay, setAllDay] = useState30(false);
+  const [location, setLocation] = useState30("");
+  const [color, setColor] = useState30("sky");
+  const [error, setError] = useState30(null);
+  const [startDateOpen, setStartDateOpen] = useState30(false);
+  const [endDateOpen, setEndDateOpen] = useState30(false);
+  useEffect23(() => {
   }, [event]);
-  const resetForm = useCallback9(() => {
+  const resetForm = useCallback11(() => {
     setTitle("");
     setDescription("");
     setStartDate(/* @__PURE__ */ new Date());
@@ -11656,12 +11865,12 @@ function EventDialog({
     setColor("sky");
     setError(null);
   }, []);
-  const formatTimeForInput = useCallback9((date) => {
+  const formatTimeForInput = useCallback11((date) => {
     const hours = date.getHours().toString().padStart(2, "0");
     const minutes = Math.floor(date.getMinutes() / 15) * 15;
     return `${hours}:${minutes.toString().padStart(2, "0")}`;
   }, []);
-  useEffect20(() => {
+  useEffect23(() => {
     if (event) {
       setTitle(event.title || "");
       setDescription(event.description || "");
@@ -12083,7 +12292,7 @@ import { useMemo as useMemo19 } from "react";
 import {
   ClockUserIcon
 } from "@phosphor-icons/react";
-import { Fragment as Fragment11, jsx as jsx80, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx80, jsxs as jsxs57 } from "react/jsx-runtime";
 var formatTimeWithOptionalMinutes2 = (date) => {
   return format13(date, "HH:mm");
 };
@@ -12267,7 +12476,7 @@ function EventItem({
         children: durationMinutes < 45 ? /* @__PURE__ */ jsxs57("div", { className: "flex items-center justify-between w-full", children: [
           /* @__PURE__ */ jsx80("div", { className: cn("truncate text-lg"), children: event.title }),
           showTime && hasValidTime && displayStart && /* @__PURE__ */ jsx80("span", { className: "ml-2 inline-block bg-white/10 px-2 py-0.5 rounded-full text-[11px] opacity-90", children: formatTimeWithOptionalMinutes2(displayStart) })
-        ] }) : /* @__PURE__ */ jsxs57(Fragment11, { children: [
+        ] }) : /* @__PURE__ */ jsxs57(Fragment12, { children: [
           /* @__PURE__ */ jsx80(
             "div",
             {
@@ -12390,7 +12599,7 @@ function EventItem({
 // src/components/ui/event-calendar/EventsPopUp.tsx
 import { format as format14, isSameDay as isSameDay7 } from "date-fns";
 import { ptBR as ptBR12 } from "date-fns/locale";
-import { useEffect as useEffect21, useMemo as useMemo20, useRef as useRef13 } from "react";
+import { useEffect as useEffect24, useMemo as useMemo20, useRef as useRef16 } from "react";
 import { motion as motion14 } from "framer-motion";
 import { XIcon as XIcon11 } from "@phosphor-icons/react";
 import { jsx as jsx81, jsxs as jsxs58 } from "react/jsx-runtime";
@@ -12401,8 +12610,8 @@ function EventsPopup({
   onClose,
   onEventSelect
 }) {
-  const popupRef = useRef13(null);
-  useEffect21(() => {
+  const popupRef = useRef16(null);
+  useEffect24(() => {
     const handleClickOutside = (event) => {
       if (popupRef.current && !popupRef.current.contains(event.target)) {
         onClose();
@@ -12413,7 +12622,7 @@ function EventsPopup({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [onClose]);
-  useEffect21(() => {
+  useEffect24(() => {
     const handleEscKey = (event) => {
       if (event.key === "Escape") {
         onClose();
@@ -12509,11 +12718,11 @@ function EventsPopup({
 // src/components/ui/event-calendar/hooks/use-current-time-indicator.ts
 import { endOfWeek as endOfWeek6, isSameDay as isSameDay8, isWithinInterval as isWithinInterval2, startOfWeek as startOfWeek6 } from "date-fns";
 import { ptBR as ptBR13 } from "date-fns/locale";
-import { useEffect as useEffect22, useState as useState29 } from "react";
+import { useEffect as useEffect25, useState as useState31 } from "react";
 function useCurrentTimeIndicator(currentDate, view) {
-  const [currentTimePosition, setCurrentTimePosition] = useState29(0);
-  const [currentTimeVisible, setCurrentTimeVisible] = useState29(false);
-  useEffect22(() => {
+  const [currentTimePosition, setCurrentTimePosition] = useState31(0);
+  const [currentTimeVisible, setCurrentTimeVisible] = useState31(false);
+  useEffect25(() => {
     const calculateTimePosition = () => {
       const now = /* @__PURE__ */ new Date();
       const hours = now.getHours();
@@ -12544,14 +12753,14 @@ function useCurrentTimeIndicator(currentDate, view) {
 }
 
 // src/components/ui/event-calendar/hooks/use-event-visibility.ts
-import { useLayoutEffect as useLayoutEffect2, useMemo as useMemo21, useRef as useRef14, useState as useState30 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useMemo as useMemo21, useRef as useRef17, useState as useState32 } from "react";
 function useEventVisibility({
   eventHeight,
   eventGap
 }) {
-  const contentRef = useRef14(null);
-  const observerRef = useRef14(null);
-  const [contentHeight, setContentHeight] = useState30(null);
+  const contentRef = useRef17(null);
+  const observerRef = useRef17(null);
+  const [contentHeight, setContentHeight] = useState32(null);
   useLayoutEffect2(() => {
     if (!contentRef.current) return;
     const updateHeight = () => {
@@ -12603,7 +12812,7 @@ import {
   startOfWeek as startOfWeek7
 } from "date-fns";
 import { ptBR as ptBR14 } from "date-fns/locale";
-import { useEffect as useEffect23, useMemo as useMemo22, useState as useState31 } from "react";
+import { useEffect as useEffect26, useMemo as useMemo22, useState as useState33 } from "react";
 import { jsx as jsx82, jsxs as jsxs59 } from "react/jsx-runtime";
 function MonthView({
   currentDate,
@@ -12641,12 +12850,12 @@ function MonthView({
     e.stopPropagation();
     onEventSelect(event);
   };
-  const [isMounted, setIsMounted] = useState31(false);
+  const [isMounted, setIsMounted] = useState33(false);
   const { contentRef, getVisibleEventCount } = useEventVisibility({
     eventGap: EventGap,
     eventHeight: EventHeight
   });
-  useEffect23(() => {
+  useEffect26(() => {
     setIsMounted(true);
   }, []);
   return /* @__PURE__ */ jsxs59("div", { className: "contents", "data-slot": "month-view", children: [
@@ -13218,9 +13427,9 @@ function WeekView({
 }
 
 // src/components/ui/selects/AvatarCombobox.tsx
-import { useId as useId3, useState as useState32 } from "react";
+import { useId as useId3, useState as useState34 } from "react";
 import { CaretDownIcon as CaretDownIcon5, CheckIcon as CheckIcon10 } from "@phosphor-icons/react";
-import { Fragment as Fragment12, jsx as jsx84, jsxs as jsxs61 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx84, jsxs as jsxs61 } from "react/jsx-runtime";
 var DEFAULT_COLORS = [
   "bg-purple-100 text-purple-700",
   "bg-green-100 text-green-700",
@@ -13263,14 +13472,14 @@ function AvatarCombobox({
   className,
   colors: colors2
 }) {
-  const [open, setOpen] = useState32(false);
+  const [open, setOpen] = useState34(false);
   const id = useId3();
   const allItems = items || (groupItems ? Object.values(groupItems).flat() : []);
   const selectedItem = allItems.find((item) => item.value === selected);
   const renderItem = (item) => {
     const avatarContent = item.avatar ?? item.label.charAt(0).toUpperCase();
     const colorClass = item.avatarClassName ?? getColor(item.value, colors2);
-    return /* @__PURE__ */ jsxs61(Fragment12, { children: [
+    return /* @__PURE__ */ jsxs61(Fragment13, { children: [
       /* @__PURE__ */ jsx84(Square, { className: colorClass, children: avatarContent }),
       /* @__PURE__ */ jsx84("span", { className: "truncate", children: item.label })
     ] });
@@ -13375,14 +13584,14 @@ function AvatarCombobox({
 import { CaretUpDownIcon as CaretUpDownIcon2, CheckIcon as CheckIcon11, XIcon as XIcon12 } from "@phosphor-icons/react";
 import {
   createContext as createContext7,
-  useCallback as useCallback10,
+  useCallback as useCallback12,
   useContext as useContext8,
-  useEffect as useEffect24,
-  useRef as useRef15,
-  useState as useState33
+  useEffect as useEffect27,
+  useRef as useRef18,
+  useState as useState35
 } from "react";
 import { motion as motion15 } from "framer-motion";
-import { Fragment as Fragment13, jsx as jsx85, jsxs as jsxs62 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx85, jsxs as jsxs62 } from "react/jsx-runtime";
 var MultiSelectContext = createContext7(null);
 function MultiSelectBase({
   children,
@@ -13393,12 +13602,12 @@ function MultiSelectBase({
   empty,
   error
 }) {
-  const [open, setOpen] = useState33(false);
-  const [internalValues, setInternalValues] = useState33(
+  const [open, setOpen] = useState35(false);
+  const [internalValues, setInternalValues] = useState35(
     new Set(values ?? defaultValues)
   );
   const selectedValues = values ? new Set(values) : internalValues;
-  const [items, setItems] = useState33(/* @__PURE__ */ new Map());
+  const [items, setItems] = useState35(/* @__PURE__ */ new Map());
   function toggleValue(value) {
     if (disabled) return;
     const getNewSet = (prev) => {
@@ -13413,7 +13622,7 @@ function MultiSelectBase({
     setInternalValues(getNewSet);
     onValuesChange?.([...getNewSet(selectedValues)]);
   }
-  const onItemAdded = useCallback10((value, label) => {
+  const onItemAdded = useCallback12((value, label) => {
     setItems((prev) => {
       if (prev.get(value) === label) return prev;
       return new Map(prev).set(value, label);
@@ -13485,13 +13694,13 @@ function MultiSelectValueBase({
   ...props
 }) {
   const { selectedValues, toggleValue, items, open } = useMultiSelectContext();
-  const [overflowAmount, setOverflowAmount] = useState33(0);
-  const valueRef = useRef15(null);
-  const overflowRef = useRef15(null);
-  const mutationObserverRef = useRef15(null);
-  const resizeObserverRef = useRef15(null);
+  const [overflowAmount, setOverflowAmount] = useState35(0);
+  const valueRef = useRef18(null);
+  const overflowRef = useRef18(null);
+  const mutationObserverRef = useRef18(null);
+  const resizeObserverRef = useRef18(null);
   const shouldWrap = overflowBehavior === "wrap" || overflowBehavior === "wrap-when-open" && open;
-  const checkOverflow = useCallback10(() => {
+  const checkOverflow = useCallback12(() => {
     if (valueRef.current == null) return;
     const containerElement = valueRef.current;
     const overflowElement = overflowRef.current;
@@ -13512,7 +13721,7 @@ function MultiSelectValueBase({
     }
     setOverflowAmount(amount);
   }, []);
-  const handleResize = useCallback10(
+  const handleResize = useCallback12(
     (node) => {
       if (node == null) {
         valueRef.current = null;
@@ -13607,7 +13816,7 @@ function MultiSelectContentBase({
 }) {
   const canSearch = typeof search === "object" ? true : search;
   const { emptyMessage } = useMultiSelectContext();
-  return /* @__PURE__ */ jsx85(Fragment13, { children: /* @__PURE__ */ jsx85(PopoverContentBase, { className: "w-[--radix-popover-trigger-width] relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md p-0", children: /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsx85(Fragment14, { children: /* @__PURE__ */ jsx85(PopoverContentBase, { className: "w-[--radix-popover-trigger-width] relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md p-0", children: /* @__PURE__ */ jsx85(
     motion15.div,
     {
       initial: { opacity: 0, scale: 0.95 },
@@ -13638,7 +13847,7 @@ function MultiSelectItemBase({
 }) {
   const { toggleValue, selectedValues, onItemAdded } = useMultiSelectContext();
   const isSelected = selectedValues.has(value);
-  useEffect24(() => {
+  useEffect27(() => {
     onItemAdded(value, badgeLabel ?? children);
   }, [value, children, onItemAdded, badgeLabel]);
   return /* @__PURE__ */ jsx85(
@@ -13695,11 +13904,11 @@ function debounce(func, wait) {
 
 // src/components/ui/charts/Chart.tsx
 import {
-  useState as useState36,
-  useEffect as useEffect27,
-  useCallback as useCallback12,
+  useState as useState38,
+  useEffect as useEffect30,
+  useCallback as useCallback14,
   useMemo as useMemo25,
-  useRef as useRef18,
+  useRef as useRef21,
   useLayoutEffect as useLayoutEffect3
 } from "react";
 import {
@@ -13862,7 +14071,7 @@ var resolveChartMargins = (margins, chartMargins, showLabels) => {
 import { toast as toast4 } from "sonner";
 
 // src/components/ui/charts/components/controls/PeriodsDropdown.tsx
-import { useState as useState34, useRef as useRef16, useEffect as useEffect25 } from "react";
+import { useState as useState36, useRef as useRef19, useEffect as useEffect28 } from "react";
 import { motion as motion16, AnimatePresence as AnimatePresence9 } from "framer-motion";
 import { DotsThreeIcon as DotsThreeIcon3 } from "@phosphor-icons/react/dist/ssr";
 import { Check } from "@phosphor-icons/react/dist/ssr";
@@ -13885,11 +14094,11 @@ function PeriodsDropdown({
   activePeriods
 }) {
   const periods = processedData.map((d) => String(d.name));
-  const [open, setOpen] = useState34(false);
-  const wrapperRef = useRef16(null);
-  const firstItemRef = useRef16(null);
-  const listRef = useRef16(null);
-  useEffect25(() => {
+  const [open, setOpen] = useState36(false);
+  const wrapperRef = useRef19(null);
+  const firstItemRef = useRef19(null);
+  const listRef = useRef19(null);
+  useEffect28(() => {
     const handleClickOutside = (e) => {
       if (!wrapperRef.current) return;
       if (!wrapperRef.current.contains(e.target)) setOpen(false);
@@ -13904,7 +14113,7 @@ function PeriodsDropdown({
       document.removeEventListener("keydown", handleEscape);
     };
   }, []);
-  useEffect25(() => {
+  useEffect28(() => {
     if (open && firstItemRef.current) {
       firstItemRef.current.focus();
     }
@@ -13998,7 +14207,7 @@ var PeriodsDropdown_default = PeriodsDropdown;
 // src/components/ui/charts/components/controls/ShowOnly.tsx
 import { motion as motion17 } from "framer-motion";
 import { Eye, EyeSlash } from "@phosphor-icons/react";
-import { Fragment as Fragment14, jsx as jsx87, jsxs as jsxs64 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx87, jsxs as jsxs64 } from "react/jsx-runtime";
 var ShowOnly = ({
   showOnlyHighlighted,
   setShowOnlyHighlighted,
@@ -14025,10 +14234,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__ */ jsxs64(Fragment14, { children: [
+          children: showOnlyHighlighted ? /* @__PURE__ */ jsxs64(Fragment15, { children: [
             /* @__PURE__ */ jsx87(EyeSlash, { size: 16, weight: "regular" }),
             /* @__PURE__ */ jsx87("span", { className: "sr-only", children: "Exibir todos" })
-          ] }) : /* @__PURE__ */ jsxs64(Fragment14, { children: [
+          ] }) : /* @__PURE__ */ jsxs64(Fragment15, { children: [
             /* @__PURE__ */ jsx87(Eye, { size: 16, weight: "bold" }),
             /* @__PURE__ */ jsx87("span", { className: "sr-only", children: "Mostrar somente destacados" })
           ] })
@@ -14248,16 +14457,16 @@ var CloseAllButton_default = CloseAllButton;
 
 // src/components/ui/charts/components/tooltips/DraggableTooltip.tsx
 import React44, {
-  useEffect as useEffect26,
-  useRef as useRef17,
-  useState as useState35,
-  useCallback as useCallback11,
+  useEffect as useEffect29,
+  useRef as useRef20,
+  useState as useState37,
+  useCallback as useCallback13,
   useMemo as useMemo24
 } from "react";
 import { motion as motion19, AnimatePresence as AnimatePresence11 } from "framer-motion";
 import { DotsSixVerticalIcon } from "@phosphor-icons/react";
 import { XIcon as XIcon14 } from "@phosphor-icons/react/dist/ssr";
-import { Fragment as Fragment15, jsx as jsx90, jsxs as jsxs67 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx90, jsxs as jsxs67 } from "react/jsx-runtime";
 var ALIGNMENT_THRESHOLD = 25;
 var GUIDE_THRESHOLD = 60;
 var STRONG_SNAP_THRESHOLD = 35;
@@ -14361,14 +14570,14 @@ var DraggableTooltipComponent = ({
       )
     ] });
   });
-  const [localPos, setLocalPos] = useState35(position);
-  const [dragging, setDragging] = useState35(false);
-  const offsetRef = useRef17({ x: 0, y: 0 });
-  const lastMouse = useRef17({ x: 0, y: 0 });
-  const [alignmentGuides, setAlignmentGuides] = useState35([]);
-  const [globalTooltipCountLocal, setGlobalTooltipCountLocal] = useState35(0);
-  useEffect26(() => setLocalPos(position), [position]);
-  const getAllTooltips = useCallback11(() => {
+  const [localPos, setLocalPos] = useState37(position);
+  const [dragging, setDragging] = useState37(false);
+  const offsetRef = useRef20({ x: 0, y: 0 });
+  const lastMouse = useRef20({ x: 0, y: 0 });
+  const [alignmentGuides, setAlignmentGuides] = useState37([]);
+  const [globalTooltipCountLocal, setGlobalTooltipCountLocal] = useState37(0);
+  useEffect29(() => setLocalPos(position), [position]);
+  const getAllTooltips = useCallback13(() => {
     const response = [];
     const ev = new CustomEvent("requestGlobalTooltips", {
       detail: { requesterId: id, response }
@@ -14376,7 +14585,7 @@ var DraggableTooltipComponent = ({
     window.dispatchEvent(ev);
     return response;
   }, [id]);
-  const updateAlignmentGuides = useCallback11(
+  const updateAlignmentGuides = useCallback13(
     (currentPosition) => {
       const allTooltips = getAllTooltips();
       const otherTooltips = allTooltips.filter((t) => t.id !== id);
@@ -14425,7 +14634,7 @@ var DraggableTooltipComponent = ({
     },
     [getAllTooltips, id]
   );
-  const snapToGuides = useCallback11(
+  const snapToGuides = useCallback13(
     (position2) => {
       const snappedPosition = { ...position2 };
       let hasSnapped = false;
@@ -14472,7 +14681,7 @@ var DraggableTooltipComponent = ({
     },
     [alignmentGuides]
   );
-  useEffect26(() => {
+  useEffect29(() => {
     let rafId = null;
     const handleMouseMove = (e) => {
       if (!dragging) return;
@@ -14514,7 +14723,7 @@ var DraggableTooltipComponent = ({
       document.body.style.userSelect = "";
     };
   }, [dragging, snapToGuides, updateAlignmentGuides, id, onPositionChange]);
-  useEffect26(() => {
+  useEffect29(() => {
     const handleCloseAll = () => onClose(id);
     const handleRequestTooltipCount = () => {
       window.dispatchEvent(
@@ -14545,7 +14754,7 @@ var DraggableTooltipComponent = ({
       });
     };
   }, [id, localPos, onClose]);
-  useEffect26(() => {
+  useEffect29(() => {
     if (dragging) return;
     let total = 0;
     const timeoutId = setTimeout(() => {
@@ -14563,7 +14772,7 @@ var DraggableTooltipComponent = ({
     }, 0);
     return () => clearTimeout(timeoutId);
   }, [localPos, dragging]);
-  useEffect26(() => {
+  useEffect29(() => {
     const recount = () => {
       if (dragging) return;
       let total = 0;
@@ -14581,7 +14790,7 @@ var DraggableTooltipComponent = ({
     window.addEventListener("recountTooltips", recount);
     return () => window.removeEventListener("recountTooltips", recount);
   }, [dragging]);
-  const handleMouseDownLocal = useCallback11(
+  const handleMouseDownLocal = useCallback13(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -14592,7 +14801,7 @@ var DraggableTooltipComponent = ({
     },
     [id, onMouseDown]
   );
-  const handleTouchStartLocal = useCallback11(
+  const handleTouchStartLocal = useCallback13(
     (e) => {
       e.stopPropagation();
       const touch = e.touches[0];
@@ -14607,14 +14816,14 @@ var DraggableTooltipComponent = ({
     },
     [id, onMouseDown]
   );
-  const handleCloseClick = useCallback11(
+  const handleCloseClick = useCallback13(
     (e) => {
       e.stopPropagation();
       onClose(id);
     },
     [id, onClose]
   );
-  return /* @__PURE__ */ jsxs67(Fragment15, { children: [
+  return /* @__PURE__ */ jsxs67(Fragment16, { children: [
     dragging && alignmentGuides.map((guide, index) => {
       const isHorizontal = guide.type === "horizontal";
       const color = isHorizontal ? "#3b82f6" : "#ef4444";
@@ -15328,17 +15537,19 @@ var renderInsideBarLabel = (color, valueFormatter2) => {
 import { jsx as jsx94, jsxs as jsxs71 } from "react/jsx-runtime";
 var NoData = ({
   paddingLeft = 0,
-  height = 360,
+  height = 400,
   message = "Sem dados para exibir",
-  className
+  className,
+  title
 }) => {
-  const svgHeight = typeof height === "number" ? height : 360;
+  const svgHeight = typeof height === "number" ? height : 400;
   const bars = [
-    { x: 120, w: 120, h: svgHeight * 0.45, label: "Label 0" },
-    { x: 260, w: 120, h: svgHeight * 0.75, label: "Label 1" },
-    { x: 400, w: 120, h: svgHeight * 0.65, label: "Label 2" },
-    { x: 540, w: 120, h: svgHeight * 0.55, label: "Label 3" },
-    { x: 680, w: 120, h: svgHeight * 0.25, label: "Label 4" }
+    { x: 100, w: 100, h: svgHeight * 0.35 },
+    { x: 220, w: 100, h: svgHeight * 0.65 },
+    { x: 340, w: 100, h: svgHeight * 0.5 },
+    { x: 460, w: 100, h: svgHeight * 0.75 },
+    { x: 580, w: 100, h: svgHeight * 0.45 },
+    { x: 700, w: 100, h: svgHeight * 0.3 }
   ];
   const styleVars = {
     ["--pl"]: `${paddingLeft}px`,
@@ -15348,27 +15559,59 @@ var NoData = ({
     "div",
     {
       className: cn(
-        "rounded-lg bg-card p-3 relative overflow-visible w-full",
+        "rounded-xl bg-card relative overflow-hidden w-full border border-border/50 shadow-sm",
         className
       ),
       style: styleVars,
       role: "img",
       "aria-label": message,
-      children: /* @__PURE__ */ jsx94("div", { className: "w-full flex items-center justify-center pl-[var(--pl)] pr-3 h-[var(--svg-h)]", children: /* @__PURE__ */ jsxs71("div", { className: "w-full max-w-[900px] relative", children: [
+      children: /* @__PURE__ */ jsx94("div", { className: "w-full flex items-center justify-center pl-[var(--pl)] p-6 h-[var(--svg-h)]", children: /* @__PURE__ */ jsxs71("div", { className: "w-full max-w-[900px] relative", children: [
         /* @__PURE__ */ jsxs71(
           "svg",
           {
-            className: "w-full h-[var(--svg-h)]",
+            className: "w-full h-[var(--svg-h)] opacity-40",
             width: "100%",
             viewBox: `0 0 900 ${svgHeight}`,
             preserveAspectRatio: "none",
             children: [
               /* @__PURE__ */ jsxs71("defs", { children: [
                 /* @__PURE__ */ jsxs71("linearGradient", { id: "barGradient", x1: "0", x2: "0", y1: "0", y2: "1", children: [
-                  /* @__PURE__ */ jsx94("stop", { offset: "0%", stopColor: "#60a5fa", stopOpacity: "0.95" }),
-                  "=              "
+                  /* @__PURE__ */ jsx94(
+                    "stop",
+                    {
+                      offset: "0%",
+                      stopColor: "hsl(var(--primary))",
+                      stopOpacity: "0.15"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx94(
+                    "stop",
+                    {
+                      offset: "100%",
+                      stopColor: "hsl(var(--primary))",
+                      stopOpacity: "0.05"
+                    }
+                  )
                 ] }),
-                /* @__PURE__ */ jsx94(
+                /* @__PURE__ */ jsxs71("linearGradient", { id: "gridGradient", x1: "0", x2: "0", y1: "0", y2: "1", children: [
+                  /* @__PURE__ */ jsx94(
+                    "stop",
+                    {
+                      offset: "0%",
+                      stopColor: "hsl(var(--border))",
+                      stopOpacity: "0.4"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx94(
+                    "stop",
+                    {
+                      offset: "100%",
+                      stopColor: "hsl(var(--border))",
+                      stopOpacity: "0.1"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs71(
                   "filter",
                   {
                     id: "softShadow",
@@ -15376,16 +15619,15 @@ var NoData = ({
                     y: "-20%",
                     width: "140%",
                     height: "140%",
-                    children: /* @__PURE__ */ jsx94(
-                      "feDropShadow",
-                      {
-                        dx: "0",
-                        dy: "6",
-                        stdDeviation: "8",
-                        floodColor: "#0f172a",
-                        floodOpacity: "0.06"
-                      }
-                    )
+                    children: [
+                      /* @__PURE__ */ jsx94("feGaussianBlur", { in: "SourceAlpha", stdDeviation: "3" }),
+                      /* @__PURE__ */ jsx94("feOffset", { dx: "0", dy: "2", result: "offsetblur" }),
+                      /* @__PURE__ */ jsx94("feComponentTransfer", { children: /* @__PURE__ */ jsx94("feFuncA", { type: "linear", slope: "0.2" }) }),
+                      /* @__PURE__ */ jsxs71("feMerge", { children: [
+                        /* @__PURE__ */ jsx94("feMergeNode", {}),
+                        /* @__PURE__ */ jsx94("feMergeNode", { in: "SourceGraphic" })
+                      ] })
+                    ]
                   }
                 )
               ] }),
@@ -15396,66 +15638,97 @@ var NoData = ({
                   y: 0,
                   width: 900,
                   height: svgHeight,
-                  fill: "transparent"
+                  fill: "hsl(var(--muted)/0.2)",
+                  rx: 8
                 }
               ),
-              Array.from({ length: 5 }).map((_, i) => {
-                const y = 40 + (svgHeight - 80) / 4 * i;
+              Array.from({ length: 6 }).map((_, i) => {
+                const y = 40 + (svgHeight - 80) / 5 * i;
                 return /* @__PURE__ */ jsx94(
                   "line",
                   {
-                    x1: 60,
-                    x2: 840,
+                    x1: 50,
+                    x2: 850,
                     y1: y,
                     y2: y,
-                    stroke: "rgba(15,23,42,0.06)",
-                    strokeWidth: 1
+                    stroke: "url(#gridGradient)",
+                    strokeWidth: 1.5,
+                    strokeDasharray: "4 4"
                   },
                   `g-${i}`
                 );
               }),
+              /* @__PURE__ */ jsx94(
+                "line",
+                {
+                  x1: 50,
+                  y1: 30,
+                  x2: 50,
+                  y2: svgHeight - 40,
+                  stroke: "hsl(var(--foreground))",
+                  strokeWidth: 2,
+                  opacity: 0.5
+                }
+              ),
+              /* @__PURE__ */ jsx94(
+                "line",
+                {
+                  x1: 50,
+                  y1: svgHeight - 40,
+                  x2: 850,
+                  y2: svgHeight - 40,
+                  stroke: "hsl(var(--foreground))",
+                  strokeWidth: 2,
+                  opacity: 0.5
+                }
+              ),
               bars.map((b, i) => /* @__PURE__ */ jsxs71("g", { children: [
                 /* @__PURE__ */ jsx94(
                   "rect",
                   {
                     x: b.x,
-                    y: svgHeight - 60 - b.h,
+                    y: svgHeight - 40 - b.h,
                     width: b.w,
                     height: b.h,
-                    rx: 8,
+                    rx: 4,
                     fill: "url(#barGradient)",
-                    filter: "url(#softShadow)",
-                    opacity: 0.95
+                    filter: "url(#softShadow)"
                   }
                 ),
                 /* @__PURE__ */ jsx94(
                   "rect",
                   {
                     x: b.x,
-                    y: svgHeight - 60 - b.h,
+                    y: svgHeight - 40 - b.h,
                     width: b.w,
                     height: b.h,
-                    rx: 8,
+                    rx: 4,
                     fill: "none",
-                    stroke: "rgba(15,23,42,0.06)"
+                    stroke: "hsl(var(--foreground))",
+                    strokeWidth: 1,
+                    opacity: 0.3
                   }
                 ),
                 /* @__PURE__ */ jsx94(
-                  "text",
+                  "line",
                   {
-                    x: b.x + b.w / 2,
-                    y: svgHeight - 20,
-                    fill: "rgba(15,23,42,0.45)",
-                    fontSize: 12,
-                    textAnchor: "middle",
-                    children: b.label
+                    x1: b.x + b.w / 2,
+                    y1: svgHeight - 40,
+                    x2: b.x + b.w / 2,
+                    y2: svgHeight - 35,
+                    stroke: "hsl(var(--foreground))",
+                    strokeWidth: 1.5,
+                    opacity: 0.4
                   }
                 )
               ] }, `barg-${i}`))
             ]
           }
         ),
-        /* @__PURE__ */ jsx94("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none h-[var(--svg-h)]", children: /* @__PURE__ */ jsx94("div", { className: "pointer-events-auto bg-transparent px-3 text-center", children: /* @__PURE__ */ jsx94("div", { className: "text-2xl sm:text-3xl font-semibold text-black", children: message }) }) })
+        /* @__PURE__ */ jsx94("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none h-[var(--svg-h)]", children: /* @__PURE__ */ jsxs71("div", { className: "pointer-events-auto bg-card/95 backdrop-blur-sm px-8 py-6 rounded-xl border border-border/50 shadow-lg text-center max-w-md", children: [
+          title && /* @__PURE__ */ jsx94("h3", { className: "text-xl font-semibold text-foreground mb-2", children: title }),
+          /* @__PURE__ */ jsx94("p", { className: "text-lg font-medium text-foreground/90 mb-2", children: message })
+        ] }) })
       ] }) })
     }
   );
@@ -15520,12 +15793,12 @@ var Chart = ({
     return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
   }, [data, xAxis, labelMap]);
   const { xAxisConfig, mapperConfig } = smartConfig;
-  const [activeTooltips, setActiveTooltips] = useState36([]);
-  const [highlightedSeries, setHighlightedSeries] = useState36(
+  const [activeTooltips, setActiveTooltips] = useState38([]);
+  const [highlightedSeries, setHighlightedSeries] = useState38(
     /* @__PURE__ */ new Set()
   );
-  const [showOnlyHighlighted, setShowOnlyHighlighted] = useState36(false);
-  useEffect27(() => {
+  const [showOnlyHighlighted, setShowOnlyHighlighted] = useState38(false);
+  useEffect30(() => {
     if (highlightedSeries.size === 0 && showOnlyHighlighted) {
       setShowOnlyHighlighted(false);
     }
@@ -15534,8 +15807,8 @@ var Chart = ({
     ...item,
     name: String(item[xAxisConfig.dataKey] || "N/A")
   }));
-  const wrapperRef = useRef18(null);
-  const [measuredWidth, setMeasuredWidth] = useState36(null);
+  const wrapperRef = useRef21(null);
+  const [measuredWidth, setMeasuredWidth] = useState38(null);
   useLayoutEffect3(() => {
     const el = wrapperRef.current;
     if (!el) return;
@@ -15563,7 +15836,7 @@ var Chart = ({
     );
   }
   const allKeys = seriesOrder.map((s) => s.key).filter(Boolean);
-  const generateColors = useCallback12(
+  const generateColors = useCallback14(
     (dataKeys) => {
       const colorMap = {};
       const allColors = generateAdditionalColors(colors2, dataKeys.length);
@@ -15602,7 +15875,7 @@ var Chart = ({
     () => allKeys.filter((k) => !rightKeys.includes(k)),
     [allKeys, rightKeys]
   );
-  const adaptDataForTooltip = useCallback12(
+  const adaptDataForTooltip = useCallback14(
     (universalData) => ({
       ...universalData,
       name: String(universalData[xAxisConfig.dataKey] || "N/A")
@@ -15613,10 +15886,10 @@ var Chart = ({
     () => activeTooltips.map((t) => adaptDataForTooltip(t.data).name),
     [activeTooltips, adaptDataForTooltip]
   );
-  useEffect27(() => {
+  useEffect30(() => {
     window.dispatchEvent(new Event("recountTooltips"));
   }, [activeTooltips.length]);
-  const toggleHighlight = useCallback12((key) => {
+  const toggleHighlight = useCallback14((key) => {
     setHighlightedSeries((prev) => {
       const next = new Set(prev);
       if (next.has(key)) next.delete(key);
@@ -15674,7 +15947,7 @@ var Chart = ({
     }
     return min;
   }, [processedData, rightKeys]);
-  const computeNiceMax = useCallback12((maxValue) => {
+  const computeNiceMax = useCallback14((maxValue) => {
     let padding = 0.08;
     if (maxValue > 1e6) padding = 0.05;
     if (maxValue > 1e7) padding = 0.03;
@@ -15721,7 +15994,7 @@ var Chart = ({
     niceMaxLeft,
     niceMaxRight
   ]);
-  const toggleTooltip = useCallback12(
+  const toggleTooltip = useCallback14(
     (tooltipId, data2, basePosition) => {
       const existingIndex = activeTooltips.findIndex((t) => t.id === tooltipId);
       if (existingIndex !== -1) {
@@ -15750,7 +16023,7 @@ var Chart = ({
     },
     [activeTooltips, maxTooltips]
   );
-  const handleChartClick = useCallback12(
+  const handleChartClick = useCallback14(
     (e) => {
       if (!enableDraggableTooltips) return;
       const ev = e;
@@ -15768,7 +16041,7 @@ var Chart = ({
     },
     [enableDraggableTooltips, xAxisConfig.dataKey, toggleTooltip]
   );
-  const handleBarClick = useCallback12(
+  const handleBarClick = useCallback14(
     (data2, index, event) => {
       if (!enableDraggableTooltips) return;
       event.stopPropagation();
@@ -15782,7 +16055,7 @@ var Chart = ({
     },
     [enableDraggableTooltips, xAxisConfig.dataKey, toggleTooltip]
   );
-  const handleSeriesClick = useCallback12(
+  const handleSeriesClick = useCallback14(
     (...args) => {
       if (args.length >= 3) {
         const [data2, index, event] = args;
@@ -15793,7 +16066,7 @@ var Chart = ({
     },
     [handleBarClick, handleChartClick]
   );
-  const onTooltipPositionChange = useCallback12(
+  const onTooltipPositionChange = useCallback14(
     (id, position) => {
       setActiveTooltips(
         (prev) => prev.map((t) => t.id === id ? { ...t, position } : t)
@@ -15879,12 +16152,23 @@ var Chart = ({
   const yAxisTickWidth = useMemo25(() => {
     if (typeof chartMargin?.left === "number") return chartMargin.left;
     if (yAxisLabel) return axisLabelMargin;
-    const samples = [minLeftDataValue, niceMaxLeft, Math.round((minLeftDataValue + niceMaxLeft) / 2), 0];
+    const samples = [
+      minLeftDataValue,
+      niceMaxLeft,
+      Math.round((minLeftDataValue + niceMaxLeft) / 2),
+      0
+    ];
     const formatted = samples.map((v) => String(yTickFormatter(v)));
     const maxLen = formatted.reduce((m, s) => Math.max(m, s.length), 0);
     const estimated = Math.max(48, Math.min(220, maxLen * 8 + 24));
     return estimated;
-  }, [chartMargin?.left, yAxisLabel, yTickFormatter, minLeftDataValue, niceMaxLeft]);
+  }, [
+    chartMargin?.left,
+    yAxisLabel,
+    yTickFormatter,
+    minLeftDataValue,
+    niceMaxLeft
+  ]);
   const composedChartLeftMargin = chartMargin?.left ?? defaultChartLeftMargin;
   const composedChartRightMargin = chartMargin?.right ?? defaultChartRightMargin;
   const finalChartTopMargin = chartMargin?.top ?? (showLabels ? 48 : 20);
@@ -15897,7 +16181,7 @@ var Chart = ({
   const chartInnerWidth = effectiveChartWidth - composedChartLeftMargin - composedChartRightMargin;
   const leftYAxisLabelDx = -Math.max(12, Math.round(yAxisTickWidth / 2));
   const rightYAxisLabelDx = Math.max(12, Math.round(finalChartRightMargin / 2));
-  const openTooltipForPeriod = useCallback12(
+  const openTooltipForPeriod = useCallback14(
     (periodName) => {
       if (!enableDraggableTooltips) return;
       const row = processedData.find((r) => String(r.name) === periodName);
@@ -15954,7 +16238,7 @@ var Chart = ({
             style: {
               paddingLeft: `${containerPaddingLeft + finalChartLeftMargin}px`
             },
-            children: /* @__PURE__ */ jsx95(NoData_default, {})
+            children: /* @__PURE__ */ jsx95(NoData_default, { title })
           }
         )
       }
@@ -16403,7 +16687,7 @@ var Chart = ({
 var Chart_default = Chart;
 
 // src/components/ui/charts/BarChart.tsx
-import { useState as useState37, useEffect as useEffect28, useCallback as useCallback13, useMemo as useMemo26 } from "react";
+import { useState as useState39, useEffect as useEffect31, useCallback as useCallback15, useMemo as useMemo26 } from "react";
 import {
   BarChart as RechartsBarChart,
   Bar as Bar2,
@@ -16495,14 +16779,14 @@ var BarChart = ({
     return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
   }, [data, xAxis, mapper, yAxis, autoDetect, labelMap]);
   const { xAxisConfig, mapperConfig } = smartConfig;
-  const [activeTooltips, setActiveTooltips] = useState37([]);
-  const [isDragging, setIsDragging] = useState37(null);
-  const [dragOffset, setDragOffset] = useState37({
+  const [activeTooltips, setActiveTooltips] = useState39([]);
+  const [isDragging, setIsDragging] = useState39(null);
+  const [dragOffset, setDragOffset] = useState39({
     x: 0,
     y: 0
   });
-  const [globalTooltipCount, setGlobalTooltipCount] = useState37(0);
-  const [alignmentGuides, setAlignmentGuides] = useState37([]);
+  const [globalTooltipCount, setGlobalTooltipCount] = useState39(0);
+  const [alignmentGuides, setAlignmentGuides] = useState39([]);
   const processedData = data.map((item) => ({
     ...item,
     name: String(item[xAxisConfig.dataKey] || "N/A")
@@ -16579,7 +16863,7 @@ var BarChart = ({
   const GUIDE_THRESHOLD2 = 60;
   const STRONG_SNAP_THRESHOLD2 = 35;
   const PRECISION_SNAP_THRESHOLD2 = 8;
-  const updateAlignmentGuides = useCallback13(
+  const updateAlignmentGuides = useCallback15(
     (draggedTooltipId, currentPosition) => {
       if (!isDragging) return;
       const getAllTooltips = () => {
@@ -16643,7 +16927,7 @@ var BarChart = ({
     },
     [isDragging, activeTooltips]
   );
-  const snapToGuides = useCallback13(
+  const snapToGuides = useCallback15(
     (position) => {
       const snappedPosition = { ...position };
       let hasSnapped = false;
@@ -16705,7 +16989,7 @@ var BarChart = ({
     setIsDragging(tooltipId);
     setDragOffset({ x: offsetX, y: offsetY });
   };
-  useEffect28(() => {
+  useEffect31(() => {
     let rafId;
     let lastMousePosition = { x: 0, y: 0 };
     const handleGlobalMouseMove = (e) => {
@@ -16763,7 +17047,7 @@ var BarChart = ({
     updateAlignmentGuides,
     snapToGuides
   ]);
-  useEffect28(() => {
+  useEffect31(() => {
     const handleCloseAllTooltips = () => {
       setActiveTooltips([]);
       setGlobalTooltipCount(0);
@@ -16773,7 +17057,7 @@ var BarChart = ({
       window.removeEventListener("closeAllTooltips", handleCloseAllTooltips);
     };
   }, []);
-  useEffect28(() => {
+  useEffect31(() => {
     const handleTooltipCountRequest = () => {
       window.dispatchEvent(
         new CustomEvent("tooltipCountResponse", {
@@ -16812,7 +17096,7 @@ var BarChart = ({
       );
     };
   }, [activeTooltips]);
-  useEffect28(() => {
+  useEffect31(() => {
     if (isDragging) return;
     let totalCount = 0;
     const handleCountResponse = (event) => {
@@ -17078,7 +17362,7 @@ var BarChart = ({
 var BarChart_default = BarChart;
 
 // src/components/ui/charts/LineChart.tsx
-import { useState as useState38, useEffect as useEffect29, useCallback as useCallback14, useMemo as useMemo27 } from "react";
+import { useState as useState40, useEffect as useEffect32, useCallback as useCallback16, useMemo as useMemo27 } from "react";
 import {
   LineChart as RechartsLineChart,
   Line as Line2,
@@ -17121,14 +17405,14 @@ var CustomLineChart = ({
     containerPaddingLeft,
     16
   );
-  const [activeTooltips, setActiveTooltips] = useState38([]);
-  const [isDragging, setIsDragging] = useState38(null);
-  const [dragOffset, setDragOffset] = useState38({
+  const [activeTooltips, setActiveTooltips] = useState40([]);
+  const [isDragging, setIsDragging] = useState40(null);
+  const [dragOffset, setDragOffset] = useState40({
     x: 0,
     y: 0
   });
-  const [globalTooltipCount, setGlobalTooltipCount] = useState38(0);
-  const [alignmentGuides, setAlignmentGuides] = useState38([]);
+  const [globalTooltipCount, setGlobalTooltipCount] = useState40(0);
+  const [alignmentGuides, setAlignmentGuides] = useState40([]);
   const generateColors = (dataKeys2) => {
     const colorMap = {};
     const allColors = generateAdditionalColors(colors2, dataKeys2.length);
@@ -17230,10 +17514,10 @@ var CustomLineChart = ({
   const handleChartBackgroundClick = () => {
     setActiveTooltips([]);
   };
-  const handleCloseAllTooltips = useCallback14(() => {
+  const handleCloseAllTooltips = useCallback16(() => {
     window.dispatchEvent(new CustomEvent("closeAllTooltips"));
   }, []);
-  const updateAlignmentGuides = useCallback14(
+  const updateAlignmentGuides = useCallback16(
     (draggedTooltipId, draggedPosition) => {
       const SNAP_THRESHOLD = 15;
       const draggedTooltip = activeTooltips.find(
@@ -17314,7 +17598,7 @@ var CustomLineChart = ({
     },
     [activeTooltips]
   );
-  const snapToGuides = useCallback14(
+  const snapToGuides = useCallback16(
     (position) => {
       const SNAP_DISTANCE = 10;
       const snappedPosition = { ...position };
@@ -17342,7 +17626,7 @@ var CustomLineChart = ({
     setIsDragging(tooltipId);
     setDragOffset({ x: offsetX, y: offsetY });
   };
-  useEffect29(() => {
+  useEffect32(() => {
     let rafId;
     let lastMousePosition = { x: 0, y: 0 };
     const handleGlobalMouseMove = (e) => {
@@ -17389,7 +17673,7 @@ var CustomLineChart = ({
     updateAlignmentGuides,
     snapToGuides
   ]);
-  useEffect29(() => {
+  useEffect32(() => {
     const handleCloseAllTooltips2 = () => {
       setActiveTooltips([]);
       setGlobalTooltipCount(0);
@@ -17399,7 +17683,7 @@ var CustomLineChart = ({
       window.removeEventListener("closeAllTooltips", handleCloseAllTooltips2);
     };
   }, []);
-  useEffect29(() => {
+  useEffect32(() => {
     const handleTooltipCountRequest = () => {
       window.dispatchEvent(
         new CustomEvent("tooltipCountResponse", {
@@ -17443,7 +17727,7 @@ var CustomLineChart = ({
       );
     };
   }, [activeTooltips]);
-  useEffect29(() => {
+  useEffect32(() => {
     if (isDragging) return;
     let totalCount = 0;
     const handleCountResponse = (event) => {
@@ -17772,13 +18056,13 @@ var CustomPieChart = ({
 var PieChart_default = CustomPieChart;
 
 // src/components/ui/charts/hooks/useChartHighlights.tsx
-import { useState as useState39, useCallback as useCallback15 } from "react";
+import { useState as useState41, useCallback as useCallback17 } from "react";
 var useChartHighlights = () => {
-  const [highlightedSeries, setHighlightedSeries] = useState39(
+  const [highlightedSeries, setHighlightedSeries] = useState41(
     /* @__PURE__ */ new Set()
   );
-  const [showOnlyHighlighted, setShowOnlyHighlighted] = useState39(false);
-  const toggleHighlight = useCallback15((key) => {
+  const [showOnlyHighlighted, setShowOnlyHighlighted] = useState41(false);
+  const toggleHighlight = useCallback17((key) => {
     setHighlightedSeries((prev) => {
       const next = new Set(prev);
       if (next.has(key)) {
@@ -17789,17 +18073,17 @@ var useChartHighlights = () => {
       return next;
     });
   }, []);
-  const clearHighlights = useCallback15(() => {
+  const clearHighlights = useCallback17(() => {
     setHighlightedSeries(/* @__PURE__ */ new Set());
     setShowOnlyHighlighted(false);
   }, []);
-  const isHighlighted = useCallback15(
+  const isHighlighted = useCallback17(
     (key) => {
       return highlightedSeries.has(key);
     },
     [highlightedSeries]
   );
-  const getSeriesStyle = useCallback15(
+  const getSeriesStyle = useCallback17(
     (key) => {
       const hasHighlights = highlightedSeries.size > 0;
       const isSeriesHighlighted = highlightedSeries.has(key);
@@ -17843,83 +18127,6 @@ var useChartHighlights = () => {
     isHighlighted
   };
 };
-
-// src/hooks/use-drag.tsx
-import { useState as useState40, useCallback as useCallback16, useRef as useRef19, useEffect as useEffect30 } from "react";
-var useDrag = (options = {}) => {
-  const [isDragging, setIsDragging] = useState40(null);
-  const [positions, setPositions] = useState40({});
-  const dragStartPos = useRef19(null);
-  const dragId = useRef19(null);
-  const handleMouseDown = useCallback16((id, e) => {
-    e.preventDefault();
-    const currentPosition = positions[id] || { top: 0, left: 0 };
-    dragStartPos.current = {
-      x: e.clientX,
-      y: e.clientY,
-      elementX: currentPosition.left,
-      elementY: currentPosition.top
-    };
-    dragId.current = id;
-    setIsDragging(id);
-    options.onDragStart?.(id);
-  }, [positions, options]);
-  const handleMouseMove = useCallback16((e) => {
-    if (!isDragging || !dragStartPos.current || !dragId.current) return;
-    const deltaX = e.clientX - dragStartPos.current.x;
-    const deltaY = e.clientY - dragStartPos.current.y;
-    const newPosition = {
-      left: dragStartPos.current.elementX + deltaX,
-      top: dragStartPos.current.elementY + deltaY
-    };
-    newPosition.left = Math.max(0, Math.min(window.innerWidth - 300, newPosition.left));
-    newPosition.top = Math.max(0, Math.min(window.innerHeight - 200, newPosition.top));
-    setPositions((prev) => ({
-      ...prev,
-      [dragId.current]: newPosition
-    }));
-    options.onDrag?.(dragId.current, newPosition);
-  }, [isDragging, options]);
-  const handleMouseUp = useCallback16(() => {
-    if (dragId.current) {
-      options.onDragEnd?.(dragId.current);
-    }
-    setIsDragging(null);
-    dragStartPos.current = null;
-    dragId.current = null;
-  }, [options]);
-  useEffect30(() => {
-    if (isDragging) {
-      document.addEventListener("mousemove", handleMouseMove);
-      document.addEventListener("mouseup", handleMouseUp);
-      document.body.style.userSelect = "none";
-      return () => {
-        document.removeEventListener("mousemove", handleMouseMove);
-        document.removeEventListener("mouseup", handleMouseUp);
-        document.body.style.userSelect = "";
-      };
-    }
-  }, [isDragging, handleMouseMove, handleMouseUp]);
-  const setPosition = useCallback16((id, position) => {
-    setPositions((prev) => ({
-      ...prev,
-      [id]: position
-    }));
-  }, []);
-  const getPosition = useCallback16((id) => {
-    return positions[id] || { top: 0, left: 0 };
-  }, [positions]);
-  const isElementDragging = useCallback16((id) => {
-    return isDragging === id;
-  }, [isDragging]);
-  return {
-    handleMouseDown,
-    getPosition,
-    setPosition,
-    isElementDragging,
-    isDragging: isDragging !== null
-  };
-};
 export {
   AddButton,
   Agenda,