@pcoi/components 0.1.2 → 1.0.0

package/dist/index.mjs

@@ -1,994 +0,0 @@
-import { jsxs as n, jsx as e, Fragment as j } from "react/jsx-runtime";
-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: 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 k = _.forwardRef(
-  ({ variant: i = "primary", size: l = "default", children: a, className: o = "", ...c }, s) => {
-    const r = [
-      "pcoi-btn",
-      `pcoi-btn--${i}`,
-      l !== "default" ? `pcoi-btn--${l}` : "",
-      o
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e("button", { ref: s, className: r, ...c, children: a });
-  }
-);
-k.displayName = "Button";
-const g = _.forwardRef(
-  ({
-    label: i,
-    name: l,
-    multiline: a = !1,
-    rows: o = 3,
-    error: c,
-    required: s = !1,
-    disabled: r = !1,
-    className: d = "",
-    ...p
-  }, t) => {
-    const h = `pcoi-field-${l}`, m = c ? `${h}-error` : void 0, N = [
-      "pcoi-field",
-      c ? "pcoi-field--error" : "",
-      r ? "pcoi-field--disabled" : "",
-      d
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ n("div", { className: N, children: [
-      /* @__PURE__ */ n("label", { htmlFor: h, className: "pcoi-field__label", children: [
-        i,
-        s && /* @__PURE__ */ e("span", { className: "pcoi-field__required", "aria-hidden": "true", children: "*" })
-      ] }),
-      a ? /* @__PURE__ */ e(
-        "textarea",
-        {
-          ref: t,
-          id: h,
-          name: l,
-          rows: o,
-          required: s,
-          disabled: r,
-          "aria-invalid": !!c,
-          "aria-describedby": m,
-          className: "pcoi-field__textarea",
-          ...p
-        }
-      ) : /* @__PURE__ */ e(
-        "input",
-        {
-          ref: t,
-          id: h,
-          name: l,
-          required: s,
-          disabled: r,
-          "aria-invalid": !!c,
-          "aria-describedby": m,
-          className: "pcoi-field__input",
-          ...p
-        }
-      ),
-      c && /* @__PURE__ */ e("span", { id: m, className: "pcoi-field__error", role: "alert", children: c })
-    ] });
-  }
-);
-g.displayName = "FormField";
-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--${i}`,
-      r
-    ].filter(Boolean).join(" ");
-    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 })
-    ] });
-  }
-);
-V.displayName = "Card";
-const W = _.forwardRef(
-  ({
-    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: l = "Start a Conversation",
-    ctaHref: a = "#contact",
-    onCtaClick: o,
-    className: c = "",
-    ...s
-  }, r) => {
-    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 (!t) return;
-      const m = (N) => {
-        N.key === "Escape" && h(!1);
-      };
-      return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
-    }, [t]), /* @__PURE__ */ n(
-      "nav",
-      {
-        ref: r,
-        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: [
-              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 ${t ? "pcoi-nav__hamburger--active" : ""}`,
-                onClick: () => h(!t),
-                "aria-label": "Toggle menu",
-                "aria-expanded": t,
-                "aria-controls": "pcoi-mobile-menu",
-                children: [
-                  /* @__PURE__ */ e("span", {}),
-                  /* @__PURE__ */ e("span", {}),
-                  /* @__PURE__ */ e("span", {})
-                ]
-              }
-            )
-          ] }),
-          /* @__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 }) })
-          ] })
-        ]
-      }
-    );
-  }
-);
-W.displayName = "Nav";
-const K = _.forwardRef(
-  ({ 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: [
-        l.replace(a, ""),
-        /* @__PURE__ */ e("em", { children: a })
-      ] }) : l }),
-      o && /* @__PURE__ */ e("p", { className: "pcoi-section-header__desc", children: o })
-    ] });
-  }
-);
-K.displayName = "SectionHeader";
-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: l }),
-        /* @__PURE__ */ e("p", { className: "pcoi-how-step__desc", children: a })
-      ] })
-    ] });
-  }
-);
-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: i }),
-      /* @__PURE__ */ e("th", { className: "pcoi-comparison__col pcoi-comparison__col--highlight", scope: "col", children: l })
-    ] }) }),
-    /* @__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 })
-    ] }, d)) })
-  ] }) })
-);
-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: 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 })
-      ] }),
-      /* @__PURE__ */ n("div", { className: "pcoi-form__row", children: [
-        /* @__PURE__ */ e(g, { label: "Email", name: "email", type: "email", placeholder: "you@company.com", required: !0 }),
-        /* @__PURE__ */ e(g, { label: "Your Role", name: "role", placeholder: "CEO, COO, VP Ops, etc." })
-      ] }),
-      /* @__PURE__ */ e(
-        g,
-        {
-          label: "What problem are you trying to solve?",
-          name: "context",
-          multiline: !0,
-          rows: 3,
-          placeholder: "Tell us about the knowledge challenges in your organization...",
-          className: "pcoi-form__full"
-        }
-      ),
-      /* @__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." })
-    ] });
-  }
-);
-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,
-        "  ~  "
-      ] }),
-      l,
-      o && /* @__PURE__ */ n(j, { children: [
-        "  |  ",
-        /* @__PURE__ */ e("a", { href: o, target: "_blank", rel: "noopener noreferrer", children: c || "Source" })
-      ] })
-    ] })
-  ] })
-);
-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 ${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)) })
-    ] });
-  }
-);
-Z.displayName = "SignalsPanel";
-const U = _.forwardRef(
-  ({
-    links: i = [
-      { label: "Problem", href: "#problem" },
-      { label: "How It Works", href: "#how-it-works" },
-      { label: "Difference", href: "#difference" },
-      { label: "Principles", href: "#principles" },
-      { label: "Who It's For", href: "#who" },
-      { label: "Contact", href: "#contact" }
-    ],
-    tagline: l = `Portable, Company-Owned
-Operational Intelligence`,
-    copyright: a = `© ${(/* @__PURE__ */ new Date()).getFullYear()} PCOI. Operational intelligence you own.`,
-    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: l })
-      ] }),
-      /* @__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 }) })
-  ] })
-);
-U.displayName = "Footer";
-const ee = _.forwardRef(
-  ({
-    label: i,
-    name: l,
-    options: a,
-    placeholder: o,
-    error: c,
-    required: s = !1,
-    disabled: r = !1,
-    className: d = "",
-    ...p
-  }, t) => {
-    const h = `pcoi-field-${l}`, m = c ? `${h}-error` : void 0, N = [
-      "pcoi-select",
-      c ? "pcoi-select--error" : "",
-      r ? "pcoi-select--disabled" : "",
-      d
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ n("div", { className: N, children: [
-      /* @__PURE__ */ n("label", { htmlFor: h, className: "pcoi-select__label", children: [
-        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: t,
-            id: h,
-            name: l,
-            required: s,
-            disabled: r,
-            "aria-invalid": !!c,
-            "aria-describedby": m,
-            className: "pcoi-select__native",
-            defaultValue: o ? "" : void 0,
-            ...p,
-            children: [
-              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(z, { size: 16 }) })
-      ] }),
-      c && /* @__PURE__ */ e("span", { id: m, className: "pcoi-select__error", role: "alert", children: c })
-    ] });
-  }
-);
-ee.displayName = "Select";
-const ae = _.forwardRef(
-  ({
-    label: i,
-    name: l,
-    error: a,
-    disabled: o = !1,
-    className: c = "",
-    ...s
-  }, r) => {
-    const d = `pcoi-field-${l}`, p = a ? `${d}-error` : void 0, t = [
-      "pcoi-checkbox",
-      a ? "pcoi-checkbox--error" : "",
-      o ? "pcoi-checkbox--disabled" : "",
-      c
-    ].filter(Boolean).join(" ");
-    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: d,
-            name: l,
-            disabled: o,
-            "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 })
-      ] }),
-      a && /* @__PURE__ */ e("span", { id: p, className: "pcoi-checkbox__error", role: "alert", children: a })
-    ] });
-  }
-);
-ae.displayName = "Checkbox";
-const ie = _.forwardRef(
-  ({
-    label: i,
-    name: l,
-    error: a,
-    disabled: o = !1,
-    className: c = "",
-    ...s
-  }, r) => {
-    const d = `pcoi-field-${l}`, p = a ? `${d}-error` : void 0, t = [
-      "pcoi-toggle",
-      a ? "pcoi-toggle--error" : "",
-      o ? "pcoi-toggle--disabled" : "",
-      c
-    ].filter(Boolean).join(" ");
-    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: d,
-            name: l,
-            disabled: o,
-            "aria-invalid": !!a,
-            "aria-describedby": p,
-            className: "pcoi-toggle__input",
-            role: "switch",
-            ...s
-          }
-        ),
-        /* @__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 })
-      ] }),
-      a && /* @__PURE__ */ e("span", { id: p, className: "pcoi-toggle__error", role: "alert", children: a })
-    ] });
-  }
-);
-ie.displayName = "Toggle";
-const ce = _.forwardRef(
-  ({
-    label: i,
-    name: l,
-    options: a,
-    defaultValue: o,
-    error: c,
-    required: s = !1,
-    disabled: r = !1,
-    onChange: d,
-    className: p = "",
-    ...t
-  }, h) => {
-    const m = c ? `pcoi-field-${l}-error` : void 0, N = [
-      "pcoi-radio-group",
-      c ? "pcoi-radio-group--error" : "",
-      r ? "pcoi-radio-group--disabled" : "",
-      p
-    ].filter(Boolean).join(" "), f = (u) => {
-      d == null || d(u.target.value);
-    };
-    return /* @__PURE__ */ n(
-      "fieldset",
-      {
-        ref: h,
-        className: N,
-        "aria-invalid": !!c,
-        "aria-describedby": m,
-        ...t,
-        children: [
-          /* @__PURE__ */ n("legend", { className: "pcoi-radio-group__legend", children: [
-            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((u) => {
-            const C = `pcoi-field-${l}-${u.value}`;
-            return /* @__PURE__ */ n(
-              "label",
-              {
-                htmlFor: C,
-                className: "pcoi-radio-group__option",
-                children: [
-                  /* @__PURE__ */ e(
-                    "input",
-                    {
-                      type: "radio",
-                      id: C,
-                      name: l,
-                      value: u.value,
-                      defaultChecked: o === u.value,
-                      required: s,
-                      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: u.label })
-                ]
-              },
-              u.value
-            );
-          }) }),
-          c && /* @__PURE__ */ e("span", { id: m, className: "pcoi-radio-group__error", role: "alert", children: c })
-        ]
-      }
-    );
-  }
-);
-ce.displayName = "RadioGroup";
-const le = _.forwardRef(
-  ({
-    title: i,
-    headingLevel: l = "h3",
-    action: a,
-    children: o,
-    flush: c = !1,
-    className: s = "",
-    ...r
-  }, d) => {
-    const p = l, t = [
-      "pcoi-panel",
-      c ? "pcoi-panel--flush" : "",
-      s
-    ].filter(Boolean).join(" ");
-    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: o })
-    ] });
-  }
-);
-le.displayName = "Panel";
-const oe = _.forwardRef(
-  ({
-    columns: i,
-    rows: l,
-    rowKey: a,
-    emptyText: o = "No data available",
-    ariaLabel: c,
-    className: s = "",
-    ...r
-  }, 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${t.align ? ` pcoi-data-table__th--${t.align}` : ""}`,
-          children: t.header
-        },
-        t.key
-      )) }) }),
-      /* @__PURE__ */ e("tbody", { className: "pcoi-data-table__body", children: l.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
-        "td",
-        {
-          colSpan: i.length,
-          className: "pcoi-data-table__empty",
-          children: o
-        }
-      ) }) : l.map((t, h) => /* @__PURE__ */ e(
-        "tr",
-        {
-          className: "pcoi-data-table__row",
-          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(N, t) : String(N ?? "")
-              },
-              m.key
-            );
-          })
-        },
-        p(t, h)
-      )) })
-    ] }) });
-  }
-);
-oe.displayName = "DataTable";
-const R = _.forwardRef(
-  ({ children: i, variant: l = "default", className: a = "", ...o }, c) => {
-    const s = [
-      "pcoi-badge",
-      `pcoi-badge--${l}`,
-      a
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e("span", { ref: c, className: s, ...o, children: i });
-  }
-);
-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]
-    );
-    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",
-        {
-          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
-    );
-  }
-);
-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
-    }
-  );
-});
-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: 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 })
-  ] });
-});
-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: o,
-          "aria-label": `View source: ${a}`,
-          children: a
-        }
-      ),
-      /* @__PURE__ */ n("div", { className: "pcoi-cited-excerpt__body", children: [
-        /* @__PURE__ */ n(
-          "button",
-          {
-            type: "button",
-            className: "pcoi-cited-excerpt__index",
-            onClick: o,
-            "aria-label": `Citation ${i}, view source: ${a}`,
-            children: [
-              "[",
-              i,
-              "]"
-            ]
-          }
-        ),
-        /* @__PURE__ */ e("p", { className: "pcoi-cited-excerpt__text", children: l })
-      ] })
-    ] });
-  }
-);
-D.displayName = "CitedExcerpt";
-const P = _.forwardRef(
-  ({
-    value: i,
-    onChange: l,
-    onSubmit: a,
-    placeholder: o = "Ask a question…",
-    disabled: c = !1,
-    loading: s = !1,
-    className: r = "",
-    ...d
-  }, p) => {
-    const t = w(null), h = $(
-      (f) => {
-        f.key === "Enter" && !f.shiftKey && (f.preventDefault(), i.trim() && !c && !s && a(i.trim()));
-      },
-      [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: t,
-          className: "pcoi-prompt-bar__input",
-          value: i,
-          onChange: (f) => l(f.target.value),
-          onKeyDown: h,
-          placeholder: o,
-          disabled: c,
-          rows: 1,
-          "aria-label": o
-        }
-      ),
-      /* @__PURE__ */ e("div", { className: "pcoi-prompt-bar__actions", children: /* @__PURE__ */ e(
-        k,
-        {
-          variant: "primary",
-          className: "pcoi-prompt-bar__send",
-          onClick: m,
-          disabled: c || s || !i.trim(),
-          "aria-label": "Send message",
-          children: /* @__PURE__ */ e("span", { className: "pcoi-prompt-bar__send-icon", children: /* @__PURE__ */ e(Y, { size: 16 }) })
-        }
-      ) })
-    ] });
-  }
-);
-P.displayName = "PromptBar";
-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--${i}`,
-      s
-    ].filter(Boolean).join(" ");
-    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: t.index,
-          excerpt: t.excerpt,
-          sourceTitle: t.sourceTitle,
-          onSourceClick: () => c == null ? void 0 : c(t)
-        },
-        t.index
-      )) }),
-      o && /* @__PURE__ */ e("time", { className: "pcoi-chat-message__timestamp", children: o })
-    ] });
-  }
-);
-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: c, className: s, ...o, children: i.map((r) => /* @__PURE__ */ e(
-    O,
-    {
-      label: r.label,
-      icon: r.icon,
-      onClick: () => l(r)
-    },
-    r.id
-  )) });
-});
-H.displayName = "SuggestionCards";
-const q = _.forwardRef(({ children: i, className: l = "", ...a }, o) => {
-  const c = w(null);
-  y(() => {
-    const r = c.current;
-    if (!r) return;
-    const d = () => {
-      requestAnimationFrame(() => {
-        const t = r.lastElementChild;
-        t ? t.scrollIntoView({ block: "nearest" }) : r.scrollTop = r.scrollHeight;
-      });
-    }, p = new MutationObserver(d);
-    return p.observe(r, { childList: !0, subtree: !0 }), d(), () => p.disconnect();
-  }, []);
-  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 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(() => {
-      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}]`));
-      });
-    }, [i, s, r]);
-    const m = ["pcoi-doc-overlay", d].filter(Boolean).join(" "), N = o ? _.createElement(
-      "div",
-      { className: "pcoi-doc-overlay__source" },
-      _.createElement(R, null, o)
-    ) : void 0;
-    return _.createElement(
-      T,
-      {
-        ref: t,
-        open: i,
-        onClose: l,
-        title: a,
-        size: "wide",
-        footer: N,
-        className: m,
-        ...p
-      },
-      _.createElement(
-        "div",
-        { ref: h, className: "pcoi-doc-overlay__content" },
-        c
-      )
-    );
-  }
-);
-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" })
-    ] })
-  ] });
-});
-A.displayName = "TypingIndicator";
-const ne = _.forwardRef(
-  ({
-    messages: i,
-    suggestions: l,
-    promptValue: a,
-    onPromptChange: o,
-    onPromptSubmit: c,
-    onSuggestionSelect: s,
-    onCitationClick: r,
-    placeholder: d,
-    loading: p = !1,
-    className: t = "",
-    ...h
-  }, m) => {
-    const N = i.length === 0, f = [
-      "pcoi-chat",
-      N ? "pcoi-chat--empty" : "",
-      t
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ n("div", { ref: m, className: f, ...h, children: [
-      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: l,
-          onSelect: s
-        }
-      ) }) }) : /* @__PURE__ */ n(q, { className: "pcoi-chat__messages", "aria-live": "polite", "aria-relevant": "additions", children: [
-        i.map((u) => /* @__PURE__ */ e(
-          M,
-          {
-            role: u.role,
-            citations: u.citations,
-            timestamp: u.timestamp,
-            onCitationClick: r,
-            children: u.content
-          },
-          u.id
-        )),
-        p && /* @__PURE__ */ e(A, {})
-      ] }),
-      /* @__PURE__ */ e("div", { className: "pcoi-chat__prompt", children: /* @__PURE__ */ e(
-        P,
-        {
-          value: a,
-          onChange: o,
-          onSubmit: c,
-          placeholder: d,
-          loading: p,
-          disabled: p
-        }
-      ) })
-    ] });
-  }
-);
-ne.displayName = "ChatInterface";
-export {
-  R as Badge,
-  k as Button,
-  X as Callout,
-  V as Card,
-  ne as ChatInterface,
-  M as ChatMessage,
-  q as ChatMessageList,
-  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,
-  G as HowStep,
-  I as LogoMark,
-  T as Modal,
-  W as Nav,
-  le as Panel,
-  P as PromptBar,
-  ce as RadioGroup,
-  K as SectionHeader,
-  ee as Select,
-  Z as SignalsPanel,
-  O as SuggestionCard,
-  H as SuggestionCards,
-  re as Toast,
-  ie as Toggle,
-  A as TypingIndicator
-};