@mlw-packages/react-components 1.7.6 → 1.7.7

package/dist/index.mjs

@@ -2246,67 +2246,80 @@ var Highlights = ({
             initial: "hidden",
             animate: "visible",
             exit: "exit",
-            children: /* @__PURE__ */ jsx21(
-              ButtonBase,
-              {
-                asChild: true,
-                variant: "ghost",
-                onClick: () => toggleHighlight(k),
-                title: isHighlighted ? `Desativar ${label}` : `Ativar ${label}`,
-                className: pillClasses,
-                style: { minWidth: showFullLabel ? void 0 : 36 },
-                "aria-pressed": isHighlighted,
-                children: /* @__PURE__ */ jsxs16(
-                  motion8.button,
-                  {
-                    whileHover: { scale: isHighlighted ? 1.04 : 1.03 },
-                    whileTap: { scale: 0.96 },
-                    animate: isHighlighted ? { scale: 1.02 } : { scale: 1 },
-                    className: "flex items-center gap-2 min-w-0 pr-2",
-                    children: [
-                      /* @__PURE__ */ jsx21(
-                        motion8.span,
-                        {
-                          className: cn("w-3 h-3 rounded-sm flex-shrink-0 border"),
-                          style: {
-                            backgroundColor: color,
-                            borderColor: isHighlighted ? color : "transparent",
-                            boxShadow: isHighlighted ? `0 6px 20px ${color}33` : void 0
-                          },
-                          layout: true,
-                          initial: { scale: 0.8, opacity: 0.9 },
-                          animate: { scale: 1, opacity: 1 },
-                          transition: { type: "spring", stiffness: 400, damping: 30 }
-                        }
-                      ),
-                      showFullLabel ? /* @__PURE__ */ jsx21(motion8.span, { className: "truncate max-w-[10rem] pr-2", layout: true, children: label }) : showShortLabel ? /* @__PURE__ */ jsx21(
-                        motion8.span,
-                        {
-                          className: "truncate max-w-[6rem] text-xs pr-2",
-                          layout: true,
-                          children: label
-                        }
-                      ) : null,
-                      /* @__PURE__ */ jsx21(
-                        motion8.span,
-                        {
-                          "aria-hidden": true,
-                          initial: { opacity: 0, scale: 0.6 },
-                          animate: isHighlighted ? { opacity: 1, scale: 1 } : { opacity: 0, scale: 0.6 },
-                          transition: { type: "spring", stiffness: 450, damping: 28 },
-                          className: cn(
-                            "pointer-events-none absolute right-2  -translate-y-1/2 text-xs text-foreground flex items-center justify-center",
-                            isHighlighted ? "" : "opacity-0 pointer-events-none"
-                          ),
-                          style: { width: 18, height: 18 },
-                          children: /* @__PURE__ */ jsx21(CheckIcon5, {})
+            children: (() => {
+              const MotionButtonBase = motion8(
+                ButtonBase
+              );
+              return /* @__PURE__ */ jsxs16(
+                MotionButtonBase,
+                {
+                  variant: "ghost",
+                  onClick: () => toggleHighlight(k),
+                  title: isHighlighted ? `Desativar ${label}` : `Ativar ${label}`,
+                  className: pillClasses,
+                  style: { minWidth: showFullLabel ? void 0 : 36 },
+                  "aria-pressed": isHighlighted,
+                  whileHover: { scale: isHighlighted ? 1.04 : 1.03 },
+                  whileTap: { scale: 0.96 },
+                  animate: isHighlighted ? { scale: 1.02 } : { scale: 1 },
+                  children: [
+                    /* @__PURE__ */ jsx21(
+                      motion8.span,
+                      {
+                        className: cn("w-3 h-3 rounded-sm flex-shrink-0 border"),
+                        style: {
+                          backgroundColor: color,
+                          borderColor: isHighlighted ? color : "transparent",
+                          boxShadow: isHighlighted ? `0 6px 20px ${color}33` : void 0
+                        },
+                        layout: true,
+                        initial: { scale: 0.8, opacity: 0.9 },
+                        animate: { scale: 1, opacity: 1 },
+                        transition: {
+                          type: "spring",
+                          stiffness: 400,
+                          damping: 30
                         }
-                      )
-                    ]
-                  }
-                )
-              }
-            )
+                      }
+                    ),
+                    showFullLabel ? /* @__PURE__ */ jsx21(
+                      motion8.span,
+                      {
+                        className: "truncate max-w-[10rem] pr-2",
+                        layout: true,
+                        children: label
+                      }
+                    ) : showShortLabel ? /* @__PURE__ */ jsx21(
+                      motion8.span,
+                      {
+                        className: "truncate max-w-[6rem] text-xs pr-2",
+                        layout: true,
+                        children: label
+                      }
+                    ) : null,
+                    /* @__PURE__ */ jsx21(
+                      motion8.span,
+                      {
+                        "aria-hidden": true,
+                        initial: { opacity: 0, scale: 0.6 },
+                        animate: isHighlighted ? { opacity: 1, scale: 1 } : { opacity: 0, scale: 0.6 },
+                        transition: {
+                          type: "spring",
+                          stiffness: 450,
+                          damping: 28
+                        },
+                        className: cn(
+                          "pointer-events-none absolute right-2  -translate-y-1/2 text-xs text-foreground flex items-center justify-center",
+                          isHighlighted ? "" : "opacity-0 pointer-events-none"
+                        ),
+                        style: { width: 18, height: 18 },
+                        children: /* @__PURE__ */ jsx21(CheckIcon5, {})
+                      }
+                    )
+                  ]
+                }
+              );
+            })()
           },
           `pill-${k}`
         );
@@ -5641,7 +5654,7 @@ var AvatarFallbackBase = React16.forwardRef(({ className, ...props }, ref) => /*
 ));
 AvatarFallbackBase.displayName = AvatarPrimitive.Fallback.displayName;
 
-// src/components/ui/data/BadgeBase.tsx
+// src/components/ui/data/Badge.tsx
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 import { cva as cva2 } from "class-variance-authority";
 import { jsx as jsx32 } from "react/jsx-runtime";
@@ -5660,7 +5673,7 @@ var badgeVariants = cva2(
     }
   }
 );
-function BadgeBase({
+function Badge({
   className,
   color,
   size = "md",
@@ -7157,64 +7170,78 @@ var CollapsibleContentBase = React25.forwardRef(({ className, children, ...props
       ),
       "data-slot": "collapsible-content",
       ...props,
-      children: /* @__PURE__ */ jsx44("div", { className: "pb-3 pt-1", children })
+      children: /* @__PURE__ */ jsx44("div", { children })
     }
   );
 });
 CollapsibleContentBase.displayName = CollapsiblePrimitive.CollapsibleContent.displayName;
 
-// src/components/ui/form/DebounceInput.tsx
-import { useEffect as useEffect10, useState as useState11 } from "react";
-import { CircleNotchIcon as CircleNotchIcon2 } from "@phosphor-icons/react";
-import { jsx as jsx45 } from "react/jsx-runtime";
-
 // src/components/ui/form/HoverCardBase.tsx
+import * as React26 from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs33 } from "react/jsx-runtime";
 function HoverCardBase(props) {
-  return /* @__PURE__ */ jsx46(HoverCardPrimitive.Root, { ...props });
+  return /* @__PURE__ */ jsx45(HoverCardPrimitive.Root, { ...props });
 }
 function HoverCardTriggerBase(props) {
-  return /* @__PURE__ */ jsx46(HoverCardPrimitive.Trigger, { ...props });
-}
-function HoverCardContentBase({
-  className,
-  align = "center",
-  sideOffset = 4,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx46(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx46(
-    HoverCardPrimitive.Content,
-    {
-      align,
-      sideOffset,
-      className: cn(
-        "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none",
-        "data-[state=open]:animate-in data-[state=closed]:animate-out",
-        "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
-        "data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
-        "data-[side=bottom]:slide-in-from-top-2",
-        "data-[side=left]:slide-in-from-right-2",
-        "data-[side=right]:slide-in-from-left-2",
-        "data-[side=top]:slide-in-from-bottom-2",
-        className
-      ),
-      ...props
-    }
-  ) });
+  return /* @__PURE__ */ jsx45(HoverCardPrimitive.Trigger, { ...props });
 }
