@pcoi/components 0.1.0 → 0.1.1

package/dist/index.mjs

@@ -1,58 +1,59 @@
-import { jsxs as n, jsx as e, Fragment as E } from "react/jsx-runtime";
-import _, { useState as $, useEffect as y, useRef as w, useCallback as R } from "react";
+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 { createPortal as F } from "react-dom";
 const I = _.forwardRef(
-  ({ href: i = "#", className: a = "", ...c }, l) => /* @__PURE__ */ n("a", { ref: l, href: i, className: `pcoi-logo ${a}`, ...c, children: [
+  ({ 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" }),
     "COI"
   ] })
 );
 I.displayName = "LogoMark";
-const k = _.forwardRef(
-  ({ variant: i = "primary", size: a = "default", children: c, className: l = "", ...o }, s) => {
+const R = _.forwardRef(
+  ({ variant: c = "primary", size: o = "default", children: a, className: l = "", ...i }, s) => {
     const r = [
       "pcoi-btn",
-      `pcoi-btn--${i}`,
-      a !== "default" ? `pcoi-btn--${a}` : "",
+      `pcoi-btn--${c}`,
+      o !== "default" ? `pcoi-btn--${o}` : "",
       l
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e("button", { ref: s, className: r, ...o, children: c });
+    return /* @__PURE__ */ e("button", { ref: s, className: r, ...i, children: a });
   }
 );
-k.displayName = "Button";
+R.displayName = "Button";
 const g = _.forwardRef(
   ({
-    label: i,
-    name: a,
-    multiline: c = !1,
+    label: c,
+    name: o,
+    multiline: a = !1,
     rows: l = 3,
-    error: o,
+    error: i,
     required: s = !1,
     disabled: r = !1,
     className: t = "",
     ...p
   }, d) => {
-    const h = `pcoi-field-${a}`, m = o ? `${h}-error` : void 0, u = [
+    const h = `pcoi-field-${o}`, m = i ? `${h}-error` : void 0, u = [
       "pcoi-field",
-      o ? "pcoi-field--error" : "",
+      i ? "pcoi-field--error" : "",
       r ? "pcoi-field--disabled" : "",
       t
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ n("div", { className: u, children: [
       /* @__PURE__ */ n("label", { htmlFor: h, className: "pcoi-field__label", children: [
-        i,
+        c,
         s && /* @__PURE__ */ e("span", { className: "pcoi-field__required", "aria-hidden": "true", children: "*" })
       ] }),
-      c ? /* @__PURE__ */ e(
+      a ? /* @__PURE__ */ e(
         "textarea",
         {
           ref: d,
           id: h,
-          name: a,
+          name: o,
           rows: l,
           required: s,
           disabled: r,
-          "aria-invalid": !!o,
+          "aria-invalid": !!i,
           "aria-describedby": m,
           className: "pcoi-field__textarea",
           ...p
@@ -62,51 +63,51 @@ const g = _.forwardRef(
         {
           ref: d,
           id: h,
-          name: a,
+          name: o,
           required: s,
           disabled: r,
-          "aria-invalid": !!o,
+          "aria-invalid": !!i,
           "aria-describedby": m,
           className: "pcoi-field__input",
           ...p
         }
       ),
-      o && /* @__PURE__ */ e("span", { id: m, className: "pcoi-field__error", role: "alert", children: o })
+      i && /* @__PURE__ */ e("span", { id: m, className: "pcoi-field__error", role: "alert", children: i })
     ] });
   }
 );
 g.displayName = "FormField";
 const Y = _.forwardRef(
-  ({ variant: i = "problem", title: a, description: c, icon: l, number: o, headingLevel: s = "h3", className: r = "", ...t }, p) => {
+  ({ variant: c = "problem", title: o, description: a, icon: l, number: i, headingLevel: s = "h3", className: r = "", ...t }, p) => {
     const d = s, h = [
       "pcoi-card",
-      `pcoi-card--${i}`,
+      `pcoi-card--${c}`,
       r
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ n("div", { ref: p, className: h, ...t, children: [
-      i === "problem" && l && /* @__PURE__ */ e("div", { className: "pcoi-card__icon", children: l }),
-      i === "principle" && o && /* @__PURE__ */ e("div", { className: "pcoi-card__number", children: o }),
-      /* @__PURE__ */ e(d, { className: "pcoi-card__title", children: a }),
-      /* @__PURE__ */ e("p", { className: "pcoi-card__description", children: c })
+      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 }),
+      /* @__PURE__ */ e("p", { className: "pcoi-card__description", children: a })
     ] });
   }
 );
 Y.displayName = "Card";
-const K = _.forwardRef(
+const W = _.forwardRef(
   ({
-    links: i = [
+    links: c = [
       { label: "Problem", href: "#problem" },
       { label: "How It Works", href: "#how-it-works" },
       { label: "Difference", href: "#difference" },
       { label: "Who It's For", href: "#who" }
     ],
-    ctaLabel: a = "Start a Conversation",
-    ctaHref: c = "#contact",
+    ctaLabel: o = "Start a Conversation",
+    ctaHref: a = "#contact",
     onCtaClick: l,
-    className: o = "",
+    className: i = "",
     ...s
   }, r) => {
-    const [t, p] = $(!1), [d, h] = $(!1);
+    const [t, p] = C(!1), [d, h] = C(!1);
     return y(() => {
       const m = () => p(window.scrollY > 40);
       return window.addEventListener("scroll", m, { passive: !0 }), m(), () => window.removeEventListener("scroll", m);
@@ -120,15 +121,15 @@ const K = _.forwardRef(
       "nav",
       {
         ref: r,
-        className: `pcoi-nav ${t ? "pcoi-nav--scrolled" : ""} ${d ? "pcoi-nav--menu-open" : ""} ${o}`,
+        className: `pcoi-nav ${t ? "pcoi-nav--scrolled" : ""} ${d ? "pcoi-nav--menu-open" : ""} ${i}`,
         "aria-label": "Main",
         ...s,
         children: [
           /* @__PURE__ */ n("div", { className: "pcoi-nav__inner", children: [
             /* @__PURE__ */ e(I, {}),
             /* @__PURE__ */ n("div", { className: "pcoi-nav__links", children: [
-              i.map((m) => /* @__PURE__ */ e("a", { href: m.href, "data-track-id": m.trackingId, children: m.label }, m.href)),
-              /* @__PURE__ */ e("a", { href: c, children: /* @__PURE__ */ e(k, { variant: "nav-cta", onClick: l, children: a }) })
+              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 }) })
             ] }),
             /* @__PURE__ */ n(
               "button",
@@ -147,52 +148,52 @@ const K = _.forwardRef(
             )
           ] }),
           /* @__PURE__ */ n("div", { className: "pcoi-nav__mobile-menu", id: "pcoi-mobile-menu", children: [
-            i.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: c, children: /* @__PURE__ */ e(k, { variant: "nav-cta", onClick: () => {
+            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: a }) })
+            }, children: o }) })
           ] })
         ]
       }
     );
   }
 );
-K.displayName = "Nav";
-const z = _.forwardRef(
-  ({ label: i, title: a, titleEmphasis: c, description: l, headingLevel: o = "h2", className: s = "", ...r }, t) => {
-    const p = o;
+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: i }),
-      /* @__PURE__ */ e(p, { className: "pcoi-section-header__title", children: c ? /* @__PURE__ */ n(E, { children: [
-        a.replace(c, ""),
-        /* @__PURE__ */ e("em", { children: c })
-      ] }) : a }),
+      /* @__PURE__ */ e("span", { className: "pcoi-section-header__label", children: c }),
+      /* @__PURE__ */ e(p, { className: "pcoi-section-header__title", children: a ? /* @__PURE__ */ n(j, { children: [
+        o.replace(a, ""),
+        /* @__PURE__ */ e("em", { children: a })
+      ] }) : o }),
       l && /* @__PURE__ */ e("p", { className: "pcoi-section-header__desc", children: l })
     ] });
   }
 );
