@assure-one/design-system 1.3.0 → 1.4.1

package/dist/index.js

@@ -1,5 +1,5 @@
 "use client";
-import * as React37 from 'react';
+import * as React38 from 'react';
 import { forwardRef, useId, useRef, useState, useEffect, useCallback, useImperativeHandle, useMemo, createContext, useContext } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { clsx } from 'clsx';
@@ -2285,7 +2285,7 @@ function PauseIcon({ size = 24, ...props }) {
 function StopIcon({ size = 24, ...props }) {
   return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2", fill: "currentColor" }) });
 }
-var Accordion = React37.forwardRef(function Accordion2({ className, ...props }, ref) {
+var Accordion = React38.forwardRef(function Accordion2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     AccordionPrimitive.Root,
     {
@@ -2296,11 +2296,11 @@ var Accordion = React37.forwardRef(function Accordion2({ className, ...props },
   );
 });
 Accordion.displayName = AccordionPrimitive.Root.displayName;
-var AccordionItem = React37.forwardRef(function AccordionItem2({ className, ...props }, ref) {
+var AccordionItem = React38.forwardRef(function AccordionItem2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(AccordionPrimitive.Item, { ref, className: cn(className), ...props });
 });
 AccordionItem.displayName = AccordionPrimitive.Item.displayName;
-var AccordionTrigger = React37.forwardRef(function AccordionTrigger2({ children, className, ...props }, ref) {
+var AccordionTrigger = React38.forwardRef(function AccordionTrigger2({ children, className, ...props }, ref) {
   return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
     AccordionPrimitive.Trigger,
     {
@@ -2329,7 +2329,7 @@ var AccordionTrigger = React37.forwardRef(function AccordionTrigger2({ children,
   ) });
 });
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React37.forwardRef(function AccordionContent2({ children, className, ...props }, ref) {
+var AccordionContent = React38.forwardRef(function AccordionContent2({ children, className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     AccordionPrimitive.Content,
     {
@@ -2349,7 +2349,7 @@ AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogOverlay = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Overlay,
   {
     ref,
@@ -2364,7 +2364,7 @@ var AlertDialogOverlay = React37.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+var AlertDialogContent = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
   /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
   /* @__PURE__ */ jsx(
     AlertDialogPrimitive.Content,
@@ -2399,7 +2399,7 @@ var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -2411,7 +2411,7 @@ var AlertDialogTitle = React37.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogDescription = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -2420,7 +2420,7 @@ var AlertDialogDescription = React37.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogAction = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -2436,7 +2436,7 @@ var AlertDialogAction = React37.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogCancel = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -2631,7 +2631,7 @@ var AreaChart = forwardRef(function AreaChart2({ data, height = 140, formatValue
   ] });
 });
 AreaChart.displayName = "AreaChart";
-var AspectRatio = React37.forwardRef(function AspectRatio2({ className, ratio = 16 / 9, ...props }, ref) {
+var AspectRatio = React38.forwardRef(function AspectRatio2({ className, ratio = 16 / 9, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     AspectRatioPrimitive.Root,
     {
@@ -2970,7 +2970,7 @@ var statusDotSizes = {
 function getInitials(name) {
   return name.split(" ").map((part) => part[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
 }
-var Avatar = React37.forwardRef(
+var Avatar = React38.forwardRef(
   function Avatar2({ src, alt, name, size = "md", variant = "initials", status, className, ...props }, ref) {
     const initials = name ? getInitials(name) : "?";
     const resolvedSize = size ?? "md";
@@ -3211,7 +3211,7 @@ function Calendar({
   classNames,
   ...props
 }) {
-  const { modifiers, modifiersClassNames } = React37.useMemo(() => {
+  const { modifiers, modifiersClassNames } = React38.useMemo(() => {
     const buckets = {};
     for (const h of highlights) {
       const key = h.color ?? "primary";
@@ -3226,7 +3226,7 @@ function Calendar({
     }
     return { modifiers: mods, modifiersClassNames: modClasses };
   }, [highlights]);
-  const disabledMatcher = React37.useMemo(() => {
+  const disabledMatcher = React38.useMemo(() => {
     if (!minDate && !maxDate) return void 0;
     if (minDate && maxDate) return [{ before: minDate }, { after: maxDate }];
     if (minDate) return { before: minDate };
@@ -3393,7 +3393,7 @@ var CategoryDivider = forwardRef(
   }
 );
 CategoryDivider.displayName = "CategoryDivider";
-var Checkbox = React37.forwardRef(function Checkbox2({
+var Checkbox = React38.forwardRef(function Checkbox2({
   label,
   indeterminate,
   checked,
@@ -3403,7 +3403,7 @@ var Checkbox = React37.forwardRef(function Checkbox2({
   id: providedId,
   ...props
 }, ref) {
-  const generatedId = React37.useId();
+  const generatedId = React38.useId();
   const id = providedId ?? generatedId;
   const resolvedChecked = indeterminate ? "indeterminate" : checked;
   return /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-2", children: [
@@ -3444,7 +3444,7 @@ Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 var SelectRoot = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -3475,7 +3475,7 @@ var SelectTrigger = React37.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -3485,7 +3485,7 @@ var SelectScrollUpButton = React37.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -3495,7 +3495,7 @@ var SelectScrollDownButton = React37.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React37.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+var SelectContent = React38.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
     ref,
@@ -3529,7 +3529,7 @@ var SelectContent = React37.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -3541,7 +3541,7 @@ var SelectLabel = React37.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -3562,7 +3562,7 @@ var SelectItem = React37.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -3647,11 +3647,11 @@ function ClientSelect({
   ] });
 }
 ClientSelect.displayName = "ClientSelect";
-var Collapsible = React37.forwardRef(function Collapsible2({ className, ...props }, ref) {
+var Collapsible = React38.forwardRef(function Collapsible2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, { ref, className: cn(className), ...props });
 });
 Collapsible.displayName = CollapsiblePrimitive.Root.displayName;
-var CollapsibleTrigger = React37.forwardRef(function CollapsibleTrigger2({ className, ...props }, ref) {
+var CollapsibleTrigger = React38.forwardRef(function CollapsibleTrigger2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     CollapsiblePrimitive.Trigger,
     {
@@ -3666,7 +3666,7 @@ var CollapsibleTrigger = React37.forwardRef(function CollapsibleTrigger2({ class
   );
 });
 CollapsibleTrigger.displayName = CollapsiblePrimitive.Trigger.displayName;
-var CollapsibleContent = React37.forwardRef(function CollapsibleContent2({ className, ...props }, ref) {
+var CollapsibleContent = React38.forwardRef(function CollapsibleContent2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     CollapsiblePrimitive.Content,
     {
@@ -3743,7 +3743,7 @@ ComingSoon.displayName = "ComingSoon";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -3764,7 +3764,7 @@ var dialogSizeStyles = {
   lg: "max-w-2xl",
   full: "max-w-[calc(100vw-2rem)]"
 };
-var DialogContent = React37.forwardRef(({ size = "md", showCloseButton = true, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+var DialogContent = React38.forwardRef(({ size = "md", showCloseButton = true, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxs(
     DialogPrimitive.Content,
@@ -3805,7 +3805,7 @@ var DialogContent = React37.forwardRef(({ size = "md", showCloseButton = true, c
   )
 ] }));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogClose = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Close, { ref, className: cn(className), ...props }));
+var DialogClose = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Close, { ref, className: cn(className), ...props }));
 DialogClose.displayName = "DialogClose";
 var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex flex-col gap-1.5 pr-8", className), ...props });
 DialogHeader.displayName = "DialogHeader";
@@ -3820,7 +3820,7 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -3832,7 +3832,7 @@ var DialogTitle = React37.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -3862,17 +3862,17 @@ function CommandPalette({
   onOpenChange,
   placeholder = "Type a command or search..."
 }) {
-  const [internalOpen, setInternalOpen] = React37.useState(false);
+  const [internalOpen, setInternalOpen] = React38.useState(false);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : internalOpen;
-  const setOpen = React37.useCallback(
+  const setOpen = React38.useCallback(
     (value) => {
       if (!isControlled) setInternalOpen(value);
       onOpenChange?.(value);
     },
     [isControlled, onOpenChange]
   );
-  React37.useEffect(() => {
+  React38.useEffect(() => {
     function handleKeyDown(e) {
       if ((e.metaKey || e.ctrlKey) && e.key === "k") {
         e.preventDefault();
@@ -4027,10 +4027,10 @@ function ConfirmActionButton({
   onOpenChange
 }) {
   const isControlled = open !== void 0;
-  const [uncontrolledOpen, setUncontrolledOpen] = React37.useState(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React38.useState(defaultOpen);
   const resolvedOpen = isControlled ? open : uncontrolledOpen;
-  const [pending, setPending] = React37.useState(false);
-  const setDialogOpen = React37.useCallback(
+  const [pending, setPending] = React38.useState(false);
+  const setDialogOpen = React38.useCallback(
     (nextOpen) => {
       onOpenChange?.(nextOpen);
       if (!isControlled) {
@@ -4089,7 +4089,7 @@ var ContextMenuGroup = ContextMenuPrimitive.Group;
 var ContextMenuPortal = ContextMenuPrimitive.Portal;
 var ContextMenuSub = ContextMenuPrimitive.Sub;
 var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
-var ContextMenuSubTrigger = React37.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ContextMenuSubTrigger = React38.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -4110,7 +4110,7 @@ var ContextMenuSubTrigger = React37.forwardRef(({ className, inset, children, ..
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React37.forwardRef(({ className, ...props }, ref) => (
+var ContextMenuSubContent = React38.forwardRef(({ className, ...props }, ref) => (
   // Portal the sub-content to the body. The parent Content keeps a persistent
   // `scale-100` transform (its open-state animation), which makes it the
   // containing block for `position: fixed` descendants — and its
@@ -4133,7 +4133,7 @@ var ContextMenuSubContent = React37.forwardRef(({ className, ...props }, ref) =>
   ) })
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var ContextMenuContent = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   ContextMenuPrimitive.Content,
   {
     ref,
@@ -4149,7 +4149,7 @@ var ContextMenuContent = React37.forwardRef(({ className, ...props }, ref) => /*
   }
 ) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React37.forwardRef(({ className, destructive, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var ContextMenuItem = React38.forwardRef(({ className, destructive, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -4167,7 +4167,7 @@ var ContextMenuItem = React37.forwardRef(({ className, destructive, inset, ...pr
   }
 ));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React37.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ContextMenuCheckboxItem = React38.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -4187,7 +4187,7 @@ var ContextMenuCheckboxItem = React37.forwardRef(({ className, children, checked
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ContextMenuRadioItem = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -4206,7 +4206,7 @@ var ContextMenuRadioItem = React37.forwardRef(({ className, children, ...props }
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React37.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var ContextMenuLabel = React38.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -4219,7 +4219,7 @@ var ContextMenuLabel = React37.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var ContextMenuSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ContextMenuPrimitive.Separator,
   {
     ref,
@@ -4314,7 +4314,7 @@ var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
 var PopoverPortal = PopoverPrimitive.Portal;
 var PopoverClose = PopoverPrimitive.Close;
-var PopoverContent = React37.forwardRef(({ className, align = "center", side = "bottom", sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var PopoverContent = React38.forwardRef(({ className, align = "center", side = "bottom", sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   PopoverPrimitive.Content,
   {
     ref,
@@ -4859,7 +4859,7 @@ var chipVariants = cva(
     }
   }
 );
-var DismissibleChip = React37.forwardRef(function DismissibleChip2({ label, onDismiss, variant, className, ...props }, ref) {
+var DismissibleChip = React38.forwardRef(function DismissibleChip2({ label, onDismiss, variant, className, ...props }, ref) {
   return /* @__PURE__ */ jsxs(
     "button",
     {
@@ -4876,6 +4876,29 @@ var DismissibleChip = React37.forwardRef(function DismissibleChip2({ label, onDi
     }
   );
 });
+var DocumentsWorkspaceLayout = forwardRef(function DocumentsWorkspaceLayout2({ clientsRail, folderTree, filesArea, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        // Root: fills parent, no self-scroll, 2-col base → 3-col at lg/xl
+        "grid h-full min-h-0 overflow-hidden bg-surface",
+        "grid-cols-[240px_minmax(0,1fr)]",
+        "lg:grid-cols-[248px_220px_minmax(0,1fr)]",
+        "xl:grid-cols-[280px_244px_minmax(0,1fr)]",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex min-h-0 min-w-0 flex-col border-r border-rule bg-surface", children: clientsRail }),
+        /* @__PURE__ */ jsx("div", { className: "hidden min-h-0 min-w-0 flex-col border-r border-rule bg-surface lg:flex", children: folderTree }),
+        /* @__PURE__ */ jsx("div", { className: "flex min-h-0 min-w-0 flex-col bg-bg", children: filesArea })
+      ]
+    }
+  );
+});
+DocumentsWorkspaceLayout.displayName = "DocumentsWorkspaceLayout";
 var RAMP = [
   "var(--color-chart-1)",
   "var(--color-chart-2)",
@@ -4999,7 +5022,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React37.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuSubTrigger = React38.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -5020,7 +5043,7 @@ var DropdownMenuSubTrigger = React37.forwardRef(({ className, inset, children, .
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React37.forwardRef(({ className, ...props }, ref) => (
+var DropdownMenuSubContent = React38.forwardRef(({ className, ...props }, ref) => (
   // Portal the sub-content to the body. The parent Content keeps a persistent
   // `scale-100` transform (its open-state animation), which makes it the
   // containing block for `position: fixed` descendants — and its
@@ -5043,7 +5066,7 @@ var DropdownMenuSubContent = React37.forwardRef(({ className, ...props }, ref) =
   ) })
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React37.forwardRef(({ className, sideOffset = 6, align = "start", ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var DropdownMenuContent = React38.forwardRef(({ className, sideOffset = 6, align = "start", ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -5061,7 +5084,7 @@ var DropdownMenuContent = React37.forwardRef(({ className, sideOffset = 6, align
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React37.forwardRef(({ className, destructive, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuItem = React38.forwardRef(({ className, destructive, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -5079,7 +5102,7 @@ var DropdownMenuItem = React37.forwardRef(({ className, destructive, inset, ...p
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React37.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuCheckboxItem = React38.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -5099,7 +5122,7 @@ var DropdownMenuCheckboxItem = React37.forwardRef(({ className, children, checke
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuRadioItem = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -5118,7 +5141,7 @@ var DropdownMenuRadioItem = React37.forwardRef(({ className, children, ...props
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React37.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuLabel = React38.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -5131,7 +5154,7 @@ var DropdownMenuLabel = React37.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -5384,7 +5407,7 @@ FormSection.displayName = "FormSection";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
 var HoverCardPortal = HoverCardPrimitive.Portal;
-var HoverCardContent = React37.forwardRef(({ className, align = "center", side = "bottom", sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var HoverCardContent = React38.forwardRef(({ className, align = "center", side = "bottom", sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -5556,8 +5579,8 @@ function KeyboardShortcutsDialog({
   sections,
   hotkey = "?"
 } = {}) {
-  const [open, setOpen] = React37.useState(false);
-  React37.useEffect(() => {
+  const [open, setOpen] = React38.useState(false);
+  React38.useEffect(() => {
     if (hotkey === null) return;
     function handleKeyDown(e) {
       const target = e.target;
@@ -5595,7 +5618,7 @@ function KeyboardShortcutsDialog({
           className: "flex items-center justify-between gap-3 py-1",
           children: [
             /* @__PURE__ */ jsx("span", { className: "text-fg text-sm", children: shortcut.description }),
-            /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-1", children: shortcut.keys.map((key, i) => /* @__PURE__ */ jsxs(React37.Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-1", children: shortcut.keys.map((key, i) => /* @__PURE__ */ jsxs(React38.Fragment, { children: [
               i > 0 && /* @__PURE__ */ jsx("span", { className: "text-fg-4 mx-0.5 text-[11px]", children: "then" }),
               /* @__PURE__ */ jsx("kbd", { className: kbdClass2, children: key })
             ] }, i)) })
@@ -5614,7 +5637,7 @@ function KeyboardShortcutsDialog({
 var labelVariants = cva(
   "text-[13px] font-medium leading-none text-fg select-none peer-disabled:cursor-not-allowed peer-disabled:text-fg-disabled has-[+input:disabled]:text-fg-disabled"
 );
-var Label4 = React37.forwardRef(
+var Label4 = React38.forwardRef(
   function Label5({ children, required, className, ...props }, ref) {
     return /* @__PURE__ */ jsxs(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props, children: [
       children,
@@ -6019,7 +6042,7 @@ function MultiSelectField({
   size = "md",
   id
 }) {
-  const selected = React37.useMemo(
+  const selected = React38.useMemo(
     () => new Set(value ? value.split(",").filter(Boolean) : []),
     [value]
   );
@@ -6032,7 +6055,7 @@ function MultiSelectField({
     }
     onChange(Array.from(next).join(","));
   };
-  const generatedId = React37.useId();
+  const generatedId = React38.useId();
   const groupId = id ?? generatedId;
   return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), children: [
     /* @__PURE__ */ jsx(
@@ -6861,12 +6884,12 @@ var ProgressRing = forwardRef(function ProgressRing2({ value, max = 100, size =
   );
 });
 ProgressRing.displayName = "ProgressRing";
-var RadioGroup3 = React37.forwardRef(function RadioGroup4({ className, ...props }, ref) {
+var RadioGroup3 = React38.forwardRef(function RadioGroup4({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, { ref, className: cn("grid gap-2", className), ...props });
 });
 RadioGroup3.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React37.forwardRef(function RadioGroupItem2({ className, label, id: providedId, ...props }, ref) {
-  const generatedId = React37.useId();
+var RadioGroupItem = React38.forwardRef(function RadioGroupItem2({ className, label, id: providedId, ...props }, ref) {
+  const generatedId = React38.useId();
   const id = providedId ?? generatedId;
   const root = /* @__PURE__ */ jsx(
     RadioGroupPrimitive.Item,
@@ -6951,13 +6974,13 @@ var RankedBars = forwardRef(function RankedBars2({ items, className, ...props },
   }) });
 });
 RankedBars.displayName = "RankedBars";
-var SheetSideContext = React37.createContext({});
+var SheetSideContext = React38.createContext({});
 var Sheet = ({ side, children, ...props }) => /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...props, children: /* @__PURE__ */ jsx(SheetSideContext, { value: { side }, children }) });
 Sheet.displayName = "Sheet";
 var SheetTrigger = DialogPrimitive.Trigger;
 var SheetClose = DialogPrimitive.Close;
 var SheetPortal = DialogPrimitive.Portal;
-var SheetOverlay = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetOverlay = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -7009,9 +7032,9 @@ var sheetWidthClasses = {
   xl: "w-[95vw] max-w-[95vw] sm:w-[760px]",
   full: "w-full max-w-none"
 };
-var SheetContent = React37.forwardRef(
+var SheetContent = React38.forwardRef(
   ({ side, width = "default", customWidth, className, children, showCloseButton = true, style, ...props }, ref) => {
-    const ctx = React37.use(SheetSideContext);
+    const ctx = React38.use(SheetSideContext);
     const resolvedSide = side ?? ctx.side ?? "right";
     const supportsWidth = resolvedSide === "left" || resolvedSide === "right";
     const widthClass = supportsWidth && width !== "default" ? sheetWidthClasses[width] : null;
@@ -7061,7 +7084,7 @@ var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -7073,12 +7096,12 @@ var SheetTitle = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = DialogPrimitive.Title.displayName;
-var SheetDescription = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, { ref, className: cn("text-fg-3 text-sm", className), ...props }));
+var SheetDescription = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, { ref, className: cn("text-fg-3 text-sm", className), ...props }));
 SheetDescription.displayName = DialogPrimitive.Description.displayName;
 var MOBILE_QUERY = "(max-width: 639.98px)";
 function useIsMobile() {
-  const [state, setState] = React37.useState({ isMobile: false, mounted: false });
-  React37.useEffect(() => {
+  const [state, setState] = React38.useState({ isMobile: false, mounted: false });
+  React38.useEffect(() => {
     const mql = window.matchMedia(MOBILE_QUERY);
     const update = () => setState({ isMobile: mql.matches, mounted: true });
     update();
@@ -7099,7 +7122,7 @@ function ResponsiveDialog({
   size = "md"
 }) {
   const { isMobile, mounted } = useIsMobile();
-  const close = React37.useCallback(() => onOpenChange(false), [onOpenChange]);
+  const close = React38.useCallback(() => onOpenChange(false), [onOpenChange]);
   const resolvedFooter = typeof footer === "function" ? footer(close) : footer;
   const hasHeader = Boolean(title || description);
   if (mounted && isMobile) {
@@ -7161,7 +7184,7 @@ var RouteTransition = forwardRef(
   }
 );
 RouteTransition.displayName = "RouteTransition";
-var ScrollArea = React37.forwardRef(function ScrollArea2({ className, children, ...props }, ref) {
+var ScrollArea = React38.forwardRef(function ScrollArea2({ className, children, ...props }, ref) {
   return /* @__PURE__ */ jsxs(
     ScrollAreaPrimitive.Root,
     {
@@ -7184,7 +7207,7 @@ var ScrollArea = React37.forwardRef(function ScrollArea2({ className, children,
   );
 });
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React37.forwardRef(function ScrollBar2({ className, orientation = "vertical", ...props }, ref) {
+var ScrollBar = React38.forwardRef(function ScrollBar2({ className, orientation = "vertical", ...props }, ref) {
   return /* @__PURE__ */ jsx(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
@@ -7249,7 +7272,7 @@ var searchInputVariants = cva(
     }
   }
 );
-var SearchInput = React37.forwardRef(
+var SearchInput = React38.forwardRef(
   function SearchInput2({
     value,
     onValueChange,
@@ -7262,8 +7285,8 @@ var SearchInput = React37.forwardRef(
     ...props
   }, ref) {
     const debouncedValue = useDebounce(value, debounceMs);
-    const isFirstRender = React37.useRef(true);
-    React37.useEffect(() => {
+    const isFirstRender = React38.useRef(true);
+    React38.useEffect(() => {
       if (isFirstRender.current) {
         isFirstRender.current = false;
         return;
@@ -7341,15 +7364,15 @@ function SearchSelect({
   descriptionVariant = "inline"
 }) {
   const isSingleMode = value !== void 0 || onValueChange !== void 0;
-  const singleSelectedOption = React37.useMemo(
+  const singleSelectedOption = React38.useMemo(
     () => isSingleMode && value ? options.find((o) => o.id === value) ?? null : null,
     [isSingleMode, value, options]
   );
-  const selected = React37.useMemo(
+  const selected = React38.useMemo(
     () => isSingleMode ? singleSelectedOption ? [singleSelectedOption] : [] : selectedProp ?? [],
     [isSingleMode, singleSelectedOption, selectedProp]
   );
-  const onSelect = React37.useCallback(
+  const onSelect = React38.useCallback(
     (option) => {
       if (isSingleMode) {
         onValueChange?.(option.id);
@@ -7359,7 +7382,7 @@ function SearchSelect({
     },
     [isSingleMode, onValueChange, onSelectProp]
   );
-  const onRemove = React37.useCallback(
+  const onRemove = React38.useCallback(
     (option) => {
       if (isSingleMode) {
         onValueChange?.("");
@@ -7370,15 +7393,15 @@ function SearchSelect({
     [isSingleMode, onValueChange, onRemoveProp]
   );
   const closeOnSelect = isSingleMode || closeOnSelectProp;
-  const [search, setSearch] = React37.useState("");
-  const [open, setOpen] = React37.useState(false);
-  const [activeChip, setActiveChip] = React37.useState(null);
-  const selectedIds = React37.useMemo(() => new Set(selected.map((s) => s.id)), [selected]);
-  const filtered = React37.useMemo(
+  const [search, setSearch] = React38.useState("");
+  const [open, setOpen] = React38.useState(false);
+  const [activeChip, setActiveChip] = React38.useState(null);
+  const selectedIds = React38.useMemo(() => new Set(selected.map((s) => s.id)), [selected]);
+  const filtered = React38.useMemo(
     () => options.filter((opt) => !selectedIds.has(opt.id)),
     [options, selectedIds]
   );
-  const groups = React37.useMemo(() => {
+  const groups = React38.useMemo(() => {
     const order = [];
     const byGroup = /* @__PURE__ */ new Map();
     for (const opt of filtered) {
@@ -7390,25 +7413,25 @@ function SearchSelect({
     }
     return order.map((g) => [g, byGroup.get(g)]);
   }, [filtered]);
-  const hasGroups = React37.useMemo(() => groups.some(([g]) => g != null), [groups]);
-  const pinnedSet = React37.useMemo(() => new Set(pinnedGroups ?? []), [pinnedGroups]);
-  const chips = React37.useMemo(() => {
+  const hasGroups = React38.useMemo(() => groups.some(([g]) => g != null), [groups]);
+  const pinnedSet = React38.useMemo(() => new Set(pinnedGroups ?? []), [pinnedGroups]);
+  const chips = React38.useMemo(() => {
     if (!groupFilter || !hasGroups) return [];
     return groups.map(([g]) => g).filter((g) => g != null && !pinnedSet.has(g));
   }, [groupFilter, hasGroups, groups, pinnedSet]);
-  const visibleGroups = React37.useMemo(() => {
+  const visibleGroups = React38.useMemo(() => {
     if (chips.length > 0 && activeChip) {
       return groups.filter(([g]) => g === activeChip);
     }
     return groups;
   }, [groups, chips.length, activeChip]);
   const trimmedSearch = search.trim();
-  const hasExactMatch = React37.useMemo(
+  const hasExactMatch = React38.useMemo(
     () => options.some((opt) => opt.label.toLowerCase() === trimmedSearch.toLowerCase()),
     [options, trimmedSearch]
   );
   const showCreate = !!onCreate && trimmedSearch.length > 0 && !hasExactMatch;
-  const handleSelect = React37.useCallback(
+  const handleSelect = React38.useCallback(
     (option) => {
       onSelect(option);
       setSearch("");
@@ -7416,16 +7439,16 @@ function SearchSelect({
     },
     [onSelect, closeOnSelect]
   );
-  const handleCreate = React37.useCallback(() => {
+  const handleCreate = React38.useCallback(() => {
     if (onCreate && trimmedSearch) {
       onCreate(trimmedSearch);
       setSearch("");
       setOpen(false);
     }
   }, [onCreate, trimmedSearch]);
-  const inputRef = React37.useRef(null);
-  const listboxId = React37.useId();
-  const setInputRef = React37.useCallback((node) => {
+  const inputRef = React38.useRef(null);
+  const listboxId = React38.useId();
+  const setInputRef = React38.useCallback((node) => {
     inputRef.current = node;
     node?.removeAttribute("aria-labelledby");
     node?.setAttribute("aria-controls", listboxId);
@@ -7434,12 +7457,12 @@ function SearchSelect({
   const singleValue = closeOnSelect ? selected[0] ?? null : null;
   const showValue = singleValue !== null && !open;
   const popoverOpen = open && !disabled;
-  React37.useEffect(() => {
+  React38.useEffect(() => {
     inputRef.current?.removeAttribute("aria-labelledby");
     inputRef.current?.setAttribute("aria-controls", listboxId);
     inputRef.current?.removeAttribute("aria-activedescendant");
   });
-  React37.useEffect(() => {
+  React38.useEffect(() => {
     if (open && closeOnSelect) {
       const raf = requestAnimationFrame(() => inputRef.current?.focus());
       return () => cancelAnimationFrame(raf);
@@ -7884,7 +7907,7 @@ var SegmentedProgress = forwardRef(
   }
 );
 SegmentedProgress.displayName = "SegmentedProgress";
-var Separator4 = React37.forwardRef(function Separator5({ className, orientation = "horizontal", decorative = true, ...props }, ref) {
+var Separator4 = React38.forwardRef(function Separator5({ className, orientation = "horizontal", decorative = true, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     SeparatorPrimitive.Root,
     {
@@ -8016,7 +8039,7 @@ function SideDrawerFooter({ children, className }) {
 SideDrawer.Header = SideDrawerHeader;
 SideDrawer.Body = SideDrawerBody;
 SideDrawer.Footer = SideDrawerFooter;
-var Slider = React37.forwardRef(
+var Slider = React38.forwardRef(
   function Slider2({
     className,
     label,
@@ -8028,7 +8051,7 @@ var Slider = React37.forwardRef(
     defaultValue,
     ...props
   }, ref) {
-    const generatedId = React37.useId();
+    const generatedId = React38.useId();
     const id = providedId ?? generatedId;
     const displayValue = (() => {
       const v = value ?? defaultValue;
@@ -8336,6 +8359,7 @@ var statusMap = {
   approved: { variant: "success", label: "Approved" },
   paid: { variant: "success", label: "Paid" },
   complete: { variant: "success", label: "Complete" },
+  received: { variant: "success", label: "Received" },
   draft: { variant: "secondary", label: "Draft" },
   pending: { variant: "secondary", label: "Pending" },
   overdue: { variant: "destructive", label: "Overdue" },
@@ -8606,9 +8630,9 @@ var switchThumbVariants = cva(
     }
   }
 );
-var Switch = React37.forwardRef(
+var Switch = React38.forwardRef(
   function Switch2({ label, size, className, id: providedId, ...props }, ref) {
-    const generatedId = React37.useId();
+    const generatedId = React38.useId();
     const id = providedId ?? generatedId;
     const root = /* @__PURE__ */ jsx(
       SwitchPrimitive.Root,
@@ -8742,13 +8766,13 @@ var TableCaption = forwardRef(
   }
 );
 TableCaption.displayName = "TableCaption";
-var Tabs = React37.forwardRef(
+var Tabs = React38.forwardRef(
   function Tabs2({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(TabsPrimitive.Root, { ref, className: cn(className), ...props });
   }
 );
 Tabs.displayName = TabsPrimitive.Root.displayName;
-var TabsList = React37.forwardRef(function TabsList2({ className, ...props }, ref) {
+var TabsList = React38.forwardRef(function TabsList2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     TabsPrimitive.List,
     {
@@ -8793,7 +8817,7 @@ var triggerVariants = cva(
     }
   }
 );
-var TabsTrigger = React37.forwardRef(function TabsTrigger2({ className, variant, ...props }, ref) {
+var TabsTrigger = React38.forwardRef(function TabsTrigger2({ className, variant, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     TabsPrimitive.Trigger,
     {
@@ -8804,7 +8828,7 @@ var TabsTrigger = React37.forwardRef(function TabsTrigger2({ className, variant,
   );
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React37.forwardRef(function TabsContent2({ className, ...props }, ref) {
+var TabsContent = React38.forwardRef(function TabsContent2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     TabsPrimitive.Content,
     {
@@ -8829,7 +8853,7 @@ function TeamMemberSelect({
   placeholder = "Select team member...",
   className
 }) {
-  const options = React37.useMemo(() => {
+  const options = React38.useMemo(() => {
     const meBadge = /* @__PURE__ */ jsx(
       Badge,
       {
@@ -9159,10 +9183,10 @@ var itemVariants = cva(
     }
   }
 );
-var ToggleGroupContext = React37.createContext({
+var ToggleGroupContext = React38.createContext({
   variant: "default"
 });
-var ToggleGroup = React37.forwardRef(function ToggleGroup2({ className, variant, children, ...props }, ref) {
+var ToggleGroup = React38.forwardRef(function ToggleGroup2({ className, variant, children, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Root,
     {
@@ -9174,8 +9198,8 @@ var ToggleGroup = React37.forwardRef(function ToggleGroup2({ className, variant,
   );
 });
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React37.forwardRef(function ToggleGroupItem2({ className, variant, ...props }, ref) {
-  const ctx = React37.useContext(ToggleGroupContext);
+var ToggleGroupItem = React38.forwardRef(function ToggleGroupItem2({ className, variant, ...props }, ref) {
+  const ctx = React38.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {
@@ -9194,7 +9218,7 @@ var Tooltip = ({ delayMs, delayDuration, children, ...props }) => {
   return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { delayDuration: resolvedDelay, children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { delayDuration: resolvedDelay, ...props, children }) });
 };
 Tooltip.displayName = "Tooltip";
-var TooltipContent = React37.forwardRef(({ className, sideOffset = 6, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var TooltipContent = React38.forwardRef(({ className, sideOffset = 6, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   TooltipPrimitive.Content,
   {
     ref,
@@ -9748,7 +9772,12 @@ var EngagementTimelineStep = forwardRef(
   }
 );
 EngagementTimelineStep.displayName = "EngagementTimelineStep";
-var INDENT = 18;
+var ROW_BASE = "group/row flex w-full items-center gap-1.5 rounded-lg px-2.5 py-1 text-left text-[12px] font-medium transition-colors duration-[120ms] motion-reduce:transition-none";
+var ROW_INACTIVE = "text-fg-2 hover:bg-surface-2 hover:text-fg";
+var ROW_ACTIVE = "bg-pro-bg text-pro-fg font-semibold";
+var BADGE_BASE = "ml-auto min-w-[18px] rounded-full px-[5px] py-px text-center text-[10px] font-[650] tabular-nums";
+var BADGE_INACTIVE = "bg-surface-2 text-fg-4";
+var BADGE_ACTIVE = "bg-pro-bg text-pro-fg";
 var FolderTree = forwardRef(function FolderTree2({ nodes, activeId, onSelect, defaultOpenIds, openIds, onOpenChange, className, ...props }, ref) {
   const isControlled = openIds !== void 0;
   const [internalOpen, setInternalOpen] = useState(() => new Set(defaultOpenIds ?? []));
@@ -9767,64 +9796,562 @@ var FolderTree = forwardRef(function FolderTree2({ nodes, activeId, onSelect, de
     const hasChildren = Boolean(node.children?.length);
     const isOpen = open.has(node.id);
     const isActive = activeId === node.id;
-    return /* @__PURE__ */ jsxs("li", { children: [
+    return /* @__PURE__ */ jsxs("li", { className: "relative", children: [
+      depth > 0 && /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": true,
+          className: "pointer-events-none absolute left-[-11px] top-0 bottom-0 w-px bg-[color:var(--color-rule-strong)]"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: cn(ROW_BASE, isActive ? ROW_ACTIVE : ROW_INACTIVE), children: [
+        hasChildren ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-expanded": isOpen,
+            "aria-label": isOpen ? `Collapse ${node.name}` : `Expand ${node.name}`,
+            onClick: (e) => {
+              e.stopPropagation();
+              toggle(node.id);
+            },
+            className: cn(
+              "shrink-0 text-fg-4 transition-transform duration-[150ms] motion-reduce:transition-none",
+              isOpen && "rotate-90"
+            ),
+            children: /* @__PURE__ */ jsx(ChevronRightIcon, { size: 13, "aria-hidden": "true" })
+          }
+        ) : /* @__PURE__ */ jsx("span", { className: "w-[13px] shrink-0", "aria-hidden": true }),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onSelect?.(node.id),
+            "aria-current": isActive ? "true" : void 0,
+            className: "flex min-w-0 flex-1 items-center gap-1.5 text-left text-[12px] focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)]",
+            children: [
+              isOpen && hasChildren ? /* @__PURE__ */ jsx(
+                FolderOpenIcon,
+                {
+                  size: 14,
+                  "aria-hidden": "true",
+                  className: cn("shrink-0", isActive ? "text-pro-fg" : "text-fg-3")
+                }
+              ) : /* @__PURE__ */ jsx(
+                FolderClosedIcon,
+                {
+                  size: 14,
+                  "aria-hidden": "true",
+                  className: cn("shrink-0", isActive ? "text-pro-fg" : "text-fg-3")
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: node.name })
+            ]
+          }
+        ),
+        node.count != null && /* @__PURE__ */ jsx("span", { className: cn(BADGE_BASE, isActive ? BADGE_ACTIVE : BADGE_INACTIVE), children: node.count })
+      ] }),
+      hasChildren && isOpen && /* @__PURE__ */ jsx("ul", { className: "relative flex flex-col pl-[22px]", children: node.children.map((child) => renderNode(child, depth + 1)) })
+    ] }, node.id);
+  };
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("w-full", className), ...props, children: /* @__PURE__ */ jsx("ul", { className: "flex flex-col", children: nodes.map((node) => renderNode(node, 0)) }) });
+});
+FolderTree.displayName = "FolderTree";
+var ClientRailItem = forwardRef(
+  function ClientRailItem2({
+    name,
+    avatarSrc,
+    entityType,
+    pendingCount,
+    fileCount,
+    metaSuffix,
+    active = false,
+    className,
+    ...props
+  }, ref) {
+    const hasPending = Boolean(pendingCount && pendingCount > 0);
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        className: cn(
+          // Layout
+          "relative flex w-full items-center gap-[11px] border-b border-rule px-[14px] py-[11px] text-left",
+          // Motion
+          "transition-colors duration-[120ms] motion-reduce:transition-none",
+          // Cursor
+          "cursor-pointer",
+          // State — hover only when not active to avoid override
+          active ? "bg-pro-bg" : "hover:bg-surface-2",
+          className
+        ),
+        ...props,
+        children: [
+          active && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "absolute top-0 bottom-0 left-0 w-[3px] bg-pro-fg"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsx(Avatar, { name, src: avatarSrc, size: "sm" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[7px]", children: [
+              /* @__PURE__ */ jsx("span", { className: "truncate text-[13.5px] font-[650] text-fg", children: name }),
+              hasPending && /* @__PURE__ */ jsx(StatusDot, { tone: "pro", size: "sm" }),
+              fileCount != null && /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-full bg-surface-2 px-[6px] py-px text-[10.5px] font-bold text-fg-3", children: fileCount })
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-[11.5px] text-fg-3", children: hasPending ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs("span", { className: "font-semibold text-pro-fg", children: [
+                pendingCount,
+                " pending"
+              ] }),
+              " \xB7 ",
+              entityType
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              entityType,
+              metaSuffix != null && /* @__PURE__ */ jsxs(Fragment, { children: [
+                " \xB7 ",
+                metaSuffix
+              ] })
+            ] }) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+ClientRailItem.displayName = "ClientRailItem";
+var ClientRailGroupHeader = forwardRef(function ClientRailGroupHeader2({ label, count, accent = false, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex items-center gap-[7px] px-[14px] pt-[14px] pb-[5px] text-[11.5px] font-semibold",
+        accent ? "text-pro-fg" : "text-fg-3",
+        className
+      ),
+      ...props,
+      children: [
+        accent && /* @__PURE__ */ jsx(StatusDot, { tone: "pro", size: "sm" }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          label,
+          count != null && /* @__PURE__ */ jsxs("span", { className: accent ? void 0 : "text-fg-4", children: [
+            " \xB7 ",
+            count
+          ] })
+        ] })
+      ]
+    }
+  );
+});
+ClientRailGroupHeader.displayName = "ClientRailGroupHeader";
+function getFileTypeParts(fileType) {
+  const normalized = fileType.toLowerCase().trim().replace(/^\./, "");
+  if (normalized.includes("pdf")) {
+    return { Icon: FileTextIcon, colorClass: "text-danger-fg" };
+  }
+  if (normalized.includes("image") || ["jpg", "jpeg", "png", "tiff"].some((type) => normalized.includes(type))) {
+    return { Icon: FileIcon, colorClass: "text-pro-fg" };
+  }
+  if (normalized.includes("excel") || normalized.includes("spreadsheet") || ["xlsx", "xls", "csv"].some((type) => normalized.includes(type))) {
+    return { Icon: FileTextIcon, colorClass: "text-success-fg" };
+  }
+  if (normalized.includes("word") || ["docx", "doc"].some((type) => normalized.includes(type))) {
+    return { Icon: FileTextIcon, colorClass: "text-pro-fg" };
+  }
+  return { Icon: FileIcon, colorClass: "text-fg-4" };
+}
+function MetaText({
+  values,
+  className,
+  dotClassName
+}) {
+  const presentValues = values.filter(Boolean);
+  if (presentValues.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className, children: presentValues.map((value, index) => /* @__PURE__ */ jsxs(React38.Fragment, { children: [
+    index > 0 && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn("size-[3px] rounded-full bg-fg-4", dotClassName),
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { children: value })
+  ] }, `${value}-${index}`)) });
+}
+function FileTile({ fileType, card }) {
+  const { Icon: Icon3, colorClass } = getFileTypeParts(fileType);
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "grid shrink-0 place-items-center bg-surface-2",
+        card ? "size-[46px] rounded-xl bg-surface" : "size-[38px] rounded-[10px]"
+      ),
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx(Icon3, { className: colorClass, size: card ? 22 : 18 })
+    }
+  );
+}
+function CheckboxSlot({
+  selected,
+  onSelectedChange,
+  className
+}) {
+  return (
+    // Wrapper only stops click propagation so the row's open handler does not
+    // fire when toggling the checkbox; the Checkbox itself is the focusable control.
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "shrink-0 transition-opacity duration-[120ms] motion-reduce:transition-none",
+          selected ? "opacity-100" : "opacity-0 group-hover:opacity-100",
+          className
+        ),
+        onClick: (event) => event.stopPropagation(),
+        children: /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: selected,
+            onCheckedChange: (checked) => onSelectedChange?.(checked === true)
+          }
+        )
+      }
+    )
+  );
+}
+function MoreActions({ menu }) {
+  if (!menu) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: cn(
+          "grid size-[30px] place-items-center rounded-[8px] text-fg-4",
+          "transition-colors duration-[120ms] motion-reduce:transition-none",
+          "group-hover:text-fg-2 hover:bg-surface hover:text-pro-fg hover:shadow-sm"
+        ),
+        "aria-label": "More actions",
+        onClick: (event) => event.stopPropagation(),
+        children: /* @__PURE__ */ jsx(MoreHorizontalIcon, { size: 16 })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: menu })
+  ] });
+}
+var DocumentFileRow = React38.forwardRef(
+  function DocumentFileRow2({
+    name,
+    fileType,
+    size,
+    date,
+    by,
+    status,
+    nameAdornment,
+    menu,
+    selected = false,
+    showCheckbox = true,
+    onSelectedChange,
+    onOpen,
+    className,
+    onClick,
+    ...props
+  }, ref) {
+    return (
+      // Whole-row click is a pointer enhancement that opens the file; the same
+      // action is keyboard-reachable via the kebab menu's items, and the row's
+      // interactive controls (checkbox, menu) are independently focusable.
+      // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events
       /* @__PURE__ */ jsxs(
         "div",
         {
+          ref,
           className: cn(
-            "group/row flex items-stretch rounded-[var(--radius-icon)]",
-            isActive ? "bg-pro-bg" : "hover:bg-bg-2"
+            "group flex cursor-pointer items-center gap-[13px] border-b border-rule px-[14px] py-3",
+            "transition-colors duration-[120ms] motion-reduce:transition-none hover:bg-surface-2",
+            selected && "bg-pro-bg",
+            className
           ),
+          onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented) {
+              onOpen?.();
+            }
+          },
+          ...props,
           children: [
+            showCheckbox !== false && /* @__PURE__ */ jsx(CheckboxSlot, { selected, onSelectedChange }),
+            /* @__PURE__ */ jsx(FileTile, { fileType }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "truncate text-[13.5px] font-semibold text-fg", children: name }),
+                nameAdornment
+              ] }),
+              /* @__PURE__ */ jsx(
+                MetaText,
+                {
+                  values: [size, date, by],
+                  className: "mt-0.5 flex flex-wrap items-center gap-[7px] text-[11.5px] text-fg-3"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-[10px]", children: [
+              status,
+              /* @__PURE__ */ jsx(MoreActions, { menu })
+            ] })
+          ]
+        }
+      )
+    );
+  }
+);
+DocumentFileRow.displayName = "DocumentFileRow";
+var DocumentFileCard = React38.forwardRef(
+  function DocumentFileCard2({
+    name,
+    fileType,
+    size,
+    date,
+    by: _by,
+    status,
+    nameAdornment: _nameAdornment,
+    menu,
+    selected = false,
+    showCheckbox = true,
+    onSelectedChange,
+    onOpen,
+    className,
+    onClick,
+    ...props
+  }, ref) {
+    return (
+      // Whole-card click is a pointer enhancement that opens the file; the same
+      // action is keyboard-reachable via the kebab menu's items, and the card's
+      // interactive controls (checkbox, menu) are independently focusable.
+      // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref,
+          className: cn(
+            "group relative cursor-pointer rounded-2xl border border-rule bg-surface p-3",
+            "transition-[border-color,box-shadow,transform] duration-[120ms] motion-reduce:transition-none",
+            "hover:-translate-y-0.5 hover:border-rule-strong hover:shadow-sm",
+            selected && "border-pro-fg bg-pro-bg",
+            className
+          ),
+          onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented) {
+              onOpen?.();
+            }
+          },
+          ...props,
+          children: [
+            showCheckbox !== false && /* @__PURE__ */ jsx(
+              CheckboxSlot,
+              {
+                selected,
+                onSelectedChange,
+                className: "absolute top-2 left-2 z-[2]"
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "relative mb-[11px] grid h-[92px] place-items-center overflow-hidden rounded-[10px] bg-surface-2", children: /* @__PURE__ */ jsx(FileTile, { fileType, card: true }) }),
+            /* @__PURE__ */ jsx("div", { className: "truncate text-[13px] font-semibold text-fg", children: name }),
             /* @__PURE__ */ jsx(
-              "button",
+              MetaText,
               {
-                type: "button",
-                "aria-expanded": hasChildren ? isOpen : void 0,
-                "aria-label": isOpen ? `Collapse ${node.name}` : `Expand ${node.name}`,
-                onClick: () => hasChildren && toggle(node.id),
-                disabled: !hasChildren,
-                className: "flex w-6 shrink-0 items-center justify-center self-stretch text-fg-4 disabled:opacity-0",
-                style: { marginLeft: depth * INDENT },
-                tabIndex: hasChildren ? 0 : -1,
-                children: /* @__PURE__ */ jsx(
-                  ChevronRightIcon,
-                  {
-                    className: cn(
-                      "size-3.5 transition-transform duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
-                      isOpen && "rotate-90"
-                    ),
-                    "aria-hidden": "true"
-                  }
-                )
+                values: [size, date],
+                className: "mt-[3px] flex items-center gap-[6px] text-[11px] text-fg-3"
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "mt-[10px] flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx("div", { className: "min-w-0", children: status }),
+              /* @__PURE__ */ jsx(MoreActions, { menu })
+            ] })
+          ]
+        }
+      )
+    );
+  }
+);
+DocumentFileCard.displayName = "DocumentFileCard";
+var DocumentRequestField = forwardRef(
+  function DocumentRequestField2({
+    index,
+    typeControl,
+    label,
+    onLabelChange,
+    note,
+    onNoteChange,
+    onRemove,
+    canRemove = true,
+    className,
+    ...props
+  }, ref) {
+    const humanIndex = index + 1;
+    const showRemove = Boolean(onRemove) && canRemove;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "rounded-2xl border border-rule bg-surface-2 p-[14px] mb-[10px]",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[9px] mb-3", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "size-[22px] rounded-full bg-pro-bg text-pro-fg text-[11px] font-bold grid place-items-center shrink-0 leading-none",
+                children: humanIndex
               }
             ),
-            /* @__PURE__ */ jsxs(
+            /* @__PURE__ */ jsxs("span", { className: "text-[13px] font-[650] text-pro-fg", children: [
+              "Document ",
+              humanIndex
+            ] }),
+            showRemove && /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
-                onClick: () => onSelect?.(node.id),
-                "aria-current": isActive ? "true" : void 0,
+                onClick: onRemove,
+                "aria-label": `Remove document ${humanIndex}`,
                 className: cn(
-                  "flex min-w-0 flex-1 items-center gap-2 py-1.5 pr-2 text-left text-sm focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)]",
-                  isActive ? "text-pro-fg font-medium" : "text-fg-2"
+                  "ml-auto size-[26px] rounded-[7px] grid place-items-center",
+                  "text-fg-4",
+                  "transition-colors duration-[120ms] motion-reduce:transition-none",
+                  "hover:bg-danger-bg hover:text-danger-fg",
+                  "focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)]"
                 ),
-                children: [
-                  /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "shrink-0 [&_svg]:size-4", children: isOpen && hasChildren ? /* @__PURE__ */ jsx(FolderOpenIcon, {}) : /* @__PURE__ */ jsx(FolderClosedIcon, {}) }),
-                  /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: node.name }),
-                  node.count != null && /* @__PURE__ */ jsx("span", { className: "text-fg-4 shrink-0 text-xs tabular-nums", children: node.count })
-                ]
+                children: /* @__PURE__ */ jsx(CloseIcon, { size: 14, "aria-hidden": "true" })
               }
             )
-          ]
-        }
-      ),
-      hasChildren && isOpen && /* @__PURE__ */ jsx("ul", { className: "flex flex-col", children: node.children.map((child) => renderNode(child, depth + 1)) })
-    ] }, node.id);
-  };
-  return /* @__PURE__ */ jsx("div", { ref, className: cn("w-full", className), ...props, children: /* @__PURE__ */ jsx("ul", { className: "flex flex-col", children: nodes.map((node) => renderNode(node, 0)) }) });
-});
-FolderTree.displayName = "FolderTree";
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { className: "mb-1.5 block text-[11.5px] font-semibold text-fg-2", children: "Type" }),
+              typeControl
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsxs("span", { className: "mb-1.5 block text-[11.5px] font-semibold text-fg-2", children: [
+                "Label",
+                " ",
+                /* @__PURE__ */ jsx("span", { className: "text-danger-fg", "aria-hidden": "true", children: "*" })
+              ] }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  value: label,
+                  onChange: (e) => onLabelChange(e.target.value),
+                  placeholder: "e.g. Bank statement for review",
+                  inputSize: "sm",
+                  "aria-label": `Label for document ${humanIndex}`,
+                  "aria-required": "true"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "col-span-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "mb-1.5 block text-[11.5px] font-semibold text-fg-2", children: "Note" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  value: note,
+                  onChange: (e) => onNoteChange(e.target.value),
+                  placeholder: "Optional note for the client",
+                  inputSize: "sm",
+                  "aria-label": `Note for document ${humanIndex}`
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+DocumentRequestField.displayName = "DocumentRequestField";
+var stateToStatus = {
+  missing: "requested",
+  pending: "pending",
+  received: "received"
+};
+function StateDot({ state }) {
+  const colorClass = state === "received" ? "bg-success-fg" : state === "pending" ? "bg-fg-4" : "bg-warning-fg";
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: cn("block size-1.5 shrink-0 rounded-full", colorClass)
+    }
+  );
+}
+var MissingDocumentsPanel = forwardRef(
+  function MissingDocumentsPanel2({ items, subtitle = "Suggested from this engagement", onRequest, className, ...props }, ref) {
+    const hasItems = items.length > 0;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "border-rule bg-surface flex flex-col gap-3 rounded-2xl border p-4 shadow-quiet",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2.5", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "grid size-7 shrink-0 place-items-center rounded-lg bg-[image:var(--gradient-ai)] text-white [&_svg]:size-3.5",
+                children: /* @__PURE__ */ jsx(SparklesIcon, {})
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-fg-4 mb-0.5 text-[10px] font-semibold tracking-widest uppercase", children: "AI" }),
+              /* @__PURE__ */ jsx("p", { className: "text-fg text-[14px] font-[650] leading-tight", children: "Missing documents" }),
+              /* @__PURE__ */ jsx("p", { className: "text-fg-3 mt-0.5 text-[12px] leading-snug", children: subtitle })
+            ] })
+          ] }),
+          hasItems ? /* @__PURE__ */ jsx("ul", { className: "flex flex-col", children: items.map((item, idx) => /* @__PURE__ */ jsxs(
+            "li",
+            {
+              className: "border-rule flex items-center gap-3 border-b py-2 last:border-0",
+              children: [
+                /* @__PURE__ */ jsx(StateDot, { state: item.state }),
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-fg truncate text-[13px] leading-snug", children: item.label }),
+                  item.dueDate != null && /* @__PURE__ */ jsx("p", { className: "text-fg-3 mt-0.5 text-[11.5px] leading-none", children: item.dueDate })
+                ] }),
+                /* @__PURE__ */ jsx(StatusPill, { status: stateToStatus[item.state], dot: false })
+              ]
+            },
+            idx
+          )) }) : (
+            /* Empty / all-received state */
+            /* @__PURE__ */ jsx("p", { className: "text-success-fg py-1 text-[13px] font-medium", children: "All documents received" })
+          ),
+          onRequest != null && hasItems && /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", onClick: onRequest, children: "Request missing" }) })
+        ]
+      }
+    );
+  }
+);
+MissingDocumentsPanel.displayName = "MissingDocumentsPanel";
 function renderAction(action) {
   return /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: action.onSelect, children: [
     action.icon && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-fg-3 [&_svg]:size-4", children: action.icon }),
@@ -9885,7 +10412,7 @@ var Content16 = forwardRef(function Content17({ padTop, padBottom, className, st
   );
 });
 Content16.displayName = "Content";
-var SidebarContext = React37.createContext(null);
+var SidebarContext = React38.createContext(null);
 var NOOP_CONTEXT = {
   state: "expanded",
   setState: () => {
@@ -9898,7 +10425,7 @@ var NOOP_CONTEXT = {
   }
 };
 function useSidebarState() {
-  return React37.useContext(SidebarContext) ?? NOOP_CONTEXT;
+  return React38.useContext(SidebarContext) ?? NOOP_CONTEXT;
 }
 var DEFAULT_SHORTCUT = "Mod+\\";
 function readStorage(key) {
@@ -9918,16 +10445,16 @@ function SidebarProvider({
   storageKey,
   shortcut = DEFAULT_SHORTCUT
 }) {
-  const [uncontrolled, setUncontrolled] = React37.useState(
+  const [uncontrolled, setUncontrolled] = React38.useState(
     controlled ?? defaultState
   );
-  React37.useEffect(() => {
+  React38.useEffect(() => {
     if (controlled !== void 0) return;
     const stored = readStorage(storageKey);
     if (stored && stored !== uncontrolled) setUncontrolled(stored);
   }, []);
   const state = controlled ?? uncontrolled;
-  const setState = React37.useCallback(
+  const setState = React38.useCallback(
     (next) => {
       if (controlled === void 0) setUncontrolled(next);
       onStateChange?.(next);
@@ -9940,11 +10467,11 @@ function SidebarProvider({
     },
     [controlled, onStateChange, storageKey]
   );
-  const toggle = React37.useCallback(() => {
+  const toggle = React38.useCallback(() => {
     setState(state === "expanded" ? "rail" : "expanded");
   }, [state, setState]);
-  const [peekLockCount, setPeekLockCount] = React37.useState(0);
-  const acquirePeekLock = React37.useCallback(() => {
+  const [peekLockCount, setPeekLockCount] = React38.useState(0);
+  const acquirePeekLock = React38.useCallback(() => {
     setPeekLockCount((n) => n + 1);
     let released = false;
     return () => {
@@ -9953,7 +10480,7 @@ function SidebarProvider({
       setPeekLockCount((n) => Math.max(0, n - 1));
     };
   }, []);
-  React37.useEffect(() => {
+  React38.useEffect(() => {
     if (!shortcut) return;
     const parts = shortcut.split("+");
     const key = parts.pop() ?? "";
@@ -9973,7 +10500,7 @@ function SidebarProvider({
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
   }, [shortcut, toggle]);
-  const value = React37.useMemo(
+  const value = React38.useMemo(
     () => ({ state, setState, toggle, collapsible: true, peekLockCount, acquirePeekLock }),
     [state, setState, toggle, peekLockCount, acquirePeekLock]
   );
@@ -9982,15 +10509,15 @@ function SidebarProvider({
 SidebarProvider.displayName = "SidebarProvider";
 var PEEK_ENTER_DELAY_MS = 100;
 var PEEK_LEAVE_DELAY_MS = 200;
-var Sidebar = React37.forwardRef(function Sidebar2({ className, collapsible = false, variant = "classic", onMouseEnter, onMouseLeave, style, ...props }, ref) {
+var Sidebar = React38.forwardRef(function Sidebar2({ className, collapsible = false, variant = "classic", onMouseEnter, onMouseLeave, style, ...props }, ref) {
   const isFloating = variant === "floating";
-  const ctx = React37.useContext(SidebarContext);
+  const ctx = React38.useContext(SidebarContext);
   const state = collapsible && ctx ? ctx.state : "expanded";
   const peekLockCount = collapsible && ctx ? ctx.peekLockCount : 0;
-  const [peek, setPeek] = React37.useState(false);
-  const enterTimer = React37.useRef(null);
-  const leaveTimer = React37.useRef(null);
-  const clearTimers = React37.useCallback(() => {
+  const [peek, setPeek] = React38.useState(false);
+  const enterTimer = React38.useRef(null);
+  const leaveTimer = React38.useRef(null);
+  const clearTimers = React38.useCallback(() => {
     if (enterTimer.current != null) {
       window.clearTimeout(enterTimer.current);
       enterTimer.current = null;
@@ -10000,8 +10527,8 @@ var Sidebar = React37.forwardRef(function Sidebar2({ className, collapsible = fa
       leaveTimer.current = null;
     }
   }, []);
-  React37.useEffect(() => () => clearTimers(), [clearTimers]);
-  React37.useEffect(() => {
+  React38.useEffect(() => () => clearTimers(), [clearTimers]);
+  React38.useEffect(() => {
     if (state === "expanded") {
       clearTimers();
       setPeek(false);
@@ -10082,7 +10609,7 @@ var Sidebar = React37.forwardRef(function Sidebar2({ className, collapsible = fa
   );
 });
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React37.forwardRef(
+var SidebarTrigger = React38.forwardRef(
   function SidebarTrigger2({
     className,
     expandLabel = "Expand sidebar",
@@ -10090,7 +10617,7 @@ var SidebarTrigger = React37.forwardRef(
     onClick,
     ...props
   }, ref) {
-    const ctx = React37.useContext(SidebarContext);
+    const ctx = React38.useContext(SidebarContext);
     if (!ctx) return null;
     const { state, toggle } = ctx;
     const label = state === "expanded" ? collapseLabel : expandLabel;
@@ -10121,14 +10648,14 @@ var SidebarTrigger = React37.forwardRef(
 );
 SidebarTrigger.displayName = "SidebarTrigger";
 function useSidebarPeekLock(active) {
-  const ctx = React37.useContext(SidebarContext);
-  React37.useEffect(() => {
+  const ctx = React38.useContext(SidebarContext);
+  React38.useEffect(() => {
     if (!active || !ctx) return;
     const release = ctx.acquirePeekLock();
     return release;
   }, [active, ctx]);
 }
-var SidebarPinButton = React37.forwardRef(
+var SidebarPinButton = React38.forwardRef(
   function SidebarPinButton2({
     pinLabel = "Pin sidebar",
     unpinLabel = "Unpin sidebar",
@@ -10136,7 +10663,7 @@ var SidebarPinButton = React37.forwardRef(
     onClick,
     ...props
   }, ref) {
-    const ctx = React37.useContext(SidebarContext);
+    const ctx = React38.useContext(SidebarContext);
     if (!ctx || !ctx.collapsible) return null;
     const { state, setState } = ctx;
     const isPinned = state === "expanded";
@@ -10201,7 +10728,7 @@ function PinGlyph({
     }
   );
 }
-var SidebarBrand = React37.forwardRef(
+var SidebarBrand = React38.forwardRef(
   function SidebarBrand2({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       "div",
@@ -10217,7 +10744,7 @@ var SidebarBrand = React37.forwardRef(
   }
 );
 SidebarBrand.displayName = "SidebarBrand";
-var SidebarBrandText = React37.forwardRef(
+var SidebarBrandText = React38.forwardRef(
   function SidebarBrandText2({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       "span",
@@ -10242,16 +10769,16 @@ var SidebarBrandText = React37.forwardRef(
   }
 );
 SidebarBrandText.displayName = "SidebarBrandText";
-var SidebarGroupScopeContext = React37.createContext(null);
-var SidebarSection = React37.forwardRef(
+var SidebarGroupScopeContext = React38.createContext(null);
+var SidebarSection = React38.forwardRef(
   function SidebarSection2({ label, tone = "pro", className, children, ...props }, ref) {
     const ariaLabel = typeof label === "string" ? label : typeof label === "number" ? String(label) : void 0;
-    const [exclusiveId, setExclusiveIdState] = React37.useState(null);
-    const setExclusive = React37.useCallback(
+    const [exclusiveId, setExclusiveIdState] = React38.useState(null);
+    const setExclusive = React38.useCallback(
       (id) => setExclusiveIdState(id),
       []
     );
-    const scope = React37.useMemo(
+    const scope = React38.useMemo(
       () => ({ exclusiveId, setExclusive }),
       [exclusiveId, setExclusive]
     );
@@ -10304,12 +10831,12 @@ function getTextContent(node) {
   if (node == null || typeof node === "boolean") return "";
   if (typeof node === "string" || typeof node === "number") return String(node);
   if (Array.isArray(node)) return node.map(getTextContent).filter(Boolean).join(" ");
-  if (React37.isValidElement(node)) {
+  if (React38.isValidElement(node)) {
     return getTextContent(node.props.children);
   }
   return "";
 }
-var SidebarLink = React37.forwardRef(
+var SidebarLink = React38.forwardRef(
   function SidebarLink2({ href, icon, active = false, asChild, className, children, "aria-label": ariaLabel, ...props }, ref) {
     const Comp = asChild ? Slot : "a";
     const accessibleLabel = ariaLabel ?? (asChild ? void 0 : getTextContent(children) || void 0);
@@ -10380,7 +10907,7 @@ var SidebarLink = React37.forwardRef(
   }
 );
 SidebarLink.displayName = "SidebarLink";
-var SidebarLinkLabel = React37.forwardRef(
+var SidebarLinkLabel = React38.forwardRef(
   function SidebarLinkLabel2({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       "span",
@@ -10405,7 +10932,7 @@ var SidebarLinkLabel = React37.forwardRef(
   }
 );
 SidebarLinkLabel.displayName = "SidebarLinkLabel";
-var SidebarLinkAction = React37.forwardRef(
+var SidebarLinkAction = React38.forwardRef(
   function SidebarLinkAction2({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       "span",
@@ -10437,13 +10964,13 @@ var sidebarLinkBadgeVariants = cva(
     defaultVariants: { tone: "default" }
   }
 );
-var SidebarLinkBadge = React37.forwardRef(
+var SidebarLinkBadge = React38.forwardRef(
   function SidebarLinkBadge2({ tone, className, ...props }, ref) {
     return /* @__PURE__ */ jsx("span", { ref, className: cn(sidebarLinkBadgeVariants({ tone }), className), ...props });
   }
 );
 SidebarLinkBadge.displayName = "SidebarLinkBadge";
-var SidebarLinkGroup = React37.forwardRef(
+var SidebarLinkGroup = React38.forwardRef(
   function SidebarLinkGroup2({
     id: idProp,
     icon,
@@ -10458,19 +10985,19 @@ var SidebarLinkGroup = React37.forwardRef(
     children,
     ...props
   }, ref) {
-    const reactId = React37.useId();
+    const reactId = React38.useId();
     const id = idProp ?? reactId;
-    const scope = React37.useContext(SidebarGroupScopeContext);
-    const [uncontrolledOpen, setUncontrolledOpen] = React37.useState(defaultOpen);
+    const scope = React38.useContext(SidebarGroupScopeContext);
+    const [uncontrolledOpen, setUncontrolledOpen] = React38.useState(defaultOpen);
     const open = controlled ?? uncontrolledOpen;
-    const setOpen = React37.useCallback(
+    const setOpen = React38.useCallback(
       (next) => {
         if (controlled === void 0) setUncontrolledOpen(next);
         onOpenChange?.(next);
       },
       [controlled, onOpenChange]
     );
-    React37.useEffect(() => {
+    React38.useEffect(() => {
       if (scope?.exclusiveId && scope.exclusiveId !== id && open) {
         setOpen(false);
       }
@@ -10579,7 +11106,7 @@ var SidebarLinkGroup = React37.forwardRef(
   }
 );
 SidebarLinkGroup.displayName = "SidebarLinkGroup";
-var SidebarFooter = React37.forwardRef(
+var SidebarFooter = React38.forwardRef(
   function SidebarFooter2({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       "div",
@@ -10596,7 +11123,7 @@ var SidebarFooter = React37.forwardRef(
   }
 );
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarUser = React37.forwardRef(function SidebarUser2({ name, subtitle, avatarSrc, className, ...props }, ref) {
+var SidebarUser = React38.forwardRef(function SidebarUser2({ name, subtitle, avatarSrc, className, ...props }, ref) {
   return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex min-w-0 items-center gap-2.5", className), ...props, children: [
     /* @__PURE__ */ jsx(Avatar, { size: "sm", variant: "branded", name, src: avatarSrc ?? void 0 }),
     /* @__PURE__ */ jsxs(
@@ -10617,7 +11144,7 @@ var SidebarUser = React37.forwardRef(function SidebarUser2({ name, subtitle, ava
   ] });
 });
 SidebarUser.displayName = "SidebarUser";
-var SidebarBrandSwitcher = React37.forwardRef(
+var SidebarBrandSwitcher = React38.forwardRef(
   function SidebarBrandSwitcher2({
     brand,
     label,
@@ -10635,7 +11162,7 @@ var SidebarBrandSwitcher = React37.forwardRef(
     contentClassName,
     trailing
   }, ref) {
-    const [open, setOpen] = React37.useState(false);
+    const [open, setOpen] = React38.useState(false);
     useSidebarPeekLock(open);
     const others = items.filter((p) => p.id !== current.id);
     return (
@@ -10755,7 +11282,7 @@ function SidebarBrandSwitcherOtherRow({
   unavailableBadge
 }) {
   const reachable = item.available !== false;
-  const [launching, setLaunching] = React37.useState(false);
+  const [launching, setLaunching] = React38.useState(false);
   const handleSelect = async () => {
     if (!reachable || launching || !onLaunch) return;
     setLaunching(true);
@@ -12672,7 +13199,7 @@ var FilterChip = forwardRef(function FilterChip2({ active = false, size, count,
   );
 });
 FilterChip.displayName = "FilterChip";
-var BulkActionBarContext = React37.createContext({ tone: "surface" });
+var BulkActionBarContext = React38.createContext({ tone: "surface" });
 function actionClasses(tone, destructive) {
   const base = cn(
     "inline-flex h-8 items-center gap-1.5 rounded-btn px-3 text-[13px] font-medium",
@@ -12695,8 +13222,8 @@ function actionClasses(tone, destructive) {
     destructive ? "text-control-destructive-fg hover:bg-control-destructive-hover-bg" : "text-control-fg hover:bg-control-hover-bg hover:text-control-hover-fg"
   );
 }
-var BulkActionBarAction = React37.forwardRef(function BulkActionBarAction2({ asChild = false, destructive, className, type, ...props }, ref) {
-  const { tone } = React37.use(BulkActionBarContext);
+var BulkActionBarAction = React38.forwardRef(function BulkActionBarAction2({ asChild = false, destructive, className, type, ...props }, ref) {
+  const { tone } = React38.use(BulkActionBarContext);
   const Comp = asChild ? Slot : "button";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -12710,7 +13237,7 @@ var BulkActionBarAction = React37.forwardRef(function BulkActionBarAction2({ asC
 });
 BulkActionBarAction.displayName = "BulkActionBarAction";
 function BulkActionBarSeparator({ className }) {
-  const { tone } = React37.use(BulkActionBarContext);
+  const { tone } = React38.use(BulkActionBarContext);
   return /* @__PURE__ */ jsx(
     "span",
     {
@@ -12910,6 +13437,6 @@ var KbdHint = forwardRef(function KbdHint2({ className, children, ...props }, re
 });
 KbdHint.displayName = "KbdHint";
 
-export { AIReceiptPanel, Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, AreaChart, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, AttachmentChip, AttentionItem, Avatar, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, BottomNav, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, BulkActionBarSeparator, Button, COUNTRY_CODES, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryDivider, CategoryTag, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content16 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CountryFlag, CountrySelect, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, DashGrid, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DatePicker, DateRangePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentIcon, DollarSignIcon, DonutChart, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EngagementCard, EngagementTimeline, EngagementTimelineStep, EyeIcon, EyeOffIcon, Eyebrow, FileChip, FileIcon, FileReturnIcon, FileTextIcon, FileTypeBadge, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FolderTree, FolderUpIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, IconTile, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LandmarkIcon, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MasterDetailLayout, MenuIcon, MessageBubble, MessageBubbleAction, MessageBubbleTombstone, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, NewMenu, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelFooter, NotificationPanelHeader, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PauseIcon, PenSignIcon, PenToolIcon, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, RadioGroup3 as RadioGroup, RadioGroupItem, RankedBars, ReceiptIcon, ReplyIcon, ResponsiveDialog, RotateCcwIcon, RouteTransition, SERVICE_TONES, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, SegmentedProgress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableKpiCard, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandSwitcher, SidebarBrandSwitcherTile, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, Spinner, StarIcon, StarRating, Stat, StatusDot, StatusIcon, StatusPill, Stepper, StickyActionBar, StopIcon, StrikethroughIcon, SubmitButton, SuiteProgress, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TeamIcon, TeamMemberSelect, Textarea, TimeLogger, TimeLoggerActions, TimeLoggerBillable, TimeLoggerContextRow, TimeLoggerEntry, TimeLoggerEntryList, TimeLoggerField, TimeLoggerFooter, TimeLoggerHeader, TimeLoggerNotes, TimeLoggerTimer, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, attachmentChipVariants, badgeVariants, buttonVariants, cardVariants, cn, colors, dateToIso, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, formatClock, formatCurrency, formatDuration, getFlagEmoji, iconTileVariants, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, serviceToneLabel, serviceToneStyle, shadows, sidebarLinkBadgeVariants, spacing, spinnerVariants, starRatingVariants, statusDotVariants, suiteProgressFillVariants, surfaces, systemTokens, textareaVariants, typography, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
+export { AIReceiptPanel, Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, AreaChart, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, AttachmentChip, AttentionItem, Avatar, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, BottomNav, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, BulkActionBarSeparator, Button, COUNTRY_CODES, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryDivider, CategoryTag, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientRailGroupHeader, ClientRailItem, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content16 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CountryFlag, CountrySelect, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, DashGrid, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DatePicker, DateRangePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentFileCard, DocumentFileRow, DocumentIcon, DocumentRequestField, DocumentsWorkspaceLayout, DollarSignIcon, DonutChart, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EngagementCard, EngagementTimeline, EngagementTimelineStep, EyeIcon, EyeOffIcon, Eyebrow, FileChip, FileIcon, FileReturnIcon, FileTextIcon, FileTypeBadge, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FolderTree, FolderUpIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, IconTile, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LandmarkIcon, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MasterDetailLayout, MenuIcon, MessageBubble, MessageBubbleAction, MessageBubbleTombstone, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MissingDocumentsPanel, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, NewMenu, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelFooter, NotificationPanelHeader, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PauseIcon, PenSignIcon, PenToolIcon, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, RadioGroup3 as RadioGroup, RadioGroupItem, RankedBars, ReceiptIcon, ReplyIcon, ResponsiveDialog, RotateCcwIcon, RouteTransition, SERVICE_TONES, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, SegmentedProgress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableKpiCard, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandSwitcher, SidebarBrandSwitcherTile, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, Spinner, StarIcon, StarRating, Stat, StatusDot, StatusIcon, StatusPill, Stepper, StickyActionBar, StopIcon, StrikethroughIcon, SubmitButton, SuiteProgress, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TeamIcon, TeamMemberSelect, Textarea, TimeLogger, TimeLoggerActions, TimeLoggerBillable, TimeLoggerContextRow, TimeLoggerEntry, TimeLoggerEntryList, TimeLoggerField, TimeLoggerFooter, TimeLoggerHeader, TimeLoggerNotes, TimeLoggerTimer, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, attachmentChipVariants, badgeVariants, buttonVariants, cardVariants, cn, colors, dateToIso, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, formatClock, formatCurrency, formatDuration, getFlagEmoji, iconTileVariants, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, serviceToneLabel, serviceToneStyle, shadows, sidebarLinkBadgeVariants, spacing, spinnerVariants, starRatingVariants, statusDotVariants, suiteProgressFillVariants, surfaces, systemTokens, textareaVariants, typography, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map