@assure-one/design-system 1.10.0 → 1.12.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",
@@ -8798,7 +8838,10 @@ var statusMap = {
   draft: { variant: "secondary", label: "Draft" },
   pending: { variant: "secondary", label: "Pending" },
   overdue: { variant: "destructive", label: "Overdue" },
-  declined: { variant: "destructive", label: "Declined" }
+  declined: { variant: "destructive", label: "Declined" },
+  // Document visibility: firm-only (internal) vs shared with the client portal.
+  internal: { variant: "secondary", label: "Internal" },
+  shared: { variant: "info", label: "Shared" }
 };
 var StatusPill = forwardRef(function StatusPill2({ status, dot = true, children, ...props }, ref) {
   const { variant, label } = statusMap[status];
@@ -9767,6 +9810,907 @@ function IntentBadge({ tone = "muted", icon, children, className, ...props }) {
   );
 }
 IntentBadge.displayName = "IntentBadge";
+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(
+          // 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
+        ),
+        children: [
+          /* @__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 })
+            ] }),
+            /* @__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" }) })
+            ] })
+          ] }),
+          bannerContent != null && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              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: "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(
@@ -13097,7 +14041,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) {
@@ -13193,19 +14140,37 @@ var DocumentRequestDetail = forwardRef(
                   /* @__PURE__ */ jsx(FlagIcon, {}),
                   "Status"
                 ] }) }),
-                /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-48", children: [
-                  /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Set status" }),
-                  /* @__PURE__ */ jsxs(
-                    DropdownMenuRadioGroup,
-                    {
-                      value: reviewStatus ?? "",
-                      onValueChange: (v) => onSetReviewStatus(v || null),
-                      children: [
-                        reviewStatusOptions.map((opt) => /* @__PURE__ */ jsx(DropdownMenuRadioItem, { value: opt.value, children: opt.label }, opt.value)),
-                        /* @__PURE__ */ jsx(DropdownMenuRadioItem, { value: "", children: "Auto (clear)" })
-                      ]
-                    }
-                  )
+                /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-60", children: [
+                  /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Set request status" }),
+                  reviewStatusOptions.map((opt) => {
+                    const checked = reviewStatus === opt.value;
+                    return /* @__PURE__ */ jsxs(
+                      DropdownMenuItem,
+                      {
+                        onSelect: (e) => {
+                          e.preventDefault();
+                          onSetReviewStatus(checked ? null : opt.value);
+                        },
+                        className: "flex items-center gap-2.5 py-2",
+                        children: [
+                          /* @__PURE__ */ jsx("span", { className: cn("size-2.5 shrink-0 rounded-full", opt.color ?? "bg-fg-4") }),
+                          /* @__PURE__ */ jsx("span", { className: "flex-1 text-sm", children: opt.label }),
+                          /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              "aria-hidden": "true",
+                              className: cn(
+                                "grid size-4 shrink-0 place-items-center rounded-[5px] border transition-colors duration-[var(--duration-fast)] motion-reduce:transition-none",
+                                checked ? "bg-pro-fg border-pro-fg text-fg-on-pro" : "border-rule"
+                              ),
+                              children: checked && /* @__PURE__ */ jsx(CheckIcon, { className: "size-3" })
+                            }
+                          )
+                        ]
+                      },
+                      opt.value
+                    );
+                  })
                 ] })
               ] }),
               /* @__PURE__ */ jsxs(Button, { variant: "secondary", size: "sm", className: "text-danger-fg", onClick: onDelete, children: [
@@ -13238,39 +14203,45 @@ var DocumentRequestDetail = forwardRef(
                 activity.length
               ] })
             ] }),
