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

package/dist/index.js

@@ -224,68 +224,62 @@ var buttonVariants = (0, import_class_variance_authority2.cva)(
   {
     variants: {
       variant: {
-        default: "bg-primary text-light shadow-sm hover:brightness-[60%] active:brightness-[80%] focus-visible:ring-2 focus-visible:ring-interactive focus-visible:ring-offset-2",
-        outline: "bg-light text-dark border border-strong shadow-sm hover:brightness-[70%] active:brightness-[90%] focus-visible:ring-2 focus-visible:ring-interactive focus-visible:ring-offset-2",
-        destructive: "bg-error text-light shadow-sm hover:brightness-[60%] active:brightness-[80%] focus-visible:ring-2 focus-visible:ring-error focus-visible:ring-offset-2",
-        "destructive-subtle": "bg-light text-error border border-secondary shadow-sm hover:brightness-[70%] active:brightness-[90%] focus-visible:ring-2 focus-visible:ring-error focus-visible:ring-offset-2",
-        ghost: "bg-light text-dark hover:brightness-[70%] active:brightness-[90%] focus-visible:ring-2 focus-visible:ring-interactive focus-visible:ring-offset-2",
-        link: "bg-light text-dark underline underline-offset-4 hover:cursor-pointer active:text-info"
+        default: "interactive-default interactive-default-fg border border-default shadow-sm hover:brightness-[90%] dark:hover:brightness-[130%] active:brightness-[80%] dark:active:brightness-[120%] focus-visible:ring-2 focus-visible:ring-focus-default focus-visible:border-strong",
+        primary: "interactive-accent interactive-accent-fg hover:brightness-[90%] dark:hover:brightness-[130%] active:brightness-[80%] dark:active:brightness-[120%] focus-visible:ring-2 focus-visible:ring-focus-default",
+        destructive: "interactive-destructive interactive-destructive-fg hover:brightness-[90%] dark:hover:brightness-[130%] active:brightness-[80%] dark:active:brightness-[120%] focus-visible:ring-3 focus-visible:ring-focus-error",
+        ghost: "interactive-default interactive-default-fg hover:brightness-[90%] dark:hover:brightness-[130%] active:brightness-[80%] dark:active:brightness-[120%] focus-visible:ring-2 focus-visible:ring-focus-default",
+        link: "h-6 px-0 py-0 rounded-sm text-default underline underline-offset-2 focus-visible:ring-2 focus-visible:ring-focus-default"
       },
       size: {
-        sm: "h-8 rounded-md px-2 py-2 min-w-[120px]",
-        default: "h-10 rounded-lg px-3 py-2 min-w-[125px]",
-        lg: "h-12 rounded-lg px-4 py-2 min-w-[141px]",
-        icon: "h-10 w-10 rounded-lg"
+        default: "h-9 rounded-md px-4 py-2 type-label-sm-medium",
+        lg: "h-10 rounded-md px-4 py-2.5 type-label-md-medium",
+        sm: "h-8 rounded-sm px-3 py-1.5 type-label-sm-medium",
+        mini: "h-6 rounded-sm px-2 py-1 type-label-xs-medium"
       }
     },
-    compoundVariants: [],
+    compoundVariants: [
+      {
+        variant: "link",
+        size: ["default", "sm"],
+        className: "type-body-sm-regular hover:type-body-sm-semibold active:type-body-sm-semibold"
+      },
+      {
+        variant: "link",
+        size: "lg",
+        className: "type-body-md-regular hover:type-body-md-semibold active:type-body-md-semibold"
+      },
+      {
+        variant: "link",
+        size: "mini",
+        className: "type-body-xs-regular hover:type-body-xs-semibold active:type-body-xs-semibold"
+      }
+    ],
     defaultVariants: {
       variant: "default",
       size: "default"
     }
   }
 );
