@mlw-packages/react-components 1.9.8 → 1.9.10

package/dist/index.mjs

@@ -1,11 +1,11 @@
 import './index.css';
-import * as React33 from 'react';
-import React33__default, { createContext, forwardRef, useState, useEffect, useMemo, useRef, useCallback, useContext, useId, useLayoutEffect } from 'react';
+import * as React32 from 'react';
+import React32__default, { forwardRef, useState, useEffect, createContext, useMemo, useRef, useCallback, useContext, useId, useLayoutEffect } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { XIcon, CircleNotchIcon, MagnifyingGlassIcon, CaretUpIcon, CaretDownIcon, CheckIcon, CaretRightIcon, CircleIcon, CloudArrowUpIcon, MinusIcon, CaretUpDownIcon, PencilSimpleIcon, ArrowsLeftRightIcon, FloppyDiskIcon, PlusIcon, TrashIcon, SidebarSimpleIcon, FilePdfIcon, FileDocIcon, FileXlsIcon, FilePptIcon, FileCsvIcon, FileTextIcon, FileImageIcon, FileVideoIcon, FileAudioIcon, FileZipIcon, FileIcon, DotsSixVerticalIcon, InfoIcon, WarningIcon, XCircleIcon, CheckCircleIcon, SunIcon, MoonIcon, CaretLeftIcon, DownloadSimpleIcon, UploadSimpleIcon, CopyIcon, ArrowClockwiseIcon, ArrowLeftIcon, GearIcon, BellIcon, DotsThreeIcon, FunnelIcon, HeartIcon, StarIcon, EyeIcon, EyeSlashIcon, LockIcon, LockOpenIcon, ArrowRightIcon as ArrowRightIcon$1, FolderIcon, ArrowsOutIcon, DownloadIcon, CalendarBlankIcon, CalendarIcon, CaretLeft, CaretRight, ArrowDownIcon, ClockUserIcon, EyeSlash, Eye, ArrowRight, ArrowUpRightIcon, ArrowDownRightIcon, FunnelSimpleIcon, FileArchiveIcon, TerminalIcon, CodeIcon, CalendarDotIcon as CalendarDotIcon$1, DesktopIcon } from '@phosphor-icons/react';
+import { XIcon, CircleNotchIcon, MagnifyingGlassIcon, CaretUpIcon, CaretDownIcon, CheckIcon, CaretRightIcon, CircleIcon, CloudArrowUpIcon, MinusIcon, CaretUpDownIcon, PencilSimpleIcon, ArrowsLeftRightIcon, FloppyDiskIcon, PlusIcon, TrashIcon, SidebarSimpleIcon, FilePdfIcon, FileDocIcon, FileXlsIcon, FilePptIcon, FileCsvIcon, FileTextIcon, FileImageIcon, FileVideoIcon, FileAudioIcon, FileZipIcon, FileIcon, DotsSixVerticalIcon, InfoIcon, WarningIcon, XCircleIcon, CheckCircleIcon, SunIcon, MoonIcon, CaretLeftIcon, DownloadSimpleIcon, UploadSimpleIcon, CopyIcon, ArrowClockwiseIcon, ArrowLeftIcon, GearIcon, BellIcon, DotsThreeIcon, FunnelIcon, HeartIcon, StarIcon, EyeIcon, EyeSlashIcon, LockIcon, LockOpenIcon, FolderIcon, ArrowRightIcon as ArrowRightIcon$1, ArrowsOutIcon, DownloadIcon, CalendarBlankIcon, CalendarIcon, CaretLeft, CaretRight, ArrowDownIcon, ClockUserIcon, EyeSlash, Eye, ArrowRight, ArrowUpRightIcon, ArrowDownRightIcon, FunnelSimpleIcon, FileArchiveIcon, TerminalIcon, CodeIcon, CalendarDotIcon as CalendarDotIcon$1, DesktopIcon } from '@phosphor-icons/react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -15,7 +15,7 @@ import { toast as toast$1, Toaster as Toaster$1 } from 'sonner';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import 'react-router-dom';
 import { Command } from 'cmdk';
