@assure-one/design-system 1.14.0 → 1.17.0

package/dist/index.js

@@ -5832,9 +5832,27 @@ var LoadingRows = forwardRef(function LoadingRows2({
 });
 LoadingRows.displayName = "LoadingRows";
 var sizeStyles = {
-  sm: { icon: 20, text: "text-sm", gap: "gap-2" },
-  md: { icon: 24, text: "text-[17px]", gap: "gap-2.5" },
-  lg: { icon: 32, text: "text-xl", gap: "gap-3" }
+  sm: { icon: 20, text: "text-sm", gap: "gap-2", assetHeight: 24 },
+  md: { icon: 24, text: "text-[17px]", gap: "gap-2.5", assetHeight: 30 },
+  lg: { icon: 32, text: "text-xl", gap: "gap-3", assetHeight: 40 }
+};
+var productLogoAssets = {
+  Pro: { src: "/brand/assure-pro.svg", width: 384, height: 90 },
+  Audit: { src: "/brand/assure-audit.svg", width: 441, height: 90 },
+  Books: { src: "/brand/assure-books.svg", width: 470, height: 90 },
+  Tax: { src: "/brand/assure-tax.svg", width: 374, height: 90 }
+};
+var productMarkAssets = {
+  Pro: { src: "/brand/assure-pro-mark.svg", width: 55, height: 48 },
+  Audit: { src: "/brand/assure-audit-mark.svg", width: 55, height: 48 },
+  Books: { src: "/brand/assure-books-mark.svg", width: 55, height: 48 },
+  Tax: { src: "/brand/assure-tax-mark.svg", width: 55, height: 48 }
+};
+var productGlyphs = {
+  Pro: AssureProBrandIcon,
+  Audit: AssureAuditBrandIcon,
+  Books: AssureBooksBrandIcon,
+  Tax: AssureTaxBrandIcon
 };
 function Logo({
   size = "md",
@@ -5848,6 +5866,9 @@ function Logo({
 }) {
   const s = sizeStyles[size];
   const ariaLabel = productName ? `Assure ${productName}` : "Assure";
+  const asset = productName ? productLogoAssets[productName] : void 0;
+  const markAsset = productName ? productMarkAssets[productName] : void 0;
+  const Glyph = productName ? productGlyphs[productName] : void 0;
   return /* @__PURE__ */ jsxs(
     Link,
     {
@@ -5855,17 +5876,40 @@ function Logo({
       className: cn("inline-flex items-center", s.gap, className),
       "aria-label": ariaLabel,
       children: [
-        /* @__PURE__ */ jsx(
+        asset && showText ? /* @__PURE__ */ jsx(
           Image2,
           {
-            src: "/brand/mark.svg",
+            src: asset.src,
             alt: "",
-            width: s.icon,
-            height: s.icon,
+            width: asset.width,
+            height: asset.height,
             priority: true,
-            className: cn("flex-shrink-0", iconClassName)
+            className: cn("h-auto flex-shrink-0", inverted && "brightness-0 invert", iconClassName),
+            style: { width: Math.round(asset.width / asset.height * s.assetHeight) }
           }
-        ),
+        ) : markAsset ? /* @__PURE__ */ jsx(
+          Image2,
+          {
+            src: markAsset.src,
+            alt: "",
+            width: markAsset.width,
+            height: markAsset.height,
+            priority: true,
+            className: cn("h-auto flex-shrink-0", inverted && "brightness-0 invert", iconClassName),
+            style: { width: Math.round(markAsset.width / markAsset.height * s.icon) }
+          }
+        ) : /* @__PURE__ */ jsx(Fragment, { children: Glyph ? /* @__PURE__ */ jsx(Glyph, { size: s.icon, "aria-hidden": "true", className: iconClassName }) : /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn(
+              "bg-pro-fg grid shrink-0 place-items-center rounded-[5px] text-[10px] font-bold text-white",
+              iconClassName
+            ),
+            style: { width: s.icon, height: s.icon },
+            children: "A"
+          }
+        ) }),
         showText && /* @__PURE__ */ jsxs(
           "span",
           {
@@ -5873,6 +5917,7 @@ function Logo({
               "font-display font-semibold tracking-[-0.025em]",
               s.text,
               inverted ? "text-white" : "text-fg",
+              asset && "sr-only",
               textClassName
             ),
             children: [
@@ -6376,13 +6421,48 @@ var previewVariants = cva("bg-surface flex min-h-0 flex-col overflow-hidden", {
   },
   defaultVariants: { variant: "modal" }
 });
+var MIN_ZOOM = 0.5;
+var MAX_ZOOM = 2;
+var ZOOM_STEP = 0.25;
+var BASE_PAGE_WIDTH = 820;
+var clampZoom = (z) => Math.min(MAX_ZOOM, Math.max(MIN_ZOOM, Math.round(z * 100) / 100));
 var headerAction = cn(
   "inline-flex size-7 shrink-0 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"
 );
-var PdfPreview = forwardRef(function PdfPreview2({ src, pages, fileName, onDownload, onClose, variant, className, ...props }, ref) {
+var zoomAction = cn(
+  "inline-flex size-7 shrink-0 items-center justify-center",
+  "rounded-icon text-fg-3 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 disabled:opacity-40"
+);
+var zoomLabel = cn(
+  "inline-flex h-7 min-w-[3.25rem] items-center justify-center px-2",
+  "rounded-icon text-fg-3 text-xs font-medium tabular-nums",
+  "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"
+);
+var PdfPreview = forwardRef(function PdfPreview2({
+  src,
+  pages,
+  fileName,
+  onDownload,
+  onApprove,
+  approved,
+  onReject,
+  rejected,
+  onClose,
+  variant,
+  zoomable,
+  className,
+  ...props
+}, ref) {
+  const [zoom, setZoom] = useState(1);
+  const zoomPercent = Math.round(zoom * 100);
   return /* @__PURE__ */ jsxs("div", { ref, className: cn(previewVariants({ variant }), className), ...props, children: [
     fileName && /* @__PURE__ */ jsxs("div", { className: "border-rule bg-surface flex shrink-0 items-center gap-3 border-b px-4 py-3", children: [
       /* @__PURE__ */ jsx(
@@ -6394,7 +6474,56 @@ var PdfPreview = forwardRef(function PdfPreview2({ src, pages, fileName, onDownl
         }
       ),
       /* @__PURE__ */ jsx("span", { className: "text-fg line-clamp-1 flex-1 text-sm font-medium", children: fileName }),
-      onDownload && /* @__PURE__ */ jsx("button", { type: "button", onClick: onDownload, "aria-label": "Download", className: headerAction, children: /* @__PURE__ */ jsx(DownloadIcon, { className: "size-4", "aria-hidden": "true" }) }),
+      onApprove && (approved ? /* @__PURE__ */ jsxs("span", { className: "bg-success-bg text-success-fg rounded-icon inline-flex h-7 shrink-0 items-center gap-1.5 px-2.5 text-xs font-semibold", children: [
+        /* @__PURE__ */ jsx(CheckIcon, { className: "size-4", "aria-hidden": "true" }),
+        "Approved"
+      ] }) : /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onApprove,
+          className: cn(
+            "rounded-icon inline-flex h-7 shrink-0 items-center gap-1.5 px-2.5 text-xs font-semibold",
+            "bg-success-fg text-fg-on-success hover:bg-success-fg-hover active:bg-success-fg-active",
+            "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+            "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(CheckIcon, { className: "size-4", "aria-hidden": "true" }),
+            "Approve"
+          ]
+        }
+      )),
+      onReject && (rejected ? /* @__PURE__ */ jsxs("span", { className: "bg-danger-bg text-danger-fg rounded-icon inline-flex h-7 shrink-0 items-center gap-1.5 px-2.5 text-xs font-semibold", children: [
+        /* @__PURE__ */ jsx(AlertTriangleIcon, { className: "size-4", "aria-hidden": "true" }),
+        "Rejected"
+      ] }) : /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onReject,
+          className: cn(
+            "rounded-icon inline-flex h-7 shrink-0 items-center gap-1.5 px-2.5 text-xs font-semibold",
+            "bg-danger-fg text-fg-on-danger hover:bg-danger-fg-hover active:bg-danger-fg-active",
+            "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+            "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(AlertTriangleIcon, { className: "size-4", "aria-hidden": "true" }),
+            "Reject"
+          ]
+        }
+      )),
+      onDownload && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onDownload,
+          "aria-label": "Download",
+          className: headerAction,
+          children: /* @__PURE__ */ jsx(DownloadIcon, { className: "size-4", "aria-hidden": "true" })
+        }
+      ),
       onClose && /* @__PURE__ */ jsx("button", { type: "button", onClick: onClose, "aria-label": "Close", className: headerAction, children: /* @__PURE__ */ jsx(XIcon, { className: "size-4", "aria-hidden": "true" }) })
     ] }),
     src ? /* @__PURE__ */ jsx(
@@ -6404,15 +6533,72 @@ var PdfPreview = forwardRef(function PdfPreview2({ src, pages, fileName, onDownl
         title: fileName ?? "PDF preview",
         className: "bg-bg-2 min-h-0 flex-1 border-0"
       }
-    ) : pages && pages.length > 0 ? /* @__PURE__ */ jsx("div", { className: "scrollbar-thin bg-bg-2 min-h-0 flex-1 overflow-auto p-4 sm:p-6", children: /* @__PURE__ */ jsx("div", { className: "mx-auto flex max-w-[820px] flex-col gap-4", children: pages.map((page, i) => /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: page,
-        alt: `Page ${i + 1}`,
-        className: "rounded-input border-rule shadow-card bg-surface w-full border"
-      },
-      i
-    )) }) }) : /* @__PURE__ */ jsxs("div", { className: "bg-bg-2 text-fg-4 flex min-h-0 flex-1 flex-col items-center justify-center gap-2 p-8", children: [
+    ) : pages && pages.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ jsx("div", { className: "scrollbar-thin bg-bg-2 min-h-0 flex-1 overflow-auto p-4 sm:p-6", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn("mx-auto flex flex-col gap-4", !zoomable && "max-w-[820px]"),
+          style: zoomable ? {
+            width: Math.round(BASE_PAGE_WIDTH * zoom),
+            maxWidth: zoom <= 1 ? "100%" : void 0
+          } : void 0,
+          children: pages.map((page, i) => /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: page,
+              alt: `Page ${i + 1}`,
+              className: "rounded-input border-rule shadow-card bg-surface w-full border"
+            },
+            i
+          ))
+        }
+      ) }),
+      zoomable && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          role: "group",
+          "aria-label": "Zoom controls",
+          className: "border-rule bg-surface shadow-pop rounded-pill absolute bottom-4 left-1/2 flex -translate-x-1/2 items-center gap-0.5 border p-1",
+          children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setZoom((z) => clampZoom(z - ZOOM_STEP)),
+                disabled: zoom <= MIN_ZOOM,
+                "aria-label": "Zoom out",
+                className: zoomAction,
+                children: /* @__PURE__ */ jsx(ZoomOutIcon, { className: "size-4", "aria-hidden": "true" })
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => setZoom(1),
+                "aria-label": `Zoom ${zoomPercent}%, reset to 100%`,
+                className: zoomLabel,
+                children: [
+                  zoomPercent,
+                  "%"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setZoom((z) => clampZoom(z + ZOOM_STEP)),
+                disabled: zoom >= MAX_ZOOM,
+                "aria-label": "Zoom in",
+                className: zoomAction,
+                children: /* @__PURE__ */ jsx(ZoomInIcon, { className: "size-4", "aria-hidden": "true" })
+              }
+            )
+          ]
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "bg-bg-2 text-fg-4 flex min-h-0 flex-1 flex-col items-center justify-center gap-2 p-8", children: [
       /* @__PURE__ */ jsx(FileTextIcon, { className: "size-8", "aria-hidden": "true" }),
       /* @__PURE__ */ jsx("p", { className: "text-sm", children: "No preview available" })
     ] })
@@ -8271,6 +8457,10 @@ var SpreadsheetPreview = forwardRef(
     minColumns = 0,
     fileName,
     onDownload,
+    onApprove,
+    approved,
+    onReject,
+    rejected,
     onClose,
     variant,
     className,
@@ -8291,6 +8481,46 @@ var SpreadsheetPreview = forwardRef(
           }
         ),
         /* @__PURE__ */ jsx("span", { className: "text-fg line-clamp-1 flex-1 text-sm font-medium", children: fileName }),
+        onApprove && (approved ? /* @__PURE__ */ jsxs("span", { className: "bg-success-bg text-success-fg rounded-icon inline-flex h-7 shrink-0 items-center gap-1.5 px-2.5 text-xs font-semibold", children: [
+          /* @__PURE__ */ jsx(CheckIcon, { className: "size-4", "aria-hidden": "true" }),
+          "Approved"
+        ] }) : /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: onApprove,
+            className: cn(
+              "rounded-icon inline-flex h-7 shrink-0 items-center gap-1.5 px-2.5 text-xs font-semibold",
+              "bg-success-fg text-fg-on-success hover:bg-success-fg-hover active:bg-success-fg-active",
+              "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+              "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(CheckIcon, { className: "size-4", "aria-hidden": "true" }),
+              "Approve"
+            ]
+          }
+        )),
+        onReject && (rejected ? /* @__PURE__ */ jsxs("span", { className: "bg-danger-bg text-danger-fg rounded-icon inline-flex h-7 shrink-0 items-center gap-1.5 px-2.5 text-xs font-semibold", children: [
+          /* @__PURE__ */ jsx(AlertTriangleIcon, { className: "size-4", "aria-hidden": "true" }),
+          "Rejected"
+        ] }) : /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: onReject,
+            className: cn(
+              "rounded-icon inline-flex h-7 shrink-0 items-center gap-1.5 px-2.5 text-xs font-semibold",
+              "bg-danger-fg text-fg-on-danger hover:bg-danger-fg-hover active:bg-danger-fg-active",
+              "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+              "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(AlertTriangleIcon, { className: "size-4", "aria-hidden": "true" }),
+              "Reject"
+            ]
+          }
+        )),
         onDownload && /* @__PURE__ */ jsx(
           "button",
           {
@@ -8332,7 +8562,7 @@ var SpreadsheetPreview = forwardRef(
               /* @__PURE__ */ jsx(
                 "th",
                 {
-                  className: cn(headerCell, "left-0 top-0 z-20 w-11 min-w-11"),
+                  className: cn(headerCell, "top-0 left-0 z-20 w-11 min-w-11"),
                   "aria-hidden": "true"
                 }
               ),
@@ -8362,8 +8592,8 @@ var SpreadsheetPreview = forwardRef(
                 "td",
                 {
                   className: cn(
-                    "border-rule-soft text-fg border-b border-r",
-                    "h-8 min-w-[88px] max-w-[260px] truncate px-3 text-sm",
+                    "border-rule-soft text-fg border-r border-b",
+                    "h-8 max-w-[260px] min-w-[88px] truncate px-3 text-sm",
                     typeof data?.[r]?.[c] === "number" && "text-right tabular-nums"
                   ),
                   children: data?.[r]?.[c] ?? ""
@@ -10875,95 +11105,884 @@ var ProposalPaymentCapture = forwardRef(
   }
 );
 ProposalPaymentCapture.displayName = "ProposalPaymentCapture";
-function AiSpark({ size = 16, className }) {
-  const id = useId();
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: size,
-      height: size * 12 / 16,
-      viewBox: "0 0 16 12",
-      fill: "none",
-      className: cn("block shrink-0", className),
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M6.24553 5.34293C5.91553 5.23294 5.91553 4.76699 6.24553 4.657L8.18254 4.01207C8.60834 3.87011 8.99522 3.63094 9.31252 3.3135C9.62982 2.99607 9.8688 2.6091 10.0105 2.18327L10.6555 0.247473C10.7655 -0.0824911 11.2315 -0.0824912 11.3415 0.247473L11.9866 2.18427C12.1285 2.61002 12.3677 2.99686 12.6852 3.31412C13.0027 3.63139 13.3897 3.87035 13.8156 4.01207L15.7516 4.657C15.8238 4.68071 15.8868 4.72664 15.9314 4.78823C15.976 4.84982 16 4.92392 16 4.99996C16 5.07601 15.976 5.15011 15.9314 5.2117C15.8868 5.27329 15.8238 5.31921 15.7516 5.34293L13.8146 5.98786C13.3889 6.12971 13.0021 6.36874 12.6848 6.68599C12.3675 7.00324 12.1284 7.39001 11.9866 7.81566L11.3415 9.75245C11.3178 9.82471 11.2719 9.88763 11.2103 9.93223C11.1487 9.97684 11.0746 10.0009 10.9985 10.0009C10.9225 10.0009 10.8484 9.97684 10.7868 9.93223C10.7252 9.88763 10.6793 9.82471 10.6555 9.75245L10.0105 7.81566C9.86867 7.39001 9.62962 7.00324 9.31233 6.68599C8.99505 6.36874 8.60823 6.12971 8.18254 5.98786L6.24553 5.34293ZM1.14651 9.20551C1.1032 9.19117 1.06552 9.16355 1.03881 9.12658C1.0121 9.0896 0.99772 9.04515 0.99772 8.99954C0.99772 8.95392 1.0121 8.90947 1.03881 8.87249C1.06552 8.83552 1.1032 8.8079 1.14651 8.79356L2.30851 8.4066C2.82651 8.23362 3.23252 7.82766 3.40552 7.30972L3.79252 6.14784C3.80686 6.10454 3.83448 6.06686 3.87146 6.04015C3.90844 6.01345 3.9529 5.99907 3.99852 5.99907C4.04414 5.99907 4.0886 6.01345 4.12558 6.04015C4.16256 6.06686 4.19018 6.10454 4.20452 6.14784L4.59152 7.30972C4.67664 7.56516 4.82009 7.79728 5.0105 7.98767C5.20091 8.17806 5.43305 8.32149 5.68853 8.4066L6.85053 8.79356C6.89384 8.8079 6.93152 8.83551 6.95823 8.87249C6.98494 8.90947 6.99932 8.95392 6.99932 8.99954C6.99932 9.04515 6.98494 9.0896 6.95823 9.12658C6.93152 9.16355 6.89384 9.19117 6.85053 9.20551L5.68853 9.59247C5.43305 9.67758 5.20091 9.82101 5.0105 10.0114C4.82009 10.2018 4.67664 10.4339 4.59152 10.6894L4.20452 11.8512C4.19018 11.8945 4.16256 11.9322 4.12558 11.9589C4.0886 11.9856 4.04414 12 3.99852 12C3.9529 12 3.90844 11.9856 3.87146 11.9589C3.83448 11.9322 3.80686 11.8945 3.79252 11.8512L3.40552 10.6894C3.3204 10.4339 3.17695 10.2018 2.98654 10.0114C2.79613 9.82101 2.56399 9.67758 2.30851 9.59247L1.14651 9.20551ZM0.097503 2.13727C0.0690292 2.1274 0.0443387 2.1089 0.0268643 2.08435C0.00938996 2.0598 1.317e-09 2.03042 0 2.00029C-1.318e-09 1.97015 0.00938995 1.94077 0.0268643 1.91622C0.0443387 1.89167 0.0690292 1.87317 0.097503 1.8633L0.871506 1.60533C1.21751 1.49034 1.48851 1.21937 1.60351 0.873408L1.86151 0.0994903C1.87138 0.0710193 1.88988 0.0463306 1.91443 0.0288584C1.93899 0.0113861 1.96837 0.00199815 1.99851 0.00199814C2.02865 0.00199814 2.05803 0.0113861 2.08259 0.0288583C2.10714 0.0463306 2.12564 0.0710193 2.13551 0.0994903L2.39351 0.873408C2.45024 1.0439 2.54593 1.19882 2.673 1.32588C2.80006 1.45293 2.955 1.54861 3.12552 1.60533L3.89952 1.8633C3.92799 1.87317 3.95268 1.89167 3.97016 1.91622C3.98763 1.94077 3.99702 1.97015 3.99702 2.00029C3.99702 2.03042 3.98763 2.0598 3.97016 2.08435C3.95268 2.1089 3.92799 2.1274 3.89952 2.13727L3.12552 2.39524C2.955 2.45196 2.80006 2.54764 2.673 2.6747C2.54593 2.80175 2.45024 2.95667 2.39351 3.12717L2.13551 3.90008C2.12564 3.92855 2.10714 3.95324 2.08259 3.97071C2.05804 3.98819 2.02865 3.99757 1.99851 3.99757C1.96837 3.99757 1.93899 3.98819 1.91443 3.97071C1.88988 3.95324 1.87138 3.92855 1.86151 3.90008L1.60351 3.12617C1.48851 2.7802 1.21751 2.50923 0.871506 2.39424L0.097503 2.13727Z",
-            fill: `url(#${id})`
-          }
-        ),
-        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
-          "linearGradient",
-          {
-            id,
-            x1: "0.265576",
-            y1: "0.856805",
-            x2: "13.5",
-            y2: "12",
-            gradientUnits: "userSpaceOnUse",
-            children: [
-              /* @__PURE__ */ jsx("stop", { stopColor: "#9E32FF" }),
-              /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#1BB6FF" })
-            ]
-          }
-        ) })
-      ]
-    }
-  );
-}
-function Field({ label, value, confirmed }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
-    /* @__PURE__ */ jsx("span", { className: "text-fg-3 text-[11px]", children: label }),
-    /* @__PURE__ */ jsxs("span", { className: "text-fg inline-flex items-center gap-1 text-sm font-medium", children: [
-      value,
-      confirmed && /* @__PURE__ */ jsx(CheckIcon, { className: "text-success-fg size-3", strokeWidth: 3 })
-    ] })
-  ] });
-}
-var AIReceiptPanel = forwardRef(function AIReceiptPanel2({ state = "idle", result, onAttach, onRemove, onViewFile, className, ...props }, ref) {
-  if (state === "reading") {
-    return /* @__PURE__ */ jsxs(
-      "div",
+var statusLabel = {
+  "not-started": "Not started",
+  "in-progress": "In progress",
+  complete: "Complete",
+  "needs-review": "Review"
+};
+var statusClassName = {
+  "not-started": "bg-surface-2 text-fg-3 border-rule",
+  "in-progress": "bg-pro-bg text-pro-fg border-pro-line",
+  complete: "bg-success-bg text-success-fg border-success-line",
+  "needs-review": "bg-warning-bg text-warning-fg border-warning-line"
+};
+var statusDotClassName = {
+  "not-started": "bg-rule-strong",
+  "in-progress": "bg-warning-fg",
+  complete: "bg-success-fg",
+  "needs-review": "bg-brand-audit"
+};
+var QuestionnairePanel = forwardRef(
+  function QuestionnairePanel2({
+    variant = "cards",
+    eyebrow = "Questionnaire",
+    title = "Tax organizer",
+    description,
+    sections = [],
+    groups,
+    activeId,
+    onSelect,
+    className,
+    ...props
+  }, ref) {
+    const navigationGroups = groups ?? (sections.length > 0 ? [
       {
-        ref,
-        role: "status",
-        "aria-live": "polite",
-        className: cn(
-          "border-rule bg-surface-2 flex items-center gap-3 rounded-[var(--radius-input)] border p-3",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(AiSpark, { size: 18, className: "motion-safe:animate-pulse" }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("p", { className: "text-fg text-sm font-medium", children: "Reading your receipt\u2026" }),
-            /* @__PURE__ */ jsx("p", { className: "text-fg-3 text-xs", children: "Pulling the vendor, amount and a suggested category." })
-          ] })
-        ]
+        id: "questionnaire",
+        title: eyebrow,
+        icon: /* @__PURE__ */ jsx(ListChecksIcon, { size: 14, "aria-hidden": "true" }),
+        sections,
+        defaultOpen: true
       }
+    ] : []);
+    const [openGroups, setOpenGroups] = useState(
+      () => new Set(
+        navigationGroups.filter((group) => group.defaultOpen !== false && group.sections.length > 0).map((group) => group.id)
+      )
     );
-  }
-  if (state === "done" && result) {
+    const selectedCardRef = useRef(null);
+    useEffect(() => {
+      selectedCardRef.current?.scrollIntoView({
+        behavior: "smooth",
+        block: "center",
+        inline: "center"
+      });
+    }, [activeId]);
+    const toggleGroup = (id) => {
+      setOpenGroups((prev) => {
+        const next = new Set(prev);
+        if (next.has(id)) next.delete(id);
+        else next.add(id);
+        return next;
+      });
+    };
+    if (variant === "navigation") {
+      return /* @__PURE__ */ jsx(
+        "aside",
+        {
+          ref,
+          className: cn(
+            "border-rule bg-surface shadow-card flex h-full min-h-[560px] flex-col overflow-hidden rounded-[14px] border",
+            className
+          ),
+          ...props,
+          children: /* @__PURE__ */ jsx("nav", { className: "overflow-y-auto py-1", "aria-label": title, children: navigationGroups.map((group) => {
+            const isOpen = openGroups.has(group.id);
+            const hasSections = group.sections.length > 0;
+            return /* @__PURE__ */ jsxs("div", { className: "border-rule-soft border-b last:border-b-0", children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => toggleGroup(group.id),
+                  "aria-expanded": isOpen,
+                  className: cn(
+                    "text-pro-fg flex h-8 w-full items-center gap-2 px-4 text-left text-[11px] font-bold tracking-[0.08em] uppercase",
+                    "hover:bg-pro-bg/50 transition-colors duration-[var(--duration-fast)]",
+                    "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-pro-fg flex size-4 shrink-0 items-center justify-center", children: group.icon ?? /* @__PURE__ */ jsx(ListChecksIcon, { size: 14, "aria-hidden": "true" }) }),
+                    /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: group.title }),
+                    hasSections && /* @__PURE__ */ jsx(
+                      ChevronDownIcon,
+                      {
+                        size: 13,
+                        "aria-hidden": "true",
+                        className: cn(
+                          "text-pro-fg transition-transform duration-[var(--duration-fast)]",
+                          !isOpen && "-rotate-90"
+                        )
+                      }
+                    )
+                  ]
+                }
+              ),
+              isOpen && hasSections && /* @__PURE__ */ jsx("div", { className: "pb-1", children: group.sections.map((section) => {
+                const selected = section.id === activeId;
+                const status = section.status ?? "not-started";
+                return /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onSelect?.(section.id),
+                    "data-active": selected ? "true" : void 0,
+                    className: cn(
+                      "group flex h-8 w-full items-center gap-3 px-5 text-left",
+                      "text-fg-2 transition-colors duration-[var(--duration-fast)]",
+                      "hover:bg-bg-2 hover:text-fg",
+                      "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
+                      selected && "bg-pro-bg text-pro-fg font-semibold"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: cn(
+                            "text-fg-3 flex size-4 shrink-0 items-center justify-center",
+                            selected && "text-pro-fg"
+                          ),
+                          children: section.icon
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-[13px]", children: section.title }),
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          "aria-label": statusLabel[status],
+                          className: cn(
+                            "size-1.5 shrink-0 rounded-full",
+                            statusDotClassName[status]
+                          )
+                        }
+                      )
+                    ]
+                  },
+                  section.id
+                );
+              }) })
+            ] }, group.id);
+          }) })
+        }
+      );
+    }
+    const totalQuestions = sections.reduce((sum, section) => sum + (section.questionCount ?? 0), 0);
+    const completedQuestions = sections.reduce(
+      (sum, section) => sum + (section.completedCount ?? 0),
+      0
+    );
+    const percent = totalQuestions > 0 ? Math.round(completedQuestions / totalQuestions * 100) : 0;
     return /* @__PURE__ */ jsxs(
-      "div",
+      "aside",
       {
         ref,
         className: cn(
-          "border-rule bg-surface-2 flex flex-col gap-3 rounded-[var(--radius-input)] border p-3",
+          "border-rule bg-surface shadow-card flex h-auto min-h-0 flex-col rounded-[20px] border p-4",
+          "lg:sticky lg:top-6 lg:h-[calc(100vh-48px)] lg:max-h-[760px] lg:min-h-[560px]",
           className
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsxs("span", { className: "text-fg-2 inline-flex items-center gap-1.5 text-xs font-semibold", children: [
-              /* @__PURE__ */ jsx(AiSpark, { size: 14 }),
-              " Auto-filled from receipt"
-            ] }),
-            onRemove && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onRemove, children: "Remove" })
+          /* @__PURE__ */ jsxs("div", { className: "px-1 pb-4", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-pro-fg text-[11px] font-bold tracking-[0.12em] uppercase", children: eyebrow }),
+            /* @__PURE__ */ jsx("h2", { className: "text-fg mt-1 text-[21px] leading-7 font-bold", children: title }),
+            description && /* @__PURE__ */ jsx("p", { className: "text-fg-3 mt-2 text-[13px] leading-5", children: description }),
+            totalQuestions > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between gap-3", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-fg-3 text-[12px] font-semibold", children: "Progress" }),
+                /* @__PURE__ */ jsxs("span", { className: "text-fg text-[12px] font-bold tabular-nums", children: [
+                  percent,
+                  "%"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "bg-surface-3 h-2 overflow-hidden rounded-full", children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "bg-pro-fg h-full rounded-full transition-[width] duration-[var(--duration-normal)] ease-[var(--ease-out-quart)]",
+                  style: { width: `${percent}%` }
+                }
+              ) })
+            ] })
           ] }),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsxs("div", { className: "relative min-h-0 flex-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "from-surface pointer-events-none absolute inset-y-0 left-0 z-10 w-6 bg-gradient-to-r to-transparent lg:hidden" }),
+            /* @__PURE__ */ jsx("div", { className: "from-surface pointer-events-none absolute inset-y-0 right-0 z-10 w-6 bg-gradient-to-l to-transparent lg:hidden" }),
+            /* @__PURE__ */ jsx("div", { className: "from-surface pointer-events-none absolute inset-x-0 top-0 z-10 hidden h-1 bg-gradient-to-b to-transparent lg:block" }),
+            /* @__PURE__ */ jsx("div", { className: "from-surface pointer-events-none absolute inset-x-0 bottom-0 z-10 hidden h-5 bg-gradient-to-t to-transparent lg:block" }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "flex snap-x snap-mandatory gap-3 overflow-x-auto overflow-y-hidden overscroll-x-contain scroll-smooth px-1 pt-2 pb-2",
+                  "[scroll-padding-inline:2rem] lg:[scroll-padding-inline:0] lg:[scroll-padding-block:5rem]",
+                  "motion-reduce:scroll-auto",
+                  "[scrollbar-color:var(--color-pro-fg)_transparent] [scrollbar-width:thin]",
+                  "[&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar]:w-2",
+                  "[&::-webkit-scrollbar-track]:bg-transparent",
+                  "[&::-webkit-scrollbar-thumb]:bg-pro-fg/35 [&::-webkit-scrollbar-thumb]:rounded-full",
+                  "hover:[&::-webkit-scrollbar-thumb]:bg-pro-fg/55",
+                  "lg:grid lg:max-h-full lg:snap-none lg:gap-2 lg:overflow-x-hidden lg:overflow-y-auto lg:pr-1"
+                ),
+                children: sections.map((section, index) => {
+                  const selected = section.id === activeId;
+                  const status = section.status ?? "not-started";
+                  const itemPercent = section.questionCount && section.questionCount > 0 ? Math.round((section.completedCount ?? 0) / section.questionCount * 100) : 0;
+                  return /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      ref: selected ? selectedCardRef : void 0,
+                      type: "button",
+                      onClick: () => onSelect?.(section.id),
+                      "data-active": selected ? "true" : void 0,
+                      className: cn(
+                        "group border-rule bg-surface flex w-full snap-center gap-3 overflow-hidden rounded-[16px] border p-3 text-left will-change-transform",
+                        selected ? "max-w-[300px] min-w-[280px] items-start sm:min-w-[300px] lg:max-w-none lg:min-w-0" : "max-w-[240px] min-w-[220px] items-center sm:min-w-[240px] lg:max-w-none lg:min-w-0",
+                        "transition-[background-color,border-color,box-shadow,transform,min-width,max-width] duration-[var(--duration-normal)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+                        "hover:border-pro-line hover:bg-pro-bg/40 hover:-translate-y-0.5 lg:hover:translate-x-0.5 lg:hover:translate-y-0",
+                        "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
+                        selected && "border-pro-line bg-pro-bg shadow-card relative z-10 scale-[1.02]"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            className: cn(
+                              "mt-0.5 grid size-8 shrink-0 place-items-center rounded-full text-[12px] font-bold",
+                              status === "complete" ? "bg-success-bg text-success-fg" : selected ? "bg-pro-fg text-fg-on-pro" : "bg-surface-2 text-fg-3",
+                              !selected && "mt-0"
+                            ),
+                            "aria-hidden": "true",
+                            children: status === "complete" ? /* @__PURE__ */ jsx(CheckCircleSolidIcon, { size: 18 }) : index + 1
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+                          /* @__PURE__ */ jsxs("span", { className: "flex items-start justify-between gap-3", children: [
+                            /* @__PURE__ */ jsx("span", { className: "text-fg line-clamp-1 text-[14px] leading-5 font-bold", children: section.title }),
+                            !selected ? section.questionCount != null && /* @__PURE__ */ jsxs("span", { className: "text-fg-4 shrink-0 text-[12px] font-bold tabular-nums", children: [
+                              section.completedCount ?? 0,
+                              "/",
+                              section.questionCount
+                            ] }) : /* @__PURE__ */ jsx(
+                              "span",
+                              {
+                                className: cn(
+                                  "shrink-0 rounded-full border px-2 py-0.5 text-[10.5px] font-bold",
+                                  statusClassName[status]
+                                ),
+                                children: statusLabel[status]
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              className: cn(
+                                "grid transition-[grid-template-rows,opacity,transform,margin-top] duration-[var(--duration-slow)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+                                selected ? "mt-1 translate-y-0 grid-rows-[1fr] opacity-100" : "mt-0 -translate-y-1 grid-rows-[0fr] opacity-0"
+                              ),
+                              children: /* @__PURE__ */ jsxs("span", { className: "overflow-hidden", children: [
+                                section.description && /* @__PURE__ */ jsx("span", { className: "text-fg-3 mt-1 line-clamp-2 text-[12px] leading-5", children: section.description }),
+                                /* @__PURE__ */ jsxs("span", { className: "mt-3 flex items-center gap-2", children: [
+                                  section.meta && /* @__PURE__ */ jsx("span", { className: "text-fg-4 line-clamp-1 text-[11.5px] font-semibold", children: section.meta }),
+                                  section.questionCount != null && /* @__PURE__ */ jsxs("span", { className: "text-fg-4 ml-auto shrink-0 text-[11.5px] font-semibold tabular-nums", children: [
+                                    section.completedCount ?? 0,
+                                    "/",
+                                    section.questionCount
+                                  ] })
+                                ] }),
+                                section.questionCount != null && /* @__PURE__ */ jsx("span", { className: "bg-surface-3 mt-2 block h-1.5 overflow-hidden rounded-full", children: /* @__PURE__ */ jsx(
+                                  "span",
+                                  {
+                                    className: cn(
+                                      "block h-full rounded-full transition-[width] duration-[var(--duration-slow)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+                                      status === "complete" ? "bg-success-fg" : "bg-pro-fg"
+                                    ),
+                                    style: { width: `${itemPercent}%` }
+                                  }
+                                ) })
+                              ] })
+                            }
+                          )
+                        ] })
+                      ]
+                    },
+                    section.id
+                  );
+                })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "border-rule mt-auto hidden border-t px-1 pt-3 lg:block", children: /* @__PURE__ */ jsxs("div", { className: "text-fg-3 flex items-center gap-2 text-[12px] leading-5", children: [
+            /* @__PURE__ */ jsx(HelpCircleIcon, { size: 15, className: "text-pro-fg", "aria-hidden": "true" }),
+            "Pick a section to load its related questions on the right."
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+QuestionnairePanel.displayName = "QuestionnairePanel";
+var defaultOptions = [
+  { value: "yes", label: "Yes" },
+  { value: "no", label: "No" },
+  { value: "not-sure", label: "Not sure" }
+];
+var Questions = forwardRef(function Questions2({
+  index,
+  title,
+  description,
+  type = "short-text",
+  required = false,
+  chrome = "card",
+  sectionLabel,
+  hideHeader = false,
+  options = defaultOptions,
+  value = "",
+  values = [],
+  placeholder,
+  addressValue = {},
+  tableColumns = [],
+  tableRows = [],
+  files = [],
+  accept,
+  maxSize,
+  multiple,
+  currencySymbol = "$",
+  onValueChange,
+  onValuesChange,
+  onAddressChange,
+  onTableRowsChange,
+  onFilesSelected,
+  className,
+  ...props
+}, ref) {
+  const humanIndex = typeof index === "number" ? index + 1 : void 0;
+  const isSectionHeader = type === "section-header";
+  const isPlain = chrome === "plain" || isSectionHeader;
+  const showHeader = isSectionHeader || !hideHeader;
+  const toggleOption = (optionValue, checked) => {
+    const nextValues = checked ? Array.from(/* @__PURE__ */ new Set([...values, optionValue])) : values.filter((item) => item !== optionValue);
+    onValuesChange?.(nextValues);
+  };
+  const updateAddress = (key, nextValue) => {
+    onAddressChange?.({ ...addressValue, [key]: nextValue });
+  };
+  const updateRow = (rowIndex, key, nextValue) => {
+    onTableRowsChange?.(
+      tableRows.map((row, index2) => index2 === rowIndex ? { ...row, [key]: nextValue } : row)
+    );
+  };
+  const addRow = () => {
+    const emptyRow = tableColumns.reduce(
+      (row, column) => ({ ...row, [column.key]: "" }),
+      {}
+    );
+    onTableRowsChange?.([...tableRows, emptyRow]);
+  };
+  const removeRow = (rowIndex) => {
+    onTableRowsChange?.(tableRows.filter((_, index2) => index2 !== rowIndex));
+  };
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      ref,
+      className: cn(
+        "font-body",
+        isPlain ? "bg-transparent" : "border-rule bg-surface shadow-card rounded-[18px] border p-5",
+        className
+      ),
+      ...props,
+      children: [
+        showHeader && /* @__PURE__ */ jsxs("div", { className: cn("flex items-start gap-3", !isSectionHeader && "mb-4"), children: [
+          humanIndex && !isPlain && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "bg-pro-bg text-pro-fg grid size-7 shrink-0 place-items-center rounded-full text-xs font-bold",
+              children: humanIndex
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            (sectionLabel || isSectionHeader) && /* @__PURE__ */ jsx("p", { className: "text-pro-fg mb-1 text-[11px] font-bold tracking-[0.12em] uppercase", children: sectionLabel }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                "h3",
+                {
+                  className: cn(
+                    "text-fg",
+                    isSectionHeader ? "text-[22px] leading-7 font-bold" : "text-[14px] leading-5 font-bold"
+                  ),
+                  children: title
+                }
+              ),
+              required && /* @__PURE__ */ jsx("span", { className: "bg-pro-bg text-pro-fg rounded-full px-2 py-0.5 text-[11px] font-bold", children: "Required" })
+            ] }),
+            description && type !== "consent-checkbox" && /* @__PURE__ */ jsx("p", { className: "text-fg-3 mt-1 text-[13px] leading-5", children: description })
+          ] })
+        ] }),
+        type === "section-header" && null,
+        type === "short-text" && /* @__PURE__ */ jsx(
+          Input,
+          {
+            value,
+            onChange: (event) => onValueChange?.(event.target.value),
+            placeholder: placeholder ?? "Type your answer",
+            "aria-label": title,
+            className: "h-11 rounded-[12px] text-[14px]"
+          }
+        ),
+        type === "email" && /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "email",
+            value,
+            onChange: (event) => onValueChange?.(event.target.value),
+            placeholder: placeholder ?? "client@example.com",
+            "aria-label": title,
+            className: "h-11 rounded-[12px] text-[14px]"
+          }
+        ),
+        type === "phone" && /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "tel",
+            value,
+            onChange: (event) => onValueChange?.(event.target.value),
+            placeholder: placeholder ?? "(555) 123-4567",
+            "aria-label": title,
+            className: "h-11 rounded-[12px] text-[14px]"
+          }
+        ),
+        type === "ssn-sin" && /* @__PURE__ */ jsx(
+          Input,
+          {
+            value,
+            onChange: (event) => onValueChange?.(event.target.value),
+            placeholder: placeholder ?? "Enter SSN or SIN",
+            "aria-label": title,
+            inputMode: "numeric",
+            className: "h-11 rounded-[12px] text-[14px]"
+          }
+        ),
+        type === "date" && /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "date",
+            value,
+            onChange: (event) => onValueChange?.(event.target.value),
+            "aria-label": title,
+            className: "h-11 rounded-[12px] text-[14px]"
+          }
+        ),
+        type === "number" && /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            value,
+            onChange: (event) => onValueChange?.(event.target.value),
+            placeholder: placeholder ?? "0",
+            "aria-label": title,
+            className: "h-11 rounded-[12px] text-[14px]"
+          }
+        ),
+        type === "currency" && /* @__PURE__ */ jsx(
+          Input,
+          {
+            value,
+            onChange: (event) => onValueChange?.(event.target.value),
+            placeholder: placeholder ?? "0.00",
+            "aria-label": title,
+            inputMode: "decimal",
+            prefixIcon: /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold", children: currencySymbol }),
+            className: "h-11 rounded-[12px] text-[14px]"
+          }
+        ),
+        type === "percentage" && /* @__PURE__ */ jsx(
+          Input,
+          {
+            value,
+            onChange: (event) => onValueChange?.(event.target.value),
+            placeholder: placeholder ?? "0",
+            "aria-label": title,
+            inputMode: "decimal",
+            suffixIcon: /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold", children: "%" }),
+            className: "h-11 rounded-[12px] text-[14px]"
+          }
+        ),
+        type === "long-text" && /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            value,
+            onChange: (event) => onValueChange?.(event.target.value),
+            placeholder: placeholder ?? "Write a detailed answer",
+            "aria-label": title,
+            autoResize: true,
+            className: "rounded-[12px] text-[14px]"
+          }
+        ),
+        (type === "single-choice" || type === "yes-no") && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "grid gap-3",
+              type === "yes-no" ? "grid-cols-[repeat(auto-fit,minmax(78px,max-content))]" : ""
+            ),
+            role: "radiogroup",
+            "aria-label": title,
+            children: (type === "yes-no" ? [
+              { value: "yes", label: "Yes" },
+              { value: "no", label: "No" }
+            ] : options).map((option) => /* @__PURE__ */ jsx(
+              QuestionOptionButton,
+              {
+                option,
+                selected: value === option.value,
+                compact: type === "yes-no",
+                role: "radio",
+                "aria-checked": value === option.value,
+                onClick: () => onValueChange?.(option.value)
+              },
+              option.value
+            ))
+          }
+        ),
+        type === "dropdown" && /* @__PURE__ */ jsx(
+          Select,
+          {
+            options,
+            value,
+            onValueChange,
+            placeholder: placeholder ?? "Select an option",
+            "aria-label": title
+          }
+        ),
+        (type === "multi-choice" || type === "multi-select") && /* @__PURE__ */ jsx("div", { className: "grid gap-3", role: "group", "aria-label": title, children: options.map((option) => /* @__PURE__ */ jsx(
+          QuestionOptionButton,
+          {
+            option,
+            selected: values.includes(option.value),
+            role: "checkbox",
+            "aria-checked": values.includes(option.value),
+            onClick: () => toggleOption(option.value, !values.includes(option.value))
+          },
+          option.value
+        )) }),
+        type === "address" && /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: addressValue.line1 ?? "",
+              onChange: (event) => updateAddress("line1", event.target.value),
+              placeholder: "Street address",
+              "aria-label": `${title} street address`,
+              className: "h-11 rounded-[12px] text-[14px] sm:col-span-2"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: addressValue.line2 ?? "",
+              onChange: (event) => updateAddress("line2", event.target.value),
+              placeholder: "Apt, suite, unit",
+              "aria-label": `${title} address line 2`,
+              className: "h-11 rounded-[12px] text-[14px] sm:col-span-2"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: addressValue.city ?? "",
+              onChange: (event) => updateAddress("city", event.target.value),
+              placeholder: "City",
+              "aria-label": `${title} city`,
+              className: "h-11 rounded-[12px] text-[14px]"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: addressValue.region ?? "",
+              onChange: (event) => updateAddress("region", event.target.value),
+              placeholder: "State / Province",
+              "aria-label": `${title} state or province`,
+              className: "h-11 rounded-[12px] text-[14px]"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: addressValue.postalCode ?? "",
+              onChange: (event) => updateAddress("postalCode", event.target.value),
+              placeholder: "ZIP / Postal code",
+              "aria-label": `${title} zip or postal code`,
+              className: "h-11 rounded-[12px] text-[14px]"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: addressValue.country ?? "",
+              onChange: (event) => updateAddress("country", event.target.value),
+              placeholder: "Country",
+              "aria-label": `${title} country`,
+              className: "h-11 rounded-[12px] text-[14px]"
+            }
+          )
+        ] }),
+        type === "file-upload" && /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+          /* @__PURE__ */ jsx(
+            FileUpload,
+            {
+              accept,
+              maxSize,
+              multiple,
+              onFilesSelected
+            }
+          ),
+          files.length > 0 && /* @__PURE__ */ jsx("div", { className: "grid gap-2", children: files.map((file) => /* @__PURE__ */ jsx(
+            FileChip,
+            {
+              name: file.name,
+              meta: file.size ? formatBytes2(file.size) : void 0,
+              kind: file.kind ?? "doc"
+            },
+            `${file.name}-${file.size ?? "unknown"}`
+          )) })
+        ] }),
+        (type === "table" || type === "repeater") && /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+          tableRows.map((row, rowIndex) => /* @__PURE__ */ jsxs("div", { className: "border-rule bg-surface-2 rounded-[16px] border p-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between gap-3", children: [
+              /* @__PURE__ */ jsxs("span", { className: "text-fg text-[13px] font-semibold", children: [
+                type === "repeater" ? "Item" : "Row",
+                " ",
+                rowIndex + 1
+              ] }),
+              tableRows.length > 1 && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon-sm",
+                  onClick: () => removeRow(rowIndex),
+                  "aria-label": `Remove row ${rowIndex + 1}`,
+                  children: /* @__PURE__ */ jsx(TrashIcon, { size: 14, "aria-hidden": "true" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "grid gap-3 sm:grid-cols-2", children: tableColumns.map((column) => /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: column.inputType === "date" ? "date" : "text",
+                value: row[column.key] ?? "",
+                onChange: (event) => updateRow(rowIndex, column.key, event.target.value),
+                placeholder: column.placeholder ?? column.label,
+                "aria-label": `${title} ${column.label} row ${rowIndex + 1}`,
+                className: "h-11 rounded-[12px] text-[14px]",
+                inputMode: column.inputType === "number" || column.inputType === "currency" ? "decimal" : void 0,
+                prefixIcon: column.inputType === "currency" ? /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold", children: currencySymbol }) : void 0
+              },
+              column.key
+            )) })
+          ] }, rowIndex)),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "dashed",
+              size: "sm",
+              onClick: addRow,
+              iconLeft: /* @__PURE__ */ jsx(PlusIcon, { size: 14 }),
+              children: [
+                "Add ",
+                type === "repeater" ? "item" : "row"
+              ]
+            }
+          )
+        ] }),
+        type === "signature" && /* @__PURE__ */ jsxs("div", { className: "border-rule-strong bg-surface-2 rounded-[16px] border border-dashed p-5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "text-fg-2 mb-3 flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(PenSignIcon, { size: 18, "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[13px] font-semibold", children: "Signature" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value,
+              onChange: (event) => onValueChange?.(event.target.value),
+              placeholder: placeholder ?? "Type full legal name",
+              "aria-label": title,
+              className: "h-11 rounded-[12px] text-[14px]"
+            }
+          )
+        ] }),
+        type === "consent-checkbox" && /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            label: description ?? title,
+            checked: value === "true",
+            onCheckedChange: (checked) => onValueChange?.(checked === true ? "true" : "false")
+          }
+        )
+      ]
+    }
+  );
+});
+Questions.displayName = "Questions";
+function QuestionOptionButton({
+  option,
+  selected,
+  compact,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      disabled: option.disabled,
+      className: cn(
+        "group bg-surface flex w-full items-center gap-3 border text-left",
+        "transition-[border-color,background-color,color,box-shadow,transform] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
+        "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
+        "disabled:bg-bg-disabled disabled:text-fg-disabled disabled:cursor-not-allowed",
+        compact ? "h-10 max-w-max rounded-[10px] px-3" : "min-h-16 rounded-[12px] px-7 py-4",
+        selected ? compact ? "border-pro-fg bg-pro-bg text-pro-fg shadow-xs" : "border-pro-line bg-pro-bg text-pro-fg hover:bg-pro-bg-hover shadow-xs" : "border-rule-strong text-fg hover:border-pro-line hover:bg-pro-bg/40",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn(
+              "grid shrink-0 place-items-center rounded-full border transition-colors duration-[var(--duration-fast)]",
+              compact ? "size-5" : "size-4",
+              selected ? "border-pro-fg bg-pro-fg text-fg-on-pro" : "border-rule-strong bg-surface group-hover:border-pro-line text-transparent"
+            ),
+            children: selected && /* @__PURE__ */ jsx(CheckCircleSolidIcon, { size: compact ? 18 : 14 })
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: cn("truncate font-bold", compact ? "text-[13px]" : "text-[15px]"), children: option.label }),
+          option.helpText && /* @__PURE__ */ jsxs(Tooltip, { children: [
+            /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: cn("inline-flex shrink-0 cursor-help", "text-pro-fg"), children: /* @__PURE__ */ jsx(HelpCircleIcon, { size: 14, "aria-hidden": "true" }) }) }),
+            /* @__PURE__ */ jsxs(
+              TooltipContent,
+              {
+                side: "top",
+                align: "center",
+                sideOffset: 12,
+                className: cn(
+                  "border-rule bg-surface shadow-pop relative max-w-[352px] rounded-[7px] p-5 text-left",
+                  "after:border-rule after:bg-surface after:absolute after:top-full after:left-1/2 after:size-4 after:-translate-x-1/2 after:-translate-y-1/2 after:rotate-45 after:border-r after:border-b after:content-['']"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: "text-fg text-[15px] leading-5 font-bold", children: option.label }),
+                  /* @__PURE__ */ jsx("p", { className: "text-fg-2 mt-3 text-[14px] leading-6", children: option.helpText })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        option.formLabel && !compact && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "ml-auto shrink-0 text-right text-[13px] font-semibold",
+              selected ? "text-pro-fg" : "text-fg-3"
+            ),
+            children: option.formLabel
+          }
+        )
+      ]
+    }
+  );
+}
+function formatBytes2(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function AiSpark({ size = 16, className }) {
+  const id = useId();
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size * 12 / 16,
+      viewBox: "0 0 16 12",
+      fill: "none",
+      className: cn("block shrink-0", className),
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M6.24553 5.34293C5.91553 5.23294 5.91553 4.76699 6.24553 4.657L8.18254 4.01207C8.60834 3.87011 8.99522 3.63094 9.31252 3.3135C9.62982 2.99607 9.8688 2.6091 10.0105 2.18327L10.6555 0.247473C10.7655 -0.0824911 11.2315 -0.0824912 11.3415 0.247473L11.9866 2.18427C12.1285 2.61002 12.3677 2.99686 12.6852 3.31412C13.0027 3.63139 13.3897 3.87035 13.8156 4.01207L15.7516 4.657C15.8238 4.68071 15.8868 4.72664 15.9314 4.78823C15.976 4.84982 16 4.92392 16 4.99996C16 5.07601 15.976 5.15011 15.9314 5.2117C15.8868 5.27329 15.8238 5.31921 15.7516 5.34293L13.8146 5.98786C13.3889 6.12971 13.0021 6.36874 12.6848 6.68599C12.3675 7.00324 12.1284 7.39001 11.9866 7.81566L11.3415 9.75245C11.3178 9.82471 11.2719 9.88763 11.2103 9.93223C11.1487 9.97684 11.0746 10.0009 10.9985 10.0009C10.9225 10.0009 10.8484 9.97684 10.7868 9.93223C10.7252 9.88763 10.6793 9.82471 10.6555 9.75245L10.0105 7.81566C9.86867 7.39001 9.62962 7.00324 9.31233 6.68599C8.99505 6.36874 8.60823 6.12971 8.18254 5.98786L6.24553 5.34293ZM1.14651 9.20551C1.1032 9.19117 1.06552 9.16355 1.03881 9.12658C1.0121 9.0896 0.99772 9.04515 0.99772 8.99954C0.99772 8.95392 1.0121 8.90947 1.03881 8.87249C1.06552 8.83552 1.1032 8.8079 1.14651 8.79356L2.30851 8.4066C2.82651 8.23362 3.23252 7.82766 3.40552 7.30972L3.79252 6.14784C3.80686 6.10454 3.83448 6.06686 3.87146 6.04015C3.90844 6.01345 3.9529 5.99907 3.99852 5.99907C4.04414 5.99907 4.0886 6.01345 4.12558 6.04015C4.16256 6.06686 4.19018 6.10454 4.20452 6.14784L4.59152 7.30972C4.67664 7.56516 4.82009 7.79728 5.0105 7.98767C5.20091 8.17806 5.43305 8.32149 5.68853 8.4066L6.85053 8.79356C6.89384 8.8079 6.93152 8.83551 6.95823 8.87249C6.98494 8.90947 6.99932 8.95392 6.99932 8.99954C6.99932 9.04515 6.98494 9.0896 6.95823 9.12658C6.93152 9.16355 6.89384 9.19117 6.85053 9.20551L5.68853 9.59247C5.43305 9.67758 5.20091 9.82101 5.0105 10.0114C4.82009 10.2018 4.67664 10.4339 4.59152 10.6894L4.20452 11.8512C4.19018 11.8945 4.16256 11.9322 4.12558 11.9589C4.0886 11.9856 4.04414 12 3.99852 12C3.9529 12 3.90844 11.9856 3.87146 11.9589C3.83448 11.9322 3.80686 11.8945 3.79252 11.8512L3.40552 10.6894C3.3204 10.4339 3.17695 10.2018 2.98654 10.0114C2.79613 9.82101 2.56399 9.67758 2.30851 9.59247L1.14651 9.20551ZM0.097503 2.13727C0.0690292 2.1274 0.0443387 2.1089 0.0268643 2.08435C0.00938996 2.0598 1.317e-09 2.03042 0 2.00029C-1.318e-09 1.97015 0.00938995 1.94077 0.0268643 1.91622C0.0443387 1.89167 0.0690292 1.87317 0.097503 1.8633L0.871506 1.60533C1.21751 1.49034 1.48851 1.21937 1.60351 0.873408L1.86151 0.0994903C1.87138 0.0710193 1.88988 0.0463306 1.91443 0.0288584C1.93899 0.0113861 1.96837 0.00199815 1.99851 0.00199814C2.02865 0.00199814 2.05803 0.0113861 2.08259 0.0288583C2.10714 0.0463306 2.12564 0.0710193 2.13551 0.0994903L2.39351 0.873408C2.45024 1.0439 2.54593 1.19882 2.673 1.32588C2.80006 1.45293 2.955 1.54861 3.12552 1.60533L3.89952 1.8633C3.92799 1.87317 3.95268 1.89167 3.97016 1.91622C3.98763 1.94077 3.99702 1.97015 3.99702 2.00029C3.99702 2.03042 3.98763 2.0598 3.97016 2.08435C3.95268 2.1089 3.92799 2.1274 3.89952 2.13727L3.12552 2.39524C2.955 2.45196 2.80006 2.54764 2.673 2.6747C2.54593 2.80175 2.45024 2.95667 2.39351 3.12717L2.13551 3.90008C2.12564 3.92855 2.10714 3.95324 2.08259 3.97071C2.05804 3.98819 2.02865 3.99757 1.99851 3.99757C1.96837 3.99757 1.93899 3.98819 1.91443 3.97071C1.88988 3.95324 1.87138 3.92855 1.86151 3.90008L1.60351 3.12617C1.48851 2.7802 1.21751 2.50923 0.871506 2.39424L0.097503 2.13727Z",
+            fill: `url(#${id})`
+          }
+        ),
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+          "linearGradient",
+          {
+            id,
+            x1: "0.265576",
+            y1: "0.856805",
+            x2: "13.5",
+            y2: "12",
+            gradientUnits: "userSpaceOnUse",
+            children: [
+              /* @__PURE__ */ jsx("stop", { stopColor: "#9E32FF" }),
+              /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#1BB6FF" })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function Field({ label, value, confirmed }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-fg-3 text-[11px]", children: label }),
+    /* @__PURE__ */ jsxs("span", { className: "text-fg inline-flex items-center gap-1 text-sm font-medium", children: [
+      value,
+      confirmed && /* @__PURE__ */ jsx(CheckIcon, { className: "text-success-fg size-3", strokeWidth: 3 })
+    ] })
+  ] });
+}
+var AIReceiptPanel = forwardRef(function AIReceiptPanel2({ state = "idle", result, onAttach, onRemove, onViewFile, className, ...props }, ref) {
+  if (state === "reading") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "status",
+        "aria-live": "polite",
+        className: cn(
+          "border-rule bg-surface-2 flex items-center gap-3 rounded-[var(--radius-input)] border p-3",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(AiSpark, { size: 18, className: "motion-safe:animate-pulse" }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-fg text-sm font-medium", children: "Reading your receipt\u2026" }),
+            /* @__PURE__ */ jsx("p", { className: "text-fg-3 text-xs", children: "Pulling the vendor, amount and a suggested category." })
+          ] })
+        ]
+      }
+    );
+  }
+  if (state === "done" && result) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "border-rule bg-surface-2 flex flex-col gap-3 rounded-[var(--radius-input)] border p-3",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-fg-2 inline-flex items-center gap-1.5 text-xs font-semibold", children: [
+              /* @__PURE__ */ jsx(AiSpark, { size: 14 }),
+              " Auto-filled from receipt"
+            ] }),
+            onRemove && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onRemove, children: "Remove" })
+          ] }),
+          /* @__PURE__ */ jsx(
             FileChip,
             {
               name: result.file.name,
@@ -13923,36 +14942,36 @@ var DocumentDetailPanel = forwardRef(
 DocumentDetailPanel.displayName = "DocumentDetailPanel";
 var DocumentDetailHeader = forwardRef(
   function DocumentDetailHeader2({ tags, status, onClose, className, children, ...props }, ref) {
-    const showBar = tags || status || onClose;
+    const showControls = Boolean(status || onClose);
+    const tagsClearance = !showControls ? void 0 : status ? "pr-32" : "pr-12";
+    const titleClearance = !showControls || tags ? void 0 : status ? "[&>:first-child]:pr-32" : "[&>:first-child]:pr-12";
     return /* @__PURE__ */ jsxs(
       "div",
       {
         ref,
-        className: cn("border-rule shrink-0 space-y-3 border-b px-5 py-4", className),
+        className: cn("border-rule relative shrink-0 space-y-3 border-b px-5 py-4", className),
         ...props,
         children: [
-          showBar && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-wrap items-center gap-1.5", children: tags }),
-            /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
-              status,
-              onClose && /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: onClose,
-                  "aria-label": "Close",
-                  className: cn(
-                    "inline-flex size-7 shrink-0 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"
-                  ),
-                  children: /* @__PURE__ */ jsx(XIcon, { className: "size-4", "aria-hidden": "true" })
-                }
-              )
-            ] })
+          showControls && /* @__PURE__ */ jsxs("div", { className: "absolute top-4 right-5 z-10 flex shrink-0 items-center gap-2", children: [
+            status,
+            onClose && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onClose,
+                "aria-label": "Close",
+                className: cn(
+                  "inline-flex size-7 shrink-0 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"
+                ),
+                children: /* @__PURE__ */ jsx(XIcon, { className: "size-4", "aria-hidden": "true" })
+              }
+            )
           ] }),
-          children
+          tags && /* @__PURE__ */ jsx("div", { className: cn("flex min-w-0 flex-wrap items-center gap-1.5", tagsClearance), children: tags }),
+          /* @__PURE__ */ jsx("div", { className: cn("space-y-3", titleClearance), children })
         ]
       }
     );