-function getButtonTypographyStyles(size) {
-  switch (size) {
-    case "sm":
-      return { font: "var(--typography-label-sm-bold)" };
-    case "lg":
-      return { font: "var(--typography-label-lg-bold)" };
-    case "icon":
-    case "default":
-    default:
-      return { font: "var(--typography-label-md-bold)" };
-  }
-}
+var hasTextChildren = (children) => React.Children.toArray(children).some(
+  (child) => typeof child === "string" && child.trim().length > 0
+);
 var Button = React.forwardRef(
-  ({
-    className,
-    style,
-    variant,
-    size,
-    icon,
-    iconPosition = "left",
-    children,
-    ...props
-  }, ref) => {
-    const typographyStyles = getButtonTypographyStyles(size);
-    const tokenStyles = {
-      ...typographyStyles,
-      ...style
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  ({ className, style, variant, size, children, ...props }, ref) => {
+    const isIconOnly = !hasTextChildren(children);
+    const iconOnlyClasses = isIconOnly ? "aspect-square px-0 py-0" : void 0;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_button.Button,
       {
         "data-slot": "button",
-        className: cn(buttonVariants({ variant, size }), className),
-        style: tokenStyles,
+        className: cn(
+          buttonVariants({ variant, size }),
+          iconOnlyClasses,
+          className
+        ),
+        style,
         ref,
         ...props,
-        children: [
-          icon && iconPosition === "left" && icon,
-          children,
-          icon && iconPosition === "right" && icon
-        ]
+        children
       }
     );
   }
@@ -851,30 +845,29 @@ var import_react = require("react");
 var import_class_variance_authority6 = require("class-variance-authority");
 
 // src/components/ui/label.tsx
-var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
+var React7 = __toESM(require("react"));
 var import_jsx_runtime7 = require("react/jsx-runtime");
-function Label2({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    LabelPrimitive.Root,
-    {
-      "data-slot": "label",
-      className: cn(
-        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
+var labelClasses = "type-label-sm-medium flex flex-row items-center gap-2 text-default select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50";
+var Label2 = React7.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "label",
+      {
+        ref,
+        "data-slot": "label",
+        className: cn(labelClasses, className),
+        ...props
+      }
+    );
+  }
+);
+Label2.displayName = "Label";
 
 // src/components/ui/separator.tsx
-var React7 = __toESM(require("react"));
+var React8 = __toESM(require("react"));
 var import_separator = require("@base-ui/react/separator");
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var Separator2 = React7.forwardRef(
+var Separator2 = React8.forwardRef(
   ({ className, orientation = "horizontal", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     import_separator.Separator,
     {
@@ -1103,11 +1096,11 @@ function FieldError({
 }
 
 // src/components/ui/breadcrumb.tsx
-var React8 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var import_merge_props = require("@base-ui/react/merge-props");
 var import_use_render = require("@base-ui/react/use-render");
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var Breadcrumb = React8.forwardRef(
+var Breadcrumb = React9.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "nav",
     {
@@ -1120,7 +1113,7 @@ var Breadcrumb = React8.forwardRef(
   )
 );
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React8.forwardRef(
+var BreadcrumbList = React9.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "ol",
     {
@@ -1135,7 +1128,7 @@ var BreadcrumbList = React8.forwardRef(
   )
 );
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React8.forwardRef(
+var BreadcrumbItem = React9.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "li",
     {
@@ -1147,7 +1140,7 @@ var BreadcrumbItem = React8.forwardRef(
   )
 );
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React8.forwardRef(
+var BreadcrumbLink = React9.forwardRef(
   ({ className, render, ...props }, ref) => (0, import_use_render.useRender)({
     ref,
     defaultTagName: "a",
@@ -1164,7 +1157,7 @@ var BreadcrumbLink = React8.forwardRef(
   })
 );
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React8.forwardRef(
+var BreadcrumbPage = React9.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "span",
     {
@@ -1179,7 +1172,7 @@ var BreadcrumbPage = React8.forwardRef(
   )
 );
 BreadcrumbPage.displayName = "BreadcrumbPage";
-var BreadcrumbSeparator = React8.forwardRef(({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var BreadcrumbSeparator = React9.forwardRef(({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
   "li",
   {
     "data-slot": "breadcrumb-separator",
@@ -1192,7 +1185,7 @@ var BreadcrumbSeparator = React8.forwardRef(({ children, className, ...props },
   }
 ));
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-var BreadcrumbEllipsis = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+var BreadcrumbEllipsis = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
   "span",
   {
     "data-slot": "breadcrumb-ellipsis",
@@ -1213,7 +1206,7 @@ var BreadcrumbEllipsis = React8.forwardRef(({ className, ...props }, ref) => /*
 BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
 
 // src/components/ui/tooltip.tsx
-var React9 = __toESM(require("react"));
+var React10 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function TooltipProvider({
@@ -1234,7 +1227,7 @@ function Tooltip({ delayDuration, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipProvider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
 }
 Tooltip.displayName = "Tooltip";
-var TooltipTrigger = React9.forwardRef(({ ...props }, ref) => {
+var TooltipTrigger = React10.forwardRef(({ ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     TooltipPrimitive.Trigger,
     {
@@ -1245,7 +1238,7 @@ var TooltipTrigger = React9.forwardRef(({ ...props }, ref) => {
   );
 });
 TooltipTrigger.displayName = "TooltipTrigger";
-var TooltipContent = React9.forwardRef(({ className, sideOffset = 2, children, ...props }, ref) => {
+var TooltipContent = React10.forwardRef(({ className, sideOffset = 2, children, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     TooltipPrimitive.Content,
     {
@@ -1267,21 +1260,21 @@ var TooltipContent = React9.forwardRef(({ className, sideOffset = 2, children, .
 TooltipContent.displayName = "TooltipContent";
 
 // src/components/ui/sidebar.tsx
-var React10 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var SIDEBAR_CONSTANTS = {
   WIDTH: "144px",
   WIDTH_ICON: "48px"
 };
-var SidebarContext = React10.createContext(null);
+var SidebarContext = React11.createContext(null);
 function useSidebar() {
-  const context = React10.useContext(SidebarContext);
+  const context = React11.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React10.forwardRef(
+var SidebarProvider = React11.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -1291,9 +1284,9 @@ var SidebarProvider = React10.forwardRef(
     children,
     ...props
   }, ref) => {
-    const [_open, _setOpen] = React10.useState(defaultOpen);
+    const [_open, _setOpen] = React11.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React10.useCallback(
+    const setOpen = React11.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -1304,11 +1297,11 @@ var SidebarProvider = React10.forwardRef(
       },
       [setOpenProp, open]
     );
-    const toggleSidebar = React10.useCallback(() => {
+    const toggleSidebar = React11.useCallback(() => {
       return setOpen((open2) => !open2);
     }, [setOpen]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React10.useMemo(
+    const contextValue = React11.useMemo(
       () => ({
         state,
         open,
@@ -1337,7 +1330,7 @@ var SidebarProvider = React10.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React10.forwardRef(
+var Sidebar = React11.forwardRef(
   ({ collapsible = "icon", className, children, ...props }, ref) => {
     const { state } = useSidebar();
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
@@ -1385,7 +1378,7 @@ var Sidebar = React10.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarInset = React10.forwardRef(
+var SidebarInset = React11.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "main",
@@ -1401,7 +1394,7 @@ var SidebarInset = React10.forwardRef(
   }
 );
 SidebarInset.displayName = "SidebarInset";
-var SidebarHeader = React10.forwardRef(
+var SidebarHeader = React11.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "div",
@@ -1419,7 +1412,7 @@ var SidebarHeader = React10.forwardRef(
   }
 );
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React10.forwardRef(
+var SidebarFooter = React11.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "div",
@@ -1433,7 +1426,7 @@ var SidebarFooter = React10.forwardRef(
   }
 );
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarContent = React10.forwardRef(
+var SidebarContent = React11.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "div",
@@ -1450,7 +1443,7 @@ var SidebarContent = React10.forwardRef(
   }
 );
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React10.forwardRef(
+var SidebarGroup = React11.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "div",
@@ -1464,7 +1457,7 @@ var SidebarGroup = React10.forwardRef(
   }
 );
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var SidebarGroupContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   "div",
   {
     ref,
@@ -1474,7 +1467,7 @@ var SidebarGroupContent = React10.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React10.forwardRef(
+var SidebarMenu = React11.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "ul",
     {
@@ -1486,7 +1479,7 @@ var SidebarMenu = React10.forwardRef(
   )
 );
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React10.forwardRef(
+var SidebarMenuItem = React11.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "li",
     {
@@ -1498,7 +1491,7 @@ var SidebarMenuItem = React10.forwardRef(
   )
 );
 SidebarMenuItem.displayName = "SidebarMenuItem";
-var SidebarMenuButton = React10.forwardRef(({ isActive = false, tooltip, className, children, ...props }, ref) => {
+var SidebarMenuButton = React11.forwardRef(({ isActive = false, tooltip, className, children, ...props }, ref) => {
   const { state } = useSidebar();
   const button = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "button",
@@ -1527,14 +1520,14 @@ var SidebarMenuButton = React10.forwardRef(({ isActive = false, tooltip, classNa
 SidebarMenuButton.displayName = "SidebarMenuButton";
 
 // src/components/ui/date-picker.tsx
-var React12 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
 
 // src/components/ui/input.tsx
-var React11 = __toESM(require("react"));
+var React12 = __toESM(require("react"));
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var inputBaseStyles = "flex h-10 py-2 w-full border bg-light text-dark focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 transition-colors rounded-md px-3 min-w-80 placeholder:text-secondary read-only:bg-gray read-only:cursor-default read-only:border-transparent read-only:text-secondary read-only:focus-visible:border-transparent border-secondary focus-visible:border-2 focus-visible:border-strong disabled:border-secondary aria-invalid:border-error aria-invalid:focus-visible:border-error";
-var Input = React11.forwardRef(
+var Input = React12.forwardRef(
   ({
     className,
     style,
@@ -1545,7 +1538,7 @@ var Input = React11.forwardRef(
     readOnly,
     ...props
   }, ref) => {
-    const [internalValue, setInternalValue] = React11.useState(value || "");
+    const [internalValue, setInternalValue] = React12.useState(value || "");
     const isControlled = value !== void 0;
     const currentValue = isControlled ? value : internalValue;
     const showClear = showClearProp !== false && currentValue && currentValue.toString().length > 0 && !readOnly;
@@ -1644,7 +1637,7 @@ var formatDateInput = (date) => {
     day: "2-digit"
   });
 };
-var DatePicker = React12.forwardRef(
+var DatePicker = React13.forwardRef(
   ({
     value,
     onValueChange,
@@ -1663,19 +1656,19 @@ var DatePicker = React12.forwardRef(
       if (isNaN(parsed.getTime())) return void 0;
       return parsed;
     };
-    const [selectedDate, setSelectedDate] = React12.useState(
+    const [selectedDate, setSelectedDate] = React13.useState(
       value || parseDate(defaultValue)
     );
-    const [currentMonth, setCurrentMonth] = React12.useState(() => {
+    const [currentMonth, setCurrentMonth] = React13.useState(() => {
       const date = value || parseDate(defaultValue) || /* @__PURE__ */ new Date();
       return new Date(date.getFullYear(), date.getMonth());
     });
-    const [open, setOpen] = React12.useState(false);
-    const [inputValue, setInputValue] = React12.useState(() => {
+    const [open, setOpen] = React13.useState(false);
+    const [inputValue, setInputValue] = React13.useState(() => {
       const initialDate = value || parseDate(defaultValue);
       return initialDate ? formatDateInput(initialDate) : "";
     });
-    React12.useEffect(() => {
+    React13.useEffect(() => {
       setSelectedDate(value);
       if (value) {
         setCurrentMonth(new Date(value.getFullYear(), value.getMonth()));
@@ -1686,7 +1679,7 @@ var DatePicker = React12.forwardRef(
         setInputValue("");
       }
     }, [value]);
-    React12.useEffect(() => {
+    React13.useEffect(() => {
       if (value) return;
       const parsedDefault = parseDate(defaultValue);
       if (!parsedDefault) return;
@@ -1939,7 +1932,7 @@ var DatePicker = React12.forwardRef(
 DatePicker.displayName = "DatePicker";
 
 // src/components/ui/upload.tsx
-var React13 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var import_class_variance_authority7 = require("class-variance-authority");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var DEFAULT_MAX_FILE_SIZE = 10 * 1024 * 1024;
@@ -1965,7 +1958,7 @@ var uploadVariants = (0, import_class_variance_authority7.cva)(
     }
   }
 );
-var Upload = React13.forwardRef(
+var Upload = React14.forwardRef(
   ({
     className,
     onFileSelect,
@@ -1978,8 +1971,8 @@ var Upload = React13.forwardRef(
     selectedFiles = [],
     ...props
   }, ref) => {
-    const fileInputRef = React13.useRef(null);
-    const [isDragOver, setIsDragOver] = React13.useState(false);
+    const fileInputRef = React14.useRef(null);
+    const [isDragOver, setIsDragOver] = React14.useState(false);
     const getFileTypeDisplay = () => {
       const typeMap = {
         "application/pdf": "PDF",
@@ -2191,14 +2184,14 @@ var Upload = React13.forwardRef(
 Upload.displayName = "Upload";
 
 // src/components/ui/checkbox.tsx
-var React14 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
 var import_class_variance_authority8 = require("class-variance-authority");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var checkboxVariants = (0, import_class_variance_authority8.cva)(
   "peer size-4 shrink-0 rounded-[4px] border bg-light hover:bg-info-subtle transition-colors focus-visible:outline-none focus-visible:border-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-light [&_svg]:pointer-events-none [&_svg]:shrink-0 border-strong focus-visible:border-interactive aria-invalid:border-error aria-invalid:focus-visible:border-error"
 );
-var Checkbox = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+var Checkbox = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -2210,7 +2203,7 @@ var Checkbox = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
 // src/components/ui/switch.tsx
-var React15 = __toESM(require("react"));
+var React16 = __toESM(require("react"));
 var import_switch = require("@base-ui/react/switch");
 var import_class_variance_authority9 = require("class-variance-authority");
 var import_jsx_runtime17 = require("react/jsx-runtime");
@@ -2242,7 +2235,7 @@ var switchThumbVariants = (0, import_class_variance_authority9.cva)(
     }
   }
 );
-var Switch = React15.forwardRef(
+var Switch = React16.forwardRef(
   ({ className, size, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       import_switch.Switch.Root,
@@ -2265,22 +2258,18 @@ var Switch = React15.forwardRef(
 Switch.displayName = "Switch";
 
 // src/components/ui/textarea.tsx
-var React16 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var import_jsx_runtime18 = require("react/jsx-runtime");
-var Textarea = React16.forwardRef(
+var Textarea = React17.forwardRef(
   ({ className, style, ...props }, ref) => {
-    const tokenStyles = {
-      font: "var(--typography-label-md-regular)",
-      ...style
-    };
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "textarea",
       {
         className: cn(
-          "flex min-h-[80px] w-full rounded-md border bg-light text-dark px-3 pt-3 pb-2 placeholder:text-secondary focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 transition-colors resize-y border-secondary focus-visible:border-2 focus-visible:border-strong disabled:border-secondary aria-invalid:border-error aria-invalid:focus-visible:border-error",
+          "type-body-sm-regular flex min-h-20 w-full rounded-md border surface-default text-default px-3 pt-3 pb-2 shadow-xs placeholder:text-secondary focus:outline-none disabled:cursor-not-allowed disabled:opacity-30 transition-colors resize-y border-secondary read-only:surface-muted read-only:cursor-default read-only:border-transparent read-only:text-secondary read-only:resize-none focus-visible:ring-2 focus-visible:ring-focus-default focus-visible:border-strong disabled:border-secondary aria-invalid:border-error aria-invalid:focus-visible:ring-3 aria-invalid:focus-visible:ring-focus-error",
           className
         ),
-        style: tokenStyles,
+        style,
         ref,
         ...props
       }
@@ -2290,52 +2279,67 @@ var Textarea = React16.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/ui/badge.tsx
-var React17 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var import_class_variance_authority10 = require("class-variance-authority");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority10.cva)(
-  "inline-flex items-center justify-center gap-1 whitespace-nowrap transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+  "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",
   {
     variants: {
       variant: {
-        primary: "bg-primary text-light",
-        secondary: "bg-light text-dark border border-strong",
-        accent: "bg-blue-300 text-dark",
-        success: "bg-success-subtle text-success",
-        warning: "bg-warning-subtle text-warning",
-        error: "bg-error-subtle text-error",
-        neutral: "bg-neutral-300 text-dark"
+        primary: "interactive-accent interactive-accent-fg type-label-xs-medium",
+        secondary: "interactive-secondary interactive-secondary-fg type-label-xs-medium",
+        outline: "interactive-default interactive-default-fg border border-default type-label-xs-medium",
+        ghost: "interactive-default interactive-default-fg type-label-xs-medium",
+        destructive: "interactive-destructive interactive-destructive-fg type-label-xs-medium focus-visible:ring-3 focus-visible:ring-focus-error"
+      },
+      rounded: {
+        true: "rounded-full",
+        false: "rounded-md"
       }
     },
     defaultVariants: {
-      variant: "primary"
+      variant: "primary",
+      rounded: false
     }
   }
 );
-function getBadgeTypographyStyles() {
-  return { font: "var(--typography-label-sm-bold)" };
+function isSingleDisplayCharacter(node) {
+  if (node == null || typeof node === "boolean") return false;
+  if (typeof node === "string" || typeof node === "number") {
+    const trimmed = String(node).trim();
+    return trimmed.length === 1;
+  }
+  if (Array.isArray(node)) {
+    const parts = node.filter((x) => x != null && typeof x !== "boolean");
+    if (parts.length !== 1) return false;
+    return isSingleDisplayCharacter(parts[0]);
+  }
+  if (React18.isValidElement(node)) {
+    return isSingleDisplayCharacter(
+      node.props.children
+    );
+  }
+  return false;
 }
-var Badge = React17.forwardRef(
-  ({ className, variant, style, ...props }, ref) => {
+var Badge = React18.forwardRef(
+  ({ className, variant, rounded, style, children, ...props }, ref) => {
     if (!variant) {
       return null;
     }
-    const typographyStyles = getBadgeTypographyStyles();
-    const tokenStyles = {
-      ...typographyStyles,
-      ...style
-    };
+    const circle = isSingleDisplayCharacter(children);
     return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "span",
       {
         className: cn(
-          badgeVariants({ variant }),
-          "rounded-full px-3 py-1",
+          badgeVariants({ variant, rounded }),
+          circle ? "size-5 shrink-0 p-0" : "",
           className
         ),
-        style: tokenStyles,
+        style,
         ref,
-        ...props
+        ...props,
+        children
       }
     );
   }
@@ -2343,11 +2347,11 @@ var Badge = React17.forwardRef(
 Badge.displayName = "Badge";
 
 // src/components/pdf-viewer/index.tsx
-var React27 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 var import_TextLayer = require("react-pdf/dist/Page/TextLayer.css");
 
 // src/components/pdf-viewer/components/CustomScrollbar.tsx
-var React18 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var scrollbarStyles = `
   .custom-scrollbar-content {
@@ -2416,15 +2420,15 @@ function CustomScrollbar({
   backgroundColor = "#F5F5F5",
   className
 }) {
-  const internalContainerRef = React18.useRef(null);
+  const internalContainerRef = React19.useRef(null);
   const containerRef = externalContainerRef || internalContainerRef;
-  const wrapperRef = React18.useRef(null);
-  const thumbVerticalRef = React18.useRef(null);
-  const thumbHorizontalRef = React18.useRef(null);
-  const lastScrollPosRef = React18.useRef({ top: 0, left: 0 });
-  const scrollTimeoutsRef = React18.useRef({ vertical: null, horizontal: null });
+  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 WHEEL_LINE_HEIGHT_PX = 16;
-  const showScrollbar = React18.useCallback(
+  const showScrollbar = React19.useCallback(
     (direction) => {
       const wrapper = wrapperRef.current;
       if (!wrapper) return;
@@ -2438,7 +2442,7 @@ function CustomScrollbar({
     },
     [autoHideDelay]
   );
-  const updateScrollbarThumbPosition = React18.useCallback(() => {
+  const updateScrollbarThumbPosition = React19.useCallback(() => {
     const container = containerRef.current;
     const thumbVertical = thumbVerticalRef.current;
     const thumbHorizontal = thumbHorizontalRef.current;
@@ -2476,7 +2480,7 @@ function CustomScrollbar({
       }
     }
   }, [containerRef]);
-  React18.useEffect(() => {
+  React19.useEffect(() => {
     const container = containerRef.current;
     if (!container) return;
     lastScrollPosRef.current = {
@@ -2509,7 +2513,7 @@ function CustomScrollbar({
       if (rafId) cancelAnimationFrame(rafId);
     };
   }, [containerRef, showScrollbar, updateScrollbarThumbPosition]);
-  React18.useEffect(() => {
+  React19.useEffect(() => {
     const container = containerRef.current;
     if (!container) return;
     const normalizeWheelDelta = (delta, deltaMode, axisSize) => {
@@ -2565,7 +2569,7 @@ function CustomScrollbar({
       container.removeEventListener("wheel", handleWheel);
     };
   }, [containerRef, showScrollbar]);
-  React18.useEffect(() => {
+  React19.useEffect(() => {
     const thumbVertical = thumbVerticalRef.current;
     const thumbHorizontal = thumbHorizontalRef.current;
     const container = containerRef.current;
@@ -2625,7 +2629,7 @@ function CustomScrollbar({
       document.removeEventListener("mouseup", handleMouseUp);
     };
   }, [containerRef, showScrollbar]);
-  React18.useEffect(() => {
+  React19.useEffect(() => {
     updateScrollbarThumbPosition();
   }, [children, updateScrollbarThumbPosition]);
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
@@ -2661,7 +2665,7 @@ function CustomScrollbar({
 }
 
 // src/components/pdf-viewer/components/PdfControls.tsx
-var React19 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 
 // src/components/pdf-viewer/utils/types.ts
 var DEFAULT_BOUNDING_BOX_STYLE = {
@@ -2691,11 +2695,11 @@ var PdfControls = ({
   const canGoNext = currentPage < totalPages;
   const canZoomIn = zoom < PDF_ZOOM.MAX;
   const canZoomOut = zoom > PDF_ZOOM.MIN;
-  const [pageInputValue, setPageInputValue] = React19.useState(
+  const [pageInputValue, setPageInputValue] = React20.useState(
     String(currentPage)
   );
-  const isEscapeRef = React19.useRef(false);
-  React19.useEffect(() => {
+  const isEscapeRef = React20.useRef(false);
+  React20.useEffect(() => {
     setPageInputValue(String(currentPage));
   }, [currentPage]);
   const handlePageInputChange = (e) => {
@@ -2809,7 +2813,7 @@ var PdfControls = ({
 PdfControls.displayName = "PdfControls";
 
 // src/components/pdf-viewer/components/PdfDocument.tsx
-var React21 = __toESM(require("react"));
+var React22 = __toESM(require("react"));
 var import_react_pdf = require("react-pdf");
 
 // src/components/pdf-viewer/utils/constants.ts
@@ -2835,7 +2839,7 @@ var INTERSECTION_OBSERVER_CONFIG = {
 };
 
 // src/components/pdf-viewer/components/BoundingBoxOverlay.tsx
-var React20 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 
 // src/components/pdf-viewer/utils/boundingBoxUtils.ts
 function clamp01(value) {
@@ -2872,11 +2876,11 @@ var BoundingBoxOverlayInner = ({
   onBoxMouseEnter,
   onBoxMouseLeave
 }) => {
-  const validBoxes = React20.useMemo(
+  const validBoxes = React21.useMemo(
     () => boxes.map(normalizeBoundingBox).filter((b) => b !== null),
     [boxes]
   );
-  const sortedBoxes = React20.useMemo(
+  const sortedBoxes = React21.useMemo(
     () => [...validBoxes].sort((a, b) => {
       const aHighlighted = highlightedIds.has(a.id);
       const bHighlighted = highlightedIds.has(b.id);
@@ -2935,7 +2939,7 @@ var BoundingBoxOverlayInner = ({
     }
   );
 };
-var BoundingBoxOverlay = React20.memo(BoundingBoxOverlayInner);
+var BoundingBoxOverlay = React21.memo(BoundingBoxOverlayInner);
 BoundingBoxOverlay.displayName = "BoundingBoxOverlay";
 
 // src/components/pdf-viewer/components/PdfDocument.tsx
@@ -2961,14 +2965,14 @@ var PdfDocument = ({
   onBoxMouseEnter,
   onBoxMouseLeave
 }) => {
-  const mountedRef = React21.useRef(true);
-  React21.useEffect(() => {
+  const mountedRef = React22.useRef(true);
+  React22.useEffect(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  const boxesByPage = React21.useMemo(() => {
+  const boxesByPage = React22.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     boundingBoxes?.forEach((box) => {
       const pageBoxes = map.get(box.page) || [];
@@ -2977,7 +2981,7 @@ var PdfDocument = ({
     });
     return map;
   }, [boundingBoxes]);
-  const highlightedIdsSet = React21.useMemo(
+  const highlightedIdsSet = React22.useMemo(
     () => new Set(highlightedBoxIds),
     [highlightedBoxIds]
   );
@@ -3200,12 +3204,12 @@ var PdfHeader = ({
 PdfHeader.displayName = "PdfHeader";
 
 // src/components/pdf-viewer/hooks/useContainerWidth.ts
-var React22 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 function useContainerWidth(padding = 32) {
-  const [containerWidth, setContainerWidth] = React22.useState(0);
-  const containerRef = React22.useRef(null);
-  const lastWidthRef = React22.useRef(0);
-  React22.useEffect(() => {
+  const [containerWidth, setContainerWidth] = React23.useState(0);
+  const containerRef = React23.useRef(null);
+  const lastWidthRef = React23.useRef(0);
+  React23.useEffect(() => {
     const element = containerRef.current;
     if (!element) return;
     const resizeObserver = new ResizeObserver((entries) => {
@@ -3229,9 +3233,9 @@ function useContainerWidth(padding = 32) {
 }
 
 // src/components/pdf-viewer/hooks/usePdfDownload.ts
-var React23 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 function usePdfDownload(file, title) {
-  const download = React23.useCallback(async () => {
+  const download = React24.useCallback(async () => {
     if (!file) return;
     try {
       let blob;
@@ -3263,11 +3267,11 @@ function usePdfDownload(file, title) {
 }
 
 // src/components/pdf-viewer/hooks/usePdfPrint.ts
-var React24 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 function usePdfPrint(file) {
-  const [printBlobUrl, setPrintBlobUrl] = React24.useState(null);
-  const printFrameRef = React24.useRef(null);
-  const preparePrint = React24.useCallback(async () => {
+  const [printBlobUrl, setPrintBlobUrl] = React25.useState(null);
+  const printFrameRef = React25.useRef(null);
+  const preparePrint = React25.useCallback(async () => {
     if (!file) return;
     try {
       let blob;
@@ -3283,14 +3287,14 @@ function usePdfPrint(file) {
       console.error("Failed to prepare PDF for printing:", error);
     }
   }, [file]);
-  React24.useEffect(() => {
+  React25.useEffect(() => {
     return () => {
       if (printBlobUrl) {
         URL.revokeObjectURL(printBlobUrl);
       }
     };
   }, [printBlobUrl]);
-  const print = React24.useCallback(() => {
+  const print = React25.useCallback(() => {
     if (printFrameRef.current?.contentWindow) {
       printFrameRef.current.contentWindow.print();
     }
@@ -3299,7 +3303,7 @@ function usePdfPrint(file) {
 }
 
 // src/components/pdf-viewer/hooks/usePdfScroll.ts
-var React25 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 function usePdfScroll({
   containerRef,
   numPages,
@@ -3310,30 +3314,30 @@ function usePdfScroll({
   effectiveWidth,
   viewportBuffer
 }) {
-  const [internalPage, setInternalPage] = React25.useState(1);
+  const [internalPage, setInternalPage] = React26.useState(1);
   const isControlled = scrollTo !== void 0;
   const currentPage = isControlled ? scrollTo.page : internalPage;
-  const scrollOperationRef = React25.useRef({
+  const scrollOperationRef = React26.useRef({
     isProgrammatic: false,
     targetPage: null,
     lastReportedPage: 1,
     notifyOnComplete: false
   });
-  const [visibleRange, setVisibleRange] = React25.useState({
+  const [visibleRange, setVisibleRange] = React26.useState({
     start: 1,
     end: Math.min(1 + viewportBuffer, numPages || 1 + viewportBuffer)
   });
-  const visiblePages = React25.useMemo(() => {
+  const visiblePages = React26.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 = React25.useRef(null);
-  const intersectionRatiosRef = React25.useRef(/* @__PURE__ */ new Map());
-  const pageRefsMapRef = React25.useRef(/* @__PURE__ */ new Map());
-  const cumulativeOffsets = React25.useMemo(() => {
+  const observerRef = React26.useRef(null);
+  const intersectionRatiosRef = React26.useRef(/* @__PURE__ */ new Map());
+  const pageRefsMapRef = React26.useRef(/* @__PURE__ */ new Map());
+  const cumulativeOffsets = React26.useMemo(() => {
     if (!pageDimensions?.size) return null;
     const offsets = [CONTAINER_PADDING];
     let cumulative = CONTAINER_PADDING;
@@ -3345,7 +3349,7 @@ function usePdfScroll({
     }
     return offsets;
   }, [pageDimensions, effectiveWidth]);
-  const calculatePageOffset = React25.useCallback(
+  const calculatePageOffset = React26.useCallback(
     (pageNum) => {
       if (cumulativeOffsets && pageNum <= cumulativeOffsets.length) {
         return cumulativeOffsets[pageNum - 1];
@@ -3360,11 +3364,11 @@ function usePdfScroll({
     },
     [cumulativeOffsets, pageDimensions, effectiveWidth]
   );
-  const onPageChangeRef = React25.useRef(onPageChange);
-  React25.useEffect(() => {
+  const onPageChangeRef = React26.useRef(onPageChange);
+  React26.useEffect(() => {
     onPageChangeRef.current = onPageChange;
   }, [onPageChange]);
-  const updatePage = React25.useCallback(
+  const updatePage = React26.useCallback(
     (pageNum) => {
       scrollOperationRef.current.lastReportedPage = pageNum;
       if (isControlled) {
@@ -3376,7 +3380,7 @@ function usePdfScroll({
     [isControlled]
     // Removed onPageChange - now uses ref
   );
-  const onProgrammaticScrollComplete = React25.useCallback((pageNum) => {
+  const onProgrammaticScrollComplete = React26.useCallback((pageNum) => {
     const shouldNotify = scrollOperationRef.current.notifyOnComplete;
     scrollOperationRef.current.isProgrammatic = false;
     scrollOperationRef.current.targetPage = null;
@@ -3386,7 +3390,7 @@ function usePdfScroll({
       onPageChangeRef.current?.(pageNum);
     }
   }, []);
-  const scrollToPage = React25.useCallback(
+  const scrollToPage = React26.useCallback(
     (pageNum) => {
       const container = containerRef.current;
       if (!container || !pageDimensions?.size) return;
@@ -3417,7 +3421,7 @@ function usePdfScroll({
       onProgrammaticScrollComplete
     ]
   );
-  const scrollToPosition = React25.useCallback(
+  const scrollToPosition = React26.useCallback(
     (target) => {
       const container = containerRef.current;
       if (!container || !pageDimensions?.size) return;
@@ -3458,7 +3462,7 @@ function usePdfScroll({
       onProgrammaticScrollComplete
     ]
   );
-  const handlePageChange = React25.useCallback(
+  const handlePageChange = React26.useCallback(
     (pageNum) => {
       const clampedPage = Math.max(1, Math.min(pageNum, numPages));
       scrollOperationRef.current.lastReportedPage = clampedPage;
@@ -3472,12 +3476,12 @@ function usePdfScroll({
     },
     [numPages, scrollToPage, isControlled, onPageChange]
   );
-  const updatePageRef = React25.useRef(updatePage);
-  React25.useEffect(() => {
+  const updatePageRef = React26.useRef(updatePage);
+  React26.useEffect(() => {
     updatePageRef.current = updatePage;
   }, [updatePage]);
-  const lastBufferRef = React25.useRef({ start: 1, end: 1 + viewportBuffer });
-  React25.useEffect(() => {
+  const lastBufferRef = React26.useRef({ start: 1, end: 1 + viewportBuffer });
+  React26.useEffect(() => {
     const container = containerRef.current;
     if (!container) return;
     const observer = new IntersectionObserver(
@@ -3537,7 +3541,7 @@ function usePdfScroll({
       ratiosMap.clear();
     };
   }, [containerRef, numPages, viewportBuffer]);
-  const observePage = React25.useCallback(
+  const observePage = React26.useCallback(
     (pageNum, element) => {
       const prevElement = pageRefsMapRef.current.get(pageNum);
       if (element) {
@@ -3558,7 +3562,7 @@ function usePdfScroll({
     },
     []
   );
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     const container = containerRef.current;
     if (!container) return;
     const handleUserScroll = () => {
@@ -3616,9 +3620,9 @@ function usePdfScroll({
       }
     };
   }, [containerRef, onProgrammaticScrollComplete]);
-  const lastScrollTargetRef = React25.useRef(null);
-  const prevEffectiveWidthRef = React25.useRef(effectiveWidth);
-  React25.useEffect(() => {
+  const lastScrollTargetRef = React26.useRef(null);
+  const prevEffectiveWidthRef = React26.useRef(effectiveWidth);
+  React26.useEffect(() => {
     if (prevEffectiveWidthRef.current !== effectiveWidth) {
       prevEffectiveWidthRef.current = effectiveWidth;
       const lastScrollTarget = lastScrollTargetRef.current;
@@ -3627,7 +3631,7 @@ function usePdfScroll({
       }
     }
   }, [effectiveWidth]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (!isControlled || !scrollTo || numPages <= 0) return;
     if (!pageDimensions?.size) return;
     const lastScrollTarget = lastScrollTargetRef.current;
@@ -3660,7 +3664,7 @@ function usePdfScroll({
     pageDimensions,
     effectiveWidth
   ]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     const pageRefs = pageRefsMapRef.current;
     const ratios = intersectionRatiosRef.current;
     for (const pageNum of pageRefs.keys()) {
@@ -3684,14 +3688,14 @@ function usePdfScroll({
 }
 
 // src/components/pdf-viewer/hooks/useZoomControl.ts
-var React26 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 function useZoomControl({
   containerRef,
   initialZoom = PDF_ZOOM.DEFAULT
 }) {
-  const [zoom, setZoom] = React26.useState(initialZoom);
-  const scrollRatioRef = React26.useRef({ x: 0.5, y: 0 });
-  const handleZoomChange = React26.useCallback(
+  const [zoom, setZoom] = React27.useState(initialZoom);
+  const scrollRatioRef = React27.useRef({ x: 0.5, y: 0 });
+  const handleZoomChange = React27.useCallback(
     (newZoom) => {
       const container = containerRef.current;
       if (container) {
@@ -3712,7 +3716,7 @@ function useZoomControl({
     },
     [containerRef]
   );
-  React26.useEffect(() => {
+  React27.useEffect(() => {
     const container = containerRef.current;
     if (!container) return;
     requestAnimationFrame(() => {
@@ -3739,7 +3743,7 @@ function initializePdfWorker(workerUrl) {
 // src/components/pdf-viewer/index.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var DEFAULT_VIEWPORT_BUFFER = 1;
-var PdfViewer = React27.forwardRef(
+var PdfViewer = React28.forwardRef(
   ({
     file,
     title,
@@ -3766,15 +3770,15 @@ var PdfViewer = React27.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [numPages, setNumPages] = React27.useState(0);
-    const [pageDimensions, setPageDimensions] = React27.useState(null);
+    const [numPages, setNumPages] = React28.useState(0);
+    const [pageDimensions, setPageDimensions] = React28.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 = React27.useCallback(
+    const handleDimensionsLoaded = React28.useCallback(
       (dimensions) => {
         setPageDimensions(dimensions);
         onDimensionsReady?.(dimensions);
@@ -3791,7 +3795,7 @@ var PdfViewer = React27.forwardRef(
       effectiveWidth,
       viewportBuffer
     });
-    const handleLoadSuccess = React27.useCallback(
+    const handleLoadSuccess = React28.useCallback(
       async (pages) => {
         setNumPages(pages);
         onLoadSuccess?.(pages);
@@ -3799,14 +3803,14 @@ var PdfViewer = React27.forwardRef(
       },
       [onLoadSuccess, preparePrint]
     );
-    const handleDownload = React27.useCallback(() => {
+    const handleDownload = React28.useCallback(() => {
       if (onDownload) {
         onDownload();
         return;
       }
       download();
     }, [onDownload, download]);
-    const handlePrint = React27.useCallback(() => {
+    const handlePrint = React28.useCallback(() => {
       if (onPrint) {
         onPrint();
         return;
@@ -3883,7 +3887,7 @@ var PdfViewer = React27.forwardRef(
 PdfViewer.displayName = "PdfViewer";
 
 // src/components/ui/tabs.tsx
-var React28 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 var import_class_variance_authority11 = require("class-variance-authority");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var tabsVariants = (0, import_class_variance_authority11.cva)(
@@ -3899,17 +3903,17 @@ var tabsVariants = (0, import_class_variance_authority11.cva)(
     }
   }
 );
-var TabsContext = React28.createContext(
+var TabsContext = React29.createContext(
   void 0
 );
 function useTabsContext() {
-  const context = React28.useContext(TabsContext);
+  const context = React29.useContext(TabsContext);
   if (!context) {
     throw new Error("Tabs components must be used within a Tabs provider");
   }
   return context;
 }
-var Tabs = React28.forwardRef((props, ref) => {
+var Tabs = React29.forwardRef((props, ref) => {
   const {
     className,
     value,
@@ -3918,7 +3922,7 @@ var Tabs = React28.forwardRef((props, ref) => {
     children,
     ...restProps
   } = props;
-  const contextValue = React28.useMemo(
+  const contextValue = React29.useMemo(
     () => ({
       activeTab: value,
       setActiveTab: onValueChange,
@@ -3929,7 +3933,7 @@ var Tabs = React28.forwardRef((props, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TabsContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { ref, className: cn("w-full", className), ...restProps, children }) });
 });
 Tabs.displayName = "Tabs";
-var TabsList = React28.forwardRef(
+var TabsList = React29.forwardRef(
   (props, ref) => {
     const { className, children, ...restProps } = props;
     return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
@@ -3948,7 +3952,7 @@ TabsList.displayName = "TabsList";
 var getTabTypographyStyles = (isActive) => ({
   font: isActive ? "var(--typography-label-sm-bold)" : "var(--typography-label-sm-regular)"
 });
-var TabsTrigger = React28.forwardRef(
+var TabsTrigger = React29.forwardRef(
   (props, ref) => {
     const { className, value, disabled, style, children, ...restProps } = props;
     const { activeTab, setActiveTab, variant } = useTabsContext();
@@ -3956,18 +3960,18 @@ var TabsTrigger = React28.forwardRef(
       throw new Error("TabsTrigger must have a value prop");
     }
     const isActive = activeTab === value;
-    const tokenStyles = React28.useMemo(
+    const tokenStyles = React29.useMemo(
       () => ({
         ...getTabTypographyStyles(isActive),
         ...style
       }),
       [isActive, style]
     );
-    const triggerClassName = React28.useMemo(
+    const triggerClassName = React29.useMemo(
       () => cn(tabsVariants({ variant }), className),
       [variant, className]
     );
-    const handleClick = React28.useCallback(() => {
+    const handleClick = React29.useCallback(() => {
       if (disabled) return;
       setActiveTab(value);
     }, [disabled, setActiveTab, value]);
@@ -3991,7 +3995,7 @@ var TabsTrigger = React28.forwardRef(
   }
 );
 TabsTrigger.displayName = "TabsTrigger";
-var TabsContent = React28.forwardRef(
+var TabsContent = React29.forwardRef(
   (props, ref) => {
     const { className, value, children, ...restProps } = props;
     const { activeTab } = useTabsContext();
@@ -4020,11 +4024,11 @@ var TabsContent = React28.forwardRef(
 TabsContent.displayName = "TabsContent";
 
 // src/components/ui/dropdown-menu.tsx
-var React29 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive.Root;
-var DropdownMenuTrigger = React29.forwardRef(({ className, icon, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+var DropdownMenuTrigger = React30.forwardRef(({ className, icon, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
   DropdownMenuPrimitive.Trigger,
   {
     ref,
@@ -4044,7 +4048,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React29.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+var DropdownMenuSubTrigger = React30.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -4062,7 +4066,7 @@ var DropdownMenuSubTrigger = React29.forwardRef(({ className, inset, children, .
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var DropdownMenuSubContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -4074,7 +4078,7 @@ var DropdownMenuSubContent = React29.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React29.forwardRef(({ className, sideOffset = 4, align = "end", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var DropdownMenuContent = React30.forwardRef(({ className, sideOffset = 4, align = "end", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -4088,7 +4092,7 @@ var DropdownMenuContent = React29.forwardRef(({ className, sideOffset = 4, align
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React29.forwardRef(({ className, inset, style, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var DropdownMenuItem = React30.forwardRef(({ className, inset, style, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -4105,7 +4109,7 @@ var DropdownMenuItem = React29.forwardRef(({ className, inset, style, ...props }
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React29.forwardRef(({ className, children, style, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+var DropdownMenuCheckboxItem = React30.forwardRef(({ className, children, style, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -4133,7 +4137,7 @@ var DropdownMenuCheckboxItem = React29.forwardRef(({ className, children, style,
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React29.forwardRef(({ className, children, style, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+var DropdownMenuRadioItem = React30.forwardRef(({ className, children, style, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -4153,7 +4157,7 @@ var DropdownMenuRadioItem = React29.forwardRef(({ className, children, style, ..
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React29.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var DropdownMenuLabel = React30.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -4166,7 +4170,7 @@ var DropdownMenuLabel = React29.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var DropdownMenuSeparator = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   DropdownMenuPrimitive.Separator,
   {
     ref,