@ilo-org/react 0.22.0 → 0.22.2

package/lib/esm/_store/{SubsiteNav-chunk-CQ4VA0_e.js → SubsiteNav-chunk-SOH4RAJ1.js}

@@ -1,30 +1,30 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { memo as j, useRef as L, useCallback as S, useEffect as z, useId as G, useState as C, forwardRef as I, useImperativeHandle as A } from "react";
-import { u as $ } from "./useGlobalSettings-chunk-gkijV3S1.js";
-import { createPortal as B } from "react-dom";
-import { c as d } from "./index-chunk-CY3PQDr4.js";
-import { L as D } from "./LanguageToggle-chunk-oq_4fXKB.js";
-import { u as H } from "./useBreakpoint-chunk-DBZTYUx9.js";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { memo as z, useRef as L, useCallback as S, useEffect as y, useId as G, useState as x, forwardRef as O, useImperativeHandle as B } from "react";
+import { u as v } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
+import { createPortal as A } from "react-dom";
+import { c as b } from "./index-chunk-CY3PQDr4.js";
+import { L as D } from "./LanguageToggle-chunk-BOqs0wmF.js";
+import { u as H } from "./useBreakpoint-chunk-c1_IoC-6.js";
 const q = ({
   isOpen: s,
   className: r,
   navRef: c,
   children: n
 }) => {
-  const { prefix: a } = $(), m = L(null), _ = `${a}--nav-dropdown`, u = S(() => {
+  const { prefix: a } = v(), m = L(null), _ = `${a}--nav-dropdown`, t = S(() => {
     if (!(m != null && m.current) || !(c != null && c.current))
       return;
-    const i = c.current.getBoundingClientRect();
-    m.current.style.top = `${i.bottom}px`, m.current.style.width = `${i.width}px`;
+    const o = c.current.getBoundingClientRect();
+    m.current.style.top = `${o.bottom}px`, m.current.style.width = `${o.width}px`;
   }, [c]);
-  return z(() => (u(), window.addEventListener("resize", u), () => {
-    window.removeEventListener("resize", u);
-  }), [c]), B(
+  return y(() => (t(), window.addEventListener("resize", t), () => {
+    window.removeEventListener("resize", t);
+  }), [c]), typeof document > "u" ? null : A(
     /* @__PURE__ */ e(
       "div",
       {
         ref: m,
-        className: d({
+        className: b({
           [_]: !0,
           [`${_}--open`]: s,
           className: r
@@ -34,40 +34,43 @@ const q = ({
     ),
     document.body
   );
-}, P = j(q), v = (s) => {
-  const { label: r, component: c, isActive: n, ...a } = s;
-  return c ? /* @__PURE__ */ e(c, { ...a, isActive: n, children: r }) : /* @__PURE__ */ e("a", { ...a, children: r });
-}, y = ({ menu: s }) => {
-  const { prefix: r } = $(), c = `${r}--nav-menu-grid`, n = [];
+}, P = z(q), f = (s) => {
+  const { label: r, component: c, ...n } = s;
+  return c ? /* @__PURE__ */ e(c, { ...n, children: r }) : /* @__PURE__ */ e("a", { ...n, children: r });
+}, T = ({ menu: s }) => {
+  const { prefix: r } = v(), c = `${r}--nav-menu-grid`, n = [];
   for (let a = 0; a < s.length; a += 5)
     n.push(s.slice(a, a + 5));
   return /* @__PURE__ */ e("div", { className: c, children: n.map((a, m) => /* @__PURE__ */ e("div", { className: `${c}__column`, children: a.map((_) => {
-    var u;
+    var t;
     return /* @__PURE__ */ e(
-      v,
+      f,
       {
         className: `${c}__item`,
         href: _.href,
         label: _.label
       },
-      (u = _.label) == null ? void 0 : u.toString()
+      (t = _.label) == null ? void 0 : t.toString()
     );
   }) }, m)) });
-}, x = ({
+}, I = ({
   menu: s
 }) => {
-  const { prefix: r } = $(), c = `${r}--nav-mobile-menu`;
-  return /* @__PURE__ */ e("ul", { className: `${c}`, children: s.map((n, a) => /* @__PURE__ */ o("li", { className: `${c}__item`, children: [
-    /* @__PURE__ */ e(
-      v,
-      {
-        label: n.label,
-        href: n.href,
-        className: `${c}__link`
-      }
-    ),
-    n.isActive && /* @__PURE__ */ e("span", { className: `${c}__marked` })
-  ] }, a)) });
+  const { prefix: r } = v(), c = `${r}--nav-mobile-menu`;
+  return /* @__PURE__ */ e("ul", { className: `${c}`, children: s.map((n, a) => {
+    const m = typeof n.isActive == "function" ? n.isActive() : n.isActive;
+    return /* @__PURE__ */ i("li", { className: `${c}__item`, children: [
+      /* @__PURE__ */ e(
+        f,
+        {
+          label: n.label,
+          href: n.href,
+          className: `${c}__link`
+        }
+      ),
+      m && /* @__PURE__ */ e("span", { className: `${c}__marked` })
+    ] }, a);
+  }) });
 }, M = ({
   isOpen: s,
   onClose: r,
@@ -76,30 +79,30 @@ const q = ({
   children: a,
   className: m
 }) => {
-  const { prefix: _ } = $(), u = G(), i = `${_}--nav-mobile-drawer`;
-  return B(
-    /* @__PURE__ */ o(
+  const { prefix: _ } = v(), t = G(), o = `${_}--nav-mobile-drawer`;
+  return typeof document > "u" ? null : A(
+    /* @__PURE__ */ i(
       "div",
       {
-        id: `${i}__${u}`,
-        className: d(i, m, {
-          [`${i}--open`]: s
+        id: `${o}__${t}`,
+        className: b(o, m, {
+          [`${o}--open`]: s
         }),
         children: [
-          /* @__PURE__ */ o("div", { className: `${i}__header`, children: [
-            /* @__PURE__ */ e("div", { className: `${i}__header-main`, children: c }),
+          /* @__PURE__ */ i("div", { className: `${o}__header`, children: [
+            /* @__PURE__ */ e("div", { className: `${o}__header-main`, children: c }),
             /* @__PURE__ */ e(
               "button",
               {
-                className: `${i}__header-close`,
+                className: `${o}__header-close`,
                 onClick: r,
                 "aria-label": "Close navigation",
-                children: /* @__PURE__ */ e("span", { className: `${i}__header-close__icon` })
+                children: /* @__PURE__ */ e("span", { className: `${o}__header-close__icon` })
               }
             )
           ] }),
-          /* @__PURE__ */ o("div", { className: `${i}__container`, children: [
-            /* @__PURE__ */ e("div", { className: `${i}__widgets`, children: n }),
+          /* @__PURE__ */ i("div", { className: `${o}__container`, children: [
+            /* @__PURE__ */ e("div", { className: `${o}__widgets`, children: n }),
             a
           ] })
         ]
@@ -115,8 +118,8 @@ const q = ({
     label: a.label,
     href: a.url
   }))) || [], n = [{ label: r, href: "#", isActive: !0 }, ...c];
-  return /* @__PURE__ */ e(x, { menu: n });
-}, T = ({
+  return /* @__PURE__ */ e(I, { menu: n });
+}, E = ({
   isOpen: s,
   navigationProps: {
     branding: r,
@@ -125,101 +128,101 @@ const q = ({
   },
   onClose: m
 }) => {
-  var f, k, O;
-  const { prefix: _ } = $(), [u, i] = C(!1), [b, h] = C(!1), p = S(() => {
-    i(!1), h(!1);
-  }, []), t = `${_}--nav-mobile`, N = u || b, l = c.slice(0, 5), g = c.slice(5);
-  return /* @__PURE__ */ o(
+  var k, g, C;
+  const { prefix: _ } = v(), [t, o] = x(!1), [$, h] = x(!1), d = S(() => {
+    o(!1), h(!1);
+  }, []), u = `${_}--nav-mobile`, p = t || $, N = c.slice(0, 5), l = c.slice(5);
+  return /* @__PURE__ */ i(
     M,
     {
       isOpen: s,
       onClose: m,
-      header: /* @__PURE__ */ o("div", { className: `${t}__branding`, children: [
-        /* @__PURE__ */ e("div", { className: `${t}__logo`, children: r.logo.drawer || r.logo.main }),
-        /* @__PURE__ */ e("h3", { className: `${t}__name`, children: r.name })
+      header: /* @__PURE__ */ i("div", { className: `${u}__branding`, children: [
+        /* @__PURE__ */ e("div", { className: `${u}__logo`, children: r.logo.drawer || r.logo.main }),
+        /* @__PURE__ */ e("h3", { className: `${u}__name`, children: r.name })
       ] }),
-      widgets: /* @__PURE__ */ o("div", { className: `${t}__widgets`, children: [
-        (a == null ? void 0 : a.search) && /* @__PURE__ */ o(
+      widgets: /* @__PURE__ */ i("div", { className: `${u}__widgets`, children: [
+        (a == null ? void 0 : a.search) && /* @__PURE__ */ i(
           "a",
           {
-            className: `${t}__widgets-search`,
+            className: `${u}__widgets-search`,
             href: a.search.url,
             "aria-label": "Search",
             children: [
-              /* @__PURE__ */ e("span", { className: `${t}__widgets-search__label`, children: a.search.label }),
-              /* @__PURE__ */ e("span", { className: `${t}__widgets-search__icon` })
+              /* @__PURE__ */ e("span", { className: `${u}__widgets-search__label`, children: a.search.label }),
+              /* @__PURE__ */ e("span", { className: `${u}__widgets-search__icon` })
             ]
           }
         ),
         (a == null ? void 0 : a.link) && /* @__PURE__ */ e(
-          v,
+          f,
           {
-            className: `${t}__widgets-link`,
+            className: `${u}__widgets-link`,
             href: a.link.href,
             "aria-label": a.link.label,
             label: a.link.label
           }
         ),
-        (a == null ? void 0 : a.language) && /* @__PURE__ */ o(
+        (a == null ? void 0 : a.language) && /* @__PURE__ */ i(
           "button",
           {
-            className: `${t}__widgets-language`,
+            className: `${u}__widgets-language`,
             onClick: () => h(!0),
-            "aria-expanded": b,
+            "aria-expanded": $,
             "aria-controls": "language-list",
             "aria-label": "Select language",
             children: [
-              /* @__PURE__ */ o("span", { className: `${t}__widgets-language__label`, children: [
+              /* @__PURE__ */ i("span", { className: `${u}__widgets-language__label`, children: [
                 a.language.label,
                 ": ",
                 a.language.language
               ] }),
-              /* @__PURE__ */ e("span", { className: `${t}__widgets-language__icon` })
+              /* @__PURE__ */ e("span", { className: `${u}__widgets-language__icon` })
             ]
           }
         )
       ] }),
       children: [
-        /* @__PURE__ */ e(x, { menu: l }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ e(I, { menu: N }),
+        !!l.length && /* @__PURE__ */ i(
           "button",
           {
-            className: `${t}__more`,
-            onClick: () => i(!0),
-            "aria-expanded": u,
+            className: `${u}__more`,
+            onClick: () => o(!0),
+            "aria-expanded": t,
             "aria-controls": "more-items",
             "aria-label": "More items",
             children: [
               n.more,
-              /* @__PURE__ */ e("span", { className: `${t}__more__icon` })
+              /* @__PURE__ */ e("span", { className: `${u}__more__icon` })
             ]
           }
         ),
         /* @__PURE__ */ e(
           M,
           {
-            className: `${t}__nested`,
-            header: /* @__PURE__ */ o(
+            className: `${u}__nested`,
+            header: /* @__PURE__ */ i(
               "button",
               {
-                className: `${t}__nested__header`,
-                onClick: p,
+                className: `${u}__nested__header`,
+                onClick: d,
                 "aria-label": "Back to menu",
                 children: [
-                  /* @__PURE__ */ e("span", { className: `${t}__nested__header__icon` }),
+                  /* @__PURE__ */ e("span", { className: `${u}__nested__header__icon` }),
                   n.backToMenu
                 ]
               }
             ),
-            widgets: /* @__PURE__ */ e("span", { className: `${t}__nested__title`, children: u ? n.more : (f = a == null ? void 0 : a.language) == null ? void 0 : f.label }),
-            isOpen: N,
-            onClose: p,
+            widgets: /* @__PURE__ */ e("span", { className: `${u}__nested__title`, children: t ? n.more : (k = a == null ? void 0 : a.language) == null ? void 0 : k.label }),
+            isOpen: p,
+            onClose: d,
             "aria-modal": "true",
-            children: u ? /* @__PURE__ */ e(x, { menu: g, id: "more-items" }) : /* @__PURE__ */ e(
+            children: t ? /* @__PURE__ */ e(I, { menu: l, id: "more-items" }) : /* @__PURE__ */ e(
               F,
               {
-                selected: ((k = a == null ? void 0 : a.language) == null ? void 0 : k.language) || "",
-                options: (O = a == null ? void 0 : a.language) == null ? void 0 : O.options,
+                selected: ((g = a == null ? void 0 : a.language) == null ? void 0 : g.language) || "",
+                options: (C = a == null ? void 0 : a.language) == null ? void 0 : C.options,
                 id: "language-list"
               }
             )
@@ -229,38 +232,42 @@ const q = ({
     }
   );
 };
-function E({ menu: s, split: r }) {
-  const { breakpoint: c } = H(), [n, a] = C(!1), [m, _] = C(!1), u = L(null), i = ["xl", "xxl"].includes(c || "md"), b = i ? r.desktop : r.mobile, h = s.slice(0, b), p = s.slice(b);
-  return {
-    menu: { facade: h, more: p },
+function X({ menu: s, split: r }) {
+  const { breakpoint: c } = H(), [n, a] = x(!1), [m, _] = x(!1), [t, o] = x(!1), $ = L(null), h = ["xl", "xxl"].includes(c || "md"), d = h ? r.desktop : r.mobile, u = s.slice(0, d), p = s.slice(d);
+  return y(() => {
+    o(!0);
+  }, []), {
+    menu: { facade: u, more: p },
     more: [n, a],
     mobile: [m, _],
-    isDesktop: i,
-    ref: u
+    isDesktop: h,
+    isClient: t,
+    ref: $
   };
 }
-const X = ({ className: s, menu: r, more: c }) => {
-  const { prefix: n } = $(), a = `${n}--nav-menu`;
-  return /* @__PURE__ */ o("div", { className: d(a, s), children: [
-    /* @__PURE__ */ e("ul", { className: `${a}__list`, children: r.map((m) => {
-      var _;
+const j = ({ className: s, menu: r, more: c }) => {
+  const { prefix: n } = v(), a = `${n}--nav-menu`;
+  return /* @__PURE__ */ i("div", { className: b(a, s), children: [
+    /* @__PURE__ */ e("ul", { className: `${a}__list`, children: r.map(({ isActive: m, ..._ }) => {
+      var o;
+      const t = typeof m == "function" ? m() : m;
       return /* @__PURE__ */ e("li", { className: `${a}__item`, children: /* @__PURE__ */ e(
-        v,
+        f,
         {
-          ...m,
-          className: d({
+          ..._,
+          className: b({
             [`${a}__link`]: !0,
-            [`${a}__link--active`]: m.isActive,
-            [m.className || ""]: m.className
+            [`${a}__link--active`]: t,
+            [_.className || ""]: _.className
           })
         }
-      ) }, (_ = m.label) == null ? void 0 : _.toString());
+      ) }, (o = _.label) == null ? void 0 : o.toString());
     }) }),
-    c && /* @__PURE__ */ o(
+    c && /* @__PURE__ */ i(
       "button",
       {
         onClick: c.onClick,
-        className: d({
+        className: b({
           [`${a}__more`]: !0,
           [`${a}__more--open`]: c.isOpen
         }),
@@ -273,7 +280,7 @@ const X = ({ className: s, menu: r, more: c }) => {
       }
     )
   ] });
-}, J = I(
+}, J = O(
   ({
     props: {
       branding: s,
@@ -281,19 +288,20 @@ const X = ({ className: s, menu: r, more: c }) => {
       widgets: n
     }
   }, a) => {
-    const { prefix: m } = $(), {
-      menu: { facade: _, more: u },
-      more: [i, b],
-      mobile: [h, p],
-      isDesktop: t,
-      ref: N
-    } = E({ menu: r, split: { desktop: 4, mobile: 2 } });
-    A(a, () => N.current);
+    const { prefix: m } = v(), {
+      menu: { facade: _, more: t },
+      more: [o, $],
+      mobile: [h, d],
+      isDesktop: u,
+      ref: p,
+      isClient: N
+    } = X({ menu: r, split: { desktop: 4, mobile: 2 } });
+    B(a, () => p.current);
     const l = `${m}--subsite-nav-compact`;
-    return /* @__PURE__ */ o("header", { ref: N, className: l, children: [
-      /* @__PURE__ */ o("div", { className: `${l}__container`, children: [
-        /* @__PURE__ */ o("nav", { className: `${l}__nav`, children: [
-          /* @__PURE__ */ o(
+    return /* @__PURE__ */ i("header", { ref: p, className: l, children: [
+      /* @__PURE__ */ i("div", { className: `${l}__container`, children: [
+        /* @__PURE__ */ i("nav", { className: `${l}__nav`, children: [
+          /* @__PURE__ */ i(
             "div",
             {
               className: `${l}__branding`,
@@ -308,39 +316,39 @@ const X = ({ className: s, menu: r, more: c }) => {
             }
           ),
           /* @__PURE__ */ e(
-            X,
+            j,
             {
               className: `${l}__menu`,
               menu: _,
-              more: {
+              more: t.length ? {
                 label: c.more,
-                onClick: () => b(!i),
-                isOpen: i
-              }
+                onClick: () => $(!o),
+                isOpen: o
+              } : void 0
             }
           )
         ] }),
-        n && /* @__PURE__ */ o("div", { className: `${l}__widget-bar`, children: [
+        n && /* @__PURE__ */ i("div", { className: `${l}__widget-bar`, children: [
           /* @__PURE__ */ e("span", { className: `${l}__widget-bar-corner` }),
-          /* @__PURE__ */ o("div", { className: `${l}__widget-bar-content`, children: [
+          /* @__PURE__ */ i("div", { className: `${l}__widget-bar-content`, children: [
             n.link && /* @__PURE__ */ e(
-              v,
+              f,
               {
                 className: `${l}__widget-bar-link`,
                 href: n.link.href,
                 label: n.link.label
               }
             ),
-            n.language && /* @__PURE__ */ e("div", { className: `${l}__widget-bar-language`, children: /* @__PURE__ */ e(
+            n.language && N && /* @__PURE__ */ e("div", { className: `${l}__widget-bar-language`, children: /* @__PURE__ */ e(
               D,
               {
                 theme: "dark",
                 ...n.language,
-                hideIcon: !t
+                hideIcon: !u
               }
             ) }),
             n.search && /* @__PURE__ */ e(
-              v,
+              f,
               {
                 href: n.search.url,
                 className: `${l}__widget-bar-search`,
@@ -356,18 +364,18 @@ const X = ({ className: s, menu: r, more: c }) => {
             className: `${l}__burger`,
             "aria-label": "Toggle navigation",
             "aria-expanded": h,
-            onClick: () => p(!h),
+            onClick: () => d(!h),
             children: /* @__PURE__ */ e("span", { className: `${l}__burger-icon` })
           }
         )
       ] }),
-      /* @__PURE__ */ e(P, { isOpen: i, navRef: N, children: /* @__PURE__ */ e(y, { menu: u }) }),
-      /* @__PURE__ */ e(
-        T,
+      t && N && /* @__PURE__ */ e(P, { isOpen: o, navRef: p, children: /* @__PURE__ */ e(T, { menu: t }) }),
+      N && /* @__PURE__ */ e(
+        E,
         {
           isOpen: h,
           onClose: () => {
-            p(!1);
+            d(!1);
           },
           navigationProps: {
             widgets: n,
@@ -381,7 +389,7 @@ const X = ({ className: s, menu: r, more: c }) => {
       )
     ] });
   }
-), K = I(
+), K = O(
   ({
     props: {
       branding: s,
@@ -389,56 +397,57 @@ const X = ({ className: s, menu: r, more: c }) => {
       widgets: n
     }
   }, a) => {
-    var g, f, k;
-    const { prefix: m } = $(), {
-      menu: { facade: _, more: u },
-      more: [i, b],
-      mobile: [h, p],
-      isDesktop: t,
-      ref: N
-    } = E({ menu: r, split: { desktop: 6, mobile: 5 } });
-    A(a, () => N.current);
+    var k, g, C;
+    const { prefix: m } = v(), {
+      menu: { facade: _, more: t },
+      more: [o, $],
+      mobile: [h, d],
+      isDesktop: u,
+      ref: p,
+      isClient: N
+    } = X({ menu: r, split: { desktop: 6, mobile: 5 } });
+    B(a, () => p.current);
     const l = `${m}--subsite-nav-complex`;
-    return /* @__PURE__ */ o("header", { ref: N, className: l, children: [
-      /* @__PURE__ */ e("div", { className: d(`${l}-bg--light`), children: /* @__PURE__ */ o(
+    return /* @__PURE__ */ i("header", { ref: p, className: l, children: [
+      /* @__PURE__ */ e("div", { className: b(`${l}-bg--light`), children: /* @__PURE__ */ i(
         "div",
         {
-          className: d(
+          className: b(
             `${l}__widgets`,
             `${l}__container`
           ),
           children: [
             /* @__PURE__ */ e("span", { className: `${l}__widgets-bar-corner` }),
-            /* @__PURE__ */ o("span", { className: `${l}__widgets-bar`, children: [
+            /* @__PURE__ */ i("span", { className: `${l}__widgets-bar`, children: [
               (n == null ? void 0 : n.link) && /* @__PURE__ */ e(
-                v,
+                f,
                 {
                   href: n.link.href,
                   label: n.link.label,
                   className: `${l}__widgets-bar__link`
                 }
               ),
-              (n == null ? void 0 : n.language) && /* @__PURE__ */ e(
+              (n == null ? void 0 : n.language) && N && /* @__PURE__ */ e(
                 D,
                 {
                   className: `${l}__widgets-bar__language`,
                   ...n.language,
-                  hideIcon: !t
+                  hideIcon: !u
                 }
               )
             ] })
           ]
         }
       ) }),
-      /* @__PURE__ */ e("div", { className: d(`${l}-bg--light`), children: /* @__PURE__ */ o(
+      /* @__PURE__ */ e("div", { className: b(`${l}-bg--light`), children: /* @__PURE__ */ i(
         "div",
         {
-          className: d(
+          className: b(
             `${l}__branding`,
             `${l}__container`
           ),
           children: [
-            /* @__PURE__ */ o("div", { className: `${l}__branding-main`, children: [
+            /* @__PURE__ */ i("div", { className: `${l}__branding-main`, children: [
               /* @__PURE__ */ e(
                 "div",
                 {
@@ -452,22 +461,22 @@ const X = ({ className: s, menu: r, more: c }) => {
               ),
               /* @__PURE__ */ e("h3", { className: `${l}__branding-main__name`, children: s.name })
             ] }),
-            /* @__PURE__ */ o("div", { className: `${l}__branding-tag`, children: [
-              /* @__PURE__ */ e("h4", { className: `${l}__branding-tag__main`, children: (g = s.tag) == null ? void 0 : g.main }),
-              ((f = s.tag) == null ? void 0 : f.sub) && /* @__PURE__ */ e("span", { className: `${l}__branding-tag__sub`, children: (k = s.tag) == null ? void 0 : k.sub })
+            /* @__PURE__ */ i("div", { className: `${l}__branding-tag`, children: [
+              /* @__PURE__ */ e("h4", { className: `${l}__branding-tag__main`, children: (k = s.tag) == null ? void 0 : k.main }),
+              ((g = s.tag) == null ? void 0 : g.sub) && /* @__PURE__ */ e("span", { className: `${l}__branding-tag__sub`, children: (C = s.tag) == null ? void 0 : C.sub })
             ] })
           ]
         }
       ) }),
-      /* @__PURE__ */ e("div", { className: d(`${l}-bg--dark`), children: /* @__PURE__ */ o(
+      /* @__PURE__ */ e("div", { className: b(`${l}-bg--dark`), children: /* @__PURE__ */ i(
         "nav",
         {
-          className: d(
+          className: b(
             `${l}__nav`,
             `${l}__container`
           ),
           children: [
-            /* @__PURE__ */ o("div", { className: `${l}__nav-mobile`, children: [
+            /* @__PURE__ */ i("div", { className: `${l}__nav-mobile`, children: [
               /* @__PURE__ */ e(
                 "div",
                 {
@@ -481,16 +490,16 @@ const X = ({ className: s, menu: r, more: c }) => {
               ),
               /* @__PURE__ */ e("h3", { className: `${l}__nav-mobile__name`, children: s.name })
             ] }),
-            /* @__PURE__ */ e(
-              X,
+            _ && /* @__PURE__ */ e(
+              j,
               {
                 className: `${l}__nav-menu`,
                 menu: _,
-                more: {
+                more: t.length ? {
                   label: c.more,
-                  onClick: () => b(!i),
-                  isOpen: i
-                }
+                  onClick: () => $(!o),
+                  isOpen: o
+                } : void 0
               }
             ),
             (n == null ? void 0 : n.search) && /* @__PURE__ */ e(
@@ -508,20 +517,20 @@ const X = ({ className: s, menu: r, more: c }) => {
                 className: `${l}__nav-burger`,
                 "aria-label": "Toggle navigation",
                 "aria-expanded": h,
-                onClick: () => p(!h),
+                onClick: () => d(!h),
                 children: /* @__PURE__ */ e("span", { className: `${l}__nav-burger__icon` })
               }
             )
           ]
         }
       ) }),
-      /* @__PURE__ */ e(P, { isOpen: i, navRef: N, children: /* @__PURE__ */ e(y, { menu: u }) }),
-      /* @__PURE__ */ e(
-        T,
+      t && N && /* @__PURE__ */ e(P, { isOpen: o, navRef: p, children: /* @__PURE__ */ e(T, { menu: t }) }),
+      N && /* @__PURE__ */ e(
+        E,
         {
           isOpen: h,
           onClose: () => {
-            p(!1);
+            d(!1);
           },
           navigationProps: {
             widgets: n,
@@ -538,7 +547,7 @@ const X = ({ className: s, menu: r, more: c }) => {
 ), Q = {
   complex: K,
   compact: J
-}, ee = I(
+}, ee = O(
   ({ type: s = "compact", props: r }, c) => {
     const n = Q[s];
     return /* @__PURE__ */ e(n, { ref: c, props: r });

package/lib/esm/_store/{TableOfContents-chunk-DhH7YZym.js → TableOfContents-chunk-DZGMY0rb.js}

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { c } from "./index-chunk-CY3PQDr4.js";
-import { u as i } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { u as i } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
 const m = ({ className: t, items: a }) => {
   const { prefix: n } = i(), s = `${n}--table-of-contents`, r = c(t, {
     [s]: !0