@assure-one/design-system 1.11.0 → 1.13.0

package/dist/index.js

@@ -4921,6 +4921,46 @@ var DismissibleChip = React38.forwardRef(function DismissibleChip2({ label, onDi
     }
   );
 });
+var sourceMap = {
+  requested: {
+    label: "Requested",
+    Icon: SendIcon,
+    className: "border-transparent bg-pro-bg text-pro-fg"
+  },
+  direct: {
+    label: "Direct upload",
+    Icon: UploadIcon,
+    className: "border-rule-strong text-fg-2"
+  },
+  internal: {
+    label: "Internal",
+    Icon: ShieldIcon,
+    className: "border-transparent bg-surface-2 text-fg-3"
+  }
+};
+var DocumentSourceTag = forwardRef(
+  function DocumentSourceTag2({ source, icon, hideIcon, children, className, ...props }, ref) {
+    const { label, Icon: Icon3, className: toneClass2 } = sourceMap[source];
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        className: cn(
+          "inline-flex items-center gap-1 rounded-md border py-0.5 pr-[7px] pl-1.5",
+          "text-[11px] leading-none font-semibold",
+          toneClass2,
+          className
+        ),
+        ...props,
+        children: [
+          !hideIcon && (icon ?? /* @__PURE__ */ jsx(Icon3, { size: 11, className: "shrink-0 opacity-90", "aria-hidden": "true" })),
+          children ?? label
+        ]
+      }
+    );
+  }
+);
+DocumentSourceTag.displayName = "DocumentSourceTag";
 var DocumentsWorkspaceLayout = forwardRef(function DocumentsWorkspaceLayout2({ clientsRail, folderTree, filesArea, className, ...props }, ref) {
   return /* @__PURE__ */ jsxs(
     "div",
@@ -9441,17 +9481,44 @@ function useToast() {
   if (!ctx) throw new Error("useToast must be used within <ToastProvider>");
   return ctx;
 }
+var DEFAULT_DURATION = 5e3;
+var MAX_VISIBLE = 3;
 var toastCount = 0;
+function toOptions(input) {
+  return typeof input === "string" ? { title: input } : input;
+}
 function ToastProvider({ children }) {
   const [toasts, setToasts] = useState([]);
   const removeToast = useCallback((id) => {
     setToasts((prev) => prev.filter((t) => t.id !== id));
   }, []);
   const addToast = useCallback((options) => {
+    const variant = options.variant ?? "default";
+    const duration = options.duration ?? (variant === "loading" ? 0 : DEFAULT_DURATION);
     const id = `toast-${++toastCount}`;
-    setToasts((prev) => [...prev, { id, ...options }]);
+    setToasts((prev) => {
+      if (options.dedupeKey) {
+        const existing = prev.find((t) => t.dedupeKey === options.dedupeKey);
+        if (existing) {
+          return prev.map(
+            (t) => t.dedupeKey === options.dedupeKey ? { ...t, ...options, variant, duration, seq: t.seq + 1 } : t
+          );
+        }
+      }
+      return [...prev, { id, seq: 0, ...options, variant, duration }];
+    });
     return id;
   }, []);
+  const update = useCallback((id, patch) => {
+    setToasts(
+      (prev) => prev.map((t) => {
+        if (t.id !== id) return t;
+        const variant = patch.variant ?? t.variant;
+        const duration = patch.duration ?? (patch.variant && patch.variant !== "loading" ? DEFAULT_DURATION : t.duration);
+        return { ...t, ...patch, variant, duration, seq: t.seq + 1 };
+      })
+    );
+  }, []);
   const dismiss = useCallback((id) => {
     if (id === void 0) {
       setToasts([]);
@@ -9459,9 +9526,20 @@ function ToastProvider({ children }) {
     }
     setToasts((prev) => prev.filter((t) => t.id !== id));
   }, []);
+  const promise = useCallback(
+    (p, copy) => {
+      const id = addToast({ ...toOptions(copy.loading), variant: "loading", duration: 0 });
+      p.then(
+        (value2) => update(id, { ...toOptions(typeof copy.success === "function" ? copy.success(value2) : copy.success), variant: "success" }),
+        (err) => update(id, { ...toOptions(typeof copy.error === "function" ? copy.error(err) : copy.error), variant: "destructive", duration: 6e3 })
+      );
+      return p;
+    },
+    [addToast, update]
+  );
   const value = useMemo(
-    () => ({ toast: addToast, dismiss }),
-    [addToast, dismiss]
+    () => ({ toast: addToast, dismiss, update, promise }),
+    [addToast, dismiss, update, promise]
   );
   return /* @__PURE__ */ jsxs(ToastContext, { value, children: [
     children,
@@ -9472,7 +9550,7 @@ function ToastProvider({ children }) {
         role: "region",
         "aria-live": "polite",
         "aria-label": "Notifications",
-        children: toasts.map((t) => /* @__PURE__ */ jsx(ToastItem, { toast: t, onDismiss: removeToast }, t.id))
+        children: toasts.slice(0, MAX_VISIBLE).map((t) => /* @__PURE__ */ jsx(ToastItem, { toast: t, onDismiss: removeToast }, t.id))
       }
     )
   ] });
@@ -9496,13 +9574,28 @@ var variantConfig = {
     icon: "text-warning-fg",
     bar: "bg-warning-fg",
     Icon: AlertTriangleSolidIcon
+  },
+  info: {
+    chip: "bg-info/12",
+    icon: "text-info",
+    bar: "bg-info",
+    Icon: InfoCircleSolidIcon
+  },
+  loading: {
+    chip: "bg-pro-bg",
+    icon: "text-pro-fg",
+    bar: "bg-pro-fg",
+    Icon: LoaderIcon,
+    spin: true
   }
 };
+var SWIPE_DISMISS_PX = 72;
 function ToastItem({ toast, onDismiss }) {
-  const timerRef = useRef(void 0);
   const [exiting, setExiting] = useState(false);
-  const [filled, setFilled] = useState(false);
-  const duration = toast.duration ?? 5e3;
+  const cardRef = useRef(null);
+  const barRef = useRef(null);
+  const pausedRef = useRef(false);
+  const duration = toast.duration;
   const showProgress = duration > 0;
   const close = useCallback(() => {
     setExiting(true);
@@ -9510,93 +9603,147 @@ function ToastItem({ toast, onDismiss }) {
   }, [toast.id, onDismiss]);
   useEffect(() => {
     if (!showProgress) return;
-    timerRef.current = setTimeout(close, duration);
-    return () => clearTimeout(timerRef.current);
-  }, [showProgress, duration, close]);
-  useEffect(() => {
-    if (!showProgress) return;
-    const raf = requestAnimationFrame(() => setFilled(true));
+    let raf = 0;
+    let remaining = duration;
+    let last = performance.now();
+    const tick = (now) => {
+      const dt = now - last;
+      last = now;
+      if (!pausedRef.current) {
+        remaining -= dt;
+        if (barRef.current) {
+          barRef.current.style.width = `${Math.max(0, Math.min(100, (duration - remaining) / duration * 100))}%`;
+        }
+        if (remaining <= 0) {
+          close();
+          return;
+        }
+      }
+      raf = requestAnimationFrame(tick);
+    };
+    raf = requestAnimationFrame(tick);
     return () => cancelAnimationFrame(raf);
-  }, [showProgress]);
-  const { chip, icon, bar, Icon: Icon3 } = variantConfig[toast.variant ?? "default"];
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "status",
-      "data-state": exiting ? "closed" : "open",
-      className: cn(
-        "bg-surface border-rule text-fg rounded-card shadow-card pointer-events-auto relative w-80 overflow-hidden border p-4",
-        "font-body",
-        // Unified data-state animation (spec §5.27) — same model as Dialog/Tooltip:
-        //   open  → fade+slide in over --duration-overlay (200ms), ease-out-quart
-        //   close → fade+slide out over --duration-fast    (150ms), ease-in
-        "data-[state=open]:animate-in data-[state=open]:slide-in-from-right-8 data-[state=open]:fade-in-0",
-        "data-[state=open]:duration-[var(--duration-overlay)] data-[state=open]:ease-[var(--ease-out-quart)]",
-        "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right-8 data-[state=closed]:fade-out-0",
-        "data-[state=closed]:duration-[var(--duration-fast)] data-[state=closed]:ease-[var(--ease-in)]",
-        "motion-reduce:animate-none"
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "inline-flex size-8 shrink-0 items-center justify-center rounded-[9px]",
-                chip,
-                icon
-              ),
-              "aria-hidden": "true",
-              children: /* @__PURE__ */ jsx(Icon3, { className: "size-5" })
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-fg text-sm leading-tight font-semibold", children: toast.title }),
-            toast.description && /* @__PURE__ */ jsx("p", { className: "text-fg-3 mt-0.5 text-sm leading-snug", children: toast.description }),
-            toast.action && /* @__PURE__ */ jsx(
+  }, [duration, showProgress, close, toast.seq]);
+  const dragRef = useRef(null);
+  const onPointerDown = (e) => {
+    if (e.target.closest("button")) return;
+    dragRef.current = { startX: e.clientX, dx: 0 };
+    pausedRef.current = true;
+    cardRef.current?.setPointerCapture(e.pointerId);
+  };
+  const onPointerMove = (e) => {
+    const drag = dragRef.current;
+    if (!drag || !cardRef.current) return;
+    drag.dx = Math.max(0, e.clientX - drag.startX);
+    cardRef.current.style.transform = `translateX(${drag.dx}px)`;
+    cardRef.current.style.opacity = `${Math.max(0.3, 1 - drag.dx / 240)}`;
+  };
+  const endDrag = (e) => {
+    const drag = dragRef.current;
+    dragRef.current = null;
+    cardRef.current?.releasePointerCapture?.(e.pointerId);
+    if (!drag || !cardRef.current) return;
+    if (drag.dx >= SWIPE_DISMISS_PX) {
+      close();
+      return;
+    }
+    cardRef.current.style.transform = "";
+    cardRef.current.style.opacity = "";
+    pausedRef.current = false;
+  };
+  const { chip, icon, bar, Icon: Icon3, spin } = variantConfig[toast.variant];
+  return (
+    // Pointer/hover handlers add pause-on-hover + swipe-to-dismiss as progressive
+    // enhancement only — keyboard/AT users dismiss via the explicit Dismiss
+    // button below, and the live region (role=status) still announces content.
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: cardRef,
+        role: "status",
+        "data-state": exiting ? "closed" : "open",
+        onPointerDown,
+        onPointerMove,
+        onPointerUp: endDrag,
+        onPointerCancel: endDrag,
+        onMouseEnter: () => {
+          pausedRef.current = true;
+        },
+        onMouseLeave: () => {
+          if (!dragRef.current) pausedRef.current = false;
+        },
+        onFocusCapture: () => {
+          pausedRef.current = true;
+        },
+        onBlurCapture: () => {
+          if (!dragRef.current) pausedRef.current = false;
+        },
+        className: cn(
+          "bg-surface border-rule text-fg rounded-card shadow-card pointer-events-auto relative w-80 touch-none overflow-hidden border p-4",
+          "font-body select-none",
+          // Unified data-state animation (spec §5.27) — same model as Dialog/Tooltip:
+          //   open  → fade+slide in over --duration-overlay (200ms), ease-out-quart
+          //   close → fade+slide out over --duration-fast    (150ms), ease-in
+          "data-[state=open]:animate-in data-[state=open]:slide-in-from-right-8 data-[state=open]:fade-in-0",
+          "data-[state=open]:duration-[var(--duration-overlay)] data-[state=open]:ease-[var(--ease-out-quart)]",
+          "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right-8 data-[state=closed]:fade-out-0",
+          "data-[state=closed]:duration-[var(--duration-fast)] data-[state=closed]:ease-[var(--ease-in)]",
+          "motion-reduce:animate-none"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "inline-flex size-8 shrink-0 items-center justify-center rounded-[9px]",
+                  chip,
+                  icon
+                ),
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsx(Icon3, { className: cn("size-5", spin && "animate-spin motion-reduce:animate-none") })
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-fg text-sm leading-tight font-semibold", children: toast.title }),
+              toast.description && /* @__PURE__ */ jsx("p", { className: "text-fg-3 mt-0.5 text-sm leading-snug", children: toast.description }),
+              toast.action && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    toast.action?.onClick();
+                    close();
+                  },
+                  className: cn(
+                    "text-pro-fg mt-2 text-sm font-semibold",
+                    "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] hover:underline motion-reduce:transition-none",
+                    "focus-visible:[box-shadow:var(--shadow-focus-ring)] rounded-sm focus-visible:outline-none"
+                  ),
+                  children: toast.action.label
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
-                onClick: () => {
-                  toast.action?.onClick();
-                  close();
-                },
+                onClick: close,
                 className: cn(
-                  "text-pro-fg mt-2 text-sm font-semibold",
-                  "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] hover:underline motion-reduce:transition-none",
-                  "focus-visible:[box-shadow:var(--shadow-focus-ring)] rounded-sm focus-visible:outline-none"
+                  "text-fg-4 hover:text-fg-2 rounded-icon -mr-1 inline-flex size-5 shrink-0 items-center justify-center",
+                  "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: toast.action.label
+                "aria-label": "Dismiss",
+                children: /* @__PURE__ */ jsx(XIcon, { className: "size-3.5", "aria-hidden": "true" })
               }
             )
           ] }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: close,
-              className: cn(
-                "text-fg-4 hover:text-fg-2 rounded-icon -mr-1 inline-flex size-5 shrink-0 items-center justify-center",
-                "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"
-              ),
-              "aria-label": "Dismiss",
-              children: /* @__PURE__ */ jsx(XIcon, { className: "size-3.5", "aria-hidden": "true" })
-            }
-          )
-        ] }),
-        showProgress && /* @__PURE__ */ jsx("div", { className: "bg-rule absolute inset-x-0 bottom-0 h-1", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "h-full transition-[width] ease-linear motion-reduce:transition-none",
-              bar
-            ),
-            style: { width: filled ? "100%" : "0%", transitionDuration: `${duration}ms` }
-          }
-        ) })
-      ]
-    }
+          showProgress && /* @__PURE__ */ jsx("div", { className: "bg-rule absolute inset-x-0 bottom-0 h-1", "aria-hidden": "true", children: /* @__PURE__ */ jsx("div", { ref: barRef, className: cn("h-full", bar), style: { width: "0%" } }) })
+        ]
+      }
+    )
   );
 }
 var itemVariants = cva(
@@ -9770,127 +9917,1028 @@ function IntentBadge({ tone = "muted", icon, children, className, ...props }) {
   );
 }
 IntentBadge.displayName = "IntentBadge";
