@mlw-packages/react-components 1.7.26 → 1.7.28

package/dist/index.js

@@ -1004,7 +1004,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,
@@ -1217,22 +1217,47 @@ var CommandInputBase = React5.forwardRef(({ className, testid: dataTestId = "com
   )
 ] }));
 CommandInputBase.displayName = import_cmdk.Command.Input.displayName;
-var CommandListBase = React5.forwardRef(({ className, testid: dataTestId = "command-list", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-  import_cmdk.Command.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__ */ (0, import_jsx_runtime6.jsx)(
+    import_cmdk.Command.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 = import_cmdk.Command.List.displayName;
 var CommandEmptyBase = React5.forwardRef(({ testid: dataTestId = "command-empty", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
   import_cmdk.Command.Empty,
@@ -7297,8 +7322,87 @@ var import_date_fns = require("date-fns");
 // src/components/ui/picker/calendar.tsx
 var React37 = __toESM(require("react"));
 var import_react_day_picker2 = require("react-day-picker");
-var import_react39 = require("@phosphor-icons/react");
-var import_framer_motion11 = require("framer-motion");
+var import_locale = require("date-fns/locale");
+var import_react40 = require("@phosphor-icons/react");
+
+// src/hooks/use-drag.tsx
+var import_react39 = require("react");
+var useDrag = (options = {}) => {
+  const [isDragging, setIsDragging] = (0, import_react39.useState)(null);
+  const [positions, setPositions] = (0, import_react39.useState)({});
+  const dragStartPos = (0, import_react39.useRef)(null);
+  const dragId = (0, import_react39.useRef)(null);
+  const handleMouseDown = (0, import_react39.useCallback)((id, e) => {
+    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 = (0, import_react39.useCallback)((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 = (0, import_react39.useCallback)(() => {
+    if (dragId.current) {
+      options.onDragEnd?.(dragId.current);
+    }
+    setIsDragging(null);
+    dragStartPos.current = null;
+    dragId.current = null;
+  }, [options]);
+  (0, import_react39.useEffect)(() => {
+    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 = (0, import_react39.useCallback)((id, position) => {
+    setPositions((prev) => ({
+      ...prev,
+      [id]: position
+    }));
+  }, []);
+  const getPosition = (0, import_react39.useCallback)((id) => {
+    return positions[id] || { top: 0, left: 0 };
+  }, [positions]);
+  const isElementDragging = (0, import_react39.useCallback)((id) => {
+    return isDragging === id;
+  }, [isDragging]);
+  return {
+    handleMouseDown,
+    getPosition,
+    setPosition,
+    isElementDragging,
+    isDragging: isDragging !== null
+  };
+};
+
+// src/components/ui/picker/calendar.tsx
 var import_jsx_runtime55 = require("react/jsx-runtime");
 function CalendarBase2({
   className,
@@ -7306,16 +7410,7 @@ function CalendarBase2({
   showOutsideDays = true,
   ...props
 }) {
-  const [month, setMonth] = React37.useState(
-    props.month || props.defaultMonth || /* @__PURE__ */ new Date()
-  );
-  const [direction, setDirection] = React37.useState(1);
-  const handleMonthChange = (newMonth) => {
-    const isNext = newMonth > month ? 1 : -1;
-    setDirection(isNext);
-    setMonth(newMonth);
-    props.onMonthChange?.(newMonth);
-  };
+  const isMobile = useIsMobile();
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "div",
     {
@@ -7323,80 +7418,75 @@ function CalendarBase2({
         "rounded-md border bg-background p-3 overflow-hidden flex flex-col",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "relative flex-1 flex flex-col min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_framer_motion11.AnimatePresence, { initial: false, mode: "wait", custom: direction, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
-        "div",
+      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "relative flex-1 flex flex-col min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        import_react_day_picker2.DayPicker,
         {
+          showOutsideDays,
+          fixedWeeks: true,
+          weekStartsOn: 1,
+          locale: import_locale.ptBR,
+          navLayout: "around",
           className: "w-full h-full flex flex-col",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex items-center justify-end mb-2 -mt-1" }),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-              import_react_day_picker2.DayPicker,
-              {
-                showOutsideDays,
-                month,
-                onMonthChange: handleMonthChange,
-                className: "w-full h-full flex flex-col",
-                classNames: {
-                  months: "flex flex-col sm:flex-row gap-3 sm:gap-4 w-full",
-                  month: "flex-1 min-w-0",
-                  caption: "flex items-center justify-between gap-2 pr-1 min-h-[2.25rem] mb-2",
-                  caption_label: "text-[clamp(0.85rem,1.4vw,1.125rem)] sm:text-[clamp(0.9rem,1.6vw,1.125rem)] font-semibold capitalize text-left",
-                  nav: "flex items-center gap-2",
-                  nav_button: cn(
-                    buttonVariantsBase({ variant: "outline" }),
-                    "h-8 w-8 sm:h-9 sm:w-9 md:h-10 md:w-10 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"
-                  ),
-                  nav_button_previous: "",
-                  nav_button_next: "",
-                  table: "w-full min-w-0 flex-1 grid grid-rows-[auto_1fr] gap-2",
-                  head_row: "grid grid-cols-7 gap-1 mb-1",
-                  head_cell: "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",
-                  row: "grid grid-cols-7 gap-1",
-                  cell: cn(
-                    "min-w-0 h-9 sm:h-10 md:h-10 p-0 relative flex items-center justify-center",
-                    "[&:has([aria-selected].day-range-end)]:rounded-r-lg",
-                    "[&:has([aria-selected].day-range-start)]:rounded-l-lg",
-                    "[&:has([aria-selected].day-outside)]:bg-muted/50",
-                    "[&:has([aria-selected])]:bg-muted"
-                  ),
-                  day: 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 hover:bg-muted transition-all duration-150 ease-out active:scale-95"
-                  ),
-                  day_selected: "bg-primary text-primary-foreground hover:bg-primary/90 focus:bg-primary/90 font-semibold hover:text-white",
-                  day_today: "bg-muted text-foreground font-bold ring-2 ring-primary/30 ring-inset",
-                  day_outside: "text-muted-foreground/40 opacity-60 aria-selected:bg-muted/50 aria-selected:text-foreground",
-                  day_disabled: "text-muted-foreground/30 opacity-40 cursor-not-allowed",
-                  day_range_middle: "aria-selected:bg-muted aria-selected:text-foreground",
-                  day_hidden: "invisible",
-                  button: "p-0 m-0  border-0 outline-none focus:ring-0",
-                  ...classNames
-                },
-                components: {
-                  Chevron: ({ orientation }) => {
-                    if (orientation === "left") {
-                      return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react39.CaretLeftIcon, { className: "h-4 w-4" });
-                    }
-                    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react39.CaretRightIcon, { className: "h-4 w-4" });
-                  }
-                },
-                ...props
+          classNames: {
+            months: "flex flex-col sm:flex-row gap-3 sm:gap-4 w-full",
+            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 ",
+            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",
+              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",
+              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",
+            weekday: "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",
+            week: "grid grid-cols-7 gap-1",
+            day: cn(
+              "min-w-0 h-9 sm:h-10 md:h-10 p-0 relative flex items-center justify-center",
+              "[&:has([aria-selected].day-range-end)]:rounded-r-lg",
+              "[&:has([aria-selected].day-range-start)]:rounded-l-lg",
+              "[&:has([aria-selected].day-outside)]:bg-muted/50",
+              "[&:has([aria-selected])]:bg-muted"
+            ),
+            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 hover:bg-muted transition-all duration-150 ease-out active:scale-95"
+            ),
+            selected: "bg-primary text-primary-foreground hover:bg-primary/90 focus:bg-primary/90 font-semibold hover:text-white rounded-md",
+            today: "bg-muted text-foreground font-bold ring-2 ring-primary/30 ring-inset rounded-md",
+            outside: "text-muted-foreground/40 opacity-60 aria-selected:bg-muted/50 aria-selected:text-foreground",
+            disabled: "text-muted-foreground/30 opacity-40 cursor-not-allowed",
+            range_middle: "aria-selected:bg-muted aria-selected:text-foreground",
+            hidden: "invisible",
+            ...classNames
+          },
+          components: {
+            Chevron: ({ orientation }) => {
+              if (orientation === "left") {
+                return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react40.CaretLeftIcon, { className: "h-4 w-4" });
               }
-            )
-          ]
-        },
-        month.toISOString()
-      ) }) })
+              return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react40.CaretRightIcon, { className: "h-4 w-4" });
+            }
+          },
+          ...props
+        }
+      ) })
     }
   );
 }
 CalendarBase2.displayName = "CalendarBase";
 
 // src/components/ui/picker/DateTimePicker.tsx
-var import_locale = require("date-fns/locale");
-var import_react41 = require("react");
-var import_react42 = require("@phosphor-icons/react");
+var import_locale2 = require("date-fns/locale");
+var import_react43 = require("react");
+var import_react44 = require("@phosphor-icons/react");
 
 // src/components/ui/shared/ClearButton.tsx
 var import_ssr2 = require("@phosphor-icons/react/dist/ssr");
