@mixpeek/react-searchkit 0.1.2

package/dist/searchkit.esm.js

@@ -0,0 +1,1771 @@
+import { jsxs as l, jsx as e, Fragment as me } from "react/jsx-runtime";
+import le, { useMemo as J, useRef as z, useEffect as j, useState as C, useCallback as y, createContext as xe, useContext as ge } from "react";
+import { createPortal as ye } from "react-dom";
+function ve() {
+  return typeof navigator > "u" ? "Ctrl K" : navigator.platform.toUpperCase().indexOf("MAC") >= 0 ? "⌘K" : "Ctrl K";
+}
+const be = ({
+  onClick: t,
+  placeholder: r,
+  keyboardShortcut: n
+}) => {
+  const i = J(() => ve(), []);
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      className: "mixpeek-search-button",
+      onClick: t,
+      type: "button",
+      "aria-label": "Open search",
+      children: [
+        /* @__PURE__ */ l(
+          "svg",
+          {
+            className: "mixpeek-search-button-icon",
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ e("circle", { cx: "11", cy: "11", r: "8" }),
+              /* @__PURE__ */ e("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "mixpeek-search-button-text", children: r }),
+        n && /* @__PURE__ */ e("kbd", { className: "mixpeek-search-button-kbd", children: i })
+      ]
+    }
+  );
+}, Ne = ({
+  value: t,
+  onChange: r,
+  placeholder: n,
+  isLoading: i,
+  onClear: s
+}) => {
+  const a = z(null);
+  return j(() => {
+    const c = setTimeout(() => {
+      var h;
+      (h = a.current) == null || h.focus();
+    }, 50);
+    return () => clearTimeout(c);
+  }, []), /* @__PURE__ */ l("div", { className: "mixpeek-search-input-wrapper", children: [
+    /* @__PURE__ */ e("div", { className: "mixpeek-search-input-icon", children: /* @__PURE__ */ l(
+      "svg",
+      {
+        width: "20",
+        height: "20",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+          /* @__PURE__ */ e("circle", { cx: "11", cy: "11", r: "8" }),
+          /* @__PURE__ */ e("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        ref: a,
+        type: "text",
+        className: "mixpeek-search-input",
+        value: t,
+        onChange: (c) => r(c.target.value),
+        placeholder: n,
+        autoComplete: "off",
+        autoCorrect: "off",
+        autoCapitalize: "off",
+        spellCheck: !1,
+        role: "combobox",
+        "aria-expanded": "true",
+        "aria-haspopup": "listbox",
+        "aria-label": "Search"
+      }
+    ),
+    i && /* @__PURE__ */ e("div", { className: "mixpeek-search-spinner", "aria-label": "Loading", children: /* @__PURE__ */ e(
+      "svg",
+      {
+        width: "18",
+        height: "18",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        children: /* @__PURE__ */ e("path", { d: "M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83" })
+      }
+    ) }),
+    t && !i && /* @__PURE__ */ e(
+      "button",
+      {
+        className: "mixpeek-search-clear",
+        onClick: s,
+        "aria-label": "Clear search",
+        type: "button",
+        children: /* @__PURE__ */ l(
+          "svg",
+          {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+              /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}, we = ({ data: t, onCitationClick: r }) => t.answer ? /* @__PURE__ */ l("div", { className: "mixpeek-ai-answer", role: "region", "aria-label": "AI Answer", children: [
+  /* @__PURE__ */ l("div", { className: "mixpeek-ai-answer-header", children: [
+    /* @__PURE__ */ e("div", { className: "mixpeek-ai-answer-icon", children: /* @__PURE__ */ l(
+      "svg",
+      {
+        width: "16",
+        height: "16",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+          /* @__PURE__ */ e("path", { d: "M12 2L2 7l10 5 10-5-10-5z" }),
+          /* @__PURE__ */ e("path", { d: "M2 17l10 5 10-5" }),
+          /* @__PURE__ */ e("path", { d: "M2 12l10 5 10-5" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ e("span", { className: "mixpeek-ai-answer-label", children: "AI Answer" }),
+    t.isStreaming && /* @__PURE__ */ e("span", { className: "mixpeek-ai-answer-streaming", children: "Generating..." })
+  ] }),
+  /* @__PURE__ */ e("div", { className: "mixpeek-ai-answer-text", children: t.answer }),
+  t.citations && t.citations.length > 0 && /* @__PURE__ */ l("div", { className: "mixpeek-ai-answer-citations", children: [
+    /* @__PURE__ */ e("span", { className: "mixpeek-ai-answer-citations-label", children: "Sources:" }),
+    t.citations.map((n, i) => /* @__PURE__ */ l(
+      "button",
+      {
+        className: "mixpeek-ai-answer-citation",
+        onClick: () => r == null ? void 0 : r(n.resultIndex),
+        type: "button",
+        title: n.text,
+        children: [
+          /* @__PURE__ */ e("span", { className: "mixpeek-citation-index", children: n.resultIndex + 1 }),
+          /* @__PURE__ */ e("span", { className: "mixpeek-citation-text", children: n.text })
+        ]
+      },
+      i
+    ))
+  ] })
+] }) : null;
+function pe(t, r) {
+  if (!r.trim() || !t) return t;
+  const n = r.trim().split(/\s+/).filter((a) => a.length > 2).map((a) => a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
+  if (n.length === 0) return t;
+  const i = new RegExp(`(${n.join("|")})`, "gi");
+  return t.split(i).map(
+    (a, c) => i.test(a) ? /* @__PURE__ */ e("mark", { className: "mixpeek-highlight", children: a }, c) : a
+  );
+}
+function _e(t) {
+  if (t.title) return t.title;
+  if (t.page_url)
+    try {
+      const r = new URL(t.page_url);
+      return r.pathname === "/" ? r.hostname : r.pathname.split("/").pop() || r.hostname;
+    } catch {
+      return t.page_url;
+    }
+  return t.content ? t.content.slice(0, 80) : "Untitled";
+}
+function Se(t) {
+  if (t.content) return t.content;
+  for (const r of ["description", "snippet", "summary", "text", "body"])
+    if (typeof t[r] == "string" && t[r])
+      return t[r];
+  return "";
+}
+function Ce(t) {
+  return t >= 0 && t <= 1 ? `${Math.round(t * 100)}%` : t.toFixed(1);
+}
+function Le(t) {
+  return typeof t == "string" ? t : typeof t == "number" || typeof t == "boolean" ? String(t) : t == null ? "" : JSON.stringify(t);
+}
+const $e = /* @__PURE__ */ new Set([
+  "id",
+  "title",
+  "content",
+  "page_url",
+  "image_url",
+  "score",
+  "document_id",
+  "collection_id",
+  "namespace_id"
+]), Me = ({
+  result: t,
+  index: r,
+  query: n,
+  onResultClick: i
+}) => {
+  const [s, a] = C(!1), [c, h] = C(!1), o = _e(t), m = Se(t), d = m.length > 200 ? m.slice(0, 200) + "..." : m, p = t.document_id || t.id || null, v = J(() => {
+    const k = [];
+    for (const [x, b] of Object.entries(t)) {
+      if ($e.has(x) || x.startsWith("_") || x.startsWith("__") || b == null) continue;
+      const w = Le(b);
+      w && k.push([x, w]);
+    }
+    return k;
+  }, [t]), L = y(
+    (k) => {
+      i == null || i(t, r), t.page_url && i && k.preventDefault();
+    },
+    [t, r, i]
+  ), _ = y(
+    (k) => {
+      (k.key === "Enter" || k.key === " ") && (k.preventDefault(), i == null || i(t, r), t.page_url && !i && window.open(t.page_url, "_blank", "noopener,noreferrer"));
+    },
+    [t, r, i]
+  ), D = y(
+    (k) => {
+      k.stopPropagation(), k.preventDefault();
+      const x = `${o}${t.page_url ? `
+` + t.page_url : ""}`;
+      navigator.clipboard.writeText(x).then(() => {
+        a(!0), setTimeout(() => a(!1), 2e3);
+      }).catch(() => {
+      });
+    },
+    [o, t.page_url]
+  ), T = y(
+    (k) => {
+      k.stopPropagation(), k.preventDefault(), h((x) => !x);
+    },
+    []
+  ), B = t.page_url ? "a" : "div", A = t.page_url ? { href: t.page_url, target: "_blank", rel: "noopener noreferrer" } : {};
+  return /* @__PURE__ */ l(
+    B,
+    {
+      className: "mixpeek-result-card",
+      onClick: L,
+      onKeyDown: _,
+      tabIndex: 0,
+      ...A,
+      role: "option",
+      "aria-selected": !1,
+      "data-index": r,
+      children: [
+        t.image_url && /* @__PURE__ */ e("div", { className: "mixpeek-result-thumbnail", children: /* @__PURE__ */ e(
+          "img",
+          {
+            src: t.image_url,
+            alt: "",
+            loading: "lazy",
+            onError: (k) => {
+              k.target.style.display = "none";
+            }
+          }
+        ) }),
+        /* @__PURE__ */ l("div", { className: "mixpeek-result-body", children: [
+          /* @__PURE__ */ l("div", { className: "mixpeek-result-header", children: [
+            /* @__PURE__ */ e("div", { className: "mixpeek-result-title", children: pe(o, n) }),
+            typeof t.score == "number" && /* @__PURE__ */ e("span", { className: "mixpeek-result-score", children: Ce(t.score) })
+          ] }),
+          t.page_url && /* @__PURE__ */ e("div", { className: "mixpeek-result-url", children: t.page_url }),
+          d && /* @__PURE__ */ e("div", { className: "mixpeek-result-content", children: pe(d, n) }),
+          /* @__PURE__ */ l("div", { className: "mixpeek-result-footer", children: [
+            p && /* @__PURE__ */ e("span", { className: "mixpeek-result-ref", title: p, children: p }),
+            v.length > 0 && /* @__PURE__ */ l(
+              "button",
+              {
+                className: "mixpeek-meta-toggle",
+                onClick: T,
+                type: "button",
+                "aria-expanded": c,
+                "aria-label": c ? "Hide details" : "Show details",
+                children: [
+                  /* @__PURE__ */ e(
+                    "svg",
+                    {
+                      className: `mixpeek-meta-chevron ${c ? "mixpeek-meta-chevron-open" : ""}`,
+                      width: "12",
+                      height: "12",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      children: /* @__PURE__ */ e("polyline", { points: "9 18 15 12 9 6" })
+                    }
+                  ),
+                  "Details"
+                ]
+              }
+            )
+          ] }),
+          c && v.length > 0 && /* @__PURE__ */ e("div", { className: "mixpeek-result-metadata", children: v.map(([k, x]) => /* @__PURE__ */ l("div", { className: "mixpeek-meta-row", children: [
+            /* @__PURE__ */ e("span", { className: "mixpeek-meta-key", children: k }),
+            /* @__PURE__ */ e("span", { className: "mixpeek-meta-value", children: x })
+          ] }, k)) })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "mixpeek-result-actions", children: /* @__PURE__ */ e(
+          "button",
+          {
+            className: "mixpeek-result-copy",
+            onClick: D,
+            "aria-label": "Copy link",
+            title: "Copy link",
+            type: "button",
+            children: s ? /* @__PURE__ */ e(
+              "svg",
+              {
+                width: "14",
+                height: "14",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" })
+              }
+            ) : /* @__PURE__ */ l(
+              "svg",
+              {
+                width: "14",
+                height: "14",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: [
+                  /* @__PURE__ */ e("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
+                  /* @__PURE__ */ e("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+                ]
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+}, Te = {
+  feature_search: "Search",
+  attribute_filter: "Filter",
+  sort_attribute: "Sort",
+  llm_filter: "LLM Filter",
+  rerank: "Rerank",
+  llm_enrich: "Enrich",
+  mmr: "Diversify",
+  group_by: "Group",
+  limit: "Limit",
+  json_transform: "Transform",
+  agent_search: "Agent",
+  rag_prepare: "RAG",
+  reduce: "Reduce"
+};
+function ae(t) {
+  return Te[t] || t.replace(/_/g, " ").replace(/\b\w/g, (r) => r.toUpperCase());
+}
+function Ae(t) {
+  return t < 1e3 ? `${Math.round(t)}ms` : `${(t / 1e3).toFixed(1)}s`;
+}
+const Ee = ({
+  stages: t,
+  isStreaming: r
+}) => t.length === 0 ? null : /* @__PURE__ */ l("div", { className: "mixpeek-pipeline", role: "status", "aria-label": "Pipeline progress", children: [
+  t.map((n, i) => {
+    var s;
+    return /* @__PURE__ */ l(le.Fragment, { children: [
+      i > 0 && /* @__PURE__ */ e("div", { className: "mixpeek-pipeline-connector" }),
+      /* @__PURE__ */ l(
+        "div",
+        {
+          className: "mixpeek-pipeline-stage",
+          "data-status": n.status,
+          title: (s = n.statistics) != null && s.duration_ms ? `${ae(n.name)}: ${n.documents.length} results in ${Ae(n.statistics.duration_ms)}` : ae(n.name),
+          children: [
+            /* @__PURE__ */ l("div", { className: "mixpeek-pipeline-dot", children: [
+              n.status === "complete" && /* @__PURE__ */ e("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" }) }),
+              n.status === "error" && /* @__PURE__ */ l("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+              ] })
+            ] }),
+            /* @__PURE__ */ e("span", { className: "mixpeek-pipeline-label", children: ae(n.name) }),
+            n.status === "complete" && /* @__PURE__ */ e("span", { className: "mixpeek-pipeline-count", children: n.documents.length })
+          ]
+        }
+      )
+    ] }, n.index);
+  }),
+  r && /* @__PURE__ */ e("div", { className: "mixpeek-pipeline-connector mixpeek-pipeline-connector-active" })
+] }), je = ({
+  results: t,
+  stages: r,
+  isStreaming: n,
+  query: i,
+  isLoading: s,
+  onResultClick: a,
+  renderResult: c
+}) => {
+  const h = z(null), o = y((d) => {
+    if (!h.current) return;
+    const p = h.current.querySelectorAll(".mixpeek-result-card");
+    p[d] && p[d].scrollIntoView({ behavior: "smooth", block: "nearest" });
+  }, []);
+  le.useImperativeHandle(
+    le.createRef(),
+    () => ({ scrollToResult: o }),
+    [o]
+  );
+  const m = r.length > 0;
+  return s && t.length === 0 && r.length === 0 ? /* @__PURE__ */ e("div", { className: "mixpeek-results-loading", children: /* @__PURE__ */ e("div", { className: "mixpeek-results-skeleton", children: Array.from({ length: 3 }).map((d, p) => /* @__PURE__ */ l("div", { className: "mixpeek-skeleton-card", children: [
+    /* @__PURE__ */ e("div", { className: "mixpeek-skeleton-line mixpeek-skeleton-title" }),
+    /* @__PURE__ */ e("div", { className: "mixpeek-skeleton-line mixpeek-skeleton-url" }),
+    /* @__PURE__ */ e("div", { className: "mixpeek-skeleton-line mixpeek-skeleton-content" }),
+    /* @__PURE__ */ e("div", { className: "mixpeek-skeleton-line mixpeek-skeleton-content-short" })
+  ] }, p)) }) }) : t.length === 0 && !m ? null : /* @__PURE__ */ l("div", { ref: h, children: [
+    m && /* @__PURE__ */ e(Ee, { stages: r, isStreaming: n }),
+    t.length > 0 && /* @__PURE__ */ e(
+      "div",
+      {
+        className: "mixpeek-results-list",
+        role: "listbox",
+        "aria-label": "Search results",
+        children: t.map((d, p) => c ? /* @__PURE__ */ e("div", { className: "mixpeek-result-custom", role: "option", children: c(d, p) }, d.id || p) : /* @__PURE__ */ e(
+          Me,
+          {
+            result: d,
+            index: p,
+            query: i,
+            onResultClick: a
+          },
+          d.id || p
+        ))
+      }
+    ),
+    n && t.length === 0 && /* @__PURE__ */ e("div", { className: "mixpeek-results-loading", children: /* @__PURE__ */ e("div", { className: "mixpeek-results-skeleton", children: Array.from({ length: 2 }).map((d, p) => /* @__PURE__ */ l("div", { className: "mixpeek-skeleton-card", children: [
+      /* @__PURE__ */ e("div", { className: "mixpeek-skeleton-line mixpeek-skeleton-title" }),
+      /* @__PURE__ */ e("div", { className: "mixpeek-skeleton-line mixpeek-skeleton-content" }),
+      /* @__PURE__ */ e("div", { className: "mixpeek-skeleton-line mixpeek-skeleton-content-short" })
+    ] }, p)) }) })
+  ] });
+}, Ke = ({ query: t }) => /* @__PURE__ */ l("div", { className: "mixpeek-zero-results", role: "status", children: [
+  /* @__PURE__ */ e("div", { className: "mixpeek-zero-results-icon", children: /* @__PURE__ */ l(
+    "svg",
+    {
+      width: "48",
+      height: "48",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "11", cy: "11", r: "8" }),
+        /* @__PURE__ */ e("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }),
+        /* @__PURE__ */ e("line", { x1: "8", y1: "11", x2: "14", y2: "11" })
+      ]
+    }
+  ) }),
+  /* @__PURE__ */ e("div", { className: "mixpeek-zero-results-title", children: "No results found" }),
+  /* @__PURE__ */ l("div", { className: "mixpeek-zero-results-text", children: [
+    "No results for “",
+    /* @__PURE__ */ e("strong", { children: t }),
+    "”. Try different keywords or check for typos."
+  ] })
+] }), Re = ({ theme: t }) => /* @__PURE__ */ l(
+  "a",
+  {
+    className: `mixpeek-powered-by${t ? ` mixpeek-powered-by--${t}` : ""}`,
+    href: "https://mxp.co/searchkit",
+    target: "_blank",
+    rel: "noopener noreferrer",
+    "aria-label": "Search powered by Mixpeek",
+    children: [
+      /* @__PURE__ */ e("span", { className: "mixpeek-powered-by__text", children: "Search by" }),
+      /* @__PURE__ */ l(
+        "svg",
+        {
+          className: "mixpeek-powered-by__logo",
+          width: "14",
+          height: "14",
+          viewBox: "0 0 32 32",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ e("rect", { width: "32", height: "32", rx: "6", fill: "currentColor", fillOpacity: "0.15" }),
+            /* @__PURE__ */ e(
+              "path",
+              {
+                d: "M8 22V10l5 6 5-6v12",
+                stroke: "currentColor",
+                strokeWidth: "2.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ e(
+              "path",
+              {
+                d: "M22 10v12",
+                stroke: "currentColor",
+                strokeWidth: "2.5",
+                strokeLinecap: "round"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: "mixpeek-powered-by__wordmark", children: "Mixpeek" })
+    ]
+  }
+), De = ({ query: t }) => {
+  const [r, n] = C(!1), i = y(() => {
+    if (!t.trim()) return;
+    const s = new URL(window.location.href);
+    s.searchParams.set("mixpeek_q", t), navigator.clipboard.writeText(s.toString()).then(() => {
+      n(!0), setTimeout(() => n(!1), 2500);
+    });
+  }, [t]);
+  return t.trim() ? /* @__PURE__ */ e(
+    "button",
+    {
+      className: "mixpeek-share-link",
+      onClick: i,
+      type: "button",
+      "aria-label": "Copy shareable link",
+      title: "Copy shareable search link",
+      children: r ? /* @__PURE__ */ l(me, { children: [
+        /* @__PURE__ */ e(
+          "svg",
+          {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" })
+          }
+        ),
+        /* @__PURE__ */ e("span", { children: "Copied!" })
+      ] }) : /* @__PURE__ */ l(me, { children: [
+        /* @__PURE__ */ l(
+          "svg",
+          {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ e("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
+              /* @__PURE__ */ e("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e("span", { children: "Share" })
+      ] })
+    }
+  ) : null;
+}, Be = ({ config: t }) => /* @__PURE__ */ l("div", { className: "mixpeek-intent-cta", role: "banner", children: [
+  /* @__PURE__ */ e("div", { className: "mixpeek-intent-cta-message", children: t.message }),
+  /* @__PURE__ */ e(
+    "a",
+    {
+      className: "mixpeek-intent-cta-button",
+      href: t.buttonUrl,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: t.buttonText
+    }
+  )
+] }), Ie = ({
+  isOpen: t,
+  onClose: r,
+  query: n,
+  onQueryChange: i,
+  results: s,
+  stages: a,
+  isStreaming: c,
+  isLoading: h,
+  error: o,
+  aiAnswer: m,
+  metadata: d,
+  placeholder: p,
+  showPoweredBy: v,
+  enableShareLinks: L,
+  enableAIAnswer: _,
+  recentSearches: D,
+  onClearRecent: T,
+  onResultClick: B,
+  renderResult: A,
+  ctaConfig: k,
+  theme: x = "light"
+}) => {
+  const b = z(null), w = z(null);
+  j(() => {
+    if (!t) return;
+    const g = (f) => {
+      if (f.key === "Escape") {
+        f.preventDefault(), r();
+        return;
+      }
+      if (f.key === "Tab" && b.current) {
+        const K = b.current.querySelectorAll(
+          'input, button, a[href], [tabindex]:not([tabindex="-1"])'
+        );
+        if (K.length === 0) return;
+        const H = K[0], q = K[K.length - 1];
+        f.shiftKey && document.activeElement === H ? (f.preventDefault(), q.focus()) : !f.shiftKey && document.activeElement === q && (f.preventDefault(), H.focus());
+      }
+    };
+    return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
+  }, [t, r]), j(() => {
+    if (t) {
+      const g = document.body.style.overflow;
+      return document.body.style.overflow = "hidden", () => {
+        document.body.style.overflow = g;
+      };
+    }
+  }, [t]);
+  const O = y(
+    (g) => {
+      g.target === w.current && r();
+    },
+    [r]
+  ), U = y(() => {
+    i("");
+  }, [i]), S = y(
+    (g) => {
+      i(g);
+    },
+    [i]
+  ), I = y(
+    (g) => {
+      var K;
+      const f = (K = b.current) == null ? void 0 : K.querySelector(
+        `[data-index="${g}"]`
+      );
+      f && (f.scrollIntoView({ behavior: "smooth", block: "nearest" }), f.classList.add("mixpeek-result-highlighted"), setTimeout(() => {
+        f.classList.remove("mixpeek-result-highlighted");
+      }, 1500));
+    },
+    []
+  ), $ = !n && D.length > 0, W = !n && D.length === 0, F = n.trim() && !h && !c && s.length === 0 && !o, E = s.length > 0 || a.length > 0, N = _ && m && m.answer, u = k || (d == null ? void 0 : d.cta);
+  if (!t) return null;
+  const R = /* @__PURE__ */ e(
+    "div",
+    {
+      ref: w,
+      className: `mixpeek-search mixpeek-theme-${x} mixpeek-modal-backdrop`,
+      onClick: O,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Search",
+      children: /* @__PURE__ */ l("div", { ref: b, className: "mixpeek-modal", children: [
+        /* @__PURE__ */ e("div", { className: "mixpeek-modal-header", children: /* @__PURE__ */ e(
+          Ne,
+          {
+            value: n,
+            onChange: i,
+            placeholder: p,
+            isLoading: h,
+            onClear: U
+          }
+        ) }),
+        /* @__PURE__ */ l("div", { className: "mixpeek-modal-body", children: [
+          o && /* @__PURE__ */ l("div", { className: "mixpeek-error", role: "alert", children: [
+            /* @__PURE__ */ e("div", { className: "mixpeek-error-icon", children: /* @__PURE__ */ l(
+              "svg",
+              {
+                width: "16",
+                height: "16",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: [
+                  /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+                  /* @__PURE__ */ e("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+                  /* @__PURE__ */ e("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ e("span", { children: o })
+          ] }),
+          W && /* @__PURE__ */ l("div", { className: "mixpeek-empty-state", children: [
+            /* @__PURE__ */ e("div", { className: "mixpeek-empty-state-icon", children: /* @__PURE__ */ l(
+              "svg",
+              {
+                width: "32",
+                height: "32",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: [
+                  /* @__PURE__ */ e("circle", { cx: "11", cy: "11", r: "8" }),
+                  /* @__PURE__ */ e("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ l("div", { className: "mixpeek-empty-state-text", children: [
+              "Type to search or press",
+              " ",
+              /* @__PURE__ */ e("kbd", { className: "mixpeek-empty-state-kbd", children: "Esc" }),
+              " to close"
+            ] })
+          ] }),
+          $ && /* @__PURE__ */ l("div", { className: "mixpeek-recent-searches", children: [
+            /* @__PURE__ */ l("div", { className: "mixpeek-recent-header", children: [
+              /* @__PURE__ */ e("span", { className: "mixpeek-recent-title", children: "Recent searches" }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: "mixpeek-recent-clear",
+                  onClick: T,
+                  type: "button",
+                  children: "Clear"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e("div", { className: "mixpeek-recent-list", children: D.map((g, f) => /* @__PURE__ */ l(
+              "button",
+              {
+                className: "mixpeek-recent-item",
+                onClick: () => S(g),
+                type: "button",
+                children: [
+                  /* @__PURE__ */ l(
+                    "svg",
+                    {
+                      width: "14",
+                      height: "14",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      children: [
+                        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+                        /* @__PURE__ */ e("polyline", { points: "12 6 12 12 16 14" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e("span", { children: g })
+                ]
+              },
+              f
+            )) })
+          ] }),
+          N && /* @__PURE__ */ e(we, { data: m, onCitationClick: I }),
+          E && /* @__PURE__ */ e(
+            je,
+            {
+              results: s,
+              stages: a,
+              isStreaming: c,
+              query: n,
+              isLoading: h,
+              onResultClick: B,
+              renderResult: A
+            }
+          ),
+          F && /* @__PURE__ */ e(Ke, { query: n }),
+          u && /* @__PURE__ */ e(Be, { config: u })
+        ] }),
+        /* @__PURE__ */ l("div", { className: "mixpeek-modal-footer", children: [
+          /* @__PURE__ */ e("div", { className: "mixpeek-modal-footer-left", children: L && /* @__PURE__ */ e(De, { query: n }) }),
+          /* @__PURE__ */ l("div", { className: "mixpeek-modal-footer-right", children: [
+            /* @__PURE__ */ l("div", { className: "mixpeek-modal-footer-hints", children: [
+              /* @__PURE__ */ e("kbd", { className: "mixpeek-kbd-hint", children: "Esc" }),
+              /* @__PURE__ */ e("span", { children: "to close" })
+            ] }),
+            v && /* @__PURE__ */ e(Re, {})
+          ] })
+        ] })
+      ] })
+    }
+  );
+  return ye(R, document.body);
+}, We = "https://api.mixpeek.com";
+class Fe {
+  constructor(r) {
+    this.abortController = null, this.projectKey = r.projectKey, this.baseUrl = (r.baseUrl || We).replace(/\/+$/, ""), this.retrieverSlug = r.retrieverSlug, this.bearerToken = r.bearerToken;
+  }
+  isApiKey() {
+    return this.projectKey.startsWith("ret_sk_");
+  }
+  getHeaders() {
+    const r = {
+      "Content-Type": "application/json"
+    };
+    return this.bearerToken ? r.Authorization = `Bearer ${this.bearerToken}` : this.isApiKey() && (r["X-Public-API-Key"] = this.projectKey), r;
+  }
+  getEndpoint() {
+    return this.bearerToken ? `${this.baseUrl}/v1/retrievers/${encodeURIComponent(this.projectKey)}/execute` : this.isApiKey() ? this.retrieverSlug ? `${this.baseUrl}/v1/public/retrievers/${encodeURIComponent(this.retrieverSlug)}/execute` : `${this.baseUrl}/v1/public/retrievers/execute` : `${this.baseUrl}/v1/public/retrievers/${encodeURIComponent(this.projectKey)}/execute`;
+  }
+  /**
+   * Cancel any in-flight search request.
+   */
+  cancel() {
+    this.abortController && (this.abortController.abort(), this.abortController = null);
+  }
+  /**
+   * Execute a search query against the configured retriever.
+   */
+  async search(r) {
+    this.cancel(), this.abortController = new AbortController();
+    const n = {
+      inputs: { query: r.query, ...r.inputs },
+      settings: { limit: r.limit || 10 }
+    };
+    r.stream && (n.stream = !0);
+    const i = await fetch(this.getEndpoint(), {
+      method: "POST",
+      headers: this.getHeaders(),
+      body: JSON.stringify(n),
+      signal: this.abortController.signal
+    });
+    if (!i.ok) {
+      const c = await i.text();
+      let h = `Search request failed (${i.status})`;
+      try {
+        const o = JSON.parse(c);
+        o.detail && (h = typeof o.detail == "string" ? o.detail : JSON.stringify(o.detail));
+      } catch {
+      }
+      throw new Error(h);
+    }
+    const s = await i.json();
+    return {
+      results: s.results || s.documents || [],
+      ai_answer: s.ai_answer || null,
+      metadata: s.metadata || null
+    };
+  }
+  /**
+   * Execute a streaming search query. Yields StageEvent objects as the pipeline executes.
+   */
+  async *searchStream(r) {
+    this.cancel(), this.abortController = new AbortController();
+    const n = {
+      inputs: { query: r.query, ...r.inputs },
+      settings: { limit: r.limit || 10 },
+      stream: !0
+    }, i = await fetch(this.getEndpoint(), {
+      method: "POST",
+      headers: {
+        ...this.getHeaders(),
+        Accept: "text/event-stream"
+      },
+      body: JSON.stringify(n),
+      signal: this.abortController.signal
+    });
+    if (!i.ok)
+      throw new Error(`Search request failed (${i.status})`);
+    if (!i.body)
+      throw new Error("Streaming not supported");
+    const s = i.body.getReader(), a = new TextDecoder();
+    let c = "";
+    try {
+      for (; ; ) {
+        const { done: h, value: o } = await s.read();
+        if (h) break;
+        c += a.decode(o, { stream: !0 });
+        const m = c.split(`
+`);
+        c = m.pop() || "";
+        for (const d of m) {
+          const p = d.trim();
+          if (!p || !p.startsWith("data: ")) continue;
+          const v = p.slice(6);
+          if (v === "[DONE]") return;
+          try {
+            const L = JSON.parse(v);
+            L.event_type && (yield L);
+          } catch {
+          }
+        }
+      }
+    } finally {
+      s.releaseLock();
+    }
+  }
+}
+const Z = /* @__PURE__ */ new Map(), Oe = 5 * 60 * 1e3;
+function Ue(t, r, n, i) {
+  const s = i && Object.keys(i).length > 0 ? `:${JSON.stringify(i)}` : "";
+  return `${t}:${r}:${n}${s}`;
+}
+function Pe() {
+  const t = Date.now();
+  for (const [r, n] of Z.entries())
+    t - n.timestamp > Oe && Z.delete(r);
+}
+function ze(t) {
+  const { config: r, filterInputs: n, onSearch: i, onSearchExecuted: s, onZeroResults: a, transformResults: c } = t, [h, o] = C([]), [m, d] = C([]), [p, v] = C(!1), [L, _] = C(!1), [D, T] = C(null), [B, A] = C(null), [k, x] = C(null), b = z(null), w = z(null);
+  j(() => (b.current = new Fe({
+    projectKey: r.projectKey,
+    baseUrl: r.apiBaseUrl,
+    retrieverSlug: r.retrieverSlug,
+    bearerToken: r.bearerToken
+  }), () => {
+    var S;
+    (S = b.current) == null || S.cancel();
+  }), [r.projectKey, r.apiBaseUrl, r.retrieverSlug, r.bearerToken]);
+  const O = y(
+    async (S) => {
+      const I = b.current;
+      if (!I) return;
+      const $ = S.trim();
+      if (!$) {
+        o([]), d([]), T(null), A(null), x(null), v(!1), _(!1);
+        return;
+      }
+      const W = Ue(r.projectKey, $, r.maxResults, n);
+      Pe();
+      const F = Z.get(W);
+      if (F) {
+        const E = c ? c(F.results) : F.results;
+        o(E), A(F.aiAnswer), x(F.metadata), d([]), T(null), v(!1), _(!1);
+        return;
+      }
+      v(!0), _(!0), T(null), d([]), o([]), A(null);
+      try {
+        i == null || i($);
+        let E = [];
+        for await (const u of I.searchStream({ query: $, limit: r.maxResults, inputs: n }))
+          switch (u.event_type) {
+            case "stage_start":
+              d((R) => {
+                const g = [...R];
+                return g[u.stage_index] = {
+                  name: u.stage_name || `Stage ${u.stage_index}`,
+                  index: u.stage_index,
+                  status: "running",
+                  documents: []
+                }, g;
+              });
+              break;
+            case "stage_complete":
+              d((R) => {
+                const g = [...R], f = g[u.stage_index];
+                return g[u.stage_index] = {
+                  name: (f == null ? void 0 : f.name) || u.stage_name || `Stage ${u.stage_index}`,
+                  index: u.stage_index,
+                  status: "complete",
+                  documents: u.documents || [],
+                  statistics: u.statistics
+                }, g;
+              }), u.documents && o(
+                c ? c(u.documents) : u.documents
+              );
+              break;
+            case "stage_error":
+              d((R) => {
+                const g = [...R], f = g[u.stage_index];
+                return g[u.stage_index] = {
+                  name: (f == null ? void 0 : f.name) || u.stage_name || `Stage ${u.stage_index}`,
+                  index: u.stage_index,
+                  status: "error",
+                  documents: (f == null ? void 0 : f.documents) || [],
+                  error: u.error
+                }, g;
+              });
+              break;
+            case "execution_complete":
+              E = u.documents || [];
+              break;
+            case "execution_error":
+              T(u.error || "Execution failed"), _(!1), v(!1);
+              return;
+          }
+        const N = c ? c(E) : E;
+        o(N), _(!1), v(!1), T(null), Z.set(W, {
+          results: E,
+          aiAnswer: null,
+          metadata: null,
+          timestamp: Date.now()
+        }), s == null || s($), N.length === 0 && (a == null || a($));
+      } catch (E) {
+        if (E instanceof Error && E.name === "AbortError")
+          return;
+        _(!1), d([]);
+        try {
+          const N = await I.search({
+            query: $,
+            limit: r.maxResults,
+            inputs: n
+          }), u = N.results || [], R = c ? c(u) : u;
+          o(R), A(N.ai_answer || null), x(N.metadata || null), T(null), Z.set(W, {
+            results: u,
+            aiAnswer: N.ai_answer || null,
+            metadata: N.metadata || null,
+            timestamp: Date.now()
+          }), s == null || s($), R.length === 0 && (a == null || a($));
+        } catch (N) {
+          if (N instanceof Error && N.name === "AbortError")
+            return;
+          const u = N instanceof Error ? N.message : "Search failed";
+          T(u), o([]), A(null);
+        }
+      } finally {
+        v(!1), _(!1);
+      }
+    },
+    [r.projectKey, r.maxResults, r.apiBaseUrl, n, i, s, a, c]
+  ), U = y(
+    async (S) => {
+      var I;
+      return w.current && clearTimeout(w.current), (I = b.current) == null || I.cancel(), new Promise(($) => {
+        w.current = setTimeout(async () => {
+          await O(S), $();
+        }, 300);
+      });
+    },
+    [O]
+  );
+  return j(() => () => {
+    w.current && clearTimeout(w.current);
+  }, []), { results: h, stages: m, isLoading: p, isStreaming: L, error: D, aiAnswer: B, metadata: k, search: U };
+}
+function qe(t) {
+  const [r, n] = C(
+    t || {}
+  ), i = y((o, m) => {
+    n((d) => {
+      if (m == null || m === "" || Array.isArray(m) && m.length === 0) {
+        const p = { ...d };
+        return delete p[o], p;
+      }
+      return { ...d, [o]: m };
+    });
+  }, []), s = y((o) => {
+    n((m) => {
+      const d = { ...m };
+      return delete d[o], d;
+    });
+  }, []), a = y(() => {
+    n({});
+  }, []), c = J(
+    () => Object.keys(r).length > 0,
+    [r]
+  ), h = y(
+    (o) => r[o],
+    [r]
+  );
+  return {
+    filterInputs: r,
+    setFilter: i,
+    removeFilter: s,
+    clearFilters: a,
+    hasActiveFilters: c,
+    getFilter: h
+  };
+}
+function Je(t) {
+  const { enabled: r, onTrigger: n } = t, i = y(
+    (s) => {
+      if (!r) return;
+      (navigator.platform.toUpperCase().indexOf("MAC") >= 0 ? s.metaKey : s.ctrlKey) && s.key === "k" && (s.preventDefault(), s.stopPropagation(), n());
+    },
+    [r, n]
+  );
+  j(() => {
+    if (r)
+      return document.addEventListener("keydown", i), () => {
+        document.removeEventListener("keydown", i);
+      };
+  }, [r, i]);
+}
+const fe = "mixpeek_recent_searches", He = 10;
+function Ge() {
+  try {
+    const t = localStorage.getItem(fe);
+    if (!t) return [];
+    const r = JSON.parse(t);
+    return Array.isArray(r) ? r.filter(
+      (n) => typeof n == "object" && n !== null && "query" in n && "timestamp" in n && typeof n.query == "string" && typeof n.timestamp == "number"
+    ) : [];
+  } catch {
+    return [];
+  }
+}
+function he(t) {
+  try {
+    localStorage.setItem(fe, JSON.stringify(t));
+  } catch {
+  }
+}
+function Ve() {
+  const [t, r] = C([]);
+  j(() => {
+    r(Ge());
+  }, []);
+  const n = y((s) => {
+    const a = s.trim();
+    a && r((c) => {
+      const h = c.filter(
+        (m) => m.query.toLowerCase() !== a.toLowerCase()
+      ), o = [
+        { query: a, timestamp: Date.now() },
+        ...h
+      ].slice(0, He);
+      return he(o), o;
+    });
+  }, []), i = y(() => {
+    r([]), he([]);
+  }, []);
+  return {
+    recentSearches: t.map((s) => s.query),
+    addSearch: n,
+    clearRecentSearches: i
+  };
+}
+const oe = xe(null);
+function Xe() {
+  const t = ge(oe);
+  if (!t)
+    throw new Error(
+      "useSearchKit must be used within a SearchKit component"
+    );
+  return t;
+}
+const it = Xe, ke = ({
+  projectKey: t,
+  placeholder: r = "Search...",
+  maxResults: n = 10,
+  theme: i = "auto",
+  accentColor: s = "#6366f1",
+  position: a = "modal",
+  keyboardShortcut: c = !0,
+  showPoweredBy: h = !0,
+  enableShareLinks: o = !1,
+  enableAIAnswer: m = !1,
+  onSearch: d,
+  onResultClick: p,
+  onZeroResults: v,
+  transformResults: L,
+  renderResult: _,
+  retrieverSlug: D,
+  bearerToken: T,
+  apiBaseUrl: B = "https://api.mixpeek.com",
+  className: A,
+  defaultOpen: k = !1,
+  ctaConfig: x,
+  defaultFilters: b,
+  onFilterChange: w
+}) => {
+  const [O, U] = C(k), [S, I] = C(""), $ = J(
+    () => ({
+      projectKey: t,
+      retrieverSlug: D,
+      bearerToken: T,
+      apiBaseUrl: B,
+      maxResults: n,
+      theme: i,
+      accentColor: s,
+      placeholder: r,
+      showPoweredBy: h,
+      enableShareLinks: o,
+      enableAIAnswer: m,
+      position: a
+    }),
+    [
+      t,
+      D,
+      T,
+      B,
+      n,
+      i,
+      s,
+      r,
+      h,
+      o,
+      m,
+      a
+    ]
+  ), { recentSearches: W, addSearch: F, clearRecentSearches: E } = Ve(), { filterInputs: N, setFilter: u, removeFilter: R, clearFilters: g, hasActiveFilters: f } = qe(b), { results: K, stages: H, isLoading: q, isStreaming: ee, error: G, aiAnswer: V, metadata: te, search: X } = ze({
+    config: $,
+    filterInputs: N,
+    onSearch: d,
+    onSearchExecuted: F,
+    onZeroResults: v,
+    transformResults: L
+  });
+  j(() => {
+    S.trim() && X(S);
+  }, [N]), j(() => {
+    w == null || w(N);
+  }, [N]);
+  const re = y(() => U(!0), []), ne = y(() => U(!1), []), ie = y(() => U((M) => !M), []);
+  Je({
+    enabled: c,
+    onTrigger: ie
+  });
+  const Y = y(
+    (M) => {
+      I(M), M.trim() && X(M);
+    },
+    [X]
+  );
+  j(() => {
+    if (typeof window > "u") return;
+    const P = new URLSearchParams(window.location.search).get("mixpeek_q");
+    P && (I(P), U(!0), X(P));
+  }, []);
+  const Q = J(() => i === "auto" ? typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : i, [i]), ce = J(
+    () => ({
+      "--mixpeek-accent": s,
+      "--mixpeek-accent-rgb": Ye(s)
+    }),
+    [s]
+  ), de = J(
+    () => ({
+      query: S,
+      setQuery: Y,
+      results: K,
+      stages: H,
+      isLoading: q,
+      isStreaming: ee,
+      error: G,
+      aiAnswer: V,
+      metadata: te,
+      isOpen: O,
+      open: re,
+      close: ne,
+      toggle: ie,
+      search: X,
+      recentSearches: W,
+      clearRecentSearches: E,
+      config: $,
+      filterInputs: N,
+      setFilter: u,
+      removeFilter: R,
+      clearFilters: g,
+      hasActiveFilters: f
+    }),
+    [
+      S,
+      Y,
+      K,
+      H,
+      q,
+      ee,
+      G,
+      V,
+      te,
+      O,
+      re,
+      ne,
+      ie,
+      X,
+      W,
+      E,
+      $,
+      N,
+      u,
+      R,
+      g,
+      f
+    ]
+  );
+  return a === "inline" ? /* @__PURE__ */ e(oe.Provider, { value: de, children: /* @__PURE__ */ e(
+    "div",
+    {
+      className: `mixpeek-search mixpeek-theme-${Q} mixpeek-inline ${A || ""}`,
+      style: ce,
+      "data-theme": Q,
+      children: /* @__PURE__ */ l("div", { className: "mixpeek-inline-container", children: [
+        /* @__PURE__ */ e("div", { className: "mixpeek-modal-header", children: /* @__PURE__ */ l("div", { className: "mixpeek-search-input-wrapper", children: [
+          /* @__PURE__ */ e("div", { className: "mixpeek-search-input-icon", children: /* @__PURE__ */ l(
+            "svg",
+            {
+              width: "20",
+              height: "20",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              children: [
+                /* @__PURE__ */ e("circle", { cx: "11", cy: "11", r: "8" }),
+                /* @__PURE__ */ e("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "text",
+              className: "mixpeek-search-input",
+              value: S,
+              onChange: (M) => Y(M.target.value),
+              placeholder: r,
+              autoComplete: "off",
+              autoCorrect: "off",
+              autoCapitalize: "off",
+              spellCheck: !1,
+              "aria-label": "Search"
+            }
+          ),
+          S && /* @__PURE__ */ e(
+            "button",
+            {
+              className: "mixpeek-search-clear",
+              onClick: () => Y(""),
+              "aria-label": "Clear search",
+              type: "button",
+              children: /* @__PURE__ */ l(
+                "svg",
+                {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: [
+                    /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                    /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                  ]
+                }
+              )
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ l("div", { className: "mixpeek-modal-body", children: [
+          G && /* @__PURE__ */ e("div", { className: "mixpeek-error", role: "alert", children: G }),
+          m && V && V.answer && /* @__PURE__ */ e("div", { className: "mixpeek-ai-answer", children: /* @__PURE__ */ e("div", { className: "mixpeek-ai-answer-text", children: V.answer }) }),
+          K.length > 0 && /* @__PURE__ */ e("div", { className: "mixpeek-results-list", role: "listbox", children: K.map(
+            (M, P) => _ ? /* @__PURE__ */ e("div", { role: "option", children: _(M, P) }, M.id || P) : /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+              "a",
+              {
+                className: "mixpeek-result-card",
+                href: M.page_url,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                onClick: () => p == null ? void 0 : p(M, P),
+                role: "option",
+                children: /* @__PURE__ */ l("div", { className: "mixpeek-result-body", children: [
+                  /* @__PURE__ */ e("div", { className: "mixpeek-result-title", children: M.title || "Untitled" }),
+                  M.content && /* @__PURE__ */ e("div", { className: "mixpeek-result-content", children: M.content.slice(0, 200) })
+                ] })
+              }
+            ) }, M.id || P)
+          ) }),
+          S.trim() && !q && K.length === 0 && !G && /* @__PURE__ */ l("div", { className: "mixpeek-zero-results", children: [
+            /* @__PURE__ */ e("div", { className: "mixpeek-zero-results-title", children: "No results found" }),
+            /* @__PURE__ */ l("div", { className: "mixpeek-zero-results-text", children: [
+              "No results for “",
+              S,
+              "”"
+            ] })
+          ] })
+        ] }),
+        h && /* @__PURE__ */ l("div", { className: "mixpeek-modal-footer", children: [
+          /* @__PURE__ */ e("div", { className: "mixpeek-modal-footer-left" }),
+          /* @__PURE__ */ e("div", { className: "mixpeek-modal-footer-right", children: /* @__PURE__ */ l(
+            "a",
+            {
+              className: "mixpeek-powered-by",
+              href: "https://mxp.co/searchkit",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: [
+                /* @__PURE__ */ e("span", { className: "mixpeek-powered-by-text", children: "Search by" }),
+                /* @__PURE__ */ e("strong", { children: "Mixpeek" })
+              ]
+            }
+          ) })
+        ] })
+      ] })
+    }
+  ) }) : /* @__PURE__ */ e(oe.Provider, { value: de, children: /* @__PURE__ */ l(
+    "div",
+    {
+      className: `mixpeek-search mixpeek-theme-${Q} ${A || ""}`,
+      style: ce,
+      "data-theme": Q,
+      children: [
+        /* @__PURE__ */ e(
+          be,
+          {
+            onClick: re,
+            placeholder: r,
+            keyboardShortcut: c
+          }
+        ),
+        /* @__PURE__ */ e(
+          Ie,
+          {
+            isOpen: O,
+            onClose: ne,
+            query: S,
+            onQueryChange: Y,
+            results: K,
+            stages: H,
+            isStreaming: ee,
+            isLoading: q,
+            error: G,
+            aiAnswer: V,
+            metadata: te,
+            placeholder: r,
+            showPoweredBy: h,
+            enableShareLinks: o,
+            enableAIAnswer: m,
+            recentSearches: W,
+            onClearRecent: E,
+            onResultClick: p,
+            renderResult: _,
+            ctaConfig: x,
+            theme: Q
+          }
+        )
+      ]
+    }
+  ) });
+};
+function Ye(t) {
+  const r = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);
+  return r ? `${parseInt(r[1], 16)}, ${parseInt(r[2], 16)}, ${parseInt(r[3], 16)}` : "99, 102, 241";
+}
+const at = ke, Qe = ({
+  config: t,
+  value: r,
+  onChange: n
+}) => {
+  const { field: i, options: s, multiple: a } = t, c = (o) => a && Array.isArray(r) ? r.includes(o) : r === o, h = (o) => {
+    if (a) {
+      const m = Array.isArray(r) ? r : [];
+      m.includes(o) ? n(i, m.filter((d) => d !== o)) : n(i, [...m, o]);
+    } else
+      n(i, r === o ? null : o);
+  };
+  return /* @__PURE__ */ e("div", { className: "mixpeek-facet-filter", children: s.map((o) => /* @__PURE__ */ l(
+    "label",
+    {
+      className: `mixpeek-facet-filter__option${c(o.value) ? " mixpeek-facet-filter__option--active" : ""}`,
+      children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "checkbox",
+            className: "mixpeek-facet-filter__checkbox",
+            checked: c(o.value),
+            onChange: () => h(o.value)
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "mixpeek-facet-filter__label", children: o.label }),
+        o.count !== void 0 && /* @__PURE__ */ e("span", { className: "mixpeek-facet-filter__count", children: o.count })
+      ]
+    },
+    o.value
+  )) });
+}, Ze = ({
+  config: t,
+  minValue: r,
+  maxValue: n,
+  onChange: i
+}) => {
+  const { field: s, min: a, max: c, step: h = 1, unit: o = "" } = t, [m, d] = C(r ?? a), [p, v] = C(n ?? c), L = z(null);
+  j(() => {
+    d(r ?? a);
+  }, [r, a]), j(() => {
+    v(n ?? c);
+  }, [n, c]);
+  const _ = y(
+    (x, b) => {
+      L.current && clearTimeout(L.current), L.current = setTimeout(() => {
+        i(`min_${s}`, x > a ? x : null), i(`max_${s}`, b < c ? b : null);
+      }, 300);
+    },
+    [s, a, c, i]
+  );
+  j(() => () => {
+    L.current && clearTimeout(L.current);
+  }, []);
+  const D = (x) => {
+    const b = Number(x.target.value), w = Math.min(b, p - h);
+    d(w), _(w, p);
+  }, T = (x) => {
+    const b = Number(x.target.value), w = Math.max(b, m + h);
+    v(w), _(m, w);
+  }, B = (x) => `${o}${x}`, A = (m - a) / (c - a) * 100, k = (p - a) / (c - a) * 100;
+  return /* @__PURE__ */ l("div", { className: "mixpeek-range-filter", children: [
+    /* @__PURE__ */ l("div", { className: "mixpeek-range-filter__values", children: [
+      /* @__PURE__ */ e("span", { className: "mixpeek-range-filter__value", children: B(m) }),
+      /* @__PURE__ */ e("span", { className: "mixpeek-range-filter__separator", children: "–" }),
+      /* @__PURE__ */ e("span", { className: "mixpeek-range-filter__value", children: B(p) })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "mixpeek-range-filter__track", children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: "mixpeek-range-filter__fill",
+          style: { left: `${A}%`, width: `${k - A}%` }
+        }
+      ),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "range",
+          className: "mixpeek-range-filter__input mixpeek-range-filter__input--min",
+          min: a,
+          max: c,
+          step: h,
+          value: m,
+          onChange: D,
+          "aria-label": `Minimum ${t.label}`
+        }
+      ),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "range",
+          className: "mixpeek-range-filter__input mixpeek-range-filter__input--max",
+          min: a,
+          max: c,
+          step: h,
+          value: p,
+          onChange: T,
+          "aria-label": `Maximum ${t.label}`
+        }
+      )
+    ] })
+  ] });
+}, et = ({
+  config: t,
+  value: r,
+  onChange: n
+}) => {
+  const [i, s] = C(r || ""), a = z(null);
+  return j(() => {
+    s(r || "");
+  }, [r]), j(() => () => {
+    a.current && clearTimeout(a.current);
+  }, []), /* @__PURE__ */ l("div", { className: "mixpeek-smart-filter", children: [
+    /* @__PURE__ */ l("div", { className: "mixpeek-smart-filter__header", children: [
+      /* @__PURE__ */ e(
+        "svg",
+        {
+          className: "mixpeek-smart-filter__icon",
+          width: "14",
+          height: "14",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ e("path", { d: "M12 2L9 9l-7 1 5 5-1.5 7L12 18l6.5 4L17 15l5-5-7-1z" })
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: "mixpeek-smart-filter__label", children: "AI Filter" })
+    ] }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: "text",
+        className: "mixpeek-smart-filter__input",
+        value: i,
+        onChange: (h) => {
+          const o = h.target.value;
+          s(o), a.current && clearTimeout(a.current), a.current = setTimeout(() => {
+            n("smart_filter", o || null);
+          }, 500);
+        },
+        placeholder: t.placeholder || "Describe what you're looking for...",
+        "aria-label": "Smart filter"
+      }
+    ),
+    /* @__PURE__ */ e("p", { className: "mixpeek-smart-filter__hint", children: "AI will interpret your description to filter results" })
+  ] });
+}, se = ({
+  label: t,
+  defaultOpen: r = !0,
+  children: n
+}) => {
+  const [i, s] = C(r);
+  return /* @__PURE__ */ l("div", { className: "mixpeek-filter-section", children: [
+    /* @__PURE__ */ l(
+      "button",
+      {
+        className: "mixpeek-filter-section__header",
+        onClick: () => s((a) => !a),
+        type: "button",
+        "aria-expanded": i,
+        children: [
+          /* @__PURE__ */ e("span", { className: "mixpeek-filter-section__label", children: t }),
+          /* @__PURE__ */ e(
+            "svg",
+            {
+              className: `mixpeek-filter-section__chevron${i ? " mixpeek-filter-section__chevron--open" : ""}`,
+              width: "12",
+              height: "12",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ e("polyline", { points: "9 18 15 12 9 6" })
+            }
+          )
+        ]
+      }
+    ),
+    i && /* @__PURE__ */ e("div", { className: "mixpeek-filter-section__body", children: n })
+  ] });
+}, st = ({
+  config: t,
+  filterInputs: r,
+  onFilterChange: n,
+  onClearAll: i,
+  hasActiveFilters: s
+}) => /* @__PURE__ */ l("div", { className: "mixpeek-filter-panel", children: [
+  /* @__PURE__ */ l("div", { className: "mixpeek-filter-panel__header", children: [
+    /* @__PURE__ */ e("span", { className: "mixpeek-filter-panel__title", children: t.title || "Filters" }),
+    s && i && /* @__PURE__ */ e(
+      "button",
+      {
+        className: "mixpeek-filter-panel__clear",
+        onClick: i,
+        type: "button",
+        children: "Clear all"
+      }
+    )
+  ] }),
+  /* @__PURE__ */ e("div", { className: "mixpeek-filter-panel__body", children: t.filters.map((a, c) => {
+    switch (a.type) {
+      case "facet":
+        return /* @__PURE__ */ e(se, { label: a.label, children: /* @__PURE__ */ e(
+          Qe,
+          {
+            config: a,
+            value: r[a.field],
+            onChange: n
+          }
+        ) }, a.field);
+      case "range":
+        return /* @__PURE__ */ e(se, { label: a.label, children: /* @__PURE__ */ e(
+          Ze,
+          {
+            config: a,
+            minValue: r[`min_${a.field}`],
+            maxValue: r[`max_${a.field}`],
+            onChange: n
+          }
+        ) }, a.field);
+      case "smart":
+        return /* @__PURE__ */ e(
+          se,
+          {
+            label: a.label || "Smart Filter",
+            children: /* @__PURE__ */ e(
+              et,
+              {
+                config: a,
+                value: r.smart_filter,
+                onChange: n
+              }
+            )
+          },
+          `smart-${c}`
+        );
+      default:
+        return null;
+    }
+  }) })
+] });
+function ue() {
+  if (typeof document > "u" || typeof window > "u") return;
+  const t = document.querySelectorAll("script[data-project-key]");
+  if (t.length === 0) return;
+  const r = window, n = r.React, i = r.ReactDOM;
+  if (!n || !i) {
+    console.warn(
+      "[@mixpeek/react-searchkit] Auto-init requires React and ReactDOM as globals. Include React before the SearchKit script, or use the npm package instead."
+    );
+    return;
+  }
+  t.forEach((s) => {
+    var v;
+    const a = s.getAttribute("data-project-key");
+    if (!a) return;
+    const c = s.getAttribute("data-theme") || "auto", h = s.getAttribute("data-placeholder") || void 0, o = s.getAttribute("data-container") || "mixpeek-search", m = s.getAttribute("data-accent-color") || void 0;
+    let d = document.getElementById(o);
+    d || (d = document.createElement("div"), d.id = o, (v = s.parentNode) == null || v.insertBefore(d, s));
+    const p = {
+      projectKey: a,
+      theme: c
+    };
+    h && (p.placeholder = h), m && (p.accentColor = m), i.createRoot && i.createRoot(d).render(
+      n.createElement(ke, p)
+    );
+  });
+}
+typeof document < "u" && (document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", ue) : setTimeout(ue, 0));
+export {
+  we as AIAnswer,
+  Qe as FacetFilter,
+  st as FilterPanel,
+  Be as IntentCTA,
+  Fe as MixpeekClient,
+  at as MixpeekSearch,
+  Re as PoweredBy,
+  Ze as RangeFilter,
+  Me as ResultCard,
+  be as SearchButton,
+  Ne as SearchInput,
+  ke as SearchKit,
+  Ie as SearchModal,
+  je as SearchResults,
+  De as ShareLink,
+  et as SmartFilter,
+  Ke as ZeroResults,
+  qe as useFilters,
+  Je as useKeyboardShortcut,
+  it as useMixpeekSearch,
+  Ve as useRecentSearches,
+  ze as useSearch,
+  Xe as useSearchKit
+};