@inkeep/cxkit-primitives 0.5.30 → 0.5.31

package/dist/components/embedded-search.js

@@ -1,365 +1,484 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
-import { Command as I } from "../atoms/cmdk/index.js";
-import { ikp as s } from "./factory.js";
-import { dataAttr as u, maybeRender as v } from "../utils/misc.js";
-import { forwardRef as _, useEffect as f, useState as V, useRef as B, useMemo as U } from "react";
-import { useSearch as l } from "./embedded-search/search-provider.js";
-import { SearchProvider as Tt } from "./embedded-search/search-provider.js";
-import O from "./tagline-logo-icon.js";
-import { CustomIcon as P } from "../atoms/icons/custom-icon.js";
-import * as R from "@radix-ui/react-scroll-area";
-import * as T from "@radix-ui/react-tabs";
-import { useInkeepConfig as y } from "../providers/config-provider.js";
-import { useSearchEvents as M } from "../providers/search-events-provider.js";
-import { LinkWithQueryParams as $ } from "../atoms/link.js";
-import { SourceItemProvider as G, useSourceItem as h } from "../providers/source-item-provider.js";
-import { BuiltInIconRenderer as N } from "../atoms/icons/built-in-icon-renderer.js";
-import { highlightEmphasis as K } from "../utils/highlight-emphasis.js";
-import { useScrollingFades as W } from "../hooks/use-scrolling-fades.js";
-import { useColorModeValue as q } from "@inkeep/cxkit-color-mode";
-import H from "../atoms/avatars/ai.js";
-import { useModal as F } from "./modal/modal-provider.js";
-import { useComposedRefs as A } from "../utils/compose-refs.js";
-import { composeEventHandlers as g } from "../utils/compose-event-handlers.js";
+import { jsx as n } from "react/jsx-runtime";
+import { Command as S } from "../atoms/cmdk/index.js";
+import { ikp as r } from "./factory.js";
+import { dataAttr as I, maybeRender as g } from "../utils/misc.js";
+import { forwardRef as T, useEffect as f, useState as D, useRef as O, useMemo as H } from "react";
+import { useSearch as d } from "./embedded-search/search-provider.js";
+import { SearchProvider as Xt } from "./embedded-search/search-provider.js";
+import V from "./tagline-logo-icon.js";
+import { CustomIcon as b } from "../atoms/icons/custom-icon.js";
+import * as w from "@radix-ui/react-scroll-area";
+import * as E from "@radix-ui/react-tabs";
+import { useInkeepConfig as R } from "../providers/config-provider.js";
+import { useSearchEvents as K } from "../providers/search-events-provider.js";
+import { LinkWithQueryParams as C } from "../atoms/link.js";
+import { SourceItemProvider as F, useSourceItem as m } from "../providers/source-item-provider.js";
+import { BuiltInIconRenderer as x } from "../atoms/icons/built-in-icon-renderer.js";
+import { highlightEmphasis as $ } from "../utils/highlight-emphasis.js";
+import { useScrollingFades as G } from "../hooks/use-scrolling-fades.js";
+import { useColorModeValue as W } from "@inkeep/cxkit-color-mode";
+import q from "../atoms/avatars/ai.js";
+import { useModal as M } from "./modal/modal-provider.js";
+import { useComposedRefs as L } from "../utils/compose-refs.js";
+import { composeEventHandlers as p } from "../utils/compose-event-handlers.js";
 import { useShadow as j } from "../atoms/shadow/context.js";