-            /* @__PURE__ */ jsx(TabsContent, { value: "documents", className: "min-h-0 flex-1 overflow-y-auto px-5 py-4", children: /* @__PURE__ */ jsxs(DocumentList, { children: [
-              /* @__PURE__ */ jsx(DocumentListSection, { label: "Client uploads", count: clientUploads.length, children: clientUploads.length > 0 ? clientUploads.map((d) => /* @__PURE__ */ jsx(
-                DocumentRow,
-                {
-                  fileName: d.fileName,
-                  meta: d.meta,
-                  className: d.active ? "bg-overlay-hover" : void 0,
-                  actions: /* @__PURE__ */ jsx(FileRowActions, { doc: d })
-                },
-                d.id
-              )) : /* @__PURE__ */ jsx("p", { className: "text-fg-4 px-2.5 py-2 text-sm", children: "No client uploads yet." }) }),
-              /* @__PURE__ */ jsx(
-                DocumentListSection,
-                {
-                  label: "Firm documents",
-                  count: firmDocuments.length,
-                  action: onUploadFirmDocument ? /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: onUploadFirmDocument, children: [
-                    /* @__PURE__ */ jsx(UploadIcon, {}),
-                    "Upload"
-                  ] }) : void 0,
-                  children: firmDocuments.length > 0 ? firmDocuments.map((d) => /* @__PURE__ */ jsx(
-                    DocumentRow,
-                    {
-                      fileName: d.fileName,
-                      meta: d.meta,
-                      className: d.active ? "bg-overlay-hover" : void 0,
-                      actions: /* @__PURE__ */ jsx(FileRowActions, { doc: d })
-                    },
-                    d.id
-                  )) : /* @__PURE__ */ jsx("p", { className: "text-fg-4 px-2.5 py-2 text-sm", children: "No firm documents attached." })
-                }
-              )
-            ] }) }),
+            /* @__PURE__ */ jsxs(TabsContent, { value: "documents", className: "min-h-0 flex-1 overflow-y-auto px-5 py-4", children: [
+              isLocked && /* @__PURE__ */ jsxs("div", { className: "bg-pro-bg text-pro-fg mb-4 flex items-center gap-2 rounded-lg px-3 py-2.5 text-[13px] font-medium", children: [
+                /* @__PURE__ */ jsx(LockIcon, { size: 15, className: "shrink-0" }),
+                "This request is locked \u2014 the client can no longer upload documents."
+              ] }),
+              /* @__PURE__ */ jsxs(DocumentList, { children: [
+                /* @__PURE__ */ jsx(DocumentListSection, { label: "Client uploads", count: clientUploads.length, children: clientUploads.length > 0 ? clientUploads.map((d) => /* @__PURE__ */ jsx(
+                  DocumentRow,
+                  {
+                    fileName: d.fileName,
+                    meta: d.meta,
+                    className: d.active ? "bg-overlay-hover" : void 0,
+                    actions: /* @__PURE__ */ jsx(FileRowActions, { doc: d })
+                  },
+                  d.id
+                )) : /* @__PURE__ */ jsx("p", { className: "text-fg-4 px-2.5 py-2 text-sm", children: "No client uploads yet." }) }),
+                /* @__PURE__ */ jsx(
+                  DocumentListSection,
+                  {
+                    label: "Firm documents",
+                    count: firmDocuments.length,
+                    action: onUploadFirmDocument ? /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: onUploadFirmDocument, children: [
+                      /* @__PURE__ */ jsx(UploadIcon, {}),
+                      "Upload"
+                    ] }) : void 0,
+                    children: firmDocuments.length > 0 ? firmDocuments.map((d) => /* @__PURE__ */ jsx(
+                      DocumentRow,
+                      {
+                        fileName: d.fileName,
+                        meta: d.meta,
+                        className: d.active ? "bg-overlay-hover" : void 0,
+                        actions: /* @__PURE__ */ jsx(FileRowActions, { doc: d })
+                      },
+                      d.id
+                    )) : /* @__PURE__ */ jsx("p", { className: "text-fg-4 px-2.5 py-2 text-sm", children: "No firm documents attached." })
+                  }
+                )
+              ] })
+            ] }),
             /* @__PURE__ */ jsxs(TabsContent, { value: "comments", className: "flex min-h-0 flex-1 flex-col", children: [
               /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-5 py-4", children: comments.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: comments.map((c) => /* @__PURE__ */ jsx(CommentRow, { comment: c }, c.id)) }) : /* @__PURE__ */ jsx("p", { className: "text-fg-4 text-sm", children: "No comments yet. Start the conversation below." }) }),
               /* @__PURE__ */ jsxs("div", { className: "border-rule shrink-0 border-t px-5 py-3", children: [
@@ -13403,6 +14374,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 });
 });
@@ -15039,6 +16059,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