zudoku 0.0.0-f9211eb → 0.0.0-f98e47d6

package/lib/zudoku.plugin-search-inkeep.js

@@ -1,76 +1,72 @@
-import { j as i } from "./jsx-runtime-CYK1ROHF.js";
-import { useRef as l, useState as f, useMemo as m, useEffect as u } from "react";
-import { C as g } from "./ClientOnly-E7hGysn1.js";
-const h = {
-  theme: {
-    components: {
-      AIChatPageWrapper: {
-        defaultProps: {
-          size: "shrink-vertically",
-          variant: "no-shadow"
+import { j as o } from "./jsx-runtime-DywqP_6a.js";
+import { useMemo as l, useState as h, useEffect as c } from "react";
+import { C as p } from "./ClientOnly-E7hGysn1.js";
+const u = {
+  primaryBrandColor: "#26D6FF"
+}, m = {
+  shortcutKey: "k"
+}, S = {
+  placeholder: "Search..."
+}, f = {
+  aiAssistantName: "Assistant"
+}, k = ({
+  isOpen: n,
+  onClose: r,
+  settings: a
+}) => {
+  const s = l(
+    () => ({
+      baseSettings: {
+        ...u,
+        ...a,
+        colorMode: {
+          sync: {
+            target: "html",
+            attributes: ["class"],
+            isDarkMode: (e) => e.class?.includes("dark") ?? !1
+          }
         }
       },
-      SearchBarTrigger: {
-        defaultProps: {
-          size: "expand",
-          variant: "subtle"
-          // Choose from 'emphasized' or 'subtle'
+      modalSettings: {
+        ...m,
+        onOpenChange: (e) => {
+          e || r();
         }
-      }
-    }
-  }
-}, k = {}, I = ({
-  prefilledQuery: r,
-  isOpen: e,
-  onClose: n,
-  settings: p
-}) => {
-  const o = l(null), c = l(null), [s, d] = f(
-    typeof Inkeep < "u"
-  ), a = m(
-    () => ({
-      componentType: "CustomTrigger",
-      targetElement: o.current,
-      properties: {
-        isOpen: e,
-        onClose: n,
-        onOpen: void 0,
-        baseSettings: { ...h, ...p },
-        searchSettings: {
-          prefilledQuery: r || void 0
-        },
-        aiChatSettings: k
-      }
+      },
+      searchSettings: S,
+      aiChatSettings: f
     }),
-    [e, n, r, p, o]
+    [r, a]
+  ), [t, i] = h(
+    typeof window < "u" && window.Inkeep?.ModalSearchAndChat ? window.Inkeep.ModalSearchAndChat(s) : void 0
   );
-  return u(() => {
-    if (s) return;
-    const t = setInterval(() => {
-      typeof Inkeep < "u" && (d(!0), clearInterval(t));
+  return c(() => {
+    if (t) return;
+    const e = setInterval(() => {
+      if (typeof window < "u" && window.Inkeep?.ModalSearchAndChat) {
+        const d = window.Inkeep.ModalSearchAndChat(s);
+        i(d), clearInterval(e);
+      }
     }, 100);
-    return () => clearInterval(t);
-  }, [s]), u(() => {
-    !s || c.current || (c.current = Inkeep().embed(a));
-  }, [a, s]), u(() => {
-    var t;
-    (t = c.current) == null || t.render({ ...a, isOpen: e });
-  }, [a, e]), /* @__PURE__ */ i.jsx("div", { ref: o });
-}, x = (r) => ({
-  getHead: () => /* @__PURE__ */ i.jsx(
+    return () => clearInterval(e);
+  }, [s, t]), c(() => {
+    t && t.update({ modalSettings: { isOpen: n } });
+  }, [n, t]), null;
+}, C = (n) => ({
+  getHead: () => /* @__PURE__ */ o.jsx(
     "script",
     {
       type: "module",
-      src: "https://unpkg.com/@inkeep/uikit-js@0.3.19/dist/embed.js",
+      src: "https://cdn.jsdelivr.net/npm/@inkeep/cxkit-js@0.5.90/+esm",
       defer: !0
     }
   ),
   renderSearch: ({
-    isOpen: e,
-    onClose: n
-  }) => /* @__PURE__ */ i.jsx(g, { children: /* @__PURE__ */ i.jsx(I, { isOpen: e, onClose: n, settings: r }) })
+    isOpen: r,
+    onClose: a
+  }) => /* @__PURE__ */ o.jsx(p, { children: /* @__PURE__ */ o.jsx(k, { isOpen: r, onClose: a, settings: n }) })
 });
 export {
-  x as inkeepSearchPlugin
+  C as inkeepSearchPlugin
 };
 //# sourceMappingURL=zudoku.plugin-search-inkeep.js.map

package/lib/zudoku.plugin-search-inkeep.js.map

@@ -1 +1 @@
-{"version":3,"file":"zudoku.plugin-search-inkeep.js","sources":["../src/lib/plugins/search-inkeep/inkeep.ts","../src/lib/plugins/search-inkeep/index.tsx"],"sourcesContent":["const baseSettings = {\n  theme: {\n    components: {\n      AIChatPageWrapper: {\n        defaultProps: {\n          size: \"shrink-vertically\",\n          variant: \"no-shadow\",\n        },\n      },\n      SearchBarTrigger: {\n        defaultProps: {\n          size: \"expand\",\n          variant: \"subtle\", // Choose from 'emphasized' or 'subtle'\n        },\n      },\n    },\n  },\n} as const;\n\nconst modalSettings = {};\n\nconst searchSettings = {};\n\nconst aiChatSettings = {};\n\nexport { aiChatSettings, baseSettings, modalSettings, searchSettings };\n","import { useEffect, useMemo, useRef, useState } from \"react\";\nimport { ClientOnly } from \"../../components/ClientOnly.js\";\nimport type { ZudokuPlugin } from \"../../core/plugins.js\";\nimport { aiChatSettings, baseSettings } from \"./inkeep.js\";\n\ninterface PluginInkeepBaseSettings {\n  apiKey?: string;\n  integrationId: string;\n  organizationId: string;\n  organizationDisplayName?: string;\n  primaryBrandColor: string;\n}\n\ninterface InkeepEmbedConfig {\n  componentType: string;\n  targetElement: HTMLElement;\n  properties: unknown;\n}\n\ninterface InkeepWidget {\n  render: (config: InkeepEmbedConfig & { isOpen: boolean }) => void;\n}\n\ndeclare global {\n  let Inkeep: () => {\n    embed: (config: InkeepEmbedConfig) => InkeepWidget;\n  };\n}\n\nconst InkeepSearch = ({\n  prefilledQuery,\n  isOpen,\n  onClose,\n  settings,\n}: {\n  isOpen: boolean;\n  onClose: () => void;\n  prefilledQuery?: string | null;\n  settings: PluginInkeepBaseSettings;\n}) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const widgetRef = useRef<InkeepWidget | null>(null);\n  const [isInkeepAvailable, setIsInkeepAvailable] = useState(\n    typeof Inkeep !== \"undefined\",\n  );\n\n  const config: InkeepEmbedConfig = useMemo(\n    () => ({\n      componentType: \"CustomTrigger\",\n      targetElement: ref.current!,\n      properties: {\n        isOpen,\n        onClose,\n        onOpen: undefined,\n        baseSettings: { ...baseSettings, ...settings },\n        searchSettings: {\n          prefilledQuery: prefilledQuery || undefined,\n        },\n        aiChatSettings,\n      },\n    }),\n    [isOpen, onClose, prefilledQuery, settings, ref],\n  );\n\n  useEffect(() => {\n    if (isInkeepAvailable) return;\n\n    const checkInkeep = setInterval(() => {\n      if (typeof Inkeep !== \"undefined\") {\n        setIsInkeepAvailable(true);\n        clearInterval(checkInkeep);\n      }\n    }, 100);\n\n    return () => clearInterval(checkInkeep);\n  }, [isInkeepAvailable]);\n\n  useEffect(() => {\n    if (!isInkeepAvailable || widgetRef.current) return;\n\n    widgetRef.current = Inkeep().embed(config);\n  }, [config, isInkeepAvailable]);\n\n  useEffect(() => {\n    widgetRef.current?.render({ ...config, isOpen });\n  }, [config, isOpen]);\n\n  return <div ref={ref} />;\n};\n\nexport const inkeepSearchPlugin = (\n  settings: PluginInkeepBaseSettings,\n): ZudokuPlugin => {\n  return {\n    getHead: () => {\n      return (\n        <script\n          type=\"module\"\n          src=\"https://unpkg.com/@inkeep/uikit-js@0.3.19/dist/embed.js\"\n          defer\n        />\n      );\n    },\n    renderSearch: ({\n      isOpen,\n      onClose,\n    }: {\n      isOpen: boolean;\n      onClose: () => void;\n    }) => {\n      return (\n        <ClientOnly>\n          <InkeepSearch isOpen={isOpen} onClose={onClose} settings={settings} />\n        </ClientOnly>\n      );\n    },\n  };\n};\n"],"names":["baseSettings","aiChatSettings","InkeepSearch","prefilledQuery","isOpen","onClose","settings","ref","useRef","widgetRef","isInkeepAvailable","setIsInkeepAvailable","useState","config","useMemo","useEffect","checkInkeep","_a","jsx","inkeepSearchPlugin","ClientOnly"],"mappings":";;;AAAA,MAAMA,IAAe;AAAA,EACnB,OAAO;AAAA,IACL,YAAY;AAAA,MACV,mBAAmB;AAAA,QACjB,cAAc;AAAA,UACZ,MAAM;AAAA,UACN,SAAS;AAAA,QAAA;AAAA,MAEb;AAAA,MACA,kBAAkB;AAAA,QAChB,cAAc;AAAA,UACZ,MAAM;AAAA,UACN,SAAS;AAAA;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAEJ,GAMMC,IAAiB,CAAC,GCMlBC,IAAe,CAAC;AAAA,EACpB,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAKM;AACE,QAAAC,IAAMC,EAAuB,IAAI,GACjCC,IAAYD,EAA4B,IAAI,GAC5C,CAACE,GAAmBC,CAAoB,IAAIC;AAAA,IAChD,OAAO,SAAW;AAAA,EACpB,GAEMC,IAA4BC;AAAA,IAChC,OAAO;AAAA,MACL,eAAe;AAAA,MACf,eAAeP,EAAI;AAAA,MACnB,YAAY;AAAA,QACV,QAAAH;AAAA,QACA,SAAAC;AAAA,QACA,QAAQ;AAAA,QACR,cAAc,EAAE,GAAGL,GAAc,GAAGM,EAAS;AAAA,QAC7C,gBAAgB;AAAA,UACd,gBAAgBH,KAAkB;AAAA,QACpC;AAAA,QACA,gBAAAF;AAAA,MAAA;AAAA,IACF;AAAA,IAEF,CAACG,GAAQC,GAASF,GAAgBG,GAAUC,CAAG;AAAA,EACjD;AAEA,SAAAQ,EAAU,MAAM;AACd,QAAIL,EAAmB;AAEjB,UAAAM,IAAc,YAAY,MAAM;AAChC,MAAA,OAAO,SAAW,QACpBL,EAAqB,EAAI,GACzB,cAAcK,CAAW;AAAA,OAE1B,GAAG;AAEC,WAAA,MAAM,cAAcA,CAAW;AAAA,EAAA,GACrC,CAACN,CAAiB,CAAC,GAEtBK,EAAU,MAAM;AACV,IAAA,CAACL,KAAqBD,EAAU,YAEpCA,EAAU,UAAU,SAAS,MAAMI,CAAM;AAAA,EAAA,GACxC,CAACA,GAAQH,CAAiB,CAAC,GAE9BK,EAAU,MAAM;;AACd,KAAAE,IAAAR,EAAU,YAAV,QAAAQ,EAAmB,OAAO,EAAE,GAAGJ,GAAQ,QAAAT;EAAQ,GAC9C,CAACS,GAAQT,CAAM,CAAC,GAEZc,gBAAAA,MAAC,SAAI,KAAAX,GAAU;AACxB,GAEaY,IAAqB,CAChCb,OAEO;AAAA,EACL,SAAS,MAELY,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,KAAI;AAAA,MACJ,OAAK;AAAA,IAAA;AAAA,EACP;AAAA,EAGJ,cAAc,CAAC;AAAA,IACb,QAAAd;AAAA,IACA,SAAAC;AAAA,EAAA,4BAMGe,GACC,EAAA,UAAAF,gBAAAA,EAAA,IAAChB,KAAa,QAAAE,GAAgB,SAAAC,GAAkB,UAAAC,GAAoB,EACtE,CAAA;AAGN;"}
+{"version":3,"file":"zudoku.plugin-search-inkeep.js","sources":["../src/lib/plugins/search-inkeep/inkeep.ts","../src/lib/plugins/search-inkeep/index.tsx"],"sourcesContent":["import type {\n  InkeepAIChatSettings,\n  InkeepBaseSettings,\n  InkeepModalSettings,\n  InkeepSearchSettings,\n} from \"@inkeep/cxkit-types\";\n\nconst baseSettings: InkeepBaseSettings = {\n  primaryBrandColor: \"#26D6FF\",\n};\n\nconst modalSettings: InkeepModalSettings = {\n  shortcutKey: \"k\",\n};\n\nconst searchSettings: InkeepSearchSettings = {\n  placeholder: \"Search...\",\n};\n\nconst aiChatSettings: InkeepAIChatSettings = {\n  aiAssistantName: \"Assistant\",\n};\n\nexport { aiChatSettings, baseSettings, modalSettings, searchSettings };\n","import type {\n  InkeepBaseSettings,\n  InkeepComponentInstance,\n  InkeepJS,\n  InkeepSettings,\n} from \"@inkeep/cxkit-types\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { ClientOnly } from \"../../components/ClientOnly.js\";\nimport type { ZudokuPlugin } from \"../../core/plugins.js\";\nimport {\n  aiChatSettings,\n  baseSettings,\n  modalSettings,\n  searchSettings,\n} from \"./inkeep.js\";\n\ndeclare global {\n  interface Window {\n    Inkeep: InkeepJS | undefined;\n  }\n}\n\nconst InkeepSearch = ({\n  isOpen,\n  onClose,\n  settings,\n}: {\n  isOpen: boolean;\n  onClose: () => void;\n  settings: InkeepBaseSettings;\n}) => {\n  const config = useMemo<InkeepSettings>(\n    () => ({\n      baseSettings: {\n        ...baseSettings,\n        ...settings,\n        colorMode: {\n          sync: {\n            target: \"html\",\n            attributes: [\"class\"],\n            isDarkMode: (attrs) => attrs.class?.includes(\"dark\") ?? false,\n          },\n        },\n      },\n      modalSettings: {\n        ...modalSettings,\n        onOpenChange: (newOpen: boolean) => {\n          if (!newOpen) onClose();\n        },\n      },\n      searchSettings,\n      aiChatSettings,\n    }),\n    [onClose, settings],\n  );\n  const [searchInstance, setSearchInstance] = useState<\n    InkeepComponentInstance | undefined\n  >(\n    typeof window !== \"undefined\" && window.Inkeep?.ModalSearchAndChat\n      ? window.Inkeep.ModalSearchAndChat(config)\n      : undefined,\n  );\n\n  useEffect(() => {\n    if (searchInstance) return;\n\n    const checkInkeep = setInterval(() => {\n      if (typeof window !== \"undefined\" && window.Inkeep?.ModalSearchAndChat) {\n        const inkeep = window.Inkeep.ModalSearchAndChat(config);\n        setSearchInstance(inkeep);\n        clearInterval(checkInkeep);\n      }\n    }, 100);\n\n    return () => clearInterval(checkInkeep);\n  }, [config, searchInstance]);\n\n  useEffect(() => {\n    if (!searchInstance) return;\n\n    searchInstance.update({ modalSettings: { isOpen } });\n  }, [isOpen, searchInstance]);\n\n  return null;\n};\n\nexport const inkeepSearchPlugin = (\n  settings: InkeepBaseSettings,\n): ZudokuPlugin => {\n  return {\n    getHead: () => {\n      return (\n        <script\n          type=\"module\"\n          src=\"https://cdn.jsdelivr.net/npm/@inkeep/cxkit-js@0.5.90/+esm\"\n          defer\n        />\n      );\n    },\n    renderSearch: ({\n      isOpen,\n      onClose,\n    }: {\n      isOpen: boolean;\n      onClose: () => void;\n    }) => {\n      return (\n        <ClientOnly>\n          <InkeepSearch isOpen={isOpen} onClose={onClose} settings={settings} />\n        </ClientOnly>\n      );\n    },\n  };\n};\n"],"names":["baseSettings","modalSettings","searchSettings","aiChatSettings","InkeepSearch","isOpen","onClose","settings","config","useMemo","attrs","newOpen","searchInstance","setSearchInstance","useState","useEffect","checkInkeep","inkeep","inkeepSearchPlugin","jsx","ClientOnly"],"mappings":";;;AAOA,MAAMA,IAAmC;AAAA,EACvC,mBAAmB;AACrB,GAEMC,IAAqC;AAAA,EACzC,aAAa;AACf,GAEMC,IAAuC;AAAA,EAC3C,aAAa;AACf,GAEMC,IAAuC;AAAA,EAC3C,iBAAiB;AACnB,GCCMC,IAAe,CAAC;AAAA,EACpB,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAIM;AACJ,QAAMC,IAASC;AAAA,IACb,OAAO;AAAA,MACL,cAAc;AAAA,QACZ,GAAGT;AAAA,QACH,GAAGO;AAAA,QACH,WAAW;AAAA,UACT,MAAM;AAAA,YACJ,QAAQ;AAAA,YACR,YAAY,CAAC,OAAO;AAAA,YACpB,YAAY,CAACG,MAAUA,EAAM,OAAO,SAAS,MAAM,KAAK;AAAA,UAAA;AAAA,QAC1D;AAAA,MACF;AAAA,MAEF,eAAe;AAAA,QACb,GAAGT;AAAA,QACH,cAAc,CAACU,MAAqB;AAClC,UAAKA,KAASL,EAAA;AAAA,QAChB;AAAA,MAAA;AAAA,MAEF,gBAAAJ;AAAA,MACA,gBAAAC;AAAA,IAAA;AAAA,IAEF,CAACG,GAASC,CAAQ;AAAA,EAAA,GAEd,CAACK,GAAgBC,CAAiB,IAAIC;AAAA,IAG1C,OAAO,SAAW,OAAe,OAAO,QAAQ,qBAC5C,OAAO,OAAO,mBAAmBN,CAAM,IACvC;AAAA,EAAA;AAGN,SAAAO,EAAU,MAAM;AACd,QAAIH,EAAgB;AAEpB,UAAMI,IAAc,YAAY,MAAM;AACpC,UAAI,OAAO,SAAW,OAAe,OAAO,QAAQ,oBAAoB;AACtE,cAAMC,IAAS,OAAO,OAAO,mBAAmBT,CAAM;AACtD,QAAAK,EAAkBI,CAAM,GACxB,cAAcD,CAAW;AAAA,MAC3B;AAAA,IACF,GAAG,GAAG;AAEN,WAAO,MAAM,cAAcA,CAAW;AAAA,EACxC,GAAG,CAACR,GAAQI,CAAc,CAAC,GAE3BG,EAAU,MAAM;AACd,IAAKH,KAELA,EAAe,OAAO,EAAE,eAAe,EAAE,QAAAP,EAAA,GAAU;AAAA,EACrD,GAAG,CAACA,GAAQO,CAAc,CAAC,GAEpB;AACT,GAEaM,IAAqB,CAChCX,OAEO;AAAA,EACL,SAAS,MAELY,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,KAAI;AAAA,MACJ,OAAK;AAAA,IAAA;AAAA,EAAA;AAAA,EAIX,cAAc,CAAC;AAAA,IACb,QAAAd;AAAA,IACA,SAAAC;AAAA,EAAA,4BAMGc,GAAA,EACC,UAAAD,gBAAAA,EAAAA,IAACf,KAAa,QAAAC,GAAgB,SAAAC,GAAkB,UAAAC,GAAoB,EAAA,CACtE;AAEJ;"}

package/lib/zudoku.plugin-search-pagefind.js

@@ -1,126 +1,219 @@
-import { j as t } from "./jsx-runtime-CYK1ROHF.js";
-import { C as k } from "./ClientOnly-E7hGysn1.js";
-import { VisuallyHidden as v } from "@radix-ui/react-visually-hidden";
-import { u as N, e as j, m as S, o as _, f as L } from "./hook-CqpVYDqN.js";
-import { useRef as b, useLayoutEffect as T, useState as w } from "react";
-import { B as E } from "./Button-Fp19CMUr.js";
-import { C as R, a as p, b as x, c as F, d as I, e as q, f as P } from "./Callout-B2vsR09t.js";
-import { b as $ } from "./Dialog-sbgekbjb.js";
-import { S as A } from "./RouteGuard-CqZPoZYJ.js";
-import { BracketsIcon as D, FileTextIcon as O } from "lucide-react";
-import { a as B, L as g } from "./chunk-HA7DTUK3-C4gP41vD.js";
-const U = async ({
-  search: r,
+import { j as e } from "./jsx-runtime-DywqP_6a.js";
+import { C as v } from "./ClientOnly-E7hGysn1.js";
+import { VisuallyHidden as I } from "@radix-ui/react-visually-hidden";
+import { j as k, d as j, e as C, l as N } from "./ZudokuContext-3cqbu21w.js";
+import { useRef as S, useLayoutEffect as L, useState as T } from "react";
+import { B as E } from "./Button-DTDRi4CT.js";
+import { ShieldAlertIcon as R, AlertTriangleIcon as F, InfoIcon as f, LightbulbIcon as P, BracketsIcon as q, FileTextIcon as z } from "lucide-react";
+import { c as u } from "./cn-dYga0KKN.js";
+import { C as A, a as b, b as h, c as $, d as D, e as B } from "./Command-TEBTONf1.js";
+import { c as O } from "./Dialog-VIMic7xI.js";
+import { u as U } from "./hook-ChlxzJwv.js";
+import { S as G } from "./RouteGuard-nFlgfJqk.js";
+import { aP as H, L as p } from "./chunk-QMGIS6GS-DqecZ6nq.js";
+const K = {
+  note: {
+    border: "border-gray-300 dark:border-zinc-800",
+    bg: "bg-gray-100 dark:bg-zinc-800/50",
+    iconColor: "text-gray-600 dark:text-zinc-300",
+    titleColor: "text-gray-600 dark:text-zinc-300",
+    textColor: "text-gray-600 dark:text-zinc-300",
+    Icon: f
+  },
+  tip: {
+    border: "border-green-500 dark:border-green-800",
+    bg: "bg-green-200/25 dark:bg-green-950/70",
+    iconColor: "text-green-600 dark:text-green-200",
+    titleColor: "text-green-700 dark:text-green-200",
+    textColor: "text-green-600 dark:text-green-50",
+    Icon: P
+  },
+  info: {
+    border: "border-blue-400 dark:border-blue-900/60",
+    bg: "bg-blue-50 dark:bg-blue-950/40",
+    iconColor: "text-blue-400 dark:text-blue-200",
+    titleColor: "text-blue-700 dark:text-blue-200",
+    textColor: "text-blue-600 dark:text-blue-100",
+    Icon: f
+  },
+  caution: {
+    border: "border-yellow-400 dark:border-yellow-400/25",
+    bg: "bg-yellow-100/60 dark:bg-yellow-400/10",
+    iconColor: "text-yellow-500 dark:text-yellow-300",
+    titleColor: "text-yellow-600 dark:text-yellow-300",
+    textColor: "text-yellow-700 dark:text-yellow-200",
+    Icon: F
+  },
+  danger: {
+    border: "border-rose-400 dark:border-rose-800",
+    bg: "bg-rose-50 dark:bg-rose-950/40",
+    iconColor: "text-rose-400 dark:text-rose-300",
+    titleColor: "text-rose-800 dark:text-rose-300",
+    textColor: "text-rose-700 dark:text-rose-100",
+    Icon: R
+  }
+}, M = ({
+  type: o,
+  children: n,
+  title: t,
+  className: s,
+  icon: a = !0
+}) => {
+  const { border: l, bg: i, iconColor: d, titleColor: r, textColor: c, Icon: m } = K[o];
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: u(
+        "not-prose rounded-md border p-4 text-md my-2",
+        a && "grid grid-cols-[min-content_1fr] items-baseline grid-rows-[fit-content_1fr] gap-x-4 gap-y-2",
+        !a && t && "flex flex-col gap-2",
+        "[&_a]:underline [&_a]:decoration-current [&_a]:decoration-from-font [&_a]:underline-offset-4 hover:[&_a]:decoration-1",
+        "[&_.code-block-wrapper]:border",
+        "[&_ul]:list-disc [&_ol]:list-decimal [&_ul]:ps-4 [&_ul>li]:ps-1 [&_ul>li]:my-1",
+        a && t && "items-center",
+        l,
+        i,
+        s
+      ),
+      children: [
+        a && /* @__PURE__ */ e.jsx(
+          m,
+          {
+            className: u(t ? "align-middle" : "translate-y-1", d),
+            size: 20,
+            "aria-hidden": "true"
+          }
+        ),
+        t && /* @__PURE__ */ e.jsx("h3", { className: u("font-medium", r), children: t }),
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: u(
+              a && "col-start-2",
+              !t && a && "row-start-1",
+              c,
+              "overflow-x-auto"
+            ),
+            children: n
+          }
+        )
+      ]
+    }
+  );
+}, V = async ({
+  search: o,
   options: n,
-  auth: s,
-  context: o
+  auth: t,
+  context: s
 }) => {
-  const c = n.maxResults ?? 10, a = n.transformResults ?? (() => !0), e = [], i = z({
-    search: r,
-    transformFn: a,
-    auth: s,
-    context: o
+  const a = n.maxResults ?? 10, l = n.transformResults ?? (() => !0), i = [], d = Y({
+    search: o,
+    transformFn: l,
+    auth: t,
+    context: s
   });
-  for await (const l of i)
-    if (e.push(l), e.length >= c) break;
-  return e;
+  for await (const r of d)
+    if (i.push(r), i.length >= a) break;
+  return i;
 };
-async function* z({
-  search: r,
+async function* Y({
+  search: o,
   transformFn: n,
-  auth: s,
-  context: o
+  auth: t,
+  context: s
 }) {
-  let a = 0;
-  for (; a < r.results.length; ) {
-    const e = r.results.slice(
-      a,
-      a + 5
+  let l = 0;
+  for (; l < o.results.length; ) {
+    const i = o.results.slice(
+      l,
+      l + 5
     );
-    a += e.length;
-    const i = await Promise.all(e.map((l) => l.data()));
-    for (const l of i) {
-      const d = n({ result: l, auth: s, context: o });
-      d !== !1 && (d === !0 || d == null ? yield l : yield d);
+    l += i.length;
+    const d = await Promise.all(i.map((r) => r.data()));
+    for (const r of d) {
+      const c = n({ result: r, auth: t, context: s });
+      c === !1 || (c === !0 || c == null ? yield r : yield c);
     }
   }
 }
-const G = (r, n) => {
-  const s = r.weighted_locations.reduce(
-    (c, a) => c + a.balanced_score,
+const Q = (o, n) => {
+  const t = o.weighted_locations.reduce(
+    (a, l) => a + l.balanced_score,
     0
   );
   return n.weighted_locations.reduce(
-    (c, a) => c + a.balanced_score,
+    (a, l) => a + l.balanced_score,
     0
-  ) - s;
-}, y = "cursor-pointer border border-transparent data-[selected=true]:border-border", H = ({
-  searchResults: r,
-  searchTerm: n,
+  ) - t;
+}, y = "cursor-pointer border border-transparent data-[selected=true]:border-border", W = ({
+  basePath: o,
+  searchResults: n,
+  searchTerm: t,
   onClose: s,
-  maxSubResults: o = 4
+  maxSubResults: a = 4
 }) => {
-  const c = B(), a = b(null);
-  return T(() => {
+  const l = H(), i = S(null);
+  L(() => {
     requestIdleCallback(() => {
-      var e;
-      (e = a.current) == null || e.scrollTo({ top: 0 });
+      i.current?.scrollTo({ top: 0 });
     });
-  }, [n]), /* @__PURE__ */ t.jsxs(R, { className: "max-h-[450px]", ref: a, children: [
-    n && r.length > 0 && /* @__PURE__ */ t.jsx(
-      p,
+  }, [t]);
+  const d = (r) => o && r.startsWith(o) ? k(r.slice(o.length)) : r;
+  return /* @__PURE__ */ e.jsxs(A, { className: "max-h-[450px]", ref: i, children: [
+    t && n.length > 0 && /* @__PURE__ */ e.jsx(
+      b,
       {
         className: "text-sm text-muted-foreground",
-        heading: `${r.length} results for "${n}"`
+        heading: `${n.length} results for "${t}"`
       }
     ),
-    n && r.map((e) => /* @__PURE__ */ t.jsxs(
-      p,
+    t && n.map((r) => /* @__PURE__ */ e.jsxs(
+      b,
       {
         children: [
-          /* @__PURE__ */ t.jsx(
-            x,
+          /* @__PURE__ */ e.jsx(
+            h,
             {
               asChild: !0,
-              value: `${e.meta.title}-${e.url}`,
+              value: `${r.meta.title}-${r.url}`,
               className: y,
               onSelect: () => {
-                c(e.url), s();
+                l(d(r.url)), s();
               },
-              children: /* @__PURE__ */ t.jsxs(g, { to: e.url, children: [
-                e.meta.section === "openapi" ? /* @__PURE__ */ t.jsx(D, {}) : /* @__PURE__ */ t.jsx(O, {}),
-                e.meta.title
+              children: /* @__PURE__ */ e.jsxs(p, { to: d(r.url), children: [
+                r.meta.section === "openapi" ? /* @__PURE__ */ e.jsx(q, {}) : /* @__PURE__ */ e.jsx(z, {}),
+                r.meta.title
               ] })
             }
           ),
-          e.sub_results.sort(G).slice(0, o).map((i) => /* @__PURE__ */ t.jsx(
-            x,
+          r.sub_results.sort(Q).slice(0, a).map((c) => /* @__PURE__ */ e.jsx(
+            h,
             {
               asChild: !0,
-              value: `sub-${e.meta.title}-${i.url}`,
+              value: `sub-${r.meta.title}-${c.url}`,
               className: y,
               onSelect: () => {
-                c(i.url), s();
+                l(d(c.url)), s();
               },
-              children: /* @__PURE__ */ t.jsx(g, { to: i.url, onClick: s, children: /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col items-start gap-2 ms-2.5 ps-5 border-l border-muted-foreground/50", children: [
-                /* @__PURE__ */ t.jsx("span", { className: "font-bold", children: i.title }),
-                /* @__PURE__ */ t.jsx(
+              children: /* @__PURE__ */ e.jsx(p, { to: d(c.url), onClick: s, children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-start gap-2 ms-2.5 ps-5 border-l border-muted-foreground/50", children: [
+                /* @__PURE__ */ e.jsx("span", { className: "font-bold", children: c.title }),
+                /* @__PURE__ */ e.jsx(
                   "span",
                   {
                     className: "text-[13px] [&_mark]:bg-primary [&_mark]:text-primary-foreground",
-                    dangerouslySetInnerHTML: { __html: i.excerpt }
+                    dangerouslySetInnerHTML: { __html: c.excerpt }
                   }
                 )
               ] }) })
             },
-            `sub-${e.meta.title}-${i.url}`
+            `sub-${r.meta.title}-${c.url}`
           ))
         ]
       },
-      [e.meta.title ?? e.excerpt, e.url].join("-")
+      [r.meta.title ?? r.excerpt, r.url].join("-")
     ))
   ] });
-}, u = {
+}, x = {
   // Slightly lower than default because API docs tend to have repetitive terms (parameter names, HTTP methods, etc.)
   termFrequency: 0.8,
   // Lower than default because API documentation pages tend to be longer due to comprehensive endpoint documentation
@@ -129,105 +222,104 @@ const G = (r, n) => {
   termSimilarity: 1.2,
   // Slightly lower than default because API docs might have legitimate repetition of terms
   termSaturation: 1.2
-}, K = (r) => import(
+}, Z = (o) => import(
   /* @vite-ignore */
-  L(r, "/pagefind/pagefind.js")
-), V = (r) => {
+  k(o, "/pagefind/pagefind.js")
+), J = (o) => {
   const {
     options: { basePath: n }
-  } = j(), { data: s, ...o } = S({
-    queryKey: ["pagefind", r.ranking],
+  } = j(), { data: t, ...s } = C({
+    queryKey: ["pagefind", o.ranking],
     retry: !1,
     queryFn: async () => {
-      var a, e, i, l;
-      const c = await K(n);
-      return await c.init(), await c.options({
+      const a = await Z(n);
+      return await a.init(), await a.options({
         ranking: {
-          termFrequency: ((a = r.ranking) == null ? void 0 : a.termFrequency) ?? u.termFrequency,
-          pageLength: ((e = r.ranking) == null ? void 0 : e.pageLength) ?? u.pageLength,
-          termSimilarity: ((i = r.ranking) == null ? void 0 : i.termSimilarity) ?? u.termSimilarity,
-          termSaturation: ((l = r.ranking) == null ? void 0 : l.termSaturation) ?? u.termSaturation
+          termFrequency: o.ranking?.termFrequency ?? x.termFrequency,
+          pageLength: o.ranking?.pageLength ?? x.pageLength,
+          termSimilarity: o.ranking?.termSimilarity ?? x.termSimilarity,
+          termSaturation: o.ranking?.termSaturation ?? x.termSaturation
         }
-      }), c;
+      }), a;
     },
     enabled: typeof window < "u"
   });
-  return o.isError && o.error.message !== "NOT_BUILT_YET" && console.error(o.error), { ...o, pagefind: s };
-}, Y = ({
-  isOpen: r,
+  return s.isError && s.error.message !== "NOT_BUILT_YET" && console.error(s.error), { ...s, pagefind: t };
+}, X = ({
+  isOpen: o,
   onClose: n,
-  options: s
+  options: t
 }) => {
-  const { pagefind: o, error: c, isError: a } = V(s), [e, i] = w(""), l = N(), d = j(), h = b(null), { data: C } = S({
-    queryKey: ["pagefind-search", e, l.isAuthenticated],
+  const { pagefind: s, error: a, isError: l } = J(t), [i, d] = T(""), r = U(), c = j(), m = S(null), { data: _ } = C({
+    queryKey: ["pagefind-search", i, r.isAuthenticated],
     queryFn: async () => {
-      const m = l.isAuthenticated ? void 0 : { not: { section: A } }, f = await (o == null ? void 0 : o.search(e, { filters: m }));
-      return f ? U({ search: f, options: s, auth: l, context: d }) : [];
+      const w = r.isAuthenticated ? void 0 : { not: { section: G } }, g = await s?.search(i, { filters: w });
+      return g ? V({ search: g, options: t, auth: r, context: c }) : [];
     },
-    placeholderData: _,
-    enabled: !!o && !!e
+    placeholderData: N,
+    enabled: !!s && !!i
   });
-  return /* @__PURE__ */ t.jsxs(
-    F,
+  return /* @__PURE__ */ e.jsxs(
+    $,
     {
       command: { shouldFilter: !1 },
       content: { className: "max-w-[750px]" },
-      open: r,
+      open: o,
       onOpenChange: n,
       children: [
-        /* @__PURE__ */ t.jsx(v, { children: /* @__PURE__ */ t.jsx($, { children: "Search" }) }),
-        /* @__PURE__ */ t.jsx(
-          I,
+        /* @__PURE__ */ e.jsx(I, { children: /* @__PURE__ */ e.jsx(O, { children: "Search" }) }),
+        /* @__PURE__ */ e.jsx(
+          D,
           {
-            ref: h,
+            ref: m,
             placeholder: "Search...",
-            value: e,
-            onValueChange: i,
-            disabled: a
+            value: i,
+            onValueChange: d,
+            disabled: l
           }
         ),
-        /* @__PURE__ */ t.jsx(q, { children: e ? /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col items-center", children: [
+        /* @__PURE__ */ e.jsx(B, { children: i ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center", children: [
           "No results found.",
-          /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ e.jsx(
             E,
             {
               variant: "link",
               onClick: () => {
-                var m;
-                i(""), (m = h.current) == null || m.focus();
+                d(""), m.current?.focus();
               },
               children: "Clear search"
             }
           )
         ] }) : "Start typing to search" }),
-        a ? /* @__PURE__ */ t.jsx("div", { className: "p-4 text-sm", children: c.message === "NOT_BUILT_YET" ? /* @__PURE__ */ t.jsxs(P, { type: "info", children: [
+        l ? /* @__PURE__ */ e.jsx("div", { className: "p-4 text-sm", children: a.message === "NOT_BUILT_YET" ? /* @__PURE__ */ e.jsxs(M, { type: "info", children: [
           "Search is currently not available in development mode by default.",
-          /* @__PURE__ */ t.jsx("br", {}),
+          /* @__PURE__ */ e.jsx("br", {}),
           "To still use search in development, run ",
-          /* @__PURE__ */ t.jsx("code", { children: "zudoku build" }),
+          /* @__PURE__ */ e.jsx("code", { children: "zudoku build" }),
           " ",
           "and copy the ",
-          /* @__PURE__ */ t.jsx("code", { children: "dist/pagefind" }),
+          /* @__PURE__ */ e.jsx("code", { children: "dist/pagefind" }),
           " directory to your",
           " ",
-          /* @__PURE__ */ t.jsx("code", { children: "public" }),
+          /* @__PURE__ */ e.jsx("code", { children: "public" }),
           " directory."
-        ] }) : "An error occurred while loading search." }) : /* @__PURE__ */ t.jsx(
-          H,
+        ] }) : "An error occurred while loading search." }) : /* @__PURE__ */ e.jsx(
+          W,
           {
-            searchResults: C ?? [],
-            searchTerm: e,
+            basePath: c.options.basePath,
+            searchResults: _ ?? [],
+            searchTerm: i,
             onClose: n,
-            maxSubResults: s.maxSubResults
+            maxSubResults: t.maxSubResults
           }
         )
       ]
     }
   );
-}, se = (r) => ({
-  renderSearch: ({ isOpen: n, onClose: s }) => /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(Y, { isOpen: n, onClose: s, options: r }) })
+}, xe = (o) => ({
+  renderSearch: ({ isOpen: n, onClose: t }) => /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsx(X, { isOpen: n, onClose: t, options: o }) })
 });
 export {
-  se as pagefindSearchPlugin
+  xe as pagefindSearchPlugin
 };
 //# sourceMappingURL=zudoku.plugin-search-pagefind.js.map