@@ -14052,7 +15071,7 @@ var DocumentListSection = forwardRef(
   }
 );
 DocumentListSection.displayName = "DocumentListSection";
-var DocumentRow = forwardRef(function DocumentRow2({ fileName, meta, icon, actions, className, ...props }, ref) {
+var DocumentRow = forwardRef(function DocumentRow2({ fileName, meta, icon, approved, rejected, actions, className, ...props }, ref) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -14069,12 +15088,24 @@ var DocumentRow = forwardRef(function DocumentRow2({ fileName, meta, icon, actio
           "span",
           {
             "aria-hidden": "true",
-            className: "rounded-icon bg-bg-2 text-fg-3 inline-flex size-9 shrink-0 items-center justify-center",
+            className: cn(
+              "rounded-icon inline-flex size-9 shrink-0 items-center justify-center",
+              approved ? "bg-success-bg text-success-fg" : rejected ? "bg-danger-bg text-danger-fg" : "bg-bg-2 text-fg-3"
+            ),
             children: icon ?? /* @__PURE__ */ jsx(FileTextIcon, { className: "size-4.5" })
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx("div", { className: "text-fg line-clamp-1 text-sm font-medium", children: fileName }),
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-fg line-clamp-1 min-w-0 text-sm font-medium", children: fileName }),
+            approved ? /* @__PURE__ */ jsxs("span", { className: "bg-success-bg text-success-fg inline-flex shrink-0 items-center gap-1 rounded-md px-1.5 py-0.5 text-[10.5px] font-semibold", children: [
+              /* @__PURE__ */ jsx(CheckIcon, { className: "size-3", "aria-hidden": "true" }),
+              "Approved"
+            ] }) : rejected ? /* @__PURE__ */ jsxs("span", { className: "bg-danger-bg text-danger-fg inline-flex shrink-0 items-center gap-1 rounded-md px-1.5 py-0.5 text-[10.5px] font-semibold", children: [
+              /* @__PURE__ */ jsx(AlertTriangleIcon, { className: "size-3", "aria-hidden": "true" }),
+              "Rejected"
+            ] }) : null
+          ] }),
           meta && /* @__PURE__ */ jsx("div", { className: "text-fg-4 line-clamp-1 text-xs", children: meta })
         ] }),
         actions && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-0.5", children: actions })
@@ -14095,11 +15126,30 @@ var TONE_PILL = {
   danger: "bg-danger-bg text-danger-fg",
   muted: "bg-surface-2 text-fg-3"
 };
+var TONE_DOT2 = {
+  warning: "bg-warning-fg",
+  success: "bg-success-fg",
+  danger: "bg-danger-fg",
+  muted: "bg-fg-4"
+};
 function initials(name) {
   return name.split(/\s+/).slice(0, 2).map((p) => p[0]?.toUpperCase() ?? "").join("");
 }
 var DocumentRequestCard = forwardRef(
-  function DocumentRequestCard2({ title, category, highPriority, due, comment, fulfilledCount, totalCount, items, assignees = [], onOpen, className, ...props }, ref) {
+  function DocumentRequestCard2({
+    title,
+    category,
+    highPriority,
+    due,
+    comment,
+    fulfilledCount,
+    totalCount,
+    items,
+    assignees = [],
+    onOpen,
+    className,
+    ...props
+  }, ref) {
     const docWord = totalCount === 1 ? "document" : "documents";
     return /* @__PURE__ */ jsxs(
       "div",
@@ -14117,7 +15167,7 @@ var DocumentRequestCard = forwardRef(
         className: cn(
           "rounded-card border-rule bg-surface cursor-pointer overflow-hidden border shadow-sm",
           "transition-shadow duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
-          "hover:shadow-md focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)]",
+          "hover:shadow-md focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
           className
         ),
         ...props,
@@ -14131,7 +15181,14 @@ var DocumentRequestCard = forwardRef(
             /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
               /* @__PURE__ */ jsx("span", { className: "text-fg min-w-0 truncate text-sm font-semibold", children: title }),
               category && /* @__PURE__ */ jsx("span", { className: "bg-surface-2 text-fg-3 inline-flex shrink-0 items-center rounded-md px-2 py-0.5 text-xs font-medium", children: category }),
-              highPriority && /* @__PURE__ */ jsx(AlertTriangleIcon, { size: 14, className: "text-warning-fg shrink-0", "aria-label": "Urgent request" }),
+              highPriority && /* @__PURE__ */ jsx(
+                AlertTriangleIcon,
+                {
+                  size: 14,
+                  className: "text-warning-fg shrink-0",
+                  "aria-label": "Urgent request"
+                }
+              ),
               due && /* @__PURE__ */ jsx(
                 "span",
                 {
@@ -14160,12 +15217,25 @@ var DocumentRequestCard = forwardRef(
             comment,
             "\u201D"
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 px-5 pb-4 pt-3", children: items.map((item) => /* @__PURE__ */ jsxs("div", { className: "bg-surface-2 flex items-center gap-3 rounded-xl px-4 py-3.5", children: [
-            /* @__PURE__ */ jsx(FileTextIcon, { size: 16, className: "text-fg-3 shrink-0" }),
-            /* @__PURE__ */ jsx("span", { className: "text-fg min-w-0 flex-1 truncate text-sm font-semibold", children: item.label }),
-            item.docType && /* @__PURE__ */ jsx("span", { className: "border-rule bg-surface text-fg-3 inline-flex shrink-0 items-center rounded-md border px-2 py-0.5 text-[10.5px] font-semibold uppercase tracking-wide", children: item.docType }),
-            /* @__PURE__ */ jsx("span", { className: cn("shrink-0 text-[13px] font-semibold", TONE_TEXT[item.statusTone]), children: item.statusLabel })
-          ] }, item.id)) }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 px-5 pt-3 pb-4", children: items.map((item) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "bg-surface-2 flex items-center gap-3 rounded-xl px-4 py-3.5",
+              children: [
+                /* @__PURE__ */ jsx(FileTextIcon, { size: 16, className: "text-fg-3 shrink-0" }),
+                /* @__PURE__ */ jsx("span", { className: "text-fg min-w-0 flex-1 truncate text-sm font-semibold", children: item.label }),
+                item.docType && /* @__PURE__ */ jsx("span", { className: "border-rule bg-surface text-fg-3 inline-flex shrink-0 items-center rounded-md border px-2 py-0.5 text-[10.5px] font-semibold tracking-wide uppercase", children: item.docType }),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn("shrink-0 text-[13px] font-semibold", TONE_TEXT[item.statusTone]),
+                    children: item.statusLabel
+                  }
+                )
+              ]
+            },
+            item.id
+          )) }),
           /* @__PURE__ */ jsxs("div", { className: "border-rule flex items-center gap-2 border-t px-5 py-2.5", children: [
             /* @__PURE__ */ jsx(FolderClosedIcon, { size: 14, className: "text-fg-4 shrink-0" }),
             /* @__PURE__ */ jsxs("span", { className: "text-fg-3 text-[12.5px] tabular-nums", children: [
@@ -14216,7 +15286,7 @@ var DocumentRequestDetail = forwardRef(
       title,
       category,
       highPriority,
-      statusLabel,
+      statusLabel: statusLabel2,
       statusVariant = "secondary",
       requester,
       due,
@@ -14234,8 +15304,10 @@ var DocumentRequestDetail = forwardRef(
       tab,
       defaultTab = "documents",
       onTabChange,
-      clientUploads,
+      clientUploads = [],
       firmDocuments,
+      requestedItems,
+      otherUploads = [],
       onUploadFirmDocument,
       comments,
       commentDraft,
@@ -14246,21 +15318,23 @@ var DocumentRequestDetail = forwardRef(
       activity,
       className
     } = props;
-    const docCount = clientUploads.length + firmDocuments.length;
+    const clientDocCount = requestedItems ? requestedItems.reduce((n, it) => n + it.documents.length, 0) + otherUploads.length : clientUploads.length;
+    const docCount = clientDocCount + firmDocuments.length;
+    const providedCount = requestedItems?.filter((it) => it.statusTone === "success").length ?? 0;
     const selectedAssignees = assignees.filter((a) => a.selected);
     return /* @__PURE__ */ jsxs(DocumentDetailPanel, { ref, className, children: [
       /* @__PURE__ */ jsxs(
         DocumentDetailHeader,
         {
           onClose,
-          tags: /* @__PURE__ */ jsxs(Fragment, { children: [
+          tags: category || highPriority ? /* @__PURE__ */ jsxs(Fragment, { children: [
             category && /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "gap-1", children: [
               /* @__PURE__ */ jsx(FolderClosedIcon, { className: "size-3" }),
               category
             ] }),
             highPriority && /* @__PURE__ */ jsx(Badge, { variant: "warning", children: "High priority" })
-          ] }),
-          status: statusLabel ? /* @__PURE__ */ jsx(Badge, { variant: statusVariant, children: statusLabel }) : void 0,
+          ] }) : void 0,
+          status: statusLabel2 ? /* @__PURE__ */ jsx(Badge, { variant: statusVariant, children: statusLabel2 }) : void 0,
           children: [
             /* @__PURE__ */ jsx(DocumentDetailTitle, { children: title }),
             /* @__PURE__ */ jsx(
@@ -14317,7 +15391,12 @@ var DocumentRequestDetail = forwardRef(
                         },
                         className: "flex items-center gap-2.5 py-2",
                         children: [
-                          /* @__PURE__ */ jsx("span", { className: cn("size-2.5 shrink-0 rounded-full", opt.color ?? "bg-fg-4") }),
+                          /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              className: cn("size-2.5 shrink-0 rounded-full", opt.color ?? "bg-fg-4")
+                            }
+                          ),
                           /* @__PURE__ */ jsx("span", { className: "flex-1 text-sm", children: opt.label }),
                           /* @__PURE__ */ jsx(
                             "span",
@@ -14372,12 +15451,85 @@ var DocumentRequestDetail = forwardRef(
                 /* @__PURE__ */ jsx(LockIcon, { size: 15, className: "shrink-0" }),
                 "This request is locked \u2014 the client can no longer upload documents."
               ] }),
-              /* @__PURE__ */ jsxs(DocumentList, { children: [
+              /* @__PURE__ */ jsx(DocumentList, { children: requestedItems ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsxs("div", { className: "text-fg-3 px-2.5 text-[13px] font-medium tabular-nums", children: [
+                  providedCount,
+                  " of ",
+                  requestedItems.length,
+                  " provided"
+                ] }),
+                requestedItems.map((item) => /* @__PURE__ */ jsxs("section", { className: "space-y-1", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-2.5 py-1", children: [
+                    /* @__PURE__ */ jsx(FileTextIcon, { size: 15, className: "text-fg-3 shrink-0" }),
+                    /* @__PURE__ */ jsx("span", { className: "text-fg min-w-0 flex-1 truncate text-sm font-semibold", children: item.label }),
+                    item.docType && /* @__PURE__ */ jsx("span", { className: "border-rule bg-surface text-fg-3 inline-flex shrink-0 items-center rounded-md border px-1.5 py-0.5 text-[10px] font-semibold tracking-wide uppercase", children: item.docType }),
+                    /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-1.5", children: [
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          "aria-hidden": true,
+                          className: cn("size-2 rounded-full", TONE_DOT2[item.statusTone])
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: cn("text-xs font-semibold", TONE_TEXT[item.statusTone]), children: item.statusLabel })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: "space-y-0.5 pl-[1.625rem]", children: item.documents.length > 0 ? item.documents.map((d) => /* @__PURE__ */ jsx(
+                    DocumentRow,
+                    {
+                      fileName: d.fileName,
+                      meta: d.meta,
+                      approved: d.approved,
+                      rejected: d.rejected,
+                      className: d.active ? "bg-overlay-hover" : void 0,
+                      actions: /* @__PURE__ */ jsx(FileRowActions, { doc: d })
+                    },
+                    d.id
+                  )) : /* @__PURE__ */ jsx("p", { className: "text-fg-4 px-2.5 py-1.5 text-[13px]", children: "Awaiting client upload" }) })
+                ] }, item.id)),
+                otherUploads.length > 0 && /* @__PURE__ */ jsx(DocumentListSection, { label: "Other uploads", count: otherUploads.length, children: otherUploads.map((d) => /* @__PURE__ */ jsx(
+                  DocumentRow,
+                  {
+                    fileName: d.fileName,
+                    meta: d.meta,
+                    approved: d.approved,
+                    rejected: d.rejected,
+                    className: d.active ? "bg-overlay-hover" : void 0,
+                    actions: /* @__PURE__ */ jsx(FileRowActions, { doc: d })
+                  },
+                  d.id
+                )) }),
+                /* @__PURE__ */ jsx(
+                  DocumentListSection,
+                  {
+                    label: "Firm reference",
+                    count: firmDocuments.length,
+                    action: onUploadFirmDocument ? /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: onUploadFirmDocument, children: [
+                      /* @__PURE__ */ jsx(UploadIcon, {}),
+                      "Upload"
+                    ] }) : void 0,
+                    children: firmDocuments.length > 0 ? firmDocuments.map((d) => /* @__PURE__ */ jsx(
+                      DocumentRow,
+                      {
+                        fileName: d.fileName,
+                        meta: d.meta,
+                        approved: d.approved,
+                        rejected: d.rejected,
+                        className: d.active ? "bg-overlay-hover" : void 0,
+                        actions: /* @__PURE__ */ jsx(FileRowActions, { doc: d })
+                      },
+                      d.id
+                    )) : /* @__PURE__ */ jsx("p", { className: "text-fg-4 px-2.5 py-2 text-sm", children: "No firm documents attached." })
+                  }
+                )
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx(DocumentListSection, { label: "Client uploads", count: clientUploads.length, children: clientUploads.length > 0 ? clientUploads.map((d) => /* @__PURE__ */ jsx(
                   DocumentRow,
                   {
                     fileName: d.fileName,
                     meta: d.meta,
+                    approved: d.approved,
+                    rejected: d.rejected,
                     className: d.active ? "bg-overlay-hover" : void 0,
                     actions: /* @__PURE__ */ jsx(FileRowActions, { doc: d })
                   },
@@ -14397,6 +15549,8 @@ var DocumentRequestDetail = forwardRef(
                       {
                         fileName: d.fileName,
                         meta: d.meta,
+                        approved: d.approved,
+                        rejected: d.rejected,
                         className: d.active ? "bg-overlay-hover" : void 0,
                         actions: /* @__PURE__ */ jsx(FileRowActions, { doc: d })
                       },
@@ -14404,7 +15558,7 @@ var DocumentRequestDetail = forwardRef(
                     )) : /* @__PURE__ */ jsx("p", { className: "text-fg-4 px-2.5 py-2 text-sm", children: "No firm documents attached." })
                   }
                 )
-              ] })
+              ] }) })
             ] }),
             /* @__PURE__ */ jsxs(TabsContent, { value: "comments", className: "flex min-h-0 flex-1 flex-col", children: [
               /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-5 py-4", children: comments.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: comments.map((c) => /* @__PURE__ */ jsx(CommentRow, { comment: c }, c.id)) }) : /* @__PURE__ */ jsx("p", { className: "text-fg-4 text-sm", children: "No comments yet. Start the conversation below." }) }),
@@ -14467,7 +15621,7 @@ function AssigneePicker({
   const selected = assignees.filter((a) => a.selected);
   const stack = /* @__PURE__ */ jsx("span", { className: "flex -space-x-2", children: selected.map((a) => /* @__PURE__ */ jsx(Avatar, { size: "sm", name: a.name, variant: "branded" }, a.id)) });
   if (!onToggle) {
-    return /* @__PURE__ */ jsxs("span", { className: "rounded-pill border-rule inline-flex items-center gap-2 border py-1 pl-1.5 pr-2.5", children: [
+    return /* @__PURE__ */ jsxs("span", { className: "rounded-pill border-rule inline-flex items-center gap-2 border py-1 pr-2.5 pl-1.5", children: [
       stack,
       /* @__PURE__ */ jsx("span", { className: "text-fg-2 text-sm font-semibold tabular-nums", children: selected.length })
     ] });
@@ -14478,7 +15632,7 @@ function AssigneePicker({
       {
         type: "button",
         "aria-label": "Edit assignees",
-        className: "rounded-pill border-rule hover:bg-overlay-hover inline-flex items-center gap-2 border py-1 pl-1.5 pr-2.5 transition-colors focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)]",
+        className: "rounded-pill border-rule hover:bg-overlay-hover inline-flex items-center gap-2 border py-1 pr-2.5 pl-1.5 transition-colors focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
         children: [
           stack,
           /* @__PURE__ */ jsx("span", { className: "text-fg-2 text-sm font-semibold tabular-nums", children: selected.length }),
@@ -14506,23 +15660,49 @@ function AssigneePicker({
   ] });
 }
 function CommentRow({ comment }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex gap-2.5", children: [
-    /* @__PURE__ */ jsx(Avatar, { size: "sm", name: comment.author, variant: "branded" }),
-    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxs("span", { className: "text-fg truncate text-[13px] font-semibold", children: [
-          comment.author,
-          comment.you && " (You)"
-        ] }),
-        /* @__PURE__ */ jsx(Badge, { variant: comment.isFirm ? "secondary" : "info", size: "sm", children: comment.isFirm ? "Firm" : "Client" }),
-        /* @__PURE__ */ jsx("span", { className: "text-fg-4 ml-auto shrink-0 text-[11.5px]", children: comment.time })
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: "text-fg-2 mt-0.5 text-[13px] leading-snug", children: comment.body })
-    ] })
+  const { isFirm } = comment;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex gap-2.5", isFirm ? "flex-row-reverse" : "flex-row"), children: [
+    /* @__PURE__ */ jsx(Avatar, { size: "sm", name: comment.author, variant: "branded", className: "mt-0.5 shrink-0" }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("flex max-w-[78%] min-w-0 flex-col", isFirm ? "items-end" : "items-start"),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", isFirm && "flex-row-reverse"), children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-fg truncate text-[13px] font-semibold", children: [
+              comment.author,
+              comment.you && " (You)"
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "text-fg-4 shrink-0 text-[11.5px]", children: comment.time })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "mt-1 rounded-2xl px-3 py-2 text-[13px] leading-snug",
+                isFirm ? "bg-pro-bg text-pro-fg rounded-tr-sm" : "bg-surface-2 text-fg-2 rounded-tl-sm"
+              ),
+              children: /* @__PURE__ */ jsx("p", { className: "break-words whitespace-pre-wrap", children: comment.body })
+            }
+          )
+        ]
+      }
+    )
   ] });
 }
 function FileRowActions({ doc }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
+    doc.onApprove && !doc.approved && /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon-sm",
+        "aria-label": "Approve",
+        className: "hover:text-success-fg",
+        onClick: doc.onApprove,
+        children: /* @__PURE__ */ jsx(CheckIcon, {})
+      }
+    ),
     doc.onPreview && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": "Preview", onClick: doc.onPreview, children: /* @__PURE__ */ jsx(EyeIcon, {}) }),
     doc.onDownload && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": "Download", onClick: doc.onDownload, children: /* @__PURE__ */ jsx(DownloadIcon, {}) }),
     doc.onDelete && /* @__PURE__ */ jsx(
@@ -16223,6 +17403,6 @@ function SignatureEditor({
 }
 SignatureEditor.displayName = "SignatureEditor";
 
-export { AIReceiptPanel, Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, AgreementPaneHeading, AgreementViewer, AiDraftCard, 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, Assignee, 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, ChannelTabs, 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, Dash, DashGrid, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DataTableView, DatePicker, DateRangePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentFileCard, DocumentFileRow, DocumentIcon, DocumentList, DocumentListSection, DocumentRequestCard, DocumentRequestDetail, DocumentRequestField, DocumentRow, DocumentSourceFilter, DocumentSourceTag, DocumentsWorkspaceLayout, DollarSignIcon, DonutChart, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmailMessageCard, EmptyState, EngagementCard, EngagementTimeline, EngagementTimelineStep, ExtractIcon, 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, IntentBadge, 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, MoneyCell, 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, PdfPreview, PenSignIcon, PenToolIcon, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, ProposalAddOn, ProposalBillingTerms, ProposalConsentGate, ProposalCustomPage, ProposalNote, ProposalPackageCard, ProposalPaymentCapture, ProposalPricingSummary, ProposalServiceRow, ProposalSignatureBlock, ProposalSignerList, 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, SignatureEditor, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, Spinner, SpreadsheetPreview, StackedBarChart, StagePill, StarIcon, StarRating, Stat, StatusDot, StatusIcon, StatusPill, Stepper, StickyActionBar, StopIcon, StrikethroughIcon, SubmitButton, SuggestionPills, SuiteProgress, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TagsCell, TeamIcon, TeamMemberSelect, Textarea, TimeLogger, TimeLoggerActions, TimeLoggerBillable, TimeLoggerContextRow, TimeLoggerEntry, TimeLoggerEntryList, TimeLoggerField, TimeLoggerFooter, TimeLoggerHeader, TimeLoggerNotes, TimeLoggerTimer, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, attachmentChipVariants, badgeVariants, buttonVariants, cardVariants, cn, colors, dateToIso, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, formatClock, formatCurrency, formatDuration, getFlagEmoji, iconTileVariants, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, serviceToneLabel, serviceToneStyle, shadows, sidebarLinkBadgeVariants, spacing, spinnerVariants, starRatingVariants, statusDotVariants, suiteProgressFillVariants, surfaces, systemTokens, textareaVariants, typography, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
+export { AIReceiptPanel, Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, AgreementPaneHeading, AgreementViewer, AiDraftCard, 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, Assignee, 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, ChannelTabs, 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, Dash, DashGrid, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DataTableView, DatePicker, DateRangePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentFileCard, DocumentFileRow, DocumentIcon, DocumentList, DocumentListSection, DocumentRequestCard, DocumentRequestDetail, DocumentRequestField, DocumentRow, DocumentSourceFilter, DocumentSourceTag, DocumentsWorkspaceLayout, DollarSignIcon, DonutChart, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmailMessageCard, EmptyState, EngagementCard, EngagementTimeline, EngagementTimelineStep, ExtractIcon, 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, IntentBadge, 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, MoneyCell, 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, PdfPreview, PenSignIcon, PenToolIcon, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, ProposalAddOn, ProposalBillingTerms, ProposalConsentGate, ProposalCustomPage, ProposalNote, ProposalPackageCard, ProposalPaymentCapture, ProposalPricingSummary, ProposalServiceRow, ProposalSignatureBlock, ProposalSignerList, QuestionnairePanel, Questions, 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, SignatureEditor, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, Spinner, SpreadsheetPreview, StackedBarChart, StagePill, StarIcon, StarRating, Stat, StatusDot, StatusIcon, StatusPill, Stepper, StickyActionBar, StopIcon, StrikethroughIcon, SubmitButton, SuggestionPills, SuiteProgress, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TagsCell, 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