@assure-one/design-system 1.2.0 → 1.4.0

package/dist/index.js

@@ -1,5 +1,5 @@
 "use client";
-import * as React36 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';
@@ -8,8 +8,8 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { cva } from 'class-variance-authority';
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { Slot } from '@radix-ui/react-slot';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { DayPicker } from 'react-day-picker';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -529,6 +529,45 @@ function BuildingIcon({ size = 24, ...props }) {
     }
   ) });
 }
+function LandmarkIcon({ size = 24, ...props }) {
+  return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M3 22h18M6 18v-7M10 18v-7M14 18v-7M18 18v-7M12 2 20 7 4 7Z",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function FolderUpIcon({ size = 24, ...props }) {
+  return /* @__PURE__ */ jsx(Icon, { size, ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M20 20a2 2 0 002-2V8a2 2 0 00-2-2h-7.9a2 2 0 01-1.69-.9L9.6 3.9A2 2 0 007.93 3H4a2 2 0 00-2 2v13a2 2 0 002 2ZM12 10v6M9 13l3-3 3 3",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function PenToolIcon({ size = 24, ...props }) {
+  return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M15.7 21.3a1 1 0 01-1.4 0l-1.6-1.6a1 1 0 010-1.4l5.6-5.6a1 1 0 011.4 0l1.6 1.6a1 1 0 010 1.4zM18 13l-1.4-6.9a1 1 0 00-.7-.8L3.2 2a1 1 0 00-1.2 1.2l3.3 12.7a1 1 0 00.8.7L13 18M2.3 2.3l7.3 7.3",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "2", stroke: "currentColor", strokeWidth: "1.5" })
+  ] });
+}
 function MapPinIcon({ size = 24, ...props }) {
   return /* @__PURE__ */ jsxs(Icon, { size, ...props, children: [
     /* @__PURE__ */ jsx(
@@ -2246,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 = React36.forwardRef(function Accordion2({ className, ...props }, ref) {
+var Accordion = React38.forwardRef(function Accordion2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     AccordionPrimitive.Root,
     {
@@ -2257,11 +2296,11 @@ var Accordion = React36.forwardRef(function Accordion2({ className, ...props },
   );
 });
 Accordion.displayName = AccordionPrimitive.Root.displayName;
-var AccordionItem = React36.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 = React36.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,
     {
@@ -2290,7 +2329,7 @@ var AccordionTrigger = React36.forwardRef(function AccordionTrigger2({ children,
   ) });
 });
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React36.forwardRef(function AccordionContent2({ children, className, ...props }, ref) {
+var AccordionContent = React38.forwardRef(function AccordionContent2({ children, className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     AccordionPrimitive.Content,
     {
@@ -2310,7 +2349,7 @@ AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogOverlay = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Overlay,
   {
     ref,
@@ -2325,7 +2364,7 @@ var AlertDialogOverlay = React36.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React36.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,
@@ -2360,7 +2399,7 @@ var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -2372,7 +2411,7 @@ var AlertDialogTitle = React36.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogDescription = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -2381,7 +2420,7 @@ var AlertDialogDescription = React36.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogAction = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -2397,7 +2436,7 @@ var AlertDialogAction = React36.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogCancel = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -2592,7 +2631,7 @@ var AreaChart = forwardRef(function AreaChart2({ data, height = 140, formatValue
   ] });
 });
 AreaChart.displayName = "AreaChart";
-var AspectRatio = React36.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,
     {
@@ -2604,6 +2643,292 @@ var AspectRatio = React36.forwardRef(function AspectRatio2({ className, ratio =
   );
 });
 AspectRatio.displayName = AspectRatioPrimitive.Root.displayName;
+var spinnerVariants = cva(
+  "inline-flex shrink-0 items-center justify-center [&_svg]:motion-reduce:animate-none",
+  {
+    variants: {
+      size: {
+        xs: "[&_svg]:size-3",
+        sm: "[&_svg]:size-4",
+        md: "[&_svg]:size-5",
+        lg: "[&_svg]:size-6"
+      },
+      tone: {
+        current: "text-current",
+        muted: "text-fg-3",
+        accent: "text-accent",
+        success: "text-success-fg",
+        warning: "text-warning-fg",
+        destructive: "text-danger-fg"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      tone: "current"
+    }
+  }
+);
+var Spinner = forwardRef(function Spinner2({ size, tone, label, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      ref,
+      role: label ? "status" : void 0,
+      "aria-live": label ? "polite" : void 0,
+      className: cn(spinnerVariants({ size, tone }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(LoaderIcon, { className: "animate-spin", "aria-hidden": "true" }),
+        label && /* @__PURE__ */ jsx("span", { className: "sr-only", children: label })
+      ]
+    }
+  );
+});
+Spinner.displayName = "Spinner";
+var buttonVariants = cva(
+  cn(
+    "inline-flex items-center justify-center rounded-btn font-medium whitespace-nowrap cursor-pointer",
+    "transition-[color,background-color,border-color,box-shadow] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
+    "focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)]",
+    "disabled:pointer-events-none disabled:bg-bg-disabled disabled:text-fg-disabled",
+    "motion-reduce:transition-none",
+    "[&_svg]:size-4 [&_svg]:shrink-0"
+  ),
+  {
+    variants: {
+      variant: {
+        primary: "bg-pro-fg text-fg-on-pro hover:bg-pro-hover active:bg-pro-active",
+        secondary: "bg-control-secondary-bg text-control-fg border border-control-border hover:bg-control-active-bg hover:border-control-border-strong",
+        destructive: "bg-danger-fg text-fg-on-danger hover:bg-danger-fg-hover active:bg-danger-fg-active",
+        success: "bg-success-fg text-fg-on-success hover:bg-success-fg-hover active:bg-success-fg-active",
+        ghost: "bg-control-bg text-control-fg hover:bg-control-hover-bg hover:text-control-hover-fg",
+        outline: "border border-control-border-strong bg-control-bg text-control-fg hover:bg-control-hover-bg hover:border-control-border-hover",
+        link: "bg-transparent text-accent underline-offset-4 hover:underline p-0 h-auto",
+        accent: "bg-accent text-fg-on-accent hover:bg-accent-hover active:bg-accent-active",
+        dashed: "border-2 border-dashed border-control-border bg-control-bg text-control-muted-fg hover:border-control-border-hover hover:bg-control-hover-bg hover:text-control-hover-fg"
+      },
+      size: {
+        sm: "h-8 px-3 text-[13px] gap-1.5",
+        md: "h-10 px-4 text-sm gap-2",
+        lg: "h-12 px-6 text-base gap-2",
+        // Icon-only sizes. Hit target ≥ 24px (WCAG 2.5.5 floor).
+        // `icon-xs` / `icon-sm` are for dense in-row action stacks where
+        // `size="icon"` (40×40) would visually crowd the row.
+        "icon-xs": "size-6 [&_svg]:size-3.5",
+        "icon-sm": "size-7 [&_svg]:size-4",
+        icon: "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+);
+var Button = forwardRef(function Button2({
+  variant,
+  size,
+  asChild = false,
+  loading,
+  iconLeft,
+  iconRight,
+  disabled,
+  children,
+  className,
+  ...props
+}, ref) {
+  const Comp = asChild ? Slot : "button";
+  if (asChild) {
+    return /* @__PURE__ */ jsx(Comp, { ref, className: cn(buttonVariants({ variant, size }), className), ...props, children });
+  }
+  return /* @__PURE__ */ jsxs(
+    Comp,
+    {
+      ref,
+      disabled: disabled || loading,
+      className: cn(buttonVariants({ variant, size }), className),
+      ...props,
+      children: [
+        loading ? /* @__PURE__ */ jsx(Spinner, { size: "sm" }) : iconLeft && /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0", "aria-hidden": "true", children: iconLeft }),
+        children,
+        iconRight && !loading && /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0", "aria-hidden": "true", children: iconRight })
+      ]
+    }
+  );
+});
+Button.displayName = "Button";
+var fileTypeBadgeVariants = cva(
+  cn(
+    "inline-grid shrink-0 select-none place-items-center",
+    "font-extrabold uppercase leading-none tracking-wide"
+  ),
+  {
+    variants: {
+      size: {
+        sm: "size-8 rounded-btn text-[9px]",
+        md: "size-10 rounded-card text-[10px]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var toneStyles = {
+  danger: "bg-danger-bg text-danger-fg",
+  info: "bg-accent-tint text-accent",
+  accent: "bg-accent-tint text-accent-2",
+  success: "bg-success-bg text-success-fg",
+  warning: "bg-warning-bg text-warning-fg",
+  neutral: "bg-surface-3 text-fg-3"
+};
+var EXT_TO_TYPE = {
+  pdf: "PDF",
+  img: "IMG",
+  image: "IMG",
+  png: "IMG",
+  jpg: "IMG",
+  jpeg: "IMG",
+  gif: "IMG",
+  svg: "IMG",
+  webp: "IMG",
+  heic: "IMG",
+  heif: "IMG",
+  bmp: "IMG",
+  tif: "IMG",
+  tiff: "IMG",
+  doc: "DOC",
+  docx: "DOC",
+  rtf: "DOC",
+  txt: "DOC",
+  odt: "DOC",
+  pages: "DOC",
+  xls: "XLS",
+  xlsx: "XLS",
+  ods: "XLS",
+  numbers: "XLS",
+  csv: "CSV",
+  ppt: "PPT",
+  pptx: "PPT",
+  odp: "PPT",
+  key: "PPT",
+  zip: "ZIP",
+  rar: "ZIP",
+  "7z": "ZIP",
+  tar: "ZIP",
+  gz: "ZIP",
+  gzip: "ZIP"
+};
+var TYPE_TO_TONE = {
+  PDF: "danger",
+  IMG: "info",
+  DOC: "accent",
+  XLS: "success",
+  CSV: "success",
+  PPT: "warning",
+  ZIP: "neutral"
+};
+function normalizeFileType(input) {
+  const key = input.trim().toLowerCase().replace(/^\.+/, "");
+  if (!key) return "FILE";
+  return EXT_TO_TYPE[key] ?? key.toUpperCase().slice(0, 3);
+}
+function fileTypeFromName(fileName) {
+  const dot = fileName.lastIndexOf(".");
+  const ext = dot >= 0 && dot < fileName.length - 1 ? fileName.slice(dot + 1) : "";
+  return normalizeFileType(ext);
+}
+var FileTypeBadge = forwardRef(function FileTypeBadge2({ format: format2, type, fileName, tone = "auto", size, className, "aria-label": ariaLabel, ...props }, ref) {
+  const raw = format2 ?? type ?? (fileName != null ? fileTypeFromName(fileName) : void 0) ?? "FILE";
+  const code = normalizeFileType(raw);
+  const resolvedTone = tone !== "auto" ? tone : TYPE_TO_TONE[code] ?? "neutral";
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      role: "img",
+      "aria-label": ariaLabel ?? `${code} file`,
+      className: cn(fileTypeBadgeVariants({ size }), toneStyles[resolvedTone], className),
+      ...props,
+      children: code
+    }
+  );
+});
+FileTypeBadge.displayName = "FileTypeBadge";
+var attachmentChipVariants = cva(
+  cn(
+    "flex items-center gap-3 rounded-card border px-3 py-2.5 text-left",
+    "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none"
+  ),
+  {
+    variants: {
+      variant: {
+        default: "border-rule bg-surface hover:bg-bg-2",
+        onAccent: "border-white/25 bg-white/15 hover:bg-white/25"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function deriveFileType(name) {
+  const dot = name.lastIndexOf(".");
+  if (dot === -1 || dot === name.length - 1) return "FILE";
+  return name.slice(dot + 1).toUpperCase();
+}
+var AttachmentChip = forwardRef(
+  function AttachmentChip2({ name, fileType, meta, onView, onDownload, href, variant, className, ...props }, ref) {
+    const resolvedType = fileType ?? deriveFileType(name);
+    const onAccent = variant === "onAccent";
+    const actionClassName = onAccent ? "text-fg-on-pro hover:bg-white/20 hover:text-fg-on-pro" : void 0;
+    const showView = Boolean(onView) || Boolean(href);
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn(attachmentChipVariants({ variant }), className), ...props, children: [
+      /* @__PURE__ */ jsx(FileTypeBadge, { format: resolvedType, size: "md", className: "shrink-0" }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx("p", { className: cn("truncate text-sm font-medium", onAccent ? "text-fg-on-pro" : "text-fg"), children: name }),
+        meta && /* @__PURE__ */ jsx("p", { className: cn("truncate text-xs", onAccent ? "text-fg-on-pro/75" : "text-fg-3"), children: meta })
+      ] }),
+      (showView || onDownload) && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [
+        showView && (onView ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon-sm",
+            "aria-label": `View ${name}`,
+            onClick: onView,
+            className: actionClassName,
+            children: /* @__PURE__ */ jsx(EyeIcon, { size: 16 })
+          }
+        ) : /* @__PURE__ */ jsx(
+          Button,
+          {
+            asChild: true,
+            variant: "ghost",
+            size: "icon-sm",
+            "aria-label": `View ${name}`,
+            className: actionClassName,
+            children: /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsx(EyeIcon, { size: 16 }) })
+          }
+        )),
+        onDownload && /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon-sm",
+            "aria-label": `Download ${name}`,
+            onClick: onDownload,
+            className: actionClassName,
+            children: /* @__PURE__ */ jsx(DownloadIcon, { size: 16 })
+          }
+        )
+      ] })
+    ] });
+  }
+);
+AttachmentChip.displayName = "AttachmentChip";
 var avatarVariants = cva(
   cn(
     "relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full",
@@ -2645,7 +2970,7 @@ var statusDotSizes = {
 function getInitials(name) {
   return name.split(" ").map((part) => part[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
 }
-var Avatar = React36.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";
@@ -2869,142 +3194,28 @@ var BreadcrumbSeparator = forwardRef(
   }
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-var spinnerVariants = cva(
-  "inline-flex shrink-0 items-center justify-center [&_svg]:motion-reduce:animate-none",
-  {
-    variants: {
-      size: {
-        xs: "[&_svg]:size-3",
-        sm: "[&_svg]:size-4",
-        md: "[&_svg]:size-5",
-        lg: "[&_svg]:size-6"
-      },
-      tone: {
-        current: "text-current",
-        muted: "text-fg-3",
-        accent: "text-accent",
-        success: "text-success-fg",
-        warning: "text-warning-fg",
-        destructive: "text-danger-fg"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      tone: "current"
-    }
-  }
-);
-var Spinner = forwardRef(function Spinner2({ size, tone, label, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      ref,
-      role: label ? "status" : void 0,
-      "aria-live": label ? "polite" : void 0,
-      className: cn(spinnerVariants({ size, tone }), className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(LoaderIcon, { className: "animate-spin", "aria-hidden": "true" }),
-        label && /* @__PURE__ */ jsx("span", { className: "sr-only", children: label })
-      ]
-    }
-  );
-});
-Spinner.displayName = "Spinner";
-var buttonVariants = cva(
-  cn(
-    "inline-flex items-center justify-center rounded-btn font-medium whitespace-nowrap cursor-pointer",
-    "transition-[color,background-color,border-color,box-shadow] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
-    "focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)]",
-    "disabled:pointer-events-none disabled:bg-bg-disabled disabled:text-fg-disabled",
-    "motion-reduce:transition-none",
-    "[&_svg]:size-4 [&_svg]:shrink-0"
-  ),
-  {
-    variants: {
-      variant: {
-        primary: "bg-pro-fg text-fg-on-pro hover:bg-pro-hover active:bg-pro-active",
-        secondary: "bg-control-secondary-bg text-control-fg border border-control-border hover:bg-control-active-bg hover:border-control-border-strong",
-        destructive: "bg-danger-fg text-fg-on-danger hover:bg-danger-fg-hover active:bg-danger-fg-active",
-        success: "bg-success-fg text-fg-on-success hover:bg-success-fg-hover active:bg-success-fg-active",
-        ghost: "bg-control-bg text-control-fg hover:bg-control-hover-bg hover:text-control-hover-fg",
-        outline: "border border-control-border-strong bg-control-bg text-control-fg hover:bg-control-hover-bg hover:border-control-border-hover",
-        link: "bg-transparent text-accent underline-offset-4 hover:underline p-0 h-auto",
-        accent: "bg-accent text-fg-on-accent hover:bg-accent-hover active:bg-accent-active",
-        dashed: "border-2 border-dashed border-control-border bg-control-bg text-control-muted-fg hover:border-control-border-hover hover:bg-control-hover-bg hover:text-control-hover-fg"
-      },
-      size: {
-        sm: "h-8 px-3 text-[13px] gap-1.5",
-        md: "h-10 px-4 text-sm gap-2",
-        lg: "h-12 px-6 text-base gap-2",
-        // Icon-only sizes. Hit target ≥ 24px (WCAG 2.5.5 floor).
-        // `icon-xs` / `icon-sm` are for dense in-row action stacks where
-        // `size="icon"` (40×40) would visually crowd the row.
-        "icon-xs": "size-6 [&_svg]:size-3.5",
-        "icon-sm": "size-7 [&_svg]:size-4",
-        icon: "size-10"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md"
-    }
-  }
-);
-var Button = forwardRef(function Button2({
-  variant,
-  size,
-  asChild = false,
-  loading,
-  iconLeft,
-  iconRight,
-  disabled,
-  children,
-  className,
-  ...props
-}, ref) {
-  const Comp = asChild ? Slot : "button";
-  if (asChild) {
-    return /* @__PURE__ */ jsx(Comp, { ref, className: cn(buttonVariants({ variant, size }), className), ...props, children });
-  }
-  return /* @__PURE__ */ jsxs(
-    Comp,
-    {
-      ref,
-      disabled: disabled || loading,
-      className: cn(buttonVariants({ variant, size }), className),
-      ...props,
-      children: [
-        loading ? /* @__PURE__ */ jsx(Spinner, { size: "sm" }) : iconLeft && /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0", "aria-hidden": "true", children: iconLeft }),
-        children,
-        iconRight && !loading && /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0", "aria-hidden": "true", children: iconRight })
-      ]
-    }
-  );
-});
-Button.displayName = "Button";
-var HIGHLIGHT_COLORS = {
-  primary: "after:bg-pro-fg",
-  success: "after:bg-success-fg",
-  warning: "after:bg-warning-fg",
-  destructive: "after:bg-danger-fg"
-};
-var DOT_BASE = "after:content-[''] after:absolute after:bottom-1 after:left-1/2 after:size-1 after:-translate-x-1/2 after:rounded-full";
-function Calendar({
-  selected,
-  onSelect,
-  highlights = [],
-  minDate,
-  maxDate,
-  className,
-  classNames,
-  ...props
-}) {
-  const { modifiers, modifiersClassNames } = React36.useMemo(() => {
-    const buckets = {};
-    for (const h of highlights) {
-      const key = h.color ?? "primary";
-      (buckets[key] ??= []).push(h.date);
+var HIGHLIGHT_COLORS = {
+  primary: "after:bg-pro-fg",
+  success: "after:bg-success-fg",
+  warning: "after:bg-warning-fg",
+  destructive: "after:bg-danger-fg"
+};
+var DOT_BASE = "after:content-[''] after:absolute after:bottom-1 after:left-1/2 after:size-1 after:-translate-x-1/2 after:rounded-full";
+function Calendar({
+  selected,
+  onSelect,
+  highlights = [],
+  minDate,
+  maxDate,
+  className,
+  classNames,
+  ...props
+}) {
+  const { modifiers, modifiersClassNames } = React38.useMemo(() => {
+    const buckets = {};
+    for (const h of highlights) {
+      const key = h.color ?? "primary";
+      (buckets[key] ??= []).push(h.date);
     }
     const mods = {};
     const modClasses = {};
@@ -3015,7 +3226,7 @@ function Calendar({
     }
     return { modifiers: mods, modifiersClassNames: modClasses };
   }, [highlights]);
-  const disabledMatcher = React36.useMemo(() => {
+  const disabledMatcher = React38.useMemo(() => {
     if (!minDate && !maxDate) return void 0;
     if (minDate && maxDate) return [{ before: minDate }, { after: maxDate }];
     if (minDate) return { before: minDate };
@@ -3147,7 +3358,42 @@ var CardAction = forwardRef(
   }
 );
 CardAction.displayName = "CardAction";
-var Checkbox = React36.forwardRef(function Checkbox2({
+var categoryTagVariants = cva(
+  cn(
+    "inline-flex shrink-0 items-center gap-1.5 rounded-full px-2.5 py-1",
+    "text-xs font-bold tracking-tight"
+  ),
+  {
+    variants: {
+      tone: {
+        brand: "text-brand-pro bg-[color-mix(in_srgb,var(--color-brand-pro)_12%,transparent)]",
+        audit: "text-brand-audit bg-[color-mix(in_srgb,var(--color-brand-audit)_12%,transparent)]",
+        books: "text-brand-books bg-[color-mix(in_srgb,var(--color-brand-books)_12%,transparent)]",
+        tax: "text-brand-tax bg-[color-mix(in_srgb,var(--color-brand-tax)_12%,transparent)]",
+        neutral: "text-fg-3 bg-[color-mix(in_srgb,var(--color-fg-3)_12%,transparent)]"
+      }
+    },
+    defaultVariants: { tone: "neutral" }
+  }
+);
+var CategoryTag = forwardRef(function CategoryTag2({ label, icon, tone, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs("span", { ref, className: cn(categoryTagVariants({ tone }), className), ...props, children: [
+    icon && /* @__PURE__ */ jsx("span", { className: "inline-flex size-3.5 shrink-0", "aria-hidden": "true", children: icon }),
+    label
+  ] });
+});
+CategoryTag.displayName = "CategoryTag";
+var CategoryDivider = forwardRef(
+  function CategoryDivider2({ label, icon, tone, count, className, ...props }, ref) {
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex items-center gap-3", className), ...props, children: [
+      /* @__PURE__ */ jsx(CategoryTag, { label, icon, tone }),
+      /* @__PURE__ */ jsx("span", { className: "bg-rule h-px flex-1", "aria-hidden": "true" }),
+      count !== void 0 && /* @__PURE__ */ jsx("span", { className: "text-fg-3 bg-surface-2 border-rule inline-flex h-5 min-w-5 shrink-0 items-center justify-center rounded-full border px-1.5 text-[11px] font-bold", children: count })
+    ] });
+  }
+);
+CategoryDivider.displayName = "CategoryDivider";
+var Checkbox = React38.forwardRef(function Checkbox2({
   label,
   indeterminate,
   checked,
@@ -3157,7 +3403,7 @@ var Checkbox = React36.forwardRef(function Checkbox2({
   id: providedId,
   ...props
 }, ref) {
-  const generatedId = React36.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: [
@@ -3198,7 +3444,7 @@ Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 var SelectRoot = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -3229,7 +3475,7 @@ var SelectTrigger = React36.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -3239,7 +3485,7 @@ var SelectScrollUpButton = React36.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -3249,7 +3495,7 @@ var SelectScrollDownButton = React36.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React36.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,
@@ -3283,7 +3529,7 @@ var SelectContent = React36.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -3295,7 +3541,7 @@ var SelectLabel = React36.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -3316,7 +3562,7 @@ var SelectItem = React36.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -3401,11 +3647,11 @@ function ClientSelect({
   ] });
 }
 ClientSelect.displayName = "ClientSelect";
-var Collapsible = React36.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 = React36.forwardRef(function CollapsibleTrigger2({ className, ...props }, ref) {
+var CollapsibleTrigger = React38.forwardRef(function CollapsibleTrigger2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     CollapsiblePrimitive.Trigger,
     {
@@ -3420,7 +3666,7 @@ var CollapsibleTrigger = React36.forwardRef(function CollapsibleTrigger2({ class
   );
 });
 CollapsibleTrigger.displayName = CollapsiblePrimitive.Trigger.displayName;
-var CollapsibleContent = React36.forwardRef(function CollapsibleContent2({ className, ...props }, ref) {
+var CollapsibleContent = React38.forwardRef(function CollapsibleContent2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     CollapsiblePrimitive.Content,
     {
@@ -3497,7 +3743,7 @@ ComingSoon.displayName = "ComingSoon";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -3518,7 +3764,7 @@ var dialogSizeStyles = {
   lg: "max-w-2xl",
   full: "max-w-[calc(100vw-2rem)]"
 };
-var DialogContent = React36.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,
@@ -3559,7 +3805,7 @@ var DialogContent = React36.forwardRef(({ size = "md", showCloseButton = true, c
   )
 ] }));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogClose = React36.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";
@@ -3574,7 +3820,7 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -3586,7 +3832,7 @@ var DialogTitle = React36.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -3616,17 +3862,17 @@ function CommandPalette({
   onOpenChange,
   placeholder = "Type a command or search..."
 }) {
-  const [internalOpen, setInternalOpen] = React36.useState(false);
+  const [internalOpen, setInternalOpen] = React38.useState(false);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : internalOpen;
-  const setOpen = React36.useCallback(
+  const setOpen = React38.useCallback(
     (value) => {
       if (!isControlled) setInternalOpen(value);
       onOpenChange?.(value);
     },
     [isControlled, onOpenChange]
   );
-  React36.useEffect(() => {
+  React38.useEffect(() => {
     function handleKeyDown(e) {
       if ((e.metaKey || e.ctrlKey) && e.key === "k") {
         e.preventDefault();
@@ -3781,10 +4027,10 @@ function ConfirmActionButton({
   onOpenChange
 }) {
   const isControlled = open !== void 0;
-  const [uncontrolledOpen, setUncontrolledOpen] = React36.useState(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React38.useState(defaultOpen);
   const resolvedOpen = isControlled ? open : uncontrolledOpen;
-  const [pending, setPending] = React36.useState(false);
-  const setDialogOpen = React36.useCallback(
+  const [pending, setPending] = React38.useState(false);
+  const setDialogOpen = React38.useCallback(
     (nextOpen) => {
       onOpenChange?.(nextOpen);
       if (!isControlled) {
@@ -3843,7 +4089,7 @@ var ContextMenuGroup = ContextMenuPrimitive.Group;
 var ContextMenuPortal = ContextMenuPrimitive.Portal;
 var ContextMenuSub = ContextMenuPrimitive.Sub;
 var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
-var ContextMenuSubTrigger = React36.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ContextMenuSubTrigger = React38.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -3864,7 +4110,7 @@ var ContextMenuSubTrigger = React36.forwardRef(({ className, inset, children, ..
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React36.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
@@ -3887,7 +4133,7 @@ var ContextMenuSubContent = React36.forwardRef(({ className, ...props }, ref) =>
   ) })
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React36.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,
@@ -3903,7 +4149,7 @@ var ContextMenuContent = React36.forwardRef(({ className, ...props }, ref) => /*
   }
 ) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React36.forwardRef(({ className, destructive, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var ContextMenuItem = React38.forwardRef(({ className, destructive, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -3921,7 +4167,7 @@ var ContextMenuItem = React36.forwardRef(({ className, destructive, inset, ...pr
   }
 ));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React36.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ContextMenuCheckboxItem = React38.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -3941,7 +4187,7 @@ var ContextMenuCheckboxItem = React36.forwardRef(({ className, children, checked
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ContextMenuRadioItem = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -3960,7 +4206,7 @@ var ContextMenuRadioItem = React36.forwardRef(({ className, children, ...props }
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React36.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var ContextMenuLabel = React38.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -3973,7 +4219,7 @@ var ContextMenuLabel = React36.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var ContextMenuSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ContextMenuPrimitive.Separator,
   {
     ref,
@@ -4068,7 +4314,7 @@ var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
 var PopoverPortal = PopoverPrimitive.Portal;
 var PopoverClose = PopoverPrimitive.Close;
-var PopoverContent = React36.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,
@@ -4613,7 +4859,7 @@ var chipVariants = cva(
     }
   }
 );
-var DismissibleChip = React36.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",
     {
@@ -4630,6 +4876,29 @@ var DismissibleChip = React36.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)",
@@ -4753,7 +5022,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React36.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuSubTrigger = React38.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -4774,7 +5043,7 @@ var DropdownMenuSubTrigger = React36.forwardRef(({ className, inset, children, .
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React36.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
@@ -4797,7 +5066,7 @@ var DropdownMenuSubContent = React36.forwardRef(({ className, ...props }, ref) =
   ) })
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React36.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,
@@ -4815,7 +5084,7 @@ var DropdownMenuContent = React36.forwardRef(({ className, sideOffset = 6, align
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React36.forwardRef(({ className, destructive, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuItem = React38.forwardRef(({ className, destructive, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -4833,7 +5102,7 @@ var DropdownMenuItem = React36.forwardRef(({ className, destructive, inset, ...p
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React36.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuCheckboxItem = React38.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -4853,7 +5122,7 @@ var DropdownMenuCheckboxItem = React36.forwardRef(({ className, children, checke
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuRadioItem = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -4872,7 +5141,7 @@ var DropdownMenuRadioItem = React36.forwardRef(({ className, children, ...props
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React36.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuLabel = React38.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -4885,7 +5154,7 @@ var DropdownMenuLabel = React36.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -5138,7 +5407,7 @@ FormSection.displayName = "FormSection";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
 var HoverCardPortal = HoverCardPrimitive.Portal;
-var HoverCardContent = React36.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,
@@ -5157,6 +5426,40 @@ var HoverCardContent = React36.forwardRef(({ className, align = "center", side =
   }
 ) }));
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+var iconTileVariants = cva(
+  cn("relative grid shrink-0 place-items-center", "[&_svg]:shrink-0"),
+  {
+    variants: {
+      tone: {
+        pro: "bg-pro-bg text-pro-fg",
+        neutral: "bg-bg-2 text-fg-3",
+        info: "bg-accent-tint text-accent-2",
+        success: "bg-success-bg text-success-fg",
+        warning: "bg-warning-bg text-warning-fg",
+        danger: "bg-danger-bg text-danger-fg",
+        audit: "bg-[color-mix(in_srgb,var(--color-brand-audit)_12%,transparent)] text-brand-audit",
+        books: "bg-[color-mix(in_srgb,var(--color-brand-books)_12%,transparent)] text-brand-books",
+        tax: "bg-[color-mix(in_srgb,var(--color-brand-tax)_12%,transparent)] text-brand-tax"
+      },
+      size: {
+        sm: "size-[30px] rounded-[8px] [&_svg]:size-4",
+        md: "size-[38px] rounded-[10px] [&_svg]:size-[18px]",
+        lg: "size-[42px] rounded-[12px] [&_svg]:size-5"
+      }
+    },
+    defaultVariants: {
+      tone: "pro",
+      size: "md"
+    }
+  }
+);
+var IconTile = forwardRef(function IconTile2({ icon, tone, size, badge, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn(iconTileVariants({ tone, size }), className), ...props, children: [
+    icon,
+    badge != null && /* @__PURE__ */ jsx("span", { className: "absolute -top-1.5 -right-1.5 z-10 flex", children: badge })
+  ] });
+});
+IconTile.displayName = "IconTile";
 var inputVariants = cva(
   [
     "flex w-full rounded-input border bg-surface font-body text-fg",
@@ -5276,8 +5579,8 @@ function KeyboardShortcutsDialog({
   sections,
   hotkey = "?"
 } = {}) {
-  const [open, setOpen] = React36.useState(false);
-  React36.useEffect(() => {
+  const [open, setOpen] = React38.useState(false);
+  React38.useEffect(() => {
     if (hotkey === null) return;
     function handleKeyDown(e) {
       const target = e.target;
@@ -5315,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(React36.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)) })
@@ -5334,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 = React36.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,
@@ -5500,6 +5803,80 @@ function Logo({
     }
   );
 }
+var MasterDetailLayout = forwardRef(
+  function MasterDetailLayout2({
+    list,
+    detail,
+    detailOpen = false,
+    onBack,
+    backLabel = "Back",
+    listWidth = 340,
+    className,
+    style,
+    ...props
+  }, ref) {
+    const resolvedWidth = typeof listWidth === "number" ? `${listWidth}px` : listWidth;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-detail-open": detailOpen ? "true" : "false",
+        className: cn(
+          "bg-surface relative flex h-full min-h-0 w-full overflow-hidden",
+          className
+        ),
+        style: { "--master-list-width": resolvedWidth, ...style },
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "bg-surface flex min-h-0 w-full flex-col overflow-auto",
+                "md:w-[var(--master-list-width)] md:shrink-0 md:border-rule md:border-r"
+              ),
+              children: list
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "bg-surface-2 flex min-h-0 flex-col overflow-auto",
+                // mobile: overlay the list and slide in from the right
+                "max-md:absolute max-md:inset-0 max-md:z-[var(--z-modal)]",
+                "max-md:transition-transform max-md:duration-[var(--duration-normal)] max-md:ease-[var(--ease-out-quart)]",
+                "motion-reduce:transition-none",
+                detailOpen ? "max-md:translate-x-0" : "max-md:pointer-events-none max-md:translate-x-full",
+                // desktop: reset to a static, independently-scrolling flex column
+                "md:static md:z-auto md:flex-1 md:translate-x-0 md:transition-none md:pointer-events-auto"
+              ),
+              children: [
+                onBack && /* @__PURE__ */ jsx("div", { className: "border-rule bg-surface sticky top-0 z-[var(--z-sticky)] flex h-12 shrink-0 items-center border-b px-2 md:hidden", children: /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: onBack,
+                    "aria-label": backLabel,
+                    className: cn(
+                      "rounded-icon text-fg-3 inline-flex size-9 items-center justify-center",
+                      "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+                      "hover:bg-surface-2 hover:text-fg",
+                      "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none"
+                    ),
+                    children: /* @__PURE__ */ jsx(ArrowLeftIcon, { className: "size-4", "aria-hidden": "true" })
+                  }
+                ) }),
+                detail
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+MasterDetailLayout.displayName = "MasterDetailLayout";
 var TRIGGER_SIZE = {
   sm: "h-8 gap-1.5 px-2.5 text-[13px]",
   md: "h-9 gap-2 px-3 text-sm",
@@ -5665,7 +6042,7 @@ function MultiSelectField({
   size = "md",
   id
 }) {
-  const selected = React36.useMemo(
+  const selected = React38.useMemo(
     () => new Set(value ? value.split(",").filter(Boolean) : []),
     [value]
   );
@@ -5678,7 +6055,7 @@ function MultiSelectField({
     }
     onChange(Array.from(next).join(","));
   };
-  const generatedId = React36.useId();
+  const generatedId = React38.useId();
   const groupId = id ?? generatedId;
   return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), children: [
     /* @__PURE__ */ jsx(
@@ -6507,12 +6884,12 @@ var ProgressRing = forwardRef(function ProgressRing2({ value, max = 100, size =
   );
 });
 ProgressRing.displayName = "ProgressRing";
-var RadioGroup3 = React36.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 = React36.forwardRef(function RadioGroupItem2({ className, label, id: providedId, ...props }, ref) {
-  const generatedId = React36.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,
@@ -6597,47 +6974,257 @@ var RankedBars = forwardRef(function RankedBars2({ items, className, ...props },
   }) });
 });
 RankedBars.displayName = "RankedBars";
-var ScrollArea = React36.forwardRef(function ScrollArea2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsxs(
-    ScrollAreaPrimitive.Root,
-    {
-      ref,
-      className: cn("relative overflow-hidden", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          ScrollAreaPrimitive.Viewport,
-          {
-            tabIndex: 0,
-            className: "h-full w-full rounded-[inherit] focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
-            children
-          }
+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 = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "bg-overlay fixed inset-0 z-[var(--z-overlay)] backdrop-blur-[4px]",
+      "transition-opacity duration-[var(--duration-overlay)] ease-[var(--ease-out-quart)]",
+      "data-[state=closed]:opacity-0 data-[state=open]:opacity-100",
+      "motion-reduce:transition-none",
+      className
+    ),
+    ...props
+  }
+));
+SheetOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var sheetVariants = cva(
+  cn(
+    "fixed z-[var(--z-modal)] flex flex-col gap-4 bg-surface text-fg shadow-pop",
+    "transition ease-in-out duration-[var(--duration-normal)] ease-[var(--ease-out-quart)]",
+    "motion-reduce:transition-none"
+  ),
+  {
+    variants: {
+      side: {
+        top: cn(
+          "inset-x-0 top-0 border-b border-rule",
+          "data-[state=closed]:-translate-y-full data-[state=open]:translate-y-0"
         ),
-        /* @__PURE__ */ jsx(ScrollBar, {}),
-        /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
-      ]
-    }
-  );
-});
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React36.forwardRef(function ScrollBar2({ className, orientation = "vertical", ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    ScrollAreaPrimitive.ScrollAreaScrollbar,
-    {
-      ref,
-      orientation,
-      className: cn(
-        "flex touch-none transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] select-none motion-reduce:transition-none",
-        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        ScrollAreaPrimitive.ScrollAreaThumb,
-        {
-          className: cn(
-            "bg-rule-strong relative flex-1 rounded-full",
+        bottom: cn(
+          "inset-x-0 bottom-0 border-t border-rule max-h-[85vh]",
+          "data-[state=closed]:translate-y-full data-[state=open]:translate-y-0"
+        ),
+        left: cn(
+          "inset-y-0 left-0 h-full w-3/4 max-w-sm border-r border-rule",
+          "data-[state=closed]:-translate-x-full data-[state=open]:translate-x-0"
+        ),
+        right: cn(
+          "inset-y-0 right-0 h-full w-3/4 max-w-sm border-l border-rule",
+          "data-[state=closed]:translate-x-full data-[state=open]:translate-x-0"
+        )
+      }
+    },
+    defaultVariants: { side: "right" }
+  }
+);
+var sheetWidthClasses = {
+  sm: "w-[95vw] max-w-[95vw] sm:w-[420px]",
+  md: "w-[95vw] max-w-[95vw] sm:w-[520px]",
+  lg: "w-[95vw] max-w-[95vw] sm:w-[640px]",
+  xl: "w-[95vw] max-w-[95vw] sm:w-[760px]",
+  full: "w-full max-w-none"
+};
+var SheetContent = React38.forwardRef(
+  ({ side, width = "default", customWidth, className, children, showCloseButton = true, style, ...props }, ref) => {
+    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;
+    const widthStyle = supportsWidth && customWidth ? { width: customWidth, maxWidth: "95vw", ...style } : style;
+    return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+      /* @__PURE__ */ jsx(SheetOverlay, {}),
+      /* @__PURE__ */ jsxs(
+        DialogPrimitive.Content,
+        {
+          ref,
+          className: cn(sheetVariants({ side: resolvedSide }), widthClass, className),
+          style: widthStyle,
+          ...props,
+          children: [
+            children,
+            showCloseButton && /* @__PURE__ */ jsx(
+              DialogPrimitive.Close,
+              {
+                className: cn(
+                  "absolute top-4 right-4 inline-flex size-7 items-center justify-center",
+                  "rounded-icon text-fg-4 transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+                  "hover:bg-overlay-hover hover:text-fg",
+                  "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
+                  "disabled:pointer-events-none"
+                ),
+                "aria-label": "Close",
+                children: /* @__PURE__ */ jsx(XIcon, { className: "size-4", "aria-hidden": "true" })
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+SheetContent.displayName = DialogPrimitive.Content.displayName;
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-1.5 p-6 pr-12 pb-0", className), ...props });
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "border-rule mt-auto flex flex-col-reverse gap-2 border-t p-6 sm:flex-row sm:items-center sm:justify-end",
+      className
+    ),
+    ...props
+  }
+);
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn(
+      "font-display text-fg text-base leading-tight font-medium tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+SheetTitle.displayName = DialogPrimitive.Title.displayName;
+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] = React38.useState({ isMobile: false, mounted: false });
+  React38.useEffect(() => {
+    const mql = window.matchMedia(MOBILE_QUERY);
+    const update = () => setState({ isMobile: mql.matches, mounted: true });
+    update();
+    mql.addEventListener("change", update);
+    return () => mql.removeEventListener("change", update);
+  }, []);
+  return state;
+}
+function ResponsiveDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  children,
+  footer,
+  className,
+  side = "bottom",
+  size = "md"
+}) {
+  const { isMobile, mounted } = useIsMobile();
+  const close = React38.useCallback(() => onOpenChange(false), [onOpenChange]);
+  const resolvedFooter = typeof footer === "function" ? footer(close) : footer;
+  const hasHeader = Boolean(title || description);
+  if (mounted && isMobile) {
+    return /* @__PURE__ */ jsx(Sheet, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+      SheetContent,
+      {
+        side,
+        className: cn(side === "bottom" && "rounded-t-card", className),
+        children: [
+          side === "bottom" && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "mx-auto mt-2.5 h-1 w-9 shrink-0 rounded-full bg-[color:var(--color-rule-strong)]"
+            }
+          ),
+          hasHeader ? /* @__PURE__ */ jsxs(SheetHeader, { children: [
+            /* @__PURE__ */ jsx(SheetTitle, { className: cn(!title && "sr-only"), children: title ?? "Dialog" }),
+            description && /* @__PURE__ */ jsx(SheetDescription, { children: description })
+          ] }) : /* @__PURE__ */ jsx(SheetTitle, { className: "sr-only", children: "Dialog" }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "scrollbar-thin flex-1 overflow-y-auto px-6",
+                !resolvedFooter && "pb-6"
+              ),
+              children
+            }
+          ),
+          resolvedFooter && /* @__PURE__ */ jsx(SheetFooter, { children: resolvedFooter })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { size, className, children: [
+    hasHeader ? /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { className: cn(!title && "sr-only"), children: title ?? "Dialog" }),
+      description && /* @__PURE__ */ jsx(DialogDescription, { children: description })
+    ] }) : /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: "Dialog" }),
+    children,
+    resolvedFooter && /* @__PURE__ */ jsx(DialogFooter, { children: resolvedFooter })
+  ] }) });
+}
+ResponsiveDialog.displayName = "ResponsiveDialog";
+var RouteTransition = forwardRef(
+  function RouteTransition2({ routeKey, className, children, ...props }, ref) {
+    return /* @__PURE__ */ jsx("div", { ref, className: cn(className), ...props, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "animate-in fade-in-0 slide-in-from-bottom-2",
+          "duration-[var(--duration-normal)] ease-[var(--ease-out-quart)]"
+        ),
+        children
+      },
+      routeKey
+    ) });
+  }
+);
+RouteTransition.displayName = "RouteTransition";
+var ScrollArea = React38.forwardRef(function ScrollArea2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    ScrollAreaPrimitive.Root,
+    {
+      ref,
+      className: cn("relative overflow-hidden", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollAreaPrimitive.Viewport,
+          {
+            tabIndex: 0,
+            className: "h-full w-full rounded-[inherit] focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(ScrollBar, {}),
+        /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+      ]
+    }
+  );
+});
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React38.forwardRef(function ScrollBar2({ className, orientation = "vertical", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    ScrollAreaPrimitive.ScrollAreaScrollbar,
+    {
+      ref,
+      orientation,
+      className: cn(
+        "flex touch-none transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] select-none motion-reduce:transition-none",
+        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ScrollAreaPrimitive.ScrollAreaThumb,
+        {
+          className: cn(
+            "bg-rule-strong relative flex-1 rounded-full",
             "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
             "motion-reduce:transition-none",
             "hover:bg-fg-4"
@@ -6685,7 +7272,7 @@ var searchInputVariants = cva(
     }
   }
 );
-var SearchInput = React36.forwardRef(
+var SearchInput = React38.forwardRef(
   function SearchInput2({
     value,
     onValueChange,
@@ -6698,8 +7285,8 @@ var SearchInput = React36.forwardRef(
     ...props
   }, ref) {
     const debouncedValue = useDebounce(value, debounceMs);
-    const isFirstRender = React36.useRef(true);
-    React36.useEffect(() => {
+    const isFirstRender = React38.useRef(true);
+    React38.useEffect(() => {
       if (isFirstRender.current) {
         isFirstRender.current = false;
         return;
@@ -6777,15 +7364,15 @@ function SearchSelect({
   descriptionVariant = "inline"
 }) {
   const isSingleMode = value !== void 0 || onValueChange !== void 0;
-  const singleSelectedOption = React36.useMemo(
+  const singleSelectedOption = React38.useMemo(
     () => isSingleMode && value ? options.find((o) => o.id === value) ?? null : null,
     [isSingleMode, value, options]
   );
-  const selected = React36.useMemo(
+  const selected = React38.useMemo(
     () => isSingleMode ? singleSelectedOption ? [singleSelectedOption] : [] : selectedProp ?? [],
     [isSingleMode, singleSelectedOption, selectedProp]
   );
-  const onSelect = React36.useCallback(
+  const onSelect = React38.useCallback(
     (option) => {
       if (isSingleMode) {
         onValueChange?.(option.id);
@@ -6795,7 +7382,7 @@ function SearchSelect({
     },
     [isSingleMode, onValueChange, onSelectProp]
   );
-  const onRemove = React36.useCallback(
+  const onRemove = React38.useCallback(
     (option) => {
       if (isSingleMode) {
         onValueChange?.("");
@@ -6806,15 +7393,15 @@ function SearchSelect({
     [isSingleMode, onValueChange, onRemoveProp]
   );
   const closeOnSelect = isSingleMode || closeOnSelectProp;
-  const [search, setSearch] = React36.useState("");
-  const [open, setOpen] = React36.useState(false);
-  const [activeChip, setActiveChip] = React36.useState(null);
-  const selectedIds = React36.useMemo(() => new Set(selected.map((s) => s.id)), [selected]);
-  const filtered = React36.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 = React36.useMemo(() => {
+  const groups = React38.useMemo(() => {
     const order = [];
     const byGroup = /* @__PURE__ */ new Map();
     for (const opt of filtered) {
@@ -6826,25 +7413,25 @@ function SearchSelect({
     }
     return order.map((g) => [g, byGroup.get(g)]);
   }, [filtered]);
-  const hasGroups = React36.useMemo(() => groups.some(([g]) => g != null), [groups]);
-  const pinnedSet = React36.useMemo(() => new Set(pinnedGroups ?? []), [pinnedGroups]);
-  const chips = React36.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 = React36.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 = React36.useMemo(
+  const hasExactMatch = React38.useMemo(
     () => options.some((opt) => opt.label.toLowerCase() === trimmedSearch.toLowerCase()),
     [options, trimmedSearch]
   );
   const showCreate = !!onCreate && trimmedSearch.length > 0 && !hasExactMatch;
-  const handleSelect = React36.useCallback(
+  const handleSelect = React38.useCallback(
     (option) => {
       onSelect(option);
       setSearch("");
@@ -6852,16 +7439,16 @@ function SearchSelect({
     },
     [onSelect, closeOnSelect]
   );
-  const handleCreate = React36.useCallback(() => {
+  const handleCreate = React38.useCallback(() => {
     if (onCreate && trimmedSearch) {
       onCreate(trimmedSearch);
       setSearch("");
       setOpen(false);
     }
   }, [onCreate, trimmedSearch]);
-  const inputRef = React36.useRef(null);
-  const listboxId = React36.useId();
-  const setInputRef = React36.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);
@@ -6870,12 +7457,12 @@ function SearchSelect({
   const singleValue = closeOnSelect ? selected[0] ?? null : null;
   const showValue = singleValue !== null && !open;
   const popoverOpen = open && !disabled;
-  React36.useEffect(() => {
+  React38.useEffect(() => {
     inputRef.current?.removeAttribute("aria-labelledby");
     inputRef.current?.setAttribute("aria-controls", listboxId);
     inputRef.current?.removeAttribute("aria-activedescendant");
   });
-  React36.useEffect(() => {
+  React38.useEffect(() => {
     if (open && closeOnSelect) {
       const raf = requestAnimationFrame(() => inputRef.current?.focus());
       return () => cancelAnimationFrame(raf);
@@ -7320,7 +7907,7 @@ var SegmentedProgress = forwardRef(
   }
 );
 SegmentedProgress.displayName = "SegmentedProgress";
-var Separator4 = React36.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,
     {
@@ -7337,130 +7924,6 @@ var Separator4 = React36.forwardRef(function Separator5({ className, orientation
   );
 });
 Separator4.displayName = SeparatorPrimitive.Root.displayName;
-var SheetSideContext = React36.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 = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Overlay,
-  {
-    ref,
-    className: cn(
-      "bg-overlay fixed inset-0 z-[var(--z-overlay)] backdrop-blur-[4px]",
-      "transition-opacity duration-[var(--duration-overlay)] ease-[var(--ease-out-quart)]",
-      "data-[state=closed]:opacity-0 data-[state=open]:opacity-100",
-      "motion-reduce:transition-none",
-      className
-    ),
-    ...props
-  }
-));
-SheetOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var sheetVariants = cva(
-  cn(
-    "fixed z-[var(--z-modal)] flex flex-col gap-4 bg-surface text-fg shadow-pop",
-    "transition ease-in-out duration-[var(--duration-normal)] ease-[var(--ease-out-quart)]",
-    "motion-reduce:transition-none"
-  ),
-  {
-    variants: {
-      side: {
-        top: cn(
-          "inset-x-0 top-0 border-b border-rule",
-          "data-[state=closed]:-translate-y-full data-[state=open]:translate-y-0"
-        ),
-        bottom: cn(
-          "inset-x-0 bottom-0 border-t border-rule max-h-[85vh]",
-          "data-[state=closed]:translate-y-full data-[state=open]:translate-y-0"
-        ),
-        left: cn(
-          "inset-y-0 left-0 h-full w-3/4 max-w-sm border-r border-rule",
-          "data-[state=closed]:-translate-x-full data-[state=open]:translate-x-0"
-        ),
-        right: cn(
-          "inset-y-0 right-0 h-full w-3/4 max-w-sm border-l border-rule",
-          "data-[state=closed]:translate-x-full data-[state=open]:translate-x-0"
-        )
-      }
-    },
-    defaultVariants: { side: "right" }
-  }
-);
-var sheetWidthClasses = {
-  sm: "w-[95vw] max-w-[95vw] sm:w-[420px]",
-  md: "w-[95vw] max-w-[95vw] sm:w-[520px]",
-  lg: "w-[95vw] max-w-[95vw] sm:w-[640px]",
-  xl: "w-[95vw] max-w-[95vw] sm:w-[760px]",
-  full: "w-full max-w-none"
-};
-var SheetContent = React36.forwardRef(
-  ({ side, width = "default", customWidth, className, children, showCloseButton = true, style, ...props }, ref) => {
-    const ctx = React36.use(SheetSideContext);
-    const resolvedSide = side ?? ctx.side ?? "right";
-    const supportsWidth = resolvedSide === "left" || resolvedSide === "right";
-    const widthClass = supportsWidth && width !== "default" ? sheetWidthClasses[width] : null;
-    const widthStyle = supportsWidth && customWidth ? { width: customWidth, maxWidth: "95vw", ...style } : style;
-    return /* @__PURE__ */ jsxs(SheetPortal, { children: [
-      /* @__PURE__ */ jsx(SheetOverlay, {}),
-      /* @__PURE__ */ jsxs(
-        DialogPrimitive.Content,
-        {
-          ref,
-          className: cn(sheetVariants({ side: resolvedSide }), widthClass, className),
-          style: widthStyle,
-          ...props,
-          children: [
-            children,
-            showCloseButton && /* @__PURE__ */ jsx(
-              DialogPrimitive.Close,
-              {
-                className: cn(
-                  "absolute top-4 right-4 inline-flex size-7 items-center justify-center",
-                  "rounded-icon text-fg-4 transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
-                  "hover:bg-overlay-hover hover:text-fg",
-                  "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
-                  "disabled:pointer-events-none"
-                ),
-                "aria-label": "Close",
-                children: /* @__PURE__ */ jsx(XIcon, { className: "size-4", "aria-hidden": "true" })
-              }
-            )
-          ]
-        }
-      )
-    ] });
-  }
-);
-SheetContent.displayName = DialogPrimitive.Content.displayName;
-var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-1.5 p-6 pr-12 pb-0", className), ...props });
-SheetHeader.displayName = "SheetHeader";
-var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn(
-      "border-rule mt-auto flex flex-col-reverse gap-2 border-t p-6 sm:flex-row sm:items-center sm:justify-end",
-      className
-    ),
-    ...props
-  }
-);
-SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Title,
-  {
-    ref,
-    className: cn(
-      "font-display text-fg text-base leading-tight font-medium tracking-tight",
-      className
-    ),
-    ...props
-  }
-));
-SheetTitle.displayName = DialogPrimitive.Title.displayName;
-var SheetDescription = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, { ref, className: cn("text-fg-3 text-sm", className), ...props }));
-SheetDescription.displayName = DialogPrimitive.Description.displayName;
 var sideDrawerVariants = cva(
   cn(
     "fixed inset-y-0 z-[var(--z-modal)] flex h-full flex-col bg-surface text-fg shadow-pop",
@@ -7576,7 +8039,7 @@ function SideDrawerFooter({ children, className }) {
 SideDrawer.Header = SideDrawerHeader;
 SideDrawer.Body = SideDrawerBody;
 SideDrawer.Footer = SideDrawerFooter;
-var Slider = React36.forwardRef(
+var Slider = React38.forwardRef(
   function Slider2({
     className,
     label,
@@ -7588,7 +8051,7 @@ var Slider = React36.forwardRef(
     defaultValue,
     ...props
   }, ref) {
-    const generatedId = React36.useId();
+    const generatedId = React38.useId();
     const id = providedId ?? generatedId;
     const displayValue = (() => {
       const v = value ?? defaultValue;
@@ -7721,6 +8184,52 @@ var Stat = forwardRef(function Stat2({ value, label, className, ...props }, ref)
   ] });
 });
 Stat.displayName = "Stat";
+var statusDotVariants = cva("relative inline-flex shrink-0 rounded-full bg-current", {
+  variants: {
+    tone: {
+      danger: "text-danger-fg",
+      warning: "text-warning-fg",
+      info: "text-accent",
+      success: "text-success-fg",
+      pro: "text-pro-fg",
+      neutral: "text-fg-4"
+    },
+    size: {
+      sm: "size-[7px]",
+      md: "size-[9px]"
+    },
+    ring: {
+      true: "shadow-[0_0_0_2px_var(--color-surface)]",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    tone: "danger",
+    size: "sm",
+    ring: false
+  }
+});
+var StatusDot = forwardRef(function StatusDot2({ tone, size, ring, pulse, className, ...props }, ref) {
+  const ariaLabel = props["aria-label"];
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      role: ariaLabel ? "img" : void 0,
+      "aria-hidden": ariaLabel ? void 0 : true,
+      className: cn(statusDotVariants({ tone, size, ring }), className),
+      ...props,
+      children: pulse && /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "absolute inset-0 inline-flex animate-ping rounded-full bg-current opacity-75 motion-reduce:hidden"
+        }
+      )
+    }
+  );
+});
+StatusDot.displayName = "StatusDot";
 var CENTER = 8;
 var RING_RADIUS = 6;
 var STROKE_WIDTH = 2;
@@ -7850,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" },
@@ -7958,6 +8468,29 @@ var Stepper = forwardRef(function Stepper2({ steps, currentStep, orientation = "
   );
 });
 Stepper.displayName = "Stepper";
+var StickyActionBar = forwardRef(
+  function StickyActionBar2({ children, hint, offsetForMobileNav, className, ...props }, ref) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "sticky inset-x-0 z-20 flex flex-wrap items-center gap-3",
+          "border-t border-rule bg-surface/80 px-4 py-3 backdrop-blur-md sm:px-6",
+          "supports-[backdrop-filter]:bg-surface/80",
+          offsetForMobileNav ? "bottom-[calc(3.5rem_+_env(safe-area-inset-bottom))] sm:bottom-0" : "bottom-0",
+          className
+        ),
+        ...props,
+        children: [
+          hint != null && /* @__PURE__ */ jsx("div", { className: "flex min-w-0 items-center gap-2 text-sm font-medium text-fg-3", children: hint }),
+          /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-2", children })
+        ]
+      }
+    );
+  }
+);
+StickyActionBar.displayName = "StickyActionBar";
 var SubmitButton = forwardRef(function SubmitButton2({ pendingText, children, className, ...props }, ref) {
   const { pending } = useFormStatus();
   return /* @__PURE__ */ jsx(
@@ -7974,6 +8507,87 @@ var SubmitButton = forwardRef(function SubmitButton2({ pendingText, children, cl
   );
 });
 SubmitButton.displayName = "SubmitButton";
+var suiteProgressFillVariants = cva("", {
+  variants: {
+    tone: {
+      pro: "bg-brand-pro",
+      audit: "bg-brand-audit",
+      books: "bg-brand-books",
+      tax: "bg-brand-tax"
+    }
+  },
+  defaultVariants: { tone: "pro" }
+});
+var SIZE_STYLES = {
+  sm: { row: "gap-2", track: "gap-0.5", segment: "h-1", text: "text-xs" },
+  md: { row: "gap-3", track: "gap-1", segment: "h-[5px]", text: "text-sm" }
+};
+var SuiteProgress = forwardRef(
+  function SuiteProgress2({
+    value,
+    total,
+    showPercent = true,
+    percent,
+    tone = "pro",
+    size = "md",
+    label,
+    segmentClassName,
+    className,
+    ...props
+  }, ref) {
+    const styles = SIZE_STYLES[size];
+    const safeTotal = Math.max(1, Math.floor(total));
+    const safeValue = Math.min(safeTotal, Math.max(0, Math.floor(value)));
+    const resolvedPercent = percent != null ? Math.min(100, Math.max(0, Math.round(percent))) : Math.round(safeValue / safeTotal * 100);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "progressbar",
+        "aria-valuenow": resolvedPercent,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuetext": `${safeValue} of ${safeTotal}`,
+        "aria-label": label ?? "Progress",
+        className: cn("flex items-center", styles.row, className),
+        ...props,
+        children: [
+          label && /* @__PURE__ */ jsx("span", { className: cn("text-fg-2 flex-none font-medium", styles.text), children: label }),
+          /* @__PURE__ */ jsx("div", { className: cn("flex min-w-0 flex-1", styles.track), "aria-hidden": "true", children: Array.from({ length: safeTotal }, (_, i) => {
+            const filled = i < safeValue;
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "flex-1 rounded-full",
+                  styles.segment,
+                  "transition-colors duration-[var(--duration-overlay)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+                  filled ? suiteProgressFillVariants({ tone }) : "bg-surface-3",
+                  segmentClassName
+                )
+              },
+              i
+            );
+          }) }),
+          showPercent && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: cn(
+                "text-fg flex-none font-bold tracking-tight tabular-nums",
+                styles.text
+              ),
+              children: [
+                resolvedPercent,
+                /* @__PURE__ */ jsx("span", { className: "text-fg-4 ml-px text-[0.72em] font-semibold", children: "%" })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+SuiteProgress.displayName = "SuiteProgress";
 var switchVariants = cva(
   [
     "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent",
@@ -8016,9 +8630,9 @@ var switchThumbVariants = cva(
     }
   }
 );
-var Switch = React36.forwardRef(
+var Switch = React38.forwardRef(
   function Switch2({ label, size, className, id: providedId, ...props }, ref) {
-    const generatedId = React36.useId();
+    const generatedId = React38.useId();
     const id = providedId ?? generatedId;
     const root = /* @__PURE__ */ jsx(
       SwitchPrimitive.Root,
@@ -8152,13 +8766,13 @@ var TableCaption = forwardRef(
   }
 );
 TableCaption.displayName = "TableCaption";
-var Tabs = React36.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 = React36.forwardRef(function TabsList2({ className, ...props }, ref) {
+var TabsList = React38.forwardRef(function TabsList2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     TabsPrimitive.List,
     {
@@ -8203,7 +8817,7 @@ var triggerVariants = cva(
     }
   }
 );
-var TabsTrigger = React36.forwardRef(function TabsTrigger2({ className, variant, ...props }, ref) {
+var TabsTrigger = React38.forwardRef(function TabsTrigger2({ className, variant, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     TabsPrimitive.Trigger,
     {
@@ -8214,7 +8828,7 @@ var TabsTrigger = React36.forwardRef(function TabsTrigger2({ className, variant,
   );
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React36.forwardRef(function TabsContent2({ className, ...props }, ref) {
+var TabsContent = React38.forwardRef(function TabsContent2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     TabsPrimitive.Content,
     {
@@ -8239,7 +8853,7 @@ function TeamMemberSelect({
   placeholder = "Select team member...",
   className
 }) {
-  const options = React36.useMemo(() => {
+  const options = React38.useMemo(() => {
     const meBadge = /* @__PURE__ */ jsx(
       Badge,
       {
@@ -8569,10 +9183,10 @@ var itemVariants = cva(
     }
   }
 );
-var ToggleGroupContext = React36.createContext({
+var ToggleGroupContext = React38.createContext({
   variant: "default"
 });
-var ToggleGroup = React36.forwardRef(function ToggleGroup2({ className, variant, children, ...props }, ref) {
+var ToggleGroup = React38.forwardRef(function ToggleGroup2({ className, variant, children, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Root,
     {
@@ -8584,8 +9198,8 @@ var ToggleGroup = React36.forwardRef(function ToggleGroup2({ className, variant,
   );
 });
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React36.forwardRef(function ToggleGroupItem2({ className, variant, ...props }, ref) {
-  const ctx = React36.useContext(ToggleGroupContext);
+var ToggleGroupItem = React38.forwardRef(function ToggleGroupItem2({ className, variant, ...props }, ref) {
+  const ctx = React38.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {
@@ -8604,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 = React36.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,
@@ -9235,6 +9849,501 @@ var FolderTree = forwardRef(function FolderTree2({ nodes, activeId, onSelect, de
   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 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(
+              MetaText,
+              {
+                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("span", { className: "text-[13px] font-[650] text-pro-fg", children: [
+              "Document ",
+              humanIndex
+            ] }),
+            showRemove && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onRemove,
+                "aria-label": `Remove document ${humanIndex}`,
+                className: cn(
+                  "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(CloseIcon, { size: 14, "aria-hidden": "true" })
+              }
+            )
+          ] }),
+          /* @__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 }),
@@ -9295,7 +10404,7 @@ var Content16 = forwardRef(function Content17({ padTop, padBottom, className, st
   );
 });
 Content16.displayName = "Content";
-var SidebarContext = React36.createContext(null);
+var SidebarContext = React38.createContext(null);
 var NOOP_CONTEXT = {
   state: "expanded",
   setState: () => {
@@ -9308,7 +10417,7 @@ var NOOP_CONTEXT = {
   }
 };
 function useSidebarState() {
-  return React36.useContext(SidebarContext) ?? NOOP_CONTEXT;
+  return React38.useContext(SidebarContext) ?? NOOP_CONTEXT;
 }
 var DEFAULT_SHORTCUT = "Mod+\\";
 function readStorage(key) {
@@ -9328,16 +10437,16 @@ function SidebarProvider({
   storageKey,
   shortcut = DEFAULT_SHORTCUT
 }) {
-  const [uncontrolled, setUncontrolled] = React36.useState(
+  const [uncontrolled, setUncontrolled] = React38.useState(
     controlled ?? defaultState
   );
-  React36.useEffect(() => {
+  React38.useEffect(() => {
     if (controlled !== void 0) return;
     const stored = readStorage(storageKey);
     if (stored && stored !== uncontrolled) setUncontrolled(stored);
   }, []);
   const state = controlled ?? uncontrolled;
-  const setState = React36.useCallback(
+  const setState = React38.useCallback(
     (next) => {
       if (controlled === void 0) setUncontrolled(next);
       onStateChange?.(next);
@@ -9350,11 +10459,11 @@ function SidebarProvider({
     },
     [controlled, onStateChange, storageKey]
   );
-  const toggle = React36.useCallback(() => {
+  const toggle = React38.useCallback(() => {
     setState(state === "expanded" ? "rail" : "expanded");
   }, [state, setState]);
-  const [peekLockCount, setPeekLockCount] = React36.useState(0);
-  const acquirePeekLock = React36.useCallback(() => {
+  const [peekLockCount, setPeekLockCount] = React38.useState(0);
+  const acquirePeekLock = React38.useCallback(() => {
     setPeekLockCount((n) => n + 1);
     let released = false;
     return () => {
@@ -9363,7 +10472,7 @@ function SidebarProvider({
       setPeekLockCount((n) => Math.max(0, n - 1));
     };
   }, []);
-  React36.useEffect(() => {
+  React38.useEffect(() => {
     if (!shortcut) return;
     const parts = shortcut.split("+");
     const key = parts.pop() ?? "";
@@ -9383,7 +10492,7 @@ function SidebarProvider({
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
   }, [shortcut, toggle]);
-  const value = React36.useMemo(
+  const value = React38.useMemo(
     () => ({ state, setState, toggle, collapsible: true, peekLockCount, acquirePeekLock }),
     [state, setState, toggle, peekLockCount, acquirePeekLock]
   );
@@ -9392,15 +10501,15 @@ function SidebarProvider({
 SidebarProvider.displayName = "SidebarProvider";
 var PEEK_ENTER_DELAY_MS = 100;
 var PEEK_LEAVE_DELAY_MS = 200;
-var Sidebar = React36.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 = React36.useContext(SidebarContext);
+  const ctx = React38.useContext(SidebarContext);
   const state = collapsible && ctx ? ctx.state : "expanded";
   const peekLockCount = collapsible && ctx ? ctx.peekLockCount : 0;
-  const [peek, setPeek] = React36.useState(false);
-  const enterTimer = React36.useRef(null);
-  const leaveTimer = React36.useRef(null);
-  const clearTimers = React36.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;
@@ -9410,8 +10519,8 @@ var Sidebar = React36.forwardRef(function Sidebar2({ className, collapsible = fa
       leaveTimer.current = null;
     }
   }, []);
-  React36.useEffect(() => () => clearTimers(), [clearTimers]);
-  React36.useEffect(() => {
+  React38.useEffect(() => () => clearTimers(), [clearTimers]);
+  React38.useEffect(() => {
     if (state === "expanded") {
       clearTimers();
       setPeek(false);
@@ -9492,7 +10601,7 @@ var Sidebar = React36.forwardRef(function Sidebar2({ className, collapsible = fa
   );
 });
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React36.forwardRef(
+var SidebarTrigger = React38.forwardRef(
   function SidebarTrigger2({
     className,
     expandLabel = "Expand sidebar",
@@ -9500,7 +10609,7 @@ var SidebarTrigger = React36.forwardRef(
     onClick,
     ...props
   }, ref) {
-    const ctx = React36.useContext(SidebarContext);
+    const ctx = React38.useContext(SidebarContext);
     if (!ctx) return null;
     const { state, toggle } = ctx;
     const label = state === "expanded" ? collapseLabel : expandLabel;
@@ -9531,14 +10640,14 @@ var SidebarTrigger = React36.forwardRef(
 );
 SidebarTrigger.displayName = "SidebarTrigger";
 function useSidebarPeekLock(active) {
-  const ctx = React36.useContext(SidebarContext);
-  React36.useEffect(() => {
+  const ctx = React38.useContext(SidebarContext);
+  React38.useEffect(() => {
     if (!active || !ctx) return;
     const release = ctx.acquirePeekLock();
     return release;
   }, [active, ctx]);
 }
-var SidebarPinButton = React36.forwardRef(
+var SidebarPinButton = React38.forwardRef(
   function SidebarPinButton2({
     pinLabel = "Pin sidebar",
     unpinLabel = "Unpin sidebar",
@@ -9546,7 +10655,7 @@ var SidebarPinButton = React36.forwardRef(
     onClick,
     ...props
   }, ref) {
-    const ctx = React36.useContext(SidebarContext);
+    const ctx = React38.useContext(SidebarContext);
     if (!ctx || !ctx.collapsible) return null;
     const { state, setState } = ctx;
     const isPinned = state === "expanded";
@@ -9611,7 +10720,7 @@ function PinGlyph({
     }
   );
 }
-var SidebarBrand = React36.forwardRef(
+var SidebarBrand = React38.forwardRef(
   function SidebarBrand2({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       "div",
@@ -9627,7 +10736,7 @@ var SidebarBrand = React36.forwardRef(
   }
 );
 SidebarBrand.displayName = "SidebarBrand";
-var SidebarBrandText = React36.forwardRef(
+var SidebarBrandText = React38.forwardRef(
   function SidebarBrandText2({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       "span",
@@ -9652,16 +10761,16 @@ var SidebarBrandText = React36.forwardRef(
   }
 );
 SidebarBrandText.displayName = "SidebarBrandText";
-var SidebarGroupScopeContext = React36.createContext(null);
-var SidebarSection = React36.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] = React36.useState(null);
-    const setExclusive = React36.useCallback(
+    const [exclusiveId, setExclusiveIdState] = React38.useState(null);
+    const setExclusive = React38.useCallback(
       (id) => setExclusiveIdState(id),
       []
     );
-    const scope = React36.useMemo(
+    const scope = React38.useMemo(
       () => ({ exclusiveId, setExclusive }),
       [exclusiveId, setExclusive]
     );
@@ -9714,12 +10823,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 (React36.isValidElement(node)) {
+  if (React38.isValidElement(node)) {
     return getTextContent(node.props.children);
   }
   return "";
 }
-var SidebarLink = React36.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);
@@ -9790,7 +10899,7 @@ var SidebarLink = React36.forwardRef(
   }
 );
 SidebarLink.displayName = "SidebarLink";
-var SidebarLinkLabel = React36.forwardRef(
+var SidebarLinkLabel = React38.forwardRef(
   function SidebarLinkLabel2({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       "span",
@@ -9815,7 +10924,7 @@ var SidebarLinkLabel = React36.forwardRef(
   }
 );
 SidebarLinkLabel.displayName = "SidebarLinkLabel";
-var SidebarLinkAction = React36.forwardRef(
+var SidebarLinkAction = React38.forwardRef(
   function SidebarLinkAction2({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       "span",
@@ -9847,13 +10956,13 @@ var sidebarLinkBadgeVariants = cva(
     defaultVariants: { tone: "default" }
   }
 );
-var SidebarLinkBadge = React36.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 = React36.forwardRef(
+var SidebarLinkGroup = React38.forwardRef(
   function SidebarLinkGroup2({
     id: idProp,
     icon,
@@ -9868,19 +10977,19 @@ var SidebarLinkGroup = React36.forwardRef(
     children,
     ...props
   }, ref) {
-    const reactId = React36.useId();
+    const reactId = React38.useId();
     const id = idProp ?? reactId;
-    const scope = React36.useContext(SidebarGroupScopeContext);
-    const [uncontrolledOpen, setUncontrolledOpen] = React36.useState(defaultOpen);
+    const scope = React38.useContext(SidebarGroupScopeContext);
+    const [uncontrolledOpen, setUncontrolledOpen] = React38.useState(defaultOpen);
     const open = controlled ?? uncontrolledOpen;
-    const setOpen = React36.useCallback(
+    const setOpen = React38.useCallback(
       (next) => {
         if (controlled === void 0) setUncontrolledOpen(next);
         onOpenChange?.(next);
       },
       [controlled, onOpenChange]
     );
-    React36.useEffect(() => {
+    React38.useEffect(() => {
       if (scope?.exclusiveId && scope.exclusiveId !== id && open) {
         setOpen(false);
       }
@@ -9989,7 +11098,7 @@ var SidebarLinkGroup = React36.forwardRef(
   }
 );
 SidebarLinkGroup.displayName = "SidebarLinkGroup";
-var SidebarFooter = React36.forwardRef(
+var SidebarFooter = React38.forwardRef(
   function SidebarFooter2({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       "div",
@@ -10006,7 +11115,7 @@ var SidebarFooter = React36.forwardRef(
   }
 );
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarUser = React36.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(
@@ -10027,7 +11136,7 @@ var SidebarUser = React36.forwardRef(function SidebarUser2({ name, subtitle, ava
   ] });
 });
 SidebarUser.displayName = "SidebarUser";
-var SidebarBrandSwitcher = React36.forwardRef(
+var SidebarBrandSwitcher = React38.forwardRef(
   function SidebarBrandSwitcher2({
     brand,
     label,
@@ -10045,7 +11154,7 @@ var SidebarBrandSwitcher = React36.forwardRef(
     contentClassName,
     trailing
   }, ref) {
-    const [open, setOpen] = React36.useState(false);
+    const [open, setOpen] = React38.useState(false);
     useSidebarPeekLock(open);
     const others = items.filter((p) => p.id !== current.id);
     return (
@@ -10165,7 +11274,7 @@ function SidebarBrandSwitcherOtherRow({
   unavailableBadge
 }) {
   const reachable = item.available !== false;
-  const [launching, setLaunching] = React36.useState(false);
+  const [launching, setLaunching] = React38.useState(false);
   const handleSelect = async () => {
     if (!reachable || launching || !onLaunch) return;
     setLaunching(true);
@@ -12082,7 +13191,7 @@ var FilterChip = forwardRef(function FilterChip2({ active = false, size, count,
   );
 });
 FilterChip.displayName = "FilterChip";
-var BulkActionBarContext = React36.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",
@@ -12105,8 +13214,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 = React36.forwardRef(function BulkActionBarAction2({ asChild = false, destructive, className, type, ...props }, ref) {
-  const { tone } = React36.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,
@@ -12120,7 +13229,7 @@ var BulkActionBarAction = React36.forwardRef(function BulkActionBarAction2({ asC
 });
 BulkActionBarAction.displayName = "BulkActionBarAction";
 function BulkActionBarSeparator({ className }) {
-  const { tone } = React36.use(BulkActionBarContext);
+  const { tone } = React38.use(BulkActionBarContext);
   return /* @__PURE__ */ jsx(
     "span",
     {
@@ -12320,6 +13429,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, 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, 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, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FolderTree, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, 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, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, RadioGroup3 as RadioGroup, RadioGroupItem, RankedBars, ReceiptIcon, ReplyIcon, RotateCcwIcon, 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, StatusIcon, StatusPill, Stepper, StopIcon, StrikethroughIcon, SubmitButton, 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, badgeVariants, buttonVariants, cardVariants, cn, colors, dateToIso, displayToIso, filterChipVariants, formatClock, formatCurrency, formatDuration, getFlagEmoji, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, serviceToneLabel, serviceToneStyle, shadows, sidebarLinkBadgeVariants, spacing, spinnerVariants, starRatingVariants, 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