-z.displayName = "SectionHeader";
+K.displayName = "SectionHeader";
 const V = _.forwardRef(
-  ({ number: i, title: a, description: c, isLast: l = !1, headingLevel: o = "h3", className: s = "", ...r }, t) => {
-    const p = o;
+  ({ 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: i }),
+      /* @__PURE__ */ e("div", { className: "pcoi-how-step__number", children: c }),
       /* @__PURE__ */ n("div", { className: "pcoi-how-step__content", children: [
-        /* @__PURE__ */ e(p, { className: "pcoi-how-step__title", children: a }),
-        /* @__PURE__ */ e("p", { className: "pcoi-how-step__desc", children: c })
+        /* @__PURE__ */ e(p, { className: "pcoi-how-step__title", children: o }),
+        /* @__PURE__ */ e("p", { className: "pcoi-how-step__desc", children: a })
       ] })
     ] });
   }
 );
 V.displayName = "HowStep";
 const G = _.forwardRef(
-  ({ competitorName: i = "Typical SaaS AI", pcoiName: a = "PCOI", rows: c, className: l = "", ...o }, s) => /* @__PURE__ */ e("div", { ref: s, className: `pcoi-comparison ${l}`, ...o, children: /* @__PURE__ */ n("table", { className: "pcoi-comparison__table", children: [
+  ({ 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: [
     /* @__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: i }),
-      /* @__PURE__ */ e("th", { className: "pcoi-comparison__col pcoi-comparison__col--highlight", scope: "col", children: a })
+      /* @__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("tbody", { children: c.map((r, t) => /* @__PURE__ */ n("tr", { className: "pcoi-comparison__row", children: [
+    /* @__PURE__ */ e("tbody", { children: a.map((r, t) => /* @__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 })
@@ -201,13 +202,13 @@ const G = _.forwardRef(
 );
 G.displayName = "ComparisonTable";
 const J = _.forwardRef(
-  ({ onSubmit: i, className: a = "", ...c }, l) => {
-    const [o, s] = $(!1), r = (t) => {
+  ({ 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());
-      i == null || i(h), s(!0), p.reset(), setTimeout(() => s(!1), 3e3);
+      c == null || c(h), s(!0), p.reset(), setTimeout(() => s(!1), 3e3);
     };
-    return /* @__PURE__ */ n("form", { ref: l, className: `pcoi-form ${a}`, onSubmit: r, "aria-label": "Contact form", ...c, children: [
+    return /* @__PURE__ */ n("form", { ref: l, className: `pcoi-form ${o}`, 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 })
@@ -227,43 +228,43 @@ const J = _.forwardRef(
           className: "pcoi-form__full"
         }
       ),
-      /* @__PURE__ */ e(k, { type: "submit", variant: "primary", size: "large", disabled: o, children: o ? "Message Received" : "Start the Conversation" }),
+      /* @__PURE__ */ e(R, { type: "submit", variant: "primary", size: "large", disabled: i, children: i ? "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: i, attribution: a, attributionTitle: c, sourceUrl: l, sourceLabel: o, className: s = "", ...r }, t) => /* @__PURE__ */ n("div", { ref: t, className: `pcoi-callout ${s}`, ...r, children: [
+  ({ 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: i }),
-    (a || l) && /* @__PURE__ */ n("p", { className: "pcoi-callout__attribution", children: [
-      c && /* @__PURE__ */ n("span", { children: [
-        c,
+    /* @__PURE__ */ e("p", { className: "pcoi-callout__quote", children: c }),
+    (o || l) && /* @__PURE__ */ n("p", { className: "pcoi-callout__attribution", children: [
+      a && /* @__PURE__ */ n("span", { children: [
+        a,
         "  ~  "
       ] }),
-      a,
-      l && /* @__PURE__ */ n(E, { children: [
+      o,
+      l && /* @__PURE__ */ n(j, { children: [
         "  |  ",
-        /* @__PURE__ */ e("a", { href: l, target: "_blank", rel: "noopener noreferrer", children: o || "Source" })
+        /* @__PURE__ */ e("a", { href: l, target: "_blank", rel: "noopener noreferrer", children: i || "Source" })
       ] })
     ] })
   ] })
 );
 Q.displayName = "Callout";
 const X = _.forwardRef(
-  ({ title: i = "You'll know this is for you if:", signals: a, headingLevel: c = "h3", className: l = "", ...o }, s) => {
-    const r = c;
-    return /* @__PURE__ */ n("div", { ref: s, className: `pcoi-signals ${l}`, ...o, children: [
-      /* @__PURE__ */ e(r, { className: "pcoi-signals__title", children: i }),
-      /* @__PURE__ */ e("ul", { className: "pcoi-signals__list", children: a.map((t, p) => /* @__PURE__ */ e("li", { className: "pcoi-signals__item", children: t }, p)) })
+  ({ title: c = "You'll know this is for you if:", signals: o, headingLevel: a = "h3", className: l = "", ...i }, 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)) })
     ] });
   }
 );
 X.displayName = "SignalsPanel";
 const Z = _.forwardRef(
   ({
-    links: i = [
+    links: c = [
       { label: "Problem", href: "#problem" },
       { label: "How It Works", href: "#how-it-works" },
       { label: "Difference", href: "#difference" },
@@ -271,70 +272,44 @@ const Z = _.forwardRef(
       { label: "Who It's For", href: "#who" },
       { label: "Contact", href: "#contact" }
     ],
-    tagline: a = `Portable, Company-Owned
+    tagline: o = `Portable, Company-Owned
 Operational Intelligence`,
-    copyright: c = `© ${(/* @__PURE__ */ new Date()).getFullYear()} PCOI. Operational intelligence you own.`,
+    copyright: a = `© ${(/* @__PURE__ */ new Date()).getFullYear()} PCOI. Operational intelligence you own.`,
     className: l = "",
-    ...o
-  }, s) => /* @__PURE__ */ n("footer", { ref: s, className: `pcoi-footer ${l}`, ...o, children: [
+    ...i
+  }, s) => /* @__PURE__ */ n("footer", { ref: s, className: `pcoi-footer ${l}`, ...i, 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: a })
+        /* @__PURE__ */ e("p", { className: "pcoi-footer__tagline", children: o })
       ] }),
-      /* @__PURE__ */ e("div", { className: "pcoi-footer__links", 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__links", children: c.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: c }) })
+    /* @__PURE__ */ e("div", { className: "pcoi-footer__bottom", children: /* @__PURE__ */ e("p", { children: a }) })
   ] })
 );
 Z.displayName = "Footer";
-const T = ({
-  size: i = 24,
-  title: a,
-  ...c
-}) => /* @__PURE__ */ n(
-  "svg",
-  {
-    width: i,
-    height: i,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 1.5,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    role: a ? "img" : "presentation",
-    "aria-hidden": !a,
-    xmlns: "http://www.w3.org/2000/svg",
-    ...c,
-    children: [
-      a && /* @__PURE__ */ e("title", { children: a }),
-      /* @__PURE__ */ e("polyline", { points: "6 9 12 15 18 9" })
-    ]
-  }
-);
-T.displayName = "ChevronDownIcon";
 const U = _.forwardRef(
   ({
-    label: i,
-    name: a,
-    options: c,
+    label: c,
+    name: o,
+    options: a,
     placeholder: l,
-    error: o,
+    error: i,
     required: s = !1,
     disabled: r = !1,
     className: t = "",
     ...p
   }, d) => {
-    const h = `pcoi-field-${a}`, m = o ? `${h}-error` : void 0, u = [
+    const h = `pcoi-field-${o}`, m = i ? `${h}-error` : void 0, u = [
       "pcoi-select",
-      o ? "pcoi-select--error" : "",
+      i ? "pcoi-select--error" : "",
       r ? "pcoi-select--disabled" : "",
       t
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ n("div", { className: u, children: [
       /* @__PURE__ */ n("label", { htmlFor: h, className: "pcoi-select__label", children: [
-        i,
+        c,
         s && /* @__PURE__ */ e("span", { className: "pcoi-select__required", "aria-hidden": "true", children: "*" })
       ] }),
       /* @__PURE__ */ n("div", { className: "pcoi-select__wrapper", children: [
@@ -343,41 +318,41 @@ const U = _.forwardRef(
           {
             ref: d,
             id: h,
-            name: a,
+            name: o,
             required: s,
             disabled: r,
-            "aria-invalid": !!o,
+            "aria-invalid": !!i,
             "aria-describedby": m,
             className: "pcoi-select__native",
             defaultValue: l ? "" : void 0,
             ...p,
             children: [
               l && /* @__PURE__ */ e("option", { value: "", disabled: !0, hidden: !0, children: l }),
-              c.map((f) => /* @__PURE__ */ e("option", { value: f.value, disabled: f.disabled, children: f.label }, f.value))
+              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(T, { size: 16 }) })
+        /* @__PURE__ */ e("span", { className: "pcoi-select__chevron", "aria-hidden": "true", children: /* @__PURE__ */ e(A, { size: 16 }) })
       ] }),
-      o && /* @__PURE__ */ e("span", { id: m, className: "pcoi-select__error", role: "alert", children: o })
+      i && /* @__PURE__ */ e("span", { id: m, className: "pcoi-select__error", role: "alert", children: i })
     ] });
   }
 );
 U.displayName = "Select";
 const ee = _.forwardRef(
   ({
-    label: i,
-    name: a,
-    error: c,
+    label: c,
+    name: o,
+    error: a,
     disabled: l = !1,
-    className: o = "",
+    className: i = "",
     ...s
   }, r) => {
-    const t = `pcoi-field-${a}`, p = c ? `${t}-error` : void 0, d = [
+    const t = `pcoi-field-${o}`, p = a ? `${t}-error` : void 0, d = [
       "pcoi-checkbox",
-      c ? "pcoi-checkbox--error" : "",
+      a ? "pcoi-checkbox--error" : "",
       l ? "pcoi-checkbox--disabled" : "",
-      o
+      i
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ n("div", { className: d, children: [
       /* @__PURE__ */ n("label", { htmlFor: t, className: "pcoi-checkbox__control", children: [
@@ -387,36 +362,36 @@ const ee = _.forwardRef(
             ref: r,
             type: "checkbox",
             id: t,
-            name: a,
+            name: o,
             disabled: l,
-            "aria-invalid": !!c,
+            "aria-invalid": !!a,
             "aria-describedby": p,
             className: "pcoi-checkbox__input",
             ...s
           }
         ),
         /* @__PURE__ */ e("span", { className: "pcoi-checkbox__box", "aria-hidden": "true" }),
-        /* @__PURE__ */ e("span", { className: "pcoi-checkbox__label", children: i })
+        /* @__PURE__ */ e("span", { className: "pcoi-checkbox__label", children: c })
       ] }),
-      c && /* @__PURE__ */ e("span", { id: p, className: "pcoi-checkbox__error", role: "alert", children: c })
+      a && /* @__PURE__ */ e("span", { id: p, className: "pcoi-checkbox__error", role: "alert", children: a })
     ] });
   }
 );
 ee.displayName = "Checkbox";
 const ae = _.forwardRef(
   ({
-    label: i,
-    name: a,
-    error: c,
+    label: c,
+    name: o,
+    error: a,
     disabled: l = !1,
-    className: o = "",
+    className: i = "",
     ...s
   }, r) => {
-    const t = `pcoi-field-${a}`, p = c ? `${t}-error` : void 0, d = [
+    const t = `pcoi-field-${o}`, p = a ? `${t}-error` : void 0, d = [
       "pcoi-toggle",
-      c ? "pcoi-toggle--error" : "",
+      a ? "pcoi-toggle--error" : "",
       l ? "pcoi-toggle--disabled" : "",
-      o
+      i
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ n("div", { className: d, children: [
       /* @__PURE__ */ n("label", { htmlFor: t, className: "pcoi-toggle__control", children: [
@@ -426,9 +401,9 @@ const ae = _.forwardRef(
             ref: r,
             type: "checkbox",
             id: t,
-            name: a,
+            name: o,
             disabled: l,
-            "aria-invalid": !!c,
+            "aria-invalid": !!a,
             "aria-describedby": p,
             className: "pcoi-toggle__input",
             role: "switch",
@@ -436,29 +411,29 @@ 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: i })
+        /* @__PURE__ */ e("span", { className: "pcoi-toggle__label", children: c })
       ] }),
-      c && /* @__PURE__ */ e("span", { id: p, className: "pcoi-toggle__error", role: "alert", children: c })
+      a && /* @__PURE__ */ e("span", { id: p, className: "pcoi-toggle__error", role: "alert", children: a })
     ] });
   }
 );
 ae.displayName = "Toggle";
-const ie = _.forwardRef(
+const ce = _.forwardRef(
   ({
-    label: i,
-    name: a,
-    options: c,
+    label: c,
+    name: o,
+    options: a,
     defaultValue: l,
-    error: o,
+    error: i,
     required: s = !1,
     disabled: r = !1,
     onChange: t,
     className: p = "",
     ...d
   }, h) => {
-    const m = o ? `pcoi-field-${a}-error` : void 0, u = [
+    const m = i ? `pcoi-field-${o}-error` : void 0, u = [
       "pcoi-radio-group",
-      o ? "pcoi-radio-group--error" : "",
+      i ? "pcoi-radio-group--error" : "",
       r ? "pcoi-radio-group--disabled" : "",
       p
     ].filter(Boolean).join(" "), f = (N) => {
@@ -469,28 +444,28 @@ const ie = _.forwardRef(
       {
         ref: h,
         className: u,
-        "aria-invalid": !!o,
+        "aria-invalid": !!i,
         "aria-describedby": m,
         ...d,
         children: [
           /* @__PURE__ */ n("legend", { className: "pcoi-radio-group__legend", children: [
-            i,
+            c,
             s && /* @__PURE__ */ e("span", { className: "pcoi-radio-group__required", "aria-hidden": "true", children: "*" })
           ] }),
-          /* @__PURE__ */ e("div", { className: "pcoi-radio-group__options", children: c.map((N) => {
-            const x = `pcoi-field-${a}-${N.value}`;
+          /* @__PURE__ */ e("div", { className: "pcoi-radio-group__options", children: a.map((N) => {
+            const k = `pcoi-field-${o}-${N.value}`;
             return /* @__PURE__ */ n(
               "label",
               {
-                htmlFor: x,
+                htmlFor: k,
                 className: "pcoi-radio-group__option",
                 children: [
                   /* @__PURE__ */ e(
                     "input",
                     {
                       type: "radio",
-                      id: x,
-                      name: a,
+                      id: k,
+                      name: o,
                       value: N.value,
                       defaultChecked: l === N.value,
                       required: s,
@@ -506,51 +481,51 @@ const ie = _.forwardRef(
               N.value
             );
           }) }),
-          o && /* @__PURE__ */ e("span", { id: m, className: "pcoi-radio-group__error", role: "alert", children: o })
+          i && /* @__PURE__ */ e("span", { id: m, className: "pcoi-radio-group__error", role: "alert", children: i })
         ]
       }
     );
   }
 );
-ie.displayName = "RadioGroup";
-const ce = _.forwardRef(
+ce.displayName = "RadioGroup";
+const ie = _.forwardRef(
   ({
-    title: i,
-    headingLevel: a = "h3",
-    action: c,
+    title: c,
+    headingLevel: o = "h3",
+    action: a,
     children: l,
-    flush: o = !1,
+    flush: i = !1,
     className: s = "",
     ...r
   }, t) => {
-    const p = a, d = [
+    const p = o, d = [
       "pcoi-panel",
-      o ? "pcoi-panel--flush" : "",
+      i ? "pcoi-panel--flush" : "",
       s
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ n("div", { ref: t, className: d, ...r, children: [
-      (i || c) && /* @__PURE__ */ n("div", { className: "pcoi-panel__header", children: [
-        i && /* @__PURE__ */ e(p, { className: "pcoi-panel__title", children: i }),
-        c && /* @__PURE__ */ e("div", { className: "pcoi-panel__action", children: c })
+      (c || a) && /* @__PURE__ */ n("div", { className: "pcoi-panel__header", children: [
+        c && /* @__PURE__ */ e(p, { className: "pcoi-panel__title", children: c }),
+        a && /* @__PURE__ */ e("div", { className: "pcoi-panel__action", children: a })
       ] }),
       /* @__PURE__ */ e("div", { className: "pcoi-panel__body", children: l })
     ] });
   }
 );
-ce.displayName = "Panel";
-const oe = _.forwardRef(
+ie.displayName = "Panel";
+const le = _.forwardRef(
   ({
-    columns: i,
-    rows: a,
-    rowKey: c,
+    columns: c,
+    rows: o,
+    rowKey: a,
     emptyText: l = "No data available",
-    ariaLabel: o,
+    ariaLabel: i,
     className: s = "",
     ...r
   }, t) => {
-    const p = (d, h) => c ? typeof c == "function" ? c(d, h) : String(d[c]) : 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": o, children: [
-      /* @__PURE__ */ e("thead", { className: "pcoi-data-table__head", children: /* @__PURE__ */ e("tr", { className: "pcoi-data-table__head-row", children: i.map((d) => /* @__PURE__ */ e(
+    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(
         "th",
         {
           className: `pcoi-data-table__th${d.align ? ` pcoi-data-table__th--${d.align}` : ""}`,
@@ -558,18 +533,18 @@ const oe = _.forwardRef(
         },
         d.key
       )) }) }),
-      /* @__PURE__ */ e("tbody", { className: "pcoi-data-table__body", children: a.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("tbody", { className: "pcoi-data-table__body", children: o.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
         "td",
         {
-          colSpan: i.length,
+          colSpan: c.length,
           className: "pcoi-data-table__empty",
           children: l
         }
-      ) }) : a.map((d, h) => /* @__PURE__ */ e(
+      ) }) : o.map((d, h) => /* @__PURE__ */ e(
         "tr",
         {
           className: "pcoi-data-table__row",
-          children: i.map((m) => {
+          children: c.map((m) => {
             const u = d[m.key];
             return /* @__PURE__ */ e(
               "td",
@@ -586,60 +561,33 @@ const oe = _.forwardRef(
     ] }) });
   }
 );
-oe.displayName = "DataTable";
-const C = _.forwardRef(
-  ({ children: i, variant: a = "default", className: c = "", ...l }, o) => {
+le.displayName = "DataTable";
+const $ = _.forwardRef(
+  ({ children: c, variant: o = "default", className: a = "", ...l }, i) => {
     const s = [
       "pcoi-badge",
-      `pcoi-badge--${a}`,
-      c
+      `pcoi-badge--${o}`,
+      a
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e("span", { ref: o, className: s, ...l, children: i });
+    return /* @__PURE__ */ e("span", { ref: i, className: s, ...l, children: c });
   }
 );
-C.displayName = "Badge";
-const B = ({
-  size: i = 24,
+$.displayName = "Badge";
+const T = ({
+  open: c,
+  onClose: o,
   title: a,
-  ...c
-}) => /* @__PURE__ */ n(
-  "svg",
-  {
-    width: i,
-    height: i,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 1.5,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    role: a ? "img" : "presentation",
-    "aria-hidden": !a,
-    xmlns: "http://www.w3.org/2000/svg",
-    ...c,
-    children: [
-      a && /* @__PURE__ */ e("title", { children: a }),
-      /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-      /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-    ]
-  }
-);
-B.displayName = "CloseIcon";
-const D = ({
-  open: i,
-  onClose: a,
-  title: c,
   headingLevel: l = "h2",
-  size: o = "default",
+  size: i = "default",
   children: s,
   footer: r,
   className: t = "",
   ...p
 }) => {
-  const d = w(null), h = w(null), m = l, u = c ? "pcoi-modal-title" : void 0, f = R(
+  const d = w(null), h = w(null), m = l, u = a ? "pcoi-modal-title" : void 0, f = x(
     (b) => {
       if (b.key === "Escape") {
-        a();
+        o();
         return;
       }
       if (b.key === "Tab" && d.current) {
@@ -647,13 +595,13 @@ const D = ({
           'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
         );
         if (v.length === 0) return;
-        const S = v[0], j = v[v.length - 1];
-        b.shiftKey && document.activeElement === S ? (b.preventDefault(), j.focus()) : !b.shiftKey && document.activeElement === j && (b.preventDefault(), S.focus());
+        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());
       }
     },
-    [a]
+    [o]
   );
-  y(() => (i && (h.current = document.activeElement, document.addEventListener("keydown", f), document.body.style.overflow = "hidden", requestAnimationFrame(() => {
+  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"])'
@@ -662,33 +610,33 @@ const D = ({
   })), () => {
     var b;
     document.removeEventListener("keydown", f), document.body.style.overflow = "", (b = h.current) == null || b.focus();
-  }), [i, f]);
+  }), [c, f]);
   const N = (b) => {
-    b.target === b.currentTarget && a();
+    b.target === b.currentTarget && o();
   };
-  if (!i) return null;
-  const x = ["pcoi-modal", t].filter(Boolean).join(" ");
+  if (!c) return null;
+  const k = ["pcoi-modal", t].filter(Boolean).join(" ");
   return F(
-    /* @__PURE__ */ e("div", { className: x, onClick: N, children: /* @__PURE__ */ n(
+    /* @__PURE__ */ e("div", { className: k, onClick: N, children: /* @__PURE__ */ n(
       "div",
       {
         ref: d,
-        className: `pcoi-modal__dialog${o === "wide" ? " pcoi-modal__dialog--wide" : ""}`,
+        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: [
-            c && /* @__PURE__ */ e(m, { id: u, className: "pcoi-modal__title", children: c }),
+            a && /* @__PURE__ */ e(m, { id: u, className: "pcoi-modal__title", children: a }),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "pcoi-modal__close",
-                onClick: a,
+                onClick: o,
                 "aria-label": "Close modal",
-                children: /* @__PURE__ */ e(B, { size: 20 })
+                children: /* @__PURE__ */ e(E, { size: 20 })
               }
             )
           ] }),
@@ -700,32 +648,32 @@ const D = ({
     document.body
   );
 };
-D.displayName = "Modal";
-const le = ({
-  message: i,
-  variant: a = "info",
-  open: c,
+T.displayName = "Modal";
+const oe = ({
+  message: c,
+  variant: o = "info",
+  open: a,
   onClose: l,
-  duration: o = 5e3,
+  duration: i = 5e3,
   className: s = "",
   ...r
 }) => {
-  const t = R(() => {
+  const t = x(() => {
     l == null || l();
   }, [l]);
   if (y(() => {
-    if (!c || o === 0) return;
-    const d = setTimeout(t, o);
+    if (!a || i === 0) return;
+    const d = setTimeout(t, i);
     return () => clearTimeout(d);
-  }, [c, o, t]), !c) return null;
+  }, [a, i, t]), !a) return null;
   const p = [
     "pcoi-toast",
-    `pcoi-toast--${a}`,
+    `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: i }),
+      /* @__PURE__ */ e("span", { className: "pcoi-toast__message", children: c }),
       l && /* @__PURE__ */ e(
         "button",
         {
@@ -733,25 +681,25 @@ const le = ({
           className: "pcoi-toast__close",
           onClick: t,
           "aria-label": "Dismiss notification",
-          children: /* @__PURE__ */ e(B, { size: 16 })
+          children: /* @__PURE__ */ e(E, { size: 16 })
         }
       )
     ] }) }),
     document.body
   );
 };
-le.displayName = "Toast";
-const O = _.forwardRef(({ label: i, icon: a, className: c = "", ...l }, o) => {
-  const s = ["pcoi-suggestion-card", c].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("button", { ref: o, type: "button", className: s, ...l, children: [
-    a && /* @__PURE__ */ e("span", { className: "pcoi-suggestion-card__icon", children: a }),
-    /* @__PURE__ */ e("span", { className: "pcoi-suggestion-card__label", children: i })
+oe.displayName = "Toast";
+const D = _.forwardRef(({ label: c, icon: o, className: a = "", ...l }, i) => {
+  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 })
   ] });
 });
-O.displayName = "SuggestionCard";
-const P = _.forwardRef(
-  ({ index: i, excerpt: a, sourceTitle: c, onSourceClick: l, className: o = "", ...s }, r) => {
-    const t = ["pcoi-cited-excerpt", o].filter(Boolean).join(" ");
+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: [
       /* @__PURE__ */ e(
         "button",
@@ -759,7 +707,7 @@ const P = _.forwardRef(
           type: "button",
           className: "pcoi-cited-excerpt__source",
           onClick: l,
-          children: c
+          children: a
         }
       ),
       /* @__PURE__ */ n("div", { className: "pcoi-cited-excerpt__body", children: [
@@ -771,110 +719,83 @@ const P = _.forwardRef(
             onClick: l,
             children: [
               "[",
-              i,
+              c,
               "]"
             ]
           }
         ),
-        /* @__PURE__ */ e("p", { className: "pcoi-cited-excerpt__text", children: a })
+        /* @__PURE__ */ e("p", { className: "pcoi-cited-excerpt__text", children: o })
       ] })
     ] });
   }
 );
-P.displayName = "CitedExcerpt";
-const L = ({
-  size: i = 24,
-  title: a,
-  ...c
-}) => /* @__PURE__ */ n(
-  "svg",
-  {
-    width: i,
-    height: i,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 1.5,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    role: a ? "img" : "presentation",
-    "aria-hidden": !a,
-    xmlns: "http://www.w3.org/2000/svg",
-    ...c,
-    children: [
-      a && /* @__PURE__ */ e("title", { children: a }),
-      /* @__PURE__ */ e("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
-      /* @__PURE__ */ e("polyline", { points: "12 5 19 12 12 19" })
-    ]
-  }
-);
-L.displayName = "ArrowRightIcon";
-const H = _.forwardRef(
+O.displayName = "CitedExcerpt";
+const P = _.forwardRef(
   ({
-    value: i,
-    onChange: a,
-    onSubmit: c,
+    value: c,
+    onChange: o,
+    onSubmit: a,
     placeholder: l = "Ask a question…",
-    disabled: o = !1,
+    disabled: i = !1,
     loading: s = !1,
     className: r = "",
     ...t
   }, p) => {
-    const d = w(null), h = R(
+    const d = w(null), h = x(
       (f) => {
-        f.key === "Enter" && !f.shiftKey && (f.preventDefault(), i.trim() && !o && !s && c(i.trim()));
+        f.key === "Enter" && !f.shiftKey && (f.preventDefault(), c.trim() && !i && !s && a(c.trim()));
       },
-      [i, o, s, c]
-    ), m = R(() => {
-      i.trim() && !o && !s && c(i.trim());
-    }, [i, o, s, c]), u = ["pcoi-prompt-bar", r].filter(Boolean).join(" ");
+      [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: [
       /* @__PURE__ */ e(
         "textarea",
         {
           ref: d,
           className: "pcoi-prompt-bar__input",
-          value: i,
-          onChange: (f) => a(f.target.value),
+          value: c,
+          onChange: (f) => o(f.target.value),
           onKeyDown: h,
           placeholder: l,
-          disabled: o,
+          disabled: i,
           rows: 1,
           "aria-label": l
         }
       ),
       /* @__PURE__ */ e("div", { className: "pcoi-prompt-bar__actions", children: /* @__PURE__ */ e(
-        k,
+        R,
         {
           variant: "primary",
           className: "pcoi-prompt-bar__send",
           onClick: m,
-          disabled: o || s || !i.trim(),
+          disabled: i || s || !c.trim(),
           "aria-label": "Send message",
-          children: /* @__PURE__ */ e("span", { className: "pcoi-prompt-bar__send-icon", children: /* @__PURE__ */ e(L, { size: 16 }) })
+          children: /* @__PURE__ */ e("span", { className: "pcoi-prompt-bar__send-icon", children: /* @__PURE__ */ e(z, { size: 16 }) })
         }
       ) })
     ] });
   }
 );
-H.displayName = "PromptBar";
-const M = _.forwardRef(
-  ({ role: i, children: a, citations: c, timestamp: l, onCitationClick: o, className: s = "", ...r }, t) => {
+P.displayName = "PromptBar";
+const H = _.forwardRef(
+  ({ role: c, children: o, citations: a, timestamp: l, onCitationClick: i, className: s = "", ...r }, t) => {
     const p = [
       "pcoi-chat-message",
-      `pcoi-chat-message--${i}`,
+      `pcoi-chat-message--${c}`,
       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(C, { variant: i === "assistant" ? "default" : "info", children: i === "assistant" ? "PCOI" : "You" }) }),
-      /* @__PURE__ */ e("div", { className: "pcoi-chat-message__body", children: a }),
-      c && c.length > 0 && /* @__PURE__ */ e("div", { className: "pcoi-chat-message__citations", children: c.map((d) => /* @__PURE__ */ e(
-        P,
+      /* @__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,
         {
           index: d.index,
           excerpt: d.excerpt,
           sourceTitle: d.sourceTitle,
-          onSourceClick: () => o == null ? void 0 : o(d)
+          onSourceClick: () => i == null ? void 0 : i(d)
         },
         d.index
       )) }),
@@ -882,24 +803,24 @@ const M = _.forwardRef(
     ] });
   }
 );
-M.displayName = "ChatMessage";
-const q = _.forwardRef(({ suggestions: i, onSelect: a, className: c = "", ...l }, o) => {
-  const s = ["pcoi-suggestion-cards", c].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { ref: o, className: s, ...l, children: i.map((r) => /* @__PURE__ */ e(
-    O,
+H.displayName = "ChatMessage";
+const M = _.forwardRef(({ suggestions: c, onSelect: o, className: a = "", ...l }, i) => {
+  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,
     {
       label: r.label,
       icon: r.icon,
-      onClick: () => a(r)
+      onClick: () => o(r)
     },
     r.id
   )) });
 });
-q.displayName = "SuggestionCards";
-const A = _.forwardRef(({ children: i, className: a = "", ...c }, l) => {
-  const o = w(null);
+M.displayName = "SuggestionCards";
+const q = _.forwardRef(({ children: c, className: o = "", ...a }, l) => {
+  const i = w(null);
   y(() => {
-    const r = o.current;
+    const r = i.current;
     if (!r) return;
     const t = () => {
       requestAnimationFrame(() => {
@@ -908,31 +829,31 @@ const A = _.forwardRef(({ children: i, className: a = "", ...c }, l) => {
     }, p = new MutationObserver(t);
     return p.observe(r, { childList: !0, subtree: !0 }), t(), () => p.disconnect();
   }, []);
-  const s = ["pcoi-chat-message-list", a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { ref: l, className: s, ...c, children: /* @__PURE__ */ e("div", { ref: o, className: "pcoi-chat-message-list__inner", children: i }) });
+  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 }) });
 });
-A.displayName = "ChatMessageList";
+q.displayName = "ChatMessageList";
 const re = _.forwardRef(
-  ({ open: i, onClose: a, title: c, sourceLabel: l, children: o, highlightId: s, highlightIndex: r, className: t = "", ...p }, d) => {
+  ({ open: c, onClose: o, title: a, sourceLabel: l, children: i, highlightId: s, highlightIndex: r, className: t = "", ...p }, d) => {
     const h = w(null);
     y(() => {
-      i && s && h.current && requestAnimationFrame(() => {
+      c && s && h.current && requestAnimationFrame(() => {
         var N;
         const f = (N = h.current) == null ? void 0 : N.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}]`));
       });
-    }, [i, s, r]);
+    }, [c, s, r]);
     const m = ["pcoi-doc-overlay", t].filter(Boolean).join(" "), u = l ? _.createElement(
       "div",
       { className: "pcoi-doc-overlay__source" },
-      _.createElement(C, null, l)
+      _.createElement($, null, l)
     ) : void 0;
     return _.createElement(
-      D,
+      T,
       {
-        open: i,
-        onClose: a,
-        title: c,
+        open: c,
+        onClose: o,
+        title: a,
         size: "wide",
         footer: u,
         className: m,
@@ -941,16 +862,16 @@ const re = _.forwardRef(
       _.createElement(
         "div",
         { ref: h, className: "pcoi-doc-overlay__content" },
-        o
+        i
       )
     );
   }
 );
 re.displayName = "DocumentOverlay";
-const W = _.forwardRef(({ label: i = "PCOI", className: a = "", ...c }, l) => {
-  const o = ["pcoi-typing-indicator", a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { ref: l, className: o, ...c, children: [
-    /* @__PURE__ */ e("div", { className: "pcoi-typing-indicator__header", children: /* @__PURE__ */ e(C, { children: i }) }),
+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: [
       /* @__PURE__ */ e("span", { className: "pcoi-typing-indicator__dot" }),
       /* @__PURE__ */ e("span", { className: "pcoi-typing-indicator__dot" }),
@@ -958,14 +879,14 @@ const W = _.forwardRef(({ label: i = "PCOI", className: a = "", ...c }, l) => {
     ] })
   ] });
 });
-W.displayName = "TypingIndicator";
+L.displayName = "TypingIndicator";
 const se = _.forwardRef(
   ({
-    messages: i,
-    suggestions: a,
-    promptValue: c,
+    messages: c,
+    suggestions: o,
+    promptValue: a,
     onPromptChange: l,
-    onPromptSubmit: o,
+    onPromptSubmit: i,
     onSuggestionSelect: s,
     onCitationClick: r,
     placeholder: t,
@@ -973,21 +894,21 @@ const se = _.forwardRef(
     className: d = "",
     ...h
   }, m) => {
-    const u = i.length === 0, f = [
+    const u = c.length === 0, f = [
       "pcoi-chat",
       u ? "pcoi-chat--empty" : "",
       d
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ n("div", { ref: m, className: f, ...h, children: [
-      u ? /* @__PURE__ */ e("div", { className: "pcoi-chat__empty-state", children: a && a.length > 0 && s && /* @__PURE__ */ e("div", { className: "pcoi-chat__suggestions", children: /* @__PURE__ */ e(
-        q,
+      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,
         {
-          suggestions: a,
+          suggestions: o,
           onSelect: s
         }
-      ) }) }) : /* @__PURE__ */ n(A, { className: "pcoi-chat__messages", children: [
-        i.map((N) => /* @__PURE__ */ e(
-          M,
+      ) }) }) : /* @__PURE__ */ n(q, { className: "pcoi-chat__messages", children: [
+        c.map((N) => /* @__PURE__ */ e(
+          H,
           {
             role: N.role,
             citations: N.citations,
@@ -997,14 +918,14 @@ const se = _.forwardRef(
           },
           N.id
         )),
-        p && /* @__PURE__ */ e(W, {})
+        p && /* @__PURE__ */ e(L, {})
       ] }),
       /* @__PURE__ */ e("div", { className: "pcoi-chat__prompt", children: /* @__PURE__ */ e(
-        H,
+        P,
         {
-          value: c,
+          value: a,
           onChange: l,
-          onSubmit: o,
+          onSubmit: i,
           placeholder: t,
           loading: p,
           disabled: p
@@ -1015,34 +936,34 @@ const se = _.forwardRef(
 );
 se.displayName = "ChatInterface";
 export {
-  C as Badge,
-  k as Button,
+  $ as Badge,
+  R as Button,
   Q as Callout,
   Y as Card,
   se as ChatInterface,
-  M as ChatMessage,
-  A as ChatMessageList,
+  H as ChatMessage,
+  q as ChatMessageList,
   ee as Checkbox,
-  P as CitedExcerpt,
+  O as CitedExcerpt,
   G as ComparisonTable,
   J as ContactForm,
-  oe as DataTable,
+  le as DataTable,
   re as DocumentOverlay,
   Z as Footer,
   g as FormField,
   V as HowStep,
   I as LogoMark,
-  D as Modal,
-  K as Nav,
-  ce as Panel,
-  H as PromptBar,
-  ie as RadioGroup,
-  z as SectionHeader,
+  T as Modal,
+  W as Nav,
+  ie as Panel,
+  P as PromptBar,
+  ce as RadioGroup,
+  K as SectionHeader,
   U as Select,
   X as SignalsPanel,
-  O as SuggestionCard,
-  q as SuggestionCards,
-  le as Toast,
+  D as SuggestionCard,
+  M as SuggestionCards,
+  oe as Toast,
   ae as Toggle,
-  W as TypingIndicator
+  L as TypingIndicator
 };