@mlw-packages/react-components 1.7.27 → 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,
@@ -7298,7 +7323,86 @@ var import_date_fns = require("date-fns");
 var React37 = __toESM(require("react"));
 var import_react_day_picker2 = require("react-day-picker");
 var import_locale = require("date-fns/locale");
-var import_react39 = require("@phosphor-icons/react");
+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,6 +7410,7 @@ function CalendarBase2({
   showOutsideDays = true,
   ...props
 }) {
+  const isMobile = useIsMobile();
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "div",
     {
@@ -7327,14 +7432,16 @@ function CalendarBase2({
             month: "relative flex-1 min-w-0",
             month_caption: "flex items-center gap-2 min-h-[2.25rem] mb-4",
             caption_label: "text-[clamp(0.85rem,1.4vw,1.125rem)] sm:text-[clamp(0.9rem,1.6vw,1.125rem)] font-semibold capitalize",
-            nav: "hidden",
+            nav: "hidden ",
             button_previous: cn(
               buttonVariantsBase({ variant: "outline" }),
-              "h-8 w-8 flex items-center justify-center p-0 rounded-md transition-transform duration-150 ease-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/40 active:scale-95 absolute right-11 top-0 z-10"
+              "h-8 w-8 flex items-center justify-center p-0 rounded-md transition-transform duration-150 ease-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/40 active:scale-95 absolute right-11 top-0 z-10",
+              isMobile ? "mr-8" : ""
             ),
             button_next: cn(
               buttonVariantsBase({ variant: "outline" }),
-              "h-8 w-8 flex items-center justify-center p-0 rounded-md transition-transform duration-150 ease-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/40 active:scale-95 absolute right-0 top-0 z-10"
+              "h-8 w-8 flex items-center justify-center p-0 rounded-md transition-transform duration-150 ease-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/40 active:scale-95 absolute right-0 top-0 z-10",
+              isMobile ? "mr-8" : ""
             ),
             month_grid: "w-full min-w-0 flex-1 grid grid-rows-[auto_1fr] gap-2",
             weekdays: "grid grid-cols-7 gap-1 mb-1",
@@ -7363,9 +7470,9 @@ function CalendarBase2({
           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_react40.CaretLeftIcon, { className: "h-4 w-4" });
               }
-              return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react39.CaretRightIcon, { className: "h-4 w-4" });
+              return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react40.CaretRightIcon, { className: "h-4 w-4" });
             }
           },
           ...props
@@ -7378,8 +7485,8 @@ CalendarBase2.displayName = "CalendarBase";
 
 // src/components/ui/picker/DateTimePicker.tsx
 var import_locale2 = require("date-fns/locale");
-var import_react41 = require("react");
-var import_react42 = require("@phosphor-icons/react");
+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");
@@ -7412,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) {
@@ -7442,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);
@@ -7487,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({
@@ -7543,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);
@@ -7551,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)(
@@ -7567,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)(
@@ -7576,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({
@@ -7598,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;
@@ -7630,59 +7782,46 @@ 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_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_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,
             {
@@ -7690,50 +7829,106 @@ function DateTimePicker({
               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()
+        }
+      )
     ] })
   ] });
 }
@@ -7743,7 +7938,7 @@ 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_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");
@@ -7772,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: [
@@ -7813,7 +8011,7 @@ 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" })
               ]
             }
           )
