@pcoi/components 0.1.1 → 1.0.0

package/dist/index.mjs

@@ -1,969 +0,0 @@
-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: 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 R = _.forwardRef(
-  ({ variant: c = "primary", size: o = "default", children: a, className: l = "", ...i }, s) => {
-    const r = [
-      "pcoi-btn",
-      `pcoi-btn--${c}`,
-      o !== "default" ? `pcoi-btn--${o}` : "",
-      l
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e("button", { ref: s, className: r, ...i, children: a });
-  }
-);
-R.displayName = "Button";
-const g = _.forwardRef(
-  ({
-    label: c,
-    name: o,
-    multiline: a = !1,
-    rows: l = 3,
-    error: i,
-    required: s = !1,
-    disabled: r = !1,
-    className: t = "",
-    ...p
-  }, d) => {
-    const h = `pcoi-field-${o}`, m = i ? `${h}-error` : void 0, u = [
-      "pcoi-field",
-      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: [
-        c,
-        s && /* @__PURE__ */ e("span", { className: "pcoi-field__required", "aria-hidden": "true", children: "*" })
-      ] }),
-      a ? /* @__PURE__ */ e(
-        "textarea",
-        {
-          ref: d,
-          id: h,
-          name: o,
-          rows: l,
-          required: s,
-          disabled: r,
-          "aria-invalid": !!i,
-          "aria-describedby": m,
-          className: "pcoi-field__textarea",
-          ...p
-        }
-      ) : /* @__PURE__ */ e(
-        "input",
-        {
-          ref: d,
-          id: h,
-          name: o,
-          required: s,
-          disabled: r,
-          "aria-invalid": !!i,
-          "aria-describedby": m,
-          className: "pcoi-field__input",
-          ...p
-        }
-      ),
-      i && /* @__PURE__ */ e("span", { id: m, className: "pcoi-field__error", role: "alert", children: i })
-    ] });
-  }
-);
-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 = [
-      "pcoi-card",
-      `pcoi-card--${c}`,
-      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 }),
-      /* @__PURE__ */ e("p", { className: "pcoi-card__description", children: a })
-    ] });
-  }
-);
-Y.displayName = "Card";
-const W = _.forwardRef(
-  ({
-    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: o = "Start a Conversation",
-    ctaHref: a = "#contact",
-    onCtaClick: l,
-    className: i = "",
-    ...s
-  }, r) => {
-    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);
-    }, []), y(() => {
-      if (!d) return;
-      const m = (u) => {
-        u.key === "Escape" && h(!1);
-      };
-      return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
-    }, [d]), /* @__PURE__ */ n(
-      "nav",
-      {
-        ref: r,
-        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: [
-              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",
-              {
-                className: `pcoi-nav__hamburger ${d ? "pcoi-nav__hamburger--active" : ""}`,
-                onClick: () => h(!d),
-                "aria-label": "Toggle menu",
-                "aria-expanded": d,
-                "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", 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 }) })
-          ] })
-        ]
-      }
-    );
-  }
-);
-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 }),
-      /* @__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 })
-    ] });
-  }
-);
-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 }),
-      /* @__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__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: [
-    /* @__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("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 })
-    ] }, t)) })
-  ] }) })
-);
-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);
-    };
-    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 })
-      ] }),
-      /* @__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(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: 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: [
-      a && /* @__PURE__ */ n("span", { children: [
-        a,
-        "  ~  "
-      ] }),
-      o,
-      l && /* @__PURE__ */ n(j, { children: [
-        "  |  ",
-        /* @__PURE__ */ e("a", { href: l, target: "_blank", rel: "noopener noreferrer", children: i || "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) => {
-    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: c = [
-      { 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: o = `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: [
-    /* @__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("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: a }) })
-  ] })
-);
-Z.displayName = "Footer";
-const U = _.forwardRef(
-  ({
-    label: c,
-    name: o,
-    options: a,
-    placeholder: l,
-    error: i,
-    required: s = !1,
-    disabled: r = !1,
-    className: t = "",
-    ...p
-  }, d) => {
-    const h = `pcoi-field-${o}`, m = i ? `${h}-error` : void 0, u = [
-      "pcoi-select",
-      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: [
-        c,
-        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,
-            id: h,
-            name: o,
-            required: s,
-            disabled: r,
-            "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 }),
-              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 }) })
-      ] }),
-      i && /* @__PURE__ */ e("span", { id: m, className: "pcoi-select__error", role: "alert", children: i })
-    ] });
-  }
-);
-U.displayName = "Select";
-const ee = _.forwardRef(
-  ({
-    label: c,
-    name: o,
-    error: a,
-    disabled: l = !1,
-    className: i = "",
-    ...s
-  }, r) => {
-    const t = `pcoi-field-${o}`, p = a ? `${t}-error` : void 0, d = [
-      "pcoi-checkbox",
-      a ? "pcoi-checkbox--error" : "",
-      l ? "pcoi-checkbox--disabled" : "",
-      i
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ n("div", { className: d, children: [
-      /* @__PURE__ */ n("label", { htmlFor: t, className: "pcoi-checkbox__control", children: [
-        /* @__PURE__ */ e(
-          "input",
-          {
-            ref: r,
-            type: "checkbox",
-            id: t,
-            name: o,
-            disabled: l,
-            "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: c })
-      ] }),
-      a && /* @__PURE__ */ e("span", { id: p, className: "pcoi-checkbox__error", role: "alert", children: a })
-    ] });
-  }
-);
-ee.displayName = "Checkbox";
-const ae = _.forwardRef(
-  ({
-    label: c,
-    name: o,
-    error: a,
-    disabled: l = !1,
-    className: i = "",
-    ...s
-  }, r) => {
-    const t = `pcoi-field-${o}`, p = a ? `${t}-error` : void 0, d = [
-      "pcoi-toggle",
-      a ? "pcoi-toggle--error" : "",
-      l ? "pcoi-toggle--disabled" : "",
-      i
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ n("div", { className: d, children: [
-      /* @__PURE__ */ n("label", { htmlFor: t, className: "pcoi-toggle__control", children: [
-        /* @__PURE__ */ e(
-          "input",
-          {
-            ref: r,
-            type: "checkbox",
-            id: t,
-            name: o,
-            disabled: l,
-            "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: c })
-      ] }),
-      a && /* @__PURE__ */ e("span", { id: p, className: "pcoi-toggle__error", role: "alert", children: a })
-    ] });
-  }
-);
-ae.displayName = "Toggle";
-const ce = _.forwardRef(
-  ({
-    label: c,
-    name: o,
-    options: a,
-    defaultValue: l,
-    error: i,
-    required: s = !1,
-    disabled: r = !1,
-    onChange: t,
-    className: p = "",
-    ...d
-  }, h) => {
-    const m = i ? `pcoi-field-${o}-error` : void 0, u = [
-      "pcoi-radio-group",
-      i ? "pcoi-radio-group--error" : "",
-      r ? "pcoi-radio-group--disabled" : "",
-      p
-    ].filter(Boolean).join(" "), f = (N) => {
-      t == null || t(N.target.value);
-    };
-    return /* @__PURE__ */ n(
-      "fieldset",
-      {
-        ref: h,
-        className: u,
-        "aria-invalid": !!i,
-        "aria-describedby": m,
-        ...d,
-        children: [
-          /* @__PURE__ */ n("legend", { className: "pcoi-radio-group__legend", children: [
-            c,
-            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}`;
-            return /* @__PURE__ */ n(
-              "label",
-              {
-                htmlFor: k,
-                className: "pcoi-radio-group__option",
-                children: [
-                  /* @__PURE__ */ e(
-                    "input",
-                    {
-                      type: "radio",
-                      id: k,
-                      name: o,
-                      value: N.value,
-                      defaultChecked: l === N.value,
-                      required: s,
-                      disabled: r || N.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 })
-                ]
-              },
-              N.value
-            );
-          }) }),
-          i && /* @__PURE__ */ e("span", { id: m, className: "pcoi-radio-group__error", role: "alert", children: i })
-        ]
-      }
-    );
-  }
-);
-ce.displayName = "RadioGroup";
-const ie = _.forwardRef(
-  ({
-    title: c,
-    headingLevel: o = "h3",
-    action: a,
-    children: l,
-    flush: i = !1,
-    className: s = "",
-    ...r
-  }, t) => {
-    const p = o, d = [
-      "pcoi-panel",
-      i ? "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 }),
-        a && /* @__PURE__ */ e("div", { className: "pcoi-panel__action", children: a })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "pcoi-panel__body", children: l })
-    ] });
-  }
-);
-ie.displayName = "Panel";
-const le = _.forwardRef(
-  ({
-    columns: c,
-    rows: o,
-    rowKey: a,
-    emptyText: l = "No data available",
-    ariaLabel: i,
-    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(
-        "th",
-        {
-          className: `pcoi-data-table__th${d.align ? ` pcoi-data-table__th--${d.align}` : ""}`,
-          children: d.header
-        },
-        d.key
-      )) }) }),
-      /* @__PURE__ */ e("tbody", { className: "pcoi-data-table__body", children: o.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
-        "td",
-        {
-          colSpan: c.length,
-          className: "pcoi-data-table__empty",
-          children: l
-        }
-      ) }) : o.map((d, h) => /* @__PURE__ */ e(
-        "tr",
-        {
-          className: "pcoi-data-table__row",
-          children: c.map((m) => {
-            const u = d[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 ?? "")
-              },
-              m.key
-            );
-          })
-        },
-        p(d, h)
-      )) })
-    ] }) });
-  }
-);
-le.displayName = "DataTable";
-const $ = _.forwardRef(
-  ({ children: c, variant: o = "default", className: a = "", ...l }, i) => {
-    const s = [
-      "pcoi-badge",
-      `pcoi-badge--${o}`,
-      a
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e("span", { ref: i, className: s, ...l, children: c });
-  }
-);
-$.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"])'
-    );
-    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",
-        {
-          type: "button",
-          className: "pcoi-toast__close",
-          onClick: t,
-          "aria-label": "Dismiss notification",
-          children: /* @__PURE__ */ e(E, { size: 16 })
-        }
-      )
-    ] }) }),
-    document.body
-  );
-};
-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 })
-  ] });
-});
-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",
-        {
-          type: "button",
-          className: "pcoi-cited-excerpt__source",
-          onClick: l,
-          children: a
-        }
-      ),
-      /* @__PURE__ */ n("div", { className: "pcoi-cited-excerpt__body", children: [
-        /* @__PURE__ */ n(
-          "button",
-          {
-            type: "button",
-            className: "pcoi-cited-excerpt__index",
-            onClick: l,
-            children: [
-              "[",
-              c,
-              "]"
-            ]
-          }
-        ),
-        /* @__PURE__ */ e("p", { className: "pcoi-cited-excerpt__text", children: o })
-      ] })
-    ] });
-  }
-);
-O.displayName = "CitedExcerpt";
-const P = _.forwardRef(
-  ({
-    value: c,
-    onChange: o,
-    onSubmit: a,
-    placeholder: l = "Ask a question…",
-    disabled: i = !1,
-    loading: s = !1,
-    className: r = "",
-    ...t
-  }, p) => {
-    const d = w(null), h = x(
-      (f) => {
-        f.key === "Enter" && !f.shiftKey && (f.preventDefault(), c.trim() && !i && !s && a(c.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: [
-      /* @__PURE__ */ e(
-        "textarea",
-        {
-          ref: d,
-          className: "pcoi-prompt-bar__input",
-          value: c,
-          onChange: (f) => o(f.target.value),
-          onKeyDown: h,
-          placeholder: l,
-          disabled: i,
-          rows: 1,
-          "aria-label": l
-        }
-      ),
-      /* @__PURE__ */ e("div", { className: "pcoi-prompt-bar__actions", children: /* @__PURE__ */ e(
-        R,
-        {
-          variant: "primary",
-          className: "pcoi-prompt-bar__send",
-          onClick: m,
-          disabled: i || s || !c.trim(),
-          "aria-label": "Send message",
-          children: /* @__PURE__ */ e("span", { className: "pcoi-prompt-bar__send-icon", children: /* @__PURE__ */ e(z, { size: 16 }) })
-        }
-      ) })
-    ] });
-  }
-);
-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--${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($, { 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: () => i == null ? void 0 : i(d)
-        },
-        d.index
-      )) }),
-      l && /* @__PURE__ */ e("time", { className: "pcoi-chat-message__timestamp", children: l })
-    ] });
-  }
-);
-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: () => o(r)
-    },
-    r.id
-  )) });
-});
-M.displayName = "SuggestionCards";
-const q = _.forwardRef(({ children: c, className: o = "", ...a }, l) => {
-  const i = w(null);
-  y(() => {
-    const r = i.current;
-    if (!r) return;
-    const t = () => {
-      requestAnimationFrame(() => {
-        r.scrollTop = r.scrollHeight;
-      });
-    }, p = new MutationObserver(t);
-    return p.observe(r, { childList: !0, subtree: !0 }), t(), () => 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 }) });
-});
-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 h = w(null);
-    y(() => {
-      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}]`));
-      });
-    }, [c, s, r]);
-    const m = ["pcoi-doc-overlay", t].filter(Boolean).join(" "), u = l ? _.createElement(
-      "div",
-      { className: "pcoi-doc-overlay__source" },
-      _.createElement($, null, l)
-    ) : void 0;
-    return _.createElement(
-      T,
-      {
-        open: c,
-        onClose: o,
-        title: a,
-        size: "wide",
-        footer: u,
-        className: m,
-        ...p
-      },
-      _.createElement(
-        "div",
-        { ref: h, className: "pcoi-doc-overlay__content" },
-        i
-      )
-    );
-  }
-);
-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: [
-      /* @__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(
-  ({
-    messages: c,
-    suggestions: o,
-    promptValue: a,
-    onPromptChange: l,
-    onPromptSubmit: i,
-    onSuggestionSelect: s,
-    onCitationClick: r,
-    placeholder: t,
-    loading: p = !1,
-    className: d = "",
-    ...h
-  }, m) => {
-    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: o && o.length > 0 && s && /* @__PURE__ */ e("div", { className: "pcoi-chat__suggestions", children: /* @__PURE__ */ e(
-        M,
-        {
-          suggestions: o,
-          onSelect: s
-        }
-      ) }) }) : /* @__PURE__ */ n(q, { className: "pcoi-chat__messages", children: [
-        c.map((N) => /* @__PURE__ */ e(
-          H,
-          {
-            role: N.role,
-            citations: N.citations,
-            timestamp: N.timestamp,
-            onCitationClick: r,
-            children: N.content
-          },
-          N.id
-        )),
-        p && /* @__PURE__ */ e(L, {})
-      ] }),
-      /* @__PURE__ */ e("div", { className: "pcoi-chat__prompt", children: /* @__PURE__ */ e(
-        P,
-        {
-          value: a,
-          onChange: l,
-          onSubmit: i,
-          placeholder: t,
-          loading: p,
-          disabled: p
-        }
-      ) })
-    ] });
-  }
-);
-se.displayName = "ChatInterface";
-export {
-  $ as Badge,
-  R as Button,
-  Q as Callout,
-  Y as Card,
-  se as ChatInterface,
-  H 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,
-  g as FormField,
-  V as HowStep,
-  I as LogoMark,
-  T as Modal,
-  W as Nav,
-  ie 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
-};