zudoku 0.24.0 → 0.25.0

package/lib/zudoku.components.js

@@ -1,8 +1,8 @@
-var dt = Object.defineProperty;
+var ut = Object.defineProperty;
 var ve = (e) => {
   throw TypeError(e);
 };
-var ht = (e, t, s) => t in e ? dt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var ht = (e, t, s) => t in e ? ut(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
 var k = (e, t, s) => ht(e, typeof t != "symbol" ? t + "" : t, s), je = (e, t, s) => t.has(e) || ve("Cannot " + s);
 var c = (e, t, s) => (je(e, t, "read from private field"), s ? s.call(e) : t.get(e)), C = (e, t, s) => t.has(e) ? ve("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), b = (e, t, s, n) => (je(e, t, "write to private field"), n ? n.call(e, s) : t.set(e, s), s);
 var Y = (e, t, s, n) => ({
@@ -13,8 +13,8 @@ var Y = (e, t, s, n) => ({
     return c(e, t, n);
   }
 });
-import { a as Fe, H as ue } from "./index.esm-BSV1C092.js";
-import { R as ft, S as gt, e as mt, f as te, b as pt, u as de, g as he, L as fe, O as Be } from "./chunk-D52XG6IA-Dl7HLe6j.js";
+import { a as Fe, H as de } from "./index.esm-BSV1C092.js";
+import { R as ft, S as gt, e as mt, f as te, b as pt, u as ue, g as he, L as fe, O as Be } from "./chunk-D52XG6IA-Dl7HLe6j.js";
 import { M as xt, u as U } from "./hook-CHq7pFyz.js";
 import { E as ze, S as D, a as yt, R as bt } from "./SlotletProvider-pfc9oejW.js";
 import { j as r } from "./jsx-runtime-Dx-03ztt.js";
@@ -35,7 +35,7 @@ import { c as Jt, a as Gt } from "./index-CPNSgwSb.js";
 import { A as es, M as ts, u as ss } from "./AnchorLink-DFZZbmvr.js";
 import * as re from "@radix-ui/react-collapsible";
 import { B as le } from "./Button-DeAoTouo.js";
-import { DropdownMenu as rs, DropdownMenuTrigger as ns, DropdownMenuContent as as, DropdownMenuLabel as is, DropdownMenuSeparator as ne, DropdownMenuSub as os, DropdownMenuSubTrigger as ls, DropdownMenuPortal as cs, DropdownMenuSubContent as us, DropdownMenuItem as ds } from "./ui/DropdownMenu.js";
+import { DropdownMenu as rs, DropdownMenuTrigger as ns, DropdownMenuContent as as, DropdownMenuLabel as is, DropdownMenuSeparator as ne, DropdownMenuSub as os, DropdownMenuSubTrigger as ls, DropdownMenuPortal as cs, DropdownMenuSubContent as ds, DropdownMenuItem as us } from "./ui/DropdownMenu.js";
 import { VisuallyHidden as Ge } from "@radix-ui/react-visually-hidden";
 import { z as hs, J as fs } from "./SyntaxHighlight-Bz-lOJtH.js";
 import { Z as gs } from "./invariant-Caa8-XvF.js";
@@ -194,7 +194,7 @@ function Oe(e) {
     onFetch: (t, s) => {
       var f, g, h, p, x;
       const n = t.options, a = (h = (g = (f = t.fetchOptions) == null ? void 0 : f.meta) == null ? void 0 : g.fetchMore) == null ? void 0 : h.direction, i = ((p = t.state.data) == null ? void 0 : p.pages) || [], o = ((x = t.state.data) == null ? void 0 : x.pageParams) || [];
-      let u = { pages: [], pageParams: [] }, d = 0;
+      let d = { pages: [], pageParams: [] }, u = 0;
       const l = async () => {
         let m = !1;
         const N = (v) => {
@@ -216,11 +216,11 @@ function Oe(e) {
             meta: t.options.meta
           };
           N(X);
-          const ut = await _(
+          const dt = await _(
             X
           ), { maxPages: ye } = t.options, be = K ? St : Dt;
           return {
-            pages: be(v.pages, ut, ye),
+            pages: be(v.pages, dt, ye),
             pageParams: be(v.pageParams, P, ye)
           };
         };
@@ -229,17 +229,17 @@ function Oe(e) {
             pages: i,
             pageParams: o
           }, X = P(n, K);
-          u = await L(K, X, v);
+          d = await L(K, X, v);
         } else {
           const v = e ?? i.length;
           do {
-            const P = d === 0 ? o[0] ?? n.initialPageParam : Me(n, u);
-            if (d > 0 && P == null)
+            const P = u === 0 ? o[0] ?? n.initialPageParam : Me(n, d);
+            if (u > 0 && P == null)
               break;
-            u = await L(u, P), d++;
-          } while (d < v);
+            d = await L(d, P), u++;
+          } while (u < v);
         }
-        return u;
+        return d;
       };
       t.options.persister ? t.fetchFn = () => {
         var m, N;
@@ -479,10 +479,10 @@ function bs(e) {
   return e;
 }
 function Ae(e, t, s) {
-  var d, l;
+  var u, l;
   if (typeof t != "object" || t === null)
     return;
-  const n = e.getMutationCache(), a = e.getQueryCache(), i = ((d = s == null ? void 0 : s.defaultOptions) == null ? void 0 : d.deserializeData) ?? ((l = e.getDefaultOptions().hydrate) == null ? void 0 : l.deserializeData) ?? bs, o = t.mutations || [], u = t.queries || [];
+  const n = e.getMutationCache(), a = e.getQueryCache(), i = ((u = s == null ? void 0 : s.defaultOptions) == null ? void 0 : u.deserializeData) ?? ((l = e.getDefaultOptions().hydrate) == null ? void 0 : l.deserializeData) ?? bs, o = t.mutations || [], d = t.queries || [];
   o.forEach(({ state: f, ...g }) => {
     var h, p;
     n.build(
@@ -494,7 +494,7 @@ function Ae(e, t, s) {
       },
       f
     );
-  }), u.forEach(({ queryKey: f, state: g, queryHash: h, meta: p, promise: x }) => {
+  }), d.forEach(({ queryKey: f, state: g, queryHash: h, meta: p, promise: x }) => {
     var _, L;
     let m = a.get(h);
     const N = g.data === void 0 ? g.data : i(g.data);
@@ -536,14 +536,14 @@ var vs = ({
   state: s,
   queryClient: n
 }) => {
-  const a = Et(n), [i, o] = $.useState(), u = $.useRef(t);
-  return u.current = t, $.useMemo(() => {
+  const a = Et(n), [i, o] = $.useState(), d = $.useRef(t);
+  return d.current = t, $.useMemo(() => {
     if (s) {
       if (typeof s != "object")
         return;
-      const d = a.getQueryCache(), l = s.queries || [], f = [], g = [];
+      const u = a.getQueryCache(), l = s.queries || [], f = [], g = [];
       for (const h of l) {
-        const p = d.get(h.queryHash);
+        const p = u.get(h.queryHash);
         if (!p)
           f.push(h);
         else {
@@ -553,12 +553,12 @@ var vs = ({
           x && (!m || h.state.dataUpdatedAt > m.state.dataUpdatedAt) && g.push(h);
         }
       }
-      f.length > 0 && Ae(a, { queries: f }, u.current), g.length > 0 && o(
+      f.length > 0 && Ae(a, { queries: f }, d.current), g.length > 0 && o(
         (h) => h ? [...h, ...g] : g
       );
     }
   }, [a, i, s]), $.useEffect(() => {
-    i && (Ae(a, { queries: i }, u.current), o(void 0));
+    i && (Ae(a, { queries: i }, d.current), o(void 0));
   }, [a, i]), e;
 };
 function js({ error: e }) {
@@ -604,28 +604,28 @@ function Ss() {
         ssr: !0
       };
       function i() {
-        const [u, d] = n.useState(!0);
+        const [d, u] = n.useState(!0);
         return n.useEffect(() => {
-          d(!1);
-        }, []), u;
+          u(!1);
+        }, []), d;
       }
-      function o(u, d) {
-        d = Object.assign({}, a, d);
-        const l = i() && d.ssr, f = l && u ? "DISPLAY" : "IDLE", [g, h] = n.useState(f), p = n.useRef(null);
+      function o(d, u) {
+        u = Object.assign({}, a, u);
+        const l = i() && u.ssr, f = l && d ? "DISPLAY" : "IDLE", [g, h] = n.useState(f), p = n.useRef(null);
         return n.useEffect(() => {
-          if (u && (g === "IDLE" || l)) {
+          if (d && (g === "IDLE" || l)) {
             clearTimeout(p.current);
-            const x = l ? 0 : d.delay;
+            const x = l ? 0 : u.delay;
             p.current = setTimeout(() => {
-              if (!u)
+              if (!d)
                 return h("IDLE");
               p.current = setTimeout(() => {
                 h("EXPIRE");
-              }, d.minDuration), h("DISPLAY");
+              }, u.minDuration), h("DISPLAY");
             }, x), l || h("DELAY");
           }
-          !u && g !== "DISPLAY" && (clearTimeout(p.current), h("IDLE"));
-        }, [u, g, d.delay, d.minDuration, l]), n.useEffect(() => () => clearTimeout(p.current), []), g === "DISPLAY" || g === "EXPIRE";
+          !d && g !== "DISPLAY" && (clearTimeout(p.current), h("IDLE"));
+        }, [d, g, u.delay, u.minDuration, l]), n.useEffect(() => () => clearTimeout(p.current), []), g === "DISPLAY" || g === "EXPIRE";
       }
       s.defaultOptions = a, s.useSpinDelay = o;
     });
@@ -659,7 +659,7 @@ const Os = {
   onRequestClose: t
 }) => {
   var h, p;
-  const s = It(e), [n, a] = Q(!1), i = e.collapsible ?? !0, o = e.collapsed ?? !0, u = !!(!i || !o || s), [d, l] = Q(u), f = mt(((h = e.link) == null ? void 0 : h.id) ?? "");
+  const s = It(e), [n, a] = Q(!1), i = e.collapsible ?? !0, o = e.collapsed ?? !0, d = !!(!i || !o || s), [u, l] = Q(d), f = mt(((h = e.link) == null ? void 0 : h.id) ?? "");
   R(() => {
     s && l(!0);
   }, [s]);
@@ -686,8 +686,8 @@ const Os = {
     re.Root,
     {
       className: "flex flex-col",
-      defaultOpen: u,
-      open: d,
+      defaultOpen: d,
+      open: u,
       onOpenChange: () => l(!0),
       children: [
         /* @__PURE__ */ r.jsx(re.Trigger, { className: "group", asChild: !0, disabled: !i, children: /* @__PURE__ */ r.jsxs(
@@ -715,7 +715,7 @@ const Os = {
                   to: q(e.link.id),
                   className: "flex-1",
                   onClick: () => {
-                    f && !d && l(!0);
+                    f && !u && l(!0);
                   },
                   children: /* @__PURE__ */ r.jsxs(
                     "div",
@@ -855,7 +855,7 @@ const Os = {
   const s = e.getBoundingClientRect();
   s.top >= 0 && s.left >= 0 && s.bottom <= (window.innerHeight || document.documentElement.clientHeight) && s.right <= (window.innerWidth || document.documentElement.clientWidth) || e.scrollIntoView(t);
 }, Es = () => {
-  const e = de(), { setActiveAnchor: t } = ge();
+  const e = ue(), { setActiveAnchor: t } = ge();
   R(() => {
     if (!e.hash) return;
     const s = decodeURIComponent(e.hash.split("/")[0].slice(1)), n = () => {
@@ -870,7 +870,7 @@ const Os = {
     }
   }, [e.hash, t]);
 }, Is = () => {
-  const e = de(), t = me(e.pathname);
+  const e = ue(), t = me(e.pathname);
   R(() => {
     t.current !== e.pathname && (window.scrollTo(0, 0), t.current = e.pathname);
   }, [e.pathname]);
@@ -925,8 +925,8 @@ const Ts = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
   R(() => {
     if (s)
       return;
-    function o(u) {
-      u.key === "k" && (u.metaKey || u.ctrlKey) && (u.preventDefault(), n(!0));
+    function o(d) {
+      d.key === "k" && (d.metaKey || d.ctrlKey) && (d.preventDefault(), n(!0));
     }
     return window.addEventListener("keydown", o), () => {
       window.removeEventListener("keydown", o);
@@ -968,17 +968,17 @@ const Ts = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
   ) });
 }, rt = (e) => (t) => t.display === "auth" && e || t.display === "anon" && !e || !t.display || t.display === "always", Ks = () => {
   const { topNavigation: e } = T(), { isAuthenticated: t } = U();
-  return e.length <= 1 ? /* @__PURE__ */ r.jsx("style", { children: ":root { --top-nav-height: 0px; }" }) : /* @__PURE__ */ r.jsx(pe, { children: /* @__PURE__ */ r.jsx("nav", { className: "hidden lg:block border-b text-sm px-12 h-[--top-nav-height]", children: /* @__PURE__ */ r.jsx("ul", { className: "flex flex-row items-center gap-8", children: e.filter(rt(t)).map((s) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(nt, { ...s }) }, s.id)) }) }) });
+  return e.length <= 1 ? /* @__PURE__ */ r.jsx("style", { children: ":root { --top-nav-height: 0px; }" }) : /* @__PURE__ */ r.jsx(pe, { children: /* @__PURE__ */ r.jsx("nav", { className: "hidden lg:block text-sm px-12 h-[--top-nav-height]", children: /* @__PURE__ */ r.jsx("ul", { className: "flex flex-row items-center gap-8", children: e.filter(rt(t)).map((s) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(nt, { ...s }) }, s.id)) }) }) });
 }, nt = ({
   id: e,
   label: t,
   default: s
 }) => {
   var l;
-  const { sidebars: n } = T(), a = n[e], i = Ze(), o = !!he().location, u = ((l = i.topNavItem) == null ? void 0 : l.id) === e && !o, d = s ?? (a ? Qt(a, (f) => {
+  const { sidebars: n } = T(), a = n[e], i = Ze(), o = !!he().location, d = ((l = i.topNavItem) == null ? void 0 : l.id) === e && !o, u = s ?? (a ? Qt(a, (f) => {
     if (f.type === "doc") return q(f.id);
   }) : q(e));
-  if (!d)
+  if (!u)
     throw new gs("Page not found.", {
       developerHint: `No links found in top navigation for '${e}'. Check that the sidebar isn't empty or that a default link is set.`
     });
@@ -989,10 +989,10 @@ const Ts = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
       te,
       {
         className: ({ isPending: f }) => Gt(
-          "block lg:py-3.5 font-medium -mb-px border-b-2",
-          u || f ? "border-primary text-foreground" : "border-transparent text-foreground/75 hover:text-foreground hover:border-accent-foreground/25"
+          "block lg:py-3.5 font-medium -mb-px",
+          d || f ? "border-primary text-foreground" : "border-transparent text-foreground/75 hover:text-foreground hover:border-accent-foreground/25"
         ),
-        to: d,
+        to: u,
         children: t
       }
     )
@@ -1027,97 +1027,97 @@ const Ts = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
   );
 }, ee = ({ item: e }) => e.children ? /* @__PURE__ */ r.jsxs(os, { children: [
   /* @__PURE__ */ r.jsx(ls, { children: e.label }),
-  /* @__PURE__ */ r.jsx(cs, { children: /* @__PURE__ */ r.jsx(us, { children: e.children.map((t, s) => (
+  /* @__PURE__ */ r.jsx(cs, { children: /* @__PURE__ */ r.jsx(ds, { children: e.children.map((t, s) => (
     // eslint-disable-next-line react/no-array-index-key
     /* @__PURE__ */ r.jsx(ee, { item: t }, s)
   )) }) })
-] }, e.label) : /* @__PURE__ */ r.jsx(fe, { to: e.path ?? "", children: /* @__PURE__ */ r.jsxs(ds, { className: "flex gap-2", children: [
+] }, e.label) : /* @__PURE__ */ r.jsx(fe, { to: e.path ?? "", children: /* @__PURE__ */ r.jsxs(us, { className: "flex gap-2", children: [
   e.icon && /* @__PURE__ */ r.jsx(e.icon, { size: 16, strokeWidth: 1, absoluteStrokeWidth: !0 }),
   e.label
 ] }, e.label) }), at = Ue(function() {
-  const t = U(), { isAuthenticated: s, profile: n, isAuthEnabled: a } = U(), i = T(), { page: o, plugins: u } = i, d = u.filter((l) => Ts(l)).flatMap((l) => l.getProfileMenuItems(i)).sort((l) => l.weight ?? 0);
+  const t = U(), { isAuthenticated: s, profile: n, isAuthEnabled: a } = U(), i = T(), { page: o, plugins: d } = i, u = d.filter((l) => Ts(l)).flatMap((l) => l.getProfileMenuItems(i)).sort((l) => l.weight ?? 0);
   return /* @__PURE__ */ r.jsxs("header", { className: "sticky lg:top-0 z-10 bg-background/80 backdrop-blur w-full", children: [
     /* @__PURE__ */ r.jsx(Ls, {}),
-    /* @__PURE__ */ r.jsxs("div", { className: "max-w-screen-2xl mx-auto", children: [
-      /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-[1fr_auto] lg:grid-cols-[calc(var(--side-nav-width))_1fr] lg:gap-12 items-center border-b px-4 lg:px-12 h-[--top-header-height]", children: [
-        /* @__PURE__ */ r.jsx("div", { className: "flex", children: /* @__PURE__ */ r.jsx(fe, { to: "/", children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-3.5", children: [
-          (o == null ? void 0 : o.logo) && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-            /* @__PURE__ */ r.jsx(
-              "img",
-              {
-                src: /https?:\/\//.test(o.logo.src.light) ? o.logo.src.light : q(
-                  "/",
-                  o.logo.src.light
-                ),
-                alt: o.logo.alt ?? o.pageTitle,
-                style: { width: o.logo.width },
-                className: "h-10 dark:hidden",
-                loading: "lazy"
-              }
-            ),
-            /* @__PURE__ */ r.jsx(
-              "img",
-              {
-                src: /https?:\/\//.test(o.logo.src.dark) ? o.logo.src.dark : q(
-                  "/",
-                  o.logo.src.dark
-                ),
-                alt: o.logo.alt ?? o.pageTitle,
-                style: { width: o.logo.width },
-                className: "h-10 hidden dark:block",
-                loading: "lazy"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ r.jsx("span", { className: "font-bold text-2xl text-foreground/85 tracking-wide", children: o == null ? void 0 : o.pageTitle })
-        ] }) }) }),
-        /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-[--sidecar-grid-cols] items-center gap-8", children: [
-          /* @__PURE__ */ r.jsx("div", { className: "w-full justify-center hidden lg:flex", children: /* @__PURE__ */ r.jsx(tt, {}) }),
-          /* @__PURE__ */ r.jsx($s, {}),
-          /* @__PURE__ */ r.jsxs("div", { className: "hidden lg:flex items-center justify-self-end text-sm gap-2", children: [
-            /* @__PURE__ */ r.jsx(D, { name: "head-navigation-start" }),
-            a && /* @__PURE__ */ r.jsx(
-              xe,
-              {
-                fallback: /* @__PURE__ */ r.jsx(Qs, { className: "rounded h-5 w-24 mr-4" }),
-                children: s ? Object.values(d).length > 0 && /* @__PURE__ */ r.jsxs(rs, { modal: !1, children: [
-                  /* @__PURE__ */ r.jsx(ns, { asChild: !0, children: /* @__PURE__ */ r.jsx(le, { variant: "ghost", children: n != null && n.name ? `${n.name}` : "My Account" }) }),
-                  /* @__PURE__ */ r.jsxs(as, { className: "w-56", children: [
-                    /* @__PURE__ */ r.jsxs(is, { children: [
-                      n != null && n.name ? `${n.name}` : "My Account",
-                      (n == null ? void 0 : n.email) && /* @__PURE__ */ r.jsx("div", { className: "font-normal text-muted-foreground", children: n.email })
-                    ] }),
-                    d.filter((l) => l.category === "top").length > 0 && /* @__PURE__ */ r.jsx(ne, {}),
-                    d.filter((l) => l.category === "top").map((l) => /* @__PURE__ */ r.jsx(ee, { item: l }, l.label)),
-                    d.filter(
-                      (l) => !l.category || l.category === "middle"
-                    ).length > 0 && /* @__PURE__ */ r.jsx(ne, {}),
-                    d.filter(
-                      (l) => !l.category || l.category === "middle"
-                    ).map((l) => /* @__PURE__ */ r.jsx(ee, { item: l }, l.label)),
-                    d.filter((l) => l.category === "bottom").length > 0 && /* @__PURE__ */ r.jsx(ne, {}),
-                    d.filter((l) => l.category === "bottom").map((l) => /* @__PURE__ */ r.jsx(ee, { item: l }, l.label))
-                  ] })
-                ] }) : /* @__PURE__ */ r.jsx(le, { variant: "ghost", onClick: () => t.login(), children: "Login" })
-              }
-            ),
-            /* @__PURE__ */ r.jsx(st, {}),
-            /* @__PURE__ */ r.jsx(D, { name: "head-navigation-end" })
-          ] })
+    /* @__PURE__ */ r.jsx("div", { className: "border-b", children: /* @__PURE__ */ r.jsxs("div", { className: "max-w-screen-2xl border-l border-r mx-auto grid grid-cols-[1fr_auto] lg:grid-cols-[calc(var(--side-nav-width))_1fr] lg:gap-12 items-center px-4 lg:px-12 h-[--top-header-height]", children: [
+      /* @__PURE__ */ r.jsx("div", { className: "flex", children: /* @__PURE__ */ r.jsx(fe, { to: "/", children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-3.5", children: [
+        (o == null ? void 0 : o.logo) && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+          /* @__PURE__ */ r.jsx(
+            "img",
+            {
+              src: /https?:\/\//.test(o.logo.src.light) ? o.logo.src.light : q(
+                "/",
+                o.logo.src.light
+              ),
+              alt: o.logo.alt ?? o.pageTitle,
+              style: { width: o.logo.width },
+              className: "h-10 dark:hidden",
+              loading: "lazy"
+            }
+          ),
+          /* @__PURE__ */ r.jsx(
+            "img",
+            {
+              src: /https?:\/\//.test(o.logo.src.dark) ? o.logo.src.dark : q(
+                "/",
+                o.logo.src.dark
+              ),
+              alt: o.logo.alt ?? o.pageTitle,
+              style: { width: o.logo.width },
+              className: "h-10 hidden dark:block",
+              loading: "lazy"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r.jsx("span", { className: "font-bold text-2xl text-foreground/85 tracking-wide", children: o == null ? void 0 : o.pageTitle })
+      ] }) }) }),
+      /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-[--sidecar-grid-cols] items-center gap-8", children: [
+        /* @__PURE__ */ r.jsx("div", { className: "w-full justify-center hidden lg:flex", children: /* @__PURE__ */ r.jsx(tt, {}) }),
+        /* @__PURE__ */ r.jsx($s, {}),
+        /* @__PURE__ */ r.jsxs("div", { className: "hidden lg:flex items-center justify-self-end text-sm gap-2", children: [
+          /* @__PURE__ */ r.jsx(D, { name: "head-navigation-start" }),
+          a && /* @__PURE__ */ r.jsx(
+            xe,
+            {
+              fallback: /* @__PURE__ */ r.jsx(Qs, { className: "rounded h-5 w-24 mr-4" }),
+              children: s ? Object.values(u).length > 0 && /* @__PURE__ */ r.jsxs(rs, { modal: !1, children: [
+                /* @__PURE__ */ r.jsx(ns, { asChild: !0, children: /* @__PURE__ */ r.jsx(le, { variant: "ghost", children: n != null && n.name ? `${n.name}` : "My Account" }) }),
+                /* @__PURE__ */ r.jsxs(as, { className: "w-56", children: [
+                  /* @__PURE__ */ r.jsxs(is, { children: [
+                    n != null && n.name ? `${n.name}` : "My Account",
+                    (n == null ? void 0 : n.email) && /* @__PURE__ */ r.jsx("div", { className: "font-normal text-muted-foreground", children: n.email })
+                  ] }),
+                  u.filter((l) => l.category === "top").length > 0 && /* @__PURE__ */ r.jsx(ne, {}),
+                  u.filter((l) => l.category === "top").map((l) => /* @__PURE__ */ r.jsx(ee, { item: l }, l.label)),
+                  u.filter(
+                    (l) => !l.category || l.category === "middle"
+                  ).length > 0 && /* @__PURE__ */ r.jsx(ne, {}),
+                  u.filter(
+                    (l) => !l.category || l.category === "middle"
+                  ).map((l) => /* @__PURE__ */ r.jsx(ee, { item: l }, l.label)),
+                  u.filter((l) => l.category === "bottom").length > 0 && /* @__PURE__ */ r.jsx(ne, {}),
+                  u.filter((l) => l.category === "bottom").map((l) => /* @__PURE__ */ r.jsx(ee, { item: l }, l.label))
+                ] })
+              ] }) : /* @__PURE__ */ r.jsx(le, { variant: "ghost", onClick: () => t.login(), children: "Login" })
+            }
+          ),
+          /* @__PURE__ */ r.jsx(st, {}),
+          /* @__PURE__ */ r.jsx(D, { name: "head-navigation-end" })
         ] })
-      ] }),
+      ] })
+    ] }) }),
+    /* @__PURE__ */ r.jsx("div", { className: "border-b", children: /* @__PURE__ */ r.jsxs("div", { className: "max-w-screen-2xl mx-auto border-l border-r", children: [
       /* @__PURE__ */ r.jsx(D, { name: "top-navigation-before" }),
       /* @__PURE__ */ r.jsx(Ks, {}),
       /* @__PURE__ */ r.jsx(D, { name: "top-navigation-after" })
-    ] })
+    ] }) })
   ] });
 }), it = Bt(({ children: e, className: t, pushMainContent: s }, n) => /* @__PURE__ */ r.jsx(
   "nav",
   {
     "data-navigation": String(s),
     className: O(
-      "scrollbar peer hidden lg:flex flex-col fixed text-sm overflow-y-auto shrink-0",
-      "-mx-[--padding-nav-item] pb-20 mt-[--padding-content-top]",
+      "scrollbar peer hidden lg:flex flex-col fixed text-sm overflow-y-auto shrink-0 border-r pr-10",
+      "-mx-[--padding-nav-item] pb-20 pt-[--padding-content-top]",
       "w-[--side-nav-width] h-[calc(100%-var(--header-height))] scroll-pt-2 gap-2",
       t
     ),
@@ -1163,7 +1163,7 @@ const Zs = ({
     )
   ] });
 }, Qe = () => /* @__PURE__ */ r.jsx("main", { className: "grid h-[calc(100vh-var(--header-height))] place-items-center", children: /* @__PURE__ */ r.jsx(He, {}) }), Vs = ({ children: e }) => {
-  const t = de(), { setActiveAnchor: s } = ge(), { meta: n, authentication: a } = T();
+  const t = ue(), { setActiveAnchor: s } = ge(), { meta: n, authentication: a } = T();
   Es(), Is();
   const i = me(t.pathname);
   R(() => {
@@ -1172,24 +1172,24 @@ const Zs = ({
   }, [a]), R(() => {
     t.pathname !== i.current && s(""), i.current = t.pathname;
   }, [t.pathname, s]);
-  const o = !!he().location, u = Ds.useSpinDelay(o, {
+  const o = !!he().location, d = Ds.useSpinDelay(o, {
     delay: 300,
     minDuration: 500
-  }), [d, l] = Q(!1);
+  }), [u, l] = Q(!1);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     !1,
-    /* @__PURE__ */ r.jsxs(ue, { titleTemplate: n == null ? void 0 : n.title, children: [
+    /* @__PURE__ */ r.jsxs(de, { titleTemplate: n == null ? void 0 : n.title, children: [
       (n == null ? void 0 : n.description) && /* @__PURE__ */ r.jsx("meta", { name: "description", content: n.description }),
       (n == null ? void 0 : n.favicon) && /* @__PURE__ */ r.jsx("link", { rel: "icon", href: n.favicon })
     ] }),
     /* @__PURE__ */ r.jsx(D, { name: "layout-before-head" }),
     /* @__PURE__ */ r.jsx(at, {}),
     /* @__PURE__ */ r.jsx(D, { name: "layout-after-head" }),
-    /* @__PURE__ */ r.jsx("div", { className: "w-full max-w-screen-2xl mx-auto px-4 lg:px-12", children: u ? /* @__PURE__ */ r.jsx(Qe, {}) : /* @__PURE__ */ r.jsx(pe, { fallback: /* @__PURE__ */ r.jsx(Qe, {}), children: /* @__PURE__ */ r.jsxs(
+    /* @__PURE__ */ r.jsx("div", { className: "w-full max-w-screen-2xl mx-auto px-4 lg:px-12 border-l border-r", children: d ? /* @__PURE__ */ r.jsx(Qe, {}) : /* @__PURE__ */ r.jsx(pe, { fallback: /* @__PURE__ */ r.jsx(Qe, {}), children: /* @__PURE__ */ r.jsxs(
       _e,
       {
         direction: "left",
-        open: d,
+        open: u,
         onOpenChange: (f) => l(f),
         children: [
           /* @__PURE__ */ r.jsx(Zs, { onRequestClose: () => l(!1) }),
@@ -1283,18 +1283,18 @@ class Ws extends zt {
       didCatch: i,
       error: o
     } = this.state;
-    let u = t;
+    let d = t;
     if (i) {
-      const d = {
+      const u = {
         error: o,
         resetErrorBoundary: this.resetErrorBoundary
       };
       if (typeof s == "function")
-        u = s(d);
+        d = s(u);
       else if (n)
-        u = De(n, d);
+        d = De(n, u);
       else if (a !== void 0)
-        u = a;
+        d = a;
       else
         throw o;
     }
@@ -1304,7 +1304,7 @@ class Ws extends zt {
         error: o,
         resetErrorBoundary: this.resetErrorBoundary
       }
-    }, u);
+    }, d);
   }
 }
 function _s() {
@@ -1379,27 +1379,27 @@ const ot = {
         ...wt,
         ...(x = t.mdx) == null ? void 0 : x.components
       };
-    }, [(g = t.mdx) == null ? void 0 : g.components, t.plugins]), { stagger: a } = Ht(oe), [i, o] = Q(!1), u = se(
+    }, [(g = t.mdx) == null ? void 0 : g.components, t.plugins]), { stagger: a } = Ht(oe), [i, o] = Q(!1), d = se(
       () => i ? { stagger: !0 } : { stagger: a },
       [a, i]
-    ), d = he();
+    ), u = he();
     R(() => {
       i || o(!0);
-    }, [i, d.location]);
+    }, [i, u.location]);
     const [l] = Q(() => new Xs(t)), f = (h = t.plugins) == null ? void 0 : h.filter(Bs).map((p, x) => {
       var m;
       return /* @__PURE__ */ r.jsx(Lt, { children: (m = p.getHead) == null ? void 0 : m.call(p) }, x);
     });
     return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      /* @__PURE__ */ r.jsx(ue, { children: f }),
-      /* @__PURE__ */ r.jsx(oe.Provider, { value: u, children: /* @__PURE__ */ r.jsx(er, { context: l, children: /* @__PURE__ */ r.jsx(ts, { components: n, children: /* @__PURE__ */ r.jsx(fs, { attribute: "class", disableTransitionOnChange: !0, children: /* @__PURE__ */ r.jsx(Gs, { value: s, children: /* @__PURE__ */ r.jsx(yt, { slotlets: t.slotlets, children: /* @__PURE__ */ r.jsx(kt, { children: e ?? /* @__PURE__ */ r.jsx(Be, {}) }) }) }) }) }) }) })
+      /* @__PURE__ */ r.jsx(de, { children: f }),
+      /* @__PURE__ */ r.jsx(oe.Provider, { value: d, children: /* @__PURE__ */ r.jsx(er, { context: l, children: /* @__PURE__ */ r.jsx(ts, { components: n, children: /* @__PURE__ */ r.jsx(fs, { attribute: "class", disableTransitionOnChange: !0, children: /* @__PURE__ */ r.jsx(Gs, { value: s, children: /* @__PURE__ */ r.jsx(yt, { slotlets: t.slotlets, children: /* @__PURE__ */ r.jsx(kt, { children: e ?? /* @__PURE__ */ r.jsx(Be, {}) }) }) }) }) }) }) })
     ] });
   }
 );
 lt.displayName = "ZudokoInner";
 const ct = (e) => /* @__PURE__ */ r.jsx(Ws, { FallbackComponent: Ys, children: /* @__PURE__ */ r.jsx(lt, { ...e }) });
 ct.displayName = "Zudoku";
-const Nr = ss, Pr = Vs, Sr = bt, Dr = js, Or = Cs, Mr = Ns, Ar = ue, Er = T, Ir = U, Qr = ct, Tr = jt, qr = Ct, Rr = He, Fr = xe, Br = vt, zr = fe;
+const Nr = ss, Pr = Vs, Sr = bt, Dr = js, Or = Cs, Mr = Ns, Ar = de, Er = T, Ir = U, Qr = ct, Tr = jt, qr = Ct, Rr = He, Fr = xe, Br = vt, zr = fe;
 export {
   Or as Bootstrap,
   Mr as BootstrapStatic,