@npm_leadtech/legal-contracts-ui 0.54.0 → 0.54.2

package/dist/components/Header.d.ts

@@ -56,6 +56,7 @@ export interface MobileMenuSection {
     items?: {
         id: string;
         link: ReactNode;
+        tag?: string;
     }[];
     seeAll?: ReactNode | null;
     content?: ReactNode | null;
@@ -67,6 +68,9 @@ export type NavMenuItemProps = {
     dropdownItems: (NavMenuItemProps | NavMenuLink)[];
     hasDropdown: true;
     isNested?: boolean;
+    onItemClick?: () => void;
+    isOpen?: boolean;
+    onToggle?: (open: boolean) => void;
 };
 
 export type NavMenuLink = {
@@ -76,6 +80,9 @@ export type NavMenuLink = {
     hasDropdown: false;
     isNested?: boolean;
     bold?: boolean;
+    onItemClick?: () => void;
+    isOpen?: boolean;
+    onToggle?: (open: boolean) => void;
 };
 
 export interface NavMenuProps {
@@ -91,7 +98,6 @@ export interface SearchBarProps {
     searchValue?: string;
     onInputChange?: (e: React_2.ChangeEvent<HTMLInputElement>) => void;
     onClear?: () => void;
-    noResultsText?: string;
     allDocumentsItem?: SearchItem;
 }
 

package/dist/components/MobileMenu.d.ts

@@ -30,6 +30,7 @@ export declare interface MobileMenuSection {
     items?: {
         id: string;
         link: ReactNode;
+        tag?: string;
     }[];
     seeAll?: ReactNode | null;
     content?: ReactNode | null;
@@ -43,7 +44,6 @@ export interface SearchBarProps {
     searchValue?: string;
     onInputChange?: (e: React_2.ChangeEvent<HTMLInputElement>) => void;
     onClear?: () => void;
-    noResultsText?: string;
     allDocumentsItem?: SearchItem;
 }
 

package/dist/components/MobileMenu.js

@@ -1,28 +1,28 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import "react";
-import { SearchBar as x } from "./SearchBar.js";
+import { SearchBar as u } from "./SearchBar.js";
 import { PhoneTalkIcon as f } from "./PhoneTalkIcon.js";
 import { CloseIcon as h } from "./CloseIcon.js";
 const j = ({
-  isOpen: m,
-  onClose: n,
-  logo: c,
-  userActions: d,
-  searchBarProps: p,
-  sections: o = [],
+  isOpen: n,
+  onClose: m,
+  logo: d,
+  userActions: c,
+  searchBarProps: o,
+  sections: p = [],
   contactInfo: t,
-  closeText: u
-}) => m ? /* @__PURE__ */ l("div", { className: "fixed inset-0 z-50 flex flex-col overflow-y-auto bg-white text-neutral-800 lg:hidden", children: [
+  closeText: x
+}) => n ? /* @__PURE__ */ l("div", { className: "fixed inset-0 z-50 flex flex-col overflow-y-auto bg-white text-neutral-800 lg:hidden", children: [
   /* @__PURE__ */ l("div", { className: "flex items-center justify-between px-6 py-4", children: [
-    c,
+    d,
     /* @__PURE__ */ l(
       "button",
       {
         className: "text-small text-primary-500 flex cursor-pointer items-center justify-center gap-1 rounded border border-neutral-400 px-2 py-1",
-        onClick: n,
+        onClick: m,
         "aria-label": "Close menu",
         children: [
-          u,
+          x,
           /* @__PURE__ */ r(h, { fill: "var(--primary-500)" })
         ]
       }
@@ -30,27 +30,31 @@ const j = ({
   ] }),
   /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col pb-6", children: [
     /* @__PURE__ */ l("div", { className: "flex flex-col gap-6 px-6", children: [
-      /* @__PURE__ */ r("div", { className: "flex items-center gap-4", children: d }),
-      /* @__PURE__ */ r(x, { ...p })
+      /* @__PURE__ */ r("div", { className: "flex items-center gap-4", children: c }),
+      /* @__PURE__ */ r(u, { ...o })
     ] }),
-    /* @__PURE__ */ r("nav", { className: "flex flex-col gap-0", children: o.map((e, i) => {
-      const a = e.icon != null;
-      return e.content != null ? /* @__PURE__ */ r("div", { className: "flex items-center px-6 pb-8", children: e.content }, e.id ?? `custom-${i.toString()}`) : /* @__PURE__ */ l(
+    /* @__PURE__ */ r("nav", { className: "flex flex-col gap-0", children: p.map((e, s) => {
+      const i = e.icon != null;
+      return e.content != null ? /* @__PURE__ */ r("div", { className: "flex items-center px-6 pb-8", children: e.content }, e.id ?? `custom-${s.toString()}`) : /* @__PURE__ */ l(
         "div",
         {
-          className: e.title !== "" && !a ? "border-t border-b border-neutral-200 pt-4" : "",
+          className: e.title !== "" && !i ? "border-t border-b border-neutral-200 pt-4" : "",
           children: [
-            e.title && /* @__PURE__ */ l("div", { className: `flex items-center gap-2 px-6 ${a ? "bg-neutral-50 py-4" : ""}`, children: [
+            e.title && /* @__PURE__ */ l("div", { className: `flex items-center gap-2 px-6 ${i ? "bg-neutral-50 py-4" : ""}`, children: [
               e.icon != null && /* @__PURE__ */ r("span", { className: "text-primary-700", children: e.icon }),
               /* @__PURE__ */ r("h4", { className: "text-medium font-semibold", children: e.title })
             ] }),
-            e.items != null && /* @__PURE__ */ l("ul", { className: `flex flex-col gap-4 ${a ? "p-6" : "px-6 py-4"}`, children: [
-              e.items.map((s) => /* @__PURE__ */ r("li", { className: "text-medium", children: s.link }, s.id)),
+            e.items != null && /* @__PURE__ */ l("ul", { className: `flex flex-col gap-4 ${i ? "p-6" : "px-6 py-4"}`, children: [
+              e.items.map((a) => /* @__PURE__ */ l("li", { className: "text-medium flex items-center gap-1", children: [
+                a.link,
+                " ",
+                a.tag && /* @__PURE__ */ r("span", { className: "bg-secondary-200 text-extra-small flex h-4.5 w-5.25 items-center justify-center rounded align-middle font-bold", children: a.tag })
+              ] }, a.id)),
               e.seeAll != null && /* @__PURE__ */ r("li", { className: "font-semibold", children: e.seeAll })
             ] })
           ]
         },
-        e.id ?? e.title ?? i.toString()
+        e.id ?? e.title ?? s.toString()
       );
     }) }),
     t && /* @__PURE__ */ l("div", { className: "mt-auto flex flex-col items-center justify-center border-t border-neutral-100 p-6", children: [

package/dist/components/NavMenu.d.ts

@@ -9,6 +9,9 @@ export type NavMenuItemProps = {
     dropdownItems: (NavMenuItemProps | NavMenuLink)[];
     hasDropdown: true;
     isNested?: boolean;
+    onItemClick?: () => void;
+    isOpen?: boolean;
+    onToggle?: (open: boolean) => void;
 };
 
 export type NavMenuLink = {
@@ -18,6 +21,9 @@ export type NavMenuLink = {
     hasDropdown: false;
     isNested?: boolean;
     bold?: boolean;
+    onItemClick?: () => void;
+    isOpen?: boolean;
+    onToggle?: (open: boolean) => void;
 };
 
 export declare interface NavMenuProps {

package/dist/components/NavMenu.js

@@ -1,7 +1,21 @@
-import { jsx as e } from "react/jsx-runtime";
-import "react";
-import { NavMenuItem as a } from "./NavMenuItem.js";
-const o = ({ navItems: m, className: t = "" }) => /* @__PURE__ */ e("nav", { className: t, children: /* @__PURE__ */ e("ul", { className: "text-medium flex flex-wrap items-center gap-4 xl:gap-8", children: m.map((r) => /* @__PURE__ */ e(a, { ...r }, r.id)) }) });
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { NavMenuItem as n } from "./NavMenuItem.js";
+const c = ({ navItems: l, className: o = "" }) => {
+  const [t, i] = m(null);
+  return /* @__PURE__ */ r("nav", { className: o, children: /* @__PURE__ */ r("ul", { className: "text-medium flex flex-wrap items-center gap-4 xl:gap-8", children: l.map((e) => /* @__PURE__ */ r(
+    n,
+    {
+      ...e,
+      isOpen: t === e.id,
+      onToggle: (p) => {
+        i(p ? e.id : null);
+      }
+    },
+    e.id
+  )) }) });
+};
 export {
-  o as NavMenu
+  c as NavMenu
 };

package/dist/components/NavMenuItem.d.ts

@@ -9,6 +9,9 @@ export declare type NavMenuItemProps = {
     dropdownItems: (NavMenuItemProps | NavMenuLink)[];
     hasDropdown: true;
     isNested?: boolean;
+    onItemClick?: () => void;
+    isOpen?: boolean;
+    onToggle?: (open: boolean) => void;
 };
 
 export declare type NavMenuLink = {
@@ -18,5 +21,8 @@ export declare type NavMenuLink = {
     hasDropdown: false;
     isNested?: boolean;
     bold?: boolean;
+    onItemClick?: () => void;
+    isOpen?: boolean;
+    onToggle?: (open: boolean) => void;
 };
 

package/dist/components/NavMenuItem.js

@@ -1,61 +1,104 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import "react";
-import { ChevronDownIcon as g } from "./ChevronDownIcon.js";
-import { ChevronRightIcon as f } from "./ChevronRightIcon.js";
-const h = (o) => {
-  const { hasDropdown: a, isNested: i } = o, n = {
+"use client";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { useState as p, useCallback as E, useRef as T, useEffect as $ } from "react";
+import { ChevronDownIcon as j } from "./ChevronDownIcon.js";
+import { ChevronRightIcon as P } from "./ChevronRightIcon.js";
+const R = (l) => {
+  const { hasDropdown: g, isNested: w, isOpen: v, onToggle: i } = l, [x, C] = p(!1), [I, u] = p(null), s = v ?? x, n = E(
+    (e) => {
+      e || u(null), i ? i(e) : C(e);
+    },
+    [i]
+  ), r = T(null);
+  $(() => {
+    if (!s) return;
+    const e = (c) => {
+      r.current && !r.current.contains(c.target) && n(!1);
+    };
+    return document.addEventListener("mousedown", e), () => {
+      document.removeEventListener("mousedown", e);
+    };
+  }, [s, n]);
+  const m = {
     topLevel: {
-      liClass: "group relative py-2",
+      liClass: "relative py-2",
       triggerClass: "hover:text-neutral-600",
       dropdownPosition: "top-full left-0",
-      dropdownTrigger: "group-hover:pointer-events-auto group-hover:opacity-100",
-      Icon: g,
-      iconClass: "transition-transform duration-200 group-hover:rotate-180"
+      Icon: j
     },
     nested: {
-      liClass: "group/nested relative",
+      liClass: "relative",
       triggerClass: "p-1 hover:bg-primary-100 w-full rounded min-w-48.5",
       dropdownPosition: "top-0 left-full -mt-4 pl-6",
-      dropdownTrigger: "group-hover/nested:pointer-events-auto group-hover/nested:opacity-100",
-      Icon: f,
-      iconClass: ""
+      Icon: P
     }
-  }, t = i ? n.nested : n.topLevel, d = t.Icon;
-  if (a) {
-    const { dropdownItems: u, label: m } = o;
-    return /* @__PURE__ */ r("li", { className: t.liClass, children: [
-      /* @__PURE__ */ r(
-        "button",
-        {
-          className: `text-small flex w-full cursor-pointer items-center justify-between gap-1 font-medium text-nowrap text-neutral-800 transition-colors ${t.triggerClass} `,
-          "aria-haspopup": "menu",
-          children: [
-            /* @__PURE__ */ e("span", { className: "text-medium", children: m }),
-            /* @__PURE__ */ e(d, { className: t.iconClass, fill: "#000", width: 20, height: 20 })
-          ]
-        }
-      ),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          className: `pointer-events-none absolute z-50 min-w-48 opacity-0 transition-opacity duration-200 ${t.dropdownPosition} ${t.dropdownTrigger} `,
-          children: /* @__PURE__ */ e("div", { className: "rounded-md border border-neutral-200 bg-white p-4 shadow-lg", children: /* @__PURE__ */ e("ul", { className: "flex flex-col gap-2", children: u.map((l) => /* @__PURE__ */ e(h, { ...l, isNested: !0 }, l.id)) }) })
-        }
-      )
-    ] });
+  }, o = w ? m.nested : m.topLevel, b = o.Icon, f = () => {
+    n(!1), l.onItemClick && l.onItemClick();
+  }, N = (e) => {
+    e.stopPropagation(), n(!s);
+  }, k = () => {
+    globalThis.window.matchMedia("(hover: hover)").matches && n(!0);
+  }, O = () => {
+    globalThis.window.matchMedia("(hover: hover)").matches && n(!1);
+  };
+  if (g) {
+    const { dropdownItems: e, label: c } = l;
+    return /* @__PURE__ */ d(
+      "li",
+      {
+        ref: r,
+        className: o.liClass,
+        onMouseEnter: k,
+        onMouseLeave: O,
+        children: [
+          /* @__PURE__ */ d(
+            "button",
+            {
+              className: `text-small flex w-full cursor-pointer items-center justify-between gap-1 font-medium text-nowrap text-neutral-800 transition-colors ${o.triggerClass}`,
+              "aria-haspopup": "menu",
+              "aria-expanded": s,
+              onClick: N,
+              children: [
+                /* @__PURE__ */ t("span", { className: "text-medium", children: c }),
+                /* @__PURE__ */ t(b, { fill: "#000", width: 20, height: 20 })
+              ]
+            }
+          ),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: `absolute z-50 min-w-48 transition-all duration-200 ${o.dropdownPosition} ${s ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"}`,
+              children: /* @__PURE__ */ t("div", { className: "rounded-md border border-neutral-200 bg-white p-4 shadow-lg", children: /* @__PURE__ */ t("ul", { className: "flex flex-col gap-2", children: e.map((a) => /* @__PURE__ */ t(
+                R,
+                {
+                  ...a,
+                  isNested: !0,
+                  onItemClick: f,
+                  isOpen: I === a.id,
+                  onToggle: (M) => {
+                    u(M ? a.id : null);
+                  }
+                },
+                a.id
+              )) }) })
+            }
+          )
+        ]
+      }
+    );
   }
-  const { link: c, tag: s, bold: p } = o;
-  return /* @__PURE__ */ e("li", { className: t.liClass, children: /* @__PURE__ */ r(
+  const { link: y, tag: h, bold: L } = l;
+  return /* @__PURE__ */ t("li", { className: o.liClass, onClick: f, children: /* @__PURE__ */ d(
     "span",
     {
-      className: `text-small relative flex w-full items-center justify-between gap-1 font-medium text-nowrap text-neutral-800 transition-colors ${t.triggerClass} `,
+      className: `text-small relative flex w-full items-center gap-1 font-medium text-nowrap text-neutral-800 transition-colors ${o.triggerClass} `,
       children: [
-        /* @__PURE__ */ e("span", { className: `text-medium flex-1 ${p ? "font-bold" : ""} [&_a]:after:absolute [&_a]:after:inset-0`, children: c }),
-        s && /* @__PURE__ */ e("span", { className: "bg-secondary-200 text-extra-small rounded px-1 font-bold", children: s })
+        /* @__PURE__ */ t("span", { className: `text-medium flex-1 ${L ? "font-bold" : ""} [&_a]:after:absolute [&_a]:after:inset-0`, children: y }),
+        h && /* @__PURE__ */ t("span", { className: "bg-secondary-200 text-extra-small flex h-4.5 w-5.25 items-center justify-center rounded align-middle font-bold", children: h })
       ]
     }
   ) });
 };
 export {
-  h as NavMenuItem
+  R as NavMenuItem
 };

package/dist/components/NotFoundTemplate.d.ts

@@ -71,7 +71,6 @@ export interface SearchBarProps {
     searchValue?: string;
     onInputChange?: (e: React_2.ChangeEvent<HTMLInputElement>) => void;
     onClear?: () => void;
-    noResultsText?: string;
     allDocumentsItem?: SearchItem;
 }
 

package/dist/components/SearchBar.d.ts

@@ -10,7 +10,6 @@ export declare interface SearchBarProps {
     searchValue?: string;
     onInputChange?: (e: React_2.ChangeEvent<HTMLInputElement>) => void;
     onClear?: () => void;
-    noResultsText?: string;
     allDocumentsItem?: SearchItem;
 }
 

package/dist/components/SearchBar.js

@@ -1,34 +1,33 @@
-import { jsxs as r, Fragment as p, jsx as e } from "react/jsx-runtime";
+import { jsxs as r, Fragment as b, jsx as e } from "react/jsx-runtime";
 import "react";
-import { SearchIcon as u } from "./SearchIcon.js";
-import { CloseIcon as x } from "./CloseIcon.js";
-import { HighlightedText as f } from "./HighlightedText.js";
-const w = ({
+import { SearchIcon as p } from "./SearchIcon.js";
+import { CloseIcon as u } from "./CloseIcon.js";
+import { HighlightedText as x } from "./HighlightedText.js";
+const y = ({
   items: i,
-  placeholder: o,
-  isOpen: s = !1,
-  onToggle: d,
+  placeholder: n,
+  isOpen: h = !1,
+  onToggle: s,
   searchValue: t = "",
-  onInputChange: h,
+  onInputChange: d,
   onClear: c,
-  noResultsText: b,
   allDocumentsItem: l
 }) => {
-  const n = t.length > 0;
-  return /* @__PURE__ */ r(p, { children: [
+  const o = t.length > 0;
+  return /* @__PURE__ */ r(b, { children: [
     /* @__PURE__ */ r("div", { className: "relative hidden lg:block", children: [
       /* @__PURE__ */ e(
         "button",
         {
           "aria-label": "Search",
           className: "hover:bg-primary-100 cursor-pointer rounded-full p-2 transition-colors",
-          onClick: d,
-          "aria-expanded": s,
-          children: /* @__PURE__ */ e(u, {})
+          onClick: s,
+          "aria-expanded": h,
+          children: /* @__PURE__ */ e(p, {})
         }
       ),
-      s && /* @__PURE__ */ r(p, { children: [
-        /* @__PURE__ */ e("div", { className: "fixed inset-0 z-40", onClick: d, "aria-hidden": "true" }),
+      h && /* @__PURE__ */ r(b, { children: [
+        /* @__PURE__ */ e("div", { className: "fixed inset-0 z-40", onClick: s, "aria-hidden": "true" }),
         /* @__PURE__ */ r("div", { className: "absolute top-full left-0 z-50 mt-2 max-h-[50dvh] w-80 animate-[slideDown_0.2s_ease-out] overflow-y-auto rounded-lg border border-neutral-200 bg-white shadow-lg", children: [
           /* @__PURE__ */ e("div", { className: "border-b border-neutral-200 p-3", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2 rounded-md px-3 py-2", children: [
             /* @__PURE__ */ e(
@@ -36,31 +35,31 @@ const w = ({
               {
                 type: "text",
                 value: t,
-                onChange: h,
-                placeholder: o,
+                onChange: d,
+                placeholder: n,
                 className: "flex-1 text-base text-neutral-800 outline-none placeholder:text-neutral-400",
                 autoFocus: !0
               }
             ),
-            n && /* @__PURE__ */ e(
+            o && /* @__PURE__ */ e(
               "button",
               {
                 onClick: c,
                 className: "cursor-pointer rounded-full p-0.5 transition-colors hover:bg-neutral-200",
                 "aria-label": "Clear search",
-                children: /* @__PURE__ */ e(x, { width: 14, height: 14 })
+                children: /* @__PURE__ */ e(u, { width: 14, height: 14 })
               }
             )
           ] }) }),
           /* @__PURE__ */ r("div", { className: "overflow-y-auto", children: [
-            i.length > 0 && n ? /* @__PURE__ */ e("ul", { className: "py-2", children: i.map((a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+            i.length > 0 && o && /* @__PURE__ */ e("ul", { className: "py-2", children: i.map((a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
               "a",
               {
                 href: a.href,
                 className: "hover:bg-primary-50 block px-4 py-2.5 text-base text-neutral-800 transition-colors",
-                children: /* @__PURE__ */ e(f, { text: a.label, highlight: t })
+                children: /* @__PURE__ */ e(x, { text: a.label, highlight: t })
               }
-            ) }, a.href)) }) : /* @__PURE__ */ e("div", { className: "text-small px-4 py-6 text-center text-neutral-400", children: b }),
+            ) }, a.href)) }),
             l && /* @__PURE__ */ e("ul", { className: "py-2", children: /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
               "a",
               {
@@ -80,30 +79,30 @@ const w = ({
           {
             type: "text",
             value: t,
-            onChange: h,
-            placeholder: o,
+            onChange: d,
+            placeholder: n,
             className: "flex-1 bg-transparent text-base text-neutral-800 outline-none placeholder:text-neutral-400"
           }
         ),
-        n ? /* @__PURE__ */ e(
+        o ? /* @__PURE__ */ e(
           "button",
           {
             onClick: c,
             className: "cursor-pointer rounded-full p-1 transition-colors hover:bg-neutral-200",
             "aria-label": "Clear search",
-            children: /* @__PURE__ */ e(x, { width: 16, height: 16 })
+            children: /* @__PURE__ */ e(u, { width: 16, height: 16 })
           }
-        ) : /* @__PURE__ */ e(u, { fill: "var(--neutral-500)", width: 20, height: 20 })
+        ) : /* @__PURE__ */ e(p, { fill: "var(--neutral-500)", width: 20, height: 20 })
       ] }),
-      n && /* @__PURE__ */ r("div", { className: "absolute mt-2 w-11/12 overflow-y-auto rounded-md border border-neutral-200 bg-white shadow-sm", children: [
-        i.length > 0 ? /* @__PURE__ */ e("ul", { className: "py-2", children: i.map((a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+      o && /* @__PURE__ */ r("div", { className: "absolute mt-2 w-11/12 overflow-y-auto rounded-md border border-neutral-200 bg-white shadow-sm", children: [
+        i.length > 0 && /* @__PURE__ */ e("ul", { className: "py-2", children: i.map((a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
           "a",
           {
             href: a.href,
             className: "hover:bg-primary-50 block px-4 py-3 text-base text-neutral-800 transition-colors",
-            children: /* @__PURE__ */ e(f, { text: a.label, highlight: t })
+            children: /* @__PURE__ */ e(x, { text: a.label, highlight: t })
           }
-        ) }, a.href)) }) : /* @__PURE__ */ e("div", { className: "px-4 py-6 text-center text-base text-neutral-400", children: b }),
+        ) }, a.href)) }),
         l && /* @__PURE__ */ e("ul", { className: "py-2", children: /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
           "a",
           {
@@ -117,5 +116,5 @@ const w = ({
   ] });
 };
 export {
-  w as SearchBar
+  y as SearchBar
 };

package/dist/components/index.d.ts

@@ -568,6 +568,7 @@ export declare interface MobileMenuSection {
     items?: {
         id: string;
         link: ReactNode;
+        tag?: string;
     }[];
     seeAll?: ReactNode | null;
     content?: ReactNode | null;
@@ -585,6 +586,9 @@ export declare type NavMenuItemProps = {
     dropdownItems: (NavMenuItemProps | NavMenuLink)[];
     hasDropdown: true;
     isNested?: boolean;
+    onItemClick?: () => void;
+    isOpen?: boolean;
+    onToggle?: (open: boolean) => void;
 };
 
 export declare type NavMenuLink = {
@@ -594,6 +598,9 @@ export declare type NavMenuLink = {
     hasDropdown: false;
     isNested?: boolean;
     bold?: boolean;
+    onItemClick?: () => void;
+    isOpen?: boolean;
+    onToggle?: (open: boolean) => void;
 };
 
 export declare interface NavMenuProps {
@@ -706,7 +713,6 @@ export declare interface SearchBarProps {
     searchValue?: string;
     onInputChange?: (e: React_2.ChangeEvent<HTMLInputElement>) => void;
     onClear?: () => void;
-    noResultsText?: string;
     allDocumentsItem?: SearchItem;
 }