-const C = "__ask_ai__", Q = s("div", {
+import { Markdown as Q } from "../atoms/markdown/index.js";
+const P = "__ask_ai__", z = r("div", {
   _id: "aiSearchWrapper"
-}), Me = (e) => {
-  const { isHidden: t, hasContent: r, isMobile: i } = l(), n = F();
-  return /* @__PURE__ */ a(
-    Q,
+}), Ze = (e) => {
+  const {
+    searchSettings: { view: t }
+  } = R(), { isHidden: i, hasContent: s, isMobile: a } = d(), o = M();
+  return /* @__PURE__ */ n(
+    z,
     {
-      "data-hidden": u(t),
-      "data-has-content": u(r),
-      "data-in-modal": u(!!n),
-      "data-mobile": u(i),
+      "data-hidden": I(i),
+      "data-has-content": I(s),
+      "data-in-modal": I(!!o),
+      "data-mobile": I(a),
+      "data-view": t,
+      "data-dual-pane-search-expanded": I(s && t === "dual-pane" && !i),
       ...e
     }
   );
-}, z = s(I, {
+}, J = r(S, {
   _id: "aiSearchRoot"
-}), $e = (e) => {
-  const { isHidden: t, selectedItem: r, onSelectedItemChange: i } = l();
-  return /* @__PURE__ */ a(
-    z,
+}), et = (e) => {
+  const { isHidden: t, selectedItem: i, onSelectedItemChange: s } = d();
+  return /* @__PURE__ */ n(
+    J,
     {
-      "data-hidden": u(t),
+      "data-hidden": I(t),
       shouldFilter: !1,
       loop: !1,
-      value: r,
-      onValueChange: i,
+      value: i,
+      onValueChange: s,
       ...e
     }
   );
-}, J = s(I.List, {
+}, X = r(S.List, {
   _id: "aiSearchContent"
-}), Ge = _((e, t) => {
-  const { selectedItem: r } = l();
-  return /* @__PURE__ */ a(
-    J,
+}), tt = T((e, t) => {
+  const { selectedItem: i } = d();
+  return /* @__PURE__ */ n(
+    X,
     {
-      "aria-activedescendant": `aiSearchResults__Item-${r}`,
+      "aria-activedescendant": `aiSearchResults__Item-${i}`,
       ...e,
       ref: t
     }
   );
-}), Ke = s("div", {
+}), it = r("div", {
   _id: "aiSearchInputGroup"
-}), We = s(P, {
+}), rt = r(b, {
   _id: "aiSearchInputIcon",
   iconKey: "search"
-}), X = s(I.Input, {
+}), Y = r(S.Input, {
   _id: "aiSearchInput"
-}), qe = _(({ onInput: e, ...t }, r) => {
-  const { query: i, onInput: n, placeholder: o, inputRef: c, shouldAutoFocusInput: d, selectedItem: p } = l(), S = A(r, c), m = F();
+}), st = T(({ onInput: e, ...t }, i) => {
+  const { query: s, onInput: a, placeholder: o, inputRef: c, shouldAutoFocusInput: l, selectedItem: u } = d(), _ = L(i, c), h = M();
   return f(() => {
     requestAnimationFrame(() => {
-      d && c?.current && (c.current.focus(), c.current.selectionStart = c.current.value.length);
+      l && c?.current && (c.current.focus(), c.current.selectionStart = c.current.value.length);
     });
-  }, [d, c, m?.isOpen]), /* @__PURE__ */ a(
-    X,
+  }, [l, c, h?.isOpen]), /* @__PURE__ */ n(
+    Y,
     {
-      ref: S,
+      ref: _,
       placeholder: o,
-      value: i,
-      onInput: g(e, n),
-      "aria-activedescendant": `aiSearchResults__Item-${p}`,
+      value: s,
+      onInput: p(e, a),
+      "aria-activedescendant": `aiSearchResults__Item-${u}`,
       ...t
     }
   );
-}), Y = s(N, {
+}), Z = r(x, {
   _id: "aiSearchLoading",
   iconSettings: {
     builtIn: "LuLoaderCircle"
   }
-}), He = (e) => {
-  const { loading: t, resultsList: r } = l();
-  return !t || r.length === 0 ? null : /* @__PURE__ */ a(Y, { ...e });
-}, Z = s(I.Item, {
+}), nt = (e) => {
+  const { loading: t, resultsList: i } = d();
+  return !t || i.length === 0 ? null : /* @__PURE__ */ n(Z, { ...e });
+}, ee = r(S.Item, {
   _id: "aiAskAITrigger",
-  value: C
-}), je = (e) => {
-  const { setSelectedItem: t, results: r, tab: i } = l(), n = r[i]?.[0]?.id ?? "NONE";
-  return /* @__PURE__ */ a(
-    Z,
+  value: P
+}), at = (e) => {
+  const { setSelectedItem: t, results: i, tab: s } = d(), a = i[s]?.[0]?.id ?? "NONE";
+  return /* @__PURE__ */ n(
+    ee,
     {
       ...e,
-      id: `aiSearchResults__Item-${C}`,
+      id: `aiSearchResults__Item-${P}`,
       tabIndex: 0,
-      onPointerLeave: () => t(n)
+      onPointerLeave: () => t(a)
     }
   );
-}, ee = s("img", {
+}, te = r("img", {
   _id: "aiAskAITrigger__Icon"
-}), Qe = (e) => {
-  const { aiChatSettings: t } = y(), { aiAssistantAvatar: r } = t ?? {}, i = typeof r == "string" ? r : r?.light, n = (typeof r == "string" ? r : r?.dark) ?? i, o = q(i, n), [c, d] = V(o);
+}), ot = (e) => {
+  const { aiChatSettings: t } = R(), { aiAssistantAvatar: i } = t ?? {}, s = typeof i == "string" ? i : i?.light, a = (typeof i == "string" ? i : i?.dark) ?? s, o = W(s, a), [c, l] = D(o);
   return f(() => {
-    d(o);
-  }, [o]), /* @__PURE__ */ a(ee, { asChild: !0, ...e, children: c ? (
+    l(o);
+  }, [o]), /* @__PURE__ */ n(te, { asChild: !0, ...e, children: c ? (
     // biome-ignore lint/a11y/useAltText: <explanation>
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ n(
       "img",
       {
         src: c,
         alt: "AI Avatar",
         "data-type": "image",
-        onError: g(() => {
-          d(null);
+        onError: p(() => {
+          l(null);
         }),
         ...e
       }
     )
-  ) : /* @__PURE__ */ a(H, { "data-type": "icon", ...e }) });
-}, ze = s("span", {
+  ) : /* @__PURE__ */ n(q, { "data-type": "icon", ...e }) });
+}, ct = r("span", {
   _id: "aiAskAITrigger__Label"
-}), Je = s(P, {
+}), lt = r(b, {
   _id: "aiAskAITrigger__Indicator",
   iconKey: "openLinkInSameTab"
-}), te = s(T.Root, {
+}), ie = r(E.Root, {
   _id: "aiSearchResults"
-}), Xe = (e) => {
-  const { tab: t, onTabChange: r, hasContent: i } = l();
-  return /* @__PURE__ */ a(
-    te,
+}), dt = (e) => {
+  const { tab: t, onTabChange: i, hasContent: s } = d();
+  return /* @__PURE__ */ n(
+    ie,
     {
       value: t,
-      onValueChange: r,
-      "data-has-content": u(i),
+      onValueChange: i,
+      "data-has-content": I(s),
       ...e
     }
   );
-}, re = s("div", {
+}, re = r("div", {
   _id: "aiSearchResults__Loading"
-}), Ye = (e) => {
-  const { loading: t, resultsList: r } = l();
-  return !t || r.length > 0 ? null : /* @__PURE__ */ a(re, { ...e });
-}, se = s(I.Empty, {
+}), ut = (e) => {
+  const { loading: t, resultsList: i } = d();
+  return !t || i.length > 0 ? null : /* @__PURE__ */ n(re, { ...e });
+}, se = r(S.Empty, {
   _id: "aiSearchResults__Empty"
-}), Ze = (e) => {
-  const { query: t, loading: r, results: i, tab: n } = l(), o = i[n]?.length;
-  return r || !t || o ? null : /* @__PURE__ */ a(se, { children: "No results found.", ...e });
-}, ie = s(T.List, {
+}), mt = (e) => {
+  const { query: t, loading: i, results: s, tab: a } = d(), o = s[a]?.length;
+  return i || !t || o ? null : /* @__PURE__ */ n(se, { children: "No results found.", ...e });
+}, ne = r(E.List, {
   _id: "aiSearchResults__TabList"
-}), et = (e) => {
-  const { children: t, ...r } = e, {
-    searchSettings: { tabs: i }
-  } = y(), { results: n, loading: o, resultsList: c } = l();
+}), ht = (e) => {
+  const { children: t, ...i } = e, {
+    searchSettings: { tabs: s }
+  } = R(), { results: a, loading: o, resultsList: c } = d();
   if (o && c.length === 0) return null;
-  const d = Object.keys(n);
-  return !i.length || !d.length ? null : /* @__PURE__ */ a(ie, { tabIndex: -1, children: v(t, d), ...r });
-}, ae = s(T.Trigger, {
+  const l = Object.keys(a);
+  return !s.length || !l.length ? null : /* @__PURE__ */ n(ne, { tabIndex: -1, children: g(t, l), ...i });
+}, ae = r(E.Trigger, {
   _id: "aiSearchResults__Tab"
-}), tt = _((e, t) => {
-  const r = B(null), i = A(t, r), { tab: n, onClick: o, ...c } = e, { results: d, tab: p, inputRef: S } = l(), m = d[n].length, b = n === p, E = () => {
-    S.current?.focus();
-  }, L = j();
+}), It = T((e, t) => {
+  const i = O(null), s = L(t, i), { tab: a, onClick: o, ...c } = e, { results: l, tab: u, inputRef: _ } = d(), h = l[a].length, v = a === u, A = () => {
+    _.current?.focus();
+  }, k = j();
   return f(() => {
-    b && L?.shadowHost?.shadowRoot?.activeElement?.hasAttribute("ikp-tab") && r.current?.focus();
-  }, [b]), /* @__PURE__ */ a(
+    v && k?.shadowHost?.shadowRoot?.activeElement?.hasAttribute("ikp-tab") && i.current?.focus();
+  }, [v]), /* @__PURE__ */ n(
     ae,
     {
-      ref: i,
+      ref: s,
       "ikp-tab": "",
-      tabIndex: b ? 0 : -1,
-      value: n,
-      children: `${n} (${m})`,
-      onClick: g(o, E),
+      tabIndex: v ? 0 : -1,
+      value: a,
+      children: `${a} (${h})`,
+      onClick: p(o, A),
       ...c
     }
   );
-}), ne = s(R.Root, {
+}), _t = r("div", {
+  _id: "aiSearchResults__Content"
+}), oe = r(w.Root, {
   _id: "aiSearchResults__ScrollArea"
-}), rt = (e) => {
-  const { loading: t, resultsList: r } = l();
-  return t && r.length === 0 ? null : /* @__PURE__ */ a(ne, { tabIndex: -1, ...e });
-}, oe = s(R.Viewport, {
+}), vt = (e) => {
+  const { loading: t, resultsList: i } = d();
+  return t && i.length === 0 ? null : /* @__PURE__ */ n(oe, { tabIndex: -1, ...e });
+}, ce = r(w.Viewport, {
   _id: "aiSearchResults__ScrollAreaViewport"
-}), st = _(({ children: e, ...t }, r) => {
-  const i = W(), n = A(r, i), { tab: o } = l();
+}), Rt = T(({ children: e, ...t }, i) => {
+  const s = G(), a = L(i, s), { tab: o } = d();
   return f(() => {
-    o && i.current?.scrollTo({ top: 0, behavior: "auto" });
-  }, [o]), /* @__PURE__ */ a(
-    oe,
+    o && s.current?.scrollTo({ top: 0, behavior: "auto" });
+  }, [o]), /* @__PURE__ */ n(
+    ce,
     {
-      ref: n,
+      ref: a,
       tabIndex: -1,
       children: (
         /* added this to fix an overflow issue see https://github.com/radix-ui/primitives/issues/926 */
-        /* @__PURE__ */ a("div", { tabIndex: -1, style: { display: "grid" }, children: e })
+        /* @__PURE__ */ n("div", { tabIndex: -1, style: { display: "grid" }, children: e })
       ),
       ...t
     }
   );
-}), it = s(
-  R.ScrollAreaScrollbar,
+}), St = r(
+  w.ScrollAreaScrollbar,
   {
     _id: "aiSearchResults__ScrollAreaScrollbar"
   }
-), at = s(R.ScrollAreaThumb, {
+), bt = r(w.ScrollAreaThumb, {
   _id: "aiSearchResults__ScrollAreaThumb"
-}), nt = s(R.Corner, {
+}), pt = r(w.Corner, {
   _id: "aiSearchResults__ScrollAreaCorner"
-}), ce = s(T.Content, {
+}), le = r(E.Content, {
   _id: "aiSearchResults__List"
-}), ot = (e) => {
-  const { children: t, ...r } = e, { results: i, tab: n } = l(), o = i[n] ?? [];
-  return /* @__PURE__ */ a(
-    ce,
+}), Pt = (e) => {
+  const { children: t, ...i } = e, { results: s, tab: a } = d(), o = s[a] ?? [];
+  return /* @__PURE__ */ n(
+    le,
     {
-      value: n,
-      "data-has-results": u(o.length > 0),
+      value: a,
+      "data-has-results": I(o.length > 0),
       "aria-label": "Search results",
-      children: v(t, o),
+      children: g(t, o),
       tabIndex: -1,
-      ...r
+      ...i
     }
   );
-}, le = s(I.Item, {
+}, de = r(S.Item, {
   _id: "aiSearchResults__Item",
   asChild: !0
-}), ct = _(({ item: e, onClick: t, onSelect: r, children: i, ...n }, o) => {
+}), gt = T(({ item: e, onClick: t, onSelect: i, children: s, ...a }, o) => {
   const {
     searchSettings: { shouldOpenLinksInNewTab: c }
-  } = y(), { logEvent: d } = M(), { query: p, transitionsDisabled: S, selectedItem: m } = l(), b = B(null), E = A(o, b), L = () => {
-    b.current?.click();
-  }, w = () => {
-    d({
+  } = R(), { logEvent: l } = K(), { query: u, transitionsDisabled: _, selectedItem: h } = d(), v = O(null), A = L(o, v), k = () => {
+    v.current?.click();
+  }, B = () => {
+    l({
       eventName: "search_result_clicked",
       properties: {
-        searchQuery: p,
+        searchQuery: u,
         title: e.title,
         url: e.url
       }
     });
-  }, k = e.shouldOpenInNewTab !== void 0 ? e.shouldOpenInNewTab : c, x = m === e.id, D = x || (m === "NONE" || m === C);
-  return /* @__PURE__ */ a(G, { source: { ...e, isExternal: k }, children: /* @__PURE__ */ a(
-    le,
+  }, y = e.shouldOpenInNewTab !== void 0 ? e.shouldOpenInNewTab : c, N = h === e.id, U = N || (h === "NONE" || h === P);
+  return /* @__PURE__ */ n(F, { source: { ...e, isExternal: y }, children: /* @__PURE__ */ n(
+    de,
     {
-      ref: E,
+      ref: A,
       value: e.id,
       "data-type": e.type,
       "data-breadcrumbs": !!e.breadcrumbs?.length,
-      "data-disable-transitions": u(S),
-      onSelect: g(r, L),
-      onClick: g(t, w),
-      "data-selected": u(x),
-      tabIndex: D ? 0 : -1,
-      ...n,
-      children: /* @__PURE__ */ a(
-        $,
+      "data-disable-transitions": I(_),
+      onSelect: p(i, k),
+      onClick: p(t, B),
+      "data-selected": I(N),
+      tabIndex: U ? 0 : -1,
+      ...a,
+      children: /* @__PURE__ */ n(
+        C,
         {
           href: e.url,
-          isExternal: k,
+          isExternal: y,
           appendToUrl: e.appendToUrl,
-          children: i,
+          children: s,
           id: `aiSearchResults__Item-${e.id}`
         }
       )
     }
   ) });
-}), de = s("div", {
+}), ue = r("div", {
   _id: "aiSearchResults__ItemBreadcrumbs"
-}), lt = (e) => {
-  const { source: t } = h(), { tab: r } = l();
+}), me = (e) => {
+  const { source: t } = m(), { tab: i } = d();
   if (!t.breadcrumbs?.length) return null;
-  const { children: i, ...n } = e, c = t.tabs?.find((d) => typeof d != "string" && d[0] === r)?.[1]?.breadcrumbs ?? t.breadcrumbs ?? [];
-  return /* @__PURE__ */ a(
-    de,
+  const { children: s, ...a } = e, c = t.tabs?.find((l) => typeof l != "string" && l[0] === i)?.[1]?.breadcrumbs ?? t.breadcrumbs ?? [];
+  return /* @__PURE__ */ n(
+    ue,
     {
       "aria-hidden": "true",
-      children: v(i, c),
-      ...n
+      children: g(s, c),
+      ...a
     }
   );
-}, dt = s(P, {
+}, he = r(b, {
   _id: "aiSearchResults__ItemBreadcrumbIcon",
   iconKey: "breadcrumbSeparator"
-}), ue = s(N, {
+}), Ie = r(x, {
   _id: "aiSearchResults__ItemIcon"
-}), ut = (e) => {
-  const { source: t } = h();
-  return /* @__PURE__ */ a(ue, { iconSettings: t.icon, "data-type": t.type, ...e });
-}, me = s("span", {
+}), Tt = (e) => {
+  const { source: t } = m();
+  return /* @__PURE__ */ n(Ie, { iconSettings: t.icon, "data-type": t.type, ...e });
+}, _e = r("span", {
   _id: "aiSearchResults__ItemTitle"
-}), mt = (e) => {
-  const { source: t } = h();
-  return /* @__PURE__ */ a(me, { "data-type": t.type, children: t.title, ...e });
-}, he = s("span", {
+}), wt = (e) => {
+  const { source: t } = m();
+  return /* @__PURE__ */ n(_e, { "data-type": t.type, children: t.title, ...e });
+}, ve = r("span", {
   _id: "aiSearchResults__ItemTag"
-}), ht = (e) => {
-  const { source: t } = h();
-  return /* @__PURE__ */ a(he, { "data-type": t.type, children: t.tag, ...e });
-}, pe = s("span", {
+}), ft = (e) => {
+  const { source: t } = m();
+  return /* @__PURE__ */ n(ve, { "data-type": t.type, children: t.tag, ...e });
+}, Re = r("span", {
   _id: "aiSearchResults__ItemDescription"
-}), pt = (e) => {
-  const { source: t } = h(), { children: r, ...i } = e, n = U(() => t.description ? K(t.description) : [], [t.description]);
-  return n.length ? /* @__PURE__ */ a(
-    pe,
+}), Et = (e) => {
+  const { source: t } = m(), { children: i, ...s } = e, a = H(() => t.description ? $(t.description) : [], [t.description]);
+  return a.length ? /* @__PURE__ */ n(
+    Re,
     {
       "data-type": t.type,
       "aria-hidden": "true",
-      children: v(r, n),
-      ...i
+      children: g(i, a),
+      ...s
     }
   ) : null;
-}, be = s("span", {
+}, Se = r("span", {
   _id: "aiSearchResults__ItemDescriptionPart"
-}), bt = (e) => {
-  const { part: t, ...r } = e, { source: i } = h();
-  return typeof t == "string" ? t : /* @__PURE__ */ a(
-    be,
+}), Lt = (e) => {
+  const { part: t, ...i } = e, { source: s } = m();
+  return typeof t == "string" ? t : /* @__PURE__ */ n(
+    Se,
     {
-      "data-type": i.type,
+      "data-type": s.type,
       children: t.content,
-      "data-highlighted": u(t.highlighted),
-      ...r
+      "data-highlighted": I(t.highlighted),
+      ...i
     }
   );
-}, Ie = s(P, {
+}, be = r(b, {
   _id: "aiSearchResults__ItemIndicator"
-}), It = (e) => {
-  const { source: t } = h();
-  return /* @__PURE__ */ a(
-    Ie,
+}), At = (e) => {
+  const { source: t } = m();
+  return /* @__PURE__ */ n(
+    be,
+    {
+      iconKey: t.isExternal ? "openLinkInNewTab" : "openLinkInSameTab",
+      ...e
+    }
+  );
+}, pe = r("div", {
+  _id: "aiSearchResults__ItemPreview",
+  "aria-hidden": !0
+}), kt = (e) => {
+  const {
+    searchSettings: { view: t, shouldOpenLinksInNewTab: i }
+  } = R(), { results: s, tab: a, selectedItem: o } = d(), c = s[a] ?? [], l = O(null), u = H(() => {
+    if (o === P) return l.current;
+    const h = c.find((v) => v.id === o);
+    return l.current = h ?? null, h;
+  }, [o]);
+  if (t !== "dual-pane" || o === P || !u) return null;
+  const _ = u.shouldOpenInNewTab !== void 0 ? u.shouldOpenInNewTab : i;
+  return /* @__PURE__ */ n(F, { source: { ...u, isExternal: _ }, children: /* @__PURE__ */ n(pe, { ...e }) });
+}, yt = r("div", {
+  _id: "aiSearchResults__ItemPreview__Header"
+}), Pe = r(C, {
+  _id: "aiSearchResults__ItemPreview__Heading"
+}), Ot = (e) => {
+  const { source: t } = m();
+  return /* @__PURE__ */ n(
+    Pe,
+    {
+      href: t.url,
+      isExternal: t.isExternal,
+      appendToUrl: t.appendToUrl,
+      "data-type": t.type,
+      ...e
+    }
+  );
+}, ge = r("span", {
+  _id: "aiSearchResults__ItemPreview__Title"
+}), Ct = (e) => {
+  const { source: t } = m();
+  return /* @__PURE__ */ n(ge, { children: t.title, ...e });
+}, Te = r(b, {
+  _id: "aiSearchResults__ItemPreview__Title__LinkIcon",
+  iconKey: "openLinkInNewTab"
+}), xt = (e) => {
+  const { source: t } = m();
+  return /* @__PURE__ */ n(
+    Te,
     {
       iconKey: t.isExternal ? "openLinkInNewTab" : "openLinkInSameTab",
       ...e
     }
   );
-}, Se = s("div", {
+}, Bt = r(
+  me,
+  {
+    _id: "aiSearchResults__ItemPreview__Breadcrumbs"
+  }
+), Nt = r(
+  he,
+  {
+    _id: "aiSearchResults__ItemPreview__BreadcrumbIcon"
+  }
+), we = r(Q, {
+  _id: "aiSearchResults__ItemPreview__Body"
+}), Ht = (e) => {
+  const { source: t } = m(), {
+    searchSettings: { shouldOpenLinksInNewTab: i }
+  } = R();
+  return /* @__PURE__ */ n(
+    we,
+    {
+      shouldOpenLinksInNewTab: i,
+      children: t.description,
+      ...e
+    }
+  );
+}, fe = r("div", {
+  _id: "aiSearchResults__ItemPreview__Outline"
+}), Ft = (e) => {
+  const { source: t } = m(), { resultsList: i } = d();
+  return i.find((o) => o.id === t.id)?.rootRecord.topLevelHeadings?.length ? /* @__PURE__ */ n(fe, { ...e }) : null;
+}, Mt = r("span", {
+  _id: "aiSearchResults__ItemPreview__Outline__Title",
+  children: "On this page"
+}), Ee = r("ul", {
+  _id: "aiSearchResults__ItemPreview__Outline__List"
+}), Ut = (e) => {
+  const { source: t } = m(), { resultsList: i } = d(), s = i.find((u) => u.id === t.id), a = s?.rootRecord.topLevelHeadings;
+  if (!a?.length) return null;
+  const o = a.map((u) => {
+    const _ = u?.anchor && u?.anchor === s?.content?.anchor, h = u?.anchor === s?.pathHeadings?.[0]?.anchor;
+    return {
+      ...u,
+      isMatch: _ || h
+    };
+  }), { children: c, ...l } = e;
+  return /* @__PURE__ */ n(Ee, { children: g(c, o), ...l });
+}, Le = r(C, {
+  _id: "aiSearchResults__ItemPreview__Outline__Item"
+}), Dt = (e) => {
+  const {
+    searchSettings: { shouldOpenLinksInNewTab: t }
+  } = R();
+  return /* @__PURE__ */ n(Le, { isExternal: t, ...e });
+}, Vt = r(b, {
+  _id: "aiSearchResults__ItemPreview__Outline__ItemIcon",
+  iconKey: "newLine"
+}), Ae = r("span", {
+  _id: "aiSearchResults__ItemPreview__Outline__ItemText"
+}), Kt = (e) => /* @__PURE__ */ n(Ae, { ...e }), $t = r(
+  x,
+  {
+    _id: "aiSearchResults__ItemPreview__Outline__ItemLinkIcon",
+    iconSettings: {
+      builtIn: "LuLink"
+    }
+  }
+), ke = r("div", {
   _id: "aiSearchFooter"
-}), St = (e) => {
-  const { resultsList: t } = l();
-  return /* @__PURE__ */ a(Se, { "data-has-results": u(t.length > 0), ...e });
-}, gt = s("div", {
+}), Gt = (e) => {
+  const { hasContent: t } = d();
+  return /* @__PURE__ */ n(ke, { "data-has-results": I(t), ...e });
+}, Wt = r("div", {
   _id: "aiSearchTagline__Container"
-}), _t = s("span", {
+}), qt = r("span", {
   _id: "aiSearchTagline__Text",
   children: "Powered by"
-}), Rt = s(O, {
+}), jt = r(V, {
   _id: "aiSearchTagline__Logo"
-}), vt = s("a", {
+}), Qt = r("a", {
   _id: "aiSearchTagline__BrandName",
   children: "inkeep",
   href: "https://www.inkeep.com/",
@@ -367,71 +486,101 @@ const C = "__ask_ai__", Q = s("div", {
   rel: "noopener noreferrer"
 });
 export {
-  C as ASK_AI_TRIGGER_VALUE,
-  je as AskAITrigger,
-  Qe as AskAITriggerIcon,
-  Je as AskAITriggerIndicator,
-  ze as AskAITriggerLabel,
-  Ge as Content,
-  We as EmbeddedSearchInputIcon,
-  je as EmbeddedSearchPrimitiveAskAITrigger,
-  Qe as EmbeddedSearchPrimitiveAskAITriggerIcon,
-  Je as EmbeddedSearchPrimitiveAskAITriggerIndicator,
-  ze as EmbeddedSearchPrimitiveAskAITriggerLabel,
-  Ge as EmbeddedSearchPrimitiveContent,
-  St as EmbeddedSearchPrimitiveFooter,
-  qe as EmbeddedSearchPrimitiveInput,
-  Ke as EmbeddedSearchPrimitiveInputGroup,
-  He as EmbeddedSearchPrimitiveLoading,
-  Xe as EmbeddedSearchPrimitiveResults,
-  Ze as EmbeddedSearchPrimitiveResultsEmpty,
-  ct as EmbeddedSearchPrimitiveResultsItem,
-  lt as EmbeddedSearchPrimitiveResultsItemBreadcrumbs,
-  pt as EmbeddedSearchPrimitiveResultsItemDescription,
-  bt as EmbeddedSearchPrimitiveResultsItemDescriptionPart,
-  ut as EmbeddedSearchPrimitiveResultsItemIcon,
-  It as EmbeddedSearchPrimitiveResultsItemIndicator,
-  ht as EmbeddedSearchPrimitiveResultsItemTag,
-  mt as EmbeddedSearchPrimitiveResultsItemTitle,
-  ot as EmbeddedSearchPrimitiveResultsList,
-  Ye as EmbeddedSearchPrimitiveResultsLoading,
-  rt as EmbeddedSearchPrimitiveResultsScrollArea,
-  st as EmbeddedSearchPrimitiveResultsScrollAreaViewport,
-  tt as EmbeddedSearchPrimitiveResultsTab,
-  et as EmbeddedSearchPrimitiveResultsTabList,
-  $e as EmbeddedSearchPrimitiveRoot,
-  Me as EmbeddedSearchPrimitiveWrapper,
-  St as Footer,
-  qe as Input,
-  Ke as InputGroup,
-  We as InputIcon,
-  He as Loading,
-  J as PrimitiveContent,
-  Tt as Provider,
-  Xe as Results,
-  Ze as ResultsEmpty,
-  ct as ResultsItem,
-  dt as ResultsItemBreadcrumbIcon,
-  lt as ResultsItemBreadcrumbs,
-  pt as ResultsItemDescription,
-  bt as ResultsItemDescriptionPart,
-  ut as ResultsItemIcon,
-  It as ResultsItemIndicator,
-  ht as ResultsItemTag,
-  mt as ResultsItemTitle,
-  ot as ResultsList,
-  Ye as ResultsLoading,
-  rt as ResultsScrollArea,
-  nt as ResultsScrollAreaCorner,
-  it as ResultsScrollAreaScrollbar,
-  at as ResultsScrollAreaThumb,
-  st as ResultsScrollAreaViewport,
-  tt as ResultsTab,
-  et as ResultsTabList,
-  $e as Root,
-  vt as TaglineBrandName,
-  gt as TaglineContainer,
-  Rt as TaglineLogo,
-  _t as TaglineText,
-  Me as Wrapper
+  P as ASK_AI_TRIGGER_VALUE,
+  at as AskAITrigger,
+  ot as AskAITriggerIcon,
+  lt as AskAITriggerIndicator,
+  ct as AskAITriggerLabel,
+  tt as Content,
+  rt as EmbeddedSearchInputIcon,
+  at as EmbeddedSearchPrimitiveAskAITrigger,
+  ot as EmbeddedSearchPrimitiveAskAITriggerIcon,
+  lt as EmbeddedSearchPrimitiveAskAITriggerIndicator,
+  ct as EmbeddedSearchPrimitiveAskAITriggerLabel,
+  tt as EmbeddedSearchPrimitiveContent,
+  Gt as EmbeddedSearchPrimitiveFooter,
+  st as EmbeddedSearchPrimitiveInput,
+  it as EmbeddedSearchPrimitiveInputGroup,
+  nt as EmbeddedSearchPrimitiveLoading,
+  dt as EmbeddedSearchPrimitiveResults,
+  _t as EmbeddedSearchPrimitiveResultsContent,
+  mt as EmbeddedSearchPrimitiveResultsEmpty,
+  gt as EmbeddedSearchPrimitiveResultsItem,
+  me as EmbeddedSearchPrimitiveResultsItemBreadcrumbs,
+  Et as EmbeddedSearchPrimitiveResultsItemDescription,
+  Lt as EmbeddedSearchPrimitiveResultsItemDescriptionPart,
+  Tt as EmbeddedSearchPrimitiveResultsItemIcon,
+  At as EmbeddedSearchPrimitiveResultsItemIndicator,
+  kt as EmbeddedSearchPrimitiveResultsItemPreview,
+  Ht as EmbeddedSearchPrimitiveResultsItemPreviewBody,
+  Nt as EmbeddedSearchPrimitiveResultsItemPreviewBreadcrumbIcon,
+  Ot as EmbeddedSearchPrimitiveResultsItemPreviewHeading,
+  Ft as EmbeddedSearchPrimitiveResultsItemPreviewOutline,
+  Dt as EmbeddedSearchPrimitiveResultsItemPreviewOutlineItem,
+  Vt as EmbeddedSearchPrimitiveResultsItemPreviewOutlineItemIcon,
+  $t as EmbeddedSearchPrimitiveResultsItemPreviewOutlineItemLinkIcon,
+  Kt as EmbeddedSearchPrimitiveResultsItemPreviewOutlineItemText,
+  Ut as EmbeddedSearchPrimitiveResultsItemPreviewOutlineList,
+  Mt as EmbeddedSearchPrimitiveResultsItemPreviewOutlineTitle,
+  Ct as EmbeddedSearchPrimitiveResultsItemPreviewTitle,
+  xt as EmbeddedSearchPrimitiveResultsItemPreviewTitleLinkIcon,
+  ft as EmbeddedSearchPrimitiveResultsItemTag,
+  wt as EmbeddedSearchPrimitiveResultsItemTitle,
+  Pt as EmbeddedSearchPrimitiveResultsList,
+  ut as EmbeddedSearchPrimitiveResultsLoading,
+  vt as EmbeddedSearchPrimitiveResultsScrollArea,
+  Rt as EmbeddedSearchPrimitiveResultsScrollAreaViewport,
+  It as EmbeddedSearchPrimitiveResultsTab,
+  ht as EmbeddedSearchPrimitiveResultsTabList,
+  et as EmbeddedSearchPrimitiveRoot,
+  Ze as EmbeddedSearchPrimitiveWrapper,
+  Gt as Footer,
+  st as Input,
+  it as InputGroup,
+  rt as InputIcon,
+  nt as Loading,
+  X as PrimitiveContent,
+  Xt as Provider,
+  dt as Results,
+  _t as ResultsContent,
+  mt as ResultsEmpty,
+  gt as ResultsItem,
+  he as ResultsItemBreadcrumbIcon,
+  me as ResultsItemBreadcrumbs,
+  Et as ResultsItemDescription,
+  Lt as ResultsItemDescriptionPart,
+  Tt as ResultsItemIcon,
+  At as ResultsItemIndicator,
+  kt as ResultsItemPreview,
+  Ht as ResultsItemPreviewBody,
+  Nt as ResultsItemPreviewBreadcrumbIcon,
+  Bt as ResultsItemPreviewBreadcrumbs,
+  yt as ResultsItemPreviewHeader,
+  Ot as ResultsItemPreviewHeading,
+  Ft as ResultsItemPreviewOutline,
+  Dt as ResultsItemPreviewOutlineItem,
+  Vt as ResultsItemPreviewOutlineItemIcon,
+  $t as ResultsItemPreviewOutlineItemLinkIcon,
+  Kt as ResultsItemPreviewOutlineItemText,
+  Ut as ResultsItemPreviewOutlineList,
+  Mt as ResultsItemPreviewOutlineTitle,
+  Ct as ResultsItemPreviewTitle,
+  xt as ResultsItemPreviewTitleLinkIcon,
+  ft as ResultsItemTag,
+  wt as ResultsItemTitle,
+  Pt as ResultsList,
+  ut as ResultsLoading,
+  vt as ResultsScrollArea,
+  pt as ResultsScrollAreaCorner,
+  St as ResultsScrollAreaScrollbar,
+  bt as ResultsScrollAreaThumb,
+  Rt as ResultsScrollAreaViewport,
+  It as ResultsTab,
+  ht as ResultsTabList,
+  et as Root,
+  Qt as TaglineBrandName,
+  Wt as TaglineContainer,
+  jt as TaglineLogo,
+  qt as TaglineText,
+  Ze as Wrapper
 };