+var HoverCardContentBase = React26.forwardRef(
+  ({ className, align = "center", sideOffset = 6, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx45(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsxs33(
+      HoverCardPrimitive.Content,
+      {
+        ref,
+        align,
+        sideOffset,
+        className: cn(
+          "z-50 w-64 max-w-[90vw] rounded-lg border bg-popover p-4 text-popover-foreground shadow-lg outline-none backdrop-blur-sm relative transform-gpu",
+          "motion-safe:transition-all motion-safe:duration-200 motion-safe:ease-out",
+          "motion-reduce:transition-none motion-reduce:transform-none",
+          "data-[state=open]:scale-100 data-[state=closed]:scale-95",
+          "data-[state=open]:shadow-2xl data-[state=closed]:shadow-lg",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out",
+          "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
+          "data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
+          "data-[side=bottom]:origin-top data-[side=top]:origin-bottom data-[side=left]:origin-right data-[side=right]:origin-left",
+          "data-[side=bottom]:slide-in-from-top-2",
+          "data-[side=left]:slide-in-from-right-2",
+          "data-[side=right]:slide-in-from-left-2",
+          "data-[side=top]:slide-in-from-bottom-2",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx45(
+            HoverCardPrimitive.Arrow,
+            {
+              className: cn(
+                "fill-popover stroke-[rgba(0,0,0,0.06)] dark:stroke-[rgba(255,255,255,0.06)]",
+                "motion-safe:transition-transform motion-safe:duration-200",
+                // subtle arrow nudge depending on side
+                "data-[side=top]:-translate-y-1 data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx45("div", { className: "relative z-10", children })
+        ]
+      }
+    ) });
+  }
+);
+HoverCardContentBase.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/components/ui/form/Input-OTP-Base.tsx
-import * as React26 from "react";
+import * as React27 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { MinusIcon } from "@phosphor-icons/react";
-import { jsx as jsx47, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs34 } from "react/jsx-runtime";
 function InputOTPBase({
   className,
   containerClassName,
   ...props
 }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     OTPInput,
     {
       "data-slot": "input-otp",
@@ -7228,7 +7255,7 @@ function InputOTPBase({
   );
 }
 function InputOTPGroupBase({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -7242,9 +7269,9 @@ function InputOTPSlotBase({
   className,
   ...props
 }) {
-  const inputOTPContext = React26.useContext(OTPInputContext);
+  const inputOTPContext = React27.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       "data-slot": "input-otp-slot",
@@ -7256,20 +7283,20 @@ function InputOTPSlotBase({
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx47("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx47("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx46("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx46("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
       ]
     }
   );
 }
 function InputOTPSeparatorBase({ ...props }) {
-  return /* @__PURE__ */ jsx47("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx47(MinusIcon, {}) });
+  return /* @__PURE__ */ jsx46("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx46(MinusIcon, {}) });
 }
 
 // src/components/ui/form/SliderBase.tsx
-import * as React27 from "react";
+import * as React28 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx as jsx48, jsxs as jsxs34 } from "react/jsx-runtime";
-var SlideBase = React27.forwardRef(
+import { jsx as jsx47, jsxs as jsxs35 } from "react/jsx-runtime";
+var SlideBase = React28.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -7279,13 +7306,13 @@ var SlideBase = React27.forwardRef(
     ...props
   }, ref) => {
     const isVertical = orientation === "vertical";
-    return /* @__PURE__ */ jsxs34(
+    return /* @__PURE__ */ jsxs35(
       "div",
       {
         className: cn("flex flex-col gap-1", isVertical ? "h-full " : "w-full"),
         children: [
-          label && /* @__PURE__ */ jsx48(LabelBase_default, { className: "py-2", children: label }),
-          /* @__PURE__ */ jsxs34(
+          label && /* @__PURE__ */ jsx47(LabelBase_default, { className: "py-2", children: label }),
+          /* @__PURE__ */ jsxs35(
             "div",
             {
               className: cn(
@@ -7293,8 +7320,8 @@ var SlideBase = React27.forwardRef(
                 isVertical ? "flex-col  h-full" : "flex-row items-center w-full"
               ),
               children: [
-                leftIcon && /* @__PURE__ */ jsx48("div", { className: "flex items-center justify-center", children: leftIcon }),
-                /* @__PURE__ */ jsxs34(
+                leftIcon && /* @__PURE__ */ jsx47("div", { className: "flex items-center justify-center", children: leftIcon }),
+                /* @__PURE__ */ jsxs35(
                   SliderPrimitive.Root,
                   {
                     ref,
@@ -7306,14 +7333,14 @@ var SlideBase = React27.forwardRef(
                     ),
                     ...props,
                     children: [
-                      /* @__PURE__ */ jsx48(
+                      /* @__PURE__ */ jsx47(
                         SliderPrimitive.Track,
                         {
                           className: cn(
                             "relative overflow-hidden bg-primary/20 rounded-full",
                             isVertical ? "w-1.5 h-full" : "h-1.5 w-full"
                           ),
-                          children: /* @__PURE__ */ jsx48(
+                          children: /* @__PURE__ */ jsx47(
                             SliderPrimitive.Range,
                             {
                               className: cn(
@@ -7324,7 +7351,7 @@ var SlideBase = React27.forwardRef(
                           )
                         }
                       ),
-                      /* @__PURE__ */ jsx48(
+                      /* @__PURE__ */ jsx47(
                         SliderPrimitive.Thumb,
                         {
                           className: cn(
@@ -7337,7 +7364,7 @@ var SlideBase = React27.forwardRef(
                     ]
                   }
                 ),
-                rightIcon && /* @__PURE__ */ jsx48("div", { className: "flex items-center justify-center", children: rightIcon })
+                rightIcon && /* @__PURE__ */ jsx47("div", { className: "flex items-center justify-center", children: rightIcon })
               ]
             }
           )
@@ -7349,7 +7376,7 @@ var SlideBase = React27.forwardRef(
 SlideBase.displayName = "SlideBase";
 
 // src/components/ui/form/SmallButtons.tsx
-import * as React28 from "react";
+import * as React29 from "react";
 import {
   PencilSimpleIcon,
   FloppyDiskIcon,
@@ -7374,8 +7401,8 @@ import {
   LockOpenIcon,
   ArrowsLeftRightIcon
 } from "@phosphor-icons/react";
-import { jsx as jsx49 } from "react/jsx-runtime";
-var EditButton = React28.forwardRef(
+import { jsx as jsx48 } from "react/jsx-runtime";
+var EditButton = React29.forwardRef(
   ({
     disabled,
     onClick,
@@ -7386,7 +7413,7 @@ var EditButton = React28.forwardRef(
     variant = "default",
     size = "icon",
     ...props
-  }, ref) => /* @__PURE__ */ jsx49(
+  }, ref) => /* @__PURE__ */ jsx48(
     ButtonBase,
     {
       ref,
@@ -7403,7 +7430,7 @@ var EditButton = React28.forwardRef(
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx49(
+      children: /* @__PURE__ */ jsx48(
         PencilSimpleIcon,
         {
           size: iconSize,
@@ -7415,7 +7442,7 @@ var EditButton = React28.forwardRef(
   )
 );
 EditButton.displayName = "EditButton";
-var ChangeButton = React28.forwardRef(
+var ChangeButton = React29.forwardRef(
   ({
     disabled,
     onClick,
@@ -7426,7 +7453,7 @@ var ChangeButton = React28.forwardRef(
     variant = "default",
     size = "icon",
     ...props
-  }, ref) => /* @__PURE__ */ jsx49(
+  }, ref) => /* @__PURE__ */ jsx48(
     ButtonBase,
     {
       ref,
@@ -7443,7 +7470,7 @@ var ChangeButton = React28.forwardRef(
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx49(
+      children: /* @__PURE__ */ jsx48(
         ArrowsLeftRightIcon,
         {
           size: iconSize,
@@ -7455,7 +7482,7 @@ var ChangeButton = React28.forwardRef(
   )
 );
 ChangeButton.displayName = "ChangeButton";
-var SaveButton = React28.forwardRef(
+var SaveButton = React29.forwardRef(
   ({
     disabled,
     onClick,
@@ -7466,7 +7493,7 @@ var SaveButton = React28.forwardRef(
     variant = "default",
     size = "icon",
     ...props
-  }, ref) => /* @__PURE__ */ jsx49(
+  }, ref) => /* @__PURE__ */ jsx48(
     ButtonBase,
     {
       ref,
@@ -7483,7 +7510,7 @@ var SaveButton = React28.forwardRef(
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx49(
+      children: /* @__PURE__ */ jsx48(
         FloppyDiskIcon,
         {
           size: iconSize,
@@ -7495,7 +7522,7 @@ var SaveButton = React28.forwardRef(
   )
 );
 SaveButton.displayName = "SaveButton";
-var AddButton = React28.forwardRef(
+var AddButton = React29.forwardRef(
   ({
     disabled,
     onClick,
@@ -7506,7 +7533,7 @@ var AddButton = React28.forwardRef(
     variant = "default",
     size = "icon",
     ...props
-  }, ref) => /* @__PURE__ */ jsx49(
+  }, ref) => /* @__PURE__ */ jsx48(
     ButtonBase,
     {
       ref,
@@ -7523,7 +7550,7 @@ var AddButton = React28.forwardRef(
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx49(
+      children: /* @__PURE__ */ jsx48(
         PlusIcon2,
         {
           size: iconSize,
@@ -7535,7 +7562,7 @@ var AddButton = React28.forwardRef(
   )
 );
 AddButton.displayName = "AddButton";
-var CloseButton = React28.forwardRef(
+var CloseButton = React29.forwardRef(
   ({
     disabled,
     onClick,
@@ -7546,7 +7573,7 @@ var CloseButton = React28.forwardRef(
     variant = "ghost",
     size = "icon",
     ...props
-  }, ref) => /* @__PURE__ */ jsx49(
+  }, ref) => /* @__PURE__ */ jsx48(
     ButtonBase,
     {
       ref,
@@ -7563,7 +7590,7 @@ var CloseButton = React28.forwardRef(
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx49(
+      children: /* @__PURE__ */ jsx48(
         XIcon7,
         {
           size: iconSize,
@@ -7580,7 +7607,7 @@ var DownloadButton = ({
   onClick,
   testid = "button-download",
   ...props
-}) => /* @__PURE__ */ jsx49(
+}) => /* @__PURE__ */ jsx48(
   ButtonBase,
   {
     variant: "outline",
@@ -7595,7 +7622,7 @@ var DownloadButton = ({
       "disabled:hover:scale-100"
     ),
     ...props,
-    children: /* @__PURE__ */ jsx49(
+    children: /* @__PURE__ */ jsx48(
       DownloadSimpleIcon,
       {
         size: 18,
@@ -7609,7 +7636,7 @@ var UploadButton = ({
   onClick,
   testid = "button-upload",
   ...props
-}) => /* @__PURE__ */ jsx49(
+}) => /* @__PURE__ */ jsx48(
   ButtonBase,
   {
     variant: "outline",
@@ -7624,7 +7651,7 @@ var UploadButton = ({
       "disabled:hover:scale-100"
     ),
     ...props,
-    children: /* @__PURE__ */ jsx49(
+    children: /* @__PURE__ */ jsx48(
       UploadSimpleIcon,
       {
         size: 18,
@@ -7638,7 +7665,7 @@ var CopyButton = ({
   onClick,
   testid = "button-copy",
   ...props
-}) => /* @__PURE__ */ jsx49(
+}) => /* @__PURE__ */ jsx48(
   ButtonBase,
   {
     variant: "ghost",
@@ -7653,7 +7680,7 @@ var CopyButton = ({
       "disabled:hover:scale-100"
     ),
     ...props,
-    children: /* @__PURE__ */ jsx49(
+    children: /* @__PURE__ */ jsx48(
       CopyIcon,
       {
         size: 18,
@@ -7667,7 +7694,7 @@ var RefreshButton = ({
   onClick,
   testid = "button-refresh",
   ...props
-}) => /* @__PURE__ */ jsx49(
+}) => /* @__PURE__ */ jsx48(
   ButtonBase,
   {
     variant: "ghost",
@@ -7682,7 +7709,7 @@ var RefreshButton = ({
       "disabled:hover:scale-100"
     ),
     ...props,
-    children: /* @__PURE__ */ jsx49(
+    children: /* @__PURE__ */ jsx48(
       ArrowClockwiseIcon,
       {
         size: 18,
@@ -7696,7 +7723,7 @@ var SearchButton = ({
   onClick,
   testid = "button-search",
   ...props
-}) => /* @__PURE__ */ jsx49(
+}) => /* @__PURE__ */ jsx48(
   ButtonBase,
   {
     variant: "outline",
@@ -7711,7 +7738,7 @@ var SearchButton = ({
       "disabled:hover:scale-100"
     ),
     ...props,
-    children: /* @__PURE__ */ jsx49(
+    children: /* @__PURE__ */ jsx48(
       MagnifyingGlassIcon2,
       {
         size: 18,
@@ -7725,7 +7752,7 @@ var BackButton = ({
   onClick,
   testid = "button-back",
   ...props
-}) => /* @__PURE__ */ jsx49(
+}) => /* @__PURE__ */ jsx48(
   ButtonBase,
   {
     variant: "ghost",
@@ -7740,7 +7767,7 @@ var BackButton = ({
       "disabled:hover:scale-100"
     ),
     ...props,
-    children: /* @__PURE__ */ jsx49(
+    children: /* @__PURE__ */ jsx48(
       ArrowLeftIcon,
       {
         size: 18,
@@ -7754,7 +7781,7 @@ var SettingsButton = ({
   onClick,
   testid = "button-settings",
   ...props
-}) => /* @__PURE__ */ jsx49(
+}) => /* @__PURE__ */ jsx48(
   ButtonBase,
   {
     variant: "ghost",
@@ -7769,7 +7796,7 @@ var SettingsButton = ({
       "disabled:hover:scale-100"
     ),
     ...props,
-    children: /* @__PURE__ */ jsx49(
+    children: /* @__PURE__ */ jsx48(
       GearIcon,
       {
         size: 18,
@@ -7783,7 +7810,7 @@ var NotificationButton = ({
   onClick,
   testid = "button-notification",
   ...props
-}) => /* @__PURE__ */ jsx49(
+}) => /* @__PURE__ */ jsx48(
   ButtonBase,
   {
     variant: "ghost",
@@ -7798,7 +7825,7 @@ var NotificationButton = ({
       "disabled:hover:scale-100"
     ),
     ...props,
-    children: /* @__PURE__ */ jsx49(
+    children: /* @__PURE__ */ jsx48(
       BellIcon,
       {
         size: 18,
@@ -7812,7 +7839,7 @@ var MoreButton = ({
   onClick,
   testid = "button-more",
   ...props
-}) => /* @__PURE__ */ jsx49(
+}) => /* @__PURE__ */ jsx48(
   ButtonBase,
   {
     variant: "ghost",
@@ -7827,7 +7854,7 @@ var MoreButton = ({
       "disabled:hover:scale-100"
     ),
     ...props,
-    children: /* @__PURE__ */ jsx49(
+    children: /* @__PURE__ */ jsx48(
       DotsThreeIcon2,
       {
         size: 18,
@@ -7841,7 +7868,7 @@ var CheckButton = ({
   onClick,
   testid = "button-check",
   ...props
-}) => /* @__PURE__ */ jsx49(
+}) => /* @__PURE__ */ jsx48(
   ButtonBase,
   {
     variant: "default",
@@ -7856,7 +7883,7 @@ var CheckButton = ({
       "disabled:hover:scale-100"
     ),
     ...props,
-    children: /* @__PURE__ */ jsx49(
+    children: /* @__PURE__ */ jsx48(
       CheckIcon8,
       {
         size: 18,
@@ -7876,7 +7903,7 @@ var FilterButton = ({
   variant,
   size = "icon",
   ...props
-}) => /* @__PURE__ */ jsx49(
+}) => /* @__PURE__ */ jsx48(
   ButtonBase,
   {
     variant: variant || (active ? "default" : "outline"),
@@ -7892,7 +7919,7 @@ var FilterButton = ({
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx49(
+    children: /* @__PURE__ */ jsx48(
       FunnelIcon,
       {
         size: iconSize,
@@ -7914,7 +7941,7 @@ var LikeButton = ({
   variant = "ghost",
   size = "icon",
   ...props
-}) => /* @__PURE__ */ jsx49(
+}) => /* @__PURE__ */ jsx48(
   ButtonBase,
   {
     variant,
@@ -7931,7 +7958,7 @@ var LikeButton = ({
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx49(
+    children: /* @__PURE__ */ jsx48(
       HeartIcon,
       {
         size: iconSize,
@@ -7953,7 +7980,7 @@ var FavoriteButton = ({
   variant = "ghost",
   size = "icon",
   ...props
-}) => /* @__PURE__ */ jsx49(
+}) => /* @__PURE__ */ jsx48(
   ButtonBase,
   {
     variant,
@@ -7970,7 +7997,7 @@ var FavoriteButton = ({
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx49(
+    children: /* @__PURE__ */ jsx48(
       StarIcon,
       {
         size: iconSize,
@@ -7992,7 +8019,7 @@ var VisibilityButton = ({
   variant = "ghost",
   size = "icon",
   ...props
-}) => /* @__PURE__ */ jsx49(
+}) => /* @__PURE__ */ jsx48(
   ButtonBase,
   {
     variant,
@@ -8008,14 +8035,14 @@ var VisibilityButton = ({
       className
     ),
     ...props,
-    children: isVisible ? /* @__PURE__ */ jsx49(
+    children: isVisible ? /* @__PURE__ */ jsx48(
       EyeIcon,
       {
         size: iconSize,
         color: iconColor,
         className: "transition-opacity duration-200"
       }
-    ) : /* @__PURE__ */ jsx49(
+    ) : /* @__PURE__ */ jsx48(
       EyeSlashIcon,
       {
         size: iconSize,
@@ -8025,8 +8052,8 @@ var VisibilityButton = ({
     )
   }
 );
-var ViewButton = (props) => /* @__PURE__ */ jsx49(VisibilityButton, { isVisible: true, testid: "button-view", ...props });
-var HideButton = (props) => /* @__PURE__ */ jsx49(VisibilityButton, { isVisible: false, testid: "button-hide", ...props });
+var ViewButton = (props) => /* @__PURE__ */ jsx48(VisibilityButton, { isVisible: true, testid: "button-view", ...props });
+var HideButton = (props) => /* @__PURE__ */ jsx48(VisibilityButton, { isVisible: false, testid: "button-hide", ...props });
 var LockButton = ({
   disabled,
   onClick,
@@ -8038,7 +8065,7 @@ var LockButton = ({
   variant = "ghost",
   size = "icon",
   ...props
-}) => /* @__PURE__ */ jsx49(
+}) => /* @__PURE__ */ jsx48(
   ButtonBase,
   {
     variant,
@@ -8055,14 +8082,14 @@ var LockButton = ({
       className
     ),
     ...props,
-    children: isLocked ? /* @__PURE__ */ jsx49(
+    children: isLocked ? /* @__PURE__ */ jsx48(
       LockIcon,
       {
         size: iconSize,
         color: iconColor,
         className: "transition-all duration-200 group-hover:scale-110"
       }
-    ) : /* @__PURE__ */ jsx49(
+    ) : /* @__PURE__ */ jsx48(
       LockOpenIcon,
       {
         size: iconSize,
@@ -8072,14 +8099,14 @@ var LockButton = ({
     )
   }
 );
-var UnlockButton = (props) => /* @__PURE__ */ jsx49(LockButton, { isLocked: false, testid: "button-unlock", ...props });
+var UnlockButton = (props) => /* @__PURE__ */ jsx48(LockButton, { isLocked: false, testid: "button-unlock", ...props });
 
 // src/components/ui/form/SwitchBase.tsx
-import * as React29 from "react";
+import * as React30 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { jsx as jsx50 } from "react/jsx-runtime";
-var SwitchBase = React29.forwardRef(({ className, testid: dataTestId = "switch-base", ...props }, ref) => {
-  return /* @__PURE__ */ jsx50(
+import { jsx as jsx49 } from "react/jsx-runtime";
+var SwitchBase = React30.forwardRef(({ className, testid: dataTestId = "switch-base", ...props }, ref) => {
+  return /* @__PURE__ */ jsx49(
     SwitchPrimitives.Root,
     {
       ...props,
@@ -8089,7 +8116,7 @@ var SwitchBase = React29.forwardRef(({ className, testid: dataTestId = "switch-b
         className
       ),
       "data-testid": dataTestId,
-      children: /* @__PURE__ */ jsx50(
+      children: /* @__PURE__ */ jsx49(
         SwitchPrimitives.Thumb,
         {
           className: cn(
@@ -8107,18 +8134,18 @@ var SwitchBase = React29.forwardRef(({ className, testid: dataTestId = "switch-b
 SwitchBase.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/ui/form/TextAreaBase.tsx
-import * as React30 from "react";
+import * as React31 from "react";
 import { motion as motion12 } from "framer-motion";
 import { TrashIcon as TrashIcon2 } from "@phosphor-icons/react";
-import { jsx as jsx51, jsxs as jsxs35 } from "react/jsx-runtime";
-var TextAreaBase = React30.forwardRef(
+import { jsx as jsx50, jsxs as jsxs36 } from "react/jsx-runtime";
+var TextAreaBase = React31.forwardRef(
   ({ className, clearable = false, onClear, ...props }, ref) => {
-    const [isFocused, setIsFocused] = React30.useState(false);
-    const [hasContent, setHasContent] = React30.useState(
+    const [isFocused, setIsFocused] = React31.useState(false);
+    const [hasContent, setHasContent] = React31.useState(
       !!props.value || !!props.defaultValue
     );
-    const [showConfirmTooltip, setShowConfirmTooltip] = React30.useState(false);
-    const textareaRef = React30.useRef(null);
+    const [showConfirmTooltip, setShowConfirmTooltip] = React31.useState(false);
+    const textareaRef = React31.useRef(null);
     const handleFocus = (e) => {
       setIsFocused(true);
       props.onFocus?.(e);
@@ -8154,12 +8181,12 @@ var TextAreaBase = React30.forwardRef(
     const handleCancelClear = () => {
       setShowConfirmTooltip(false);
     };
-    React30.useImperativeHandle(ref, () => textareaRef.current);
-    React30.useEffect(() => {
+    React31.useImperativeHandle(ref, () => textareaRef.current);
+    React31.useEffect(() => {
       setHasContent(!!props.value || !!props.defaultValue);
     }, [props.value, props.defaultValue]);
-    return /* @__PURE__ */ jsxs35("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx51(
+    return /* @__PURE__ */ jsxs36("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx50(
         "textarea",
         {
           className: cn(
@@ -8182,13 +8209,13 @@ var TextAreaBase = React30.forwardRef(
           ...props
         }
       ),
-      clearable && hasContent && /* @__PURE__ */ jsx51(TooltipProviderBase, { children: /* @__PURE__ */ jsxs35(
+      clearable && hasContent && /* @__PURE__ */ jsx50(TooltipProviderBase, { children: /* @__PURE__ */ jsxs36(
         TooltipBase,
         {
           open: showConfirmTooltip,
           onOpenChange: setShowConfirmTooltip,
           children: [
-            /* @__PURE__ */ jsx51(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx51(
+            /* @__PURE__ */ jsx50(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx50(
               motion12.button,
               {
                 type: "button",
@@ -8206,18 +8233,18 @@ var TextAreaBase = React30.forwardRef(
                 ),
                 disabled: props.disabled,
                 "aria-label": "Limpar texto",
-                children: /* @__PURE__ */ jsx51(TrashIcon2, { size: 16, weight: "regular" })
+                children: /* @__PURE__ */ jsx50(TrashIcon2, { size: 16, weight: "regular" })
               }
             ) }),
-            /* @__PURE__ */ jsxs35(
+            /* @__PURE__ */ jsxs36(
               TooltipContentBase,
               {
                 side: "left",
                 className: "bg-background border border-border shadow-lg p-3 flex flex-col gap-2",
                 children: [
-                  /* @__PURE__ */ jsx51("p", { className: "text-sm text-foreground font-medium mb-1", children: "Limpar todo o texto?" }),
-                  /* @__PURE__ */ jsxs35("div", { className: "flex gap-2", children: [
-                    /* @__PURE__ */ jsx51(
+                  /* @__PURE__ */ jsx50("p", { className: "text-sm text-foreground font-medium mb-1", children: "Limpar todo o texto?" }),
+                  /* @__PURE__ */ jsxs36("div", { className: "flex gap-2", children: [
+                    /* @__PURE__ */ jsx50(
                       "button",
                       {
                         type: "button",
@@ -8231,7 +8258,7 @@ var TextAreaBase = React30.forwardRef(
                         children: "Confirmar"
                       }
                     ),
-                    /* @__PURE__ */ jsx51(
+                    /* @__PURE__ */ jsx50(
                       "button",
                       {
                         type: "button",
@@ -8252,17 +8279,17 @@ var TextAreaBase = React30.forwardRef(
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx51(
+      /* @__PURE__ */ jsx50(
         motion12.div,
         {
           className: "pointer-events-none absolute inset-0 rounded-lg",
           initial: { opacity: 0 },
           animate: { opacity: isFocused ? 1 : 0 },
           transition: { duration: 0.3 },
-          children: /* @__PURE__ */ jsx51("div", { className: "absolute inset-0 rounded-lg bg-gradient-to-r from-ring/20 via-ring/10 to-ring/20 blur-sm" })
+          children: /* @__PURE__ */ jsx50("div", { className: "absolute inset-0 rounded-lg bg-gradient-to-r from-ring/20 via-ring/10 to-ring/20 blur-sm" })
         }
       ),
-      isFocused && hasContent && props.maxLength && /* @__PURE__ */ jsxs35(
+      isFocused && hasContent && props.maxLength && /* @__PURE__ */ jsxs36(
         motion12.div,
         {
           initial: { opacity: 0, y: -10 },
@@ -8282,13 +8309,13 @@ var TextAreaBase = React30.forwardRef(
 TextAreaBase.displayName = "TextAreaBase";
 
 // src/components/ui/layout/CarouselBase.tsx
-import * as React31 from "react";
+import * as React32 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeftIcon as ArrowLeftIcon2, ArrowRightIcon as ArrowRightIcon2 } from "@phosphor-icons/react";
-import { jsx as jsx52, jsxs as jsxs36 } from "react/jsx-runtime";
-var CarouselContext = React31.createContext(null);
+import { jsx as jsx51, jsxs as jsxs37 } from "react/jsx-runtime";
+var CarouselContext = React32.createContext(null);
 function useCarousel() {
-  const context = React31.useContext(CarouselContext);
+  const context = React32.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <CarouselBase />");
   }
@@ -8310,20 +8337,20 @@ function CarouselBase({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React31.useState(false);
-  const [canScrollNext, setCanScrollNext] = React31.useState(false);
-  const onSelect = React31.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React32.useState(false);
+  const [canScrollNext, setCanScrollNext] = React32.useState(false);
+  const onSelect = React32.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React31.useCallback(() => {
+  const scrollPrev = React32.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React31.useCallback(() => {
+  const scrollNext = React32.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React31.useCallback(
+  const handleKeyDown = React32.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -8335,11 +8362,11 @@ function CarouselBase({
     },
     [scrollPrev, scrollNext]
   );
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -8348,7 +8375,7 @@ function CarouselBase({
       api?.off("select", onSelect);
     };
   }, [api, onSelect]);
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx51(
     CarouselContext.Provider,
     {
       value: {
@@ -8361,7 +8388,7 @@ function CarouselBase({
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ jsx52(
+      children: /* @__PURE__ */ jsx51(
         "div",
         {
           onKeyDownCapture: handleKeyDown,
@@ -8381,13 +8408,13 @@ function CarouselContentBase({
   ...props
 }) {
   const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       ref: carouselRef,
       className: "overflow-hidden",
       "data-slot": "carousel-content",
-      children: /* @__PURE__ */ jsx52(
+      children: /* @__PURE__ */ jsx51(
         "div",
         {
           className: cn(
@@ -8406,7 +8433,7 @@ function CarouselItemBase({
   ...props
 }) {
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       role: "group",
@@ -8421,30 +8448,32 @@ function CarouselItemBase({
     }
   );
 }
-function CarouselPrevious({
+function CarouselPreviousBase({
   className,
   variant = "outline",
   size = "icon",
   ...props
 }) {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs36(
+  const btnRef = React32.useRef(null);
+  return /* @__PURE__ */ jsxs37(
     ButtonBase,
     {
       "data-slot": "carousel-previous",
       variant,
       size,
+      ref: btnRef,
       className: cn(
-        "absolute size-8 rounded-full",
-        orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        "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__ */ jsx52(ArrowLeftIcon2, {}),
-        /* @__PURE__ */ jsx52("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ jsx51(ArrowLeftIcon2, {}),
+        /* @__PURE__ */ jsx51("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
@@ -8456,37 +8485,39 @@ function CarouselNextBase({
   ...props
 }) {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs36(
+  const btnRef = React32.useRef(null);
+  return /* @__PURE__ */ jsxs37(
     ButtonBase,
     {
       "data-slot": "carousel-next",
       variant,
       size,
+      ref: btnRef,
       className: cn(
-        "absolute size-8 rounded-full",
-        orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        "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__ */ jsx52(ArrowRightIcon2, {}),
-        /* @__PURE__ */ jsx52("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ jsx51(ArrowRightIcon2, {}),
+        /* @__PURE__ */ jsx51("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
 }
 
 // src/components/ui/layout/SeparatorBase.tsx
-import * as React32 from "react";
+import * as React33 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { motion as motion13 } from "framer-motion";
-import { jsx as jsx53 } from "react/jsx-runtime";
-var SeparatorBase = React32.forwardRef(
+import { jsx as jsx52 } from "react/jsx-runtime";
+var SeparatorBase = React33.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => {
     const isHorizontal = orientation === "horizontal";
-    return /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx52(
       SeparatorPrimitive.Root,
       {
         ref,
@@ -8494,7 +8525,7 @@ var SeparatorBase = React32.forwardRef(
         orientation,
         asChild: true,
         ...props,
-        children: /* @__PURE__ */ jsx53(
+        children: /* @__PURE__ */ jsx52(
           motion13.div,
           {
             className: cn(
@@ -8517,9 +8548,9 @@ var SeparatorBase = React32.forwardRef(
 SeparatorBase.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/ui/layout/TableBase.tsx
-import * as React33 from "react";
-import { jsx as jsx54 } from "react/jsx-runtime";
-var TableBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx54("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx54(
+import * as React34 from "react";
+import { jsx as jsx53 } from "react/jsx-runtime";
+var TableBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx53("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx53(
   "table",
   {
     ref,
@@ -8528,9 +8559,9 @@ var TableBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ) }));
 TableBase.displayName = "TableBase";
-var TableHeaderBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx54("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeaderBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx53("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeaderBase.displayName = "TableHeaderBase";
-var TableBodyBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx54(
+var TableBodyBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx53(
   "tbody",
   {
     ref,
@@ -8539,7 +8570,7 @@ var TableBodyBase = React33.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableBodyBase.displayName = "TableBodyBase";
-var TableFooterBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx54(
+var TableFooterBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx53(
   "tfoot",
   {
     ref,
@@ -8551,7 +8582,7 @@ var TableFooterBase = React33.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 TableFooterBase.displayName = "TableFooterBase";
-var TableRowBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx54(
+var TableRowBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx53(
   "tr",
   {
     ref,
@@ -8563,7 +8594,7 @@ var TableRowBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableRowBase.displayName = "TableRowBase";
-var TableHeadBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx54(
+var TableHeadBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx53(
   "th",
   {
     ref,
@@ -8575,7 +8606,7 @@ var TableHeadBase = React33.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableHeadBase.displayName = "TableHeadBase";
-var TableCellBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx54(
+var TableCellBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx53(
   "td",
   {
     ref,
@@ -8587,7 +8618,7 @@ var TableCellBase = React33.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableCellBase.displayName = "TableCellBase";
-var TableCaptionBase = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx54(
+var TableCaptionBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx53(
   "caption",
   {
     ref,
@@ -8598,11 +8629,11 @@ var TableCaptionBase = React33.forwardRef(({ className, ...props }, ref) => /* @
 TableCaptionBase.displayName = "TableCaptionBase";
 
 // src/components/ui/layout/TabsBase.tsx
-import * as React34 from "react";
+import * as React35 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 var TabsBase = TabsPrimitive.Root;
-var TabsListBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
+var TabsListBase = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx54(
   TabsPrimitive.List,
   {
     ref,
@@ -8615,49 +8646,52 @@ var TabsListBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TabsListBase.displayName = TabsPrimitive.List.displayName;
-var TabsTriggerBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
-  TabsPrimitive.Trigger,
-  {
-    ref,
-    className: cn(
-      "relative inline-flex items-center justify-center whitespace-nowrap px-4 py-2 text-sm font-medium",
-      "text-muted-foreground hover:text-foreground",
-      "transition-colors duration-300 ease-in-out",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      "disabled:pointer-events-none disabled:opacity-50",
-      "data-[state=active]:text-primary",
-      "after:absolute after:bottom-0 after:left-0 after:h-[2px] after:w-full",
-      "after:scale-x-0 after:bg-primary after:origin-left",
-      "after:transition-transform after:duration-500 after:ease-[cubic-bezier(0.34,1.56,0.64,1)]",
-      "data-[state=active]:after:scale-x-100",
-      className
-    ),
-    ...props
-  }
-));
-var TabsContentBase = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx55(
-  TabsPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "mt-4 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      "animate-in fade-in-0 duration-500 ease-in-out",
-      className
-    ),
-    ...props
-  }
-));
+var TabsTriggerBase = React35.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",
+    "transition-colors duration-300 ease-in-out",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "data-[state=active]:text-primary",
+    className
+  );
+  const animationClasses = animation === "none" ? "" : animation === "scale" ? "transform transition-transform data-[state=active]:scale-105" : "after:absolute after:bottom-0 after:left-0 after:h-[2px] after:w-full after:scale-x-0 after:bg-primary after:origin-left after:transition-transform after:duration-500 after:ease-[cubic-bezier(0.34,1.56,0.64,1)] data-[state=active]:after:scale-x-100";
+  return /* @__PURE__ */ jsx54(
+    TabsPrimitive.Trigger,
+    {
+      ref,
+      className: cn(base, animationClasses),
+      ...props
+    }
+  );
+});
+var TabsContentBase = React35.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__ */ jsx54(
+    TabsPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "mt-4 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        animationClasses,
+        className
+      ),
+      ...props
+    }
+  );
+});
 TabsContentBase.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/ui/navigation/BreadcrumbBase.tsx
 import { Slot as Slot4 } from "@radix-ui/react-slot";
 import { CaretRightIcon as CaretRightIcon3, DotsThreeIcon as DotsThreeIcon3 } from "@phosphor-icons/react";
-import { jsx as jsx56, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs38 } from "react/jsx-runtime";
 function BreadcrumbBase({ ...props }) {
-  return /* @__PURE__ */ jsx56("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+  return /* @__PURE__ */ jsx55("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
 }
 function BreadcrumbListBase({ className, ...props }) {
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx55(
     "ol",
     {
       "data-slot": "breadcrumb-list",
@@ -8670,7 +8704,7 @@ function BreadcrumbListBase({ className, ...props }) {
   );
 }
 function BreadcrumbItemBase({ className, ...props }) {
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx55(
     "li",
     {
       "data-slot": "breadcrumb-item",
@@ -8685,7 +8719,7 @@ function BreadcrumbLinkBase({
   ...props
 }) {
   const Comp = asChild ? Slot4 : "a";
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx55(
     Comp,
     {
       "data-slot": "breadcrumb-link",
@@ -8695,7 +8729,7 @@ function BreadcrumbLinkBase({
   );
 }
 function BreadcrumbPageBase({ className, ...props }) {
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx55(
     "span",
     {
       "data-slot": "breadcrumb-page",
@@ -8712,7 +8746,7 @@ function BreadcrumbSeparatorBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx55(
     "li",
     {
       "data-slot": "breadcrumb-separator",
@@ -8720,7 +8754,7 @@ function BreadcrumbSeparatorBase({
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className),
       ...props,
-      children: children ?? /* @__PURE__ */ jsx56(CaretRightIcon3, {})
+      children: children ?? /* @__PURE__ */ jsx55(CaretRightIcon3, {})
     }
   );
 }
@@ -8728,7 +8762,7 @@ function BreadcrumbEllipsisBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs38(
     "span",
     {
       "data-slot": "breadcrumb-ellipsis",
@@ -8737,8 +8771,8 @@ function BreadcrumbEllipsisBase({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx56(DotsThreeIcon3, { className: "size-4" }),
-        /* @__PURE__ */ jsx56("span", { className: "sr-only", children: "More" })
+        /* @__PURE__ */ jsx55(DotsThreeIcon3, { className: "size-4" }),
+        /* @__PURE__ */ jsx55("span", { className: "sr-only", children: "More" })
       ]
     }
   );
@@ -8747,14 +8781,14 @@ function BreadcrumbEllipsisBase({
 // src/components/ui/navigation/NavigationMenuBase.tsx
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { CaretDownIcon as CaretDownIcon3 } from "@phosphor-icons/react";
-import { jsx as jsx57, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs39 } from "react/jsx-runtime";
 function NavigationMenuBase({
   className,
   children,
   viewport = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs39(
     NavigationMenuPrimitive.Root,
     {
       "data-slot": "navigation-menu",
@@ -8766,7 +8800,7 @@ function NavigationMenuBase({
       ...props,
       children: [
         children,
-        viewport && /* @__PURE__ */ jsx57(NavigationMenuViewportBase, {})
+        viewport && /* @__PURE__ */ jsx56(NavigationMenuViewportBase, {})
       ]
     }
   );
@@ -8775,7 +8809,7 @@ function NavigationMenuListBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx56(
     NavigationMenuPrimitive.List,
     {
       "data-slot": "navigation-menu-list",
@@ -8791,7 +8825,7 @@ function NavigationMenuItemBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx56(
     NavigationMenuPrimitive.Item,
     {
       "data-slot": "navigation-menu-item",
@@ -8805,7 +8839,7 @@ function NavigationMenuTriggerBase({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs39(
     NavigationMenuPrimitive.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
@@ -8813,7 +8847,7 @@ function NavigationMenuTriggerBase({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx56(
           CaretDownIcon3,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
@@ -8828,7 +8862,7 @@ function NavigationMenuContentBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx56(
     NavigationMenuPrimitive.Content,
     {
       "data-slot": "navigation-menu-content",
@@ -8845,7 +8879,7 @@ function NavigationMenuViewportBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx57("div", { className: cn("absolute top-full left-0 isolate z-50 flex justify-center"), children: /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx56("div", { className: cn("absolute top-full left-0 isolate z-50 flex justify-center"), children: /* @__PURE__ */ jsx56(
     NavigationMenuPrimitive.Viewport,
     {
       "data-slot": "navigation-menu-viewport",
@@ -8861,7 +8895,7 @@ function NavigationMenuLinkBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx56(
     NavigationMenuPrimitive.Link,
     {
       "data-slot": "navigation-menu-link",
@@ -8877,7 +8911,7 @@ function NavigationMenuIndicatorBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx56(
     NavigationMenuPrimitive.Indicator,
     {
       "data-slot": "navigation-menu-indicator",
@@ -8886,22 +8920,22 @@ function NavigationMenuIndicatorBase({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx57("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+      children: /* @__PURE__ */ jsx56("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
     }
   );
 }
 
 // src/components/ui/navigation/SidebarBase.tsx
-import * as React37 from "react";
+import * as React38 from "react";
 import { Slot as Slot5 } from "@radix-ui/react-slot";
 import { cva as cva5 } from "class-variance-authority";
 
 // src/hooks/use-mobile.tsx
-import * as React35 from "react";
+import * as React36 from "react";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React35.useState(void 0);
-  React35.useEffect(() => {
+  const [isMobile, setIsMobile] = React36.useState(void 0);
+  React36.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -8914,16 +8948,16 @@ function useIsMobile() {
 }
 
 // src/components/ui/overlays/SheetBase.tsx
-import * as React36 from "react";
+import * as React37 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva as cva4 } from "class-variance-authority";
 import { XIcon as XIcon8 } from "@phosphor-icons/react";
-import { jsx as jsx58, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs40 } from "react/jsx-runtime";
 var SheetBase = SheetPrimitive.Root;
 var SheetTriggerBase = SheetPrimitive.Trigger;
 var SheetCloseBase = SheetPrimitive.Close;
 var SheetPortalBase = SheetPrimitive.Portal;
-var SheetOverlayBase = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx58(
+var SheetOverlayBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -8951,18 +8985,18 @@ var sheetVariants = cva4(
     }
   }
 );
-var SheetContentBase = React36.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs39(SheetPortalBase, { children: [
-  /* @__PURE__ */ jsx58(SheetOverlayBase, {}),
-  /* @__PURE__ */ jsxs39(
+var SheetContentBase = React37.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs40(SheetPortalBase, { children: [
+  /* @__PURE__ */ jsx57(SheetOverlayBase, {}),
+  /* @__PURE__ */ jsxs40(
     SheetPrimitive.Content,
     {
       ref,
       className: cn(sheetVariants({ side }), className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs39(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ jsx58(XIcon8, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx58("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ jsxs40(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ jsx57(XIcon8, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx57("span", { className: "sr-only", children: "Close" })
         ] }),
         children
       ]
@@ -8973,7 +9007,7 @@ SheetContentBase.displayName = SheetPrimitive.Content.displayName;
 var SheetHeaderBase = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx58(
+}) => /* @__PURE__ */ jsx57(
   "div",
   {
     className: cn(
@@ -8987,7 +9021,7 @@ SheetHeaderBase.displayName = "SheetHeaderBase";
 var SheetFooterBase = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx58(
+}) => /* @__PURE__ */ jsx57(
   "div",
   {
     className: cn(
@@ -8998,7 +9032,7 @@ var SheetFooterBase = ({
   }
 );
 SheetFooterBase.displayName = "SheetFooterBase";
-var SheetTitleBase = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx58(
+var SheetTitleBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
   SheetPrimitive.Title,
   {
     ref,
@@ -9007,7 +9041,7 @@ var SheetTitleBase = React36.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SheetTitleBase.displayName = SheetPrimitive.Title.displayName;
-var SheetDescriptionBase = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx58(
+var SheetDescriptionBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
   SheetPrimitive.Description,
   {
     ref,
@@ -9019,16 +9053,16 @@ SheetDescriptionBase.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/navigation/SidebarBase.tsx
 import { SidebarSimpleIcon } from "@phosphor-icons/react";
-import { jsx as jsx59, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs41 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar:state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React37.createContext(null);
+var SidebarContext = React38.createContext(null);
 function UseSideBarBase() {
-  const context = React37.useContext(SidebarContext);
+  const context = React38.useContext(SidebarContext);
   if (!context) {
     throw new Error(
       "UseSideBarBase must be used within a SidebarProviderBase."
@@ -9036,7 +9070,7 @@ function UseSideBarBase() {
   }
   return context;
 }
-var SidebarProviderBase = React37.forwardRef(
+var SidebarProviderBase = React38.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -9047,10 +9081,10 @@ var SidebarProviderBase = React37.forwardRef(
     ...props
   }, ref) => {
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React37.useState(false);
-    const [_open, _setOpen] = React37.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React38.useState(false);
+    const [_open, _setOpen] = React38.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React37.useCallback(
+    const setOpen = React38.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -9062,10 +9096,10 @@ var SidebarProviderBase = React37.forwardRef(
       },
       [setOpenProp, open]
     );
-    const toggleSidebar = React37.useCallback(() => {
+    const toggleSidebar = React38.useCallback(() => {
       return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
     }, [isMobile, setOpen, setOpenMobile]);
-    React37.useEffect(() => {
+    React38.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -9076,7 +9110,7 @@ var SidebarProviderBase = React37.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React37.useMemo(
+    const contextValue = React38.useMemo(
       () => ({
         state,
         open,
@@ -9088,7 +9122,7 @@ var SidebarProviderBase = React37.forwardRef(
       }),
       [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ jsx59(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx59(TooltipProviderBase, { delayDuration: 0, children: /* @__PURE__ */ jsx59(
+    return /* @__PURE__ */ jsx58(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx58(TooltipProviderBase, { delayDuration: 0, children: /* @__PURE__ */ jsx58(
       "div",
       {
         style: {
@@ -9108,7 +9142,7 @@ var SidebarProviderBase = React37.forwardRef(
   }
 );
 SidebarProviderBase.displayName = "SidebarProviderBase";
-var SidebarBase = React37.forwardRef(
+var SidebarBase = React38.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -9119,7 +9153,7 @@ var SidebarBase = React37.forwardRef(
   }, ref) => {
     const { isMobile, state, openMobile, setOpenMobile } = UseSideBarBase();
     if (collapsible === "none") {
-      return /* @__PURE__ */ jsx59(
+      return /* @__PURE__ */ jsx58(
         "div",
         {
           className: cn(
@@ -9133,7 +9167,7 @@ var SidebarBase = React37.forwardRef(
       );
     }
     if (isMobile) {
-      return /* @__PURE__ */ jsx59(SheetBase, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsx59(
+      return /* @__PURE__ */ jsx58(SheetBase, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsx58(
         SheetContentBase,
         {
           "data-sidebar": "sidebar",
@@ -9143,11 +9177,11 @@ var SidebarBase = React37.forwardRef(
             "--sidebar-width": SIDEBAR_WIDTH_MOBILE
           },
           side,
-          children: /* @__PURE__ */ jsx59("div", { className: "flex h-full w-full flex-col", children })
+          children: /* @__PURE__ */ jsx58("div", { className: "flex h-full w-full flex-col", children })
         }
       ) });
     }
-    return /* @__PURE__ */ jsxs40(
+    return /* @__PURE__ */ jsxs41(
       "div",
       {
         ref,
@@ -9157,7 +9191,7 @@ var SidebarBase = React37.forwardRef(
         "data-variant": variant,
         "data-side": side,
         children: [
-          /* @__PURE__ */ jsx59(
+          /* @__PURE__ */ jsx58(
             "div",
             {
               className: cn(
@@ -9168,7 +9202,7 @@ var SidebarBase = React37.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ jsx59(
+          /* @__PURE__ */ jsx58(
             "div",
             {
               className: cn(
@@ -9179,7 +9213,7 @@ var SidebarBase = React37.forwardRef(
                 className
               ),
               ...props,
-              children: /* @__PURE__ */ jsx59(
+              children: /* @__PURE__ */ jsx58(
                 "div",
                 {
                   "data-sidebar": "sidebar",
@@ -9195,9 +9229,9 @@ var SidebarBase = React37.forwardRef(
   }
 );
 SidebarBase.displayName = "SidebarBase";
-var SidebarTriggerBase = React37.forwardRef(({ className, onClick, ...props }, ref) => {
+var SidebarTriggerBase = React38.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = UseSideBarBase();
-  return /* @__PURE__ */ jsx59("div", { children: /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsx58("div", { children: /* @__PURE__ */ jsxs41(
     ButtonBase,
     {
       ref,
@@ -9211,16 +9245,16 @@ var SidebarTriggerBase = React37.forwardRef(({ className, onClick, ...props }, r
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx59("span", { className: "sr-only", children: "Toggle SidebarBase" }),
-        /* @__PURE__ */ jsx59(SidebarSimpleIcon, {})
+        /* @__PURE__ */ jsx58("span", { className: "sr-only", children: "Toggle SidebarBase" }),
+        /* @__PURE__ */ jsx58(SidebarSimpleIcon, {})
       ]
     }
   ) });
 });
 SidebarTriggerBase.displayName = "SidebarTriggerBase";
-var SidebarRailBase = React37.forwardRef(({ className, ...props }, ref) => {
+var SidebarRailBase = React38.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = UseSideBarBase();
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx58(
     "button",
     {
       ref,
@@ -9243,8 +9277,8 @@ var SidebarRailBase = React37.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRailBase.displayName = "SidebarRailBase";
-var SidebarInsetBase = React37.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx59(
+var SidebarInsetBase = React38.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx58(
     "main",
     {
       ref,
@@ -9258,8 +9292,8 @@ var SidebarInsetBase = React37.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInsetBase.displayName = "SidebarInsetBase";
-var SidebarInputBase = React37.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx59(
+var SidebarInputBase = React38.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx58(
     InputBase,
     {
       ref,
@@ -9273,8 +9307,8 @@ var SidebarInputBase = React37.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInputBase.displayName = "SidebarInputBase";
-var SidebarHeaderBase = React37.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx59(
+var SidebarHeaderBase = React38.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx58(
     "div",
     {
       ref,
@@ -9285,8 +9319,8 @@ var SidebarHeaderBase = React37.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarHeaderBase.displayName = "SidebarHeaderBase";
-var SidebarFooterBase = React37.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx59(
+var SidebarFooterBase = React38.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx58(
     "div",
     {
       ref,
@@ -9297,8 +9331,8 @@ var SidebarFooterBase = React37.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarFooterBase.displayName = "SidebarFooterBase";
-var SidebarSeparatorBase = React37.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx59(
+var SidebarSeparatorBase = React38.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx58(
     SeparatorBase,
     {
       ref,
@@ -9309,8 +9343,8 @@ var SidebarSeparatorBase = React37.forwardRef(({ className, ...props }, ref) =>
   );
 });
 SidebarSeparatorBase.displayName = "SidebarSeparatorBase";
-var SidebarContentBase = React37.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx59(
+var SidebarContentBase = React38.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx58(
     "div",
     {
       ref,
@@ -9324,8 +9358,8 @@ var SidebarContentBase = React37.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContentBase.displayName = "SidebarContentBase";
-var SidebarGroupBase = React37.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx59(
+var SidebarGroupBase = React38.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx58(
     "div",
     {
       ref,
@@ -9336,9 +9370,9 @@ var SidebarGroupBase = React37.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroupBase.displayName = "SidebarGroupBase";
-var SidebarGroupLabelBase = React37.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabelBase = React38.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot5 : "div";
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx58(
     Comp,
     {
       ref,
@@ -9353,9 +9387,9 @@ var SidebarGroupLabelBase = React37.forwardRef(({ className, asChild = false, ..
   );
 });
 SidebarGroupLabelBase.displayName = "SidebarGroupLabelBase";
-var SidebarGroupActionBase = React37.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupActionBase = React38.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot5 : "button";
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx58(
     Comp,
     {
       ref,
@@ -9372,7 +9406,7 @@ var SidebarGroupActionBase = React37.forwardRef(({ className, asChild = false, .
   );
 });
 SidebarGroupActionBase.displayName = "SidebarGroupActionBase";
-var SidebarGroupContentBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
+var SidebarGroupContentBase = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx58(
   "div",
   {
     ref,
@@ -9382,7 +9416,7 @@ var SidebarGroupContentBase = React37.forwardRef(({ className, ...props }, ref)
   }
 ));
 SidebarGroupContentBase.displayName = "SidebarGroupContentBase";
-var SidebarMenuBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
+var SidebarMenuBase = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx58(
   "ul",
   {
     ref,
@@ -9392,7 +9426,7 @@ var SidebarMenuBase = React37.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SidebarMenuBase.displayName = "SidebarMenuBase";
-var SidebarMenuItemBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
+var SidebarMenuItemBase = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx58(
   "li",
   {
     ref,
@@ -9422,7 +9456,7 @@ var sidebarMenuButtonVariants = cva5(
     }
   }
 );
-var SidebarMenuButtonBase = React37.forwardRef(
+var SidebarMenuButtonBase = React38.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -9434,7 +9468,7 @@ var SidebarMenuButtonBase = React37.forwardRef(
   }, ref) => {
     const Comp = asChild ? Slot5 : "button";
     const { isMobile, state } = UseSideBarBase();
-    const button = /* @__PURE__ */ jsx59(
+    const button = /* @__PURE__ */ jsx58(
       Comp,
       {
         ref,
@@ -9453,9 +9487,9 @@ var SidebarMenuButtonBase = React37.forwardRef(
         children: tooltip
       };
     }
-    return /* @__PURE__ */ jsxs40(TooltipBase, { children: [
-      /* @__PURE__ */ jsx59(TooltipTriggerBase, { asChild: true, children: button }),
-      /* @__PURE__ */ jsx59(
+    return /* @__PURE__ */ jsxs41(TooltipBase, { children: [
+      /* @__PURE__ */ jsx58(TooltipTriggerBase, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx58(
         TooltipContentBase,
         {
           side: "right",
@@ -9468,9 +9502,9 @@ var SidebarMenuButtonBase = React37.forwardRef(
   }
 );
 SidebarMenuButtonBase.displayName = "SidebarMenuButtonBase";
-var SidebarMenuActionBase = React37.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuActionBase = React38.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot5 : "button";
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx58(
     Comp,
     {
       ref,
@@ -9491,7 +9525,7 @@ var SidebarMenuActionBase = React37.forwardRef(({ className, asChild = false, sh
   );
 });
 SidebarMenuActionBase.displayName = "SidebarMenuActionBase";
-var SidebarMenuBadgeBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
+var SidebarMenuBadgeBase = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx58(
   "div",
   {
     ref,
@@ -9509,11 +9543,11 @@ var SidebarMenuBadgeBase = React37.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SidebarMenuBadgeBase.displayName = "SidebarMenuBadgeBase";
-var SidebarMenuSkeletonBase = React37.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React37.useMemo(() => {
+var SidebarMenuSkeletonBase = React38.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React38.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41(
     "div",
     {
       ref,
@@ -9521,14 +9555,14 @@ var SidebarMenuSkeletonBase = React37.forwardRef(({ className, showIcon = false,
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ jsx59(
+        showIcon && /* @__PURE__ */ jsx58(
           SkeletonBase,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ jsx59(
+        /* @__PURE__ */ jsx58(
           SkeletonBase,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -9543,7 +9577,7 @@ var SidebarMenuSkeletonBase = React37.forwardRef(({ className, showIcon = false,
   );
 });
 SidebarMenuSkeletonBase.displayName = "SidebarMenuSkeletonBase";
-var SidebarMenuSubBase = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
+var SidebarMenuSubBase = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx58(
   "ul",
   {
     ref,
@@ -9557,11 +9591,11 @@ var SidebarMenuSubBase = React37.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 SidebarMenuSubBase.displayName = "SidebarMenuSubBase";
-var SidebarMenuSubItemBase = React37.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx59("li", { ref, ...props }));
+var SidebarMenuSubItemBase = React38.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx58("li", { ref, ...props }));
 SidebarMenuSubItemBase.displayName = "SidebarMenuSubItemBase";
-var SidebarMenuSubButtonBase = React37.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButtonBase = React38.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? Slot5 : "a";
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx58(
     Comp,
     {
       ref,
@@ -9584,32 +9618,32 @@ SidebarMenuSubButtonBase.displayName = "SidebarMenuSubButtonBase";
 
 // src/components/ui/overlays/DrawerBase.tsx
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx60, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs42 } from "react/jsx-runtime";
 function DrawerBase({
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });
+  return /* @__PURE__ */ jsx59(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });
 }
 function DrawerTriggerBase({
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
+  return /* @__PURE__ */ jsx59(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
 }
 function DrawerPortalBase({
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
+  return /* @__PURE__ */ jsx59(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
 }
 function DrawerCloseBase({
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
+  return /* @__PURE__ */ jsx59(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
 }
 function DrawerOverlayBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx59(
     DrawerPrimitive.Overlay,
     {
       "data-slot": "drawer-overlay",
@@ -9626,9 +9660,9 @@ function DrawerContentBase({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs41(DrawerPortalBase, { children: [
-    /* @__PURE__ */ jsx60(DrawerOverlayBase, {}),
-    /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs42(DrawerPortalBase, { children: [
+    /* @__PURE__ */ jsx59(DrawerOverlayBase, {}),
+    /* @__PURE__ */ jsxs42(
       DrawerPrimitive.Content,
       {
         "data-slot": "drawer-content",
@@ -9642,7 +9676,7 @@ function DrawerContentBase({
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx60("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          /* @__PURE__ */ jsx59("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
           children
         ]
       }
@@ -9653,7 +9687,7 @@ function DrawerHeaderBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx59(
     "div",
     {
       "data-slot": "drawer-header",
@@ -9669,7 +9703,7 @@ function DrawerFooterBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx59(
     "div",
     {
       "data-slot": "drawer-footer",
@@ -9682,7 +9716,7 @@ function DrawerTitleBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx59(
     DrawerPrimitive.Title,
     {
       "data-slot": "drawer-title",
@@ -9695,7 +9729,7 @@ function DrawerDescriptionBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx59(
     DrawerPrimitive.Description,
     {
       "data-slot": "drawer-description",
@@ -9706,8 +9740,8 @@ function DrawerDescriptionBase({
 }
 
 // src/hooks/use-universal-tooltip.tsx
-import { createContext as createContext4, useContext as useContext5, useState as useState16, useCallback as useCallback11, useEffect as useEffect15, useRef as useRef6 } from "react";
-import { jsx as jsx61 } from "react/jsx-runtime";
+import { createContext as createContext4, useContext as useContext5, useState as useState15, useCallback as useCallback11, useEffect as useEffect14, useRef as useRef7 } from "react";
+import { jsx as jsx60 } from "react/jsx-runtime";
 var UniversalTooltipContext = createContext4(null);
 var useUniversalTooltip = () => {
   const context = useContext5(UniversalTooltipContext);
@@ -9765,7 +9799,7 @@ var useTooltip = () => {
 
 // src/components/ui/UniversalTooltipRenderer.tsx
 import { XIcon as XIcon9 } from "@phosphor-icons/react/dist/ssr";
-import { jsx as jsx62, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs43 } from "react/jsx-runtime";
 var UniversalTooltipRenderer = ({
   className,
   showCloseButton = true,
@@ -9782,8 +9816,8 @@ var UniversalTooltipRenderer = ({
     clearAllTooltips
   } = useUniversalTooltip();
   const { removeTooltip, handleElementMouseDown } = useTooltip();
-  return /* @__PURE__ */ jsxs42("div", { className: cn("fixed inset-0 pointer-events-none z-50", className), children: [
-    showCloseAllButton && tooltips.length > 1 && /* @__PURE__ */ jsx62("div", { className: "fixed top-6 left-1/2 transform -translate-x-1/2 z-50 pointer-events-auto animate-in fade-in slide-in-from-top-2 duration-300", children: /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsxs43("div", { className: cn("fixed inset-0 pointer-events-none z-50", className), children: [
+    showCloseAllButton && tooltips.length > 1 && /* @__PURE__ */ jsx61("div", { className: "fixed top-6 left-1/2 transform -translate-x-1/2 z-50 pointer-events-auto animate-in fade-in slide-in-from-top-2 duration-300", children: /* @__PURE__ */ jsxs43(
       "button",
       {
         onClick: clearAllTooltips,
@@ -9805,8 +9839,8 @@ var UniversalTooltipRenderer = ({
       const endX = isHorizontal ? Math.max(guide.sourceTooltip.left + guide.sourceTooltip.width / 2, guide.targetTooltip.left + guide.targetTooltip.width / 2) : guide.targetTooltip.left + guide.targetTooltip.width / 2;
       const startY = isHorizontal ? guide.sourceTooltip.top + guide.sourceTooltip.height / 2 : Math.min(guide.sourceTooltip.top + guide.sourceTooltip.height / 2, guide.targetTooltip.top + guide.targetTooltip.height / 2);
       const endY = isHorizontal ? guide.targetTooltip.top + guide.targetTooltip.height / 2 : Math.max(guide.sourceTooltip.top + guide.sourceTooltip.height / 2, guide.targetTooltip.top + guide.targetTooltip.height / 2);
-      return /* @__PURE__ */ jsxs42("div", { className: "pointer-events-none", children: [
-        /* @__PURE__ */ jsx62(
+      return /* @__PURE__ */ jsxs43("div", { className: "pointer-events-none", children: [
+        /* @__PURE__ */ jsx61(
           "div",
           {
             className: cn("fixed z-30", guideClassName),
@@ -9825,7 +9859,7 @@ var UniversalTooltipRenderer = ({
             }
           }
         ),
-        /* @__PURE__ */ jsx62(
+        /* @__PURE__ */ jsx61(
           "div",
           {
             className: "fixed z-31",
@@ -9841,7 +9875,7 @@ var UniversalTooltipRenderer = ({
             }
           }
         ),
-        /* @__PURE__ */ jsx62(
+        /* @__PURE__ */ jsx61(
           "div",
           {
             className: "fixed z-31",
@@ -9859,7 +9893,7 @@ var UniversalTooltipRenderer = ({
         )
       ] }, index);
     }),
-    tooltips.map((tooltip) => /* @__PURE__ */ jsxs42(
+    tooltips.map((tooltip) => /* @__PURE__ */ jsxs43(
       "div",
       {
         className: cn(
@@ -9873,12 +9907,12 @@ var UniversalTooltipRenderer = ({
         },
         onMouseDown: (e) => handleElementMouseDown(tooltip.id, e),
         children: [
-          /* @__PURE__ */ jsxs42("div", { className: "flex items-center justify-between p-3 border-b bg-muted/20 rounded-t-lg", children: [
-            /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx62("div", { className: "w-2 h-2 bg-primary rounded-full" }),
-              /* @__PURE__ */ jsx62("span", { className: "text-sm font-medium text-muted-foreground", children: "Tooltip" })
+          /* @__PURE__ */ jsxs43("div", { className: "flex items-center justify-between p-3 border-b bg-muted/20 rounded-t-lg", children: [
+            /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx61("div", { className: "w-2 h-2 bg-primary rounded-full" }),
+              /* @__PURE__ */ jsx61("span", { className: "text-sm font-medium text-muted-foreground", children: "Tooltip" })
             ] }),
-            showCloseButton && /* @__PURE__ */ jsx62(
+            showCloseButton && /* @__PURE__ */ jsx61(
               "button",
               {
                 onClick: (e) => {
@@ -9889,11 +9923,11 @@ var UniversalTooltipRenderer = ({
                   "text-muted-foreground hover:text-foreground transition-colors p-1 hover:bg-muted rounded",
                   closeButtonClassName
                 ),
-                children: /* @__PURE__ */ jsx62(XIcon9, { size: 16 })
+                children: /* @__PURE__ */ jsx61(XIcon9, { size: 16 })
               }
             )
           ] }),
-          /* @__PURE__ */ jsx62("div", { className: "p-4", children: tooltip.content })
+          /* @__PURE__ */ jsx61("div", { className: "p-4", children: tooltip.content })
         ]
       },
       tooltip.id
@@ -9905,7 +9939,7 @@ var UniversalTooltipRenderer = ({
 import { add, format } from "date-fns";
 
 // src/components/picker/calendar.tsx
-import * as React39 from "react";
+import * as React40 from "react";
 import { DayPicker as DayPicker2 } from "react-day-picker";
 import {
   CaretLeftIcon as CaretLeftIcon2,
@@ -9914,35 +9948,35 @@ import {
   CalendarIcon
 } from "@phosphor-icons/react";
 import { AnimatePresence as AnimatePresence9 } from "framer-motion";
-import { jsx as jsx63, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs44 } from "react/jsx-runtime";
 function CalendarBase2({
   className,
   classNames,
   showOutsideDays = true,
   ...props
 }) {
-  const [month, setMonth] = React39.useState(
+  const [month, setMonth] = React40.useState(
     props.month || props.defaultMonth || /* @__PURE__ */ new Date()
   );
-  const [direction, setDirection] = React39.useState(1);
+  const [direction, setDirection] = React40.useState(1);
   const handleMonthChange = (newMonth) => {
     const isNext = newMonth > month ? 1 : -1;
     setDirection(isNext);
     setMonth(newMonth);
     props.onMonthChange?.(newMonth);
   };
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx62(
     "div",
     {
       className: cn(
         "rounded-md border bg-background p-2 sm:p-3 md:p-4 overflow-hidden flex flex-col",
         className
       ),
-      children: /* @__PURE__ */ jsx63("div", { className: "relative flex-1 flex flex-col min-h-0", children: /* @__PURE__ */ jsx63(AnimatePresence9, { initial: false, mode: "wait", custom: direction, children: /* @__PURE__ */ jsx63(
+      children: /* @__PURE__ */ jsx62("div", { className: "relative flex-1 flex flex-col min-h-0", children: /* @__PURE__ */ jsx62(AnimatePresence9, { initial: false, mode: "wait", custom: direction, children: /* @__PURE__ */ jsx62(
         "div",
         {
           className: "w-full h-full flex flex-col",
-          children: /* @__PURE__ */ jsx63(
+          children: /* @__PURE__ */ jsx62(
             DayPicker2,
             {
               showOutsideDays,
@@ -9986,8 +10020,8 @@ function CalendarBase2({
                 ...classNames
               },
               components: {
-                IconLeft: () => /* @__PURE__ */ jsx63(CaretLeftIcon2, { className: "h-4 w-4" }),
-                IconRight: () => /* @__PURE__ */ jsx63(CaretRightIcon4, { className: "h-4 w-4" })
+                IconLeft: () => /* @__PURE__ */ jsx62(CaretLeftIcon2, { className: "h-4 w-4" }),
+                IconRight: () => /* @__PURE__ */ jsx62(CaretRightIcon4, { className: "h-4 w-4" })
               },
               ...props
             }
@@ -10002,15 +10036,15 @@ CalendarBase2.displayName = "CalendarBase";
 
 // src/components/picker/DateTimePicker.tsx
 import { ptBR } from "date-fns/locale";
-import { useEffect as useEffect16, useState as useState18 } from "react";
+import { useEffect as useEffect15, useState as useState17 } from "react";
 
 // src/components/picker/TimePicker.tsx
 import { motion as motion14, AnimatePresence as AnimatePresence10 } from "framer-motion";
-import * as React41 from "react";
+import * as React42 from "react";
 
 // src/components/picker/TimePickerInput.tsx
 import { CaretUpIcon as CaretUpIcon2, CaretDownIcon as CaretDownIcon4 } from "@phosphor-icons/react";
-import React40 from "react";
+import React41 from "react";
 
 // src/components/picker/utils/time-picker-utils.ts
 function isValidHour(value) {
@@ -10152,8 +10186,8 @@ function display12HourValue(hours) {
 }
 
 // src/components/picker/TimePickerInput.tsx
-import { jsx as jsx64, jsxs as jsxs44 } from "react/jsx-runtime";
-var TimePickerInput = React40.forwardRef(
+import { jsx as jsx63, jsxs as jsxs45 } from "react/jsx-runtime";
+var TimePickerInput = React41.forwardRef(
   ({
     className,
     type = "tel",
@@ -10172,10 +10206,10 @@ var TimePickerInput = React40.forwardRef(
     label,
     ...props
   }, ref) => {
-    const [flag, setFlag] = React40.useState(false);
-    const [prevIntKey, setPrevIntKey] = React40.useState("0");
-    const [isFocused, setIsFocused] = React40.useState(false);
-    React40.useEffect(() => {
+    const [flag, setFlag] = React41.useState(false);
+    const [prevIntKey, setPrevIntKey] = React41.useState("0");
+    const [isFocused, setIsFocused] = React41.useState(false);
+    React41.useEffect(() => {
       if (flag) {
         const timer = setTimeout(() => {
           setFlag(false);
@@ -10183,7 +10217,7 @@ var TimePickerInput = React40.forwardRef(
         return () => clearTimeout(timer);
       }
     }, [flag]);
-    const calculatedValue = React40.useMemo(() => {
+    const calculatedValue = React41.useMemo(() => {
       return getDateByType(date, picker);
     }, [date, picker]);
     const calculateNewValue = (key) => {
@@ -10239,8 +10273,8 @@ var TimePickerInput = React40.forwardRef(
       const baseLabel = getPickerLabel();
       return `${baseLabel}, valor atual: ${calculatedValue}.`;
     };
-    return /* @__PURE__ */ jsxs44("div", { className: "relative group flex flex-col items-center", children: [
-      getPickerLabel() && /* @__PURE__ */ jsx64(
+    return /* @__PURE__ */ jsxs45("div", { className: "relative group flex flex-col items-center", children: [
+      getPickerLabel() && /* @__PURE__ */ jsx63(
         "label",
         {
           htmlFor: id || picker,
@@ -10248,7 +10282,7 @@ var TimePickerInput = React40.forwardRef(
           children: getPickerLabel()
         }
       ),
-      /* @__PURE__ */ jsxs44(
+      /* @__PURE__ */ jsxs45(
         "div",
         {
           className: cn(
@@ -10256,7 +10290,7 @@ var TimePickerInput = React40.forwardRef(
             "transition-all duration-200"
           ),
           children: [
-            showArrows && /* @__PURE__ */ jsx64(
+            showArrows && /* @__PURE__ */ jsx63(
               "button",
               {
                 type: "button",
@@ -10272,11 +10306,11 @@ var TimePickerInput = React40.forwardRef(
                 ),
                 tabIndex: -1,
                 "aria-label": `Incrementar ${getPickerLabel().toLowerCase()}`,
-                children: /* @__PURE__ */ jsx64(CaretUpIcon2, { size: 14, className: "sm:w-4 sm:h-4" })
+                children: /* @__PURE__ */ jsx63(CaretUpIcon2, { size: 14, className: "sm:w-4 sm:h-4" })
               }
             ),
-            /* @__PURE__ */ jsxs44("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx64(
+            /* @__PURE__ */ jsxs45("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx63(
                 "input",
                 {
                   ref,
@@ -10321,9 +10355,9 @@ var TimePickerInput = React40.forwardRef(
                   ...props
                 }
               ),
-              isFocused && /* @__PURE__ */ jsx64("div", { className: "absolute inset-0 rounded-lg ring-2 ring-primary/20 pointer-events-none animate-pulse" })
+              isFocused && /* @__PURE__ */ jsx63("div", { className: "absolute inset-0 rounded-lg ring-2 ring-primary/20 pointer-events-none animate-pulse" })
             ] }),
-            showArrows && /* @__PURE__ */ jsx64(
+            showArrows && /* @__PURE__ */ jsx63(
               "button",
               {
                 type: "button",
@@ -10339,7 +10373,7 @@ var TimePickerInput = React40.forwardRef(
                 ),
                 tabIndex: -1,
                 "aria-label": `Decrementar ${getPickerLabel().toLowerCase()}`,
-                children: /* @__PURE__ */ jsx64(CaretDownIcon4, { size: 14, className: "sm:w-4 sm:h-4" })
+                children: /* @__PURE__ */ jsx63(CaretDownIcon4, { size: 14, className: "sm:w-4 sm:h-4" })
               }
             )
           ]
@@ -10351,16 +10385,16 @@ var TimePickerInput = React40.forwardRef(
 TimePickerInput.displayName = "TimePickerInput";
 
 // src/components/picker/TimePicker.tsx
-import { Fragment as Fragment8, jsx as jsx65, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx64, jsxs as jsxs46 } from "react/jsx-runtime";
 function TimePicker({
   date,
   setDate,
   hideSeconds,
   enableButton
 }) {
-  const minuteRef = React41.useRef(null);
-  const hourRef = React41.useRef(null);
-  const secondRef = React41.useRef(null);
+  const minuteRef = React42.useRef(null);
+  const hourRef = React42.useRef(null);
+  const secondRef = React42.useRef(null);
   const containerVariants = {
     hidden: { opacity: 0, y: 10 },
     visible: {
@@ -10376,7 +10410,7 @@ function TimePicker({
     hidden: { opacity: 0, y: 10 },
     visible: { opacity: 1, y: 0 }
   };
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs46(
     motion14.div,
     {
       variants: containerVariants,
@@ -10384,12 +10418,12 @@ function TimePicker({
       animate: "visible",
       className: "flex items-end justify-center gap-2 sm:gap-3 p-2 sm:p-3 md:p-4 rounded-lg bg-muted/20 border border-border/50 w-full max-w-full overflow-hidden",
       children: [
-        /* @__PURE__ */ jsx65(
+        /* @__PURE__ */ jsx64(
           motion14.div,
           {
             variants: itemVariants2,
             className: "grid gap-1 sm:gap-2 text-center flex-shrink-0 min-w-0",
-            children: /* @__PURE__ */ jsx65(
+            children: /* @__PURE__ */ jsx64(
               TimePickerInput,
               {
                 picker: "hours",
@@ -10402,12 +10436,12 @@ function TimePicker({
             )
           }
         ),
-        /* @__PURE__ */ jsx65(
+        /* @__PURE__ */ jsx64(
           motion14.div,
           {
             variants: itemVariants2,
             className: "grid gap-1 sm:gap-2 text-center flex-shrink-0 min-w-0",
-            children: /* @__PURE__ */ jsx65(
+            children: /* @__PURE__ */ jsx64(
               TimePickerInput,
               {
                 picker: "minutes",
@@ -10421,7 +10455,7 @@ function TimePicker({
             )
           }
         ),
-        /* @__PURE__ */ jsx65(AnimatePresence10, { children: !hideSeconds && /* @__PURE__ */ jsx65(Fragment8, { children: /* @__PURE__ */ jsx65(
+        /* @__PURE__ */ jsx64(AnimatePresence10, { children: !hideSeconds && /* @__PURE__ */ jsx64(Fragment8, { children: /* @__PURE__ */ jsx64(
           motion14.div,
           {
             variants: itemVariants2,
@@ -10429,7 +10463,7 @@ function TimePicker({
             animate: "visible",
             exit: "hidden",
             className: "grid gap-1 sm:gap-2 text-center flex-shrink-0 min-w-0",
-            children: /* @__PURE__ */ jsx65(
+            children: /* @__PURE__ */ jsx64(
               TimePickerInput,
               {
                 picker: "seconds",
@@ -10449,7 +10483,7 @@ function TimePicker({
 
 // src/components/picker/DateTimePicker.tsx
 import { CalendarBlankIcon, ClockIcon } from "@phosphor-icons/react";
-import { jsx as jsx66, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs47 } from "react/jsx-runtime";
 function DateTimePicker({
   label,
   date,
@@ -10463,9 +10497,9 @@ function DateTimePicker({
   className,
   error
 }) {
-  const [internalDate, setInternalDate] = useState18(date);
-  const [open, setOpen] = useState18(false);
-  const [timePickerOpen, setTimePickerOpen] = useState18(false);
+  const [internalDate, setInternalDate] = useState17(date);
+  const [open, setOpen] = useState17(false);
+  const [timePickerOpen, setTimePickerOpen] = useState17(false);
   const handleSelect = (newDay) => {
     if (!newDay) return;
     if (!internalDate) {
@@ -10491,26 +10525,24 @@ function DateTimePicker({
     const timeFormat = getTimeFormat();
     if (displayFormat === true) {
       if (!timeFormat) return "dd/MM/yyyy";
-      return `dd/MM/yyyy ${timeFormat}`;
+      return `dd/MM/yyyy - ${timeFormat}`;
     }
     if (!timeFormat) return "dd MMMM yyyy";
-    return `dd MMMM yyyy ${timeFormat}`;
+    return `dd MMMM yyyy - ${timeFormat}`;
   };
-  useEffect16(() => {
-    if (date) {
-      setInternalDate(date);
-    }
+  useEffect15(() => {
+    setInternalDate(date);
   }, [date, open]);
-  return /* @__PURE__ */ jsxs46("div", { className: cn("space-y-2 w-full sm:w-auto", className), children: [
-    label && /* @__PURE__ */ jsx66(LabelBase_default, { children: label }),
-    /* @__PURE__ */ jsxs46(PopoverBase, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsxs47("div", { className: cn("space-y-2 w-full sm:w-auto", className), children: [
+    label && /* @__PURE__ */ jsx65(LabelBase_default, { children: label }),
+    /* @__PURE__ */ jsxs47(PopoverBase, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx65(
         PopoverTriggerBase,
         {
           disabled,
           asChild: true,
           className: cn(error && "border-red-500"),
-          children: /* @__PURE__ */ jsxs46(
+          children: /* @__PURE__ */ jsxs47(
             ButtonBase,
             {
               variant: "outline",
@@ -10519,7 +10551,7 @@ function DateTimePicker({
                 !date && "text-muted-foreground"
               ),
               children: [
-                /* @__PURE__ */ jsx66(
+                /* @__PURE__ */ jsx65(
                   "span",
                   {
                     className: cn(
@@ -10529,14 +10561,14 @@ function DateTimePicker({
                     children: date ? format(date, getDisplayFormat(), { locale: ptBR }) : "Selecione uma data"
                   }
                 ),
-                /* @__PURE__ */ jsx66(CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
+                /* @__PURE__ */ jsx65(CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
               ]
             }
           )
         }
       ),
-      /* @__PURE__ */ jsx66(ErrorMessage_default, { error }),
-      /* @__PURE__ */ jsx66(
+      /* @__PURE__ */ jsx65(ErrorMessage_default, { error }),
+      /* @__PURE__ */ jsx65(
         PopoverContentBase,
         {
           className: "w-full p-0",
@@ -10545,28 +10577,28 @@ function DateTimePicker({
           side: "bottom",
           avoidCollisions: true,
           collisionPadding: 8,
-          children: /* @__PURE__ */ jsxs46("div", { className: "flex flex-col space-y-2 sm:space-y-3 p-2 sm:p-3 md:p-4 max-h-[calc(100vh-4rem)] overflow-y-auto", children: [
-            /* @__PURE__ */ jsx66(
+          children: /* @__PURE__ */ jsxs47("div", { className: "flex flex-col space-y-2 sm:space-y-3 p-2 sm:p-3 md:p-4 max-h-[calc(100vh-4rem)] overflow-y-auto", children: [
+            /* @__PURE__ */ jsx65(
               CalendarBase2,
               {
                 mode: "single",
                 locale: ptBR,
                 selected: internalDate,
-                onSelect: (d) => handleSelect(d),
+                onSelect: (d) => handleSelect(d ?? void 0),
                 initialFocus: true,
-                defaultMonth: fromDate ?? toDate ?? internalDate,
+                defaultMonth: fromDate ?? toDate ?? internalDate ?? void 0,
                 fromDate,
                 toDate,
                 className: cn("w-full", hideTime && "border-0")
               }
             ),
-            !hideTime && /* @__PURE__ */ jsx66("div", { className: "flex justify-center w-full px-2", children: /* @__PURE__ */ jsxs46(
+            !hideTime && /* @__PURE__ */ jsx65("div", { className: "flex justify-center w-full px-2", children: /* @__PURE__ */ jsxs47(
               PopoverBase,
               {
                 open: timePickerOpen,
                 onOpenChange: setTimePickerOpen,
                 children: [
-                  /* @__PURE__ */ jsx66(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs46(
+                  /* @__PURE__ */ jsx65(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs47(
                     ButtonBase,
                     {
                       variant: "outline",
@@ -10582,14 +10614,14 @@ function DateTimePicker({
                         "min-h-[36px] sm:min-h-[40px]"
                       ),
                       children: [
-                        /* @__PURE__ */ jsx66(ClockIcon, { className: "text-primary flex-shrink-0 w-4 h-4 sm:w-5 sm:h-5" }),
-                        /* @__PURE__ */ jsx66("span", { className: "text-black truncate", children: internalDate ? format(internalDate, getTimeFormat() || "HH:mm", {
+                        /* @__PURE__ */ jsx65(ClockIcon, { className: "text-primary flex-shrink-0 w-4 h-4 sm:w-5 sm:h-5" }),
+                        /* @__PURE__ */ jsx65("span", { className: "text-black truncate", children: internalDate ? format(internalDate, getTimeFormat() || "HH:mm", {
                           locale: ptBR
                         }) : "00:00" })
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ jsx66(
+                  /* @__PURE__ */ jsx65(
                     PopoverContentBase,
                     {
                       className: "w-[calc(100vw-2rem)] max-w-sm p-3 sm:p-3 rounded-md",
@@ -10598,17 +10630,17 @@ function DateTimePicker({
                       sideOffset: 8,
                       avoidCollisions: true,
                       collisionPadding: 8,
-                      children: /* @__PURE__ */ jsxs46("div", { className: "flex flex-col items-center space-y-2 sm:space-y-3", children: [
-                        /* @__PURE__ */ jsx66("h4", { className: "text-sm sm:text-base font-medium text-center", children: "Alterar Hor\xE1rio" }),
-                        /* @__PURE__ */ jsx66(
+                      children: /* @__PURE__ */ jsxs47("div", { className: "flex flex-col items-center space-y-2 sm:space-y-3", children: [
+                        /* @__PURE__ */ jsx65("h4", { className: "text-sm sm:text-base font-medium text-center", children: "Alterar Hor\xE1rio" }),
+                        /* @__PURE__ */ jsx65(
                           TimePicker,
                           {
-                            setDate: handleTimeChange,
+                            setDate: (d) => handleTimeChange(d ?? void 0),
                             date: internalDate,
                             hideSeconds
                           }
                         ),
-                        /* @__PURE__ */ jsx66(
+                        /* @__PURE__ */ jsx65(
                           ButtonBase,
                           {
                             size: "sm",
@@ -10632,7 +10664,7 @@ function DateTimePicker({
 }
 
 // src/components/picker/RangePicker.tsx
-import * as React42 from "react";
+import * as React43 from "react";
 import {
   DayPicker as DayPicker3
 } from "react-day-picker";
@@ -10645,7 +10677,7 @@ import {
 } from "@phosphor-icons/react";
 import { motion as motion15, AnimatePresence as AnimatePresence11, useAnimation } from "framer-motion";
 import { CalendarDotIcon } from "@phosphor-icons/react/dist/ssr";
-import { jsx as jsx67, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs48 } from "react/jsx-runtime";
 var dateFnsLocale = ptBR2?.default ?? ptBR2;
 function RangePicker({
   value,
@@ -10655,10 +10687,10 @@ function RangePicker({
   maxDate,
   error
 }) {
-  const [open, setOpen] = React42.useState(false);
-  const [range, setRange] = React42.useState(value);
+  const [open, setOpen] = React43.useState(false);
+  const [range, setRange] = React43.useState(value);
   const controls = useAnimation();
-  React42.useEffect(() => {
+  React43.useEffect(() => {
     setRange(value);
   }, [value]);
   const handleSelect = (selected) => {
@@ -10669,20 +10701,20 @@ function RangePicker({
     setRange(void 0);
     onChange?.(void 0);
   };
-  return /* @__PURE__ */ jsxs47(PopoverBase, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx67(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsxs48(PopoverBase, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx66(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx66(
       motion15.div,
       {
         whileTap: { scale: 0.97 },
         whileHover: { scale: open ? 1.03 : 1.01 },
         transition: { type: "spring", stiffness: 300, damping: 20 },
-        children: /* @__PURE__ */ jsxs47(
+        children: /* @__PURE__ */ jsxs48(
           ButtonBase,
           {
             variant: "outline",
             className: "flex  gap-2 transition-all duration-200 min-w-[250px] text-left justify-between items-center",
             children: [
-              /* @__PURE__ */ jsx67(
+              /* @__PURE__ */ jsx66(
                 motion15.span,
                 {
                   className: "text-sm font-medium",
@@ -10693,12 +10725,12 @@ function RangePicker({
                   })} - ${format2(range.to, "P", { locale: dateFnsLocale })}` : label
                 }
               ),
-              /* @__PURE__ */ jsx67(
+              /* @__PURE__ */ jsx66(
                 motion15.span,
                 {
                   animate: open ? { rotate: 8, scale: 1.15 } : { rotate: 0, scale: 1 },
                   transition: { type: "spring", stiffness: 300, damping: 18 },
-                  children: /* @__PURE__ */ jsx67(CalendarBlankIcon2, { className: "w-4 h-4 transition-transform group-hover:scale-110" })
+                  children: /* @__PURE__ */ jsx66(CalendarBlankIcon2, { className: "w-4 h-4 transition-transform group-hover:scale-110" })
                 }
               )
             ]
@@ -10706,13 +10738,13 @@ function RangePicker({
         )
       }
     ) }),
-    /* @__PURE__ */ jsx67(ErrorMessage_default, { error }),
-    /* @__PURE__ */ jsx67(AnimatePresence11, { children: open && /* @__PURE__ */ jsx67(
+    /* @__PURE__ */ jsx66(ErrorMessage_default, { error }),
+    /* @__PURE__ */ jsx66(AnimatePresence11, { children: open && /* @__PURE__ */ jsx66(
       PopoverContentBase,
       {
         asChild: true,
         className: "w-auto min-w-[250px] p-0 shadow-xl  overflow-y-hidden",
-        children: /* @__PURE__ */ jsxs47(
+        children: /* @__PURE__ */ jsxs48(
           motion15.div,
           {
             initial: { opacity: 0, y: 16 },
@@ -10720,7 +10752,7 @@ function RangePicker({
             exit: { opacity: 0, y: 16 },
             transition: { duration: 0.18, ease: "easeOut" },
             children: [
-              /* @__PURE__ */ jsx67("div", { className: "p-4", children: /* @__PURE__ */ jsx67(
+              /* @__PURE__ */ jsx66("div", { className: "p-4", children: /* @__PURE__ */ jsx66(
                 motion15.div,
                 {
                   initial: { opacity: 0, y: 8 },
@@ -10728,7 +10760,7 @@ function RangePicker({
                   exit: { opacity: 0, y: 8 },
                   transition: { duration: 0.18 },
                   className: "w-full",
-                  children: /* @__PURE__ */ jsx67(
+                  children: /* @__PURE__ */ jsx66(
                     DayPicker3,
                     {
                       mode: "range",
@@ -10775,20 +10807,20 @@ function RangePicker({
                         day_hidden: "invisible"
                       },
                       components: {
-                        IconLeft: () => /* @__PURE__ */ jsx67(CaretLeftIcon3, { className: "h-4 w-4" }),
-                        IconRight: () => /* @__PURE__ */ jsx67(CaretRightIcon5, { className: "h-4 w-4" })
+                        IconLeft: () => /* @__PURE__ */ jsx66(CaretLeftIcon3, { className: "h-4 w-4" }),
+                        IconRight: () => /* @__PURE__ */ jsx66(CaretRightIcon5, { className: "h-4 w-4" })
                       }
                     }
                   )
                 }
               ) }),
-              /* @__PURE__ */ jsxs47("div", { className: "flex justify-end gap-2 px-4 pb-4", children: [
-                /* @__PURE__ */ jsx67("div", { style: { display: "inline-block" }, children: /* @__PURE__ */ jsx67(
+              /* @__PURE__ */ jsxs48("div", { className: "flex justify-end gap-2 px-4 pb-4", children: [
+                /* @__PURE__ */ jsx66("div", { style: { display: "inline-block" }, children: /* @__PURE__ */ jsx66(
                   motion15.div,
                   {
                     whileHover: { scale: 1.03 },
                     whileTap: { scale: 0.95 },
-                    children: /* @__PURE__ */ jsx67(
+                    children: /* @__PURE__ */ jsx66(
                       ButtonBase,
                       {
                         variant: "outline",
@@ -10798,17 +10830,17 @@ function RangePicker({
                             to: /* @__PURE__ */ new Date()
                           });
                         },
-                        children: /* @__PURE__ */ jsx67(CalendarDotIcon, {})
+                        children: /* @__PURE__ */ jsx66(CalendarDotIcon, {})
                       }
                     )
                   }
                 ) }),
-                /* @__PURE__ */ jsx67("div", { style: { display: "inline-block" }, children: /* @__PURE__ */ jsx67(
+                /* @__PURE__ */ jsx66("div", { style: { display: "inline-block" }, children: /* @__PURE__ */ jsx66(
                   motion15.div,
                   {
                     whileHover: { scale: 1.03 },
                     whileTap: { scale: 0.95 },
-                    children: /* @__PURE__ */ jsx67(
+                    children: /* @__PURE__ */ jsx66(
                       ButtonBase,
                       {
                         variant: "outline",
@@ -10820,12 +10852,12 @@ function RangePicker({
                     )
                   }
                 ) }),
-                /* @__PURE__ */ jsx67("div", { style: { display: "inline-block", width: "100%" }, children: /* @__PURE__ */ jsx67(
+                /* @__PURE__ */ jsx66("div", { style: { display: "inline-block", width: "100%" }, children: /* @__PURE__ */ jsx66(
                   motion15.div,
                   {
                     whileHover: { scale: 1.02 },
                     whileTap: { scale: 0.98 },
-                    children: /* @__PURE__ */ jsx67(
+                    children: /* @__PURE__ */ jsx66(
                       ButtonBase,
                       {
                         className: "font-semibold w-full  text-center",
@@ -10849,24 +10881,24 @@ RangePicker.displayName = "RangePicker";
 // src/components/ui/navigation/ContextMenuBase.tsx
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 import { CaretRightIcon as CaretRightIcon6, CheckIcon as CheckIcon9, CircleIcon as CircleIcon2 } from "@phosphor-icons/react";
-import { jsx as jsx68, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs49 } from "react/jsx-runtime";
 function ContextMenuBase(props) {
-  return /* @__PURE__ */ jsx68(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
+  return /* @__PURE__ */ jsx67(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
 }
 function ContextMenuTriggerBase(props) {
-  return /* @__PURE__ */ jsx68(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
+  return /* @__PURE__ */ jsx67(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
 }
 function ContextMenuGroupBase(props) {
-  return /* @__PURE__ */ jsx68(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
+  return /* @__PURE__ */ jsx67(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
 }
 function ContextMenuPortalBase(props) {
-  return /* @__PURE__ */ jsx68(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
+  return /* @__PURE__ */ jsx67(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
 }
 function ContextMenuSubBase(props) {
-  return /* @__PURE__ */ jsx68(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
+  return /* @__PURE__ */ jsx67(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
 }
 function ContextMenuRadioGroupBase(props) {
-  return /* @__PURE__ */ jsx68(ContextMenuPrimitive.RadioGroup, { "data-slot": "context-menu-radio-group", ...props });
+  return /* @__PURE__ */ jsx67(ContextMenuPrimitive.RadioGroup, { "data-slot": "context-menu-radio-group", ...props });
 }
 function ContextMenuSubTriggerBase({
   className,
@@ -10874,7 +10906,7 @@ function ContextMenuSubTriggerBase({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs48(
+  return /* @__PURE__ */ jsxs49(
     ContextMenuPrimitive.SubTrigger,
     {
       "data-slot": "context-menu-sub-trigger",
@@ -10890,7 +10922,7 @@ function ContextMenuSubTriggerBase({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx68(CaretRightIcon6, { className: "ml-auto" })
+        /* @__PURE__ */ jsx67(CaretRightIcon6, { className: "ml-auto" })
       ]
     }
   );
@@ -10899,7 +10931,7 @@ function ContextMenuSubContentBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx67(
     ContextMenuPrimitive.SubContent,
     {
       "data-slot": "context-menu-sub-content",
@@ -10919,7 +10951,7 @@ function ContextMenuContentBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx68(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx67(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx67(
     ContextMenuPrimitive.Content,
     {
       "data-slot": "context-menu-content",
@@ -10942,7 +10974,7 @@ function ContextMenuItemBase({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx67(
     ContextMenuPrimitive.Item,
     {
       "data-slot": "context-menu-item",
@@ -10970,7 +11002,7 @@ function ContextMenuCheckboxItemBase({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs48(
+  return /* @__PURE__ */ jsxs49(
     ContextMenuPrimitive.CheckboxItem,
     {
       "data-slot": "context-menu-checkbox-item",
@@ -10985,7 +11017,7 @@ function ContextMenuCheckboxItemBase({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx68("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx68(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx68(CheckIcon9, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx67("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx67(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx67(CheckIcon9, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -10996,7 +11028,7 @@ function ContextMenuRadioItemBase({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs48(
+  return /* @__PURE__ */ jsxs49(
     ContextMenuPrimitive.RadioItem,
     {
       "data-slot": "context-menu-radio-item",
@@ -11010,7 +11042,7 @@ function ContextMenuRadioItemBase({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx68("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx68(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx68(CircleIcon2, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx67("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx67(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx67(CircleIcon2, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -11021,7 +11053,7 @@ function ContextMenuLabelBase({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx67(
     ContextMenuPrimitive.Label,
     {
       "data-slot": "context-menu-label",
@@ -11035,7 +11067,7 @@ function ContextMenuSeparatorBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx67(
     ContextMenuPrimitive.Separator,
     {
       "data-slot": "context-menu-separator",
@@ -11048,7 +11080,7 @@ function ContextMenuShortcutBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx67(
     "span",
     {
       "data-slot": "context-menu-shortcut",
@@ -11071,9 +11103,9 @@ import {
   GearIcon as GearIcon2,
   TerminalIcon
 } from "@phosphor-icons/react";
-import React43 from "react";
+import React44 from "react";
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
-import { jsx as jsx69, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs50 } from "react/jsx-runtime";
 var CodeBlock = ({
   language,
   filename,
@@ -11083,11 +11115,11 @@ var CodeBlock = ({
   breadcrumb = [],
   showStats = true
 }) => {
-  const [copied, setCopied] = React43.useState(false);
-  const [activeTab, setActiveTab] = React43.useState(0);
-  const [isExpanded, setIsExpanded] = React43.useState(false);
+  const [copied, setCopied] = React44.useState(false);
+  const [activeTab, setActiveTab] = React44.useState(0);
+  const [isExpanded, setIsExpanded] = React44.useState(false);
   const tabsExist = tabs.length > 0;
-  const cssVars = React43.useMemo(
+  const cssVars = React44.useMemo(
     () => ({
       container: {
         backgroundColor: "hsl(var(--card))",
@@ -11152,12 +11184,12 @@ var CodeBlock = ({
       case "jsx":
       case "typescript":
       case "tsx":
-        return /* @__PURE__ */ jsx69(CodeIcon, { size: "1em", className: "text-yellow-400" });
+        return /* @__PURE__ */ jsx68(CodeIcon, { size: "1em", className: "text-yellow-400" });
       case "bash":
       case "shell":
-        return /* @__PURE__ */ jsx69(TerminalIcon, { size: "1em", className: "text-green-400" });
+        return /* @__PURE__ */ jsx68(TerminalIcon, { size: "1em", className: "text-green-400" });
       default:
-        return /* @__PURE__ */ jsx69(FileArchiveIcon, { size: "1em", className: "text-blue-400" });
+        return /* @__PURE__ */ jsx68(FileArchiveIcon, { size: "1em", className: "text-blue-400" });
     }
   };
   const getCodeStats = (source) => {
@@ -11167,24 +11199,24 @@ var CodeBlock = ({
     return { lines, chars, words };
   };
   const stats = showStats ? getCodeStats(activeCodeSanitized) : null;
-  return /* @__PURE__ */ jsxs49(
+  return /* @__PURE__ */ jsxs50(
     "div",
     {
       className: `relative w-full rounded-xl overflow-hidden shadow-sm border no-underline-code`,
       style: cssVars.container,
       children: [
-        /* @__PURE__ */ jsx69("style", { children: `.no-underline-code a { text-decoration: none !important; text-shadow: none !important; box-shadow: none !important; } .no-underline-code code a { text-decoration: none !important; }` }),
-        /* @__PURE__ */ jsxs49("div", { className: `flex items-stretch min-h-[3rem]`, style: cssVars.header, children: [
-          /* @__PURE__ */ jsxs49("div", { className: "flex-1 flex items-center min-w-0 px-3", children: [
-            /* @__PURE__ */ jsxs49("div", { className: "flex gap-2 mr-3 shrink-0", children: [
-              /* @__PURE__ */ jsx69("div", { className: "w-3 h-3 rounded-full bg-red-500" }),
-              /* @__PURE__ */ jsx69("div", { className: "w-3 h-3 rounded-full bg-yellow-500" }),
-              /* @__PURE__ */ jsx69("div", { className: "w-3 h-3 rounded-full bg-green-500" })
+        /* @__PURE__ */ jsx68("style", { children: `.no-underline-code a { text-decoration: none !important; text-shadow: none !important; box-shadow: none !important; } .no-underline-code code a { text-decoration: none !important; }` }),
+        /* @__PURE__ */ jsxs50("div", { className: `flex items-stretch min-h-[3rem]`, style: cssVars.header, children: [
+          /* @__PURE__ */ jsxs50("div", { className: "flex-1 flex items-center min-w-0 px-3", children: [
+            /* @__PURE__ */ jsxs50("div", { className: "flex gap-2 mr-3 shrink-0", children: [
+              /* @__PURE__ */ jsx68("div", { className: "w-3 h-3 rounded-full bg-red-500" }),
+              /* @__PURE__ */ jsx68("div", { className: "w-3 h-3 rounded-full bg-yellow-500" }),
+              /* @__PURE__ */ jsx68("div", { className: "w-3 h-3 rounded-full bg-green-500" })
             ] }),
-            breadcrumb.length > 0 && /* @__PURE__ */ jsxs49("div", { className: "flex items-center min-w-0", children: [
-              /* @__PURE__ */ jsx69(FolderIcon, { size: "1em", style: cssVars.icon }),
-              /* @__PURE__ */ jsx69("div", { className: "flex items-center min-w-0 ml-2", children: breadcrumb.map((crumb, index) => /* @__PURE__ */ jsxs49(React43.Fragment, { children: [
-                /* @__PURE__ */ jsx69(
+            breadcrumb.length > 0 && /* @__PURE__ */ jsxs50("div", { className: "flex items-center min-w-0", children: [
+              /* @__PURE__ */ jsx68(FolderIcon, { size: "1em", style: cssVars.icon }),
+              /* @__PURE__ */ jsx68("div", { className: "flex items-center min-w-0 ml-2", children: breadcrumb.map((crumb, index) => /* @__PURE__ */ jsxs50(React44.Fragment, { children: [
+                /* @__PURE__ */ jsx68(
                   "span",
                   {
                     className: "text-xs truncate",
@@ -11192,7 +11224,7 @@ var CodeBlock = ({
                     children: crumb
                   }
                 ),
-                index < breadcrumb.length - 1 && /* @__PURE__ */ jsx69(
+                index < breadcrumb.length - 1 && /* @__PURE__ */ jsx68(
                   ArrowRightIcon3,
                   {
                     size: "0.75em",
@@ -11203,8 +11235,8 @@ var CodeBlock = ({
               ] }, index)) })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs49("div", { className: "flex items-center justify-end shrink-0 px-2", children: [
-            stats && /* @__PURE__ */ jsxs49(
+          /* @__PURE__ */ jsxs50("div", { className: "flex items-center justify-end shrink-0 px-2", children: [
+            stats && /* @__PURE__ */ jsxs50(
               "div",
               {
                 className: `text-xs mx-2 truncate hidden md:block`,
@@ -11217,44 +11249,44 @@ var CodeBlock = ({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs49("div", { className: "flex", children: [
-              /* @__PURE__ */ jsx69(
+            /* @__PURE__ */ jsxs50("div", { className: "flex", children: [
+              /* @__PURE__ */ jsx68(
                 "button",
                 {
                   onClick: () => setIsExpanded(!isExpanded),
                   className: `p-2 transition-colors hover:bg-gray-200 dark:hover:bg-slate-700`,
                   title: "Toggle fullscreen",
-                  children: /* @__PURE__ */ jsx69(ArrowsOutIcon, { size: "1em", style: cssVars.icon })
+                  children: /* @__PURE__ */ jsx68(ArrowsOutIcon, { size: "1em", style: cssVars.icon })
                 }
               ),
-              /* @__PURE__ */ jsx69(
+              /* @__PURE__ */ jsx68(
                 "button",
                 {
                   onClick: downloadCode,
                   className: `p-2 transition-colors hover:bg-gray-200 dark:hover:bg-slate-700`,
                   title: "Download code",
-                  children: /* @__PURE__ */ jsx69(DownloadIcon, { size: "1em", style: cssVars.icon })
+                  children: /* @__PURE__ */ jsx68(DownloadIcon, { size: "1em", style: cssVars.icon })
                 }
               ),
-              /* @__PURE__ */ jsx69(
+              /* @__PURE__ */ jsx68(
                 "button",
                 {
                   onClick: copyToClipboard,
                   className: `p-2 transition-colors hover:bg-gray-200 dark:hover:bg-slate-700`,
                   title: "Copy code",
-                  children: copied ? /* @__PURE__ */ jsx69(
+                  children: copied ? /* @__PURE__ */ jsx68(
                     CheckIcon10,
                     {
                       size: "1em",
                       style: { color: "hsl(var(--primary))" }
                     }
-                  ) : /* @__PURE__ */ jsx69(CopyIcon2, { size: "1em", style: cssVars.icon })
+                  ) : /* @__PURE__ */ jsx68(CopyIcon2, { size: "1em", style: cssVars.icon })
                 }
               )
             ] })
           ] })
         ] }),
-        tabsExist && /* @__PURE__ */ jsx69(
+        tabsExist && /* @__PURE__ */ jsx68(
           "div",
           {
             className: `flex border-b overflow-x-auto`,
@@ -11262,7 +11294,7 @@ var CodeBlock = ({
               borderColor: "hsl(var(--border))",
               backgroundColor: "hsl(var(--popover))"
             },
-            children: tabs.map((tab, index) => /* @__PURE__ */ jsxs49(
+            children: tabs.map((tab, index) => /* @__PURE__ */ jsxs50(
               "button",
               {
                 onClick: () => setActiveTab(index),
@@ -11273,14 +11305,14 @@ var CodeBlock = ({
                 } : void 0,
                 children: [
                   getLanguageIcon(tab.language || language),
-                  /* @__PURE__ */ jsx69("span", { className: "truncate max-w-[10rem]", children: tab.name })
+                  /* @__PURE__ */ jsx68("span", { className: "truncate max-w-[10rem]", children: tab.name })
                 ]
               },
               index
             ))
           }
         ),
-        !tabsExist && filename && /* @__PURE__ */ jsx69(
+        !tabsExist && filename && /* @__PURE__ */ jsx68(
           "div",
           {
             className: "flex items-center px-3 py-2 border-b",
@@ -11288,9 +11320,9 @@ var CodeBlock = ({
               borderColor: "hsl(var(--border))",
               backgroundColor: "hsl(var(--popover))"
             },
-            children: /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-2 min-w-0", children: [
+            children: /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-2 min-w-0", children: [
               getLanguageIcon(language),
-              /* @__PURE__ */ jsx69(
+              /* @__PURE__ */ jsx68(
                 "span",
                 {
                   className: "text-sm font-medium truncate",
@@ -11301,11 +11333,11 @@ var CodeBlock = ({
             ] })
           }
         ),
-        /* @__PURE__ */ jsx69(
+        /* @__PURE__ */ jsx68(
           "div",
           {
             className: `relative ${isExpanded ? "max-h-screen overflow-auto" : "max-h-96 overflow-auto"}`,
-            children: /* @__PURE__ */ jsx69(
+            children: /* @__PURE__ */ jsx68(
               SyntaxHighlighter,
               {
                 language: activeLanguage,
@@ -11339,7 +11371,7 @@ var CodeBlock = ({
             )
           }
         ),
-        showStats && stats && /* @__PURE__ */ jsxs49(
+        showStats && stats && /* @__PURE__ */ jsxs50(
           "div",
           {
             className: "px-3 py-2 border-t text-xs flex items-center justify-between min-h-[2.5rem]",
@@ -11349,20 +11381,20 @@ var CodeBlock = ({
               color: "hsl(var(--muted-foreground))"
             },
             children: [
-              /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-3 min-w-0", children: [
-                /* @__PURE__ */ jsx69("span", { className: "truncate", children: activeLanguage.toUpperCase() }),
-                /* @__PURE__ */ jsxs49("span", { className: "truncate hidden sm:inline", children: [
+              /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-3 min-w-0", children: [
+                /* @__PURE__ */ jsx68("span", { className: "truncate", children: activeLanguage.toUpperCase() }),
+                /* @__PURE__ */ jsxs50("span", { className: "truncate hidden sm:inline", children: [
                   stats.lines,
                   " lines"
                 ] }),
-                /* @__PURE__ */ jsxs49("span", { className: "truncate hidden md:inline", children: [
+                /* @__PURE__ */ jsxs50("span", { className: "truncate hidden md:inline", children: [
                   stats.chars,
                   " chars"
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-1 shrink-0", children: [
-                /* @__PURE__ */ jsx69(GearIcon2, { size: "0.75em", style: cssVars.icon }),
-                /* @__PURE__ */ jsx69("span", { children: "UTF-8" })
+              /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-1 shrink-0", children: [
+                /* @__PURE__ */ jsx68(GearIcon2, { size: "0.75em", style: cssVars.icon }),
+                /* @__PURE__ */ jsx68("span", { children: "UTF-8" })
               ] })
             ]
           }
@@ -11373,7 +11405,7 @@ var CodeBlock = ({
 };
 
 // src/components/ui/data/StatusIndicator.tsx
-import { jsx as jsx70, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs51 } from "react/jsx-runtime";
 function StatusIndicator({
   color = "green",
   size = "sm",
@@ -11411,20 +11443,20 @@ function StatusIndicator({
     "flex-shrink-0"
   );
   if (position === "inline") {
-    return /* @__PURE__ */ jsxs50(
+    return /* @__PURE__ */ jsxs51(
       "span",
       {
         className: cn("inline-flex items-center gap-2", className),
         ...props,
         children: [
-          show && /* @__PURE__ */ jsx70("span", { className: dotClass, "aria-hidden": !show }),
-          children && /* @__PURE__ */ jsx70("span", { className: "truncate", children })
+          show && /* @__PURE__ */ jsx69("span", { className: dotClass, "aria-hidden": !show }),
+          children && /* @__PURE__ */ jsx69("span", { className: "truncate", children })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxs50("div", { className: cn("relative inline-flex", className), ...props, children: [
-    show && /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsxs51("div", { className: cn("relative inline-flex", className), ...props, children: [
+    show && /* @__PURE__ */ jsx69(
       "span",
       {
         "aria-hidden": !show,
@@ -11432,20 +11464,25 @@ function StatusIndicator({
           "pointer-events-none z-10",
           absolutePositionClasses[position]
         ),
-        children: /* @__PURE__ */ jsx70("span", { className: dotClass })
+        children: /* @__PURE__ */ jsx69("span", { className: dotClass })
       }
     ),
-    /* @__PURE__ */ jsx70("div", { className: "min-w-0", children })
+    /* @__PURE__ */ jsx69("div", { className: "min-w-0", children })
   ] });
 }
 
+// src/components/ui/form/DebouncedInput.tsx
+import { useEffect as useEffect17, useState as useState19 } from "react";
+import { CircleNotchIcon as CircleNotchIcon2 } from "@phosphor-icons/react";
+import { jsx as jsx70 } from "react/jsx-runtime";
+
 // src/hooks/use-drag.tsx
-import { useState as useState20, useCallback as useCallback12, useRef as useRef8, useEffect as useEffect18 } from "react";
+import { useState as useState20, useCallback as useCallback12, useRef as useRef9, useEffect as useEffect18 } from "react";
 var useDrag = (options = {}) => {
   const [isDragging, setIsDragging] = useState20(null);
   const [positions, setPositions] = useState20({});
-  const dragStartPos = useRef8(null);
-  const dragId = useRef8(null);
+  const dragStartPos = useRef9(null);
+  const dragId = useRef9(null);
   const handleMouseDown = useCallback12((id, e) => {
     e.preventDefault();
     const currentPosition = positions[id] || { top: 0, left: 0 };
@@ -11532,7 +11569,7 @@ export {
   AvatarFallbackBase,
   AvatarImageBase,
   BackButton,
-  BadgeBase,
+  Badge,
   BarChart_default as BarChart,
   BreadcrumbBase,
   BreadcrumbEllipsisBase,
@@ -11554,7 +11591,7 @@ export {
   CarouselContentBase,
   CarouselItemBase,
   CarouselNextBase,
-  CarouselPrevious,
+  CarouselPreviousBase,
   ChangeButton,
   Chart_default as Chart,
   CheckButton,