@netlify/spark-ui 1.11.0 → 1.12.0-alpha.1

package/dist/components/preact/SearchModal/components/SearchModal/SearchModal.js

@@ -1,99 +1,104 @@
 import { u as e } from "../../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import { A as v, y as m, d as h } from "../../../../../chunks/hooks.module.DGkdD5n9.js";
-import b from "../../../Modal/Modal.js";
-import p from "../../../KeyboardKey/KeyboardKey.js";
-import w from "../SearchWindow.js";
-import A from "../SearchInput.js";
+import { A as g, y as h, d as y } from "../../../../../chunks/hooks.module.DGkdD5n9.js";
+import { A as b, K as w } from "../../../../../chunks/AskNetlify.lrswYyKn.js";
+import K from "../../../Modal/Modal.js";
+import d from "../../../KeyboardKey/KeyboardKey.js";
+import L from "../SearchWindow.js";
+import C from "../SearchInput.js";
 import M from "../SearchLink/SearchLink.js";
 import { useSearch as O } from "../../hooks/useSearch.js";
-import { useSearchLogger as P } from "../../hooks/useSearchLogger.js";
-import { useKeyboardNav as C } from "../../hooks/useKeyboardNav.js";
-import { useSearchHotkeys as E } from "../../hooks/useSearchHotkeys.js";
-import { useSearchParams as K } from "../../hooks/useSearchParams.js";
-import { useSearchToggles as F } from "../../hooks/useSearchToggles.js";
-import R from "../../../AskNetlify/AskNetlify.js";
-import { Fragment as I } from "preact";
-import '../../../../../assets/SearchModal.css';function q(s) {
-  const r = v(null);
-  return m(() => {
-    function i(t) {
-      r.current && !r.current.contains(t.target) && s();
+import { useSearchAnalytics as E } from "../../hooks/useSearchAnalytics.js";
+import { useKeyboardNav as Q } from "../../hooks/useKeyboardNav.js";
+import { useSearchHotkeys as x } from "../../hooks/useSearchHotkeys.js";
+import { useSearchParams as G } from "../../hooks/useSearchParams.js";
+import { useSearchToggles as P } from "../../hooks/useSearchToggles.js";
+import { useAskAnalytics as R } from "../../../AskNetlify/hooks/useAskAnalytics.js";
+import { Fragment as N } from "preact";
+import '../../../../../assets/SearchModal.css';function q(r) {
+  const n = g(null);
+  return h(() => {
+    function o(m) {
+      n.current && !n.current.contains(m.target) && r();
     }
-    return document.addEventListener("mousedown", i), () => {
-      document.removeEventListener("mousedown", i);
+    return document.addEventListener("mousedown", o), () => {
+      document.removeEventListener("mousedown", o);
     };
-  }, [s]), r;
+  }, [r]), n;
 }
-function Z(s = { className: "", children: void 0, debug: !1, kapaIntegrationId: void 0 }) {
-  const [r, i] = h(!1), [t, d] = h({ current: "search" });
-  m(() => {
-    let n;
-    const c = () => {
-      window.pagefind && (i(!0), n && clearInterval(n));
-    };
-    return c(), n = setInterval(c, 100), () => clearInterval(n);
-  }, []);
-  const { children: N, className: k, debug: y, ...L } = s, { state: o, actions: g } = O(), [l, S] = h(!1), u = () => S(!0), f = () => S(!1), a = v(null), T = q(f);
-  return P(o, y), F(r, u, d), K(r, g.setSearchTerm, u), E(r, l, u, f), C(r, a, l, f), m(() => {
-    a.current && (l ? a.current.showModal() : a.current.close());
-  }, [l]), m(() => {
-    var c;
-    const n = (c = a.current) == null ? void 0 : c.querySelector("input");
-    n && n.focus(), t.current === "ask" ? setTimeout(() => {
-      a.current.classList.add("n-search-modal-ask");
-    }, 150) : t.current === "search" && setTimeout(() => {
-      a.current.classList.remove("n-search-modal-ask");
-    }, 150);
-  }, [t.current]), /* @__PURE__ */ e(
-    b,
+function re(r = { className: "", children: void 0, debug: !1, kapaIntegrationId: void 0 }) {
+  const { children: n, className: o, debug: m, ...A } = r, [s, c] = y({ current: "search" }), [i, f] = y(!1), l = () => f(!0), u = () => f(!1), t = g(null), v = q(u), { state: a, actions: p } = O();
+  P(l, c), G(p.setSearchTerm, l), x(i, l, u), Q(t, i, u), E(a, m);
+  const { handleNewQuery: I, handleAnswer: T } = R();
+  return h(() => {
+    t.current && (i ? t.current.showModal() : t.current.close());
+  }, [i]), h(() => {
+    var k;
+    const S = (k = t.current) == null ? void 0 : k.querySelector("input");
+    S && S.focus();
+  }, [s.current]), /* @__PURE__ */ e(
+    w,
     {
-      ref: a,
-      className: `n-search-modal ${k || ""}`,
-      "data-state": t.current,
-      ...L,
-      children: /* @__PURE__ */ e("div", { ref: T, className: "n-search-container", children: [
-        t.current === "ask" && /* @__PURE__ */ e(R, { setModalState: d, kapaIntegrationId: s.kapaIntegrationId }),
-        t.current === "search" && /* @__PURE__ */ e(I, { children: [
-          /* @__PURE__ */ e(A, { setSearchTerm: g.setSearchTerm, initialValue: o.searchTerm }),
-          /* @__PURE__ */ e(
-            w,
-            {
-              searchLoading: o.isLoading,
-              searchTerm: o.searchTerm,
-              results: o.results,
-              children: /* @__PURE__ */ e(I, { children: [
-                s.kapaIntegrationId && /* @__PURE__ */ e(
-                  M,
-                  {
-                    as: "button",
-                    icon: "askNetlify",
-                    label: "Ask Netlify AI",
-                    onClick: () => {
-                      d({ current: "ask" });
-                    }
-                  }
-                ),
-                N
+      integrationId: r.kapaIntegrationId || "",
+      callbacks: {
+        askAI: {
+          onQuerySubmit: I,
+          onAnswerGenerationCompleted: T
+        }
+      },
+      children: /* @__PURE__ */ e(
+        K,
+        {
+          ref: t,
+          className: `n-search-modal ${o || ""}`,
+          "data-state": s.current,
+          ...A,
+          children: /* @__PURE__ */ e("div", { ref: v, className: "n-search-container", children: [
+            s.current === "ask" && /* @__PURE__ */ e(b, { setModalState: c, initialQuery: a.searchTerm }),
+            s.current === "search" && /* @__PURE__ */ e(N, { children: [
+              /* @__PURE__ */ e(C, { setSearchTerm: p.setSearchTerm, initialValue: a.searchTerm }),
+              /* @__PURE__ */ e(
+                L,
+                {
+                  setModalState: c,
+                  searchLoading: a.isLoading,
+                  searchTerm: a.searchTerm,
+                  results: a.results,
+                  children: /* @__PURE__ */ e(N, { children: [
+                    r.kapaIntegrationId && /* @__PURE__ */ e(
+                      M,
+                      {
+                        as: "button",
+                        icon: "askNetlify",
+                        label: "Ask Netlify",
+                        excerpt: "Get an instant AI-generated answer",
+                        onClick: () => {
+                          c({ current: "ask" });
+                        }
+                      }
+                    ),
+                    n
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ e("div", { className: "n-search-footer", children: [
+                /* @__PURE__ */ e("p", { className: "n-search-footer-tip", children: [
+                  /* @__PURE__ */ e(d, { keyNames: ["Esc"] }),
+                  "to close"
+                ] }),
+                /* @__PURE__ */ e("p", { className: "n-search-footer-tip", children: [
+                  /* @__PURE__ */ e(d, { keyNames: ["Tab"] }),
+                  /* @__PURE__ */ e("span", { children: "or" }),
+                  /* @__PURE__ */ e(d, { keyNames: ["↑", "↓"] }),
+                  "to navigate"
+                ] })
               ] })
-            }
-          ),
-          /* @__PURE__ */ e("div", { className: "n-search-footer", children: [
-            /* @__PURE__ */ e("p", { className: "n-search-footer-tip", children: [
-              /* @__PURE__ */ e(p, { keyNames: ["Esc"] }),
-              "to close"
-            ] }),
-            /* @__PURE__ */ e("p", { className: "n-search-footer-tip", children: [
-              /* @__PURE__ */ e(p, { keyNames: ["Tab"] }),
-              /* @__PURE__ */ e("span", { children: "or" }),
-              /* @__PURE__ */ e(p, { keyNames: ["↑", "↓"] }),
-              "to navigate"
             ] })
           ] })
-        ] })
-      ] })
+        }
+      )
     }
   );
 }
 export {
-  Z as default
+  re as default
 };

package/dist/components/preact/SearchModal/components/SearchWindow.d.ts

@@ -1,2 +1,2 @@
 import { SearchWindowProps } from '../types/search.types';
-export default function SearchWindow({ searchLoading, searchTerm, results, children: DefaultWindow, }: SearchWindowProps): import("preact").JSX.Element;
+export default function SearchWindow({ setModalState, searchLoading, searchTerm, results, children: DefaultWindow, }: SearchWindowProps): import("preact").JSX.Element;

package/dist/components/preact/SearchModal/components/SearchWindow.js

@@ -1,56 +1,63 @@
-import { u as e } from "../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import { T as o } from "../../../../chunks/hooks.module.DGkdD5n9.js";
-import m from "./SearchHeading/SearchHeading.js";
-import a from "./SearchLink/SearchLink.js";
-import { Fragment as h } from "preact";
-const d = {
-  light: "dark",
-  dark: "light"
-}, u = (n) => {
-  const t = document.getElementById("site-theme-select");
-  t && (t.value = n), document.documentElement.setAttribute("data-theme", n), localStorage.setItem("theme", n);
-}, g = ({
-  searchLoading: n,
-  searchTerm: t,
-  results: r
+import { u as n } from "../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
+import h from "./SearchHeading/SearchHeading.js";
+import t from "./SearchLink/SearchLink.js";
+import m from "./SearchLinkThemeToggle.js";
+import { Fragment as r } from "preact";
+const o = ({
+  searchTerm: i,
+  setModalState: l
+}) => /* @__PURE__ */ n(
+  t,
+  {
+    as: "button",
+    icon: "askNetlify",
+    excerpt: "Get an instant AI-generated answer",
+    onClick: () => l({ current: "ask" }),
+    children: [
+      "Ask Netlify: ",
+      /* @__PURE__ */ n("span", { className: "n-search-term", children: i })
+    ]
+  }
+), f = ({ searchTerm: i }) => /* @__PURE__ */ n("div", { className: "n-search-feedback", children: /* @__PURE__ */ n("p", { className: "n-results-info", children: [
+  "0 results for ",
+  /* @__PURE__ */ n("span", { className: "n-search-term", children: i })
+] }) }), N = ({
+  setModalState: i,
+  searchLoading: l,
+  searchTerm: e,
+  results: s
 }) => {
-  if (n)
-    return /* @__PURE__ */ e(m, { children: [
-      "Searching for ",
-      /* @__PURE__ */ e("span", { className: "n-search-term", children: t }),
-      " ..."
-    ] });
-  if (!r || r.length === 0)
-    return /* @__PURE__ */ e(m, { children: [
-      "0 results for ",
-      /* @__PURE__ */ e("span", { className: "n-search-term", children: t })
-    ] });
-  const c = o(() => r.map((i, l) => /* @__PURE__ */ e("li", { className: "n-results-list-item", children: /* @__PURE__ */ e(a, { ...i }) }, l)), [r]);
-  return /* @__PURE__ */ e("ul", { className: "n-results-list", role: "list", children: c });
+  const c = e === "no results" || !l && (!s || s.length === 0);
+  return /* @__PURE__ */ n(r, { children: [
+    /* @__PURE__ */ n(o, { searchTerm: e, setModalState: i }),
+    c ? /* @__PURE__ */ n(f, { searchTerm: e }) : /* @__PURE__ */ n("ul", { className: "n-results-list", role: "list", children: s == null ? void 0 : s.map((a, d) => /* @__PURE__ */ n("li", { className: "n-results-list-item", children: /* @__PURE__ */ n(t, { ...a }) }, d)) })
+  ] });
 };
-function N({
-  searchLoading: n,
-  searchTerm: t,
-  results: r,
+function w({
+  setModalState: i,
+  searchLoading: l,
+  searchTerm: e,
+  results: s,
   children: c
 }) {
-  return /* @__PURE__ */ e("div", { className: "n-search-window", children: /* @__PURE__ */ e("div", { className: "n-search-links", children: t && t.length > 1 ? /* @__PURE__ */ e(g, { searchLoading: n, searchTerm: t, results: r }) : c ? /* @__PURE__ */ e(h, { children: [
+  const a = (e == null ? void 0 : e.length) > 1;
+  return /* @__PURE__ */ n("div", { className: "n-search-window", children: /* @__PURE__ */ n("div", { className: "n-search-links", children: a ? l ? /* @__PURE__ */ n(r, { children: [
+    /* @__PURE__ */ n(o, { searchTerm: e, setModalState: i }),
+    /* @__PURE__ */ n("div", { className: "n-search-feedback", children: /* @__PURE__ */ n("div", { className: "n-loader-dots-spinner" }) })
+  ] }) : /* @__PURE__ */ n(
+    N,
+    {
+      setModalState: i,
+      searchLoading: l,
+      searchTerm: e,
+      results: s
+    }
+  ) : /* @__PURE__ */ n(r, { children: [
     c,
-    /* @__PURE__ */ e(m, { children: "Actions" }),
-    /* @__PURE__ */ e(
-      a,
-      {
-        as: "button",
-        icon: "lightbulb",
-        label: "Toggle theme",
-        onClick: () => {
-          const i = window.matchMedia("(prefers-color-scheme: dark)").matches, l = document.documentElement.getAttribute("data-theme"), s = i ? "dark" : l || "light";
-          s && u(d[s]);
-        }
-      }
-    )
-  ] }) : null }) });
+    /* @__PURE__ */ n(h, { children: "Actions" }),
+    /* @__PURE__ */ n(m, {})
+  ] }) }) });
 }
 export {
-  N as default
+  w as default
 };

package/dist/components/preact/SearchModal/hooks/index.d.ts

@@ -1,5 +1,5 @@
 export { useSearch } from '../hooks/useSearch';
-export { useSearchLogger } from './useSearchLogger';
+export { useSearchAnalytics } from './useSearchAnalytics';
 export { useKeyboardNav } from '../hooks/useKeyboardNav';
 export { useSearchHotkeys } from '../hooks/useSearchHotkeys';
 export { useSearchParams } from '../hooks/useSearchParams';

package/dist/components/preact/SearchModal/hooks/index.js

@@ -1,14 +1,14 @@
 import { useSearch as o } from "./useSearch.js";
-import { useSearchLogger as s } from "./useSearchLogger.js";
-import { useKeyboardNav as t } from "./useKeyboardNav.js";
-import { useSearchHotkeys as p } from "./useSearchHotkeys.js";
-import { useSearchParams as x } from "./useSearchParams.js";
+import { useSearchAnalytics as s } from "./useSearchAnalytics.js";
+import { useKeyboardNav as m } from "./useKeyboardNav.js";
+import { useSearchHotkeys as f } from "./useSearchHotkeys.js";
+import { useSearchParams as u } from "./useSearchParams.js";
 import { useSearchToggles as h } from "./useSearchToggles.js";
 export {
-  t as useKeyboardNav,
+  m as useKeyboardNav,
   o as useSearch,
-  p as useSearchHotkeys,
-  s as useSearchLogger,
-  x as useSearchParams,
+  s as useSearchAnalytics,
+  f as useSearchHotkeys,
+  u as useSearchParams,
   h as useSearchToggles
 };

package/dist/components/preact/SearchModal/hooks/useKeyboardNav.d.ts

@@ -11,4 +11,4 @@ import { RefObject } from 'preact';
  * @param isOpen - Boolean indicating whether the navigation context is active
  * @param onClose - Callback to close the navigation UI when `Escape` is pressed
  */
-export declare function useKeyboardNav(isPagefindLoaded: boolean, containerRef: RefObject<HTMLElement>, isOpen: boolean, onClose: () => void): void;
+export declare function useKeyboardNav(containerRef: RefObject<HTMLElement>, isOpen: boolean, onClose: () => void): void;

package/dist/components/preact/SearchModal/hooks/useKeyboardNav.js

@@ -1,25 +1,24 @@
-import { y as f } from "../../../../chunks/hooks.module.DGkdD5n9.js";
-function k(r, t, o, c) {
-  f(() => {
-    if (!r) return;
-    const u = (e) => {
-      if (o) {
+import { y as l } from "../../../../chunks/hooks.module.DGkdD5n9.js";
+function a(r, t, o) {
+  l(() => {
+    const c = (e) => {
+      if (t) {
         if (e.key === "Escape") {
-          c();
+          o();
           return;
         }
         if (e.key === "ArrowUp" || e.key === "ArrowDown") {
           e.preventDefault();
-          const d = t.current;
+          const d = r.current;
           if (!d) return;
-          const n = Array.from(d.querySelectorAll(".n-search-link")), y = n.findIndex((l) => l === document.activeElement), i = e.key === "ArrowDown" ? (y + 1) % n.length : (y - 1 + n.length) % n.length;
+          const n = Array.from(d.querySelectorAll(".n-search-link")), u = n.findIndex((y) => y === document.activeElement), i = e.key === "ArrowDown" ? (u + 1) % n.length : (u - 1 + n.length) % n.length;
           n[i].focus();
         }
       }
     };
-    return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
-  }, [r, t, o, c]);
+    return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
+  }, [r, t, o]);
 }
 export {
-  k as useKeyboardNav
+  a as useKeyboardNav
 };

package/dist/components/preact/SearchModal/hooks/useSearch.js

@@ -1,47 +1,47 @@
-import { d as g, A as w } from "../../../../chunks/hooks.module.DGkdD5n9.js";
+import { d as p, A as w } from "../../../../chunks/hooks.module.DGkdD5n9.js";
 import { u as S } from "../../../../chunks/useTimeout.Cq4aqnDe.js";
 function x() {
-  const [l, r] = g({
+  const [d, s] = p({
     searchTerm: "",
     results: [],
     isLoading: !1
-  }), n = w(/* @__PURE__ */ new Map()), { reset: d, run: h } = S((e) => {
-    c(e);
+  }), n = w(/* @__PURE__ */ new Map()), { reset: h, run: m } = S((e) => {
+    e && e.length >= 2 && c(e);
   }, 150), c = async (e) => {
-    var i;
+    var o;
     if (!(window != null && window.pagefind)) return;
-    if (r((a) => ({ ...a, isLoading: !0 })), n.current.has(e)) {
-      r((a) => ({
+    if (s((a) => ({ ...a, isLoading: !0 })), n.current.has(e)) {
+      s((a) => ({
         ...a,
         results: n.current.get(e),
         isLoading: !1
       }));
       return;
     }
-    const t = await window.pagefind.debouncedSearch(e), m = (t == null ? void 0 : t.results) && await Promise.all(
-      (i = t == null ? void 0 : t.results) == null ? void 0 : i.slice(0, 15).map(async (a) => {
-        var o, u;
-        const s = await a.data(), f = (p) => p.replace("#", "");
+    const t = await window.pagefind.debouncedSearch(e), i = (t == null ? void 0 : t.results) && await Promise.all(
+      (o = t == null ? void 0 : t.results) == null ? void 0 : o.slice(0, 15).map(async (a) => {
+        var l, u;
+        const r = await a.data(), f = (g) => g.replace("#", "");
         return {
           icon: "pageWithLines",
-          resource: (o = s.meta) == null ? void 0 : o.resource,
-          label: (u = s.meta) == null ? void 0 : u.title,
-          url: s.url,
-          excerpt: f(s.excerpt)
+          resource: (l = r.meta) == null ? void 0 : l.resource,
+          label: (u = r.meta) == null ? void 0 : u.title,
+          url: r.url,
+          excerpt: f(r.excerpt)
         };
       })
     );
-    r((a) => ({
+    n.current.set(e, i), s((a) => ({
       ...a,
-      results: m,
+      results: i,
       isLoading: !1
     }));
   };
   return {
-    state: l,
+    state: d,
     actions: {
       setSearchTerm: (e) => {
-        r((t) => ({ ...t, searchTerm: e })), d(), h(e);
+        s((t) => ({ ...t, results: [], searchTerm: e })), h(), m(e);
       },
       submitSearch: c
     }

package/dist/components/preact/SearchModal/hooks/{useSearchLogger.d.ts → useSearchAnalytics.d.ts}

@@ -18,11 +18,11 @@ import { SearchState } from '../types/search.types';
  *   - `handleClick`: A callback function that should be attached to search result click events. It tracks `search:result_selected` events with the clicked result's title and URL.
  *
  * @example
- * const { handleClick } = useSearchLogger(searchState);
+ * const { handleClick } = useSearchAnalytics(searchState);
  *
  * // In your component, attach handleClick to the search result links
  * <a href="result-url" onClick={handleClick}>Search Result</a>
  */
-export declare function useSearchLogger(state?: SearchState, debug?: boolean): {
+export declare function useSearchAnalytics(state?: SearchState, debug?: boolean): {
     handleClick: (e: Event) => void;
 };

package/dist/components/preact/SearchModal/hooks/{useSearchLogger.js → useSearchAnalytics.js}

@@ -1,9 +1,9 @@
 import { A as y, y as h, q as d } from "../../../../chunks/hooks.module.DGkdD5n9.js";
-import { A as k } from "../../../../chunks/analytics.Ch1vuuOl.js";
-function b(r, l) {
-  const n = y(new k()).current, e = (c) => c.debug_mode = !0;
+import { A as T } from "../../../../chunks/analytics.Ch1vuuOl.js";
+function A(r, l) {
+  const n = y(new T()).current, e = (c) => c.debug_mode = !0;
   return h(() => {
-    if (!(r != null && r.searchTerm)) return;
+    if (!(r != null && r.searchTerm) || (r == null ? void 0 : r.searchTerm.length) < 3) return;
     const c = { query: r == null ? void 0 : r.searchTerm };
     l && e(c), n.track("search:new_query", c);
   }, [r == null ? void 0 : r.searchTerm]), h(() => {
@@ -24,5 +24,5 @@ function b(r, l) {
   };
 }
 export {
-  b as useSearchLogger
+  A as useSearchAnalytics
 };

package/dist/components/preact/SearchModal/hooks/useSearchHotkeys.d.ts

@@ -10,4 +10,4 @@
  * @param onOpen - Callback to open the search interface.
  * @param onClose - Callback to close the search interface.
  */
-export declare function useSearchHotkeys(isPagefindLoaded: boolean, isOpen: boolean, onOpen: () => void, onClose: () => void): void;
+export declare function useSearchHotkeys(isOpen: boolean, onOpen: () => void, onClose: () => void): void;

package/dist/components/preact/SearchModal/hooks/useSearchHotkeys.js

@@ -1,13 +1,12 @@
-import { y as u } from "../../../../chunks/hooks.module.DGkdD5n9.js";
-function a(t, r, n, o) {
-  u(() => {
-    if (!t) return;
-    const m = (e) => {
-      e.metaKey && e.key === "k" && (e.preventDefault(), e.stopImmediatePropagation(), r ? o() : n());
+import { y as d } from "../../../../chunks/hooks.module.DGkdD5n9.js";
+function m(t, n, o) {
+  d(() => {
+    const r = (e) => {
+      e.metaKey && e.key === "k" && (e.preventDefault(), e.stopImmediatePropagation(), t ? o() : n());
     };
-    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
-  }, [t, r, n, o]);
+    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+  }, [t, n, o]);
 }
 export {
-  a as useSearchHotkeys
+  m as useSearchHotkeys
 };

package/dist/components/preact/SearchModal/hooks/useSearchParams.d.ts

@@ -8,4 +8,4 @@
  * @param setSearchTerm - Function to update the search input state.
  * @param onOpen - Function to trigger opening of the search interface (e.g., modal or drawer).
  */
-export declare function useSearchParams(isPagefindLoaded: boolean, setSearchTerm: (term: string) => void, onOpen: () => void): void;
+export declare function useSearchParams(setSearchTerm: (term: string) => void, onOpen: () => void): void;

package/dist/components/preact/SearchModal/hooks/useSearchParams.js

@@ -1,11 +1,18 @@
-import { y as c } from "../../../../chunks/hooks.module.DGkdD5n9.js";
-function n(r, o, a) {
-  c(() => {
-    if (typeof location > "u" || r) return;
+import { d as c, y as n } from "../../../../chunks/hooks.module.DGkdD5n9.js";
+function d(t, o) {
+  const [a, i] = c(!1);
+  n(() => {
+    let e;
+    const r = () => {
+      window.pagefind && (i(!0), e && clearInterval(e));
+    };
+    return r(), e = setInterval(r, 100), () => clearInterval(e);
+  }, []), n(() => {
+    if (typeof location > "u" || a) return;
     const e = (location == null ? void 0 : location.search) && new URLSearchParams(location.search).get("search");
-    e && (o(e), a());
-  }, [r]);
+    e && (t(e), o());
+  }, [a]);
 }
 export {
-  n as useSearchParams
+  d as useSearchParams
 };

package/dist/components/preact/SearchModal/hooks/useSearchToggles.d.ts

@@ -9,6 +9,6 @@
  *
  * @param onOpen - A function to be called when a toggle element is clicked.
  */
-export declare function useSearchToggles(isPagefindLoaded: boolean, onOpen: () => void, setState: (state: {
+export declare function useSearchToggles(onOpen: () => void, setState: (state: {
     current: string;
 }) => void): void;

package/dist/components/preact/SearchModal/hooks/useSearchToggles.js

@@ -1,19 +1,18 @@
-import { y as a } from "../../../../chunks/hooks.module.DGkdD5n9.js";
-function s(c, t, l) {
-  a(() => {
-    if (!c) return;
+import { y as l } from "../../../../chunks/hooks.module.DGkdD5n9.js";
+function n(t, c) {
+  l(() => {
     const r = document.querySelectorAll("[data-ntl-search-toggle]");
     if (r.length)
       return r.forEach((e) => {
-        const o = e.dataset.ntlSearchToggle ? e.dataset.ntlSearchToggle : "search";
+        const a = e.dataset.ntlSearchToggle ? e.dataset.ntlSearchToggle : "search";
         e.removeAttribute("disabled"), e.addEventListener("click", () => {
-          t(), l({ current: o });
+          t(), c({ current: a });
         });
       }), () => {
         r.forEach((e) => e.removeEventListener("click", t));
       };
-  }, [c, t]);
+  }, [t]);
 }
 export {
-  s as useSearchToggles
+  n as useSearchToggles
 };

package/dist/components/preact/SearchModal/types/search.types.d.ts

@@ -2,22 +2,29 @@ import { ComponentChildren } from 'preact';
 import { IconName } from '../../Icon';
 export interface SearchLinkProps {
     as?: any;
-    icon: IconName;
-    label: string;
+    icon?: IconName;
+    label?: string;
     resource?: 'blog' | 'changelog' | 'docs' | 'guide';
     url?: string;
     excerpt?: string;
+    children?: ComponentChildren;
     onClick?: () => void;
 }
 export interface SearchWindowProps {
+    setModalState: (e: {
+        current: string;
+    }) => void;
     searchLoading: boolean;
-    searchTerm?: string;
+    searchTerm: string;
     results?: SearchLinkProps[];
     children: ComponentChildren;
 }
 export interface SearchResultsProps {
+    setModalState: (e: {
+        current: string;
+    }) => void;
     searchLoading: boolean;
-    searchTerm?: string;
+    searchTerm: string;
     results?: SearchLinkProps[];
 }
 export interface SearchState {