@pcoi/components 0.1.1 → 0.1.2

package/dist/index.mjs

@@ -1,59 +1,59 @@
 import { jsxs as n, jsx as e, Fragment as j } from "react/jsx-runtime";
-import _, { useState as C, useEffect as y, useRef as w, useCallback as x } from "react";
-import { ChevronDownIcon as A, CloseIcon as E, ArrowRightIcon as z } from "@pcoi/icons";
+import _, { useState as x, useEffect as y, useRef as w, useCallback as $ } from "react";
+import { ChevronDownIcon as z, CloseIcon as E, ArrowRightIcon as Y } from "@pcoi/icons";
 import { createPortal as F } from "react-dom";
 const I = _.forwardRef(
-  ({ href: c = "#", className: o = "", ...a }, l) => /* @__PURE__ */ n("a", { ref: l, href: c, className: `pcoi-logo ${o}`, ...a, children: [
-    /* @__PURE__ */ e("span", { className: "pcoi-logo__mark", children: "P" }),
+  ({ href: i = "#", className: l = "", ...a }, o) => /* @__PURE__ */ n("a", { ref: o, href: i, className: `pcoi-logo ${l}`, "aria-label": "PCOI home", ...a, children: [
+    /* @__PURE__ */ e("span", { className: "pcoi-logo__mark", "aria-hidden": "true", children: "P" }),
     "COI"
   ] })
 );
 I.displayName = "LogoMark";
-const R = _.forwardRef(
-  ({ variant: c = "primary", size: o = "default", children: a, className: l = "", ...i }, s) => {
+const k = _.forwardRef(
+  ({ variant: i = "primary", size: l = "default", children: a, className: o = "", ...c }, s) => {
     const r = [
       "pcoi-btn",
-      `pcoi-btn--${c}`,
-      o !== "default" ? `pcoi-btn--${o}` : "",
-      l
+      `pcoi-btn--${i}`,
+      l !== "default" ? `pcoi-btn--${l}` : "",
+      o
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e("button", { ref: s, className: r, ...i, children: a });
+    return /* @__PURE__ */ e("button", { ref: s, className: r, ...c, children: a });
   }
 );
-R.displayName = "Button";
+k.displayName = "Button";
 const g = _.forwardRef(
   ({
-    label: c,
-    name: o,
+    label: i,
+    name: l,
     multiline: a = !1,
-    rows: l = 3,
-    error: i,
+    rows: o = 3,
+    error: c,
     required: s = !1,
     disabled: r = !1,
-    className: t = "",
+    className: d = "",
     ...p
-  }, d) => {
-    const h = `pcoi-field-${o}`, m = i ? `${h}-error` : void 0, u = [
+  }, t) => {
+    const h = `pcoi-field-${l}`, m = c ? `${h}-error` : void 0, N = [
       "pcoi-field",
-      i ? "pcoi-field--error" : "",
+      c ? "pcoi-field--error" : "",
       r ? "pcoi-field--disabled" : "",
-      t
+      d
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ n("div", { className: u, children: [
+    return /* @__PURE__ */ n("div", { className: N, children: [
       /* @__PURE__ */ n("label", { htmlFor: h, className: "pcoi-field__label", children: [
-        c,
+        i,
         s && /* @__PURE__ */ e("span", { className: "pcoi-field__required", "aria-hidden": "true", children: "*" })
       ] }),
       a ? /* @__PURE__ */ e(
         "textarea",
         {
-          ref: d,
+          ref: t,
           id: h,
-          name: o,
-          rows: l,
+          name: l,
+          rows: o,
           required: s,
           disabled: r,
-          "aria-invalid": !!i,
+          "aria-invalid": !!c,
           "aria-describedby": m,
           className: "pcoi-field__textarea",
           ...p
@@ -61,83 +61,83 @@ const g = _.forwardRef(
       ) : /* @__PURE__ */ e(
         "input",
         {
-          ref: d,
+          ref: t,
           id: h,
-          name: o,
+          name: l,
           required: s,
           disabled: r,
-          "aria-invalid": !!i,
+          "aria-invalid": !!c,
           "aria-describedby": m,
           className: "pcoi-field__input",
           ...p
         }
       ),
-      i && /* @__PURE__ */ e("span", { id: m, className: "pcoi-field__error", role: "alert", children: i })
+      c && /* @__PURE__ */ e("span", { id: m, className: "pcoi-field__error", role: "alert", children: c })
     ] });
   }
 );
 g.displayName = "FormField";
-const Y = _.forwardRef(
-  ({ variant: c = "problem", title: o, description: a, icon: l, number: i, headingLevel: s = "h3", className: r = "", ...t }, p) => {
-    const d = s, h = [
+const V = _.forwardRef(
+  ({ variant: i = "problem", title: l, description: a, icon: o, number: c, headingLevel: s = "h3", className: r = "", ...d }, p) => {
+    const t = s, h = [
       "pcoi-card",
-      `pcoi-card--${c}`,
+      `pcoi-card--${i}`,
       r
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ n("div", { ref: p, className: h, ...t, children: [
-      c === "problem" && l && /* @__PURE__ */ e("div", { className: "pcoi-card__icon", children: l }),
-      c === "principle" && i && /* @__PURE__ */ e("div", { className: "pcoi-card__number", children: i }),
-      /* @__PURE__ */ e(d, { className: "pcoi-card__title", children: o }),
+    return /* @__PURE__ */ n("div", { ref: p, className: h, ...d, children: [
+      i === "problem" && o && /* @__PURE__ */ e("div", { className: "pcoi-card__icon", children: o }),
+      i === "principle" && c && /* @__PURE__ */ e("div", { className: "pcoi-card__number", children: c }),
+      /* @__PURE__ */ e(t, { className: "pcoi-card__title", children: l }),
       /* @__PURE__ */ e("p", { className: "pcoi-card__description", children: a })
     ] });
   }
 );
-Y.displayName = "Card";
+V.displayName = "Card";
 const W = _.forwardRef(
   ({
-    links: c = [
+    links: i = [
       { label: "Problem", href: "#problem" },
       { label: "How It Works", href: "#how-it-works" },
       { label: "Difference", href: "#difference" },
       { label: "Who It's For", href: "#who" }
     ],
-    ctaLabel: o = "Start a Conversation",
+    ctaLabel: l = "Start a Conversation",
     ctaHref: a = "#contact",
-    onCtaClick: l,
-    className: i = "",
+    onCtaClick: o,
+    className: c = "",
     ...s
   }, r) => {
-    const [t, p] = C(!1), [d, h] = C(!1);
+    const [d, p] = x(!1), [t, h] = x(!1);
     return y(() => {
       const m = () => p(window.scrollY > 40);
       return window.addEventListener("scroll", m, { passive: !0 }), m(), () => window.removeEventListener("scroll", m);
     }, []), y(() => {
-      if (!d) return;
-      const m = (u) => {
-        u.key === "Escape" && h(!1);
+      if (!t) return;
+      const m = (N) => {
+        N.key === "Escape" && h(!1);
       };
       return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
-    }, [d]), /* @__PURE__ */ n(
+    }, [t]), /* @__PURE__ */ n(
       "nav",
       {
         ref: r,
-        className: `pcoi-nav ${t ? "pcoi-nav--scrolled" : ""} ${d ? "pcoi-nav--menu-open" : ""} ${i}`,
+        className: `pcoi-nav ${d ? "pcoi-nav--scrolled" : ""} ${t ? "pcoi-nav--menu-open" : ""} ${c}`,
         "aria-label": "Main",
         ...s,
         children: [
           /* @__PURE__ */ n("div", { className: "pcoi-nav__inner", children: [
             /* @__PURE__ */ e(I, {}),
             /* @__PURE__ */ n("div", { className: "pcoi-nav__links", children: [
-              c.map((m) => /* @__PURE__ */ e("a", { href: m.href, "data-track-id": m.trackingId, children: m.label }, m.href)),
-              /* @__PURE__ */ e("a", { href: a, children: /* @__PURE__ */ e(R, { variant: "nav-cta", onClick: l, children: o }) })
+              i.map((m) => /* @__PURE__ */ e("a", { href: m.href, "data-track-id": m.trackingId, children: m.label }, m.href)),
+              /* @__PURE__ */ e("a", { href: a, children: /* @__PURE__ */ e(k, { variant: "nav-cta", onClick: o, children: l }) })
             ] }),
             /* @__PURE__ */ n(
               "button",
               {
-                className: `pcoi-nav__hamburger ${d ? "pcoi-nav__hamburger--active" : ""}`,
-                onClick: () => h(!d),
+                className: `pcoi-nav__hamburger ${t ? "pcoi-nav__hamburger--active" : ""}`,
+                onClick: () => h(!t),
                 "aria-label": "Toggle menu",
-                "aria-expanded": d,
+                "aria-expanded": t,
                 "aria-controls": "pcoi-mobile-menu",
                 children: [
                   /* @__PURE__ */ e("span", {}),
@@ -147,11 +147,11 @@ const W = _.forwardRef(
               }
             )
           ] }),
-          /* @__PURE__ */ n("div", { className: "pcoi-nav__mobile-menu", id: "pcoi-mobile-menu", children: [
-            c.map((m) => /* @__PURE__ */ e("a", { href: m.href, "data-track-id": m.trackingId, onClick: () => h(!1), children: m.label }, m.href)),
-            /* @__PURE__ */ e("a", { href: a, children: /* @__PURE__ */ e(R, { variant: "nav-cta", onClick: () => {
-              l == null || l(), h(!1);
-            }, children: o }) })
+          /* @__PURE__ */ n("div", { className: "pcoi-nav__mobile-menu", id: "pcoi-mobile-menu", role: "menu", "aria-hidden": !t, children: [
+            i.map((m) => /* @__PURE__ */ e("a", { href: m.href, "data-track-id": m.trackingId, role: "menuitem", tabIndex: t ? 0 : -1, onClick: () => h(!1), children: m.label }, m.href)),
+            /* @__PURE__ */ e("a", { href: a, children: /* @__PURE__ */ e(k, { variant: "nav-cta", onClick: () => {
+              o == null || o(), h(!1);
+            }, children: l }) })
           ] })
         ]
       }
@@ -160,55 +160,55 @@ const W = _.forwardRef(
 );
 W.displayName = "Nav";
 const K = _.forwardRef(
-  ({ label: c, title: o, titleEmphasis: a, description: l, headingLevel: i = "h2", className: s = "", ...r }, t) => {
-    const p = i;
-    return /* @__PURE__ */ n("div", { ref: t, className: `pcoi-section-header ${s}`, ...r, children: [
-      /* @__PURE__ */ e("span", { className: "pcoi-section-header__label", children: c }),
+  ({ label: i, title: l, titleEmphasis: a, description: o, headingLevel: c = "h2", className: s = "", ...r }, d) => {
+    const p = c;
+    return /* @__PURE__ */ n("div", { ref: d, className: `pcoi-section-header ${s}`, ...r, children: [
+      /* @__PURE__ */ e("span", { className: "pcoi-section-header__label", children: i }),
       /* @__PURE__ */ e(p, { className: "pcoi-section-header__title", children: a ? /* @__PURE__ */ n(j, { children: [
-        o.replace(a, ""),
+        l.replace(a, ""),
         /* @__PURE__ */ e("em", { children: a })
-      ] }) : o }),
-      l && /* @__PURE__ */ e("p", { className: "pcoi-section-header__desc", children: l })
+      ] }) : l }),
+      o && /* @__PURE__ */ e("p", { className: "pcoi-section-header__desc", children: o })
     ] });
   }
 );
 K.displayName = "SectionHeader";
-const V = _.forwardRef(
-  ({ number: c, title: o, description: a, isLast: l = !1, headingLevel: i = "h3", className: s = "", ...r }, t) => {
-    const p = i;
-    return /* @__PURE__ */ n("div", { ref: t, className: `pcoi-how-step ${l ? "pcoi-how-step--last" : ""} ${s}`, ...r, children: [
-      /* @__PURE__ */ e("div", { className: "pcoi-how-step__number", children: c }),
+const G = _.forwardRef(
+  ({ number: i, title: l, description: a, isLast: o = !1, headingLevel: c = "h3", className: s = "", ...r }, d) => {
+    const p = c;
+    return /* @__PURE__ */ n("div", { ref: d, className: `pcoi-how-step ${o ? "pcoi-how-step--last" : ""} ${s}`, ...r, children: [
+      /* @__PURE__ */ e("div", { className: "pcoi-how-step__number", children: i }),
       /* @__PURE__ */ n("div", { className: "pcoi-how-step__content", children: [
-        /* @__PURE__ */ e(p, { className: "pcoi-how-step__title", children: o }),
+        /* @__PURE__ */ e(p, { className: "pcoi-how-step__title", children: l }),
         /* @__PURE__ */ e("p", { className: "pcoi-how-step__desc", children: a })
       ] })
     ] });
   }
 );
-V.displayName = "HowStep";
-const G = _.forwardRef(
-  ({ competitorName: c = "Typical SaaS AI", pcoiName: o = "PCOI", rows: a, className: l = "", ...i }, s) => /* @__PURE__ */ e("div", { ref: s, className: `pcoi-comparison ${l}`, ...i, children: /* @__PURE__ */ n("table", { className: "pcoi-comparison__table", children: [
+G.displayName = "HowStep";
+const J = _.forwardRef(
+  ({ competitorName: i = "Typical SaaS AI", pcoiName: l = "PCOI", rows: a, className: o = "", ...c }, s) => /* @__PURE__ */ e("div", { ref: s, className: `pcoi-comparison ${o}`, ...c, children: /* @__PURE__ */ n("table", { className: "pcoi-comparison__table", children: [
     /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { className: "pcoi-comparison__header", children: [
       /* @__PURE__ */ e("th", { className: "pcoi-comparison__col", scope: "col", children: /* @__PURE__ */ e("span", { className: "pcoi-sr-only", children: "Feature" }) }),
-      /* @__PURE__ */ e("th", { className: "pcoi-comparison__col", scope: "col", children: c }),
-      /* @__PURE__ */ e("th", { className: "pcoi-comparison__col pcoi-comparison__col--highlight", scope: "col", children: o })
+      /* @__PURE__ */ e("th", { className: "pcoi-comparison__col", scope: "col", children: i }),
+      /* @__PURE__ */ e("th", { className: "pcoi-comparison__col pcoi-comparison__col--highlight", scope: "col", children: l })
     ] }) }),
-    /* @__PURE__ */ e("tbody", { children: a.map((r, t) => /* @__PURE__ */ n("tr", { className: "pcoi-comparison__row", children: [
+    /* @__PURE__ */ e("tbody", { children: a.map((r, d) => /* @__PURE__ */ n("tr", { className: "pcoi-comparison__row", children: [
       /* @__PURE__ */ e("th", { className: "pcoi-comparison__col pcoi-comparison__col--label", scope: "row", children: r.label }),
       /* @__PURE__ */ e("td", { className: "pcoi-comparison__col", children: r.competitor }),
       /* @__PURE__ */ e("td", { className: "pcoi-comparison__col pcoi-comparison__col--highlight", children: r.pcoi })
-    ] }, t)) })
+    ] }, d)) })
   ] }) })
 );
-G.displayName = "ComparisonTable";
-const J = _.forwardRef(
-  ({ onSubmit: c, className: o = "", ...a }, l) => {
-    const [i, s] = C(!1), r = (t) => {
-      t.preventDefault();
-      const p = t.currentTarget, d = new FormData(p), h = Object.fromEntries(d.entries());
-      c == null || c(h), s(!0), p.reset(), setTimeout(() => s(!1), 3e3);
+J.displayName = "ComparisonTable";
+const Q = _.forwardRef(
+  ({ onSubmit: i, className: l = "", ...a }, o) => {
+    const [c, s] = x(!1), r = (d) => {
+      d.preventDefault();
+      const p = d.currentTarget, t = new FormData(p), h = Object.fromEntries(t.entries());
+      i == null || i(h), s(!0), p.reset(), setTimeout(() => s(!1), 3e3);
     };
-    return /* @__PURE__ */ n("form", { ref: l, className: `pcoi-form ${o}`, onSubmit: r, "aria-label": "Contact form", ...a, children: [
+    return /* @__PURE__ */ n("form", { ref: o, className: `pcoi-form ${l}`, onSubmit: r, "aria-label": "Contact form", ...a, children: [
       /* @__PURE__ */ n("div", { className: "pcoi-form__row", children: [
         /* @__PURE__ */ e(g, { label: "Name", name: "name", placeholder: "Your name", required: !0 }),
         /* @__PURE__ */ e(g, { label: "Company", name: "company", placeholder: "Company name", required: !0 })
@@ -228,43 +228,43 @@ const J = _.forwardRef(
           className: "pcoi-form__full"
         }
       ),
-      /* @__PURE__ */ e(R, { type: "submit", variant: "primary", size: "large", disabled: i, children: i ? "Message Received" : "Start the Conversation" }),
+      /* @__PURE__ */ e(k, { type: "submit", variant: "primary", size: "large", disabled: c, children: c ? "Message Received" : "Start the Conversation" }),
       /* @__PURE__ */ e("p", { className: "pcoi-form__note", children: "No sales automation. A real person reads this and responds personally." })
     ] });
   }
 );
-J.displayName = "ContactForm";
-const Q = _.forwardRef(
-  ({ quote: c, attribution: o, attributionTitle: a, sourceUrl: l, sourceLabel: i, className: s = "", ...r }, t) => /* @__PURE__ */ n("div", { ref: t, className: `pcoi-callout ${s}`, ...r, children: [
-    /* @__PURE__ */ e("div", { className: "pcoi-callout__line" }),
-    /* @__PURE__ */ e("p", { className: "pcoi-callout__quote", children: c }),
-    (o || l) && /* @__PURE__ */ n("p", { className: "pcoi-callout__attribution", children: [
+Q.displayName = "ContactForm";
+const X = _.forwardRef(
+  ({ quote: i, attribution: l, attributionTitle: a, sourceUrl: o, sourceLabel: c, className: s = "", ...r }, d) => /* @__PURE__ */ n("figure", { ref: d, className: `pcoi-callout ${s}`, ...r, children: [
+    /* @__PURE__ */ e("div", { className: "pcoi-callout__line", "aria-hidden": "true" }),
+    /* @__PURE__ */ e("blockquote", { className: "pcoi-callout__quote", children: /* @__PURE__ */ e("p", { children: i }) }),
+    (l || o) && /* @__PURE__ */ n("figcaption", { className: "pcoi-callout__attribution", children: [
       a && /* @__PURE__ */ n("span", { children: [
         a,
         "  ~  "
       ] }),
-      o,
-      l && /* @__PURE__ */ n(j, { children: [
+      l,
+      o && /* @__PURE__ */ n(j, { children: [
         "  |  ",
-        /* @__PURE__ */ e("a", { href: l, target: "_blank", rel: "noopener noreferrer", children: i || "Source" })
+        /* @__PURE__ */ e("a", { href: o, target: "_blank", rel: "noopener noreferrer", children: c || "Source" })
       ] })
     ] })
   ] })
 );
-Q.displayName = "Callout";
-const X = _.forwardRef(
-  ({ title: c = "You'll know this is for you if:", signals: o, headingLevel: a = "h3", className: l = "", ...i }, s) => {
+X.displayName = "Callout";
+const Z = _.forwardRef(
+  ({ title: i = "You'll know this is for you if:", signals: l, headingLevel: a = "h3", className: o = "", ...c }, s) => {
     const r = a;
-    return /* @__PURE__ */ n("div", { ref: s, className: `pcoi-signals ${l}`, ...i, children: [
-      /* @__PURE__ */ e(r, { className: "pcoi-signals__title", children: c }),
-      /* @__PURE__ */ e("ul", { className: "pcoi-signals__list", children: o.map((t, p) => /* @__PURE__ */ e("li", { className: "pcoi-signals__item", children: t }, p)) })
+    return /* @__PURE__ */ n("div", { ref: s, className: `pcoi-signals ${o}`, ...c, children: [
+      /* @__PURE__ */ e(r, { className: "pcoi-signals__title", children: i }),
+      /* @__PURE__ */ e("ul", { className: "pcoi-signals__list", children: l.map((d, p) => /* @__PURE__ */ e("li", { className: "pcoi-signals__item", children: d }, p)) })
     ] });
   }
 );
-X.displayName = "SignalsPanel";
-const Z = _.forwardRef(
+Z.displayName = "SignalsPanel";
+const U = _.forwardRef(
   ({
-    links: c = [
+    links: i = [
       { label: "Problem", href: "#problem" },
       { label: "How It Works", href: "#how-it-works" },
       { label: "Difference", href: "#difference" },
@@ -272,98 +272,98 @@ const Z = _.forwardRef(
       { label: "Who It's For", href: "#who" },
       { label: "Contact", href: "#contact" }
     ],
-    tagline: o = `Portable, Company-Owned
+    tagline: l = `Portable, Company-Owned
 Operational Intelligence`,
     copyright: a = `© ${(/* @__PURE__ */ new Date()).getFullYear()} PCOI. Operational intelligence you own.`,
-    className: l = "",
-    ...i
-  }, s) => /* @__PURE__ */ n("footer", { ref: s, className: `pcoi-footer ${l}`, ...i, children: [
+    className: o = "",
+    ...c
+  }, s) => /* @__PURE__ */ n("footer", { ref: s, className: `pcoi-footer ${o}`, ...c, children: [
     /* @__PURE__ */ n("div", { className: "pcoi-footer__inner", children: [
       /* @__PURE__ */ n("div", { className: "pcoi-footer__brand", children: [
         /* @__PURE__ */ e(I, { className: "pcoi-footer__logo" }),
-        /* @__PURE__ */ e("p", { className: "pcoi-footer__tagline", children: o })
+        /* @__PURE__ */ e("p", { className: "pcoi-footer__tagline", children: l })
       ] }),
-      /* @__PURE__ */ e("div", { className: "pcoi-footer__links", children: c.map((r) => /* @__PURE__ */ e("a", { href: r.href, "data-track-id": r.trackingId, children: r.label }, r.href)) })
+      /* @__PURE__ */ e("nav", { className: "pcoi-footer__links", "aria-label": "Footer", children: i.map((r) => /* @__PURE__ */ e("a", { href: r.href, "data-track-id": r.trackingId, children: r.label }, r.href)) })
     ] }),
     /* @__PURE__ */ e("div", { className: "pcoi-footer__bottom", children: /* @__PURE__ */ e("p", { children: a }) })
   ] })
 );
-Z.displayName = "Footer";
-const U = _.forwardRef(
+U.displayName = "Footer";
+const ee = _.forwardRef(
   ({
-    label: c,
-    name: o,
+    label: i,
+    name: l,
     options: a,
-    placeholder: l,
-    error: i,
+    placeholder: o,
+    error: c,
     required: s = !1,
     disabled: r = !1,
-    className: t = "",
+    className: d = "",
     ...p
-  }, d) => {
-    const h = `pcoi-field-${o}`, m = i ? `${h}-error` : void 0, u = [
+  }, t) => {
+    const h = `pcoi-field-${l}`, m = c ? `${h}-error` : void 0, N = [
       "pcoi-select",
-      i ? "pcoi-select--error" : "",
+      c ? "pcoi-select--error" : "",
       r ? "pcoi-select--disabled" : "",
-      t
+      d
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ n("div", { className: u, children: [
+    return /* @__PURE__ */ n("div", { className: N, children: [
       /* @__PURE__ */ n("label", { htmlFor: h, className: "pcoi-select__label", children: [
-        c,
+        i,
         s && /* @__PURE__ */ e("span", { className: "pcoi-select__required", "aria-hidden": "true", children: "*" })
       ] }),
       /* @__PURE__ */ n("div", { className: "pcoi-select__wrapper", children: [
         /* @__PURE__ */ n(
           "select",
           {
-            ref: d,
+            ref: t,
             id: h,
-            name: o,
+            name: l,
             required: s,
             disabled: r,
-            "aria-invalid": !!i,
+            "aria-invalid": !!c,
             "aria-describedby": m,
             className: "pcoi-select__native",
-            defaultValue: l ? "" : void 0,
+            defaultValue: o ? "" : void 0,
             ...p,
             children: [
-              l && /* @__PURE__ */ e("option", { value: "", disabled: !0, hidden: !0, children: l }),
+              o && /* @__PURE__ */ e("option", { value: "", disabled: !0, hidden: !0, children: o }),
               a.map((f) => /* @__PURE__ */ e("option", { value: f.value, disabled: f.disabled, children: f.label }, f.value))
             ]
           }
         ),
-        /* @__PURE__ */ e("span", { className: "pcoi-select__chevron", "aria-hidden": "true", children: /* @__PURE__ */ e(A, { size: 16 }) })
+        /* @__PURE__ */ e("span", { className: "pcoi-select__chevron", "aria-hidden": "true", children: /* @__PURE__ */ e(z, { size: 16 }) })
       ] }),
-      i && /* @__PURE__ */ e("span", { id: m, className: "pcoi-select__error", role: "alert", children: i })
+      c && /* @__PURE__ */ e("span", { id: m, className: "pcoi-select__error", role: "alert", children: c })
     ] });
   }
 );
-U.displayName = "Select";
-const ee = _.forwardRef(
+ee.displayName = "Select";
+const ae = _.forwardRef(
   ({
-    label: c,
-    name: o,
+    label: i,
+    name: l,
     error: a,
-    disabled: l = !1,
-    className: i = "",
+    disabled: o = !1,
+    className: c = "",
     ...s
   }, r) => {
-    const t = `pcoi-field-${o}`, p = a ? `${t}-error` : void 0, d = [
+    const d = `pcoi-field-${l}`, p = a ? `${d}-error` : void 0, t = [
       "pcoi-checkbox",
       a ? "pcoi-checkbox--error" : "",
-      l ? "pcoi-checkbox--disabled" : "",
-      i
+      o ? "pcoi-checkbox--disabled" : "",
+      c
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ n("div", { className: d, children: [
-      /* @__PURE__ */ n("label", { htmlFor: t, className: "pcoi-checkbox__control", children: [
+    return /* @__PURE__ */ n("div", { className: t, children: [
+      /* @__PURE__ */ n("label", { htmlFor: d, className: "pcoi-checkbox__control", children: [
         /* @__PURE__ */ e(
           "input",
           {
             ref: r,
             type: "checkbox",
-            id: t,
-            name: o,
-            disabled: l,
+            id: d,
+            name: l,
+            disabled: o,
             "aria-invalid": !!a,
             "aria-describedby": p,
             className: "pcoi-checkbox__input",
@@ -371,38 +371,38 @@ const ee = _.forwardRef(
           }
         ),
         /* @__PURE__ */ e("span", { className: "pcoi-checkbox__box", "aria-hidden": "true" }),
-        /* @__PURE__ */ e("span", { className: "pcoi-checkbox__label", children: c })
+        /* @__PURE__ */ e("span", { className: "pcoi-checkbox__label", children: i })
       ] }),
       a && /* @__PURE__ */ e("span", { id: p, className: "pcoi-checkbox__error", role: "alert", children: a })
     ] });
   }
 );
-ee.displayName = "Checkbox";
-const ae = _.forwardRef(
+ae.displayName = "Checkbox";
+const ie = _.forwardRef(
   ({
-    label: c,
-    name: o,
+    label: i,
+    name: l,
     error: a,
-    disabled: l = !1,
-    className: i = "",
+    disabled: o = !1,
+    className: c = "",
     ...s
   }, r) => {
-    const t = `pcoi-field-${o}`, p = a ? `${t}-error` : void 0, d = [
+    const d = `pcoi-field-${l}`, p = a ? `${d}-error` : void 0, t = [
       "pcoi-toggle",
       a ? "pcoi-toggle--error" : "",
-      l ? "pcoi-toggle--disabled" : "",
-      i
+      o ? "pcoi-toggle--disabled" : "",
+      c
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ n("div", { className: d, children: [
-      /* @__PURE__ */ n("label", { htmlFor: t, className: "pcoi-toggle__control", children: [
+    return /* @__PURE__ */ n("div", { className: t, children: [
+      /* @__PURE__ */ n("label", { htmlFor: d, className: "pcoi-toggle__control", children: [
         /* @__PURE__ */ e(
           "input",
           {
             ref: r,
             type: "checkbox",
-            id: t,
-            name: o,
-            disabled: l,
+            id: d,
+            name: l,
+            disabled: o,
             "aria-invalid": !!a,
             "aria-describedby": p,
             className: "pcoi-toggle__input",
@@ -411,302 +411,323 @@ const ae = _.forwardRef(
           }
         ),
         /* @__PURE__ */ e("span", { className: "pcoi-toggle__track", "aria-hidden": "true", children: /* @__PURE__ */ e("span", { className: "pcoi-toggle__thumb" }) }),
-        /* @__PURE__ */ e("span", { className: "pcoi-toggle__label", children: c })
+        /* @__PURE__ */ e("span", { className: "pcoi-toggle__label", children: i })
       ] }),
       a && /* @__PURE__ */ e("span", { id: p, className: "pcoi-toggle__error", role: "alert", children: a })
     ] });
   }
 );
-ae.displayName = "Toggle";
+ie.displayName = "Toggle";
 const ce = _.forwardRef(
   ({
-    label: c,
-    name: o,
+    label: i,
+    name: l,
     options: a,
-    defaultValue: l,
-    error: i,
+    defaultValue: o,
+    error: c,
     required: s = !1,
     disabled: r = !1,
-    onChange: t,
+    onChange: d,
     className: p = "",
-    ...d
+    ...t
   }, h) => {
-    const m = i ? `pcoi-field-${o}-error` : void 0, u = [
+    const m = c ? `pcoi-field-${l}-error` : void 0, N = [
       "pcoi-radio-group",
-      i ? "pcoi-radio-group--error" : "",
+      c ? "pcoi-radio-group--error" : "",
       r ? "pcoi-radio-group--disabled" : "",
       p
-    ].filter(Boolean).join(" "), f = (N) => {
-      t == null || t(N.target.value);
+    ].filter(Boolean).join(" "), f = (u) => {
+      d == null || d(u.target.value);
     };
     return /* @__PURE__ */ n(
       "fieldset",
       {
         ref: h,
-        className: u,
-        "aria-invalid": !!i,
+        className: N,
+        "aria-invalid": !!c,
         "aria-describedby": m,
-        ...d,
+        ...t,
         children: [
           /* @__PURE__ */ n("legend", { className: "pcoi-radio-group__legend", children: [
-            c,
+            i,
             s && /* @__PURE__ */ e("span", { className: "pcoi-radio-group__required", "aria-hidden": "true", children: "*" })
           ] }),
-          /* @__PURE__ */ e("div", { className: "pcoi-radio-group__options", children: a.map((N) => {
-            const k = `pcoi-field-${o}-${N.value}`;
+          /* @__PURE__ */ e("div", { className: "pcoi-radio-group__options", children: a.map((u) => {
+            const C = `pcoi-field-${l}-${u.value}`;
             return /* @__PURE__ */ n(
               "label",
               {
-                htmlFor: k,
+                htmlFor: C,
                 className: "pcoi-radio-group__option",
                 children: [
                   /* @__PURE__ */ e(
                     "input",
                     {
                       type: "radio",
-                      id: k,
-                      name: o,
-                      value: N.value,
-                      defaultChecked: l === N.value,
+                      id: C,
+                      name: l,
+                      value: u.value,
+                      defaultChecked: o === u.value,
                       required: s,
-                      disabled: r || N.disabled,
+                      disabled: r || u.disabled,
                       onChange: f,
                       className: "pcoi-radio-group__input"
                     }
                   ),
                   /* @__PURE__ */ e("span", { className: "pcoi-radio-group__circle", "aria-hidden": "true" }),
-                  /* @__PURE__ */ e("span", { className: "pcoi-radio-group__label", children: N.label })
+                  /* @__PURE__ */ e("span", { className: "pcoi-radio-group__label", children: u.label })
                 ]
               },
-              N.value
+              u.value
             );
           }) }),
-          i && /* @__PURE__ */ e("span", { id: m, className: "pcoi-radio-group__error", role: "alert", children: i })
+          c && /* @__PURE__ */ e("span", { id: m, className: "pcoi-radio-group__error", role: "alert", children: c })
         ]
       }
     );
   }
 );
 ce.displayName = "RadioGroup";
-const ie = _.forwardRef(
+const le = _.forwardRef(
   ({
-    title: c,
-    headingLevel: o = "h3",
+    title: i,
+    headingLevel: l = "h3",
     action: a,
-    children: l,
-    flush: i = !1,
+    children: o,
+    flush: c = !1,
     className: s = "",
     ...r
-  }, t) => {
-    const p = o, d = [
+  }, d) => {
+    const p = l, t = [
       "pcoi-panel",
-      i ? "pcoi-panel--flush" : "",
+      c ? "pcoi-panel--flush" : "",
       s
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ n("div", { ref: t, className: d, ...r, children: [
-      (c || a) && /* @__PURE__ */ n("div", { className: "pcoi-panel__header", children: [
-        c && /* @__PURE__ */ e(p, { className: "pcoi-panel__title", children: c }),
+    return /* @__PURE__ */ n("div", { ref: d, className: t, ...r, children: [
+      (i || a) && /* @__PURE__ */ n("div", { className: "pcoi-panel__header", children: [
+        i && /* @__PURE__ */ e(p, { className: "pcoi-panel__title", children: i }),
         a && /* @__PURE__ */ e("div", { className: "pcoi-panel__action", children: a })
       ] }),
-      /* @__PURE__ */ e("div", { className: "pcoi-panel__body", children: l })
+      /* @__PURE__ */ e("div", { className: "pcoi-panel__body", children: o })
     ] });
   }
 );
-ie.displayName = "Panel";
-const le = _.forwardRef(
+le.displayName = "Panel";
+const oe = _.forwardRef(
   ({
-    columns: c,
-    rows: o,
+    columns: i,
+    rows: l,
     rowKey: a,
-    emptyText: l = "No data available",
-    ariaLabel: i,
+    emptyText: o = "No data available",
+    ariaLabel: c,
     className: s = "",
     ...r
-  }, t) => {
-    const p = (d, h) => a ? typeof a == "function" ? a(d, h) : String(d[a]) : String(h);
-    return /* @__PURE__ */ e("div", { ref: t, className: `pcoi-data-table ${s}`, ...r, children: /* @__PURE__ */ n("table", { className: "pcoi-data-table__table", "aria-label": i, children: [
-      /* @__PURE__ */ e("thead", { className: "pcoi-data-table__head", children: /* @__PURE__ */ e("tr", { className: "pcoi-data-table__head-row", children: c.map((d) => /* @__PURE__ */ e(
+  }, d) => {
+    const p = (t, h) => a ? typeof a == "function" ? a(t, h) : String(t[a]) : String(h);
+    return /* @__PURE__ */ e("div", { ref: d, className: `pcoi-data-table ${s}`, ...r, children: /* @__PURE__ */ n("table", { className: "pcoi-data-table__table", "aria-label": c, children: [
+      /* @__PURE__ */ e("thead", { className: "pcoi-data-table__head", children: /* @__PURE__ */ e("tr", { className: "pcoi-data-table__head-row", children: i.map((t) => /* @__PURE__ */ e(
         "th",
         {
-          className: `pcoi-data-table__th${d.align ? ` pcoi-data-table__th--${d.align}` : ""}`,
-          children: d.header
+          className: `pcoi-data-table__th${t.align ? ` pcoi-data-table__th--${t.align}` : ""}`,
+          children: t.header
         },
-        d.key
+        t.key
       )) }) }),
-      /* @__PURE__ */ e("tbody", { className: "pcoi-data-table__body", children: o.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("tbody", { className: "pcoi-data-table__body", children: l.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
         "td",
         {
-          colSpan: c.length,
+          colSpan: i.length,
           className: "pcoi-data-table__empty",
-          children: l
+          children: o
         }
-      ) }) : o.map((d, h) => /* @__PURE__ */ e(
+      ) }) : l.map((t, h) => /* @__PURE__ */ e(
         "tr",
         {
           className: "pcoi-data-table__row",
-          children: c.map((m) => {
-            const u = d[m.key];
+          children: i.map((m) => {
+            const N = t[m.key];
             return /* @__PURE__ */ e(
               "td",
               {
                 className: `pcoi-data-table__td${m.align ? ` pcoi-data-table__td--${m.align}` : ""}`,
-                children: m.render ? m.render(u, d) : String(u ?? "")
+                children: m.render ? m.render(N, t) : String(N ?? "")
               },
               m.key
             );
           })
         },
-        p(d, h)
+        p(t, h)
       )) })
     ] }) });
   }
 );
-le.displayName = "DataTable";
-const $ = _.forwardRef(
-  ({ children: c, variant: o = "default", className: a = "", ...l }, i) => {
+oe.displayName = "DataTable";
+const R = _.forwardRef(
+  ({ children: i, variant: l = "default", className: a = "", ...o }, c) => {
     const s = [
       "pcoi-badge",
-      `pcoi-badge--${o}`,
+      `pcoi-badge--${l}`,
       a
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e("span", { ref: i, className: s, ...l, children: c });
+    return /* @__PURE__ */ e("span", { ref: c, className: s, ...o, children: i });
   }
 );
-$.displayName = "Badge";
-const T = ({
-  open: c,
-  onClose: o,
-  title: a,
-  headingLevel: l = "h2",
-  size: i = "default",
-  children: s,
-  footer: r,
-  className: t = "",
-  ...p
-}) => {
-  const d = w(null), h = w(null), m = l, u = a ? "pcoi-modal-title" : void 0, f = x(
-    (b) => {
-      if (b.key === "Escape") {
-        o();
-        return;
-      }
-      if (b.key === "Tab" && d.current) {
-        const v = d.current.querySelectorAll(
-          'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-        );
-        if (v.length === 0) return;
-        const B = v[0], S = v[v.length - 1];
-        b.shiftKey && document.activeElement === B ? (b.preventDefault(), S.focus()) : !b.shiftKey && document.activeElement === S && (b.preventDefault(), B.focus());
-      }
-    },
-    [o]
-  );
-  y(() => (c && (h.current = document.activeElement, document.addEventListener("keydown", f), document.body.style.overflow = "hidden", requestAnimationFrame(() => {
-    var v;
-    const b = (v = d.current) == null ? void 0 : v.querySelector(
-      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+R.displayName = "Badge";
+const T = _.forwardRef(
+  ({
+    open: i,
+    onClose: l,
+    title: a,
+    headingLevel: o = "h2",
+    size: c = "default",
+    children: s,
+    footer: r,
+    className: d = "",
+    ...p
+  }, t) => {
+    const h = w(null), m = w(null), N = o, f = a ? "pcoi-modal-title" : void 0, u = $(
+      (b) => {
+        if (b.key === "Escape") {
+          l();
+          return;
+        }
+        if (b.key === "Tab" && h.current) {
+          const v = h.current.querySelectorAll(
+            'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+          );
+          if (v.length === 0) return;
+          const B = v[0], S = v[v.length - 1];
+          b.shiftKey && document.activeElement === B ? (b.preventDefault(), S.focus()) : !b.shiftKey && document.activeElement === S && (b.preventDefault(), B.focus());
+        }
+      },
+      [l]
     );
-    b == null || b.focus();
-  })), () => {
-    var b;
-    document.removeEventListener("keydown", f), document.body.style.overflow = "", (b = h.current) == null || b.focus();
-  }), [c, f]);
-  const N = (b) => {
-    b.target === b.currentTarget && o();
-  };
-  if (!c) return null;
-  const k = ["pcoi-modal", t].filter(Boolean).join(" ");
-  return F(
-    /* @__PURE__ */ e("div", { className: k, onClick: N, children: /* @__PURE__ */ n(
-      "div",
-      {
-        ref: d,
-        className: `pcoi-modal__dialog${i === "wide" ? " pcoi-modal__dialog--wide" : ""}`,
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": u,
-        ...p,
-        children: [
-          /* @__PURE__ */ n("div", { className: "pcoi-modal__header", children: [
-            a && /* @__PURE__ */ e(m, { id: u, className: "pcoi-modal__title", children: a }),
-            /* @__PURE__ */ e(
-              "button",
-              {
-                type: "button",
-                className: "pcoi-modal__close",
-                onClick: o,
-                "aria-label": "Close modal",
-                children: /* @__PURE__ */ e(E, { size: 20 })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e("div", { className: "pcoi-modal__body", children: s }),
-          r && /* @__PURE__ */ e("div", { className: "pcoi-modal__footer", children: r })
-        ]
-      }
-    ) }),
-    document.body
-  );
-};
-T.displayName = "Modal";
-const oe = ({
-  message: c,
-  variant: o = "info",
-  open: a,
-  onClose: l,
-  duration: i = 5e3,
-  className: s = "",
-  ...r
-}) => {
-  const t = x(() => {
-    l == null || l();
-  }, [l]);
-  if (y(() => {
-    if (!a || i === 0) return;
-    const d = setTimeout(t, i);
-    return () => clearTimeout(d);
-  }, [a, i, t]), !a) return null;
-  const p = [
-    "pcoi-toast",
-    `pcoi-toast--${o}`,
-    s
-  ].filter(Boolean).join(" ");
-  return F(
-    /* @__PURE__ */ e("div", { className: p, role: "alert", ...r, children: /* @__PURE__ */ n("div", { className: "pcoi-toast__content", children: [
-      /* @__PURE__ */ e("span", { className: "pcoi-toast__message", children: c }),
-      l && /* @__PURE__ */ e(
-        "button",
+    y(() => (i && (m.current = document.activeElement, document.addEventListener("keydown", u), document.body.style.overflow = "hidden", requestAnimationFrame(() => {
+      var v;
+      const b = (v = h.current) == null ? void 0 : v.querySelector(
+        'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+      );
+      b == null || b.focus();
+    })), () => {
+      var b;
+      document.removeEventListener("keydown", u), document.body.style.overflow = "", (b = m.current) == null || b.focus();
+    }), [i, u]);
+    const C = (b) => {
+      b.target === b.currentTarget && l();
+    };
+    if (!i) return null;
+    const L = ["pcoi-modal", d].filter(Boolean).join(" ");
+    return F(
+      /* @__PURE__ */ e("div", { className: L, onClick: C, children: /* @__PURE__ */ n(
+        "div",
         {
-          type: "button",
-          className: "pcoi-toast__close",
-          onClick: t,
-          "aria-label": "Dismiss notification",
-          children: /* @__PURE__ */ e(E, { size: 16 })
+          ref: h,
+          className: `pcoi-modal__dialog${c === "wide" ? " pcoi-modal__dialog--wide" : ""}`,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": f,
+          ...p,
+          children: [
+            /* @__PURE__ */ n("div", { className: "pcoi-modal__header", children: [
+              a && /* @__PURE__ */ e(N, { id: f, className: "pcoi-modal__title", children: a }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  className: "pcoi-modal__close",
+                  onClick: l,
+                  "aria-label": "Close modal",
+                  children: /* @__PURE__ */ e(E, { size: 20 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e("div", { className: "pcoi-modal__body", children: s }),
+            r && /* @__PURE__ */ e("div", { className: "pcoi-modal__footer", children: r })
+          ]
         }
-      )
-    ] }) }),
-    document.body
+      ) }),
+      document.body
+    );
+  }
+);
+T.displayName = "Modal";
+const re = _.forwardRef(
+  ({
+    message: i,
+    variant: l = "info",
+    open: a,
+    onClose: o,
+    duration: c = 5e3,
+    className: s = "",
+    ...r
+  }, d) => {
+    const p = $(() => {
+      o == null || o();
+    }, [o]);
+    if (y(() => {
+      if (!a || c === 0) return;
+      const h = setTimeout(p, c);
+      return () => clearTimeout(h);
+    }, [a, c, p]), !a) return null;
+    const t = [
+      "pcoi-toast",
+      `pcoi-toast--${l}`,
+      s
+    ].filter(Boolean).join(" ");
+    return F(
+      /* @__PURE__ */ e("div", { ref: d, className: t, role: "alert", ...r, children: /* @__PURE__ */ n("div", { className: "pcoi-toast__content", children: [
+        /* @__PURE__ */ e("span", { className: "pcoi-toast__message", children: i }),
+        o && /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "pcoi-toast__close",
+            onClick: p,
+            "aria-label": "Dismiss notification",
+            children: /* @__PURE__ */ e(E, { size: 16 })
+          }
+        )
+      ] }) }),
+      document.body
+    );
+  }
+);
+re.displayName = "Toast";
+const se = _.forwardRef(({ index: i, sourceLabel: l, className: a = "", ...o }, c) => {
+  const s = ["pcoi-citation-mark", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      ref: c,
+      type: "button",
+      className: s,
+      title: l ?? `Citation ${i}`,
+      "aria-label": l ?? `Citation ${i}`,
+      ...o,
+      children: i
+    }
   );
-};
-oe.displayName = "Toast";
-const D = _.forwardRef(({ label: c, icon: o, className: a = "", ...l }, i) => {
+});
+se.displayName = "CitationMark";
+const O = _.forwardRef(({ label: i, icon: l, className: a = "", ...o }, c) => {
   const s = ["pcoi-suggestion-card", a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("button", { ref: i, type: "button", className: s, ...l, children: [
-    o && /* @__PURE__ */ e("span", { className: "pcoi-suggestion-card__icon", children: o }),
-    /* @__PURE__ */ e("span", { className: "pcoi-suggestion-card__label", children: c })
+  return /* @__PURE__ */ n("button", { ref: c, type: "button", className: s, ...o, children: [
+    l && /* @__PURE__ */ e("span", { className: "pcoi-suggestion-card__icon", children: l }),
+    /* @__PURE__ */ e("span", { className: "pcoi-suggestion-card__label", children: i })
   ] });
 });
-D.displayName = "SuggestionCard";
-const O = _.forwardRef(
-  ({ index: c, excerpt: o, sourceTitle: a, onSourceClick: l, className: i = "", ...s }, r) => {
-    const t = ["pcoi-cited-excerpt", i].filter(Boolean).join(" ");
-    return /* @__PURE__ */ n("div", { ref: r, className: t, ...s, children: [
+O.displayName = "SuggestionCard";
+const D = _.forwardRef(
+  ({ index: i, excerpt: l, sourceTitle: a, onSourceClick: o, className: c = "", ...s }, r) => {
+    const d = ["pcoi-cited-excerpt", c].filter(Boolean).join(" ");
+    return /* @__PURE__ */ n("div", { ref: r, className: d, ...s, children: [
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           className: "pcoi-cited-excerpt__source",
-          onClick: l,
+          onClick: o,
+          "aria-label": `View source: ${a}`,
           children: a
         }
       ),
@@ -716,217 +737,220 @@ const O = _.forwardRef(
           {
             type: "button",
             className: "pcoi-cited-excerpt__index",
-            onClick: l,
+            onClick: o,
+            "aria-label": `Citation ${i}, view source: ${a}`,
             children: [
               "[",
-              c,
+              i,
               "]"
             ]
           }
         ),
-        /* @__PURE__ */ e("p", { className: "pcoi-cited-excerpt__text", children: o })
+        /* @__PURE__ */ e("p", { className: "pcoi-cited-excerpt__text", children: l })
       ] })
     ] });
   }
 );
-O.displayName = "CitedExcerpt";
+D.displayName = "CitedExcerpt";
 const P = _.forwardRef(
   ({
-    value: c,
-    onChange: o,
+    value: i,
+    onChange: l,
     onSubmit: a,
-    placeholder: l = "Ask a question…",
-    disabled: i = !1,
+    placeholder: o = "Ask a question…",
+    disabled: c = !1,
     loading: s = !1,
     className: r = "",
-    ...t
+    ...d
   }, p) => {
-    const d = w(null), h = x(
+    const t = w(null), h = $(
       (f) => {
-        f.key === "Enter" && !f.shiftKey && (f.preventDefault(), c.trim() && !i && !s && a(c.trim()));
+        f.key === "Enter" && !f.shiftKey && (f.preventDefault(), i.trim() && !c && !s && a(i.trim()));
       },
-      [c, i, s, a]
-    ), m = x(() => {
-      c.trim() && !i && !s && a(c.trim());
-    }, [c, i, s, a]), u = ["pcoi-prompt-bar", r].filter(Boolean).join(" ");
-    return /* @__PURE__ */ n("div", { ref: p, className: u, ...t, children: [
+      [i, c, s, a]
+    ), m = $(() => {
+      i.trim() && !c && !s && a(i.trim());
+    }, [i, c, s, a]), N = ["pcoi-prompt-bar", r].filter(Boolean).join(" ");
+    return /* @__PURE__ */ n("div", { ref: p, className: N, ...d, children: [
       /* @__PURE__ */ e(
         "textarea",
         {
-          ref: d,
+          ref: t,
           className: "pcoi-prompt-bar__input",
-          value: c,
-          onChange: (f) => o(f.target.value),
+          value: i,
+          onChange: (f) => l(f.target.value),
           onKeyDown: h,
-          placeholder: l,
-          disabled: i,
+          placeholder: o,
+          disabled: c,
           rows: 1,
-          "aria-label": l
+          "aria-label": o
         }
       ),
       /* @__PURE__ */ e("div", { className: "pcoi-prompt-bar__actions", children: /* @__PURE__ */ e(
-        R,
+        k,
         {
           variant: "primary",
           className: "pcoi-prompt-bar__send",
           onClick: m,
-          disabled: i || s || !c.trim(),
+          disabled: c || s || !i.trim(),
           "aria-label": "Send message",
-          children: /* @__PURE__ */ e("span", { className: "pcoi-prompt-bar__send-icon", children: /* @__PURE__ */ e(z, { size: 16 }) })
+          children: /* @__PURE__ */ e("span", { className: "pcoi-prompt-bar__send-icon", children: /* @__PURE__ */ e(Y, { size: 16 }) })
         }
       ) })
     ] });
   }
 );
 P.displayName = "PromptBar";
-const H = _.forwardRef(
-  ({ role: c, children: o, citations: a, timestamp: l, onCitationClick: i, className: s = "", ...r }, t) => {
+const M = _.forwardRef(
+  ({ role: i, children: l, citations: a, timestamp: o, onCitationClick: c, className: s = "", ...r }, d) => {
     const p = [
       "pcoi-chat-message",
-      `pcoi-chat-message--${c}`,
+      `pcoi-chat-message--${i}`,
       s
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ n("div", { ref: t, className: p, ...r, children: [
-      /* @__PURE__ */ e("div", { className: "pcoi-chat-message__header", children: /* @__PURE__ */ e($, { variant: c === "assistant" ? "default" : "info", children: c === "assistant" ? "PCOI" : "You" }) }),
-      /* @__PURE__ */ e("div", { className: "pcoi-chat-message__body", children: o }),
-      a && a.length > 0 && /* @__PURE__ */ e("div", { className: "pcoi-chat-message__citations", children: a.map((d) => /* @__PURE__ */ e(
-        O,
+    return /* @__PURE__ */ n("div", { ref: d, className: p, ...r, children: [
+      /* @__PURE__ */ e("div", { className: "pcoi-chat-message__header", children: /* @__PURE__ */ e(R, { variant: i === "assistant" ? "default" : "info", children: i === "assistant" ? "PCOI" : "You" }) }),
+      /* @__PURE__ */ e("div", { className: "pcoi-chat-message__body", children: l }),
+      a && a.length > 0 && /* @__PURE__ */ e("div", { className: "pcoi-chat-message__citations", children: a.map((t) => /* @__PURE__ */ e(
+        D,
         {
-          index: d.index,
-          excerpt: d.excerpt,
-          sourceTitle: d.sourceTitle,
-          onSourceClick: () => i == null ? void 0 : i(d)
+          index: t.index,
+          excerpt: t.excerpt,
+          sourceTitle: t.sourceTitle,
+          onSourceClick: () => c == null ? void 0 : c(t)
         },
-        d.index
+        t.index
       )) }),
-      l && /* @__PURE__ */ e("time", { className: "pcoi-chat-message__timestamp", children: l })
+      o && /* @__PURE__ */ e("time", { className: "pcoi-chat-message__timestamp", children: o })
     ] });
   }
 );
-H.displayName = "ChatMessage";
-const M = _.forwardRef(({ suggestions: c, onSelect: o, className: a = "", ...l }, i) => {
+M.displayName = "ChatMessage";
+const H = _.forwardRef(({ suggestions: i, onSelect: l, className: a = "", ...o }, c) => {
   const s = ["pcoi-suggestion-cards", a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { ref: i, className: s, ...l, children: c.map((r) => /* @__PURE__ */ e(
-    D,
+  return /* @__PURE__ */ e("div", { ref: c, className: s, ...o, children: i.map((r) => /* @__PURE__ */ e(
+    O,
     {
       label: r.label,
       icon: r.icon,
-      onClick: () => o(r)
+      onClick: () => l(r)
     },
     r.id
   )) });
 });
-M.displayName = "SuggestionCards";
-const q = _.forwardRef(({ children: c, className: o = "", ...a }, l) => {
-  const i = w(null);
+H.displayName = "SuggestionCards";
+const q = _.forwardRef(({ children: i, className: l = "", ...a }, o) => {
+  const c = w(null);
   y(() => {
-    const r = i.current;
+    const r = c.current;
     if (!r) return;
-    const t = () => {
+    const d = () => {
       requestAnimationFrame(() => {
-        r.scrollTop = r.scrollHeight;
+        const t = r.lastElementChild;
+        t ? t.scrollIntoView({ block: "nearest" }) : r.scrollTop = r.scrollHeight;
       });
-    }, p = new MutationObserver(t);
-    return p.observe(r, { childList: !0, subtree: !0 }), t(), () => p.disconnect();
+    }, p = new MutationObserver(d);
+    return p.observe(r, { childList: !0, subtree: !0 }), d(), () => p.disconnect();
   }, []);
-  const s = ["pcoi-chat-message-list", o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { ref: l, className: s, ...a, children: /* @__PURE__ */ e("div", { ref: i, className: "pcoi-chat-message-list__inner", children: c }) });
+  const s = ["pcoi-chat-message-list", l].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { ref: o, className: s, role: "log", "aria-label": "Conversation", ...a, children: /* @__PURE__ */ e("div", { ref: c, className: "pcoi-chat-message-list__inner", children: i }) });
 });
 q.displayName = "ChatMessageList";
-const re = _.forwardRef(
-  ({ open: c, onClose: o, title: a, sourceLabel: l, children: i, highlightId: s, highlightIndex: r, className: t = "", ...p }, d) => {
+const te = _.forwardRef(
+  ({ open: i, onClose: l, title: a, sourceLabel: o, children: c, highlightId: s, highlightIndex: r, className: d = "", ...p }, t) => {
     const h = w(null);
     y(() => {
-      c && s && h.current && requestAnimationFrame(() => {
-        var N;
-        const f = (N = h.current) == null ? void 0 : N.querySelector(`#${CSS.escape(s)}`);
+      i && s && h.current && requestAnimationFrame(() => {
+        var u;
+        const f = (u = h.current) == null ? void 0 : u.querySelector(`#${CSS.escape(s)}`);
         f && (f.scrollIntoView({ behavior: "smooth", block: "center" }), f.classList.add("pcoi-doc-overlay__highlight"), r !== void 0 && f.setAttribute("data-highlight-index", `[${r}]`));
       });
-    }, [c, s, r]);
-    const m = ["pcoi-doc-overlay", t].filter(Boolean).join(" "), u = l ? _.createElement(
+    }, [i, s, r]);
+    const m = ["pcoi-doc-overlay", d].filter(Boolean).join(" "), N = o ? _.createElement(
       "div",
       { className: "pcoi-doc-overlay__source" },
-      _.createElement($, null, l)
+      _.createElement(R, null, o)
     ) : void 0;
     return _.createElement(
       T,
       {
-        open: c,
-        onClose: o,
+        ref: t,
+        open: i,
+        onClose: l,
         title: a,
         size: "wide",
-        footer: u,
+        footer: N,
         className: m,
         ...p
       },
       _.createElement(
         "div",
         { ref: h, className: "pcoi-doc-overlay__content" },
-        i
+        c
       )
     );
   }
 );
-re.displayName = "DocumentOverlay";
-const L = _.forwardRef(({ label: c = "PCOI", className: o = "", ...a }, l) => {
-  const i = ["pcoi-typing-indicator", o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: l, className: i, ...a, children: [
-    /* @__PURE__ */ e("div", { className: "pcoi-typing-indicator__header", children: /* @__PURE__ */ e($, { children: c }) }),
-    /* @__PURE__ */ n("div", { className: "pcoi-typing-indicator__dots", "aria-label": "Typing", children: [
+te.displayName = "DocumentOverlay";
+const A = _.forwardRef(({ label: i = "PCOI", className: l = "", ...a }, o) => {
+  const c = ["pcoi-typing-indicator", l].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ref: o, className: c, role: "status", "aria-live": "polite", "aria-label": `${i} is typing`, ...a, children: [
+    /* @__PURE__ */ e("div", { className: "pcoi-typing-indicator__header", children: /* @__PURE__ */ e(R, { children: i }) }),
+    /* @__PURE__ */ n("div", { className: "pcoi-typing-indicator__dots", "aria-hidden": "true", children: [
       /* @__PURE__ */ e("span", { className: "pcoi-typing-indicator__dot" }),
       /* @__PURE__ */ e("span", { className: "pcoi-typing-indicator__dot" }),
       /* @__PURE__ */ e("span", { className: "pcoi-typing-indicator__dot" })
     ] })
   ] });
 });
-L.displayName = "TypingIndicator";
-const se = _.forwardRef(
+A.displayName = "TypingIndicator";
+const ne = _.forwardRef(
   ({
-    messages: c,
-    suggestions: o,
+    messages: i,
+    suggestions: l,
     promptValue: a,
-    onPromptChange: l,
-    onPromptSubmit: i,
+    onPromptChange: o,
+    onPromptSubmit: c,
     onSuggestionSelect: s,
     onCitationClick: r,
-    placeholder: t,
+    placeholder: d,
     loading: p = !1,
-    className: d = "",
+    className: t = "",
     ...h
   }, m) => {
-    const u = c.length === 0, f = [
+    const N = i.length === 0, f = [
       "pcoi-chat",
-      u ? "pcoi-chat--empty" : "",
-      d
+      N ? "pcoi-chat--empty" : "",
+      t
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ n("div", { ref: m, className: f, ...h, children: [
-      u ? /* @__PURE__ */ e("div", { className: "pcoi-chat__empty-state", children: o && o.length > 0 && s && /* @__PURE__ */ e("div", { className: "pcoi-chat__suggestions", children: /* @__PURE__ */ e(
-        M,
+      N ? /* @__PURE__ */ e("div", { className: "pcoi-chat__empty-state", children: l && l.length > 0 && s && /* @__PURE__ */ e("div", { className: "pcoi-chat__suggestions", children: /* @__PURE__ */ e(
+        H,
         {
-          suggestions: o,
+          suggestions: l,
           onSelect: s
         }
-      ) }) }) : /* @__PURE__ */ n(q, { className: "pcoi-chat__messages", children: [
-        c.map((N) => /* @__PURE__ */ e(
-          H,
+      ) }) }) : /* @__PURE__ */ n(q, { className: "pcoi-chat__messages", "aria-live": "polite", "aria-relevant": "additions", children: [
+        i.map((u) => /* @__PURE__ */ e(
+          M,
           {
-            role: N.role,
-            citations: N.citations,
-            timestamp: N.timestamp,
+            role: u.role,
+            citations: u.citations,
+            timestamp: u.timestamp,
             onCitationClick: r,
-            children: N.content
+            children: u.content
           },
-          N.id
+          u.id
         )),
-        p && /* @__PURE__ */ e(L, {})
+        p && /* @__PURE__ */ e(A, {})
       ] }),
       /* @__PURE__ */ e("div", { className: "pcoi-chat__prompt", children: /* @__PURE__ */ e(
         P,
         {
           value: a,
-          onChange: l,
-          onSubmit: i,
-          placeholder: t,
+          onChange: o,
+          onSubmit: c,
+          placeholder: d,
           loading: p,
           disabled: p
         }
@@ -934,36 +958,37 @@ const se = _.forwardRef(
     ] });
   }
 );
-se.displayName = "ChatInterface";
+ne.displayName = "ChatInterface";
 export {
-  $ as Badge,
-  R as Button,
-  Q as Callout,
-  Y as Card,
-  se as ChatInterface,
-  H as ChatMessage,
+  R as Badge,
+  k as Button,
+  X as Callout,
+  V as Card,
+  ne as ChatInterface,
+  M as ChatMessage,
   q as ChatMessageList,
-  ee as Checkbox,
-  O as CitedExcerpt,
-  G as ComparisonTable,
-  J as ContactForm,
-  le as DataTable,
-  re as DocumentOverlay,
-  Z as Footer,
+  ae as Checkbox,
+  se as CitationMark,
+  D as CitedExcerpt,
+  J as ComparisonTable,
+  Q as ContactForm,
+  oe as DataTable,
+  te as DocumentOverlay,
+  U as Footer,
   g as FormField,
-  V as HowStep,
+  G as HowStep,
   I as LogoMark,
   T as Modal,
   W as Nav,
-  ie as Panel,
+  le as Panel,
   P as PromptBar,
   ce as RadioGroup,
   K as SectionHeader,
-  U as Select,
-  X as SignalsPanel,
-  D as SuggestionCard,
-  M as SuggestionCards,
-  oe as Toast,
-  ae as Toggle,
-  L as TypingIndicator
+  ee as Select,
+  Z as SignalsPanel,
+  O as SuggestionCard,
+  H as SuggestionCards,
+  re as Toast,
+  ie as Toggle,
+  A as TypingIndicator
 };