@northslopetech/altitude-ui 2.4.0 → 2.5.0

package/dist/index.js

@@ -115,6 +115,7 @@ __export(index_exports, {
   MagnifyingGlass: () => MagnifyingGlass,
   Minus: () => Minus,
   MoreMenu: () => MoreMenu,
+  Panel: () => Panel,
   PdfViewer: () => PdfViewer,
   Phone: () => Phone,
   PieChart: () => PieChart,
@@ -133,6 +134,17 @@ __export(index_exports, {
   SelectValue: () => SelectValue,
   Separator: () => Separator2,
   Share: () => Share,
+  Sidebar: () => Sidebar,
+  SidebarContent: () => SidebarContent,
+  SidebarFooter: () => SidebarFooter,
+  SidebarGroup: () => SidebarGroup,
+  SidebarGroupContent: () => SidebarGroupContent,
+  SidebarHeader: () => SidebarHeader,
+  SidebarInset: () => SidebarInset,
+  SidebarMenu: () => SidebarMenu,
+  SidebarMenuButton: () => SidebarMenuButton,
+  SidebarMenuItem: () => SidebarMenuItem,
+  SidebarProvider: () => SidebarProvider,
   Star: () => Star,
   Statement: () => Statement,
   Table: () => Table,
@@ -142,8 +154,12 @@ __export(index_exports, {
   TabsList: () => TabsList,
   TabsTrigger: () => TabsTrigger,
   Textarea: () => Textarea,
+  Tooltip: () => Tooltip,
   TooltipContainer: () => TooltipContainer,
+  TooltipContent: () => TooltipContent,
   TooltipItem: () => TooltipItem,
+  TooltipProvider: () => TooltipProvider,
+  TooltipTrigger: () => TooltipTrigger,
   Trash: () => Trash,
   Typography: () => Typography,
   Upload: () => Upload,
@@ -172,7 +188,8 @@ __export(index_exports, {
   selectTriggerVariants: () => selectTriggerVariants,
   tabsVariants: () => tabsVariants,
   typographyVariants: () => typographyVariants,
-  uploadVariants: () => uploadVariants
+  uploadVariants: () => uploadVariants,
+  useSidebar: () => useSidebar
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -1876,6 +1893,29 @@ var Download = ({
     )
   }
 );
+var Panel = ({
+  className,
+  variant = "dark",
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: cn(getVariantStyles(variant), className),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "path",
+      {
+        d: "M14 2C14.5523 2 15 2.44772 15 3V13C15 13.5523 14.5523 14 14 14H2C1.44772 14 1 13.5523 1 13V3C1 2.44772 1.44772 2 2 2H14ZM7 12H13V4H7V12ZM3 12H5V4H3V12Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
 
 // src/components/ui/select.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -2295,15 +2335,329 @@ function FieldError({
   );
 }
 
-// src/components/ui/date-picker.tsx
+// src/components/ui/tooltip.tsx
+var React4 = __toESM(require("react"));
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    TooltipPrimitive.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props
+    }
+  );
+}
+TooltipProvider.displayName = "TooltipProvider";
+function Tooltip({ delayDuration, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipProvider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
+}
+Tooltip.displayName = "Tooltip";
+var TooltipTrigger = React4.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    TooltipPrimitive.Trigger,
+    {
+      ref,
+      "data-slot": "tooltip-trigger",
+      ...props
+    }
+  );
+});
+TooltipTrigger.displayName = "TooltipTrigger";
+var TooltipContent = React4.forwardRef(({ className, sideOffset = 2, children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    TooltipPrimitive.Content,
+    {
+      ref,
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "bg-dark text-light animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-[var(--radix-tooltip-content-transform-origin)] flex items-start gap-2 rounded p-1.5 text-balance shadow-sm",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipPrimitive.Arrow, { className: "fill-dark", width: 10, height: 9 }),
+        children
+      ]
+    }
+  ) });
+});
+TooltipContent.displayName = "TooltipContent";
+
+// src/components/ui/sidebar.tsx
 var React5 = __toESM(require("react"));
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var SIDEBAR_CONSTANTS = {
+  WIDTH: "144px",
+  WIDTH_ICON: "48px"
+};
+var SidebarContext = React5.createContext(null);
+function useSidebar() {
+  const context = React5.useContext(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  }
+  return context;
+}
+var SidebarProvider = React5.forwardRef(
+  ({
+    defaultOpen = true,
+    open: openProp,
+    onOpenChange: setOpenProp,
+    className,
+    style,
+    children,
+    ...props
+  }, ref) => {
+    const [_open, _setOpen] = React5.useState(defaultOpen);
+    const open = openProp ?? _open;
+    const setOpen = React5.useCallback(
+      (value) => {
+        const openState = typeof value === "function" ? value(open) : value;
+        if (setOpenProp) {
+          setOpenProp(openState);
+        } else {
+          _setOpen(openState);
+        }
+      },
+      [setOpenProp, open]
+    );
+    const toggleSidebar = React5.useCallback(() => {
+      return setOpen((open2) => !open2);
+    }, [setOpen]);
+    const state = open ? "expanded" : "collapsed";
+    const contextValue = React5.useMemo(
+      () => ({
+        state,
+        open,
+        setOpen,
+        toggleSidebar
+      }),
+      [state, open, setOpen, toggleSidebar]
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "div",
+      {
+        style: {
+          "--sidebar-width": SIDEBAR_CONSTANTS.WIDTH,
+          "--sidebar-width-icon": SIDEBAR_CONSTANTS.WIDTH_ICON,
+          ...style
+        },
+        className: cn(
+          "group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-light",
+          className
+        ),
+        ref,
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+SidebarProvider.displayName = "SidebarProvider";
+var Sidebar = React5.forwardRef(
+  ({ collapsible = "icon", className, children, ...props }, ref) => {
+    const { state } = useSidebar();
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+      "aside",
+      {
+        ref,
+        className: "group peer text-light",
+        "data-state": state,
+        "data-collapsible": state === "collapsed" ? collapsible : "",
+        "aria-label": "Main navigation",
+        "aria-expanded": state === "expanded",
+        role: "navigation",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            "div",
+            {
+              className: cn(
+                "relative h-svh shrink-0 transition-[width] duration-200 ease-linear",
+                "w-[var(--sidebar-width)] group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)]"
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            "div",
+            {
+              className: cn(
+                "fixed inset-y-0 z-10 h-svh w-[var(--sidebar-width)] transition-[left,right,width] duration-200 ease-linear flex left-0",
+                "group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)]",
+                className
+              ),
+              ...props,
+              children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "div",
+                {
+                  "data-sidebar": "sidebar",
+                  className: "flex h-full w-full flex-col gap-8 p-4 px-2 bg-dark",
+                  children
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Sidebar.displayName = "Sidebar";
+var SidebarInset = React5.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "main",
+      {
+        ref,
+        className: cn(
+          "relative flex min-h-svh flex-1 flex-col bg-dark",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+SidebarInset.displayName = "SidebarInset";
+var SidebarHeader = React5.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "div",
+      {
+        ref,
+        "data-sidebar": "header",
+        className: cn(
+          "flex h-8 justify-between items-center shrink-0 self-stretch",
+          "group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-2",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+SidebarHeader.displayName = "SidebarHeader";
+var SidebarFooter = React5.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "div",
+      {
+        ref,
+        "data-sidebar": "footer",
+        className: cn("flex flex-col gap-2", className),
+        ...props
+      }
+    );
+  }
+);
+SidebarFooter.displayName = "SidebarFooter";
+var SidebarContent = React5.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "div",
+      {
+        ref,
+        "data-sidebar": "content",
+        className: cn(
+          "flex min-h-0 flex-1 flex-col gap-8 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+SidebarContent.displayName = "SidebarContent";
+var SidebarGroup = React5.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "div",
+      {
+        ref,
+        "data-sidebar": "group",
+        className: cn("relative flex w-full min-w-0 flex-col", className),
+        ...props
+      }
+    );
+  }
+);
+SidebarGroup.displayName = "SidebarGroup";
+var SidebarGroupContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  "div",
+  {
+    ref,
+    "data-sidebar": "group-content",
+    className: cn("w-full text-sm", className),
+    ...props
+  }
+));
+SidebarGroupContent.displayName = "SidebarGroupContent";
+var SidebarMenu = React5.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "ul",
+    {
+      ref,
+      "data-sidebar": "menu",
+      className: cn("flex w-full min-w-0 flex-col gap-1", className),
+      ...props
+    }
+  )
+);
+SidebarMenu.displayName = "SidebarMenu";
+var SidebarMenuItem = React5.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "li",
+    {
+      ref,
+      "data-sidebar": "menu-item",
+      className: cn("group/menu-item relative", className),
+      ...props
+    }
+  )
+);
+SidebarMenuItem.displayName = "SidebarMenuItem";
+var SidebarMenuButton = React5.forwardRef(({ isActive = false, tooltip, className, children, ...props }, ref) => {
+  const { state } = useSidebar();
+  const button = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "button",
+    {
+      ref,
+      "data-sidebar": "menu-button",
+      "data-active": isActive,
+      "aria-current": isActive ? "page" : void 0,
+      className: cn(
+        "peer/menu-button flex w-full h-8 items-center gap-2 overflow-hidden rounded-lg p-2 text-left outline-none transition-[width,height,padding] hover:bg-white/10 data-[active=true]:bg-info data-[active=true]:hover:bg-info group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 group-data-[collapsible=icon]:!gap-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+  if (!tooltip || state !== "collapsed") {
+    return button;
+  }
+  const tooltipProps = typeof tooltip === "string" ? { children: tooltip } : tooltip;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Tooltip, { delayDuration: 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TooltipContent, { side: "right", align: "center", ...tooltipProps })
+  ] });
+});
+SidebarMenuButton.displayName = "SidebarMenuButton";
+
+// src/components/ui/date-picker.tsx
+var React7 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
 
 // src/components/ui/input.tsx
-var React4 = __toESM(require("react"));
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var React6 = __toESM(require("react"));
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var inputBaseStyles = "flex h-10 py-2 w-full border bg-light text-dark focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 transition-colors rounded-md px-3 min-w-80 placeholder:text-secondary read-only:bg-gray read-only:cursor-default read-only:border-transparent read-only:text-secondary read-only:focus-visible:border-transparent border-secondary focus-visible:border-2 focus-visible:border-strong disabled:border-secondary aria-invalid:border-error aria-invalid:focus-visible:border-error";
-var Input = React4.forwardRef(
+var Input = React6.forwardRef(
   ({
     className,
     style,
@@ -2314,7 +2668,7 @@ var Input = React4.forwardRef(
     readOnly,
     ...props
   }, ref) => {
-    const [internalValue, setInternalValue] = React4.useState(value || "");
+    const [internalValue, setInternalValue] = React6.useState(value || "");
     const isControlled = value !== void 0;
     const currentValue = isControlled ? value : internalValue;
     const showClear = showClearProp !== false && currentValue && currentValue.toString().length > 0 && !readOnly;
@@ -2344,8 +2698,8 @@ var Input = React4.forwardRef(
       }
       onClear?.();
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "input",
         {
           className: cn(
@@ -2361,23 +2715,23 @@ var Input = React4.forwardRef(
           ...props
         }
       ),
-      showClear && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      showClear && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "button",
         {
           type: "button",
           onClick: handleClear,
           className: "absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-secondary hover:text-dark transition-colors",
-          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(X, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(X, { className: "h-4 w-4" })
         }
       ),
-      showLock && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Lock, { className: "absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-secondary" })
+      showLock && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Lock, { className: "absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-secondary" })
     ] });
   }
 );
 Input.displayName = "Input";
 
 // src/components/ui/date-picker.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var getDayNames = () => {
   const days = [];
   for (let i = 0; i < 7; i++) {
@@ -2413,7 +2767,7 @@ var formatDateInput = (date) => {
     day: "2-digit"
   });
 };