@@ -7824,14 +8022,19 @@ function RangePicker({
         PopoverContentBase,
         {
           asChild: true,
-          className: "w-auto min-w-[250px] p-0 shadow-xl  overflow-y-hidden",
+          className: center ? centeredPopoverClass : basePopoverClass,
+          side: "top",
+          align: "center",
+          sideOffset: -240,
           children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
             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_motion11.motion.div,
@@ -7852,8 +8055,10 @@ function RangePicker({
                         fixedWeeks: true,
                         weekStartsOn: 1,
                         navLayout: "around",
-                        fromDate: minDate,
-                        toDate: maxDate,
+                        hidden: minDate || maxDate ? {
+                          before: minDate,
+                          after: maxDate
+                        } : void 0,
                         className: "min-w-0 flex flex-col",
                         classNames: {
                           months: "flex flex-col sm:flex-row gap-3 sm:gap-4 w-full",
@@ -7883,7 +8088,7 @@ function RangePicker({
                           day_button: cn(
                             buttonVariantsBase({ variant: "ghost" }),
                             "w-full h-full p-0 m-0 flex items-center justify-center text-[clamp(0.775rem,1.2vw,0.95rem)] sm:text-sm",
-                            "aria-selected:opacity-100  transition-all duration-150 ease-out active:scale-95 hover:bg-background/50 hover:text-primary rounded-none "
+                            "aria-selected:opacity-100  transition-all duration-150 ease-out active:scale-95 hover:bg-background/20 hover:text-primary/90 rounded-none "
                           ),
                           selected: "bg-primary text-primary-foreground font-semibold hover:text-white",
                           today: "bg-muted text-foreground font-bold ring-2 ring-primary/30 ring-inset rounded-md",
@@ -7897,9 +8102,9 @@ function RangePicker({
                         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" });
                           }
                         }
                       }
@@ -7952,12 +8157,16 @@ function RangePicker({
                       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"
                         }
                       )
@@ -7979,8 +8188,8 @@ 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) {
@@ -8123,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",
@@ -8142,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);
@@ -8153,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]);
@@ -8249,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: [
@@ -8316,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" })
               }
             )
           ]
@@ -8427,8 +8636,8 @@ function TimePicker({
 // src/components/ui/event-calendar-view/Agenda.tsx
 var import_date_fns3 = require("date-fns");
 var import_locale3 = require("date-fns/locale");
-var import_react46 = require("react");
-var import_react47 = require("@phosphor-icons/react");
+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({
@@ -8445,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 });
@@ -8466,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: [
@@ -8485,7 +8694,7 @@ 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,
@@ -8528,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,
@@ -8542,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");
@@ -8550,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
@@ -8584,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) {
@@ -8782,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");
@@ -8913,11 +9122,11 @@ 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_locale4 = require("date-fns/locale");
-var import_react50 = require("react");
+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();
@@ -8949,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");
@@ -9031,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(
@@ -9049,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]);
@@ -9297,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();
@@ -9314,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) => {
@@ -9522,13 +9731,13 @@ function DayViewAgenda({
 // src/components/ui/event-calendar-view/EventAgenda.tsx
 var import_date_fns9 = require("date-fns");
 var import_locale5 = require("date-fns/locale");
-var import_react55 = __toESM(require("react"));
+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,
@@ -9544,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(
@@ -9577,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);
@@ -9667,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}` }) }),
@@ -9680,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" })
                 }
               )
             ] })
@@ -9740,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));
@@ -9768,7 +9977,7 @@ function EventAgenda({
         );
         return;
       }
-      if (import_react55.default.isValidElement(onClick)) {
+      if (import_react57.default.isValidElement(onClick)) {
         setSelectedEvent(event);
         return;
       }
@@ -9800,7 +10009,7 @@ 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_locale5.ptBR }));
@@ -9849,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)(
@@ -9859,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 })
                   }
                 )
               ] }),
@@ -9920,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
@@ -9930,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 {
@@ -9947,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]
   );
@@ -9969,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) {
@@ -9997,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));
@@ -10017,7 +10226,7 @@ function useEventVisibilityAgenda({
 // src/components/ui/event-calendar-view/MonthView.tsx
 var import_date_fns10 = require("date-fns");
 var import_locale6 = require("date-fns/locale");
-var import_react59 = require("react");
+var import_react61 = require("react");
 var import_tailwind_merge3 = require("tailwind-merge");
 var import_jsx_runtime70 = require("react/jsx-runtime");
 function MonthViewAgenda({
@@ -10026,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_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++) {
@@ -10056,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: [
@@ -10270,7 +10479,7 @@ function MonthViewAgenda({
 // src/components/ui/event-calendar-view/WeekView.tsx
 var import_date_fns12 = require("date-fns");
 var import_locale7 = require("date-fns/locale");
-var import_react61 = require("react");
+var import_react63 = require("react");
 
 // src/components/ui/event-calendar/constants.ts
 var EventHeight = 24;
@@ -10286,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,
@@ -10302,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;
@@ -10400,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;
@@ -10441,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;
@@ -10696,8 +10905,8 @@ function WeekViewAgenda({
 // src/components/ui/event-calendar/AgendaView.tsx
 var import_date_fns13 = require("date-fns");
 var import_locale8 = require("date-fns/locale");
-var import_react62 = require("react");
-var import_react63 = require("@phosphor-icons/react");
+var import_react64 = require("react");
+var import_react65 = require("@phosphor-icons/react");
 var import_jsx_runtime73 = require("react/jsx-runtime");
 function AgendaView({
   currentDate,
@@ -10713,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)
@@ -10735,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: [
@@ -10794,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,
@@ -10808,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");
@@ -10816,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
@@ -10848,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) {
@@ -11030,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,
@@ -11038,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);
@@ -11054,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) => {
@@ -11245,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,
@@ -11260,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;
@@ -11386,9 +11595,9 @@ function DroppableCell({
 // src/components/ui/event-calendar/EventCalendar.tsx
 var import_date_fns17 = require("date-fns");
 var import_locale9 = require("date-fns/locale");
-var import_react68 = require("react");
+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 = [],
@@ -11398,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);
@@ -11413,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);
@@ -11432,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;
@@ -11578,7 +11787,7 @@ function EventCalendar({
       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_locale9.ptBR }));
@@ -11637,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",
@@ -11656,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)(
@@ -11666,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 })
                 }
               )
             ] }),
@@ -11701,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",
@@ -11741,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",
@@ -11833,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_motion13 = require("framer-motion");
 var import_locale10 = require("date-fns/locale");
-var import_react71 = require("@phosphor-icons/react");
+var import_react73 = require("@phosphor-icons/react");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 function EventDialog({
   event,
@@ -11846,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());
@@ -11872,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 || "");
@@ -11895,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) {
@@ -12084,7 +12293,7 @@ function EventDialog({
                             }
                           ),
                           /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-                            import_react71.CalendarIcon,
+                            import_react73.CalendarIcon,
                             {
                               "aria-hidden": "true",
                               className: "shrink-0 text-muted-foreground/80",
@@ -12163,7 +12372,7 @@ function EventDialog({
                         }
                       ),
                       /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-                        import_react71.CalendarIcon,
+                        import_react73.CalendarIcon,
                         {
                           "aria-hidden": "true",
                           className: "shrink-0 text-muted-foreground/80",
@@ -12221,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"
               ]
             }
@@ -12280,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: [
@@ -12295,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");
@@ -12380,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);
@@ -12388,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(
@@ -12401,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]);
@@ -12576,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, {})
               ] })
             }
           )
@@ -12604,9 +12813,9 @@ function EventItem({
 // src/components/ui/event-calendar/EventsPopUp.tsx
 var import_date_fns20 = require("date-fns");
 var import_locale11 = require("date-fns/locale");
-var import_react74 = require("react");
+var import_react76 = require("react");
 var import_framer_motion14 = require("framer-motion");
-var import_react75 = require("@phosphor-icons/react");
+var import_react77 = require("@phosphor-icons/react");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 function EventsPopup({
   date,
@@ -12615,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();
@@ -12627,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();
@@ -12642,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();
@@ -12686,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" })
             }
           )
         ] }),
@@ -12723,11 +12932,11 @@ function EventsPopup({
 // src/components/ui/event-calendar/hooks/use-current-time-indicator.ts
 var import_date_fns21 = require("date-fns");
 var import_locale12 = require("date-fns/locale");
-var import_react76 = require("react");
+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();
@@ -12758,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) {
@@ -12786,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));
@@ -12806,7 +13015,7 @@ function useEventVisibility({
 // src/components/ui/event-calendar/MonthView.tsx
 var import_date_fns22 = require("date-fns");
 var import_locale13 = require("date-fns/locale");
-var import_react78 = require("react");
+var import_react80 = require("react");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 function MonthView({
   currentDate,
@@ -12814,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_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++) {
@@ -12844,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: [
@@ -13125,7 +13334,7 @@ function addHoursToDate(date, hours) {
 // src/components/ui/event-calendar/WeekView.tsx
 var import_date_fns25 = require("date-fns");
 var import_locale14 = require("date-fns/locale");
-var import_react79 = require("react");
+var import_react81 = require("react");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 function WeekView({
   currentDate,
@@ -13133,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) => {
@@ -13160,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;
@@ -13406,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",
@@ -13451,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) => {
@@ -13489,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" })
           ]
         }
       ) }),
@@ -13515,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",
@@ -13538,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",
@@ -13560,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_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,
@@ -13574,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) => {
@@ -13594,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);
@@ -13651,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" })
         ]
       }
     ) }),
@@ -13666,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;
@@ -13693,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;
@@ -13759,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
@@ -13819,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,7 +14050,7 @@ function MultiSelectItemBase({
                 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
@@ -13858,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"
@@ -13875,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
@@ -14022,7 +14231,7 @@ 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_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");
@@ -14045,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);
@@ -14064,7 +14273,7 @@ function PeriodsDropdown({
       document.removeEventListener("keydown", handleEscape);
     };
   }, []);
-  (0, import_react84.useEffect)(() => {
+  (0, import_react86.useEffect)(() => {
     if (open && firstItemRef.current) {
       firstItemRef.current.focus();
     }
@@ -14157,7 +14366,7 @@ var PeriodsDropdown_default = PeriodsDropdown;
 
 // src/components/ui/charts/components/controls/ShowOnly.tsx
 var import_framer_motion17 = require("framer-motion");
-var import_react85 = require("@phosphor-icons/react");
+var import_react87 = require("@phosphor-icons/react");
 var import_jsx_runtime87 = require("react/jsx-runtime");
 var ShowOnly = ({
   showOnlyHighlighted,
@@ -14186,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" })
           ] })
         }
@@ -14407,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_react88 = __toESM(require("react"));
 var import_framer_motion19 = require("framer-motion");
-var import_react87 = require("@phosphor-icons/react");
+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;
@@ -14488,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]);
@@ -14515,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 }
@@ -14530,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);
@@ -14579,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;
@@ -14626,7 +14835,7 @@ var DraggableTooltipComponent = ({
     },
     [alignmentGuides]
   );
-  (0, import_react86.useEffect)(() => {
+  (0, import_react88.useEffect)(() => {
     let rafId = null;
     const handleMouseMove = (e) => {
       if (!dragging) return;
@@ -14668,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(
@@ -14699,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(() => {
@@ -14717,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;
@@ -14735,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();
@@ -14746,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];
@@ -14761,7 +14970,7 @@ var DraggableTooltipComponent = ({
     },
     [id, onMouseDown]
   );
-  const handleCloseClick = (0, import_react86.useCallback)(
+  const handleCloseClick = (0, import_react88.useCallback)(
     (e) => {
       e.stopPropagation();
       onClose(id);
@@ -14877,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",
@@ -14907,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;
@@ -15025,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;
 
@@ -15482,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`,
@@ -15502,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",
@@ -15530,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" })
+                      ] })
+                    ]
                   }
                 )
               ] }),
