@inkeep/cxkit-primitives 0.5.37 → 0.5.39

package/dist/components/embedded-search.js

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