-var DatePicker = React5.forwardRef(
+var DatePicker = React7.forwardRef(
   ({
     value,
     onValueChange,
@@ -2432,19 +2786,19 @@ var DatePicker = React5.forwardRef(
       if (isNaN(parsed.getTime())) return void 0;
       return parsed;
     };
-    const [selectedDate, setSelectedDate] = React5.useState(
+    const [selectedDate, setSelectedDate] = React7.useState(
       value || parseDate(defaultValue)
     );
-    const [currentMonth, setCurrentMonth] = React5.useState(() => {
+    const [currentMonth, setCurrentMonth] = React7.useState(() => {
       const date = value || parseDate(defaultValue) || /* @__PURE__ */ new Date();
       return new Date(date.getFullYear(), date.getMonth());
     });
-    const [open, setOpen] = React5.useState(false);
-    const [inputValue, setInputValue] = React5.useState(() => {
+    const [open, setOpen] = React7.useState(false);
+    const [inputValue, setInputValue] = React7.useState(() => {
       const initialDate = value || parseDate(defaultValue);
       return initialDate ? formatDateInput(initialDate) : "";
     });
-    React5.useEffect(() => {
+    React7.useEffect(() => {
       setSelectedDate(value);
       if (value) {
         setCurrentMonth(new Date(value.getFullYear(), value.getMonth()));
@@ -2455,7 +2809,7 @@ var DatePicker = React5.forwardRef(
         setInputValue("");
       }
     }, [value]);
-    React5.useEffect(() => {
+    React7.useEffect(() => {
       if (value) return;
       const parsedDefault = parseDate(defaultValue);
       if (!parsedDefault) return;
@@ -2578,14 +2932,14 @@ var DatePicker = React5.forwardRef(
     const months = getMonthNames();
     const dayNames = getDayNames();
     const years = generateYears();
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
       PopoverPrimitive.Root,
       {
         open: disabled ? false : open,
         onOpenChange: disabled ? void 0 : setOpen,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               Input,
               {
                 ref,
@@ -2598,7 +2952,7 @@ var DatePicker = React5.forwardRef(
                 ...props
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { className: "absolute right-3 top-1/2 transform -translate-y-1/2 hover:bg-gray rounded p-0.5 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { className: "absolute right-3 top-1/2 transform -translate-y-1/2 hover:bg-gray rounded p-0.5 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               Calendar,
               {
                 className: cn(
@@ -2608,7 +2962,7 @@ var DatePicker = React5.forwardRef(
               }
             ) }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             PopoverPrimitive.Content,
             {
               className: "z-50 w-80 rounded-lg border border-secondary bg-light text-dark shadow-lg animate-in fade-in-0 zoom-in-95 duration-200",
@@ -2617,51 +2971,51 @@ var DatePicker = React5.forwardRef(
               alignOffset: -12,
               side: "bottom",
               sticky: "always",
-              children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "p-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center justify-between mb-4 gap-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "p-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center justify-between mb-4 gap-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                     "button",
                     {
                       onClick: () => handleMonthChange("prev"),
                       className: "p-1 hover:bg-gray rounded transition-colors flex-shrink-0",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ChevronLeft, { className: "h-4 w-4" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ChevronLeft, { className: "h-4 w-4" })
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex gap-1 flex-1 min-w-0", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex gap-1 flex-1 min-w-0", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
                       Select,
                       {
                         value: currentMonth.getMonth().toString(),
                         onValueChange: handleMonthSelect,
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectTrigger, { className: "min-w-fit h-8 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectValue, {}) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectContent, { children: months.map((month, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectItem, { value: index.toString(), children: month }, month)) })
+                          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectTrigger, { className: "min-w-fit h-8 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectValue, {}) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectContent, { children: months.map((month, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectItem, { value: index.toString(), children: month }, month)) })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
                       Select,
                       {
                         value: currentMonth.getFullYear().toString(),
                         onValueChange: handleYearSelect,
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectTrigger, { className: "min-w-fit h-8 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectValue, {}) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectContent, { children: years.map((year) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectItem, { value: year.toString(), children: year }, year)) })
+                          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectTrigger, { className: "min-w-fit h-8 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectValue, {}) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectContent, { children: years.map((year) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectItem, { value: year.toString(), children: year }, year)) })
                         ]
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                     "button",
                     {
                       onClick: () => handleMonthChange("next"),
                       className: "p-1 hover:bg-gray rounded transition-colors flex-shrink-0",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ChevronRight, { className: "h-4 w-4" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ChevronRight, { className: "h-4 w-4" })
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "space-y-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "grid grid-cols-7 gap-1 mb-2", children: dayNames.map((day) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "space-y-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "grid grid-cols-7 gap-1 mb-2", children: dayNames.map((day) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                     Typography,
                     {
                       variant: "label-xs-bold",
@@ -2671,11 +3025,11 @@ var DatePicker = React5.forwardRef(
                     },
                     day
                   )) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "grid grid-cols-7 gap-1", children: days.map((date, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "grid grid-cols-7 gap-1", children: days.map((date, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                     "div",
                     {
                       className: "h-8 w-8 flex items-center justify-center",
-                      children: date && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                      children: date && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                         "button",
                         {
                           onClick: () => handleDateSelect(date),
@@ -2689,7 +3043,7 @@ var DatePicker = React5.forwardRef(
                             isToday(date) && !isDateSelected(date) && !isDateDisabled(date) && "text-blue-600 after:content-[''] after:absolute after:bottom-1 after:left-1/2 after:-translate-x-1/2 after:w-1 after:h-1 after:bg-blue-600 after:rounded-full",
                             isDateDisabled(date) && "text-secondary/40 cursor-not-allowed opacity-50"
                           ),
-                          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Typography, { variant: "label-sm", as: "span", children: date.getDate() })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Typography, { variant: "label-sm", as: "span", children: date.getDate() })
                         }
                       )
                     },
@@ -2707,9 +3061,9 @@ var DatePicker = React5.forwardRef(
 DatePicker.displayName = "DatePicker";
 
 // src/components/ui/upload.tsx
-var React6 = __toESM(require("react"));
+var React8 = __toESM(require("react"));
 var import_class_variance_authority6 = require("class-variance-authority");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var DEFAULT_MAX_FILE_SIZE = 10 * 1024 * 1024;
 var uploadVariants = (0, import_class_variance_authority6.cva)(
   "relative flex flex-col items-center justify-center rounded-lg transition-all duration-200 ease-in-out overflow-hidden",
@@ -2733,7 +3087,7 @@ var uploadVariants = (0, import_class_variance_authority6.cva)(
     }
   }
 );
-var Upload = React6.forwardRef(
+var Upload = React8.forwardRef(
   ({
     className,
     onFileSelect,
@@ -2746,8 +3100,8 @@ var Upload = React6.forwardRef(
     selectedFiles = [],
     ...props
   }, ref) => {
-    const fileInputRef = React6.useRef(null);
-    const [isDragOver, setIsDragOver] = React6.useState(false);
+    const fileInputRef = React8.useRef(null);
+    const [isDragOver, setIsDragOver] = React8.useState(false);
     const getFileTypeDisplay = () => {
       const typeMap = {
         "application/pdf": "PDF",
@@ -2811,17 +3165,17 @@ var Upload = React6.forwardRef(
     const renderContent = () => {
       switch (effectiveState) {
         case "error":
-          return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
             "div",
             {
               className: "flex flex-col items-center text-center max-w-[289px]",
               style: { gap: "32px" },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "space-y-4", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Typography, { variant: "heading-sm", children: "Upload fail" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Typography, { variant: "body-md", className: "text-error", children: errorMessage })
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "space-y-4", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Typography, { variant: "heading-sm", children: "Upload fail" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Typography, { variant: "body-md", className: "text-error", children: errorMessage })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                   Button,
                   {
                     variant: "destructive",
@@ -2835,22 +3189,22 @@ var Upload = React6.forwardRef(
             }
           );
         case "uploading":
-          return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
             "div",
             {
               className: "flex flex-col items-center text-center max-w-[289px]",
               style: { gap: "32px" },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Typography, { variant: "heading-sm", className: "text-dark", children: "Uploading files" }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "w-full max-w-[720px] space-y-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "w-full bg-gray rounded-full h-2", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Typography, { variant: "heading-sm", className: "text-dark", children: "Uploading files" }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w-full max-w-[720px] space-y-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w-full bg-gray rounded-full h-2", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                     "div",
                     {
                       className: "bg-canvas-primary h-2 rounded-full transition-all duration-300 ease-in-out",
                       style: { width: `${progress}%` }
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
                     Typography,
                     {
                       variant: "body-sm",
@@ -2866,29 +3220,29 @@ var Upload = React6.forwardRef(
             }
           );
         case "success":
-          return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "div",
             {
               className: "flex flex-col items-center text-center max-w-[289px]",
               style: { gap: "32px" },
-              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "space-y-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Typography, { variant: "heading-sm", className: "text-success", children: "Upload successful!" }),
-                selectedFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "text-center", children: selectedFiles.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Typography, { variant: "body-sm", children: file.name }, index)) })
+              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "space-y-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Typography, { variant: "heading-sm", className: "text-success", children: "Upload successful!" }),
+                selectedFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "text-center", children: selectedFiles.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Typography, { variant: "body-sm", children: file.name }, index)) })
               ] })
             }
           );
         default:
-          return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
             "div",
             {
               className: "flex flex-col items-center text-center max-w-[289px]",
               style: { gap: "32px" },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "space-y-4", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Typography, { variant: "heading-sm", className: "text-dark", children: "Drag & drop files here" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Typography, { variant: "body-md", className: "text-secondary", children: "or click to browse from your computer" })
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "space-y-4", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Typography, { variant: "heading-sm", className: "text-dark", children: "Drag & drop files here" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Typography, { variant: "body-md", className: "text-secondary", children: "or click to browse from your computer" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                   Button,
                   {
                     variant: "default",
@@ -2902,10 +3256,10 @@ var Upload = React6.forwardRef(
                     children: "Choose files"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Typography, { variant: "body-sm", className: "text-secondary", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Typography, { variant: "body-sm", className: "text-secondary", children: [
                   "Supported file: ",
                   getFileTypeDisplay(),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("br", {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("br", {}),
                   "Max: ",
                   Math.round(maxFileSize / 1024 / 1024),
                   " MB each"
@@ -2915,7 +3269,7 @@ var Upload = React6.forwardRef(
           );
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       "div",
       {
         ref,
@@ -2939,7 +3293,7 @@ var Upload = React6.forwardRef(
         "aria-disabled": disabled,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "input",
             {
               ref: fileInputRef,
@@ -2959,34 +3313,34 @@ var Upload = React6.forwardRef(
 Upload.displayName = "Upload";
 
 // src/components/ui/checkbox.tsx
-var React7 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
 var import_class_variance_authority7 = require("class-variance-authority");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var checkboxVariants = (0, import_class_variance_authority7.cva)(
   "peer size-4 shrink-0 rounded-[4px] border bg-light hover:bg-info-subtle transition-colors focus-visible:outline-none focus-visible:border-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-light [&_svg]:pointer-events-none [&_svg]:size-3 [&_svg]:shrink-0 border-strong focus-visible:border-interactive aria-invalid:border-error aria-invalid:focus-visible:border-error"
 );
-var Checkbox = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var Checkbox = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   CheckboxPrimitive.Root,
   {
     ref,
     className: cn(checkboxVariants(), className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CheckIcon, { variant: "light", className: "size-3" }) })
+    children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CheckIcon, { variant: "light", className: "size-3" }) })
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
 // src/components/ui/textarea.tsx
-var React8 = __toESM(require("react"));
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var Textarea = React8.forwardRef(
+var React10 = __toESM(require("react"));
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var Textarea = React10.forwardRef(
   ({ className, style, ...props }, ref) => {
     const tokenStyles = {
       font: "var(--typography-label-md-regular)",
       ...style
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "textarea",
       {
         className: cn(
@@ -3003,9 +3357,9 @@ var Textarea = React8.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/ui/badge.tsx
-var React9 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 var import_class_variance_authority8 = require("class-variance-authority");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority8.cva)(
   "inline-flex items-center justify-center gap-1 whitespace-nowrap transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
   {
@@ -3028,7 +3382,7 @@ var badgeVariants = (0, import_class_variance_authority8.cva)(
 function getBadgeTypographyStyles() {
   return { font: "var(--typography-label-sm-bold)" };
 }
-var Badge = React9.forwardRef(
+var Badge = React11.forwardRef(
   ({ className, variant, style, ...props }, ref) => {
     if (!variant) {
       return null;
@@ -3038,7 +3392,7 @@ var Badge = React9.forwardRef(
       ...typographyStyles,
       ...style
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "span",
       {
         className: cn(
@@ -3056,13 +3410,13 @@ var Badge = React9.forwardRef(
 Badge.displayName = "Badge";
 
 // src/components/pdf-viewer/index.tsx
-var React14 = __toESM(require("react"));
+var React16 = __toESM(require("react"));
 var import_TextLayer = require("react-pdf/dist/Page/TextLayer.css");
 
 // src/components/pdf-viewer/components/PdfDocument.tsx
-var React10 = __toESM(require("react"));
+var React12 = __toESM(require("react"));
 var import_react_pdf = require("react-pdf");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var PdfDocument = ({
   file,
   pageWidth,
@@ -3070,24 +3424,24 @@ var PdfDocument = ({
   onLoadSuccess,
   onLoadError
 }) => {
-  const [numPages, setNumPages] = React10.useState();
+  const [numPages, setNumPages] = React12.useState();
   function handleDocumentLoadSuccess({ numPages: numPages2 }) {
     setNumPages(numPages2);
     onLoadSuccess?.(numPages2);
   }
   if (!file) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Typography, { variant: "body-md", className: "text-secondary", children: "No PDF available" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Typography, { variant: "body-md", className: "text-secondary", children: "No PDF available" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     import_react_pdf.Document,
     {
       file,
       onLoadSuccess: handleDocumentLoadSuccess,
       onLoadError,
-      loading: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Typography, { variant: "body-md", className: "text-secondary", children: "Rendering PDF..." }) }),
-      error: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Typography, { variant: "body-md", className: "text-error", children: "Failed to render PDF" }) }),
+      loading: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Typography, { variant: "body-md", className: "text-secondary", children: "Rendering PDF..." }) }),
+      error: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Typography, { variant: "body-md", className: "text-error", children: "Failed to render PDF" }) }),
       className: "flex flex-col items-center p-4",
-      children: numPages && pageWidth > 0 && Array.from(new Array(numPages), (_, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      children: numPages && pageWidth > 0 && Array.from(new Array(numPages), (_, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         import_react_pdf.Page,
         {
           pageNumber: index + 1,
@@ -3104,14 +3458,14 @@ var PdfDocument = ({
 PdfDocument.displayName = "PdfDocument";
 
 // src/components/pdf-viewer/components/PdfHeader.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var PdfHeader = ({
   title,
   onDownload,
   onPrint
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center justify-between gap-4 px-4 py-3 bg-neutral-400 border-b border-subtle", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex-shrink min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between gap-4 px-4 py-3 bg-neutral-400 border-b border-subtle", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex-shrink min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       Typography,
       {
         variant: "label-md-bold",
@@ -3120,25 +3474,25 @@ var PdfHeader = ({
         children: title || "Untitled Document"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "button",
         {
           onClick: onDownload,
           className: "p-2 hover:bg-neutral-500 rounded transition-colors",
           "aria-label": "Download PDF",
           type: "button",
-          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Download, { variant: "dark", className: "w-5 h-5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Download, { variant: "dark", className: "w-5 h-5" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "button",
         {
           onClick: onPrint,
           className: "p-2 hover:bg-neutral-500 rounded transition-colors",
           "aria-label": "Print PDF",
           type: "button",
-          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Print, { variant: "dark", className: "w-5 h-5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Print, { variant: "dark", className: "w-5 h-5" })
         }
       )
     ] })
@@ -3147,12 +3501,12 @@ var PdfHeader = ({
 PdfHeader.displayName = "PdfHeader";
 
 // src/components/pdf-viewer/hooks/useContainerWidth.ts
-var React11 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 function useContainerWidth(padding = 32) {
-  const [containerWidth, setContainerWidth] = React11.useState(0);
-  const containerRef = React11.useRef(null);
-  const lastWidthRef = React11.useRef(0);
-  React11.useEffect(() => {
+  const [containerWidth, setContainerWidth] = React13.useState(0);
+  const containerRef = React13.useRef(null);
+  const lastWidthRef = React13.useRef(0);
+  React13.useEffect(() => {
     const element = containerRef.current;
     if (!element) return;
     const resizeObserver = new ResizeObserver((entries) => {
@@ -3176,9 +3530,9 @@ function useContainerWidth(padding = 32) {
 }
 
 // src/components/pdf-viewer/hooks/usePdfDownload.ts
-var React12 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 function usePdfDownload(file, title) {
-  const download = React12.useCallback(async () => {
+  const download = React14.useCallback(async () => {
     if (!file) return;
     try {
       let blob;
@@ -3210,11 +3564,11 @@ function usePdfDownload(file, title) {
 }
 
 // src/components/pdf-viewer/hooks/usePdfPrint.ts
-var React13 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 function usePdfPrint(file) {
-  const [printBlobUrl, setPrintBlobUrl] = React13.useState(null);
-  const printFrameRef = React13.useRef(null);
-  const preparePrint = React13.useCallback(async () => {
+  const [printBlobUrl, setPrintBlobUrl] = React15.useState(null);
+  const printFrameRef = React15.useRef(null);
+  const preparePrint = React15.useCallback(async () => {
     if (!file) return;
     try {
       let blob;
@@ -3230,14 +3584,14 @@ function usePdfPrint(file) {
       console.error("Failed to prepare PDF for printing:", error);
     }
   }, [file]);
-  React13.useEffect(() => {
+  React15.useEffect(() => {
     return () => {
       if (printBlobUrl) {
         URL.revokeObjectURL(printBlobUrl);
       }
     };
   }, [printBlobUrl]);
-  const print = React13.useCallback(() => {
+  const print = React15.useCallback(() => {
     if (printFrameRef.current?.contentWindow) {
       printFrameRef.current.contentWindow.print();
     }
@@ -3252,8 +3606,8 @@ function initializePdfWorker(workerUrl) {
 }
 
 // src/components/pdf-viewer/index.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var PdfViewer = React14.forwardRef(
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var PdfViewer = React16.forwardRef(
   ({
     file,
     title,
@@ -3270,35 +3624,35 @@ var PdfViewer = React14.forwardRef(
     const { printFrameRef, printBlobUrl, preparePrint, print } = usePdfPrint(file);
     const download = usePdfDownload(file, title);
     const effectiveWidth = pageWidth || containerWidth;
-    const handleLoadSuccess = React14.useCallback(
+    const handleLoadSuccess = React16.useCallback(
       async (numPages) => {
         onLoadSuccess?.(numPages);
         await preparePrint();
       },
       [onLoadSuccess, preparePrint]
     );
-    const handleDownload = React14.useCallback(() => {
+    const handleDownload = React16.useCallback(() => {
       if (onDownload) {
         onDownload();
         return;
       }
       download();
     }, [onDownload, download]);
-    const handlePrint = React14.useCallback(() => {
+    const handlePrint = React16.useCallback(() => {
       if (onPrint) {
         onPrint();
         return;
       }
       print();
     }, [onPrint, print]);
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       "div",
       {
         ref,
         className: cn("h-full flex flex-col", className),
         ...props,
         children: [
-          printBlobUrl && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          printBlobUrl && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             "iframe",
             {
               ref: printFrameRef,
@@ -3307,7 +3661,7 @@ var PdfViewer = React14.forwardRef(
               title: "PDF for printing"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             PdfHeader,
             {
               title,
@@ -3315,12 +3669,12 @@ var PdfViewer = React14.forwardRef(
               onPrint: handlePrint
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             "div",
             {
               ref: containerRef,
               className: "flex-1 overflow-y-auto overflow-x-hidden bg-neutral-300",
-              children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 PdfDocument,
                 {
                   file,
@@ -3340,9 +3694,9 @@ var PdfViewer = React14.forwardRef(
 PdfViewer.displayName = "PdfViewer";
 
 // src/components/ui/tabs.tsx
-var React15 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var import_class_variance_authority9 = require("class-variance-authority");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var tabsVariants = (0, import_class_variance_authority9.cva)(
   "inline-flex items-center justify-start whitespace-nowrap transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-interactive focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-10",
   {
@@ -3356,17 +3710,17 @@ var tabsVariants = (0, import_class_variance_authority9.cva)(
     }
   }
 );
-var TabsContext = React15.createContext(
+var TabsContext = React17.createContext(
   void 0
 );
 function useTabsContext() {
-  const context = React15.useContext(TabsContext);
+  const context = React17.useContext(TabsContext);
   if (!context) {
     throw new Error("Tabs components must be used within a Tabs provider");
   }
   return context;
 }
-var Tabs = React15.forwardRef((props, ref) => {
+var Tabs = React17.forwardRef((props, ref) => {
   const {
     className,
     value,
@@ -3375,7 +3729,7 @@ var Tabs = React15.forwardRef((props, ref) => {
     children,
     ...restProps
   } = props;
-  const contextValue = React15.useMemo(
+  const contextValue = React17.useMemo(
     () => ({
       activeTab: value,
       setActiveTab: onValueChange,
@@ -3383,13 +3737,13 @@ var Tabs = React15.forwardRef((props, ref) => {
     }),
     [value, onValueChange, variant]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TabsContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { ref, className: cn("w-full", className), ...restProps, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TabsContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { ref, className: cn("w-full", className), ...restProps, children }) });
 });
 Tabs.displayName = "Tabs";
-var TabsList = React15.forwardRef(
+var TabsList = React17.forwardRef(
   (props, ref) => {
     const { className, children, ...restProps } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "div",
       {
         ref,
@@ -3405,7 +3759,7 @@ TabsList.displayName = "TabsList";
 var getTabTypographyStyles = (isActive) => ({
   font: isActive ? "var(--typography-label-sm-bold)" : "var(--typography-label-sm-regular)"
 });
-var TabsTrigger = React15.forwardRef(
+var TabsTrigger = React17.forwardRef(
   (props, ref) => {
     const { className, value, disabled, style, children, ...restProps } = props;
     const { activeTab, setActiveTab, variant } = useTabsContext();
@@ -3413,22 +3767,22 @@ var TabsTrigger = React15.forwardRef(
       throw new Error("TabsTrigger must have a value prop");
     }
     const isActive = activeTab === value;
-    const tokenStyles = React15.useMemo(
+    const tokenStyles = React17.useMemo(
       () => ({
         ...getTabTypographyStyles(isActive),
         ...style
       }),
       [isActive, style]
     );
-    const triggerClassName = React15.useMemo(
+    const triggerClassName = React17.useMemo(
       () => cn(tabsVariants({ variant }), className),
       [variant, className]
     );
-    const handleClick = React15.useCallback(() => {
+    const handleClick = React17.useCallback(() => {
       if (disabled) return;
       setActiveTab(value);
     }, [disabled, setActiveTab, value]);
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "button",
       {
         ref,
@@ -3442,13 +3796,13 @@ var TabsTrigger = React15.forwardRef(
         disabled,
         onClick: handleClick,
         ...restProps,
-        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "pl-3 pr-6 py-2", children })
+        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "pl-3 pr-6 py-2", children })
       }
     );
   }
 );
 TabsTrigger.displayName = "TabsTrigger";
-var TabsContent = React15.forwardRef(
+var TabsContent = React17.forwardRef(
   (props, ref) => {
     const { className, value, children, ...restProps } = props;
     const { activeTab } = useTabsContext();
@@ -3459,7 +3813,7 @@ var TabsContent = React15.forwardRef(
     if (!isActive) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "div",
       {
         ref,
@@ -3477,11 +3831,11 @@ var TabsContent = React15.forwardRef(
 TabsContent.displayName = "TabsContent";
 
 // src/components/ui/dropdown-menu.tsx
-var React16 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive.Root;
-var DropdownMenuTrigger = React16.forwardRef(({ className, icon, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+var DropdownMenuTrigger = React18.forwardRef(({ className, icon, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
   DropdownMenuPrimitive.Trigger,
   {
     ref,
@@ -3491,7 +3845,7 @@ var DropdownMenuTrigger = React16.forwardRef(({ className, icon, children, ...pr
     ),
     ...props,
     children: [
-      icon || /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MoreMenu, { className: "size-4" }),
+      icon || /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(MoreMenu, { className: "size-4" }),
       children
     ]
   }
@@ -3501,7 +3855,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React16.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+var DropdownMenuSubTrigger = React18.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -3514,12 +3868,12 @@ var DropdownMenuSubTrigger = React16.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ChevronRight, { className: "ml-auto" })
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChevronRight, { className: "ml-auto" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var DropdownMenuSubContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -3531,7 +3885,7 @@ var DropdownMenuSubContent = React16.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React16.forwardRef(({ className, sideOffset = 4, align = "end", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var DropdownMenuContent = React18.forwardRef(({ className, sideOffset = 4, align = "end", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -3545,7 +3899,7 @@ var DropdownMenuContent = React16.forwardRef(({ className, sideOffset = 4, align
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React16.forwardRef(({ className, inset, style, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var DropdownMenuItem = React18.forwardRef(({ className, inset, style, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -3562,7 +3916,7 @@ var DropdownMenuItem = React16.forwardRef(({ className, inset, style, ...props }
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React16.forwardRef(({ className, children, style, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+var DropdownMenuCheckboxItem = React18.forwardRef(({ className, children, style, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -3577,7 +3931,7 @@ var DropdownMenuCheckboxItem = React16.forwardRef(({ className, children, style,
     },
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         Checkbox,
         {
           checked: checked === true,
@@ -3585,12 +3939,12 @@ var DropdownMenuCheckboxItem = React16.forwardRef(({ className, children, style,
           "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "flex-1", children })
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "flex-1", children })
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React16.forwardRef(({ className, children, style, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+var DropdownMenuRadioItem = React18.forwardRef(({ className, children, style, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -3604,13 +3958,13 @@ var DropdownMenuRadioItem = React16.forwardRef(({ className, children, style, ..
     },
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "h-2 w-2 rounded-full bg-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "h-2 w-2 rounded-full bg-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React16.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var DropdownMenuLabel = React18.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -3623,7 +3977,7 @@ var DropdownMenuLabel = React16.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var DropdownMenuSeparator = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -3636,7 +3990,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "span",
     {
       className: cn("ml-auto text-xs tracking-widest opacity-60", className),
@@ -3647,21 +4001,21 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/ui/charts/chart-legend.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function ChartLegend({
   items,
   x = 0,
   y = 550,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("foreignObject", { x, y, width: "100%", height: "40", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("foreignObject", { x, y, width: "100%", height: "40", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "div",
     {
       className: `flex justify-center items-center gap-6 ${className}`,
       style: { height: "100%" },
-      children: items.map(({ key, color, label }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w-3 h-3", style: { backgroundColor: color } }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Typography, { variant: "body-xs", children: label || key })
+      children: items.map(({ key, color, label }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "w-3 h-3", style: { backgroundColor: color } }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Typography, { variant: "body-xs", children: label || key })
       ] }, key))
     }
   ) });
@@ -3779,12 +4133,12 @@ var formatLargeNumber = (value) => {
 };
 
 // src/components/ui/charts/chart-labels.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var createCustomXAxisLabel = (text, yOffset = 40) => {
   const CustomXAxisLabel = ({ viewBox }) => {
     if (!viewBox) return null;
     const { x, y, width } = viewBox;
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("foreignObject", { x, y: y + yOffset, width, height: 20, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex justify-center w-full", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Typography, { variant: "label-xs-bold", className: "text-secondary", children: text }) }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("foreignObject", { x, y: y + yOffset, width, height: 20, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex justify-center w-full", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Typography, { variant: "label-xs-bold", className: "text-secondary", children: text }) }) }) });
   };
   CustomXAxisLabel.displayName = "CustomXAxisLabel";
   return CustomXAxisLabel;
@@ -3794,7 +4148,7 @@ var createCustomYAxisLabel = (text, leftMargin) => {
     if (!viewBox) return null;
     const { x, y, height } = viewBox;
     const offset = leftMargin ? leftMargin + 10 : 110;
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("foreignObject", { x: x - offset, y, width: 100, height, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex items-center justify-center h-full transform -rotate-90 whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Typography, { variant: "label-xs-bold", className: "text-secondary", children: text }) }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("foreignObject", { x: x - offset, y, width: 100, height, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex items-center justify-center h-full transform -rotate-90 whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Typography, { variant: "label-xs-bold", className: "text-secondary", children: text }) }) }) });
   };
   CustomYAxisLabel.displayName = "CustomYAxisLabel";
   return CustomYAxisLabel;
@@ -3803,14 +4157,14 @@ var createCustomYAxisRightLabel = (text) => {
   const CustomYAxisRightLabel = ({ viewBox }) => {
     if (!viewBox) return null;
     const { x, y, width, height } = viewBox;
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("foreignObject", { x: x + width - 70, y, width: 120, height, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex items-center justify-center h-full transform rotate-90 whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Typography, { variant: "label-xs-bold", className: "text-secondary", children: text }) }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("foreignObject", { x: x + width - 70, y, width: 120, height, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex items-center justify-center h-full transform rotate-90 whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Typography, { variant: "label-xs-bold", className: "text-secondary", children: text }) }) }) });
   };
   CustomYAxisRightLabel.displayName = "CustomYAxisRightLabel";
   return CustomYAxisRightLabel;
 };
 var customXAxisTick = (props) => {
   const { x, y, payload } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("g", { transform: `translate(${x},${y})`, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("g", { transform: `translate(${x},${y})`, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "foreignObject",
     {
       x: -20,
@@ -3818,12 +4172,12 @@ var customXAxisTick = (props) => {
       width: 40,
       height: 20,
       style: { overflow: "visible" },
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         "div",
         {
           className: "flex items-start justify-center h-full",
           style: { overflow: "visible" },
-          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
             Typography,
             {
               variant: "body-xs",
@@ -3838,7 +4192,7 @@ var customXAxisTick = (props) => {
 };
 var customXAxisTickRotated = (props) => {
   const { x, y, payload } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("g", { transform: `translate(${x},${y})`, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("g", { transform: `translate(${x},${y})`, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "text",
     {
       x: 0,
@@ -3857,25 +4211,25 @@ var customYAxisTick = (props) => {
   const { x, y, payload } = props;
   const text = String(payload.value);
   const estimatedWidth = Math.max(text.length * 8, 80);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "foreignObject",
     {
       x: x - estimatedWidth + 5,
       y: y - 6,
       width: estimatedWidth,
       height: 15,
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex justify-end w-full", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Typography, { variant: "body-xs", className: "text-secondary", children: payload.value }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex justify-end w-full", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Typography, { variant: "body-xs", className: "text-secondary", children: payload.value }) })
     }
   );
 };
 
 // src/components/ui/charts/chart-tooltip.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function TooltipContainer({
   children,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       className: `bg-light border border-subtle rounded p-2.5 text-dark ${className}`,
@@ -3889,10 +4243,10 @@ function TooltipItem({
   value,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("br", {}),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Typography, { variant: "label-sm", className, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("br", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Typography, { variant: "label-sm", className, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         "span",
         {
           className: "inline-block w-3 h-3 mr-1.5",
@@ -3910,9 +4264,9 @@ function GenericTooltip({
   items,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(TooltipContainer, { className, children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Typography, { variant: "label-sm-bold", children: title }),
-    items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TooltipContainer, { className, children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typography, { variant: "label-sm-bold", children: title }),
+    items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       TooltipItem,
       {
         color: item.color,
@@ -3927,7 +4281,7 @@ function GenericTooltip({
 // src/components/ui/charts/bar-chart.tsx
 var import_react2 = require("react");
 var import_recharts = require("recharts");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var BarChart = (0, import_react2.forwardRef)(
   ({
     data,
@@ -3954,19 +4308,19 @@ var BarChart = (0, import_react2.forwardRef)(
     };
     const defaultLegendItems = showLegend && legendItems.length === 0 ? [{ key: yAxisKey, color: barColor, label: yAxisKey }] : legendItems;
     const hasData = data && data.length > 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
       "div",
       {
         ref,
         className: `bg-light border border-subtle mx-6 ${className}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex items-center justify-between px-3 py-2 border-b border-subtle", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Typography, { variant: "label-sm-bold", children: title }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "pt-2 px-2", children: hasData ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex items-center justify-between px-3 py-2 border-b border-subtle", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typography, { variant: "label-sm-bold", children: title }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "pt-2 px-2", children: hasData ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             import_recharts.ResponsiveContainer,
             {
               width: "100%",
               height: CHART_CONSTANTS.STANDARD_HEIGHT,
-              children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
                 import_recharts.BarChart,
                 {
                   data,
@@ -3978,7 +4332,7 @@ var BarChart = (0, import_react2.forwardRef)(
                   onClick: handleClick,
                   layout,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                       import_recharts.XAxis,
                       {
                         dataKey: xAxisKey,
@@ -3992,7 +4346,7 @@ var BarChart = (0, import_react2.forwardRef)(
                         label: xAxisLabel ? createCustomXAxisLabel(xAxisLabel, 80) : void 0
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                       import_recharts.YAxis,
                       {
                         axisLine: false,
@@ -4003,7 +4357,7 @@ var BarChart = (0, import_react2.forwardRef)(
                         type: yAxisType
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                       import_recharts.Tooltip,
                       {
                         content: ({
@@ -4012,7 +4366,7 @@ var BarChart = (0, import_react2.forwardRef)(
                           label
                         }) => {
                           if (active && payload && payload.length) {
-                            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                            return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                               GenericTooltip,
                               {
                                 title: label?.toString(),
@@ -4028,7 +4382,7 @@ var BarChart = (0, import_react2.forwardRef)(
                         }
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                       import_recharts.Bar,
                       {
                         dataKey: barDataKey || yAxisKey,
@@ -4036,12 +4390,12 @@ var BarChart = (0, import_react2.forwardRef)(
                         name: barDataKey || yAxisKey
                       }
                     ),
-                    showLegend && defaultLegendItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ChartLegend, { items: defaultLegendItems })
+                    showLegend && defaultLegendItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ChartLegend, { items: defaultLegendItems })
                   ]
                 }
               )
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex items-center justify-center h-[500px]", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Typography, { variant: "body-md", className: "text-secondary", children: "No data is available" }) }) })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex items-center justify-center h-[500px]", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typography, { variant: "body-md", className: "text-secondary", children: "No data is available" }) }) })
         ]
       }
     );
@@ -4052,7 +4406,7 @@ BarChart.displayName = "BarChart";
 // src/components/ui/charts/line-chart.tsx
 var import_react3 = require("react");
 var import_recharts2 = require("recharts");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var LineChart = (0, import_react3.forwardRef)(
   ({
     data,
@@ -4081,19 +4435,19 @@ var LineChart = (0, import_react3.forwardRef)(
       )
     );
     const hasData = data && data.length > 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
       "div",
       {
         ref,
         className: `bg-light border border-subtle mx-6 ${className}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex items-center justify-between px-3 py-2 border-b border-subtle", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typography, { variant: "label-sm-bold", children: title }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "pt-2 px-2", children: hasData ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex items-center justify-between px-3 py-2 border-b border-subtle", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Typography, { variant: "label-sm-bold", children: title }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "pt-2 px-2", children: hasData ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             import_recharts2.ResponsiveContainer,
             {
               width: "100%",
               height: CHART_CONSTANTS.STANDARD_HEIGHT,
-              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
                 import_recharts2.LineChart,
                 {
                   data,
@@ -4104,7 +4458,7 @@ var LineChart = (0, import_react3.forwardRef)(
                   },
                   onClick: handleClick,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                       import_recharts2.XAxis,
                       {
                         dataKey: xAxisKey,
@@ -4116,7 +4470,7 @@ var LineChart = (0, import_react3.forwardRef)(
                         label: xAxisLabel ? createCustomXAxisLabel(xAxisLabel) : void 0
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                       import_recharts2.YAxis,
                       {
                         axisLine: false,
@@ -4125,7 +4479,7 @@ var LineChart = (0, import_react3.forwardRef)(
                         label: yAxisLabel ? createCustomYAxisLabel(yAxisLabel, 40) : void 0
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                       import_recharts2.Tooltip,
                       {
                         content: ({
@@ -4134,7 +4488,7 @@ var LineChart = (0, import_react3.forwardRef)(
                           label
                         }) => {
                           if (active && payload && payload.length) {
-                            return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                            return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                               GenericTooltip,
                               {
                                 title: label?.toString(),
@@ -4150,7 +4504,7 @@ var LineChart = (0, import_react3.forwardRef)(
                         }
                       }
                     ),
-                    series.map((s, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                    series.map((s, index) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                       import_recharts2.Line,
                       {
                         type: "monotone",
@@ -4162,12 +4516,12 @@ var LineChart = (0, import_react3.forwardRef)(
                       },
                       s.dataKey
                     )),
-                    showLegend && defaultLegendItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ChartLegend, { items: defaultLegendItems })
+                    showLegend && defaultLegendItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ChartLegend, { items: defaultLegendItems })
                   ]
                 }
               )
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex items-center justify-center h-[500px]", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typography, { variant: "body-md", className: "text-secondary", children: "No data is available" }) }) })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex items-center justify-center h-[500px]", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Typography, { variant: "body-md", className: "text-secondary", children: "No data is available" }) }) })
         ]
       }
     );
@@ -4178,7 +4532,7 @@ LineChart.displayName = "LineChart";
 // src/components/ui/charts/pie-chart.tsx
 var import_react4 = require("react");
 var import_recharts3 = require("recharts");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var PieChart = (0, import_react4.forwardRef)(
   ({
     data,
@@ -4206,20 +4560,20 @@ var PieChart = (0, import_react4.forwardRef)(
       )
     );
     const hasData = data && data.length > 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       "div",
       {
         ref,
         className: `bg-light border border-subtle mx-6 ${className}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex items-center justify-between px-3 py-2 border-b border-subtle", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typography, { variant: "label-sm-bold", children: title }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "pt-2 px-2", children: hasData ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex items-center justify-between px-3 py-2 border-b border-subtle", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Typography, { variant: "label-sm-bold", children: title }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "pt-2 px-2", children: hasData ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
             import_recharts3.PieChart,
             {
               width: 600,
               height: CHART_CONSTANTS.LARGE_HEIGHT,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                   import_recharts3.Pie,
                   {
                     data,
@@ -4231,7 +4585,7 @@ var PieChart = (0, import_react4.forwardRef)(
                     label: showLabels,
                     labelLine: false,
                     onClick: handleClick,
-                    children: data.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                    children: data.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                       import_recharts3.Cell,
                       {
                         fill: entry.color || getSeriesColor(index)
@@ -4240,7 +4594,7 @@ var PieChart = (0, import_react4.forwardRef)(
                     ))
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                   import_recharts3.Tooltip,
                   {
                     content: ({
@@ -4249,7 +4603,7 @@ var PieChart = (0, import_react4.forwardRef)(
                     }) => {
                       if (active && payload && payload.length && payload[0]) {
                         const data2 = payload[0].payload;
-                        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                        return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                           GenericTooltip,
                           {
                             title: data2.name,
@@ -4267,10 +4621,10 @@ var PieChart = (0, import_react4.forwardRef)(
                     }
                   }
                 ),
-                showLegend && defaultLegendItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ChartLegend, { items: defaultLegendItems, y: 400 })
+                showLegend && defaultLegendItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ChartLegend, { items: defaultLegendItems, y: 400 })
               ]
             }
-          ) }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex items-center justify-center h-[500px]", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typography, { variant: "body-md", className: "text-secondary", children: "No data is available" }) }) })
+          ) }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex items-center justify-center h-[500px]", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Typography, { variant: "body-md", className: "text-secondary", children: "No data is available" }) }) })
         ]
       }
     );
@@ -4281,7 +4635,7 @@ PieChart.displayName = "PieChart";
 // src/components/ui/table.tsx
 var import_react5 = require("react");
 var import_react_table = require("@tanstack/react-table");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function Table({
   table,
   className,
@@ -4311,15 +4665,15 @@ function Table({
     },
     [table]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn("overflow-x-auto", className), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("table", { className: "min-w-full divide-y divide-border", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("thead", { className: "bg-dark text-light", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("tr", { children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("th", { className: "px-6 py-3 text-left", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("overflow-x-auto", className), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("table", { className: "min-w-full divide-y divide-border", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("thead", { className: "bg-dark text-light", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("tr", { children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("th", { className: "px-6 py-3 text-left", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
         "div",
         {
           className: `flex items-center space-x-1 ${header.column.getCanSort() ? "cursor-pointer select-none" : ""}`,
           onClick: header.column.getToggleSortingHandler(),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               Typography,
               {
                 variant: "label-xs",
@@ -4330,19 +4684,19 @@ function Table({
                 )
               }
             ),
-            header.column.getCanSort() && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "ml-1", children: [
-              header.column.getIsSorted() === "asc" && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ChevronUp, { className: "w-4 h-4 text-light" }),
-              header.column.getIsSorted() === "desc" && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ChevronDown, { className: "w-4 h-4 text-light" })
+            header.column.getCanSort() && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: "ml-1", children: [
+              header.column.getIsSorted() === "asc" && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronUp, { className: "w-4 h-4 text-light" }),
+              header.column.getIsSorted() === "desc" && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronDown, { className: "w-4 h-4 text-light" })
             ] })
           ]
         }
       ) }, header.id)) }, headerGroup.id)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("tbody", { className: "bg-light divide-y divide-border", children: table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("tr", { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "px-6 py-4 whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Typography, { variant: "body-sm", children: (0, import_react_table.flexRender)(
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("tbody", { className: "bg-light divide-y divide-border", children: table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("tr", { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("td", { className: "px-6 py-4 whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Typography, { variant: "body-sm", children: (0, import_react_table.flexRender)(
         cell.column.columnDef.cell,
         cell.getContext()
       ) }) }, cell.id)) }, row.id)) })
     ] }) }),
-    showPagination && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    showPagination && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "div",
       {
         className: cn(
@@ -4350,9 +4704,9 @@ function Table({
           paginationClassName
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Typography, { variant: "body-sm", className: "text-secondary", children: showingText }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center space-x-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Typography, { variant: "body-sm", className: "text-secondary", children: showingText }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center space-x-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               Button,
               {
                 variant: "ghost",
@@ -4360,7 +4714,7 @@ function Table({
                 onClick: handlePreviousPage,
                 disabled: !table.getCanPreviousPage(),
                 className: "p-2",
-                children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ChevronLeft, { className: "w-4 h-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronLeft, { className: "w-4 h-4" })
               }
             ),
             Array.from(
@@ -4377,7 +4731,7 @@ function Table({
                   pageNumber = currentPage - 2 + i;
                 }
                 const isActive = pageNumber === currentPage;
-                return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                   Button,
                   {
                     variant: isActive ? "default" : "ghost",
@@ -4390,11 +4744,11 @@ function Table({
                 );
               }
             ),
-            table.getPageCount() > 5 && currentPage < totalPages - 3 && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "px-1 text-secondary", children: "..." }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Typography, { variant: "body-sm", className: "text-secondary", children: totalPages })
+            table.getPageCount() > 5 && currentPage < totalPages - 3 && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "px-1 text-secondary", children: "..." }),
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Typography, { variant: "body-sm", className: "text-secondary", children: totalPages })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               Button,
               {
                 variant: "ghost",
@@ -4402,12 +4756,12 @@ function Table({
                 onClick: handleNextPage,
                 disabled: !table.getCanNextPage(),
                 className: "p-2",
-                children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ChevronRight, { className: "w-4 h-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronRight, { className: "w-4 h-4" })
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-3 w-48", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-3 w-48", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               Typography,
               {
                 variant: "body-sm",
@@ -4415,14 +4769,14 @@ function Table({
                 children: "Rows per page:"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
               Select,
               {
                 value: table.getState().pagination.pageSize.toString(),
                 onValueChange: handlePageSizeChange,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectTrigger, { className: "min-w-0 h-8", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectValue, {}) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectContent, { children: [10, 20, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectItem, { value: size.toString(), children: size }, size)) })
+                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectTrigger, { className: "min-w-0 h-8", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectValue, {}) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectContent, { children: [10, 20, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectItem, { value: size.toString(), children: size }, size)) })
                 ]
               }
             )
@@ -4519,6 +4873,7 @@ function Table({
   MagnifyingGlass,
   Minus,
   MoreMenu,
+  Panel,
   PdfViewer,
   Phone,
   PieChart,
@@ -4537,6 +4892,17 @@ function Table({
   SelectValue,
   Separator,
   Share,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupContent,
+  SidebarHeader,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarProvider,
   Star,
   Statement,
   Table,
@@ -4546,8 +4912,12 @@ function Table({
   TabsList,
   TabsTrigger,
   Textarea,
+  Tooltip,
   TooltipContainer,
+  TooltipContent,
   TooltipItem,
+  TooltipProvider,
+  TooltipTrigger,
   Trash,
   Typography,
   Upload,
@@ -4576,5 +4946,6 @@ function Table({
   selectTriggerVariants,
   tabsVariants,
   typographyVariants,
-  uploadVariants
+  uploadVariants,
+  useSidebar
 });