npm - @northslopetech/altitude-ui - Versions diffs - 3.0.0-alpha.3 → 3.0.0-alpha.4 - Mend

@northslopetech/altitude-ui 3.0.0-alpha.3 → 3.0.0-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.mjs CHANGED Viewed

@@ -889,13 +889,136 @@ function FieldError({
   );
 }
-// src/components/ui/breadcrumb.tsx
+// src/components/ui/dialog.tsx
 import * as React9 from "react";
-import { mergeProps } from "@base-ui/react/merge-props";
-import { useRender } from "@base-ui/react/use-render";
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
 import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
-var Breadcrumb = React9.forwardRef(
+var DialogChromeContext = React9.createContext(null);
+function useDialogChrome() {
+  return React9.useContext(DialogChromeContext) ?? { showCloseButton: false };
+}
+var DialogCloseControl = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs3(
+  DialogPrimitive.Close,
+  {
+    ref,
+    type: "button",
+    className: cn(
+      "shrink-0 rounded-md p-1 text-secondary transition-colors",
+      "hover:bg-subtle focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-interactive focus-visible:ring-offset-2",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx10(CloseIcon, { size: 16, "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "Close" })
+    ]
+  }
+));
+DialogCloseControl.displayName = "DialogCloseControl";
+var DIALOG_DESKTOP_FRAME = "h-[480px] w-[640px] max-w-[calc(100vw-2rem)] max-h-[calc(100dvh-2rem)]";
+var DIALOG_MOBILE_FRAME = "w-[320px] min-h-[240px] max-w-[calc(100vw-2rem)] max-h-[min(640px,calc(100dvh-2rem))] overflow-x-hidden [&_input]:!min-w-0";
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogOverlay = React9.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+    DialogPrimitive.Backdrop,
+    {
+      ref,
+      className: cn(
+        "fixed inset-0 z-40 bg-dark/60 backdrop-blur-sm data-[hidden]:animate-out data-[hidden]:fade-out-0 data-[open]:animate-in data-[open]:fade-in-0",
+        className
+      ),
+      ...props
+    }
+  )
+);
+DialogOverlay.displayName = "DialogOverlay";
+var DialogContent = React9.forwardRef(
+  ({ className, children, showCloseButton = true, size = "desktop", ...props }, ref) => /* @__PURE__ */ jsxs3(DialogPrimitive.Portal, { children: [
+    /* @__PURE__ */ jsx10(DialogOverlay, {}),
+    /* @__PURE__ */ jsx10(DialogPrimitive.Viewport, { className: "fixed inset-0 z-50 flex items-start justify-center overflow-y-auto p-4 sm:items-center sm:p-6", children: /* @__PURE__ */ jsx10(
+      DialogPrimitive.Popup,
+      {
+        ref,
+        "data-slot": "dialog",
+        className: cn(
+          "relative my-auto flex flex-col overflow-hidden rounded-[10px] border border-default surface-default shadow-lg outline-none focus-visible:ring-2 focus-visible:ring-interactive focus-visible:ring-offset-2",
+          size === "desktop" && DIALOG_DESKTOP_FRAME,
+          size === "mobile" && DIALOG_MOBILE_FRAME,
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx10(DialogChromeContext.Provider, { value: { showCloseButton }, children })
+      }
+    ) })
+  ] })
+);
+DialogContent.displayName = "DialogContent";
+var DialogBody = React9.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+    "div",
+    {
+      ref,
+      "data-slot": "dialog-body",
+      className: cn(
+        "min-h-0 flex-1 overflow-y-auto overscroll-contain p-6",
+        className
+      ),
+      ...props
+    }
+  )
+);
+DialogBody.displayName = "DialogBody";
+var DialogFooter = React9.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+    "div",
+    {
+      ref,
+      className: cn(
+        "shrink-0 flex flex-col-reverse gap-2 p-4 sm:flex-row sm:justify-end sm:gap-2",
+        className
+      ),
+      ...props
+    }
+  )
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React9.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const { showCloseButton } = useDialogChrome();
+    return /* @__PURE__ */ jsxs3("div", { className: "shrink-0 flex items-center justify-between p-4", children: [
+      /* @__PURE__ */ jsx10(
+        DialogPrimitive.Title,
+        {
+          ref,
+          className: cn("type-h4-medium text-default", className),
+          ...props,
+          children
+        }
+      ),
+      showCloseButton ? /* @__PURE__ */ jsx10(DialogCloseControl, {}) : null
+    ] });
+  }
+);
+DialogTitle.displayName = "DialogTitle";
+var DialogDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("type-body-sm-regular text-secondary", className),
+    ...props
+  }
+));
+DialogDescription.displayName = "DialogDescription";
+var DialogClose = DialogPrimitive.Close;
+// src/components/ui/breadcrumb.tsx
+import * as React10 from "react";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+var Breadcrumb = React10.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
     "nav",
     {
       "aria-label": "breadcrumb",
@@ -907,8 +1030,8 @@ var Breadcrumb = React9.forwardRef(
   )
 );
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React9.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var BreadcrumbList = React10.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
     "ol",
     {
       "data-slot": "breadcrumb-list",
@@ -922,8 +1045,8 @@ var BreadcrumbList = React9.forwardRef(
   )
 );
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React9.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var BreadcrumbItem = React10.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
     "li",
     {
       "data-slot": "breadcrumb-item",
@@ -934,7 +1057,7 @@ var BreadcrumbItem = React9.forwardRef(
   )
 );
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React9.forwardRef(
+var BreadcrumbLink = React10.forwardRef(
   ({ className, render, ...props }, ref) => useRender({
     ref,
     defaultTagName: "a",
@@ -951,8 +1074,8 @@ var BreadcrumbLink = React9.forwardRef(
   })
 );
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React9.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var BreadcrumbPage = React10.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
     "span",
     {
       "data-slot": "breadcrumb-page",
@@ -966,7 +1089,7 @@ var BreadcrumbPage = React9.forwardRef(
   )
 );
 BreadcrumbPage.displayName = "BreadcrumbPage";
-var BreadcrumbSeparator = React9.forwardRef(({ children, className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var BreadcrumbSeparator = React10.forwardRef(({ children, className, ...props }, ref) => /* @__PURE__ */ jsx11(
   "li",
   {
     "data-slot": "breadcrumb-separator",
@@ -975,11 +1098,11 @@ var BreadcrumbSeparator = React9.forwardRef(({ children, className, ...props },
     className: cn("[&>svg]:size-3.5", className),
     ref,
     ...props,
-    children: children ?? /* @__PURE__ */ jsx10(CaretRightIcon, { className: "cn-rtl-flip" })
+    children: children ?? /* @__PURE__ */ jsx11(CaretRightIcon, { className: "cn-rtl-flip" })
   }
 ));
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-var BreadcrumbEllipsis = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs3(
+var BreadcrumbEllipsis = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs4(
   "span",
   {
     "data-slot": "breadcrumb-ellipsis",
@@ -992,22 +1115,22 @@ var BreadcrumbEllipsis = React9.forwardRef(({ className, ...props }, ref) => /*
     ref,
     ...props,
     children: [
-      /* @__PURE__ */ jsx10(MoreMenuIcon, {}),
-      /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "More" })
+      /* @__PURE__ */ jsx11(MoreMenuIcon, {}),
+      /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "More" })
     ]
   }
 ));
 BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
 // src/components/ui/tooltip.tsx
-import * as React10 from "react";
+import * as React11 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 function TooltipProvider({
   delayDuration = 0,
   ...props
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     TooltipPrimitive.Provider,
     {
       "data-slot": "tooltip-provider",
@@ -1018,11 +1141,11 @@ function TooltipProvider({
 }
 TooltipProvider.displayName = "TooltipProvider";
 function Tooltip({ delayDuration, ...props }) {
-  return /* @__PURE__ */ jsx11(TooltipProvider, { delayDuration, children: /* @__PURE__ */ jsx11(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
+  return /* @__PURE__ */ jsx12(TooltipProvider, { delayDuration, children: /* @__PURE__ */ jsx12(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
 }
 Tooltip.displayName = "Tooltip";
-var TooltipTrigger = React10.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ jsx11(
+var TooltipTrigger = React11.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ jsx12(
     TooltipPrimitive.Trigger,
     {
       ref,
@@ -1032,8 +1155,8 @@ var TooltipTrigger = React10.forwardRef(({ ...props }, ref) => {
   );
 });
 TooltipTrigger.displayName = "TooltipTrigger";
-var TooltipContent = React10.forwardRef(({ className, sideOffset = 2, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx11(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs4(
+var TooltipContent = React11.forwardRef(({ className, sideOffset = 2, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx12(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs5(
     TooltipPrimitive.Content,
     {
       ref,
@@ -1045,7 +1168,7 @@ var TooltipContent = React10.forwardRef(({ className, sideOffset = 2, children,
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx11(TooltipPrimitive.Arrow, { className: "fill-dark", width: 10, height: 9 }),
+        /* @__PURE__ */ jsx12(TooltipPrimitive.Arrow, { className: "fill-dark", width: 10, height: 9 }),
         children
       ]
     }
@@ -1054,21 +1177,21 @@ var TooltipContent = React10.forwardRef(({ className, sideOffset = 2, children,
 TooltipContent.displayName = "TooltipContent";
 // src/components/ui/sidebar.tsx
-import * as React11 from "react";
-import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
+import * as React12 from "react";
+import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 var SIDEBAR_CONSTANTS = {
   WIDTH: "144px",
   WIDTH_ICON: "48px"
 };
-var SidebarContext = React11.createContext(null);
+var SidebarContext = React12.createContext(null);
 function useSidebar() {
-  const context = React11.useContext(SidebarContext);
+  const context = React12.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React11.forwardRef(
+var SidebarProvider = React12.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -1078,9 +1201,9 @@ var SidebarProvider = React11.forwardRef(
     children,
     ...props
   }, ref) => {
-    const [_open, _setOpen] = React11.useState(defaultOpen);
+    const [_open, _setOpen] = React12.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React11.useCallback(
+    const setOpen = React12.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -1091,11 +1214,11 @@ var SidebarProvider = React11.forwardRef(
       },
       [setOpenProp, open]
     );
-    const toggleSidebar = React11.useCallback(() => {
+    const toggleSidebar = React12.useCallback(() => {
       return setOpen((open2) => !open2);
     }, [setOpen]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React11.useMemo(
+    const contextValue = React12.useMemo(
       () => ({
         state,
         open,
@@ -1104,7 +1227,7 @@ var SidebarProvider = React11.forwardRef(
       }),
       [state, open, setOpen, toggleSidebar]
     );
-    return /* @__PURE__ */ jsx12(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx13(
       "div",
       {
         style: {
@@ -1124,10 +1247,10 @@ var SidebarProvider = React11.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React11.forwardRef(
+var Sidebar = React12.forwardRef(
   ({ collapsible = "icon", className, children, ...props }, ref) => {
     const { state } = useSidebar();
-    return /* @__PURE__ */ jsxs5(
+    return /* @__PURE__ */ jsxs6(
       "aside",
       {
         ref,
@@ -1138,7 +1261,7 @@ var Sidebar = React11.forwardRef(
         "aria-expanded": state === "expanded",
         role: "navigation",
         children: [
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             "div",
             {
               className: cn(
@@ -1147,7 +1270,7 @@ var Sidebar = React11.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             "div",
             {
               className: cn(
@@ -1156,7 +1279,7 @@ var Sidebar = React11.forwardRef(
                 className
               ),
               ...props,
-              children: /* @__PURE__ */ jsx12(
+              children: /* @__PURE__ */ jsx13(
                 "div",
                 {
                   "data-sidebar": "sidebar",
@@ -1172,9 +1295,9 @@ var Sidebar = React11.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarInset = React11.forwardRef(
+var SidebarInset = React12.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       "main",
       {
         ref,
@@ -1188,9 +1311,9 @@ var SidebarInset = React11.forwardRef(
   }
 );
 SidebarInset.displayName = "SidebarInset";
-var SidebarHeader = React11.forwardRef(
+var SidebarHeader = React12.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       "div",
       {
         ref,
@@ -1206,9 +1329,9 @@ var SidebarHeader = React11.forwardRef(
   }
 );
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React11.forwardRef(
+var SidebarFooter = React12.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       "div",
       {
         ref,
@@ -1220,9 +1343,9 @@ var SidebarFooter = React11.forwardRef(
   }
 );
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarContent = React11.forwardRef(
+var SidebarContent = React12.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       "div",
       {
         ref,
@@ -1237,9 +1360,9 @@ var SidebarContent = React11.forwardRef(
   }
 );
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React11.forwardRef(
+var SidebarGroup = React12.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       "div",
       {
         ref,
@@ -1251,7 +1374,7 @@ var SidebarGroup = React11.forwardRef(
   }
 );
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var SidebarGroupContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   "div",
   {
     ref,
@@ -1261,8 +1384,8 @@ var SidebarGroupContent = React11.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React11.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var SidebarMenu = React12.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
     "ul",
     {
       ref,
@@ -1273,8 +1396,8 @@ var SidebarMenu = React11.forwardRef(
   )
 );
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React11.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var SidebarMenuItem = React12.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
     "li",
     {
       ref,
@@ -1285,9 +1408,9 @@ var SidebarMenuItem = React11.forwardRef(
   )
 );
 SidebarMenuItem.displayName = "SidebarMenuItem";
-var SidebarMenuButton = React11.forwardRef(({ isActive = false, tooltip, className, children, ...props }, ref) => {
+var SidebarMenuButton = React12.forwardRef(({ isActive = false, tooltip, className, children, ...props }, ref) => {
   const { state } = useSidebar();
-  const button = /* @__PURE__ */ jsx12(
+  const button = /* @__PURE__ */ jsx13(
     "button",
     {
       ref,
@@ -1306,22 +1429,22 @@ var SidebarMenuButton = React11.forwardRef(({ isActive = false, tooltip, classNa
     return button;
   }
   const tooltipProps = typeof tooltip === "string" ? { children: tooltip } : tooltip;
-  return /* @__PURE__ */ jsxs5(Tooltip, { delayDuration: 0, children: [
-    /* @__PURE__ */ jsx12(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx12(TooltipContent, { side: "right", align: "center", ...tooltipProps })
+  return /* @__PURE__ */ jsxs6(Tooltip, { delayDuration: 0, children: [
+    /* @__PURE__ */ jsx13(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx13(TooltipContent, { side: "right", align: "center", ...tooltipProps })
   ] });
 });
 SidebarMenuButton.displayName = "SidebarMenuButton";
 // src/components/ui/date-picker.tsx
-import * as React13 from "react";
+import * as React14 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 // src/components/ui/input.tsx
-import * as React12 from "react";
-import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+import * as React13 from "react";
+import { jsx as jsx14, jsxs as jsxs7 } from "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 = React12.forwardRef(
+var Input = React13.forwardRef(
   ({
     className,
     style,
@@ -1332,7 +1455,7 @@ var Input = React12.forwardRef(
     readOnly,
     ...props
   }, ref) => {
-    const [internalValue, setInternalValue] = React12.useState(value || "");
+    const [internalValue, setInternalValue] = React13.useState(value || "");
     const isControlled = value !== void 0;
     const currentValue = isControlled ? value : internalValue;
     const showClear = showClearProp !== false && currentValue && currentValue.toString().length > 0 && !readOnly;
@@ -1362,8 +1485,8 @@ var Input = React12.forwardRef(
       }
       onClear?.();
     };
-    return /* @__PURE__ */ jsxs6("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsxs7("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx14(
         "input",
         {
           className: cn(
@@ -1379,23 +1502,23 @@ var Input = React12.forwardRef(
           ...props
         }
       ),
-      showClear && /* @__PURE__ */ jsx13(
+      showClear && /* @__PURE__ */ jsx14(
         "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__ */ jsx13(CloseIcon, {})
+          children: /* @__PURE__ */ jsx14(CloseIcon, {})
         }
       ),
-      showLock && /* @__PURE__ */ jsx13(LockIcon, { className: "absolute right-3 top-1/2 transform -translate-y-1/2 text-secondary" })
+      showLock && /* @__PURE__ */ jsx14(LockIcon, { className: "absolute right-3 top-1/2 transform -translate-y-1/2 text-secondary" })
     ] });
   }
 );
 Input.displayName = "Input";
 // src/components/ui/date-picker.tsx
-import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 var getDayNames = () => {
   const days = [];
   for (let i = 0; i < 7; i++) {
@@ -1431,7 +1554,7 @@ var formatDateInput = (date) => {
     day: "2-digit"
   });
 };
-var DatePicker = React13.forwardRef(
+var DatePicker = React14.forwardRef(
   ({
     value,
     onValueChange,
@@ -1450,19 +1573,19 @@ var DatePicker = React13.forwardRef(
       if (isNaN(parsed.getTime())) return void 0;
       return parsed;
     };
-    const [selectedDate, setSelectedDate] = React13.useState(
+    const [selectedDate, setSelectedDate] = React14.useState(
       value || parseDate(defaultValue)
     );
-    const [currentMonth, setCurrentMonth] = React13.useState(() => {
+    const [currentMonth, setCurrentMonth] = React14.useState(() => {
       const date = value || parseDate(defaultValue) || /* @__PURE__ */ new Date();
       return new Date(date.getFullYear(), date.getMonth());
     });
-    const [open, setOpen] = React13.useState(false);
-    const [inputValue, setInputValue] = React13.useState(() => {
+    const [open, setOpen] = React14.useState(false);
+    const [inputValue, setInputValue] = React14.useState(() => {
       const initialDate = value || parseDate(defaultValue);
       return initialDate ? formatDateInput(initialDate) : "";
     });
-    React13.useEffect(() => {
+    React14.useEffect(() => {
       setSelectedDate(value);
       if (value) {
         setCurrentMonth(new Date(value.getFullYear(), value.getMonth()));
@@ -1473,7 +1596,7 @@ var DatePicker = React13.forwardRef(
         setInputValue("");
       }
     }, [value]);
-    React13.useEffect(() => {
+    React14.useEffect(() => {
       if (value) return;
       const parsedDefault = parseDate(defaultValue);
       if (!parsedDefault) return;
@@ -1596,14 +1719,14 @@ var DatePicker = React13.forwardRef(
     const months = getMonthNames();
     const dayNames = getDayNames();
     const years = generateYears();
-    return /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsxs8(
       PopoverPrimitive.Root,
       {
         open: disabled ? false : open,
         onOpenChange: disabled ? void 0 : setOpen,
         children: [
-          /* @__PURE__ */ jsxs7("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsxs8("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx15(
               Input,
               {
                 ref,
@@ -1616,7 +1739,7 @@ var DatePicker = React13.forwardRef(
                 ...props
               }
             ),
-            /* @__PURE__ */ jsx14(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsx14("button", { className: "absolute right-3 top-1/2 transform -translate-y-1/2 hover:bg-gray rounded p-0.5 transition-colors", children: /* @__PURE__ */ jsx14(
+            /* @__PURE__ */ jsx15(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsx15("button", { className: "absolute right-3 top-1/2 transform -translate-y-1/2 hover:bg-gray rounded p-0.5 transition-colors", children: /* @__PURE__ */ jsx15(
               CalendarIcon,
               {
                 size: 20,
@@ -1627,7 +1750,7 @@ var DatePicker = React13.forwardRef(
               }
             ) }) })
           ] }),
-          /* @__PURE__ */ jsx14(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx15(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx15(
             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",
@@ -1636,51 +1759,51 @@ var DatePicker = React13.forwardRef(
               alignOffset: -12,
               side: "bottom",
               sticky: "always",
-              children: /* @__PURE__ */ jsxs7("div", { className: "p-4", children: [
-                /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between mb-4 gap-1", children: [
-                  /* @__PURE__ */ jsx14(
+              children: /* @__PURE__ */ jsxs8("div", { className: "p-4", children: [
+                /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between mb-4 gap-1", children: [
+                  /* @__PURE__ */ jsx15(
                     "button",
                     {
                       onClick: () => handleMonthChange("prev"),
                       className: "p-1 hover:bg-gray rounded transition-colors flex-shrink-0",
-                      children: /* @__PURE__ */ jsx14(ArrowLeftIcon, {})
+                      children: /* @__PURE__ */ jsx15(ArrowLeftIcon, {})
                     }
                   ),
-                  /* @__PURE__ */ jsxs7("div", { className: "flex gap-1 flex-1 min-w-0", children: [
-                    /* @__PURE__ */ jsxs7(
+                  /* @__PURE__ */ jsxs8("div", { className: "flex gap-1 flex-1 min-w-0", children: [
+                    /* @__PURE__ */ jsxs8(
                       Select,
                       {
                         value: currentMonth.getMonth().toString(),
                         onValueChange: handleMonthSelect,
                         children: [
-                          /* @__PURE__ */ jsx14(SelectTrigger, { className: "min-w-fit h-8 text-sm", children: /* @__PURE__ */ jsx14(SelectValue, {}) }),
-                          /* @__PURE__ */ jsx14(SelectContent, { children: months.map((month, index) => /* @__PURE__ */ jsx14(SelectItem, { value: index.toString(), children: month }, month)) })
+                          /* @__PURE__ */ jsx15(SelectTrigger, { className: "min-w-fit h-8 text-sm", children: /* @__PURE__ */ jsx15(SelectValue, {}) }),
+                          /* @__PURE__ */ jsx15(SelectContent, { children: months.map((month, index) => /* @__PURE__ */ jsx15(SelectItem, { value: index.toString(), children: month }, month)) })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsxs7(
+                    /* @__PURE__ */ jsxs8(
                       Select,
                       {
                         value: currentMonth.getFullYear().toString(),
                         onValueChange: handleYearSelect,
                         children: [
-                          /* @__PURE__ */ jsx14(SelectTrigger, { className: "min-w-fit h-8 text-sm", children: /* @__PURE__ */ jsx14(SelectValue, {}) }),
-                          /* @__PURE__ */ jsx14(SelectContent, { children: years.map((year) => /* @__PURE__ */ jsx14(SelectItem, { value: year.toString(), children: year }, year)) })
+                          /* @__PURE__ */ jsx15(SelectTrigger, { className: "min-w-fit h-8 text-sm", children: /* @__PURE__ */ jsx15(SelectValue, {}) }),
+                          /* @__PURE__ */ jsx15(SelectContent, { children: years.map((year) => /* @__PURE__ */ jsx15(SelectItem, { value: year.toString(), children: year }, year)) })
                         ]
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx14(
+                  /* @__PURE__ */ jsx15(
                     "button",
                     {
                       onClick: () => handleMonthChange("next"),
                       className: "p-1 hover:bg-gray rounded transition-colors flex-shrink-0",
-                      children: /* @__PURE__ */ jsx14(ArrowRightIcon, {})
+                      children: /* @__PURE__ */ jsx15(ArrowRightIcon, {})
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs7("div", { className: "space-y-1", children: [
-                  /* @__PURE__ */ jsx14("div", { className: "grid grid-cols-7 gap-1 mb-2", children: dayNames.map((day) => /* @__PURE__ */ jsx14(
+                /* @__PURE__ */ jsxs8("div", { className: "space-y-1", children: [
+                  /* @__PURE__ */ jsx15("div", { className: "grid grid-cols-7 gap-1 mb-2", children: dayNames.map((day) => /* @__PURE__ */ jsx15(
                     Typography,
                     {
                       variant: "label-xs-bold",
@@ -1690,11 +1813,11 @@ var DatePicker = React13.forwardRef(
                     },
                     day
                   )) }),
-                  /* @__PURE__ */ jsx14("div", { className: "grid grid-cols-7 gap-1", children: days.map((date, index) => /* @__PURE__ */ jsx14(
+                  /* @__PURE__ */ jsx15("div", { className: "grid grid-cols-7 gap-1", children: days.map((date, index) => /* @__PURE__ */ jsx15(
                     "div",
                     {
                       className: "h-8 w-8 flex items-center justify-center",
-                      children: date && /* @__PURE__ */ jsx14(
+                      children: date && /* @__PURE__ */ jsx15(
                         "button",
                         {
                           onClick: () => handleDateSelect(date),
@@ -1708,7 +1831,7 @@ var DatePicker = React13.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__ */ jsx14(Typography, { variant: "label-sm", as: "span", children: date.getDate() })
+                          children: /* @__PURE__ */ jsx15(Typography, { variant: "label-sm", as: "span", children: date.getDate() })
                         }
                       )
                     },
@@ -1726,9 +1849,9 @@ var DatePicker = React13.forwardRef(
 DatePicker.displayName = "DatePicker";
 // src/components/ui/upload.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 import { cva as cva7 } from "class-variance-authority";
-import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
 var DEFAULT_MAX_FILE_SIZE = 10 * 1024 * 1024;
 var uploadVariants = cva7(
   "relative flex flex-col items-center justify-center rounded-lg transition-all duration-200 ease-in-out overflow-hidden",
@@ -1752,7 +1875,7 @@ var uploadVariants = cva7(
     }
   }
 );
-var Upload = React14.forwardRef(
+var Upload = React15.forwardRef(
   ({
     className,
     onFileSelect,
@@ -1765,8 +1888,8 @@ var Upload = React14.forwardRef(
     selectedFiles = [],
     ...props
   }, ref) => {
-    const fileInputRef = React14.useRef(null);
-    const [isDragOver, setIsDragOver] = React14.useState(false);
+    const fileInputRef = React15.useRef(null);
+    const [isDragOver, setIsDragOver] = React15.useState(false);
     const getFileTypeDisplay = () => {
       const typeMap = {
         "application/pdf": "PDF",
@@ -1830,17 +1953,17 @@ var Upload = React14.forwardRef(
     const renderContent = () => {
       switch (effectiveState) {
         case "error":
-          return /* @__PURE__ */ jsxs8(
+          return /* @__PURE__ */ jsxs9(
             "div",
             {
               className: "flex flex-col items-center text-center max-w-[289px]",
               style: { gap: "32px" },
               children: [
-                /* @__PURE__ */ jsxs8("div", { className: "space-y-4", children: [
-                  /* @__PURE__ */ jsx15(Typography, { variant: "heading-lg", children: "Upload fail" }),
-                  /* @__PURE__ */ jsx15(Typography, { variant: "body-md", className: "text-error", children: errorMessage })
+                /* @__PURE__ */ jsxs9("div", { className: "space-y-4", children: [
+                  /* @__PURE__ */ jsx16(Typography, { variant: "heading-lg", children: "Upload fail" }),
+                  /* @__PURE__ */ jsx16(Typography, { variant: "body-md", className: "text-error", children: errorMessage })
                 ] }),
-                /* @__PURE__ */ jsx15(
+                /* @__PURE__ */ jsx16(
                   Button,
                   {
                     variant: "destructive",
@@ -1854,22 +1977,22 @@ var Upload = React14.forwardRef(
             }
           );
         case "uploading":
-          return /* @__PURE__ */ jsxs8(
+          return /* @__PURE__ */ jsxs9(
             "div",
             {
               className: "flex flex-col items-center text-center max-w-[289px]",
               style: { gap: "32px" },
               children: [
-                /* @__PURE__ */ jsx15(Typography, { variant: "heading-lg", className: "text-dark", children: "Uploading files" }),
-                /* @__PURE__ */ jsxs8("div", { className: "w-full max-w-[720px] space-y-2", children: [
-                  /* @__PURE__ */ jsx15("div", { className: "w-full bg-gray rounded-full h-2", children: /* @__PURE__ */ jsx15(
+                /* @__PURE__ */ jsx16(Typography, { variant: "heading-lg", className: "text-dark", children: "Uploading files" }),
+                /* @__PURE__ */ jsxs9("div", { className: "w-full max-w-[720px] space-y-2", children: [
+                  /* @__PURE__ */ jsx16("div", { className: "w-full bg-gray rounded-full h-2", children: /* @__PURE__ */ jsx16(
                     "div",
                     {
                       className: "bg-canvas-primary h-2 rounded-full transition-all duration-300 ease-in-out",
                       style: { width: `${progress}%` }
                     }
                   ) }),
-                  /* @__PURE__ */ jsxs8(
+                  /* @__PURE__ */ jsxs9(
                     Typography,
                     {
                       variant: "body-sm",
@@ -1885,29 +2008,29 @@ var Upload = React14.forwardRef(
             }
           );
         case "success":
-          return /* @__PURE__ */ jsx15(
+          return /* @__PURE__ */ jsx16(
             "div",
             {
               className: "flex flex-col items-center text-center max-w-[289px]",
               style: { gap: "32px" },
-              children: /* @__PURE__ */ jsxs8("div", { className: "space-y-4", children: [
-                /* @__PURE__ */ jsx15(Typography, { variant: "heading-lg", className: "text-success", children: "Upload successful!" }),
-                selectedFiles.length > 0 && /* @__PURE__ */ jsx15("div", { className: "text-center", children: selectedFiles.map((file, index) => /* @__PURE__ */ jsx15(Typography, { variant: "body-sm", children: file.name }, index)) })
+              children: /* @__PURE__ */ jsxs9("div", { className: "space-y-4", children: [
+                /* @__PURE__ */ jsx16(Typography, { variant: "heading-lg", className: "text-success", children: "Upload successful!" }),
+                selectedFiles.length > 0 && /* @__PURE__ */ jsx16("div", { className: "text-center", children: selectedFiles.map((file, index) => /* @__PURE__ */ jsx16(Typography, { variant: "body-sm", children: file.name }, index)) })
               ] })
             }
           );
         default:
-          return /* @__PURE__ */ jsxs8(
+          return /* @__PURE__ */ jsxs9(
             "div",
             {
               className: "flex flex-col items-center text-center max-w-[289px]",
               style: { gap: "32px" },
               children: [
-                /* @__PURE__ */ jsxs8("div", { className: "space-y-4", children: [
-                  /* @__PURE__ */ jsx15(Typography, { variant: "heading-lg", className: "text-dark", children: "Drag & drop files here" }),
-                  /* @__PURE__ */ jsx15(Typography, { variant: "body-md", className: "text-secondary", children: "or click to browse from your computer" })
+                /* @__PURE__ */ jsxs9("div", { className: "space-y-4", children: [
+                  /* @__PURE__ */ jsx16(Typography, { variant: "heading-lg", className: "text-dark", children: "Drag & drop files here" }),
+                  /* @__PURE__ */ jsx16(Typography, { variant: "body-md", className: "text-secondary", children: "or click to browse from your computer" })
                 ] }),
-                /* @__PURE__ */ jsx15(
+                /* @__PURE__ */ jsx16(
                   Button,
                   {
                     variant: "default",
@@ -1921,10 +2044,10 @@ var Upload = React14.forwardRef(
                     children: "Choose files"
                   }
                 ),
-                /* @__PURE__ */ jsxs8(Typography, { variant: "body-sm", className: "text-secondary", children: [
+                /* @__PURE__ */ jsxs9(Typography, { variant: "body-sm", className: "text-secondary", children: [
                   "Supported file: ",
                   getFileTypeDisplay(),
-                  /* @__PURE__ */ jsx15("br", {}),
+                  /* @__PURE__ */ jsx16("br", {}),
                   "Max: ",
                   Math.round(maxFileSize / 1024 / 1024),
                   " MB each"
@@ -1934,7 +2057,7 @@ var Upload = React14.forwardRef(
           );
       }
     };
-    return /* @__PURE__ */ jsxs8(
+    return /* @__PURE__ */ jsxs9(
       "div",
       {
         ref,
@@ -1958,7 +2081,7 @@ var Upload = React14.forwardRef(
         "aria-disabled": disabled,
         ...props,
         children: [
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx16(
             "input",
             {
               ref: fileInputRef,
@@ -1978,29 +2101,75 @@ var Upload = React14.forwardRef(
 Upload.displayName = "Upload";
 // src/components/ui/checkbox.tsx
-import * as React15 from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import * as React16 from "react";
+import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
 import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx16 } from "react/jsx-runtime";
-var checkboxVariants = cva8(
-  "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]:shrink-0 border-strong focus-visible:border-interactive aria-invalid:border-error aria-invalid:focus-visible:border-error"
-);
-var Checkbox = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
-  CheckboxPrimitive.Root,
-  {
-    ref,
-    className: cn(checkboxVariants(), className),
-    ...props,
-    children: /* @__PURE__ */ jsx16(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: /* @__PURE__ */ jsx16(CheckIcon, { variant: "light", size: 14 }) })
-  }
-));
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+var checkboxVariants = cva8([
+  // Base layout & appearance
+  "peer group relative size-4 shrink-0",
+  "rounded-xs border border-default surface-default shadow-xs",
+  // Transitions & hover
+  "transition-colors hover:brightness-[90%]",
+  // Focus
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-default",
+  // Disabled
+  "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
+  // Checked
+  "data-[checked]:border-0 data-[checked]:focus-visible:border-0",
+  "data-[checked]:interactive-accent data-[checked]:interactive-accent-fg",
+  // Indeterminate
+  "data-[indeterminate]:border-0 data-[indeterminate]:focus-visible:border-0",
+  "data-[indeterminate]:interactive-accent data-[indeterminate]:interactive-accent-fg",
+  // Error (aria-invalid) — only applies to unchecked/checked states.
+  // Indeterminate has no error state per design.
+  "aria-invalid:border-error",
+  "aria-invalid:data-[checked]:border-0 aria-invalid:data-[checked]:interactive-destructive aria-invalid:data-[checked]:interactive-destructive-fg",
+  "aria-invalid:focus-visible:ring-3 aria-invalid:focus-visible:ring-focus-error",
+  // SVG children
+  "[&_svg]:pointer-events-none [&_svg]:shrink-0"
+]);
+var Checkbox = React16.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx17(
+    CheckboxPrimitive.Root,
+    {
+      "data-slot": "checkbox",
+      ref,
+      className: cn(checkboxVariants(), className),
+      ...props,
+      children: /* @__PURE__ */ jsxs10(
+        CheckboxPrimitive.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "absolute inset-0 flex items-center justify-center text-current",
+          children: [
+            /* @__PURE__ */ jsx17(
+              CheckmarkIcon,
+              {
+                size: 14,
+                className: "text-current hidden group-data-[checked]:block"
+              }
+            ),
+            /* @__PURE__ */ jsx17(
+              MinusIcon,
+              {
+                size: 14,
+                className: "text-current hidden group-data-[indeterminate]:block"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+});
+Checkbox.displayName = "Checkbox";
 // src/components/ui/switch.tsx
-import * as React16 from "react";
+import * as React17 from "react";
 import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
 import { cva as cva9 } from "class-variance-authority";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var switchVariants = cva9(
   "peer inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 relative focus-visible:ring-3 focus-visible:ring-focus-default aria-invalid:border-error aria-invalid:ring-3 aria-invalid:ring-focus-error data-checked:interactive-accent data-unchecked:interactive-secondary data-unchecked:border-default data-disabled:cursor-not-allowed data-disabled:opacity-50",
   {
@@ -2029,16 +2198,16 @@ var switchThumbVariants = cva9(
     }
   }
 );
-var Switch = React16.forwardRef(
+var Switch = React17.forwardRef(
   ({ className, size, ...props }, ref) => {
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx18(
       SwitchPrimitive.Root,
       {
         ref,
         "data-slot": "switch",
         className: cn(switchVariants({ size }), className),
         ...props,
-        children: /* @__PURE__ */ jsx17(
+        children: /* @__PURE__ */ jsx18(
           SwitchPrimitive.Thumb,
           {
             "data-slot": "switch-thumb",
@@ -2052,11 +2221,11 @@ var Switch = React16.forwardRef(
 Switch.displayName = "Switch";
 // src/components/ui/textarea.tsx
-import * as React17 from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
-var Textarea = React17.forwardRef(
+import * as React18 from "react";
+import { jsx as jsx19 } from "react/jsx-runtime";
+var Textarea = React18.forwardRef(
   ({ className, style, ...props }, ref) => {
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx19(
       "textarea",
       {
         className: cn(
@@ -2073,9 +2242,9 @@ var Textarea = React17.forwardRef(
 Textarea.displayName = "Textarea";
 // src/components/ui/badge.tsx
-import * as React18 from "react";
+import * as React19 from "react";
 import { cva as cva10 } from "class-variance-authority";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var badgeVariants = cva10(
   "px-2 py-1 inline-flex items-center justify-center gap-1 whitespace-nowrap transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-default",
   {
@@ -2109,20 +2278,20 @@ function isSingleDisplayCharacter(node) {
     if (parts.length !== 1) return false;
     return isSingleDisplayCharacter(parts[0]);
   }
-  if (React18.isValidElement(node)) {
+  if (React19.isValidElement(node)) {
     return isSingleDisplayCharacter(
       node.props.children
     );
   }
   return false;
 }
-var Badge = React18.forwardRef(
+var Badge = React19.forwardRef(
   ({ className, variant, rounded, style, children, ...props }, ref) => {
     if (!variant) {
       return null;
     }
     const circle = isSingleDisplayCharacter(children);
-    return /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx20(
       "span",
       {
         className: cn(
@@ -2140,13 +2309,218 @@ var Badge = React18.forwardRef(
 );
 Badge.displayName = "Badge";
+// src/components/ui/item.tsx
+import * as React20 from "react";
+import { mergeProps as mergeProps2 } from "@base-ui/react/merge-props";
+import { useRender as useRender2 } from "@base-ui/react/use-render";
+import { cva as cva11 } from "class-variance-authority";
+import { jsx as jsx21 } from "react/jsx-runtime";
+var ItemGroupContext = React20.createContext(false);
+var ItemGroup = React20.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx21(ItemGroupContext.Provider, { value: true, children: /* @__PURE__ */ jsx21(
+      "div",
+      {
+        ref,
+        role: "list",
+        "data-slot": "item-group",
+        className: cn(
+          "gap-4 has-data-[size=sm]:gap-2.5 group/item-group flex w-full flex-col",
+          className
+        ),
+        ...props
+      }
+    ) });
+  }
+);
+var ItemSeparator = React20.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx21(
+    Separator2,
+    {
+      ref,
+      "data-slot": "item-separator",
+      orientation: "horizontal",
+      className: cn("my-2", className),
+      ...props
+    }
+  );
+});
+var itemVariants = cva11(
+  "surface-default rounded-md border group/item flex w-full flex-wrap transition-colors duration-100 outline-none [a]:relative [a]:isolate [a]:after:absolute [a]:after:inset-0 [a]:after:rounded-[inherit] [a]:after:-z-10 [a]:after:pointer-events-none [a]:after:transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent [a]:hover:after:bg-black/10",
+        outline: "border-default [a]:hover:after:bg-black/10",
+        muted: "surface-secondary border-transparent"
+      },
+      size: {
+        default: "items-start gap-4 p-4",
+        sm: "items-center gap-2 px-4 py-3"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Item2 = ({
+  className,
+  variant = "default",
+  size = "default",
+  render,
+  ...props
+}) => {
+  const insideGroup = React20.useContext(ItemGroupContext);
+  return useRender2({
+    defaultTagName: "div",
+    props: mergeProps2(
+      {
+        role: insideGroup ? "listitem" : void 0,
+        className: cn(itemVariants({ variant, size, className }))
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "item",
+      variant,
+      size
+    }
+  });
+};
+var itemMediaVariants = cva11(
+  "gap-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "[&_svg:not([class*='size-'])]:size-5",
+        iconBadge: "size-8 overflow-hidden rounded bg-surface-secondary p-2 [&_svg:not([class*='size-'])]:size-4",
+        image: "size-10 overflow-hidden rounded-md group-data-[size=sm]/item:size-8 [&_img]:size-full [&_img]:object-cover"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var ItemMedia = React20.forwardRef(
+  ({ className, variant = "default", ...props }, ref) => {
+    return /* @__PURE__ */ jsx21(
+      "div",
+      {
+        ref,
+        "data-slot": "item-media",
+        "data-variant": variant,
+        className: cn(itemMediaVariants({ variant, className })),
+        ...props
+      }
+    );
+  }
+);
+var ItemContent = React20.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx21(
+    "div",
+    {
+      ref,
+      "data-slot": "item-content",
+      className: cn(
+        "gap-1 group-data-[size=sm]/item:gap-0 flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var ItemTitle = React20.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx21(
+      "div",
+      {
+        ref,
+        "data-slot": "item-title",
+        className: cn(
+          "type-label-sm-medium gap-2 text-default underline-offset-4 line-clamp-1 flex w-full items-center",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var ItemDescription = React20.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx21(
+    "p",
+    {
+      ref,
+      "data-slot": "item-description",
+      className: cn(
+        "type-body-sm-regular text-secondary text-left line-clamp-2 [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var ItemActions = React20.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx21(
+    "div",
+    {
+      ref,
+      "data-slot": "item-actions",
+      className: cn("gap-2 flex items-center", className),
+      ...props
+    }
+  );
+});
+var ItemHeader = React20.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx21(
+    "div",
+    {
+      ref,
+      "data-slot": "item-header",
+      className: cn(
+        "gap-2 flex basis-full items-center justify-between",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var ItemFooter = React20.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx21(
+    "div",
+    {
+      ref,
+      "data-slot": "item-footer",
+      className: cn(
+        "gap-2 flex basis-full items-center justify-between",
+        className
+      ),
+      ...props
+    }
+  );
+});
+Item2.displayName = "Item";
+ItemMedia.displayName = "ItemMedia";
+ItemGroup.displayName = "ItemGroup";
+ItemSeparator.displayName = "ItemSeparator";
+ItemContent.displayName = "ItemContent";
+ItemTitle.displayName = "ItemTitle";
+ItemDescription.displayName = "ItemDescription";
+ItemActions.displayName = "ItemActions";
+ItemHeader.displayName = "ItemHeader";
+ItemFooter.displayName = "ItemFooter";
 // src/components/pdf-viewer/index.tsx
-import * as React28 from "react";
+import * as React30 from "react";
 import "react-pdf/dist/Page/TextLayer.css";
 // src/components/pdf-viewer/components/CustomScrollbar.tsx
-import * as React19 from "react";
-import { Fragment, jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
+import * as React21 from "react";
+import { Fragment, jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
 var scrollbarStyles = `
   .custom-scrollbar-content {
     overflow: auto;
@@ -2214,15 +2588,15 @@ function CustomScrollbar({
   backgroundColor = "#F5F5F5",
   className
 }) {
-  const internalContainerRef = React19.useRef(null);
+  const internalContainerRef = React21.useRef(null);
   const containerRef = externalContainerRef || internalContainerRef;
-  const wrapperRef = React19.useRef(null);
-  const thumbVerticalRef = React19.useRef(null);
-  const thumbHorizontalRef = React19.useRef(null);
-  const lastScrollPosRef = React19.useRef({ top: 0, left: 0 });
-  const scrollTimeoutsRef = React19.useRef({ vertical: null, horizontal: null });
+  const wrapperRef = React21.useRef(null);
+  const thumbVerticalRef = React21.useRef(null);
+  const thumbHorizontalRef = React21.useRef(null);
+  const lastScrollPosRef = React21.useRef({ top: 0, left: 0 });
+  const scrollTimeoutsRef = React21.useRef({ vertical: null, horizontal: null });
   const WHEEL_LINE_HEIGHT_PX = 16;
-  const showScrollbar = React19.useCallback(
+  const showScrollbar = React21.useCallback(
     (direction) => {
       const wrapper = wrapperRef.current;
       if (!wrapper) return;
@@ -2236,7 +2610,7 @@ function CustomScrollbar({
     },
     [autoHideDelay]
   );
-  const updateScrollbarThumbPosition = React19.useCallback(() => {
+  const updateScrollbarThumbPosition = React21.useCallback(() => {
     const container = containerRef.current;
     const thumbVertical = thumbVerticalRef.current;
     const thumbHorizontal = thumbHorizontalRef.current;
@@ -2274,7 +2648,7 @@ function CustomScrollbar({
       }
     }
   }, [containerRef]);
-  React19.useEffect(() => {
+  React21.useEffect(() => {
     const container = containerRef.current;
     if (!container) return;
     lastScrollPosRef.current = {
@@ -2307,7 +2681,7 @@ function CustomScrollbar({
       if (rafId) cancelAnimationFrame(rafId);
     };
   }, [containerRef, showScrollbar, updateScrollbarThumbPosition]);
-  React19.useEffect(() => {
+  React21.useEffect(() => {
     const container = containerRef.current;
     if (!container) return;
     const normalizeWheelDelta = (delta, deltaMode, axisSize) => {
@@ -2363,7 +2737,7 @@ function CustomScrollbar({
       container.removeEventListener("wheel", handleWheel);
     };
   }, [containerRef, showScrollbar]);
-  React19.useEffect(() => {
+  React21.useEffect(() => {
     const thumbVertical = thumbVerticalRef.current;
     const thumbHorizontal = thumbHorizontalRef.current;
     const container = containerRef.current;
@@ -2423,19 +2797,19 @@ function CustomScrollbar({
       document.removeEventListener("mouseup", handleMouseUp);
     };
   }, [containerRef, showScrollbar]);
-  React19.useEffect(() => {
+  React21.useEffect(() => {
     updateScrollbarThumbPosition();
   }, [children, updateScrollbarThumbPosition]);
-  return /* @__PURE__ */ jsxs9(Fragment, { children: [
-    /* @__PURE__ */ jsx20("style", { children: scrollbarStyles }),
-    /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs11(Fragment, { children: [
+    /* @__PURE__ */ jsx22("style", { children: scrollbarStyles }),
+    /* @__PURE__ */ jsxs11(
       "div",
       {
         ref: wrapperRef,
         className: `flex-1 min-w-0 custom-scrollbar-wrapper ${className || ""}`,
         style: { background: backgroundColor },
         children: [
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx22(
             "div",
             {
               ref: containerRef,
@@ -2444,8 +2818,8 @@ function CustomScrollbar({
               children
             }
           ),
-          /* @__PURE__ */ jsx20("div", { className: "scrollbar-track-vertical", children: /* @__PURE__ */ jsx20("div", { ref: thumbVerticalRef, className: "scrollbar-thumb-vertical" }) }),
-          /* @__PURE__ */ jsx20("div", { className: "scrollbar-track-horizontal", children: /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx22("div", { className: "scrollbar-track-vertical", children: /* @__PURE__ */ jsx22("div", { ref: thumbVerticalRef, className: "scrollbar-thumb-vertical" }) }),
+          /* @__PURE__ */ jsx22("div", { className: "scrollbar-track-horizontal", children: /* @__PURE__ */ jsx22(
             "div",
             {
               ref: thumbHorizontalRef,
@@ -2459,7 +2833,7 @@ function CustomScrollbar({
 }
 // src/components/pdf-viewer/components/PdfControls.tsx
-import * as React20 from "react";
+import * as React22 from "react";
 // src/components/pdf-viewer/utils/types.ts
 var DEFAULT_BOUNDING_BOX_STYLE = {
@@ -2475,7 +2849,7 @@ var PDF_ZOOM = {
 };
 // src/components/pdf-viewer/components/PdfControls.tsx
-import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
 var PdfControls = ({
   currentPage,
   totalPages,
@@ -2489,11 +2863,11 @@ var PdfControls = ({
   const canGoNext = currentPage < totalPages;
   const canZoomIn = zoom < PDF_ZOOM.MAX;
   const canZoomOut = zoom > PDF_ZOOM.MIN;
-  const [pageInputValue, setPageInputValue] = React20.useState(
+  const [pageInputValue, setPageInputValue] = React22.useState(
     String(currentPage)
   );
-  const isEscapeRef = React20.useRef(false);
-  React20.useEffect(() => {
+  const isEscapeRef = React22.useRef(false);
+  React22.useEffect(() => {
     setPageInputValue(String(currentPage));
   }, [currentPage]);
   const handlePageInputChange = (e) => {
@@ -2529,14 +2903,14 @@ var PdfControls = ({
     const newZoom = Math.max(zoom - PDF_ZOOM.STEP, PDF_ZOOM.MIN);
     onZoomChange(newZoom);
   };
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       className: "flex flex-col items-center justify-end py-2 px-1 gap-4",
       style: { background: "#DEDEDE" },
       children: [
-        /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center gap-1", children: [
-          /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center gap-1", children: [
+          /* @__PURE__ */ jsx23(
             "button",
             {
               onClick: onPreviousPage,
@@ -2544,10 +2918,10 @@ var PdfControls = ({
               className: "p-1.5 rounded transition-colors hover:bg-neutral-400 disabled:opacity-40 disabled:cursor-not-allowed",
               "aria-label": "Previous page",
               type: "button",
-              children: /* @__PURE__ */ jsx21(CaretUpIcon, { size: 16, style: { color: "#666666" } })
+              children: /* @__PURE__ */ jsx23(CaretUpIcon, { size: 16, style: { color: "#666666" } })
             }
           ),
-          /* @__PURE__ */ jsx21("div", { className: "flex flex-col items-center", children: totalPages > 0 ? /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx23("div", { className: "flex flex-col items-center", children: totalPages > 0 ? /* @__PURE__ */ jsx23(
             "input",
             {
               type: "text",
@@ -2563,8 +2937,8 @@ var PdfControls = ({
               },
               "aria-label": "Current page"
             }
-          ) : /* @__PURE__ */ jsx21("span", { className: "text-sm", style: { color: "#666666" }, children: "-" }) }),
-          /* @__PURE__ */ jsx21(
+          ) : /* @__PURE__ */ jsx23("span", { className: "text-sm", style: { color: "#666666" }, children: "-" }) }),
+          /* @__PURE__ */ jsx23(
             "button",
             {
               onClick: onNextPage,
@@ -2572,12 +2946,12 @@ var PdfControls = ({
               className: "p-1.5 rounded transition-colors hover:bg-neutral-400 disabled:opacity-40 disabled:cursor-not-allowed",
               "aria-label": "Next page",
               type: "button",
-              children: /* @__PURE__ */ jsx21(CaretDownIcon, { size: 16, style: { color: "#666666" } })
+              children: /* @__PURE__ */ jsx23(CaretDownIcon, { size: 16, style: { color: "#666666" } })
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center gap-1", children: [
-          /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center gap-1", children: [
+          /* @__PURE__ */ jsx23(
             "button",
             {
               onClick: handleZoomIn,
@@ -2585,10 +2959,10 @@ var PdfControls = ({
               className: "p-1.5 rounded transition-colors hover:bg-neutral-400 disabled:opacity-40 disabled:cursor-not-allowed",
               "aria-label": "Zoom in",
               type: "button",
-              children: /* @__PURE__ */ jsx21(ZoomInIcon, { size: 16, style: { color: "#666666" } })
+              children: /* @__PURE__ */ jsx23(ZoomInIcon, { size: 16, style: { color: "#666666" } })
             }
           ),
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx23(
             "button",
             {
               onClick: handleZoomOut,
@@ -2596,7 +2970,7 @@ var PdfControls = ({
               className: "p-1.5 rounded transition-colors hover:bg-neutral-400 disabled:opacity-40 disabled:cursor-not-allowed",
               "aria-label": "Zoom out",
               type: "button",
-              children: /* @__PURE__ */ jsx21(ZoomOutIcon, { size: 16, style: { color: "#666666" } })
+              children: /* @__PURE__ */ jsx23(ZoomOutIcon, { size: 16, style: { color: "#666666" } })
             }
           )
         ] })
@@ -2607,7 +2981,7 @@ var PdfControls = ({
 PdfControls.displayName = "PdfControls";
 // src/components/pdf-viewer/components/PdfDocument.tsx
-import * as React22 from "react";
+import * as React24 from "react";
 import { Document, Page } from "react-pdf";
 // src/components/pdf-viewer/utils/constants.ts
@@ -2633,7 +3007,7 @@ var INTERSECTION_OBSERVER_CONFIG = {
 };
 // src/components/pdf-viewer/components/BoundingBoxOverlay.tsx
-import * as React21 from "react";
+import * as React23 from "react";
 // src/components/pdf-viewer/utils/boundingBoxUtils.ts
 function clamp01(value) {
@@ -2660,7 +3034,7 @@ function normalizeBoundingBox(box) {
 }
 // src/components/pdf-viewer/components/BoundingBoxOverlay.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var BoundingBoxOverlayInner = ({
   boxes,
   highlightedIds,
@@ -2670,11 +3044,11 @@ var BoundingBoxOverlayInner = ({
   onBoxMouseEnter,
   onBoxMouseLeave
 }) => {
-  const validBoxes = React21.useMemo(
+  const validBoxes = React23.useMemo(
     () => boxes.map(normalizeBoundingBox).filter((b) => b !== null),
     [boxes]
   );
-  const sortedBoxes = React21.useMemo(
+  const sortedBoxes = React23.useMemo(
     () => [...validBoxes].sort((a, b) => {
       const aHighlighted = highlightedIds.has(a.id);
       const bHighlighted = highlightedIds.has(b.id);
@@ -2685,7 +3059,7 @@ var BoundingBoxOverlayInner = ({
     [validBoxes, highlightedIds]
   );
   if (sortedBoxes.length === 0) return null;
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx24(
     "svg",
     {
       viewBox: "0 0 1 1",
@@ -2705,7 +3079,7 @@ var BoundingBoxOverlayInner = ({
         const baseStyle = isHighlighted ? { ...DEFAULT_BOUNDING_BOX_STYLE, ...highlightStyle } : { ...DEFAULT_BOUNDING_BOX_STYLE, ...defaultStyle };
         const style = { ...baseStyle, ...box.style };
         const isInteractive = !!(onBoxClick || onBoxMouseEnter);
-        return /* @__PURE__ */ jsx22(
+        return /* @__PURE__ */ jsx24(
           "rect",
           {
             x: box.x1,
@@ -2725,7 +3099,7 @@ var BoundingBoxOverlayInner = ({
             onMouseLeave: onBoxMouseLeave ? (e) => onBoxMouseLeave(box, e) : void 0,
             "aria-label": box.label,
             role: onBoxClick ? "button" : void 0,
-            children: box.label && /* @__PURE__ */ jsx22("title", { children: box.label })
+            children: box.label && /* @__PURE__ */ jsx24("title", { children: box.label })
           },
           box.id
         );
@@ -2733,11 +3107,11 @@ var BoundingBoxOverlayInner = ({
     }
   );
 };
-var BoundingBoxOverlay = React21.memo(BoundingBoxOverlayInner);
+var BoundingBoxOverlay = React23.memo(BoundingBoxOverlayInner);
 BoundingBoxOverlay.displayName = "BoundingBoxOverlay";
 // src/components/pdf-viewer/components/PdfDocument.tsx
-import { jsx as jsx23, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
 var PdfDocument = ({
   file,
   pageWidth,
@@ -2759,14 +3133,14 @@ var PdfDocument = ({
   onBoxMouseEnter,
   onBoxMouseLeave
 }) => {
-  const mountedRef = React22.useRef(true);
-  React22.useEffect(() => {
+  const mountedRef = React24.useRef(true);
+  React24.useEffect(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  const boxesByPage = React22.useMemo(() => {
+  const boxesByPage = React24.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     boundingBoxes?.forEach((box) => {
       const pageBoxes = map.get(box.page) || [];
@@ -2775,7 +3149,7 @@ var PdfDocument = ({
     });
     return map;
   }, [boundingBoxes]);
-  const highlightedIdsSet = React22.useMemo(
+  const highlightedIdsSet = React24.useMemo(
     () => new Set(highlightedBoxIds),
     [highlightedBoxIds]
   );
@@ -2814,14 +3188,14 @@ var PdfDocument = ({
   function renderCurrentPage() {
     const placeholderHeight = getPlaceholderHeight(currentPage);
     const boxesForPage = boxesByPage.get(currentPage) ?? [];
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx25(
       "div",
       {
         ref: (el) => registerPageRef(currentPage, el),
         "data-page-num": currentPage,
         className: "flex justify-center",
-        children: /* @__PURE__ */ jsxs11("div", { style: { position: "relative" }, children: [
-          /* @__PURE__ */ jsx23(
+        children: /* @__PURE__ */ jsxs13("div", { style: { position: "relative" }, children: [
+          /* @__PURE__ */ jsx25(
             Page,
             {
               pageNumber: currentPage,
@@ -2829,12 +3203,12 @@ var PdfDocument = ({
               className: "shadow-sm",
               renderTextLayer: enableTextLayer,
               renderAnnotationLayer: false,
-              loading: /* @__PURE__ */ jsx23(
+              loading: /* @__PURE__ */ jsx25(
                 "div",
                 {
                   className: "flex items-center justify-center bg-white",
                   style: { width: pageWidth, height: placeholderHeight },
-                  children: /* @__PURE__ */ jsxs11(Typography, { variant: "body-sm", className: "text-secondary", children: [
+                  children: /* @__PURE__ */ jsxs13(Typography, { variant: "body-sm", className: "text-secondary", children: [
                     "Loading page ",
                     currentPage,
                     "..."
@@ -2843,7 +3217,7 @@ var PdfDocument = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx25(
             BoundingBoxOverlay,
             {
               boxes: boxesForPage,
@@ -2866,7 +3240,7 @@ var PdfDocument = ({
       const shouldRender = visiblePages.has(pageNum);
       const placeholderHeight = getPlaceholderHeight(pageNum);
       const boxesForPage = boxesByPage.get(pageNum) ?? [];
-      return /* @__PURE__ */ jsx23(
+      return /* @__PURE__ */ jsx25(
         "div",
         {
           ref: (el) => registerPageRef(pageNum, el),
@@ -2875,8 +3249,8 @@ var PdfDocument = ({
           style: {
             minHeight: shouldRender ? void 0 : placeholderHeight
           },
-          children: shouldRender ? /* @__PURE__ */ jsxs11("div", { style: { position: "relative" }, children: [
-            /* @__PURE__ */ jsx23(
+          children: shouldRender ? /* @__PURE__ */ jsxs13("div", { style: { position: "relative" }, children: [
+            /* @__PURE__ */ jsx25(
               Page,
               {
                 pageNumber: pageNum,
@@ -2884,12 +3258,12 @@ var PdfDocument = ({
                 className: "shadow-sm",
                 renderTextLayer: enableTextLayer,
                 renderAnnotationLayer: false,
-                loading: /* @__PURE__ */ jsx23(
+                loading: /* @__PURE__ */ jsx25(
                   "div",
                   {
                     className: "flex items-center justify-center bg-white",
                     style: { width: pageWidth, height: placeholderHeight },
-                    children: /* @__PURE__ */ jsxs11(Typography, { variant: "body-sm", className: "text-secondary", children: [
+                    children: /* @__PURE__ */ jsxs13(Typography, { variant: "body-sm", className: "text-secondary", children: [
                       "Loading page ",
                       pageNum,
                       "..."
@@ -2898,7 +3272,7 @@ var PdfDocument = ({
                 )
               }
             ),
-            /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsx25(
               BoundingBoxOverlay,
               {
                 boxes: boxesForPage,
@@ -2910,7 +3284,7 @@ var PdfDocument = ({
                 onBoxMouseLeave
               }
             )
-          ] }) : /* @__PURE__ */ jsx23(
+          ] }) : /* @__PURE__ */ jsx25(
             "div",
             {
               className: "flex items-center justify-center bg-white shadow-sm",
@@ -2918,7 +3292,7 @@ var PdfDocument = ({
                 width: pageWidth,
                 height: placeholderHeight
               },
-              children: /* @__PURE__ */ jsxs11(Typography, { variant: "body-sm", className: "text-secondary", children: [
+              children: /* @__PURE__ */ jsxs13(Typography, { variant: "body-sm", className: "text-secondary", children: [
                 "Page ",
                 pageNum
               ] })
@@ -2930,16 +3304,16 @@ var PdfDocument = ({
     });
   }
   if (!file) {
-    return /* @__PURE__ */ jsx23("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsx23(Typography, { variant: "body-md", className: "text-secondary", children: "No PDF available" }) });
+    return /* @__PURE__ */ jsx25("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsx25(Typography, { variant: "body-md", className: "text-secondary", children: "No PDF available" }) });
   }
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     Document,
     {
       file,
       onLoadSuccess: handleDocumentLoadSuccess,
       onLoadError,
-      loading: /* @__PURE__ */ jsx23("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsx23(Typography, { variant: "body-md", className: "text-secondary", children: "Rendering PDF..." }) }),
-      error: /* @__PURE__ */ jsx23("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsx23(Typography, { variant: "body-md", className: "text-error", children: "Failed to render PDF" }) }),
+      loading: /* @__PURE__ */ jsx25("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsx25(Typography, { variant: "body-md", className: "text-secondary", children: "Rendering PDF..." }) }),
+      error: /* @__PURE__ */ jsx25("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsx25(Typography, { variant: "body-md", className: "text-error", children: "Failed to render PDF" }) }),
       className: "flex flex-col items-center p-4 min-w-fit",
       children: numPages > 0 && pageWidth > 0 && (viewMode === "single" ? renderCurrentPage() : renderPagesWithVirtualization())
     }
@@ -2948,19 +3322,19 @@ var PdfDocument = ({
 PdfDocument.displayName = "PdfDocument";
 // src/components/pdf-viewer/components/PdfHeader.tsx
-import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 var PdfHeader = ({
   title,
   onDownload,
   onPrint
 }) => {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       className: "flex items-center justify-between gap-4 px-4 py-1",
       style: { background: "#B5B5B5" },
       children: [
-        /* @__PURE__ */ jsx24("div", { className: "flex-shrink min-w-0", children: /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx26("div", { className: "flex-shrink min-w-0", children: /* @__PURE__ */ jsx26(
           Typography,
           {
             variant: "label-md-bold",
@@ -2969,25 +3343,25 @@ var PdfHeader = ({
             children: title || "Untitled Document"
           }
         ) }),
-        /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
-          /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
+          /* @__PURE__ */ jsx26(
             "button",
             {
               onClick: onDownload,
               className: "p-1 hover:bg-neutral-500 rounded transition-colors",
               "aria-label": "Download PDF",
               type: "button",
-              children: /* @__PURE__ */ jsx24(DownloadIcon, { variant: "dark", size: 16 })
+              children: /* @__PURE__ */ jsx26(DownloadIcon, { variant: "dark", size: 16 })
             }
           ),
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx26(
             "button",
             {
               onClick: onPrint,
               className: "p-1 hover:bg-neutral-500 rounded transition-colors",
               "aria-label": "Print PDF",
               type: "button",
-              children: /* @__PURE__ */ jsx24(PrintIcon, { variant: "dark", size: 16 })
+              children: /* @__PURE__ */ jsx26(PrintIcon, { variant: "dark", size: 16 })
             }
           )
         ] })
@@ -2998,12 +3372,12 @@ var PdfHeader = ({
 PdfHeader.displayName = "PdfHeader";
 // src/components/pdf-viewer/hooks/useContainerWidth.ts
-import * as React23 from "react";
+import * as React25 from "react";
 function useContainerWidth(padding = 32) {
-  const [containerWidth, setContainerWidth] = React23.useState(0);
-  const containerRef = React23.useRef(null);
-  const lastWidthRef = React23.useRef(0);
-  React23.useEffect(() => {
+  const [containerWidth, setContainerWidth] = React25.useState(0);
+  const containerRef = React25.useRef(null);
+  const lastWidthRef = React25.useRef(0);
+  React25.useEffect(() => {
     const element = containerRef.current;
     if (!element) return;
     const resizeObserver = new ResizeObserver((entries) => {
@@ -3027,9 +3401,9 @@ function useContainerWidth(padding = 32) {
 }
 // src/components/pdf-viewer/hooks/usePdfDownload.ts
-import * as React24 from "react";
+import * as React26 from "react";
 function usePdfDownload(file, title) {
-  const download = React24.useCallback(async () => {
+  const download = React26.useCallback(async () => {
     if (!file) return;
     try {
       let blob;
@@ -3061,11 +3435,11 @@ function usePdfDownload(file, title) {
 }
 // src/components/pdf-viewer/hooks/usePdfPrint.ts
-import * as React25 from "react";
+import * as React27 from "react";
 function usePdfPrint(file) {
-  const [printBlobUrl, setPrintBlobUrl] = React25.useState(null);
-  const printFrameRef = React25.useRef(null);
-  const preparePrint = React25.useCallback(async () => {
+  const [printBlobUrl, setPrintBlobUrl] = React27.useState(null);
+  const printFrameRef = React27.useRef(null);
+  const preparePrint = React27.useCallback(async () => {
     if (!file) return;
     try {
       let blob;
@@ -3081,14 +3455,14 @@ function usePdfPrint(file) {
       console.error("Failed to prepare PDF for printing:", error);
     }
   }, [file]);
-  React25.useEffect(() => {
+  React27.useEffect(() => {
     return () => {
       if (printBlobUrl) {
         URL.revokeObjectURL(printBlobUrl);
       }
     };
   }, [printBlobUrl]);
-  const print = React25.useCallback(() => {
+  const print = React27.useCallback(() => {
     if (printFrameRef.current?.contentWindow) {
       printFrameRef.current.contentWindow.print();
     }
@@ -3097,7 +3471,7 @@ function usePdfPrint(file) {
 }
 // src/components/pdf-viewer/hooks/usePdfScroll.ts
-import * as React26 from "react";
+import * as React28 from "react";
 function usePdfScroll({
   containerRef,
   numPages,
@@ -3108,30 +3482,30 @@ function usePdfScroll({
   effectiveWidth,
   viewportBuffer
 }) {
-  const [internalPage, setInternalPage] = React26.useState(1);
+  const [internalPage, setInternalPage] = React28.useState(1);
   const isControlled = scrollTo !== void 0;
   const currentPage = isControlled ? scrollTo.page : internalPage;
-  const scrollOperationRef = React26.useRef({
+  const scrollOperationRef = React28.useRef({
     isProgrammatic: false,
     targetPage: null,
     lastReportedPage: 1,
     notifyOnComplete: false
   });
-  const [visibleRange, setVisibleRange] = React26.useState({
+  const [visibleRange, setVisibleRange] = React28.useState({
     start: 1,
     end: Math.min(1 + viewportBuffer, numPages || 1 + viewportBuffer)
   });
-  const visiblePages = React26.useMemo(() => {
+  const visiblePages = React28.useMemo(() => {
     const pages = /* @__PURE__ */ new Set();
     for (let i = visibleRange.start; i <= visibleRange.end; i++) {
       pages.add(i);
     }
     return pages;
   }, [visibleRange.start, visibleRange.end]);
-  const observerRef = React26.useRef(null);
-  const intersectionRatiosRef = React26.useRef(/* @__PURE__ */ new Map());
-  const pageRefsMapRef = React26.useRef(/* @__PURE__ */ new Map());
-  const cumulativeOffsets = React26.useMemo(() => {
+  const observerRef = React28.useRef(null);
+  const intersectionRatiosRef = React28.useRef(/* @__PURE__ */ new Map());
+  const pageRefsMapRef = React28.useRef(/* @__PURE__ */ new Map());
+  const cumulativeOffsets = React28.useMemo(() => {
     if (!pageDimensions?.size) return null;
     const offsets = [CONTAINER_PADDING];
     let cumulative = CONTAINER_PADDING;
@@ -3143,7 +3517,7 @@ function usePdfScroll({
     }
     return offsets;
   }, [pageDimensions, effectiveWidth]);
-  const calculatePageOffset = React26.useCallback(
+  const calculatePageOffset = React28.useCallback(
     (pageNum) => {
       if (cumulativeOffsets && pageNum <= cumulativeOffsets.length) {
         return cumulativeOffsets[pageNum - 1];
@@ -3158,11 +3532,11 @@ function usePdfScroll({
     },
     [cumulativeOffsets, pageDimensions, effectiveWidth]
   );
-  const onPageChangeRef = React26.useRef(onPageChange);
-  React26.useEffect(() => {
+  const onPageChangeRef = React28.useRef(onPageChange);
+  React28.useEffect(() => {
     onPageChangeRef.current = onPageChange;
   }, [onPageChange]);
-  const updatePage = React26.useCallback(
+  const updatePage = React28.useCallback(
     (pageNum) => {
       scrollOperationRef.current.lastReportedPage = pageNum;
       if (isControlled) {
@@ -3174,7 +3548,7 @@ function usePdfScroll({
     [isControlled]
     // Removed onPageChange - now uses ref
   );
-  const onProgrammaticScrollComplete = React26.useCallback((pageNum) => {
+  const onProgrammaticScrollComplete = React28.useCallback((pageNum) => {
     const shouldNotify = scrollOperationRef.current.notifyOnComplete;
     scrollOperationRef.current.isProgrammatic = false;
     scrollOperationRef.current.targetPage = null;
@@ -3184,7 +3558,7 @@ function usePdfScroll({
       onPageChangeRef.current?.(pageNum);
     }
   }, []);
-  const scrollToPage = React26.useCallback(
+  const scrollToPage = React28.useCallback(
     (pageNum) => {
       const container = containerRef.current;
       if (!container || !pageDimensions?.size) return;
@@ -3215,7 +3589,7 @@ function usePdfScroll({
       onProgrammaticScrollComplete
     ]
   );
-  const scrollToPosition = React26.useCallback(
+  const scrollToPosition = React28.useCallback(
     (target) => {
       const container = containerRef.current;
       if (!container || !pageDimensions?.size) return;
@@ -3256,7 +3630,7 @@ function usePdfScroll({
       onProgrammaticScrollComplete
     ]
   );
-  const handlePageChange = React26.useCallback(
+  const handlePageChange = React28.useCallback(
     (pageNum) => {
       const clampedPage = Math.max(1, Math.min(pageNum, numPages));
       scrollOperationRef.current.lastReportedPage = clampedPage;
@@ -3270,12 +3644,12 @@ function usePdfScroll({
     },
     [numPages, scrollToPage, isControlled, onPageChange]
   );
-  const updatePageRef = React26.useRef(updatePage);
-  React26.useEffect(() => {
+  const updatePageRef = React28.useRef(updatePage);
+  React28.useEffect(() => {
     updatePageRef.current = updatePage;
   }, [updatePage]);
-  const lastBufferRef = React26.useRef({ start: 1, end: 1 + viewportBuffer });
-  React26.useEffect(() => {
+  const lastBufferRef = React28.useRef({ start: 1, end: 1 + viewportBuffer });
+  React28.useEffect(() => {
     const container = containerRef.current;
     if (!container) return;
     const observer = new IntersectionObserver(
@@ -3335,7 +3709,7 @@ function usePdfScroll({
       ratiosMap.clear();
     };
   }, [containerRef, numPages, viewportBuffer]);
-  const observePage = React26.useCallback(
+  const observePage = React28.useCallback(
     (pageNum, element) => {
       const prevElement = pageRefsMapRef.current.get(pageNum);
       if (element) {
@@ -3356,7 +3730,7 @@ function usePdfScroll({
     },
     []
   );
-  React26.useEffect(() => {
+  React28.useEffect(() => {
     const container = containerRef.current;
     if (!container) return;
     const handleUserScroll = () => {
@@ -3414,9 +3788,9 @@ function usePdfScroll({
       }
     };
   }, [containerRef, onProgrammaticScrollComplete]);
-  const lastScrollTargetRef = React26.useRef(null);
-  const prevEffectiveWidthRef = React26.useRef(effectiveWidth);
-  React26.useEffect(() => {
+  const lastScrollTargetRef = React28.useRef(null);
+  const prevEffectiveWidthRef = React28.useRef(effectiveWidth);
+  React28.useEffect(() => {
     if (prevEffectiveWidthRef.current !== effectiveWidth) {
       prevEffectiveWidthRef.current = effectiveWidth;
       const lastScrollTarget = lastScrollTargetRef.current;
@@ -3425,7 +3799,7 @@ function usePdfScroll({
       }
     }
   }, [effectiveWidth]);
-  React26.useEffect(() => {
+  React28.useEffect(() => {
     if (!isControlled || !scrollTo || numPages <= 0) return;
     if (!pageDimensions?.size) return;
     const lastScrollTarget = lastScrollTargetRef.current;
@@ -3458,7 +3832,7 @@ function usePdfScroll({
     pageDimensions,
     effectiveWidth
   ]);
-  React26.useEffect(() => {
+  React28.useEffect(() => {
     const pageRefs = pageRefsMapRef.current;
     const ratios = intersectionRatiosRef.current;
     for (const pageNum of pageRefs.keys()) {
@@ -3482,14 +3856,14 @@ function usePdfScroll({
 }
 // src/components/pdf-viewer/hooks/useZoomControl.ts
-import * as React27 from "react";
+import * as React29 from "react";
 function useZoomControl({
   containerRef,
   initialZoom = PDF_ZOOM.DEFAULT
 }) {
-  const [zoom, setZoom] = React27.useState(initialZoom);
-  const scrollRatioRef = React27.useRef({ x: 0.5, y: 0 });
-  const handleZoomChange = React27.useCallback(
+  const [zoom, setZoom] = React29.useState(initialZoom);
+  const scrollRatioRef = React29.useRef({ x: 0.5, y: 0 });
+  const handleZoomChange = React29.useCallback(
     (newZoom) => {
       const container = containerRef.current;
       if (container) {
@@ -3510,7 +3884,7 @@ function useZoomControl({
     },
     [containerRef]
   );
-  React27.useEffect(() => {
+  React29.useEffect(() => {
     const container = containerRef.current;
     if (!container) return;
     requestAnimationFrame(() => {
@@ -3535,9 +3909,9 @@ function initializePdfWorker(workerUrl) {
 }
 // src/components/pdf-viewer/index.tsx
-import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
 var DEFAULT_VIEWPORT_BUFFER = 1;
-var PdfViewer = React28.forwardRef(
+var PdfViewer = React30.forwardRef(
   ({
     file,
     title,
@@ -3564,15 +3938,15 @@ var PdfViewer = React28.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [numPages, setNumPages] = React28.useState(0);
-    const [pageDimensions, setPageDimensions] = React28.useState(null);
+    const [numPages, setNumPages] = React30.useState(0);
+    const [pageDimensions, setPageDimensions] = React30.useState(null);
     const { containerWidth, containerRef } = useContainerWidth();
     const { zoom, handleZoomChange } = useZoomControl({ containerRef });
     const { printFrameRef, printBlobUrl, preparePrint, print } = usePdfPrint(file);
     const download = usePdfDownload(file, title);
     const baseWidth = Math.min(pageWidth || containerWidth, 800);
     const effectiveWidth = Math.round(baseWidth * (zoom / 100));
-    const handleDimensionsLoaded = React28.useCallback(
+    const handleDimensionsLoaded = React30.useCallback(
       (dimensions) => {
         setPageDimensions(dimensions);
         onDimensionsReady?.(dimensions);
@@ -3589,7 +3963,7 @@ var PdfViewer = React28.forwardRef(
       effectiveWidth,
       viewportBuffer
     });
-    const handleLoadSuccess = React28.useCallback(
+    const handleLoadSuccess = React30.useCallback(
       async (pages) => {
         setNumPages(pages);
         onLoadSuccess?.(pages);
@@ -3597,28 +3971,28 @@ var PdfViewer = React28.forwardRef(
       },
       [onLoadSuccess, preparePrint]
     );
-    const handleDownload = React28.useCallback(() => {
+    const handleDownload = React30.useCallback(() => {
       if (onDownload) {
         onDownload();
         return;
       }
       download();
     }, [onDownload, download]);
-    const handlePrint = React28.useCallback(() => {
+    const handlePrint = React30.useCallback(() => {
       if (onPrint) {
         onPrint();
         return;
       }
       print();
     }, [onPrint, print]);
-    return /* @__PURE__ */ jsxs13(
+    return /* @__PURE__ */ jsxs15(
       "div",
       {
         ref,
         className: cn("h-full flex flex-col", className),
         ...props,
         children: [
-          printBlobUrl && /* @__PURE__ */ jsx25(
+          printBlobUrl && /* @__PURE__ */ jsx27(
             "iframe",
             {
               ref: printFrameRef,
@@ -3627,7 +4001,7 @@ var PdfViewer = React28.forwardRef(
               title: "PDF for printing"
             }
           ),
-          /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx27(
             PdfHeader,
             {
               title,
@@ -3635,8 +4009,8 @@ var PdfViewer = React28.forwardRef(
               onPrint: handlePrint
             }
           ),
-          /* @__PURE__ */ jsxs13("div", { className: "flex-1 flex overflow-hidden min-h-0", children: [
-            /* @__PURE__ */ jsx25(CustomScrollbar, { containerRef, children: /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsxs15("div", { className: "flex-1 flex overflow-hidden min-h-0", children: [
+            /* @__PURE__ */ jsx27(CustomScrollbar, { containerRef, children: /* @__PURE__ */ jsx27(
               PdfDocument,
               {
                 file,
@@ -3660,7 +4034,7 @@ var PdfViewer = React28.forwardRef(
                 onBoxMouseLeave
               }
             ) }),
-            showControls && /* @__PURE__ */ jsx25(
+            showControls && /* @__PURE__ */ jsx27(
               PdfControls,
               {
                 currentPage,
@@ -3681,10 +4055,10 @@ var PdfViewer = React28.forwardRef(
 PdfViewer.displayName = "PdfViewer";
 // src/components/ui/tabs.tsx
-import * as React29 from "react";
-import { cva as cva11 } from "class-variance-authority";
-import { jsx as jsx26 } from "react/jsx-runtime";
-var tabsVariants = cva11(
+import * as React31 from "react";
+import { cva as cva12 } from "class-variance-authority";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var tabsVariants = cva12(
   "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",
   {
     variants: {
@@ -3697,17 +4071,17 @@ var tabsVariants = cva11(
     }
   }
 );
-var TabsContext = React29.createContext(
+var TabsContext = React31.createContext(
   void 0
 );
 function useTabsContext() {
-  const context = React29.useContext(TabsContext);
+  const context = React31.useContext(TabsContext);
   if (!context) {
     throw new Error("Tabs components must be used within a Tabs provider");
   }
   return context;
 }
-var Tabs = React29.forwardRef((props, ref) => {
+var Tabs = React31.forwardRef((props, ref) => {
   const {
     className,
     value,
@@ -3716,7 +4090,7 @@ var Tabs = React29.forwardRef((props, ref) => {
     children,
     ...restProps
   } = props;
-  const contextValue = React29.useMemo(
+  const contextValue = React31.useMemo(
     () => ({
       activeTab: value,
       setActiveTab: onValueChange,
@@ -3724,13 +4098,13 @@ var Tabs = React29.forwardRef((props, ref) => {
     }),
     [value, onValueChange, variant]
   );
-  return /* @__PURE__ */ jsx26(TabsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx26("div", { ref, className: cn("w-full", className), ...restProps, children }) });
+  return /* @__PURE__ */ jsx28(TabsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx28("div", { ref, className: cn("w-full", className), ...restProps, children }) });
 });
 Tabs.displayName = "Tabs";
-var TabsList = React29.forwardRef(
+var TabsList = React31.forwardRef(
   (props, ref) => {
     const { className, children, ...restProps } = props;
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx28(
       "div",
       {
         ref,
@@ -3746,7 +4120,7 @@ TabsList.displayName = "TabsList";
 var getTabTypographyStyles = (isActive) => ({
   font: isActive ? "var(--typography-label-sm-bold)" : "var(--typography-label-sm-regular)"
 });
-var TabsTrigger = React29.forwardRef(
+var TabsTrigger = React31.forwardRef(
   (props, ref) => {
     const { className, value, disabled, style, children, ...restProps } = props;
     const { activeTab, setActiveTab, variant } = useTabsContext();
@@ -3754,22 +4128,22 @@ var TabsTrigger = React29.forwardRef(
       throw new Error("TabsTrigger must have a value prop");
     }
     const isActive = activeTab === value;
-    const tokenStyles = React29.useMemo(
+    const tokenStyles = React31.useMemo(
       () => ({
         ...getTabTypographyStyles(isActive),
         ...style
       }),
       [isActive, style]
     );
-    const triggerClassName = React29.useMemo(
+    const triggerClassName = React31.useMemo(
       () => cn(tabsVariants({ variant }), className),
       [variant, className]
     );
-    const handleClick = React29.useCallback(() => {
+    const handleClick = React31.useCallback(() => {
       if (disabled) return;
       setActiveTab(value);
     }, [disabled, setActiveTab, value]);
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx28(
       "button",
       {
         ref,
@@ -3783,13 +4157,13 @@ var TabsTrigger = React29.forwardRef(
         disabled,
         onClick: handleClick,
         ...restProps,
-        children: /* @__PURE__ */ jsx26("span", { className: "pl-3 pr-6 py-2", children })
+        children: /* @__PURE__ */ jsx28("span", { className: "pl-3 pr-6 py-2", children })
       }
     );
   }
 );
 TabsTrigger.displayName = "TabsTrigger";
-var TabsContent = React29.forwardRef(
+var TabsContent = React31.forwardRef(
   (props, ref) => {
     const { className, value, children, ...restProps } = props;
     const { activeTab } = useTabsContext();
@@ -3800,7 +4174,7 @@ var TabsContent = React29.forwardRef(
     if (!isActive) {
       return null;
     }
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx28(
       "div",
       {
         ref,
@@ -3818,11 +4192,11 @@ var TabsContent = React29.forwardRef(
 TabsContent.displayName = "TabsContent";
 // src/components/ui/dropdown-menu.tsx
-import * as React30 from "react";
+import * as React32 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
-var DropdownMenuTrigger = React30.forwardRef(({ className, icon, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
+var DropdownMenuTrigger = React32.forwardRef(({ className, icon, children, ...props }, ref) => /* @__PURE__ */ jsxs16(
   DropdownMenuPrimitive.Trigger,
   {
     ref,
@@ -3832,7 +4206,7 @@ var DropdownMenuTrigger = React30.forwardRef(({ className, icon, children, ...pr
     ),
     ...props,
     children: [
-      icon || /* @__PURE__ */ jsx27(MoreMenuIcon, {}),
+      icon || /* @__PURE__ */ jsx29(MoreMenuIcon, {}),
       children
     ]
   }
@@ -3842,7 +4216,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React30.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
+var DropdownMenuSubTrigger = React32.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs16(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -3855,12 +4229,12 @@ var DropdownMenuSubTrigger = React30.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx27(ArrowRightIcon, { className: "ml-auto" })
+      /* @__PURE__ */ jsx29(ArrowRightIcon, { className: "ml-auto" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var DropdownMenuSubContent = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -3872,7 +4246,7 @@ var DropdownMenuSubContent = React30.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React30.forwardRef(({ className, sideOffset = 4, align = "end", ...props }, ref) => /* @__PURE__ */ jsx27(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx27(
+var DropdownMenuContent = React32.forwardRef(({ className, sideOffset = 4, align = "end", ...props }, ref) => /* @__PURE__ */ jsx29(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx29(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -3886,7 +4260,7 @@ var DropdownMenuContent = React30.forwardRef(({ className, sideOffset = 4, align
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React30.forwardRef(({ className, inset, style, ...props }, ref) => /* @__PURE__ */ jsx27(
+var DropdownMenuItem = React32.forwardRef(({ className, inset, style, ...props }, ref) => /* @__PURE__ */ jsx29(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -3903,7 +4277,7 @@ var DropdownMenuItem = React30.forwardRef(({ className, inset, style, ...props }
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React30.forwardRef(({ className, children, style, checked, ...props }, ref) => /* @__PURE__ */ jsxs14(
+var DropdownMenuCheckboxItem = React32.forwardRef(({ className, children, style, checked, ...props }, ref) => /* @__PURE__ */ jsxs16(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -3918,7 +4292,7 @@ var DropdownMenuCheckboxItem = React30.forwardRef(({ className, children, style,
     },
     ...props,
     children: [
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx29(
         Checkbox,
         {
           checked: checked === true,
@@ -3926,12 +4300,12 @@ var DropdownMenuCheckboxItem = React30.forwardRef(({ className, children, style,
           "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ jsx27("span", { className: "flex-1", children })
+      /* @__PURE__ */ jsx29("span", { className: "flex-1", children })
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React30.forwardRef(({ className, children, style, ...props }, ref) => /* @__PURE__ */ jsxs14(
+var DropdownMenuRadioItem = React32.forwardRef(({ className, children, style, ...props }, ref) => /* @__PURE__ */ jsxs16(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -3945,13 +4319,13 @@ var DropdownMenuRadioItem = React30.forwardRef(({ className, children, style, ..
     },
     ...props,
     children: [
-      /* @__PURE__ */ jsx27("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx27(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx27("span", { className: "h-2 w-2 rounded-full bg-current" }) }) }),
+      /* @__PURE__ */ jsx29("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx29(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx29("span", { className: "h-2 w-2 rounded-full bg-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React30.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx27(
+var DropdownMenuLabel = React32.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx29(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -3964,7 +4338,7 @@ var DropdownMenuLabel = React30.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var DropdownMenuSeparator = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -3977,7 +4351,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx29(
     "span",
     {
       className: cn("ml-auto text-xs tracking-widest opacity-60", className),
@@ -3988,21 +4362,21 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 // src/components/ui/charts/chart-legend.tsx
-import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
 function ChartLegend({
   items,
   x = 0,
   y = 550,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx28("foreignObject", { x, y, width: "100%", height: "40", children: /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx30("foreignObject", { x, y, width: "100%", height: "40", children: /* @__PURE__ */ jsx30(
     "div",
     {
       className: `flex justify-center items-center gap-6 ${className}`,
       style: { height: "100%" },
-      children: items.map(({ key, color, label }) => /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx28("div", { className: "w-3 h-3", style: { backgroundColor: color } }),
-        /* @__PURE__ */ jsx28(Typography, { variant: "body-xs", children: label || key })
+      children: items.map(({ key, color, label }) => /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx30("div", { className: "w-3 h-3", style: { backgroundColor: color } }),
+        /* @__PURE__ */ jsx30(Typography, { variant: "body-xs", children: label || key })
       ] }, key))
     }
   ) });
@@ -4120,12 +4494,12 @@ var formatLargeNumber = (value) => {
 };
 // src/components/ui/charts/chart-labels.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var createCustomXAxisLabel = (text, yOffset = 40) => {
   const CustomXAxisLabel = ({ viewBox }) => {
     if (!viewBox) return null;
     const { x, y, width } = viewBox;
-    return /* @__PURE__ */ jsx29("g", { children: /* @__PURE__ */ jsx29("foreignObject", { x, y: y + yOffset, width, height: 20, children: /* @__PURE__ */ jsx29("div", { className: "flex justify-center w-full", children: /* @__PURE__ */ jsx29(Typography, { variant: "label-xs-bold", className: "text-secondary", children: text }) }) }) });
+    return /* @__PURE__ */ jsx31("g", { children: /* @__PURE__ */ jsx31("foreignObject", { x, y: y + yOffset, width, height: 20, children: /* @__PURE__ */ jsx31("div", { className: "flex justify-center w-full", children: /* @__PURE__ */ jsx31(Typography, { variant: "label-xs-bold", className: "text-secondary", children: text }) }) }) });
   };
   CustomXAxisLabel.displayName = "CustomXAxisLabel";
   return CustomXAxisLabel;
@@ -4135,7 +4509,7 @@ var createCustomYAxisLabel = (text, leftMargin) => {
     if (!viewBox) return null;
     const { x, y, height } = viewBox;
     const offset = leftMargin ? leftMargin + 10 : 110;
-    return /* @__PURE__ */ jsx29("g", { children: /* @__PURE__ */ jsx29("foreignObject", { x: x - offset, y, width: 100, height, children: /* @__PURE__ */ jsx29("div", { className: "flex items-center justify-center h-full transform -rotate-90 whitespace-nowrap", children: /* @__PURE__ */ jsx29(Typography, { variant: "label-xs-bold", className: "text-secondary", children: text }) }) }) });
+    return /* @__PURE__ */ jsx31("g", { children: /* @__PURE__ */ jsx31("foreignObject", { x: x - offset, y, width: 100, height, children: /* @__PURE__ */ jsx31("div", { className: "flex items-center justify-center h-full transform -rotate-90 whitespace-nowrap", children: /* @__PURE__ */ jsx31(Typography, { variant: "label-xs-bold", className: "text-secondary", children: text }) }) }) });
   };
   CustomYAxisLabel.displayName = "CustomYAxisLabel";
   return CustomYAxisLabel;
@@ -4144,14 +4518,14 @@ var createCustomYAxisRightLabel = (text) => {
   const CustomYAxisRightLabel = ({ viewBox }) => {
     if (!viewBox) return null;
     const { x, y, width, height } = viewBox;
-    return /* @__PURE__ */ jsx29("g", { children: /* @__PURE__ */ jsx29("foreignObject", { x: x + width - 70, y, width: 120, height, children: /* @__PURE__ */ jsx29("div", { className: "flex items-center justify-center h-full transform rotate-90 whitespace-nowrap", children: /* @__PURE__ */ jsx29(Typography, { variant: "label-xs-bold", className: "text-secondary", children: text }) }) }) });
+    return /* @__PURE__ */ jsx31("g", { children: /* @__PURE__ */ jsx31("foreignObject", { x: x + width - 70, y, width: 120, height, children: /* @__PURE__ */ jsx31("div", { className: "flex items-center justify-center h-full transform rotate-90 whitespace-nowrap", children: /* @__PURE__ */ jsx31(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__ */ jsx29("g", { transform: `translate(${x},${y})`, children: /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx31("g", { transform: `translate(${x},${y})`, children: /* @__PURE__ */ jsx31(
     "foreignObject",
     {
       x: -20,
@@ -4159,12 +4533,12 @@ var customXAxisTick = (props) => {
       width: 40,
       height: 20,
       style: { overflow: "visible" },
-      children: /* @__PURE__ */ jsx29(
+      children: /* @__PURE__ */ jsx31(
         "div",
         {
           className: "flex items-start justify-center h-full",
           style: { overflow: "visible" },
-          children: /* @__PURE__ */ jsx29(
+          children: /* @__PURE__ */ jsx31(
             Typography,
             {
               variant: "body-xs",
@@ -4179,7 +4553,7 @@ var customXAxisTick = (props) => {
 };
 var customXAxisTickRotated = (props) => {
   const { x, y, payload } = props;
-  return /* @__PURE__ */ jsx29("g", { transform: `translate(${x},${y})`, children: /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx31("g", { transform: `translate(${x},${y})`, children: /* @__PURE__ */ jsx31(
     "text",
     {
       x: 0,
@@ -4198,25 +4572,25 @@ var customYAxisTick = (props) => {
   const { x, y, payload } = props;
   const text = String(payload.value);
   const estimatedWidth = Math.max(text.length * 8, 80);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx31(
     "foreignObject",
     {
       x: x - estimatedWidth + 5,
       y: y - 6,
       width: estimatedWidth,
       height: 15,
-      children: /* @__PURE__ */ jsx29("div", { className: "flex justify-end w-full", children: /* @__PURE__ */ jsx29(Typography, { variant: "body-xs", className: "text-secondary", children: payload.value }) })
+      children: /* @__PURE__ */ jsx31("div", { className: "flex justify-end w-full", children: /* @__PURE__ */ jsx31(Typography, { variant: "body-xs", className: "text-secondary", children: payload.value }) })
     }
   );
 };
 // src/components/ui/charts/chart-tooltip.tsx
-import { Fragment as Fragment2, jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
 function TooltipContainer({
   children,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     "div",
     {
       className: `bg-light border border-subtle rounded p-2.5 text-dark ${className}`,
@@ -4230,10 +4604,10 @@ function TooltipItem({
   value,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxs16(Fragment2, { children: [
-    /* @__PURE__ */ jsx30("br", {}),
-    /* @__PURE__ */ jsxs16(Typography, { variant: "label-sm", className, children: [
-      /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs18(Fragment2, { children: [
+    /* @__PURE__ */ jsx32("br", {}),
+    /* @__PURE__ */ jsxs18(Typography, { variant: "label-sm", className, children: [
+      /* @__PURE__ */ jsx32(
         "span",
         {
           className: "inline-block w-3 h-3 mr-1.5",
@@ -4251,9 +4625,9 @@ function GenericTooltip({
   items,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxs16(TooltipContainer, { className, children: [
-    title && /* @__PURE__ */ jsx30(Typography, { variant: "label-sm-bold", children: title }),
-    items.map((item, index) => /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs18(TooltipContainer, { className, children: [
+    title && /* @__PURE__ */ jsx32(Typography, { variant: "label-sm-bold", children: title }),
+    items.map((item, index) => /* @__PURE__ */ jsx32(
       TooltipItem,
       {
         color: item.color,
@@ -4266,7 +4640,7 @@ function GenericTooltip({
 }
 // src/components/ui/charts/bar-chart.tsx
-import { forwardRef as forwardRef22 } from "react";
+import { forwardRef as forwardRef24 } from "react";
 import {
   BarChart as RechartsBarChart,
   Bar,
@@ -4275,8 +4649,8 @@ import {
   Tooltip as Tooltip2,
   ResponsiveContainer
 } from "recharts";
-import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
-var BarChart = forwardRef22(
+import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
+var BarChart = forwardRef24(
   ({
     data,
     xAxisKey,
@@ -4302,19 +4676,19 @@ var BarChart = forwardRef22(
     };
     const defaultLegendItems = showLegend && legendItems.length === 0 ? [{ key: yAxisKey, color: barColor, label: yAxisKey }] : legendItems;
     const hasData = data && data.length > 0;
-    return /* @__PURE__ */ jsxs17(
+    return /* @__PURE__ */ jsxs19(
       "div",
       {
         ref,
         className: `bg-light border border-subtle mx-6 ${className}`,
         children: [
-          /* @__PURE__ */ jsx31("div", { className: "flex items-center justify-between px-3 py-2 border-b border-subtle", children: /* @__PURE__ */ jsx31(Typography, { variant: "label-sm-bold", children: title }) }),
-          /* @__PURE__ */ jsx31("div", { className: "pt-2 px-2", children: hasData ? /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx33("div", { className: "flex items-center justify-between px-3 py-2 border-b border-subtle", children: /* @__PURE__ */ jsx33(Typography, { variant: "label-sm-bold", children: title }) }),
+          /* @__PURE__ */ jsx33("div", { className: "pt-2 px-2", children: hasData ? /* @__PURE__ */ jsx33(
             ResponsiveContainer,
             {
               width: "100%",
               height: CHART_CONSTANTS.STANDARD_HEIGHT,
-              children: /* @__PURE__ */ jsxs17(
+              children: /* @__PURE__ */ jsxs19(
                 RechartsBarChart,
                 {
                   data,
@@ -4326,7 +4700,7 @@ var BarChart = forwardRef22(
                   onClick: handleClick,
                   layout,
                   children: [
-                    /* @__PURE__ */ jsx31(
+                    /* @__PURE__ */ jsx33(
                       XAxis,
                       {
                         dataKey: xAxisKey,
@@ -4340,7 +4714,7 @@ var BarChart = forwardRef22(
                         label: xAxisLabel ? createCustomXAxisLabel(xAxisLabel, 80) : void 0
                       }
                     ),
-                    /* @__PURE__ */ jsx31(
+                    /* @__PURE__ */ jsx33(
                       YAxis,
                       {
                         axisLine: false,
@@ -4351,7 +4725,7 @@ var BarChart = forwardRef22(
                         type: yAxisType
                       }
                     ),
-                    /* @__PURE__ */ jsx31(
+                    /* @__PURE__ */ jsx33(
                       Tooltip2,
                       {
                         content: ({
@@ -4360,7 +4734,7 @@ var BarChart = forwardRef22(
                           label
                         }) => {
                           if (active && payload && payload.length) {
-                            return /* @__PURE__ */ jsx31(
+                            return /* @__PURE__ */ jsx33(
                               GenericTooltip,
                               {
                                 title: label?.toString(),
@@ -4376,7 +4750,7 @@ var BarChart = forwardRef22(
                         }
                       }
                     ),
-                    /* @__PURE__ */ jsx31(
+                    /* @__PURE__ */ jsx33(
                       Bar,
                       {
                         dataKey: barDataKey || yAxisKey,
@@ -4384,12 +4758,12 @@ var BarChart = forwardRef22(
                         name: barDataKey || yAxisKey
                       }
                     ),
-                    showLegend && defaultLegendItems.length > 0 && /* @__PURE__ */ jsx31(ChartLegend, { items: defaultLegendItems })
+                    showLegend && defaultLegendItems.length > 0 && /* @__PURE__ */ jsx33(ChartLegend, { items: defaultLegendItems })
                   ]
                 }
               )
             }
-          ) : /* @__PURE__ */ jsx31("div", { className: "flex items-center justify-center h-[500px]", children: /* @__PURE__ */ jsx31(Typography, { variant: "body-md", className: "text-secondary", children: "No data is available" }) }) })
+          ) : /* @__PURE__ */ jsx33("div", { className: "flex items-center justify-center h-[500px]", children: /* @__PURE__ */ jsx33(Typography, { variant: "body-md", className: "text-secondary", children: "No data is available" }) }) })
         ]
       }
     );
@@ -4398,7 +4772,7 @@ var BarChart = forwardRef22(
 BarChart.displayName = "BarChart";
 // src/components/ui/charts/line-chart.tsx
-import { forwardRef as forwardRef23 } from "react";
+import { forwardRef as forwardRef25 } from "react";
 import {
   LineChart as RechartsLineChart,
   Line,
@@ -4407,8 +4781,8 @@ import {
   Tooltip as Tooltip3,
   ResponsiveContainer as ResponsiveContainer2
 } from "recharts";
-import { jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
-var LineChart = forwardRef23(
+import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
+var LineChart = forwardRef25(
   ({
     data,
     xAxisKey,
@@ -4436,19 +4810,19 @@ var LineChart = forwardRef23(
       )
     );
     const hasData = data && data.length > 0;
-    return /* @__PURE__ */ jsxs18(
+    return /* @__PURE__ */ jsxs20(
       "div",
       {
         ref,
         className: `bg-light border border-subtle mx-6 ${className}`,
         children: [
-          /* @__PURE__ */ jsx32("div", { className: "flex items-center justify-between px-3 py-2 border-b border-subtle", children: /* @__PURE__ */ jsx32(Typography, { variant: "label-sm-bold", children: title }) }),
-          /* @__PURE__ */ jsx32("div", { className: "pt-2 px-2", children: hasData ? /* @__PURE__ */ jsx32(
+          /* @__PURE__ */ jsx34("div", { className: "flex items-center justify-between px-3 py-2 border-b border-subtle", children: /* @__PURE__ */ jsx34(Typography, { variant: "label-sm-bold", children: title }) }),
+          /* @__PURE__ */ jsx34("div", { className: "pt-2 px-2", children: hasData ? /* @__PURE__ */ jsx34(
             ResponsiveContainer2,
             {
               width: "100%",
               height: CHART_CONSTANTS.STANDARD_HEIGHT,
-              children: /* @__PURE__ */ jsxs18(
+              children: /* @__PURE__ */ jsxs20(
                 RechartsLineChart,
                 {
                   data,
@@ -4459,7 +4833,7 @@ var LineChart = forwardRef23(
                   },
                   onClick: handleClick,
                   children: [
-                    /* @__PURE__ */ jsx32(
+                    /* @__PURE__ */ jsx34(
                       XAxis2,
                       {
                         dataKey: xAxisKey,
@@ -4471,7 +4845,7 @@ var LineChart = forwardRef23(
                         label: xAxisLabel ? createCustomXAxisLabel(xAxisLabel) : void 0
                       }
                     ),
-                    /* @__PURE__ */ jsx32(
+                    /* @__PURE__ */ jsx34(
                       YAxis2,
                       {
                         axisLine: false,
@@ -4480,7 +4854,7 @@ var LineChart = forwardRef23(
                         label: yAxisLabel ? createCustomYAxisLabel(yAxisLabel, 40) : void 0
                       }
                     ),
-                    /* @__PURE__ */ jsx32(
+                    /* @__PURE__ */ jsx34(
                       Tooltip3,
                       {
                         content: ({
@@ -4489,7 +4863,7 @@ var LineChart = forwardRef23(
                           label
                         }) => {
                           if (active && payload && payload.length) {
-                            return /* @__PURE__ */ jsx32(
+                            return /* @__PURE__ */ jsx34(
                               GenericTooltip,
                               {
                                 title: label?.toString(),
@@ -4505,7 +4879,7 @@ var LineChart = forwardRef23(
                         }
                       }
                     ),
-                    series.map((s, index) => /* @__PURE__ */ jsx32(
+                    series.map((s, index) => /* @__PURE__ */ jsx34(
                       Line,
                       {
                         type: "monotone",
@@ -4517,12 +4891,12 @@ var LineChart = forwardRef23(
                       },
                       s.dataKey
                     )),
-                    showLegend && defaultLegendItems.length > 0 && /* @__PURE__ */ jsx32(ChartLegend, { items: defaultLegendItems })
+                    showLegend && defaultLegendItems.length > 0 && /* @__PURE__ */ jsx34(ChartLegend, { items: defaultLegendItems })
                   ]
                 }
               )
             }
-          ) : /* @__PURE__ */ jsx32("div", { className: "flex items-center justify-center h-[500px]", children: /* @__PURE__ */ jsx32(Typography, { variant: "body-md", className: "text-secondary", children: "No data is available" }) }) })
+          ) : /* @__PURE__ */ jsx34("div", { className: "flex items-center justify-center h-[500px]", children: /* @__PURE__ */ jsx34(Typography, { variant: "body-md", className: "text-secondary", children: "No data is available" }) }) })
         ]
       }
     );
@@ -4531,10 +4905,10 @@ var LineChart = forwardRef23(
 LineChart.displayName = "LineChart";
 // src/components/ui/charts/pie-chart.tsx
-import { forwardRef as forwardRef24 } from "react";
+import { forwardRef as forwardRef26 } from "react";
 import { PieChart as RechartsPieChart, Pie, Cell, Tooltip as Tooltip4 } from "recharts";
-import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
-var PieChart = forwardRef24(
+import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
+var PieChart = forwardRef26(
   ({
     data,
     title,
@@ -4561,20 +4935,20 @@ var PieChart = forwardRef24(
       )
     );
     const hasData = data && data.length > 0;
-    return /* @__PURE__ */ jsxs19(
+    return /* @__PURE__ */ jsxs21(
       "div",
       {
         ref,
         className: `bg-light border border-subtle mx-6 ${className}`,
         children: [
-          /* @__PURE__ */ jsx33("div", { className: "flex items-center justify-between px-3 py-2 border-b border-subtle", children: /* @__PURE__ */ jsx33(Typography, { variant: "label-sm-bold", children: title }) }),
-          /* @__PURE__ */ jsx33("div", { className: "pt-2 px-2", children: hasData ? /* @__PURE__ */ jsx33("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxs19(
+          /* @__PURE__ */ jsx35("div", { className: "flex items-center justify-between px-3 py-2 border-b border-subtle", children: /* @__PURE__ */ jsx35(Typography, { variant: "label-sm-bold", children: title }) }),
+          /* @__PURE__ */ jsx35("div", { className: "pt-2 px-2", children: hasData ? /* @__PURE__ */ jsx35("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxs21(
             RechartsPieChart,
             {
               width: 600,
               height: CHART_CONSTANTS.LARGE_HEIGHT,
               children: [
-                /* @__PURE__ */ jsx33(
+                /* @__PURE__ */ jsx35(
                   Pie,
                   {
                     data,
@@ -4586,7 +4960,7 @@ var PieChart = forwardRef24(
                     label: showLabels,
                     labelLine: false,
                     onClick: handleClick,
-                    children: data.map((entry, index) => /* @__PURE__ */ jsx33(
+                    children: data.map((entry, index) => /* @__PURE__ */ jsx35(
                       Cell,
                       {
                         fill: entry.color || getSeriesColor(index)
@@ -4595,7 +4969,7 @@ var PieChart = forwardRef24(
                     ))
                   }
                 ),
-                /* @__PURE__ */ jsx33(
+                /* @__PURE__ */ jsx35(
                   Tooltip4,
                   {
                     content: ({
@@ -4604,7 +4978,7 @@ var PieChart = forwardRef24(
                     }) => {
                       if (active && payload && payload.length && payload[0]) {
                         const data2 = payload[0].payload;
-                        return /* @__PURE__ */ jsx33(
+                        return /* @__PURE__ */ jsx35(
                           GenericTooltip,
                           {
                             title: data2.name,
@@ -4622,10 +4996,10 @@ var PieChart = forwardRef24(
                     }
                   }
                 ),
-                showLegend && defaultLegendItems.length > 0 && /* @__PURE__ */ jsx33(ChartLegend, { items: defaultLegendItems, y: 400 })
+                showLegend && defaultLegendItems.length > 0 && /* @__PURE__ */ jsx35(ChartLegend, { items: defaultLegendItems, y: 400 })
               ]
             }
-          ) }) : /* @__PURE__ */ jsx33("div", { className: "flex items-center justify-center h-[500px]", children: /* @__PURE__ */ jsx33(Typography, { variant: "body-md", className: "text-secondary", children: "No data is available" }) }) })
+          ) }) : /* @__PURE__ */ jsx35("div", { className: "flex items-center justify-center h-[500px]", children: /* @__PURE__ */ jsx35(Typography, { variant: "body-md", className: "text-secondary", children: "No data is available" }) }) })
         ]
       }
     );
@@ -4638,7 +5012,7 @@ import { useCallback as useCallback9 } from "react";
 import {
   flexRender
 } from "@tanstack/react-table";
-import { Fragment as Fragment3, jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
 function Table({
   table,
   className,
@@ -4668,15 +5042,15 @@ function Table({
     },
     [table]
   );
-  return /* @__PURE__ */ jsxs20("div", { children: [
-    /* @__PURE__ */ jsx34("div", { className: cn("overflow-x-auto", className), children: /* @__PURE__ */ jsxs20("table", { className: "min-w-full divide-y divide-border", children: [
-      /* @__PURE__ */ jsx34("thead", { className: "bg-dark text-light", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx34("tr", { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx34("th", { className: "px-6 py-3 text-left", children: /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs22("div", { children: [
+    /* @__PURE__ */ jsx36("div", { className: cn("overflow-x-auto", className), children: /* @__PURE__ */ jsxs22("table", { className: "min-w-full divide-y divide-border", children: [
+      /* @__PURE__ */ jsx36("thead", { className: "bg-dark text-light", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx36("tr", { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx36("th", { className: "px-6 py-3 text-left", children: /* @__PURE__ */ jsxs22(
         "div",
         {
           className: `flex items-center space-x-1 ${header.column.getCanSort() ? "cursor-pointer select-none" : ""}`,
           onClick: header.column.getToggleSortingHandler(),
           children: [
-            /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx36(
               Typography,
               {
                 variant: "label-xs",
@@ -4687,19 +5061,19 @@ function Table({
                 )
               }
             ),
-            header.column.getCanSort() && /* @__PURE__ */ jsxs20("span", { className: "ml-1", children: [
-              header.column.getIsSorted() === "asc" && /* @__PURE__ */ jsx34(CaretUpIcon, { className: "text-light" }),
-              header.column.getIsSorted() === "desc" && /* @__PURE__ */ jsx34(CaretDownIcon, { className: "text-light" })
+            header.column.getCanSort() && /* @__PURE__ */ jsxs22("span", { className: "ml-1", children: [
+              header.column.getIsSorted() === "asc" && /* @__PURE__ */ jsx36(CaretUpIcon, { className: "text-light" }),
+              header.column.getIsSorted() === "desc" && /* @__PURE__ */ jsx36(CaretDownIcon, { className: "text-light" })
             ] })
           ]
         }
       ) }, header.id)) }, headerGroup.id)) }),
-      /* @__PURE__ */ jsx34("tbody", { className: "bg-light divide-y divide-border", children: table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx34("tr", { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx34("td", { className: "px-6 py-4 whitespace-nowrap", children: /* @__PURE__ */ jsx34(Typography, { variant: "body-sm", children: flexRender(
+      /* @__PURE__ */ jsx36("tbody", { className: "bg-light divide-y divide-border", children: table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx36("tr", { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx36("td", { className: "px-6 py-4 whitespace-nowrap", children: /* @__PURE__ */ jsx36(Typography, { variant: "body-sm", children: flexRender(
         cell.column.columnDef.cell,
         cell.getContext()
       ) }) }, cell.id)) }, row.id)) })
     ] }) }),
-    showPagination && /* @__PURE__ */ jsxs20(
+    showPagination && /* @__PURE__ */ jsxs22(
       "div",
       {
         className: cn(
@@ -4707,9 +5081,9 @@ function Table({
           paginationClassName
         ),
         children: [
-          /* @__PURE__ */ jsx34("div", { className: "flex items-center", children: /* @__PURE__ */ jsx34(Typography, { variant: "body-sm", className: "text-secondary", children: showingText }) }),
-          /* @__PURE__ */ jsxs20("div", { className: "flex items-center space-x-1", children: [
-            /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsx36("div", { className: "flex items-center", children: /* @__PURE__ */ jsx36(Typography, { variant: "body-sm", className: "text-secondary", children: showingText }) }),
+          /* @__PURE__ */ jsxs22("div", { className: "flex items-center space-x-1", children: [
+            /* @__PURE__ */ jsx36(
               Button,
               {
                 variant: "ghost",
@@ -4717,7 +5091,7 @@ function Table({
                 onClick: handlePreviousPage,
                 disabled: !table.getCanPreviousPage(),
                 className: "p-2",
-                children: /* @__PURE__ */ jsx34(ArrowLeftIcon, {})
+                children: /* @__PURE__ */ jsx36(ArrowLeftIcon, {})
               }
             ),
             Array.from(
@@ -4734,7 +5108,7 @@ function Table({
                   pageNumber = currentPage - 2 + i;
                 }
                 const isActive = pageNumber === currentPage;
-                return /* @__PURE__ */ jsx34(
+                return /* @__PURE__ */ jsx36(
                   Button,
                   {
                     variant: isActive ? "default" : "ghost",
@@ -4747,11 +5121,11 @@ function Table({
                 );
               }
             ),
-            table.getPageCount() > 5 && currentPage < totalPages - 3 && /* @__PURE__ */ jsxs20(Fragment3, { children: [
-              /* @__PURE__ */ jsx34("span", { className: "px-1 text-secondary", children: "..." }),
-              /* @__PURE__ */ jsx34(Typography, { variant: "body-sm", className: "text-secondary", children: totalPages })
+            table.getPageCount() > 5 && currentPage < totalPages - 3 && /* @__PURE__ */ jsxs22(Fragment3, { children: [
+              /* @__PURE__ */ jsx36("span", { className: "px-1 text-secondary", children: "..." }),
+              /* @__PURE__ */ jsx36(Typography, { variant: "body-sm", className: "text-secondary", children: totalPages })
             ] }),
-            /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx36(
               Button,
               {
                 variant: "ghost",
@@ -4759,12 +5133,12 @@ function Table({
                 onClick: handleNextPage,
                 disabled: !table.getCanNextPage(),
                 className: "p-2",
-                children: /* @__PURE__ */ jsx34(ArrowRightIcon, {})
+                children: /* @__PURE__ */ jsx36(ArrowRightIcon, {})
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3 w-48", children: [
-            /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3 w-48", children: [
+            /* @__PURE__ */ jsx36(
               Typography,
               {
                 variant: "body-sm",
@@ -4772,14 +5146,14 @@ function Table({
                 children: "Rows per page:"
               }
             ),
-            /* @__PURE__ */ jsxs20(
+            /* @__PURE__ */ jsxs22(
               Select,
               {
                 value: table.getState().pagination.pageSize.toString(),
                 onValueChange: handlePageSizeChange,
                 children: [
-                  /* @__PURE__ */ jsx34(SelectTrigger, { className: "min-w-0 h-8", children: /* @__PURE__ */ jsx34(SelectValue, {}) }),
-                  /* @__PURE__ */ jsx34(SelectContent, { children: [10, 20, 50, 100].map((size) => /* @__PURE__ */ jsx34(SelectItem, { value: size.toString(), children: size }, size)) })
+                  /* @__PURE__ */ jsx36(SelectTrigger, { className: "min-w-0 h-8", children: /* @__PURE__ */ jsx36(SelectValue, {}) }),
+                  /* @__PURE__ */ jsx36(SelectContent, { children: [10, 20, 50, 100].map((size) => /* @__PURE__ */ jsx36(SelectItem, { value: size.toString(), children: size }, size)) })
                 ]
               }
             )
@@ -4831,6 +5205,15 @@ export {
   CogIcon,
   CredentialsIcon,
   DatePicker,
+  Dialog,
+  DialogBody,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogOverlay,
+  DialogTitle,
+  DialogTrigger,
   DocumentIcon,
   DollarIcon,
   DownloadIcon,
@@ -4875,6 +5258,16 @@ export {
   HomeIcon,
   InformationIcon,
   Input,
+  Item2 as Item,
+  ItemActions,
+  ItemContent,
+  ItemDescription,
+  ItemFooter,
+  ItemGroup,
+  ItemHeader,
+  ItemMedia,
+  ItemSeparator,
+  ItemTitle,
   Label2 as Label,
   LineChart,
   LocationIcon,
@@ -4954,6 +5347,8 @@ export {
   getPerformanceColor,
   getSeriesColor,
   initializePdfWorker,
+  itemMediaVariants,
+  itemVariants,
   selectTriggerVariants,
   switchVariants,
   tabsVariants,