@netlify/spark-ui 0.0.13 → 0.0.15

package/dist/assets/SearchModal.css

@@ -1 +1 @@
-.n-search-modal{--n-search-padding-inline: .5em;--n-search-color-text: var(--color-text-1, currentColor);--n-search-color-text-secondary: var(--color-text-2, currentColor);--n-search-color-bg: var(--color-bg-1);--n-search-color-bg-2: var(--color-bg-2);--n-search-color-border: var(--color-bg-3);--n-search-border-radius: 8px;--n-search-max-w: 600px;--n-search-text-highlight: var(--color-text-accent)}.n-search-modal{padding:0;border:none;border-radius:var(--n-search-border-radius);width:min(var(--n-search-max-w),100%);margin-inline:auto}.n-search-container{--mark-bg: var(--n-search-text-highlight);display:grid;width:min(var(--n-search-max-w),100%);min-height:470px;background-color:var(--n-search-color-bg);border-radius:var(--n-search-border-radius);overflow:hidden}.n-search-bar{display:flex;flex-wrap:wrap;align-items:center;overflow:hidden;background:var(--n-search-color-bg);border-bottom:1px solid var(--n-search-color-border)}.n-search-input-wrapper{all:unset;display:flex;width:100%}.n-search-input{display:inline-flex;box-sizing:border-box;background:var(--n-search-color-bg);inline-size:100%;padding-block:.75rem;padding-inline:var(--n-search-padding-inline);flex:1;border:none;outline:none;font-size:1rem}.n-search-input::placeholder{color:var(--n-search-color-text)}.n-search-label{display:flex;padding-inline:var(--n-search-padding-inline)}.n-search-label>*{display:inline-block;margin:0}.n-search-icon{display:flex;width:1em;height:auto;color:var(--n-search-color-text-secondary)}.icon{display:flex;width:1em;height:auto;height:1em}.icon [data-icon=caretRight]{width:10px;color:var(--n-search-color-text-secondary)}.n-search-term{font-weight:var(--font-medium);font-size:1.1em}.n-search-window{height:400px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;margin-block:0;background:var(--n-search-color-bg)}.n-results-list,ul[role=list]{list-style:none;padding:0}.n-results-list-item{border-bottom:1px solid var(--color-bg-3)}.n-results-list-item:first-of-type{border-top:1px solid var(--color-bg-3)}.n-result-link{all:unset;display:flex;flex-wrap:wrap;row-gap:var(--space-3xs);padding:var(--n-result-padding-block, 1em) var(--n-result-padding-inline, 1rem);font-size:var(--step--1);font-weight:var(--font-regular);text-decoration:none;cursor:pointer}.n-result-link:is(:hover,:focus-within){background:var(--n-search-color-bg-2)}.n-result-header{display:flex;justify-content:space-between;width:100%;align-items:center}.n-result-title{display:flex;align-items:center;gap:var(--space-s);font-weight:var(--font-semibold);color:var(--color-text-2)}.n-result-excerpt{color:var(--color-text-3);line-height:1.3;font-size:.9em;padding-inline-start:var(--space-l)}.n-search-footer{border-top:1px solid var(--n-search-color-border);padding:var(--space-2xs) var(--space-s);background:var(--color-bg-2);display:flex;gap:var(--space-m)}.n-search-footer-tip{--n-key-text-color: var(--n-search-color-text-secondary);color:var(--n-search-color-text-secondary);display:flex;gap:var(--space-2xs);align-items:center;font-size:var(--step--1)}.n-search-modal{transition:display .2s allow-discrete,overlay .2s allow-discrete;animation:closeSearch .2s forwards}.n-search-modal[open]{animation:openSearch .2s forwards}@keyframes openSearch{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes closeSearch{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.3}to{opacity:0;transform:translateY(20px) scale(.9)}}.n-search-modal::backdrop{animation:closeSearchBackdrop .2s forwards}.n-search-modal[open]::backdrop{animation:openSearchBackdrop .2s forwards}@keyframes openSearchBackdrop{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@keyframes closeSearchBackdrop{0%{opacity:1;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}50%{opacity:.3}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}
+.n-search-modal{--n-search-padding-inline: .5em;--n-search-color-text: var(--color-text-1, currentColor);--n-search-color-text-secondary: var(--color-text-2, currentColor);--n-search-color-bg: var(--color-bg-1);--n-search-color-bg-2: var(--color-bg-2);--n-search-color-border: var(--color-bg-3);--n-search-border-radius: 8px;--n-search-max-w: 600px;--n-search-text-highlight: var(--color-text-accent)}.n-search-modal{padding:0;border:none;border-radius:var(--n-search-border-radius);width:min(var(--n-search-max-w),100%);margin-inline:auto}.n-search-container{--mark-bg: var(--n-search-text-highlight);display:grid;width:min(var(--n-search-max-w),100%);min-height:470px;background-color:var(--n-search-color-bg);border-radius:var(--n-search-border-radius);overflow:hidden}.n-search-bar{display:flex;flex-wrap:wrap;align-items:center;overflow:hidden;background:var(--n-search-color-bg);border-bottom:1px solid var(--n-search-color-border)}.n-search-input-wrapper{all:unset;display:flex;width:100%}.n-search-input{display:inline-flex;box-sizing:border-box;background:var(--n-search-color-bg);inline-size:100%;padding-block:.75rem;padding-inline:var(--n-search-padding-inline);flex:1;border:none;outline:none;font-size:1rem}.n-search-input::placeholder{color:var(--n-search-color-text)}.n-search-label{display:flex;padding-inline:var(--n-search-padding-inline)}.n-search-label>*{display:inline-block;margin:0}.n-search-icon{display:flex;width:1em;height:auto;color:var(--n-search-color-text-secondary)}.icon{display:flex;width:1em;height:auto;height:1em}.icon [data-icon=caretRight]{width:10px;color:var(--n-search-color-text-secondary)}.n-search-term{font-weight:var(--font-medium);font-size:1.1em}.n-search-window{height:400px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;margin-block:0;background:var(--n-search-color-bg)}.n-results-list,ul[role=list]{list-style:none;padding:0}.n-results-list-item{border-bottom:1px solid var(--color-bg-3)}.n-results-list-item:first-of-type{border-top:1px solid var(--color-bg-3)}.n-result-link{all:unset;display:flex;flex-wrap:wrap;row-gap:var(--space-3xs);padding:var(--n-result-padding-block, 1em) var(--n-result-padding-inline, 1rem);font-size:var(--step--1);font-weight:var(--font-regular);text-decoration:none;cursor:pointer}.n-result-link:is(:hover,:focus-within){background:var(--n-search-color-bg-2)}.n-result-header{display:flex;justify-content:space-between;width:100%;align-items:center}.n-result-label{display:flex;align-items:center;gap:var(--space-s);font-weight:var(--font-semibold);color:var(--color-text-2)}.n-result-excerpt{color:var(--color-text-3);line-height:1.3;font-size:.9em;padding-inline-start:var(--space-l)}.n-search-footer{border-top:1px solid var(--n-search-color-border);padding:var(--space-2xs) var(--space-s);background:var(--color-bg-2);display:flex;gap:var(--space-m)}.n-search-footer-tip{--n-key-text-color: var(--n-search-color-text-secondary);color:var(--n-search-color-text-secondary);display:flex;gap:var(--space-2xs);align-items:center;font-size:var(--step--1)}.n-search-modal{transition:display .2s allow-discrete,overlay .2s allow-discrete;animation:closeSearch .2s forwards}.n-search-modal[open]{animation:openSearch .2s forwards}@keyframes openSearch{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes closeSearch{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.3}to{opacity:0;transform:translateY(20px) scale(.9)}}.n-search-modal::backdrop{animation:closeSearchBackdrop .2s forwards}.n-search-modal[open]::backdrop{animation:openSearchBackdrop .2s forwards}@keyframes openSearchBackdrop{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@keyframes closeSearchBackdrop{0%{opacity:1;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}50%{opacity:.3}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}

package/dist/chunks/{compat.module.s9u28W-S.js → compat.module.BPxt-oTe.js}

@@ -38,7 +38,7 @@ var g = a.unmount;
 function N(e, t, r) {
   return e && (e.__c && e.__c.__H && (e.__c.__H.__.forEach(function(o) {
     typeof o.__c == "function" && o.__c();
-  }), e.__c.__H = null), (e = C({}, e)).__c != null && (e.__c.__P === r && (e.__c.__P = t), e.__c = null), e.__k = e.__k && e.__k.map(function(o) {
+  }), e.__c.__H = null), (e = C({}, e)).__c != null && (e.__c.__P === r && (e.__c.__P = t), e.__c.__e = !0, e.__c = null), e.__k = e.__k && e.__k.map(function(o) {
     return N(o, t, r);
   })), e;
 }

package/dist/components/preact/Modal/Modal.js

@@ -1,5 +1,5 @@
 import { u as l } from "../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import { D as d } from "../../../chunks/compat.module.s9u28W-S.js";
+import { D as d } from "../../../chunks/compat.module.BPxt-oTe.js";
 const u = d(function({ children: o, className: r, ...a }, t) {
   return /* @__PURE__ */ l("dialog", { ref: t, className: r, role: "dialog", "aria-modal": "true", ...a, children: o });
 });

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

@@ -1,10 +1,3 @@
-import { IconName } from '../../Icon';
-export interface Props {
-    icon: IconName;
-    title: string;
-    content_type?: string;
-    url: string;
-    excerpt?: string;
-}
-declare const SearchLink: ({ icon, title, url, excerpt }: Props) => import("preact").JSX.Element;
+import { ResultProps } from '../types/search.types';
+declare const SearchLink: ({ icon, label, url, excerpt }: ResultProps) => import("preact").JSX.Element;
 export default SearchLink;

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

@@ -1,8 +1,8 @@
 import { u as e } from "../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
 import r from "../../Icon/index.js";
-const t = ({ icon: a, title: l, url: s, excerpt: n }) => /* @__PURE__ */ e("a", { className: "n-result-link", href: s, children: [
+const t = ({ icon: a, label: l, url: s, excerpt: n }) => /* @__PURE__ */ e("a", { className: "n-result-link", href: s, children: [
   /* @__PURE__ */ e("div", { className: "n-result-header", children: [
-    /* @__PURE__ */ e("div", { className: "n-result-title", children: [
+    /* @__PURE__ */ e("div", { className: "n-result-label", children: [
       a && /* @__PURE__ */ e("span", { className: "icon", children: /* @__PURE__ */ e(r, { name: a }) }),
       /* @__PURE__ */ e("span", { children: l })
     ] }),

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

@@ -1,54 +1,98 @@
-import { u as e } from "../../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import { A as d, y as f, d as S } from "../../../../../chunks/hooks.module.ExpuRnbo.js";
+import { u as s } from "../../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
+import { A as h, y as S, d as v } from "../../../../../chunks/hooks.module.ExpuRnbo.js";
 import N from "../../../Modal/Modal.js";
-import l from "../../../KeyboardKey/KeyboardKey.js";
-import y from "../SearchWindow.js";
+import f from "../../../KeyboardKey/KeyboardKey.js";
+import O from "../SearchWindow.js";
 import T from "../SearchInput.js";
-import { useSearch as v } from "../../hooks/useSearch.js";
-import { useKeyboardNav as g } from "../../hooks/useKeyboardNav.js";
-import { useSearchHotkeys as k } from "../../hooks/useSearchHotkeys.js";
-import { useSearchParams as w } from "../../hooks/useSearchParams.js";
-import { useSearchToggles as L } from "../../hooks/useSearchToggles.js";
-import '../../../../../assets/SearchModal.css';function O(o) {
-  const r = d(null);
-  return f(() => {
-    function a(n) {
-      r.current && !r.current.contains(n.target) && o();
+import { useSearch as b } from "../../hooks/useSearch.js";
+import { useKeyboardNav as w } from "../../hooks/useKeyboardNav.js";
+import { useSearchHotkeys as E } from "../../hooks/useSearchHotkeys.js";
+import { useSearchParams as g } from "../../hooks/useSearchParams.js";
+import { useSearchToggles as j } from "../../hooks/useSearchToggles.js";
+import '../../../../../assets/SearchModal.css';function x(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var p = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var d;
+function C() {
+  return d || (d = 1, function(t) {
+    (function() {
+      var a = {}.hasOwnProperty;
+      function n() {
+        for (var e = "", r = 0; r < arguments.length; r++) {
+          var o = arguments[r];
+          o && (e = c(e, i(o)));
+        }
+        return e;
+      }
+      function i(e) {
+        if (typeof e == "string" || typeof e == "number")
+          return e;
+        if (typeof e != "object")
+          return "";
+        if (Array.isArray(e))
+          return n.apply(null, e);
+        if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
+          return e.toString();
+        var r = "";
+        for (var o in e)
+          a.call(e, o) && e[o] && (r = c(r, o));
+        return r;
+      }
+      function c(e, r) {
+        return r ? e ? e + " " + r : e + r : e;
+      }
+      t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+    })();
+  }(p)), p.exports;
+}
+var L = C();
+const M = /* @__PURE__ */ x(L);
+function k(t) {
+  const a = h(null);
+  return S(() => {
+    function n(i) {
+      a.current && !a.current.contains(i.target) && t();
     }
-    return document.addEventListener("mousedown", a), () => {
-      document.removeEventListener("mousedown", a);
+    return document.addEventListener("mousedown", n), () => {
+      document.removeEventListener("mousedown", n);
     };
-  }, [o]), r;
+  }, [t]), a;
 }
-function V(o) {
-  const { children: r, className: a, ...n } = o, { state: t, actions: h } = v(), [c, u] = S(!1), m = () => u(!0), i = () => u(!1), s = d(null), p = O(i);
-  return L(m), w(h.setSearchTerm, m), k(c, m, i), g(s, c, i), f(() => {
-    s.current && (c ? s.current.showModal() : s.current.close());
-  }, [c]), /* @__PURE__ */ e(N, { ref: s, className: `${a} n-search-modal`, ...n, children: /* @__PURE__ */ e("div", { ref: p, className: "n-search-container", children: [
-    /* @__PURE__ */ e("form", { className: "n-search-bar", children: /* @__PURE__ */ e(T, { setSearchTerm: h.setSearchTerm, initialValue: t.searchTerm }) }),
-    /* @__PURE__ */ e(
-      y,
+function W(t) {
+  const { children: a, className: n, ...i } = t, { state: c, actions: e } = b(), [r, o] = v(!1), m = () => o(!0), l = () => o(!1), u = h(null), y = k(l);
+  return j(m), g(e.setSearchTerm, m), E(r, m, l), w(u, r, l), S(() => {
+    u.current && (r ? u.current.showModal() : u.current.close());
+  }, [r]), /* @__PURE__ */ s(N, { ref: u, className: M(n, "n-search-modal"), ...i, children: /* @__PURE__ */ s("div", { ref: y, className: "n-search-container", children: [
+    /* @__PURE__ */ s("form", { className: "n-search-bar", children: /* @__PURE__ */ s(T, { setSearchTerm: e.setSearchTerm, initialValue: c.searchTerm }) }),
+    /* @__PURE__ */ s(
+      O,
       {
-        searchLoading: t.isLoading,
-        searchTerm: t.searchTerm,
-        results: t.results,
-        children: r
+        searchLoading: c.isLoading,
+        searchTerm: c.searchTerm,
+        results: c.results,
+        children: a
       }
     ),
-    /* @__PURE__ */ e("div", { className: "n-search-footer", children: [
-      /* @__PURE__ */ e("p", { className: "n-search-footer-tip", children: [
-        /* @__PURE__ */ e(l, { keyNames: ["Esc"] }),
+    /* @__PURE__ */ s("div", { className: "n-search-footer", children: [
+      /* @__PURE__ */ s("p", { className: "n-search-footer-tip", children: [
+        /* @__PURE__ */ s(f, { keyNames: ["Esc"] }),
         "to close"
       ] }),
-      /* @__PURE__ */ e("p", { className: "n-search-footer-tip", children: [
-        /* @__PURE__ */ e(l, { keyNames: ["Tab"] }),
-        /* @__PURE__ */ e("span", { children: "or" }),
-        /* @__PURE__ */ e(l, { keyNames: ["↑", "↓"] }),
+      /* @__PURE__ */ s("p", { className: "n-search-footer-tip", children: [
+        /* @__PURE__ */ s(f, { keyNames: ["Tab"] }),
+        /* @__PURE__ */ s("span", { children: "or" }),
+        /* @__PURE__ */ s(f, { keyNames: ["↑", "↓"] }),
         "to navigate"
       ] })
     ] })
   ] }) });
 }
 export {
-  V as default
+  W as default
 };

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

@@ -1,5 +1,5 @@
 import { u as e } from "../../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import { D as t } from "../../../../../chunks/compat.module.s9u28W-S.js";
+import { D as t } from "../../../../../chunks/compat.module.BPxt-oTe.js";
 import o from "../../../Icon/index.js";
 import '../../../../../assets/SearchToggle.css';const s = t(function(r, a) {
   return /* @__PURE__ */ e("button", { id: r.id, ref: a, class: "n-search-toggle", disabled: !0, "data-ntl-search-toggle": !0, children: [

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

@@ -1,31 +1,31 @@
 import { u as e } from "../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import t from "./SearchHeading/SearchHeading.js";
+import a from "./SearchHeading/SearchHeading.js";
 import c from "./SearchLink.js";
-const a = ({
+const t = ({
   searchLoading: s,
-  searchTerm: i,
-  results: l
-}) => s ? /* @__PURE__ */ e(t, { children: [
+  searchTerm: l,
+  results: r
+}) => s ? /* @__PURE__ */ e(a, { children: [
   "Searching for ",
-  /* @__PURE__ */ e("span", { className: "n-search-term", children: i }),
+  /* @__PURE__ */ e("span", { className: "n-search-term", children: l }),
   " ..."
-] }) : !l || l.length === 0 ? /* @__PURE__ */ e(t, { children: [
+] }) : !r || r.length === 0 ? /* @__PURE__ */ e(a, { children: [
   "0 results for ",
-  /* @__PURE__ */ e("span", { className: "n-search-term", children: i })
-] }) : /* @__PURE__ */ e("ul", { className: "n-results-list", role: "list", children: l.slice(0, 15).map((r, n) => /* @__PURE__ */ e("li", { className: "n-results-list-item", children: /* @__PURE__ */ e(c, { ...r }) }, n)) });
+  /* @__PURE__ */ e("span", { className: "n-search-term", children: l })
+] }) : /* @__PURE__ */ e("ul", { className: "n-results-list", role: "list", children: r.slice(0, 15).map((i, n) => /* @__PURE__ */ e("li", { className: "n-results-list-item", children: /* @__PURE__ */ e(c, { ...i }) }, n)) });
 function m({
   searchLoading: s,
-  searchTerm: i,
-  results: l,
-  children: r
+  searchTerm: l,
+  results: r,
+  children: i
 }) {
   return /* @__PURE__ */ e("div", { className: "n-search-window", children: /* @__PURE__ */ e("div", { className: "search-links", children: [
     /* @__PURE__ */ e(c, { ...{
       icon: "askNetlify",
-      title: "Ask Netlify AI",
+      label: "Ask Netlify AI",
       url: "https://docs.netlify.com/ask-netlify/"
     } }),
-    i ? /* @__PURE__ */ e(a, { searchLoading: s, searchTerm: i, results: l }) : r || null
+    l ? /* @__PURE__ */ e(t, { searchLoading: s, searchTerm: l, results: r }) : i || null
   ] }) });
 }
 export {

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

@@ -2,7 +2,7 @@ import { ComponentChildren } from 'preact';
 import { IconName } from '../../Icon';
 export interface ResultProps {
     icon: IconName;
-    title: string;
+    label: string;
     content_type?: string;
     url: string;
     excerpt?: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@netlify/spark-ui",
   "description": "Assets, design tokens, components, and utilities",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "type": "module",
   "main": "dist/components/preact/index.js",
   "types": "dist/components/preact/index.d.ts",

package/packages/components/preact/SearchModal/components/SearchLink.tsx

@@ -1,24 +1,18 @@
-import Icon, { type IconName } from '../../Icon';
+import type { ResultProps} from "../types/search.types"
 
-export interface Props {
-  icon: IconName;
-  title: string;
-  content_type?: string;
-  url: string;
-  excerpt?: string;
-}
+import Icon from '../../Icon';
 
-const SearchLink = ({ icon, title, url, excerpt }: Props) => {
+const SearchLink = ({ icon, label, url, excerpt }: ResultProps) => {
   return (
     <a className="n-result-link" href={url}>
       <div className="n-result-header">
-        <div className="n-result-title">
+        <div className="n-result-label">
           {icon && (
             <span className="icon">
               <Icon name={icon} />
             </span>
           )}
-          <span>{title}</span>
+          <span>{label}</span>
         </div>
         <div className="icon">
           <Icon name="caretRight" />

package/packages/components/preact/SearchModal/components/SearchModal/SearchModal.css

@@ -147,7 +147,7 @@
   align-items: center;
 }
 
-.n-result-title {
+.n-result-label {
   display: flex;
   align-items: center;
   gap: var(--space-s);

package/packages/components/preact/SearchModal/components/SearchModal/SearchModal.tsx

@@ -1,5 +1,6 @@
 import { type ComponentChildren } from 'preact';
 import { useState, useEffect, useRef } from 'preact/hooks';
+import cn from "classnames"
 
 import Modal from '@components/preact/Modal/Modal';
 import KeyboardKey from '@components/preact/KeyboardKey/KeyboardKey';
@@ -43,7 +44,7 @@ function SearchModal(props: Props) {
   }, [searchOpen]);
 
   return (
-    <Modal ref={modalRef} className={`${className} n-search-modal`} {...rest}>
+    <Modal ref={modalRef} className={cn(className, 'n-search-modal')} {...rest}>
       <div ref={containerRef} className="n-search-container">
         <form className="n-search-bar">
           <SearchInput setSearchTerm={actions.setSearchTerm} initialValue={state.searchTerm} />

package/packages/components/preact/SearchModal/components/SearchWindow.tsx

@@ -45,7 +45,7 @@ export default function SearchWindow({
 }: SearchWindowProps) {
   const askNetlify: ResultProps = {
     icon: 'askNetlify',
-    title: 'Ask Netlify AI',
+    label: 'Ask Netlify AI',
     url: 'https://docs.netlify.com/ask-netlify/',
   };
 

package/packages/components/preact/SearchModal/types/search.types.tsx

@@ -3,7 +3,7 @@ import type { IconName } from '../../Icon';
 
 export interface ResultProps {
   icon: IconName;
-  title: string;
+  label: string;
   content_type?: string;
   url: string;
   excerpt?: string;