@mlw-packages/react-components 1.5.5 → 1.5.7

package/dist/index.js

@@ -522,6 +522,7 @@ __export(index_exports, {
   CarouselNextBase: () => CarouselNextBase,
   CarouselPrevious: () => CarouselPrevious,
   CheckboxBase: () => CheckboxBase,
+  CloseAllButton: () => CloseAllButton_default,
   CollapsibleBase: () => CollapsibleBase,
   CollapsibleContentBase: () => CollapsibleContentBase,
   CollapsibleTriggerBase: () => CollapsibleTriggerBase,
@@ -562,6 +563,7 @@ __export(index_exports, {
   DialogPortalBase: () => DialogPortalBase,
   DialogTitleBase: () => DialogTitleBase,
   DialogTriggerBase: () => DialogTriggerBase,
+  DraggableTooltip: () => DraggableTooltip_default,
   DrawerBase: () => DrawerBase,
   DrawerCloseBase: () => DrawerCloseBase,
   DrawerContentBase: () => DrawerContentBase,
@@ -587,6 +589,7 @@ __export(index_exports, {
   DropDownMenuSubContentBase: () => DropDownMenuSubContentBase,
   DropDownMenuSubTriggerBase: () => DropDownMenuSubTriggerBase,
   DropDownMenuTriggerBase: () => DropDownMenuTriggerBase,
+  Highlights: () => Highlights_default,
   HoverCardBase: () => HoverCardBase,
   HoverCardContentBase: () => HoverCardContentBase,
   HoverCardTriggerBase: () => HoverCardTriggerBase,
@@ -596,6 +599,7 @@ __export(index_exports, {
   InputOTPSeparatorBase: () => InputOTPSeparatorBase,
   InputOTPSlotBase: () => InputOTPSlotBase,
   LabelBase: () => LabelBase_default,
+  LoadingBase: () => LoadingBase,
   ModeToggleBase: () => ModeToggleBase,
   MultiCombobox: () => MultiCombobox,
   NavigationMenuBase: () => NavigationMenuBase,
@@ -606,6 +610,7 @@ __export(index_exports, {
   NavigationMenuListBase: () => NavigationMenuListBase,
   NavigationMenuTriggerBase: () => NavigationMenuTriggerBase,
   NavigationMenuViewportBase: () => NavigationMenuViewportBase,
+  PeriodsDropdown: () => PeriodsDropdown_default,
   PopoverAnchorBase: () => PopoverAnchorBase,
   PopoverBase: () => PopoverBase,
   PopoverContentBase: () => PopoverContentBase,
@@ -638,6 +643,7 @@ __export(index_exports, {
   SheetPortalBase: () => SheetPortalBase,
   SheetTitleBase: () => SheetTitleBase,
   SheetTriggerBase: () => SheetTriggerBase,
+  ShowOnly: () => ShowOnly_default,
   SidebarBase: () => SidebarBase,
   SidebarContentBase: () => SidebarContentBase,
   SidebarFooterBase: () => SidebarFooterBase,
@@ -684,11 +690,23 @@ __export(index_exports, {
   TooltipBase: () => TooltipBase,
   TooltipContentBase: () => TooltipContentBase,
   TooltipProviderBase: () => TooltipProviderBase,
+  TooltipSimple: () => TooltipSimple_default,
   TooltipTriggerBase: () => TooltipTriggerBase,
+  TooltipWithTotal: () => TooltipWithTotal_default,
   UseSideBarBase: () => UseSideBarBase,
   badgeVariants: () => badgeVariants,
   buttonVariantsBase: () => buttonVariantsBase,
+  compactTick: () => compactTick,
+  detectDataFields: () => detectDataFields,
+  detectXAxis: () => detectXAxis,
+  formatFieldName: () => formatFieldName,
+  generateAdditionalColors: () => generateAdditionalColors,
+  niceCeil: () => niceCeil,
+  renderPillLabel: () => pillLabelRenderer_default,
+  resolveChartMargins: () => resolveChartMargins,
+  resolveContainerPaddingLeft: () => resolveContainerPaddingLeft,
   toast: () => toast,
+  useDrag: () => useDrag,
   useIsMobile: () => useIsMobile,
   useTheme: () => useTheme
 });
@@ -717,13 +735,13 @@ var buttonVariantsBase = (0, import_class_variance_authority.cva)(
       variant: {
         default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
         destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        outline: "bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
         secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        default: " px-4 py-2 has-[>svg]:px-3",
         sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
         lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
         icon: "size-9"
@@ -769,7 +787,7 @@ var ButtonGroupBase = React.forwardRef(
           return React.cloneElement(typedChild, {
             className: cn(
               typedChild.props.className,
-              "rounded-none border-0",
+              "rounded-none",
               index === 0 && orientation === "horizontal" && "rounded-l-md",
               index === 0 && orientation === "vertical" && "rounded-t-md",
               index === React.Children.count(children) - 1 && orientation === "horizontal" && "rounded-r-md",
@@ -1637,34 +1655,39 @@ var DialogOverlayBase = React8.forwardRef(({ className, testid: dataTestId = "di
   }
 ));
 DialogOverlayBase.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContentBase = React8.forwardRef(({ className, children, testid: dataTestId = "dialog-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogPortalBase, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogOverlayBase, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-    DialogPrimitive.Content,
-    {
-      ref,
-      className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-        className
-      ),
-      "data-testid": dataTestId,
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogPrimitive.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-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react6.XIcon, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
+var DialogContentBase = React8.forwardRef(
+  ({ className, children, testid: dataTestId = "dialog-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogPortalBase, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogOverlayBase, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+      DialogPrimitive.Content,
+      {
+        ref,
+        className: cn(
+          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg max-h-[100dvh] overflow-hidden",
+          className
+        ),
+        "data-testid": dataTestId,
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogPrimitive.Close, { className: "absolute right-3 top-3 sm:right-4 sm: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-accent data-[state=open]:text-muted-foreground z-10 touch-manipulation", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react6.XIcon, { className: "h-5 w-5 sm:h-4 sm:w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] })
+);
 DialogContentBase.displayName = DialogPrimitive.Content.displayName;
 var DialogHeaderBase = React8.forwardRef(({ className, testid: dataTestId = "dialog-header", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   "div",
   {
     ref,
-    className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
+    className: cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    ),
     "data-testid": dataTestId,
     ...props
   }
@@ -1674,7 +1697,10 @@ var DialogFooterBase = React8.forwardRef(({ className, testid: dataTestId = "dia
   "div",
   {
     ref,
-    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
     "data-testid": dataTestId,
     ...props
   }
@@ -1684,7 +1710,10 @@ var DialogTitleBase = React8.forwardRef(({ className, testid: dataTestId = "dial
   DialogPrimitive.Title,
   {
     ref,
-    className: cn("text-lg font-semibold leading-none tracking-tight", className),
+    className: cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    ),
     "data-testid": dataTestId,
     ...props
   }
@@ -2348,7 +2377,7 @@ var InputBase = React12.forwardRef(
               {
                 type,
                 className: cn(
-                  "w-full flex-1 text-sm py-1.5 px-3 focus:outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 bg-background text-foreground",
+                  "w-full flex-1 text-sm py-2 px-3 focus:outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 bg-background text-foreground",
                   className
                 ),
                 ref,
@@ -2423,7 +2452,7 @@ function ComboboxBase({
                 role: "combobox",
                 "aria-expanded": open,
                 className: cn(
-                  "flex items-start gap-2 justify-between h-full",
+                  "flex items-start gap-2 justify-between h-full border border-input",
                   errorMessage && "border-red-500"
                 ),
                 "data-testid": testIds.trigger ?? "combobox-trigger",
@@ -2772,17 +2801,188 @@ function InputOTPSeparatorBase({ ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react17.MinusIcon, {}) });
 }
 
+// src/components/ui/LoadingBase.tsx
+var React16 = __toESM(require("react"));
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var loadingVariants = (0, import_class_variance_authority3.cva)(
+  "rounded-full border-2 animate-spin border-muted border-t-primary",
+  {
+    variants: {
+      size: {
+        sm: "h-4 w-4",
+        md: "h-6 w-6",
+        lg: "h-8 w-8",
+        xl: "h-12 w-12 border-[3px]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var dotsVariants = (0, import_class_variance_authority3.cva)(
+  "flex items-center justify-center",
+  {
+    variants: {
+      size: {
+        sm: "gap-1",
+        md: "gap-1.5",
+        lg: "gap-2",
+        xl: "gap-2.5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var dotVariants = (0, import_class_variance_authority3.cva)(
+  "rounded-full bg-gradient-to-r from-primary to-primary/70 shadow-sm",
+  {
+    variants: {
+      size: {
+        sm: "h-1.5 w-2",
+        md: "h-2.5 w-2.5",
+        lg: "h-2.5 w-3",
+        xl: "h-3.5 w-4"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var LoadingBase = React16.forwardRef(
+  ({ className, size, message, overlay = false, variant = "spinner", ...props }, ref) => {
+    React16.useEffect(() => {
+      const style = document.createElement("style");
+      style.textContent = `
+        @keyframes dotBounce {
+          0%, 80%, 100% {
+            transform: translateY(0);
+            opacity: 0.8;
+          }
+          40% {
+            transform:  translateY(-8px);
+            opacity: 1;
+          }
+        }
+      `;
+      document.head.appendChild(style);
+      return () => {
+        if (document.head.contains(style)) {
+          document.head.removeChild(style);
+        }
+      };
+    }, []);
+    const renderSpinner = () => {
+      if (variant === "dots") {
+        return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: cn(dotsVariants({ size })), "aria-hidden": "true", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            "div",
+            {
+              className: cn(dotVariants({ size })),
+              style: {
+                animation: "dotBounce 1.4s ease-in-out infinite",
+                animationDelay: "0ms",
+                transform: "translateY(0px)"
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            "div",
+            {
+              className: cn(dotVariants({ size })),
+              style: {
+                animation: "dotBounce 1.4s ease-in-out infinite",
+                animationDelay: "0.16s",
+                transform: "translateY(0px)"
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            "div",
+            {
+              className: cn(dotVariants({ size })),
+              style: {
+                animation: "dotBounce 1.4s ease-in-out infinite",
+                animationDelay: "0.32s",
+                transform: "translateY(0px)"
+              }
+            }
+          )
+        ] });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        "div",
+        {
+          className: cn(loadingVariants({ size })),
+          style: {
+            animation: "spin 1s linear infinite"
+          },
+          "aria-hidden": "true"
+        }
+      );
+    };
+    const loadingContent = /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+      renderSpinner(),
+      message && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm font-medium text-muted-foreground animate-pulse", children: message })
+    ] });
+    if (overlay) {
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        "div",
+        {
+          ref,
+          className: cn(
+            "fixed inset-0 z-50 flex items-center justify-center",
+            "bg-background/80 dark:bg-background/60",
+            "backdrop-blur-md backdrop-saturate-150",
+            "transition-all duration-300 ease-in-out",
+            "animate-in fade-in-0",
+            className
+          ),
+          role: "status",
+          "aria-label": message || "Carregando",
+          ...props,
+          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn(
+            "relative p-8 rounded-2xl",
+            "bg-card/90 dark:bg-card/95",
+            "border border-border/50",
+            "shadow-2xl shadow-black/10 dark:shadow-black/30",
+            "backdrop-blur-xl backdrop-saturate-150",
+            "animate-in zoom-in-95 fade-in-0 duration-300",
+            "text-center space-y-4"
+          ), children: loadingContent })
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      "div",
+      {
+        ref,
+        className: cn("flex items-center justify-center", className),
+        role: "status",
+        "aria-label": message || "Carregando",
+        ...props,
+        children: loadingContent
+      }
+    );
+  }
+);
+LoadingBase.displayName = "LoadingBase";
+
 // src/components/ui/NavigationMenuBase.tsx
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
 var import_react18 = require("@phosphor-icons/react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function NavigationMenuBase({
   className,
   children,
   viewport = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     NavigationMenuPrimitive.Root,
     {
       "data-slot": "navigation-menu",
@@ -2794,7 +2994,7 @@ function NavigationMenuBase({
       ...props,
       children: [
         children,
-        viewport && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(NavigationMenuViewportBase, {})
+        viewport && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(NavigationMenuViewportBase, {})
       ]
     }
   );
@@ -2803,7 +3003,7 @@ function NavigationMenuListBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     NavigationMenuPrimitive.List,
     {
       "data-slot": "navigation-menu-list",
@@ -2819,7 +3019,7 @@ function NavigationMenuItemBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     NavigationMenuPrimitive.Item,
     {
       "data-slot": "navigation-menu-item",
@@ -2833,7 +3033,7 @@ function NavigationMenuTriggerBase({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     NavigationMenuPrimitive.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
@@ -2841,7 +3041,7 @@ function NavigationMenuTriggerBase({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           import_react18.CaretDownIcon,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
@@ -2856,7 +3056,7 @@ function NavigationMenuContentBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     NavigationMenuPrimitive.Content,
     {
       "data-slot": "navigation-menu-content",
@@ -2873,7 +3073,7 @@ function NavigationMenuViewportBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("absolute top-full left-0 isolate z-50 flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("absolute top-full left-0 isolate z-50 flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     NavigationMenuPrimitive.Viewport,
     {
       "data-slot": "navigation-menu-viewport",
@@ -2889,7 +3089,7 @@ function NavigationMenuLinkBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     NavigationMenuPrimitive.Link,
     {
       "data-slot": "navigation-menu-link",
@@ -2905,7 +3105,7 @@ function NavigationMenuIndicatorBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     NavigationMenuPrimitive.Indicator,
     {
       "data-slot": "navigation-menu-indicator",
@@ -2914,21 +3114,21 @@ function NavigationMenuIndicatorBase({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
     }
   );
 }
 
 // src/components/ui/ProgressBase.tsx
-var React16 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var ProgressBase = React16.forwardRef(({ className, value, label, leftIcon, rightIcon, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(LabelBase_default, { className: "py-2", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-2", children: [
-      leftIcon && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var ProgressBase = React17.forwardRef(({ className, value, label, leftIcon, rightIcon, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(LabelBase_default, { className: "py-2", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-2", children: [
+      leftIcon && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         ProgressPrimitive.Root,
         {
           ref,
@@ -2938,7 +3138,7 @@ var ProgressBase = React16.forwardRef(({ className, value, label, leftIcon, righ
           ),
           value,
           ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             ProgressPrimitive.Indicator,
             {
               className: "h-full w-full flex-1 bg-primary transition-all duration-500 ease-in-out",
@@ -2947,7 +3147,7 @@ var ProgressBase = React16.forwardRef(({ className, value, label, leftIcon, righ
           )
         }
       ),
-      rightIcon && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
+      rightIcon && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
     ] })
   ] });
 });
@@ -2958,9 +3158,9 @@ var ProgressSegmentsBase = ({
   value
 }) => {
   const filled = Math.round(value / 100 * segments);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(LabelBase_default, { className: "py-2", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex gap-1 w-full", children: Array.from({ length: segments }).map((_, idx) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(LabelBase_default, { className: "py-2", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex gap-1 w-full", children: Array.from({ length: segments }).map((_, idx) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "div",
       {
         className: cn(
@@ -2972,7 +3172,7 @@ var ProgressSegmentsBase = ({
     )) })
   ] });
 };
-var ArrowRightIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var ArrowRightIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   "svg",
   {
     className: "w-6 h-6 text-zinc-400 transition-transform duration-300 group-hover:translate-x-1",
@@ -2981,7 +3181,7 @@ var ArrowRightIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     strokeWidth: 2,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
   }
 );
 var ProgressPanelsBase = ({
@@ -2989,13 +3189,13 @@ var ProgressPanelsBase = ({
   steps,
   currentStep
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col gap-1 w-full", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(LabelBase_default, { className: "py-2", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex w-full gap-1 rounded-lg overflow-hidden", children: steps.map((step, idx) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col gap-1 w-full", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(LabelBase_default, { className: "py-2", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex w-full gap-1 rounded-lg overflow-hidden", children: steps.map((step, idx) => {
       const isActive = idx === currentStep;
       const isLast = idx === steps.length - 1;
-      return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(React16.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(React17.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
           "div",
           {
             className: cn(
@@ -3006,12 +3206,12 @@ var ProgressPanelsBase = ({
             ),
             style: { flex: "1 1 0" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "truncate", children: step }),
-              isActive && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "absolute bottom-0 left-0 h-1 w-full animate-pulse rounded-b-lg" })
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "truncate", children: step }),
+              isActive && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "absolute bottom-0 left-0 h-1 w-full animate-pulse rounded-b-lg" })
             ]
           }
         ),
-        !isLast && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex items-center px-2 group", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArrowRightIcon2, {}) })
+        !isLast && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex items-center px-2 group", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ArrowRightIcon2, {}) })
       ] }, idx);
     }) })
   ] });
@@ -3021,11 +3221,11 @@ var ProgressCirclesBase = ({
   steps,
   currentStep
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("label", { className: "py-2 text-base font-semibold text-gray-700 dark:text-gray-300", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "relative flex items-center justify-between w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "absolute top-5 left-0 w-full h-1 bg-zinc-200 dark:bg-zinc-700" }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("label", { className: "py-2 text-base font-semibold text-gray-700 dark:text-gray-300", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "relative flex items-center justify-between w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "absolute top-5 left-0 w-full h-1 bg-zinc-200 dark:bg-zinc-700" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         "div",
         {
           className: "absolute top-5 left-0 h-1 bg-primary transition-all duration-300",
@@ -3036,13 +3236,13 @@ var ProgressCirclesBase = ({
       ),
       steps.map((step, idx) => {
         const isActive = idx <= currentStep;
-        return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
           "div",
           {
             className: "relative flex flex-col items-center w-10",
             style: { zIndex: isActive ? 10 : 1 },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                 "div",
                 {
                   className: cn(
@@ -3052,7 +3252,7 @@ var ProgressCirclesBase = ({
                   children: idx + 1
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-xs text-center font-medium mt-1 max-w-[80px] break-words", children: step })
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-xs text-center font-medium mt-1 max-w-[80px] break-words", children: step })
             ]
           },
           idx
@@ -3063,24 +3263,24 @@ var ProgressCirclesBase = ({
 };
 
 // src/components/ui/ScrollareaBase.tsx
-var React17 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var ScrollAreaBase = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var ScrollAreaBase = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ScrollBarBase, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ScrollBarBase, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollAreaBase.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBarBase = React17.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var ScrollBarBase = React18.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -3092,21 +3292,21 @@ var ScrollBarBase = React17.forwardRef(({ className, orientation = "vertical", .
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
 ScrollBarBase.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // src/components/ui/SelectBase.tsx
-var React18 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
 var import_react19 = require("@phosphor-icons/react");
 var import_framer_motion4 = require("framer-motion");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var SelectBase = SelectPrimitive.Root;
 var SelectGroupBase = SelectPrimitive.Group;
 var SelectValueBase = SelectPrimitive.Value;
-var SelectTriggerBase = React18.forwardRef(({ className, children, open, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+var SelectTriggerBase = React19.forwardRef(({ className, children, open, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -3117,20 +3317,20 @@ var SelectTriggerBase = React18.forwardRef(({ className, children, open, ...prop
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         import_framer_motion4.motion.span,
         {
           animate: { rotate: open ? 180 : 0 },
           transition: { duration: 0.3 },
           className: "flex items-center",
-          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react19.CaretDownIcon, { className: "h-4 w-4 opacity-50" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react19.CaretDownIcon, { className: "h-4 w-4 opacity-50" })
         }
       )
     ]
   }
 ));
 SelectTriggerBase.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButtonBase = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var SelectScrollUpButtonBase = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -3139,11 +3339,11 @@ var SelectScrollUpButtonBase = React18.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react19.CaretUpIcon, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react19.CaretUpIcon, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButtonBase.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButtonBase = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var SelectScrollDownButtonBase = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -3152,11 +3352,11 @@ var SelectScrollDownButtonBase = React18.forwardRef(({ className, ...props }, re
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react19.CaretDownIcon, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react19.CaretDownIcon, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButtonBase.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContentBase = React18.forwardRef(({ className, children, position = "popper", testid: dataTestId = "select-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_framer_motion4.AnimatePresence, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var SelectContentBase = React19.forwardRef(({ className, children, position = "popper", testid: dataTestId = "select-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_framer_motion4.AnimatePresence, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   SelectPrimitive.Content,
   {
     ref,
@@ -3168,16 +3368,16 @@ var SelectContentBase = React18.forwardRef(({ className, children, position = "p
     "data-testid": dataTestId,
     ...props,
     asChild: true,
-    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       import_framer_motion4.motion.div,
       {
         initial: { opacity: 0, scale: 0.95 },
         animate: { opacity: 1, scale: 1 },
         exit: { opacity: 0, scale: 0.95 },
         transition: { duration: 0.2 },
-        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectScrollUpButtonBase, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectScrollUpButtonBase, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             SelectPrimitive.Viewport,
             {
               className: cn(
@@ -3187,14 +3387,14 @@ var SelectContentBase = React18.forwardRef(({ className, children, position = "p
               children
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectScrollDownButtonBase, {})
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectScrollDownButtonBase, {})
         ] })
       }
     )
   }
 ) }) }));
 SelectContentBase.displayName = SelectPrimitive.Content.displayName;
-var SelectLabelBase = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var SelectLabelBase = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   SelectPrimitive.Label,
   {
     ref,
@@ -3203,7 +3403,7 @@ var SelectLabelBase = React18.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SelectLabelBase.displayName = SelectPrimitive.Label.displayName;
-var SelectItemBase = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+var SelectItemBase = React19.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -3213,13 +3413,13 @@ var SelectItemBase = React18.forwardRef(({ className, children, ...props }, ref)
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react19.CheckIcon, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react19.CheckIcon, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItemBase.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparatorBase = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var SelectSeparatorBase = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -3230,14 +3430,14 @@ var SelectSeparatorBase = React18.forwardRef(({ className, ...props }, ref) => /
 SelectSeparatorBase.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/ui/SeparatorBase.tsx
-var React19 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
 var import_framer_motion5 = require("framer-motion");
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var SeparatorBase = React19.forwardRef(
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var SeparatorBase = React20.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => {
     const isHorizontal = orientation === "horizontal";
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       SeparatorPrimitive.Root,
       {
         ref,
@@ -3245,7 +3445,7 @@ var SeparatorBase = React19.forwardRef(
         orientation,
         asChild: true,
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           import_framer_motion5.motion.div,
           {
             className: cn(
@@ -3265,16 +3465,16 @@ var SeparatorBase = React19.forwardRef(
 SeparatorBase.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/ui/SheetBase.tsx
-var React20 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
-var import_class_variance_authority3 = require("class-variance-authority");
+var import_class_variance_authority4 = require("class-variance-authority");
 var import_react20 = require("@phosphor-icons/react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var SheetBase = SheetPrimitive.Root;
 var SheetTriggerBase = SheetPrimitive.Trigger;
 var SheetCloseBase = SheetPrimitive.Close;
 var SheetPortalBase = SheetPrimitive.Portal;
-var SheetOverlayBase = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SheetOverlayBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -3286,7 +3486,7 @@ var SheetOverlayBase = React20.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SheetOverlayBase.displayName = SheetPrimitive.Overlay.displayName;
-var sheetVariants = (0, import_class_variance_authority3.cva)(
+var sheetVariants = (0, import_class_variance_authority4.cva)(
   "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
   {
     variants: {
@@ -3302,18 +3502,18 @@ var sheetVariants = (0, import_class_variance_authority3.cva)(
     }
   }
 );
-var SheetContentBase = React20.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(SheetPortalBase, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SheetOverlayBase, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+var SheetContentBase = React21.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(SheetPortalBase, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SheetOverlayBase, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     SheetPrimitive.Content,
     {
       ref,
       className: cn(sheetVariants({ side }), className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react20.XIcon, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react20.XIcon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "sr-only", children: "Close" })
         ] }),
         children
       ]
@@ -3324,7 +3524,7 @@ SheetContentBase.displayName = SheetPrimitive.Content.displayName;
 var SheetHeaderBase = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   "div",
   {
     className: cn(
@@ -3338,7 +3538,7 @@ SheetHeaderBase.displayName = "SheetHeaderBase";
 var SheetFooterBase = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   "div",
   {
     className: cn(
@@ -3349,7 +3549,7 @@ var SheetFooterBase = ({
   }
 );
 SheetFooterBase.displayName = "SheetFooterBase";
-var SheetTitleBase = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SheetTitleBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   SheetPrimitive.Title,
   {
     ref,
@@ -3358,7 +3558,7 @@ var SheetTitleBase = React20.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SheetTitleBase.displayName = SheetPrimitive.Title.displayName;
-var SheetDescriptionBase = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SheetDescriptionBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   SheetPrimitive.Description,
   {
     ref,
@@ -3369,16 +3569,16 @@ var SheetDescriptionBase = React20.forwardRef(({ className, ...props }, ref) =>
 SheetDescriptionBase.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/SidebarBase.tsx
-var React22 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 var import_react_slot5 = require("@radix-ui/react-slot");
-var import_class_variance_authority4 = require("class-variance-authority");
+var import_class_variance_authority5 = require("class-variance-authority");
 
 // src/hooks/use-mobile.tsx
-var React21 = __toESM(require("react"));
+var React22 = __toESM(require("react"));
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React21.useState(void 0);
-  React21.useEffect(() => {
+  const [isMobile, setIsMobile] = React22.useState(void 0);
+  React22.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -3391,12 +3591,12 @@ function useIsMobile() {
 }
 
 // src/components/ui/SkeletonBase.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function SkeletonBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     {
       className: cn("animate-pulse  bg-primary/10", className),
@@ -3407,16 +3607,16 @@ function SkeletonBase({
 
 // src/components/ui/SidebarBase.tsx
 var import_react21 = require("@phosphor-icons/react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("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 = React22.createContext(null);
+var SidebarContext = React23.createContext(null);
 function UseSideBarBase() {
-  const context = React22.useContext(SidebarContext);
+  const context = React23.useContext(SidebarContext);
   if (!context) {
     throw new Error(
       "UseSideBarBase must be used within a SidebarProviderBase."
@@ -3424,7 +3624,7 @@ function UseSideBarBase() {
   }
   return context;
 }
-var SidebarProviderBase = React22.forwardRef(
+var SidebarProviderBase = React23.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -3435,10 +3635,10 @@ var SidebarProviderBase = React22.forwardRef(
     ...props
   }, ref) => {
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React22.useState(false);
-    const [_open, _setOpen] = React22.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React23.useState(false);
+    const [_open, _setOpen] = React23.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React22.useCallback(
+    const setOpen = React23.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -3450,10 +3650,10 @@ var SidebarProviderBase = React22.forwardRef(
       },
       [setOpenProp, open]
     );
-    const toggleSidebar = React22.useCallback(() => {
+    const toggleSidebar = React23.useCallback(() => {
       return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
     }, [isMobile, setOpen, setOpenMobile]);
-    React22.useEffect(() => {
+    React23.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -3464,7 +3664,7 @@ var SidebarProviderBase = React22.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React22.useMemo(
+    const contextValue = React23.useMemo(
       () => ({
         state,
         open,
@@ -3476,7 +3676,7 @@ var SidebarProviderBase = React22.forwardRef(
       }),
       [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TooltipProviderBase, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TooltipProviderBase, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "div",
       {
         style: {
@@ -3496,7 +3696,7 @@ var SidebarProviderBase = React22.forwardRef(
   }
 );
 SidebarProviderBase.displayName = "SidebarProviderBase";
-var SidebarBase = React22.forwardRef(
+var SidebarBase = React23.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -3507,7 +3707,7 @@ var SidebarBase = React22.forwardRef(
   }, ref) => {
     const { isMobile, state, openMobile, setOpenMobile } = UseSideBarBase();
     if (collapsible === "none") {
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         "div",
         {
           className: cn(
@@ -3521,7 +3721,7 @@ var SidebarBase = React22.forwardRef(
       );
     }
     if (isMobile) {
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SheetBase, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SheetBase, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         SheetContentBase,
         {
           "data-sidebar": "sidebar",
@@ -3531,11 +3731,11 @@ var SidebarBase = React22.forwardRef(
             "--sidebar-width": SIDEBAR_WIDTH_MOBILE
           },
           side,
-          children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex h-full w-full flex-col", children })
+          children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex h-full w-full flex-col", children })
         }
       ) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
       "div",
       {
         ref,
@@ -3545,7 +3745,7 @@ var SidebarBase = React22.forwardRef(
         "data-variant": variant,
         "data-side": side,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             "div",
             {
               className: cn(
@@ -3556,7 +3756,7 @@ var SidebarBase = React22.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             "div",
             {
               className: cn(
@@ -3567,7 +3767,7 @@ var SidebarBase = React22.forwardRef(
                 className
               ),
               ...props,
-              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                 "div",
                 {
                   "data-sidebar": "sidebar",
@@ -3583,9 +3783,9 @@ var SidebarBase = React22.forwardRef(
   }
 );
 SidebarBase.displayName = "SidebarBase";
-var SidebarTriggerBase = React22.forwardRef(({ className, onClick, ...props }, ref) => {
+var SidebarTriggerBase = React23.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = UseSideBarBase();
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     ButtonBase,
     {
       ref,
@@ -3599,16 +3799,16 @@ var SidebarTriggerBase = React22.forwardRef(({ className, onClick, ...props }, r
       },
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "sr-only", children: "Toggle SidebarBase" }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react21.SidebarSimpleIcon, {})
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "sr-only", children: "Toggle SidebarBase" }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react21.SidebarSimpleIcon, {})
       ]
     }
   ) });
 });
 SidebarTriggerBase.displayName = "SidebarTriggerBase";
-var SidebarRailBase = React22.forwardRef(({ className, ...props }, ref) => {
+var SidebarRailBase = React23.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = UseSideBarBase();
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "button",
     {
       ref,
@@ -3631,8 +3831,8 @@ var SidebarRailBase = React22.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRailBase.displayName = "SidebarRailBase";
-var SidebarInsetBase = React22.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var SidebarInsetBase = React23.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "main",
     {
       ref,
@@ -3646,8 +3846,8 @@ var SidebarInsetBase = React22.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInsetBase.displayName = "SidebarInsetBase";
-var SidebarInputBase = React22.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var SidebarInputBase = React23.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     InputBase,
     {
       ref,
@@ -3661,8 +3861,8 @@ var SidebarInputBase = React22.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInputBase.displayName = "SidebarInputBase";
-var SidebarHeaderBase = React22.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var SidebarHeaderBase = React23.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     {
       ref,
@@ -3673,8 +3873,8 @@ var SidebarHeaderBase = React22.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarHeaderBase.displayName = "SidebarHeaderBase";
-var SidebarFooterBase = React22.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var SidebarFooterBase = React23.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     {
       ref,
@@ -3685,8 +3885,8 @@ var SidebarFooterBase = React22.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarFooterBase.displayName = "SidebarFooterBase";
-var SidebarSeparatorBase = React22.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var SidebarSeparatorBase = React23.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     SeparatorBase,
     {
       ref,
@@ -3697,8 +3897,8 @@ var SidebarSeparatorBase = React22.forwardRef(({ className, ...props }, ref) =>
   );
 });
 SidebarSeparatorBase.displayName = "SidebarSeparatorBase";
-var SidebarContentBase = React22.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var SidebarContentBase = React23.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     {
       ref,
@@ -3712,8 +3912,8 @@ var SidebarContentBase = React22.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContentBase.displayName = "SidebarContentBase";
-var SidebarGroupBase = React22.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var SidebarGroupBase = React23.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     {
       ref,
@@ -3724,9 +3924,9 @@ var SidebarGroupBase = React22.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroupBase.displayName = "SidebarGroupBase";
-var SidebarGroupLabelBase = React22.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabelBase = React23.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot5.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     Comp,
     {
       ref,
@@ -3741,9 +3941,9 @@ var SidebarGroupLabelBase = React22.forwardRef(({ className, asChild = false, ..
   );
 });
 SidebarGroupLabelBase.displayName = "SidebarGroupLabelBase";
-var SidebarGroupActionBase = React22.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupActionBase = React23.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot5.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     Comp,
     {
       ref,
@@ -3760,7 +3960,7 @@ var SidebarGroupActionBase = React22.forwardRef(({ className, asChild = false, .
   );
 });
 SidebarGroupActionBase.displayName = "SidebarGroupActionBase";
-var SidebarGroupContentBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var SidebarGroupContentBase = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "div",
   {
     ref,
@@ -3770,7 +3970,7 @@ var SidebarGroupContentBase = React22.forwardRef(({ className, ...props }, ref)
   }
 ));
 SidebarGroupContentBase.displayName = "SidebarGroupContentBase";
-var SidebarMenuBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var SidebarMenuBase = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "ul",
   {
     ref,
@@ -3780,7 +3980,7 @@ var SidebarMenuBase = React22.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SidebarMenuBase.displayName = "SidebarMenuBase";
-var SidebarMenuItemBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var SidebarMenuItemBase = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "li",
   {
     ref,
@@ -3790,7 +3990,7 @@ var SidebarMenuItemBase = React22.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 SidebarMenuItemBase.displayName = "SidebarMenuItemBase";
-var sidebarMenuButtonVariants = (0, import_class_variance_authority4.cva)(
+var sidebarMenuButtonVariants = (0, import_class_variance_authority5.cva)(
   "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
@@ -3810,7 +4010,7 @@ var sidebarMenuButtonVariants = (0, import_class_variance_authority4.cva)(
     }
   }
 );
-var SidebarMenuButtonBase = React22.forwardRef(
+var SidebarMenuButtonBase = React23.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -3822,7 +4022,7 @@ var SidebarMenuButtonBase = React22.forwardRef(
   }, ref) => {
     const Comp = asChild ? import_react_slot5.Slot : "button";
     const { isMobile, state } = UseSideBarBase();
-    const button = /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    const button = /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       Comp,
       {
         ref,
@@ -3841,9 +4041,9 @@ var SidebarMenuButtonBase = React22.forwardRef(
         children: tooltip
       };
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(TooltipBase, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TooltipTriggerBase, { asChild: true, children: button }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(TooltipBase, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TooltipTriggerBase, { asChild: true, children: button }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         TooltipContentBase,
         {
           side: "right",
@@ -3856,9 +4056,9 @@ var SidebarMenuButtonBase = React22.forwardRef(
   }
 );
 SidebarMenuButtonBase.displayName = "SidebarMenuButtonBase";
-var SidebarMenuActionBase = React22.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuActionBase = React23.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot5.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     Comp,
     {
       ref,
@@ -3879,7 +4079,7 @@ var SidebarMenuActionBase = React22.forwardRef(({ className, asChild = false, sh
   );
 });
 SidebarMenuActionBase.displayName = "SidebarMenuActionBase";
-var SidebarMenuBadgeBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var SidebarMenuBadgeBase = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "div",
   {
     ref,
@@ -3897,11 +4097,11 @@ var SidebarMenuBadgeBase = React22.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SidebarMenuBadgeBase.displayName = "SidebarMenuBadgeBase";
-var SidebarMenuSkeletonBase = React22.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React22.useMemo(() => {
+var SidebarMenuSkeletonBase = React23.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React23.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "div",
     {
       ref,
@@ -3909,14 +4109,14 @@ var SidebarMenuSkeletonBase = React22.forwardRef(({ className, showIcon = false,
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           SkeletonBase,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           SkeletonBase,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -3931,7 +4131,7 @@ var SidebarMenuSkeletonBase = React22.forwardRef(({ className, showIcon = false,
   );
 });
 SidebarMenuSkeletonBase.displayName = "SidebarMenuSkeletonBase";
-var SidebarMenuSubBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var SidebarMenuSubBase = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "ul",
   {
     ref,
@@ -3945,11 +4145,11 @@ var SidebarMenuSubBase = React22.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 SidebarMenuSubBase.displayName = "SidebarMenuSubBase";
-var SidebarMenuSubItemBase = React22.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("li", { ref, ...props }));
+var SidebarMenuSubItemBase = React23.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("li", { ref, ...props }));
 SidebarMenuSubItemBase.displayName = "SidebarMenuSubItemBase";
-var SidebarMenuSubButtonBase = React22.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButtonBase = React23.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? import_react_slot5.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     Comp,
     {
       ref,
@@ -3971,10 +4171,10 @@ var SidebarMenuSubButtonBase = React22.forwardRef(({ asChild = false, size = "md
 SidebarMenuSubButtonBase.displayName = "SidebarMenuSubButtonBase";
 
 // src/components/ui/SliderBase.tsx
-var React23 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var SlideBase = React23.forwardRef(
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var SlideBase = React24.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -3984,7 +4184,7 @@ var SlideBase = React23.forwardRef(
     ...props
   }, ref) => {
     const isVertical = orientation === "vertical";
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
       "div",
       {
         className: cn(
@@ -3992,8 +4192,8 @@ var SlideBase = React23.forwardRef(
           isVertical ? "h-full " : "w-full"
         ),
         children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(LabelBase_default, { className: "py-2", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+          label && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(LabelBase_default, { className: "py-2", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
             "div",
             {
               className: cn(
@@ -4001,8 +4201,8 @@ var SlideBase = React23.forwardRef(
                 isVertical ? "flex-col  h-full" : "flex-row items-center w-full"
               ),
               children: [
-                leftIcon && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+                leftIcon && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
                   SliderPrimitive.Root,
                   {
                     ref,
@@ -4014,14 +4214,14 @@ var SlideBase = React23.forwardRef(
                     ),
                     ...props,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                         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__ */ (0, import_jsx_runtime34.jsx)(
+                          children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                             SliderPrimitive.Range,
                             {
                               className: cn(
@@ -4032,7 +4232,7 @@ var SlideBase = React23.forwardRef(
                           )
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                         SliderPrimitive.Thumb,
                         {
                           className: cn(
@@ -4045,7 +4245,7 @@ var SlideBase = React23.forwardRef(
                     ]
                   }
                 ),
-                rightIcon && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
+                rightIcon && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
               ]
             }
           )
@@ -4059,10 +4259,10 @@ SlideBase.displayName = "SlideBase";
 // src/components/ui/SonnerBase.tsx
 var import_react22 = require("@phosphor-icons/react");
 var import_sonner = require("sonner");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var iconBaseClass = "w-5 h-auto";
 var Toaster = ({ testId, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     import_sonner.Toaster,
     {
       className: "toaster group",
@@ -4109,33 +4309,33 @@ var Toaster = ({ testId, ...props }) => {
 };
 var toast = {
   success: (message) => import_sonner.toast.success(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react22.CheckCircleIcon, { className: `${iconBaseClass} text-green-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react22.CheckCircleIcon, { className: `${iconBaseClass} text-green-600`, weight: "fill" }),
     className: "sonner-success"
   }),
   error: (message) => import_sonner.toast.error(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react22.XCircleIcon, { className: `${iconBaseClass} text-red-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react22.XCircleIcon, { className: `${iconBaseClass} text-red-600`, weight: "fill" }),
     className: "sonner-error"
   }),
   warning: (message) => import_sonner.toast.warning(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react22.WarningIcon, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react22.WarningIcon, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" }),
     className: "sonner-WarningIcon"
   }),
   info: (message) => import_sonner.toast.info(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react22.InfoIcon, { className: `${iconBaseClass} text-blue-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react22.InfoIcon, { className: `${iconBaseClass} text-blue-600`, weight: "fill" }),
     className: "sonner-InfoIcon"
   }),
   loading: (message) => (0, import_sonner.toast)(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react22.SpinnerIcon, { className: `${iconBaseClass} animate-spin text-neutral-500`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react22.SpinnerIcon, { className: `${iconBaseClass} animate-spin text-neutral-500`, weight: "fill" }),
     className: "sonner-loading"
   })
 };
 
 // src/components/ui/SwitchBase.tsx
-var React24 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var SwitchBase = React24.forwardRef(({ className, testid: dataTestId = "switch-base", ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var SwitchBase = React25.forwardRef(({ className, testid: dataTestId = "switch-base", ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     SwitchPrimitives.Root,
     {
       ...props,
@@ -4145,7 +4345,7 @@ var SwitchBase = React24.forwardRef(({ className, testid: dataTestId = "switch-b
         className
       ),
       "data-testid": dataTestId,
-      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         SwitchPrimitives.Thumb,
         {
           className: cn(
@@ -4163,9 +4363,9 @@ var SwitchBase = React24.forwardRef(({ className, testid: dataTestId = "switch-b
 SwitchBase.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/ui/TableBase.tsx
-var React25 = __toESM(require("react"));
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var TableBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var React26 = __toESM(require("react"));
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var TableBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   "table",
   {
     ref,
@@ -4174,9 +4374,9 @@ var TableBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ) }));
 TableBase.displayName = "TableBase";
-var TableHeaderBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeaderBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeaderBase.displayName = "TableHeaderBase";
-var TableBodyBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var TableBodyBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   "tbody",
   {
     ref,
@@ -4185,7 +4385,7 @@ var TableBodyBase = React25.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableBodyBase.displayName = "TableBodyBase";
-var TableFooterBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var TableFooterBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   "tfoot",
   {
     ref,
@@ -4197,7 +4397,7 @@ var TableFooterBase = React25.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 TableFooterBase.displayName = "TableFooterBase";
-var TableRowBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var TableRowBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   "tr",
   {
     ref,
@@ -4209,7 +4409,7 @@ var TableRowBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableRowBase.displayName = "TableRowBase";
-var TableHeadBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var TableHeadBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   "th",
   {
     ref,
@@ -4221,7 +4421,7 @@ var TableHeadBase = React25.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableHeadBase.displayName = "TableHeadBase";
-var TableCellBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var TableCellBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   "td",
   {
     ref,
@@ -4233,7 +4433,7 @@ var TableCellBase = React25.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableCellBase.displayName = "TableCellBase";
-var TableCaptionBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var TableCaptionBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   "caption",
   {
     ref,
@@ -4244,11 +4444,11 @@ var TableCaptionBase = React25.forwardRef(({ className, ...props }, ref) => /* @
 TableCaptionBase.displayName = "TableCaptionBase";
 
 // src/components/ui/TabsBase.tsx
-var React26 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var TabsBase = TabsPrimitive.Root;
-var TabsListBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var TabsListBase = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
   TabsPrimitive.List,
   {
     ref,
@@ -4260,7 +4460,7 @@ var TabsListBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TabsListBase.displayName = TabsPrimitive.List.displayName;
-var TabsTriggerBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var TabsTriggerBase = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -4278,7 +4478,7 @@ var TabsTriggerBase = React26.forwardRef(({ className, ...props }, ref) => /* @_
     ...props
   }
 ));
-var TabsContentBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var TabsContentBase = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
   TabsPrimitive.Content,
   {
     ref,
@@ -4293,10 +4493,10 @@ var TabsContentBase = React26.forwardRef(({ className, ...props }, ref) => /* @_
 TabsContentBase.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/ui/TextAreaBase.tsx
-var React27 = __toESM(require("react"));
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var TextAreaBase = React27.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+var React28 = __toESM(require("react"));
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var TextAreaBase = React28.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "textarea",
     {
       className: cn(
@@ -4315,7 +4515,7 @@ var import_react24 = require("@phosphor-icons/react");
 
 // src/components/theme-provider.tsx
 var import_react23 = require("react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var initialState = {
   theme: "system",
   setTheme: () => null
@@ -4365,7 +4565,7 @@ function ThemeProviderBase({
     setThemeState(newTheme);
   };
   const value = { theme, setTheme };
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ThemeProviderContext.Provider, { ...props, value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ThemeProviderContext.Provider, { ...props, value, children });
 }
 var useTheme = () => {
   const context = (0, import_react23.useContext)(ThemeProviderContext);
@@ -4375,7 +4575,7 @@ var useTheme = () => {
 };
 
 // src/components/mode-toggle.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var themeLabels = {
   light: "Light",
   dark: "Dark",
@@ -4392,30 +4592,30 @@ function ModeToggleBase({
 }) {
   const { setTheme, theme: currentTheme } = useTheme();
   const isDark = currentTheme?.includes("dark") || currentTheme === "system" && typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches;
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(DropDownMenuBase, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(DropDownMenuBase, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
       ButtonBase,
       {
         variant: "ghost",
         size: "icon",
         className: "relative overflow-hidden border-transparent",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react24.SunIcon, { className: `h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-90 scale-0" : "rotate-0 scale-100"}` }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react24.MoonIcon, { className: `absolute h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-0 scale-100" : "rotate-90 scale-0"}` })
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react24.SunIcon, { className: `h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-90 scale-0" : "rotate-0 scale-100"}` }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react24.MoonIcon, { className: `absolute h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-0 scale-100" : "rotate-90 scale-0"}` })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "sr-only", children: "Toggle theme" })
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "sr-only", children: "Toggle theme" })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropDownMenuContentBase, { align: "end", className: "border-border bg-popover text-popover-foreground", children: themes.map((theme) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DropDownMenuContentBase, { align: "end", className: "border-border bg-popover text-popover-foreground", children: themes.map((theme) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
       DropDownMenuItemBase,
       {
         onClick: () => setTheme(theme),
         className: "flex items-center justify-between hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
         children: [
           themeLabels[theme],
-          currentTheme === theme && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react24.CheckIcon, { className: "h-4 w-4 opacity-100" })
+          currentTheme === theme && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react24.CheckIcon, { className: "h-4 w-4 opacity-100" })
         ]
       },
       theme
@@ -4427,114 +4627,96 @@ function ModeToggleBase({
 var import_date_fns = require("date-fns");
 
 // src/components/date-time-picker/calendar.tsx
-var React28 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 var import_react_day_picker2 = require("react-day-picker");
 var import_react25 = require("@phosphor-icons/react");
 var import_framer_motion6 = require("framer-motion");
-var import_jsx_runtime42 = require("react/jsx-runtime");
-var variants = {
-  enter: (direction) => ({
-    opacity: 0,
-    x: direction > 0 ? 30 : -30
-  }),
-  center: {
-    opacity: 1,
-    x: 0
-  },
-  exit: (direction) => ({
-    opacity: 0,
-    x: direction > 0 ? -30 : 30
-  })
-};
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function CalendarBase2({
   className,
   classNames,
   showOutsideDays = true,
   ...props
 }) {
-  const [month, setMonth] = React28.useState(
+  const [month, setMonth] = React29.useState(
     props.month || props.defaultMonth || /* @__PURE__ */ new Date()
   );
-  const [direction, setDirection] = React28.useState(1);
+  const [direction, setDirection] = React29.useState(1);
   const handleMonthChange = (newMonth) => {
     const isNext = newMonth > month ? 1 : -1;
     setDirection(isNext);
     setMonth(newMonth);
     props.onMonthChange?.(newMonth);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     "div",
     {
       className: cn(
-        "rounded-xl border bg-background p-3 shadow-sm overflow-hidden",
+        "rounded-2xl border bg-background p-4 shadow-lg overflow-hidden w-full h-full flex flex-col",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-        import_framer_motion6.motion.div,
+      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "relative flex-1 flex flex-col min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_framer_motion6.AnimatePresence, { initial: false, mode: "wait", custom: direction, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        "div",
         {
-          variants,
-          initial: "enter",
-          animate: "center",
-          exit: "exit",
-          custom: direction,
-          transition: { duration: 0.3, ease: "easeInOut" },
-          style: { position: "relative" },
-          children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          className: "w-full h-full flex flex-col",
+          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             import_react_day_picker2.DayPicker,
             {
               showOutsideDays,
               month,
               onMonthChange: handleMonthChange,
-              className: "w-full",
+              className: "w-full h-full min-w-0 flex flex-col",
               classNames: {
-                months: "flex items-center flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
-                month: "space-y-4",
-                caption: "flex justify-center pt-1 relative items-center",
-                caption_label: "text-sm font-medium",
+                months: "flex items-center flex-col sm:flex-row space-y-2 sm:space-x-2 sm:space-y-0 flex-1",
+                month: "space-y-2 min-w-0 flex-1 flex flex-col",
+                caption: "flex justify-center pt-1 relative items-center h-[10%] min-h-[2rem] mb-2",
+                caption_label: "text-[clamp(0.875rem,2.5vw,1.25rem)] font-semibold truncate px-10 tracking-tight",
                 nav: "space-x-1 flex items-center",
                 nav_button: cn(
                   buttonVariantsBase({ variant: "outline" }),
-                  "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+                  "h-8 w-8 bg-background p-0 opacity-60 hover:opacity-100 hover:bg-muted flex-shrink-0 touch-manipulation transition-all duration-200 ease-out hover:scale-105 active:scale-95",
+                  "[@media(min-width:400px)]:h-9 [@media(min-width:400px)]:w-9"
                 ),
-                nav_button_previous: "absolute left-1",
-                nav_button_next: "absolute right-1",
-                table: "w-full border-collapse space-y-1",
-                head_row: "flex",
-                head_cell: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
-                row: "flex w-full mt-2",
+                nav_button_previous: "absolute left-0",
+                nav_button_next: "absolute right-0",
+                table: "w-full border-collapse min-w-0 flex-1 flex flex-col",
+                head_row: "flex w-full gap-1 mb-1",
+                head_cell: "text-muted-foreground rounded-md flex-1 min-w-0 font-semibold text-[clamp(0.625rem,1.5vw,0.75rem)] text-center pb-1 uppercase tracking-wider",
+                row: "flex w-full flex-1 gap-1",
                 cell: cn(
-                  "h-9 w-9 text-center text-sm p-0 relative",
-                  "[&:has([aria-selected].day-range-end)]:rounded-r-md",
-                  "[&:has([aria-selected].day-range-start)]:rounded-l-md",
+                  "flex-1 min-w-0 aspect-square text-center p-0 relative",
+                  "[&:has([aria-selected].day-range-end)]:rounded-r-lg",
+                  "[&:has([aria-selected].day-range-start)]:rounded-l-lg",
                   "[&:has([aria-selected].day-outside)]:bg-muted/50",
                   "[&:has([aria-selected])]:bg-muted",
-                  "first:[&:has([aria-selected])]:rounded-l-md",
-                  "last:[&:has([aria-selected])]:rounded-r-md",
+                  "first:[&:has([aria-selected])]:rounded-l-lg",
+                  "last:[&:has([aria-selected])]:rounded-r-lg",
                   "focus-within:relative focus-within:z-20"
                 ),
                 day: cn(
                   buttonVariantsBase({ variant: "ghost" }),
-                  "h-9 w-9 p-0 font-normal rounded-md",
-                  "aria-selected:opacity-100 hover:bg-muted"
+                  "w-full h-full p-0 rounded-lg",
+                  "aria-selected:opacity-100 hover:bg-muted text-[clamp(0.75rem,2vw,1rem)] flex items-center justify-center",
+                  "touch-manipulation transition-all duration-200 ease-out hover:scale-105 active:scale-95"
                 ),
-                day_selected: "bg-primary text-primary-foreground hover:bg-primary/90 focus:bg-primary/90",
-                day_today: "bg-muted text-foreground dark:bg-muted dark:text-foreground",
-                day_outside: "day-outside text-gray-500 opacity-50 aria-selected:bg-muted/50 aria-selected:text-black",
-                day_disabled: "text-gray-500",
+                day_selected: "bg-primary text-primary-foreground hover:bg-primary/90 focus:bg-primary/90 font-semibold",
+                day_today: "bg-muted text-foreground font-bold ring-2 ring-primary/30 ring-inset",
+                day_outside: "day-outside text-muted-foreground/40 opacity-40 aria-selected:bg-muted/50 aria-selected:text-foreground",
+                day_disabled: "text-muted-foreground/30 opacity-40 cursor-not-allowed",
                 day_range_middle: "aria-selected:bg-muted aria-selected:text-foreground",
                 day_hidden: "invisible",
                 ...classNames
               },
               components: {
-                IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react25.CaretLeftIcon, { className: "h-4 w-4" }),
-                IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react25.CaretRightIcon, { className: "h-4 w-4" })
+                IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react25.CaretLeftIcon, { className: "h-4 w-4" }),
+                IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react25.CaretRightIcon, { className: "h-4 w-4" })
               },
               ...props
             }
           )
         },
         month.toISOString()
-      )
+      ) }) })
     }
   );
 }
@@ -4545,11 +4727,12 @@ var import_locale = require("date-fns/locale");
 var import_react28 = require("react");
 
 // src/components/date-time-picker/TimePicker.tsx
-var import_react27 = require("@phosphor-icons/react");
-var React30 = __toESM(require("react"));
+var import_framer_motion7 = require("framer-motion");
+var React31 = __toESM(require("react"));
 
 // src/components/date-time-picker/TimePickerInput.tsx
-var import_react26 = __toESM(require("react"));
+var import_react26 = require("@phosphor-icons/react");
+var import_react27 = __toESM(require("react"));
 
 // src/components/date-time-picker/time-picker-utils.ts
 function isValidHour(value) {
@@ -4691,8 +4874,8 @@ function display12HourValue(hours) {
 }
 
 // src/components/date-time-picker/TimePickerInput.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var TimePickerInput = import_react26.default.forwardRef(
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var TimePickerInput = import_react27.default.forwardRef(
   ({
     className,
     type = "tel",
@@ -4707,11 +4890,14 @@ var TimePickerInput = import_react26.default.forwardRef(
     period,
     onLeftFocus,
     onRightFocus,
+    showArrows = true,
+    label,
     ...props
   }, ref) => {
-    const [flag, setFlag] = import_react26.default.useState(false);
-    const [prevIntKey, setPrevIntKey] = import_react26.default.useState("0");
-    import_react26.default.useEffect(() => {
+    const [flag, setFlag] = import_react27.default.useState(false);
+    const [prevIntKey, setPrevIntKey] = import_react27.default.useState("0");
+    const [isFocused, setIsFocused] = import_react27.default.useState(false);
+    import_react27.default.useEffect(() => {
       if (flag) {
         const timer = setTimeout(() => {
           setFlag(false);
@@ -4719,7 +4905,7 @@ var TimePickerInput = import_react26.default.forwardRef(
         return () => clearTimeout(timer);
       }
     }, [flag]);
-    const calculatedValue = import_react26.default.useMemo(() => {
+    const calculatedValue = import_react27.default.useMemo(() => {
       return getDateByType(date, picker);
     }, [date, picker]);
     const calculateNewValue = (key) => {
@@ -4729,6 +4915,13 @@ var TimePickerInput = import_react26.default.forwardRef(
       }
       return !flag ? "0" + key : calculatedValue.slice(1, 2) + key;
     };
+    const handleArrowClick = (direction) => {
+      const step = direction === "up" ? 1 : -1;
+      const newValue = getArrowByType(calculatedValue, step, picker);
+      if (flag) setFlag(false);
+      const tempDate = new Date(date);
+      setDate(setDateByType(tempDate, newValue, picker, period));
+    };
     const handleKeyDown = (e) => {
       if (e.key === "Tab") return;
       e.preventDefault();
@@ -4750,173 +4943,399 @@ var TimePickerInput = import_react26.default.forwardRef(
         setDate(setDateByType(tempDate, newValue, picker, period));
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-      InputBase,
-      {
-        ref,
-        id: id || picker,
-        name: name || picker,
-        className: cn(
-          "focus:bg-accent focus:text-accent-foreground w-[48px] text-center font-mono text-base tabular-nums caret-transparent [&::-webkit-inner-spin-button]:appearance-none",
-          className
-        ),
-        value: value || calculatedValue,
-        onChange: (e) => {
-          e.preventDefault();
-          onChange?.(e);
-        },
-        type,
-        inputMode: "decimal",
-        onKeyDown: (e) => {
-          onKeyDown?.(e);
-          handleKeyDown(e);
-        },
-        ...props
+    const getPickerLabel = () => {
+      if (label) return label;
+      switch (picker) {
+        case "hours":
+        case "12hours":
+          return "Horas";
+        case "minutes":
+          return "Minutos";
+        case "seconds":
+          return "Segundos";
+        default:
+          return "";
       }
-    );
-  }
-);
-TimePickerInput.displayName = "TimePickerInput";
-
-// src/components/date-time-picker/TimePicker.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
-function TimePicker({ date, setDate, hideSeconds }) {
-  const minuteRef = React30.useRef(null);
-  const hourRef = React30.useRef(null);
-  const secondRef = React30.useRef(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-end gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "grid gap-1 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(LabelBase_default, { htmlFor: "hours", className: "text-xs", children: "Horas" }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-        TimePickerInput,
+    };
+    const getAriaLabel = () => {
+      const baseLabel = getPickerLabel();
+      return `${baseLabel}, valor atual: ${calculatedValue}.`;
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "relative group flex flex-col items-center", children: [
+      getPickerLabel() && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        "label",
         {
-          picker: "hours",
-          date,
-          setDate,
-          ref: hourRef,
-          onRightFocus: () => minuteRef.current?.focus()
+          htmlFor: id || picker,
+          className: "text-xs sm:text-sm font-medium text-muted-foreground mb-1 sm:mb-2 select-none",
+          children: getPickerLabel()
         }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "grid gap-1 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(LabelBase_default, { htmlFor: "minutes", className: "text-xs", children: "Minutos" }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-        TimePickerInput,
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+        "div",
         {
-          picker: "minutes",
-          date,
-          setDate,
-          ref: minuteRef,
-          onLeftFocus: () => hourRef.current?.focus(),
-          onRightFocus: () => secondRef.current?.focus()
+          className: cn(
+            "relative flex flex-col items-center",
+            "transition-all duration-200"
+          ),
+          children: [
+            showArrows && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: () => handleArrowClick("up"),
+                className: cn(
+                  "flex items-center justify-center w-10 sm:w-12 h-5 sm:h-6 mb-1",
+                  "rounded-t",
+                  "bg-background hover:bg-accent active:bg-accent/80 transition-colors",
+                  "text-muted-foreground hover:text-foreground",
+                  "focus:outline-none focus:ring-1 focus:ring-ring",
+                  "touch-manipulation",
+                  isFocused && "border-ring"
+                ),
+                tabIndex: -1,
+                "aria-label": `Incrementar ${getPickerLabel().toLowerCase()}`,
+                children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react26.CaretUpIcon, { size: 14, className: "sm:w-4 sm:h-4" })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                "input",
+                {
+                  ref,
+                  id: id || picker,
+                  name: name || picker,
+                  className: cn(
+                    "w-16 sm:w-20 h-10 sm:h-12 text-center font-mono text-lg sm:text-xl font-semibold",
+                    "border-2 rounded-lg",
+                    "bg-background text-foreground",
+                    "transition-all duration-200",
+                    "focus:outline-none focus:ring-2 focus:ring-ring focus:border-ring",
+                    "selection:bg-primary selection:text-primary-foreground",
+                    "touch-manipulation",
+                    showArrows && "rounded-lg",
+                    isFocused && "ring-2 ring-ring border-ring shadow-md",
+                    className
+                  ),
+                  value: value || calculatedValue,
+                  onChange: (e) => {
+                    e.preventDefault();
+                    onChange?.(e);
+                  },
+                  onFocus: (e) => {
+                    setIsFocused(true);
+                    props.onFocus?.(e);
+                    e.target.select();
+                  },
+                  onBlur: (e) => {
+                    setIsFocused(false);
+                    props.onBlur?.(e);
+                  },
+                  type,
+                  inputMode: "decimal",
+                  onKeyDown: (e) => {
+                    onKeyDown?.(e);
+                    handleKeyDown(e);
+                  },
+                  "aria-label": getAriaLabel(),
+                  "aria-describedby": `${id || picker}-help`,
+                  autoComplete: "off",
+                  spellCheck: false,
+                  ...props
+                }
+              ),
+              isFocused && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "absolute inset-0 rounded-lg ring-2 ring-primary/20 pointer-events-none animate-pulse" })
+            ] }),
+            showArrows && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: () => handleArrowClick("down"),
+                className: cn(
+                  "flex items-center justify-center w-10 sm:w-12 h-5 sm:h-6 mt-1",
+                  "rounded-b",
+                  "bg-background hover:bg-accent active:bg-accent/80 transition-colors",
+                  "text-muted-foreground hover:text-foreground",
+                  "focus:outline-none focus:ring-1 focus:ring-ring",
+                  "touch-manipulation",
+                  isFocused && "border-ring"
+                ),
+                tabIndex: -1,
+                "aria-label": `Decrementar ${getPickerLabel().toLowerCase()}`,
+                children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react26.CaretDownIcon, { size: 14, className: "sm:w-4 sm:h-4" })
+              }
+            )
+          ]
         }
       )
-    ] }),
-    !hideSeconds && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "grid gap-1 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(LabelBase_default, { htmlFor: "seconds", className: "text-xs", children: "Segundos" }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-        TimePickerInput,
-        {
-          picker: "seconds",
-          date,
-          setDate,
-          ref: secondRef,
-          onLeftFocus: () => minuteRef.current?.focus()
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex h-10 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react27.ClockIcon, { className: "ml-2 h-4 w-4" }) })
-  ] });
+    ] });
+  }
+);
+TimePickerInput.displayName = "TimePickerInput";
+
+// src/components/date-time-picker/TimePicker.tsx
+var import_jsx_runtime45 = require("react/jsx-runtime");
+function TimePicker({
+  date,
+  setDate,
+  hideSeconds,
+  enableButton
+}) {
+  const minuteRef = React31.useRef(null);
+  const hourRef = React31.useRef(null);
+  const secondRef = React31.useRef(null);
+  const containerVariants = {
+    hidden: { opacity: 0, y: 10 },
+    visible: {
+      opacity: 1,
+      y: 0,
+      transition: {
+        duration: 0.3,
+        staggerChildren: 0.1
+      }
+    }
+  };
+  const itemVariants2 = {
+    hidden: { opacity: 0, y: 10 },
+    visible: { opacity: 1, y: 0 }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+    import_framer_motion7.motion.div,
+    {
+      variants: containerVariants,
+      initial: "hidden",
+      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__ */ (0, import_jsx_runtime45.jsx)(
+          import_framer_motion7.motion.div,
+          {
+            variants: itemVariants2,
+            className: "grid gap-1 sm:gap-2 text-center flex-shrink-0 min-w-0",
+            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              TimePickerInput,
+              {
+                picker: "hours",
+                date,
+                setDate,
+                ref: hourRef,
+                onRightFocus: () => minuteRef.current?.focus(),
+                enableButton
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          import_framer_motion7.motion.div,
+          {
+            variants: itemVariants2,
+            className: "grid gap-1 sm:gap-2 text-center flex-shrink-0 min-w-0",
+            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              TimePickerInput,
+              {
+                picker: "minutes",
+                date,
+                setDate,
+                ref: minuteRef,
+                onLeftFocus: () => hourRef.current?.focus(),
+                onRightFocus: () => secondRef.current?.focus(),
+                enableButton
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_framer_motion7.AnimatePresence, { children: !hideSeconds && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          import_framer_motion7.motion.div,
+          {
+            variants: itemVariants2,
+            initial: "hidden",
+            animate: "visible",
+            exit: "hidden",
+            className: "grid gap-1 sm:gap-2 text-center flex-shrink-0 min-w-0",
+            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              TimePickerInput,
+              {
+                picker: "seconds",
+                date,
+                setDate,
+                ref: secondRef,
+                onLeftFocus: () => minuteRef.current?.focus(),
+                enableButton
+              }
+            )
+          }
+        ) }) })
+      ]
+    }
+  );
 }
 
 // src/components/date-time-picker/DateTimePicker.tsx
 var import_react29 = require("@phosphor-icons/react");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function DateTimePicker({
   label,
   date,
   onChange,
   hideSeconds,
+  hideHour,
+  hideMinute,
   fromDate,
   toDate,
   disabled,
-  dialogTitle
+  className
 }) {
   const [internalDate, setInternalDate] = (0, import_react28.useState)(date);
+  const [open, setOpen] = (0, import_react28.useState)(false);
+  const [timePickerOpen, setTimePickerOpen] = (0, import_react28.useState)(false);
   const handleSelect = (newDay) => {
     if (!newDay) return;
     if (!internalDate) {
       setInternalDate(newDay);
+      onChange(newDay);
       return;
     }
     const diff = newDay.getTime() - internalDate.getTime();
     const diffInDays = diff / (1e3 * 60 * 60 * 24);
     const newDateFull = (0, import_date_fns.add)(internalDate, { days: Math.ceil(diffInDays) });
     setInternalDate(newDateFull);
+    onChange(newDateFull);
+  };
+  const handleTimeChange = (newDate) => {
+    setInternalDate(newDate);
+    onChange(newDate);
+  };
+  const getTimeFormat = () => {
+    if (hideHour && hideMinute) return "";
+    if (hideHour) return hideSeconds ? "mm" : "mm:ss";
+    if (hideMinute) return hideSeconds ? "HH" : "HH':00'";
+    return hideSeconds ? "HH:mm" : "HH:mm:ss";
+  };
+  const getDisplayFormat = () => {
+    const timeFormat = getTimeFormat();
+    if (!timeFormat) return "PPP";
+    return `PPP - ${timeFormat}`;
   };
-  const [open, setOpen] = (0, import_react28.useState)(false);
   (0, import_react28.useEffect)(() => {
     if (date) {
       setInternalDate(date);
     }
   }, [date, open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(LabelBase_default, { className: "mb-[-1rem] pl-2", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(DialogBase, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DialogTriggerBase, { disabled, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn("space-y-2 w-full sm:w-auto", className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(LabelBase_default, { children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(PopoverBase, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(PopoverTriggerBase, { disabled, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
         ButtonBase,
         {
-          variant: "default",
+          variant: "outline",
           size: "lg",
           className: cn(
-            "w-full justify-start text-left font-normal text-zinc-950",
+            "w-full justify-start text-left min-w-0 overflow-hidden",
+            "min-h-[44px] sm:min-h-[48px] px-3 sm:px-4",
+            "text-sm sm:text-base",
             !date && "text-muted-foreground"
           ),
           children: [
-            date ? (0, import_date_fns.format)(date, "PPP - HH:mm", { locale: import_locale.ptBR }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-zinc-400", children: "Pick a date" }),
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react29.CalendarIcon, { className: "ml-auto text-gray-500", size: 24 })
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "truncate flex-1", children: date ? (0, import_date_fns.format)(date, getDisplayFormat(), { locale: import_locale.ptBR }) : "Pick a date" }),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react29.CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
           ]
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(DialogContentBase, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DialogHeaderBase, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DialogTitleBase, { className: "text-xl font-semibold", children: dialogTitle ?? "Selecione a data" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-          CalendarBase2,
-          {
-            mode: "single",
-            locale: import_locale.ptBR,
-            selected: internalDate,
-            onSelect: (d) => handleSelect(d),
-            initialFocus: true,
-            fromDate,
-            toDate
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "border-border flex justify-center border-t p-3", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-          TimePicker,
-          {
-            setDate: setInternalDate,
-            date: internalDate,
-            hideSeconds
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-          ButtonBase,
-          {
-            onClick: () => {
-              onChange(internalDate);
-              setOpen(false);
-            },
-            children: "Salvar"
-          }
-        )
-      ] })
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        PopoverContentBase,
+        {
+          className: "w-full p-0",
+          align: "center",
+          sideOffset: 4,
+          side: "bottom",
+          avoidCollisions: true,
+          collisionPadding: 8,
+          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("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__ */ (0, import_jsx_runtime46.jsx)(
+              CalendarBase2,
+              {
+                mode: "single",
+                locale: import_locale.ptBR,
+                selected: internalDate,
+                onSelect: (d) => handleSelect(d),
+                initialFocus: true,
+                fromDate,
+                toDate,
+                className: "w-full"
+              }
+            ),
+            !(hideHour && hideMinute) && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex justify-center w-full px-2", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+              PopoverBase,
+              {
+                open: timePickerOpen,
+                onOpenChange: setTimePickerOpen,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+                    ButtonBase,
+                    {
+                      variant: "outline",
+                      size: "default",
+                      className: cn(
+                        "flex items-center justify-center gap-1.5 sm:gap-2",
+                        "px-2 sm:px-3 py-1.5 sm:py-2",
+                        "text-sm sm:text-base font-semibold w-full max-w-xs",
+                        "border-2 border-primary/20 rounded-lg",
+                        "bg-primary/5 hover:bg-primary/10 hover:border-primary/30",
+                        "transition-all duration-200",
+                        "shadow-sm hover:shadow-md active:scale-[0.98]",
+                        "min-h-[36px] sm:min-h-[40px]"
+                      ),
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react29.ClockIcon, { className: "text-primary/70 flex-shrink-0 w-4 h-4 sm:w-5 sm:h-5" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-foreground truncate", children: internalDate ? (0, import_date_fns.format)(internalDate, getTimeFormat() || "HH:mm", {
+                          locale: import_locale.ptBR
+                        }) : "00:00" })
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                    PopoverContentBase,
+                    {
+                      className: "w-[calc(100vw-2rem)] max-w-sm p-3 sm:p-3 rounded-md",
+                      align: "center",
+                      side: "top",
+                      sideOffset: 8,
+                      avoidCollisions: true,
+                      collisionPadding: 8,
+                      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col items-center space-y-2 sm:space-y-3", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("h4", { className: "text-sm sm:text-base font-medium text-center", children: "Alterar Hor\xE1rio" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                          TimePicker,
+                          {
+                            setDate: handleTimeChange,
+                            date: internalDate,
+                            hideSeconds
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                          ButtonBase,
+                          {
+                            size: "sm",
+                            variant: "destructive",
+                            onClick: () => setTimePickerOpen(false),
+                            className: "w-full text-xs sm:text-sm min-h-[36px] sm:min-h-[40px]",
+                            children: "Fechar"
+                          }
+                        )
+                      ] })
+                    }
+                  )
+                ]
+              }
+            ) })
+          ] })
+        }
+      )
     ] })
   ] });
 }
 
 // src/components/selects/Select.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function Select({
   items,
   groupItems,
@@ -4925,9 +5344,9 @@ function Select({
   errorMessage,
   testIds = {}
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { "data-testid": testIds.root ?? "select-root", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(SelectBase, { onValueChange: onChange, "data-testid": testIds.base ?? "select-base", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { "data-testid": testIds.root ?? "select-root", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(SelectBase, { onValueChange: onChange, "data-testid": testIds.base ?? "select-base", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
         SelectTriggerBase,
         {
           className: cn(
@@ -4935,7 +5354,7 @@ function Select({
             errorMessage && "border-red-500"
           ),
           "data-testid": testIds.trigger ?? "select-trigger",
-          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             SelectValueBase,
             {
               placeholder,
@@ -4944,9 +5363,9 @@ function Select({
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectContentBase, { "data-testid": testIds.content ?? "select-content", children: groupItems ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectLabelBase, { "data-testid": testIds.label ?? "select-label", children: key }),
-        groupItems[key].map((item) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectContentBase, { "data-testid": testIds.content ?? "select-content", children: groupItems ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectLabelBase, { "data-testid": testIds.label ?? "select-label", children: key }),
+        groupItems[key].map((item) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           SelectItemBase,
           {
             value: item.value,
@@ -4955,7 +5374,7 @@ function Select({
           },
           item.value
         ))
-      ] }, key)) }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      ] }, key)) }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
         SelectItemBase,
         {
           value: item.value,
@@ -4965,7 +5384,7 @@ function Select({
         item.value
       )) }) }) })
     ] }),
-    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       "p",
       {
         className: "text-sm text-red-500",
@@ -4977,9 +5396,9 @@ function Select({
 }
 
 // src/components/ui/DestructiveDialog.tsx
-var React31 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 var import_react30 = require("@phosphor-icons/react");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var DestructiveDialog = ({
   title,
   description,
@@ -4990,10 +5409,10 @@ var DestructiveDialog = ({
 }) => {
   const titleId = "destructive-dialog-title";
   const descriptionId = "destructive-dialog-description";
-  const triggerEl = React31.isValidElement(children) ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AlertDialogTriggerBase, { asChild: true, children }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AlertDialogTriggerBase, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ButtonBase, { variant: "destructive", children: triggerContent ?? "Excluir" }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(AlertDialogBase, { children: [
+  const triggerEl = React32.isValidElement(children) ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(AlertDialogTriggerBase, { asChild: true, children }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(AlertDialogTriggerBase, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ButtonBase, { variant: "destructive", children: triggerContent ?? "Excluir" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(AlertDialogBase, { children: [
     triggerEl,
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       AlertDialogContentBase,
       {
         role: "alertdialog",
@@ -5002,10 +5421,10 @@ var DestructiveDialog = ({
         "aria-describedby": descriptionId,
         className: cn("border border-destructive bg-background"),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-start gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex items-center justify-center w-10 h-10 rounded-full ring-1 ring-destructive/30", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react30.XCircleIcon, { className: "w-6 h-6 text-destructive" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-start gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex items-center justify-center w-10 h-10 rounded-full ring-1 ring-destructive/30", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react30.XCircleIcon, { className: "w-6 h-6 text-destructive" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                 AlertDialogTitleBase,
                 {
                   id: titleId,
@@ -5013,7 +5432,7 @@ var DestructiveDialog = ({
                   children: title
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                 AlertDialogDescriptionBase,
                 {
                   id: descriptionId,
@@ -5023,8 +5442,8 @@ var DestructiveDialog = ({
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(AlertDialogFooterBase, { className: "mt-2 flex justify-end gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(AlertDialogFooterBase, { className: "mt-2 flex justify-end gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
               AlertDialogCancelBase,
               {
                 onClick: onCancel,
@@ -5035,7 +5454,7 @@ var DestructiveDialog = ({
                 children: "Cancelar"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
               AlertDialogActionBase,
               {
                 onClick: onConfirm,
@@ -5051,3 +5470,1458 @@ var DestructiveDialog = ({
     )
   ] });
 };
+
+// src/components/charts/components/controls/PeriodsDropdown.tsx
+var import_react31 = require("react");
+var import_framer_motion8 = require("framer-motion");
+var import_ssr = require("@phosphor-icons/react/dist/ssr");
+var import_ssr2 = require("@phosphor-icons/react/dist/ssr");
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var menuVariants = {
+  hidden: { opacity: 0, y: -6, scale: 0.98 },
+  visible: { opacity: 1, y: 0, scale: 1 },
+  exit: { opacity: 0, y: -6, scale: 0.98 }
+};
+var itemVariants = {
+  hidden: { opacity: 0, x: -6 },
+  visible: { opacity: 1, x: 0 }
+};
+function PeriodsDropdown({
+  processedData,
+  onOpenPeriod,
+  rightOffset,
+  topOffset,
+  activePeriod,
+  activePeriods
+}) {
+  const periods = processedData.map((d) => String(d.name));
+  const [open, setOpen] = (0, import_react31.useState)(false);
+  const wrapperRef = (0, import_react31.useRef)(null);
+  const firstItemRef = (0, import_react31.useRef)(null);
+  const listRef = (0, import_react31.useRef)(null);
+  (0, import_react31.useEffect)(() => {
+    const handleClickOutside = (e) => {
+      if (!wrapperRef.current) return;
+      if (!wrapperRef.current.contains(e.target)) setOpen(false);
+    };
+    const handleEscape = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    document.addEventListener("keydown", handleEscape);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, []);
+  (0, import_react31.useEffect)(() => {
+    if (open && firstItemRef.current) {
+      firstItemRef.current.focus();
+    }
+  }, [open]);
+  function handleSelect(p) {
+    onOpenPeriod(p);
+    setOpen(false);
+  }
+  const containerStyle = typeof rightOffset === "number" ? { position: "relative", zIndex: 30 } : { position: "relative", zIndex: 30 };
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { ref: wrapperRef, style: containerStyle, className: "mr-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+      "button",
+      {
+        className: "relative p-2.5 rounded-md hover:bg-accent/10 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-accent/50 transition flex items-center justify-center",
+        "aria-expanded": open,
+        "aria-haspopup": "menu",
+        "aria-controls": "periods-menu",
+        onClick: () => setOpen((v) => !v),
+        onKeyDown: (e) => {
+          if (e.key === "ArrowDown") setOpen(true);
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            setOpen((v) => !v);
+          }
+        },
+        title: open ? "Fechar lista de per\xEDodos" : "Abrir lista de per\xEDodos",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_ssr.DotsThreeIcon, { size: 18 }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "sr-only", children: open ? "Fechar per\xEDodos" : "Abrir per\xEDodos" }),
+          periods.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "absolute -top-1 -right-1 bg-accent text-foreground text-xs rounded-full w-5 h-5 flex items-center justify-center ring-1 ring-border", children: periods.length })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_framer_motion8.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+      import_framer_motion8.motion.div,
+      {
+        initial: "hidden",
+        animate: "visible",
+        exit: "exit",
+        variants: menuVariants,
+        transition: { type: "spring", stiffness: 500, damping: 30 },
+        className: "bg-card border border-border rounded-lg shadow-lg overflow-hidden ring-1 ring-black/5",
+        style: {
+          minWidth: 200,
+          maxHeight: 260,
+          overflow: "hidden",
+          position: "absolute",
+          top: typeof topOffset === "number" ? topOffset : "calc(100% + 6px)",
+          right: typeof rightOffset === "number" ? rightOffset : 0
+        },
+        role: "menu",
+        "aria-orientation": "vertical",
+        id: "periods-menu",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "px-3 py-2 text-sm font-medium text-muted-foreground", children: "Per\xEDodos" }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "h-px bg-border" }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+            "div",
+            {
+              ref: listRef,
+              className: "flex flex-col p-2 gap-1",
+              style: { maxHeight: 200, overflowY: "auto" },
+              children: periods.map((p, idx) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+                import_framer_motion8.motion.button,
+                {
+                  className: "flex items-center justify-between w-full text-left px-3 py-2.5 rounded focus:outline-none transition-colors " + (activePeriods && activePeriods.includes(p) || p === activePeriod ? "bg-accent/10 font-medium" : "hover:bg-accent/15 focus-visible:ring-2 focus-visible:ring-accent/30"),
+                  variants: itemVariants,
+                  initial: "hidden",
+                  animate: "visible",
+                  whileTap: { scale: 0.98 },
+                  onClick: () => handleSelect(p),
+                  ref: idx === 0 ? firstItemRef : void 0,
+                  role: "menuitem",
+                  "aria-checked": activePeriods && activePeriods.includes(p) || p === activePeriod,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "truncate", children: p }),
+                    (activePeriods && activePeriods.includes(p) || p === activePeriod) && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "ml-2 text-primary flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_ssr2.Check, { size: 16, weight: "bold" }) })
+                  ]
+                },
+                p
+              ))
+            }
+          )
+        ]
+      }
+    ) })
+  ] });
+}
+var PeriodsDropdown_default = PeriodsDropdown;
+
+// src/components/charts/components/controls/ShowOnly.tsx
+var import_framer_motion9 = require("framer-motion");
+var import_react32 = require("@phosphor-icons/react");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var ShowOnly = ({
+  showOnlyHighlighted,
+  setShowOnlyHighlighted,
+  highlightedSeriesSize
+}) => {
+  const hasHighlights = highlightedSeriesSize > 0;
+  if (!hasHighlights) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "ml-auto flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    import_framer_motion9.motion.div,
+    {
+      whileTap: { scale: hasHighlights ? 0.985 : 1 },
+      whileHover: { y: hasHighlights ? -2 : 0 },
+      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        ButtonBase,
+        {
+          variant: "secondary",
+          onClick: () => hasHighlights && setShowOnlyHighlighted((v) => !v),
+          "aria-pressed": showOnlyHighlighted,
+          "aria-label": showOnlyHighlighted ? "Exibir todos" : "Mostrar somente destacados",
+          title: showOnlyHighlighted ? "Exibir todos" : "Mostrar somente destacados",
+          disabled: !hasHighlights,
+          className: cn(
+            "flex items-center justify-center gap-2 text-sm h-8 min-w-[2rem] px-2.5 rounded-md transition-shadow",
+            "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary/60",
+            !hasHighlights ? "opacity-60 cursor-not-allowed pointer-events-none" : showOnlyHighlighted ? "bg-primary/10 text-primary shadow-sm border border-primary/20" : "bg-transparent text-muted-foreground border border-transparent hover:bg-muted/10 hover:text-foreground"
+          ),
+          children: showOnlyHighlighted ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react32.EyeSlash, { size: 16, weight: "regular" }),
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "sr-only", children: "Exibir todos" })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react32.Eye, { size: 16, weight: "bold" }),
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "sr-only", children: "Mostrar somente destacados" })
+          ] })
+        }
+      )
+    }
+  ) });
+};
+var ShowOnly_default = ShowOnly;
+
+// src/components/charts/components/controls/Highlights.tsx
+var import_framer_motion10 = require("framer-motion");
+var import_ssr3 = require("@phosphor-icons/react/dist/ssr");
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var Highlights = ({
+  allKeys,
+  mapperConfig,
+  finalColors,
+  highlightedSeries,
+  toggleHighlight,
+  containerWidth
+}) => {
+  const count = allKeys.length || 1;
+  const available = containerWidth && containerWidth > 0 ? containerWidth : 600;
+  const perPill = Math.floor(available / count);
+  const showFullLabel = perPill >= 96;
+  const showShortLabel = perPill >= 64;
+  const containerVariants = {
+    hidden: { opacity: 0 },
+    visible: { opacity: 1, transition: { staggerChildren: 0.03 } }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    import_framer_motion10.motion.div,
+    {
+      className: "flex-1 flex items-center gap-2 flex-wrap",
+      initial: "hidden",
+      animate: "visible",
+      variants: containerVariants,
+      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_framer_motion10.AnimatePresence, { initial: false, mode: "popLayout", children: allKeys.map((k) => {
+        const isHighlighted = highlightedSeries.has(k);
+        const label = mapperConfig[k]?.label ?? k;
+        const color = finalColors[k];
+        const pillClasses = cn(
+          "inline-flex items-center gap-2 px-3 py-1 rounded-full text-sm border transition-all select-none relative overflow-hidden",
+          isHighlighted ? "pr-8" : "",
+          isHighlighted ? "bg-card/95 border-2 text-foreground shadow-[0_6px_18px_rgba(0,0,0,0.12)]" : "bg-muted/10 border-border text-muted-foreground hover:bg-muted/5"
+        );
+        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          import_framer_motion10.motion.div,
+          {
+            layout: true,
+            initial: "hidden",
+            animate: "visible",
+            exit: "exit",
+            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              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__ */ (0, import_jsx_runtime51.jsxs)(
+                  import_framer_motion10.motion.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__ */ (0, import_jsx_runtime51.jsx)(
+                        import_framer_motion10.motion.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__ */ (0, import_jsx_runtime51.jsx)(import_framer_motion10.motion.span, { className: "truncate max-w-[10rem] pr-2", layout: true, children: label }) : showShortLabel ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                        import_framer_motion10.motion.span,
+                        {
+                          className: "truncate max-w-[6rem] text-xs pr-2",
+                          layout: true,
+                          children: label
+                        }
+                      ) : null,
+                      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                        import_framer_motion10.motion.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__ */ (0, import_jsx_runtime51.jsx)(import_ssr3.CheckIcon, {})
+                        }
+                      )
+                    ]
+                  }
+                )
+              }
+            )
+          },
+          `pill-${k}`
+        );
+      }) })
+    }
+  );
+};
+var Highlights_default = Highlights;
+
+// src/components/charts/components/controls/CloseAllButton.tsx
+var import_ssr4 = require("@phosphor-icons/react/dist/ssr");
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var CloseAllButton = ({
+  count,
+  onCloseAll,
+  position = "top-center",
+  variant = "floating"
+}) => {
+  if (count <= 1) return null;
+  const getPositionClasses = () => {
+    if (variant === "inline") return "";
+    switch (position) {
+      case "top-left":
+        return "fixed top-6 left-6 z-50";
+      case "top-right":
+        return "fixed top-6 right-6 z-50";
+      case "top-center":
+        return "fixed top-6 left-1/2 transform -translate-x-1/2 z-50";
+      default:
+        return "fixed top-6 left-1/2 transform -translate-x-1/2 z-50";
+    }
+  };
+  const getVariantClasses = () => {
+    if (variant === "inline") {
+      return "text-xs px-2 py-1 h-auto bg-card border border-border shadow-sm hover:bg-accent";
+    }
+    return `
+      rounded-full px-4 py-2.5
+      text-white font-semibold text-sm
+      transition-all duration-200 ease-in-out
+      hover:scale-105 active:scale-95 hover:shadow-2xl
+      flex items-center gap-2.5
+      group
+      min-w-max
+    `;
+  };
+  if (variant === "inline") {
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "absolute top-4 right-4 z-30", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+      ButtonBase,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: onCloseAll,
+        className: getVariantClasses(),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_ssr4.XIcon, { size: 12, className: "mr-1" }),
+          "Fechar Todos"
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    "div",
+    {
+      className: `${getPositionClasses()} animate-in fade-in slide-in-from-top-2 duration-300`,
+      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+        ButtonBase,
+        {
+          onClick: onCloseAll,
+          size: "sm",
+          className: `bg-red-600 hover:bg-red-700${getVariantClasses()}`,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+              import_ssr4.XIcon,
+              {
+                size: 18,
+                className: "\n              group-hover:rotate-90 transition-all duration-300 ease-out\n              drop-shadow-sm\n            "
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "min-w-0 tracking-wide", children: "Fechar Todos" }),
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "mb-1 mx-2", children: count })
+          ]
+        }
+      ) })
+    }
+  );
+};
+var CloseAllButton_default = CloseAllButton;
+
+// src/components/charts/components/tooltips/DraggableTooltip.tsx
+var import_react33 = __toESM(require("react"));
+var import_framer_motion11 = require("framer-motion");
+var import_react34 = require("@phosphor-icons/react");
+var import_ssr5 = require("@phosphor-icons/react/dist/ssr");
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var ALIGNMENT_THRESHOLD = 25;
+var GUIDE_THRESHOLD = 60;
+var STRONG_SNAP_THRESHOLD = 35;
+var PRECISION_SNAP_THRESHOLD = 8;
+var TOOLTIP_DIMENSIONS = { width: 224, height: 120 };
+var tooltipVariants = {
+  hidden: {
+    opacity: 0,
+    scale: 0.96,
+    transition: { type: "spring", stiffness: 400, damping: 28 }
+  },
+  visible: {
+    opacity: 1,
+    scale: 1,
+    transition: { type: "spring", stiffness: 300, damping: 28 }
+  },
+  exit: {
+    opacity: 0,
+    scale: 0.96,
+    transition: { type: "spring", stiffness: 400, damping: 28 }
+  }
+};
+var guideVariants = {
+  hidden: {
+    opacity: 0,
+    transition: { type: "spring", stiffness: 220, damping: 24 }
+  },
+  visible: {
+    opacity: 0.95,
+    transition: { type: "spring", stiffness: 220, damping: 24 }
+  },
+  exit: {
+    opacity: 0,
+    transition: { type: "spring", stiffness: 220, damping: 24 }
+  }
+};
+var guideDotVariants = {
+  hidden: {
+    scale: 0.6,
+    opacity: 0,
+    transition: { type: "spring", stiffness: 400, damping: 24 }
+  },
+  visible: {
+    scale: 1,
+    opacity: 0.9,
+    transition: { type: "spring", stiffness: 400, damping: 24 }
+  },
+  exit: {
+    opacity: 0,
+    scale: 0.6,
+    transition: { type: "spring", stiffness: 400, damping: 24 }
+  }
+};
+var DraggableTooltipComponent = ({
+  id,
+  data,
+  position,
+  title,
+  dataKeys,
+  finalColors,
+  onMouseDown,
+  onClose,
+  periodLabel = "Per\xEDodo Selecionado",
+  dataLabel = "Dados do Per\xEDodo",
+  showCloseAllButton = false,
+  globalTooltipCount,
+  onCloseAll,
+  closeAllButtonPosition = "top-center",
+  closeAllButtonVariant = "floating",
+  onPositionChange,
+  highlightedSeries,
+  toggleHighlight,
+  showOnlyHighlighted
+}) => {
+  const visibleKeys = (0, import_react33.useMemo)(
+    () => showOnlyHighlighted && highlightedSeries && highlightedSeries.size > 0 ? dataKeys.filter((k) => highlightedSeries.has(k)) : dataKeys,
+    [showOnlyHighlighted, highlightedSeries, dataKeys]
+  );
+  const TotalDisplay = import_react33.default.memo(
+    ({ data: data2, visibleKeys: visibleKeys2 }) => {
+      const total = (0, import_react33.useMemo)(() => {
+        const numeric = visibleKeys2.map((k) => data2[k]).filter((v) => typeof v === "number");
+        return numeric.reduce((s, v) => s + (v || 0), 0);
+      }, [data2, visibleKeys2]);
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "text-sm text-muted-foreground", children: "Total" }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          "div",
+          {
+            className: `text-base font-semibold ${total < 0 ? "text-destructive" : "text-foreground"}`,
+            children: total.toLocaleString("pt-BR")
+          }
+        )
+      ] });
+    }
+  );
+  const [localPos, setLocalPos] = (0, import_react33.useState)(position);
+  const [dragging, setDragging] = (0, import_react33.useState)(false);
+  const offsetRef = (0, import_react33.useRef)({ x: 0, y: 0 });
+  const lastMouse = (0, import_react33.useRef)({ x: 0, y: 0 });
+  const [alignmentGuides, setAlignmentGuides] = (0, import_react33.useState)([]);
+  const [globalTooltipCountLocal, setGlobalTooltipCountLocal] = (0, import_react33.useState)(0);
+  (0, import_react33.useEffect)(() => setLocalPos(position), [position]);
+  const getAllTooltips = (0, import_react33.useCallback)(() => {
+    const response = [];
+    const ev = new CustomEvent("requestGlobalTooltips", {
+      detail: { requesterId: id, response }
+    });
+    window.dispatchEvent(ev);
+    return response;
+  }, [id]);
+  const updateAlignmentGuides = (0, import_react33.useCallback)(
+    (currentPosition) => {
+      const allTooltips = getAllTooltips();
+      const otherTooltips = allTooltips.filter((t) => t.id !== id);
+      const guides = [];
+      otherTooltips.forEach((tooltip) => {
+        const topDiff = Math.abs(currentPosition.top - tooltip.position.top);
+        if (topDiff <= GUIDE_THRESHOLD) {
+          guides.push({
+            type: "horizontal",
+            position: tooltip.position.top,
+            sourceTooltip: {
+              top: currentPosition.top,
+              left: currentPosition.left,
+              width: TOOLTIP_DIMENSIONS.width,
+              height: TOOLTIP_DIMENSIONS.height
+            },
+            targetTooltip: {
+              top: tooltip.position.top,
+              left: tooltip.position.left,
+              width: TOOLTIP_DIMENSIONS.width,
+              height: TOOLTIP_DIMENSIONS.height
+            }
+          });
+        }
+        const leftDiff = Math.abs(currentPosition.left - tooltip.position.left);
+        if (leftDiff <= GUIDE_THRESHOLD) {
+          guides.push({
+            type: "vertical",
+            position: tooltip.position.left,
+            sourceTooltip: {
+              top: currentPosition.top,
+              left: currentPosition.left,
+              width: TOOLTIP_DIMENSIONS.width,
+              height: TOOLTIP_DIMENSIONS.height
+            },
+            targetTooltip: {
+              top: tooltip.position.top,
+              left: tooltip.position.left,
+              width: TOOLTIP_DIMENSIONS.width,
+              height: TOOLTIP_DIMENSIONS.height
+            }
+          });
+        }
+      });
+      setAlignmentGuides(guides);
+    },
+    [getAllTooltips, id]
+  );
+  const snapToGuides = (0, import_react33.useCallback)(
+    (position2) => {
+      const snappedPosition = { ...position2 };
+      let hasSnapped = false;
+      alignmentGuides.forEach((guide) => {
+        if (guide.type === "horizontal") {
+          const diff = Math.abs(position2.top - guide.position);
+          if (diff <= PRECISION_SNAP_THRESHOLD) {
+            snappedPosition.top = guide.position;
+            hasSnapped = true;
+          }
+        } else {
+          const diff = Math.abs(position2.left - guide.position);
+          if (diff <= PRECISION_SNAP_THRESHOLD) {
+            snappedPosition.left = guide.position;
+            hasSnapped = true;
+          }
+        }
+      });
+      if (!hasSnapped) {
+        alignmentGuides.forEach((guide) => {
+          if (guide.type === "horizontal") {
+            const diff = Math.abs(position2.top - guide.position);
+            if (diff <= STRONG_SNAP_THRESHOLD)
+              snappedPosition.top = guide.position;
+          } else {
+            const diff = Math.abs(position2.left - guide.position);
+            if (diff <= STRONG_SNAP_THRESHOLD)
+              snappedPosition.left = guide.position;
+          }
+        });
+      }
+      alignmentGuides.forEach((guide) => {
+        if (guide.type === "horizontal") {
+          const diff = Math.abs(position2.top - guide.position);
+          if (diff <= ALIGNMENT_THRESHOLD && snappedPosition.top === position2.top)
+            snappedPosition.top = guide.position;
+        } else {
+          const diff = Math.abs(position2.left - guide.position);
+          if (diff <= ALIGNMENT_THRESHOLD && snappedPosition.left === position2.left)
+            snappedPosition.left = guide.position;
+        }
+      });
+      return snappedPosition;
+    },
+    [alignmentGuides]
+  );
+  (0, import_react33.useEffect)(() => {
+    let rafId = null;
+    const handleMouseMove = (e) => {
+      if (!dragging) return;
+      lastMouse.current = { x: e.clientX, y: e.clientY };
+      if (rafId) cancelAnimationFrame(rafId);
+      rafId = requestAnimationFrame(() => {
+        const newLeft = lastMouse.current.x - offsetRef.current.x;
+        const newTop = lastMouse.current.y - offsetRef.current.y;
+        const rawPosition = {
+          top: Math.max(0, Math.min(newTop, window.innerHeight - 200)),
+          left: Math.max(0, Math.min(newLeft, window.innerWidth - 250))
+        };
+        updateAlignmentGuides(rawPosition);
+        const snapped = snapToGuides(rawPosition);
+        setLocalPos(snapped);
+        if (onPositionChange) onPositionChange(id, snapped);
+      });
+    };
+    const handleMouseUp = () => {
+      if (dragging) {
+        setDragging(false);
+        setAlignmentGuides([]);
+        if (rafId) cancelAnimationFrame(rafId);
+      }
+    };
+    if (dragging) {
+      document.addEventListener("mousemove", handleMouseMove, {
+        passive: true
+      });
+      document.addEventListener("mouseup", handleMouseUp);
+      document.body.style.cursor = "grabbing";
+      document.body.style.userSelect = "none";
+    }
+    return () => {
+      if (rafId) cancelAnimationFrame(rafId);
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+      document.body.style.cursor = "";
+      document.body.style.userSelect = "";
+    };
+  }, [dragging, snapToGuides, updateAlignmentGuides, id, onPositionChange]);
+  (0, import_react33.useEffect)(() => {
+    const handleCloseAll = () => onClose(id);
+    const handleRequestTooltipCount = () => {
+      window.dispatchEvent(
+        new CustomEvent("tooltipCountResponse", { detail: { count: 1 } })
+      );
+    };
+    const handleRequestGlobalTooltips = (event) => {
+      const customEvent = event;
+      const detail = customEvent.detail;
+      if (detail?.response && detail.requesterId && detail.requesterId !== id) {
+        detail.response.push({ id, position: localPos });
+      }
+    };
+    const events = [
+      { name: "closeAllTooltips", handler: handleCloseAll },
+      { name: "requestTooltipCount", handler: handleRequestTooltipCount },
+      {
+        name: "requestGlobalTooltips",
+        handler: handleRequestGlobalTooltips
+      }
+    ];
+    events.forEach(({ name, handler }) => {
+      window.addEventListener(name, handler);
+    });
+    return () => {
+      events.forEach(({ name, handler }) => {
+        window.removeEventListener(name, handler);
+      });
+    };
+  }, [id, localPos, onClose]);
+  (0, import_react33.useEffect)(() => {
+    if (dragging) return;
+    let total = 0;
+    const timeoutId = setTimeout(() => {
+      const handleCountResponse = (event) => {
+        const customEvent = event;
+        total += customEvent.detail.count || 0;
+      };
+      window.addEventListener("tooltipCountResponse", handleCountResponse);
+      window.dispatchEvent(new CustomEvent("requestTooltipCount"));
+      const cleanupTimeout = setTimeout(() => {
+        window.removeEventListener("tooltipCountResponse", handleCountResponse);
+        setGlobalTooltipCountLocal(total);
+      }, 50);
+      return () => clearTimeout(cleanupTimeout);
+    }, 0);
+    return () => clearTimeout(timeoutId);
+  }, [localPos, dragging]);
+  (0, import_react33.useEffect)(() => {
+    const recount = () => {
+      if (dragging) return;
+      let total = 0;
+      const handleCountResponse = (event) => {
+        const customEvent = event;
+        total += customEvent.detail.count || 0;
+      };
+      window.addEventListener("tooltipCountResponse", handleCountResponse);
+      window.dispatchEvent(new CustomEvent("requestTooltipCount"));
+      setTimeout(() => {
+        window.removeEventListener("tooltipCountResponse", handleCountResponse);
+        setGlobalTooltipCountLocal(total);
+      }, 50);
+    };
+    window.addEventListener("recountTooltips", recount);
+    return () => window.removeEventListener("recountTooltips", recount);
+  }, [dragging]);
+  const handleMouseDownLocal = (0, import_react33.useCallback)(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      const rect = e.currentTarget.getBoundingClientRect();
+      offsetRef.current = { x: e.clientX - rect.left, y: e.clientY - rect.top };
+      setDragging(true);
+      onMouseDown?.(id, e);
+    },
+    [id, onMouseDown]
+  );
+  const handleTouchStartLocal = (0, import_react33.useCallback)(
+    (e) => {
+      e.stopPropagation();
+      const touch = e.touches[0];
+      if (!touch) return;
+      const rect = e.currentTarget.getBoundingClientRect();
+      offsetRef.current = {
+        x: touch.clientX - rect.left,
+        y: touch.clientY - rect.top
+      };
+      setDragging(true);
+      onMouseDown?.(id, e);
+    },
+    [id, onMouseDown]
+  );
+  const handleCloseClick = (0, import_react33.useCallback)(
+    (e) => {
+      e.stopPropagation();
+      onClose(id);
+    },
+    [id, onClose]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+    dragging && alignmentGuides.map((guide, index) => {
+      const isHorizontal = guide.type === "horizontal";
+      const color = isHorizontal ? "#3b82f6" : "#ef4444";
+      const startX = isHorizontal ? Math.min(
+        guide.sourceTooltip.left + guide.sourceTooltip.width / 2,
+        guide.targetTooltip.left + guide.targetTooltip.width / 2
+      ) : guide.sourceTooltip.left + guide.sourceTooltip.width / 2;
+      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__ */ (0, import_jsx_runtime53.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          import_framer_motion11.motion.div,
+          {
+            className: "fixed pointer-events-none z-30",
+            variants: guideVariants,
+            initial: "hidden",
+            animate: "visible",
+            exit: "exit",
+            style: {
+              left: startX,
+              top: startY,
+              width: isHorizontal ? endX - startX : 2,
+              height: isHorizontal ? 2 : endY - startY,
+              backgroundColor: color,
+              boxShadow: `0 0 8px ${color}60`,
+              borderStyle: "dashed",
+              borderWidth: "1px",
+              borderColor: color,
+              transform: "translateZ(0)"
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          import_framer_motion11.motion.div,
+          {
+            className: "fixed pointer-events-none z-31",
+            variants: guideDotVariants,
+            initial: "hidden",
+            animate: "visible",
+            exit: "exit",
+            style: {
+              left: guide.sourceTooltip.left + guide.sourceTooltip.width / 2 - 4,
+              top: guide.sourceTooltip.top + guide.sourceTooltip.height / 2 - 4,
+              width: "8px",
+              height: "8px",
+              backgroundColor: color,
+              borderRadius: "50%",
+              boxShadow: `0 0 4px ${color}80`
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          import_framer_motion11.motion.div,
+          {
+            className: "fixed pointer-events-none z-31",
+            variants: guideDotVariants,
+            initial: "hidden",
+            animate: "visible",
+            exit: "exit",
+            style: {
+              left: guide.targetTooltip.left + guide.targetTooltip.width / 2 - 4,
+              top: guide.targetTooltip.top + guide.targetTooltip.height / 2 - 4,
+              width: "8px",
+              height: "8px",
+              backgroundColor: color,
+              borderRadius: "50%",
+              boxShadow: `0 0 4px ${color}80`
+            }
+          }
+        )
+      ] }, index);
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_framer_motion11.AnimatePresence, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+      import_framer_motion11.motion.div,
+      {
+        className: "fixed bg-card border border-border rounded-lg shadow-lg z-50 min-w-80 select-none",
+        variants: tooltipVariants,
+        initial: "hidden",
+        animate: "visible",
+        exit: "exit",
+        style: {
+          top: localPos.top,
+          left: localPos.left,
+          cursor: dragging ? "grabbing" : "grab",
+          transform: "translateZ(0)"
+        },
+        onClick: (e) => e.stopPropagation(),
+        role: "dialog",
+        "aria-label": title ? `Tooltip ${title}` : `Tooltip ${data.name}`,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+            "div",
+            {
+              className: "flex items-center justify-between p-3 pb-2 border-b bg-muted/20 rounded-t-lg",
+              onMouseDown: handleMouseDownLocal,
+              onTouchStart: handleTouchStartLocal,
+              style: { touchAction: "none" },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react34.DotsSixVerticalIcon, { size: 16 }),
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex flex-col gap-1", children: title && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex items-center gap-2 pb-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "font-bold text-foreground text-base", children: title }) }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                  "button",
+                  {
+                    onClick: handleCloseClick,
+                    className: "text-muted-foreground hover:text-destructive ml-2 text-sm hover:bg-destructive/10 rounded p-1",
+                    title: "Fechar este tooltip",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_ssr5.XIcon, { size: 14 })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "px-3 py-2 bg-accent/5 border-l-4 border-primary", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: periodLabel }),
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "font-bold text-lg text-foreground mt-1 truncate", children: data.name })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "text-right", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(TotalDisplay, { data, visibleKeys }) })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "p-3 pt-2 space-y-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide mb-2", children: dataLabel }),
+            (0, import_react33.useMemo)(
+              () => visibleKeys.map((key) => {
+                const value = data[key];
+                if (value === void 0) return null;
+                const numericKeys = dataKeys.filter(
+                  (k) => typeof data[k] === "number"
+                );
+                const absDenominator = numericKeys.reduce(
+                  (s, k) => s + Math.abs(Number(data[k]) || 0),
+                  0
+                );
+                const val = typeof value === "number" ? value : Number(value) || 0;
+                const pct = absDenominator > 0 ? Math.abs(val) / absDenominator * 100 : 0;
+                const isDimmed = highlightedSeries && highlightedSeries.size > 0 && !highlightedSeries.has(key);
+                const isHighlighted = highlightedSeries && highlightedSeries.has(key);
+                return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+                  "div",
+                  {
+                    role: "button",
+                    tabIndex: 0,
+                    onKeyDown: (e) => {
+                      if (e.key === "Enter" || e.key === " ") {
+                        e.preventDefault();
+                        toggleHighlight?.(key);
+                      }
+                    },
+                    onClick: () => toggleHighlight?.(key),
+                    className: `flex flex-col gap-1 text-sm mb-1 p-2 rounded transition-colors cursor-pointer bg-muted/20`,
+                    style: {
+                      boxShadow: isHighlighted ? `0 6px 18px ${finalColors[key] || "#666"}33` : void 0,
+                      border: isHighlighted ? `1px solid ${finalColors[key] || "#666"}22` : void 0
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                            "div",
+                            {
+                              className: "w-3 h-3 rounded-sm shadow-sm",
+                              style: {
+                                backgroundColor: finalColors[key] || "#666"
+                              }
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                            "span",
+                            {
+                              className: `font-medium text-foreground truncate`,
+                              children: key.charAt(0).toUpperCase() + key.slice(1)
+                            }
+                          )
+                        ] }),
+                        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-baseline gap-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                            "span",
+                            {
+                              className: `font-semibold tabular-nums ${val < 0 ? "text-destructive" : "text-foreground"}`,
+                              children: val.toLocaleString("pt-BR")
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-xs text-muted-foreground", children: absDenominator > 0 ? `${pct.toFixed(1)}%` : "-" })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "w-full bg-muted rounded-full h-1 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                        "div",
+                        {
+                          className: "h-1 rounded-full",
+                          style: {
+                            width: `${Math.max(0, Math.min(100, pct))}%`,
+                            opacity: isDimmed ? 0.35 : 1,
+                            background: finalColors[key] || "#666",
+                            transition: "none"
+                          }
+                        }
+                      ) })
+                    ]
+                  },
+                  key
+                );
+              }),
+              [
+                visibleKeys,
+                data,
+                dataKeys,
+                highlightedSeries,
+                toggleHighlight,
+                finalColors
+              ]
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "mt-3 pt-2 border-t", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("p", { className: "text-xs text-muted-foreground flex items-center gap-1", children: [
+              "Clique no ",
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_ssr5.XIcon, { size: 12 }),
+              " para remover"
+            ] }) })
+          ] })
+        ]
+      },
+      id
+    ) }),
+    showCloseAllButton && onCloseAll && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      CloseAllButton_default,
+      {
+        count: typeof globalTooltipCount === "number" ? globalTooltipCount : globalTooltipCountLocal,
+        onCloseAll,
+        position: closeAllButtonPosition,
+        variant: closeAllButtonVariant
+      }
+    )
+  ] });
+};
+var DraggableTooltip = import_react33.default.memo(DraggableTooltipComponent);
+DraggableTooltip.displayName = "DraggableTooltip";
+var DraggableTooltip_default = DraggableTooltip;
+
+// src/components/charts/components/tooltips/TooltipWithTotal.tsx
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var RechartTooltipWithTotal = ({
+  active,
+  payload,
+  label,
+  finalColors = {},
+  periodLabel = "Per\xEDodo",
+  totalLabel = "Total"
+}) => {
+  if (!active || !payload || payload.length === 0) return null;
+  const numeric = payload.filter(
+    (p) => typeof p.value === "number" && Number.isFinite(p.value)
+  );
+  const total = numeric.reduce((sum, p) => sum + (p.value || 0), 0);
+  const isTotalNegative = total < 0;
+  const absDenominator = numeric.reduce(
+    (sum, p) => sum + Math.abs(typeof p.value === "number" ? p.value : 0),
+    0
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+    "div",
+    {
+      role: "dialog",
+      "aria-label": `Tooltip ${label ?? ""}`,
+      className: "bg-card border border-border rounded-lg p-3 shadow-2xl max-w-xs",
+      style: { minWidth: 220 },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-start justify-between mb-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "pr-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-xs text-muted-foreground", children: periodLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "font-medium text-foreground truncate", children: label })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "text-right ml-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-xs text-muted-foreground", children: totalLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+              "p",
+              {
+                className: `text-sm font-semibold ${isTotalNegative ? "text-rose-500" : "text-foreground"}`,
+                children: total.toLocaleString("pt-BR")
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex flex-col gap-2", children: payload.map((entry, index) => {
+          const value = typeof entry.value === "number" ? entry.value : 0;
+          const pct = absDenominator > 0 ? Math.abs(value) / absDenominator * 100 : 0;
+          const baseColor = finalColors[entry.dataKey] || entry.color || "#999";
+          const isNeg = value < 0;
+          return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center gap-2 truncate", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                  "span",
+                  {
+                    className: "w-3 h-3 rounded-sm flex-shrink-0",
+                    style: { backgroundColor: baseColor },
+                    "aria-hidden": true
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-muted-foreground truncate", children: entry.name })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-baseline gap-3 ml-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                  "span",
+                  {
+                    className: `${isNeg ? "text-rose-500" : "text-foreground"} font-medium`,
+                    children: value.toLocaleString("pt-BR")
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-xs text-muted-foreground", children: absDenominator > 0 ? `${pct.toFixed(1)}%` : "-" })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "w-full bg-muted rounded-full h-1 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+              "div",
+              {
+                className: "h-1 rounded-full transition-all duration-300",
+                style: {
+                  width: `${Math.max(0, Math.min(100, pct))}%`,
+                  background: baseColor
+                }
+              }
+            ) })
+          ] }, index);
+        }) })
+      ]
+    }
+  );
+};
+var TooltipWithTotal_default = RechartTooltipWithTotal;
+
+// src/components/charts/components/tooltips/TooltipSimple.tsx
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var TooltipSimple = ({
+  active,
+  payload,
+  label,
+  finalColors = {},
+  periodLabel = "Per\xEDodo"
+}) => {
+  if (!active || !payload || payload.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+    "div",
+    {
+      role: "dialog",
+      "aria-label": `Tooltip ${label ?? ""}`,
+      className: "bg-card border border-border rounded-lg p-3 shadow-2xl max-w-[280px]",
+      style: { minWidth: 220 },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex items-center justify-between gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "text-xs text-muted-foreground", children: periodLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "font-medium text-foreground truncate", children: label })
+        ] }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "divide-y divide-border rounded-md overflow-hidden", children: payload.map((entry, index) => {
+          const value = typeof entry.value === "number" ? entry.value : 0;
+          const color = finalColors[entry.dataKey] || entry.color || "#999";
+          return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+            "div",
+            {
+              className: "flex items-center justify-between text-sm px-2 py-2 bg-card/0 hover:bg-muted transition-colors",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex items-center gap-3 min-w-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    "span",
+                    {
+                      className: "w-3 h-3 rounded-sm flex-shrink-0 border border-border/20",
+                      style: { backgroundColor: color },
+                      "aria-hidden": true
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "text-muted-foreground truncate", children: entry.name })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "ml-3", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  "span",
+                  {
+                    className: `font-medium tabular-nums ${value < 0 ? "text-destructive" : "text-foreground"}`,
+                    children: value.toLocaleString("pt-BR")
+                  }
+                ) })
+              ]
+            },
+            index
+          );
+        }) })
+      ]
+    }
+  );
+};
+var TooltipSimple_default = TooltipSimple;
+
+// src/components/charts/utils/helpers.ts
+var formatFieldName = (fieldName) => {
+  return fieldName.replace(/([A-Z])/g, " $1").replace(/[_-]/g, " ").replace(/\b\w/g, (l) => l.toUpperCase()).trim();
+};
+var detectDataFields = (data, xAxisKey) => {
+  if (!data || data.length === 0) return [];
+  const firstItem = data[0];
+  return Object.keys(firstItem).filter(
+    (key) => key !== xAxisKey && typeof firstItem[key] === "number"
+  );
+};
+var detectXAxis = (data) => {
+  if (!data || data.length === 0) return "name";
+  const firstItem = data[0];
+  const stringFields = Object.keys(firstItem).filter(
+    (key) => typeof firstItem[key] === "string" || typeof firstItem[key] === "number" && String(firstItem[key]).length <= 4
+  );
+  return stringFields[0] || Object.keys(firstItem)[0] || "name";
+};
+var generateAdditionalColors = (baseColors, count) => {
+  const hexToRgb = (hex) => {
+    const clean = hex.replace("#", "");
+    const bigint = parseInt(
+      clean.length === 3 ? clean.split("").map((c) => c + c).join("") : clean,
+      16
+    );
+    return { r: bigint >> 16 & 255, g: bigint >> 8 & 255, b: bigint & 255 };
+  };
+  const rgbToHsl = ({ r, g, b }) => {
+    r /= 255;
+    g /= 255;
+    b /= 255;
+    const max = Math.max(r, g, b), min = Math.min(r, g, b);
+    let h = 0;
+    let s = 0;
+    const l = (max + min) / 2;
+    if (max !== min) {
+      const d = max - min;
+      s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+      switch (max) {
+        case r:
+          h = (g - b) / d + (g < b ? 6 : 0);
+          break;
+        case g:
+          h = (b - r) / d + 2;
+          break;
+        case b:
+          h = (r - g) / d + 4;
+          break;
+      }
+      h /= 6;
+    }
+    return {
+      h: Math.round(h * 360),
+      s: Math.round(s * 100),
+      l: Math.round(l * 100)
+    };
+  };
+  const hslToHex = (h, s, l) => {
+    s /= 100;
+    l /= 100;
+    const k = (n) => (n + h / 30) % 5;
+    const a = s * Math.min(l, 1 - l);
+    const f = (n) => {
+      const color = l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1)));
+      return Math.round(255 * color).toString(16).padStart(2, "0");
+    };
+    return `#${f(0)}${f(8)}${f(4)}`;
+  };
+  const anchors = baseColors.map((c) => rgbToHsl(hexToRgb(c)));
+  const colors2 = [...baseColors];
+  let i = 0;
+  while (colors2.length < count) {
+    const anchor = anchors[i % anchors.length];
+    const step = Math.floor(i / anchors.length + 1);
+    const hueOffset = step * 25 * (i % 2 === 0 ? 1 : -1);
+    const satOffset = i % 3 === 0 ? -6 : 6;
+    const lightOffset = i % 4 === 0 ? 6 : -4;
+    const newH = (anchor.h + hueOffset + 360) % 360;
+    const newS = Math.max(30, Math.min(95, anchor.s + satOffset));
+    const newL = Math.max(25, Math.min(45, anchor.l + lightOffset));
+    colors2.push(hslToHex(newH, newS, newL));
+    i += 1;
+  }
+  return colors2.slice(0, count);
+};
+var niceCeil = (value) => {
+  if (!isFinite(value) || value <= 0) return 1;
+  const pow = Math.pow(10, Math.floor(Math.log10(value)));
+  const normalized = value / pow;
+  const multipliers = [
+    1,
+    1.25,
+    1.5,
+    2,
+    2.5,
+    3,
+    4,
+    5,
+    7.5,
+    10,
+    15,
+    20,
+    25,
+    50,
+    100
+  ];
+  for (const m of multipliers) {
+    if (m >= normalized) return Math.ceil(m * pow);
+  }
+  return Math.ceil(100 * pow);
+};
+var compactTick = (value) => {
+  if (value >= 1e9)
+    return (value / 1e9).toFixed(1).replace(/\.0$/, "") + "B";
+  if (value >= 1e6)
+    return (value / 1e6).toFixed(1).replace(/\.0$/, "") + "M";
+  if (value >= 1e3) return (value / 1e3).toFixed(1).replace(/\.0$/, "") + "K";
+  return String(value);
+};
+var resolveContainerPaddingLeft = (padding, containerPaddingLeft, defaultLeft = 16) => {
+  if (typeof padding === "number") return padding;
+  if (padding && typeof padding === "object" && padding.left != null)
+    return padding.left;
+  if (typeof containerPaddingLeft === "number") return containerPaddingLeft;
+  return defaultLeft;
+};
+var resolveChartMargins = (margins, chartMargins, showLabels) => {
+  const defaultRight = 30;
+  const defaultLeft = 20;
+  const topDefault = showLabels ? 48 : 20;
+  const bottomDefault = 5;
+  return {
+    top: margins?.top ?? chartMargins?.top ?? topDefault,
+    right: margins?.right ?? chartMargins?.right ?? defaultRight,
+    left: margins?.left ?? chartMargins?.left ?? defaultLeft,
+    bottom: margins?.bottom ?? chartMargins?.bottom ?? bottomDefault
+  };
+};
+
+// src/components/charts/utils/pillLabelRenderer.tsx
+var import_jsx_runtime56 = require("react/jsx-runtime");
+var formatCompactNumber = (value) => {
+  const isNegative = value < 0;
+  const absValue = Math.abs(value);
+  let formatted;
+  if (absValue >= 1e9) {
+    formatted = (absValue / 1e9).toFixed(1).replace(/\.0$/, "") + "B";
+  } else if (absValue >= 1e6) {
+    formatted = (absValue / 1e6).toFixed(1).replace(/\.0$/, "") + "M";
+  } else if (absValue >= 1e3) {
+    formatted = (absValue / 1e3).toFixed(1).replace(/\.0$/, "") + "K";
+  } else {
+    formatted = absValue.toString();
+  }
+  return isNegative ? `-${formatted}` : formatted;
+};
+var parseNumber = (v) => {
+  if (typeof v === "number") return v;
+  if (typeof v === "string" && v.trim() !== "" && !Number.isNaN(Number(v)))
+    return Number(v);
+  return void 0;
+};
+var renderPillLabel = (color, variant) => {
+  return (props) => {
+    const { x, y, value } = props;
+    const text = typeof value === "number" ? formatCompactNumber(value) : String(value ?? "");
+    const paddingX = 8;
+    const approxCharWidth = 7;
+    const pillWidth = Math.max(
+      40,
+      String(text).length * approxCharWidth + paddingX * 2
+    );
+    const pillHeight = 20;
+    const xNum = parseNumber(x);
+    const px = parseNumber(props.x);
+    const pWidth = parseNumber(props.width);
+    const vb = props.viewBox;
+    const cxNum = parseNumber(props.cx);
+    let centerX;
+    if (typeof px === "number" && typeof pWidth === "number") {
+      centerX = px + pWidth / 2;
+    } else if (typeof xNum === "number" && typeof pWidth === "number") {
+      centerX = xNum + pWidth / 2;
+    } else if (typeof cxNum === "number") {
+      centerX = cxNum;
+    } else if (vb && typeof vb.x === "number" && typeof vb.width === "number" && typeof props.index === "number") {
+      const approxCols = Math.max(1, props.index + 1);
+      const colWidth = vb.width / approxCols;
+      centerX = vb.x + colWidth * (props.index + 0.5);
+    } else if (vb && typeof vb.x === "number" && typeof vb.width === "number") {
+      centerX = vb.x + vb.width / 2;
+    } else {
+      centerX = typeof props.index === "number" ? props.index * 40 + 24 : 0;
+    }
+    if (vb && typeof vb.x === "number" && typeof vb.width === "number") {
+      const minX = vb.x + 0 + pillWidth / 22;
+      const maxX = vb.x + vb.width - 2 - pillWidth / 2;
+      centerX = Math.max(minX, Math.min(maxX, centerX));
+    }
+    const yNum = parseNumber(y);
+    const py = parseNumber(props.y);
+    const cyNum = parseNumber(props.cy);
+    const centerY = yNum ?? (typeof py === "number" ? py : vb && typeof vb.y === "number" && typeof vb.height === "number" ? vb.y + vb.height / 2 : typeof cyNum === "number" ? cyNum : 0);
+    const rectX = centerX - pillWidth / 2;
+    const rectY = centerY - pillHeight - 6;
+    const textX = centerX;
+    const textY = rectY + pillHeight / 2 + 3;
+    const rectFill = variant === "filled" ? color : variant === "soft" ? `${color}20` : "#ffffff";
+    const rectStroke = variant === "outline" ? `${color}CC` : void 0;
+    const numValue = parseNumber(value);
+    const isNegative = typeof numValue === "number" && numValue < 0;
+    let textColor;
+    if (isNegative) {
+      textColor = "#dc2626";
+    } else {
+      if (variant === "filled") {
+        textColor = "#ffffff";
+      } else {
+        textColor = "#374151";
+      }
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("g", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        "rect",
+        {
+          x: rectX,
+          y: rectY,
+          rx: pillHeight / 2,
+          width: pillWidth,
+          height: pillHeight,
+          fill: rectFill,
+          stroke: rectStroke,
+          strokeWidth: rectStroke ? 1 : 0
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        "text",
+        {
+          x: textX,
+          y: textY - 3,
+          fill: textColor,
+          fontSize: 13,
+          fontWeight: 700,
+          textAnchor: "middle",
+          dominantBaseline: "central",
+          letterSpacing: 0.2,
+          children: text
+        }
+      )
+    ] });
+  };
+};
+var pillLabelRenderer_default = renderPillLabel;
+
+// src/hooks/use-drag.tsx
+var import_react35 = require("react");
+var useDrag = (options = {}) => {
+  const [isDragging, setIsDragging] = (0, import_react35.useState)(null);
+  const [positions, setPositions] = (0, import_react35.useState)({});
+  const dragStartPos = (0, import_react35.useRef)(null);
+  const dragId = (0, import_react35.useRef)(null);
+  const handleMouseDown = (0, import_react35.useCallback)((id, e) => {
+    e.preventDefault();
+    const currentPosition = positions[id] || { top: 0, left: 0 };
+    dragStartPos.current = {
+      x: e.clientX,
+      y: e.clientY,
+      elementX: currentPosition.left,
+      elementY: currentPosition.top
+    };
+    dragId.current = id;
+    setIsDragging(id);
+    options.onDragStart?.(id);
+  }, [positions, options]);
+  const handleMouseMove = (0, import_react35.useCallback)((e) => {
+    if (!isDragging || !dragStartPos.current || !dragId.current) return;
+    const deltaX = e.clientX - dragStartPos.current.x;
+    const deltaY = e.clientY - dragStartPos.current.y;
+    const newPosition = {
+      left: dragStartPos.current.elementX + deltaX,
+      top: dragStartPos.current.elementY + deltaY
+    };
+    newPosition.left = Math.max(0, Math.min(window.innerWidth - 300, newPosition.left));
+    newPosition.top = Math.max(0, Math.min(window.innerHeight - 200, newPosition.top));
+    setPositions((prev) => ({
+      ...prev,
+      [dragId.current]: newPosition
+    }));
+    options.onDrag?.(dragId.current, newPosition);
+  }, [isDragging, options]);
+  const handleMouseUp = (0, import_react35.useCallback)(() => {
+    if (dragId.current) {
+      options.onDragEnd?.(dragId.current);
+    }
+    setIsDragging(null);
+    dragStartPos.current = null;
+    dragId.current = null;
+  }, [options]);
+  (0, import_react35.useEffect)(() => {
+    if (isDragging) {
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+      document.body.style.userSelect = "none";
+      return () => {
+        document.removeEventListener("mousemove", handleMouseMove);
+        document.removeEventListener("mouseup", handleMouseUp);
+        document.body.style.userSelect = "";
+      };
+    }
+  }, [isDragging, handleMouseMove, handleMouseUp]);
+  const setPosition = (0, import_react35.useCallback)((id, position) => {
+    setPositions((prev) => ({
+      ...prev,
+      [id]: position
+    }));
+  }, []);
+  const getPosition = (0, import_react35.useCallback)((id) => {
+    return positions[id] || { top: 0, left: 0 };
+  }, [positions]);
+  const isElementDragging = (0, import_react35.useCallback)((id) => {
+    return isDragging === id;
+  }, [isDragging]);
+  return {
+    handleMouseDown,
+    getPosition,
+    setPosition,
+    isElementDragging,
+    isDragging: isDragging !== null
+  };
+};