@@ -15550,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 })
+        ] }) })
       ] }) })
     }
   );
@@ -15650,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,
@@ -15674,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);
     }
@@ -15688,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) => {
@@ -15717,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);
@@ -15728,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() === "";
@@ -15748,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);
@@ -15778,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) {
@@ -15790,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) {
@@ -15803,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) {
@@ -15815,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) {
@@ -15828,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;
@@ -15836,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;
@@ -15875,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) {
@@ -15904,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;
@@ -15922,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();
@@ -15936,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;
@@ -15947,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)
@@ -15955,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
@@ -15999,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
@@ -16030,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);
@@ -16051,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);
@@ -16108,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 })
           }
         )
       }
@@ -16557,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"];
@@ -16589,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);
@@ -16639,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")
@@ -16669,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) {
@@ -16682,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;
@@ -16723,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 = () => {
@@ -16787,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;
@@ -16849,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) => {
@@ -16907,7 +17191,7 @@ var BarChart = ({
     updateAlignmentGuides,
     snapToGuides
   ]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     const handleCloseAllTooltips = () => {
       setActiveTooltips([]);
       setGlobalTooltipCount(0);
@@ -16917,7 +17201,7 @@ var BarChart = ({
       window.removeEventListener("closeAllTooltips", handleCloseAllTooltips);
     };
   }, []);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     const handleTooltipCountRequest = () => {
       window.dispatchEvent(
         new CustomEvent("tooltipCountResponse", {
@@ -16956,7 +17240,7 @@ var BarChart = ({
       );
     };
   }, [activeTooltips]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (isDragging) return;
     let totalCount = 0;
     const handleCountResponse = (event) => {
@@ -17222,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 = [
@@ -17256,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);
@@ -17272,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;
@@ -17289,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;
@@ -17365,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(
@@ -17449,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 };
@@ -17477,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) => {
@@ -17524,7 +17808,7 @@ var CustomLineChart = ({
     updateAlignmentGuides,
     snapToGuides
   ]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     const handleCloseAllTooltips2 = () => {
       setActiveTooltips([]);
       setGlobalTooltipCount(0);
@@ -17534,7 +17818,7 @@ var CustomLineChart = ({
       window.removeEventListener("closeAllTooltips", handleCloseAllTooltips2);
     };
   }, []);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     const handleTooltipCountRequest = () => {
       window.dispatchEvent(
         new CustomEvent("tooltipCountResponse", {
@@ -17578,7 +17862,7 @@ var CustomLineChart = ({
       );
     };
   }, [activeTooltips]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     if (isDragging) return;
     let totalCount = 0;
     const handleCountResponse = (event) => {
@@ -17900,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)) {
@@ -17917,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);
@@ -17971,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
-  };
-};