-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) {
+var ICON_BTN = cn(
+  "inline-flex size-9 shrink-0 items-center justify-center rounded-[9px]",
+  "border-rule-strong bg-surface text-fg-3 border",
+  "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+  "hover:bg-bg-2 hover:text-fg",
+  "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none"
+);
+var AgreementViewer = forwardRef(
+  function AgreementViewer2({
+    title,
+    overline = "Signed agreement",
+    steps,
+    firm,
+    status = "signed",
+    banner,
+    accent,
+    coverRail = true,
+    step,
+    defaultStep = 0,
+    onStepChange,
+    onDownload,
+    onClose,
+    headerActions,
+    className
+  }, ref) {
+    const [internalStep, setInternalStep] = useState(defaultStep);
+    const current = step ?? internalStep;
+    const isControlled = step !== void 0;
+    const lastIndex = steps.length - 1;
+    const goTo = (n) => {
+      if (n < 0 || n > lastIndex || n === current) return;
+      if (!isControlled) setInternalStep(n);
+      onStepChange?.(n);
+    };
+    const isCover = current === 0;
+    const monogram = firm.initials ?? firm.name.charAt(0);
+    const bannerContent = banner === void 0 ? status === "signed" ? "Showing the services your client accepted, at the prices locked in at signing." : "Review each section at your pace, then sign whenever you're ready." : banner;
     return /* @__PURE__ */ jsxs(
       "div",
       {
         ref,
+        "data-slot": "agreement-viewer",
+        "data-status": status,
+        "data-view": isCover ? "cover" : "inner",
+        style: accent ? { "--av-accent": accent } : void 0,
         className: cn(
-          "border-rule bg-surface-2 flex flex-col gap-3 rounded-[var(--radius-input)] border p-3",
+          // Fills its container's height so the content pane scrolls internally
+          // while the header, rail, and footer stay fixed — give the parent a
+          // height (e.g. h-screen / a fixed card height). Falls back to a 600px
+          // floor so it never collapses when dropped in an unsized container.
+          // Responsive via CONTAINER queries (@container/agreement), not viewport:
+          // the side rails + generous padding only appear when the viewer's own
+          // container is wide (≥64rem). In a phone frame or a narrow panel it
+          // collapses to the single-column compact layout regardless of the
+          // browser viewport.
+          "group/agreement @container/agreement bg-bg text-fg flex h-full min-h-[600px] flex-col font-sans",
           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"
+          /* @__PURE__ */ jsxs("header", { className: "flex items-center gap-2.5 px-4 pt-4 pb-3 @5xl/agreement:gap-3.5 @5xl/agreement:px-7", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "rounded-icon flex size-9 shrink-0 items-center justify-center bg-[var(--av-accent-tint)] text-[var(--av-accent)]",
+                children: /* @__PURE__ */ jsx(EyeIcon, { className: "size-4.5" })
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-fg-3 text-[11.5px] leading-tight font-semibold", children: overline }),
+              /* @__PURE__ */ jsx("span", { className: "font-display text-fg truncate text-[17px] leading-tight font-semibold tracking-tight", children: title })
             ] }),
-            onRemove && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onRemove, children: "Remove" })
+            /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
+              !isCover && /* @__PURE__ */ jsxs("span", { className: "border-rule bg-bg-2 text-fg-2 shrink-0 rounded-md border px-2.5 py-1 text-xs font-semibold whitespace-nowrap", children: [
+                "Step ",
+                current + 1,
+                " of ",
+                steps.length
+              ] }),
+              headerActions,
+              onDownload && /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: onDownload,
+                  "aria-label": "Download PDF",
+                  className: cn(
+                    "inline-flex h-9 shrink-0 items-center gap-1.5 rounded-[9px] px-2.5 text-[13px] font-medium whitespace-nowrap @5xl/agreement:px-3.5",
+                    "border-rule-strong bg-surface text-fg border",
+                    "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+                    "hover:bg-bg-2",
+                    "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(DownloadIcon, { className: "size-4", "aria-hidden": "true" }),
+                    /* @__PURE__ */ jsx("span", { className: "hidden @5xl/agreement:inline", children: "Download PDF" })
+                  ]
+                }
+              ),
+              onClose && /* @__PURE__ */ jsx("button", { type: "button", onClick: onClose, "aria-label": "Close", className: ICON_BTN, children: /* @__PURE__ */ jsx(XIcon, { className: "size-4", "aria-hidden": "true" }) })
+            ] })
           ] }),
