@mlw-packages/react-components 1.8.3 → 1.8.4

package/dist/index.js

@@ -868,10 +868,9 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/components/ui/FilterBase.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 
 // src/components/ui/form/ButtonBase.tsx
-var React10 = __toESM(require("react"));
 var import_react_slot2 = require("@radix-ui/react-slot");
 var import_class_variance_authority2 = require("class-variance-authority");
 
@@ -2016,6 +2015,7 @@ var ModalDescriptionBase = React9.forwardRef(({ className, testid: dataTestId =
 ModalDescriptionBase.displayName = DialogPrimitive2.Description.displayName;
 
 // src/components/ui/form/ButtonBase.tsx
+var import_react7 = __toESM(require("react"));
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var buttonVariantsBase = (0, import_class_variance_authority2.cva)(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive [&:not(.no-active-animation)]:active:scale-95",
@@ -2044,7 +2044,7 @@ var buttonVariantsBase = (0, import_class_variance_authority2.cva)(
     }
   }
 );
-var ButtonBase = React10.forwardRef(
+var ButtonBase = import_react7.default.forwardRef(
   ({
     className,
     variant,
@@ -2096,7 +2096,7 @@ var ButtonBase = React10.forwardRef(
   }
 );
 ButtonBase.displayName = "Button";
-var ButtonGroupBase = React10.forwardRef(
+var ButtonGroupBase = import_react7.default.forwardRef(
   ({ className, children, orientation = "horizontal", ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "div",
@@ -2109,17 +2109,17 @@ var ButtonGroupBase = React10.forwardRef(
           className
         ),
         ...props,
-        children: React10.Children.map(children, (child, index) => {
-          if (!React10.isValidElement(child)) return child;
+        children: import_react7.default.Children.map(children, (child, index) => {
+          if (!import_react7.default.isValidElement(child)) return child;
           const typedChild = child;
-          return React10.cloneElement(typedChild, {
+          return import_react7.default.cloneElement(typedChild, {
             className: cn(
               typedChild.props.className,
               "rounded-none",
               index === 0 && orientation === "horizontal" && "rounded-l-md",
               index === 0 && orientation === "vertical" && "rounded-t-md",
-              index === React10.Children.count(children) - 1 && orientation === "horizontal" && "rounded-r-md",
-              index === React10.Children.count(children) - 1 && orientation === "vertical" && "rounded-b-md"
+              index === import_react7.default.Children.count(children) - 1 && orientation === "horizontal" && "rounded-r-md",
+              index === import_react7.default.Children.count(children) - 1 && orientation === "vertical" && "rounded-b-md"
             )
           });
         })
@@ -2193,12 +2193,12 @@ var InputBase = React11.forwardRef(
 InputBase.displayName = "Input";
 
 // src/components/ui/selects/Combobox.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 
 // src/components/ui/navigation/CommandBase.tsx
 var React12 = __toESM(require("react"));
 var import_cmdk = require("cmdk");
-var import_react7 = require("@phosphor-icons/react");
+var import_react8 = require("@phosphor-icons/react");
 var import_framer_motion = require("framer-motion");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var CommandBase = React12.forwardRef(({ className, testid: dataTestId = "command-base", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
@@ -2235,7 +2235,7 @@ var CommandDialogBase = ({ children, open, ...props }) => {
   ) }) }) });
 };
 var CommandInputBase = React12.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react7.MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
+  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react8.MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
   /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_cmdk.Command.Input,
     {
@@ -2425,8 +2425,8 @@ function ClearButton({
 
 // src/components/ui/selects/ComboboxBase.tsx
 var import_framer_motion2 = require("framer-motion");
-var import_react8 = require("react");
-var import_react9 = require("@phosphor-icons/react");
+var import_react9 = require("react");
+var import_react10 = require("@phosphor-icons/react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function ComboboxBase({
   items,
@@ -2443,7 +2443,7 @@ function ComboboxBase({
   hasSelected = false,
   hiddenClean = (node) => node
 }) {
-  const [open, setOpen] = (0, import_react8.useState)(false);
+  const [open, setOpen] = (0, import_react9.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
@@ -2498,7 +2498,7 @@ function ComboboxBase({
                             {
                               animate: { rotate: open ? 180 : 0 },
                               transition: { duration: 0.3 },
-                              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react9.CaretDownIcon, { className: "h-4 w-4" })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react10.CaretDownIcon, { className: "h-4 w-4" })
                             }
                           )
                         ] }) })
@@ -2562,7 +2562,7 @@ function ComboboxBase({
                                       },
                                       className: "ml-auto ",
                                       children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                                        import_react9.CheckIcon,
+                                        import_react10.CheckIcon,
                                         {
                                           className: cn(
                                             "ml-auto",
@@ -2610,7 +2610,7 @@ function Combobox({
   error
 }) {
   const selectedItem = items.find((item) => item.value === selected);
-  const renderSelected = (0, import_react10.useMemo)(() => {
+  const renderSelected = (0, import_react11.useMemo)(() => {
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "span",
       {
@@ -2624,17 +2624,17 @@ function Combobox({
       }
     );
   }, [placeholder, selectedItem, testIds?.selected, disabled]);
-  const checkIsSelected = (0, import_react10.useCallback)(
+  const checkIsSelected = (0, import_react11.useCallback)(
     (value) => selected == null ? false : selected == value,
     [selected]
   );
-  const handleSelection = (0, import_react10.useCallback)(
+  const handleSelection = (0, import_react11.useCallback)(
     (value) => {
       onChange(value === selected ? null : value);
     },
     [selected, onChange]
   );
-  const handleClear = (0, import_react10.useCallback)(() => {
+  const handleClear = (0, import_react11.useCallback)(() => {
     onChange(null);
   }, [onChange]);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: cn("flex flex-col w-full min-w-[150px]", className), children: [
@@ -2660,8 +2660,8 @@ function Combobox({
 }
 
 // src/components/ui/selects/MultiSelectBase.tsx
-var import_react11 = require("@phosphor-icons/react");
-var import_react12 = require("react");
+var import_react12 = require("@phosphor-icons/react");
+var import_react13 = require("react");
 var import_framer_motion3 = require("framer-motion");
 
 // src/components/ui/data/Badge.tsx
@@ -2720,7 +2720,7 @@ function Badge({
 
 // src/components/ui/selects/MultiSelectBase.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
-var MultiSelectContext = (0, import_react12.createContext)(null);
+var MultiSelectContext = (0, import_react13.createContext)(null);
 function MultiSelectBase({
   children,
   values,
@@ -2730,12 +2730,12 @@ function MultiSelectBase({
   empty,
   error
 }) {
-  const [open, setOpen] = (0, import_react12.useState)(false);
-  const [internalValues, setInternalValues] = (0, import_react12.useState)(
+  const [open, setOpen] = (0, import_react13.useState)(false);
+  const [internalValues, setInternalValues] = (0, import_react13.useState)(
     new Set(values ?? defaultValues)
   );
   const selectedValues = values ? new Set(values) : internalValues;
-  const [items, setItems] = (0, import_react12.useState)(/* @__PURE__ */ new Map());
+  const [items, setItems] = (0, import_react13.useState)(/* @__PURE__ */ new Map());
   function toggleValue(value) {
     if (disabled) return;
     const getNewSet = (prev) => {
@@ -2750,7 +2750,7 @@ function MultiSelectBase({
     setInternalValues(getNewSet);
     onValuesChange?.([...getNewSet(selectedValues)]);
   }
-  const onItemAdded = (0, import_react12.useCallback)((value, label) => {
+  const onItemAdded = (0, import_react13.useCallback)((value, label) => {
     setItems((prev) => {
       if (prev.get(value) === label) return prev;
       return new Map(prev).set(value, label);
@@ -2810,7 +2810,7 @@ function MultiSelectTriggerBase({
         ),
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react11.CaretUpDownIcon, { className: "size-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react12.CaretUpDownIcon, { className: "size-4 shrink-0 opacity-50" })
         ]
       }
     ) }),
@@ -2825,13 +2825,13 @@ function MultiSelectValueBase({
   ...props
 }) {
   const { selectedValues, toggleValue, items, open } = useMultiSelectContext();
-  const [overflowAmount, setOverflowAmount] = (0, import_react12.useState)(0);
-  const valueRef = (0, import_react12.useRef)(null);
-  const overflowRef = (0, import_react12.useRef)(null);
-  const mutationObserverRef = (0, import_react12.useRef)(null);
-  const resizeObserverRef = (0, import_react12.useRef)(null);
+  const [overflowAmount, setOverflowAmount] = (0, import_react13.useState)(0);
+  const valueRef = (0, import_react13.useRef)(null);
+  const overflowRef = (0, import_react13.useRef)(null);
+  const mutationObserverRef = (0, import_react13.useRef)(null);
+  const resizeObserverRef = (0, import_react13.useRef)(null);
   const shouldWrap = overflowBehavior === "wrap" || overflowBehavior === "wrap-when-open" && open;
-  const checkOverflow = (0, import_react12.useCallback)(() => {
+  const checkOverflow = (0, import_react13.useCallback)(() => {
     if (valueRef.current == null) return;
     const containerElement = valueRef.current;
     const overflowElement = overflowRef.current;
@@ -2852,7 +2852,7 @@ function MultiSelectValueBase({
     }
     setOverflowAmount(amount);
   }, []);
-  const handleResize = (0, import_react12.useCallback)(
+  const handleResize = (0, import_react13.useCallback)(
     (node) => {
       if (node == null) {
         valueRef.current = null;
@@ -2923,7 +2923,7 @@ function MultiSelectValueBase({
             } : void 0,
             children: [
               items.get(value),
-              clickToRemove && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react11.XIcon, { className: "size-3 text-muted-foreground group-hover:text-destructive" })
+              clickToRemove && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react12.XIcon, { className: "size-3 text-muted-foreground group-hover:text-destructive" })
             ]
           },
           value
@@ -2996,7 +2996,7 @@ function MultiSelectItemBase({
 }) {
   const { toggleValue, selectedValues, onItemAdded } = useMultiSelectContext();
   const isSelected = selectedValues.has(value);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     onItemAdded(value, badgeLabel ?? children);
   }, [value, children, onItemAdded, badgeLabel]);
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
@@ -3014,7 +3014,7 @@ function MultiSelectItemBase({
             initial: { scale: 0 },
             animate: { scale: isSelected ? 1 : 0 },
             transition: { type: "spring", stiffness: 500, damping: 30 },
-            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react11.CheckIcon, { className: "size-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react12.CheckIcon, { className: "size-4" })
           }
         ) }),
         children
@@ -3029,7 +3029,7 @@ function MultiSelectSeparatorBase(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CommandSeparatorBase, { ...props });
 }
 function useMultiSelectContext() {
-  const context = (0, import_react12.useContext)(MultiSelectContext);
+  const context = (0, import_react13.useContext)(MultiSelectContext);
   if (context == null) {
     throw new Error(
       "useMultiSelectContext must be used within a MultiSelectContext"
@@ -3135,14 +3135,14 @@ function MultiCombobox({
 }
 
 // src/components/ui/FilterBase.tsx
-var import_react14 = require("@phosphor-icons/react");
+var import_react15 = require("@phosphor-icons/react");
 var import_colors = __toESM(require_colors2());
 var import_jsx_runtime22 = require("react/jsx-runtime");
 
 // src/components/ui/SelectBase.tsx
 var React14 = __toESM(require("react"));
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
-var import_react15 = require("@phosphor-icons/react");
+var import_react16 = require("@phosphor-icons/react");
 var import_framer_motion4 = require("framer-motion");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var SelectBase = SelectPrimitive.Root;
@@ -3174,7 +3174,7 @@ var SelectScrollUpButtonBase = React14.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react15.CaretUpIcon, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react16.CaretUpIcon, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButtonBase.displayName = SelectPrimitive.ScrollUpButton.displayName;
@@ -3187,7 +3187,7 @@ var SelectScrollDownButtonBase = React14.forwardRef(({ className, ...props }, re
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react15.CaretDownIcon, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react16.CaretDownIcon, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButtonBase.displayName = SelectPrimitive.ScrollDownButton.displayName;
@@ -3269,7 +3269,7 @@ var SelectItemBase = React14.forwardRef(({ className, children, ...props }, ref)
               initial: { scale: 0 },
               animate: { scale: 1 },
               transition: { type: "spring", stiffness: 500, damping: 30 },
-              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react15.CheckIcon, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react16.CheckIcon, { className: "h-4 w-4" })
             }
           ) }) }),
           /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectPrimitive.ItemText, { children })
@@ -3290,13 +3290,13 @@ var SelectSeparatorBase = React14.forwardRef(({ className, ...props }, ref) => /
 SelectSeparatorBase.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/theme/mode-toggle.tsx
-var import_react18 = require("@phosphor-icons/react");
-var import_react19 = require("react");
+var import_react19 = require("@phosphor-icons/react");
+var import_react20 = require("react");
 
 // src/components/ui/navigation/DropDownMenuBase.tsx
 var React15 = __toESM(require("react"));
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
-var import_react16 = require("@phosphor-icons/react");
+var import_react17 = require("@phosphor-icons/react");
 var import_framer_motion5 = require("framer-motion");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var DropDownMenuBase = DropdownMenuPrimitive.Root;
@@ -3317,7 +3317,7 @@ var DropDownMenuSubTriggerBase = React15.forwardRef(({ className, inset, childre
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react16.CaretRightIcon, { className: "ml-auto" })
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react17.CaretRightIcon, { className: "ml-auto" })
     ]
   }
 ));
@@ -3397,7 +3397,7 @@ var DropDownMenuCheckboxItemBase = React15.forwardRef(({ className, children, ch
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react16.CheckIcon, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react17.CheckIcon, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
@@ -3413,7 +3413,7 @@ var DropDownMenuRadioItemBase = React15.forwardRef(({ className, children, ...pr
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react16.CircleIcon, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react17.CircleIcon, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
@@ -3456,21 +3456,21 @@ var DropDownMenuShortcutBase = ({
 DropDownMenuShortcutBase.displayName = "DropDownMenuShortcutBase";
 
 // src/components/theme/theme-provider.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var initialState = {
   theme: "system",
   setTheme: () => null
 };
-var ThemeProviderContext = (0, import_react17.createContext)(initialState);
+var ThemeProviderContext = (0, import_react18.createContext)(initialState);
 function ThemeProviderBase({
   children,
   defaultTheme = "system",
   storageKey = "app-ui-theme",
   ...props
 }) {
-  const [theme, setThemeState] = (0, import_react17.useState)(defaultTheme);
-  (0, import_react17.useEffect)(() => {
+  const [theme, setThemeState] = (0, import_react18.useState)(defaultTheme);
+  (0, import_react18.useEffect)(() => {
     const root = window.document.documentElement;
     root.classList.remove(
       "light",
@@ -3496,7 +3496,7 @@ function ThemeProviderBase({
       document.body.style.color = "";
     }
   }, [theme]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     const stored = localStorage.getItem(storageKey);
     if (stored) setThemeState(stored);
   }, [storageKey]);
@@ -3510,7 +3510,7 @@ function ThemeProviderBase({
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ThemeProviderContext.Provider, { ...props, value, children });
 }
 var useTheme = () => {
-  const context = (0, import_react17.useContext)(ThemeProviderContext);
+  const context = (0, import_react18.useContext)(ThemeProviderContext);
   if (context === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return context;
@@ -3533,7 +3533,7 @@ function ModeToggleBase({
   themes = ["light", "dark", "system"]
 }) {
   const { setTheme, theme: currentTheme } = useTheme();
-  const buttonRef = (0, import_react19.useRef)(null);
+  const buttonRef = (0, import_react20.useRef)(null);
   const isDark = currentTheme?.includes("dark") || currentTheme === "system" && typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches;
   const toggleTheme = async (newTheme) => {
     if (!buttonRef.current || !document.startViewTransition) {
@@ -3600,13 +3600,13 @@ function ModeToggleBase({
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-              import_react18.SunIcon,
+              import_react19.SunIcon,
               {
                 className: `h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-90 scale-0" : "rotate-0 scale-100"}`
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-              import_react18.MoonIcon,
+              import_react19.MoonIcon,
               {
                 className: `absolute h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-0 scale-100" : "rotate-90 scale-0"}`
               }
@@ -3628,7 +3628,7 @@ function ModeToggleBase({
             className: "flex items-center justify-between hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
             children: [
               themeLabels[theme],
-              currentTheme === theme && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react18.CheckIcon, { className: "h-4 w-4 opacity-100" })
+              currentTheme === theme && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react19.CheckIcon, { className: "h-4 w-4 opacity-100" })
             ]
           },
           theme
@@ -3677,7 +3677,7 @@ var AvatarFallbackBase = React16.forwardRef(({ className, ...props }, ref) => /*
 AvatarFallbackBase.displayName = AvatarPrimitive.Fallback.displayName;
 
 // src/components/ui/data/CalendarBase.tsx
-var import_react20 = require("@phosphor-icons/react");
+var import_react21 = require("@phosphor-icons/react");
 var import_react_day_picker = require("react-day-picker");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 function CalendarBase({
@@ -3724,9 +3724,9 @@ function CalendarBase({
       components: {
         Chevron: ({ orientation }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react20.CaretLeftIcon, { className: "h-4 w-4" });
+            return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react21.CaretLeftIcon, { className: "h-4 w-4" });
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react20.CaretRightIcon, { className: "h-4 w-4" });
+          return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react21.CaretRightIcon, { className: "h-4 w-4" });
         }
       },
       ...props
@@ -3805,7 +3805,7 @@ CardFooterBase.displayName = "CardFooter";
 // src/components/ui/data/FileUploader.tsx
 var React18 = __toESM(require("react"));
 var import_framer_motion6 = require("framer-motion");
-var import_react21 = require("@phosphor-icons/react");
+var import_react22 = require("@phosphor-icons/react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var formatFileSize = (bytes) => {
   if (bytes === 0) return "0 Bytes";
@@ -3821,38 +3821,38 @@ var getFileTypeIcon = (file) => {
   const extension = getFileExtension(file.name).toLowerCase();
   const mimeType = file.type.toLowerCase();
   if (extension === "pdf" || mimeType === "application/pdf") {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react21.FilePdfIcon, { size: 20, className: "text-red-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react22.FilePdfIcon, { size: 20, className: "text-red-500" });
   }
   if (["doc", "docx"].includes(extension) || mimeType.includes("word")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react21.FileDocIcon, { size: 20, className: "text-blue-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react22.FileDocIcon, { size: 20, className: "text-blue-500" });
   }
   if (["xls", "xlsx"].includes(extension) || mimeType.includes("sheet")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react21.FileXlsIcon, { size: 20, className: "text-green-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react22.FileXlsIcon, { size: 20, className: "text-green-500" });
   }
   if (["ppt", "pptx"].includes(extension) || mimeType.includes("presentation")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react21.FilePptIcon, { size: 20, className: "text-orange-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react22.FilePptIcon, { size: 20, className: "text-orange-500" });
   }
   if (extension === "csv" || mimeType === "text/csv") {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react21.FileCsvIcon, { size: 20, className: "text-green-600" });
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react22.FileCsvIcon, { size: 20, className: "text-green-600" });
   }
   if (["txt", "md", "json", "xml", "js", "ts", "html", "css"].includes(
     extension
   ) || mimeType.includes("text")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react21.FileTextIcon, { size: 20, className: "text-gray-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react22.FileTextIcon, { size: 20, className: "text-gray-500" });
   }
   if (mimeType.startsWith("image/")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react21.FileImageIcon, { size: 20, className: "text-purple-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react22.FileImageIcon, { size: 20, className: "text-purple-500" });
   }
   if (mimeType.startsWith("video/")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react21.FileVideoIcon, { size: 20, className: "text-pink-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react22.FileVideoIcon, { size: 20, className: "text-pink-500" });
   }
   if (mimeType.startsWith("audio/")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react21.FileAudioIcon, { size: 20, className: "text-indigo-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react22.FileAudioIcon, { size: 20, className: "text-indigo-500" });
   }
   if (["zip", "rar", "7z", "tar", "gz"].includes(extension)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react21.FileZipIcon, { size: 20, className: "text-yellow-600" });
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react22.FileZipIcon, { size: 20, className: "text-yellow-600" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react21.FileIcon, { size: 20, className: "text-muted-foreground" });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react22.FileIcon, { size: 20, className: "text-muted-foreground" });
 };
 var createImagePreview = (file) => {
   return new Promise((resolve) => {
@@ -4082,7 +4082,7 @@ var FileUploader = React18.forwardRef(
                     color: isDragging ? `hsl(var(--primary))` : `hsl(var(--muted-foreground))`
                   },
                   transition: { duration: 0.3 },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react21.CloudArrowUpIcon, { size: 64 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react22.CloudArrowUpIcon, { size: 64 })
                 }
               )
             }
@@ -4124,7 +4124,7 @@ var FileUploader = React18.forwardRef(
               ),
               transition: { duration: 0.3 },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "h-4 w-4 text-primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react21.CheckIcon, { size: 16, className: "text-emerald-500" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "h-4 w-4 text-primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react22.CheckIcon, { size: 16, className: "text-emerald-500" }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
                   import_framer_motion6.motion.span,
                   {
@@ -4226,7 +4226,7 @@ var FileUploader = React18.forwardRef(
                             handleRemoveFile(file.id);
                           },
                           className: "",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react21.XIcon, { size: 12 })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react22.XIcon, { size: 12 })
                         }
                       )
                     ]
@@ -4246,7 +4246,7 @@ FileUploader.displayName = "FileUploader";
 // src/components/ui/form/CheckBoxBase.tsx
 var React19 = __toESM(require("react"));
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
-var import_react22 = require("@phosphor-icons/react");
+var import_react23 = require("@phosphor-icons/react");
 var import_framer_motion7 = require("framer-motion");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var CheckboxBase = React19.forwardRef(({ className, testid: dataTestId = "checkbox-base", checked: checkedProp, defaultChecked, onCheckedChange, ...props }, ref) => {
@@ -4285,8 +4285,8 @@ var CheckboxBase = React19.forwardRef(({ className, testid: dataTestId = "checkb
           transition: { type: "spring", stiffness: 500, damping: 30 },
           className: "flex items-center justify-center text-current",
           children: [
-            checkedState === true && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react22.CheckIcon, { className: "h-4 w-4", weight: "bold" }),
-            checkedState === "indeterminate" && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react22.MinusIcon, { className: "h-4 w-4", weight: "bold" })
+            checkedState === true && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react23.CheckIcon, { className: "h-4 w-4", weight: "bold" }),
+            checkedState === "indeterminate" && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react23.MinusIcon, { className: "h-4 w-4", weight: "bold" })
           ]
         }
       ) })
@@ -4298,7 +4298,7 @@ CheckboxBase.displayName = CheckboxPrimitive.Root.displayName;
 // src/components/ui/form/CollapsibleBase.tsx
 var React20 = __toESM(require("react"));
 var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
-var import_react23 = require("@phosphor-icons/react");
+var import_react24 = require("@phosphor-icons/react");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var CollapsibleBase = React20.forwardRef(({ ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CollapsiblePrimitive.Root, { ref, "data-slot": "collapsible", ...props });
@@ -4320,7 +4320,7 @@ var CollapsibleTriggerBase = React20.forwardRef(({ className, children, leftIcon
           leftIcon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "flex-shrink-0 [&>svg]:size-4", children: leftIcon }),
           /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children })
         ] }),
-        showCaret && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "caret-icon flex-shrink-0 transition-transform duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react23.CaretUpDownIcon, { className: "h-4 w-4" }) })
+        showCaret && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "caret-icon flex-shrink-0 transition-transform duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react24.CaretUpDownIcon, { className: "h-4 w-4" }) })
       ]
     }
   );
@@ -4401,7 +4401,7 @@ HoverCardContentBase.displayName = HoverCardPrimitive.Content.displayName;
 // src/components/ui/form/Input-OTP-Base.tsx
 var React22 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
-var import_react24 = require("@phosphor-icons/react");
+var import_react25 = require("@phosphor-icons/react");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 function InputOTPBase({
   className,
@@ -4456,7 +4456,7 @@ function InputOTPSlotBase({
   );
 }
 function InputOTPSeparatorBase({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react24.MinusIcon, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react25.MinusIcon, {}) });
 }
 
 // src/components/ui/form/SliderBase.tsx
@@ -4544,7 +4544,7 @@ SlideBase.displayName = "SlideBase";
 
 // src/components/ui/form/SmallButtons.tsx
 var React24 = __toESM(require("react"));
-var import_react25 = require("@phosphor-icons/react");
+var import_react26 = require("@phosphor-icons/react");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var EditButton = React24.forwardRef(
   ({
@@ -4575,7 +4575,7 @@ var EditButton = React24.forwardRef(
       ),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-        import_react25.PencilSimpleIcon,
+        import_react26.PencilSimpleIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -4615,7 +4615,7 @@ var ChangeButton = React24.forwardRef(
       ),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-        import_react25.ArrowsLeftRightIcon,
+        import_react26.ArrowsLeftRightIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -4655,7 +4655,7 @@ var SaveButton = React24.forwardRef(
       ),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-        import_react25.FloppyDiskIcon,
+        import_react26.FloppyDiskIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -4695,7 +4695,7 @@ var AddButton = React24.forwardRef(
       ),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-        import_react25.PlusIcon,
+        import_react26.PlusIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -4735,7 +4735,7 @@ var CloseButton = React24.forwardRef(
       ),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-        import_react25.XIcon,
+        import_react26.XIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -4767,7 +4767,7 @@ var DownloadButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      import_react25.DownloadSimpleIcon,
+      import_react26.DownloadSimpleIcon,
       {
         size: 18,
         className: "transition-transform duration-300 group-hover:translate-y-0.5"
@@ -4796,7 +4796,7 @@ var UploadButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      import_react25.UploadSimpleIcon,
+      import_react26.UploadSimpleIcon,
       {
         size: 18,
         className: "transition-transform duration-300 group-hover:-translate-y-0.5"
@@ -4825,7 +4825,7 @@ var CopyButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      import_react25.CopyIcon,
+      import_react26.CopyIcon,
       {
         size: 18,
         className: "transition-transform duration-200 group-hover:scale-110"
@@ -4854,7 +4854,7 @@ var RefreshButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      import_react25.ArrowClockwiseIcon,
+      import_react26.ArrowClockwiseIcon,
       {
         size: 18,
         className: "transition-transform duration-500 group-hover:rotate-180"
@@ -4883,7 +4883,7 @@ var SearchButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      import_react25.MagnifyingGlassIcon,
+      import_react26.MagnifyingGlassIcon,
       {
         size: 18,
         className: "transition-transform duration-200 group-hover:scale-110 group-hover:-rotate-12"
@@ -4912,7 +4912,7 @@ var BackButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      import_react25.ArrowLeftIcon,
+      import_react26.ArrowLeftIcon,
       {
         size: 18,
         className: "transition-transform duration-300 group-hover:-translate-x-1"
@@ -4941,7 +4941,7 @@ var SettingsButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      import_react25.GearIcon,
+      import_react26.GearIcon,
       {
         size: 18,
         className: "transition-transform duration-500 group-hover:rotate-90"
@@ -4970,7 +4970,7 @@ var NotificationButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      import_react25.BellIcon,
+      import_react26.BellIcon,
       {
         size: 18,
         className: "transition-transform duration-300 group-hover:scale-110 group-hover:-rotate-12"
@@ -4999,7 +4999,7 @@ var MoreButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      import_react25.DotsThreeIcon,
+      import_react26.DotsThreeIcon,
       {
         size: 18,
         className: "transition-transform duration-200 group-hover:scale-110"
@@ -5028,7 +5028,7 @@ var CheckButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      import_react25.CheckIcon,
+      import_react26.CheckIcon,
       {
         size: 18,
         className: "transition-transform duration-200 group-hover:scale-110"
@@ -5064,7 +5064,7 @@ var FilterButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      import_react25.FunnelIcon,
+      import_react26.FunnelIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -5103,7 +5103,7 @@ var LikeButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      import_react25.HeartIcon,
+      import_react26.HeartIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -5142,7 +5142,7 @@ var FavoriteButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      import_react25.StarIcon,
+      import_react26.StarIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -5180,14 +5180,14 @@ var VisibilityButton = ({
     ),
     ...props,
     children: isVisible ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      import_react25.EyeIcon,
+      import_react26.EyeIcon,
       {
         size: iconSize,
         color: iconColor,
         className: "transition-opacity duration-200"
       }
     ) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      import_react25.EyeSlashIcon,
+      import_react26.EyeSlashIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -5227,14 +5227,14 @@ var LockButton = ({
     ),
     ...props,
     children: isLocked ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      import_react25.LockIcon,
+      import_react26.LockIcon,
       {
         size: iconSize,
         color: iconColor,
         className: "transition-all duration-200 group-hover:scale-110"
       }
     ) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      import_react25.LockOpenIcon,
+      import_react26.LockOpenIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -5280,7 +5280,7 @@ SwitchBase.displayName = SwitchPrimitives.Root.displayName;
 // src/components/ui/form/TextAreaBase.tsx
 var React26 = __toESM(require("react"));
 var import_framer_motion8 = require("framer-motion");
-var import_react26 = require("@phosphor-icons/react");
+var import_react27 = require("@phosphor-icons/react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var TextAreaBase = React26.forwardRef(
   ({ className, hideClear = false, onClear, ...props }, ref) => {
@@ -5377,7 +5377,7 @@ var TextAreaBase = React26.forwardRef(
                 ),
                 disabled: props.disabled,
                 "aria-label": "Limpar texto",
-                children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react26.TrashIcon, { size: 16, weight: "regular" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react27.TrashIcon, { size: 16, weight: "regular" })
               }
             ) }),
             /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
@@ -5455,7 +5455,7 @@ TextAreaBase.displayName = "TextAreaBase";
 // src/components/ui/layout/CarouselBase.tsx
 var React27 = __toESM(require("react"));
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
-var import_react27 = require("@phosphor-icons/react");
+var import_react28 = require("@phosphor-icons/react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var CarouselContext = React27.createContext(null);
 function useCarousel() {
@@ -5616,7 +5616,7 @@ function CarouselPreviousBase({
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react27.ArrowLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react28.ArrowLeftIcon, {}),
         /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
@@ -5646,7 +5646,7 @@ function CarouselNextBase({
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react27.ArrowRightIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react28.ArrowRightIcon, {}),
         /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "sr-only", children: "Next slide" })
       ]
     }
@@ -5864,7 +5864,7 @@ TabsContentBase.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/ui/navigation/BreadcrumbBase.tsx
 var import_react_slot4 = require("@radix-ui/react-slot");
-var import_react28 = require("@phosphor-icons/react");
+var import_react29 = require("@phosphor-icons/react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 function BreadcrumbBase({ ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
@@ -5933,7 +5933,7 @@ function BreadcrumbSeparatorBase({
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className),
       ...props,
-      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react28.CaretRightIcon, {})
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react29.CaretRightIcon, {})
     }
   );
 }
@@ -5950,7 +5950,7 @@ function BreadcrumbEllipsisBase({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react28.DotsThreeIcon, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react29.DotsThreeIcon, { className: "size-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "sr-only", children: "More" })
       ]
     }
@@ -5959,7 +5959,7 @@ function BreadcrumbEllipsisBase({
 
 // src/components/ui/navigation/NavigationMenuBase.tsx
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
-var import_react29 = require("@phosphor-icons/react");
+var import_react30 = require("@phosphor-icons/react");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 function NavigationMenuBase({
   className,
@@ -6027,7 +6027,7 @@ function NavigationMenuTriggerBase({
       children: [
         children,
         /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-          import_react29.CaretDownIcon,
+          import_react30.CaretDownIcon,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -6113,7 +6113,7 @@ var import_class_variance_authority5 = require("class-variance-authority");
 var React32 = __toESM(require("react"));
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_class_variance_authority4 = require("class-variance-authority");
-var import_react30 = require("@phosphor-icons/react");
+var import_react31 = require("@phosphor-icons/react");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var SheetBase = SheetPrimitive.Root;
 var SheetTriggerBase = SheetPrimitive.Trigger;
@@ -6157,7 +6157,7 @@ var SheetContentBase = React32.forwardRef(({ side = "right", className, children
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react30.XIcon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react31.XIcon, { className: "h-4 w-4" }),
           /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "sr-only", children: "Close" })
         ] }),
         children
@@ -6214,7 +6214,7 @@ var SheetDescriptionBase = React32.forwardRef(({ className, ...props }, ref) =>
 SheetDescriptionBase.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/navigation/SidebarBase.tsx
-var import_react31 = require("@phosphor-icons/react");
+var import_react32 = require("@phosphor-icons/react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar:state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
@@ -6408,7 +6408,7 @@ var SidebarTriggerBase = React33.forwardRef(({ className, onClick, ...props }, r
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "sr-only", children: "Toggle SidebarBase" }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react31.SidebarSimpleIcon, {})
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react32.SidebarSimpleIcon, {})
       ]
     }
   ) });
@@ -6902,11 +6902,11 @@ function DrawerDescriptionBase({
 }
 
 // src/hooks/use-universal-tooltip.tsx
-var import_react32 = require("react");
+var import_react33 = require("react");
 var import_jsx_runtime49 = require("react/jsx-runtime");
-var UniversalTooltipContext = (0, import_react32.createContext)(null);
+var UniversalTooltipContext = (0, import_react33.createContext)(null);
 var useUniversalTooltip = () => {
-  const context = (0, import_react32.useContext)(UniversalTooltipContext);
+  const context = (0, import_react33.useContext)(UniversalTooltipContext);
   if (!context) {
     throw new Error("useUniversalTooltip deve ser usado dentro de UniversalTooltipProvider");
   }
@@ -6914,7 +6914,7 @@ var useUniversalTooltip = () => {
 };
 var useTooltip = () => {
   const { addTooltip, removeTooltip, startDrag } = useUniversalTooltip();
-  const createTooltip = (0, import_react32.useCallback)((element, content, options) => {
+  const createTooltip = (0, import_react33.useCallback)((element, content, options) => {
     const rect = element.getBoundingClientRect();
     let position;
     switch (options?.position || "auto") {
@@ -6944,7 +6944,7 @@ var useTooltip = () => {
       metadata: options?.metadata
     });
   }, [addTooltip]);
-  const handleElementMouseDown = (0, import_react32.useCallback)((tooltipId, event) => {
+  const handleElementMouseDown = (0, import_react33.useCallback)((tooltipId, event) => {
     const rect = event.target.getBoundingClientRect();
     const offset = {
       x: event.clientX - rect.left,
@@ -7099,7 +7099,7 @@ var UniversalTooltipRenderer = ({
 
 // src/components/ui/navigation/ContextMenuBase.tsx
 var ContextMenuPrimitive = __toESM(require("@radix-ui/react-context-menu"));
-var import_react33 = require("@phosphor-icons/react");
+var import_react34 = require("@phosphor-icons/react");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 function ContextMenuBase(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
@@ -7141,7 +7141,7 @@ function ContextMenuSubTriggerBase({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react33.CaretRightIcon, { className: "ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react34.CaretRightIcon, { className: "ml-auto" })
       ]
     }
   );
@@ -7236,7 +7236,7 @@ function ContextMenuCheckboxItemBase({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react33.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react34.CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -7261,7 +7261,7 @@ function ContextMenuRadioItemBase({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react33.CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react34.CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -7310,8 +7310,8 @@ function ContextMenuShortcutBase({
 }
 
 // src/components/ui/CodeBlock.tsx
-var import_react34 = require("@phosphor-icons/react");
-var import_react35 = __toESM(require("react"));
+var import_react35 = require("@phosphor-icons/react");
+var import_react36 = __toESM(require("react"));
 var import_react_syntax_highlighter = require("react-syntax-highlighter");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var CodeBlock = ({
@@ -7323,11 +7323,11 @@ var CodeBlock = ({
   breadcrumb = [],
   showStats = true
 }) => {
-  const [copied, setCopied] = import_react35.default.useState(false);
-  const [activeTab, setActiveTab] = import_react35.default.useState(0);
-  const [isExpanded, setIsExpanded] = import_react35.default.useState(false);
+  const [copied, setCopied] = import_react36.default.useState(false);
+  const [activeTab, setActiveTab] = import_react36.default.useState(0);
+  const [isExpanded, setIsExpanded] = import_react36.default.useState(false);
   const tabsExist = tabs.length > 0;
-  const cssVars = import_react35.default.useMemo(
+  const cssVars = import_react36.default.useMemo(
     () => ({
       container: {
         backgroundColor: "hsl(var(--card))",
@@ -7392,12 +7392,12 @@ var CodeBlock = ({
       case "jsx":
       case "typescript":
       case "tsx":
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react34.CodeIcon, { size: "1em", className: "text-yellow-400" });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react35.CodeIcon, { size: "1em", className: "text-yellow-400" });
       case "bash":
       case "shell":
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react34.TerminalIcon, { size: "1em", className: "text-green-400" });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react35.TerminalIcon, { size: "1em", className: "text-green-400" });
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react34.FileArchiveIcon, { size: "1em", className: "text-blue-400" });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react35.FileArchiveIcon, { size: "1em", className: "text-blue-400" });
     }
   };
   const getCodeStats = (source) => {
@@ -7422,8 +7422,8 @@ var CodeBlock = ({
               /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "w-3 h-3 rounded-full bg-green-500" })
             ] }),
             breadcrumb.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react34.FolderIcon, { size: "1em", style: cssVars.icon }),
-              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex items-center min-w-0 ml-2", children: breadcrumb.map((crumb, index) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_react35.default.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react35.FolderIcon, { size: "1em", style: cssVars.icon }),
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex items-center min-w-0 ml-2", children: breadcrumb.map((crumb, index) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_react36.default.Fragment, { children: [
                 /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                   "span",
                   {
@@ -7433,7 +7433,7 @@ var CodeBlock = ({
                   }
                 ),
                 index < breadcrumb.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                  import_react34.ArrowRightIcon,
+                  import_react35.ArrowRightIcon,
                   {
                     size: "0.75em",
                     style: cssVars.icon,
@@ -7464,7 +7464,7 @@ var CodeBlock = ({
                   onClick: () => setIsExpanded(!isExpanded),
                   className: `p-2 transition-colors hover:bg-gray-200 dark:hover:bg-slate-700`,
                   title: "Toggle fullscreen",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react34.ArrowsOutIcon, { size: "1em", style: cssVars.icon })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react35.ArrowsOutIcon, { size: "1em", style: cssVars.icon })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
@@ -7473,7 +7473,7 @@ var CodeBlock = ({
                   onClick: downloadCode,
                   className: `p-2 transition-colors hover:bg-gray-200 dark:hover:bg-slate-700`,
                   title: "Download code",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react34.DownloadIcon, { size: "1em", style: cssVars.icon })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react35.DownloadIcon, { size: "1em", style: cssVars.icon })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
@@ -7483,12 +7483,12 @@ var CodeBlock = ({
                   className: `p-2 transition-colors hover:bg-gray-200 dark:hover:bg-slate-700`,
                   title: "Copy code",
                   children: copied ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                    import_react34.CheckIcon,
+                    import_react35.CheckIcon,
                     {
                       size: "1em",
                       style: { color: "hsl(var(--primary))" }
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react34.CopyIcon, { size: "1em", style: cssVars.icon })
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react35.CopyIcon, { size: "1em", style: cssVars.icon })
                 }
               )
             ] })
@@ -7601,7 +7601,7 @@ var CodeBlock = ({
                 ] })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center gap-1 shrink-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react34.GearIcon, { size: "0.75em", style: cssVars.icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react35.GearIcon, { size: "0.75em", style: cssVars.icon }),
                 /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: "UTF-8" })
               ] })
             ]
@@ -7680,8 +7680,8 @@ function StatusIndicator({
 }
 
 // src/components/ui/form/DebouncedInput.tsx
-var import_react36 = require("react");
-var import_react37 = require("@phosphor-icons/react");
+var import_react37 = require("react");
+var import_react38 = require("@phosphor-icons/react");
 var import_jsx_runtime54 = require("react/jsx-runtime");
 function DebouncedInput({
   value: initialValue,
@@ -7696,12 +7696,12 @@ function DebouncedInput({
   error,
   ...props
 }) {
-  const [value, setValue] = (0, import_react36.useState)(initialValue);
-  const [isDebouncing, setIsDebouncing] = (0, import_react36.useState)(false);
-  (0, import_react36.useEffect)(() => {
+  const [value, setValue] = (0, import_react37.useState)(initialValue);
+  const [isDebouncing, setIsDebouncing] = (0, import_react37.useState)(false);
+  (0, import_react37.useEffect)(() => {
     setValue(initialValue);
   }, [initialValue]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (value !== initialValue) {
       setIsDebouncing(true);
     }
@@ -7716,7 +7716,7 @@ function DebouncedInput({
   }, [debounce2, initialValue, onChange, value]);
   const renderRightIcon = () => {
     if (showLoadingIndicator && isDebouncing) {
-      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react37.CircleNotchIcon, { className: "h-4 w-4 animate-spin  text-muted-foreground" });
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react38.CircleNotchIcon, { className: "h-4 w-4 animate-spin  text-muted-foreground" });
     }
     return rightIcon;
   };
@@ -7737,11 +7737,11 @@ function DebouncedInput({
 }
 
 // src/components/ui/form/CheckBoxThree.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 var import_framer_motion10 = require("framer-motion");
 var import_jsx_runtime55 = require("react/jsx-runtime");
 function useCheckboxTree(initialTree) {
-  const initialCheckedNodes = (0, import_react38.useMemo)(() => {
+  const initialCheckedNodes = (0, import_react39.useMemo)(() => {
     const checkedSet = /* @__PURE__ */ new Set();
     const initializeCheckedNodes = (node) => {
       if (node.defaultChecked) {
@@ -7752,8 +7752,8 @@ function useCheckboxTree(initialTree) {
     initializeCheckedNodes(initialTree);
     return checkedSet;
   }, [initialTree]);
-  const [checkedNodes, setCheckedNodes] = (0, import_react38.useState)(initialCheckedNodes);
-  const isChecked = (0, import_react38.useCallback)(
+  const [checkedNodes, setCheckedNodes] = (0, import_react39.useState)(initialCheckedNodes);
+  const isChecked = (0, import_react39.useCallback)(
     (node) => {
       if (!node.children) {
         return checkedNodes.has(node.id);
@@ -7771,7 +7771,7 @@ function useCheckboxTree(initialTree) {
     },
     [checkedNodes]
   );
-  const handleCheck = (0, import_react38.useCallback)(
+  const handleCheck = (0, import_react39.useCallback)(
     (node) => {
       const newCheckedNodes = new Set(checkedNodes);
       const toggleNode = (n, check) => {
@@ -7801,9 +7801,9 @@ function CheckboxTree({ tree, renderNode }) {
     onCheckedChange,
     children
   }) => {
-    const [open, setOpen] = (0, import_react38.useState)(() => !!node.children && status !== false);
-    const checkboxRef = (0, import_react38.useRef)(null);
-    (0, import_react38.useEffect)(() => {
+    const [open, setOpen] = (0, import_react39.useState)(() => !!node.children && status !== false);
+    const checkboxRef = (0, import_react39.useRef)(null);
+    (0, import_react39.useEffect)(() => {
       if (checkboxRef.current) {
         checkboxRef.current.indeterminate = status === "indeterminate";
       }
@@ -7887,8 +7887,8 @@ function CheckboxTree({ tree, renderNode }) {
 }
 
 // src/components/ui/data/Banner.tsx
-var import_react39 = require("@phosphor-icons/react");
-var import_react40 = __toESM(require("react"));
+var import_react40 = require("@phosphor-icons/react");
+var import_react41 = __toESM(require("react"));
 var import_jsx_runtime56 = require("react/jsx-runtime");
 
 // src/components/ui/picker/DateTimePicker.tsx
@@ -7898,7 +7898,7 @@ 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_react41 = require("@phosphor-icons/react");
+var import_react42 = require("@phosphor-icons/react");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function CalendarBase2({
   className,
@@ -7966,9 +7966,9 @@ function CalendarBase2({
           components: {
             Chevron: ({ orientation }) => {
               if (orientation === "left") {
-                return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react41.CaretLeftIcon, { className: "h-4 w-4" });
+                return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react42.CaretLeftIcon, { className: "h-4 w-4" });
               }
-              return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react41.CaretRightIcon, { className: "h-4 w-4" });
+              return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react42.CaretRightIcon, { className: "h-4 w-4" });
             }
           },
           ...props
@@ -7981,12 +7981,12 @@ CalendarBase2.displayName = "CalendarBase";
 
 // src/components/ui/picker/DateTimePicker.tsx
 var import_locale2 = require("date-fns/locale");
-var import_react44 = require("react");
+var import_react45 = require("react");
 var import_framer_motion11 = require("framer-motion");
-var import_react45 = require("@phosphor-icons/react");
+var import_react46 = require("@phosphor-icons/react");
 
 // src/components/ui/picker/TimeScrollPicker.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var ITEM_HEIGHT = 39;
 var ITEM_HEIGHT_MOBILE = 32;
@@ -8002,17 +8002,17 @@ function ScrollColumn({
   hideSeconds
 }) {
   const isMobile = useIsMobile();
-  const containerRef = (0, import_react42.useRef)(null);
+  const containerRef = (0, import_react43.useRef)(null);
   const items = Array.from({ length: max }, (_, i) => i);
-  const [isDragging, setIsDragging] = (0, import_react42.useState)(false);
-  const [startY, setStartY] = (0, import_react42.useState)(0);
-  const [scrollTop, setScrollTop] = (0, import_react42.useState)(0);
-  const scrollTimeoutRef = (0, import_react42.useRef)(null);
+  const [isDragging, setIsDragging] = (0, import_react43.useState)(false);
+  const [startY, setStartY] = (0, import_react43.useState)(0);
+  const [scrollTop, setScrollTop] = (0, import_react43.useState)(0);
+  const scrollTimeoutRef = (0, import_react43.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_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (containerRef.current && !isDragging) {
       requestAnimationFrame(() => {
         if (containerRef.current) {
@@ -8022,7 +8022,7 @@ function ScrollColumn({
       });
     }
   }, [value, isDragging, itemHeight]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     return () => {
       if (scrollTimeoutRef.current) {
         clearTimeout(scrollTimeoutRef.current);
@@ -8168,11 +8168,11 @@ function TimeScrollPicker({
 }
 
 // src/hooks/use-auto-center.tsx
-var import_react43 = require("react");
+var import_react44 = require("react");
 function useAutoCenter(open) {
-  const ref = (0, import_react43.useRef)(null);
-  const [center, setCenter] = (0, import_react43.useState)(false);
-  (0, import_react43.useEffect)(() => {
+  const ref = (0, import_react44.useRef)(null);
+  const [center, setCenter] = (0, import_react44.useState)(false);
+  (0, import_react44.useEffect)(() => {
     if (!open) {
       setCenter(false);
       return;
@@ -8215,8 +8215,8 @@ function DateTimePicker({
   error,
   hideClear = true
 }) {
-  const [internalDate, setInternalDate] = (0, import_react44.useState)(date);
-  const [open, setOpen] = (0, import_react44.useState)(false);
+  const [internalDate, setInternalDate] = (0, import_react45.useState)(date);
+  const [open, setOpen] = (0, import_react45.useState)(false);
   const isMobile = useIsMobile();
   const handleSelect = (newDay) => {
     if (!newDay) return;
@@ -8250,7 +8250,7 @@ function DateTimePicker({
     if (!timeFormat) return "dd MMMM yyyy";
     return `dd MMMM yyyy - ${timeFormat}`;
   };
-  (0, import_react44.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     setInternalDate(date);
   }, [date, open]);
   const { ref: contentRef, center } = use_auto_center_default(open);
@@ -8284,7 +8284,7 @@ function DateTimePicker({
             {
               animate: { rotate: open ? 15 : 0 },
               transition: { duration: 0.03 },
-              children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react45.CalendarBlankIcon, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react46.CalendarBlankIcon, { className: "h-4 w-4" })
             }
           )
         ] }) })
@@ -8369,7 +8369,7 @@ function DateTimePicker({
               onChange?.(selected);
               onConfirm?.(selected);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react45.CalendarDotIcon, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react46.CalendarDotIcon, { className: "h-4 w-4" })
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
@@ -8441,7 +8441,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_react46 = require("@phosphor-icons/react");
+var import_react47 = require("@phosphor-icons/react");
 var import_framer_motion12 = require("framer-motion");
 var import_ssr3 = require("@phosphor-icons/react/dist/ssr");
 var import_jsx_runtime60 = require("react/jsx-runtime");
@@ -8514,7 +8514,7 @@ function RangePicker({
                     }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react46.CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
+                /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react47.CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
               ]
             }
           )
@@ -8605,9 +8605,9 @@ function RangePicker({
                         components: {
                           Chevron: ({ orientation }) => {
                             if (orientation === "left") {
-                              return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react46.CaretLeftIcon, { className: "h-4 w-4" });
+                              return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react47.CaretLeftIcon, { className: "h-4 w-4" });
                             }
-                            return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react46.CaretRightIcon, { className: "h-4 w-4" });
+                            return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react47.CaretRightIcon, { className: "h-4 w-4" });
                           }
                         }
                       }
@@ -8691,8 +8691,8 @@ var import_framer_motion13 = require("framer-motion");
 var React40 = __toESM(require("react"));
 
 // src/components/ui/picker/TimePickerInput.tsx
-var import_react47 = require("@phosphor-icons/react");
-var import_react48 = __toESM(require("react"));
+var import_react48 = require("@phosphor-icons/react");
+var import_react49 = __toESM(require("react"));
 
 // src/components/ui/picker/utils/time-picker-utils.ts
 function isValidHour(value) {
@@ -8835,7 +8835,7 @@ function display12HourValue(hours) {
 
 // src/components/ui/picker/TimePickerInput.tsx
 var import_jsx_runtime61 = require("react/jsx-runtime");
-var TimePickerInput = import_react48.default.forwardRef(
+var TimePickerInput = import_react49.default.forwardRef(
   ({
     className,
     type = "tel",
@@ -8854,10 +8854,10 @@ var TimePickerInput = import_react48.default.forwardRef(
     label,
     ...props
   }, ref) => {
-    const [flag, setFlag] = import_react48.default.useState(false);
-    const [prevIntKey, setPrevIntKey] = import_react48.default.useState("0");
-    const [isFocused, setIsFocused] = import_react48.default.useState(false);
-    import_react48.default.useEffect(() => {
+    const [flag, setFlag] = import_react49.default.useState(false);
+    const [prevIntKey, setPrevIntKey] = import_react49.default.useState("0");
+    const [isFocused, setIsFocused] = import_react49.default.useState(false);
+    import_react49.default.useEffect(() => {
       if (flag) {
         const timer = setTimeout(() => {
           setFlag(false);
@@ -8865,7 +8865,7 @@ var TimePickerInput = import_react48.default.forwardRef(
         return () => clearTimeout(timer);
       }
     }, [flag]);
-    const calculatedValue = import_react48.default.useMemo(() => {
+    const calculatedValue = import_react49.default.useMemo(() => {
       const safeDate = date ?? new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0));
       return getDateByType(safeDate, picker);
     }, [date, picker]);
@@ -8961,7 +8961,7 @@ var TimePickerInput = import_react48.default.forwardRef(
                 ),
                 tabIndex: -1,
                 "aria-label": `Incrementar ${getPickerLabel().toLowerCase()}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react47.CaretUpIcon, { size: 14, className: "sm:w-4 sm:h-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react48.CaretUpIcon, { size: 14, className: "sm:w-4 sm:h-4" })
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "relative", children: [
@@ -9028,7 +9028,7 @@ var TimePickerInput = import_react48.default.forwardRef(
                 ),
                 tabIndex: -1,
                 "aria-label": `Decrementar ${getPickerLabel().toLowerCase()}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react47.CaretDownIcon, { size: 14, className: "sm:w-4 sm:h-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react48.CaretDownIcon, { size: 14, className: "sm:w-4 sm:h-4" })
               }
             )
           ]
@@ -9149,8 +9149,8 @@ function visualForItem(item, value) {
 // src/components/ui/event-calendar-view/Agenda.tsx
 var import_date_fns3 = require("date-fns");
 var import_locale3 = require("date-fns/locale");
-var import_react49 = require("react");
-var import_react50 = require("@phosphor-icons/react");
+var import_react50 = require("react");
+var import_react51 = require("@phosphor-icons/react");
 var import_tailwind_merge2 = require("tailwind-merge");
 var import_jsx_runtime63 = require("react/jsx-runtime");
 function Agenda({
@@ -9167,15 +9167,15 @@ function Agenda({
       return false;
     }
   };
-  const datedEvents = (0, import_react49.useMemo)(
+  const datedEvents = (0, import_react50.useMemo)(
     () => events.filter((e) => isValidDate5(e.start) || isValidDate5(e.end)),
     [events]
   );
-  const undatedEvents = (0, import_react49.useMemo)(
+  const undatedEvents = (0, import_react50.useMemo)(
     () => events.filter((e) => !(isValidDate5(e.start) || isValidDate5(e.end))),
     [events]
   );
-  const days = (0, import_react49.useMemo)(() => {
+  const days = (0, import_react50.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 });
@@ -9188,7 +9188,7 @@ function Agenda({
     (day) => getAgendaEventsForDayAgenda(datedEvents, day).length > 0
   );
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "border-border/70 border-t px-4", children: !hasEvents && !(showUndatedEvents && undatedEvents.length > 0) ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex min-h-[70svh] flex-col items-center justify-center py-16 text-center px-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react50.CalendarIcon, { className: "mb-2 text-muted-foreground/50", size: 32 }),
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react51.CalendarIcon, { className: "mb-2 text-muted-foreground/50", size: 32 }),
     /* @__PURE__ */ (0, import_jsx_runtime63.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_runtime63.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_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
@@ -9250,11 +9250,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_react52 = require("react");
+var import_react53 = require("react");
 
 // src/components/ui/event-calendar-view/hooks.ts
-var import_react51 = require("react");
-var CalendarDndContext = (0, import_react51.createContext)({
+var import_react52 = require("react");
+var CalendarDndContext = (0, import_react52.createContext)({
   activeEvent: null,
   activeId: null,
   activeView: null,
@@ -9264,7 +9264,7 @@ var CalendarDndContext = (0, import_react51.createContext)({
   isMultiDay: false,
   multiDayWidth: null
 });
-var useCalendarDndAgenda = () => (0, import_react51.useContext)(CalendarDndContext);
+var useCalendarDndAgenda = () => (0, import_react52.useContext)(CalendarDndContext);
 
 // src/components/ui/event-calendar-view/CalendarDND.tsx
 var import_jsx_runtime64 = require("react/jsx-runtime");
@@ -9272,19 +9272,19 @@ function CalendarDndProviderAgenda({
   children,
   onEventUpdate
 }) {
-  const [activeEvent, setActiveEvent] = (0, import_react52.useState)(
+  const [activeEvent, setActiveEvent] = (0, import_react53.useState)(
     null
   );
-  const [activeId, setActiveId] = (0, import_react52.useState)(null);
-  const [activeView, setActiveView] = (0, import_react52.useState)(
+  const [activeId, setActiveId] = (0, import_react53.useState)(null);
+  const [activeView, setActiveView] = (0, import_react53.useState)(
     null
   );
-  const [currentTime, setCurrentTime] = (0, import_react52.useState)(null);
-  const [eventHeight, setEventHeight] = (0, import_react52.useState)(null);
-  const [isMultiDay, setIsMultiDay] = (0, import_react52.useState)(false);
-  const [multiDayWidth, setMultiDayWidth] = (0, import_react52.useState)(null);
-  const [dragHandlePosition, setDragHandlePosition] = (0, import_react52.useState)(null);
-  const eventDimensions = (0, import_react52.useRef)({ height: 0 });
+  const [currentTime, setCurrentTime] = (0, import_react53.useState)(null);
+  const [eventHeight, setEventHeight] = (0, import_react53.useState)(null);
+  const [isMultiDay, setIsMultiDay] = (0, import_react53.useState)(false);
+  const [multiDayWidth, setMultiDayWidth] = (0, import_react53.useState)(null);
+  const [dragHandlePosition, setDragHandlePosition] = (0, import_react53.useState)(null);
+  const eventDimensions = (0, import_react53.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
@@ -9306,7 +9306,7 @@ function CalendarDndProviderAgenda({
       }
     })
   );
-  const dndContextId = (0, import_react52.useId)();
+  const dndContextId = (0, import_react53.useId)();
   const handleDragStart = (event) => {
     const { active } = event;
     if (!active.data.current) {
@@ -9504,7 +9504,7 @@ var DefaultEndHourAgenda = 10;
 
 // src/components/ui/event-calendar-view/DayView.tsx
 var import_date_fns8 = require("date-fns");
-var import_react55 = require("react");
+var import_react56 = require("react");
 
 // src/components/ui/event-calendar-view/utils.ts
 var import_date_fns5 = require("date-fns");
@@ -9635,11 +9635,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_react53 = require("react");
+var import_react54 = require("react");
 function useCurrentTimeIndicatorAgenda(currentDate, view) {
-  const [currentTimePosition, setCurrentTimePosition] = (0, import_react53.useState)(0);
-  const [currentTimeVisible, setCurrentTimeVisible] = (0, import_react53.useState)(false);
-  (0, import_react53.useEffect)(() => {
+  const [currentTimePosition, setCurrentTimePosition] = (0, import_react54.useState)(0);
+  const [currentTimeVisible, setCurrentTimeVisible] = (0, import_react54.useState)(false);
+  (0, import_react54.useEffect)(() => {
     const calculateTimePosition = () => {
       const now = /* @__PURE__ */ new Date();
       const hours = now.getHours();
@@ -9671,7 +9671,7 @@ function useCurrentTimeIndicatorAgenda(currentDate, view) {
 
 // src/components/ui/event-calendar-view/EventItemAgenda.tsx
 var import_date_fns7 = require("date-fns");
-var import_react54 = require("react");
+var import_react55 = require("react");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 var formatTimeWithOptionalMinutes = (date) => {
   return (0, import_date_fns7.format)(date, "HH:mm");
@@ -9753,13 +9753,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_react54.useMemo)(() => {
+  const displayStart = (0, import_react55.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_react54.useMemo)(() => {
+  const displayEnd = (0, import_react55.useMemo)(() => {
     if (!hasValidTime) return void 0;
     if (endDate) {
       return currentTime ? new Date(
@@ -9771,7 +9771,7 @@ function EventItemAgenda({
     }
     return void 0;
   }, [currentTime, startDate, endDate, hasValidTime]);
-  const durationMinutes = (0, import_react54.useMemo)(() => {
+  const durationMinutes = (0, import_react55.useMemo)(() => {
     if (!hasValidTime || !displayStart || !displayEnd) return 0;
     return (0, import_date_fns7.differenceInMinutes)(displayEnd, displayStart);
   }, [displayStart, displayEnd, hasValidTime]);
@@ -10019,14 +10019,14 @@ function DayViewAgenda({
   onEventSelect,
   showUndatedEvents
 }) {
-  const hours = (0, import_react55.useMemo)(() => {
+  const hours = (0, import_react56.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_react55.useMemo)(() => {
+  const dayEvents = (0, import_react56.useMemo)(() => {
     return events.filter((event) => {
       if (event.start == null) return false;
       const eventStart = getEventStartDate(event) ?? /* @__PURE__ */ new Date();
@@ -10036,17 +10036,17 @@ function DayViewAgenda({
       (a, b) => new Date(a.start).getTime() - new Date(b.start).getTime()
     );
   }, [currentDate, events]);
-  const allDayEvents = (0, import_react55.useMemo)(() => {
+  const allDayEvents = (0, import_react56.useMemo)(() => {
     return dayEvents.filter((event) => {
       return event.allDay || isMultiDayEventAgenda(event);
     });
   }, [dayEvents]);
-  const timeEvents = (0, import_react55.useMemo)(() => {
+  const timeEvents = (0, import_react56.useMemo)(() => {
     return dayEvents.filter((event) => {
       return !event.allDay && !isMultiDayEventAgenda(event);
     });
   }, [dayEvents]);
-  const positionedEvents = (0, import_react55.useMemo)(() => {
+  const positionedEvents = (0, import_react56.useMemo)(() => {
     const result = [];
     const dayStart = (0, import_date_fns8.startOfDay)(currentDate);
     const sortedEvents = [...timeEvents].sort((a, b) => {
@@ -10244,13 +10244,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_react58 = __toESM(require("react"));
+var import_react59 = __toESM(require("react"));
 var import_sonner2 = require("sonner");
-var import_react59 = require("@phosphor-icons/react");
+var import_react60 = require("@phosphor-icons/react");
 
 // src/components/ui/selects/Select.tsx
-var import_react56 = require("react");
-var import_react57 = require("@phosphor-icons/react");
+var import_react57 = require("react");
+var import_react58 = require("@phosphor-icons/react");
 var import_framer_motion14 = require("framer-motion");
 var import_jsx_runtime68 = require("react/jsx-runtime");
 function Select({
@@ -10268,14 +10268,14 @@ function Select({
   pagination,
   hideClear = true
 }) {
-  const [page, setPage] = (0, import_react56.useState)(1);
-  const [animating, setAnimating] = (0, import_react56.useState)(false);
-  const [open, setOpen] = (0, import_react56.useState)(false);
+  const [page, setPage] = (0, import_react57.useState)(1);
+  const [animating, setAnimating] = (0, import_react57.useState)(false);
+  const [open, setOpen] = (0, import_react57.useState)(false);
   const groupCount = groupItems ? Object.keys(groupItems).length : 0;
-  (0, import_react56.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     setPage(1);
   }, [items?.length, groupCount, pagination]);
-  const paged = (0, import_react56.useMemo)(() => {
+  const paged = (0, import_react57.useMemo)(() => {
     if (!pagination || pagination <= 0) return null;
     if (groupItems) {
       const flattened = Object.keys(groupItems).flatMap(
@@ -10302,7 +10302,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_react56.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (!pagination) return;
     setAnimating(true);
     const id = setTimeout(() => setAnimating(false), 220);
@@ -10351,7 +10351,7 @@ function Select({
                     {
                       animate: { rotate: open ? 180 : 0 },
                       transition: { duration: 0.3 },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react57.CaretDownIcon, { className: "h-4 w-4" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react58.CaretDownIcon, { className: "h-4 w-4" })
                     }
                   )
                 ] }) })
@@ -10415,7 +10415,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_runtime68.jsx)(import_react57.CaretLeftIcon, { className: "h-4 w-4 opacity-80" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react58.CaretLeftIcon, { className: "h-4 w-4 opacity-80" })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: " flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "px-2 py-0.5 rounded bg-gray-100 dark:bg-slate-800 text-xs", children: `${page} / ${paged.totalPages}` }) }),
@@ -10429,7 +10429,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_runtime68.jsx)(import_react57.CaretRightIcon, { className: "h-4 w-4 opacity-80" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react58.CaretRightIcon, { className: "h-4 w-4 opacity-80" })
                 }
               )
             ] })
@@ -10489,11 +10489,11 @@ function EventAgenda({
   initialDate,
   onClick
 }) {
-  const [currentDate, setCurrentDate] = (0, import_react58.useState)(
+  const [currentDate, setCurrentDate] = (0, import_react59.useState)(
     initialDate && new Date(initialDate) || /* @__PURE__ */ new Date()
   );
-  const [view, setView] = (0, import_react58.useState)(initialView);
-  const [selectedEvent, setSelectedEvent] = (0, import_react58.useState)(null);
+  const [view, setView] = (0, import_react59.useState)(initialView);
+  const [selectedEvent, setSelectedEvent] = (0, import_react59.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));
@@ -10517,7 +10517,7 @@ function EventAgenda({
         );
         return;
       }
-      if (import_react58.default.isValidElement(onClick)) {
+      if (import_react59.default.isValidElement(onClick)) {
         setSelectedEvent(event);
         return;
       }
@@ -10549,7 +10549,7 @@ function EventAgenda({
     const entry = labels[v] || { full: v, short: v };
     return condensed ? entry.short : entry.full;
   };
-  const viewTitle = (0, import_react58.useMemo)(() => {
+  const viewTitle = (0, import_react59.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 }));
@@ -10598,7 +10598,7 @@ function EventAgenda({
                     onClick: goPrevious,
                     size: "icon",
                     variant: "ghost",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react59.CaretLeftIcon, { "aria-hidden": true, size: 16 })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react60.CaretLeftIcon, { "aria-hidden": true, size: 16 })
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
@@ -10608,7 +10608,7 @@ function EventAgenda({
                     onClick: goNext,
                     size: "icon",
                     variant: "ghost",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react59.CaretRightIcon, { "aria-hidden": true, size: 16 })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react60.CaretRightIcon, { "aria-hidden": true, size: 16 })
                   }
                 )
               ] }),
@@ -10669,7 +10669,7 @@ function EventAgenda({
             }
           )
         ] }),
-        selectedEvent && import_react58.default.isValidElement(onClick) ? import_react58.default.cloneElement(onClick, {
+        selectedEvent && import_react59.default.isValidElement(onClick) ? import_react59.default.cloneElement(onClick, {
           event: selectedEvent,
           onClose: () => setSelectedEvent(null)
         }) : null
@@ -10679,7 +10679,7 @@ function EventAgenda({
 }
 
 // src/components/ui/event-calendar-view/UndatedEvents.tsx
-var import_react60 = require("react");
+var import_react61 = require("react");
 var import_jsx_runtime70 = require("react/jsx-runtime");
 var isValidDate2 = (d) => {
   try {
@@ -10696,7 +10696,7 @@ function UndatedEvents({
   title = "Data de Atendimento n\xE3o Prevista",
   show = true
 }) {
-  const undatedEvents = (0, import_react60.useMemo)(
+  const undatedEvents = (0, import_react61.useMemo)(
     () => events.filter((e) => !(isValidDate2(e.start) || isValidDate2(e.end))),
     [events]
   );
@@ -10718,15 +10718,15 @@ function UndatedEvents({
 }
 
 // src/components/ui/event-calendar-view/hooks/use-event-visibility.ts
-var import_react61 = require("react");
+var import_react62 = require("react");
 function useEventVisibilityAgenda({
   eventHeight,
   eventGap
 }) {
-  const contentRef = (0, import_react61.useRef)(null);
-  const observerRef = (0, import_react61.useRef)(null);
-  const [contentHeight, setContentHeight] = (0, import_react61.useState)(null);
-  (0, import_react61.useLayoutEffect)(() => {
+  const contentRef = (0, import_react62.useRef)(null);
+  const observerRef = (0, import_react62.useRef)(null);
+  const [contentHeight, setContentHeight] = (0, import_react62.useState)(null);
+  (0, import_react62.useLayoutEffect)(() => {
     if (!contentRef.current) return;
     const updateHeight = () => {
       if (contentRef.current) {
@@ -10746,7 +10746,7 @@ function useEventVisibilityAgenda({
       }
     };
   }, []);
-  const getVisibleEventCount = (0, import_react61.useMemo)(() => {
+  const getVisibleEventCount = (0, import_react62.useMemo)(() => {
     return (totalEvents) => {
       if (!contentHeight) return totalEvents;
       const maxEvents = Math.floor(contentHeight / (eventHeight + eventGap));
@@ -10766,7 +10766,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_react62 = require("react");
+var import_react63 = require("react");
 var import_tailwind_merge3 = require("tailwind-merge");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 function MonthViewAgenda({
@@ -10775,21 +10775,21 @@ function MonthViewAgenda({
   onEventSelect,
   showUndatedEvents
 }) {
-  const days = (0, import_react62.useMemo)(() => {
+  const days = (0, import_react63.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_react62.useMemo)(() => {
+  const weekdays = (0, import_react63.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_react62.useMemo)(() => {
+  const weeks = (0, import_react63.useMemo)(() => {
     const result = [];
     let week = [];
     for (let i = 0; i < days.length; i++) {
@@ -10805,12 +10805,12 @@ function MonthViewAgenda({
     e.stopPropagation();
     onEventSelect(event, e);
   };
-  const [isMounted, setIsMounted] = (0, import_react62.useState)(false);
+  const [isMounted, setIsMounted] = (0, import_react63.useState)(false);
   const { contentRef, getVisibleEventCount } = useEventVisibilityAgenda({
     eventGap: EventGapAgenda,
     eventHeight: EventHeightAgenda
   });
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     setIsMounted(true);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "contents", "data-slot": "month-view", children: [
@@ -11019,7 +11019,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_react64 = require("react");
+var import_react65 = require("react");
 
 // src/components/ui/event-calendar/constants.ts
 var EventHeight = 24;
@@ -11035,7 +11035,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_react63 = require("react");
+var import_react64 = require("react");
 var import_jsx_runtime72 = require("react/jsx-runtime");
 function DraggableEvent({
   event,
@@ -11051,8 +11051,8 @@ function DraggableEvent({
   draggable = true
 }) {
   const { activeId } = useCalendarDndAgenda();
-  const elementRef = (0, import_react63.useRef)(null);
-  const [dragHandlePosition, setDragHandlePosition] = (0, import_react63.useState)(null);
+  const elementRef = (0, import_react64.useRef)(null);
+  const [dragHandlePosition, setDragHandlePosition] = (0, import_react64.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;
@@ -11149,23 +11149,23 @@ function WeekViewAgenda({
   onEventCreate,
   showUndatedEvents
 }) {
-  const days = (0, import_react64.useMemo)(() => {
+  const days = (0, import_react65.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_react64.useMemo)(
+  const weekStart = (0, import_react65.useMemo)(
     () => (0, import_date_fns12.startOfWeek)(currentDate, { weekStartsOn: 0 }),
     [currentDate]
   );
-  const hours = (0, import_react64.useMemo)(() => {
+  const hours = (0, import_react65.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_react64.useMemo)(() => {
+  const allDayEvents = (0, import_react65.useMemo)(() => {
     const isValidStart = (ev) => {
       try {
         if (ev.start == null) return false;
@@ -11190,7 +11190,7 @@ function WeekViewAgenda({
       });
     });
   }, [events, days]);
-  const processedDayEvents = (0, import_react64.useMemo)(() => {
+  const processedDayEvents = (0, import_react65.useMemo)(() => {
     const result = days.map((day) => {
       const dayEvents = events.filter((event) => {
         if (event.allDay || isMultiDayEventAgenda(event)) return false;
@@ -11445,8 +11445,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_react65 = require("react");
-var import_react66 = require("@phosphor-icons/react");
+var import_react66 = require("react");
+var import_react67 = require("@phosphor-icons/react");
 var import_jsx_runtime74 = require("react/jsx-runtime");
 function AgendaView({
   currentDate,
@@ -11462,15 +11462,15 @@ function AgendaView({
       return false;
     }
   };
-  const datedEvents = (0, import_react65.useMemo)(
+  const datedEvents = (0, import_react66.useMemo)(
     () => events.filter((e) => isValidDate5(e.start) || isValidDate5(e.end)),
     [events]
   );
-  const undatedEvents = (0, import_react65.useMemo)(
+  const undatedEvents = (0, import_react66.useMemo)(
     () => events.filter((e) => !(isValidDate5(e.start) || isValidDate5(e.end))),
     [events]
   );
-  const days = (0, import_react65.useMemo)(() => {
+  const days = (0, import_react66.useMemo)(() => {
     return Array.from(
       { length: AgendaDaysToShow },
       (_, i) => (0, import_date_fns13.addDays)(new Date(currentDate), i)
@@ -11484,7 +11484,7 @@ function AgendaView({
     (day) => getAgendaEventsForDay(datedEvents, day).length > 0
   );
   return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "border-border/70 border-t px-4", children: !hasEvents && !(showUndatedEvents && undatedEvents.length > 0) ? /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex min-h-[70svh] flex-col items-center justify-center py-16 text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react66.CalendarIcon, { className: "mb-2 text-muted-foreground/50", size: 32 }),
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react67.CalendarIcon, { className: "mb-2 text-muted-foreground/50", size: 32 }),
     /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("h3", { className: "font-medium text-lg", children: "Nenhum evento encontrado" }),
     /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: "text-muted-foreground", children: "N\xE3o h\xE1 eventos agendados para este per\xEDodo." })
   ] }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
@@ -11543,11 +11543,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_react68 = require("react");
+var import_react69 = require("react");
 
 // src/components/ui/event-calendar/hooks.ts
-var import_react67 = require("react");
-var CalendarDndContext2 = (0, import_react67.createContext)({
+var import_react68 = require("react");
+var CalendarDndContext2 = (0, import_react68.createContext)({
   activeEvent: null,
   activeId: null,
   activeView: null,
@@ -11557,7 +11557,7 @@ var CalendarDndContext2 = (0, import_react67.createContext)({
   isMultiDay: false,
   multiDayWidth: null
 });
-var useCalendarDnd = () => (0, import_react67.useContext)(CalendarDndContext2);
+var useCalendarDnd = () => (0, import_react68.useContext)(CalendarDndContext2);
 
 // src/components/ui/event-calendar/CalendarDND.tsx
 var import_jsx_runtime75 = require("react/jsx-runtime");
@@ -11565,17 +11565,17 @@ function CalendarDndProvider({
   children,
   onEventUpdate
 }) {
-  const [activeEvent, setActiveEvent] = (0, import_react68.useState)(null);
-  const [activeId, setActiveId] = (0, import_react68.useState)(null);
-  const [activeView, setActiveView] = (0, import_react68.useState)(
+  const [activeEvent, setActiveEvent] = (0, import_react69.useState)(null);
+  const [activeId, setActiveId] = (0, import_react69.useState)(null);
+  const [activeView, setActiveView] = (0, import_react69.useState)(
     null
   );
-  const [currentTime, setCurrentTime] = (0, import_react68.useState)(null);
-  const [eventHeight, setEventHeight] = (0, import_react68.useState)(null);
-  const [isMultiDay, setIsMultiDay] = (0, import_react68.useState)(false);
-  const [multiDayWidth, setMultiDayWidth] = (0, import_react68.useState)(null);
-  const [dragHandlePosition, setDragHandlePosition] = (0, import_react68.useState)(null);
-  const eventDimensions = (0, import_react68.useRef)({ height: 0 });
+  const [currentTime, setCurrentTime] = (0, import_react69.useState)(null);
+  const [eventHeight, setEventHeight] = (0, import_react69.useState)(null);
+  const [isMultiDay, setIsMultiDay] = (0, import_react69.useState)(false);
+  const [multiDayWidth, setMultiDayWidth] = (0, import_react69.useState)(null);
+  const [dragHandlePosition, setDragHandlePosition] = (0, import_react69.useState)(null);
+  const eventDimensions = (0, import_react69.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
@@ -11597,7 +11597,7 @@ function CalendarDndProvider({
       }
     })
   );
-  const dndContextId = (0, import_react68.useId)();
+  const dndContextId = (0, import_react69.useId)();
   const handleDragStart = (event) => {
     const { active } = event;
     if (!active.data.current) {
@@ -11779,7 +11779,7 @@ function CalendarDndProvider({
 
 // src/components/ui/event-calendar/DayView.tsx
 var import_date_fns15 = require("date-fns");
-var import_react69 = require("react");
+var import_react70 = require("react");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 function DayView({
   currentDate,
@@ -11787,14 +11787,14 @@ function DayView({
   onEventSelect,
   onEventCreate
 }) {
-  const hours = (0, import_react69.useMemo)(() => {
+  const hours = (0, import_react70.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_react69.useMemo)(() => {
+  const dayEvents = (0, import_react70.useMemo)(() => {
     return events.filter((event) => {
       const eventStart = new Date(event.start);
       const eventEnd = new Date(event.end);
@@ -11803,17 +11803,17 @@ function DayView({
       (a, b) => new Date(a.start).getTime() - new Date(b.start).getTime()
     );
   }, [currentDate, events]);
-  const allDayEvents = (0, import_react69.useMemo)(() => {
+  const allDayEvents = (0, import_react70.useMemo)(() => {
     return dayEvents.filter((event) => {
       return event.allDay || isMultiDayEvent(event);
     });
   }, [dayEvents]);
-  const timeEvents = (0, import_react69.useMemo)(() => {
+  const timeEvents = (0, import_react70.useMemo)(() => {
     return dayEvents.filter((event) => {
       return !event.allDay && !isMultiDayEvent(event);
     });
   }, [dayEvents]);
-  const positionedEvents = (0, import_react69.useMemo)(() => {
+  const positionedEvents = (0, import_react70.useMemo)(() => {
     const result = [];
     const dayStart = (0, import_date_fns15.startOfDay)(currentDate);
     const sortedEvents = [...timeEvents].sort((a, b) => {
@@ -11994,7 +11994,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_react70 = require("react");
+var import_react71 = require("react");
 var import_jsx_runtime77 = require("react/jsx-runtime");
 function DraggableEvent2({
   event,
@@ -12009,8 +12009,8 @@ function DraggableEvent2({
   "aria-hidden": ariaHidden
 }) {
   const { activeId } = useCalendarDnd();
-  const elementRef = (0, import_react70.useRef)(null);
-  const [dragHandlePosition, setDragHandlePosition] = (0, import_react70.useState)(null);
+  const elementRef = (0, import_react71.useRef)(null);
+  const [dragHandlePosition, setDragHandlePosition] = (0, import_react71.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;
@@ -12135,9 +12135,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_react71 = require("react");
+var import_react72 = require("react");
 var import_sonner3 = require("sonner");
-var import_react72 = require("@phosphor-icons/react");
+var import_react73 = require("@phosphor-icons/react");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 function EventCalendar({
   events = [],
@@ -12147,11 +12147,11 @@ function EventCalendar({
   className,
   initialView = "month"
 }) {
-  const [currentDate, setCurrentDate] = (0, import_react71.useState)(/* @__PURE__ */ new Date());
-  const [view, setView] = (0, import_react71.useState)(initialView);
-  const [isFading, setIsFading] = (0, import_react71.useState)(false);
+  const [currentDate, setCurrentDate] = (0, import_react72.useState)(/* @__PURE__ */ new Date());
+  const [view, setView] = (0, import_react72.useState)(initialView);
+  const [isFading, setIsFading] = (0, import_react72.useState)(false);
   const FADE_DURATION = 220;
-  const changeView = (0, import_react71.useCallback)(
+  const changeView = (0, import_react72.useCallback)(
     (next) => {
       if (next === view) return;
       setIsFading(true);
@@ -12162,12 +12162,12 @@ function EventCalendar({
     },
     [view]
   );
-  const [isPaging, setIsPaging] = (0, import_react71.useState)(false);
-  const [pageDirection, setPageDirection] = (0, import_react71.useState)(
+  const [isPaging, setIsPaging] = (0, import_react72.useState)(false);
+  const [pageDirection, setPageDirection] = (0, import_react72.useState)(
     null
   );
   const PAGE_DURATION = 200;
-  const pageTransition = (0, import_react71.useCallback)(
+  const pageTransition = (0, import_react72.useCallback)(
     (applyDateChange, direction) => {
       setIsPaging(true);
       setPageDirection(direction);
@@ -12181,11 +12181,11 @@ function EventCalendar({
     },
     []
   );
-  const [isEventDialogOpen, setIsEventDialogOpen] = (0, import_react71.useState)(false);
-  const [selectedEvent, setSelectedEvent] = (0, import_react71.useState)(
+  const [isEventDialogOpen, setIsEventDialogOpen] = (0, import_react72.useState)(false);
+  const [selectedEvent, setSelectedEvent] = (0, import_react72.useState)(
     null
   );
-  (0, import_react71.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     const handleKeyDown = (e) => {
       if (isEventDialogOpen || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLElement && e.target.isContentEditable) {
         return;
@@ -12327,7 +12327,7 @@ function EventCalendar({
       position: "bottom-left"
     });
   };
-  const viewTitle = (0, import_react71.useMemo)(() => {
+  const viewTitle = (0, import_react72.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 }));
@@ -12386,7 +12386,7 @@ function EventCalendar({
                 variant: "outline",
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-                    import_react72.CalendarIcon,
+                    import_react73.CalendarIcon,
                     {
                       "aria-hidden": "true",
                       className: "min-[480px]:hidden",
@@ -12405,7 +12405,7 @@ function EventCalendar({
                   onClick: handlePrevious,
                   size: "icon",
                   variant: "ghost",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react72.CaretLeft, { "aria-hidden": "true", size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react73.CaretLeft, { "aria-hidden": "true", size: 16 })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
@@ -12415,7 +12415,7 @@ function EventCalendar({
                   onClick: handleNext,
                   size: "icon",
                   variant: "ghost",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react72.CaretRight, { "aria-hidden": "true", size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react73.CaretRight, { "aria-hidden": "true", size: 16 })
                 }
               )
             ] }),
@@ -12450,7 +12450,7 @@ function EventCalendar({
                       })() })
                     ] }),
                     /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-                      import_react72.ArrowDownIcon,
+                      import_react73.ArrowDownIcon,
                       {
                         "aria-hidden": "true",
                         className: "-me-1 opacity-60",
@@ -12490,7 +12490,7 @@ function EventCalendar({
                 size: "sm",
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-                    import_react72.PlusIcon,
+                    import_react73.PlusIcon,
                     {
                       "aria-hidden": "true",
                       className: "sm:-ms-1 opacity-60",
@@ -12582,11 +12582,11 @@ function EventCalendar({
 
 // src/components/ui/event-calendar/EventDialog.tsx
 var import_date_fns18 = require("date-fns");
-var import_react73 = require("react");
+var import_react74 = require("react");
 var import_react_radio_group = require("@radix-ui/react-radio-group");
 var import_framer_motion15 = require("framer-motion");
 var import_locale10 = require("date-fns/locale");
-var import_react74 = require("@phosphor-icons/react");
+var import_react75 = require("@phosphor-icons/react");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 function EventDialog({
   event,
@@ -12595,21 +12595,21 @@ function EventDialog({
   onSave,
   onDelete
 }) {
-  const [title, setTitle] = (0, import_react73.useState)("");
-  const [description, setDescription] = (0, import_react73.useState)("");
-  const [startDate, setStartDate] = (0, import_react73.useState)(/* @__PURE__ */ new Date());
-  const [endDate, setEndDate] = (0, import_react73.useState)(/* @__PURE__ */ new Date());
-  const [startTime, setStartTime] = (0, import_react73.useState)(`${DefaultStartHour}:00`);
-  const [endTime, setEndTime] = (0, import_react73.useState)(`${DefaultEndHour}:00`);
-  const [allDay, setAllDay] = (0, import_react73.useState)(false);
-  const [location, setLocation] = (0, import_react73.useState)("");
-  const [color, setColor] = (0, import_react73.useState)("sky");
-  const [error, setError] = (0, import_react73.useState)(null);
-  const [startDateOpen, setStartDateOpen] = (0, import_react73.useState)(false);
-  const [endDateOpen, setEndDateOpen] = (0, import_react73.useState)(false);
-  (0, import_react73.useEffect)(() => {
+  const [title, setTitle] = (0, import_react74.useState)("");
+  const [description, setDescription] = (0, import_react74.useState)("");
+  const [startDate, setStartDate] = (0, import_react74.useState)(/* @__PURE__ */ new Date());
+  const [endDate, setEndDate] = (0, import_react74.useState)(/* @__PURE__ */ new Date());
+  const [startTime, setStartTime] = (0, import_react74.useState)(`${DefaultStartHour}:00`);
+  const [endTime, setEndTime] = (0, import_react74.useState)(`${DefaultEndHour}:00`);
+  const [allDay, setAllDay] = (0, import_react74.useState)(false);
+  const [location, setLocation] = (0, import_react74.useState)("");
+  const [color, setColor] = (0, import_react74.useState)("sky");
+  const [error, setError] = (0, import_react74.useState)(null);
+  const [startDateOpen, setStartDateOpen] = (0, import_react74.useState)(false);
+  const [endDateOpen, setEndDateOpen] = (0, import_react74.useState)(false);
+  (0, import_react74.useEffect)(() => {
   }, [event]);
-  const resetForm = (0, import_react73.useCallback)(() => {
+  const resetForm = (0, import_react74.useCallback)(() => {
     setTitle("");
     setDescription("");
     setStartDate(/* @__PURE__ */ new Date());
@@ -12621,12 +12621,12 @@ function EventDialog({
     setColor("sky");
     setError(null);
   }, []);
-  const formatTimeForInput = (0, import_react73.useCallback)((date) => {
+  const formatTimeForInput = (0, import_react74.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_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     if (event) {
       setTitle(event.title || "");
       setDescription(event.description || "");
@@ -12644,7 +12644,7 @@ function EventDialog({
       resetForm();
     }
   }, [event, formatTimeForInput, resetForm]);
-  const timeOptions = (0, import_react73.useMemo)(() => {
+  const timeOptions = (0, import_react74.useMemo)(() => {
     const options = [];
     for (let hour = StartHour; hour <= EndHour; hour++) {
       for (let minute = 0; minute < 60; minute += 15) {
@@ -12833,7 +12833,7 @@ function EventDialog({
                             }
                           ),
                           /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
-                            import_react74.CalendarIcon,
+                            import_react75.CalendarIcon,
                             {
                               "aria-hidden": "true",
                               className: "shrink-0 text-muted-foreground/80",
@@ -12912,7 +12912,7 @@ function EventDialog({
                         }
                       ),
                       /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
-                        import_react74.CalendarIcon,
+                        import_react75.CalendarIcon,
                         {
                           "aria-hidden": "true",
                           className: "shrink-0 text-muted-foreground/80",
@@ -12970,7 +12970,7 @@ function EventDialog({
                 allDay ? "bg-primary border-transparent text-white" : " border border-input"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react74.CalendarIcon, { size: 14, "aria-hidden": "true" }),
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react75.CalendarIcon, { size: 14, "aria-hidden": "true" }),
                 "Dia inteiro"
               ]
             }
@@ -13029,7 +13029,7 @@ function EventDialog({
               onClick: handleDelete,
               size: "icon",
               variant: "outline",
-              children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react74.TrashIcon, { "aria-hidden": "true", size: 16 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react75.TrashIcon, { "aria-hidden": "true", size: 16 })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-1 justify-end gap-2", children: [
@@ -13044,8 +13044,8 @@ function EventDialog({
 
 // src/components/ui/event-calendar/EventItem.tsx
 var import_date_fns19 = require("date-fns");
-var import_react75 = require("react");
-var import_react76 = require("@phosphor-icons/react");
+var import_react76 = require("react");
+var import_react77 = require("@phosphor-icons/react");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 var formatTimeWithOptionalMinutes2 = (date) => {
   return (0, import_date_fns19.format)(date, "HH:mm");
@@ -13129,7 +13129,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_react75.useMemo)(() => {
+  const displayStart = (0, import_react76.useMemo)(() => {
     if (!hasValidTime) return void 0;
     if (isValidDate3(event.start))
       return currentTime || new Date(event.start);
@@ -13137,7 +13137,7 @@ function EventItem({
       return currentTime || new Date(event.attend_date);
     return void 0;
   }, [currentTime, event.start, event.attend_date, hasValidTime]);
-  const displayEnd = (0, import_react75.useMemo)(() => {
+  const displayEnd = (0, import_react76.useMemo)(() => {
     if (!hasValidTime) return void 0;
     if (isValidDate3(event.end)) {
       return currentTime ? new Date(
@@ -13150,7 +13150,7 @@ function EventItem({
     }
     return void 0;
   }, [currentTime, event.start, event.end, event.attend_date, hasValidTime]);
-  const durationMinutes = (0, import_react75.useMemo)(() => {
+  const durationMinutes = (0, import_react76.useMemo)(() => {
     if (!hasValidTime || !displayStart || !displayEnd) return 0;
     return (0, import_date_fns19.differenceInMinutes)(displayEnd, displayStart);
   }, [displayStart, displayEnd, hasValidTime]);
@@ -13325,7 +13325,7 @@ function EventItem({
                 formatTimeWithOptionalMinutes2(displayStart),
                 /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "opacity-70", children: "-" }),
                 formatTimeWithOptionalMinutes2(displayEnd),
-                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react76.ClockUserIcon, {})
+                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react77.ClockUserIcon, {})
               ] })
             }
           )
@@ -13353,9 +13353,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_react77 = require("react");
+var import_react78 = require("react");
 var import_framer_motion16 = require("framer-motion");
-var import_react78 = require("@phosphor-icons/react");
+var import_react79 = require("@phosphor-icons/react");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 function EventsPopup({
   date,
@@ -13364,8 +13364,8 @@ function EventsPopup({
   onClose,
   onEventSelect
 }) {
-  const popupRef = (0, import_react77.useRef)(null);
-  (0, import_react77.useEffect)(() => {
+  const popupRef = (0, import_react78.useRef)(null);
+  (0, import_react78.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (popupRef.current && !popupRef.current.contains(event.target)) {
         onClose();
@@ -13376,7 +13376,7 @@ function EventsPopup({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [onClose]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     const handleEscKey = (event) => {
       if (event.key === "Escape") {
         onClose();
@@ -13391,7 +13391,7 @@ function EventsPopup({
     if (onEventSelect) onEventSelect(event);
     onClose();
   };
-  const adjustedPosition = (0, import_react77.useMemo)(() => {
+  const adjustedPosition = (0, import_react78.useMemo)(() => {
     const positionCopy = { ...position };
     if (popupRef.current) {
       const rect = popupRef.current.getBoundingClientRect();
@@ -13435,7 +13435,7 @@ function EventsPopup({
               className: "rounded-full p-1 hover:bg-muted",
               onClick: onClose,
               type: "button",
-              children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react78.XIcon, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react79.XIcon, { className: "h-4 w-4" })
             }
           )
         ] }),
@@ -13472,11 +13472,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_react79 = require("react");
+var import_react80 = require("react");
 function useCurrentTimeIndicator(currentDate, view) {
-  const [currentTimePosition, setCurrentTimePosition] = (0, import_react79.useState)(0);
-  const [currentTimeVisible, setCurrentTimeVisible] = (0, import_react79.useState)(false);
-  (0, import_react79.useEffect)(() => {
+  const [currentTimePosition, setCurrentTimePosition] = (0, import_react80.useState)(0);
+  const [currentTimeVisible, setCurrentTimeVisible] = (0, import_react80.useState)(false);
+  (0, import_react80.useEffect)(() => {
     const calculateTimePosition = () => {
       const now = /* @__PURE__ */ new Date();
       const hours = now.getHours();
@@ -13507,15 +13507,15 @@ function useCurrentTimeIndicator(currentDate, view) {
 }
 
 // src/components/ui/event-calendar/hooks/use-event-visibility.ts
-var import_react80 = require("react");
+var import_react81 = require("react");
 function useEventVisibility({
   eventHeight,
   eventGap
 }) {
-  const contentRef = (0, import_react80.useRef)(null);
-  const observerRef = (0, import_react80.useRef)(null);
-  const [contentHeight, setContentHeight] = (0, import_react80.useState)(null);
-  (0, import_react80.useLayoutEffect)(() => {
+  const contentRef = (0, import_react81.useRef)(null);
+  const observerRef = (0, import_react81.useRef)(null);
+  const [contentHeight, setContentHeight] = (0, import_react81.useState)(null);
+  (0, import_react81.useLayoutEffect)(() => {
     if (!contentRef.current) return;
     const updateHeight = () => {
       if (contentRef.current) {
@@ -13535,7 +13535,7 @@ function useEventVisibility({
       }
     };
   }, []);
-  const getVisibleEventCount = (0, import_react80.useMemo)(() => {
+  const getVisibleEventCount = (0, import_react81.useMemo)(() => {
     return (totalEvents) => {
       if (!contentHeight) return totalEvents;
       const maxEvents = Math.floor(contentHeight / (eventHeight + eventGap));
@@ -13555,7 +13555,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_react81 = require("react");
+var import_react82 = require("react");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 function MonthView({
   currentDate,
@@ -13563,21 +13563,21 @@ function MonthView({
   onEventSelect,
   onEventCreate
 }) {
-  const days = (0, import_react81.useMemo)(() => {
+  const days = (0, import_react82.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_react81.useMemo)(() => {
+  const weekdays = (0, import_react82.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_react81.useMemo)(() => {
+  const weeks = (0, import_react82.useMemo)(() => {
     const result = [];
     let week = [];
     for (let i = 0; i < days.length; i++) {
@@ -13593,12 +13593,12 @@ function MonthView({
     e.stopPropagation();
     onEventSelect(event);
   };
-  const [isMounted, setIsMounted] = (0, import_react81.useState)(false);
+  const [isMounted, setIsMounted] = (0, import_react82.useState)(false);
   const { contentRef, getVisibleEventCount } = useEventVisibility({
     eventGap: EventGap,
     eventHeight: EventHeight
   });
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     setIsMounted(true);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "contents", "data-slot": "month-view", children: [
@@ -13874,7 +13874,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_react82 = require("react");
+var import_react83 = require("react");
 var import_jsx_runtime84 = require("react/jsx-runtime");
 function WeekView({
   currentDate,
@@ -13882,23 +13882,23 @@ function WeekView({
   onEventSelect,
   onEventCreate
 }) {
-  const days = (0, import_react82.useMemo)(() => {
+  const days = (0, import_react83.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_react82.useMemo)(
+  const weekStart = (0, import_react83.useMemo)(
     () => (0, import_date_fns25.startOfWeek)(currentDate, { weekStartsOn: 0 }),
     [currentDate]
   );
-  const hours = (0, import_react82.useMemo)(() => {
+  const hours = (0, import_react83.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_react82.useMemo)(() => {
+  const allDayEvents = (0, import_react83.useMemo)(() => {
     return events.filter((event) => {
       return event.allDay || isMultiDayEvent(event);
     }).filter((event) => {
@@ -13909,7 +13909,7 @@ function WeekView({
       );
     });
   }, [events, days]);
-  const processedDayEvents = (0, import_react82.useMemo)(() => {
+  const processedDayEvents = (0, import_react83.useMemo)(() => {
     const result = days.map((day) => {
       const dayEvents = events.filter((event) => {
         if (event.allDay || isMultiDayEvent(event)) return false;
@@ -14155,8 +14155,8 @@ function WeekView({
 }
 
 // src/components/ui/selects/AvatarCombobox.tsx
-var import_react83 = require("react");
-var import_react84 = require("@phosphor-icons/react");
+var import_react84 = require("react");
+var import_react85 = require("@phosphor-icons/react");
 var import_jsx_runtime85 = require("react/jsx-runtime");
 var DEFAULT_COLORS = [
   "bg-purple-100 text-purple-700",
@@ -14200,8 +14200,8 @@ function AvatarCombobox({
   className,
   colors: colors2
 }) {
-  const [open, setOpen] = (0, import_react83.useState)(false);
-  const id = (0, import_react83.useId)();
+  const [open, setOpen] = (0, import_react84.useState)(false);
+  const id = (0, import_react84.useId)();
   const allItems = items || (groupItems ? Object.values(groupItems).flat() : []);
   const selectedItem = allItems.find((item) => item.value === selected);
   const renderItem = (item) => {
@@ -14238,7 +14238,7 @@ function AvatarCombobox({
           "data-testid": testIds.trigger ?? "avatar-select-trigger",
           children: [
             selectedItem ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "flex items-center gap-2 truncate", children: renderItem(selectedItem) }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "text-muted-foreground", children: placeholder }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react84.CaretDownIcon, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react85.CaretDownIcon, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
           ]
         }
       ) }),
@@ -14271,7 +14271,7 @@ function AvatarCombobox({
                       children: [
                         renderItem(item),
                         /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
-                          import_react84.CheckIcon,
+                          import_react85.CheckIcon,
                           {
                             className: cn(
                               "ml-auto h-4 w-4",
@@ -14294,7 +14294,7 @@ function AvatarCombobox({
                       children: [
                         renderItem(item),
                         /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
-                          import_react84.CheckIcon,
+                          import_react85.CheckIcon,
                           {
                             className: cn(
                               "ml-auto h-4 w-4",
@@ -14318,8 +14318,8 @@ function AvatarCombobox({
 }
 
 // src/components/ui/selects/MultiSelect.tsx
-var import_react85 = __toESM(require("react"));
-var import_react86 = require("@phosphor-icons/react");
+var import_react86 = __toESM(require("react"));
+var import_react87 = require("@phosphor-icons/react");
 var import_jsx_runtime86 = require("react/jsx-runtime");
 function MultiSelect({
   items,
@@ -14340,13 +14340,13 @@ function MultiSelect({
   clickToRemove = true,
   overflowBehavior = "wrap-when-open"
 }) {
-  const [page, setPage] = (0, import_react85.useState)(1);
-  const [animating, setAnimating] = (0, import_react85.useState)(false);
+  const [page, setPage] = (0, import_react86.useState)(1);
+  const [animating, setAnimating] = (0, import_react86.useState)(false);
   const groupCount = groupItems ? Object.keys(groupItems).length : 0;
-  (0, import_react85.useEffect)(() => {
+  (0, import_react86.useEffect)(() => {
     setPage(1);
   }, [items?.length, groupCount, pagination]);
-  const paged = (0, import_react85.useMemo)(() => {
+  const paged = (0, import_react86.useMemo)(() => {
     if (!pagination || pagination <= 0) return null;
     if (groupItems) {
       const flattened = Object.keys(groupItems).flatMap(
@@ -14377,7 +14377,7 @@ function MultiSelect({
   }, [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_react85.useEffect)(() => {
+  (0, import_react86.useEffect)(() => {
     if (!pagination) return;
     setAnimating(true);
     const id = setTimeout(() => setAnimating(false), 220);
@@ -14425,7 +14425,7 @@ function MultiSelect({
                   "div",
                   {
                     className: `transition-all duration-200 ${animating ? "opacity-0 -translate-y-1" : "opacity-100 translate-y-0"}`,
-                    children: paged && "grouped" in paged ? Object.keys(paged.grouped).map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_react85.default.Fragment, { children: [
+                    children: paged && "grouped" in paged ? Object.keys(paged.grouped).map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_react86.default.Fragment, { children: [
                       /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                         MultiSelectGroupBase,
                         {
@@ -14474,7 +14474,7 @@ function MultiSelect({
                         "data-testid": testIds.paginationPrev ?? "multiselect-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_runtime86.jsx)(import_react86.CaretLeftIcon, { className: "h-4 w-4 opacity-80" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react87.CaretLeftIcon, { className: "h-4 w-4 opacity-80" })
                       }
                     ),
                     /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "px-2 py-0.5 rounded bg-gray-100 dark:bg-slate-800 text-xs", children: `${page} / ${paged.totalPages}` }) }),
@@ -14487,12 +14487,12 @@ function MultiSelect({
                         "data-testid": testIds.paginationNext ?? "multiselect-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_runtime86.jsx)(import_react86.CaretRightIcon, { className: "h-4 w-4 opacity-80" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react87.CaretRightIcon, { className: "h-4 w-4 opacity-80" })
                       }
                     )
                   ] })
                 ] })
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_jsx_runtime86.Fragment, { children: groupItems ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_jsx_runtime86.Fragment, { children: Object.keys(groupItems).map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_react85.default.Fragment, { children: [
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_jsx_runtime86.Fragment, { children: groupItems ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_jsx_runtime86.Fragment, { children: Object.keys(groupItems).map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_react86.default.Fragment, { children: [
                 /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                   MultiSelectGroupBase,
                   {
@@ -14537,7 +14537,7 @@ function MultiSelect({
 }
 
 // src/components/ui/charts/Chart.tsx
-var import_react95 = require("react");
+var import_react96 = require("react");
 var import_recharts = require("recharts");
 
 // src/components/ui/charts/utils/helpers.ts
@@ -14836,7 +14836,7 @@ var computeYAxisTickWidth = (chartMarginLeft, yAxisLabel, axisLabelMargin, yTick
 var import_sonner5 = require("sonner");
 
 // src/components/ui/charts/components/controls/PeriodsDropdown.tsx
-var import_react87 = require("react");
+var import_react88 = require("react");
 var import_framer_motion17 = require("framer-motion");
 var import_ssr4 = require("@phosphor-icons/react/dist/ssr");
 var import_ssr5 = require("@phosphor-icons/react/dist/ssr");
@@ -14859,11 +14859,11 @@ function PeriodsDropdown({
   activePeriods
 }) {
   const periods = processedData.map((d) => String(d.name));
-  const [open, setOpen] = (0, import_react87.useState)(false);
-  const wrapperRef = (0, import_react87.useRef)(null);
-  const firstItemRef = (0, import_react87.useRef)(null);
-  const listRef = (0, import_react87.useRef)(null);
-  (0, import_react87.useEffect)(() => {
+  const [open, setOpen] = (0, import_react88.useState)(false);
+  const wrapperRef = (0, import_react88.useRef)(null);
+  const firstItemRef = (0, import_react88.useRef)(null);
+  const listRef = (0, import_react88.useRef)(null);
+  (0, import_react88.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (!wrapperRef.current) return;
       if (!wrapperRef.current.contains(e.target)) setOpen(false);
@@ -14878,7 +14878,7 @@ function PeriodsDropdown({
       document.removeEventListener("keydown", handleEscape);
     };
   }, []);
-  (0, import_react87.useEffect)(() => {
+  (0, import_react88.useEffect)(() => {
     if (open && firstItemRef.current) {
       firstItemRef.current.focus();
     }
@@ -14971,7 +14971,7 @@ var PeriodsDropdown_default = PeriodsDropdown;
 
 // src/components/ui/charts/components/controls/ShowOnly.tsx
 var import_framer_motion18 = require("framer-motion");
-var import_react88 = require("@phosphor-icons/react");
+var import_react89 = require("@phosphor-icons/react");
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var ShowOnly = ({
   showOnlyHighlighted,
@@ -15000,10 +15000,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_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react88.EyeSlash, { size: 16, weight: "regular" }),
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react89.EyeSlash, { size: 16, weight: "regular" }),
             /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "sr-only", children: "Exibir todos" })
           ] }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react88.Eye, { size: 16, weight: "bold" }),
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react89.Eye, { size: 16, weight: "bold" }),
             /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "sr-only", children: "Mostrar somente destacados" })
           ] })
         }
@@ -15221,9 +15221,9 @@ var CloseAllButton = ({
 var CloseAllButton_default = CloseAllButton;
 
 // src/components/ui/charts/components/tooltips/DraggableTooltip.tsx
-var import_react89 = __toESM(require("react"));
+var import_react90 = __toESM(require("react"));
 var import_framer_motion20 = require("framer-motion");
-var import_react90 = require("@phosphor-icons/react");
+var import_react91 = require("@phosphor-icons/react");
 var import_ssr8 = require("@phosphor-icons/react/dist/ssr");
 var import_jsx_runtime91 = require("react/jsx-runtime");
 var ALIGNMENT_THRESHOLD = 25;
@@ -15302,12 +15302,12 @@ var DraggableTooltipComponent = ({
   valueFormatter: valueFormatter2,
   categoryFormatter
 }) => {
-  const visibleKeys = (0, import_react89.useMemo)(
+  const visibleKeys = (0, import_react90.useMemo)(
     () => showOnlyHighlighted && highlightedSeries && highlightedSeries.size > 0 ? dataKeys.filter((k) => highlightedSeries.has(k)) : dataKeys,
     [showOnlyHighlighted, highlightedSeries, dataKeys]
   );
-  const TotalDisplay = import_react89.default.memo(({ data: data2, visibleKeys: visibleKeys2, valueFormatter: localformatter }) => {
-    const total = (0, import_react89.useMemo)(() => {
+  const TotalDisplay = import_react90.default.memo(({ data: data2, visibleKeys: visibleKeys2, valueFormatter: localformatter }) => {
+    const total = (0, import_react90.useMemo)(() => {
       const numeric = visibleKeys2.map((k) => data2[k]).filter((v) => typeof v === "number");
       return numeric.reduce((s, v) => s + (v || 0), 0);
     }, [data2, visibleKeys2]);
@@ -15329,14 +15329,14 @@ var DraggableTooltipComponent = ({
       )
     ] });
   });
-  const [localPos, setLocalPos] = (0, import_react89.useState)(position);
-  const [dragging, setDragging] = (0, import_react89.useState)(false);
-  const offsetRef = (0, import_react89.useRef)({ x: 0, y: 0 });
-  const lastMouse = (0, import_react89.useRef)({ x: 0, y: 0 });
-  const [alignmentGuides, setAlignmentGuides] = (0, import_react89.useState)([]);
-  const [globalTooltipCountLocal, setGlobalTooltipCountLocal] = (0, import_react89.useState)(0);
-  (0, import_react89.useEffect)(() => setLocalPos(position), [position]);
-  const getAllTooltips = (0, import_react89.useCallback)(() => {
+  const [localPos, setLocalPos] = (0, import_react90.useState)(position);
+  const [dragging, setDragging] = (0, import_react90.useState)(false);
+  const offsetRef = (0, import_react90.useRef)({ x: 0, y: 0 });
+  const lastMouse = (0, import_react90.useRef)({ x: 0, y: 0 });
+  const [alignmentGuides, setAlignmentGuides] = (0, import_react90.useState)([]);
+  const [globalTooltipCountLocal, setGlobalTooltipCountLocal] = (0, import_react90.useState)(0);
+  (0, import_react90.useEffect)(() => setLocalPos(position), [position]);
+  const getAllTooltips = (0, import_react90.useCallback)(() => {
     const response = [];
     const ev = new CustomEvent("requestGlobalTooltips", {
       detail: { requesterId: id, response }
@@ -15344,7 +15344,7 @@ var DraggableTooltipComponent = ({
     window.dispatchEvent(ev);
     return response;
   }, [id]);
-  const updateAlignmentGuides = (0, import_react89.useCallback)(
+  const updateAlignmentGuides = (0, import_react90.useCallback)(
     (currentPosition) => {
       const allTooltips = getAllTooltips();
       const otherTooltips = allTooltips.filter((t) => t.id !== id);
@@ -15393,7 +15393,7 @@ var DraggableTooltipComponent = ({
     },
     [getAllTooltips, id]
   );
-  const snapToGuides = (0, import_react89.useCallback)(
+  const snapToGuides = (0, import_react90.useCallback)(
     (position2) => {
       const snappedPosition = { ...position2 };
       let hasSnapped = false;
@@ -15440,7 +15440,7 @@ var DraggableTooltipComponent = ({
     },
     [alignmentGuides]
   );
-  (0, import_react89.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     let rafId = null;
     const handleMouseMove = (e) => {
       if (!dragging) return;
@@ -15482,7 +15482,7 @@ var DraggableTooltipComponent = ({
       document.body.style.userSelect = "";
     };
   }, [dragging, snapToGuides, updateAlignmentGuides, id, onPositionChange]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     const handleCloseAll = () => onClose(id);
     const handleRequestTooltipCount = () => {
       window.dispatchEvent(
@@ -15513,7 +15513,7 @@ var DraggableTooltipComponent = ({
       });
     };
   }, [id, localPos, onClose]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     if (dragging) return;
     let total = 0;
     const timeoutId = setTimeout(() => {
@@ -15531,7 +15531,7 @@ var DraggableTooltipComponent = ({
     }, 0);
     return () => clearTimeout(timeoutId);
   }, [localPos, dragging]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     const recount = () => {
       if (dragging) return;
       let total = 0;
@@ -15549,7 +15549,7 @@ var DraggableTooltipComponent = ({
     window.addEventListener("recountTooltips", recount);
     return () => window.removeEventListener("recountTooltips", recount);
   }, [dragging]);
-  const handleMouseDownLocal = (0, import_react89.useCallback)(
+  const handleMouseDownLocal = (0, import_react90.useCallback)(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -15560,7 +15560,7 @@ var DraggableTooltipComponent = ({
     },
     [id, onMouseDown]
   );
-  const handleTouchStartLocal = (0, import_react89.useCallback)(
+  const handleTouchStartLocal = (0, import_react90.useCallback)(
     (e) => {
       e.stopPropagation();
       const touch = e.touches[0];
@@ -15575,7 +15575,7 @@ var DraggableTooltipComponent = ({
     },
     [id, onMouseDown]
   );
-  const handleCloseClick = (0, import_react89.useCallback)(
+  const handleCloseClick = (0, import_react90.useCallback)(
     (e) => {
       e.stopPropagation();
       onClose(id);
@@ -15691,7 +15691,7 @@ var DraggableTooltipComponent = ({
               onTouchStart: handleTouchStartLocal,
               style: { touchAction: "none" },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react90.DotsSixVerticalIcon, { size: 16 }),
+                /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react91.DotsSixVerticalIcon, { size: 16 }),
                 /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex flex-col gap-1", children: title && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex items-center gap-2 pb-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "font-bold text-foreground text-base", children: title }) }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
                   "button",
@@ -15721,7 +15721,7 @@ var DraggableTooltipComponent = ({
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "p-3 pt-2 space-y-2", children: [
             /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide mb-2", children: dataLabel }),
-            (0, import_react89.useMemo)(
+            (0, import_react90.useMemo)(
               () => visibleKeys.map((key) => {
                 const value = data[key];
                 if (value === void 0) return null;
@@ -15839,7 +15839,7 @@ var DraggableTooltipComponent = ({
     )
   ] });
 };
-var DraggableTooltip = import_react89.default.memo(DraggableTooltipComponent);
+var DraggableTooltip = import_react90.default.memo(DraggableTooltipComponent);
 DraggableTooltip.displayName = "DraggableTooltip";
 var DraggableTooltip_default = DraggableTooltip;
 
@@ -16519,13 +16519,13 @@ var NoData = ({
 var NoData_default = NoData;
 
 // src/components/ui/charts/hooks/useChartHighlights.tsx
-var import_react91 = require("react");
+var import_react92 = require("react");
 var useChartHighlights = () => {
-  const [highlightedSeries, setHighlightedSeries] = (0, import_react91.useState)(
+  const [highlightedSeries, setHighlightedSeries] = (0, import_react92.useState)(
     /* @__PURE__ */ new Set()
   );
-  const [showOnlyHighlighted, setShowOnlyHighlighted] = (0, import_react91.useState)(false);
-  const toggleHighlight = (0, import_react91.useCallback)((key) => {
+  const [showOnlyHighlighted, setShowOnlyHighlighted] = (0, import_react92.useState)(false);
+  const toggleHighlight = (0, import_react92.useCallback)((key) => {
     setHighlightedSeries((prev) => {
       const next = new Set(prev);
       if (next.has(key)) {
@@ -16536,17 +16536,17 @@ var useChartHighlights = () => {
       return next;
     });
   }, []);
-  const clearHighlights = (0, import_react91.useCallback)(() => {
+  const clearHighlights = (0, import_react92.useCallback)(() => {
     setHighlightedSeries(/* @__PURE__ */ new Set());
     setShowOnlyHighlighted(false);
   }, []);
-  const isHighlighted = (0, import_react91.useCallback)(
+  const isHighlighted = (0, import_react92.useCallback)(
     (key) => {
       return highlightedSeries.has(key);
     },
     [highlightedSeries]
   );
-  const getSeriesStyle = (0, import_react91.useCallback)(
+  const getSeriesStyle = (0, import_react92.useCallback)(
     (key) => {
       const hasHighlights = highlightedSeries.size > 0;
       const isSeriesHighlighted = highlightedSeries.has(key);
@@ -16592,11 +16592,11 @@ var useChartHighlights = () => {
 };
 
 // src/components/ui/charts/hooks/useChartDimensions.tsx
-var import_react92 = require("react");
+var import_react93 = require("react");
 var useChartDimensions = () => {
-  const wrapperRef = (0, import_react92.useRef)(null);
-  const [measuredWidth, setMeasuredWidth] = (0, import_react92.useState)(null);
-  (0, import_react92.useLayoutEffect)(() => {
+  const wrapperRef = (0, import_react93.useRef)(null);
+  const [measuredWidth, setMeasuredWidth] = (0, import_react93.useState)(null);
+  (0, import_react93.useLayoutEffect)(() => {
     const el = wrapperRef.current;
     if (!el) return;
     const ro = new ResizeObserver((entries) => {
@@ -16613,14 +16613,14 @@ var useChartDimensions = () => {
 };
 
 // src/components/ui/charts/hooks/useChartTooltips.tsx
-var import_react93 = require("react");
+var import_react94 = require("react");
 var import_sonner4 = require("sonner");
 var useChartTooltips = (maxTooltips = 5) => {
-  const [activeTooltips, setActiveTooltips] = (0, import_react93.useState)([]);
-  (0, import_react93.useEffect)(() => {
+  const [activeTooltips, setActiveTooltips] = (0, import_react94.useState)([]);
+  (0, import_react94.useEffect)(() => {
     window.dispatchEvent(new Event("recountTooltips"));
   }, [activeTooltips.length]);
-  const toggleTooltip = (0, import_react93.useCallback)(
+  const toggleTooltip = (0, import_react94.useCallback)(
     (tooltipId, data, basePosition) => {
       const existingIndex = activeTooltips.findIndex((t) => t.id === tooltipId);
       if (existingIndex !== -1) {
@@ -16649,7 +16649,7 @@ var useChartTooltips = (maxTooltips = 5) => {
     },
     [activeTooltips, maxTooltips]
   );
-  const onTooltipPositionChange = (0, import_react93.useCallback)(
+  const onTooltipPositionChange = (0, import_react94.useCallback)(
     (id, position) => {
       setActiveTooltips(
         (prev) => prev.map((t) => t.id === id ? { ...t, position } : t)
@@ -16657,10 +16657,10 @@ var useChartTooltips = (maxTooltips = 5) => {
     },
     []
   );
-  const closeTooltip = (0, import_react93.useCallback)((id) => {
+  const closeTooltip = (0, import_react94.useCallback)((id) => {
     setActiveTooltips((prev) => prev.filter((t) => t.id !== id));
   }, []);
-  const closeAllTooltips = (0, import_react93.useCallback)(() => {
+  const closeAllTooltips = (0, import_react94.useCallback)(() => {
     setActiveTooltips([]);
   }, []);
   return {
@@ -16674,14 +16674,14 @@ var useChartTooltips = (maxTooltips = 5) => {
 };
 
 // src/components/ui/charts/hooks/useChartClick.tsx
-var import_react94 = require("react");
+var import_react95 = require("react");
 var useChartClick = ({
   enableDraggableTooltips,
   xAxisDataKey,
   toggleTooltip,
   setActiveTooltips
 }) => {
-  const handleChartClick = (0, import_react94.useCallback)(
+  const handleChartClick = (0, import_react95.useCallback)(
     (e) => {
       if (!enableDraggableTooltips) return;
       const ev = e;
@@ -16699,7 +16699,7 @@ var useChartClick = ({
     },
     [enableDraggableTooltips, xAxisDataKey, toggleTooltip, setActiveTooltips]
   );
-  const handleBarClick = (0, import_react94.useCallback)(
+  const handleBarClick = (0, import_react95.useCallback)(
     (data, index, event) => {
       if (!enableDraggableTooltips) return;
       event.stopPropagation();
@@ -16713,7 +16713,7 @@ var useChartClick = ({
     },
     [enableDraggableTooltips, xAxisDataKey, toggleTooltip]
   );
-  const handleSeriesClick = (0, import_react94.useCallback)(
+  const handleSeriesClick = (0, import_react95.useCallback)(
     (...args) => {
       if (args.length >= 3) {
         const [data, index, event] = args;
@@ -16767,7 +16767,7 @@ var Chart = ({
   chartMargin,
   isLoading = false
 }) => {
-  const smartConfig = (0, import_react95.useMemo)(() => {
+  const smartConfig = (0, import_react96.useMemo)(() => {
     const resolvedXAxisKey = typeof xAxis === "string" ? xAxis : xAxis && xAxis.dataKey || detectXAxis(data);
     const xAxisConfig2 = typeof xAxis === "string" ? {
       dataKey: resolvedXAxisKey,
@@ -16805,7 +16805,7 @@ var Chart = ({
     onTooltipPositionChange,
     setActiveTooltips
   } = useChartTooltips(maxTooltips);
-  (0, import_react95.useEffect)(() => {
+  (0, import_react96.useEffect)(() => {
     if (highlightedSeries.size === 0 && showOnlyHighlighted) {
       setShowOnlyHighlighted(false);
     }
@@ -16828,17 +16828,17 @@ var Chart = ({
     );
   }
   const allKeys = seriesOrder.map((s) => s.key).filter(Boolean);
-  const finalColors = (0, import_react95.useMemo)(
+  const finalColors = (0, import_react96.useMemo)(
     () => generateColorMap(allKeys, colors2, mapperConfig),
     [allKeys, colors2, mapperConfig]
   );
-  const biaxialConfigNormalized = (0, import_react95.useMemo)(() => {
+  const biaxialConfigNormalized = (0, import_react96.useMemo)(() => {
     if (!biaxial) return null;
     if (typeof biaxial === "string") return { key: [biaxial] };
     if (Array.isArray(biaxial)) return { key: biaxial };
     return biaxial;
   }, [biaxial]);
-  (0, import_react95.useMemo)(() => {
+  (0, import_react96.useMemo)(() => {
     if (!biaxialConfigNormalized) return;
     const leftLabelMissing = !yAxisLabel || String(yAxisLabel).trim() === "";
     const rightLabelMissing = !biaxialConfigNormalized.label || String(biaxialConfigNormalized.label).trim() === "";
@@ -16848,43 +16848,43 @@ var Chart = ({
       );
     }
   }, [biaxialConfigNormalized, yAxisLabel]);
-  const rightKeys = (0, import_react95.useMemo)(
+  const rightKeys = (0, import_react96.useMemo)(
     () => biaxialConfigNormalized?.key ?? [],
     [biaxialConfigNormalized]
   );
-  const leftKeys = (0, import_react95.useMemo)(
+  const leftKeys = (0, import_react96.useMemo)(
     () => allKeys.filter((k) => !rightKeys.includes(k)),
     [allKeys, rightKeys]
   );
-  const activePeriods = (0, import_react95.useMemo)(
+  const activePeriods = (0, import_react96.useMemo)(
     () => activeTooltips.map((t) => adaptDataForTooltip(t.data, xAxisConfig.dataKey).name),
     [activeTooltips, xAxisConfig.dataKey]
   );
-  const maxLeftDataValue = (0, import_react95.useMemo)(() => {
+  const maxLeftDataValue = (0, import_react96.useMemo)(() => {
     const numericKeys = leftKeys.length > 0 ? leftKeys : allKeys;
     return getMaxDataValue(processedData, numericKeys);
   }, [processedData, leftKeys, allKeys]);
-  const minLeftDataValue = (0, import_react95.useMemo)(() => {
+  const minLeftDataValue = (0, import_react96.useMemo)(() => {
     const numericKeys = leftKeys.length > 0 ? leftKeys : allKeys;
     return getMinDataValue(processedData, numericKeys);
   }, [processedData, leftKeys, allKeys]);
-  const maxRightDataValue = (0, import_react95.useMemo)(() => {
+  const maxRightDataValue = (0, import_react96.useMemo)(() => {
     if (rightKeys.length === 0) return 0;
     return getMaxDataValue(processedData, rightKeys);
   }, [processedData, rightKeys]);
-  const minRightDataValue = (0, import_react95.useMemo)(() => {
+  const minRightDataValue = (0, import_react96.useMemo)(() => {
     if (rightKeys.length === 0) return 0;
     return getMinDataValue(processedData, rightKeys);
   }, [processedData, rightKeys]);
-  const niceMaxLeft = (0, import_react95.useMemo)(
+  const niceMaxLeft = (0, import_react96.useMemo)(
     () => computeNiceMax(maxLeftDataValue),
     [maxLeftDataValue]
   );
-  const niceMaxRight = (0, import_react95.useMemo)(
+  const niceMaxRight = (0, import_react96.useMemo)(
     () => computeNiceMax(maxRightDataValue),
     [maxRightDataValue]
   );
-  const computedWidth = (0, import_react95.useMemo)(
+  const computedWidth = (0, import_react96.useMemo)(
     () => computeChartWidth(
       width,
       processedData.length,
@@ -16902,15 +16902,15 @@ var Chart = ({
       setActiveTooltips
     }
   );
-  const titleClassName = (0, import_react95.useMemo)(
+  const titleClassName = (0, import_react96.useMemo)(
     () => "text-[1.4rem] font-semibold text-foreground mb-3",
     []
   );
-  const finalValueFormatter = (0, import_react95.useMemo)(
+  const finalValueFormatter = (0, import_react96.useMemo)(
     () => createValueFormatter(valueFormatter2, formatBR),
     [valueFormatter2, formatBR]
   );
-  const yTickFormatter = (0, import_react95.useMemo)(
+  const yTickFormatter = (0, import_react96.useMemo)(
     () => createYTickFormatter(finalValueFormatter),
     [finalValueFormatter]
   );
@@ -16923,7 +16923,7 @@ 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_react95.useMemo)(
+  const yAxisTickWidth = (0, import_react96.useMemo)(
     () => computeYAxisTickWidth(
       chartMargin?.left,
       yAxisLabel,
@@ -16952,7 +16952,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_react95.useCallback)(
+  const openTooltipForPeriod = (0, import_react96.useCallback)(
     (periodName) => {
       if (!enableDraggableTooltips) return;
       const row = processedData.find((r) => String(r.name) === periodName);
@@ -17505,7 +17505,7 @@ var Chart = ({
 var Chart_default = Chart;
 
 // src/components/ui/charts/BarChart.tsx
-var import_react96 = require("react");
+var import_react97 = require("react");
 var import_recharts2 = require("recharts");
 var import_jsx_runtime97 = require("react/jsx-runtime");
 var DEFAULT_COLORS3 = ["#55af7d", "#8e68ff", "#2273e1"];
@@ -17537,7 +17537,7 @@ var BarChart = ({
     containerPaddingLeft,
     16
   );
-  const smartConfig = (0, import_react96.useMemo)(() => {
+  const smartConfig = (0, import_react97.useMemo)(() => {
     const providedMapper = yAxis ?? mapper;
     if (autoDetect === true || xAxis == null || providedMapper == null) {
       const detectedXAxis = detectXAxis(data);
@@ -17587,14 +17587,14 @@ var BarChart = ({
     return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
   }, [data, xAxis, mapper, yAxis, autoDetect, labelMap]);
   const { xAxisConfig, mapperConfig } = smartConfig;
-  const [activeTooltips, setActiveTooltips] = (0, import_react96.useState)([]);
-  const [isDragging, setIsDragging] = (0, import_react96.useState)(null);
-  const [dragOffset, setDragOffset] = (0, import_react96.useState)({
+  const [activeTooltips, setActiveTooltips] = (0, import_react97.useState)([]);
+  const [isDragging, setIsDragging] = (0, import_react97.useState)(null);
+  const [dragOffset, setDragOffset] = (0, import_react97.useState)({
     x: 0,
     y: 0
   });
-  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react96.useState)(0);
-  const [alignmentGuides, setAlignmentGuides] = (0, import_react96.useState)([]);
+  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react97.useState)(0);
+  const [alignmentGuides, setAlignmentGuides] = (0, import_react97.useState)([]);
   const processedData = data.map((item) => ({
     ...item,
     name: String(item[xAxisConfig.dataKey] || "N/A")
@@ -17617,7 +17617,7 @@ var BarChart = ({
       // Garantir que tem a propriedade 'name'
     };
   };
-  const maxDataValue = (0, import_react96.useMemo)(() => {
+  const maxDataValue = (0, import_react97.useMemo)(() => {
     let max = 0;
     const keys = Object.keys(mapperConfig);
     for (const row of processedData) {
@@ -17630,7 +17630,7 @@ var BarChart = ({
     }
     return max;
   }, [processedData, mapperConfig]);
-  const niceMax = (0, import_react96.useMemo)(() => {
+  const niceMax = (0, import_react97.useMemo)(() => {
     let padding2 = 0.08;
     if (maxDataValue > 1e6) padding2 = 0.05;
     if (maxDataValue > 1e7) padding2 = 0.03;
@@ -17671,7 +17671,7 @@ var BarChart = ({
   const GUIDE_THRESHOLD2 = 60;
   const STRONG_SNAP_THRESHOLD2 = 35;
   const PRECISION_SNAP_THRESHOLD2 = 8;
-  const updateAlignmentGuides = (0, import_react96.useCallback)(
+  const updateAlignmentGuides = (0, import_react97.useCallback)(
     (draggedTooltipId, currentPosition) => {
       if (!isDragging) return;
       const getAllTooltips = () => {
@@ -17735,7 +17735,7 @@ var BarChart = ({
     },
     [isDragging, activeTooltips]
   );
-  const snapToGuides = (0, import_react96.useCallback)(
+  const snapToGuides = (0, import_react97.useCallback)(
     (position) => {
       const snappedPosition = { ...position };
       let hasSnapped = false;
@@ -17797,7 +17797,7 @@ var BarChart = ({
     setIsDragging(tooltipId);
     setDragOffset({ x: offsetX, y: offsetY });
   };
-  (0, import_react96.useEffect)(() => {
+  (0, import_react97.useEffect)(() => {
     let rafId;
     let lastMousePosition = { x: 0, y: 0 };
     const handleGlobalMouseMove = (e) => {
@@ -17855,7 +17855,7 @@ var BarChart = ({
     updateAlignmentGuides,
     snapToGuides
   ]);
-  (0, import_react96.useEffect)(() => {
+  (0, import_react97.useEffect)(() => {
     const handleCloseAllTooltips = () => {
       setActiveTooltips([]);
       setGlobalTooltipCount(0);
@@ -17865,7 +17865,7 @@ var BarChart = ({
       window.removeEventListener("closeAllTooltips", handleCloseAllTooltips);
     };
   }, []);
-  (0, import_react96.useEffect)(() => {
+  (0, import_react97.useEffect)(() => {
     const handleTooltipCountRequest = () => {
       window.dispatchEvent(
         new CustomEvent("tooltipCountResponse", {
@@ -17904,7 +17904,7 @@ var BarChart = ({
       );
     };
   }, [activeTooltips]);
-  (0, import_react96.useEffect)(() => {
+  (0, import_react97.useEffect)(() => {
     if (isDragging) return;
     let totalCount = 0;
     const handleCountResponse = (event) => {
@@ -18170,7 +18170,7 @@ var BarChart = ({
 var BarChart_default = BarChart;
 
 // src/components/ui/charts/LineChart.tsx
-var import_react97 = require("react");
+var import_react98 = require("react");
 var import_recharts3 = require("recharts");
 var import_jsx_runtime98 = require("react/jsx-runtime");
 var defaultData = [
@@ -18204,14 +18204,14 @@ var CustomLineChart = ({
     containerPaddingLeft,
     16
   );
-  const [activeTooltips, setActiveTooltips] = (0, import_react97.useState)([]);
-  const [isDragging, setIsDragging] = (0, import_react97.useState)(null);
-  const [dragOffset, setDragOffset] = (0, import_react97.useState)({
+  const [activeTooltips, setActiveTooltips] = (0, import_react98.useState)([]);
+  const [isDragging, setIsDragging] = (0, import_react98.useState)(null);
+  const [dragOffset, setDragOffset] = (0, import_react98.useState)({
     x: 0,
     y: 0
   });
-  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react97.useState)(0);
-  const [alignmentGuides, setAlignmentGuides] = (0, import_react97.useState)([]);
+  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react98.useState)(0);
+  const [alignmentGuides, setAlignmentGuides] = (0, import_react98.useState)([]);
   const generateColors = (dataKeys2) => {
     const colorMap = {};
     const allColors = generateAdditionalColors(colors2, dataKeys2.length);
@@ -18220,12 +18220,12 @@ var CustomLineChart = ({
     });
     return colorMap;
   };
-  const dataKeys = (0, import_react97.useMemo)(
+  const dataKeys = (0, import_react98.useMemo)(
     () => data.length > 0 ? Object.keys(data[0]).filter((key) => key !== "name") : [],
     [data]
   );
   const finalColors = generateColors(dataKeys);
-  const maxDataValue = (0, import_react97.useMemo)(() => {
+  const maxDataValue = (0, import_react98.useMemo)(() => {
     let max = 0;
     for (const row of data) {
       const r = row;
@@ -18237,7 +18237,7 @@ var CustomLineChart = ({
     }
     return max;
   }, [data, dataKeys]);
-  const niceMax = (0, import_react97.useMemo)(() => {
+  const niceMax = (0, import_react98.useMemo)(() => {
     let padding2 = 0.08;
     if (maxDataValue > 1e6) padding2 = 0.05;
     if (maxDataValue > 1e7) padding2 = 0.03;
@@ -18313,10 +18313,10 @@ var CustomLineChart = ({
   const handleChartBackgroundClick = () => {
     setActiveTooltips([]);
   };
-  const handleCloseAllTooltips = (0, import_react97.useCallback)(() => {
+  const handleCloseAllTooltips = (0, import_react98.useCallback)(() => {
     window.dispatchEvent(new CustomEvent("closeAllTooltips"));
   }, []);
-  const updateAlignmentGuides = (0, import_react97.useCallback)(
+  const updateAlignmentGuides = (0, import_react98.useCallback)(
     (draggedTooltipId, draggedPosition) => {
       const SNAP_THRESHOLD = 15;
       const draggedTooltip = activeTooltips.find(
@@ -18397,7 +18397,7 @@ var CustomLineChart = ({
     },
     [activeTooltips]
   );
-  const snapToGuides = (0, import_react97.useCallback)(
+  const snapToGuides = (0, import_react98.useCallback)(
     (position) => {
       const SNAP_DISTANCE = 10;
       const snappedPosition = { ...position };
@@ -18425,7 +18425,7 @@ var CustomLineChart = ({
     setIsDragging(tooltipId);
     setDragOffset({ x: offsetX, y: offsetY });
   };
-  (0, import_react97.useEffect)(() => {
+  (0, import_react98.useEffect)(() => {
     let rafId;
     let lastMousePosition = { x: 0, y: 0 };
     const handleGlobalMouseMove = (e) => {
@@ -18472,7 +18472,7 @@ var CustomLineChart = ({
     updateAlignmentGuides,
     snapToGuides
   ]);
-  (0, import_react97.useEffect)(() => {
+  (0, import_react98.useEffect)(() => {
     const handleCloseAllTooltips2 = () => {
       setActiveTooltips([]);
       setGlobalTooltipCount(0);
@@ -18482,7 +18482,7 @@ var CustomLineChart = ({
       window.removeEventListener("closeAllTooltips", handleCloseAllTooltips2);
     };
   }, []);
-  (0, import_react97.useEffect)(() => {
+  (0, import_react98.useEffect)(() => {
     const handleTooltipCountRequest = () => {
       window.dispatchEvent(
         new CustomEvent("tooltipCountResponse", {
@@ -18526,7 +18526,7 @@ var CustomLineChart = ({
       );
     };
   }, [activeTooltips]);
-  (0, import_react97.useEffect)(() => {
+  (0, import_react98.useEffect)(() => {
     if (isDragging) return;
     let totalCount = 0;
     const handleCountResponse = (event) => {
@@ -18848,8 +18848,8 @@ var CustomPieChart = ({
 var PieChart_default = CustomPieChart;
 
 // src/components/ui/LeaderBoard.tsx
-var import_react98 = require("@phosphor-icons/react");
-var import_react99 = require("react");
+var import_react99 = require("@phosphor-icons/react");
+var import_react100 = require("react");
 var import_framer_motion22 = require("framer-motion");
 var import_jsx_runtime100 = require("react/jsx-runtime");
 function Leaderboard({
@@ -18859,7 +18859,7 @@ function Leaderboard({
   className,
   isLoading = false
 }) {
-  const [order, setOrder] = (0, import_react99.useState)(initialOrder);
+  const [order, setOrder] = (0, import_react100.useState)(initialOrder);
   const mockData = [
     { name: "Ana", percentage: 92 },
     { name: "Bruno", percentage: 81 },
@@ -18895,7 +18895,7 @@ function Leaderboard({
               variant: "ghost",
               onClick: () => setOrder(order === "desc" ? "asc" : "desc"),
               disabled: isLoading || sortedData.length === 0,
-              children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react98.CaretUpDownIcon, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react99.CaretUpDownIcon, {})
             }
           )
         ] }),