@mlw-packages/react-components 1.9.9 → 1.9.11

package/dist/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('./index.css');
-var React33 = require('react');
+var React32 = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var clsx = require('clsx');
@@ -64,7 +64,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React33__namespace = /*#__PURE__*/_interopNamespace(React33);
+var React32__namespace = /*#__PURE__*/_interopNamespace(React32);
 var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
 var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
 var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
@@ -562,7 +562,7 @@ function cn(...inputs) {
 var AlertDialogBase = AlertDialogPrimitive__namespace.Root;
 var AlertDialogTriggerBase = AlertDialogPrimitive__namespace.Trigger;
 var AlertDialogPortalBase = AlertDialogPrimitive__namespace.Portal;
-var AlertDialogOverlayBase = React33__namespace.forwardRef(({ className, testid = "alertdialog-overlay", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogOverlayBase = React32__namespace.forwardRef(({ className, testid = "alertdialog-overlay", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Overlay,
   {
     className: cn(
@@ -575,7 +575,7 @@ var AlertDialogOverlayBase = React33__namespace.forwardRef(({ className, testid
   }
 ));
 AlertDialogOverlayBase.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
-var AlertDialogContentBase = React33__namespace.forwardRef(({ className, testid = "alertdialog-content", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortalBase, { children: [
+var AlertDialogContentBase = React32__namespace.forwardRef(({ className, testid = "alertdialog-content", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortalBase, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlayBase, {}),
   /* @__PURE__ */ jsxRuntime.jsx(
     AlertDialogPrimitive__namespace.Content,
@@ -619,7 +619,7 @@ var AlertDialogFooterBase = ({
   }
 );
 AlertDialogFooterBase.displayName = "AlertDialogFooterBase";
-var AlertDialogTitleBase = React33__namespace.forwardRef(({ className, testid = "alertdialog-title", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogTitleBase = React32__namespace.forwardRef(({ className, testid = "alertdialog-title", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Title,
   {
     ref,
@@ -629,7 +629,7 @@ var AlertDialogTitleBase = React33__namespace.forwardRef(({ className, testid =
   }
 ));
 AlertDialogTitleBase.displayName = AlertDialogPrimitive__namespace.Title.displayName;
-var AlertDialogDescriptionBase = React33__namespace.forwardRef(({ className, testid = "alertdialog-description", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogDescriptionBase = React32__namespace.forwardRef(({ className, testid = "alertdialog-description", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Description,
   {
     ref,
@@ -639,7 +639,7 @@ var AlertDialogDescriptionBase = React33__namespace.forwardRef(({ className, tes
   }
 ));
 AlertDialogDescriptionBase.displayName = AlertDialogPrimitive__namespace.Description.displayName;
-var AlertDialogActionBase = React33__namespace.forwardRef(({ className, testid = "alertdialog-action", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogActionBase = React32__namespace.forwardRef(({ className, testid = "alertdialog-action", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Action,
   {
     ref,
@@ -649,7 +649,7 @@ var AlertDialogActionBase = React33__namespace.forwardRef(({ className, testid =
   }
 ));
 AlertDialogActionBase.displayName = AlertDialogPrimitive__namespace.Action.displayName;
-var AlertDialogCancelBase = React33__namespace.forwardRef(({ className, testid = "alertdialog-cancel", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogCancelBase = React32__namespace.forwardRef(({ className, testid = "alertdialog-cancel", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Cancel,
   {
     ref,
@@ -663,7 +663,7 @@ var DialogBase = DialogPrimitive__namespace.Root;
 var DialogTriggerBase = DialogPrimitive__namespace.Trigger;
 var DialogPortalBase = DialogPrimitive__namespace.Portal;
 var DialogCloseBase = DialogPrimitive__namespace.Close;
-var DialogOverlayBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "dialog-overlay", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogOverlayBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "dialog-overlay", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -676,7 +676,7 @@ var DialogOverlayBase = React33__namespace.forwardRef(({ className, testid: data
   }
 ));
 DialogOverlayBase.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var DialogContentBase = React33__namespace.forwardRef(
+var DialogContentBase = React32__namespace.forwardRef(
   ({ className, children, testid: dataTestId = "dialog-content", ...props }, ref) => {
     const userOnWheel = props.onWheel;
     return /* @__PURE__ */ jsxRuntime.jsxs(DialogPortalBase, { children: [
@@ -705,7 +705,7 @@ var DialogContentBase = React33__namespace.forwardRef(
   }
 );
 DialogContentBase.displayName = DialogPrimitive__namespace.Content.displayName;
-var DialogHeaderBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "dialog-header", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogHeaderBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "dialog-header", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -718,7 +718,7 @@ var DialogHeaderBase = React33__namespace.forwardRef(({ className, testid: dataT
   }
 ));
 DialogHeaderBase.displayName = "DialogHeader";
-var DialogFooterBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "dialog-footer", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogFooterBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "dialog-footer", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -731,7 +731,7 @@ var DialogFooterBase = React33__namespace.forwardRef(({ className, testid: dataT
   }
 ));
 DialogFooterBase.displayName = "DialogFooter";
-var DialogTitleBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "dialog-title", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogTitleBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "dialog-title", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -744,7 +744,7 @@ var DialogTitleBase = React33__namespace.forwardRef(({ className, testid: dataTe
   }
 ));
 DialogTitleBase.displayName = DialogPrimitive__namespace.Title.displayName;
-var DialogDescriptionBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "dialog-description", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogDescriptionBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "dialog-description", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -802,9 +802,9 @@ var dotVariants = classVarianceAuthority.cva(
     }
   }
 );
-var LoadingBase = React33__namespace.forwardRef(
+var LoadingBase = React32__namespace.forwardRef(
   ({ className, size, message, overlay = false, variant = "spinner", ...props }, ref) => {
-    React33__namespace.useEffect(() => {
+    React32__namespace.useEffect(() => {
       const style = document.createElement("style");
       style.textContent = `
         @keyframes dotBounce {
@@ -920,7 +920,7 @@ var LoadingBase = React33__namespace.forwardRef(
   }
 );
 LoadingBase.displayName = "LoadingBase";
-var LabelBase = React33__namespace.forwardRef(
+var LabelBase = React32__namespace.forwardRef(
   ({ className, asChild = false, testid = "label-base", ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "label";
     return /* @__PURE__ */ jsxRuntime.jsx(reactLabel.Label, { children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -939,7 +939,7 @@ var LabelBase = React33__namespace.forwardRef(
 );
 LabelBase.displayName = "LabelBase";
 var LabelBase_default = LabelBase;
-var ProgressBase = React33__namespace.forwardRef(
+var ProgressBase = React32__namespace.forwardRef(
   ({
     className,
     value: rawValue,
@@ -1121,7 +1121,7 @@ var ProgressPanelsBase = ({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full gap-1 rounded-lg overflow-hidden", children: steps.map((step, idx) => {
       const isActive = idx === currentStep;
       const isLast = idx === steps.length - 1;
-      return /* @__PURE__ */ jsxRuntime.jsxs(React33__namespace.Fragment, { children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs(React32__namespace.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
@@ -1313,10 +1313,10 @@ var toast = {
 };
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React33__namespace.useState(
+  const [isMobile, setIsMobile] = React32__namespace.useState(
     void 0
   );
-  React33__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     const checkIsMobile = () => {
       const isTouch = window.matchMedia("(pointer: coarse)").matches || navigator.maxTouchPoints > 0;
       const isSmallScreen = window.innerWidth < MOBILE_BREAKPOINT;
@@ -1341,12 +1341,12 @@ var isTouchDevice = () => {
   return "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints !== void 0;
 };
 var useDrag = (options = {}) => {
-  const [isDragging, setIsDragging] = React33.useState(null);
-  const [positions, setPositions] = React33.useState({});
-  const dragStartPos = React33.useRef(null);
-  const dragId = React33.useRef(null);
-  const isTouch = React33.useRef(isTouchDevice());
-  const handleDragStart = React33.useCallback(
+  const [isDragging, setIsDragging] = React32.useState(null);
+  const [positions, setPositions] = React32.useState({});
+  const dragStartPos = React32.useRef(null);
+  const dragId = React32.useRef(null);
+  const isTouch = React32.useRef(isTouchDevice());
+  const handleDragStart = React32.useCallback(
     (id, e) => {
       const isTouchEvent = "touches" in e;
       const clientX = isTouchEvent ? e.touches[0].clientX : e.clientX;
@@ -1365,7 +1365,7 @@ var useDrag = (options = {}) => {
     },
     [positions, options]
   );
-  const handleMouseMove = React33.useCallback(
+  const handleMouseMove = React32.useCallback(
     (e) => {
       if (!isDragging || !dragStartPos.current || !dragId.current) return;
       const isTouchEvent = "touches" in e;
@@ -1396,7 +1396,7 @@ var useDrag = (options = {}) => {
     },
     [isDragging, options]
   );
-  const handleMouseUp = React33.useCallback(() => {
+  const handleMouseUp = React32.useCallback(() => {
     if (dragId.current) {
       options.onDragEnd?.(dragId.current);
     }
@@ -1404,7 +1404,7 @@ var useDrag = (options = {}) => {
     dragStartPos.current = null;
     dragId.current = null;
   }, [options]);
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     if (isDragging) {
       const isTouchDev = isTouch.current;
       if (isTouchDev) {
@@ -1429,19 +1429,19 @@ var useDrag = (options = {}) => {
       };
     }
   }, [isDragging, handleMouseMove, handleMouseUp]);
-  const setPosition = React33.useCallback((id, position) => {
+  const setPosition = React32.useCallback((id, position) => {
     setPositions((prev) => ({
       ...prev,
       [id]: position
     }));
   }, []);
-  const getPosition = React33.useCallback(
+  const getPosition = React32.useCallback(
     (id) => {
       return positions[id] || { top: 0, left: 0 };
     },
     [positions]
   );
-  const isElementDragging = React33.useCallback(
+  const isElementDragging = React32.useCallback(
     (id) => {
       return isDragging === id;
     },
@@ -1459,11 +1459,11 @@ var TOOLTIP_DELAY_DURATION = 600;
 var TOOLTIP_SIDE_OFFSET = 8;
 var TOOLTIP_MOBILE_DELAY = Infinity;
 var TooltipProviderBase = TooltipPrimitive__namespace.Provider;
-var TooltipClickContext = React33__namespace.createContext({});
+var TooltipClickContext = React32__namespace.createContext({});
 var TooltipBase = ({ children, delayDuration = TOOLTIP_DELAY_DURATION, ...props }) => {
-  const [open, setOpen] = React33__namespace.useState(false);
+  const [open, setOpen] = React32__namespace.useState(false);
   const isMobile = useIsMobile();
-  React33__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     if (!open || !isMobile) return;
     const handleClickOutside = (e) => {
       const target = e.target;
@@ -1476,7 +1476,7 @@ var TooltipBase = ({ children, delayDuration = TOOLTIP_DELAY_DURATION, ...props
     document.addEventListener("pointerdown", handleClickOutside);
     return () => document.removeEventListener("pointerdown", handleClickOutside);
   }, [open, isMobile]);
-  const contextValue = React33__namespace.useMemo(() => ({ setOpen, isMobile }), [isMobile]);
+  const contextValue = React32__namespace.useMemo(() => ({ setOpen, isMobile }), [isMobile]);
   return /* @__PURE__ */ jsxRuntime.jsx(TooltipClickContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
     TooltipPrimitive__namespace.Root,
     {
@@ -1489,9 +1489,9 @@ var TooltipBase = ({ children, delayDuration = TOOLTIP_DELAY_DURATION, ...props
   ) });
 };
 TooltipBase.displayName = "TooltipBase";
-var TooltipTriggerBase = React33__namespace.forwardRef(({ children, onPointerDown, onClick: propOnClick, ...props }, ref) => {
-  const { setOpen, isMobile } = React33__namespace.useContext(TooltipClickContext);
-  const handlePointerDown = React33__namespace.useCallback(
+var TooltipTriggerBase = React32__namespace.forwardRef(({ children, onPointerDown, onClick: propOnClick, ...props }, ref) => {
+  const { setOpen, isMobile } = React32__namespace.useContext(TooltipClickContext);
+  const handlePointerDown = React32__namespace.useCallback(
     (e) => {
       if (onPointerDown) {
         onPointerDown(e);
@@ -1499,7 +1499,7 @@ var TooltipTriggerBase = React33__namespace.forwardRef(({ children, onPointerDow
     },
     [onPointerDown]
   );
-  const onClick = React33__namespace.useCallback(
+  const onClick = React32__namespace.useCallback(
     (e) => {
       if (propOnClick) {
         propOnClick(e);
@@ -1514,7 +1514,7 @@ var TooltipTriggerBase = React33__namespace.forwardRef(({ children, onPointerDow
     },
     [onPointerDown, isMobile, setOpen, propOnClick]
   );
-  const preventDefaultOnMobile = React33__namespace.useCallback(
+  const preventDefaultOnMobile = React32__namespace.useCallback(
     (e) => {
       if (isMobile) {
         e.preventDefault();
@@ -1540,7 +1540,7 @@ var TooltipTriggerBase = React33__namespace.forwardRef(({ children, onPointerDow
   );
 });
 TooltipTriggerBase.displayName = "TooltipTriggerBase";
-var TooltipContentBase = React33__namespace.forwardRef(
+var TooltipContentBase = React32__namespace.forwardRef(
   ({ className, sideOffset = TOOLTIP_SIDE_OFFSET, onPointerDown, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
       TooltipPrimitive__namespace.Content,
@@ -1581,7 +1581,7 @@ var DestructiveDialog = ({
   triggerContent,
   className
 }) => {
-  const triggerEl = React33__namespace.isValidElement(children) ? /* @__PURE__ */ jsxRuntime.jsx(AlertDialogTriggerBase, { asChild: true, children }) : /* @__PURE__ */ jsxRuntime.jsx(AlertDialogTriggerBase, { children: /* @__PURE__ */ jsxRuntime.jsx(ButtonBase, { variant: "destructive", children: triggerContent ?? "Excluir" }) });
+  const triggerEl = React32__namespace.isValidElement(children) ? /* @__PURE__ */ jsxRuntime.jsx(AlertDialogTriggerBase, { asChild: true, children }) : /* @__PURE__ */ jsxRuntime.jsx(AlertDialogTriggerBase, { children: /* @__PURE__ */ jsxRuntime.jsx(ButtonBase, { variant: "destructive", children: triggerContent ?? "Excluir" }) });
   return /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogBase, { children: [
     triggerEl,
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1628,7 +1628,7 @@ var ModalBase = DialogPrimitive__namespace.Root;
 var ModalTriggerBase = DialogPrimitive__namespace.Trigger;
 var ModalPortalBase = DialogPrimitive__namespace.Portal;
 var ModalCloseBase = DialogPrimitive__namespace.Close;
-var ModalOverlayBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "modal-overlay", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ModalOverlayBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "modal-overlay", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -1641,7 +1641,7 @@ var ModalOverlayBase = React33__namespace.forwardRef(({ className, testid: dataT
   }
 ));
 ModalOverlayBase.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var ModalContentBase = React33__namespace.forwardRef(
+var ModalContentBase = React32__namespace.forwardRef(
   ({
     className,
     children,
@@ -1705,7 +1705,7 @@ var ModalContentBase = React33__namespace.forwardRef(
   }
 );
 ModalContentBase.displayName = DialogPrimitive__namespace.Content.displayName;
-var ModalHeaderBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "modal-header", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ModalHeaderBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "modal-header", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -1718,7 +1718,7 @@ var ModalHeaderBase = React33__namespace.forwardRef(({ className, testid: dataTe
   }
 ));
 ModalHeaderBase.displayName = "ModalHeader";
-var ModalFooterBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "modal-footer", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ModalFooterBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "modal-footer", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -1731,7 +1731,7 @@ var ModalFooterBase = React33__namespace.forwardRef(({ className, testid: dataTe
   }
 ));
 ModalFooterBase.displayName = "ModalFooter";
-var ModalTitleBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "modal-title", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ModalTitleBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "modal-title", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -1744,7 +1744,7 @@ var ModalTitleBase = React33__namespace.forwardRef(({ className, testid: dataTes
   }
 ));
 ModalTitleBase.displayName = DialogPrimitive__namespace.Title.displayName;
-var ModalDescriptionBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "modal-description", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ModalDescriptionBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "modal-description", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -1781,7 +1781,7 @@ var buttonVariantsBase = classVarianceAuthority.cva(
     }
   }
 );
-var ButtonBase = React33__namespace.default.forwardRef(
+var ButtonBase = React32__namespace.default.forwardRef(
   ({
     className,
     variant,
@@ -1833,7 +1833,7 @@ var ButtonBase = React33__namespace.default.forwardRef(
   }
 );
 ButtonBase.displayName = "Button";
-var ButtonGroupBase = React33__namespace.default.forwardRef(
+var ButtonGroupBase = React32__namespace.default.forwardRef(
   ({ className, children, orientation = "horizontal", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -1846,17 +1846,17 @@ var ButtonGroupBase = React33__namespace.default.forwardRef(
           className
         ),
         ...props,
-        children: React33__namespace.default.Children.map(children, (child, index) => {
-          if (!React33__namespace.default.isValidElement(child)) return child;
+        children: React32__namespace.default.Children.map(children, (child, index) => {
+          if (!React32__namespace.default.isValidElement(child)) return child;
           const typedChild = child;
-          return React33__namespace.default.cloneElement(typedChild, {
+          return React32__namespace.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 === React33__namespace.default.Children.count(children) - 1 && orientation === "horizontal" && "rounded-r-md",
-              index === React33__namespace.default.Children.count(children) - 1 && orientation === "vertical" && "rounded-b-md"
+              index === React32__namespace.default.Children.count(children) - 1 && orientation === "horizontal" && "rounded-r-md",
+              index === React32__namespace.default.Children.count(children) - 1 && orientation === "vertical" && "rounded-b-md"
             )
           });
         })
@@ -1870,7 +1870,7 @@ var ErrorMessage = ({ error }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", children: error });
 };
 var ErrorMessage_default = ErrorMessage;
-var InputBase = React33__namespace.forwardRef(
+var InputBase = React32__namespace.forwardRef(
   ({
     className,
     type = "text",
@@ -1920,7 +1920,7 @@ var InputBase = React33__namespace.forwardRef(
   }
 );
 InputBase.displayName = "Input";
-var DebouncedInput = React33.forwardRef(
+var DebouncedInput = React32.forwardRef(
   ({
     value: initialValue,
     onChange,
@@ -1934,12 +1934,12 @@ var DebouncedInput = React33.forwardRef(
     error,
     ...props
   }, ref) => {
-    const [value, setValue] = React33.useState(initialValue);
-    const [isDebouncing, setIsDebouncing] = React33.useState(false);
-    React33.useEffect(() => {
+    const [value, setValue] = React32.useState(initialValue);
+    const [isDebouncing, setIsDebouncing] = React32.useState(false);
+    React32.useEffect(() => {
       setValue(initialValue);
     }, [initialValue]);
-    React33.useEffect(() => {
+    React32.useEffect(() => {
       if (value === initialValue) {
         setIsDebouncing(false);
         return;
@@ -1979,7 +1979,7 @@ var DebouncedInput = React33.forwardRef(
 );
 DebouncedInput.displayName = "DebouncedInput";
 var DebouncedInput_default = DebouncedInput;
-var CommandBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "command-base", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "command-base", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command,
   {
     ref,
@@ -2012,7 +2012,7 @@ var CommandDialogBase = ({ children, open, ...props }) => {
     "command-dialog"
   ) }) }) });
 };
-var CommandInputBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var CommandInputBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   "div",
   {
     className: "flex items-center border-b px-3  border-border",
@@ -2035,7 +2035,7 @@ var CommandInputBase = React33__namespace.forwardRef(({ className, testid: dataT
   }
 ));
 CommandInputBase.displayName = cmdk.Command.Input.displayName;
-var CommandDebouncedInputBase = React33__namespace.forwardRef(
+var CommandDebouncedInputBase = React32__namespace.forwardRef(
   ({
     className,
     testid: dataTestId = "command-input",
@@ -2076,10 +2076,10 @@ var CommandDebouncedInputBase = React33__namespace.forwardRef(
   )
 );
 CommandDebouncedInputBase.displayName = "CommandDebouncedInputBase";
-var CommandListBase = React33__namespace.forwardRef(
+var CommandListBase = React32__namespace.forwardRef(
   ({ className, testid: dataTestId = "command-list", onEndReached, ...props }, ref) => {
-    const listRef = React33__namespace.useRef(null);
-    React33__namespace.useEffect(() => {
+    const listRef = React32__namespace.useRef(null);
+    React32__namespace.useEffect(() => {
       const element = listRef.current;
       if (!element) return;
       const handleWheel = (e) => {
@@ -2142,7 +2142,7 @@ var CommandListBase = React33__namespace.forwardRef(
         element.removeEventListener("touchstart", handleTouchStart);
       };
     }, [onEndReached]);
-    const combinedRef = React33__namespace.useCallback(
+    const combinedRef = React32__namespace.useCallback(
       (node) => {
         listRef.current = node;
         if (typeof ref === "function") {
@@ -2178,7 +2178,7 @@ var CommandListBase = React33__namespace.forwardRef(
   }
 );
 CommandListBase.displayName = cmdk.Command.List.displayName;
-var CommandEmptyBase = React33__namespace.forwardRef(({ testid: dataTestId = "command-empty", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandEmptyBase = React32__namespace.forwardRef(({ testid: dataTestId = "command-empty", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Empty,
   {
     ref,
@@ -2188,7 +2188,7 @@ var CommandEmptyBase = React33__namespace.forwardRef(({ testid: dataTestId = "co
   }
 ));
 CommandEmptyBase.displayName = cmdk.Command.Empty.displayName;
-var CommandGroupBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "command-group", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandGroupBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "command-group", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Group,
   {
     ref,
@@ -2201,7 +2201,7 @@ var CommandGroupBase = React33__namespace.forwardRef(({ className, testid: dataT
   }
 ));
 CommandGroupBase.displayName = cmdk.Command.Group.displayName;
-var CommandSeparatorBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "command-separator", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandSeparatorBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "command-separator", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Separator,
   {
     ref,
@@ -2211,7 +2211,7 @@ var CommandSeparatorBase = React33__namespace.forwardRef(({ className, testid: d
   }
 ));
 CommandSeparatorBase.displayName = cmdk.Command.Separator.displayName;
-var CommandItemBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "command-item", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandItemBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "command-item", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   cmdk.Command.Item,
   {
     ref,
@@ -2243,7 +2243,7 @@ CommandShortcutBase.displayName = "CommandShortcut";
 var PopoverBase = PopoverPrimitive__namespace.Root;
 var PopoverTriggerBase = PopoverPrimitive__namespace.Trigger;
 var PopoverAnchorBase = PopoverPrimitive__namespace.Anchor;
-var PopoverContentBase = React33__namespace.forwardRef(
+var PopoverContentBase = React32__namespace.forwardRef(
   ({
     className,
     align = "center",
@@ -2327,7 +2327,7 @@ function ComboboxBase({
   hasSelected = false,
   hideClear = false
 }) {
-  const [open, setOpen] = React33.useState(false);
+  const [open, setOpen] = React32.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -2490,7 +2490,7 @@ function Combobox({
   hideClear = false
 }) {
   const selectedItem = items.find((item) => item.value === selected);
-  const renderSelected = React33.useMemo(() => {
+  const renderSelected = React32.useMemo(() => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
@@ -2504,17 +2504,17 @@ function Combobox({
       }
     );
   }, [placeholder, selectedItem, testIds?.selected, disabled]);
-  const checkIsSelected = React33.useCallback(
+  const checkIsSelected = React32.useCallback(
     (value) => selected == null ? false : selected == value,
     [selected]
   );
-  const handleSelection = React33.useCallback(
+  const handleSelection = React32.useCallback(
     (value) => {
       onChange(value === selected ? null : value);
     },
     [selected, onChange]
   );
-  const handleClear = React33.useCallback(() => {
+  const handleClear = React32.useCallback(() => {
     onChange(null);
   }, [onChange]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col w-full min-w-[150px]", className), children: [
@@ -2588,7 +2588,7 @@ function Badge({
     }
   );
 }
-var MultiSelectContext = React33.createContext(null);
+var MultiSelectContext = React32.createContext(null);
 function MultiSelectBase({
   children,
   values,
@@ -2599,12 +2599,12 @@ function MultiSelectBase({
   error,
   initialItems
 }) {
-  const [open, setOpen] = React33.useState(false);
-  const [internalValues, setInternalValues] = React33.useState(
+  const [open, setOpen] = React32.useState(false);
+  const [internalValues, setInternalValues] = React32.useState(
     new Set(values ?? defaultValues)
   );
   const selectedValues = values ? new Set(values) : internalValues;
-  const [items, setItems] = React33.useState(() => {
+  const [items, setItems] = React32.useState(() => {
     if (!initialItems) return /* @__PURE__ */ new Map();
     if (initialItems instanceof Map) return new Map(initialItems);
     return new Map(initialItems.map((it) => [it.value, it.label]));
@@ -2623,7 +2623,7 @@ function MultiSelectBase({
     setInternalValues(getNewSet);
     onValuesChange?.([...getNewSet(selectedValues)]);
   }
-  const onItemAdded = React33.useCallback((value, label) => {
+  const onItemAdded = React32.useCallback((value, label) => {
     setItems((prev) => {
       if (prev.get(value) === label) return prev;
       return new Map(prev).set(value, label);
@@ -2698,13 +2698,13 @@ function MultiSelectValueBase({
   ...props
 }) {
   const { selectedValues, toggleValue, items, open } = useMultiSelectContext();
-  const [overflowAmount, setOverflowAmount] = React33.useState(0);
-  const valueRef = React33.useRef(null);
-  const overflowRef = React33.useRef(null);
-  const mutationObserverRef = React33.useRef(null);
-  const resizeObserverRef = React33.useRef(null);
+  const [overflowAmount, setOverflowAmount] = React32.useState(0);
+  const valueRef = React32.useRef(null);
+  const overflowRef = React32.useRef(null);
+  const mutationObserverRef = React32.useRef(null);
+  const resizeObserverRef = React32.useRef(null);
   const shouldWrap = overflowBehavior === "wrap" || overflowBehavior === "wrap-when-open" && open;
-  const checkOverflow = React33.useCallback(() => {
+  const checkOverflow = React32.useCallback(() => {
     if (valueRef.current == null) return;
     const containerElement = valueRef.current;
     const overflowElement = overflowRef.current;
@@ -2725,7 +2725,7 @@ function MultiSelectValueBase({
     }
     setOverflowAmount(amount);
   }, []);
-  const handleResize = React33.useCallback(
+  const handleResize = React32.useCallback(
     (node) => {
       if (node == null) {
         valueRef.current = null;
@@ -2876,7 +2876,7 @@ function MultiSelectItemBase({
 }) {
   const { toggleValue, selectedValues, onItemAdded } = useMultiSelectContext();
   const isSelected = selectedValues.has(value);
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     onItemAdded(value, badgeLabel ?? children);
   }, [value, children, onItemAdded, badgeLabel]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2909,7 +2909,7 @@ function MultiSelectSeparatorBase(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(CommandSeparatorBase, { ...props });
 }
 function useMultiSelectContext() {
-  const context = React33.useContext(MultiSelectContext);
+  const context = React32.useContext(MultiSelectContext);
   if (context == null) {
     throw new Error(
       "useMultiSelectContext must be used within a MultiSelectContext "
@@ -3016,7 +3016,7 @@ __toESM(require_colors2());
 var SelectBase = SelectPrimitive__namespace.Root;
 var SelectGroupBase = SelectPrimitive__namespace.Group;
 var SelectValueBase = SelectPrimitive__namespace.Value;
-var SelectTriggerBase = React33__namespace.forwardRef(({ className, children, error, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full", error && "mb-0"), children: [
+var SelectTriggerBase = React32__namespace.forwardRef(({ className, children, error, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full", error && "mb-0"), children: [
   /* @__PURE__ */ jsxRuntime.jsx(
     SelectPrimitive__namespace.Trigger,
     {
@@ -3033,7 +3033,7 @@ var SelectTriggerBase = React33__namespace.forwardRef(({ className, children, er
   error ? /* @__PURE__ */ jsxRuntime.jsx(ErrorMessage_default, { error }) : null
 ] }));
 SelectTriggerBase.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButtonBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollUpButtonBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
@@ -3046,7 +3046,7 @@ var SelectScrollUpButtonBase = React33__namespace.forwardRef(({ className, ...pr
   }
 ));
 SelectScrollUpButtonBase.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButtonBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollDownButtonBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
@@ -3059,7 +3059,7 @@ var SelectScrollDownButtonBase = React33__namespace.forwardRef(({ className, ...
   }
 ));
 SelectScrollDownButtonBase.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContentBase = React33__namespace.forwardRef(
+var SelectContentBase = React32__namespace.forwardRef(
   ({
     className,
     children,
@@ -3110,7 +3110,7 @@ var SelectContentBase = React33__namespace.forwardRef(
   ) }) })
 );
 SelectContentBase.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabelBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectLabelBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Label,
   {
     ref,
@@ -3119,7 +3119,7 @@ var SelectLabelBase = React33__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 SelectLabelBase.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItemBase = React33__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectItemBase = React32__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Item,
   {
     ref,
@@ -3152,7 +3152,7 @@ var SelectItemBase = React33__namespace.forwardRef(({ className, children, ...pr
   }
 ));
 SelectItemBase.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparatorBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectSeparatorBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Separator,
   {
     ref,
@@ -3161,7 +3161,7 @@ var SelectSeparatorBase = React33__namespace.forwardRef(({ className, ...props }
   }
 ));
 SelectSeparatorBase.displayName = SelectPrimitive__namespace.Separator.displayName;
-var SelectEmpty = React33__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectEmpty = React32__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -3181,7 +3181,7 @@ var DropDownMenuGroupBase = DropdownMenuPrimitive__namespace.Group;
 var DropDownMenuPortalBase = DropdownMenuPrimitive__namespace.Portal;
 var DropDownMenuSubBase = DropdownMenuPrimitive__namespace.Sub;
 var DropDownMenuRadioGroupBase = DropdownMenuPrimitive__namespace.RadioGroup;
-var DropDownMenuSubTriggerBase = React33__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.SubTrigger, { ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(
+var DropDownMenuSubTriggerBase = React32__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.SubTrigger, { ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(
   framerMotion.motion.span,
   {
     className: cn(
@@ -3198,7 +3198,7 @@ var DropDownMenuSubTriggerBase = React33__namespace.forwardRef(({ className, ins
   }
 ) }));
 DropDownMenuSubTriggerBase.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropDownMenuSubContentBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropDownMenuSubContentBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.SubContent,
   {
     ref,
@@ -3209,7 +3209,7 @@ var DropDownMenuSubContentBase = React33__namespace.forwardRef(({ className, ...
     ...props
   }
 ));
-var DropDownMenuContentBase = React33__namespace.forwardRef(
+var DropDownMenuContentBase = React32__namespace.forwardRef(
   ({
     className,
     sideOffset = 4,
@@ -3242,7 +3242,7 @@ var DropDownMenuContentBase = React33__namespace.forwardRef(
   ) })
 );
 DropDownMenuContentBase.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropDownMenuItemBase = React33__namespace.forwardRef(({ className, inset, rightIcon, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropDownMenuItemBase = React32__namespace.forwardRef(({ className, inset, rightIcon, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.Item,
   {
     ref,
@@ -3259,7 +3259,7 @@ var DropDownMenuItemBase = React33__namespace.forwardRef(({ className, inset, ri
   }
 ));
 DropDownMenuItemBase.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropDownMenuCheckboxItemBase = React33__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropDownMenuCheckboxItemBase = React32__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
@@ -3276,7 +3276,7 @@ var DropDownMenuCheckboxItemBase = React33__namespace.forwardRef(({ className, c
   }
 ));
 DropDownMenuCheckboxItemBase.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropDownMenuRadioItemBase = React33__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropDownMenuRadioItemBase = React32__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.RadioItem,
   {
     ref,
@@ -3292,7 +3292,7 @@ var DropDownMenuRadioItemBase = React33__namespace.forwardRef(({ className, chil
   }
 ));
 DropDownMenuRadioItemBase.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropDownMenuLabelBase = React33__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropDownMenuLabelBase = React32__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Label,
   {
     ref,
@@ -3305,7 +3305,7 @@ var DropDownMenuLabelBase = React33__namespace.forwardRef(({ className, inset, .
   }
 ));
 DropDownMenuLabelBase.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropDownMenuSeparatorBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropDownMenuSeparatorBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Separator,
   {
     ref,
@@ -3331,15 +3331,15 @@ var initialState = {
   theme: "system",
   setTheme: () => null
 };
-var ThemeProviderContext = React33.createContext(initialState);
+var ThemeProviderContext = React32.createContext(initialState);
 function ThemeProviderBase({
   children,
   defaultTheme = "system",
   storageKey = "app-ui-theme",
   ...props
 }) {
-  const [theme, setThemeState] = React33.useState(defaultTheme);
-  React33.useEffect(() => {
+  const [theme, setThemeState] = React32.useState(defaultTheme);
+  React32.useEffect(() => {
     const root = window.document.documentElement;
     root.classList.remove(
       "light",
@@ -3365,7 +3365,7 @@ function ThemeProviderBase({
       document.body.style.color = "";
     }
   }, [theme]);
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     const stored = localStorage.getItem(storageKey);
     if (stored) setThemeState(stored);
   }, [storageKey]);
@@ -3379,7 +3379,7 @@ function ThemeProviderBase({
   return /* @__PURE__ */ jsxRuntime.jsx(ThemeProviderContext.Provider, { ...props, value, children });
 }
 var useTheme = () => {
-  const context = React33.useContext(ThemeProviderContext);
+  const context = React32.useContext(ThemeProviderContext);
   if (context === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return context;
@@ -3427,10 +3427,10 @@ function ModeToggleBase({
   className,
   variant = "ghost"
 }) {
-  const [mounted, setMounted] = React33.useState(false);
+  const [mounted, setMounted] = React32.useState(false);
   const { setTheme, theme: currentTheme } = useTheme();
-  const buttonRef = React33.useRef(null);
-  React33.useEffect(() => {
+  const buttonRef = React32.useRef(null);
+  React32.useEffect(() => {
     setMounted(true);
   }, []);
   const isDark = mounted && (currentTheme?.includes("dark") || currentTheme === "system" && typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches);
@@ -3529,7 +3529,7 @@ function ModeToggleBase({
     )
   ] });
 }
-var AvatarBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Root,
   {
     ref,
@@ -3541,7 +3541,7 @@ var AvatarBase = React33__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AvatarBase.displayName = AvatarPrimitive__namespace.Root.displayName;
-var AvatarImageBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarImageBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Image,
   {
     ref,
@@ -3550,7 +3550,7 @@ var AvatarImageBase = React33__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 AvatarImageBase.displayName = AvatarPrimitive__namespace.Image.displayName;
-var AvatarFallbackBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AvatarFallbackBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Fallback,
   {
     ref,
@@ -3616,7 +3616,7 @@ function CalendarBase({
   );
 }
 CalendarBase.displayName = "Calendar";
-var CardBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "card-base", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "card-base", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -3629,7 +3629,7 @@ var CardBase = React33__namespace.forwardRef(({ className, testid: dataTestId =
   }
 ));
 CardBase.displayName = "Card";
-var CardHeaderBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "card-header", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardHeaderBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "card-header", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -3639,7 +3639,7 @@ var CardHeaderBase = React33__namespace.forwardRef(({ className, testid: dataTes
   }
 ));
 CardHeaderBase.displayName = "CardHeader";
-var CardTitleBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "card-title", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardTitleBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "card-title", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -3649,7 +3649,7 @@ var CardTitleBase = React33__namespace.forwardRef(({ className, testid: dataTest
   }
 ));
 CardTitleBase.displayName = "CardTitle";
-var CardDescriptionBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "card-description", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardDescriptionBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "card-description", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -3659,7 +3659,7 @@ var CardDescriptionBase = React33__namespace.forwardRef(({ className, testid: da
   }
 ));
 CardDescriptionBase.displayName = "CardDescription";
-var CardContentBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "card-content", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardContentBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "card-content", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -3669,7 +3669,7 @@ var CardContentBase = React33__namespace.forwardRef(({ className, testid: dataTe
   }
 ));
 CardContentBase.displayName = "CardContent";
-var CardFooterBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "card-footer", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardFooterBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "card-footer", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -3742,7 +3742,7 @@ var createImagePreview = (file) => {
     reader.readAsDataURL(file);
   });
 };
-var FileUploader = React33__namespace.forwardRef(
+var FileUploader = React32__namespace.forwardRef(
   ({
     className,
     accept,
@@ -3758,15 +3758,15 @@ var FileUploader = React33__namespace.forwardRef(
     animate: animate2 = true,
     ...props
   }, ref) => {
-    const [isDragging, setIsDragging] = React33__namespace.useState(false);
-    const [files, setFiles] = React33__namespace.useState(value);
-    const inputRef = React33__namespace.useRef(null);
-    const dragCounterRef = React33__namespace.useRef(0);
+    const [isDragging, setIsDragging] = React32__namespace.useState(false);
+    const [files, setFiles] = React32__namespace.useState(value);
+    const inputRef = React32__namespace.useRef(null);
+    const dragCounterRef = React32__namespace.useRef(0);
     const multiple = maxFiles > 1;
-    React33__namespace.useEffect(() => {
+    React32__namespace.useEffect(() => {
       setFiles(value);
     }, [value]);
-    React33__namespace.useEffect(() => {
+    React32__namespace.useEffect(() => {
       return () => {
         files.forEach((file) => {
           if (file.preview) {
@@ -4114,12 +4114,12 @@ var FileUploader = React33__namespace.forwardRef(
   }
 );
 FileUploader.displayName = "FileUploader";
-var CheckboxBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "checkbox-base", checked: checkedProp, defaultChecked, onCheckedChange, ...props }, ref) => {
+var CheckboxBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "checkbox-base", checked: checkedProp, defaultChecked, onCheckedChange, ...props }, ref) => {
   const isControlled = checkedProp !== void 0;
-  const [checkedState, setCheckedState] = React33__namespace.useState(
+  const [checkedState, setCheckedState] = React32__namespace.useState(
     isControlled ? checkedProp : defaultChecked ?? false
   );
-  React33__namespace.useEffect(() => {
+  React32__namespace.useEffect(() => {
     if (isControlled) setCheckedState(checkedProp);
   }, [checkedProp, isControlled]);
   const handleCheckedChange = (next) => {
@@ -4159,11 +4159,11 @@ var CheckboxBase = React33__namespace.forwardRef(({ className, testid: dataTestI
   );
 });
 CheckboxBase.displayName = CheckboxPrimitive__namespace.Root.displayName;
-var CollapsibleBase = React33__namespace.forwardRef(({ ...props }, ref) => {
+var CollapsibleBase = React32__namespace.forwardRef(({ ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(CollapsiblePrimitive__namespace.Root, { ref, "data-slot": "collapsible", ...props });
 });
 CollapsibleBase.displayName = CollapsiblePrimitive__namespace.Root.displayName;
-var CollapsibleTriggerBase = React33__namespace.forwardRef(({ className, children, leftIcon, showCaret = true, ...props }, ref) => {
+var CollapsibleTriggerBase = React32__namespace.forwardRef(({ className, children, leftIcon, showCaret = true, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     CollapsiblePrimitive__namespace.CollapsibleTrigger,
     {
@@ -4185,7 +4185,7 @@ var CollapsibleTriggerBase = React33__namespace.forwardRef(({ className, childre
   );
 });
 CollapsibleTriggerBase.displayName = CollapsiblePrimitive__namespace.CollapsibleTrigger.displayName;
-var CollapsibleContentBase = React33__namespace.forwardRef(({ className, children, ...props }, ref) => {
+var CollapsibleContentBase = React32__namespace.forwardRef(({ className, children, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     CollapsiblePrimitive__namespace.CollapsibleContent,
     {
@@ -4207,7 +4207,7 @@ function HoverCardBase(props) {
 function HoverCardTriggerBase(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(HoverCardPrimitive__namespace.Trigger, { ...props });
 }
-var HoverCardContentBase = React33__namespace.forwardRef(
+var HoverCardContentBase = React32__namespace.forwardRef(
   ({ className, align = "center", sideOffset = 6, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(HoverCardPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
       HoverCardPrimitive__namespace.Content,
@@ -4284,7 +4284,7 @@ function InputOTPSlotBase({
   className,
   ...props
 }) {
-  const inputOTPContext = React33__namespace.useContext(inputOtp.OTPInputContext);
+  const inputOTPContext = React32__namespace.useContext(inputOtp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -4306,7 +4306,7 @@ function InputOTPSlotBase({
 function InputOTPSeparatorBase({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(react.MinusIcon, {}) });
 }
-var SlideBase = React33__namespace.forwardRef(
+var SlideBase = React32__namespace.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -4384,7 +4384,7 @@ var SlideBase = React33__namespace.forwardRef(
   }
 );
 SlideBase.displayName = "SlideBase";
-var EditButton = React33__namespace.forwardRef(
+var EditButton = React32__namespace.forwardRef(
   ({
     disabled,
     onClick,
@@ -4424,7 +4424,7 @@ var EditButton = React33__namespace.forwardRef(
   )
 );
 EditButton.displayName = "EditButton";
-var ChangeButton = React33__namespace.forwardRef(
+var ChangeButton = React32__namespace.forwardRef(
   ({
     disabled,
     onClick,
@@ -4464,7 +4464,7 @@ var ChangeButton = React33__namespace.forwardRef(
   )
 );
 ChangeButton.displayName = "ChangeButton";
-var SaveButton = React33__namespace.forwardRef(
+var SaveButton = React32__namespace.forwardRef(
   ({
     disabled,
     onClick,
@@ -4504,7 +4504,7 @@ var SaveButton = React33__namespace.forwardRef(
   )
 );
 SaveButton.displayName = "SaveButton";
-var AddButton = React33__namespace.forwardRef(
+var AddButton = React32__namespace.forwardRef(
   ({
     disabled,
     onClick,
@@ -4544,7 +4544,7 @@ var AddButton = React33__namespace.forwardRef(
   )
 );
 AddButton.displayName = "AddButton";
-var CloseButton = React33__namespace.forwardRef(
+var CloseButton = React32__namespace.forwardRef(
   ({
     disabled,
     onClick,
@@ -5082,7 +5082,7 @@ var LockButton = ({
   }
 );
 var UnlockButton = (props) => /* @__PURE__ */ jsxRuntime.jsx(LockButton, { isLocked: false, testid: "button-unlock", ...props });
-var SwitchBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "switch-base", ...props }, ref) => {
+var SwitchBase = React32__namespace.forwardRef(({ className, testid: dataTestId = "switch-base", ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     SwitchPrimitives__namespace.Root,
     {
@@ -5109,14 +5109,14 @@ var SwitchBase = React33__namespace.forwardRef(({ className, testid: dataTestId
   );
 });
 SwitchBase.displayName = SwitchPrimitives__namespace.Root.displayName;
-var TextAreaBase = React33__namespace.forwardRef(
+var TextAreaBase = React32__namespace.forwardRef(
   ({ className, hideClear = false, onClear, ...props }, ref) => {
-    const [isFocused, setIsFocused] = React33__namespace.useState(false);
-    const [hasContent, setHasContent] = React33__namespace.useState(
+    const [isFocused, setIsFocused] = React32__namespace.useState(false);
+    const [hasContent, setHasContent] = React32__namespace.useState(
       !!props.value || !!props.defaultValue
     );
-    const [showConfirmTooltip, setShowConfirmTooltip] = React33__namespace.useState(false);
-    const textareaRef = React33__namespace.useRef(null);
+    const [showConfirmTooltip, setShowConfirmTooltip] = React32__namespace.useState(false);
+    const textareaRef = React32__namespace.useRef(null);
     const handleFocus = (e) => {
       setIsFocused(true);
       props.onFocus?.(e);
@@ -5152,8 +5152,8 @@ var TextAreaBase = React33__namespace.forwardRef(
     const handleCancelClear = () => {
       setShowConfirmTooltip(false);
     };
-    React33__namespace.useImperativeHandle(ref, () => textareaRef.current);
-    React33__namespace.useEffect(() => {
+    React32__namespace.useImperativeHandle(ref, () => textareaRef.current);
+    React32__namespace.useEffect(() => {
       setHasContent(!!props.value || !!props.defaultValue);
     }, [props.value, props.defaultValue]);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
@@ -5278,7 +5278,7 @@ var TextAreaBase = React33__namespace.forwardRef(
   }
 );
 TextAreaBase.displayName = "TextAreaBase";
-var ScrollAreaBase = React33__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var ScrollAreaBase = React32__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   ScrollAreaPrimitive__namespace.Root,
   {
     ref,
@@ -5292,7 +5292,7 @@ var ScrollAreaBase = React33__namespace.forwardRef(({ className, children, ...pr
   }
 ));
 ScrollAreaBase.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
-var ScrollBarBase = React33__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ScrollBarBase = React32__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
   {
     ref,
@@ -5308,7 +5308,7 @@ var ScrollBarBase = React33__namespace.forwardRef(({ className, orientation = "v
   }
 ));
 ScrollBarBase.displayName = ScrollAreaPrimitive__namespace.ScrollAreaScrollbar.displayName;
-var SeparatorBase = React33__namespace.forwardRef(
+var SeparatorBase = React32__namespace.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => {
     const isHorizontal = orientation === "horizontal";
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -5340,7 +5340,7 @@ var SeparatorBase = React33__namespace.forwardRef(
   }
 );
 SeparatorBase.displayName = SeparatorPrimitive__namespace.Root.displayName;
-var TableBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+var TableBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
   "table",
   {
     ref,
@@ -5349,9 +5349,9 @@ var TableBase = React33__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ) }));
 TableBase.displayName = "TableBase";
-var TableHeaderBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeaderBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeaderBase.displayName = "TableHeaderBase";
-var TableBodyBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableBodyBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tbody",
   {
     ref,
@@ -5360,7 +5360,7 @@ var TableBodyBase = React33__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 TableBodyBase.displayName = "TableBodyBase";
-var TableFooterBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableFooterBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tfoot",
   {
     ref,
@@ -5372,7 +5372,7 @@ var TableFooterBase = React33__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 TableFooterBase.displayName = "TableFooterBase";
-var TableRowBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableRowBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tr",
   {
     ref,
@@ -5384,7 +5384,7 @@ var TableRowBase = React33__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 TableRowBase.displayName = "TableRowBase";
-var TableHeadBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableHeadBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "th",
   {
     ref,
@@ -5396,7 +5396,7 @@ var TableHeadBase = React33__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 TableHeadBase.displayName = "TableHeadBase";
-var TableCellBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCellBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "td",
   {
     ref,
@@ -5408,7 +5408,7 @@ var TableCellBase = React33__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 TableCellBase.displayName = "TableCellBase";
-var TableCaptionBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCaptionBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "caption",
   {
     ref,
@@ -5417,7 +5417,7 @@ var TableCaptionBase = React33__namespace.forwardRef(({ className, ...props }, r
   }
 ));
 TableCaptionBase.displayName = "TableCaptionBase";
-var TabsBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Root,
   {
     ref,
@@ -5426,7 +5426,7 @@ var TabsBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TabsBase.displayName = TabsPrimitive__namespace.Root.displayName;
-var TabsListBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsListBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.List,
   {
     ref,
@@ -5446,7 +5446,7 @@ var TabsListBase = React33__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 TabsListBase.displayName = TabsPrimitive__namespace.List.displayName;
-var TabsTriggerBase = React33__namespace.forwardRef(({ className, animation = "default", ...props }, ref) => {
+var TabsTriggerBase = React32__namespace.forwardRef(({ className, animation = "default", ...props }, ref) => {
   const base = cn(
     "relative inline-flex items-center justify-center whitespace-nowrap px-4 py-2 text-sm font-medium",
     "text-muted-foreground hover:text-foreground",
@@ -5466,7 +5466,7 @@ var TabsTriggerBase = React33__namespace.forwardRef(({ className, animation = "d
     }
   );
 });
-var TabsContentBase = React33__namespace.forwardRef(({ className, animation = "default", ...props }, ref) => {
+var TabsContentBase = React32__namespace.forwardRef(({ className, animation = "default", ...props }, ref) => {
   const animationClasses = animation === "none" ? "" : animation === "slide" ? "animate-in slide-in-from-left-2 duration-500 ease-in-out" : "animate-in fade-in-0 duration-500 ease-in-out";
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.Content,
@@ -5718,7 +5718,7 @@ var SheetBase = DialogPrimitive__namespace.Root;
 var SheetTriggerBase = DialogPrimitive__namespace.Trigger;
 var SheetCloseBase = DialogPrimitive__namespace.Close;
 var SheetPortalBase = DialogPrimitive__namespace.Portal;
-var SheetOverlayBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetOverlayBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     className: cn(
@@ -5746,7 +5746,7 @@ var sheetVariants = classVarianceAuthority.cva(
     }
   }
 );
-var SheetContentBase = React33__namespace.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortalBase, { children: [
+var SheetContentBase = React32__namespace.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortalBase, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(SheetOverlayBase, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     DialogPrimitive__namespace.Content,
@@ -5793,7 +5793,7 @@ var SheetFooterBase = ({
   }
 );
 SheetFooterBase.displayName = "SheetFooterBase";
-var SheetTitleBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetTitleBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -5802,7 +5802,7 @@ var SheetTitleBase = React33__namespace.forwardRef(({ className, ...props }, ref
   }
 ));
 SheetTitleBase.displayName = DialogPrimitive__namespace.Title.displayName;
-var SheetDescriptionBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SheetDescriptionBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -5817,9 +5817,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React33__namespace.createContext(null);
+var SidebarContext = React32__namespace.createContext(null);
 function UseSideBarBase() {
-  const context = React33__namespace.useContext(SidebarContext);
+  const context = React32__namespace.useContext(SidebarContext);
   if (!context) {
     throw new Error(
       "UseSideBarBase must be used within a SidebarProviderBase."
@@ -5827,7 +5827,7 @@ function UseSideBarBase() {
   }
   return context;
 }
-var SidebarProviderBase = React33__namespace.forwardRef(
+var SidebarProviderBase = React32__namespace.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -5838,10 +5838,10 @@ var SidebarProviderBase = React33__namespace.forwardRef(
     ...props
   }, ref) => {
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React33__namespace.useState(false);
-    const [_open, _setOpen] = React33__namespace.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React32__namespace.useState(false);
+    const [_open, _setOpen] = React32__namespace.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React33__namespace.useCallback(
+    const setOpen = React32__namespace.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -5853,10 +5853,10 @@ var SidebarProviderBase = React33__namespace.forwardRef(
       },
       [setOpenProp, open]
     );
-    const toggleSidebar = React33__namespace.useCallback(() => {
+    const toggleSidebar = React32__namespace.useCallback(() => {
       return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
     }, [isMobile, setOpen, setOpenMobile]);
-    React33__namespace.useEffect(() => {
+    React32__namespace.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -5867,7 +5867,7 @@ var SidebarProviderBase = React33__namespace.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React33__namespace.useMemo(
+    const contextValue = React32__namespace.useMemo(
       () => ({
         state,
         open,
@@ -5899,7 +5899,7 @@ var SidebarProviderBase = React33__namespace.forwardRef(
   }
 );
 SidebarProviderBase.displayName = "SidebarProviderBase";
-var SidebarBase = React33__namespace.forwardRef(
+var SidebarBase = React32__namespace.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -5986,7 +5986,7 @@ var SidebarBase = React33__namespace.forwardRef(
   }
 );
 SidebarBase.displayName = "SidebarBase";
-var SidebarTriggerBase = React33__namespace.forwardRef(({ className, onClick, ...props }, ref) => {
+var SidebarTriggerBase = React32__namespace.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = UseSideBarBase();
   return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(
     ButtonBase,
@@ -6009,7 +6009,7 @@ var SidebarTriggerBase = React33__namespace.forwardRef(({ className, onClick, ..
   ) });
 });
 SidebarTriggerBase.displayName = "SidebarTriggerBase";
-var SidebarRailBase = React33__namespace.forwardRef(({ className, ...props }, ref) => {
+var SidebarRailBase = React32__namespace.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = UseSideBarBase();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
@@ -6034,7 +6034,7 @@ var SidebarRailBase = React33__namespace.forwardRef(({ className, ...props }, re
   );
 });
 SidebarRailBase.displayName = "SidebarRailBase";
-var SidebarInsetBase = React33__namespace.forwardRef(({ className, ...props }, ref) => {
+var SidebarInsetBase = React32__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "main",
     {
@@ -6049,7 +6049,7 @@ var SidebarInsetBase = React33__namespace.forwardRef(({ className, ...props }, r
   );
 });
 SidebarInsetBase.displayName = "SidebarInsetBase";
-var SidebarInputBase = React33__namespace.forwardRef(({ className, ...props }, ref) => {
+var SidebarInputBase = React32__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     InputBase,
     {
@@ -6064,7 +6064,7 @@ var SidebarInputBase = React33__namespace.forwardRef(({ className, ...props }, r
   );
 });
 SidebarInputBase.displayName = "SidebarInputBase";
-var SidebarHeaderBase = React33__namespace.forwardRef(({ className, ...props }, ref) => {
+var SidebarHeaderBase = React32__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -6076,7 +6076,7 @@ var SidebarHeaderBase = React33__namespace.forwardRef(({ className, ...props },
   );
 });
 SidebarHeaderBase.displayName = "SidebarHeaderBase";
-var SidebarFooterBase = React33__namespace.forwardRef(({ className, ...props }, ref) => {
+var SidebarFooterBase = React32__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -6088,7 +6088,7 @@ var SidebarFooterBase = React33__namespace.forwardRef(({ className, ...props },
   );
 });
 SidebarFooterBase.displayName = "SidebarFooterBase";
-var SidebarSeparatorBase = React33__namespace.forwardRef(({ className, ...props }, ref) => {
+var SidebarSeparatorBase = React32__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     SeparatorBase,
     {
@@ -6100,7 +6100,7 @@ var SidebarSeparatorBase = React33__namespace.forwardRef(({ className, ...props
   );
 });
 SidebarSeparatorBase.displayName = "SidebarSeparatorBase";
-var SidebarContentBase = React33__namespace.forwardRef(({ className, ...props }, ref) => {
+var SidebarContentBase = React32__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -6115,7 +6115,7 @@ var SidebarContentBase = React33__namespace.forwardRef(({ className, ...props },
   );
 });
 SidebarContentBase.displayName = "SidebarContentBase";
-var SidebarGroupBase = React33__namespace.forwardRef(({ className, ...props }, ref) => {
+var SidebarGroupBase = React32__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -6127,7 +6127,7 @@ var SidebarGroupBase = React33__namespace.forwardRef(({ className, ...props }, r
   );
 });
 SidebarGroupBase.displayName = "SidebarGroupBase";
-var SidebarGroupLabelBase = React33__namespace.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabelBase = React32__namespace.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? reactSlot.Slot : "div";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
@@ -6144,7 +6144,7 @@ var SidebarGroupLabelBase = React33__namespace.forwardRef(({ className, asChild
   );
 });
 SidebarGroupLabelBase.displayName = "SidebarGroupLabelBase";
-var SidebarGroupActionBase = React33__namespace.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupActionBase = React32__namespace.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? reactSlot.Slot : "button";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
@@ -6163,7 +6163,7 @@ var SidebarGroupActionBase = React33__namespace.forwardRef(({ className, asChild
   );
 });
 SidebarGroupActionBase.displayName = "SidebarGroupActionBase";
-var SidebarGroupContentBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarGroupContentBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -6173,7 +6173,7 @@ var SidebarGroupContentBase = React33__namespace.forwardRef(({ className, ...pro
   }
 ));
 SidebarGroupContentBase.displayName = "SidebarGroupContentBase";
-var SidebarMenuBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarMenuBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "ul",
   {
     ref,
@@ -6183,7 +6183,7 @@ var SidebarMenuBase = React33__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 SidebarMenuBase.displayName = "SidebarMenuBase";
-var SidebarMenuItemBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarMenuItemBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "li",
   {
     ref,
@@ -6213,7 +6213,7 @@ var sidebarMenuButtonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var SidebarMenuButtonBase = React33__namespace.forwardRef(
+var SidebarMenuButtonBase = React32__namespace.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -6259,7 +6259,7 @@ var SidebarMenuButtonBase = React33__namespace.forwardRef(
   }
 );
 SidebarMenuButtonBase.displayName = "SidebarMenuButtonBase";
-var SidebarMenuActionBase = React33__namespace.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuActionBase = React32__namespace.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? reactSlot.Slot : "button";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
@@ -6282,7 +6282,7 @@ var SidebarMenuActionBase = React33__namespace.forwardRef(({ className, asChild
   );
 });
 SidebarMenuActionBase.displayName = "SidebarMenuActionBase";
-var SidebarMenuBadgeBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarMenuBadgeBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -6300,8 +6300,8 @@ var SidebarMenuBadgeBase = React33__namespace.forwardRef(({ className, ...props
   }
 ));
 SidebarMenuBadgeBase.displayName = "SidebarMenuBadgeBase";
-var SidebarMenuSkeletonBase = React33__namespace.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React33__namespace.useMemo(() => {
+var SidebarMenuSkeletonBase = React32__namespace.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React32__namespace.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -6334,7 +6334,7 @@ var SidebarMenuSkeletonBase = React33__namespace.forwardRef(({ className, showIc
   );
 });
 SidebarMenuSkeletonBase.displayName = "SidebarMenuSkeletonBase";
-var SidebarMenuSubBase = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarMenuSubBase = React32__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "ul",
   {
     ref,
@@ -6348,9 +6348,9 @@ var SidebarMenuSubBase = React33__namespace.forwardRef(({ className, ...props },
   }
 ));
 SidebarMenuSubBase.displayName = "SidebarMenuSubBase";
-var SidebarMenuSubItemBase = React33__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, ...props }));
+var SidebarMenuSubItemBase = React32__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, ...props }));
 SidebarMenuSubItemBase.displayName = "SidebarMenuSubItemBase";
-var SidebarMenuSubButtonBase = React33__namespace.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButtonBase = React32__namespace.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? reactSlot.Slot : "a";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Comp,
@@ -6491,9 +6491,9 @@ function DrawerDescriptionBase({
     }
   );
 }
-var UniversalTooltipContext = React33.createContext(null);
+var UniversalTooltipContext = React32.createContext(null);
 var useUniversalTooltip = () => {
-  const context = React33.useContext(UniversalTooltipContext);
+  const context = React32.useContext(UniversalTooltipContext);
   if (!context) {
     throw new Error("useUniversalTooltip deve ser usado dentro de UniversalTooltipProvider");
   }
@@ -6501,7 +6501,7 @@ var useUniversalTooltip = () => {
 };
 var useTooltip = () => {
   const { addTooltip, removeTooltip, startDrag } = useUniversalTooltip();
-  const createTooltip = React33.useCallback((element, content, options) => {
+  const createTooltip = React32.useCallback((element, content, options) => {
     const rect = element.getBoundingClientRect();
     let position;
     switch (options?.position || "auto") {
@@ -6531,7 +6531,7 @@ var useTooltip = () => {
       metadata: options?.metadata
     });
   }, [addTooltip]);
-  const handleElementMouseDown = React33.useCallback((tooltipId, event) => {
+  const handleElementMouseDown = React32.useCallback((tooltipId, event) => {
     const rect = event.target.getBoundingClientRect();
     const offset = {
       x: event.clientX - rect.left,
@@ -6895,11 +6895,11 @@ var CodeBlock = ({
   breadcrumb = [],
   showStats = true
 }) => {
-  const [copied, setCopied] = React33__namespace.default.useState(false);
-  const [activeTab, setActiveTab] = React33__namespace.default.useState(0);
-  const [isExpanded, setIsExpanded] = React33__namespace.default.useState(false);
+  const [copied, setCopied] = React32__namespace.default.useState(false);
+  const [activeTab, setActiveTab] = React32__namespace.default.useState(0);
+  const [isExpanded, setIsExpanded] = React32__namespace.default.useState(false);
   const tabsExist = tabs.length > 0;
-  const cssVars = React33__namespace.default.useMemo(
+  const cssVars = React32__namespace.default.useMemo(
     () => ({
       container: {
         backgroundColor: "hsl(var(--card))",
@@ -6995,7 +6995,7 @@ var CodeBlock = ({
             ] }),
             breadcrumb.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center min-w-0", children: [
               /* @__PURE__ */ jsxRuntime.jsx(react.FolderIcon, { size: "1em", style: cssVars.icon }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center min-w-0 ml-2", children: breadcrumb.map((crumb, index) => /* @__PURE__ */ jsxRuntime.jsxs(React33__namespace.default.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center min-w-0 ml-2", children: breadcrumb.map((crumb, index) => /* @__PURE__ */ jsxRuntime.jsxs(React32__namespace.default.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "span",
                   {
@@ -7248,7 +7248,7 @@ function StatusIndicator({
   ] });
 }
 function useCheckboxTree(initialTree) {
-  const initialCheckedNodes = React33.useMemo(() => {
+  const initialCheckedNodes = React32.useMemo(() => {
     const checkedSet = /* @__PURE__ */ new Set();
     const initializeCheckedNodes = (node) => {
       if (node.defaultChecked) {
@@ -7259,8 +7259,8 @@ function useCheckboxTree(initialTree) {
     initializeCheckedNodes(initialTree);
     return checkedSet;
   }, [initialTree]);
-  const [checkedNodes, setCheckedNodes] = React33.useState(initialCheckedNodes);
-  const isChecked = React33.useCallback(
+  const [checkedNodes, setCheckedNodes] = React32.useState(initialCheckedNodes);
+  const isChecked = React32.useCallback(
     (node) => {
       if (!node.children) {
         return checkedNodes.has(node.id);
@@ -7278,7 +7278,7 @@ function useCheckboxTree(initialTree) {
     },
     [checkedNodes]
   );
-  const handleCheck = React33.useCallback(
+  const handleCheck = React32.useCallback(
     (node) => {
       const newCheckedNodes = new Set(checkedNodes);
       const toggleNode = (n, check) => {
@@ -7308,9 +7308,9 @@ function CheckboxTree({ tree, renderNode }) {
     onCheckedChange,
     children
   }) => {
-    const [open, setOpen] = React33.useState(() => !!node.children && status !== false);
-    const checkboxRef = React33.useRef(null);
-    React33.useEffect(() => {
+    const [open, setOpen] = React32.useState(() => !!node.children && status !== false);
+    const checkboxRef = React32.useRef(null);
+    React32.useEffect(() => {
       if (checkboxRef.current) {
         checkboxRef.current.indeterminate = status === "indeterminate";
       }
@@ -7633,18 +7633,18 @@ function useScrollColumn({
   max,
   step = 1
 }) {
-  const containerRef = React33.useRef(null);
+  const containerRef = React32.useRef(null);
   const items = getItems(max, step);
-  const scrollTimeoutRef = React33.useRef(null);
-  const isScrollingRef = React33.useRef(false);
-  const [isDragging, setIsDragging] = React33.useState(false);
-  const startYRef = React33.useRef(0);
-  const startScrollRef = React33.useRef(0);
+  const scrollTimeoutRef = React32.useRef(null);
+  const isScrollingRef = React32.useRef(false);
+  const [isDragging, setIsDragging] = React32.useState(false);
+  const startYRef = React32.useRef(0);
+  const startScrollRef = React32.useRef(0);
   const itemHeight = ITEM_HEIGHT;
   const centerIndex = CENTER_INDEX;
   const visibleItems = VISIBLE_ITEMS;
   const containerHeight = visibleItems * itemHeight;
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     if (containerRef.current && !isScrollingRef.current) {
       const index = Math.round(value / step);
       const clampedIndex = Math.max(0, Math.min(items.length - 1, index));
@@ -7652,7 +7652,7 @@ function useScrollColumn({
       containerRef.current.scrollTop = scrollPosition;
     }
   }, [value, itemHeight, step, items.length]);
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     return () => {
       if (scrollTimeoutRef.current) clearTimeout(scrollTimeoutRef.current);
     };
@@ -7818,9 +7818,9 @@ function TimeScrollPicker({
   ] }) });
 }
 function useAutoCenter(open) {
-  const ref = React33.useRef(null);
-  const [center, setCenter] = React33.useState(false);
-  React33.useEffect(() => {
+  const ref = React32.useRef(null);
+  const [center, setCenter] = React32.useState(false);
+  React32.useEffect(() => {
     if (!open) {
       setCenter(false);
       return;
@@ -7860,9 +7860,9 @@ function DateTimePicker({
   error,
   hideClear = true
 }) {
-  const [internalDate, setInternalDate] = React33.useState(date);
-  const [open, setOpen] = React33.useState(false);
-  const [activeTab, setActiveTab] = React33.useState("calendar");
+  const [internalDate, setInternalDate] = React32.useState(date);
+  const [open, setOpen] = React32.useState(false);
+  const [activeTab, setActiveTab] = React32.useState("calendar");
   const isMobile = useIsMobile();
   const handleSelect = (newDay) => {
     if (!newDay) return;
@@ -7899,7 +7899,7 @@ function DateTimePicker({
     if (!timeFormat) return "dd MMMM yyyy";
     return `dd MMMM yyyy - ${timeFormat}`;
   };
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     setInternalDate(date);
     if (open) {
       setActiveTab("calendar");
@@ -8142,9 +8142,9 @@ function RangePicker({
   disabled,
   className
 }) {
-  const [open, setOpen] = React33__namespace.useState(false);
-  const [range, setRange] = React33__namespace.useState(value);
-  React33__namespace.useEffect(() => {
+  const [open, setOpen] = React32__namespace.useState(false);
+  const [range, setRange] = React32__namespace.useState(value);
+  React32__namespace.useEffect(() => {
     setRange(value);
   }, [value]);
   const handleSelect = (selected) => {
@@ -8378,7 +8378,7 @@ function RangePicker({
   ] });
 }
 RangePicker.displayName = "RangePicker";
-var TimePickerInput = React33__namespace.default.forwardRef(
+var TimePickerInput = React32__namespace.default.forwardRef(
   ({
     className,
     type = "tel",
@@ -8397,10 +8397,10 @@ var TimePickerInput = React33__namespace.default.forwardRef(
     label,
     ...props
   }, ref) => {
-    const [flag, setFlag] = React33__namespace.default.useState(false);
-    const [prevIntKey, setPrevIntKey] = React33__namespace.default.useState("0");
-    const [isFocused, setIsFocused] = React33__namespace.default.useState(false);
-    React33__namespace.default.useEffect(() => {
+    const [flag, setFlag] = React32__namespace.default.useState(false);
+    const [prevIntKey, setPrevIntKey] = React32__namespace.default.useState("0");
+    const [isFocused, setIsFocused] = React32__namespace.default.useState(false);
+    React32__namespace.default.useEffect(() => {
       if (flag) {
         const timer = setTimeout(() => {
           setFlag(false);
@@ -8408,7 +8408,7 @@ var TimePickerInput = React33__namespace.default.forwardRef(
         return () => clearTimeout(timer);
       }
     }, [flag]);
-    const calculatedValue = React33__namespace.default.useMemo(() => {
+    const calculatedValue = React32__namespace.default.useMemo(() => {
       const safeDate = date ?? new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0));
       return getDateByType(safeDate, picker);
     }, [date, picker]);
@@ -8587,9 +8587,9 @@ function TimePicker({
   hideSeconds,
   enableButton
 }) {
-  const minuteRef = React33__namespace.useRef(null);
-  const hourRef = React33__namespace.useRef(null);
-  const secondRef = React33__namespace.useRef(null);
+  const minuteRef = React32__namespace.useRef(null);
+  const hourRef = React32__namespace.useRef(null);
+  const secondRef = React32__namespace.useRef(null);
   const containerVariants = {
     hidden: { opacity: 0, y: 10 },
     visible: {
@@ -8689,15 +8689,15 @@ function Agenda({
       return false;
     }
   };
-  const datedEvents = React33.useMemo(
+  const datedEvents = React32.useMemo(
     () => events.filter((e) => isValidDate5(e.start) || isValidDate5(e.end)),
     [events]
   );
-  const undatedEvents = React33.useMemo(
+  const undatedEvents = React32.useMemo(
     () => events.filter((e) => !(isValidDate5(e.start) || isValidDate5(e.end))),
     [events]
   );
-  const days = React33.useMemo(() => {
+  const days = React32.useMemo(() => {
     const start = dateFns.startOfMonth(new Date(currentDate));
     const end = dateFns.endOfMonth(new Date(currentDate));
     return dateFns.eachDayOfInterval({ start, end });
@@ -8768,7 +8768,7 @@ function Agenda({
     )
   ] }) });
 }
-var CalendarDndContext = React33.createContext({
+var CalendarDndContext = React32.createContext({
   activeEvent: null,
   activeId: null,
   activeView: null,
@@ -8778,24 +8778,24 @@ var CalendarDndContext = React33.createContext({
   isMultiDay: false,
   multiDayWidth: null
 });
-var useCalendarDndAgenda = () => React33.useContext(CalendarDndContext);
+var useCalendarDndAgenda = () => React32.useContext(CalendarDndContext);
 function CalendarDndProviderAgenda({
   children,
   onEventUpdate
 }) {
-  const [activeEvent, setActiveEvent] = React33.useState(
+  const [activeEvent, setActiveEvent] = React32.useState(
     null
   );
-  const [activeId, setActiveId] = React33.useState(null);
-  const [activeView, setActiveView] = React33.useState(
+  const [activeId, setActiveId] = React32.useState(null);
+  const [activeView, setActiveView] = React32.useState(
     null
   );
-  const [currentTime, setCurrentTime] = React33.useState(null);
-  const [eventHeight, setEventHeight] = React33.useState(null);
-  const [isMultiDay, setIsMultiDay] = React33.useState(false);
-  const [multiDayWidth, setMultiDayWidth] = React33.useState(null);
-  const [dragHandlePosition, setDragHandlePosition] = React33.useState(null);
-  const eventDimensions = React33.useRef({ height: 0 });
+  const [currentTime, setCurrentTime] = React32.useState(null);
+  const [eventHeight, setEventHeight] = React32.useState(null);
+  const [isMultiDay, setIsMultiDay] = React32.useState(false);
+  const [multiDayWidth, setMultiDayWidth] = React32.useState(null);
+  const [dragHandlePosition, setDragHandlePosition] = React32.useState(null);
+  const eventDimensions = React32.useRef({ height: 0 });
   const sensors = core.useSensors(
     core.useSensor(core.MouseSensor, {
       // Require the mouse to move by 5px before activating
@@ -8817,7 +8817,7 @@ function CalendarDndProviderAgenda({
       }
     })
   );
-  const dndContextId = React33.useId();
+  const dndContextId = React32.useId();
   const handleDragStart = (event) => {
     const { active } = event;
     if (!active.data.current) {
@@ -9136,9 +9136,9 @@ function addHoursToDateAgenda(date, hours) {
   return addMinutesToDateAgenda(date, Math.round(hours * 60));
 }
 function useCurrentTimeIndicatorAgenda(currentDate, view) {
-  const [currentTimePosition, setCurrentTimePosition] = React33.useState(0);
-  const [currentTimeVisible, setCurrentTimeVisible] = React33.useState(false);
-  React33.useEffect(() => {
+  const [currentTimePosition, setCurrentTimePosition] = React32.useState(0);
+  const [currentTimeVisible, setCurrentTimeVisible] = React32.useState(false);
+  React32.useEffect(() => {
     const calculateTimePosition = () => {
       const now = /* @__PURE__ */ new Date();
       const hours = now.getHours();
@@ -9248,13 +9248,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 = React33.useMemo(() => {
+  const displayStart = React32.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 = React33.useMemo(() => {
+  const displayEnd = React32.useMemo(() => {
     if (!hasValidTime) return void 0;
     if (endDate) {
       return currentTime ? new Date(
@@ -9266,7 +9266,7 @@ function EventItemAgenda({
     }
     return void 0;
   }, [currentTime, startDate, endDate, hasValidTime]);
-  const durationMinutes = React33.useMemo(() => {
+  const durationMinutes = React32.useMemo(() => {
     if (!hasValidTime || !displayStart || !displayEnd) return 0;
     return dateFns.differenceInMinutes(displayEnd, displayStart);
   }, [displayStart, displayEnd, hasValidTime]);
@@ -9507,14 +9507,14 @@ function DayViewAgenda({
   onEventSelect,
   showUndatedEvents
 }) {
-  const hours = React33.useMemo(() => {
+  const hours = React32.useMemo(() => {
     const dayStart = dateFns.startOfDay(currentDate);
     return dateFns.eachHourOfInterval({
       end: dateFns.addHours(dayStart, EndHourAgenda - 1),
       start: dateFns.addHours(dayStart, StartHourAgenda)
     });
   }, [currentDate]);
-  const dayEvents = React33.useMemo(() => {
+  const dayEvents = React32.useMemo(() => {
     return events.filter((event) => {
       if (event.start == null) return false;
       const eventStart = getEventStartDate(event) ?? /* @__PURE__ */ new Date();
@@ -9524,17 +9524,17 @@ function DayViewAgenda({
       (a, b) => new Date(a.start).getTime() - new Date(b.start).getTime()
     );
   }, [currentDate, events]);
-  const allDayEvents = React33.useMemo(() => {
+  const allDayEvents = React32.useMemo(() => {
     return dayEvents.filter((event) => {
       return event.allDay || isMultiDayEventAgenda(event);
     });
   }, [dayEvents]);
-  const timeEvents = React33.useMemo(() => {
+  const timeEvents = React32.useMemo(() => {
     return dayEvents.filter((event) => {
       return !event.allDay && !isMultiDayEventAgenda(event);
     });
   }, [dayEvents]);
-  const positionedEvents = React33.useMemo(() => {
+  const positionedEvents = React32.useMemo(() => {
     const result = [];
     const dayStart = dateFns.startOfDay(currentDate);
     const sortedEvents = [...timeEvents].sort((a, b) => {
@@ -9744,14 +9744,14 @@ function Select({
   hideClear = false,
   empty
 }) {
-  const [page, setPage] = React33.useState(1);
-  const [animating, setAnimating] = React33.useState(false);
-  const [open, setOpen] = React33.useState(false);
+  const [page, setPage] = React32.useState(1);
+  const [animating, setAnimating] = React32.useState(false);
+  const [open, setOpen] = React32.useState(false);
   const groupCount = groupItems ? Object.keys(groupItems).length : 0;
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     setPage(1);
   }, [items?.length, groupCount, pagination]);
-  const paged = React33.useMemo(() => {
+  const paged = React32.useMemo(() => {
     if (!pagination || pagination <= 0) return null;
     if (groupItems) {
       const flattened = Object.keys(groupItems).flatMap(
@@ -9778,7 +9778,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);
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     if (!pagination) return;
     setAnimating(true);
     const id = setTimeout(() => setAnimating(false), 220);
@@ -9962,11 +9962,11 @@ function EventAgenda({
   initialDate,
   onClick
 }) {
-  const [currentDate, setCurrentDate] = React33.useState(
+  const [currentDate, setCurrentDate] = React32.useState(
     initialDate && new Date(initialDate) || /* @__PURE__ */ new Date()
   );
-  const [view, setView] = React33.useState(initialView);
-  const [selectedEvent, setSelectedEvent] = React33.useState(null);
+  const [view, setView] = React32.useState(initialView);
+  const [selectedEvent, setSelectedEvent] = React32.useState(null);
   const goPrevious = () => {
     if (view === "month") setCurrentDate((d) => dateFns.subMonths(d, 1));
     else if (view === "week") setCurrentDate((d) => dateFns.subWeeks(d, 1));
@@ -9990,7 +9990,7 @@ function EventAgenda({
         );
         return;
       }
-      if (React33__namespace.default.isValidElement(onClick)) {
+      if (React32__namespace.default.isValidElement(onClick)) {
         setSelectedEvent(event);
         return;
       }
@@ -10022,7 +10022,7 @@ function EventAgenda({
     const entry = labels[v] || { full: v, short: v };
     return condensed ? entry.short : entry.full;
   };
-  const viewTitle = React33.useMemo(() => {
+  const viewTitle = React32.useMemo(() => {
     const capitalize = (s) => s ? s.charAt(0).toUpperCase() + s.slice(1) : s;
     if (view === "month")
       return capitalize(dateFns.format(currentDate, "MMMM yyyy", { locale: locale.ptBR }));
@@ -10142,7 +10142,7 @@ function EventAgenda({
             }
           )
         ] }),
-        selectedEvent && React33__namespace.default.isValidElement(onClick) ? React33__namespace.default.cloneElement(onClick, {
+        selectedEvent && React32__namespace.default.isValidElement(onClick) ? React32__namespace.default.cloneElement(onClick, {
           event: selectedEvent,
           onClose: () => setSelectedEvent(null)
         }) : null
@@ -10165,7 +10165,7 @@ function UndatedEvents({
   title = "Data de Atendimento n\xE3o Prevista",
   show = true
 }) {
-  const undatedEvents = React33.useMemo(
+  const undatedEvents = React32.useMemo(
     () => events.filter((e) => !(isValidDate2(e.start) || isValidDate2(e.end))),
     [events]
   );
@@ -10189,10 +10189,10 @@ function useEventVisibilityAgenda({
   eventHeight,
   eventGap
 }) {
-  const contentRef = React33.useRef(null);
-  const observerRef = React33.useRef(null);
-  const [contentHeight, setContentHeight] = React33.useState(null);
-  React33.useLayoutEffect(() => {
+  const contentRef = React32.useRef(null);
+  const observerRef = React32.useRef(null);
+  const [contentHeight, setContentHeight] = React32.useState(null);
+  React32.useLayoutEffect(() => {
     if (!contentRef.current) return;
     const updateHeight = () => {
       if (contentRef.current) {
@@ -10212,7 +10212,7 @@ function useEventVisibilityAgenda({
       }
     };
   }, []);
-  const getVisibleEventCount = React33.useMemo(() => {
+  const getVisibleEventCount = React32.useMemo(() => {
     return (totalEvents) => {
       if (!contentHeight) return totalEvents;
       const maxEvents = Math.floor(contentHeight / (eventHeight + eventGap));
@@ -10234,21 +10234,21 @@ function MonthViewAgenda({
   onEventSelect,
   showUndatedEvents
 }) {
-  const days = React33.useMemo(() => {
+  const days = React32.useMemo(() => {
     const monthStart = dateFns.startOfMonth(currentDate);
     const monthEnd = dateFns.endOfMonth(monthStart);
     const calendarStart = dateFns.startOfWeek(monthStart, { weekStartsOn: 0 });
     const calendarEnd = dateFns.endOfWeek(monthEnd, { weekStartsOn: 0 });
     return dateFns.eachDayOfInterval({ end: calendarEnd, start: calendarStart });
   }, [currentDate]);
-  const weekdays = React33.useMemo(() => {
+  const weekdays = React32.useMemo(() => {
     return Array.from({ length: 7 }).map((_, i) => {
       const date = dateFns.addDays(dateFns.startOfWeek(/* @__PURE__ */ new Date(), { weekStartsOn: 0 }), i);
       const short = dateFns.format(date, "EEE", { locale: locale.ptBR });
       return short.charAt(0).toUpperCase() + short.slice(1);
     });
   }, []);
-  const weeks = React33.useMemo(() => {
+  const weeks = React32.useMemo(() => {
     const result = [];
     let week = [];
     for (let i = 0; i < days.length; i++) {
@@ -10264,12 +10264,12 @@ function MonthViewAgenda({
     e.stopPropagation();
     onEventSelect(event, e);
   };
-  const [isMounted, setIsMounted] = React33.useState(false);
+  const [isMounted, setIsMounted] = React32.useState(false);
   const { contentRef, getVisibleEventCount } = useEventVisibilityAgenda({
     eventGap: EventGapAgenda,
     eventHeight: EventHeightAgenda
   });
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     setIsMounted(true);
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "contents", "data-slot": "month-view", children: [
@@ -10503,8 +10503,8 @@ function DraggableEvent({
   draggable = true
 }) {
   const { activeId } = useCalendarDndAgenda();
-  const elementRef = React33.useRef(null);
-  const [dragHandlePosition, setDragHandlePosition] = React33.useState(null);
+  const elementRef = React32.useRef(null);
+  const [dragHandlePosition, setDragHandlePosition] = React32.useState(null);
   const eventStart = getEventStartDate(event) ?? /* @__PURE__ */ new Date();
   const eventEnd = getEventEndDate(event) ?? getEventStartDate(event) ?? /* @__PURE__ */ new Date();
   const isMultiDayEvent2 = isMultiDay || event.allDay || dateFns.differenceInDays(eventEnd, eventStart) >= 1;
@@ -10598,23 +10598,23 @@ function WeekViewAgenda({
   onEventCreate,
   showUndatedEvents
 }) {
-  const days = React33.useMemo(() => {
+  const days = React32.useMemo(() => {
     const weekStart2 = dateFns.startOfWeek(currentDate, { weekStartsOn: 0 });
     const weekEnd = dateFns.endOfWeek(currentDate, { weekStartsOn: 0 });
     return dateFns.eachDayOfInterval({ end: weekEnd, start: weekStart2 });
   }, [currentDate]);
-  const weekStart = React33.useMemo(
+  const weekStart = React32.useMemo(
     () => dateFns.startOfWeek(currentDate, { weekStartsOn: 0 }),
     [currentDate]
   );
-  const hours = React33.useMemo(() => {
+  const hours = React32.useMemo(() => {
     const dayStart = dateFns.startOfDay(currentDate);
     return dateFns.eachHourOfInterval({
       end: dateFns.addHours(dayStart, EndHour - 1),
       start: dateFns.addHours(dayStart, StartHour)
     });
   }, [currentDate]);
-  const allDayEvents = React33.useMemo(() => {
+  const allDayEvents = React32.useMemo(() => {
     const isValidStart = (ev) => {
       try {
         if (ev.start == null) return false;
@@ -10639,7 +10639,7 @@ function WeekViewAgenda({
       });
     });
   }, [events, days]);
-  const processedDayEvents = React33.useMemo(() => {
+  const processedDayEvents = React32.useMemo(() => {
     const result = days.map((day) => {
       const dayEvents = events.filter((event) => {
         if (event.allDay || isMultiDayEventAgenda(event)) return false;
@@ -10904,15 +10904,15 @@ function AgendaView({
       return false;
     }
   };
-  const datedEvents = React33.useMemo(
+  const datedEvents = React32.useMemo(
     () => events.filter((e) => isValidDate5(e.start) || isValidDate5(e.end)),
     [events]
   );
-  const undatedEvents = React33.useMemo(
+  const undatedEvents = React32.useMemo(
     () => events.filter((e) => !(isValidDate5(e.start) || isValidDate5(e.end))),
     [events]
   );
-  const days = React33.useMemo(() => {
+  const days = React32.useMemo(() => {
     return Array.from(
       { length: AgendaDaysToShow },
       (_, i) => dateFns.addDays(new Date(currentDate), i)
@@ -10981,7 +10981,7 @@ function AgendaView({
     ] })
   ] }) });
 }
-var CalendarDndContext2 = React33.createContext({
+var CalendarDndContext2 = React32.createContext({
   activeEvent: null,
   activeId: null,
   activeView: null,
@@ -10991,22 +10991,22 @@ var CalendarDndContext2 = React33.createContext({
   isMultiDay: false,
   multiDayWidth: null
 });
-var useCalendarDnd = () => React33.useContext(CalendarDndContext2);
+var useCalendarDnd = () => React32.useContext(CalendarDndContext2);
 function CalendarDndProvider({
   children,
   onEventUpdate
 }) {
-  const [activeEvent, setActiveEvent] = React33.useState(null);
-  const [activeId, setActiveId] = React33.useState(null);
-  const [activeView, setActiveView] = React33.useState(
+  const [activeEvent, setActiveEvent] = React32.useState(null);
+  const [activeId, setActiveId] = React32.useState(null);
+  const [activeView, setActiveView] = React32.useState(
     null
   );
-  const [currentTime, setCurrentTime] = React33.useState(null);
-  const [eventHeight, setEventHeight] = React33.useState(null);
-  const [isMultiDay, setIsMultiDay] = React33.useState(false);
-  const [multiDayWidth, setMultiDayWidth] = React33.useState(null);
-  const [dragHandlePosition, setDragHandlePosition] = React33.useState(null);
-  const eventDimensions = React33.useRef({ height: 0 });
+  const [currentTime, setCurrentTime] = React32.useState(null);
+  const [eventHeight, setEventHeight] = React32.useState(null);
+  const [isMultiDay, setIsMultiDay] = React32.useState(false);
+  const [multiDayWidth, setMultiDayWidth] = React32.useState(null);
+  const [dragHandlePosition, setDragHandlePosition] = React32.useState(null);
+  const eventDimensions = React32.useRef({ height: 0 });
   const sensors = core.useSensors(
     core.useSensor(core.MouseSensor, {
       // Require the mouse to move by 5px before activating
@@ -11028,7 +11028,7 @@ function CalendarDndProvider({
       }
     })
   );
-  const dndContextId = React33.useId();
+  const dndContextId = React32.useId();
   const handleDragStart = (event) => {
     const { active } = event;
     if (!active.data.current) {
@@ -11213,14 +11213,14 @@ function DayView({
   onEventSelect,
   onEventCreate
 }) {
-  const hours = React33.useMemo(() => {
+  const hours = React32.useMemo(() => {
     const dayStart = dateFns.startOfDay(currentDate);
     return dateFns.eachHourOfInterval({
       end: dateFns.addHours(dayStart, EndHour - 1),
       start: dateFns.addHours(dayStart, StartHour)
     });
   }, [currentDate]);
-  const dayEvents = React33.useMemo(() => {
+  const dayEvents = React32.useMemo(() => {
     return events.filter((event) => {
       const eventStart = new Date(event.start);
       const eventEnd = new Date(event.end);
@@ -11229,17 +11229,17 @@ function DayView({
       (a, b) => new Date(a.start).getTime() - new Date(b.start).getTime()
     );
   }, [currentDate, events]);
-  const allDayEvents = React33.useMemo(() => {
+  const allDayEvents = React32.useMemo(() => {
     return dayEvents.filter((event) => {
       return event.allDay || isMultiDayEvent(event);
     });
   }, [dayEvents]);
-  const timeEvents = React33.useMemo(() => {
+  const timeEvents = React32.useMemo(() => {
     return dayEvents.filter((event) => {
       return !event.allDay && !isMultiDayEvent(event);
     });
   }, [dayEvents]);
-  const positionedEvents = React33.useMemo(() => {
+  const positionedEvents = React32.useMemo(() => {
     const result = [];
     const dayStart = dateFns.startOfDay(currentDate);
     const sortedEvents = [...timeEvents].sort((a, b) => {
@@ -11428,8 +11428,8 @@ function DraggableEvent2({
   "aria-hidden": ariaHidden
 }) {
   const { activeId } = useCalendarDnd();
-  const elementRef = React33.useRef(null);
-  const [dragHandlePosition, setDragHandlePosition] = React33.useState(null);
+  const elementRef = React32.useRef(null);
+  const [dragHandlePosition, setDragHandlePosition] = React32.useState(null);
   const eventStart = new Date(event.start);
   const eventEnd = new Date(event.end);
   const isMultiDayEvent2 = isMultiDay || event.allDay || dateFns.differenceInDays(eventEnd, eventStart) >= 1;
@@ -11554,11 +11554,11 @@ function EventCalendar({
   className,
   initialView = "month"
 }) {
-  const [currentDate, setCurrentDate] = React33.useState(/* @__PURE__ */ new Date());
-  const [view, setView] = React33.useState(initialView);
-  const [isFading, setIsFading] = React33.useState(false);
+  const [currentDate, setCurrentDate] = React32.useState(/* @__PURE__ */ new Date());
+  const [view, setView] = React32.useState(initialView);
+  const [isFading, setIsFading] = React32.useState(false);
   const FADE_DURATION = 220;
-  const changeView = React33.useCallback(
+  const changeView = React32.useCallback(
     (next) => {
       if (next === view) return;
       setIsFading(true);
@@ -11569,12 +11569,12 @@ function EventCalendar({
     },
     [view]
   );
-  const [isPaging, setIsPaging] = React33.useState(false);
-  const [pageDirection, setPageDirection] = React33.useState(
+  const [isPaging, setIsPaging] = React32.useState(false);
+  const [pageDirection, setPageDirection] = React32.useState(
     null
   );
   const PAGE_DURATION = 200;
-  const pageTransition = React33.useCallback(
+  const pageTransition = React32.useCallback(
     (applyDateChange, direction) => {
       setIsPaging(true);
       setPageDirection(direction);
@@ -11588,11 +11588,11 @@ function EventCalendar({
     },
     []
   );
-  const [isEventDialogOpen, setIsEventDialogOpen] = React33.useState(false);
-  const [selectedEvent, setSelectedEvent] = React33.useState(
+  const [isEventDialogOpen, setIsEventDialogOpen] = React32.useState(false);
+  const [selectedEvent, setSelectedEvent] = React32.useState(
     null
   );
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     const handleKeyDown = (e) => {
       if (isEventDialogOpen || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLElement && e.target.isContentEditable) {
         return;
@@ -11734,7 +11734,7 @@ function EventCalendar({
       position: "bottom-left"
     });
   };
-  const viewTitle = React33.useMemo(() => {
+  const viewTitle = React32.useMemo(() => {
     const capitalize = (s) => s && s.length > 0 ? s.charAt(0).toUpperCase() + s.slice(1) : s;
     if (view === "month") {
       return capitalize(dateFns.format(currentDate, "MMMM yyyy", { locale: locale.ptBR }));
@@ -11993,21 +11993,21 @@ function EventDialog({
   onSave,
   onDelete
 }) {
-  const [title, setTitle] = React33.useState("");
-  const [description, setDescription] = React33.useState("");
-  const [startDate, setStartDate] = React33.useState(/* @__PURE__ */ new Date());
-  const [endDate, setEndDate] = React33.useState(/* @__PURE__ */ new Date());
-  const [startTime, setStartTime] = React33.useState(`${DefaultStartHour}:00`);
-  const [endTime, setEndTime] = React33.useState(`${DefaultEndHour}:00`);
-  const [allDay, setAllDay] = React33.useState(false);
-  const [location, setLocation] = React33.useState("");
-  const [color, setColor] = React33.useState("sky");
-  const [error, setError] = React33.useState(null);
-  const [startDateOpen, setStartDateOpen] = React33.useState(false);
-  const [endDateOpen, setEndDateOpen] = React33.useState(false);
-  React33.useEffect(() => {
+  const [title, setTitle] = React32.useState("");
+  const [description, setDescription] = React32.useState("");
+  const [startDate, setStartDate] = React32.useState(/* @__PURE__ */ new Date());
+  const [endDate, setEndDate] = React32.useState(/* @__PURE__ */ new Date());
+  const [startTime, setStartTime] = React32.useState(`${DefaultStartHour}:00`);
+  const [endTime, setEndTime] = React32.useState(`${DefaultEndHour}:00`);
+  const [allDay, setAllDay] = React32.useState(false);
+  const [location, setLocation] = React32.useState("");
+  const [color, setColor] = React32.useState("sky");
+  const [error, setError] = React32.useState(null);
+  const [startDateOpen, setStartDateOpen] = React32.useState(false);
+  const [endDateOpen, setEndDateOpen] = React32.useState(false);
+  React32.useEffect(() => {
   }, [event]);
-  const resetForm = React33.useCallback(() => {
+  const resetForm = React32.useCallback(() => {
     setTitle("");
     setDescription("");
     setStartDate(/* @__PURE__ */ new Date());
@@ -12019,12 +12019,12 @@ function EventDialog({
     setColor("sky");
     setError(null);
   }, []);
-  const formatTimeForInput = React33.useCallback((date) => {
+  const formatTimeForInput = React32.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")}`;
   }, []);
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     if (event) {
       setTitle(event.title || "");
       setDescription(event.description || "");
@@ -12042,7 +12042,7 @@ function EventDialog({
       resetForm();
     }
   }, [event, formatTimeForInput, resetForm]);
-  const timeOptions = React33.useMemo(() => {
+  const timeOptions = React32.useMemo(() => {
     const options = [];
     for (let hour = StartHour; hour <= EndHour; hour++) {
       for (let minute = 0; minute < 60; minute += 15) {
@@ -12521,7 +12521,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 = React33.useMemo(() => {
+  const displayStart = React32.useMemo(() => {
     if (!hasValidTime) return void 0;
     if (isValidDate3(event.start))
       return currentTime || new Date(event.start);
@@ -12529,7 +12529,7 @@ function EventItem({
       return currentTime || new Date(event.attend_date);
     return void 0;
   }, [currentTime, event.start, event.attend_date, hasValidTime]);
-  const displayEnd = React33.useMemo(() => {
+  const displayEnd = React32.useMemo(() => {
     if (!hasValidTime) return void 0;
     if (isValidDate3(event.end)) {
       return currentTime ? new Date(
@@ -12542,7 +12542,7 @@ function EventItem({
     }
     return void 0;
   }, [currentTime, event.start, event.end, event.attend_date, hasValidTime]);
-  const durationMinutes = React33.useMemo(() => {
+  const durationMinutes = React32.useMemo(() => {
     if (!hasValidTime || !displayStart || !displayEnd) return 0;
     return dateFns.differenceInMinutes(displayEnd, displayStart);
   }, [displayStart, displayEnd, hasValidTime]);
@@ -12748,8 +12748,8 @@ function EventsPopup({
   onClose,
   onEventSelect
 }) {
-  const popupRef = React33.useRef(null);
-  React33.useEffect(() => {
+  const popupRef = React32.useRef(null);
+  React32.useEffect(() => {
     const handleClickOutside = (event) => {
       if (popupRef.current && !popupRef.current.contains(event.target)) {
         onClose();
@@ -12760,7 +12760,7 @@ function EventsPopup({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [onClose]);
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     const handleEscKey = (event) => {
       if (event.key === "Escape") {
         onClose();
@@ -12775,7 +12775,7 @@ function EventsPopup({
     if (onEventSelect) onEventSelect(event);
     onClose();
   };
-  const adjustedPosition = React33.useMemo(() => {
+  const adjustedPosition = React32.useMemo(() => {
     const positionCopy = { ...position };
     if (popupRef.current) {
       const rect = popupRef.current.getBoundingClientRect();
@@ -12853,9 +12853,9 @@ function EventsPopup({
   );
 }
 function useCurrentTimeIndicator(currentDate, view) {
-  const [currentTimePosition, setCurrentTimePosition] = React33.useState(0);
-  const [currentTimeVisible, setCurrentTimeVisible] = React33.useState(false);
-  React33.useEffect(() => {
+  const [currentTimePosition, setCurrentTimePosition] = React32.useState(0);
+  const [currentTimeVisible, setCurrentTimeVisible] = React32.useState(false);
+  React32.useEffect(() => {
     const calculateTimePosition = () => {
       const now = /* @__PURE__ */ new Date();
       const hours = now.getHours();
@@ -12888,10 +12888,10 @@ function useEventVisibility({
   eventHeight,
   eventGap
 }) {
-  const contentRef = React33.useRef(null);
-  const observerRef = React33.useRef(null);
-  const [contentHeight, setContentHeight] = React33.useState(null);
-  React33.useLayoutEffect(() => {
+  const contentRef = React32.useRef(null);
+  const observerRef = React32.useRef(null);
+  const [contentHeight, setContentHeight] = React32.useState(null);
+  React32.useLayoutEffect(() => {
     if (!contentRef.current) return;
     const updateHeight = () => {
       if (contentRef.current) {
@@ -12911,7 +12911,7 @@ function useEventVisibility({
       }
     };
   }, []);
-  const getVisibleEventCount = React33.useMemo(() => {
+  const getVisibleEventCount = React32.useMemo(() => {
     return (totalEvents) => {
       if (!contentHeight) return totalEvents;
       const maxEvents = Math.floor(contentHeight / (eventHeight + eventGap));
@@ -12933,21 +12933,21 @@ function MonthView({
   onEventSelect,
   onEventCreate
 }) {
-  const days = React33.useMemo(() => {
+  const days = React32.useMemo(() => {
     const monthStart = dateFns.startOfMonth(currentDate);
     const monthEnd = dateFns.endOfMonth(monthStart);
     const calendarStart = dateFns.startOfWeek(monthStart, { weekStartsOn: 0 });
     const calendarEnd = dateFns.endOfWeek(monthEnd, { weekStartsOn: 0 });
     return dateFns.eachDayOfInterval({ end: calendarEnd, start: calendarStart });
   }, [currentDate]);
-  const weekdays = React33.useMemo(() => {
+  const weekdays = React32.useMemo(() => {
     return Array.from({ length: 7 }).map((_, i) => {
       const date = dateFns.addDays(dateFns.startOfWeek(/* @__PURE__ */ new Date(), { weekStartsOn: 0 }), i);
       const short = dateFns.format(date, "EEE", { locale: locale.ptBR });
       return short.charAt(0).toUpperCase() + short.slice(1);
     });
   }, []);
-  const weeks = React33.useMemo(() => {
+  const weeks = React32.useMemo(() => {
     const result = [];
     let week = [];
     for (let i = 0; i < days.length; i++) {
@@ -12963,12 +12963,12 @@ function MonthView({
     e.stopPropagation();
     onEventSelect(event);
   };
-  const [isMounted, setIsMounted] = React33.useState(false);
+  const [isMounted, setIsMounted] = React32.useState(false);
   const { contentRef, getVisibleEventCount } = useEventVisibility({
     eventGap: EventGap,
     eventHeight: EventHeight
   });
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     setIsMounted(true);
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "contents", "data-slot": "month-view", children: [
@@ -13242,23 +13242,23 @@ function WeekView({
   onEventSelect,
   onEventCreate
 }) {
-  const days = React33.useMemo(() => {
+  const days = React32.useMemo(() => {
     const weekStart2 = dateFns.startOfWeek(currentDate, { weekStartsOn: 0 });
     const weekEnd = dateFns.endOfWeek(currentDate, { weekStartsOn: 0 });
     return dateFns.eachDayOfInterval({ end: weekEnd, start: weekStart2 });
   }, [currentDate]);
-  const weekStart = React33.useMemo(
+  const weekStart = React32.useMemo(
     () => dateFns.startOfWeek(currentDate, { weekStartsOn: 0 }),
     [currentDate]
   );
-  const hours = React33.useMemo(() => {
+  const hours = React32.useMemo(() => {
     const dayStart = dateFns.startOfDay(currentDate);
     return dateFns.eachHourOfInterval({
       end: dateFns.addHours(dayStart, EndHour - 1),
       start: dateFns.addHours(dayStart, StartHour)
     });
   }, [currentDate]);
-  const allDayEvents = React33.useMemo(() => {
+  const allDayEvents = React32.useMemo(() => {
     return events.filter((event) => {
       return event.allDay || isMultiDayEvent(event);
     }).filter((event) => {
@@ -13269,7 +13269,7 @@ function WeekView({
       );
     });
   }, [events, days]);
-  const processedDayEvents = React33.useMemo(() => {
+  const processedDayEvents = React32.useMemo(() => {
     const result = days.map((day) => {
       const dayEvents = events.filter((event) => {
         if (event.allDay || isMultiDayEvent(event)) return false;
@@ -13558,8 +13558,8 @@ function AvatarCombobox({
   className,
   colors: colors2
 }) {
-  const [open, setOpen] = React33.useState(false);
-  const id = React33.useId();
+  const [open, setOpen] = React32.useState(false);
+  const id = React32.useId();
   const allItems = items || (groupItems ? Object.values(groupItems).flat() : []);
   const selectedItem = allItems.find((item) => item.value === selected);
   const renderItem = (item) => {
@@ -13697,13 +13697,13 @@ function MultiSelect({
   clickToRemove = true,
   overflowBehavior = "wrap-when-open"
 }) {
-  const [page, setPage] = React33.useState(1);
-  const [animating, setAnimating] = React33.useState(false);
+  const [page, setPage] = React32.useState(1);
+  const [animating, setAnimating] = React32.useState(false);
   const groupCount = groupItems ? Object.keys(groupItems).length : 0;
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     setPage(1);
   }, [items?.length, groupCount, pagination]);
-  const paged = React33.useMemo(() => {
+  const paged = React32.useMemo(() => {
     if (!pagination || pagination <= 0) return null;
     if (groupItems) {
       const flattened = Object.keys(groupItems).flatMap(
@@ -13734,13 +13734,13 @@ 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);
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     if (!pagination) return;
     setAnimating(true);
     const id = setTimeout(() => setAnimating(false), 220);
     return () => clearTimeout(id);
   }, [page, pagination]);
-  const initialItems = React33.useMemo(() => {
+  const initialItems = React32.useMemo(() => {
     if (groupItems) {
       return Object.values(groupItems).flat();
     }
@@ -13789,7 +13789,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__ */ jsxRuntime.jsxs(React33__namespace.default.Fragment, { children: [
+                    children: paged && "grouped" in paged ? Object.keys(paged.grouped).map((key, index) => /* @__PURE__ */ jsxRuntime.jsxs(React32__namespace.default.Fragment, { children: [
                       /* @__PURE__ */ jsxRuntime.jsx(
                         MultiSelectGroupBase,
                         {
@@ -13856,7 +13856,7 @@ function MultiSelect({
                     )
                   ] })
                 ] })
-              ] }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: groupItems ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: Object.keys(groupItems).map((key, index) => /* @__PURE__ */ jsxRuntime.jsxs(React33__namespace.default.Fragment, { children: [
+              ] }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: groupItems ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: Object.keys(groupItems).map((key, index) => /* @__PURE__ */ jsxRuntime.jsxs(React32__namespace.default.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   MultiSelectGroupBase,
                   {
@@ -14241,11 +14241,11 @@ function PeriodsDropdown({
   activePeriods
 }) {
   const periods = processedData.map((d) => String(d.name));
-  const [open, setOpen] = React33.useState(false);
-  const wrapperRef = React33.useRef(null);
-  const firstItemRef = React33.useRef(null);
-  const listRef = React33.useRef(null);
-  React33.useEffect(() => {
+  const [open, setOpen] = React32.useState(false);
+  const wrapperRef = React32.useRef(null);
+  const firstItemRef = React32.useRef(null);
+  const listRef = React32.useRef(null);
+  React32.useEffect(() => {
     const handleClickOutside = (e) => {
       if (!wrapperRef.current) return;
       if (!wrapperRef.current.contains(e.target)) setOpen(false);
@@ -14260,7 +14260,7 @@ function PeriodsDropdown({
       document.removeEventListener("keydown", handleEscape);
     };
   }, []);
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     if (open && firstItemRef.current) {
       firstItemRef.current.focus();
     }
@@ -14664,12 +14664,12 @@ var DraggableTooltipComponent = ({
   valueFormatter,
   categoryFormatter
 }) => {
-  const visibleKeys = React33.useMemo(
+  const visibleKeys = React32.useMemo(
     () => showOnlyHighlighted && highlightedSeries && highlightedSeries.size > 0 ? dataKeys.filter((k) => highlightedSeries.has(k)) : dataKeys,
     [showOnlyHighlighted, highlightedSeries, dataKeys]
   );
-  const TotalDisplay = React33__namespace.default.memo(({ data: data2, visibleKeys: visibleKeys2, valueFormatter: localformatter }) => {
-    const total = React33.useMemo(() => {
+  const TotalDisplay = React32__namespace.default.memo(({ data: data2, visibleKeys: visibleKeys2, valueFormatter: localformatter }) => {
+    const total = React32.useMemo(() => {
       const numeric = visibleKeys2.map((k) => data2[k]).filter((v) => typeof v === "number");
       return numeric.reduce((s, v) => s + (v || 0), 0);
     }, [data2, visibleKeys2]);
@@ -14691,14 +14691,14 @@ var DraggableTooltipComponent = ({
       )
     ] });
   });
-  const [localPos, setLocalPos] = React33.useState(position);
-  const [dragging, setDragging] = React33.useState(false);
-  const offsetRef = React33.useRef({ x: 0, y: 0 });
-  const lastMouse = React33.useRef({ x: 0, y: 0 });
-  const [alignmentGuides, setAlignmentGuides] = React33.useState([]);
-  const [globalTooltipCountLocal, setGlobalTooltipCountLocal] = React33.useState(0);
-  React33.useEffect(() => setLocalPos(position), [position]);
-  const getAllTooltips = React33.useCallback(() => {
+  const [localPos, setLocalPos] = React32.useState(position);
+  const [dragging, setDragging] = React32.useState(false);
+  const offsetRef = React32.useRef({ x: 0, y: 0 });
+  const lastMouse = React32.useRef({ x: 0, y: 0 });
+  const [alignmentGuides, setAlignmentGuides] = React32.useState([]);
+  const [globalTooltipCountLocal, setGlobalTooltipCountLocal] = React32.useState(0);
+  React32.useEffect(() => setLocalPos(position), [position]);
+  const getAllTooltips = React32.useCallback(() => {
     const response = [];
     const ev = new CustomEvent("requestGlobalTooltips", {
       detail: { requesterId: id, response }
@@ -14706,7 +14706,7 @@ var DraggableTooltipComponent = ({
     window.dispatchEvent(ev);
     return response;
   }, [id]);
-  const updateAlignmentGuides = React33.useCallback(
+  const updateAlignmentGuides = React32.useCallback(
     (currentPosition) => {
       const allTooltips = getAllTooltips();
       const otherTooltips = allTooltips.filter((t) => t.id !== id);
@@ -14755,7 +14755,7 @@ var DraggableTooltipComponent = ({
     },
     [getAllTooltips, id]
   );
-  const snapToGuides = React33.useCallback(
+  const snapToGuides = React32.useCallback(
     (position2) => {
       const snappedPosition = { ...position2 };
       let hasSnapped = false;
@@ -14802,7 +14802,7 @@ var DraggableTooltipComponent = ({
     },
     [alignmentGuides]
   );
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     let rafId = null;
     const handleMouseMove = (e) => {
       if (!dragging) return;
@@ -14876,7 +14876,7 @@ var DraggableTooltipComponent = ({
       document.body.style.userSelect = "";
     };
   }, [dragging, snapToGuides, updateAlignmentGuides, id, onPositionChange]);
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     const handleCloseAll = () => onClose(id);
     const handleRequestTooltipCount = () => {
       window.dispatchEvent(
@@ -14907,7 +14907,7 @@ var DraggableTooltipComponent = ({
       });
     };
   }, [id, localPos, onClose]);
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     if (dragging) return;
     let total = 0;
     const timeoutId = setTimeout(() => {
@@ -14925,7 +14925,7 @@ var DraggableTooltipComponent = ({
     }, 0);
     return () => clearTimeout(timeoutId);
   }, [localPos, dragging]);
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     const recount = () => {
       if (dragging) return;
       let total = 0;
@@ -14943,7 +14943,7 @@ var DraggableTooltipComponent = ({
     window.addEventListener("recountTooltips", recount);
     return () => window.removeEventListener("recountTooltips", recount);
   }, [dragging]);
-  const handleMouseDownLocal = React33.useCallback(
+  const handleMouseDownLocal = React32.useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -14954,7 +14954,7 @@ var DraggableTooltipComponent = ({
     },
     [id, onMouseDown]
   );
-  const handleTouchStartLocal = React33.useCallback(
+  const handleTouchStartLocal = React32.useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -14970,7 +14970,7 @@ var DraggableTooltipComponent = ({
     },
     [id, onMouseDown]
   );
-  const handleCloseClick = React33.useCallback(
+  const handleCloseClick = React32.useCallback(
     (e) => {
       e.stopPropagation();
       onClose(id);
@@ -15116,7 +15116,7 @@ var DraggableTooltipComponent = ({
           ] }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 pt-2 space-y-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide mb-2", children: dataLabel }),
-            React33.useMemo(
+            React32.useMemo(
               () => visibleKeys.map((key) => {
                 const value = data[key];
                 if (value === void 0) return null;
@@ -15234,7 +15234,7 @@ var DraggableTooltipComponent = ({
     )
   ] });
 };
-var DraggableTooltip = React33__namespace.default.memo(DraggableTooltipComponent);
+var DraggableTooltip = React32__namespace.default.memo(DraggableTooltipComponent);
 DraggableTooltip.displayName = "DraggableTooltip";
 var DraggableTooltip_default = DraggableTooltip;
 var RechartTooltipWithTotal = ({
@@ -15513,13 +15513,13 @@ var SystemTooltip = ({
   onClose,
   onPositionChange
 }) => {
-  const [localPos, setLocalPos] = React33.useState(position);
-  const [dragging, setDragging] = React33.useState(false);
-  const [expandedId, setExpandedId] = React33.useState(null);
-  const offsetRef = React33.useRef({ x: 0, y: 0 });
-  const lastMouse = React33.useRef({ x: 0, y: 0 });
-  React33.useEffect(() => setLocalPos(position), [position]);
-  React33.useEffect(() => {
+  const [localPos, setLocalPos] = React32.useState(position);
+  const [dragging, setDragging] = React32.useState(false);
+  const [expandedId, setExpandedId] = React32.useState(null);
+  const offsetRef = React32.useRef({ x: 0, y: 0 });
+  const lastMouse = React32.useRef({ x: 0, y: 0 });
+  React32.useEffect(() => setLocalPos(position), [position]);
+  React32.useEffect(() => {
     let rafId = null;
     const handleMouseMove = (e) => {
       if (!dragging) return;
@@ -15558,7 +15558,7 @@ var SystemTooltip = ({
       document.body.style.userSelect = "";
     };
   }, [dragging, id, onPositionChange]);
-  const handleMouseDownLocal = React33.useCallback(
+  const handleMouseDownLocal = React32.useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -15570,7 +15570,7 @@ var SystemTooltip = ({
     },
     [id, onMouseDown]
   );
-  const handleTouchStartLocal = React33.useCallback(
+  const handleTouchStartLocal = React32.useCallback(
     (e) => {
       e.stopPropagation();
       const touch = e.touches[0];
@@ -15586,11 +15586,11 @@ var SystemTooltip = ({
     },
     [id, onMouseDown]
   );
-  const entries = React33.useMemo(
+  const entries = React32.useMemo(
     () => data.connections.filter((c) => c.type === "entrada"),
     [data.connections]
   );
-  const exits = React33.useMemo(
+  const exits = React32.useMemo(
     () => data.connections.filter((c) => c.type === "saida"),
     [data.connections]
   );
@@ -16662,11 +16662,11 @@ var NoData = ({
 };
 var NoData_default = NoData;
 var useChartHighlights = () => {
-  const [highlightedSeries, setHighlightedSeries] = React33.useState(
+  const [highlightedSeries, setHighlightedSeries] = React32.useState(
     /* @__PURE__ */ new Set()
   );
-  const [showOnlyHighlighted, setShowOnlyHighlighted] = React33.useState(false);
-  const toggleHighlight = React33.useCallback((key) => {
+  const [showOnlyHighlighted, setShowOnlyHighlighted] = React32.useState(false);
+  const toggleHighlight = React32.useCallback((key) => {
     setHighlightedSeries((prev) => {
       const next = new Set(prev);
       if (next.has(key)) {
@@ -16677,17 +16677,17 @@ var useChartHighlights = () => {
       return next;
     });
   }, []);
-  const clearHighlights = React33.useCallback(() => {
+  const clearHighlights = React32.useCallback(() => {
     setHighlightedSeries(/* @__PURE__ */ new Set());
     setShowOnlyHighlighted(false);
   }, []);
-  const isHighlighted = React33.useCallback(
+  const isHighlighted = React32.useCallback(
     (key) => {
       return highlightedSeries.has(key);
     },
     [highlightedSeries]
   );
-  const getSeriesStyle = React33.useCallback(
+  const getSeriesStyle = React32.useCallback(
     (key) => {
       const hasHighlights = highlightedSeries.size > 0;
       const isSeriesHighlighted = highlightedSeries.has(key);
@@ -16732,9 +16732,9 @@ var useChartHighlights = () => {
   };
 };
 var useChartDimensions = () => {
-  const wrapperRef = React33.useRef(null);
-  const [measuredWidth, setMeasuredWidth] = React33.useState(null);
-  React33.useLayoutEffect(() => {
+  const wrapperRef = React32.useRef(null);
+  const [measuredWidth, setMeasuredWidth] = React32.useState(null);
+  React32.useLayoutEffect(() => {
     const el = wrapperRef.current;
     if (!el) return;
     const ro = new ResizeObserver((entries) => {
@@ -16750,11 +16750,11 @@ var useChartDimensions = () => {
   return { wrapperRef, measuredWidth };
 };
 var useChartTooltips = (maxTooltips = 5) => {
-  const [activeTooltips, setActiveTooltips] = React33.useState([]);
-  React33.useEffect(() => {
+  const [activeTooltips, setActiveTooltips] = React32.useState([]);
+  React32.useEffect(() => {
     window.dispatchEvent(new Event("recountTooltips"));
   }, [activeTooltips.length]);
-  const toggleTooltip = React33.useCallback(
+  const toggleTooltip = React32.useCallback(
     (tooltipId, data, basePosition) => {
       const existingIndex = activeTooltips.findIndex((t) => t.id === tooltipId);
       if (existingIndex !== -1) {
@@ -16783,7 +16783,7 @@ var useChartTooltips = (maxTooltips = 5) => {
     },
     [activeTooltips, maxTooltips]
   );
-  const onTooltipPositionChange = React33.useCallback(
+  const onTooltipPositionChange = React32.useCallback(
     (id, position) => {
       setActiveTooltips(
         (prev) => prev.map((t) => t.id === id ? { ...t, position } : t)
@@ -16791,10 +16791,10 @@ var useChartTooltips = (maxTooltips = 5) => {
     },
     []
   );
-  const closeTooltip = React33.useCallback((id) => {
+  const closeTooltip = React32.useCallback((id) => {
     setActiveTooltips((prev) => prev.filter((t) => t.id !== id));
   }, []);
-  const closeAllTooltips = React33.useCallback(() => {
+  const closeAllTooltips = React32.useCallback(() => {
     setActiveTooltips([]);
   }, []);
   return {
@@ -16812,7 +16812,7 @@ var useChartClick = ({
   toggleTooltip,
   setActiveTooltips
 }) => {
-  const handleChartClick = React33.useCallback(
+  const handleChartClick = React32.useCallback(
     (e) => {
       if (!enableDraggableTooltips) return;
       const ev = e;
@@ -16830,7 +16830,7 @@ var useChartClick = ({
     },
     [enableDraggableTooltips, xAxisDataKey, toggleTooltip, setActiveTooltips]
   );
-  const handleBarClick = React33.useCallback(
+  const handleBarClick = React32.useCallback(
     (data, index, event) => {
       if (!enableDraggableTooltips) return;
       event.stopPropagation();
@@ -16844,7 +16844,7 @@ var useChartClick = ({
     },
     [enableDraggableTooltips, xAxisDataKey, toggleTooltip]
   );
-  const handleSeriesClick = React33.useCallback(
+  const handleSeriesClick = React32.useCallback(
     (...args) => {
       if (args.length >= 3) {
         const [data, index, event] = args;
@@ -16867,16 +16867,16 @@ function useTimeSeriesRange({
   defaultEndIndex,
   onRangeChange
 }) {
-  const [startIndex, setStartIndex] = React33.useState(defaultStartIndex);
-  const [endIndex, setEndIndex] = React33.useState(
+  const [startIndex, setStartIndex] = React32.useState(defaultStartIndex);
+  const [endIndex, setEndIndex] = React32.useState(
     defaultEndIndex ?? Math.max(0, dataLength - 1)
   );
-  const [isDragging, setIsDragging] = React33.useState(null);
-  const [dragStartX, setDragStartX] = React33.useState(0);
-  const [initialStartIndex, setInitialStartIndex] = React33.useState(0);
-  const [initialEndIndex, setInitialEndIndex] = React33.useState(0);
-  const brushRef = React33.useRef(null);
-  React33.useEffect(() => {
+  const [isDragging, setIsDragging] = React32.useState(null);
+  const [dragStartX, setDragStartX] = React32.useState(0);
+  const [initialStartIndex, setInitialStartIndex] = React32.useState(0);
+  const [initialEndIndex, setInitialEndIndex] = React32.useState(0);
+  const brushRef = React32.useRef(null);
+  React32.useEffect(() => {
     if (dataLength > 0) {
       setStartIndex((prev) => Math.min(prev, dataLength - 1));
       setEndIndex((prev) => {
@@ -16887,7 +16887,7 @@ function useTimeSeriesRange({
       });
     }
   }, [dataLength, defaultEndIndex]);
-  const handleRangeChange = React33.useCallback(
+  const handleRangeChange = React32.useCallback(
     (newStart, newEnd) => {
       const clampedStart = Math.max(0, Math.min(newStart, dataLength - 1));
       const clampedEnd = Math.max(
@@ -16902,7 +16902,7 @@ function useTimeSeriesRange({
     },
     [dataLength, onRangeChange]
   );
-  const handleMouseDown = React33.useCallback(
+  const handleMouseDown = React32.useCallback(
     (e, type) => {
       e.preventDefault();
       const isTouchEvent = "touches" in e;
@@ -16914,7 +16914,7 @@ function useTimeSeriesRange({
     },
     [startIndex, endIndex]
   );
-  const handleMouseMove = React33.useCallback(
+  const handleMouseMove = React32.useCallback(
     (e) => {
       if (!isDragging || !brushRef.current) return;
       const isTouchEvent = "touches" in e;
@@ -16959,10 +16959,10 @@ function useTimeSeriesRange({
       handleRangeChange
     ]
   );
-  const handleMouseUp = React33.useCallback(() => {
+  const handleMouseUp = React32.useCallback(() => {
     setIsDragging(null);
   }, []);
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     if (isDragging) {
       document.addEventListener("mousemove", handleMouseMove);
       document.addEventListener("mouseup", handleMouseUp);
@@ -16990,7 +16990,7 @@ var useChartMinMax = ({
   xAxisDataKey,
   categoryFormatter
 }) => {
-  return React33.useMemo(() => {
+  return React32.useMemo(() => {
     if (!processedData || processedData.length === 0 || !orderBy) {
       return {
         maxPeriodLabel: "",
@@ -17027,7 +17027,7 @@ function useProcessedData({
   startIndex,
   endIndex
 }) {
-  return React33.useMemo(() => {
+  return React32.useMemo(() => {
     const mapped = data.map((item) => ({
       ...item,
       name: String(item[xAxisKey] || "N/A")
@@ -17039,7 +17039,7 @@ function useProcessedData({
   }, [data, xAxisKey, timeSeriesConfig, startIndex, endIndex]);
 }
 function useBiaxial(biaxial, yAxisLabel) {
-  return React33.useMemo(() => {
+  return React32.useMemo(() => {
     if (!biaxial) return null;
     if (typeof biaxial === "string") return { key: [biaxial] };
     if (Array.isArray(biaxial)) return { key: biaxial };
@@ -17068,7 +17068,7 @@ function useChartLayout({
 }) {
   const finalChartRightMargin = chartMargin?.right ?? (rightKeysLength > 0 ? AXIS_LABEL_MARGIN : 30);
   const finalChartLeftMargin = chartMargin?.left ?? (yAxisLabel ? AXIS_LABEL_MARGIN : 0);
-  const yAxisTickWidth = React33.useMemo(() => {
+  const yAxisTickWidth = React32.useMemo(() => {
     const yAxisLabelStr = yAxisLabel === null || yAxisLabel === void 0 ? void 0 : String(yAxisLabel);
     return computeYAxisTickWidth(
       chartMargin?.left,
@@ -17101,7 +17101,7 @@ function useChartLayout({
   };
 }
 function useSeriesOpacity(highlightedSeries) {
-  return React33.useCallback(
+  return React32.useCallback(
     (key) => {
       return highlightedSeries.size > 0 ? highlightedSeries.has(key) ? 1 : 0.25 : 1;
     },
@@ -17240,7 +17240,7 @@ function useOpenTooltipForPeriod({
   maxTooltips,
   effectiveChartWidth
 }) {
-  return React33.useCallback(
+  return React32.useCallback(
     (periodName) => {
       fnOpenTooltipForPeriod(
         enableDraggableTooltips,
@@ -17312,7 +17312,7 @@ var Chart = ({
   const wrapperStyle = usesFullHeight ? void 0 : {
     height: typeof responsiveHeight === "number" ? `${responsiveHeight}px` : responsiveHeight
   };
-  const { xAxisConfig, mapperConfig } = React33.useMemo(() => {
+  const { xAxisConfig, mapperConfig } = React32.useMemo(() => {
     return fnSmartConfig({ xAxis, data, labelMap });
   }, [data, xAxis, labelMap]);
   const {
@@ -17329,12 +17329,12 @@ var Chart = ({
     onTooltipPositionChange,
     setActiveTooltips
   } = useChartTooltips(maxTooltips);
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     if (highlightedSeries.size === 0 && showOnlyHighlighted) {
       setShowOnlyHighlighted(false);
     }
   }, [highlightedSeries, showOnlyHighlighted, setShowOnlyHighlighted]);
-  const timeSeriesConfig = React33.useMemo(() => {
+  const timeSeriesConfig = React32.useMemo(() => {
     if (typeof timeSeries === "boolean") {
       return timeSeries ? {} : void 0;
     }
@@ -17355,48 +17355,48 @@ var Chart = ({
   });
   const seriesOrder = filtersOrder(mapperConfig, series);
   const allKeys = seriesOrder.map((s) => s.key).filter(Boolean);
-  const finalColors = React33.useMemo(
+  const finalColors = React32.useMemo(
     () => generateColorMap(allKeys, colors2, mapperConfig),
     [allKeys, colors2, mapperConfig]
   );
   const biaxialConfigNormalized = useBiaxial(biaxial, yAxisLabel);
-  const rightKeys = React33.useMemo(
+  const rightKeys = React32.useMemo(
     () => biaxialConfigNormalized?.key ?? [],
     [biaxialConfigNormalized]
   );
-  const leftKeys = React33.useMemo(
+  const leftKeys = React32.useMemo(
     () => allKeys.filter((k) => !rightKeys.includes(k)),
     [allKeys, rightKeys]
   );
-  const activePeriods = React33.useMemo(
+  const activePeriods = React32.useMemo(
     () => activeTooltips.map((t) => adaptDataForTooltip(t.data, xAxisConfig.dataKey).name),
     [activeTooltips, xAxisConfig.dataKey]
   );
-  const maxLeftDataValue = React33.useMemo(() => {
+  const maxLeftDataValue = React32.useMemo(() => {
     const numericKeys = leftKeys.length > 0 ? leftKeys : allKeys;
     return getMaxDataValue(processedData, numericKeys);
   }, [processedData, leftKeys, allKeys]);
-  const minLeftDataValue = React33.useMemo(() => {
+  const minLeftDataValue = React32.useMemo(() => {
     const numericKeys = leftKeys.length > 0 ? leftKeys : allKeys;
     return getMinDataValue(processedData, numericKeys);
   }, [processedData, leftKeys, allKeys]);
-  const maxRightDataValue = React33.useMemo(() => {
+  const maxRightDataValue = React32.useMemo(() => {
     if (rightKeys.length === 0) return 0;
     return getMaxDataValue(processedData, rightKeys);
   }, [processedData, rightKeys]);
-  const minRightDataValue = React33.useMemo(() => {
+  const minRightDataValue = React32.useMemo(() => {
     if (rightKeys.length === 0) return 0;
     return getMinDataValue(processedData, rightKeys);
   }, [processedData, rightKeys]);
-  const niceMaxLeft = React33.useMemo(
+  const niceMaxLeft = React32.useMemo(
     () => computeNiceMax(maxLeftDataValue),
     [maxLeftDataValue]
   );
-  const niceMaxRight = React33.useMemo(
+  const niceMaxRight = React32.useMemo(
     () => computeNiceMax(maxRightDataValue),
     [maxRightDataValue]
   );
-  const computedWidth = React33.useMemo(
+  const computedWidth = React32.useMemo(
     () => computeChartWidth(
       width,
       processedData.length,
@@ -17415,11 +17415,11 @@ var Chart = ({
     }
   );
   const getSeriesOpacity = useSeriesOpacity(highlightedSeries);
-  const finalValueFormatter = React33.useMemo(
+  const finalValueFormatter = React32.useMemo(
     () => createValueFormatter(valueFormatter, formatBR),
     [valueFormatter, formatBR]
   );
-  const yTickFormatter = React33.useMemo(
+  const yTickFormatter = React32.useMemo(
     () => createYTickFormatter(finalValueFormatter),
     [finalValueFormatter]
   );
@@ -17938,7 +17938,7 @@ var HorizontalChart = ({
   customLegend,
   orderBy
 }) => {
-  const { xAxisConfig, mapperConfig } = React33.useMemo(() => {
+  const { xAxisConfig, mapperConfig } = React32.useMemo(() => {
     return fnSmartConfig({ xAxis, data, labelMap });
   }, [data, xAxis, labelMap]);
   const {
@@ -17955,12 +17955,12 @@ var HorizontalChart = ({
     onTooltipPositionChange,
     setActiveTooltips
   } = useChartTooltips(maxTooltips);
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     if (highlightedSeries.size === 0 && showOnlyHighlighted) {
       setShowOnlyHighlighted(false);
     }
   }, [highlightedSeries, showOnlyHighlighted, setShowOnlyHighlighted]);
-  const processedData = React33.useMemo(() => {
+  const processedData = React32.useMemo(() => {
     const mapped = data.map((item) => ({
       ...item,
       name: String(item[xAxisConfig.dataKey] || "N/A")
@@ -17976,38 +17976,38 @@ var HorizontalChart = ({
   }, [data, xAxisConfig.dataKey, orderBy]);
   const seriesOrder = filtersOrder(mapperConfig, series);
   const allKeys = seriesOrder.map((s) => s.key).filter(Boolean);
-  const finalColors = React33.useMemo(
+  const finalColors = React32.useMemo(
     () => generateColorMap(allKeys, colors2, mapperConfig),
     [allKeys, colors2, mapperConfig]
   );
-  const activePeriods = React33.useMemo(
+  const activePeriods = React32.useMemo(
     () => activeTooltips.map((t) => adaptDataForTooltip(t.data, xAxisConfig.dataKey).name),
     [activeTooltips, xAxisConfig.dataKey]
   );
-  const maxDataValue = React33.useMemo(() => {
+  const maxDataValue = React32.useMemo(() => {
     return getMaxDataValue(processedData, allKeys);
   }, [processedData, allKeys]);
-  const minDataValue = React33.useMemo(() => {
+  const minDataValue = React32.useMemo(() => {
     return getMinDataValue(processedData, allKeys);
   }, [processedData, allKeys]);
-  const niceMax = React33.useMemo(() => computeNiceMax(maxDataValue), [maxDataValue]);
+  const niceMax = React32.useMemo(() => computeNiceMax(maxDataValue), [maxDataValue]);
   const { handleChartClick, handleBarClick } = useChartClick({
     enableDraggableTooltips,
     xAxisDataKey: xAxisConfig.dataKey,
     toggleTooltip,
     setActiveTooltips
   });
-  const getSeriesOpacity = React33.useCallback(
+  const getSeriesOpacity = React32.useCallback(
     (key) => {
       return highlightedSeries.size > 0 ? highlightedSeries.has(key) ? 1 : 0.25 : 1;
     },
     [highlightedSeries]
   );
-  const finalValueFormatter = React33.useMemo(
+  const finalValueFormatter = React32.useMemo(
     () => createValueFormatter(valueFormatter, formatBR),
     [valueFormatter, formatBR]
   );
-  const yTickFormatter = React33.useMemo(
+  const yTickFormatter = React32.useMemo(
     () => createYTickFormatter(finalValueFormatter),
     [finalValueFormatter]
   );
@@ -18017,7 +18017,7 @@ var HorizontalChart = ({
   const HORIZONTAL_PADDING_CLASS = "px-6";
   const effectiveChartWidth = typeof width === "number" ? width : measuredWidth ? Math.max(0, measuredWidth - 32) : 800;
   const chartInnerWidth = effectiveChartWidth - finalChartLeftMargin - finalChartRightMargin;
-  const openTooltipForPeriod = React33.useCallback(
+  const openTooltipForPeriod = React32.useCallback(
     (periodName) => {
       fnOpenTooltipForPeriod(
         enableDraggableTooltips,
@@ -18443,8 +18443,8 @@ function NumericInput({
   hideConfirm = false,
   numericKeyboard
 }) {
-  const original = React33.useMemo(() => value, [value]);
-  const [internalValue, setInternalValue] = React33.useState(original);
+  const original = React32.useMemo(() => value, [value]);
+  const [internalValue, setInternalValue] = React32.useState(original);
   const hasChanged = internalValue !== original;
   const handleSave = () => {
     if (!hasChanged || isLoading || disabled) return;
@@ -18528,8 +18528,8 @@ function Leaderboard({
   isLoading = false,
   legend
 }) {
-  const [order, setOrder] = React33.useState(initialOrder);
-  const [searchTerm, setSearchTerm] = React33.useState("");
+  const [order, setOrder] = React32.useState(initialOrder);
+  const [searchTerm, setSearchTerm] = React32.useState("");
   const mockData = [
     { name: "Ana", value: 92 },
     { name: "Bruno", value: 81 },
@@ -18647,6 +18647,546 @@ function Leaderboard({
     }
   );
 }
+var Lens = ({
+  children,
+  initialZoom = 1.5,
+  maxZoom = 4,
+  lensSize = 150,
+  isStatic = false,
+  position = { x: 200, y: 150 },
+  hovering,
+  setHovering
+}) => {
+  const containerRef = React32.useRef(null);
+  const [localIsHovering, setLocalIsHovering] = React32.useState(false);
+  const isHovering = hovering !== void 0 ? hovering : localIsHovering;
+  const setIsHovering = setHovering || setLocalIsHovering;
+  const [mousePosition, setMousePosition] = React32.useState({ x: 100, y: 100 });
+  const [zoomFactor, setZoomFactor] = React32.useState(initialZoom);
+  const [isActivated, setIsActivated] = React32.useState(false);
+  const handleMouseMove = (e) => {
+    const rect = e.currentTarget.getBoundingClientRect();
+    const x = e.clientX - rect.left;
+    const y = e.clientY - rect.top;
+    setMousePosition({ x, y });
+  };
+  const handleWheel = (e) => {
+    if (!isActivated) return;
+    const delta = -e.deltaY * 5e-3;
+    setZoomFactor((prev) => Math.min(Math.max(1.1, prev + delta), maxZoom));
+  };
+  const resetZoom = () => {
+    setZoomFactor(initialZoom);
+    setIsActivated(false);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: cn(
+        "relative overflow-hidden rounded-lg z-20 h-full",
+        isActivated ? "cursor-none" : "cursor-pointer"
+      ),
+      onClick: () => setIsActivated(!isActivated),
+      onMouseEnter: () => {
+        setIsHovering(true);
+      },
+      onMouseLeave: () => {
+        setIsHovering(false);
+        resetZoom();
+      },
+      onMouseMove: handleMouseMove,
+      onWheel: handleWheel,
+      children: [
+        children,
+        isStatic ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            framerMotion.motion.div,
+            {
+              initial: { opacity: 0, scale: 0.58 },
+              animate: { opacity: 1, scale: 1 },
+              exit: { opacity: 0, scale: 0.8 },
+              transition: { duration: 0.3, ease: "easeOut" },
+              className: "absolute inset-0 overflow-hidden",
+              style: {
+                maskImage: `radial-gradient(circle ${lensSize / 2}px at ${position.x}px ${position.y}px, black 100%, transparent 100%)`,
+                WebkitMaskImage: `radial-gradient(circle ${lensSize / 2}px at ${position.x}px ${position.y}px, black 100%, transparent 100%)`,
+                transformOrigin: `${position.x}px ${position.y}px`
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: "absolute inset-0",
+                  style: {
+                    transform: `scale(${zoomFactor})`,
+                    transformOrigin: `${position.x}px ${position.y}px`
+                  },
+                  children
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "absolute pointer-events-none",
+              style: {
+                left: position.x - lensSize / 2,
+                top: position.y - lensSize / 2,
+                width: lensSize,
+                height: lensSize,
+                borderRadius: "50%",
+                boxShadow: "0 8px 32px rgba(0, 0, 0, 0.4), 0 4px 16px rgba(0, 0, 0, 0.2)",
+                background: "radial-gradient(circle at center, transparent 60%, rgba(255, 255, 255, 0.1) 70%, rgba(255, 255, 255, 0.2) 80%, transparent 100%)"
+              }
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: isHovering && isActivated && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            framerMotion.motion.div,
+            {
+              initial: { opacity: 0, scale: 0.58 },
+              animate: { opacity: 1, scale: 1 },
+              exit: { opacity: 0, scale: 0.8 },
+              transition: { duration: 0.3, ease: "easeOut" },
+              className: "absolute inset-0 overflow-hidden",
+              style: {
+                maskImage: `radial-gradient(circle ${lensSize / 2}px at ${mousePosition.x}px ${mousePosition.y}px, black 100%, transparent 100%)`,
+                WebkitMaskImage: `radial-gradient(circle ${lensSize / 2}px at ${mousePosition.x}px ${mousePosition.y}px, black 100%, transparent 100%)`,
+                transformOrigin: `${mousePosition.x}px ${mousePosition.y}px`,
+                zIndex: 50
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: "absolute inset-0",
+                  style: {
+                    transform: `scale(${zoomFactor})`,
+                    transformOrigin: `${mousePosition.x}px ${mousePosition.y}px`
+                  },
+                  children
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            framerMotion.motion.div,
+            {
+              initial: { opacity: 0, scale: 0.58 },
+              animate: { opacity: 1, scale: 1 },
+              exit: { opacity: 0, scale: 0.8 },
+              transition: { duration: 0.3, ease: "easeOut" },
+              className: "absolute pointer-events-none z-[60]",
+              style: {
+                left: mousePosition.x - lensSize / 2,
+                top: mousePosition.y - lensSize / 2,
+                width: lensSize,
+                height: lensSize,
+                borderRadius: "50%",
+                boxShadow: "0 8px 32px rgba(0, 0, 0, 0.4), 0 4px 16px rgba(0, 0, 0, 0.2)",
+                background: "radial-gradient(circle at center, transparent 60%, rgba(255, 255, 255, 0.1) 70%, rgba(255, 255, 255, 0.2) 80%, transparent 100%)"
+              }
+            }
+          )
+        ] }) })
+      ]
+    }
+  );
+};
+var ZoomImage = React32__namespace.forwardRef(
+  ({
+    className,
+    src,
+    alt,
+    maxZoom = 2,
+    transitionDuration = 0.3,
+    borderRadius = 12,
+    imageClassName,
+    ...props
+  }, ref) => {
+    const mouseX = framerMotion.useMotionValue(50);
+    const mouseY = framerMotion.useMotionValue(50);
+    const zoomLevel = framerMotion.useMotionValue(1);
+    const springConfig = { damping: 20, stiffness: 150, mass: 0.5 };
+    const smoothMouseX = framerMotion.useSpring(mouseX, springConfig);
+    const smoothMouseY = framerMotion.useSpring(mouseY, springConfig);
+    const smoothZoomLevel = framerMotion.useSpring(zoomLevel, springConfig);
+    const transformOrigin = framerMotion.useTransform(
+      [smoothMouseX, smoothMouseY],
+      ([latestX, latestY]) => `${latestX}% ${latestY}%`
+    );
+    const touchStartDist = React32__namespace.useRef(0);
+    const touchStartZoom = React32__namespace.useRef(1);
+    const isPinching = React32__namespace.useRef(false);
+    const handleMouseMove = (e) => {
+      if (isPinching.current) return;
+      const { left, top, width, height } = e.currentTarget.getBoundingClientRect();
+      const x = (e.clientX - left) / width * 100;
+      const y = (e.clientY - top) / height * 100;
+      mouseX.set(x);
+      mouseY.set(y);
+    };
+    const handleWheel = (e) => {
+      const delta = -e.deltaY * 5e-3;
+      const newZoom = Math.min(Math.max(1, zoomLevel.get() + delta), maxZoom);
+      zoomLevel.set(newZoom);
+    };
+    const handleMouseLeave = () => {
+      if (!isPinching.current) {
+        mouseX.set(50);
+        mouseY.set(50);
+        zoomLevel.set(1);
+      }
+    };
+    const getDistance = (touches) => {
+      const dx = touches[0].clientX - touches[1].clientX;
+      const dy = touches[0].clientY - touches[1].clientY;
+      return Math.sqrt(dx * dx + dy * dy);
+    };
+    const getCenter = (touches, rect) => {
+      const x = (touches[0].clientX + touches[1].clientX) / 2;
+      const y = (touches[0].clientY + touches[1].clientY) / 2;
+      return {
+        x: (x - rect.left) / rect.width * 100,
+        y: (y - rect.top) / rect.height * 100
+      };
+    };
+    const handleTouchStart = (e) => {
+      if (e.touches.length === 2) {
+        isPinching.current = true;
+        touchStartDist.current = getDistance(e.touches);
+        touchStartZoom.current = zoomLevel.get();
+        const rect = e.currentTarget.getBoundingClientRect();
+        const center = getCenter(e.touches, rect);
+        mouseX.set(center.x);
+        mouseY.set(center.y);
+      }
+    };
+    const handleTouchMove = (e) => {
+      if (e.touches.length === 2 && isPinching.current) {
+        e.preventDefault();
+        const dist = getDistance(e.touches);
+        const rect = e.currentTarget.getBoundingClientRect();
+        const scaleChange = dist / touchStartDist.current;
+        const newZoom = Math.min(
+          Math.max(1, touchStartZoom.current * scaleChange),
+          maxZoom
+        );
+        zoomLevel.set(newZoom);
+        const center = getCenter(e.touches, rect);
+        mouseX.set(center.x);
+        mouseY.set(center.y);
+      }
+    };
+    const handleTouchEnd = (e) => {
+      if (e.touches.length < 2) {
+        if (isPinching.current) {
+          isPinching.current = false;
+        }
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      framerMotion.motion.div,
+      {
+        ref,
+        className: cn(
+          "relative w-full h-full overflow-hidden touch-none",
+          className
+        ),
+        style: { borderRadius: `${borderRadius}px` },
+        onMouseMove: handleMouseMove,
+        onMouseLeave: handleMouseLeave,
+        onWheel: handleWheel,
+        onTouchStart: handleTouchStart,
+        onTouchMove: handleTouchMove,
+        onTouchEnd: handleTouchEnd,
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.img,
+          {
+            src,
+            alt,
+            className: cn("w-full h-full object-cover", imageClassName),
+            style: {
+              borderRadius: `${borderRadius}px`,
+              transformOrigin,
+              scale: smoothZoomLevel
+            },
+            transition: {
+              type: "spring",
+              duration: transitionDuration,
+              bounce: 0
+            }
+          }
+        )
+      }
+    );
+  }
+);
+ZoomImage.displayName = "ZoomImage";
+function CarouselBase({
+  items,
+  className,
+  containerClassName,
+  imageClassName,
+  width,
+  height,
+  showControls = true,
+  showIndicators = true,
+  autoPlay = false,
+  autoPlayInterval = 3e3,
+  springConfig = {
+    stiffness: 300,
+    damping: 30
+  },
+  zoomEffect = null,
+  download = false
+}) {
+  const isMobile = useIsMobile();
+  const [index, setIndex] = React32.useState(0);
+  const containerRef = React32.useRef(null);
+  const x = framerMotion.useMotionValue(0);
+  const [isDownloading, setIsDownloading] = React32.useState(false);
+  const [downloadSuccess, setDownloadSuccess] = React32.useState(false);
+  React32.useEffect(() => {
+    if (containerRef.current) {
+      const containerWidth = containerRef.current.offsetWidth || 1;
+      const targetX = -index * containerWidth;
+      framerMotion.animate(x, targetX, {
+        type: "spring",
+        stiffness: springConfig.stiffness,
+        damping: springConfig.damping
+      });
+    }
+  }, [index, x, springConfig.stiffness, springConfig.damping]);
+  React32.useEffect(() => {
+    if (!autoPlay || items.length <= 1) return;
+    const interval = setInterval(() => {
+      setIndex((i) => (i + 1) % items.length);
+    }, autoPlayInterval);
+    return () => clearInterval(interval);
+  }, [autoPlay, autoPlayInterval, items.length]);
+  const handleDownload = async () => {
+    if (isDownloading) return;
+    setIsDownloading(true);
+    setDownloadSuccess(false);
+    const currentItem = items[index];
+    try {
+      const response = await fetch(currentItem.url);
+      const blob = await response.blob();
+      const url = window.URL.createObjectURL(blob);
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = currentItem.title || "image";
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      window.URL.revokeObjectURL(url);
+      setIsDownloading(false);
+      setDownloadSuccess(true);
+      setTimeout(() => setDownloadSuccess(false), 2e3);
+    } catch (error) {
+      console.error("Error downloading image:", error);
+      setIsDownloading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn("w-full lg:p-10 sm:p-4 p-2", className),
+      style: { width, height },
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3 h-full", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "relative overflow-hidden rounded-lg h-full",
+            containerClassName
+          ),
+          ref: containerRef,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { className: "flex h-full", style: { x }, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 w-full h-full", children: isMobile || zoomEffect === "scale" ? /* @__PURE__ */ jsxRuntime.jsx(
+              ZoomImage,
+              {
+                src: item.url,
+                alt: item.title,
+                className: cn("w-full h-full select-none"),
+                imageClassName,
+                borderRadius: 8,
+                maxZoom: 3
+              }
+            ) : zoomEffect === "lens" ? /* @__PURE__ */ jsxRuntime.jsx(Lens, { children: /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: item.url,
+                alt: item.title,
+                className: cn(
+                  "w-full h-full object-cover rounded-lg select-none pointer-events-none",
+                  imageClassName
+                ),
+                draggable: false
+              }
+            ) }) : /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: item.url,
+                alt: item.title,
+                className: cn(
+                  "w-full h-full object-cover rounded-lg select-none pointer-events-none",
+                  imageClassName
+                ),
+                draggable: false
+              }
+            ) }, item.id)) }),
+            download && /* @__PURE__ */ jsxRuntime.jsx(
+              framerMotion.motion.button,
+              {
+                onClick: handleDownload,
+                className: cn(
+                  "absolute top-4 right-4 z-30 p-2 rounded-full text-white transition-colors border border-white/10",
+                  downloadSuccess ? "bg-green-500 hover:bg-green-600" : "bg-black/50 hover:bg-black/70"
+                ),
+                title: "Download image",
+                initial: false,
+                animate: {
+                  scale: isDownloading ? 0.9 : 1,
+                  backgroundColor: downloadSuccess ? "rgb(34, 197, 94)" : "rgba(0, 0, 0, 0.5)"
+                },
+                whileHover: { scale: 1.05 },
+                whileTap: { scale: 0.95 },
+                children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", initial: false, children: isDownloading ? /* @__PURE__ */ jsxRuntime.jsx(
+                  framerMotion.motion.svg,
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    animate: { rotate: 360 },
+                    transition: {
+                      repeat: Infinity,
+                      ease: "linear",
+                      duration: 1
+                    },
+                    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+                  },
+                  "loading"
+                ) : downloadSuccess ? /* @__PURE__ */ jsxRuntime.jsx(
+                  framerMotion.motion.svg,
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    initial: { scale: 0.5, opacity: 0 },
+                    animate: { scale: 1, opacity: 1 },
+                    exit: { scale: 0.5, opacity: 0 },
+                    children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" })
+                  },
+                  "success"
+                ) : /* @__PURE__ */ jsxRuntime.jsxs(
+                  framerMotion.motion.svg,
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    initial: { scale: 0.5, opacity: 0 },
+                    animate: { scale: 1, opacity: 1 },
+                    exit: { scale: 0.5, opacity: 0 },
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "7 10 12 15 17 10" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
+                    ]
+                  },
+                  "download"
+                ) })
+              }
+            ),
+            showControls && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                framerMotion.motion.button,
+                {
+                  disabled: index === 0,
+                  onClick: () => setIndex((i) => Math.max(0, i - 1)),
+                  className: `absolute left-4 top-1/2 -translate-y-1/2 w-10 h-10 rounded-full flex items-center justify-center shadow-lg transition-transform z-30
+                  ${index === 0 ? "opacity-40 cursor-not-allowed" : "bg-secondary hover:scale-110 hover:opacity-100 opacity-70"}`,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "svg",
+                    {
+                      className: "w-6 h-6",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          strokeWidth: 2,
+                          d: "M15 19l-7-7 7-7"
+                        }
+                      )
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                framerMotion.motion.button,
+                {
+                  disabled: index === items.length - 1,
+                  onClick: () => setIndex((i) => Math.min(items.length - 1, i + 1)),
+                  className: `absolute right-4 top-1/2 -translate-y-1/2 w-10 h-10 rounded-full flex items-center justify-center shadow-lg transition-transform z-30
+                  ${index === items.length - 1 ? "opacity-40 cursor-not-allowed" : "bg-secondary hover:scale-110 hover:opacity-100 opacity-70"}`,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "svg",
+                    {
+                      className: "w-6 h-6",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          strokeWidth: 2,
+                          d: "M9 5l7 7-7 7"
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            ] }),
+            showIndicators && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2", children: items.map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: () => setIndex(i),
+                className: `h-2 rounded-full transition-all ${i === index ? "w-8 bg-white" : "w-2 bg-white/50"}`
+              },
+              i
+            )) })
+          ]
+        }
+      ) })
+    }
+  );
+}
 
 exports.AddButton = AddButton;
 exports.Agenda = Agenda;
@@ -18690,6 +19230,7 @@ exports.CardDescriptionBase = CardDescriptionBase;
 exports.CardFooterBase = CardFooterBase;
 exports.CardHeaderBase = CardHeaderBase;
 exports.CardTitleBase = CardTitleBase;
+exports.CarouselBase = CarouselBase;
 exports.ChangeButton = ChangeButton;
 exports.Chart = Chart_default;
 exports.ChartControls = ChartControls;