-          /* @__PURE__ */ jsx(
-            FileChip,
+          bannerContent != null && /* @__PURE__ */ jsxs(
+            "div",
             {
-              name: result.file.name,
-              meta: result.file.meta,
-              className: "bg-surface",
-              action: onViewFile && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onViewFile, children: "View" })
+              className: cn(
+                "mx-4 flex items-center gap-2.5 rounded-[11px] border px-4 py-2.5 text-[13.5px] font-medium @5xl/agreement:mx-7",
+                status === "signed" ? "border-success-line bg-success-bg text-success-fg" : "border-[var(--av-accent-tint2)] bg-[var(--av-accent-tint)] text-[var(--av-accent-soft)]"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(CheckIcon, { className: "size-4 shrink-0", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { children: bannerContent })
+              ]
             }
           ),
-          /* @__PURE__ */ jsxs("div", { className: "border-rule grid grid-cols-3 gap-3 border-t pt-3", children: [
-            /* @__PURE__ */ jsx(Field, { label: "Vendor", value: result.vendor }),
-            /* @__PURE__ */ jsx(Field, { label: "Amount", value: result.amount, confirmed: true }),
-            /* @__PURE__ */ jsx(Field, { label: "Date", value: result.date, confirmed: true })
-          ] })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      ref,
-      type: "button",
-      onClick: onAttach,
-      className: cn(
-        "group border-rule-strong bg-surface hover:border-pro-fg/50 hover:bg-pro-bg/40 flex w-full items-center gap-3 rounded-[var(--radius-input)] border-2 border-dashed p-3 text-left transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)] motion-reduce:transition-none",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(AiSpark, { size: 19 }),
-        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-fg block text-sm font-medium", children: "Attach receipt \u2014 auto-fill with AI" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col px-4 pt-3 pb-5 @5xl/agreement:px-7 @5xl/agreement:pb-8", children: [
+            /* @__PURE__ */ jsxs("div", { className: "border-rule bg-surface shadow-card flex min-h-0 flex-1 overflow-hidden rounded-[18px] border", children: [
+              coverRail && /* @__PURE__ */ jsxs(
+                "aside",
+                {
+                  className: "hidden w-[340px] shrink-0 flex-col overflow-y-auto p-8 text-white @5xl/agreement:group-data-[view=cover]/agreement:flex",
+                  style: {
+                    backgroundImage: "linear-gradient(166deg, var(--av-accent-light) 0%, var(--av-accent) 50%, var(--av-accent-deep) 100%)"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        className: "rounded-card flex size-[54px] items-center justify-center bg-white text-[17px] font-semibold text-[var(--av-accent)] shadow-md",
+                        children: monogram
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("div", { className: "mt-4 text-[21px] leading-tight font-semibold", children: firm.name }),
+                    firm.tagline && /* @__PURE__ */ jsx("div", { className: "mt-1.5 text-[13px] leading-snug text-white/80", children: firm.tagline }),
+                    firm.contact && /* @__PURE__ */ jsxs("div", { className: "mt-auto pt-7", children: [
+                      /* @__PURE__ */ jsx("div", { className: "mb-4 h-px bg-white/20" }),
+                      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 text-[12.5px] text-white/90", children: [
+                        firm.contact.phone && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2.5", children: [
+                          /* @__PURE__ */ jsx(PhoneIcon, { className: "size-4 shrink-0 opacity-85", "aria-hidden": "true" }),
+                          firm.contact.phone
+                        ] }),
+                        firm.contact.email && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2.5", children: [
+                          /* @__PURE__ */ jsx(MailIcon, { className: "size-4 shrink-0 opacity-85", "aria-hidden": "true" }),
+                          firm.contact.email
+                        ] }),
+                        firm.contact.website && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2.5", children: [
+                          /* @__PURE__ */ jsx(GlobeIcon, { className: "size-4 shrink-0 opacity-85", "aria-hidden": "true" }),
+                          firm.contact.website
+                        ] })
+                      ] })
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs("aside", { className: "border-rule bg-surface-2 hidden w-[300px] shrink-0 flex-col overflow-y-auto border-r px-6 py-7 @5xl/agreement:group-data-[view=inner]/agreement:flex", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "rounded-icon flex size-10 shrink-0 items-center justify-center bg-[var(--av-accent)] text-[13px] font-bold text-[var(--av-accent-contrast)]",
+                      children: monogram
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                    /* @__PURE__ */ jsx("div", { className: "text-fg truncate text-sm font-semibold", children: firm.name }),
+                    /* @__PURE__ */ jsx("div", { className: "text-fg-4 text-[11.5px]", children: firm.subtitle ?? "Your proposal" })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "text-fg-5 mt-6 text-[11.5px] font-semibold tracking-wide", children: "Sections" }),
+                /* @__PURE__ */ jsx("nav", { "aria-label": "Agreement sections", className: "mt-3 flex flex-col gap-0.5", children: steps.map((s, i) => {
+                  const on = i === current;
+                  const done = status === "signed" ? i !== current && i !== 0 : i < current;
+                  return /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => goTo(i),
+                      "aria-current": on ? "step" : void 0,
+                      "data-on": on || void 0,
+                      "data-done": done || void 0,
+                      "data-first": i === 0 || void 0,
+                      className: cn(
+                        "group/step text-fg-3 relative z-[1] flex w-full items-center gap-3.5 rounded-[12px] py-2.5 pr-3.5 pl-2 text-left text-[13.5px] font-medium",
+                        "transition-colors duration-[var(--duration-normal)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+                        "hover:bg-bg-2",
+                        "data-[on]:bg-[var(--av-accent-tint)] data-[on]:font-semibold data-[on]:text-[var(--av-accent-soft)]",
+                        "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            "aria-hidden": "true",
+                            className: cn(
+                              "relative flex size-7 shrink-0 items-center justify-center rounded-full border-[1.5px] text-[12.5px] font-semibold",
+                              "border-[var(--av-accent-tint2)] bg-[var(--color-surface)] text-[var(--av-accent)]",
+                              "transition-colors duration-[var(--duration-normal)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+                              // connector to the node above (skipped on the first step)
+                              "before:absolute before:bottom-full before:left-1/2 before:h-[18px] before:w-[2.5px] before:-translate-x-1/2 before:rounded-full before:bg-[var(--av-accent-tint2)] before:transition-colors before:content-['']",
+                              "group-data-[first]/step:before:hidden",
+                              "group-data-[done]/step:border-[var(--av-accent)] group-data-[done]/step:bg-[var(--av-accent)] group-data-[done]/step:text-[var(--av-accent-contrast)] group-data-[done]/step:before:bg-[var(--av-accent)]",
+                              "group-data-[on]/step:border-[var(--av-accent)] group-data-[on]/step:bg-[var(--av-accent)] group-data-[on]/step:text-[var(--av-accent-contrast)] group-data-[on]/step:before:bg-[var(--av-accent)]"
+                            ),
+                            children: s.icon ?? (i === 0 ? /* @__PURE__ */ jsx(HomeIcon, { className: "size-3.5" }) : done ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" }) : i)
+                          }
+                        ),
+                        /* @__PURE__ */ jsx("span", { className: "truncate", children: s.label })
+                      ]
+                    },
+                    s.id
+                  );
+                }) })
+              ] }),
+              /* @__PURE__ */ jsx("section", { className: "@container/pane scrollbar-thin flex min-w-0 flex-1 flex-col overflow-y-auto px-5 py-7 @5xl/agreement:px-[52px] @5xl/agreement:py-11", children: steps[current]?.content })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => goTo(current - 1),
+                  disabled: current === 0,
+                  className: cn(
+                    "inline-flex h-[42px] items-center gap-1.5 rounded-[11px] px-4 text-sm font-medium",
+                    "border-rule-strong bg-surface text-fg-2 border",
+                    "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+                    "hover:bg-bg-2",
+                    "disabled:border-rule disabled:text-fg-disabled disabled:cursor-default disabled:bg-transparent",
+                    "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-4", "aria-hidden": "true" }),
+                    "Previous"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children: steps.map((s, i) => /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => goTo(i),
+                  "aria-label": `Go to ${s.label}`,
+                  "aria-current": i === current ? "step" : void 0,
+                  className: cn(
+                    "bg-rule-strong h-2 rounded-full",
+                    "transition-[width,background-color] duration-[var(--duration-normal)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+                    "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
+                    i === current ? "w-[22px] bg-[var(--av-accent)]" : "w-2"
+                  )
+                },
+                s.id
+              )) }),
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => goTo(current + 1),
+                  style: current === lastIndex ? { visibility: "hidden" } : void 0,
+                  className: cn(
+                    "inline-flex h-[42px] items-center gap-2 rounded-[11px] px-5 text-sm font-semibold",
+                    "bg-[var(--av-accent)] text-[var(--av-accent-contrast)]",
+                    "transition-[filter] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+                    "hover:brightness-105",
+                    "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none"
+                  ),
+                  children: [
+                    "Next",
+                    /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4", "aria-hidden": "true" })
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+AgreementViewer.displayName = "AgreementViewer";
+var AgreementPaneHeading = forwardRef(
+  function AgreementPaneHeading2({ overline, title, subtitle, className, ...props }, ref) {
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("mb-6", className), ...props, children: [
+      overline && /* @__PURE__ */ jsx("div", { className: "mb-1.5 text-xs font-semibold tracking-wide text-[var(--av-accent-soft)]", children: overline }),
+      /* @__PURE__ */ jsx("h2", { className: "font-display text-fg text-[27px] leading-tight font-bold tracking-tight", children: title }),
+      subtitle && /* @__PURE__ */ jsx("p", { className: "text-fg-3 mt-2 text-sm leading-relaxed", children: subtitle })
+    ] });
+  }
+);
+AgreementPaneHeading.displayName = "AgreementPaneHeading";
+var ProposalServiceRow = forwardRef(
+  function ProposalServiceRow2({ name, description, price, originalPrice, marker = "check", className, ...props }, ref) {
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex items-start gap-2.5 py-1.5", className), ...props, children: [
+      marker === "check" && /* @__PURE__ */ jsx(
+        CheckIcon,
+        {
+          className: "mt-0.5 size-3.5 shrink-0 text-[var(--av-accent,var(--color-accent))]",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-fg-2 text-[12.5px] leading-snug", children: name }),
+        description && /* @__PURE__ */ jsx("div", { className: "text-fg-4 mt-0.5 text-[11.5px] leading-snug", children: description })
+      ] }),
+      (price != null || originalPrice != null) && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-baseline gap-1.5 text-xs", children: [
+        originalPrice != null && /* @__PURE__ */ jsx("span", { className: "text-fg-5 line-through", children: originalPrice }),
+        price != null && /* @__PURE__ */ jsx("span", { className: "text-fg-3 tabular", children: price })
+      ] })
+    ] });
+  }
+);
+ProposalServiceRow.displayName = "ProposalServiceRow";
+var CONTROL_LABEL = {
+  choice: ["Selected", "Select package"],
+  addon: ["Added", "Add to proposal"],
+  included: ["Included", "Included"]
+};
+var ProposalPackageCard = forwardRef(
+  function ProposalPackageCard2({
+    name,
+    summary,
+    price,
+    priceCaption,
+    originalPrice,
+    savings,
+    mode = "choice",
+    selected = false,
+    badge,
+    servicesLabel = "Included services",
+    children,
+    onSelect,
+    disabled = false,
+    className,
+    ...props
+  }, ref) {
+    const interactive = mode !== "included" && !!onSelect;
+    const [onLabel, offLabel] = CONTROL_LABEL[mode];
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-selected": selected || void 0,
+        className: cn(
+          "border-rule bg-surface relative flex flex-col rounded-[14px] border p-4",
+          "data-[selected]:border-[var(--av-accent,var(--color-accent))] data-[selected]:shadow-[0_0_0_1px_var(--av-accent,var(--color-accent))]",
+          className
+        ),
+        ...props,
+        children: [
+          (badge || selected) && /* @__PURE__ */ jsxs("span", { className: "rounded-pill absolute -top-2.5 left-4 flex items-center gap-1 bg-[var(--av-accent,var(--color-accent))] px-2 py-1 text-[10px] font-bold tracking-wide text-[var(--av-accent-contrast,var(--color-fg-on-accent))]", children: [
+            selected && /* @__PURE__ */ jsx(CheckIcon, { className: "size-3", "aria-hidden": "true" }),
+            badge ?? (selected ? onLabel : null)
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "text-fg text-[15px] font-semibold", children: name }),
+          summary && /* @__PURE__ */ jsx("div", { className: "text-fg-4 mt-0.5 text-xs", children: summary }),
+          price != null && /* @__PURE__ */ jsxs("div", { className: "mt-2.5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
+              originalPrice != null && /* @__PURE__ */ jsx("span", { className: "text-fg-5 text-base line-through", children: originalPrice }),
+              /* @__PURE__ */ jsx("span", { className: "text-fg text-[23px] font-bold tracking-tight tabular", children: price })
+            ] }),
+            priceCaption && /* @__PURE__ */ jsx("div", { className: "text-fg-4 text-[11.5px]", children: priceCaption }),
+            savings && /* @__PURE__ */ jsx("div", { className: "text-success-fg mt-1 text-[11.5px] font-semibold", children: savings })
+          ] }),
+          children && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-fg-3 mt-4 mb-1 text-[11.5px] font-semibold tracking-wide", children: servicesLabel }),
+            /* @__PURE__ */ jsx("div", { children })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-auto pt-4", children: interactive ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: mode === "addon" ? "checkbox" : "radio",
+              "aria-checked": selected,
+              disabled,
+              onClick: onSelect,
+              className: cn(
+                "rounded-input flex h-10 w-full items-center justify-center text-[13.5px] font-semibold",
+                "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",
+                selected ? "bg-[var(--av-accent,var(--color-accent))] text-[var(--av-accent-contrast,var(--color-fg-on-accent))]" : "border-rule-strong text-fg hover:bg-bg-2 border",
+                "disabled:cursor-not-allowed disabled:opacity-60"
+              ),
+              children: selected ? onLabel : offLabel
+            }
+          ) : /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "rounded-input flex h-10 w-full items-center justify-center gap-1.5 text-[13.5px] font-semibold",
+                mode === "included" ? "bg-[var(--av-accent-tint,var(--color-accent-tint))] text-[var(--av-accent-soft,var(--color-accent-2))]" : "border-rule text-fg-3 border"
+              ),
+              children: [
+                mode === "included" && /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5", "aria-hidden": "true" }),
+                selected ? onLabel : offLabel
+              ]
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+ProposalPackageCard.displayName = "ProposalPackageCard";
+var BILLING_ICON = {
+  now: CreditCardIcon,
+  auto: RotateCcwIcon,
+  review: EyeIcon,
+  manual: ReceiptIcon,
+  onetime: CheckIcon
+};
+var ProposalBillingTerms = forwardRef(
+  function ProposalBillingTerms2({ title = "How billing works", rows, locked = true, className, ...props }, ref) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn("border-rule overflow-hidden rounded-[14px] border", className),
+        ...props,
+        children: [
+          title && /* @__PURE__ */ jsx("div", { className: "border-rule bg-surface-2 text-fg border-b px-5 py-3 text-[13px] font-semibold", children: title }),
+          /* @__PURE__ */ jsx("div", { className: "divide-rule-soft divide-y", children: rows.map((r, i) => {
+            const Icon3 = BILLING_ICON[r.mode ?? "now"];
+            return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3.5 px-5 py-3.5", children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "rounded-icon mt-0.5 flex size-9 shrink-0 items-center justify-center bg-[var(--av-accent-tint,var(--color-accent-tint))] text-[var(--av-accent,var(--color-accent))]",
+                  children: /* @__PURE__ */ jsx(Icon3, { className: "size-4.5" })
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-3", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-fg text-sm font-semibold", children: r.label }),
+                  r.amount != null && /* @__PURE__ */ jsxs("span", { className: "text-fg shrink-0 text-sm font-semibold tabular", children: [
+                    r.amount,
+                    r.cadence && /* @__PURE__ */ jsx("small", { className: "text-fg-4 ml-0.5 text-xs font-medium", children: r.cadence })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "text-fg-3 mt-0.5 text-[13px] leading-snug", children: r.detail })
+              ] })
+            ] }, i);
+          }) }),
+          locked && /* @__PURE__ */ jsxs("div", { className: "border-rule bg-surface-2 text-fg-4 flex items-center gap-2 border-t px-5 py-2.5 text-[12px]", children: [
+            /* @__PURE__ */ jsx(LockIcon, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
+            "Set by your firm \u2014 you can review these terms, but not change them."
+          ] })
+        ]
+      }
+    );
+  }
+);
+ProposalBillingTerms.displayName = "ProposalBillingTerms";
+var ProposalAddOn = forwardRef(
+  function ProposalAddOn2({ name, description, price, cadence, selected = false, onToggle, disabled, className, ...props }, ref) {
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        role: "checkbox",
+        "aria-checked": selected,
+        disabled,
+        onClick: onToggle,
+        "data-selected": selected || void 0,
+        className: cn(
+          "group/addon flex w-full items-center gap-3.5 rounded-[12px] border p-4 text-left",
+          "border-rule bg-surface",
+          "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+          "hover:bg-bg-2",
+          "data-[selected]:border-[var(--av-accent,var(--color-accent))] data-[selected]:bg-[var(--av-accent-tint,var(--color-accent-tint))]",
+          "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
+          "disabled:cursor-not-allowed disabled:opacity-60",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: cn(
+                "flex size-5 shrink-0 items-center justify-center rounded-md border-[1.5px] text-transparent",
+                "border-rule-strong",
+                "group-data-[selected]/addon:border-[var(--av-accent,var(--color-accent))] group-data-[selected]/addon:bg-[var(--av-accent,var(--color-accent))] group-data-[selected]/addon:text-[var(--av-accent-contrast,var(--color-fg-on-accent))]"
+              ),
+              children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-fg text-sm font-semibold", children: name }),
+            description && /* @__PURE__ */ jsx("div", { className: "text-fg-4 text-xs", children: description })
+          ] }),
+          (price != null || cadence != null) && /* @__PURE__ */ jsxs("div", { className: "shrink-0 text-right", children: [
+            price != null && /* @__PURE__ */ jsx("div", { className: "text-fg text-[15px] font-bold tabular", children: price }),
+            cadence != null && /* @__PURE__ */ jsx("div", { className: "text-fg-4 text-[11.5px]", children: cadence })
+          ] })
+        ]
+      }
+    );
+  }
+);
+ProposalAddOn.displayName = "ProposalAddOn";
+var ProposalPricingSummary = forwardRef(
+  function ProposalPricingSummary2({
+    children,
+    billing,
+    savings,
+    tax,
+    taxLabel = "Tax",
+    originalTotal,
+    total,
+    cadence,
+    totalLabel = "Total due",
+    schedule,
+    className,
+    ...props
+  }, ref) {
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("@container/summary flex flex-col", className), ...props, children: [
+      children && /* @__PURE__ */ jsx("div", { className: "border-rule grid grid-cols-1 gap-x-6 gap-y-1 rounded-[14px] border p-6 @md/summary:grid-cols-2", children }),
+      billing && /* @__PURE__ */ jsxs("div", { className: "mt-4 rounded-[14px] border border-[var(--av-accent-tint2,var(--color-accent-tint))] bg-[var(--av-accent-tint,var(--color-accent-tint))] p-5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx("b", { className: "text-[13.5px] font-semibold text-[var(--av-accent-soft,var(--color-accent-2))]", children: billing.title ?? "Billing schedule" }),
+          billing.caption && /* @__PURE__ */ jsx("span", { className: "text-[11.5px] text-[var(--av-accent-soft,var(--color-accent-2))] opacity-80", children: billing.caption })
+        ] }),
+        billing.rows?.map((r, i) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "text-fg-2 mt-2.5 flex items-center justify-between gap-3 text-[13.5px]",
+            children: [
+              /* @__PURE__ */ jsx("span", { children: r.label }),
+              /* @__PURE__ */ jsx("b", { className: "font-semibold tabular", children: r.value })
+            ]
+          },
+          i
+        ))
+      ] }),
+      (savings || tax != null) && /* @__PURE__ */ jsxs("div", { className: "mt-4 space-y-2", children: [
+        savings && /* @__PURE__ */ jsxs("div", { className: "text-success-fg flex items-center justify-between text-[13.5px] font-medium", children: [
+          /* @__PURE__ */ jsx("span", { children: "Discount" }),
+          /* @__PURE__ */ jsx("span", { className: "tabular", children: savings })
+        ] }),
+        tax != null && /* @__PURE__ */ jsxs("div", { className: "text-fg-3 flex items-center justify-between text-[13.5px]", children: [
+          /* @__PURE__ */ jsx("span", { children: taxLabel }),
+          /* @__PURE__ */ jsx("span", { className: "tabular", children: tax })
+        ] })
+      ] }),
+      schedule ? /* @__PURE__ */ jsxs("div", { className: "border-rule mt-4 border-t pt-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-fg text-[15px] font-semibold", children: schedule.dueTodayLabel ?? "Due today" }),
+            schedule.dueTodayCaption && /* @__PURE__ */ jsx("div", { className: "text-fg-4 text-xs", children: schedule.dueTodayCaption })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "text-fg text-[26px] font-bold tabular", children: schedule.dueToday })
+        ] }),
+        schedule.then && schedule.then.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-rule-soft mt-3 space-y-1.5 border-t pt-3", children: schedule.then.map((t, i) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "text-fg-3 flex items-baseline justify-between gap-3 text-[13.5px]",
+            children: [
+              /* @__PURE__ */ jsx("span", { children: t.label ?? "Then" }),
+              /* @__PURE__ */ jsxs("span", { className: "tabular", children: [
+                /* @__PURE__ */ jsx("b", { className: "text-fg-2 font-semibold", children: t.amount }),
+                t.cadence && /* @__PURE__ */ jsx("small", { className: "text-fg-4 ml-1 text-[12px] font-medium", children: t.cadence })
+              ] })
+            ]
+          },
+          i
+        )) })
+      ] }) : total != null && /* @__PURE__ */ jsxs("div", { className: "border-rule mt-4 flex items-center justify-between border-t pt-4", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-fg text-[15px] font-semibold", children: totalLabel }),
+        /* @__PURE__ */ jsxs("span", { className: "flex items-baseline gap-2", children: [
+          originalTotal != null && /* @__PURE__ */ jsx("span", { className: "text-fg-5 text-base line-through", children: originalTotal }),
+          /* @__PURE__ */ jsx("span", { className: "text-fg text-[22px] font-bold tabular", children: total }),
+          cadence && /* @__PURE__ */ jsx("small", { className: "text-fg-4 text-[13px] font-medium", children: cadence })
+        ] })
+      ] })
+    ] });
+  }
+);
+ProposalPricingSummary.displayName = "ProposalPricingSummary";
+var KIND_META = {
+  video: { label: "Video", icon: PlayIcon },
+  pdf: { label: "Document", icon: FileTextIcon },
+  text: { label: "Read", icon: FileTextIcon }
+};
+var ProposalCustomPage = forwardRef(
+  function ProposalCustomPage2({ kind, title, caption, label, poster, onPlay, children, className, ...props }, ref) {
+    const meta = KIND_META[kind];
+    const Icon3 = meta.icon;
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col", className), ...props, children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-1.5 flex items-center gap-1.5 text-xs font-semibold tracking-wide text-[var(--av-accent-soft,var(--color-accent-2))]", children: [
+        /* @__PURE__ */ jsx(Icon3, { className: "size-3.5", "aria-hidden": "true" }),
+        label ?? meta.label
+      ] }),
+      /* @__PURE__ */ jsx("h2", { className: "font-display text-fg text-[27px] leading-tight font-bold tracking-tight", children: title }),
+      caption && /* @__PURE__ */ jsx("p", { className: "text-fg-3 mt-2 text-sm leading-relaxed", children: caption }),
+      /* @__PURE__ */ jsx("div", { className: "mt-5", children: kind === "video" && !children ? /* @__PURE__ */ jsx(PlayablePoster, { poster, onPlay, title }) : children })
+    ] });
+  }
+);
+ProposalCustomPage.displayName = "ProposalCustomPage";
+function PlayablePoster({
+  poster,
+  onPlay,
+  title
+}) {
+  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "bg-bg-3 absolute inset-0 bg-cover bg-center",
+        style: poster ? { backgroundImage: `url(${poster})` } : void 0
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "absolute inset-0 bg-black/15" }),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "rounded-full relative flex size-16 items-center justify-center bg-white/90 text-[var(--av-accent,var(--color-accent))] shadow-lg",
+        children: /* @__PURE__ */ jsx(PlayIcon, { className: "size-7" })
+      }
+    )
+  ] });
+  const cls = "relative flex aspect-video w-full items-center justify-center overflow-hidden rounded-[14px] border-rule border";
+  return onPlay ? /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: onPlay,
+      "aria-label": typeof title === "string" ? `Play ${title}` : "Play video",
+      className: cn(
+        cls,
+        "transition-[filter] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none hover:brightness-105",
+        "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none"
+      ),
+      children: inner
+    }
+  ) : /* @__PURE__ */ jsx("div", { className: cls, children: inner });
+}
+var ProposalNote = forwardRef(
+  function ProposalNote2({ title, children, tone = "accent", icon, className, ...props }, ref) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex gap-3 rounded-[12px] border p-4 text-[13.5px] leading-relaxed",
+          tone === "accent" ? "border-[var(--av-accent-tint2,var(--color-accent-tint))] bg-[var(--av-accent-tint,var(--color-accent-tint))] text-[var(--av-accent-soft,var(--color-accent-2))]" : "border-rule bg-bg-2 text-fg-2",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "mt-0.5 shrink-0", children: icon ?? /* @__PURE__ */ jsx(InfoIcon, { className: "size-4" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            title && /* @__PURE__ */ jsx("div", { className: "text-fg font-semibold", children: title }),
+            /* @__PURE__ */ jsx("div", { className: cn(title && "mt-0.5"), children })
+          ] })
+        ]
+      }
+    );
+  }
+);
+ProposalNote.displayName = "ProposalNote";
+var STATUS_META = {
+  signed: {
+    label: "Signed",
+    icon: CheckIcon,
+    className: "text-success-fg bg-success-bg border-success-line"
+  },
+  viewed: {
+    label: "Viewed",
+    icon: EyeIcon,
+    className: "text-[var(--av-accent-soft,var(--color-accent-2))] bg-[var(--av-accent-tint,var(--color-accent-tint))] border-[var(--av-accent-tint2,var(--color-accent-tint))]"
+  },
+  pending: { label: "Pending", icon: ClockIcon, className: "text-fg-3 bg-bg-2 border-rule" }
+};
+var ProposalSignerList = forwardRef(
+  function ProposalSignerList2({ signers, title = "Recipients", className, ...props }, ref) {
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col", className), ...props, children: [
+      title && /* @__PURE__ */ jsx("div", { className: "text-fg-3 mb-2 text-[11.5px] font-semibold tracking-wide", children: title }),
+      /* @__PURE__ */ jsx("div", { className: "border-rule divide-rule divide-y overflow-hidden rounded-[12px] border", children: signers.map((s, i) => {
+        const status = s.status ? STATUS_META[s.status] : null;
+        const StatusIcon2 = status?.icon;
+        const initials2 = s.name.split(" ").map((w) => w[0]).slice(0, 2).join("").toUpperCase();
+        return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "flex size-9 shrink-0 items-center justify-center rounded-full bg-[var(--av-accent-tint,var(--color-accent-tint))] text-[12.5px] font-semibold text-[var(--av-accent-soft,var(--color-accent-2))]",
+              children: initials2
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "text-fg truncate text-sm font-medium", children: [
+              s.name,
+              s.role && /* @__PURE__ */ jsx("span", { className: "text-fg-4 ml-2 text-xs font-normal", children: s.role })
+            ] }),
+            s.email && /* @__PURE__ */ jsx("div", { className: "text-fg-4 truncate text-xs", children: s.email })
+          ] }),
+          status && StatusIcon2 && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
+            /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: cn(
+                  "inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium",
+                  status.className
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(StatusIcon2, { className: "size-3", "aria-hidden": "true" }),
+                  status.label
+                ]
+              }
+            ),
+            s.at != null && /* @__PURE__ */ jsx("span", { className: "text-fg-4 text-[11px]", children: s.at })
+          ] })
+        ] }, i);
+      }) })
+    ] });
+  }
+);
+ProposalSignerList.displayName = "ProposalSignerList";
+function deriveInitials(name) {
+  return name.trim().split(/\s+/).filter(Boolean).map((w) => w[0]).slice(0, 2).join("").toUpperCase();
+}
+var ProposalSignatureBlock = forwardRef(
+  function ProposalSignatureBlock2({
+    signed = false,
+    name = "",
+    initials: initials2,
+    defaultName = "",
+    onChange,
+    placeholder = "Type your full name",
+    signatureFont = "Georgia, serif",
+    footer,
+    className,
+    ...props
+  }, ref) {
+    const [nameVal, setNameVal] = useState(defaultName);
+    const [initialsVal, setInitialsVal] = useState("");
+    const [initialsTouched, setInitialsTouched] = useState(false);
+    const displayName = signed ? name : nameVal;
+    const displayInitials = signed ? initials2 ?? deriveInitials(name) : initialsTouched ? initialsVal : deriveInitials(nameVal);
+    const emitChange = (n, i) => onChange?.({ name: n, initials: i });
+    const handleName = (v) => {
+      setNameVal(v);
+      emitChange(v, initialsTouched ? initialsVal : deriveInitials(v));
+    };
+    const handleInitials = (v) => {
+      setInitialsTouched(true);
+      setInitialsVal(v);
+      emitChange(nameVal, v);
+    };
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col", className), ...props, children: [
+      /* @__PURE__ */ jsxs("div", { className: "border-rule mb-4 flex gap-6 border-b", children: [
+        /* @__PURE__ */ jsx("span", { className: "border-[var(--av-accent,var(--color-accent))] text-fg -mb-px border-b-2 pb-2.5 text-sm font-medium", children: "Type" }),
+        /* @__PURE__ */ jsx("span", { className: "text-fg-4 pb-2.5 text-sm font-medium", children: "Draw" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "border-rule bg-surface-2 flex h-[118px] flex-1 items-center overflow-hidden rounded-[12px] border px-7", children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn("text-[46px] leading-none font-semibold", displayName ? "text-fg" : "text-fg-5"),
+            style: { fontFamily: signatureFont },
+            children: displayName || placeholder
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "border-rule bg-surface-2 flex h-[118px] w-[168px] shrink-0 items-center justify-center rounded-[12px] border", children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn("text-[34px] leading-none", displayInitials ? "text-fg-3" : "text-fg-5"),
+            style: { fontFamily: signatureFont },
+            children: displayInitials || "\u2014"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-5 grid grid-cols-[1fr_120px] gap-3.5", children: [
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-fg-3 text-xs font-medium", children: "Your legal name" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              value: displayName,
+              readOnly: signed,
+              onChange: (e) => handleName(e.target.value),
+              placeholder: signed ? void 0 : placeholder,
+              "aria-label": "Your legal name",
+              className: "border-rule-strong rounded-input text-fg-2 bg-surface h-10 border px-3 text-sm read-only:bg-[var(--color-bg-2)]"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-fg-3 text-xs font-medium", children: "Initials" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              value: displayInitials,
+              readOnly: signed,
+              onChange: (e) => handleInitials(e.target.value),
+              placeholder: signed ? void 0 : "\u2014",
+              "aria-label": "Initials",
+              className: "border-rule-strong rounded-input text-fg-2 bg-surface h-10 border px-3 text-sm read-only:bg-[var(--color-bg-2)]"
+            }
+          )
+        ] })
+      ] }),
+      footer && /* @__PURE__ */ jsx("div", { className: "mt-6", children: footer })
+    ] });
+  }
+);
+ProposalSignatureBlock.displayName = "ProposalSignatureBlock";
+var ProposalConsentGate = forwardRef(
+  function ProposalConsentGate2({ children, checked = false, onCheckedChange, signed = false, signedNote, onSign, signLabel = "Sign & approve", disabled = false, className, ...props }, ref) {
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col gap-4", className), ...props, children: [
+      !signed && /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-start gap-2.5 text-[13.5px] leading-relaxed", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked,
+            onChange: (e) => onCheckedChange?.(e.target.checked),
+            className: "mt-0.5 size-4 shrink-0 rounded accent-[var(--av-accent,var(--color-accent))]"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-fg-2", children })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+        signed ? /* @__PURE__ */ jsxs("span", { className: "text-success-fg flex items-center gap-2 text-[13px] font-medium", children: [
+          /* @__PURE__ */ jsx(CheckIcon, { className: "size-4 shrink-0", "aria-hidden": "true" }),
+          signedNote ?? "This agreement has been signed."
+        ] }) : /* @__PURE__ */ jsxs("span", { className: "text-fg-4 flex items-center gap-1.5 text-[12.5px]", children: [
+          /* @__PURE__ */ jsx(LockIcon, { className: "size-3.5", "aria-hidden": "true" }),
+          " Secure e-signature"
+        ] }),
+        onSign && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: onSign,
+            disabled: signed || !checked || disabled,
+            className: cn(
+              "inline-flex h-[46px] items-center gap-2 rounded-[12px] px-5 text-[14.5px] font-semibold",
+              "transition-[filter] 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",
+              "bg-[var(--av-accent,var(--color-accent))] text-[var(--av-accent-contrast,var(--color-fg-on-accent))] hover:brightness-105",
+              "disabled:bg-bg-disabled disabled:text-fg-disabled disabled:cursor-not-allowed disabled:brightness-100"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(PenSignIcon, { className: "size-4", "aria-hidden": "true" }),
+              signLabel
+            ]
+          }
+        )
+      ] })
+    ] });
+  }
+);
+ProposalConsentGate.displayName = "ProposalConsentGate";
+var ProposalPaymentCapture = forwardRef(
+  function ProposalPaymentCapture2({ title = "Payment at signing", amount, caption, method = "card", capturedLast4, children, className, ...props }, ref) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn("border-rule rounded-[14px] border p-5", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "rounded-card flex size-10 shrink-0 items-center justify-center bg-[var(--av-accent-tint,var(--color-accent-tint))] text-[var(--av-accent,var(--color-accent))]",
+                children: /* @__PURE__ */ jsx(CreditCardIcon, { className: "size-5" })
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsx("div", { className: "text-fg text-sm font-semibold", children: title }),
+              caption && /* @__PURE__ */ jsx("div", { className: "text-fg-4 text-xs", children: caption })
+            ] }),
+            amount != null && /* @__PURE__ */ jsx("div", { className: "text-fg text-lg font-bold tabular", children: amount })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-4", children: children ?? (capturedLast4 ? /* @__PURE__ */ jsxs("div", { className: "border-rule flex items-center gap-2.5 rounded-[10px] border px-3.5 py-3", children: [
+            /* @__PURE__ */ jsx(CreditCardIcon, { className: "text-fg-4 size-4", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsxs("span", { className: "text-fg-2 text-sm font-medium tabular", children: [
+              method === "bank" ? "Bank account" : "Card",
+              " \u2022\u2022\u2022\u2022 ",
+              capturedLast4
+            ] }),
+            /* @__PURE__ */ jsx(CheckIcon, { className: "text-success-fg ml-auto size-4", "aria-hidden": "true" })
+          ] }) : /* @__PURE__ */ jsx("div", { className: "border-rule text-fg-4 flex h-11 items-center rounded-[10px] border border-dashed px-3.5 text-sm", children: method === "bank" ? "Bank account details" : "Card number" })) })
+        ]
+      }
+    );
+  }
+);
+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",
+      {
+        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,
+              meta: result.file.meta,
+              className: "bg-surface",
+              action: onViewFile && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onViewFile, children: "View" })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "border-rule grid grid-cols-3 gap-3 border-t pt-3", children: [
+            /* @__PURE__ */ jsx(Field, { label: "Vendor", value: result.vendor }),
+            /* @__PURE__ */ jsx(Field, { label: "Amount", value: result.amount, confirmed: true }),
+            /* @__PURE__ */ jsx(Field, { label: "Date", value: result.date, confirmed: true })
+          ] })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref,
+      type: "button",
+      onClick: onAttach,
+      className: cn(
+        "group border-rule-strong bg-surface hover:border-pro-fg/50 hover:bg-pro-bg/40 flex w-full items-center gap-3 rounded-[var(--radius-input)] border-2 border-dashed p-3 text-left transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)] motion-reduce:transition-none",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(AiSpark, { size: 19 }),
+        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-fg block text-sm font-medium", children: "Attach receipt \u2014 auto-fill with AI" }),
           /* @__PURE__ */ jsx("span", { className: "text-fg-3 block text-xs", children: "We'll read the vendor, amount & suggest a category" })
         ] }),
         /* @__PURE__ */ jsx(UploadIcon, { className: "text-fg-3 size-4.5 shrink-0", "aria-hidden": "true" })