@@ -7429,27 +7519,33 @@ function ClearButton({
 }
 
 // src/components/ui/picker/TimeScrollPicker.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 var import_jsx_runtime57 = require("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 = (0, import_react40.useRef)(null);
+  const containerRef = (0, import_react41.useRef)(null);
   const items = Array.from({ length: max }, (_, i) => i);
-  const [isDragging, setIsDragging] = (0, import_react40.useState)(false);
-  const [startY, setStartY] = (0, import_react40.useState)(0);
-  const [scrollTop, setScrollTop] = (0, import_react40.useState)(0);
-  const scrollTimeoutRef = (0, import_react40.useRef)(null);
+  const [isDragging, setIsDragging] = (0, import_react41.useState)(false);
+  const [startY, setStartY] = (0, import_react41.useState)(0);
+  const [scrollTop, setScrollTop] = (0, import_react41.useState)(0);
+  const scrollTimeoutRef = (0, import_react41.useRef)(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;
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (containerRef.current && !isDragging) {
       requestAnimationFrame(() => {
         if (containerRef.current) {
@@ -7459,7 +7555,7 @@ function ScrollColumn({ value, onChange, max, label }) {
       });
     }
   }, [value, isDragging, itemHeight]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     return () => {
       if (scrollTimeoutRef.current) {
         clearTimeout(scrollTimeoutRef.current);
@@ -7504,55 +7600,44 @@ function ScrollColumn({ value, onChange, max, label }) {
   const handleMouseLeave = () => {
     if (isDragging) handleMouseUp();
   };
+  const containerWidth = isMobile ? hideSeconds ? "w-16" : "w-8" : "w-16";
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col items-center gap-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("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__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "relative w-16", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-        "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__ */ (0, import_jsx_runtime57.jsx)(
-        "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__ */ (0, import_jsx_runtime57.jsx)(
-              "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__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn("relative", containerWidth), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      "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__ */ (0, import_jsx_runtime57.jsx)(
+            "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({
@@ -7560,7 +7645,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);
@@ -7568,14 +7656,25 @@ function TimeScrollPicker({
     else newDate.setSeconds(value);
     setDate(newDate);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex items-center justify-center gap-2 p-3", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex gap-2 ", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex items-center justify-center gap-2 p-3", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: cn("relative flex gap-2"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      "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__ */ (0, import_jsx_runtime57.jsx)(
       ScrollColumn,
       {
         value: currentDate.getHours(),
         onChange: (v) => handleTimeChange("hours", v),
         max: 24,
-        label: "Hora"
+        label: "Hora",
+        hideSeconds
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
@@ -7584,7 +7683,8 @@ function TimeScrollPicker({
         value: currentDate.getMinutes(),
         onChange: (v) => handleTimeChange("minutes", v),
         max: 60,
-        label: "Min"
+        label: "Min",
+        hideSeconds
       }
     ),
     !hideSeconds && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
@@ -7593,12 +7693,44 @@ function TimeScrollPicker({
         value: currentDate.getSeconds(),
         onChange: (v) => handleTimeChange("seconds", v),
         max: 60,
-        label: "Seg"
+        label: "Seg",
+        hideSeconds
       }
     )
   ] }) });
 }
 
+// src/hooks/use-auto-center.tsx
+var import_react42 = require("react");
+function useAutoCenter(open) {
+  const ref = (0, import_react42.useRef)(null);
+  const [center, setCenter] = (0, import_react42.useState)(false);
+  (0, import_react42.useEffect)(() => {
+    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
 var import_jsx_runtime58 = require("react/jsx-runtime");
 function DateTimePicker({
@@ -7615,11 +7747,14 @@ function DateTimePicker({
   className,
   error
 }) {
-  const [internalDate, setInternalDate] = (0, import_react41.useState)(date);
-  const [open, setOpen] = (0, import_react41.useState)(false);
+  const [internalDate, setInternalDate] = (0, import_react43.useState)(date);
+  const [open, setOpen] = (0, import_react43.useState)(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;
@@ -7647,110 +7782,153 @@ function DateTimePicker({
     if (!timeFormat) return "dd MMMM yyyy";
     return `dd MMMM yyyy - ${timeFormat}`;
   };
-  (0, import_react41.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     setInternalDate(date);
   }, [date, open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: cn("w-full sm:w-auto", className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(LabelBase_default, { children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(PopoverBase, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        PopoverTriggerBase,
-        {
-          disabled,
-          asChild: true,
-          className: cn(error && "border-red-500"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
-            ButtonBase,
-            {
-              variant: "outline",
-              disabled,
-              className: cn(
-                "w-full justify-start text-left min-w-0 overflow-hidden",
-                !date && "text-muted-foreground"
-              ),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-                  "span",
-                  {
-                    className: cn(
-                      "truncate flex-1",
-                      !date && "text-muted-foreground"
-                    ),
-                    children: date ? (0, import_date_fns.format)(date, getDisplayFormat(), { locale: import_locale.ptBR }) : "Selecione uma data"
-                  }
-                ),
-                date && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-                  ClearButton,
-                  {
-                    className: "-mr-3",
-                    onClick: (e) => {
-                      e?.stopPropagation();
-                      setInternalDate(null);
-                      onChange?.(null);
-                      onConfirm?.(null);
-                    }
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react42.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__ */ (0, import_jsx_runtime58.jsxs)(
+    ButtonBase,
+    {
+      variant: "outline",
+      disabled,
+      className: cn(
+        "w-full justify-start text-left min-w-0 overflow-hidden",
+        !date && "text-muted-foreground"
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ErrorMessage_default, { error }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(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__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-col sm:flex-row max-h-auto overflow-y-auto border-none rounded-md", children: [
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: cn("truncate flex-1", !date && "text-muted-foreground"), children: date ? (0, import_date_fns.format)(date, getDisplayFormat(), { locale: import_locale2.ptBR }) : "Selecione uma data" }),
+        date && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+          ClearButton,
+          {
+            className: "-mr-3",
+            onClick: (e) => {
+              e?.stopPropagation();
+              setInternalDate(null);
+              onChange?.(null);
+              onConfirm?.(null);
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react44.CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
+      ]
+    }
+  );
+  const renderPickerContent = () => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+      "div",
+      {
+        ref: contentRef,
+        className: "flex sm:flex-row max-h-auto overflow-y-auto border-none rounded-md",
+        children: [
           /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             CalendarBase2,
             {
               mode: "single",
-              locale: import_locale.ptBR,
+              locale: import_locale2.ptBR,
               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__ */ (0, import_jsx_runtime58.jsxs)("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__ */ (0, import_jsx_runtime58.jsx)("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__ */ (0, import_jsx_runtime58.jsx)(
-              TimeScrollPicker,
-              {
-                setDate: (d) => handleTimeChange(d ?? null),
-                date: internalDate,
-                hideSeconds
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex border-none rounded-md", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "grid grid-cols-2 w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-            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__ */ (0, import_jsx_runtime58.jsx)(
-            ButtonBase,
+          !hideTime && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+            "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__ */ (0, import_jsx_runtime58.jsx)("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__ */ (0, import_jsx_runtime58.jsx)(
+                  TimeScrollPicker,
+                  {
+                    setDate: (d) => handleTimeChange(d ?? null),
+                    date: internalDate,
+                    hideSeconds
+                  }
+                )
+              ]
             }
           )
-        ] }) })
-      ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex rounded-md -mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "grid grid-cols-2 w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        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__ */ (0, import_jsx_runtime58.jsx)(
+        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__ */ (0, import_jsx_runtime58.jsxs)("div", { className: cn("w-full sm:w-auto", className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(LabelBase_default, { children: label }),
+    isMobile ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(DialogBase, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        DialogTriggerBase,
+        {
+          disabled,
+          asChild: true,
+          className: cn(error && "border-red-500"),
+          children: renderTriggerButton()
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ErrorMessage_default, { error }),
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DialogContentBase, { className: "p-0 max-w-[min(95vw,450px)] max-h-[90vh] overflow-hidden", children: renderPickerContent() })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(PopoverBase, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        PopoverTriggerBase,
+        {
+          disabled,
+          asChild: true,
+          className: cn(error && "border-red-500"),
+          children: renderTriggerButton()
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ErrorMessage_default, { error }),
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        PopoverContentBase,
+        {
+          className: center ? centeredPopoverClass : basePopoverClass,
+          children: renderPickerContent()
+        }
+      )
     ] })
   ] });
 }
@@ -7760,8 +7938,8 @@ var React38 = __toESM(require("react"));
 var import_react_day_picker3 = require("react-day-picker");
 var import_pt_BR = __toESM(require("date-fns/locale/pt-BR"));
 var import_date_fns2 = require("date-fns");
-var import_react43 = require("@phosphor-icons/react");
-var import_framer_motion12 = require("framer-motion");
+var import_react45 = require("@phosphor-icons/react");
+var import_framer_motion11 = require("framer-motion");
 var import_ssr3 = require("@phosphor-icons/react/dist/ssr");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var dateFnsLocale = import_pt_BR.default?.default ?? import_pt_BR.default;
@@ -7789,6 +7967,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__ */ (0, import_jsx_runtime59.jsxs)("div", { className: cn("w-full sm:w-auto", className), children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(LabelBase_default, { children: label }),
     /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(PopoverBase, { open, onOpenChange: setOpen, children: [
@@ -7830,28 +8011,33 @@ function RangePicker({
                     }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react43.CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
+                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react45.CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
               ]
             }
           )
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ErrorMessage_default, { error }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_framer_motion12.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_framer_motion11.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         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__ */ (0, import_jsx_runtime59.jsxs)(
-            import_framer_motion12.motion.div,
+            import_framer_motion11.motion.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__ */ (0, import_jsx_runtime59.jsx)("div", { className: "p-4", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-                  import_framer_motion12.motion.div,
+                  import_framer_motion11.motion.div,
                   {
                     initial: { opacity: 0, y: 8 },
                     animate: { opacity: 1, y: 0 },
@@ -7866,50 +8052,59 @@ function RangePicker({
                         onSelect: handleSelect,
                         locale: dateFnsLocale,
                         showOutsideDays: true,
-                        fromDate: minDate,
-                        toDate: maxDate,
+                        fixedWeeks: true,
+                        weekStartsOn: 1,
+                        navLayout: "around",
+                        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",
-                          month: "flex-1 min-w-0",
-                          caption: "flex items-center justify-between gap-2 pr-1 min-h-[2.25rem] mb-2",
-                          caption_label: "text-[clamp(0.85rem,1.4vw,1.125rem)] sm:text-[clamp(0.9rem,1.6vw,1.125rem)] font-semibold capitalize text-left",
-                          nav: "flex items-center gap-2",
-                          nav_button: cn(
+                          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: "block",
+                          button_previous: cn(
                             buttonVariantsBase({ variant: "outline" }),
-                            "h-8 w-8 sm:h-9 sm:w-9 md:h-10 md:w-10 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"
+                            "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"
                           ),
-                          nav_button_previous: "",
-                          nav_button_next: "",
-                          table: "w-full min-w-0 flex-1 grid grid-rows-[auto_1fr] gap-2",
-                          head_row: "grid grid-cols-7 gap-1 mb-1",
-                          head_cell: "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",
-                          row: "grid grid-cols-7 gap-1",
-                          cell: cn(
-                            "min-w-0 h-9 p-0 relative flex items-center justify-center",
-                            "[&:has([aria-selected].day-range-end)]:rounded-r-lg",
-                            "[&:has([aria-selected].day-range-start)]:rounded-l-lg",
+                          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"
+                          ),
+                          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",
+                          weekday: "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",
+                          week: "grid grid-cols-7 gap-1",
+                          day: cn(
+                            "min-w-0 h-9 sm:h-10 md:h-10 p-0 relative flex items-center justify-center",
+                            "[&:has([aria-selected].range-end)]:rounded-r-lg",
+                            "[&:has([aria-selected].range-start)]:rounded-l-lg",
                             "[&:has([aria-selected].day-outside)]:bg-muted/50",
                             "[&:has([aria-selected])]:bg-muted"
                           ),
-                          day: cn(
+                          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 hover:bg-muted transition-all duration-150 ease-out active:scale-95"
+                            "aria-selected:opacity-100  transition-all duration-150 ease-out active:scale-95 hover:bg-background/20 hover:text-primary/90 rounded-none "
                           ),
-                          day_selected: "bg-primary text-primary-foreground hover:bg-primary/90 focus:bg-primary/90 font-semibold hover:text-white",
-                          day_today: "bg-muted text-foreground font-bold ring-2 ring-primary/30 ring-inset",
-                          day_outside: "text-muted-foreground/40 opacity-60 aria-selected:bg-muted/50 aria-selected:text-foreground",
-                          day_disabled: "text-muted-foreground/30 opacity-40 cursor-not-allowed",
-                          day_range_middle: "aria-selected:bg-muted aria-selected:text-foreground",
-                          day_hidden: "invisible"
+                          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",
+                          outside: "day-outside text-muted-foreground/40 opacity-60 aria-selected:bg-muted/50 aria-selected:text-foreground",
+                          disabled: "text-muted-foreground/30 opacity-40 cursor-not-allowed",
+                          range_start: "range-start rounded-l-lg aria-selected:bg-primary aria-selected:text-primary-foreground",
+                          range_end: "range-end rounded-r-lg aria-selected:bg-primary aria-selected:text-primary-foreground",
+                          range_middle: "range-middle rounded-none aria-selected:bg-muted aria-selected:text-foreground",
+                          hidden: "invisible"
                         },
                         components: {
                           Chevron: ({ orientation }) => {
                             if (orientation === "left") {
-                              return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react43.CaretLeftIcon, { className: "h-4 w-4" });
+                              return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react45.CaretLeftIcon, { className: "h-4 w-4" });
                             }
-                            return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react43.CaretRightIcon, { className: "h-4 w-4" });
+                            return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react45.CaretRightIcon, { className: "h-4 w-4" });
                           }
                         }
                       }
@@ -7918,7 +8113,7 @@ function RangePicker({
                 ) }),
                 /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex justify-end gap-2 px-4 pb-4", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { style: { display: "inline-block" }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-                    import_framer_motion12.motion.div,
+                    import_framer_motion11.motion.div,
                     {
                       whileHover: { scale: 1.03 },
                       whileTap: { scale: 0.95 },
@@ -7938,7 +8133,7 @@ function RangePicker({
                     }
                   ) }),
                   /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { style: { display: "inline-block" }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-                    import_framer_motion12.motion.div,
+                    import_framer_motion11.motion.div,
                     {
                       whileHover: { scale: 1.03 },
                       whileTap: { scale: 0.95 },
@@ -7955,19 +8150,23 @@ function RangePicker({
                     }
                   ) }),
                   /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { style: { display: "inline-block", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-                    import_framer_motion12.motion.div,
+                    import_framer_motion11.motion.div,
                     {
                       whileHover: { scale: 1.02 },
                       whileTap: { scale: 0.98 },
                       children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                         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"
                         }
                       )
@@ -7985,12 +8184,12 @@ function RangePicker({
 RangePicker.displayName = "RangePicker";
 
 // src/components/ui/picker/TimePicker.tsx
-var import_framer_motion13 = require("framer-motion");
+var import_framer_motion12 = require("framer-motion");
 var React40 = __toESM(require("react"));
 
 // src/components/ui/picker/TimePickerInput.tsx
-var import_react44 = require("@phosphor-icons/react");
-var import_react45 = __toESM(require("react"));
+var import_react46 = require("@phosphor-icons/react");
+var import_react47 = __toESM(require("react"));
 
 // src/components/ui/picker/utils/time-picker-utils.ts
 function isValidHour(value) {
@@ -8133,7 +8332,7 @@ function display12HourValue(hours) {
 
 // src/components/ui/picker/TimePickerInput.tsx
 var import_jsx_runtime60 = require("react/jsx-runtime");
-var TimePickerInput = import_react45.default.forwardRef(
+var TimePickerInput = import_react47.default.forwardRef(
   ({
     className,
     type = "tel",
@@ -8152,10 +8351,10 @@ var TimePickerInput = import_react45.default.forwardRef(
     label,
     ...props
   }, ref) => {
-    const [flag, setFlag] = import_react45.default.useState(false);
-    const [prevIntKey, setPrevIntKey] = import_react45.default.useState("0");
-    const [isFocused, setIsFocused] = import_react45.default.useState(false);
-    import_react45.default.useEffect(() => {
+    const [flag, setFlag] = import_react47.default.useState(false);
+    const [prevIntKey, setPrevIntKey] = import_react47.default.useState("0");
+    const [isFocused, setIsFocused] = import_react47.default.useState(false);
+    import_react47.default.useEffect(() => {
       if (flag) {
         const timer = setTimeout(() => {
           setFlag(false);
@@ -8163,7 +8362,7 @@ var TimePickerInput = import_react45.default.forwardRef(
         return () => clearTimeout(timer);
       }
     }, [flag]);
-    const calculatedValue = import_react45.default.useMemo(() => {
+    const calculatedValue = import_react47.default.useMemo(() => {
       const safeDate = date ?? new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0));
       return getDateByType(safeDate, picker);
     }, [date, picker]);
@@ -8259,7 +8458,7 @@ var TimePickerInput = import_react45.default.forwardRef(
                 ),
                 tabIndex: -1,
                 "aria-label": `Incrementar ${getPickerLabel().toLowerCase()}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react44.CaretUpIcon, { size: 14, className: "sm:w-4 sm:h-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react46.CaretUpIcon, { size: 14, className: "sm:w-4 sm:h-4" })
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "relative", children: [
@@ -8326,7 +8525,7 @@ var TimePickerInput = import_react45.default.forwardRef(
                 ),
                 tabIndex: -1,
                 "aria-label": `Decrementar ${getPickerLabel().toLowerCase()}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react44.CaretDownIcon, { size: 14, className: "sm:w-4 sm:h-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react46.CaretDownIcon, { size: 14, className: "sm:w-4 sm:h-4" })
               }
             )
           ]
@@ -8364,7 +8563,7 @@ function TimePicker({
     visible: { opacity: 1, y: 0 }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
-    import_framer_motion13.motion.div,
+    import_framer_motion12.motion.div,
     {
       variants: containerVariants,
       initial: "hidden",
@@ -8372,7 +8571,7 @@ function TimePicker({
       className: "flex items-end justify-center gap-2 sm:gap-3 p-2 sm:p-3 md:p-4 rounded-lg bg-muted/20 border border-border/50 w-full max-w-full overflow-hidden",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-          import_framer_motion13.motion.div,
+          import_framer_motion12.motion.div,
           {
             variants: itemVariants2,
             className: "grid gap-1 sm:gap-2 text-center flex-shrink-0 min-w-0",
@@ -8390,7 +8589,7 @@ function TimePicker({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-          import_framer_motion13.motion.div,
+          import_framer_motion12.motion.div,
           {
             variants: itemVariants2,
             className: "grid gap-1 sm:gap-2 text-center flex-shrink-0 min-w-0",
@@ -8408,8 +8607,8 @@ function TimePicker({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_framer_motion13.AnimatePresence, { children: !hideSeconds && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-          import_framer_motion13.motion.div,
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_framer_motion12.AnimatePresence, { children: !hideSeconds && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          import_framer_motion12.motion.div,
           {
             variants: itemVariants2,
             initial: "hidden",
@@ -8436,9 +8635,9 @@ function TimePicker({
 
 // src/components/ui/event-calendar-view/Agenda.tsx
 var import_date_fns3 = require("date-fns");
-var import_locale2 = require("date-fns/locale");
-var import_react46 = require("react");
-var import_react47 = require("@phosphor-icons/react");
+var import_locale3 = require("date-fns/locale");
+var import_react48 = require("react");
+var import_react49 = require("@phosphor-icons/react");
 var import_tailwind_merge2 = require("tailwind-merge");
 var import_jsx_runtime62 = require("react/jsx-runtime");
 function Agenda({
@@ -8455,15 +8654,15 @@ function Agenda({
       return false;
     }
   };
-  const datedEvents = (0, import_react46.useMemo)(
+  const datedEvents = (0, import_react48.useMemo)(
     () => events.filter((e) => isValidDate5(e.start) || isValidDate5(e.end)),
     [events]
   );
-  const undatedEvents = (0, import_react46.useMemo)(
+  const undatedEvents = (0, import_react48.useMemo)(
     () => events.filter((e) => !(isValidDate5(e.start) || isValidDate5(e.end))),
     [events]
   );
-  const days = (0, import_react46.useMemo)(() => {
+  const days = (0, import_react48.useMemo)(() => {
     const start = (0, import_date_fns3.startOfMonth)(new Date(currentDate));
     const end = (0, import_date_fns3.endOfMonth)(new Date(currentDate));
     return (0, import_date_fns3.eachDayOfInterval)({ start, end });
@@ -8476,7 +8675,7 @@ function Agenda({
     (day) => getAgendaEventsForDayAgenda(datedEvents, day).length > 0
   );
   return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "border-border/70 border-t px-4", children: !hasEvents && !(showUndatedEvents && undatedEvents.length > 0) ? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex min-h-[70svh] flex-col items-center justify-center py-16 text-center px-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react47.CalendarIcon, { className: "mb-2 text-muted-foreground/50", size: 32 }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react49.CalendarIcon, { className: "mb-2 text-muted-foreground/50", size: 32 }),
     /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("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__ */ (0, import_jsx_runtime62.jsx)("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__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
@@ -8495,13 +8694,13 @@ function Agenda({
               "span",
               {
                 className: (0, import_tailwind_merge2.twMerge)(
-                  "-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",
                   (0, import_date_fns3.isToday)(day) ? "text-blue-500" : ""
                 ),
                 "data-today": (0, import_date_fns3.isToday)(day) || void 0,
                 children: [
                   (() => {
-                    const s = (0, import_date_fns3.format)(day, "d MMM, EEEE", { locale: import_locale2.ptBR });
+                    const s = (0, import_date_fns3.format)(day, "d MMM, EEEE", { locale: import_locale3.ptBR });
                     return s.split(" ").map((w) => w ? w[0].toUpperCase() + w.slice(1) : w).join(" ");
                   })(),
                   (0, import_date_fns3.isToday)(day) ? " - Hoje" : ""
@@ -8538,11 +8737,11 @@ function Agenda({
 // src/components/ui/event-calendar-view/CalendarDND.tsx
 var import_core = require("@dnd-kit/core");
 var import_date_fns4 = require("date-fns");
-var import_react49 = require("react");
+var import_react51 = require("react");
 
 // src/components/ui/event-calendar-view/hooks.ts
-var import_react48 = require("react");
-var CalendarDndContext = (0, import_react48.createContext)({
+var import_react50 = require("react");
+var CalendarDndContext = (0, import_react50.createContext)({
   activeEvent: null,
   activeId: null,
   activeView: null,
@@ -8552,7 +8751,7 @@ var CalendarDndContext = (0, import_react48.createContext)({
   isMultiDay: false,
   multiDayWidth: null
 });
-var useCalendarDndAgenda = () => (0, import_react48.useContext)(CalendarDndContext);
+var useCalendarDndAgenda = () => (0, import_react50.useContext)(CalendarDndContext);
 
 // src/components/ui/event-calendar-view/CalendarDND.tsx
 var import_jsx_runtime63 = require("react/jsx-runtime");
@@ -8560,19 +8759,19 @@ function CalendarDndProviderAgenda({
   children,
   onEventUpdate
 }) {
-  const [activeEvent, setActiveEvent] = (0, import_react49.useState)(
+  const [activeEvent, setActiveEvent] = (0, import_react51.useState)(
     null
   );
-  const [activeId, setActiveId] = (0, import_react49.useState)(null);
-  const [activeView, setActiveView] = (0, import_react49.useState)(
+  const [activeId, setActiveId] = (0, import_react51.useState)(null);
+  const [activeView, setActiveView] = (0, import_react51.useState)(
     null
   );
-  const [currentTime, setCurrentTime] = (0, import_react49.useState)(null);
-  const [eventHeight, setEventHeight] = (0, import_react49.useState)(null);
-  const [isMultiDay, setIsMultiDay] = (0, import_react49.useState)(false);
-  const [multiDayWidth, setMultiDayWidth] = (0, import_react49.useState)(null);
-  const [dragHandlePosition, setDragHandlePosition] = (0, import_react49.useState)(null);
-  const eventDimensions = (0, import_react49.useRef)({ height: 0 });
+  const [currentTime, setCurrentTime] = (0, import_react51.useState)(null);
+  const [eventHeight, setEventHeight] = (0, import_react51.useState)(null);
+  const [isMultiDay, setIsMultiDay] = (0, import_react51.useState)(false);
+  const [multiDayWidth, setMultiDayWidth] = (0, import_react51.useState)(null);
+  const [dragHandlePosition, setDragHandlePosition] = (0, import_react51.useState)(null);
+  const eventDimensions = (0, import_react51.useRef)({ height: 0 });
   const sensors = (0, import_core.useSensors)(
     (0, import_core.useSensor)(import_core.MouseSensor, {
       // Require the mouse to move by 5px before activating
@@ -8594,7 +8793,7 @@ function CalendarDndProviderAgenda({
       }
     })
   );
-  const dndContextId = (0, import_react49.useId)();
+  const dndContextId = (0, import_react51.useId)();
   const handleDragStart = (event) => {
     const { active } = event;
     if (!active.data.current) {
@@ -8792,7 +8991,7 @@ var DefaultEndHourAgenda = 10;
 
 // src/components/ui/event-calendar-view/DayView.tsx
 var import_date_fns8 = require("date-fns");
-var import_react52 = require("react");
+var import_react54 = require("react");
 
 // src/components/ui/event-calendar-view/utils.ts
 var import_date_fns5 = require("date-fns");
@@ -8922,12 +9121,12 @@ function addHoursToDateAgenda(date, hours) {
 
 // src/components/ui/event-calendar-view/hooks/use-current-time-indicator.ts
 var import_date_fns6 = require("date-fns");
-var import_locale3 = require("date-fns/locale");
-var import_react50 = require("react");
+var import_locale4 = require("date-fns/locale");
+var import_react52 = require("react");
 function useCurrentTimeIndicatorAgenda(currentDate, view) {
-  const [currentTimePosition, setCurrentTimePosition] = (0, import_react50.useState)(0);
-  const [currentTimeVisible, setCurrentTimeVisible] = (0, import_react50.useState)(false);
-  (0, import_react50.useEffect)(() => {
+  const [currentTimePosition, setCurrentTimePosition] = (0, import_react52.useState)(0);
+  const [currentTimeVisible, setCurrentTimeVisible] = (0, import_react52.useState)(false);
+  (0, import_react52.useEffect)(() => {
     const calculateTimePosition = () => {
       const now = /* @__PURE__ */ new Date();
       const hours = now.getHours();
@@ -8940,8 +9139,8 @@ function useCurrentTimeIndicatorAgenda(currentDate, view) {
       if (view === "day") {
         isCurrentTimeVisible = (0, import_date_fns6.isSameDay)(now, currentDate);
       } else if (view === "week") {
-        const startOfWeekDate = (0, import_date_fns6.startOfWeek)(currentDate, { locale: import_locale3.ptBR });
-        const endOfWeekDate = (0, import_date_fns6.endOfWeek)(currentDate, { locale: import_locale3.ptBR });
+        const startOfWeekDate = (0, import_date_fns6.startOfWeek)(currentDate, { locale: import_locale4.ptBR });
+        const endOfWeekDate = (0, import_date_fns6.endOfWeek)(currentDate, { locale: import_locale4.ptBR });
         isCurrentTimeVisible = (0, import_date_fns6.isWithinInterval)(now, {
           end: endOfWeekDate,
           start: startOfWeekDate
@@ -8959,7 +9158,7 @@ function useCurrentTimeIndicatorAgenda(currentDate, view) {
 
 // src/components/ui/event-calendar-view/EventItemAgenda.tsx
 var import_date_fns7 = require("date-fns");
-var import_react51 = require("react");
+var import_react53 = require("react");
 var import_jsx_runtime64 = require("react/jsx-runtime");
 var formatTimeWithOptionalMinutes = (date) => {
   return (0, import_date_fns7.format)(date, "HH:mm");
@@ -9041,13 +9240,13 @@ function EventItemAgenda({
   const endDate = getEventEndDate(event);
   const hasValidTime = !!startDate || !!endDate;
   const colorClasses = hasValidTime ? getEventColorClassesAgenda(eventColor) : "bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none";
-  const displayStart = (0, import_react51.useMemo)(() => {
+  const displayStart = (0, import_react53.useMemo)(() => {
     if (!hasValidTime) return void 0;
     if (startDate) return currentTime || startDate;
     if (endDate) return currentTime || endDate;
     return void 0;
   }, [currentTime, startDate, endDate, hasValidTime]);
-  const displayEnd = (0, import_react51.useMemo)(() => {
+  const displayEnd = (0, import_react53.useMemo)(() => {
     if (!hasValidTime) return void 0;
     if (endDate) {
       return currentTime ? new Date(
@@ -9059,7 +9258,7 @@ function EventItemAgenda({
     }
     return void 0;
   }, [currentTime, startDate, endDate, hasValidTime]);
-  const durationMinutes = (0, import_react51.useMemo)(() => {
+  const durationMinutes = (0, import_react53.useMemo)(() => {
     if (!hasValidTime || !displayStart || !displayEnd) return 0;
     return (0, import_date_fns7.differenceInMinutes)(displayEnd, displayStart);
   }, [displayStart, displayEnd, hasValidTime]);
@@ -9307,14 +9506,14 @@ function DayViewAgenda({
   onEventSelect,
   showUndatedEvents
 }) {
-  const hours = (0, import_react52.useMemo)(() => {
+  const hours = (0, import_react54.useMemo)(() => {
     const dayStart = (0, import_date_fns8.startOfDay)(currentDate);
     return (0, import_date_fns8.eachHourOfInterval)({
       end: (0, import_date_fns8.addHours)(dayStart, EndHourAgenda - 1),
       start: (0, import_date_fns8.addHours)(dayStart, StartHourAgenda)
     });
   }, [currentDate]);
-  const dayEvents = (0, import_react52.useMemo)(() => {
+  const dayEvents = (0, import_react54.useMemo)(() => {
     return events.filter((event) => {
       if (event.start == null) return false;
       const eventStart = getEventStartDate(event) ?? /* @__PURE__ */ new Date();
@@ -9324,17 +9523,17 @@ function DayViewAgenda({
       (a, b) => new Date(a.start).getTime() - new Date(b.start).getTime()
     );
   }, [currentDate, events]);
-  const allDayEvents = (0, import_react52.useMemo)(() => {
+  const allDayEvents = (0, import_react54.useMemo)(() => {
     return dayEvents.filter((event) => {
       return event.allDay || isMultiDayEventAgenda(event);
     });
   }, [dayEvents]);
-  const timeEvents = (0, import_react52.useMemo)(() => {
+  const timeEvents = (0, import_react54.useMemo)(() => {
     return dayEvents.filter((event) => {
       return !event.allDay && !isMultiDayEventAgenda(event);
     });
   }, [dayEvents]);
-  const positionedEvents = (0, import_react52.useMemo)(() => {
+  const positionedEvents = (0, import_react54.useMemo)(() => {
     const result = [];
     const dayStart = (0, import_date_fns8.startOfDay)(currentDate);
     const sortedEvents = [...timeEvents].sort((a, b) => {
@@ -9531,14 +9730,14 @@ function DayViewAgenda({
 
 // src/components/ui/event-calendar-view/EventAgenda.tsx
 var import_date_fns9 = require("date-fns");
-var import_locale4 = require("date-fns/locale");
-var import_react55 = __toESM(require("react"));
+var import_locale5 = require("date-fns/locale");
+var import_react57 = __toESM(require("react"));
 var import_sonner2 = require("sonner");
-var import_react56 = require("@phosphor-icons/react");
+var import_react58 = require("@phosphor-icons/react");
 
 // src/components/ui/selects/Select.tsx
-var import_react53 = require("react");
-var import_react54 = require("@phosphor-icons/react");
+var import_react55 = require("react");
+var import_react56 = require("@phosphor-icons/react");
 var import_jsx_runtime67 = require("react/jsx-runtime");
 function Select({
   items,
@@ -9554,13 +9753,13 @@ function Select({
   className,
   pagination
 }) {
-  const [page, setPage] = (0, import_react53.useState)(1);
-  const [animating, setAnimating] = (0, import_react53.useState)(false);
+  const [page, setPage] = (0, import_react55.useState)(1);
+  const [animating, setAnimating] = (0, import_react55.useState)(false);
   const groupCount = groupItems ? Object.keys(groupItems).length : 0;
-  (0, import_react53.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     setPage(1);
   }, [items?.length, groupCount, pagination]);
-  const paged = (0, import_react53.useMemo)(() => {
+  const paged = (0, import_react55.useMemo)(() => {
     if (!pagination || pagination <= 0) return null;
     if (groupItems) {
       const flattened = Object.keys(groupItems).flatMap(
@@ -9587,7 +9786,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);
-  (0, import_react53.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     if (!pagination) return;
     setAnimating(true);
     const id = setTimeout(() => setAnimating(false), 220);
@@ -9677,7 +9876,7 @@ function Select({
                   "data-testid": testIds.paginationPrev ?? "select-pagination-prev",
                   "aria-label": "Previous page",
                   className: "text-xs px-2 py-1 rounded disabled:opacity-50 flex items-center gap-2 hover:scale-105 active:scale-95 transition-transform",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react54.CaretLeftIcon, { className: "h-4 w-4 opacity-80" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react56.CaretLeftIcon, { className: "h-4 w-4 opacity-80" })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: " flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "px-2 py-0.5 rounded bg-gray-100 dark:bg-slate-800 text-xs", children: `${page} / ${paged.totalPages}` }) }),
@@ -9690,7 +9889,7 @@ function Select({
                   "data-testid": testIds.paginationNext ?? "select-pagination-next",
                   "aria-label": "Next page",
                   className: "text-xs px-2 py-1 rounded disabled:opacity-50 flex items-center gap-2 hover:scale-105 active:scale-95 transition-transform",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react54.CaretRightIcon, { className: "h-4 w-4 opacity-80" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react56.CaretRightIcon, { className: "h-4 w-4 opacity-80" })
                 }
               )
             ] })
@@ -9750,11 +9949,11 @@ function EventAgenda({
   initialDate,
   onClick
 }) {
-  const [currentDate, setCurrentDate] = (0, import_react55.useState)(
+  const [currentDate, setCurrentDate] = (0, import_react57.useState)(
     initialDate && new Date(initialDate) || /* @__PURE__ */ new Date()
   );
-  const [view, setView] = (0, import_react55.useState)(initialView);
-  const [selectedEvent, setSelectedEvent] = (0, import_react55.useState)(null);
+  const [view, setView] = (0, import_react57.useState)(initialView);
+  const [selectedEvent, setSelectedEvent] = (0, import_react57.useState)(null);
   const goPrevious = () => {
     if (view === "month") setCurrentDate((d) => (0, import_date_fns9.subMonths)(d, 1));
     else if (view === "week") setCurrentDate((d) => (0, import_date_fns9.subWeeks)(d, 1));
@@ -9778,7 +9977,7 @@ function EventAgenda({
         );
         return;
       }
-      if (import_react55.default.isValidElement(onClick)) {
+      if (import_react57.default.isValidElement(onClick)) {
         setSelectedEvent(event);
         return;
       }
@@ -9796,7 +9995,7 @@ function EventAgenda({
     onEventUpdate?.(updatedEvent);
     const startDate = new Date(updatedEvent.start);
     (0, import_sonner2.toast)(`Evento "${updatedEvent.title}" movido`, {
-      description: (0, import_date_fns9.format)(startDate, "d 'de' MMMM 'de' yyyy", { locale: import_locale4.ptBR }),
+      description: (0, import_date_fns9.format)(startDate, "d 'de' MMMM 'de' yyyy", { locale: import_locale5.ptBR }),
       position: "bottom-left"
     });
   };
@@ -9810,26 +10009,26 @@ function EventAgenda({
     const entry = labels[v] || { full: v, short: v };
     return condensed ? entry.short : entry.full;
   };
-  const viewTitle = (0, import_react55.useMemo)(() => {
+  const viewTitle = (0, import_react57.useMemo)(() => {
     const capitalize = (s) => s ? s.charAt(0).toUpperCase() + s.slice(1) : s;
     if (view === "month")
-      return capitalize((0, import_date_fns9.format)(currentDate, "MMMM yyyy", { locale: import_locale4.ptBR }));
+      return capitalize((0, import_date_fns9.format)(currentDate, "MMMM yyyy", { locale: import_locale5.ptBR }));
     if (view === "week") {
       const start = (0, import_date_fns9.startOfWeek)(currentDate, { weekStartsOn: 1 });
       const end = (0, import_date_fns9.endOfWeek)(currentDate, { weekStartsOn: 1 });
       if ((0, import_date_fns9.isSameMonth)(start, end))
-        return capitalize((0, import_date_fns9.format)(start, "MMMM yyyy", { locale: import_locale4.ptBR }));
-      const s1 = capitalize((0, import_date_fns9.format)(start, "MMM", { locale: import_locale4.ptBR }));
-      const s2 = capitalize((0, import_date_fns9.format)(end, "MMM yyyy", { locale: import_locale4.ptBR }));
+        return capitalize((0, import_date_fns9.format)(start, "MMMM yyyy", { locale: import_locale5.ptBR }));
+      const s1 = capitalize((0, import_date_fns9.format)(start, "MMM", { locale: import_locale5.ptBR }));
+      const s2 = capitalize((0, import_date_fns9.format)(end, "MMM yyyy", { locale: import_locale5.ptBR }));
       return `${s1} - ${s2}`;
     }
     if (view === "day")
-      return (0, import_date_fns9.format)(currentDate, "d 'de' MMMM 'de' yyyy", { locale: import_locale4.ptBR });
+      return (0, import_date_fns9.format)(currentDate, "d 'de' MMMM 'de' yyyy", { locale: import_locale5.ptBR });
     if (view === "agenda") {
       const start = currentDate;
-      return capitalize((0, import_date_fns9.format)(start, "MMMM yyyy", { locale: import_locale4.ptBR }));
+      return capitalize((0, import_date_fns9.format)(start, "MMMM yyyy", { locale: import_locale5.ptBR }));
     }
-    return capitalize((0, import_date_fns9.format)(currentDate, "MMMM yyyy", { locale: import_locale4.ptBR }));
+    return capitalize((0, import_date_fns9.format)(currentDate, "MMMM yyyy", { locale: import_locale5.ptBR }));
   }, [currentDate, view]);
   const selectItems = ["month", "week", "day", "agenda"].map((v) => ({
     label: viewLabel(v),
@@ -9859,7 +10058,7 @@ function EventAgenda({
                     onClick: goPrevious,
                     size: "icon",
                     variant: "ghost",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react56.CaretLeftIcon, { "aria-hidden": true, size: 16 })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react58.CaretLeftIcon, { "aria-hidden": true, size: 16 })
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
@@ -9869,7 +10068,7 @@ function EventAgenda({
                     onClick: goNext,
                     size: "icon",
                     variant: "ghost",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react56.CaretRightIcon, { "aria-hidden": true, size: 16 })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react58.CaretRightIcon, { "aria-hidden": true, size: 16 })
                   }
                 )
               ] }),
@@ -9930,7 +10129,7 @@ function EventAgenda({
             }
           )
         ] }),
-        selectedEvent && import_react55.default.isValidElement(onClick) ? import_react55.default.cloneElement(onClick, {
+        selectedEvent && import_react57.default.isValidElement(onClick) ? import_react57.default.cloneElement(onClick, {
           event: selectedEvent,
           onClose: () => setSelectedEvent(null)
         }) : null
@@ -9940,7 +10139,7 @@ function EventAgenda({
 }
 
 // src/components/ui/event-calendar-view/UndatedEvents.tsx
-var import_react57 = require("react");
+var import_react59 = require("react");
 var import_jsx_runtime69 = require("react/jsx-runtime");
 var isValidDate2 = (d) => {
   try {
@@ -9957,7 +10156,7 @@ function UndatedEvents({
   title = "Data de Atendimento n\xE3o Prevista",
   show = true
 }) {
-  const undatedEvents = (0, import_react57.useMemo)(
+  const undatedEvents = (0, import_react59.useMemo)(
     () => events.filter((e) => !(isValidDate2(e.start) || isValidDate2(e.end))),
     [events]
   );
@@ -9979,15 +10178,15 @@ function UndatedEvents({
 }
 
 // src/components/ui/event-calendar-view/hooks/use-event-visibility.ts
-var import_react58 = require("react");
+var import_react60 = require("react");
 function useEventVisibilityAgenda({
   eventHeight,
   eventGap
 }) {
-  const contentRef = (0, import_react58.useRef)(null);
-  const observerRef = (0, import_react58.useRef)(null);
-  const [contentHeight, setContentHeight] = (0, import_react58.useState)(null);
-  (0, import_react58.useLayoutEffect)(() => {
+  const contentRef = (0, import_react60.useRef)(null);
+  const observerRef = (0, import_react60.useRef)(null);
+  const [contentHeight, setContentHeight] = (0, import_react60.useState)(null);
+  (0, import_react60.useLayoutEffect)(() => {
     if (!contentRef.current) return;
     const updateHeight = () => {
       if (contentRef.current) {
@@ -10007,7 +10206,7 @@ function useEventVisibilityAgenda({
       }
     };
   }, []);
-  const getVisibleEventCount = (0, import_react58.useMemo)(() => {
+  const getVisibleEventCount = (0, import_react60.useMemo)(() => {
     return (totalEvents) => {
       if (!contentHeight) return totalEvents;
       const maxEvents = Math.floor(contentHeight / (eventHeight + eventGap));
@@ -10026,8 +10225,8 @@ function useEventVisibilityAgenda({
 
 // src/components/ui/event-calendar-view/MonthView.tsx
 var import_date_fns10 = require("date-fns");
-var import_locale5 = require("date-fns/locale");
-var import_react59 = require("react");
+var import_locale6 = require("date-fns/locale");
+var import_react61 = require("react");
 var import_tailwind_merge3 = require("tailwind-merge");
 var import_jsx_runtime70 = require("react/jsx-runtime");
 function MonthViewAgenda({
@@ -10036,21 +10235,21 @@ function MonthViewAgenda({
   onEventSelect,
   showUndatedEvents
 }) {
-  const days = (0, import_react59.useMemo)(() => {
+  const days = (0, import_react61.useMemo)(() => {
     const monthStart = (0, import_date_fns10.startOfMonth)(currentDate);
     const monthEnd = (0, import_date_fns10.endOfMonth)(monthStart);
     const calendarStart = (0, import_date_fns10.startOfWeek)(monthStart, { weekStartsOn: 0 });
     const calendarEnd = (0, import_date_fns10.endOfWeek)(monthEnd, { weekStartsOn: 0 });
     return (0, import_date_fns10.eachDayOfInterval)({ end: calendarEnd, start: calendarStart });
   }, [currentDate]);
-  const weekdays = (0, import_react59.useMemo)(() => {
+  const weekdays = (0, import_react61.useMemo)(() => {
     return Array.from({ length: 7 }).map((_, i) => {
       const date = (0, import_date_fns10.addDays)((0, import_date_fns10.startOfWeek)(/* @__PURE__ */ new Date(), { weekStartsOn: 0 }), i);
-      const short = (0, import_date_fns10.format)(date, "EEE", { locale: import_locale5.ptBR });
+      const short = (0, import_date_fns10.format)(date, "EEE", { locale: import_locale6.ptBR });
       return short.charAt(0).toUpperCase() + short.slice(1);
     });
   }, []);
-  const weeks = (0, import_react59.useMemo)(() => {
+  const weeks = (0, import_react61.useMemo)(() => {
     const result = [];
     let week = [];
     for (let i = 0; i < days.length; i++) {
@@ -10066,12 +10265,12 @@ function MonthViewAgenda({
     e.stopPropagation();
     onEventSelect(event, e);
   };
-  const [isMounted, setIsMounted] = (0, import_react59.useState)(false);
+  const [isMounted, setIsMounted] = (0, import_react61.useState)(false);
   const { contentRef, getVisibleEventCount } = useEventVisibilityAgenda({
     eventGap: EventGapAgenda,
     eventHeight: EventHeightAgenda
   });
-  (0, import_react59.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     setIsMounted(true);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "contents", "data-slot": "month-view", children: [
@@ -10210,7 +10409,7 @@ function MonthViewAgenda({
                                 "aria-label": `Show ${remainingCount} more events on ${(0, import_date_fns10.format)(
                                   day,
                                   "PPP",
-                                  { locale: import_locale5.ptBR }
+                                  { locale: import_locale6.ptBR }
                                 )}`,
                                 children: [
                                   /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("span", { className: "font-medium", children: [
@@ -10230,7 +10429,7 @@ function MonthViewAgenda({
                                   "--event-height": `${EventHeightAgenda}px`
                                 },
                                 children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "space-y-2", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "font-medium text-sm", children: (0, import_date_fns10.format)(day, "EEE d", { locale: import_locale5.ptBR }) }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "font-medium text-sm", children: (0, import_date_fns10.format)(day, "EEE d", { locale: import_locale6.ptBR }) }),
                                   /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "space-y-1", children: sortEventsAgenda(allEvents).map((event) => {
                                     const eventStart = getEventStartDate(event) ?? getEventEndDate(event) ?? /* @__PURE__ */ new Date();
                                     const eventEnd = getEventEndDate(event) ?? getEventStartDate(event) ?? /* @__PURE__ */ new Date();
@@ -10279,8 +10478,8 @@ function MonthViewAgenda({
 
 // src/components/ui/event-calendar-view/WeekView.tsx
 var import_date_fns12 = require("date-fns");
-var import_locale6 = require("date-fns/locale");
-var import_react61 = require("react");
+var import_locale7 = require("date-fns/locale");
+var import_react63 = require("react");
 
 // src/components/ui/event-calendar/constants.ts
 var EventHeight = 24;
@@ -10296,7 +10495,7 @@ var DefaultEndHour = 10;
 var import_core3 = require("@dnd-kit/core");
 var import_utilities = require("@dnd-kit/utilities");
 var import_date_fns11 = require("date-fns");
-var import_react60 = require("react");
+var import_react62 = require("react");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 function DraggableEvent({
   event,
@@ -10312,8 +10511,8 @@ function DraggableEvent({
   draggable = true
 }) {
   const { activeId } = useCalendarDndAgenda();
-  const elementRef = (0, import_react60.useRef)(null);
-  const [dragHandlePosition, setDragHandlePosition] = (0, import_react60.useState)(null);
+  const elementRef = (0, import_react62.useRef)(null);
+  const [dragHandlePosition, setDragHandlePosition] = (0, import_react62.useState)(null);
   const eventStart = getEventStartDate(event) ?? /* @__PURE__ */ new Date();
   const eventEnd = getEventEndDate(event) ?? getEventStartDate(event) ?? /* @__PURE__ */ new Date();
   const isMultiDayEvent2 = isMultiDay || event.allDay || (0, import_date_fns11.differenceInDays)(eventEnd, eventStart) >= 1;
@@ -10410,23 +10609,23 @@ function WeekViewAgenda({
   onEventCreate,
   showUndatedEvents
 }) {
-  const days = (0, import_react61.useMemo)(() => {
+  const days = (0, import_react63.useMemo)(() => {
     const weekStart2 = (0, import_date_fns12.startOfWeek)(currentDate, { weekStartsOn: 0 });
     const weekEnd = (0, import_date_fns12.endOfWeek)(currentDate, { weekStartsOn: 0 });
     return (0, import_date_fns12.eachDayOfInterval)({ end: weekEnd, start: weekStart2 });
   }, [currentDate]);
-  const weekStart = (0, import_react61.useMemo)(
+  const weekStart = (0, import_react63.useMemo)(
     () => (0, import_date_fns12.startOfWeek)(currentDate, { weekStartsOn: 0 }),
     [currentDate]
   );
-  const hours = (0, import_react61.useMemo)(() => {
+  const hours = (0, import_react63.useMemo)(() => {
     const dayStart = (0, import_date_fns12.startOfDay)(currentDate);
     return (0, import_date_fns12.eachHourOfInterval)({
       end: (0, import_date_fns12.addHours)(dayStart, EndHour - 1),
       start: (0, import_date_fns12.addHours)(dayStart, StartHour)
     });
   }, [currentDate]);
-  const allDayEvents = (0, import_react61.useMemo)(() => {
+  const allDayEvents = (0, import_react63.useMemo)(() => {
     const isValidStart = (ev) => {
       try {
         if (ev.start == null) return false;
@@ -10451,7 +10650,7 @@ function WeekViewAgenda({
       });
     });
   }, [events, days]);
-  const processedDayEvents = (0, import_react61.useMemo)(() => {
+  const processedDayEvents = (0, import_react63.useMemo)(() => {
     const result = days.map((day) => {
       const dayEvents = events.filter((event) => {
         if (event.allDay || isMultiDayEventAgenda(event)) return false;
@@ -10540,11 +10739,11 @@ function WeekViewAgenda({
           "data-today": (0, import_date_fns12.isToday)(day) || void 0,
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("span", { "aria-hidden": "true", className: "sm:hidden", children: [
-              (0, import_date_fns12.format)(day, "EEE", { locale: import_locale6.ptBR })[0],
+              (0, import_date_fns12.format)(day, "EEE", { locale: import_locale7.ptBR })[0],
               " ",
-              (0, import_date_fns12.format)(day, "d", { locale: import_locale6.ptBR })
+              (0, import_date_fns12.format)(day, "d", { locale: import_locale7.ptBR })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "max-sm:hidden", children: (0, import_date_fns12.format)(day, "EEE dd", { locale: import_locale6.ptBR }) })
+            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "max-sm:hidden", children: (0, import_date_fns12.format)(day, "EEE dd", { locale: import_locale7.ptBR }) })
           ]
         },
         day.toString()
@@ -10705,9 +10904,9 @@ function WeekViewAgenda({
 
 // src/components/ui/event-calendar/AgendaView.tsx
 var import_date_fns13 = require("date-fns");
-var import_locale7 = require("date-fns/locale");
-var import_react62 = require("react");
-var import_react63 = require("@phosphor-icons/react");
+var import_locale8 = require("date-fns/locale");
+var import_react64 = require("react");
+var import_react65 = require("@phosphor-icons/react");
 var import_jsx_runtime73 = require("react/jsx-runtime");
 function AgendaView({
   currentDate,
@@ -10723,15 +10922,15 @@ function AgendaView({
       return false;
     }
   };
-  const datedEvents = (0, import_react62.useMemo)(
+  const datedEvents = (0, import_react64.useMemo)(
     () => events.filter((e) => isValidDate5(e.start) || isValidDate5(e.end)),
     [events]
   );
-  const undatedEvents = (0, import_react62.useMemo)(
+  const undatedEvents = (0, import_react64.useMemo)(
     () => events.filter((e) => !(isValidDate5(e.start) || isValidDate5(e.end))),
     [events]
   );
-  const days = (0, import_react62.useMemo)(() => {
+  const days = (0, import_react64.useMemo)(() => {
     return Array.from(
       { length: AgendaDaysToShow },
       (_, i) => (0, import_date_fns13.addDays)(new Date(currentDate), i)
@@ -10745,7 +10944,7 @@ function AgendaView({
     (day) => getAgendaEventsForDay(datedEvents, day).length > 0
   );
   return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "border-border/70 border-t px-4", children: !hasEvents && !(showUndatedEvents && undatedEvents.length > 0) ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex min-h-[70svh] flex-col items-center justify-center py-16 text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react63.CalendarIcon, { className: "mb-2 text-muted-foreground/50", size: 32 }),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react65.CalendarIcon, { className: "mb-2 text-muted-foreground/50", size: 32 }),
     /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("h3", { className: "font-medium text-lg", children: "Nenhum evento encontrado" }),
     /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "text-muted-foreground", children: "N\xE3o h\xE1 eventos agendados para este per\xEDodo." })
   ] }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
@@ -10763,7 +10962,7 @@ function AgendaView({
                 className: "-top-3 absolute left-0 flex h-6 items-center bg-background pe-4 text-[10px] uppercase data-today:font-medium sm:pe-4 sm:text-xs",
                 "data-today": (0, import_date_fns13.isToday)(day) || void 0,
                 children: (() => {
-                  const s = (0, import_date_fns13.format)(day, "d MMM, EEEE", { locale: import_locale7.ptBR });
+                  const s = (0, import_date_fns13.format)(day, "d MMM, EEEE", { locale: import_locale8.ptBR });
                   return s.split(" ").map((w) => w ? w[0].toUpperCase() + w.slice(1) : w).join(" ");
                 })()
               }
@@ -10804,11 +11003,11 @@ function AgendaView({
 // src/components/ui/event-calendar/CalendarDND.tsx
 var import_core4 = require("@dnd-kit/core");
 var import_date_fns14 = require("date-fns");
-var import_react65 = require("react");
+var import_react67 = require("react");
 
 // src/components/ui/event-calendar/hooks.ts
-var import_react64 = require("react");
-var CalendarDndContext2 = (0, import_react64.createContext)({
+var import_react66 = require("react");
+var CalendarDndContext2 = (0, import_react66.createContext)({
   activeEvent: null,
   activeId: null,
   activeView: null,
@@ -10818,7 +11017,7 @@ var CalendarDndContext2 = (0, import_react64.createContext)({
   isMultiDay: false,
   multiDayWidth: null
 });
-var useCalendarDnd = () => (0, import_react64.useContext)(CalendarDndContext2);
+var useCalendarDnd = () => (0, import_react66.useContext)(CalendarDndContext2);
 
 // src/components/ui/event-calendar/CalendarDND.tsx
 var import_jsx_runtime74 = require("react/jsx-runtime");
@@ -10826,17 +11025,17 @@ function CalendarDndProvider({
   children,
   onEventUpdate
 }) {
-  const [activeEvent, setActiveEvent] = (0, import_react65.useState)(null);
-  const [activeId, setActiveId] = (0, import_react65.useState)(null);
-  const [activeView, setActiveView] = (0, import_react65.useState)(
+  const [activeEvent, setActiveEvent] = (0, import_react67.useState)(null);
+  const [activeId, setActiveId] = (0, import_react67.useState)(null);
+  const [activeView, setActiveView] = (0, import_react67.useState)(
     null
   );
-  const [currentTime, setCurrentTime] = (0, import_react65.useState)(null);
-  const [eventHeight, setEventHeight] = (0, import_react65.useState)(null);
-  const [isMultiDay, setIsMultiDay] = (0, import_react65.useState)(false);
-  const [multiDayWidth, setMultiDayWidth] = (0, import_react65.useState)(null);
-  const [dragHandlePosition, setDragHandlePosition] = (0, import_react65.useState)(null);
-  const eventDimensions = (0, import_react65.useRef)({ height: 0 });
+  const [currentTime, setCurrentTime] = (0, import_react67.useState)(null);
+  const [eventHeight, setEventHeight] = (0, import_react67.useState)(null);
+  const [isMultiDay, setIsMultiDay] = (0, import_react67.useState)(false);
+  const [multiDayWidth, setMultiDayWidth] = (0, import_react67.useState)(null);
+  const [dragHandlePosition, setDragHandlePosition] = (0, import_react67.useState)(null);
+  const eventDimensions = (0, import_react67.useRef)({ height: 0 });
   const sensors = (0, import_core4.useSensors)(
     (0, import_core4.useSensor)(import_core4.MouseSensor, {
       // Require the mouse to move by 5px before activating
@@ -10858,7 +11057,7 @@ function CalendarDndProvider({
       }
     })
   );
-  const dndContextId = (0, import_react65.useId)();
+  const dndContextId = (0, import_react67.useId)();
   const handleDragStart = (event) => {
     const { active } = event;
     if (!active.data.current) {
@@ -11040,7 +11239,7 @@ function CalendarDndProvider({
 
 // src/components/ui/event-calendar/DayView.tsx
 var import_date_fns15 = require("date-fns");
-var import_react66 = require("react");
+var import_react68 = require("react");
 var import_jsx_runtime75 = require("react/jsx-runtime");
 function DayView({
   currentDate,
@@ -11048,14 +11247,14 @@ function DayView({
   onEventSelect,
   onEventCreate
 }) {
-  const hours = (0, import_react66.useMemo)(() => {
+  const hours = (0, import_react68.useMemo)(() => {
     const dayStart = (0, import_date_fns15.startOfDay)(currentDate);
     return (0, import_date_fns15.eachHourOfInterval)({
       end: (0, import_date_fns15.addHours)(dayStart, EndHour - 1),
       start: (0, import_date_fns15.addHours)(dayStart, StartHour)
     });
   }, [currentDate]);
-  const dayEvents = (0, import_react66.useMemo)(() => {
+  const dayEvents = (0, import_react68.useMemo)(() => {
     return events.filter((event) => {
       const eventStart = new Date(event.start);
       const eventEnd = new Date(event.end);
@@ -11064,17 +11263,17 @@ function DayView({
       (a, b) => new Date(a.start).getTime() - new Date(b.start).getTime()
     );
   }, [currentDate, events]);
-  const allDayEvents = (0, import_react66.useMemo)(() => {
+  const allDayEvents = (0, import_react68.useMemo)(() => {
     return dayEvents.filter((event) => {
       return event.allDay || isMultiDayEvent(event);
     });
   }, [dayEvents]);
-  const timeEvents = (0, import_react66.useMemo)(() => {
+  const timeEvents = (0, import_react68.useMemo)(() => {
     return dayEvents.filter((event) => {
       return !event.allDay && !isMultiDayEvent(event);
     });
   }, [dayEvents]);
-  const positionedEvents = (0, import_react66.useMemo)(() => {
+  const positionedEvents = (0, import_react68.useMemo)(() => {
     const result = [];
     const dayStart = (0, import_date_fns15.startOfDay)(currentDate);
     const sortedEvents = [...timeEvents].sort((a, b) => {
@@ -11255,7 +11454,7 @@ function DayView({
 var import_core5 = require("@dnd-kit/core");
 var import_utilities2 = require("@dnd-kit/utilities");
 var import_date_fns16 = require("date-fns");
-var import_react67 = require("react");
+var import_react69 = require("react");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 function DraggableEvent2({
   event,
@@ -11270,8 +11469,8 @@ function DraggableEvent2({
   "aria-hidden": ariaHidden
 }) {
   const { activeId } = useCalendarDnd();
-  const elementRef = (0, import_react67.useRef)(null);
-  const [dragHandlePosition, setDragHandlePosition] = (0, import_react67.useState)(null);
+  const elementRef = (0, import_react69.useRef)(null);
+  const [dragHandlePosition, setDragHandlePosition] = (0, import_react69.useState)(null);
   const eventStart = new Date(event.start);
   const eventEnd = new Date(event.end);
   const isMultiDayEvent2 = isMultiDay || event.allDay || (0, import_date_fns16.differenceInDays)(eventEnd, eventStart) >= 1;
@@ -11395,10 +11594,10 @@ function DroppableCell({
 
 // src/components/ui/event-calendar/EventCalendar.tsx
 var import_date_fns17 = require("date-fns");
-var import_locale8 = require("date-fns/locale");
-var import_react68 = require("react");
+var import_locale9 = require("date-fns/locale");
+var import_react70 = require("react");
 var import_sonner3 = require("sonner");
-var import_react69 = require("@phosphor-icons/react");
+var import_react71 = require("@phosphor-icons/react");
 var import_jsx_runtime78 = require("react/jsx-runtime");
 function EventCalendar({
   events = [],
@@ -11408,11 +11607,11 @@ function EventCalendar({
   className,
   initialView = "month"
 }) {
-  const [currentDate, setCurrentDate] = (0, import_react68.useState)(/* @__PURE__ */ new Date());
-  const [view, setView] = (0, import_react68.useState)(initialView);
-  const [isFading, setIsFading] = (0, import_react68.useState)(false);
+  const [currentDate, setCurrentDate] = (0, import_react70.useState)(/* @__PURE__ */ new Date());
+  const [view, setView] = (0, import_react70.useState)(initialView);
+  const [isFading, setIsFading] = (0, import_react70.useState)(false);
   const FADE_DURATION = 220;
-  const changeView = (0, import_react68.useCallback)(
+  const changeView = (0, import_react70.useCallback)(
     (next) => {
       if (next === view) return;
       setIsFading(true);
@@ -11423,12 +11622,12 @@ function EventCalendar({
     },
     [view]
   );
-  const [isPaging, setIsPaging] = (0, import_react68.useState)(false);
-  const [pageDirection, setPageDirection] = (0, import_react68.useState)(
+  const [isPaging, setIsPaging] = (0, import_react70.useState)(false);
+  const [pageDirection, setPageDirection] = (0, import_react70.useState)(
     null
   );
   const PAGE_DURATION = 200;
-  const pageTransition = (0, import_react68.useCallback)(
+  const pageTransition = (0, import_react70.useCallback)(
     (applyDateChange, direction) => {
       setIsPaging(true);
       setPageDirection(direction);
@@ -11442,11 +11641,11 @@ function EventCalendar({
     },
     []
   );
-  const [isEventDialogOpen, setIsEventDialogOpen] = (0, import_react68.useState)(false);
-  const [selectedEvent, setSelectedEvent] = (0, import_react68.useState)(
+  const [isEventDialogOpen, setIsEventDialogOpen] = (0, import_react70.useState)(false);
+  const [selectedEvent, setSelectedEvent] = (0, import_react70.useState)(
     null
   );
-  (0, import_react68.useEffect)(() => {
+  (0, import_react70.useEffect)(() => {
     const handleKeyDown = (e) => {
       if (isEventDialogOpen || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLElement && e.target.isContentEditable) {
         return;
@@ -11535,7 +11734,7 @@ function EventCalendar({
           new Date(event.start ?? event.attend_date ?? event.end ?? Date.now()),
           "d 'de' MMMM 'de' yyyy",
           {
-            locale: import_locale8.ptBR
+            locale: import_locale9.ptBR
           }
         ),
         position: "bottom-left"
@@ -11549,7 +11748,7 @@ function EventCalendar({
         description: (0, import_date_fns17.format)(
           new Date(event.start ?? event.attend_date ?? event.end ?? Date.now()),
           "d 'de' MMMM 'de' yyyy",
-          { locale: import_locale8.ptBR }
+          { locale: import_locale9.ptBR }
         ),
         position: "bottom-left"
       });
@@ -11569,7 +11768,7 @@ function EventCalendar({
             deletedEvent.start ?? deletedEvent.attend_date ?? deletedEvent.end ?? Date.now()
           ),
           "d 'de' MMMM 'de' yyyy",
-          { locale: import_locale8.ptBR }
+          { locale: import_locale9.ptBR }
         ),
         position: "bottom-left"
       });
@@ -11583,33 +11782,33 @@ function EventCalendar({
           updatedEvent.start ?? updatedEvent.attend_date ?? updatedEvent.end ?? Date.now()
         ),
         "d 'de' MMMM 'de' yyyy",
-        { locale: import_locale8.ptBR }
+        { locale: import_locale9.ptBR }
       ),
       position: "bottom-left"
     });
   };
-  const viewTitle = (0, import_react68.useMemo)(() => {
+  const viewTitle = (0, import_react70.useMemo)(() => {
     const capitalize = (s) => s && s.length > 0 ? s.charAt(0).toUpperCase() + s.slice(1) : s;
     if (view === "month") {
-      return capitalize((0, import_date_fns17.format)(currentDate, "MMMM yyyy", { locale: import_locale8.ptBR }));
+      return capitalize((0, import_date_fns17.format)(currentDate, "MMMM yyyy", { locale: import_locale9.ptBR }));
     }
     if (view === "week") {
       const start = (0, import_date_fns17.startOfWeek)(currentDate, { weekStartsOn: 1 });
       const end = (0, import_date_fns17.endOfWeek)(currentDate, { weekStartsOn: 1 });
       if ((0, import_date_fns17.isSameMonth)(start, end)) {
-        return capitalize((0, import_date_fns17.format)(start, "MMMM yyyy", { locale: import_locale8.ptBR }));
+        return capitalize((0, import_date_fns17.format)(start, "MMMM yyyy", { locale: import_locale9.ptBR }));
       }
-      const s1 = capitalize((0, import_date_fns17.format)(start, "MMM", { locale: import_locale8.ptBR }));
-      const s2 = capitalize((0, import_date_fns17.format)(end, "MMM yyyy", { locale: import_locale8.ptBR }));
+      const s1 = capitalize((0, import_date_fns17.format)(start, "MMM", { locale: import_locale9.ptBR }));
+      const s2 = capitalize((0, import_date_fns17.format)(end, "MMM yyyy", { locale: import_locale9.ptBR }));
       return `${s1} - ${s2}`;
     }
     if (view === "day") {
-      const dayNum = (0, import_date_fns17.format)(currentDate, "d", { locale: import_locale8.ptBR });
-      const month = capitalize((0, import_date_fns17.format)(currentDate, "MMMM", { locale: import_locale8.ptBR }));
-      const year = (0, import_date_fns17.format)(currentDate, "yyyy", { locale: import_locale8.ptBR });
+      const dayNum = (0, import_date_fns17.format)(currentDate, "d", { locale: import_locale9.ptBR });
+      const month = capitalize((0, import_date_fns17.format)(currentDate, "MMMM", { locale: import_locale9.ptBR }));
+      const year = (0, import_date_fns17.format)(currentDate, "yyyy", { locale: import_locale9.ptBR });
       const short = `${dayNum} de ${month} de ${year}`;
       const long = `${(0, import_date_fns17.format)(currentDate, "EEE", {
-        locale: import_locale8.ptBR
+        locale: import_locale9.ptBR
       })}, ${dayNum} de ${month} de ${year}`;
       return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { "aria-hidden": "true", className: "min-[480px]:hidden", children: short }),
@@ -11621,13 +11820,13 @@ function EventCalendar({
       const start = currentDate;
       const end = (0, import_date_fns17.addDays)(currentDate, AgendaDaysToShow - 1);
       if ((0, import_date_fns17.isSameMonth)(start, end)) {
-        return capitalize((0, import_date_fns17.format)(start, "MMMM yyyy", { locale: import_locale8.ptBR }));
+        return capitalize((0, import_date_fns17.format)(start, "MMMM yyyy", { locale: import_locale9.ptBR }));
       }
-      const s1 = capitalize((0, import_date_fns17.format)(start, "MMM", { locale: import_locale8.ptBR }));
-      const s2 = capitalize((0, import_date_fns17.format)(end, "MMM yyyy", { locale: import_locale8.ptBR }));
+      const s1 = capitalize((0, import_date_fns17.format)(start, "MMM", { locale: import_locale9.ptBR }));
+      const s2 = capitalize((0, import_date_fns17.format)(end, "MMM yyyy", { locale: import_locale9.ptBR }));
       return `${s1} - ${s2}`;
     }
-    return capitalize((0, import_date_fns17.format)(currentDate, "MMMM yyyy", { locale: import_locale8.ptBR }));
+    return capitalize((0, import_date_fns17.format)(currentDate, "MMMM yyyy", { locale: import_locale9.ptBR }));
   }, [currentDate, view]);
   const calendarContent = /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
@@ -11647,7 +11846,7 @@ function EventCalendar({
                 variant: "outline",
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-                    import_react69.CalendarIcon,
+                    import_react71.CalendarIcon,
                     {
                       "aria-hidden": "true",
                       className: "min-[480px]:hidden",
@@ -11666,7 +11865,7 @@ function EventCalendar({
                   onClick: handlePrevious,
                   size: "icon",
                   variant: "ghost",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react69.CaretLeft, { "aria-hidden": "true", size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react71.CaretLeft, { "aria-hidden": "true", size: 16 })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
@@ -11676,7 +11875,7 @@ function EventCalendar({
                   onClick: handleNext,
                   size: "icon",
                   variant: "ghost",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react69.CaretRight, { "aria-hidden": "true", size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react71.CaretRight, { "aria-hidden": "true", size: 16 })
                 }
               )
             ] }),
@@ -11711,7 +11910,7 @@ function EventCalendar({
                       })() })
                     ] }),
                     /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-                      import_react69.ArrowDownIcon,
+                      import_react71.ArrowDownIcon,
                       {
                         "aria-hidden": "true",
                         className: "-me-1 opacity-60",
@@ -11751,7 +11950,7 @@ function EventCalendar({
                 size: "sm",
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-                    import_react69.PlusIcon,
+                    import_react71.PlusIcon,
                     {
                       "aria-hidden": "true",
                       className: "sm:-ms-1 opacity-60",
@@ -11843,11 +12042,11 @@ function EventCalendar({
 
 // src/components/ui/event-calendar/EventDialog.tsx
 var import_date_fns18 = require("date-fns");
-var import_react70 = require("react");
+var import_react72 = require("react");
 var import_react_radio_group = require("@radix-ui/react-radio-group");
-var import_framer_motion14 = require("framer-motion");
-var import_locale9 = require("date-fns/locale");
-var import_react71 = require("@phosphor-icons/react");
+var import_framer_motion13 = require("framer-motion");
+var import_locale10 = require("date-fns/locale");
+var import_react73 = require("@phosphor-icons/react");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 function EventDialog({
   event,
@@ -11856,21 +12055,21 @@ function EventDialog({
   onSave,
   onDelete
 }) {
-  const [title, setTitle] = (0, import_react70.useState)("");
-  const [description, setDescription] = (0, import_react70.useState)("");
-  const [startDate, setStartDate] = (0, import_react70.useState)(/* @__PURE__ */ new Date());
-  const [endDate, setEndDate] = (0, import_react70.useState)(/* @__PURE__ */ new Date());
-  const [startTime, setStartTime] = (0, import_react70.useState)(`${DefaultStartHour}:00`);
-  const [endTime, setEndTime] = (0, import_react70.useState)(`${DefaultEndHour}:00`);
-  const [allDay, setAllDay] = (0, import_react70.useState)(false);
-  const [location, setLocation] = (0, import_react70.useState)("");
-  const [color, setColor] = (0, import_react70.useState)("sky");
-  const [error, setError] = (0, import_react70.useState)(null);
-  const [startDateOpen, setStartDateOpen] = (0, import_react70.useState)(false);
-  const [endDateOpen, setEndDateOpen] = (0, import_react70.useState)(false);
-  (0, import_react70.useEffect)(() => {
+  const [title, setTitle] = (0, import_react72.useState)("");
+  const [description, setDescription] = (0, import_react72.useState)("");
+  const [startDate, setStartDate] = (0, import_react72.useState)(/* @__PURE__ */ new Date());
+  const [endDate, setEndDate] = (0, import_react72.useState)(/* @__PURE__ */ new Date());
+  const [startTime, setStartTime] = (0, import_react72.useState)(`${DefaultStartHour}:00`);
+  const [endTime, setEndTime] = (0, import_react72.useState)(`${DefaultEndHour}:00`);
+  const [allDay, setAllDay] = (0, import_react72.useState)(false);
+  const [location, setLocation] = (0, import_react72.useState)("");
+  const [color, setColor] = (0, import_react72.useState)("sky");
+  const [error, setError] = (0, import_react72.useState)(null);
+  const [startDateOpen, setStartDateOpen] = (0, import_react72.useState)(false);
+  const [endDateOpen, setEndDateOpen] = (0, import_react72.useState)(false);
+  (0, import_react72.useEffect)(() => {
   }, [event]);
-  const resetForm = (0, import_react70.useCallback)(() => {
+  const resetForm = (0, import_react72.useCallback)(() => {
     setTitle("");
     setDescription("");
     setStartDate(/* @__PURE__ */ new Date());
@@ -11882,12 +12081,12 @@ function EventDialog({
     setColor("sky");
     setError(null);
   }, []);
-  const formatTimeForInput = (0, import_react70.useCallback)((date) => {
+  const formatTimeForInput = (0, import_react72.useCallback)((date) => {
     const hours = date.getHours().toString().padStart(2, "0");
     const minutes = Math.floor(date.getMinutes() / 15) * 15;
     return `${hours}:${minutes.toString().padStart(2, "0")}`;
   }, []);
-  (0, import_react70.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     if (event) {
       setTitle(event.title || "");
       setDescription(event.description || "");
@@ -11905,7 +12104,7 @@ function EventDialog({
       resetForm();
     }
   }, [event, formatTimeForInput, resetForm]);
-  const timeOptions = (0, import_react70.useMemo)(() => {
+  const timeOptions = (0, import_react72.useMemo)(() => {
     const options = [];
     for (let hour = StartHour; hour <= EndHour; hour++) {
       for (let minute = 0; minute < 60; minute += 15) {
@@ -11913,7 +12112,7 @@ function EventDialog({
         const formattedMinute = minute.toString().padStart(2, "0");
         const value = `${formattedHour}:${formattedMinute}`;
         const date = new Date(2e3, 0, 1, hour, minute);
-        const label = (0, import_date_fns18.format)(date, "HH:mm", { locale: import_locale9.ptBR });
+        const label = (0, import_date_fns18.format)(date, "HH:mm", { locale: import_locale10.ptBR });
         options.push({ label, value });
       }
     }
@@ -12007,7 +12206,7 @@ function EventDialog({
     exit: { opacity: 0, y: 8, scale: 0.995, transition: { duration: 0.12 } }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(DialogBase, { onOpenChange: (open) => !open && onClose(), open: isOpen, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(DialogContentBase, { className: "sm:max-w-[425px]", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
-    import_framer_motion14.motion.div,
+    import_framer_motion13.motion.div,
     {
       variants: dialogVariants2,
       initial: "hidden",
@@ -12090,11 +12289,11 @@ function EventDialog({
                                 "truncate",
                                 !startDate && "text-muted-foreground"
                               ),
-                              children: startDate ? (0, import_date_fns18.format)(startDate, "PPP", { locale: import_locale9.ptBR }) : "Escolher data"
+                              children: startDate ? (0, import_date_fns18.format)(startDate, "PPP", { locale: import_locale10.ptBR }) : "Escolher data"
                             }
                           ),
                           /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-                            import_react71.CalendarIcon,
+                            import_react73.CalendarIcon,
                             {
                               "aria-hidden": "true",
                               className: "shrink-0 text-muted-foreground/80",
@@ -12169,11 +12368,11 @@ function EventDialog({
                             "truncate",
                             !endDate && "text-muted-foreground"
                           ),
-                          children: endDate ? (0, import_date_fns18.format)(endDate, "PPP", { locale: import_locale9.ptBR }) : "Escolher data"
+                          children: endDate ? (0, import_date_fns18.format)(endDate, "PPP", { locale: import_locale10.ptBR }) : "Escolher data"
                         }
                       ),
                       /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-                        import_react71.CalendarIcon,
+                        import_react73.CalendarIcon,
                         {
                           "aria-hidden": "true",
                           className: "shrink-0 text-muted-foreground/80",
@@ -12231,7 +12430,7 @@ function EventDialog({
                 allDay ? "bg-primary border-transparent text-white" : " border border-input"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react71.CalendarIcon, { size: 14, "aria-hidden": "true" }),
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react73.CalendarIcon, { size: 14, "aria-hidden": "true" }),
                 "Dia inteiro"
               ]
             }
@@ -12290,7 +12489,7 @@ function EventDialog({
               onClick: handleDelete,
               size: "icon",
               variant: "outline",
-              children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react71.TrashIcon, { "aria-hidden": "true", size: 16 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react73.TrashIcon, { "aria-hidden": "true", size: 16 })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-1 justify-end gap-2", children: [
@@ -12305,8 +12504,8 @@ function EventDialog({
 
 // src/components/ui/event-calendar/EventItem.tsx
 var import_date_fns19 = require("date-fns");
-var import_react72 = require("react");
-var import_react73 = require("@phosphor-icons/react");
+var import_react74 = require("react");
+var import_react75 = require("@phosphor-icons/react");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 var formatTimeWithOptionalMinutes2 = (date) => {
   return (0, import_date_fns19.format)(date, "HH:mm");
@@ -12390,7 +12589,7 @@ function EventItem({
   const eventColor = event.color;
   const hasValidTime = isValidDate3(event.start) && isValidDate3(event.end) || isValidDate3(event.attend_date);
   const colorClasses = hasValidTime ? getEventColorClasses(eventColor) : "bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none";
-  const displayStart = (0, import_react72.useMemo)(() => {
+  const displayStart = (0, import_react74.useMemo)(() => {
     if (!hasValidTime) return void 0;
     if (isValidDate3(event.start))
       return currentTime || new Date(event.start);
@@ -12398,7 +12597,7 @@ function EventItem({
       return currentTime || new Date(event.attend_date);
     return void 0;
   }, [currentTime, event.start, event.attend_date, hasValidTime]);
-  const displayEnd = (0, import_react72.useMemo)(() => {
+  const displayEnd = (0, import_react74.useMemo)(() => {
     if (!hasValidTime) return void 0;
     if (isValidDate3(event.end)) {
       return currentTime ? new Date(
@@ -12411,7 +12610,7 @@ function EventItem({
     }
     return void 0;
   }, [currentTime, event.start, event.end, event.attend_date, hasValidTime]);
-  const durationMinutes = (0, import_react72.useMemo)(() => {
+  const durationMinutes = (0, import_react74.useMemo)(() => {
     if (!hasValidTime || !displayStart || !displayEnd) return 0;
     return (0, import_date_fns19.differenceInMinutes)(displayEnd, displayStart);
   }, [displayStart, displayEnd, hasValidTime]);
@@ -12586,7 +12785,7 @@ function EventItem({
                 formatTimeWithOptionalMinutes2(displayStart),
                 /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "opacity-70", children: "-" }),
                 formatTimeWithOptionalMinutes2(displayEnd),
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react73.ClockUserIcon, {})
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react75.ClockUserIcon, {})
               ] })
             }
           )
@@ -12613,10 +12812,10 @@ function EventItem({
 
 // src/components/ui/event-calendar/EventsPopUp.tsx
 var import_date_fns20 = require("date-fns");
-var import_locale10 = require("date-fns/locale");
-var import_react74 = require("react");
-var import_framer_motion15 = require("framer-motion");
-var import_react75 = require("@phosphor-icons/react");
+var import_locale11 = require("date-fns/locale");
+var import_react76 = require("react");
+var import_framer_motion14 = require("framer-motion");
+var import_react77 = require("@phosphor-icons/react");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 function EventsPopup({
   date,
@@ -12625,8 +12824,8 @@ function EventsPopup({
   onClose,
   onEventSelect
 }) {
-  const popupRef = (0, import_react74.useRef)(null);
-  (0, import_react74.useEffect)(() => {
+  const popupRef = (0, import_react76.useRef)(null);
+  (0, import_react76.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (popupRef.current && !popupRef.current.contains(event.target)) {
         onClose();
@@ -12637,7 +12836,7 @@ function EventsPopup({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [onClose]);
-  (0, import_react74.useEffect)(() => {
+  (0, import_react76.useEffect)(() => {
     const handleEscKey = (event) => {
       if (event.key === "Escape") {
         onClose();
@@ -12652,7 +12851,7 @@ function EventsPopup({
     if (onEventSelect) onEventSelect(event);
     onClose();
   };
-  const adjustedPosition = (0, import_react74.useMemo)(() => {
+  const adjustedPosition = (0, import_react76.useMemo)(() => {
     const positionCopy = { ...position };
     if (popupRef.current) {
       const rect = popupRef.current.getBoundingClientRect();
@@ -12668,7 +12867,7 @@ function EventsPopup({
     return positionCopy;
   }, [position]);
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
-    import_framer_motion15.motion.div,
+    import_framer_motion14.motion.div,
     {
       className: "absolute z-50 max-h-96 w-80 overflow-auto rounded-md border bg-background shadow-lg",
       ref: popupRef,
@@ -12683,9 +12882,9 @@ function EventsPopup({
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "sticky top-0 flex items-center justify-between border-b bg-background p-3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h3", { className: "font-medium", children: (() => {
-            const dayNum = (0, import_date_fns20.format)(date, "d", { locale: import_locale10.ptBR });
-            const month = (0, import_date_fns20.format)(date, "MMMM", { locale: import_locale10.ptBR });
-            const year = (0, import_date_fns20.format)(date, "yyyy", { locale: import_locale10.ptBR });
+            const dayNum = (0, import_date_fns20.format)(date, "d", { locale: import_locale11.ptBR });
+            const month = (0, import_date_fns20.format)(date, "MMMM", { locale: import_locale11.ptBR });
+            const year = (0, import_date_fns20.format)(date, "yyyy", { locale: import_locale11.ptBR });
             const monthCap = month.charAt(0).toUpperCase() + month.slice(1);
             return `${dayNum} de ${monthCap} de ${year}`;
           })() }),
@@ -12696,7 +12895,7 @@ function EventsPopup({
               className: "rounded-full p-1 hover:bg-muted",
               onClick: onClose,
               type: "button",
-              children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react75.XIcon, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react77.XIcon, { className: "h-4 w-4" })
             }
           )
         ] }),
@@ -12732,12 +12931,12 @@ function EventsPopup({
 
 // src/components/ui/event-calendar/hooks/use-current-time-indicator.ts
 var import_date_fns21 = require("date-fns");
-var import_locale11 = require("date-fns/locale");
-var import_react76 = require("react");
+var import_locale12 = require("date-fns/locale");
+var import_react78 = require("react");
 function useCurrentTimeIndicator(currentDate, view) {
-  const [currentTimePosition, setCurrentTimePosition] = (0, import_react76.useState)(0);
-  const [currentTimeVisible, setCurrentTimeVisible] = (0, import_react76.useState)(false);
-  (0, import_react76.useEffect)(() => {
+  const [currentTimePosition, setCurrentTimePosition] = (0, import_react78.useState)(0);
+  const [currentTimeVisible, setCurrentTimeVisible] = (0, import_react78.useState)(false);
+  (0, import_react78.useEffect)(() => {
     const calculateTimePosition = () => {
       const now = /* @__PURE__ */ new Date();
       const hours = now.getHours();
@@ -12750,8 +12949,8 @@ function useCurrentTimeIndicator(currentDate, view) {
       if (view === "day") {
         isCurrentTimeVisible = (0, import_date_fns21.isSameDay)(now, currentDate);
       } else if (view === "week") {
-        const startOfWeekDate = (0, import_date_fns21.startOfWeek)(currentDate, { locale: import_locale11.ptBR });
-        const endOfWeekDate = (0, import_date_fns21.endOfWeek)(currentDate, { locale: import_locale11.ptBR });
+        const startOfWeekDate = (0, import_date_fns21.startOfWeek)(currentDate, { locale: import_locale12.ptBR });
+        const endOfWeekDate = (0, import_date_fns21.endOfWeek)(currentDate, { locale: import_locale12.ptBR });
         isCurrentTimeVisible = (0, import_date_fns21.isWithinInterval)(now, {
           end: endOfWeekDate,
           start: startOfWeekDate
@@ -12768,15 +12967,15 @@ function useCurrentTimeIndicator(currentDate, view) {
 }
 
 // src/components/ui/event-calendar/hooks/use-event-visibility.ts
-var import_react77 = require("react");
+var import_react79 = require("react");
 function useEventVisibility({
   eventHeight,
   eventGap
 }) {
-  const contentRef = (0, import_react77.useRef)(null);
-  const observerRef = (0, import_react77.useRef)(null);
-  const [contentHeight, setContentHeight] = (0, import_react77.useState)(null);
-  (0, import_react77.useLayoutEffect)(() => {
+  const contentRef = (0, import_react79.useRef)(null);
+  const observerRef = (0, import_react79.useRef)(null);
+  const [contentHeight, setContentHeight] = (0, import_react79.useState)(null);
+  (0, import_react79.useLayoutEffect)(() => {
     if (!contentRef.current) return;
     const updateHeight = () => {
       if (contentRef.current) {
@@ -12796,7 +12995,7 @@ function useEventVisibility({
       }
     };
   }, []);
-  const getVisibleEventCount = (0, import_react77.useMemo)(() => {
+  const getVisibleEventCount = (0, import_react79.useMemo)(() => {
     return (totalEvents) => {
       if (!contentHeight) return totalEvents;
       const maxEvents = Math.floor(contentHeight / (eventHeight + eventGap));
@@ -12815,8 +13014,8 @@ function useEventVisibility({
 
 // src/components/ui/event-calendar/MonthView.tsx
 var import_date_fns22 = require("date-fns");
-var import_locale12 = require("date-fns/locale");
-var import_react78 = require("react");
+var import_locale13 = require("date-fns/locale");
+var import_react80 = require("react");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 function MonthView({
   currentDate,
@@ -12824,21 +13023,21 @@ function MonthView({
   onEventSelect,
   onEventCreate
 }) {
-  const days = (0, import_react78.useMemo)(() => {
+  const days = (0, import_react80.useMemo)(() => {
     const monthStart = (0, import_date_fns22.startOfMonth)(currentDate);
     const monthEnd = (0, import_date_fns22.endOfMonth)(monthStart);
     const calendarStart = (0, import_date_fns22.startOfWeek)(monthStart, { weekStartsOn: 0 });
     const calendarEnd = (0, import_date_fns22.endOfWeek)(monthEnd, { weekStartsOn: 0 });
     return (0, import_date_fns22.eachDayOfInterval)({ end: calendarEnd, start: calendarStart });
   }, [currentDate]);
-  const weekdays = (0, import_react78.useMemo)(() => {
+  const weekdays = (0, import_react80.useMemo)(() => {
     return Array.from({ length: 7 }).map((_, i) => {
       const date = (0, import_date_fns22.addDays)((0, import_date_fns22.startOfWeek)(/* @__PURE__ */ new Date(), { weekStartsOn: 0 }), i);
-      const short = (0, import_date_fns22.format)(date, "EEE", { locale: import_locale12.ptBR });
+      const short = (0, import_date_fns22.format)(date, "EEE", { locale: import_locale13.ptBR });
       return short.charAt(0).toUpperCase() + short.slice(1);
     });
   }, []);
-  const weeks = (0, import_react78.useMemo)(() => {
+  const weeks = (0, import_react80.useMemo)(() => {
     const result = [];
     let week = [];
     for (let i = 0; i < days.length; i++) {
@@ -12854,12 +13053,12 @@ function MonthView({
     e.stopPropagation();
     onEventSelect(event);
   };
-  const [isMounted, setIsMounted] = (0, import_react78.useState)(false);
+  const [isMounted, setIsMounted] = (0, import_react80.useState)(false);
   const { contentRef, getVisibleEventCount } = useEventVisibility({
     eventGap: EventGap,
     eventHeight: EventHeight
   });
-  (0, import_react78.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     setIsMounted(true);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "contents", "data-slot": "month-view", children: [
@@ -12974,7 +13173,7 @@ function MonthView({
                                 "aria-label": `Show ${remainingCount} more events on ${(0, import_date_fns22.format)(
                                   day,
                                   "PPP",
-                                  { locale: import_locale12.ptBR }
+                                  { locale: import_locale13.ptBR }
                                 )}`,
                                 children: [
                                   /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "font-medium", children: [
@@ -12994,7 +13193,7 @@ function MonthView({
                                   "--event-height": `${EventHeight}px`
                                 },
                                 children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "space-y-2", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "font-medium text-sm", children: (0, import_date_fns22.format)(day, "EEE d", { locale: import_locale12.ptBR }) }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "font-medium text-sm", children: (0, import_date_fns22.format)(day, "EEE d", { locale: import_locale13.ptBR }) }),
                                   /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "space-y-1", children: sortEvents(allEvents).map((event) => {
                                     const eventStart = new Date(event.start);
                                     const eventEnd = new Date(event.end);
@@ -13134,8 +13333,8 @@ function addHoursToDate(date, hours) {
 
 // src/components/ui/event-calendar/WeekView.tsx
 var import_date_fns25 = require("date-fns");
-var import_locale13 = require("date-fns/locale");
-var import_react79 = require("react");
+var import_locale14 = require("date-fns/locale");
+var import_react81 = require("react");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 function WeekView({
   currentDate,
@@ -13143,23 +13342,23 @@ function WeekView({
   onEventSelect,
   onEventCreate
 }) {
-  const days = (0, import_react79.useMemo)(() => {
+  const days = (0, import_react81.useMemo)(() => {
     const weekStart2 = (0, import_date_fns25.startOfWeek)(currentDate, { weekStartsOn: 0 });
     const weekEnd = (0, import_date_fns25.endOfWeek)(currentDate, { weekStartsOn: 0 });
     return (0, import_date_fns25.eachDayOfInterval)({ end: weekEnd, start: weekStart2 });
   }, [currentDate]);
-  const weekStart = (0, import_react79.useMemo)(
+  const weekStart = (0, import_react81.useMemo)(
     () => (0, import_date_fns25.startOfWeek)(currentDate, { weekStartsOn: 0 }),
     [currentDate]
   );
-  const hours = (0, import_react79.useMemo)(() => {
+  const hours = (0, import_react81.useMemo)(() => {
     const dayStart = (0, import_date_fns25.startOfDay)(currentDate);
     return (0, import_date_fns25.eachHourOfInterval)({
       end: (0, import_date_fns25.addHours)(dayStart, EndHour - 1),
       start: (0, import_date_fns25.addHours)(dayStart, StartHour)
     });
   }, [currentDate]);
-  const allDayEvents = (0, import_react79.useMemo)(() => {
+  const allDayEvents = (0, import_react81.useMemo)(() => {
     return events.filter((event) => {
       return event.allDay || isMultiDayEvent(event);
     }).filter((event) => {
@@ -13170,7 +13369,7 @@ function WeekView({
       );
     });
   }, [events, days]);
-  const processedDayEvents = (0, import_react79.useMemo)(() => {
+  const processedDayEvents = (0, import_react81.useMemo)(() => {
     const result = days.map((day) => {
       const dayEvents = events.filter((event) => {
         if (event.allDay || isMultiDayEvent(event)) return false;
@@ -13263,11 +13462,11 @@ function WeekView({
           "data-today": (0, import_date_fns25.isToday)(day) || void 0,
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { "aria-hidden": "true", className: "sm:hidden", children: [
-              (0, import_date_fns25.format)(day, "EEE", { locale: import_locale13.ptBR })[0],
+              (0, import_date_fns25.format)(day, "EEE", { locale: import_locale14.ptBR })[0],
               " ",
-              (0, import_date_fns25.format)(day, "d", { locale: import_locale13.ptBR })
+              (0, import_date_fns25.format)(day, "d", { locale: import_locale14.ptBR })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "max-sm:hidden", children: (0, import_date_fns25.format)(day, "EEE dd", { locale: import_locale13.ptBR }) })
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "max-sm:hidden", children: (0, import_date_fns25.format)(day, "EEE dd", { locale: import_locale14.ptBR }) })
           ]
         },
         day.toString()
@@ -13416,8 +13615,8 @@ function WeekView({
 }
 
 // src/components/ui/selects/AvatarCombobox.tsx
-var import_react80 = require("react");
-var import_react81 = require("@phosphor-icons/react");
+var import_react82 = require("react");
+var import_react83 = require("@phosphor-icons/react");
 var import_jsx_runtime84 = require("react/jsx-runtime");
 var DEFAULT_COLORS = [
   "bg-purple-100 text-purple-700",
@@ -13461,8 +13660,8 @@ function AvatarCombobox({
   className,
   colors: colors2
 }) {
-  const [open, setOpen] = (0, import_react80.useState)(false);
-  const id = (0, import_react80.useId)();
+  const [open, setOpen] = (0, import_react82.useState)(false);
+  const id = (0, import_react82.useId)();
   const allItems = items || (groupItems ? Object.values(groupItems).flat() : []);
   const selectedItem = allItems.find((item) => item.value === selected);
   const renderItem = (item) => {
@@ -13499,7 +13698,7 @@ function AvatarCombobox({
           "data-testid": testIds.trigger ?? "avatar-select-trigger",
           children: [
             selectedItem ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "flex items-center gap-2 truncate", children: renderItem(selectedItem) }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "text-muted-foreground", children: placeholder }),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react81.CaretDownIcon, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react83.CaretDownIcon, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
           ]
         }
       ) }),
@@ -13525,7 +13724,7 @@ function AvatarCombobox({
                   children: [
                     renderItem(item),
                     /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
-                      import_react81.CheckIcon,
+                      import_react83.CheckIcon,
                       {
                         className: cn(
                           "ml-auto h-4 w-4",
@@ -13548,7 +13747,7 @@ function AvatarCombobox({
                   children: [
                     renderItem(item),
                     /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
-                      import_react81.CheckIcon,
+                      import_react83.CheckIcon,
                       {
                         className: cn(
                           "ml-auto h-4 w-4",
@@ -13570,11 +13769,11 @@ function AvatarCombobox({
 }
 
 // src/components/ui/selects/MultiSelectBase.tsx
-var import_react82 = require("@phosphor-icons/react");
-var import_react83 = require("react");
-var import_framer_motion16 = require("framer-motion");
+var import_react84 = require("@phosphor-icons/react");
+var import_react85 = require("react");
+var import_framer_motion15 = require("framer-motion");
 var import_jsx_runtime85 = require("react/jsx-runtime");
-var MultiSelectContext = (0, import_react83.createContext)(null);
+var MultiSelectContext = (0, import_react85.createContext)(null);
 function MultiSelectBase({
   children,
   values,
@@ -13584,12 +13783,12 @@ function MultiSelectBase({
   empty,
   error
 }) {
-  const [open, setOpen] = (0, import_react83.useState)(false);
-  const [internalValues, setInternalValues] = (0, import_react83.useState)(
+  const [open, setOpen] = (0, import_react85.useState)(false);
+  const [internalValues, setInternalValues] = (0, import_react85.useState)(
     new Set(values ?? defaultValues)
   );
   const selectedValues = values ? new Set(values) : internalValues;
-  const [items, setItems] = (0, import_react83.useState)(/* @__PURE__ */ new Map());
+  const [items, setItems] = (0, import_react85.useState)(/* @__PURE__ */ new Map());
   function toggleValue(value) {
     if (disabled) return;
     const getNewSet = (prev) => {
@@ -13604,7 +13803,7 @@ function MultiSelectBase({
     setInternalValues(getNewSet);
     onValuesChange?.([...getNewSet(selectedValues)]);
   }
-  const onItemAdded = (0, import_react83.useCallback)((value, label) => {
+  const onItemAdded = (0, import_react85.useCallback)((value, label) => {
     setItems((prev) => {
       if (prev.get(value) === label) return prev;
       return new Map(prev).set(value, label);
@@ -13661,7 +13860,7 @@ function MultiSelectTriggerBase({
         ),
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react82.CaretUpDownIcon, { className: "size-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react84.CaretUpDownIcon, { className: "size-4 shrink-0 opacity-50" })
         ]
       }
     ) }),
@@ -13676,13 +13875,13 @@ function MultiSelectValueBase({
   ...props
 }) {
   const { selectedValues, toggleValue, items, open } = useMultiSelectContext();
-  const [overflowAmount, setOverflowAmount] = (0, import_react83.useState)(0);
-  const valueRef = (0, import_react83.useRef)(null);
-  const overflowRef = (0, import_react83.useRef)(null);
-  const mutationObserverRef = (0, import_react83.useRef)(null);
-  const resizeObserverRef = (0, import_react83.useRef)(null);
+  const [overflowAmount, setOverflowAmount] = (0, import_react85.useState)(0);
+  const valueRef = (0, import_react85.useRef)(null);
+  const overflowRef = (0, import_react85.useRef)(null);
+  const mutationObserverRef = (0, import_react85.useRef)(null);
+  const resizeObserverRef = (0, import_react85.useRef)(null);
   const shouldWrap = overflowBehavior === "wrap" || overflowBehavior === "wrap-when-open" && open;
-  const checkOverflow = (0, import_react83.useCallback)(() => {
+  const checkOverflow = (0, import_react85.useCallback)(() => {
     if (valueRef.current == null) return;
     const containerElement = valueRef.current;
     const overflowElement = overflowRef.current;
@@ -13703,7 +13902,7 @@ function MultiSelectValueBase({
     }
     setOverflowAmount(amount);
   }, []);
-  const handleResize = (0, import_react83.useCallback)(
+  const handleResize = (0, import_react85.useCallback)(
     (node) => {
       if (node == null) {
         valueRef.current = null;
@@ -13769,7 +13968,7 @@ function MultiSelectValueBase({
             } : void 0,
             children: [
               items.get(value),
-              clickToRemove && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react82.XIcon, { className: "size-3 text-muted-foreground group-hover:text-destructive" })
+              clickToRemove && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react84.XIcon, { className: "size-3 text-muted-foreground group-hover:text-destructive" })
             ]
           },
           value
@@ -13799,7 +13998,7 @@ function MultiSelectContentBase({
   const canSearch = typeof search === "object" ? true : search;
   const { emptyMessage } = useMultiSelectContext();
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_jsx_runtime85.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(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__ */ (0, import_jsx_runtime85.jsx)(
-    import_framer_motion16.motion.div,
+    import_framer_motion15.motion.div,
     {
       initial: { opacity: 0, scale: 0.95 },
       animate: { opacity: 1, scale: 1 },
@@ -13829,7 +14028,7 @@ function MultiSelectItemBase({
 }) {
   const { toggleValue, selectedValues, onItemAdded } = useMultiSelectContext();
   const isSelected = selectedValues.has(value);
-  (0, import_react83.useEffect)(() => {
+  (0, import_react85.useEffect)(() => {
     onItemAdded(value, badgeLabel ?? children);
   }, [value, children, onItemAdded, badgeLabel]);
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
@@ -13841,17 +14040,17 @@ function MultiSelectItemBase({
         onSelect?.(value);
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
-        import_framer_motion16.motion.div,
+        import_framer_motion15.motion.div,
         {
           transition: { duration: 0.1 },
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
-              import_framer_motion16.motion.div,
+              import_framer_motion15.motion.div,
               {
                 initial: { scale: 0 },
                 animate: { scale: isSelected ? 1 : 0 },
                 transition: { type: "spring", stiffness: 500, damping: 30 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react82.CheckIcon, { className: "size-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react84.CheckIcon, { className: "size-4" })
               }
             ) }),
             children
@@ -13868,7 +14067,7 @@ function MultiSelectSeparatorBase(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(CommandSeparatorBase, { ...props });
 }
 function useMultiSelectContext() {
-  const context = (0, import_react83.useContext)(MultiSelectContext);
+  const context = (0, import_react85.useContext)(MultiSelectContext);
   if (context == null) {
     throw new Error(
       "useMultiSelectContext must be used within a MultiSelectContext"
@@ -13885,7 +14084,7 @@ function debounce(func, wait) {
 }
 
 // src/components/ui/charts/Chart.tsx
-var import_react88 = require("react");
+var import_react90 = require("react");
 var import_recharts = require("recharts");
 
 // src/components/ui/charts/utils/helpers.ts
@@ -14032,8 +14231,8 @@ var resolveChartMargins = (margins, chartMargins, showLabels) => {
 var import_sonner4 = require("sonner");
 
 // src/components/ui/charts/components/controls/PeriodsDropdown.tsx
-var import_react84 = require("react");
-var import_framer_motion17 = require("framer-motion");
+var import_react86 = require("react");
+var import_framer_motion16 = require("framer-motion");
 var import_ssr4 = require("@phosphor-icons/react/dist/ssr");
 var import_ssr5 = require("@phosphor-icons/react/dist/ssr");
 var import_jsx_runtime86 = require("react/jsx-runtime");
@@ -14055,11 +14254,11 @@ function PeriodsDropdown({
   activePeriods
 }) {
   const periods = processedData.map((d) => String(d.name));
-  const [open, setOpen] = (0, import_react84.useState)(false);
-  const wrapperRef = (0, import_react84.useRef)(null);
-  const firstItemRef = (0, import_react84.useRef)(null);
-  const listRef = (0, import_react84.useRef)(null);
-  (0, import_react84.useEffect)(() => {
+  const [open, setOpen] = (0, import_react86.useState)(false);
+  const wrapperRef = (0, import_react86.useRef)(null);
+  const firstItemRef = (0, import_react86.useRef)(null);
+  const listRef = (0, import_react86.useRef)(null);
+  (0, import_react86.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (!wrapperRef.current) return;
       if (!wrapperRef.current.contains(e.target)) setOpen(false);
@@ -14074,7 +14273,7 @@ function PeriodsDropdown({
       document.removeEventListener("keydown", handleEscape);
     };
   }, []);
-  (0, import_react84.useEffect)(() => {
+  (0, import_react86.useEffect)(() => {
     if (open && firstItemRef.current) {
       firstItemRef.current.focus();
     }
@@ -14108,8 +14307,8 @@ function PeriodsDropdown({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_framer_motion17.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
-      import_framer_motion17.motion.div,
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_framer_motion16.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+      import_framer_motion16.motion.div,
       {
         initial: "hidden",
         animate: "visible",
@@ -14138,7 +14337,7 @@ function PeriodsDropdown({
               className: "flex flex-col p-2 gap-1",
               style: { maxHeight: 200, overflowY: "auto" },
               children: periods.map((p, idx) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
-                import_framer_motion17.motion.button,
+                import_framer_motion16.motion.button,
                 {
                   className: "flex items-center justify-between w-full text-left px-3 py-2.5 rounded focus:outline-none transition-colors " + (activePeriods && activePeriods.includes(p) || p === activePeriod ? "bg-accent/10 font-medium" : "hover:bg-accent/15 focus-visible:ring-2 focus-visible:ring-accent/30"),
                   variants: itemVariants,
@@ -14166,8 +14365,8 @@ function PeriodsDropdown({
 var PeriodsDropdown_default = PeriodsDropdown;
 
 // src/components/ui/charts/components/controls/ShowOnly.tsx
-var import_framer_motion18 = require("framer-motion");
-var import_react85 = require("@phosphor-icons/react");
+var import_framer_motion17 = require("framer-motion");
+var import_react87 = require("@phosphor-icons/react");
 var import_jsx_runtime87 = require("react/jsx-runtime");
 var ShowOnly = ({
   showOnlyHighlighted,
@@ -14177,7 +14376,7 @@ var ShowOnly = ({
   const hasHighlights = highlightedSeriesSize > 0;
   if (!hasHighlights) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "ml-auto flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
-    import_framer_motion18.motion.div,
+    import_framer_motion17.motion.div,
     {
       whileTap: { scale: hasHighlights ? 0.985 : 1 },
       whileHover: { y: hasHighlights ? -2 : 0 },
@@ -14196,10 +14395,10 @@ var ShowOnly = ({
             !hasHighlights ? "opacity-60 cursor-not-allowed pointer-events-none" : showOnlyHighlighted ? "bg-primary/10 text-primary shadow-sm border border-primary/20" : "bg-transparent text-muted-foreground border border-transparent hover:bg-muted/10 hover:text-foreground"
           ),
           children: showOnlyHighlighted ? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react85.EyeSlash, { size: 16, weight: "regular" }),
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react87.EyeSlash, { size: 16, weight: "regular" }),
             /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "sr-only", children: "Exibir todos" })
           ] }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react85.Eye, { size: 16, weight: "bold" }),
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react87.Eye, { size: 16, weight: "bold" }),
             /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "sr-only", children: "Mostrar somente destacados" })
           ] })
         }
@@ -14210,7 +14409,7 @@ var ShowOnly = ({
 var ShowOnly_default = ShowOnly;
 
 // src/components/ui/charts/components/controls/Highlights.tsx
-var import_framer_motion19 = require("framer-motion");
+var import_framer_motion18 = require("framer-motion");
 var import_ssr6 = require("@phosphor-icons/react/dist/ssr");
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var Highlights = ({
@@ -14231,13 +14430,13 @@ var Highlights = ({
     visible: { opacity: 1, transition: { staggerChildren: 0.03 } }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
-    import_framer_motion19.motion.div,
+    import_framer_motion18.motion.div,
     {
       className: "flex-1 flex items-center gap-2 flex-wrap",
       initial: "hidden",
       animate: "visible",
       variants: containerVariants,
-      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_framer_motion19.AnimatePresence, { initial: false, mode: "popLayout", children: allKeys.map((k) => {
+      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_framer_motion18.AnimatePresence, { initial: false, mode: "popLayout", children: allKeys.map((k) => {
         const isHighlighted = highlightedSeries.has(k);
         const label = mapperConfig[k]?.label ?? k;
         const color = finalColors[k];
@@ -14247,14 +14446,14 @@ var Highlights = ({
           isHighlighted ? "bg-card/95 border-2 text-foreground shadow-[0_6px_18px_rgba(0,0,0,0.12)]" : "bg-muted/10 border-border text-muted-foreground hover:bg-muted/5"
         );
         return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
-          import_framer_motion19.motion.div,
+          import_framer_motion18.motion.div,
           {
             layout: true,
             initial: "hidden",
             animate: "visible",
             exit: "exit",
             children: (() => {
-              const MotionButtonBase = (0, import_framer_motion19.motion)(
+              const MotionButtonBase = (0, import_framer_motion18.motion)(
                 ButtonBase
               );
               return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
@@ -14271,7 +14470,7 @@ var Highlights = ({
                   animate: isHighlighted ? { scale: 1.02 } : { scale: 1 },
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
-                      import_framer_motion19.motion.span,
+                      import_framer_motion18.motion.span,
                       {
                         className: cn("w-3 h-3 rounded-sm flex-shrink-0 border"),
                         style: {
@@ -14290,14 +14489,14 @@ var Highlights = ({
                       }
                     ),
                     showFullLabel ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
-                      import_framer_motion19.motion.span,
+                      import_framer_motion18.motion.span,
                       {
                         className: "truncate max-w-[10rem] mt-0.5",
                         layout: true,
                         children: label
                       }
                     ) : showShortLabel ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
-                      import_framer_motion19.motion.span,
+                      import_framer_motion18.motion.span,
                       {
                         className: "truncate max-w-[6rem] text-xs pr-2",
                         layout: true,
@@ -14305,7 +14504,7 @@ var Highlights = ({
                       }
                     ) : null,
                     /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
-                      import_framer_motion19.motion.span,
+                      import_framer_motion18.motion.span,
                       {
                         "aria-hidden": true,
                         initial: { opacity: 0, scale: 0.6 },
@@ -14417,9 +14616,9 @@ var CloseAllButton = ({
 var CloseAllButton_default = CloseAllButton;
 
 // src/components/ui/charts/components/tooltips/DraggableTooltip.tsx
-var import_react86 = __toESM(require("react"));
-var import_framer_motion20 = require("framer-motion");
-var import_react87 = require("@phosphor-icons/react");
+var import_react88 = __toESM(require("react"));
+var import_framer_motion19 = require("framer-motion");
+var import_react89 = require("@phosphor-icons/react");
 var import_ssr8 = require("@phosphor-icons/react/dist/ssr");
 var import_jsx_runtime90 = require("react/jsx-runtime");
 var ALIGNMENT_THRESHOLD = 25;
@@ -14498,12 +14697,12 @@ var DraggableTooltipComponent = ({
   valueFormatter: valueFormatter2,
   categoryFormatter
 }) => {
-  const visibleKeys = (0, import_react86.useMemo)(
+  const visibleKeys = (0, import_react88.useMemo)(
     () => showOnlyHighlighted && highlightedSeries && highlightedSeries.size > 0 ? dataKeys.filter((k) => highlightedSeries.has(k)) : dataKeys,
     [showOnlyHighlighted, highlightedSeries, dataKeys]
   );
-  const TotalDisplay = import_react86.default.memo(({ data: data2, visibleKeys: visibleKeys2, valueFormatter: localformatter }) => {
-    const total = (0, import_react86.useMemo)(() => {
+  const TotalDisplay = import_react88.default.memo(({ data: data2, visibleKeys: visibleKeys2, valueFormatter: localformatter }) => {
+    const total = (0, import_react88.useMemo)(() => {
       const numeric = visibleKeys2.map((k) => data2[k]).filter((v) => typeof v === "number");
       return numeric.reduce((s, v) => s + (v || 0), 0);
     }, [data2, visibleKeys2]);
@@ -14525,14 +14724,14 @@ var DraggableTooltipComponent = ({
       )
     ] });
   });
-  const [localPos, setLocalPos] = (0, import_react86.useState)(position);
-  const [dragging, setDragging] = (0, import_react86.useState)(false);
-  const offsetRef = (0, import_react86.useRef)({ x: 0, y: 0 });
-  const lastMouse = (0, import_react86.useRef)({ x: 0, y: 0 });
-  const [alignmentGuides, setAlignmentGuides] = (0, import_react86.useState)([]);
-  const [globalTooltipCountLocal, setGlobalTooltipCountLocal] = (0, import_react86.useState)(0);
-  (0, import_react86.useEffect)(() => setLocalPos(position), [position]);
-  const getAllTooltips = (0, import_react86.useCallback)(() => {
+  const [localPos, setLocalPos] = (0, import_react88.useState)(position);
+  const [dragging, setDragging] = (0, import_react88.useState)(false);
+  const offsetRef = (0, import_react88.useRef)({ x: 0, y: 0 });
+  const lastMouse = (0, import_react88.useRef)({ x: 0, y: 0 });
+  const [alignmentGuides, setAlignmentGuides] = (0, import_react88.useState)([]);
+  const [globalTooltipCountLocal, setGlobalTooltipCountLocal] = (0, import_react88.useState)(0);
+  (0, import_react88.useEffect)(() => setLocalPos(position), [position]);
+  const getAllTooltips = (0, import_react88.useCallback)(() => {
     const response = [];
     const ev = new CustomEvent("requestGlobalTooltips", {
       detail: { requesterId: id, response }
@@ -14540,7 +14739,7 @@ var DraggableTooltipComponent = ({
     window.dispatchEvent(ev);
     return response;
   }, [id]);
-  const updateAlignmentGuides = (0, import_react86.useCallback)(
+  const updateAlignmentGuides = (0, import_react88.useCallback)(
     (currentPosition) => {
       const allTooltips = getAllTooltips();
       const otherTooltips = allTooltips.filter((t) => t.id !== id);
@@ -14589,7 +14788,7 @@ var DraggableTooltipComponent = ({
     },
     [getAllTooltips, id]
   );
-  const snapToGuides = (0, import_react86.useCallback)(
+  const snapToGuides = (0, import_react88.useCallback)(
     (position2) => {
       const snappedPosition = { ...position2 };
       let hasSnapped = false;
@@ -14636,7 +14835,7 @@ var DraggableTooltipComponent = ({
     },
     [alignmentGuides]
   );
-  (0, import_react86.useEffect)(() => {
+  (0, import_react88.useEffect)(() => {
     let rafId = null;
     const handleMouseMove = (e) => {
       if (!dragging) return;
@@ -14678,7 +14877,7 @@ var DraggableTooltipComponent = ({
       document.body.style.userSelect = "";
     };
   }, [dragging, snapToGuides, updateAlignmentGuides, id, onPositionChange]);
-  (0, import_react86.useEffect)(() => {
+  (0, import_react88.useEffect)(() => {
     const handleCloseAll = () => onClose(id);
     const handleRequestTooltipCount = () => {
       window.dispatchEvent(
@@ -14709,7 +14908,7 @@ var DraggableTooltipComponent = ({
       });
     };
   }, [id, localPos, onClose]);
-  (0, import_react86.useEffect)(() => {
+  (0, import_react88.useEffect)(() => {
     if (dragging) return;
     let total = 0;
     const timeoutId = setTimeout(() => {
@@ -14727,7 +14926,7 @@ var DraggableTooltipComponent = ({
     }, 0);
     return () => clearTimeout(timeoutId);
   }, [localPos, dragging]);
-  (0, import_react86.useEffect)(() => {
+  (0, import_react88.useEffect)(() => {
     const recount = () => {
       if (dragging) return;
       let total = 0;
@@ -14745,7 +14944,7 @@ var DraggableTooltipComponent = ({
     window.addEventListener("recountTooltips", recount);
     return () => window.removeEventListener("recountTooltips", recount);
   }, [dragging]);
-  const handleMouseDownLocal = (0, import_react86.useCallback)(
+  const handleMouseDownLocal = (0, import_react88.useCallback)(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -14756,7 +14955,7 @@ var DraggableTooltipComponent = ({
     },
     [id, onMouseDown]
   );
-  const handleTouchStartLocal = (0, import_react86.useCallback)(
+  const handleTouchStartLocal = (0, import_react88.useCallback)(
     (e) => {
       e.stopPropagation();
       const touch = e.touches[0];
@@ -14771,7 +14970,7 @@ var DraggableTooltipComponent = ({
     },
     [id, onMouseDown]
   );
-  const handleCloseClick = (0, import_react86.useCallback)(
+  const handleCloseClick = (0, import_react88.useCallback)(
     (e) => {
       e.stopPropagation();
       onClose(id);
@@ -14800,7 +14999,7 @@ var DraggableTooltipComponent = ({
       );
       return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
-          import_framer_motion20.motion.div,
+          import_framer_motion19.motion.div,
           {
             className: "fixed pointer-events-none z-30",
             variants: guideVariants,
@@ -14822,7 +15021,7 @@ var DraggableTooltipComponent = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
-          import_framer_motion20.motion.div,
+          import_framer_motion19.motion.div,
           {
             className: "fixed pointer-events-none z-31",
             variants: guideDotVariants,
@@ -14841,7 +15040,7 @@ var DraggableTooltipComponent = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
-          import_framer_motion20.motion.div,
+          import_framer_motion19.motion.div,
           {
             className: "fixed pointer-events-none z-31",
             variants: guideDotVariants,
@@ -14861,8 +15060,8 @@ var DraggableTooltipComponent = ({
         )
       ] }, index);
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_framer_motion20.AnimatePresence, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
-      import_framer_motion20.motion.div,
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_framer_motion19.AnimatePresence, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+      import_framer_motion19.motion.div,
       {
         className: "fixed bg-card border border-border rounded-lg shadow-lg z-50 min-w-80 select-none",
         variants: tooltipVariants,
@@ -14887,7 +15086,7 @@ var DraggableTooltipComponent = ({
               onTouchStart: handleTouchStartLocal,
               style: { touchAction: "none" },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react87.DotsSixVerticalIcon, { size: 16 }),
+                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react89.DotsSixVerticalIcon, { size: 16 }),
                 /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "flex flex-col gap-1", children: title && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "flex items-center gap-2 pb-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "font-bold text-foreground text-base", children: title }) }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                   "button",
@@ -14917,7 +15116,7 @@ var DraggableTooltipComponent = ({
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "p-3 pt-2 space-y-2", children: [
             /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide mb-2", children: dataLabel }),
-            (0, import_react86.useMemo)(
+            (0, import_react88.useMemo)(
               () => visibleKeys.map((key) => {
                 const value = data[key];
                 if (value === void 0) return null;
@@ -15035,7 +15234,7 @@ var DraggableTooltipComponent = ({
     )
   ] });
 };
-var DraggableTooltip = import_react86.default.memo(DraggableTooltipComponent);
+var DraggableTooltip = import_react88.default.memo(DraggableTooltipComponent);
 DraggableTooltip.displayName = "DraggableTooltip";
 var DraggableTooltip_default = DraggableTooltip;
 
@@ -15492,17 +15691,19 @@ var renderInsideBarLabel = (color, valueFormatter2) => {
 var import_jsx_runtime94 = require("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`,
@@ -15512,27 +15713,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__ */ (0, import_jsx_runtime94.jsx)("div", { className: "w-full flex items-center justify-center pl-[var(--pl)] pr-3 h-[var(--svg-h)]", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "w-full max-w-[900px] relative", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "w-full flex items-center justify-center pl-[var(--pl)] p-6 h-[var(--svg-h)]", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "w-full max-w-[900px] relative", children: [
         /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
           "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__ */ (0, import_jsx_runtime94.jsxs)("defs", { children: [
                 /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("linearGradient", { id: "barGradient", x1: "0", x2: "0", y1: "0", y2: "1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("stop", { offset: "0%", stopColor: "#60a5fa", stopOpacity: "0.95" }),
-                  "=              "
+                  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+                    "stop",
+                    {
+                      offset: "0%",
+                      stopColor: "hsl(var(--primary))",
+                      stopOpacity: "0.15"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+                    "stop",
+                    {
+                      offset: "100%",
+                      stopColor: "hsl(var(--primary))",
+                      stopOpacity: "0.05"
+                    }
+                  )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("linearGradient", { id: "gridGradient", x1: "0", x2: "0", y1: "0", y2: "1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+                    "stop",
+                    {
+                      offset: "0%",
+                      stopColor: "hsl(var(--border))",
+                      stopOpacity: "0.4"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+                    "stop",
+                    {
+                      offset: "100%",
+                      stopColor: "hsl(var(--border))",
+                      stopOpacity: "0.1"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
                   "filter",
                   {
                     id: "softShadow",
@@ -15540,16 +15773,15 @@ var NoData = ({
                     y: "-20%",
                     width: "140%",
                     height: "140%",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
-                      "feDropShadow",
-                      {
-                        dx: "0",
-                        dy: "6",
-                        stdDeviation: "8",
-                        floodColor: "#0f172a",
-                        floodOpacity: "0.06"
-                      }
-                    )
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("feGaussianBlur", { in: "SourceAlpha", stdDeviation: "3" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("feOffset", { dx: "0", dy: "2", result: "offsetblur" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("feComponentTransfer", { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("feFuncA", { type: "linear", slope: "0.2" }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("feMerge", { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("feMergeNode", {}),
+                        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("feMergeNode", { in: "SourceGraphic" })
+                      ] })
+                    ]
                   }
                 )
               ] }),
@@ -15560,66 +15792,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__ */ (0, import_jsx_runtime94.jsx)(
                   "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__ */ (0, import_jsx_runtime94.jsx)(
+                "line",
+                {
+                  x1: 50,
+                  y1: 30,
+                  x2: 50,
+                  y2: svgHeight - 40,
+                  stroke: "hsl(var(--foreground))",
+                  strokeWidth: 2,
+                  opacity: 0.5
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+                "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__ */ (0, import_jsx_runtime94.jsxs)("g", { children: [
                 /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
                   "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__ */ (0, import_jsx_runtime94.jsx)(
                   "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__ */ (0, import_jsx_runtime94.jsx)(
-                  "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__ */ (0, import_jsx_runtime94.jsx)("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none h-[var(--svg-h)]", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "pointer-events-auto bg-transparent px-3 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "text-2xl sm:text-3xl font-semibold text-black", children: message }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none h-[var(--svg-h)]", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("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__ */ (0, import_jsx_runtime94.jsx)("h3", { className: "text-xl font-semibold text-foreground mb-2", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "text-lg font-medium text-foreground/90 mb-2", children: message })
+        ] }) })
       ] }) })
     }
   );
@@ -15660,7 +15923,7 @@ var Chart = ({
   formatBR = false,
   chartMargin
 }) => {
-  const smartConfig = (0, import_react88.useMemo)(() => {
+  const smartConfig = (0, import_react90.useMemo)(() => {
     const resolvedXAxisKey = typeof xAxis === "string" ? xAxis : xAxis && xAxis.dataKey || detectXAxis(data);
     const xAxisConfig2 = typeof xAxis === "string" ? {
       dataKey: resolvedXAxisKey,
@@ -15684,12 +15947,12 @@ var Chart = ({
     return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
   }, [data, xAxis, labelMap]);
   const { xAxisConfig, mapperConfig } = smartConfig;
-  const [activeTooltips, setActiveTooltips] = (0, import_react88.useState)([]);
-  const [highlightedSeries, setHighlightedSeries] = (0, import_react88.useState)(
+  const [activeTooltips, setActiveTooltips] = (0, import_react90.useState)([]);
+  const [highlightedSeries, setHighlightedSeries] = (0, import_react90.useState)(
     /* @__PURE__ */ new Set()
   );
-  const [showOnlyHighlighted, setShowOnlyHighlighted] = (0, import_react88.useState)(false);
-  (0, import_react88.useEffect)(() => {
+  const [showOnlyHighlighted, setShowOnlyHighlighted] = (0, import_react90.useState)(false);
+  (0, import_react90.useEffect)(() => {
     if (highlightedSeries.size === 0 && showOnlyHighlighted) {
       setShowOnlyHighlighted(false);
     }
@@ -15698,9 +15961,9 @@ var Chart = ({
     ...item,
     name: String(item[xAxisConfig.dataKey] || "N/A")
   }));
-  const wrapperRef = (0, import_react88.useRef)(null);
-  const [measuredWidth, setMeasuredWidth] = (0, import_react88.useState)(null);
-  (0, import_react88.useLayoutEffect)(() => {
+  const wrapperRef = (0, import_react90.useRef)(null);
+  const [measuredWidth, setMeasuredWidth] = (0, import_react90.useState)(null);
+  (0, import_react90.useLayoutEffect)(() => {
     const el = wrapperRef.current;
     if (!el) return;
     const ro = new ResizeObserver((entries) => {
@@ -15727,7 +15990,7 @@ var Chart = ({
     );
   }
   const allKeys = seriesOrder.map((s) => s.key).filter(Boolean);
-  const generateColors = (0, import_react88.useCallback)(
+  const generateColors = (0, import_react90.useCallback)(
     (dataKeys) => {
       const colorMap = {};
       const allColors = generateAdditionalColors(colors2, dataKeys.length);
@@ -15738,17 +16001,17 @@ var Chart = ({
     },
     [colors2, mapperConfig]
   );
-  const finalColors = (0, import_react88.useMemo)(
+  const finalColors = (0, import_react90.useMemo)(
     () => generateColors(allKeys),
     [generateColors, allKeys]
   );
-  const biaxialConfigNormalized = (0, import_react88.useMemo)(() => {
+  const biaxialConfigNormalized = (0, import_react90.useMemo)(() => {
     if (!biaxial) return null;
     if (typeof biaxial === "string") return { key: [biaxial] };
     if (Array.isArray(biaxial)) return { key: biaxial };
     return biaxial;
   }, [biaxial]);
-  (0, import_react88.useMemo)(() => {
+  (0, import_react90.useMemo)(() => {
     if (!biaxialConfigNormalized) return;
     const leftLabelMissing = !yAxisLabel || String(yAxisLabel).trim() === "";
     const rightLabelMissing = !biaxialConfigNormalized.label || String(biaxialConfigNormalized.label).trim() === "";
@@ -15758,29 +16021,29 @@ var Chart = ({
       );
     }
   }, [biaxialConfigNormalized, yAxisLabel]);
-  const rightKeys = (0, import_react88.useMemo)(
+  const rightKeys = (0, import_react90.useMemo)(
     () => biaxialConfigNormalized?.key ?? [],
     [biaxialConfigNormalized]
   );
-  const leftKeys = (0, import_react88.useMemo)(
+  const leftKeys = (0, import_react90.useMemo)(
     () => allKeys.filter((k) => !rightKeys.includes(k)),
     [allKeys, rightKeys]
   );
-  const adaptDataForTooltip = (0, import_react88.useCallback)(
+  const adaptDataForTooltip = (0, import_react90.useCallback)(
     (universalData) => ({
       ...universalData,
       name: String(universalData[xAxisConfig.dataKey] || "N/A")
     }),
     [xAxisConfig.dataKey]
   );
-  const activePeriods = (0, import_react88.useMemo)(
+  const activePeriods = (0, import_react90.useMemo)(
     () => activeTooltips.map((t) => adaptDataForTooltip(t.data).name),
     [activeTooltips, adaptDataForTooltip]
   );
-  (0, import_react88.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     window.dispatchEvent(new Event("recountTooltips"));
   }, [activeTooltips.length]);
-  const toggleHighlight = (0, import_react88.useCallback)((key) => {
+  const toggleHighlight = (0, import_react90.useCallback)((key) => {
     setHighlightedSeries((prev) => {
       const next = new Set(prev);
       if (next.has(key)) next.delete(key);
@@ -15788,7 +16051,7 @@ var Chart = ({
       return next;
     });
   }, []);
-  const maxLeftDataValue = (0, import_react88.useMemo)(() => {
+  const maxLeftDataValue = (0, import_react90.useMemo)(() => {
     let max = 0;
     const numericKeys = leftKeys.length > 0 ? leftKeys : allKeys;
     for (const row of processedData) {
@@ -15800,7 +16063,7 @@ var Chart = ({
     }
     return max;
   }, [processedData, leftKeys, allKeys]);
-  const minLeftDataValue = (0, import_react88.useMemo)(() => {
+  const minLeftDataValue = (0, import_react90.useMemo)(() => {
     let min = 0;
     const numericKeys = leftKeys.length > 0 ? leftKeys : allKeys;
     for (const row of processedData) {
@@ -15813,7 +16076,7 @@ var Chart = ({
     }
     return min;
   }, [processedData, leftKeys, allKeys]);
-  const maxRightDataValue = (0, import_react88.useMemo)(() => {
+  const maxRightDataValue = (0, import_react90.useMemo)(() => {
     let max = 0;
     if (rightKeys.length === 0) return max;
     for (const row of processedData) {
@@ -15825,7 +16088,7 @@ var Chart = ({
     }
     return max;
   }, [processedData, rightKeys]);
-  const minRightDataValue = (0, import_react88.useMemo)(() => {
+  const minRightDataValue = (0, import_react90.useMemo)(() => {
     let min = 0;
     if (rightKeys.length === 0) return min;
     for (const row of processedData) {
@@ -15838,7 +16101,7 @@ var Chart = ({
     }
     return min;
   }, [processedData, rightKeys]);
-  const computeNiceMax = (0, import_react88.useCallback)((maxValue) => {
+  const computeNiceMax = (0, import_react90.useCallback)((maxValue) => {
     let padding = 0.08;
     if (maxValue > 1e6) padding = 0.05;
     if (maxValue > 1e7) padding = 0.03;
@@ -15846,15 +16109,15 @@ var Chart = ({
     const padded = maxValue * (1 + padding);
     return niceCeil(padded);
   }, []);
-  const niceMaxLeft = (0, import_react88.useMemo)(
+  const niceMaxLeft = (0, import_react90.useMemo)(
     () => computeNiceMax(maxLeftDataValue),
     [computeNiceMax, maxLeftDataValue]
   );
-  const niceMaxRight = (0, import_react88.useMemo)(
+  const niceMaxRight = (0, import_react90.useMemo)(
     () => computeNiceMax(maxRightDataValue),
     [computeNiceMax, maxRightDataValue]
   );
-  const computedWidth = (0, import_react88.useMemo)(() => {
+  const computedWidth = (0, import_react90.useMemo)(() => {
     if (typeof width === "number") return width;
     const points = Math.max(1, processedData.length);
     const barCount = series?.bar?.length ?? 0;
@@ -15885,7 +16148,7 @@ var Chart = ({
     niceMaxLeft,
     niceMaxRight
   ]);
-  const toggleTooltip = (0, import_react88.useCallback)(
+  const toggleTooltip = (0, import_react90.useCallback)(
     (tooltipId, data2, basePosition) => {
       const existingIndex = activeTooltips.findIndex((t) => t.id === tooltipId);
       if (existingIndex !== -1) {
@@ -15914,7 +16177,7 @@ var Chart = ({
     },
     [activeTooltips, maxTooltips]
   );
-  const handleChartClick = (0, import_react88.useCallback)(
+  const handleChartClick = (0, import_react90.useCallback)(
     (e) => {
       if (!enableDraggableTooltips) return;
       const ev = e;
@@ -15932,7 +16195,7 @@ var Chart = ({
     },
     [enableDraggableTooltips, xAxisConfig.dataKey, toggleTooltip]
   );
-  const handleBarClick = (0, import_react88.useCallback)(
+  const handleBarClick = (0, import_react90.useCallback)(
     (data2, index, event) => {
       if (!enableDraggableTooltips) return;
       event.stopPropagation();
@@ -15946,7 +16209,7 @@ var Chart = ({
     },
     [enableDraggableTooltips, xAxisConfig.dataKey, toggleTooltip]
   );
-  const handleSeriesClick = (0, import_react88.useCallback)(
+  const handleSeriesClick = (0, import_react90.useCallback)(
     (...args) => {
       if (args.length >= 3) {
         const [data2, index, event] = args;
@@ -15957,7 +16220,7 @@ var Chart = ({
     },
     [handleBarClick, handleChartClick]
   );
-  const onTooltipPositionChange = (0, import_react88.useCallback)(
+  const onTooltipPositionChange = (0, import_react90.useCallback)(
     (id, position) => {
       setActiveTooltips(
         (prev) => prev.map((t) => t.id === id ? { ...t, position } : t)
@@ -15965,11 +16228,11 @@ var Chart = ({
     },
     []
   );
-  const titleClassName = (0, import_react88.useMemo)(
+  const titleClassName = (0, import_react90.useMemo)(
     () => "text-[1.4rem] font-semibold text-foreground mb-3",
     []
   );
-  const finalValueFormatter = (0, import_react88.useMemo)(() => {
+  const finalValueFormatter = (0, import_react90.useMemo)(() => {
     const nf = new Intl.NumberFormat("pt-BR", {
       minimumFractionDigits: 2,
       maximumFractionDigits: 2
@@ -16009,7 +16272,7 @@ var Chart = ({
     };
     return builtIn;
   }, [valueFormatter2, formatBR]);
-  const yTickFormatter = (0, import_react88.useMemo)(() => {
+  const yTickFormatter = (0, import_react90.useMemo)(() => {
     const nf = new Intl.NumberFormat("pt-BR", {
       minimumFractionDigits: 2,
       maximumFractionDigits: 2
@@ -16040,15 +16303,26 @@ var Chart = ({
   const containerPaddingLeft = -6;
   const finalChartRightMargin = chartMargin?.right ?? (rightKeys.length > 0 ? axisLabelMargin : defaultChartRightMargin);
   const finalChartLeftMargin = chartMargin?.left ?? (yAxisLabel ? axisLabelMargin : defaultChartLeftMargin);
-  const yAxisTickWidth = (0, import_react88.useMemo)(() => {
+  const yAxisTickWidth = (0, import_react90.useMemo)(() => {
     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);
@@ -16061,7 +16335,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 = (0, import_react88.useCallback)(
+  const openTooltipForPeriod = (0, import_react90.useCallback)(
     (periodName) => {
       if (!enableDraggableTooltips) return;
       const row = processedData.find((r) => String(r.name) === periodName);
@@ -16118,7 +16392,7 @@ var Chart = ({
             style: {
               paddingLeft: `${containerPaddingLeft + finalChartLeftMargin}px`
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(NoData_default, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(NoData_default, { title })
           }
         )
       }
@@ -16567,7 +16841,7 @@ var Chart = ({
 var Chart_default = Chart;
 
 // src/components/ui/charts/BarChart.tsx
-var import_react89 = require("react");
+var import_react91 = require("react");
 var import_recharts2 = require("recharts");
 var import_jsx_runtime96 = require("react/jsx-runtime");
 var DEFAULT_COLORS3 = ["#55af7d", "#8e68ff", "#2273e1"];
@@ -16599,7 +16873,7 @@ var BarChart = ({
     containerPaddingLeft,
     16
   );
-  const smartConfig = (0, import_react89.useMemo)(() => {
+  const smartConfig = (0, import_react91.useMemo)(() => {
     const providedMapper = yAxis ?? mapper;
     if (autoDetect === true || xAxis == null || providedMapper == null) {
       const detectedXAxis = detectXAxis(data);
@@ -16649,14 +16923,14 @@ var BarChart = ({
     return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
   }, [data, xAxis, mapper, yAxis, autoDetect, labelMap]);
   const { xAxisConfig, mapperConfig } = smartConfig;
-  const [activeTooltips, setActiveTooltips] = (0, import_react89.useState)([]);
-  const [isDragging, setIsDragging] = (0, import_react89.useState)(null);
-  const [dragOffset, setDragOffset] = (0, import_react89.useState)({
+  const [activeTooltips, setActiveTooltips] = (0, import_react91.useState)([]);
+  const [isDragging, setIsDragging] = (0, import_react91.useState)(null);
+  const [dragOffset, setDragOffset] = (0, import_react91.useState)({
     x: 0,
     y: 0
   });
-  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react89.useState)(0);
-  const [alignmentGuides, setAlignmentGuides] = (0, import_react89.useState)([]);
+  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react91.useState)(0);
+  const [alignmentGuides, setAlignmentGuides] = (0, import_react91.useState)([]);
   const processedData = data.map((item) => ({
     ...item,
     name: String(item[xAxisConfig.dataKey] || "N/A")
@@ -16679,7 +16953,7 @@ var BarChart = ({
       // Garantir que tem a propriedade 'name'
     };
   };
-  const maxDataValue = (0, import_react89.useMemo)(() => {
+  const maxDataValue = (0, import_react91.useMemo)(() => {
     let max = 0;
     const keys = Object.keys(mapperConfig);
     for (const row of processedData) {
@@ -16692,7 +16966,7 @@ var BarChart = ({
     }
     return max;
   }, [processedData, mapperConfig]);
-  const niceMax = (0, import_react89.useMemo)(() => {
+  const niceMax = (0, import_react91.useMemo)(() => {
     let padding2 = 0.08;
     if (maxDataValue > 1e6) padding2 = 0.05;
     if (maxDataValue > 1e7) padding2 = 0.03;
@@ -16733,7 +17007,7 @@ var BarChart = ({
   const GUIDE_THRESHOLD2 = 60;
   const STRONG_SNAP_THRESHOLD2 = 35;
   const PRECISION_SNAP_THRESHOLD2 = 8;
-  const updateAlignmentGuides = (0, import_react89.useCallback)(
+  const updateAlignmentGuides = (0, import_react91.useCallback)(
     (draggedTooltipId, currentPosition) => {
       if (!isDragging) return;
       const getAllTooltips = () => {
@@ -16797,7 +17071,7 @@ var BarChart = ({
     },
     [isDragging, activeTooltips]
   );
-  const snapToGuides = (0, import_react89.useCallback)(
+  const snapToGuides = (0, import_react91.useCallback)(
     (position) => {
       const snappedPosition = { ...position };
       let hasSnapped = false;
@@ -16859,7 +17133,7 @@ var BarChart = ({
     setIsDragging(tooltipId);
     setDragOffset({ x: offsetX, y: offsetY });
   };
-  (0, import_react89.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     let rafId;
     let lastMousePosition = { x: 0, y: 0 };
     const handleGlobalMouseMove = (e) => {
@@ -16917,7 +17191,7 @@ var BarChart = ({
     updateAlignmentGuides,
     snapToGuides
   ]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     const handleCloseAllTooltips = () => {
       setActiveTooltips([]);
       setGlobalTooltipCount(0);
@@ -16927,7 +17201,7 @@ var BarChart = ({
       window.removeEventListener("closeAllTooltips", handleCloseAllTooltips);
     };
   }, []);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     const handleTooltipCountRequest = () => {
       window.dispatchEvent(
         new CustomEvent("tooltipCountResponse", {
@@ -16966,7 +17240,7 @@ var BarChart = ({
       );
     };
   }, [activeTooltips]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (isDragging) return;
     let totalCount = 0;
     const handleCountResponse = (event) => {
@@ -17232,7 +17506,7 @@ var BarChart = ({
 var BarChart_default = BarChart;
 
 // src/components/ui/charts/LineChart.tsx
-var import_react90 = require("react");
+var import_react92 = require("react");
 var import_recharts3 = require("recharts");
 var import_jsx_runtime97 = require("react/jsx-runtime");
 var defaultData = [
@@ -17266,14 +17540,14 @@ var CustomLineChart = ({
     containerPaddingLeft,
     16
   );
-  const [activeTooltips, setActiveTooltips] = (0, import_react90.useState)([]);
-  const [isDragging, setIsDragging] = (0, import_react90.useState)(null);
-  const [dragOffset, setDragOffset] = (0, import_react90.useState)({
+  const [activeTooltips, setActiveTooltips] = (0, import_react92.useState)([]);
+  const [isDragging, setIsDragging] = (0, import_react92.useState)(null);
+  const [dragOffset, setDragOffset] = (0, import_react92.useState)({
     x: 0,
     y: 0
   });
-  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react90.useState)(0);
-  const [alignmentGuides, setAlignmentGuides] = (0, import_react90.useState)([]);
+  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react92.useState)(0);
+  const [alignmentGuides, setAlignmentGuides] = (0, import_react92.useState)([]);
   const generateColors = (dataKeys2) => {
     const colorMap = {};
     const allColors = generateAdditionalColors(colors2, dataKeys2.length);
@@ -17282,12 +17556,12 @@ var CustomLineChart = ({
     });
     return colorMap;
   };
-  const dataKeys = (0, import_react90.useMemo)(
+  const dataKeys = (0, import_react92.useMemo)(
     () => data.length > 0 ? Object.keys(data[0]).filter((key) => key !== "name") : [],
     [data]
   );
   const finalColors = generateColors(dataKeys);
-  const maxDataValue = (0, import_react90.useMemo)(() => {
+  const maxDataValue = (0, import_react92.useMemo)(() => {
     let max = 0;
     for (const row of data) {
       const r = row;
@@ -17299,7 +17573,7 @@ var CustomLineChart = ({
     }
     return max;
   }, [data, dataKeys]);
-  const niceMax = (0, import_react90.useMemo)(() => {
+  const niceMax = (0, import_react92.useMemo)(() => {
     let padding2 = 0.08;
     if (maxDataValue > 1e6) padding2 = 0.05;
     if (maxDataValue > 1e7) padding2 = 0.03;
@@ -17375,10 +17649,10 @@ var CustomLineChart = ({
   const handleChartBackgroundClick = () => {
     setActiveTooltips([]);
   };
-  const handleCloseAllTooltips = (0, import_react90.useCallback)(() => {
+  const handleCloseAllTooltips = (0, import_react92.useCallback)(() => {
     window.dispatchEvent(new CustomEvent("closeAllTooltips"));
   }, []);
-  const updateAlignmentGuides = (0, import_react90.useCallback)(
+  const updateAlignmentGuides = (0, import_react92.useCallback)(
     (draggedTooltipId, draggedPosition) => {
       const SNAP_THRESHOLD = 15;
       const draggedTooltip = activeTooltips.find(
@@ -17459,7 +17733,7 @@ var CustomLineChart = ({
     },
     [activeTooltips]
   );
-  const snapToGuides = (0, import_react90.useCallback)(
+  const snapToGuides = (0, import_react92.useCallback)(
     (position) => {
       const SNAP_DISTANCE = 10;
       const snappedPosition = { ...position };
@@ -17487,7 +17761,7 @@ var CustomLineChart = ({
     setIsDragging(tooltipId);
     setDragOffset({ x: offsetX, y: offsetY });
   };
-  (0, import_react90.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     let rafId;
     let lastMousePosition = { x: 0, y: 0 };
     const handleGlobalMouseMove = (e) => {
@@ -17534,7 +17808,7 @@ var CustomLineChart = ({
     updateAlignmentGuides,
     snapToGuides
   ]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     const handleCloseAllTooltips2 = () => {
       setActiveTooltips([]);
       setGlobalTooltipCount(0);
@@ -17544,7 +17818,7 @@ var CustomLineChart = ({
       window.removeEventListener("closeAllTooltips", handleCloseAllTooltips2);
     };
   }, []);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     const handleTooltipCountRequest = () => {
       window.dispatchEvent(
         new CustomEvent("tooltipCountResponse", {
@@ -17588,7 +17862,7 @@ var CustomLineChart = ({
       );
     };
   }, [activeTooltips]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     if (isDragging) return;
     let totalCount = 0;
     const handleCountResponse = (event) => {
@@ -17910,13 +18184,13 @@ var CustomPieChart = ({
 var PieChart_default = CustomPieChart;
 
 // src/components/ui/charts/hooks/useChartHighlights.tsx
-var import_react91 = require("react");
+var import_react93 = require("react");
 var useChartHighlights = () => {
-  const [highlightedSeries, setHighlightedSeries] = (0, import_react91.useState)(
+  const [highlightedSeries, setHighlightedSeries] = (0, import_react93.useState)(
     /* @__PURE__ */ new Set()
   );
-  const [showOnlyHighlighted, setShowOnlyHighlighted] = (0, import_react91.useState)(false);
-  const toggleHighlight = (0, import_react91.useCallback)((key) => {
+  const [showOnlyHighlighted, setShowOnlyHighlighted] = (0, import_react93.useState)(false);
+  const toggleHighlight = (0, import_react93.useCallback)((key) => {
     setHighlightedSeries((prev) => {
       const next = new Set(prev);
       if (next.has(key)) {
@@ -17927,17 +18201,17 @@ var useChartHighlights = () => {
       return next;
     });
   }, []);
-  const clearHighlights = (0, import_react91.useCallback)(() => {
+  const clearHighlights = (0, import_react93.useCallback)(() => {
     setHighlightedSeries(/* @__PURE__ */ new Set());
     setShowOnlyHighlighted(false);
   }, []);
-  const isHighlighted = (0, import_react91.useCallback)(
+  const isHighlighted = (0, import_react93.useCallback)(
     (key) => {
       return highlightedSeries.has(key);
     },
     [highlightedSeries]
   );
-  const getSeriesStyle = (0, import_react91.useCallback)(
+  const getSeriesStyle = (0, import_react93.useCallback)(
     (key) => {
       const hasHighlights = highlightedSeries.size > 0;
       const isSeriesHighlighted = highlightedSeries.has(key);
@@ -17981,80 +18255,3 @@ var useChartHighlights = () => {
     isHighlighted
   };
 };
-
-// src/hooks/use-drag.tsx
-var import_react92 = require("react");
-var useDrag = (options = {}) => {
-  const [isDragging, setIsDragging] = (0, import_react92.useState)(null);
-  const [positions, setPositions] = (0, import_react92.useState)({});
-  const dragStartPos = (0, import_react92.useRef)(null);
-  const dragId = (0, import_react92.useRef)(null);
-  const handleMouseDown = (0, import_react92.useCallback)((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 = (0, import_react92.useCallback)((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 = (0, import_react92.useCallback)(() => {
-    if (dragId.current) {
-      options.onDragEnd?.(dragId.current);
-    }
-    setIsDragging(null);
-    dragStartPos.current = null;
-    dragId.current = null;
-  }, [options]);
-  (0, import_react92.useEffect)(() => {
-    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 = (0, import_react92.useCallback)((id, position) => {
-    setPositions((prev) => ({
-      ...prev,
-      [id]: position
-    }));
-  }, []);
-  const getPosition = (0, import_react92.useCallback)((id) => {
-    return positions[id] || { top: 0, left: 0 };
-  }, [positions]);
-  const isElementDragging = (0, import_react92.useCallback)((id) => {
-    return isDragging === id;
-  }, [isDragging]);
-  return {
-    handleMouseDown,
-    getPosition,
-    setPosition,
-    isElementDragging,
-    isDragging: isDragging !== null
-  };
-};