-import { AnimatePresence, motion } from 'framer-motion';
+import { AnimatePresence, motion, useMotionValue, animate } from 'framer-motion';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { XIcon as XIcon$1, CalendarDotIcon, DotsThreeIcon as DotsThreeIcon$1, Check, CheckIcon as CheckIcon$1 } from '@phosphor-icons/react/dist/ssr';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -28,7 +28,6 @@ import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import { OTPInput, OTPInputContext } from 'input-otp';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
-import useEmblaCarousel from 'embla-carousel-react';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
@@ -521,7 +520,7 @@ function cn(...inputs) {
 var AlertDialogBase = AlertDialogPrimitive.Root;
 var AlertDialogTriggerBase = AlertDialogPrimitive.Trigger;
 var AlertDialogPortalBase = AlertDialogPrimitive.Portal;
-var AlertDialogOverlayBase = React33.forwardRef(({ className, testid = "alertdialog-overlay", ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogOverlayBase = React32.forwardRef(({ className, testid = "alertdialog-overlay", ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -534,7 +533,7 @@ var AlertDialogOverlayBase = React33.forwardRef(({ className, testid = "alertdia
   }
 ));
 AlertDialogOverlayBase.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContentBase = React33.forwardRef(({ className, testid = "alertdialog-content", ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortalBase, { children: [
+var AlertDialogContentBase = React32.forwardRef(({ className, testid = "alertdialog-content", ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortalBase, { children: [
   /* @__PURE__ */ jsx(AlertDialogOverlayBase, {}),
   /* @__PURE__ */ jsx(
     AlertDialogPrimitive.Content,
@@ -578,7 +577,7 @@ var AlertDialogFooterBase = ({
   }
 );
 AlertDialogFooterBase.displayName = "AlertDialogFooterBase";
-var AlertDialogTitleBase = React33.forwardRef(({ className, testid = "alertdialog-title", ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogTitleBase = React32.forwardRef(({ className, testid = "alertdialog-title", ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -588,7 +587,7 @@ var AlertDialogTitleBase = React33.forwardRef(({ className, testid = "alertdialo
   }
 ));
 AlertDialogTitleBase.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescriptionBase = React33.forwardRef(({ className, testid = "alertdialog-description", ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogDescriptionBase = React32.forwardRef(({ className, testid = "alertdialog-description", ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -598,7 +597,7 @@ var AlertDialogDescriptionBase = React33.forwardRef(({ className, testid = "aler
   }
 ));
 AlertDialogDescriptionBase.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogActionBase = React33.forwardRef(({ className, testid = "alertdialog-action", ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogActionBase = React32.forwardRef(({ className, testid = "alertdialog-action", ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -608,7 +607,7 @@ var AlertDialogActionBase = React33.forwardRef(({ className, testid = "alertdial
   }
 ));
 AlertDialogActionBase.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancelBase = React33.forwardRef(({ className, testid = "alertdialog-cancel", ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogCancelBase = React32.forwardRef(({ className, testid = "alertdialog-cancel", ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -622,7 +621,7 @@ var DialogBase = DialogPrimitive.Root;
 var DialogTriggerBase = DialogPrimitive.Trigger;
 var DialogPortalBase = DialogPrimitive.Portal;
 var DialogCloseBase = DialogPrimitive.Close;
-var DialogOverlayBase = React33.forwardRef(({ className, testid: dataTestId = "dialog-overlay", ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlayBase = React32.forwardRef(({ className, testid: dataTestId = "dialog-overlay", ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -635,7 +634,7 @@ var DialogOverlayBase = React33.forwardRef(({ className, testid: dataTestId = "d
   }
 ));
 DialogOverlayBase.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContentBase = React33.forwardRef(
+var DialogContentBase = React32.forwardRef(
   ({ className, children, testid: dataTestId = "dialog-content", ...props }, ref) => {
     const userOnWheel = props.onWheel;
     return /* @__PURE__ */ jsxs(DialogPortalBase, { children: [
@@ -664,7 +663,7 @@ var DialogContentBase = React33.forwardRef(
   }
 );
 DialogContentBase.displayName = DialogPrimitive.Content.displayName;
-var DialogHeaderBase = React33.forwardRef(({ className, testid: dataTestId = "dialog-header", ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogHeaderBase = React32.forwardRef(({ className, testid: dataTestId = "dialog-header", ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -677,7 +676,7 @@ var DialogHeaderBase = React33.forwardRef(({ className, testid: dataTestId = "di
   }
 ));
 DialogHeaderBase.displayName = "DialogHeader";
-var DialogFooterBase = React33.forwardRef(({ className, testid: dataTestId = "dialog-footer", ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogFooterBase = React32.forwardRef(({ className, testid: dataTestId = "dialog-footer", ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -690,7 +689,7 @@ var DialogFooterBase = React33.forwardRef(({ className, testid: dataTestId = "di
   }
 ));
 DialogFooterBase.displayName = "DialogFooter";
-var DialogTitleBase = React33.forwardRef(({ className, testid: dataTestId = "dialog-title", ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitleBase = React32.forwardRef(({ className, testid: dataTestId = "dialog-title", ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -703,7 +702,7 @@ var DialogTitleBase = React33.forwardRef(({ className, testid: dataTestId = "dia
   }
 ));
 DialogTitleBase.displayName = DialogPrimitive.Title.displayName;
-var DialogDescriptionBase = React33.forwardRef(({ className, testid: dataTestId = "dialog-description", ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescriptionBase = React32.forwardRef(({ className, testid: dataTestId = "dialog-description", ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -761,9 +760,9 @@ var dotVariants = cva(
     }
   }
 );
-var LoadingBase = React33.forwardRef(
+var LoadingBase = React32.forwardRef(
   ({ className, size, message, overlay = false, variant = "spinner", ...props }, ref) => {
-    React33.useEffect(() => {
+    React32.useEffect(() => {
       const style = document.createElement("style");
       style.textContent = `
         @keyframes dotBounce {
@@ -879,7 +878,7 @@ var LoadingBase = React33.forwardRef(
   }
 );
 LoadingBase.displayName = "LoadingBase";
-var LabelBase = React33.forwardRef(
+var LabelBase = React32.forwardRef(
   ({ className, asChild = false, testid = "label-base", ...props }, ref) => {
     const Comp = asChild ? Slot : "label";
     return /* @__PURE__ */ jsx(Label, { children: /* @__PURE__ */ jsx(
@@ -898,7 +897,7 @@ var LabelBase = React33.forwardRef(
 );
 LabelBase.displayName = "LabelBase";
 var LabelBase_default = LabelBase;
-var ProgressBase = React33.forwardRef(
+var ProgressBase = React32.forwardRef(
   ({
     className,
     value: rawValue,
@@ -1080,7 +1079,7 @@ var ProgressPanelsBase = ({
     /* @__PURE__ */ 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__ */ jsxs(React33.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React32.Fragment, { children: [
         /* @__PURE__ */ jsxs(
           "div",
           {
@@ -1272,10 +1271,10 @@ var toast = {
 };
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React33.useState(
+  const [isMobile, setIsMobile] = React32.useState(
     void 0
   );
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     const checkIsMobile = () => {
       const isTouch = window.matchMedia("(pointer: coarse)").matches || navigator.maxTouchPoints > 0;
       const isSmallScreen = window.innerWidth < MOBILE_BREAKPOINT;
@@ -1418,11 +1417,11 @@ var TOOLTIP_DELAY_DURATION = 600;
 var TOOLTIP_SIDE_OFFSET = 8;
 var TOOLTIP_MOBILE_DELAY = Infinity;
 var TooltipProviderBase = TooltipPrimitive.Provider;
-var TooltipClickContext = React33.createContext({});
+var TooltipClickContext = React32.createContext({});
 var TooltipBase = ({ children, delayDuration = TOOLTIP_DELAY_DURATION, ...props }) => {
-  const [open, setOpen] = React33.useState(false);
+  const [open, setOpen] = React32.useState(false);
   const isMobile = useIsMobile();
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     if (!open || !isMobile) return;
     const handleClickOutside = (e) => {
       const target = e.target;
@@ -1435,7 +1434,7 @@ var TooltipBase = ({ children, delayDuration = TOOLTIP_DELAY_DURATION, ...props
     document.addEventListener("pointerdown", handleClickOutside);
     return () => document.removeEventListener("pointerdown", handleClickOutside);
   }, [open, isMobile]);
-  const contextValue = React33.useMemo(() => ({ setOpen, isMobile }), [isMobile]);
+  const contextValue = React32.useMemo(() => ({ setOpen, isMobile }), [isMobile]);
   return /* @__PURE__ */ jsx(TooltipClickContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
     TooltipPrimitive.Root,
     {
@@ -1448,9 +1447,9 @@ var TooltipBase = ({ children, delayDuration = TOOLTIP_DELAY_DURATION, ...props
   ) });
 };
 TooltipBase.displayName = "TooltipBase";
-var TooltipTriggerBase = React33.forwardRef(({ children, onPointerDown, onClick: propOnClick, ...props }, ref) => {
-  const { setOpen, isMobile } = React33.useContext(TooltipClickContext);
-  const handlePointerDown = React33.useCallback(
+var TooltipTriggerBase = React32.forwardRef(({ children, onPointerDown, onClick: propOnClick, ...props }, ref) => {
+  const { setOpen, isMobile } = React32.useContext(TooltipClickContext);
+  const handlePointerDown = React32.useCallback(
     (e) => {
       if (onPointerDown) {
         onPointerDown(e);
@@ -1458,7 +1457,7 @@ var TooltipTriggerBase = React33.forwardRef(({ children, onPointerDown, onClick:
     },
     [onPointerDown]
   );
-  const onClick = React33.useCallback(
+  const onClick = React32.useCallback(
     (e) => {
       if (propOnClick) {
         propOnClick(e);
@@ -1473,7 +1472,7 @@ var TooltipTriggerBase = React33.forwardRef(({ children, onPointerDown, onClick:
     },
     [onPointerDown, isMobile, setOpen, propOnClick]
   );
-  const preventDefaultOnMobile = React33.useCallback(
+  const preventDefaultOnMobile = React32.useCallback(
     (e) => {
       if (isMobile) {
         e.preventDefault();
@@ -1499,7 +1498,7 @@ var TooltipTriggerBase = React33.forwardRef(({ children, onPointerDown, onClick:
   );
 });
 TooltipTriggerBase.displayName = "TooltipTriggerBase";
-var TooltipContentBase = React33.forwardRef(
+var TooltipContentBase = React32.forwardRef(
   ({ className, sideOffset = TOOLTIP_SIDE_OFFSET, onPointerDown, ...props }, ref) => {
     return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
       TooltipPrimitive.Content,
@@ -1540,7 +1539,7 @@ var DestructiveDialog = ({
   triggerContent,
   className
 }) => {
-  const triggerEl = React33.isValidElement(children) ? /* @__PURE__ */ jsx(AlertDialogTriggerBase, { asChild: true, children }) : /* @__PURE__ */ jsx(AlertDialogTriggerBase, { children: /* @__PURE__ */ jsx(ButtonBase, { variant: "destructive", children: triggerContent ?? "Excluir" }) });
+  const triggerEl = React32.isValidElement(children) ? /* @__PURE__ */ jsx(AlertDialogTriggerBase, { asChild: true, children }) : /* @__PURE__ */ jsx(AlertDialogTriggerBase, { children: /* @__PURE__ */ jsx(ButtonBase, { variant: "destructive", children: triggerContent ?? "Excluir" }) });
   return /* @__PURE__ */ jsxs(AlertDialogBase, { children: [
     triggerEl,
     /* @__PURE__ */ jsxs(
@@ -1587,7 +1586,7 @@ var ModalBase = DialogPrimitive.Root;
 var ModalTriggerBase = DialogPrimitive.Trigger;
 var ModalPortalBase = DialogPrimitive.Portal;
 var ModalCloseBase = DialogPrimitive.Close;
-var ModalOverlayBase = React33.forwardRef(({ className, testid: dataTestId = "modal-overlay", ...props }, ref) => /* @__PURE__ */ jsx(
+var ModalOverlayBase = React32.forwardRef(({ className, testid: dataTestId = "modal-overlay", ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -1600,7 +1599,7 @@ var ModalOverlayBase = React33.forwardRef(({ className, testid: dataTestId = "mo
   }
 ));
 ModalOverlayBase.displayName = DialogPrimitive.Overlay.displayName;
-var ModalContentBase = React33.forwardRef(
+var ModalContentBase = React32.forwardRef(
   ({
     className,
     children,
@@ -1664,7 +1663,7 @@ var ModalContentBase = React33.forwardRef(
   }
 );
 ModalContentBase.displayName = DialogPrimitive.Content.displayName;
-var ModalHeaderBase = React33.forwardRef(({ className, testid: dataTestId = "modal-header", ...props }, ref) => /* @__PURE__ */ jsx(
+var ModalHeaderBase = React32.forwardRef(({ className, testid: dataTestId = "modal-header", ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -1677,7 +1676,7 @@ var ModalHeaderBase = React33.forwardRef(({ className, testid: dataTestId = "mod
   }
 ));
 ModalHeaderBase.displayName = "ModalHeader";
-var ModalFooterBase = React33.forwardRef(({ className, testid: dataTestId = "modal-footer", ...props }, ref) => /* @__PURE__ */ jsx(
+var ModalFooterBase = React32.forwardRef(({ className, testid: dataTestId = "modal-footer", ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -1690,7 +1689,7 @@ var ModalFooterBase = React33.forwardRef(({ className, testid: dataTestId = "mod
   }
 ));
 ModalFooterBase.displayName = "ModalFooter";
-var ModalTitleBase = React33.forwardRef(({ className, testid: dataTestId = "modal-title", ...props }, ref) => /* @__PURE__ */ jsx(
+var ModalTitleBase = React32.forwardRef(({ className, testid: dataTestId = "modal-title", ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -1703,7 +1702,7 @@ var ModalTitleBase = React33.forwardRef(({ className, testid: dataTestId = "moda
   }
 ));
 ModalTitleBase.displayName = DialogPrimitive.Title.displayName;
-var ModalDescriptionBase = React33.forwardRef(({ className, testid: dataTestId = "modal-description", ...props }, ref) => /* @__PURE__ */ jsx(
+var ModalDescriptionBase = React32.forwardRef(({ className, testid: dataTestId = "modal-description", ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -1740,7 +1739,7 @@ var buttonVariantsBase = cva(
     }
   }
 );
-var ButtonBase = React33__default.forwardRef(
+var ButtonBase = React32__default.forwardRef(
   ({
     className,
     variant,
@@ -1792,7 +1791,7 @@ var ButtonBase = React33__default.forwardRef(
   }
 );
 ButtonBase.displayName = "Button";
-var ButtonGroupBase = React33__default.forwardRef(
+var ButtonGroupBase = React32__default.forwardRef(
   ({ className, children, orientation = "horizontal", ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -1805,17 +1804,17 @@ var ButtonGroupBase = React33__default.forwardRef(
           className
         ),
         ...props,
-        children: React33__default.Children.map(children, (child, index) => {
-          if (!React33__default.isValidElement(child)) return child;
+        children: React32__default.Children.map(children, (child, index) => {
+          if (!React32__default.isValidElement(child)) return child;
           const typedChild = child;
-          return React33__default.cloneElement(typedChild, {
+          return React32__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__default.Children.count(children) - 1 && orientation === "horizontal" && "rounded-r-md",
-              index === React33__default.Children.count(children) - 1 && orientation === "vertical" && "rounded-b-md"
+              index === React32__default.Children.count(children) - 1 && orientation === "horizontal" && "rounded-r-md",
+              index === React32__default.Children.count(children) - 1 && orientation === "vertical" && "rounded-b-md"
             )
           });
         })
@@ -1829,7 +1828,7 @@ var ErrorMessage = ({ error }) => {
   return /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: error });
 };
 var ErrorMessage_default = ErrorMessage;
-var InputBase = React33.forwardRef(
+var InputBase = React32.forwardRef(
   ({
     className,
     type = "text",
@@ -1850,7 +1849,8 @@ var InputBase = React33.forwardRef(
           className: cn(
             "flex items-center rounded-md transition h-9  bg-background overflow-hidden",
             type !== "file" && "border border-input",
-            error ? "border-destructive focus:ring-1 focus:ring-destructive" : "border-input"
+            error ? "border-destructive focus:ring-1 focus:ring-destructive" : "border-input",
+            className
           ),
           children: [
             leftIcon && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center px-2", children: leftIcon }),
@@ -1878,7 +1878,66 @@ var InputBase = React33.forwardRef(
   }
 );
 InputBase.displayName = "Input";
-var CommandBase = React33.forwardRef(({ className, testid: dataTestId = "command-base", ...props }, ref) => /* @__PURE__ */ jsx(
+var DebouncedInput = forwardRef(
+  ({
+    value: initialValue,
+    onChange,
+    debounce: debounce2 = 500,
+    label,
+    labelClassname,
+    leftIcon,
+    rightIcon,
+    showLoadingIndicator = false,
+    className,
+    error,
+    ...props
+  }, ref) => {
+    const [value, setValue] = useState(initialValue);
+    const [isDebouncing, setIsDebouncing] = useState(false);
+    useEffect(() => {
+      setValue(initialValue);
+    }, [initialValue]);
+    useEffect(() => {
+      if (value === initialValue) {
+        setIsDebouncing(false);
+        return;
+      }
+      setIsDebouncing(true);
+      const timeout = setTimeout(() => {
+        onChange(value);
+        setIsDebouncing(false);
+      }, debounce2);
+      return () => {
+        clearTimeout(timeout);
+        setIsDebouncing(false);
+      };
+    }, [debounce2, initialValue, onChange, value]);
+    const renderRightIcon = () => {
+      if (showLoadingIndicator && isDebouncing) {
+        return /* @__PURE__ */ jsx(CircleNotchIcon, { className: "h-4 w-4 animate-spin  text-muted-foreground" });
+      }
+      return rightIcon;
+    };
+    return /* @__PURE__ */ jsx(
+      InputBase,
+      {
+        ...props,
+        ref,
+        label,
+        labelClassname,
+        leftIcon,
+        rightIcon: renderRightIcon(),
+        className: cn("transition-all duration-200", className),
+        value,
+        onChange: (e) => setValue(e.target.value),
+        error
+      }
+    );
+  }
+);
+DebouncedInput.displayName = "DebouncedInput";
+var DebouncedInput_default = DebouncedInput;
+var CommandBase = React32.forwardRef(({ className, testid: dataTestId = "command-base", ...props }, ref) => /* @__PURE__ */ jsx(
   Command,
   {
     ref,
@@ -1911,7 +1970,7 @@ var CommandDialogBase = ({ children, open, ...props }) => {
     "command-dialog"
   ) }) }) });
 };
-var CommandInputBase = React33.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ jsxs(
+var CommandInputBase = React32.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ jsxs(
   "div",
   {
     className: "flex items-center border-b px-3  border-border",
@@ -1934,33 +1993,51 @@ var CommandInputBase = React33.forwardRef(({ className, testid: dataTestId = "co
   }
 ));
 CommandInputBase.displayName = Command.Input.displayName;
-var CommandDebouncedInputBase = React33.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ jsxs(
-  "div",
-  {
-    className: "flex items-center border-b px-3  border-border",
-    "cmdk-input-wrapper": "",
-    children: [
-      /* @__PURE__ */ jsx(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
-      /* @__PURE__ */ jsx(
-        Command.Input,
-        {
-          ref,
-          className: cn(
-            "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none text-primary placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-            className
-          ),
-          "data-testid": dataTestId,
-          ...props
-        }
-      )
-    ]
-  }
-));
-CommandDebouncedInputBase.displayName = Command.Input.displayName;
-var CommandListBase = React33.forwardRef(
+var CommandDebouncedInputBase = React32.forwardRef(
+  ({
+    className,
+    testid: dataTestId = "command-input",
+    onValueChange,
+    value: propValue,
+    onChange: propOnChange,
+    search,
+    onSearch,
+    ...props
+  }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center px-3 border-border border-b",
+      "cmdk-input-wrapper": "",
+      children: [
+        /* @__PURE__ */ jsx(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
+        /* @__PURE__ */ jsx(
+          DebouncedInput_default,
+          {
+            ref,
+            className: cn(
+              "flex h-10 border-transparent w-full rounded-md bg-transparent text-sm outline-none text-primary placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+              className
+            ),
+            "data-testid": dataTestId,
+            "cmdk-input": "",
+            value: search ?? propValue ?? "",
+            ...props,
+            onChange: (value) => {
+              onValueChange?.(value);
+              propOnChange?.(value);
+              onSearch?.(value);
+            }
+          }
+        )
+      ]
+    }
+  )
+);
+CommandDebouncedInputBase.displayName = "CommandDebouncedInputBase";
+var CommandListBase = React32.forwardRef(
   ({ className, testid: dataTestId = "command-list", onEndReached, ...props }, ref) => {
-    const listRef = React33.useRef(null);
-    React33.useEffect(() => {
+    const listRef = React32.useRef(null);
+    React32.useEffect(() => {
       const element = listRef.current;
       if (!element) return;
       const handleWheel = (e) => {
@@ -2023,7 +2100,7 @@ var CommandListBase = React33.forwardRef(
         element.removeEventListener("touchstart", handleTouchStart);
       };
     }, [onEndReached]);
-    const combinedRef = React33.useCallback(
+    const combinedRef = React32.useCallback(
       (node) => {
         listRef.current = node;
         if (typeof ref === "function") {
@@ -2059,7 +2136,7 @@ var CommandListBase = React33.forwardRef(
   }
 );
 CommandListBase.displayName = Command.List.displayName;
-var CommandEmptyBase = React33.forwardRef(({ testid: dataTestId = "command-empty", ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandEmptyBase = React32.forwardRef(({ testid: dataTestId = "command-empty", ...props }, ref) => /* @__PURE__ */ jsx(
   Command.Empty,
   {
     ref,
@@ -2069,7 +2146,7 @@ var CommandEmptyBase = React33.forwardRef(({ testid: dataTestId = "command-empty
   }
 ));
 CommandEmptyBase.displayName = Command.Empty.displayName;
-var CommandGroupBase = React33.forwardRef(({ className, testid: dataTestId = "command-group", ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandGroupBase = React32.forwardRef(({ className, testid: dataTestId = "command-group", ...props }, ref) => /* @__PURE__ */ jsx(
   Command.Group,
   {
     ref,
@@ -2082,7 +2159,7 @@ var CommandGroupBase = React33.forwardRef(({ className, testid: dataTestId = "co
   }
 ));
 CommandGroupBase.displayName = Command.Group.displayName;
-var CommandSeparatorBase = React33.forwardRef(({ className, testid: dataTestId = "command-separator", ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandSeparatorBase = React32.forwardRef(({ className, testid: dataTestId = "command-separator", ...props }, ref) => /* @__PURE__ */ jsx(
   Command.Separator,
   {
     ref,
@@ -2092,7 +2169,7 @@ var CommandSeparatorBase = React33.forwardRef(({ className, testid: dataTestId =
   }
 ));
 CommandSeparatorBase.displayName = Command.Separator.displayName;
-var CommandItemBase = React33.forwardRef(({ className, testid: dataTestId = "command-item", ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandItemBase = React32.forwardRef(({ className, testid: dataTestId = "command-item", ...props }, ref) => /* @__PURE__ */ jsx(
   Command.Item,
   {
     ref,
@@ -2124,7 +2201,7 @@ CommandShortcutBase.displayName = "CommandShortcut";
 var PopoverBase = PopoverPrimitive.Root;
 var PopoverTriggerBase = PopoverPrimitive.Trigger;
 var PopoverAnchorBase = PopoverPrimitive.Anchor;
-var PopoverContentBase = React33.forwardRef(
+var PopoverContentBase = React32.forwardRef(
   ({
     className,
     align = "center",
@@ -2897,7 +2974,7 @@ __toESM(require_colors2());
 var SelectBase = SelectPrimitive.Root;
 var SelectGroupBase = SelectPrimitive.Group;
 var SelectValueBase = SelectPrimitive.Value;
-var SelectTriggerBase = React33.forwardRef(({ className, children, error, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: cn("w-full", error && "mb-0"), children: [
+var SelectTriggerBase = React32.forwardRef(({ className, children, error, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: cn("w-full", error && "mb-0"), children: [
   /* @__PURE__ */ jsx(
     SelectPrimitive.Trigger,
     {
@@ -2914,7 +2991,7 @@ var SelectTriggerBase = React33.forwardRef(({ className, children, error, ...pro
   error ? /* @__PURE__ */ jsx(ErrorMessage_default, { error }) : null
 ] }));
 SelectTriggerBase.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButtonBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButtonBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -2927,7 +3004,7 @@ var SelectScrollUpButtonBase = React33.forwardRef(({ className, ...props }, ref)
   }
 ));
 SelectScrollUpButtonBase.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButtonBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButtonBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -2940,7 +3017,7 @@ var SelectScrollDownButtonBase = React33.forwardRef(({ className, ...props }, re
   }
 ));
 SelectScrollDownButtonBase.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContentBase = React33.forwardRef(
+var SelectContentBase = React32.forwardRef(
   ({
     className,
     children,
@@ -2991,7 +3068,7 @@ var SelectContentBase = React33.forwardRef(
   ) }) })
 );
 SelectContentBase.displayName = SelectPrimitive.Content.displayName;
-var SelectLabelBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabelBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -3000,7 +3077,7 @@ var SelectLabelBase = React33.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SelectLabelBase.displayName = SelectPrimitive.Label.displayName;
-var SelectItemBase = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectItemBase = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Item,
   {
     ref,
@@ -3033,7 +3110,7 @@ var SelectItemBase = React33.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectItemBase.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparatorBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparatorBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -3042,7 +3119,7 @@ var SelectSeparatorBase = React33.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 SelectSeparatorBase.displayName = SelectPrimitive.Separator.displayName;
-var SelectEmpty = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectEmpty = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -3062,7 +3139,7 @@ var DropDownMenuGroupBase = DropdownMenuPrimitive.Group;
 var DropDownMenuPortalBase = DropdownMenuPrimitive.Portal;
 var DropDownMenuSubBase = DropdownMenuPrimitive.Sub;
 var DropDownMenuRadioGroupBase = DropdownMenuPrimitive.RadioGroup;
-var DropDownMenuSubTriggerBase = React33.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubTrigger, { ref, ...props, children: /* @__PURE__ */ jsxs(
+var DropDownMenuSubTriggerBase = React32.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubTrigger, { ref, ...props, children: /* @__PURE__ */ jsxs(
   motion.span,
   {
     className: cn(
@@ -3079,7 +3156,7 @@ var DropDownMenuSubTriggerBase = React33.forwardRef(({ className, inset, childre
   }
 ) }));
 DropDownMenuSubTriggerBase.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropDownMenuSubContentBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropDownMenuSubContentBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -3090,7 +3167,7 @@ var DropDownMenuSubContentBase = React33.forwardRef(({ className, ...props }, re
     ...props
   }
 ));
-var DropDownMenuContentBase = React33.forwardRef(
+var DropDownMenuContentBase = React32.forwardRef(
   ({
     className,
     sideOffset = 4,
@@ -3123,7 +3200,7 @@ var DropDownMenuContentBase = React33.forwardRef(
   ) })
 );
 DropDownMenuContentBase.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropDownMenuItemBase = React33.forwardRef(({ className, inset, rightIcon, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropDownMenuItemBase = React32.forwardRef(({ className, inset, rightIcon, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -3140,7 +3217,7 @@ var DropDownMenuItemBase = React33.forwardRef(({ className, inset, rightIcon, ch
   }
 ));
 DropDownMenuItemBase.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropDownMenuCheckboxItemBase = React33.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropDownMenuCheckboxItemBase = React32.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -3157,7 +3234,7 @@ var DropDownMenuCheckboxItemBase = React33.forwardRef(({ className, children, ch
   }
 ));
 DropDownMenuCheckboxItemBase.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropDownMenuRadioItemBase = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropDownMenuRadioItemBase = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -3173,7 +3250,7 @@ var DropDownMenuRadioItemBase = React33.forwardRef(({ className, children, ...pr
   }
 ));
 DropDownMenuRadioItemBase.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropDownMenuLabelBase = React33.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropDownMenuLabelBase = React32.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -3186,7 +3263,7 @@ var DropDownMenuLabelBase = React33.forwardRef(({ className, inset, ...props },
   }
 ));
 DropDownMenuLabelBase.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropDownMenuSeparatorBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropDownMenuSeparatorBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -3410,7 +3487,7 @@ function ModeToggleBase({
     )
   ] });
 }
-var AvatarBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Root,
   {
     ref,
@@ -3422,7 +3499,7 @@ var AvatarBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AvatarBase.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImageBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarImageBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Image,
   {
     ref,
@@ -3431,7 +3508,7 @@ var AvatarImageBase = React33.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 AvatarImageBase.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallbackBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarFallbackBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -3497,7 +3574,7 @@ function CalendarBase({
   );
 }
 CalendarBase.displayName = "Calendar";
-var CardBase = React33.forwardRef(({ className, testid: dataTestId = "card-base", ...props }, ref) => /* @__PURE__ */ jsx(
+var CardBase = React32.forwardRef(({ className, testid: dataTestId = "card-base", ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -3510,7 +3587,7 @@ var CardBase = React33.forwardRef(({ className, testid: dataTestId = "card-base"
   }
 ));
 CardBase.displayName = "Card";
-var CardHeaderBase = React33.forwardRef(({ className, testid: dataTestId = "card-header", ...props }, ref) => /* @__PURE__ */ jsx(
+var CardHeaderBase = React32.forwardRef(({ className, testid: dataTestId = "card-header", ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -3520,7 +3597,7 @@ var CardHeaderBase = React33.forwardRef(({ className, testid: dataTestId = "card
   }
 ));
 CardHeaderBase.displayName = "CardHeader";
-var CardTitleBase = React33.forwardRef(({ className, testid: dataTestId = "card-title", ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitleBase = React32.forwardRef(({ className, testid: dataTestId = "card-title", ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -3530,7 +3607,7 @@ var CardTitleBase = React33.forwardRef(({ className, testid: dataTestId = "card-
   }
 ));
 CardTitleBase.displayName = "CardTitle";
-var CardDescriptionBase = React33.forwardRef(({ className, testid: dataTestId = "card-description", ...props }, ref) => /* @__PURE__ */ jsx(
+var CardDescriptionBase = React32.forwardRef(({ className, testid: dataTestId = "card-description", ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -3540,7 +3617,7 @@ var CardDescriptionBase = React33.forwardRef(({ className, testid: dataTestId =
   }
 ));
 CardDescriptionBase.displayName = "CardDescription";
-var CardContentBase = React33.forwardRef(({ className, testid: dataTestId = "card-content", ...props }, ref) => /* @__PURE__ */ jsx(
+var CardContentBase = React32.forwardRef(({ className, testid: dataTestId = "card-content", ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -3550,7 +3627,7 @@ var CardContentBase = React33.forwardRef(({ className, testid: dataTestId = "car
   }
 ));
 CardContentBase.displayName = "CardContent";
-var CardFooterBase = React33.forwardRef(({ className, testid: dataTestId = "card-footer", ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooterBase = React32.forwardRef(({ className, testid: dataTestId = "card-footer", ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -3623,7 +3700,7 @@ var createImagePreview = (file) => {
     reader.readAsDataURL(file);
   });
 };
-var FileUploader = React33.forwardRef(
+var FileUploader = React32.forwardRef(
   ({
     className,
     accept,
@@ -3636,18 +3713,18 @@ var FileUploader = React33.forwardRef(
     showPreview = true,
     dropzoneText = "Arraste arquivos aqui ou clique para selecionar",
     dropzoneSubtext,
-    animate = true,
+    animate: animate2 = true,
     ...props
   }, ref) => {
-    const [isDragging, setIsDragging] = React33.useState(false);
-    const [files, setFiles] = React33.useState(value);
-    const inputRef = React33.useRef(null);
-    const dragCounterRef = React33.useRef(0);
+    const [isDragging, setIsDragging] = React32.useState(false);
+    const [files, setFiles] = React32.useState(value);
+    const inputRef = React32.useRef(null);
+    const dragCounterRef = React32.useRef(0);
     const multiple = maxFiles > 1;
-    React33.useEffect(() => {
+    React32.useEffect(() => {
       setFiles(value);
     }, [value]);
-    React33.useEffect(() => {
+    React32.useEffect(() => {
       return () => {
         files.forEach((file) => {
           if (file.preview) {
@@ -3844,7 +3921,7 @@ var FileUploader = React33.forwardRef(
             motion.p,
             {
               className: "mb-2 text-base font-semibold text-foreground",
-              initial: animate ? { opacity: 0, y: -10 } : false,
+              initial: animate2 ? { opacity: 0, y: -10 } : false,
               animate: { opacity: 1, y: 0 },
               transition: { delay: 0.1 },
               children: dropzoneText
@@ -3854,7 +3931,7 @@ var FileUploader = React33.forwardRef(
             motion.p,
             {
               className: "text-sm text-muted-foreground",
-              initial: animate ? { opacity: 0, y: -10 } : false,
+              initial: animate2 ? { opacity: 0, y: -10 } : false,
               animate: { opacity: 1, y: 0 },
               transition: { delay: 0.2 },
               children: defaultSubtext
@@ -3898,7 +3975,7 @@ var FileUploader = React33.forwardRef(
             motion.div,
             {
               className: "mt-6 w-full",
-              initial: animate ? { opacity: 0, y: 10 } : false,
+              initial: animate2 ? { opacity: 0, y: 10 } : false,
               animate: { opacity: 1, y: 0 },
               transition: { delay: 0.3 },
               children: /* @__PURE__ */ jsxs("div", { children: [
@@ -3913,7 +3990,7 @@ var FileUploader = React33.forwardRef(
                   motion.div,
                   {
                     layout: true,
-                    initial: animate ? { opacity: 0, x: -20 } : false,
+                    initial: animate2 ? { opacity: 0, x: -20 } : false,
                     animate: { opacity: 1, x: 0 },
                     exit: {
                       opacity: 0,
@@ -3921,7 +3998,7 @@ var FileUploader = React33.forwardRef(
                       transition: { duration: 0.2 }
                     },
                     transition: {
-                      delay: animate ? index * 0.05 : 0,
+                      delay: animate2 ? index * 0.05 : 0,
                       layout: { duration: 0.2 }
                     },
                     className: cn(
@@ -3995,12 +4072,12 @@ var FileUploader = React33.forwardRef(
   }
 );
 FileUploader.displayName = "FileUploader";
-var CheckboxBase = React33.forwardRef(({ className, testid: dataTestId = "checkbox-base", checked: checkedProp, defaultChecked, onCheckedChange, ...props }, ref) => {
+var CheckboxBase = React32.forwardRef(({ className, testid: dataTestId = "checkbox-base", checked: checkedProp, defaultChecked, onCheckedChange, ...props }, ref) => {
   const isControlled = checkedProp !== void 0;
-  const [checkedState, setCheckedState] = React33.useState(
+  const [checkedState, setCheckedState] = React32.useState(
     isControlled ? checkedProp : defaultChecked ?? false
   );
-  React33.useEffect(() => {
+  React32.useEffect(() => {
     if (isControlled) setCheckedState(checkedProp);
   }, [checkedProp, isControlled]);
   const handleCheckedChange = (next) => {
@@ -4040,11 +4117,11 @@ var CheckboxBase = React33.forwardRef(({ className, testid: dataTestId = "checkb
   );
 });
 CheckboxBase.displayName = CheckboxPrimitive.Root.displayName;
-var CollapsibleBase = React33.forwardRef(({ ...props }, ref) => {
+var CollapsibleBase = React32.forwardRef(({ ...props }, ref) => {
   return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, { ref, "data-slot": "collapsible", ...props });
 });
 CollapsibleBase.displayName = CollapsiblePrimitive.Root.displayName;
-var CollapsibleTriggerBase = React33.forwardRef(({ className, children, leftIcon, showCaret = true, ...props }, ref) => {
+var CollapsibleTriggerBase = React32.forwardRef(({ className, children, leftIcon, showCaret = true, ...props }, ref) => {
   return /* @__PURE__ */ jsxs(
     CollapsiblePrimitive.CollapsibleTrigger,
     {
@@ -4066,7 +4143,7 @@ var CollapsibleTriggerBase = React33.forwardRef(({ className, children, leftIcon
   );
 });
 CollapsibleTriggerBase.displayName = CollapsiblePrimitive.CollapsibleTrigger.displayName;
-var CollapsibleContentBase = React33.forwardRef(({ className, children, ...props }, ref) => {
+var CollapsibleContentBase = React32.forwardRef(({ className, children, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     CollapsiblePrimitive.CollapsibleContent,
     {
@@ -4088,7 +4165,7 @@ function HoverCardBase(props) {
 function HoverCardTriggerBase(props) {
   return /* @__PURE__ */ jsx(HoverCardPrimitive.Trigger, { ...props });
 }
-var HoverCardContentBase = React33.forwardRef(
+var HoverCardContentBase = React32.forwardRef(
   ({ className, align = "center", sideOffset = 6, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
       HoverCardPrimitive.Content,
@@ -4165,7 +4242,7 @@ function InputOTPSlotBase({
   className,
   ...props
 }) {
-  const inputOTPContext = React33.useContext(OTPInputContext);
+  const inputOTPContext = React32.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
   return /* @__PURE__ */ jsxs(
     "div",
@@ -4187,7 +4264,7 @@ function InputOTPSlotBase({
 function InputOTPSeparatorBase({ ...props }) {
   return /* @__PURE__ */ jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx(MinusIcon, {}) });
 }
-var SlideBase = React33.forwardRef(
+var SlideBase = React32.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -4265,7 +4342,7 @@ var SlideBase = React33.forwardRef(
   }
 );
 SlideBase.displayName = "SlideBase";
-var EditButton = React33.forwardRef(
+var EditButton = React32.forwardRef(
   ({
     disabled,
     onClick,
@@ -4305,7 +4382,7 @@ var EditButton = React33.forwardRef(
   )
 );
 EditButton.displayName = "EditButton";
-var ChangeButton = React33.forwardRef(
+var ChangeButton = React32.forwardRef(
   ({
     disabled,
     onClick,
@@ -4345,7 +4422,7 @@ var ChangeButton = React33.forwardRef(
   )
 );
 ChangeButton.displayName = "ChangeButton";
-var SaveButton = React33.forwardRef(
+var SaveButton = React32.forwardRef(
   ({
     disabled,
     onClick,
@@ -4385,7 +4462,7 @@ var SaveButton = React33.forwardRef(
   )
 );
 SaveButton.displayName = "SaveButton";
-var AddButton = React33.forwardRef(
+var AddButton = React32.forwardRef(
   ({
     disabled,
     onClick,
@@ -4425,7 +4502,7 @@ var AddButton = React33.forwardRef(
   )
 );
 AddButton.displayName = "AddButton";
-var CloseButton = React33.forwardRef(
+var CloseButton = React32.forwardRef(
   ({
     disabled,
     onClick,
@@ -4963,7 +5040,7 @@ var LockButton = ({
   }
 );
 var UnlockButton = (props) => /* @__PURE__ */ jsx(LockButton, { isLocked: false, testid: "button-unlock", ...props });
-var SwitchBase = React33.forwardRef(({ className, testid: dataTestId = "switch-base", ...props }, ref) => {
+var SwitchBase = React32.forwardRef(({ className, testid: dataTestId = "switch-base", ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     SwitchPrimitives.Root,
     {
@@ -4990,14 +5067,14 @@ var SwitchBase = React33.forwardRef(({ className, testid: dataTestId = "switch-b
   );
 });
 SwitchBase.displayName = SwitchPrimitives.Root.displayName;
-var TextAreaBase = React33.forwardRef(
+var TextAreaBase = React32.forwardRef(
   ({ className, hideClear = false, onClear, ...props }, ref) => {
-    const [isFocused, setIsFocused] = React33.useState(false);
-    const [hasContent, setHasContent] = React33.useState(
+    const [isFocused, setIsFocused] = React32.useState(false);
+    const [hasContent, setHasContent] = React32.useState(
       !!props.value || !!props.defaultValue
     );
-    const [showConfirmTooltip, setShowConfirmTooltip] = React33.useState(false);
-    const textareaRef = React33.useRef(null);
+    const [showConfirmTooltip, setShowConfirmTooltip] = React32.useState(false);
+    const textareaRef = React32.useRef(null);
     const handleFocus = (e) => {
       setIsFocused(true);
       props.onFocus?.(e);
@@ -5033,8 +5110,8 @@ var TextAreaBase = React33.forwardRef(
     const handleCancelClear = () => {
       setShowConfirmTooltip(false);
     };
-    React33.useImperativeHandle(ref, () => textareaRef.current);
-    React33.useEffect(() => {
+    React32.useImperativeHandle(ref, () => textareaRef.current);
+    React32.useEffect(() => {
       setHasContent(!!props.value || !!props.defaultValue);
     }, [props.value, props.defaultValue]);
     return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
@@ -5159,202 +5236,7 @@ var TextAreaBase = React33.forwardRef(
   }
 );
 TextAreaBase.displayName = "TextAreaBase";
-var CarouselContext = React33.createContext(null);
-function useCarousel() {
-  const context = React33.useContext(CarouselContext);
-  if (!context) {
-    throw new Error("useCarousel must be used within a <CarouselBase />");
-  }
-  return context;
-}
-function CarouselBase({
-  orientation = "horizontal",
-  opts,
-  setApi,
-  plugins,
-  className,
-  children,
-  ...props
-}) {
-  const [carouselRef, api] = useEmblaCarousel(
-    {
-      ...opts,
-      axis: orientation === "horizontal" ? "x" : "y"
-    },
-    plugins
-  );
-  const [canScrollPrev, setCanScrollPrev] = React33.useState(false);
-  const [canScrollNext, setCanScrollNext] = React33.useState(false);
-  const onSelect = React33.useCallback((api2) => {
-    if (!api2) return;
-    setCanScrollPrev(api2.canScrollPrev());
-    setCanScrollNext(api2.canScrollNext());
-  }, []);
-  const scrollPrev = React33.useCallback(() => {
-    api?.scrollPrev();
-  }, [api]);
-  const scrollNext = React33.useCallback(() => {
-    api?.scrollNext();
-  }, [api]);
-  const handleKeyDown = React33.useCallback(
-    (event) => {
-      if (event.key === "ArrowLeft") {
-        event.preventDefault();
-        scrollPrev();
-      } else if (event.key === "ArrowRight") {
-        event.preventDefault();
-        scrollNext();
-      }
-    },
-    [scrollPrev, scrollNext]
-  );
-  React33.useEffect(() => {
-    if (!api || !setApi) return;
-    setApi(api);
-  }, [api, setApi]);
-  React33.useEffect(() => {
-    if (!api) return;
-    onSelect(api);
-    api.on("reInit", onSelect);
-    api.on("select", onSelect);
-    return () => {
-      api?.off("select", onSelect);
-    };
-  }, [api, onSelect]);
-  return /* @__PURE__ */ jsx(
-    CarouselContext.Provider,
-    {
-      value: {
-        carouselRef,
-        api,
-        opts,
-        orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
-        scrollPrev,
-        scrollNext,
-        canScrollPrev,
-        canScrollNext
-      },
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          onKeyDownCapture: handleKeyDown,
-          className: cn("relative", className),
-          role: "region",
-          "aria-roledescription": "carousel",
-          "data-slot": "carousel",
-          ...props,
-          children
-        }
-      )
-    }
-  );
-}
-function CarouselContentBase({
-  className,
-  ...props
-}) {
-  const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: carouselRef,
-      className: "overflow-hidden",
-      "data-slot": "carousel-content",
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "flex",
-            orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
-            className
-          ),
-          ...props
-        }
-      )
-    }
-  );
-}
-function CarouselItemBase({
-  className,
-  ...props
-}) {
-  const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "group",
-      "aria-roledescription": "slide",
-      "data-slot": "carousel-item",
-      className: cn(
-        "min-w-0 shrink-0 grow-0 basis-full",
-        orientation === "horizontal" ? "pl-4" : "pt-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CarouselPreviousBase({
-  className,
-  variant = "outline",
-  size = "icon",
-  ...props
-}) {
-  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  const btnRef = React33.useRef(null);
-  return /* @__PURE__ */ jsxs(
-    ButtonBase,
-    {
-      "data-slot": "carousel-previous",
-      variant,
-      size,
-      ref: btnRef,
-      className: cn(
-        "absolute size-8 rounded-l-3xl px-6",
-        orientation === "horizontal" ? "top-2 right-1" : "bottom-64 left-1/3 rotate-90",
-        className
-      ),
-      disabled: !canScrollPrev,
-      onClick: scrollPrev,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(ArrowLeftIcon, {}),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous slide" })
-      ]
-    }
-  );
-}
-function CarouselNextBase({
-  className,
-  variant = "outline",
-  size = "icon",
-  ...props
-}) {
-  const { orientation, scrollNext, canScrollNext } = useCarousel();
-  const btnRef = React33.useRef(null);
-  return /* @__PURE__ */ jsxs(
-    ButtonBase,
-    {
-      "data-slot": "carousel-next",
-      variant,
-      size,
-      ref: btnRef,
-      className: cn(
-        "absolute size-8 rounded-r-3xl px-6",
-        orientation === "horizontal" ? "top-2" : "left-14 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollNext,
-      onClick: scrollNext,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(ArrowRightIcon$1, {}),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next slide" })
-      ]
-    }
-  );
-}
-var ScrollAreaBase = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ScrollAreaBase = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ScrollAreaPrimitive.Root,
   {
     ref,
@@ -5368,7 +5250,7 @@ var ScrollAreaBase = React33.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 ScrollAreaBase.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBarBase = React33.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+var ScrollBarBase = React32.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -5384,7 +5266,7 @@ var ScrollBarBase = React33.forwardRef(({ className, orientation = "vertical", .
   }
 ));
 ScrollBarBase.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-var SeparatorBase = React33.forwardRef(
+var SeparatorBase = React32.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => {
     const isHorizontal = orientation === "horizontal";
     return /* @__PURE__ */ jsx(
@@ -5416,7 +5298,7 @@ var SeparatorBase = React33.forwardRef(
   }
 );
 SeparatorBase.displayName = SeparatorPrimitive.Root.displayName;
-var TableBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
+var TableBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
   "table",
   {
     ref,
@@ -5425,9 +5307,9 @@ var TableBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ) }));
 TableBase.displayName = "TableBase";
-var TableHeaderBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeaderBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeaderBase.displayName = "TableHeaderBase";
-var TableBodyBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableBodyBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tbody",
   {
     ref,
@@ -5436,7 +5318,7 @@ var TableBodyBase = React33.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableBodyBase.displayName = "TableBodyBase";
-var TableFooterBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooterBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
     ref,
@@ -5448,7 +5330,7 @@ var TableFooterBase = React33.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 TableFooterBase.displayName = "TableFooterBase";
-var TableRowBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableRowBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tr",
   {
     ref,
@@ -5460,7 +5342,7 @@ var TableRowBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableRowBase.displayName = "TableRowBase";
-var TableHeadBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHeadBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "th",
   {
     ref,
@@ -5472,7 +5354,7 @@ var TableHeadBase = React33.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableHeadBase.displayName = "TableHeadBase";
-var TableCellBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCellBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "td",
   {
     ref,
@@ -5484,7 +5366,7 @@ var TableCellBase = React33.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableCellBase.displayName = "TableCellBase";
-var TableCaptionBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCaptionBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "caption",
   {
     ref,
@@ -5493,7 +5375,7 @@ var TableCaptionBase = React33.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 TableCaptionBase.displayName = "TableCaptionBase";
-var TabsBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Root,
   {
     ref,
@@ -5502,7 +5384,7 @@ var TabsBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsBase.displayName = TabsPrimitive.Root.displayName;
-var TabsListBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsListBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.List,
   {
     ref,
@@ -5522,7 +5404,7 @@ var TabsListBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TabsListBase.displayName = TabsPrimitive.List.displayName;
-var TabsTriggerBase = React33.forwardRef(({ className, animation = "default", ...props }, ref) => {
+var TabsTriggerBase = React32.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",
@@ -5542,7 +5424,7 @@ var TabsTriggerBase = React33.forwardRef(({ className, animation = "default", ..
     }
   );
 });
-var TabsContentBase = React33.forwardRef(({ className, animation = "default", ...props }, ref) => {
+var TabsContentBase = React32.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__ */ jsx(
     TabsPrimitive.Content,
@@ -5794,7 +5676,7 @@ var SheetBase = DialogPrimitive.Root;
 var SheetTriggerBase = DialogPrimitive.Trigger;
 var SheetCloseBase = DialogPrimitive.Close;
 var SheetPortalBase = DialogPrimitive.Portal;
-var SheetOverlayBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetOverlayBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     className: cn(
@@ -5822,7 +5704,7 @@ var sheetVariants = cva(
     }
   }
 );
-var SheetContentBase = React33.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortalBase, { children: [
+var SheetContentBase = React32.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortalBase, { children: [
   /* @__PURE__ */ jsx(SheetOverlayBase, {}),
   /* @__PURE__ */ jsxs(
     DialogPrimitive.Content,
@@ -5869,7 +5751,7 @@ var SheetFooterBase = ({
   }
 );
 SheetFooterBase.displayName = "SheetFooterBase";
-var SheetTitleBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetTitleBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -5878,7 +5760,7 @@ var SheetTitleBase = React33.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SheetTitleBase.displayName = DialogPrimitive.Title.displayName;
-var SheetDescriptionBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetDescriptionBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -5893,9 +5775,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React33.createContext(null);
+var SidebarContext = React32.createContext(null);
 function UseSideBarBase() {
-  const context = React33.useContext(SidebarContext);
+  const context = React32.useContext(SidebarContext);
   if (!context) {
     throw new Error(
       "UseSideBarBase must be used within a SidebarProviderBase."
@@ -5903,7 +5785,7 @@ function UseSideBarBase() {
   }
   return context;
 }
-var SidebarProviderBase = React33.forwardRef(
+var SidebarProviderBase = React32.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -5914,10 +5796,10 @@ var SidebarProviderBase = React33.forwardRef(
     ...props
   }, ref) => {
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React33.useState(false);
-    const [_open, _setOpen] = React33.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React32.useState(false);
+    const [_open, _setOpen] = React32.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React33.useCallback(
+    const setOpen = React32.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -5929,10 +5811,10 @@ var SidebarProviderBase = React33.forwardRef(
       },
       [setOpenProp, open]
     );
-    const toggleSidebar = React33.useCallback(() => {
+    const toggleSidebar = React32.useCallback(() => {
       return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
     }, [isMobile, setOpen, setOpenMobile]);
-    React33.useEffect(() => {
+    React32.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -5943,7 +5825,7 @@ var SidebarProviderBase = React33.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React33.useMemo(
+    const contextValue = React32.useMemo(
       () => ({
         state,
         open,
@@ -5975,7 +5857,7 @@ var SidebarProviderBase = React33.forwardRef(
   }
 );
 SidebarProviderBase.displayName = "SidebarProviderBase";
-var SidebarBase = React33.forwardRef(
+var SidebarBase = React32.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -6062,7 +5944,7 @@ var SidebarBase = React33.forwardRef(
   }
 );
 SidebarBase.displayName = "SidebarBase";
-var SidebarTriggerBase = React33.forwardRef(({ className, onClick, ...props }, ref) => {
+var SidebarTriggerBase = React32.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = UseSideBarBase();
   return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
     ButtonBase,
@@ -6085,7 +5967,7 @@ var SidebarTriggerBase = React33.forwardRef(({ className, onClick, ...props }, r
   ) });
 });
 SidebarTriggerBase.displayName = "SidebarTriggerBase";
-var SidebarRailBase = React33.forwardRef(({ className, ...props }, ref) => {
+var SidebarRailBase = React32.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = UseSideBarBase();
   return /* @__PURE__ */ jsx(
     "button",
@@ -6110,7 +5992,7 @@ var SidebarRailBase = React33.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRailBase.displayName = "SidebarRailBase";
-var SidebarInsetBase = React33.forwardRef(({ className, ...props }, ref) => {
+var SidebarInsetBase = React32.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "main",
     {
@@ -6125,7 +6007,7 @@ var SidebarInsetBase = React33.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInsetBase.displayName = "SidebarInsetBase";
-var SidebarInputBase = React33.forwardRef(({ className, ...props }, ref) => {
+var SidebarInputBase = React32.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     InputBase,
     {
@@ -6140,7 +6022,7 @@ var SidebarInputBase = React33.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInputBase.displayName = "SidebarInputBase";
-var SidebarHeaderBase = React33.forwardRef(({ className, ...props }, ref) => {
+var SidebarHeaderBase = React32.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -6152,7 +6034,7 @@ var SidebarHeaderBase = React33.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarHeaderBase.displayName = "SidebarHeaderBase";
-var SidebarFooterBase = React33.forwardRef(({ className, ...props }, ref) => {
+var SidebarFooterBase = React32.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -6164,7 +6046,7 @@ var SidebarFooterBase = React33.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarFooterBase.displayName = "SidebarFooterBase";
-var SidebarSeparatorBase = React33.forwardRef(({ className, ...props }, ref) => {
+var SidebarSeparatorBase = React32.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     SeparatorBase,
     {
@@ -6176,7 +6058,7 @@ var SidebarSeparatorBase = React33.forwardRef(({ className, ...props }, ref) =>
   );
 });
 SidebarSeparatorBase.displayName = "SidebarSeparatorBase";
-var SidebarContentBase = React33.forwardRef(({ className, ...props }, ref) => {
+var SidebarContentBase = React32.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -6191,7 +6073,7 @@ var SidebarContentBase = React33.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContentBase.displayName = "SidebarContentBase";
-var SidebarGroupBase = React33.forwardRef(({ className, ...props }, ref) => {
+var SidebarGroupBase = React32.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -6203,7 +6085,7 @@ var SidebarGroupBase = React33.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroupBase.displayName = "SidebarGroupBase";
-var SidebarGroupLabelBase = React33.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabelBase = React32.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "div";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -6220,7 +6102,7 @@ var SidebarGroupLabelBase = React33.forwardRef(({ className, asChild = false, ..
   );
 });
 SidebarGroupLabelBase.displayName = "SidebarGroupLabelBase";
-var SidebarGroupActionBase = React33.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupActionBase = React32.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -6239,7 +6121,7 @@ var SidebarGroupActionBase = React33.forwardRef(({ className, asChild = false, .
   );
 });
 SidebarGroupActionBase.displayName = "SidebarGroupActionBase";
-var SidebarGroupContentBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarGroupContentBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -6249,7 +6131,7 @@ var SidebarGroupContentBase = React33.forwardRef(({ className, ...props }, ref)
   }
 ));
 SidebarGroupContentBase.displayName = "SidebarGroupContentBase";
-var SidebarMenuBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenuBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ul",
   {
     ref,
@@ -6259,7 +6141,7 @@ var SidebarMenuBase = React33.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SidebarMenuBase.displayName = "SidebarMenuBase";
-var SidebarMenuItemBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenuItemBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "li",
   {
     ref,
@@ -6289,7 +6171,7 @@ var sidebarMenuButtonVariants = cva(
     }
   }
 );
-var SidebarMenuButtonBase = React33.forwardRef(
+var SidebarMenuButtonBase = React32.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -6335,7 +6217,7 @@ var SidebarMenuButtonBase = React33.forwardRef(
   }
 );
 SidebarMenuButtonBase.displayName = "SidebarMenuButtonBase";
-var SidebarMenuActionBase = React33.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuActionBase = React32.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -6358,7 +6240,7 @@ var SidebarMenuActionBase = React33.forwardRef(({ className, asChild = false, sh
   );
 });
 SidebarMenuActionBase.displayName = "SidebarMenuActionBase";
-var SidebarMenuBadgeBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenuBadgeBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -6376,8 +6258,8 @@ var SidebarMenuBadgeBase = React33.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SidebarMenuBadgeBase.displayName = "SidebarMenuBadgeBase";
-var SidebarMenuSkeletonBase = React33.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React33.useMemo(() => {
+var SidebarMenuSkeletonBase = React32.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React32.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxs(
@@ -6410,7 +6292,7 @@ var SidebarMenuSkeletonBase = React33.forwardRef(({ className, showIcon = false,
   );
 });
 SidebarMenuSkeletonBase.displayName = "SidebarMenuSkeletonBase";
-var SidebarMenuSubBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenuSubBase = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ul",
   {
     ref,
@@ -6424,9 +6306,9 @@ var SidebarMenuSubBase = React33.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 SidebarMenuSubBase.displayName = "SidebarMenuSubBase";
-var SidebarMenuSubItemBase = React33.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, ...props }));
+var SidebarMenuSubItemBase = React32.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, ...props }));
 SidebarMenuSubItemBase.displayName = "SidebarMenuSubItemBase";
-var SidebarMenuSubButtonBase = React33.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButtonBase = React32.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? Slot : "a";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -6971,11 +6853,11 @@ var CodeBlock = ({
   breadcrumb = [],
   showStats = true
 }) => {
-  const [copied, setCopied] = React33__default.useState(false);
-  const [activeTab, setActiveTab] = React33__default.useState(0);
-  const [isExpanded, setIsExpanded] = React33__default.useState(false);
+  const [copied, setCopied] = React32__default.useState(false);
+  const [activeTab, setActiveTab] = React32__default.useState(0);
+  const [isExpanded, setIsExpanded] = React32__default.useState(false);
   const tabsExist = tabs.length > 0;
-  const cssVars = React33__default.useMemo(
+  const cssVars = React32__default.useMemo(
     () => ({
       container: {
         backgroundColor: "hsl(var(--card))",
@@ -7071,7 +6953,7 @@ var CodeBlock = ({
             ] }),
             breadcrumb.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center min-w-0", children: [
               /* @__PURE__ */ jsx(FolderIcon, { size: "1em", style: cssVars.icon }),
-              /* @__PURE__ */ jsx("div", { className: "flex items-center min-w-0 ml-2", children: breadcrumb.map((crumb, index) => /* @__PURE__ */ jsxs(React33__default.Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { className: "flex items-center min-w-0 ml-2", children: breadcrumb.map((crumb, index) => /* @__PURE__ */ jsxs(React32__default.Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   "span",
                   {
@@ -7323,62 +7205,6 @@ function StatusIndicator({
     /* @__PURE__ */ jsx("div", { className: "min-w-0", children })
   ] });
 }
-var DebouncedInput = forwardRef(
-  ({
-    value: initialValue,
-    onChange,
-    debounce: debounce2 = 500,
-    label,
-    labelClassname,
-    leftIcon,
-    rightIcon,
-    showLoadingIndicator = false,
-    className,
-    error,
-    ...props
-  }, ref) => {
-    const [value, setValue] = useState(initialValue);
-    const [isDebouncing, setIsDebouncing] = useState(false);
-    useEffect(() => {
-      setValue(initialValue);
-    }, [initialValue]);
-    useEffect(() => {
-      if (value !== initialValue) {
-        setIsDebouncing(true);
-      }
-      const timeout = setTimeout(() => {
-        onChange(value);
-        setIsDebouncing(false);
-      }, debounce2);
-      return () => {
-        clearTimeout(timeout);
-        setIsDebouncing(false);
-      };
-    }, [debounce2, initialValue, onChange, value]);
-    const renderRightIcon = () => {
-      if (showLoadingIndicator && isDebouncing) {
-        return /* @__PURE__ */ jsx(CircleNotchIcon, { className: "h-4 w-4 animate-spin  text-muted-foreground" });
-      }
-      return rightIcon;
-    };
-    return /* @__PURE__ */ jsx(
-      InputBase,
-      {
-        ...props,
-        ref,
-        label,
-        labelClassname,
-        leftIcon,
-        rightIcon: renderRightIcon(),
-        className: cn("transition-all duration-200", className),
-        value,
-        onChange: (e) => setValue(e.target.value),
-        error
-      }
-    );
-  }
-);
-DebouncedInput.displayName = "DebouncedInput";
 function useCheckboxTree(initialTree) {
   const initialCheckedNodes = useMemo(() => {
     const checkedSet = /* @__PURE__ */ new Set();
@@ -8274,9 +8100,9 @@ function RangePicker({
   disabled,
   className
 }) {
-  const [open, setOpen] = React33.useState(false);
-  const [range, setRange] = React33.useState(value);
-  React33.useEffect(() => {
+  const [open, setOpen] = React32.useState(false);
+  const [range, setRange] = React32.useState(value);
+  React32.useEffect(() => {
     setRange(value);
   }, [value]);
   const handleSelect = (selected) => {
@@ -8510,7 +8336,7 @@ function RangePicker({
   ] });
 }
 RangePicker.displayName = "RangePicker";
-var TimePickerInput = React33__default.forwardRef(
+var TimePickerInput = React32__default.forwardRef(
   ({
     className,
     type = "tel",
@@ -8529,10 +8355,10 @@ var TimePickerInput = React33__default.forwardRef(
     label,
     ...props
   }, ref) => {
-    const [flag, setFlag] = React33__default.useState(false);
-    const [prevIntKey, setPrevIntKey] = React33__default.useState("0");
-    const [isFocused, setIsFocused] = React33__default.useState(false);
-    React33__default.useEffect(() => {
+    const [flag, setFlag] = React32__default.useState(false);
+    const [prevIntKey, setPrevIntKey] = React32__default.useState("0");
+    const [isFocused, setIsFocused] = React32__default.useState(false);
+    React32__default.useEffect(() => {
       if (flag) {
         const timer = setTimeout(() => {
           setFlag(false);
@@ -8540,7 +8366,7 @@ var TimePickerInput = React33__default.forwardRef(
         return () => clearTimeout(timer);
       }
     }, [flag]);
-    const calculatedValue = React33__default.useMemo(() => {
+    const calculatedValue = React32__default.useMemo(() => {
       const safeDate = date ?? new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0));
       return getDateByType(safeDate, picker);
     }, [date, picker]);
@@ -8719,9 +8545,9 @@ function TimePicker({
   hideSeconds,
   enableButton
 }) {
-  const minuteRef = React33.useRef(null);
-  const hourRef = React33.useRef(null);
-  const secondRef = React33.useRef(null);
+  const minuteRef = React32.useRef(null);
+  const hourRef = React32.useRef(null);
+  const secondRef = React32.useRef(null);
   const containerVariants = {
     hidden: { opacity: 0, y: 10 },
     visible: {
@@ -10122,7 +9948,7 @@ function EventAgenda({
         );
         return;
       }
-      if (React33__default.isValidElement(onClick)) {
+      if (React32__default.isValidElement(onClick)) {
         setSelectedEvent(event);
         return;
       }
@@ -10274,7 +10100,7 @@ function EventAgenda({
             }
           )
         ] }),
-        selectedEvent && React33__default.isValidElement(onClick) ? React33__default.cloneElement(onClick, {
+        selectedEvent && React32__default.isValidElement(onClick) ? React32__default.cloneElement(onClick, {
           event: selectedEvent,
           onClose: () => setSelectedEvent(null)
         }) : null
@@ -13921,7 +13747,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__ */ jsxs(React33__default.Fragment, { children: [
+                    children: paged && "grouped" in paged ? Object.keys(paged.grouped).map((key, index) => /* @__PURE__ */ jsxs(React32__default.Fragment, { children: [
                       /* @__PURE__ */ jsx(
                         MultiSelectGroupBase,
                         {
@@ -13988,7 +13814,7 @@ function MultiSelect({
                     )
                   ] })
                 ] })
-              ] }) : /* @__PURE__ */ jsx(Fragment, { children: groupItems ? /* @__PURE__ */ jsx(Fragment, { children: Object.keys(groupItems).map((key, index) => /* @__PURE__ */ jsxs(React33__default.Fragment, { children: [
+              ] }) : /* @__PURE__ */ jsx(Fragment, { children: groupItems ? /* @__PURE__ */ jsx(Fragment, { children: Object.keys(groupItems).map((key, index) => /* @__PURE__ */ jsxs(React32__default.Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   MultiSelectGroupBase,
                   {
@@ -14800,7 +14626,7 @@ var DraggableTooltipComponent = ({
     () => showOnlyHighlighted && highlightedSeries && highlightedSeries.size > 0 ? dataKeys.filter((k) => highlightedSeries.has(k)) : dataKeys,
     [showOnlyHighlighted, highlightedSeries, dataKeys]
   );
-  const TotalDisplay = React33__default.memo(({ data: data2, visibleKeys: visibleKeys2, valueFormatter: localformatter }) => {
+  const TotalDisplay = React32__default.memo(({ data: data2, visibleKeys: visibleKeys2, valueFormatter: localformatter }) => {
     const total = useMemo(() => {
       const numeric = visibleKeys2.map((k) => data2[k]).filter((v) => typeof v === "number");
       return numeric.reduce((s, v) => s + (v || 0), 0);
@@ -15366,7 +15192,7 @@ var DraggableTooltipComponent = ({
     )
   ] });
 };
-var DraggableTooltip = React33__default.memo(DraggableTooltipComponent);
+var DraggableTooltip = React32__default.memo(DraggableTooltipComponent);
 DraggableTooltip.displayName = "DraggableTooltip";
 var DraggableTooltip_default = DraggableTooltip;
 var RechartTooltipWithTotal = ({
@@ -18779,5 +18605,138 @@ function Leaderboard({
     }
   );
 }
+function CarouselBase({
+  items,
+  className,
+  containerClassName,
+  imageClassName,
+  width,
+  height = "400px",
+  showControls = true,
+  showIndicators = true,
+  autoPlay = false,
+  autoPlayInterval = 3e3,
+  springConfig = {
+    stiffness: 300,
+    damping: 30
+  }
+}) {
+  const [index, setIndex] = useState(0);
+  const containerRef = useRef(null);
+  const x = useMotionValue(0);
+  useEffect(() => {
+    if (containerRef.current) {
+      const containerWidth = containerRef.current.offsetWidth || 1;
+      const targetX = -index * containerWidth;
+      animate(x, targetX, {
+        type: "spring",
+        stiffness: springConfig.stiffness,
+        damping: springConfig.damping
+      });
+    }
+  }, [index, x, springConfig.stiffness, springConfig.damping]);
+  useEffect(() => {
+    if (!autoPlay || items.length <= 1) return;
+    const interval = setInterval(() => {
+      setIndex((i) => (i + 1) % items.length);
+    }, autoPlayInterval);
+    return () => clearInterval(interval);
+  }, [autoPlay, autoPlayInterval, items.length]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("w-full lg:p-10 sm:p-4 p-2", className),
+      style: { width },
+      children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "relative overflow-hidden rounded-lg",
+            containerClassName
+          ),
+          ref: containerRef,
+          children: [
+            /* @__PURE__ */ jsx(motion.div, { className: "flex", style: { x }, children: items.map((item) => /* @__PURE__ */ jsx("div", { className: "shrink-0 w-full", style: { height }, children: /* @__PURE__ */ 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)) }),
+            showControls && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                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-10
+                  ${index === 0 ? "opacity-40 cursor-not-allowed" : "bg-secondary hover:scale-110 hover:opacity-100 opacity-70"}`,
+                  children: /* @__PURE__ */ jsx(
+                    "svg",
+                    {
+                      className: "w-6 h-6",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24",
+                      children: /* @__PURE__ */ jsx(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          strokeWidth: 2,
+                          d: "M15 19l-7-7 7-7"
+                        }
+                      )
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                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-10
+                  ${index === items.length - 1 ? "opacity-40 cursor-not-allowed" : "bg-secondary hover:scale-110 hover:opacity-100 opacity-70"}`,
+                  children: /* @__PURE__ */ jsx(
+                    "svg",
+                    {
+                      className: "w-6 h-6",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24",
+                      children: /* @__PURE__ */ jsx(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          strokeWidth: 2,
+                          d: "M9 5l7 7-7 7"
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            ] }),
+            showIndicators && /* @__PURE__ */ jsx("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2", children: items.map((_, i) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => setIndex(i),
+                className: `h-2 rounded-full transition-all ${i === index ? "w-8 bg-white" : "w-2 bg-white/50"}`
+              },
+              i
+            )) })
+          ]
+        }
+      ) })
+    }
+  );
+}
 
-export { AddButton, Agenda, AgendaDaysToShow, AgendaDaysToShowAgenda, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush_default as Brush, ButtonBase, ButtonGroupBase, CENTER_INDEX, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPreviousBase, ChangeButton, Chart_default as Chart, ChartControls, ChartHeader, ChartTotalLegend_default as ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton_default as CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, CopyButton, DateTimePicker, DayView, DayViewAgenda, DebouncedInput, DefaultEndHour, DefaultEndHourAgenda, DefaultStartHour, DefaultStartHourAgenda, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent2 as DraggableEvent, DraggableTooltip_default as DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, DroppableCell, DroppableCellAgenda, EditButton, EndHour, EndHourAgenda, ErrorMessage_default as ErrorMessage, EventAgenda, EventCalendar, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileUploader, FilterButton, HideButton, Highlights_default as Highlights, HorizontalChart_default as HorizontalChart, HorizontalLegend_default as HorizontalLegend, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, ITEM_HEIGHT, InputBase, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase_default as LabelBase, Leaderboard, LikeButton, LoadingBase, LockButton, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, MultiSelect, MultiSelectBase, MultiSelectContentBase, MultiSelectGroupBase, MultiSelectItemBase, MultiSelectSeparatorBase, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NoData_default as NoData, NotificationButton, NumericInput, PeriodsDropdown_default as PeriodsDropdown, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, ProgressCirclesBase, ProgressPanelsBase, ProgressSegmentsBase, RangePicker, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectEmpty, SelectGroupBase, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly_default as ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, StartHour, StartHourAgenda, StatusIndicator, SwitchBase, SystemTooltip_default as SystemTooltip, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, ThemeProviderBase, TimePicker, TimePickerInput, TimeSeries_default as TimeSeries, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple_default as TooltipSimple, TooltipTriggerBase, TooltipWithTotal_default as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, VISIBLE_ITEMS, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, formatFieldName, formatLinePercentage, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getItems, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, processNeo4jData, renderInsideBarLabel, pillLabelRenderer_default as renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useBiaxial, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartLayout, useChartMinMax, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useOpenTooltipForPeriod, useProcessedData, useSeriesOpacity, useTheme, useTimeSeriesRange, visualForItem };
+export { AddButton, Agenda, AgendaDaysToShow, AgendaDaysToShowAgenda, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush_default as Brush, ButtonBase, ButtonGroupBase, CENTER_INDEX, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, CarouselBase, ChangeButton, Chart_default as Chart, ChartControls, ChartHeader, ChartTotalLegend_default as ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton_default as CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, CommandBase, CommandDebouncedInputBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, CopyButton, DateTimePicker, DayView, DayViewAgenda, DebouncedInput, DefaultEndHour, DefaultEndHourAgenda, DefaultStartHour, DefaultStartHourAgenda, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent2 as DraggableEvent, DraggableTooltip_default as DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, DroppableCell, DroppableCellAgenda, EditButton, EndHour, EndHourAgenda, ErrorMessage_default as ErrorMessage, EventAgenda, EventCalendar, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileUploader, FilterButton, HideButton, Highlights_default as Highlights, HorizontalChart_default as HorizontalChart, HorizontalLegend_default as HorizontalLegend, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, ITEM_HEIGHT, InputBase, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase_default as LabelBase, Leaderboard, LikeButton, LoadingBase, LockButton, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, MultiSelect, MultiSelectBase, MultiSelectContentBase, MultiSelectGroupBase, MultiSelectItemBase, MultiSelectSeparatorBase, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NoData_default as NoData, NotificationButton, NumericInput, PeriodsDropdown_default as PeriodsDropdown, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, ProgressCirclesBase, ProgressPanelsBase, ProgressSegmentsBase, RangePicker, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectEmpty, SelectGroupBase, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly_default as ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, StartHour, StartHourAgenda, StatusIndicator, SwitchBase, SystemTooltip_default as SystemTooltip, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, ThemeProviderBase, TimePicker, TimePickerInput, TimeSeries_default as TimeSeries, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple_default as TooltipSimple, TooltipTriggerBase, TooltipWithTotal_default as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, VISIBLE_ITEMS, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, formatFieldName, formatLinePercentage, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getItems, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, processNeo4jData, renderInsideBarLabel, pillLabelRenderer_default as renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useBiaxial, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartLayout, useChartMinMax, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useOpenTooltipForPeriod, useProcessedData, useSeriesOpacity, useTheme, useTimeSeriesRange, visualForItem };