@@ -13100,7 +14148,10 @@ var ACTIVITY_ICON = {
   cancelled: XCircleSolidIcon,
   received: DownloadIcon,
   approved: CheckCircleSolidIcon,
-  needs_revision: AlertTriangleIcon
+  needs_revision: AlertTriangleIcon,
+  locked: LockIcon,
+  unlocked: LockOpenIcon,
+  status: FlagIcon
 };
 var DocumentRequestDetail = forwardRef(
   function DocumentRequestDetail2(props, ref) {
@@ -13430,6 +14481,55 @@ function FileRowActions({ doc }) {
     )
   ] });
 }
+var OPTIONS = [
+  { value: "all", label: "All" },
+  { value: "requested", label: "Requested", Icon: SendIcon },
+  { value: "direct", label: "Direct", Icon: UploadIcon },
+  { value: "internal", label: "Internal", Icon: ShieldIcon }
+];
+var DocumentSourceFilter = forwardRef(
+  function DocumentSourceFilter2({
+    value,
+    onValueChange,
+    counts,
+    hideIcons,
+    className,
+    "aria-label": ariaLabel = "Filter by document source"
+  }, ref) {
+    return /* @__PURE__ */ jsx(
+      ToggleGroup,
+      {
+        ref,
+        type: "single",
+        value,
+        onValueChange: (next) => {
+          if (next) onValueChange(next);
+        },
+        "aria-label": ariaLabel,
+        className: cn("rounded-pill border-rule bg-surface gap-0.5 border p-1", className),
+        children: OPTIONS.map(({ value: optionValue, label, Icon: Icon3 }) => {
+          const count = counts?.[optionValue];
+          const active = value === optionValue;
+          return /* @__PURE__ */ jsxs(ToggleGroupItem, { value: optionValue, className: "gap-1.5", children: [
+            !hideIcons && Icon3 && /* @__PURE__ */ jsx(Icon3, { size: 13, className: "shrink-0 opacity-90", "aria-hidden": "true" }),
+            label,
+            typeof count === "number" && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "rounded-md px-1.5 py-px text-[11px] font-bold tabular-nums",
+                  active ? "bg-pro-bg-active text-pro-fg" : "bg-surface-2 text-fg-4"
+                ),
+                children: count
+              }
+            )
+          ] }, optionValue);
+        })
+      }
+    );
+  }
+);
+DocumentSourceFilter.displayName = "DocumentSourceFilter";
 var ActivityList = forwardRef(function ActivityList2({ className, children, ...props }, ref) {
   return /* @__PURE__ */ jsx("ul", { ref, className: cn("flex flex-col", className), ...props, children });
 });
@@ -15066,6 +16166,6 @@ function SignatureEditor({
 }
 SignatureEditor.displayName = "SignatureEditor";
 
-export { AIReceiptPanel, Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, 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, 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, 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, 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