zudoku 0.0.0-f9d5b02 → 0.0.0-fb7d300

package/lib/zudoku.components.js

@@ -1,58 +1,59 @@
-var mt = Object.defineProperty;
-var we = (e) => {
+var yt = Object.defineProperty;
+var Pe = (e) => {
   throw TypeError(e);
 };
-var gt = (e, t, r) => t in e ? mt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var N = (e, t, r) => gt(e, typeof t != "symbol" ? t + "" : t, r), Ne = (e, t, r) => t.has(e) || we("Cannot " + r);
-var l = (e, t, r) => (Ne(e, t, "read from private field"), r ? r.call(e) : t.get(e)), C = (e, t, r) => t.has(e) ? we("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), y = (e, t, r, s) => (Ne(e, t, "write to private field"), s ? s.call(e, r) : t.set(e, r), r);
-var X = (e, t, r, s) => ({
+var bt = (e, t, r) => t in e ? yt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var S = (e, t, r) => bt(e, typeof t != "symbol" ? t + "" : t, r), Ce = (e, t, r) => t.has(e) || Pe("Cannot " + r);
+var c = (e, t, r) => (Ce(e, t, "read from private field"), r ? r.call(e) : t.get(e)), N = (e, t, r) => t.has(e) ? Pe("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), y = (e, t, r, s) => (Ce(e, t, "write to private field"), s ? s.call(e, r) : t.set(e, r), r);
+var J = (e, t, r, s) => ({
   set _(n) {
     y(e, t, n, r);
   },
   get _() {
-    return l(e, t, s);
+    return c(e, t, s);
   }
 });
-import { a as Fe, A as pt, H as he, M as vt, u as xt } from "./AnchorLink-CDlhr8gL.js";
-import { d as yt, R as bt, N as ae, u as jt, L as ne } from "./index-Yn8c3UWE.js";
-import { u as wt } from "./state-BsPrOUAh.js";
-import { E as qe, S as O, a as Nt, R as Ct } from "./SlotletProvider-D2v6rJy1.js";
+import { a as He, A as jt, H as me, M as wt, u as St } from "./AnchorLink-CDlhr8gL.js";
+import { d as Nt, R as Et, N as ae, u as Pt, L as ge } from "./index-Yn8c3UWE.js";
+import { u as Ct } from "./state-tsXBLONe.js";
+import { E as Ue, S as D, a as kt, R as At } from "./SlotletProvider-DyomlzGx.js";
 import { j as a } from "./jsx-runtime-B6kdoens.js";
-import { Button as St } from "./ui/Button.js";
-import { Callout as Pt } from "./ui/Callout.js";
-import { S as ze, l as Be, Q as Et, n as w, m as Ce, o as Se, p as M, q as kt, r as At, t as Ot, v as Mt, w as Pe, x as Ee, y as Dt, h as ke, z as Ae, A as Rt, d as It, B as He, C as Tt, j as F, u as _, D as Le, E as Qt, g as _t, Z as Ft } from "./utils-DcpDOncX.js";
-import { M as qt, u as se } from "./hook-Diu0rqp-.js";
+import { Button as Dt } from "./ui/Button.js";
+import { Callout as Ot } from "./ui/Callout.js";
+import { S as $e, l as Ke, Q as Mt, n as w, m as ke, o as Ae, p as O, q as Rt, r as It, t as Tt, v as _t, w as De, x as Oe, y as Ft, h as Me, z as Re, A as Qt, d as qt, B as Ve, C as Lt, j as Q, u as F, D as Ze, E as zt, g as Bt, Z as Ht } from "./utils-DcpDOncX.js";
+import { M as Ut, u as se } from "./hook-hEqe7fPB.js";
 import * as G from "react";
-import zt, { useMemo as re, StrictMode as Ue, useState as U, useEffect as q, useRef as fe, useCallback as Bt, Suspense as me, memo as Ke, forwardRef as Ht, createContext as $e, Component as Lt, createElement as Oe, useContext as Ut, Fragment as Kt } from "react";
-import { a as ge } from "./_commonjsHelpers-BkfeUUK-.js";
-import { B as $t } from "./router-lfyopgBI.js";
-import { I as Vt, y as Zt, u as pe, O as Ve, j as Wt } from "./index-Czzd9rjU.js";
-import { S as ce, a as ie } from "./SidebarBadge-DxFJcJ6V.js";
-import { C as ve } from "./ClientOnly-E7hGysn1.js";
-import { ChevronRightIcon as Yt, ExternalLinkIcon as Jt, CircleXIcon as Xt, SearchIcon as Gt, MoonStarIcon as er, SunIcon as tr, MenuIcon as rr, PanelLeftIcon as ar } from "lucide-react";
-import { Drawer as Ze, DrawerTrigger as We, DrawerContent as Ye, DrawerTitle as Je, DrawerClose as sr } from "./ui/Drawer.js";
+import Ye, { StrictMode as We, useState as q, useEffect as L, useRef as pe, useCallback as $t, Suspense as ve, memo as Xe, forwardRef as Kt, createContext as Je, Component as Vt, createElement as Ie, useMemo as ne, useContext as Zt, Fragment as Yt } from "react";
+import { a as xe, c as Wt } from "./_commonjsHelpers-BkfeUUK-.js";
+import { B as Xt } from "./router-lfyopgBI.js";
+import { I as Jt, y as Gt, u as ye, j as be, O as Ge } from "./index-Czzd9rjU.js";
+import { S as ue, a as ie } from "./SidebarBadge-DxFJcJ6V.js";
+import { C as je } from "./ClientOnly-E7hGysn1.js";
+import { ChevronRightIcon as er, ExternalLinkIcon as tr, CircleXIcon as rr, SearchIcon as ar, MoonStarIcon as sr, SunIcon as nr, MenuIcon as ir, PanelLeftIcon as or } from "lucide-react";
+import { Drawer as et, DrawerTrigger as tt, DrawerContent as rt, DrawerTitle as at } from "./ui/Drawer.js";
 import { c as R } from "./cn-BmFQLtkS.js";
-import { u as xe, a as nr, V as ir } from "./Markdown-BorQdbxW.js";
-import { c as or, a as Xe } from "./index-BuAyrJe3.js";
+import { u as we, a as lr, V as cr } from "./Markdown-ievDDhFT.js";
+import { c as ur, a as dr } from "./index-BuAyrJe3.js";
 import * as oe from "@radix-ui/react-collapsible";
-import { B as ue } from "./Button-jK0EsymC.js";
-import { DropdownMenu as lr, DropdownMenuTrigger as cr, DropdownMenuContent as ur, DropdownMenuLabel as dr, DropdownMenuSeparator as hr, DropdownMenuSub as fr, DropdownMenuSubTrigger as mr, DropdownMenuPortal as gr, DropdownMenuSubContent as pr, DropdownMenuItem as vr } from "./ui/DropdownMenu.js";
-import { VisuallyHidden as Ge } from "@radix-ui/react-visually-hidden";
-import { z as xr, J as yr } from "./SyntaxHighlight-CBmwwKoM.js";
-import { S as br } from "./Spinner-3cQDBVGr.js";
-function jr({ error: e }) {
-  return /* @__PURE__ */ a.jsx(qe, { error: e });
+import { B as de } from "./Button-jK0EsymC.js";
+import { DropdownMenu as hr, DropdownMenuTrigger as fr, DropdownMenuContent as mr, DropdownMenuLabel as gr, DropdownMenuSeparator as le, DropdownMenuSub as pr, DropdownMenuSubTrigger as vr, DropdownMenuPortal as xr, DropdownMenuSubContent as yr, DropdownMenuItem as br } from "./ui/DropdownMenu.js";
+import { VisuallyHidden as st } from "@radix-ui/react-visually-hidden";
+import { z as jr, J as wr } from "./SyntaxHighlight-DkLOsjHS.js";
+import { Z as Sr } from "./invariant-Caa8-XvF.js";
+import { S as Nr } from "./Spinner-3cQDBVGr.js";
+function Er({ error: e }) {
+  return /* @__PURE__ */ a.jsx(Ue, { error: e });
 }
-var k, Te, wr = (Te = class extends ze {
+var k, Le, Pr = (Le = class extends $e {
   constructor(t = {}) {
     super();
-    C(this, k);
+    N(this, k);
     this.config = t, y(this, k, /* @__PURE__ */ new Map());
   }
   build(t, r, s) {
-    const n = r.queryKey, o = r.queryHash ?? Be(n, r);
+    const n = r.queryKey, o = r.queryHash ?? Ke(n, r);
     let i = this.get(o);
-    return i || (i = new Et({
+    return i || (i = new Mt({
       cache: this,
       queryKey: n,
       queryHash: o,
@@ -62,14 +63,14 @@ var k, Te, wr = (Te = class extends ze {
     }), this.add(i)), i;
   }
   add(t) {
-    l(this, k).has(t.queryHash) || (l(this, k).set(t.queryHash, t), this.notify({
+    c(this, k).has(t.queryHash) || (c(this, k).set(t.queryHash, t), this.notify({
       type: "added",
       query: t
     }));
   }
   remove(t) {
-    const r = l(this, k).get(t.queryHash);
-    r && (t.destroy(), r === t && l(this, k).delete(t.queryHash), this.notify({ type: "removed", query: t }));
+    const r = c(this, k).get(t.queryHash);
+    r && (t.destroy(), r === t && c(this, k).delete(t.queryHash), this.notify({ type: "removed", query: t }));
   }
   clear() {
     w.batch(() => {
@@ -79,20 +80,20 @@ var k, Te, wr = (Te = class extends ze {
     });
   }
   get(t) {
-    return l(this, k).get(t);
+    return c(this, k).get(t);
   }
   getAll() {
-    return [...l(this, k).values()];
+    return [...c(this, k).values()];
   }
   find(t) {
     const r = { exact: !0, ...t };
     return this.getAll().find(
-      (s) => Ce(r, s)
+      (s) => ke(r, s)
     );
   }
   findAll(t = {}) {
     const r = this.getAll();
-    return Object.keys(t).length > 0 ? r.filter((s) => Ce(t, s)) : r;
+    return Object.keys(t).length > 0 ? r.filter((s) => ke(t, s)) : r;
   }
   notify(t) {
     w.batch(() => {
@@ -115,43 +116,43 @@ var k, Te, wr = (Te = class extends ze {
       });
     });
   }
-}, k = new WeakMap(), Te), j, Z, Qe, Nr = (Qe = class extends ze {
+}, k = new WeakMap(), Le), j, Z, ze, Cr = (ze = class extends $e {
   constructor(t = {}) {
     super();
-    C(this, j);
-    C(this, Z);
+    N(this, j);
+    N(this, Z);
     this.config = t, y(this, j, /* @__PURE__ */ new Map()), y(this, Z, Date.now());
   }
   build(t, r, s) {
-    const n = new qt({
+    const n = new Ut({
       mutationCache: this,
-      mutationId: ++X(this, Z)._,
+      mutationId: ++J(this, Z)._,
       options: t.defaultMutationOptions(r),
       state: s
     });
     return this.add(n), n;
   }
   add(t) {
-    const r = ee(t), s = l(this, j).get(r) ?? [];
-    s.push(t), l(this, j).set(r, s), this.notify({ type: "added", mutation: t });
+    const r = ee(t), s = c(this, j).get(r) ?? [];
+    s.push(t), c(this, j).set(r, s), this.notify({ type: "added", mutation: t });
   }
   remove(t) {
     var s;
     const r = ee(t);
-    if (l(this, j).has(r)) {
-      const n = (s = l(this, j).get(r)) == null ? void 0 : s.filter((o) => o !== t);
-      n && (n.length === 0 ? l(this, j).delete(r) : l(this, j).set(r, n));
+    if (c(this, j).has(r)) {
+      const n = (s = c(this, j).get(r)) == null ? void 0 : s.filter((o) => o !== t);
+      n && (n.length === 0 ? c(this, j).delete(r) : c(this, j).set(r, n));
     }
     this.notify({ type: "removed", mutation: t });
   }
   canRun(t) {
     var s;
-    const r = (s = l(this, j).get(ee(t))) == null ? void 0 : s.find((n) => n.state.status === "pending");
+    const r = (s = c(this, j).get(ee(t))) == null ? void 0 : s.find((n) => n.state.status === "pending");
     return !r || r === t;
   }
   runNext(t) {
     var s;
-    const r = (s = l(this, j).get(ee(t))) == null ? void 0 : s.find((n) => n !== t && n.state.isPaused);
+    const r = (s = c(this, j).get(ee(t))) == null ? void 0 : s.find((n) => n !== t && n.state.isPaused);
     return (r == null ? void 0 : r.continue()) ?? Promise.resolve();
   }
   clear() {
@@ -162,16 +163,16 @@ var k, Te, wr = (Te = class extends ze {
     });
   }
   getAll() {
-    return [...l(this, j).values()].flat();
+    return [...c(this, j).values()].flat();
   }
   find(t) {
     const r = { exact: !0, ...t };
     return this.getAll().find(
-      (s) => Se(r, s)
+      (s) => Ae(r, s)
     );
   }
   findAll(t = {}) {
-    return this.getAll().filter((r) => Se(t, r));
+    return this.getAll().filter((r) => Ae(t, r));
   }
   notify(t) {
     w.batch(() => {
@@ -184,72 +185,72 @@ var k, Te, wr = (Te = class extends ze {
     const t = this.getAll().filter((r) => r.state.isPaused);
     return w.batch(
       () => Promise.all(
-        t.map((r) => r.continue().catch(M))
+        t.map((r) => r.continue().catch(O))
       )
     );
   }
-}, j = new WeakMap(), Z = new WeakMap(), Qe);
+}, j = new WeakMap(), Z = new WeakMap(), ze);
 function ee(e) {
   var t;
   return ((t = e.options.scope) == null ? void 0 : t.id) ?? String(e.mutationId);
 }
-function Me(e) {
+function Te(e) {
   return {
     onFetch: (t, r) => {
-      var x, m, f, v, p;
-      const s = t.options, n = (f = (m = (x = t.fetchOptions) == null ? void 0 : x.meta) == null ? void 0 : m.fetchMore) == null ? void 0 : f.direction, o = ((v = t.state.data) == null ? void 0 : v.pages) || [], i = ((p = t.state.data) == null ? void 0 : p.pageParams) || [];
-      let c = { pages: [], pageParams: [] }, u = 0;
-      const d = async () => {
-        let h = !1;
-        const S = (b) => {
+      var p, f, h, g, v;
+      const s = t.options, n = (h = (f = (p = t.fetchOptions) == null ? void 0 : p.meta) == null ? void 0 : f.fetchMore) == null ? void 0 : h.direction, o = ((g = t.state.data) == null ? void 0 : g.pages) || [], i = ((v = t.state.data) == null ? void 0 : v.pageParams) || [];
+      let u = { pages: [], pageParams: [] }, d = 0;
+      const l = async () => {
+        let m = !1;
+        const E = (b) => {
           Object.defineProperty(b, "signal", {
             enumerable: !0,
-            get: () => (t.signal.aborted ? h = !0 : t.signal.addEventListener("abort", () => {
-              h = !0;
+            get: () => (t.signal.aborted ? m = !0 : t.signal.addEventListener("abort", () => {
+              m = !0;
             }), t.signal)
           });
-        }, Y = kt(t.options, t.fetchOptions), K = async (b, P, $) => {
-          if (h)
+        }, W = Rt(t.options, t.fetchOptions), $ = async (b, P, K) => {
+          if (m)
             return Promise.reject();
           if (P == null && b.pages.length)
             return Promise.resolve(b);
-          const J = {
+          const X = {
             queryKey: t.queryKey,
             pageParam: P,
-            direction: $ ? "backward" : "forward",
+            direction: K ? "backward" : "forward",
             meta: t.options.meta
           };
-          S(J);
-          const ft = await Y(
-            J
-          ), { maxPages: be } = t.options, je = $ ? At : Ot;
+          E(X);
+          const xt = await W(
+            X
+          ), { maxPages: Ne } = t.options, Ee = K ? It : Tt;
           return {
-            pages: je(b.pages, ft, be),
-            pageParams: je(b.pageParams, P, be)
+            pages: Ee(b.pages, xt, Ne),
+            pageParams: Ee(b.pageParams, P, Ne)
           };
         };
         if (n && o.length) {
-          const b = n === "backward", P = b ? Cr : De, $ = {
+          const b = n === "backward", P = b ? kr : _e, K = {
             pages: o,
             pageParams: i
-          }, J = P(s, $);
-          c = await K($, J, b);
+          }, X = P(s, K);
+          u = await $(K, X, b);
         } else {
           const b = e ?? o.length;
           do {
-            const P = u === 0 ? i[0] ?? s.initialPageParam : De(s, c);
-            if (u > 0 && P == null)
+            const P = d === 0 ? i[0] ?? s.initialPageParam : _e(s, u);
+            if (d > 0 && P == null)
               break;
-            c = await K(c, P), u++;
-          } while (u < b);
+            u = await $(u, P), d++;
+          } while (d < b);
         }
-        return c;
+        return u;
       };
       t.options.persister ? t.fetchFn = () => {
-        var h, S;
-        return (S = (h = t.options).persister) == null ? void 0 : S.call(
-          h,
-          d,
+        var m, E;
+        return (E = (m = t.options).persister) == null ? void 0 : E.call(
+          m,
+          l,
           {
             queryKey: t.queryKey,
             meta: t.options.meta,
@@ -257,11 +258,11 @@ function Me(e) {
           },
           r
         );
-      } : t.fetchFn = d;
+      } : t.fetchFn = l;
     }
   };
 }
-function De(e, { pages: t, pageParams: r }) {
+function _e(e, { pages: t, pageParams: r }) {
   const s = t.length - 1;
   return t.length > 0 ? e.getNextPageParam(
     t[s],
@@ -270,69 +271,69 @@ function De(e, { pages: t, pageParams: r }) {
     r
   ) : void 0;
 }
-function Cr(e, { pages: t, pageParams: r }) {
+function kr(e, { pages: t, pageParams: r }) {
   var s;
   return t.length > 0 ? (s = e.getPreviousPageParam) == null ? void 0 : s.call(e, t[0], t, r[0], r) : void 0;
 }
-var g, I, T, z, B, Q, H, L, _e, Sr = (_e = class {
+var x, I, T, z, B, _, H, U, Be, Ar = (Be = class {
   constructor(e = {}) {
-    C(this, g);
-    C(this, I);
-    C(this, T);
-    C(this, z);
-    C(this, B);
-    C(this, Q);
-    C(this, H);
-    C(this, L);
-    y(this, g, e.queryCache || new wr()), y(this, I, e.mutationCache || new Nr()), y(this, T, e.defaultOptions || {}), y(this, z, /* @__PURE__ */ new Map()), y(this, B, /* @__PURE__ */ new Map()), y(this, Q, 0);
+    N(this, x);
+    N(this, I);
+    N(this, T);
+    N(this, z);
+    N(this, B);
+    N(this, _);
+    N(this, H);
+    N(this, U);
+    y(this, x, e.queryCache || new Pr()), y(this, I, e.mutationCache || new Cr()), y(this, T, e.defaultOptions || {}), y(this, z, /* @__PURE__ */ new Map()), y(this, B, /* @__PURE__ */ new Map()), y(this, _, 0);
   }
   mount() {
-    X(this, Q)._++, l(this, Q) === 1 && (y(this, H, Mt.subscribe(async (e) => {
-      e && (await this.resumePausedMutations(), l(this, g).onFocus());
-    })), y(this, L, Pe.subscribe(async (e) => {
-      e && (await this.resumePausedMutations(), l(this, g).onOnline());
+    J(this, _)._++, c(this, _) === 1 && (y(this, H, _t.subscribe(async (e) => {
+      e && (await this.resumePausedMutations(), c(this, x).onFocus());
+    })), y(this, U, De.subscribe(async (e) => {
+      e && (await this.resumePausedMutations(), c(this, x).onOnline());
     })));
   }
   unmount() {
     var e, t;
-    X(this, Q)._--, l(this, Q) === 0 && ((e = l(this, H)) == null || e.call(this), y(this, H, void 0), (t = l(this, L)) == null || t.call(this), y(this, L, void 0));
+    J(this, _)._--, c(this, _) === 0 && ((e = c(this, H)) == null || e.call(this), y(this, H, void 0), (t = c(this, U)) == null || t.call(this), y(this, U, void 0));
   }
   isFetching(e) {
-    return l(this, g).findAll({ ...e, fetchStatus: "fetching" }).length;
+    return c(this, x).findAll({ ...e, fetchStatus: "fetching" }).length;
   }
   isMutating(e) {
-    return l(this, I).findAll({ ...e, status: "pending" }).length;
+    return c(this, I).findAll({ ...e, status: "pending" }).length;
   }
   getQueryData(e) {
     var r;
     const t = this.defaultQueryOptions({ queryKey: e });
-    return (r = l(this, g).get(t.queryHash)) == null ? void 0 : r.state.data;
+    return (r = c(this, x).get(t.queryHash)) == null ? void 0 : r.state.data;
   }
   ensureQueryData(e) {
     const t = this.getQueryData(e.queryKey);
     if (t === void 0)
       return this.fetchQuery(e);
     {
-      const r = this.defaultQueryOptions(e), s = l(this, g).build(this, r);
-      return e.revalidateIfStale && s.isStaleByTime(Ee(r.staleTime, s)) && this.prefetchQuery(r), Promise.resolve(t);
+      const r = this.defaultQueryOptions(e), s = c(this, x).build(this, r);
+      return e.revalidateIfStale && s.isStaleByTime(Oe(r.staleTime, s)) && this.prefetchQuery(r), Promise.resolve(t);
     }
   }
   getQueriesData(e) {
-    return l(this, g).findAll(e).map(({ queryKey: t, state: r }) => {
+    return c(this, x).findAll(e).map(({ queryKey: t, state: r }) => {
       const s = r.data;
       return [t, s];
     });
   }
   setQueryData(e, t, r) {
-    const s = this.defaultQueryOptions({ queryKey: e }), n = l(this, g).get(
+    const s = this.defaultQueryOptions({ queryKey: e }), n = c(this, x).get(
       s.queryHash
-    ), o = n == null ? void 0 : n.state.data, i = Dt(t, o);
+    ), o = n == null ? void 0 : n.state.data, i = Ft(t, o);
     if (i !== void 0)
-      return l(this, g).build(this, s).setData(i, { ...r, manual: !0 });
+      return c(this, x).build(this, s).setData(i, { ...r, manual: !0 });
   }
   setQueriesData(e, t, r) {
     return w.batch(
-      () => l(this, g).findAll(e).map(({ queryKey: s }) => [
+      () => c(this, x).findAll(e).map(({ queryKey: s }) => [
         s,
         this.setQueryData(s, t, r)
       ])
@@ -341,10 +342,10 @@ var g, I, T, z, B, Q, H, L, _e, Sr = (_e = class {
   getQueryState(e) {
     var r;
     const t = this.defaultQueryOptions({ queryKey: e });
-    return (r = l(this, g).get(t.queryHash)) == null ? void 0 : r.state;
+    return (r = c(this, x).get(t.queryHash)) == null ? void 0 : r.state;
   }
   removeQueries(e) {
-    const t = l(this, g);
+    const t = c(this, x);
     w.batch(() => {
       t.findAll(e).forEach((r) => {
         t.remove(r);
@@ -352,7 +353,7 @@ var g, I, T, z, B, Q, H, L, _e, Sr = (_e = class {
     });
   }
   resetQueries(e, t) {
-    const r = l(this, g), s = {
+    const r = c(this, x), s = {
       type: "active",
       ...e
     };
@@ -362,13 +363,13 @@ var g, I, T, z, B, Q, H, L, _e, Sr = (_e = class {
   }
   cancelQueries(e = {}, t = {}) {
     const r = { revert: !0, ...t }, s = w.batch(
-      () => l(this, g).findAll(e).map((n) => n.cancel(r))
+      () => c(this, x).findAll(e).map((n) => n.cancel(r))
     );
-    return Promise.all(s).then(M).catch(M);
+    return Promise.all(s).then(O).catch(O);
   }
   invalidateQueries(e = {}, t = {}) {
     return w.batch(() => {
-      if (l(this, g).findAll(e).forEach((s) => {
+      if (c(this, x).findAll(e).forEach((s) => {
         s.invalidate();
       }), e.refetchType === "none")
         return Promise.resolve();
@@ -384,190 +385,190 @@ var g, I, T, z, B, Q, H, L, _e, Sr = (_e = class {
       ...t,
       cancelRefetch: (t == null ? void 0 : t.cancelRefetch) ?? !0
     }, s = w.batch(
-      () => l(this, g).findAll(e).filter((n) => !n.isDisabled()).map((n) => {
+      () => c(this, x).findAll(e).filter((n) => !n.isDisabled()).map((n) => {
         let o = n.fetch(void 0, r);
-        return r.throwOnError || (o = o.catch(M)), n.state.fetchStatus === "paused" ? Promise.resolve() : o;
+        return r.throwOnError || (o = o.catch(O)), n.state.fetchStatus === "paused" ? Promise.resolve() : o;
       })
     );
-    return Promise.all(s).then(M);
+    return Promise.all(s).then(O);
   }
   fetchQuery(e) {
     const t = this.defaultQueryOptions(e);
     t.retry === void 0 && (t.retry = !1);
-    const r = l(this, g).build(this, t);
+    const r = c(this, x).build(this, t);
     return r.isStaleByTime(
-      Ee(t.staleTime, r)
+      Oe(t.staleTime, r)
     ) ? r.fetch(t) : Promise.resolve(r.state.data);
   }
   prefetchQuery(e) {
-    return this.fetchQuery(e).then(M).catch(M);
+    return this.fetchQuery(e).then(O).catch(O);
   }
   fetchInfiniteQuery(e) {
-    return e.behavior = Me(e.pages), this.fetchQuery(e);
+    return e.behavior = Te(e.pages), this.fetchQuery(e);
   }
   prefetchInfiniteQuery(e) {
-    return this.fetchInfiniteQuery(e).then(M).catch(M);
+    return this.fetchInfiniteQuery(e).then(O).catch(O);
   }
   ensureInfiniteQueryData(e) {
-    return e.behavior = Me(e.pages), this.ensureQueryData(e);
+    return e.behavior = Te(e.pages), this.ensureQueryData(e);
   }
   resumePausedMutations() {
-    return Pe.isOnline() ? l(this, I).resumePausedMutations() : Promise.resolve();
+    return De.isOnline() ? c(this, I).resumePausedMutations() : Promise.resolve();
   }
   getQueryCache() {
-    return l(this, g);
+    return c(this, x);
   }
   getMutationCache() {
-    return l(this, I);
+    return c(this, I);
   }
   getDefaultOptions() {
-    return l(this, T);
+    return c(this, T);
   }
   setDefaultOptions(e) {
     y(this, T, e);
   }
   setQueryDefaults(e, t) {
-    l(this, z).set(ke(e), {
+    c(this, z).set(Me(e), {
       queryKey: e,
       defaultOptions: t
     });
   }
   getQueryDefaults(e) {
-    const t = [...l(this, z).values()];
+    const t = [...c(this, z).values()];
     let r = {};
     return t.forEach((s) => {
-      Ae(e, s.queryKey) && (r = { ...r, ...s.defaultOptions });
+      Re(e, s.queryKey) && (r = { ...r, ...s.defaultOptions });
     }), r;
   }
   setMutationDefaults(e, t) {
-    l(this, B).set(ke(e), {
+    c(this, B).set(Me(e), {
       mutationKey: e,
       defaultOptions: t
     });
   }
   getMutationDefaults(e) {
-    const t = [...l(this, B).values()];
+    const t = [...c(this, B).values()];
     let r = {};
     return t.forEach((s) => {
-      Ae(e, s.mutationKey) && (r = { ...r, ...s.defaultOptions });
+      Re(e, s.mutationKey) && (r = { ...r, ...s.defaultOptions });
     }), r;
   }
   defaultQueryOptions(e) {
     if (e._defaulted)
       return e;
     const t = {
-      ...l(this, T).queries,
+      ...c(this, T).queries,
       ...this.getQueryDefaults(e.queryKey),
       ...e,
       _defaulted: !0
     };
-    return t.queryHash || (t.queryHash = Be(
+    return t.queryHash || (t.queryHash = Ke(
       t.queryKey,
       t
-    )), t.refetchOnReconnect === void 0 && (t.refetchOnReconnect = t.networkMode !== "always"), t.throwOnError === void 0 && (t.throwOnError = !!t.suspense), !t.networkMode && t.persister && (t.networkMode = "offlineFirst"), t.enabled !== !0 && t.queryFn === Rt && (t.enabled = !1), t;
+    )), t.refetchOnReconnect === void 0 && (t.refetchOnReconnect = t.networkMode !== "always"), t.throwOnError === void 0 && (t.throwOnError = !!t.suspense), !t.networkMode && t.persister && (t.networkMode = "offlineFirst"), t.enabled !== !0 && t.queryFn === Qt && (t.enabled = !1), t;
   }
   defaultMutationOptions(e) {
     return e != null && e._defaulted ? e : {
-      ...l(this, T).mutations,
+      ...c(this, T).mutations,
       ...(e == null ? void 0 : e.mutationKey) && this.getMutationDefaults(e.mutationKey),
       ...e,
       _defaulted: !0
     };
   }
   clear() {
-    l(this, g).clear(), l(this, I).clear();
+    c(this, x).clear(), c(this, I).clear();
   }
-}, g = new WeakMap(), I = new WeakMap(), T = new WeakMap(), z = new WeakMap(), B = new WeakMap(), Q = new WeakMap(), H = new WeakMap(), L = new WeakMap(), _e);
-function Pr(e) {
+}, x = new WeakMap(), I = new WeakMap(), T = new WeakMap(), z = new WeakMap(), B = new WeakMap(), _ = new WeakMap(), H = new WeakMap(), U = new WeakMap(), Be);
+function Dr(e) {
   return e;
 }
-function Re(e, t, r) {
-  var u, d;
+function Fe(e, t, r) {
+  var d, l;
   if (typeof t != "object" || t === null)
     return;
-  const s = e.getMutationCache(), n = e.getQueryCache(), o = ((u = r == null ? void 0 : r.defaultOptions) == null ? void 0 : u.deserializeData) ?? ((d = e.getDefaultOptions().hydrate) == null ? void 0 : d.deserializeData) ?? Pr, i = t.mutations || [], c = t.queries || [];
-  i.forEach(({ state: x, ...m }) => {
-    var f, v;
+  const s = e.getMutationCache(), n = e.getQueryCache(), o = ((d = r == null ? void 0 : r.defaultOptions) == null ? void 0 : d.deserializeData) ?? ((l = e.getDefaultOptions().hydrate) == null ? void 0 : l.deserializeData) ?? Dr, i = t.mutations || [], u = t.queries || [];
+  i.forEach(({ state: p, ...f }) => {
+    var h, g;
     s.build(
       e,
       {
-        ...(f = e.getDefaultOptions().hydrate) == null ? void 0 : f.mutations,
-        ...(v = r == null ? void 0 : r.defaultOptions) == null ? void 0 : v.mutations,
-        ...m
+        ...(h = e.getDefaultOptions().hydrate) == null ? void 0 : h.mutations,
+        ...(g = r == null ? void 0 : r.defaultOptions) == null ? void 0 : g.mutations,
+        ...f
       },
-      x
+      p
     );
-  }), c.forEach(({ queryKey: x, state: m, queryHash: f, meta: v, promise: p }) => {
-    var Y, K;
-    let h = n.get(f);
-    const S = m.data === void 0 ? m.data : o(m.data);
-    if (h) {
-      if (h.state.dataUpdatedAt < m.dataUpdatedAt) {
-        const { fetchStatus: b, ...P } = m;
-        h.setState({
+  }), u.forEach(({ queryKey: p, state: f, queryHash: h, meta: g, promise: v }) => {
+    var W, $;
+    let m = n.get(h);
+    const E = f.data === void 0 ? f.data : o(f.data);
+    if (m) {
+      if (m.state.dataUpdatedAt < f.dataUpdatedAt) {
+        const { fetchStatus: b, ...P } = f;
+        m.setState({
           ...P,
-          data: S
+          data: E
         });
       }
     } else
-      h = n.build(
+      m = n.build(
         e,
         {
-          ...(Y = e.getDefaultOptions().hydrate) == null ? void 0 : Y.queries,
-          ...(K = r == null ? void 0 : r.defaultOptions) == null ? void 0 : K.queries,
-          queryKey: x,
-          queryHash: f,
-          meta: v
+          ...(W = e.getDefaultOptions().hydrate) == null ? void 0 : W.queries,
+          ...($ = r == null ? void 0 : r.defaultOptions) == null ? void 0 : $.queries,
+          queryKey: p,
+          queryHash: h,
+          meta: g
         },
         // Reset fetch status to idle to avoid
         // query being stuck in fetching state upon hydration
         {
-          ...m,
-          data: S,
+          ...f,
+          data: E,
           fetchStatus: "idle"
         }
       );
-    if (p) {
-      const b = Promise.resolve(p).then(o);
-      h.fetch(void 0, { initialPromise: b });
+    if (v) {
+      const b = Promise.resolve(v).then(o);
+      m.fetch(void 0, { initialPromise: b });
     }
   });
 }
-var Er = ({
+var Or = ({
   children: e,
   options: t = {},
   state: r,
   queryClient: s
 }) => {
-  const n = It(s), [o, i] = G.useState(), c = G.useRef(t);
-  return c.current = t, G.useMemo(() => {
+  const n = qt(s), [o, i] = G.useState(), u = G.useRef(t);
+  return u.current = t, G.useMemo(() => {
     if (r) {
       if (typeof r != "object")
         return;
-      const u = n.getQueryCache(), d = r.queries || [], x = [], m = [];
-      for (const f of d) {
-        const v = u.get(f.queryHash);
-        if (!v)
-          x.push(f);
+      const d = n.getQueryCache(), l = r.queries || [], p = [], f = [];
+      for (const h of l) {
+        const g = d.get(h.queryHash);
+        if (!g)
+          p.push(h);
         else {
-          const p = f.state.dataUpdatedAt > v.state.dataUpdatedAt, h = o == null ? void 0 : o.find(
-            (S) => S.queryHash === f.queryHash
+          const v = h.state.dataUpdatedAt > g.state.dataUpdatedAt, m = o == null ? void 0 : o.find(
+            (E) => E.queryHash === h.queryHash
           );
-          p && (!h || f.state.dataUpdatedAt > h.state.dataUpdatedAt) && m.push(f);
+          v && (!m || h.state.dataUpdatedAt > m.state.dataUpdatedAt) && f.push(h);
         }
       }
-      x.length > 0 && Re(n, { queries: x }, c.current), m.length > 0 && i(
-        (f) => f ? [...f, ...m] : m
+      p.length > 0 && Fe(n, { queries: p }, u.current), f.length > 0 && i(
+        (h) => h ? [...h, ...f] : f
       );
     }
   }, [n, o, r]), G.useEffect(() => {
-    o && (Re(n, { queries: o }, c.current), i(void 0));
+    o && (Fe(n, { queries: o }, u.current), i(void 0));
   }, [n, o]), e;
-}, W = {};
-const kr = /* @__PURE__ */ ge($t), Ar = /* @__PURE__ */ ge(Vt), Or = /* @__PURE__ */ ge(yt);
-Object.defineProperty(W, "__esModule", { value: !0 });
-var Mr = zt, A = kr, ye = Ar, D = Or;
-function Dr(e) {
+}, Y = {};
+const Mr = /* @__PURE__ */ xe(Xt), Rr = /* @__PURE__ */ xe(Jt), Ir = /* @__PURE__ */ xe(Nt);
+Object.defineProperty(Y, "__esModule", { value: !0 });
+var Tr = Ye, A = Mr, Se = Rr, M = Ir;
+function _r(e) {
   if (e && e.__esModule) return e;
   var t = /* @__PURE__ */ Object.create(null);
   return e && Object.keys(e).forEach(function(r) {
@@ -582,22 +583,22 @@ function Dr(e) {
     }
   }), t.default = e, Object.freeze(t);
 }
-var E = /* @__PURE__ */ Dr(Mr);
-function Rr({
+var C = /* @__PURE__ */ _r(Tr);
+function Fr({
   basename: e,
   children: t,
   location: r = "/",
   future: s
 }) {
-  typeof r == "string" && (r = D.parsePath(r));
+  typeof r == "string" && (r = M.parsePath(r));
   let n = A.Action.Pop, o = {
     pathname: r.pathname || "/",
     search: r.search || "",
     hash: r.hash || "",
     state: r.state != null ? r.state : null,
     key: r.key || "default"
-  }, i = et();
-  return /* @__PURE__ */ E.createElement(D.Router, {
+  }, i = nt();
+  return /* @__PURE__ */ C.createElement(M.Router, {
     basename: e,
     children: t,
     location: o,
@@ -607,7 +608,7 @@ function Rr({
     static: !0
   });
 }
-function Ir({
+function Qr({
   context: e,
   router: t,
   hydrate: r = !0,
@@ -616,46 +617,46 @@ function Ir({
   t && e || (process.env.NODE_ENV !== "production" ? A.UNSAFE_invariant(!1, "You must provide `router` and `context` to <StaticRouterProvider>") : A.UNSAFE_invariant(!1));
   let n = {
     router: t,
-    navigator: et(),
+    navigator: nt(),
     static: !0,
     staticContext: e,
     basename: e.basename || "/"
   }, o = /* @__PURE__ */ new Map(), i = "";
   if (r !== !1) {
-    let u = {
+    let d = {
       loaderData: e.loaderData,
       actionData: e.actionData,
-      errors: Qr(e.errors)
+      errors: Lr(e.errors)
     };
-    i = `window.__staticRouterHydrationData = JSON.parse(${Hr(JSON.stringify(JSON.stringify(u)))});`;
+    i = `window.__staticRouterHydrationData = JSON.parse(${Kr(JSON.stringify(JSON.stringify(d)))});`;
   }
   let {
-    state: c
+    state: u
   } = n.router;
-  return /* @__PURE__ */ E.createElement(E.Fragment, null, /* @__PURE__ */ E.createElement(D.UNSAFE_DataRouterContext.Provider, {
+  return /* @__PURE__ */ C.createElement(C.Fragment, null, /* @__PURE__ */ C.createElement(M.UNSAFE_DataRouterContext.Provider, {
     value: n
-  }, /* @__PURE__ */ E.createElement(D.UNSAFE_DataRouterStateContext.Provider, {
-    value: c
-  }, /* @__PURE__ */ E.createElement(D.UNSAFE_FetchersContext.Provider, {
+  }, /* @__PURE__ */ C.createElement(M.UNSAFE_DataRouterStateContext.Provider, {
+    value: u
+  }, /* @__PURE__ */ C.createElement(M.UNSAFE_FetchersContext.Provider, {
     value: o
-  }, /* @__PURE__ */ E.createElement(D.UNSAFE_ViewTransitionContext.Provider, {
+  }, /* @__PURE__ */ C.createElement(M.UNSAFE_ViewTransitionContext.Provider, {
     value: {
       isTransitioning: !1
     }
-  }, /* @__PURE__ */ E.createElement(D.Router, {
+  }, /* @__PURE__ */ C.createElement(M.Router, {
     basename: n.basename,
-    location: c.location,
-    navigationType: c.historyAction,
+    location: u.location,
+    navigationType: u.historyAction,
     navigator: n.navigator,
     static: n.static,
     future: {
       v7_relativeSplatPath: t.future.v7_relativeSplatPath
     }
-  }, /* @__PURE__ */ E.createElement(Tr, {
+  }, /* @__PURE__ */ C.createElement(qr, {
     routes: t.routes,
     future: t.future,
-    state: c
-  })))))), i ? /* @__PURE__ */ E.createElement("script", {
+    state: u
+  })))))), i ? /* @__PURE__ */ C.createElement("script", {
     suppressHydrationWarning: !0,
     nonce: s,
     dangerouslySetInnerHTML: {
@@ -663,14 +664,14 @@ function Ir({
     }
   }) : null);
 }
-function Tr({
+function qr({
   routes: e,
   future: t,
   state: r
 }) {
-  return ye.UNSAFE_useRoutesImpl(e, void 0, r, t);
+  return Se.UNSAFE_useRoutesImpl(e, void 0, r, t);
 }
-function Qr(e) {
+function Lr(e) {
   if (!e) return null;
   let t = Object.entries(e), r = {};
   for (let [s, n] of t)
@@ -688,10 +689,10 @@ function Qr(e) {
     } : r[s] = n;
   return r;
 }
-function et() {
+function nt() {
   return {
-    createHref: tt,
-    encodeLocation: rt,
+    createHref: it,
+    encodeLocation: ot,
     push(e) {
       throw new Error(`You cannot use navigator.push() on the server because it is a stateless environment. This error was probably triggered when you did a \`navigate(${JSON.stringify(e)})\` somewhere in your app.`);
     },
@@ -709,32 +710,32 @@ function et() {
     }
   };
 }
-function _r(e, t) {
+function zr(e, t) {
   return A.createStaticHandler(e, {
     ...t,
-    mapRouteProperties: ye.UNSAFE_mapRouteProperties
+    mapRouteProperties: Se.UNSAFE_mapRouteProperties
   });
 }
-function Fr(e, t, r = {}) {
-  let s = {}, n = A.UNSAFE_convertRoutesToDataRoutes(e, ye.UNSAFE_mapRouteProperties, void 0, s), o = t.matches.map((c) => {
-    let u = s[c.route.id] || c.route;
+function Br(e, t, r = {}) {
+  let s = {}, n = A.UNSAFE_convertRoutesToDataRoutes(e, Se.UNSAFE_mapRouteProperties, void 0, s), o = t.matches.map((u) => {
+    let d = s[u.route.id] || u.route;
     return {
-      ...c,
-      route: u
+      ...u,
+      route: d
     };
-  }), i = (c) => `You cannot use router.${c}() on the server because it is a stateless environment`;
+  }), i = (u) => `You cannot use router.${u}() on the server because it is a stateless environment`;
   return {
     get basename() {
       return t.basename;
     },
     get future() {
-      var c, u;
+      var u, d;
       return {
         v7_fetcherPersist: !1,
         v7_normalizeFormMethod: !1,
-        v7_partialHydration: ((c = r.future) == null ? void 0 : c.v7_partialHydration) === !0,
+        v7_partialHydration: ((u = r.future) == null ? void 0 : u.v7_partialHydration) === !0,
         v7_prependBasename: !1,
-        v7_relativeSplatPath: ((u = r.future) == null ? void 0 : u.v7_relativeSplatPath) === !0,
+        v7_relativeSplatPath: ((d = r.future) == null ? void 0 : d.v7_relativeSplatPath) === !0,
         v7_skipActionErrorRevalidation: !1
       };
     },
@@ -778,8 +779,8 @@ function Fr(e, t, r = {}) {
     revalidate() {
       throw i("revalidate");
     },
-    createHref: tt,
-    encodeLocation: rt,
+    createHref: it,
+    encodeLocation: ot,
     getFetcher() {
       return A.IDLE_FETCHER;
     },
@@ -805,62 +806,110 @@ function Fr(e, t, r = {}) {
     }
   };
 }
-function tt(e) {
-  return typeof e == "string" ? e : D.createPath(e);
+function it(e) {
+  return typeof e == "string" ? e : M.createPath(e);
 }
-function rt(e) {
-  let t = typeof e == "string" ? e : D.createPath(e);
+function ot(e) {
+  let t = typeof e == "string" ? e : M.createPath(e);
   t = t.replace(/ $/, "%20");
-  let r = qr.test(t) ? new URL(t) : new URL(t, "http://localhost");
+  let r = Hr.test(t) ? new URL(t) : new URL(t, "http://localhost");
   return {
     pathname: r.pathname,
     search: r.search,
     hash: r.hash
   };
 }
-const qr = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, zr = {
+const Hr = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Ur = {
   "&": "\\u0026",
   ">": "\\u003e",
   "<": "\\u003c",
   "\u2028": "\\u2028",
   "\u2029": "\\u2029"
-}, Br = /[&><\u2028\u2029]/g;
-function Hr(e) {
-  return e.replace(Br, (t) => zr[t]);
+}, $r = /[&><\u2028\u2029]/g;
+function Kr(e) {
+  return e.replace($r, (t) => Ur[t]);
 }
-W.StaticRouter = Rr;
-var Lr = W.StaticRouterProvider = Ir;
-W.createStaticHandler = _r;
-W.createStaticRouter = Fr;
-const Ur = ({
+Y.StaticRouter = Fr;
+var Vr = Y.StaticRouterProvider = Qr;
+Y.createStaticHandler = zr;
+Y.createStaticRouter = Br;
+const Zr = new Ar({
+  defaultOptions: {
+    queries: {
+      staleTime: 1e3 * 60 * 5
+    }
+  }
+}), Yr = ({
   router: e,
   hydrate: t = !1
-}) => {
-  const r = re(() => new Sr(), []);
-  return /* @__PURE__ */ a.jsx(Ue, { children: /* @__PURE__ */ a.jsx(He, { client: r, children: /* @__PURE__ */ a.jsx(Er, { state: t ? window.DATA : void 0, children: /* @__PURE__ */ a.jsx(Fe, { children: /* @__PURE__ */ a.jsx(ce.Provider, { value: { stagger: !t }, children: /* @__PURE__ */ a.jsx(bt, { router: e }) }) }) }) }) });
-}, Kr = ({
+}) => /* @__PURE__ */ a.jsx(We, { children: /* @__PURE__ */ a.jsx(Ve, { client: Zr, children: /* @__PURE__ */ a.jsx(Or, { state: t ? window.DATA : void 0, children: /* @__PURE__ */ a.jsx(He, { children: /* @__PURE__ */ a.jsx(ue.Provider, { value: { stagger: !t }, children: /* @__PURE__ */ a.jsx(
+  Et,
+  {
+    router: e,
+    future: { v7_startTransition: !0 }
+  }
+) }) }) }) }) }), Wr = ({
   router: e,
   context: t,
   queryClient: r,
   helmetContext: s
-}) => /* @__PURE__ */ a.jsx(Ue, { children: /* @__PURE__ */ a.jsx(He, { client: r, children: /* @__PURE__ */ a.jsx(Fe, { context: s, children: /* @__PURE__ */ a.jsx(Lr, { router: e, context: t }) }) }) }), $r = ({
+}) => /* @__PURE__ */ a.jsx(We, { children: /* @__PURE__ */ a.jsx(Ve, { client: r, children: /* @__PURE__ */ a.jsx(He, { context: s, children: /* @__PURE__ */ a.jsx(Vr, { router: e, context: t }) }) }) });
+var he = { exports: {} };
+(function(e, t) {
+  (function(r, s) {
+    s(t, Ye);
+  })(Wt, function(r, s) {
+    const n = {
+      delay: 500,
+      minDuration: 200,
+      ssr: !0
+    };
+    function o() {
+      const [u, d] = s.useState(!0);
+      return s.useEffect(() => {
+        d(!1);
+      }, []), u;
+    }
+    function i(u, d) {
+      d = Object.assign({}, n, d);
+      const l = o() && d.ssr, p = l && u ? "DISPLAY" : "IDLE", [f, h] = s.useState(p), g = s.useRef(null);
+      return s.useEffect(() => {
+        if (u && (f === "IDLE" || l)) {
+          clearTimeout(g.current);
+          const v = l ? 0 : d.delay;
+          g.current = setTimeout(() => {
+            if (!u)
+              return h("IDLE");
+            g.current = setTimeout(() => {
+              h("EXPIRE");
+            }, d.minDuration), h("DISPLAY");
+          }, v), l || h("DELAY");
+        }
+        !u && f !== "DISPLAY" && (clearTimeout(g.current), h("IDLE"));
+      }, [u, f, d.delay, d.minDuration, l]), s.useEffect(() => () => clearTimeout(g.current), []), f === "DISPLAY" || f === "EXPIRE";
+    }
+    r.defaultOptions = n, r.useSpinDelay = i;
+  });
+})(he, he.exports);
+var Xr = he.exports;
+const Jr = ({
   category: e,
   level: t
 }) => {
-  var f, v;
-  const r = Tt(e), [s, n] = U(!1), o = e.collapsible ?? !0, i = e.collapsed ?? !0, c = !!(!o || !i || r), [u, d] = U(c), x = Zt(((f = e.link) == null ? void 0 : f.id) ?? "");
-  q(() => {
-    r && d(!0);
+  var h, g;
+  const r = Lt(e), [s, n] = q(!1), o = e.collapsible ?? !0, i = e.collapsed ?? !0, u = !!(!o || !i || r), [d, l] = q(u), p = Gt(((h = e.link) == null ? void 0 : h.id) ?? "");
+  L(() => {
+    r && l(!0);
   }, [r]);
-  const m = o && /* @__PURE__ */ a.jsx(
+  const f = o && /* @__PURE__ */ a.jsx(
     "button",
     {
       type: "button",
-      onClick: (p) => {
-        p.preventDefault(), d((h) => !h), n(!0);
+      onClick: (v) => {
+        v.preventDefault(), l((m) => !m), n(!0);
       },
       children: /* @__PURE__ */ a.jsx(
-        Yt,
+        er,
         {
           size: 16,
           className: R(
@@ -875,9 +924,9 @@ const Ur = ({
     oe.Root,
     {
       className: "flex flex-col",
-      defaultOpen: c,
-      open: u,
-      onOpenChange: () => d(!0),
+      defaultOpen: u,
+      open: d,
+      onOpenChange: () => l(!0),
       children: [
         /* @__PURE__ */ a.jsx(oe.Trigger, { className: "group", asChild: !0, disabled: !o, children: /* @__PURE__ */ a.jsxs(
           "div",
@@ -898,35 +947,35 @@ const Ur = ({
                   size: 16,
                   className: R(
                     "align-[-0.125em] -translate-x-1",
-                    x && "text-primary"
+                    p && "text-primary"
                   )
                 }
               ),
-              ((v = e.link) == null ? void 0 : v.type) === "doc" ? /* @__PURE__ */ a.jsx(
+              ((g = e.link) == null ? void 0 : g.type) === "doc" ? /* @__PURE__ */ a.jsx(
                 ae,
                 {
-                  to: F(e.link.id),
+                  to: Q(e.link.id),
                   className: "flex-1",
                   onClick: () => {
-                    x && !u && d(!0);
+                    p && !d && l(!0);
                   },
                   children: /* @__PURE__ */ a.jsxs(
                     "div",
                     {
                       className: R(
                         "flex items-center gap-2 justify-between w-full",
-                        x ? "text-primary" : "text-foreground/80"
+                        p ? "text-primary" : "text-foreground/80"
                       ),
                       children: [
                         /* @__PURE__ */ a.jsx("div", { className: "truncate", children: e.label }),
-                        m
+                        f
                       ]
                     }
                   )
                 }
               ) : /* @__PURE__ */ a.jsxs("div", { className: "flex items-center justify-between w-full", children: [
                 /* @__PURE__ */ a.jsx("div", { className: "flex gap-2 truncate w-full", children: e.label }),
-                m
+                f
               ] })
             ]
           }
@@ -938,20 +987,20 @@ const Ur = ({
               // CollapsibleContent class is used to animate and it should only be applied when the user has triggered the toggle
               s && "CollapsibleContent"
             ),
-            children: /* @__PURE__ */ a.jsx("ul", { className: "mt-1 border-l ms-0.5", children: e.items.map((p) => /* @__PURE__ */ a.jsx(
-              de,
+            children: /* @__PURE__ */ a.jsx("ul", { className: "mt-1 border-l ms-0.5", children: e.items.map((v) => /* @__PURE__ */ a.jsx(
+              fe,
               {
                 level: t + 1,
-                item: p
+                item: v
               },
-              ("id" in p ? p.id : "") + ("href" in p ? p.href : "") + p.label
+              ("id" in v ? v.id : "") + ("href" in v ? v.href : "") + v.label
             )) })
           }
         )
       ]
     }
   );
-}, V = or(
+}, V = ur(
   "flex items-center gap-2 px-[--padding-nav-item] py-1.5 rounded-lg hover:bg-accent transition-colors duration-300",
   {
     variants: {
@@ -972,21 +1021,21 @@ const Ur = ({
       isActive: !1
     }
   }
-), at = "data-anchor", de = ({
+), lt = "data-anchor", fe = ({
   item: e,
   level: t = 0
 }) => {
   var n, o;
-  const { activeAnchor: r } = xe(), [s] = jt();
+  const { activeAnchor: r } = we(), [s] = Pt();
   switch (e.type) {
     case "category":
-      return /* @__PURE__ */ a.jsx($r, { category: e, level: t });
+      return /* @__PURE__ */ a.jsx(Jr, { category: e, level: t });
     case "doc":
       return /* @__PURE__ */ a.jsxs(
         ae,
         {
           className: ({ isActive: i }) => V({ isActive: i, isTopLevel: t === 0 }),
-          to: F(e.id),
+          to: Q(e.id),
           children: [
             e.icon && /* @__PURE__ */ a.jsx(e.icon, { size: 16, className: "align-[-0.125em]" }),
             e.badge ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -998,10 +1047,10 @@ const Ur = ({
       );
     case "link":
       return e.href.startsWith("#") ? /* @__PURE__ */ a.jsx(
-        pt,
+        jt,
         {
           to: { hash: e.href, search: s.toString() },
-          [at]: e.href.slice(1),
+          [lt]: e.href.slice(1),
           className: V({
             isActive: e.href.slice(1) === r,
             isTopLevel: t === 0,
@@ -1021,7 +1070,7 @@ const Ur = ({
           rel: "noopener noreferrer",
           children: [
             /* @__PURE__ */ a.jsx("span", { className: "whitespace-normal", children: e.label }),
-            /* @__PURE__ */ a.jsx("span", { className: "whitespace-nowrap", children: /* @__PURE__ */ a.jsx(Jt, { className: "inline -translate-y-0.5", size: 12 }) })
+            /* @__PURE__ */ a.jsx("span", { className: "whitespace-nowrap", children: /* @__PURE__ */ a.jsx(tr, { className: "inline -translate-y-0.5", size: 12 }) })
           ]
         }
       ) : /* @__PURE__ */ a.jsx(
@@ -1038,17 +1087,17 @@ const Ur = ({
         }
       );
   }
-}, Vr = (e, t = { block: "center" }) => {
+}, Gr = (e, t = { block: "center" }) => {
   if (!e) return;
   const r = e.getBoundingClientRect();
   r.top >= 0 && r.left >= 0 && r.bottom <= (window.innerHeight || document.documentElement.clientHeight) && r.right <= (window.innerWidth || document.documentElement.clientWidth) || e.scrollIntoView(t);
-}, Zr = () => {
-  const e = pe(), { setActiveAnchor: t } = xe();
-  q(() => {
+}, ea = () => {
+  const e = ye(), { setActiveAnchor: t } = we();
+  L(() => {
     if (!e.hash) return;
     const r = decodeURIComponent(e.hash.split("/")[0].slice(1)), s = () => {
-      const n = document.getElementById(r), o = document.querySelector(`[${at}="${r}"]`);
-      return n ? (n.scrollIntoView(), Vr(o), requestIdleCallback(() => t(r)), !0) : !1;
+      const n = document.getElementById(r), o = document.querySelector(`[${lt}="${r}"]`);
+      return n ? (n.scrollIntoView(), Gr(o), requestIdleCallback(() => t(r)), !0) : !1;
     };
     if (!s()) {
       const n = new MutationObserver((o, i) => {
@@ -1057,13 +1106,13 @@ const Ur = ({
       return n.observe(document.body, { childList: !0, subtree: !0 }), () => n.disconnect();
     }
   }, [e.hash, t]);
-}, Wr = () => {
-  const e = pe(), t = fe(e.pathname);
-  q(() => {
+}, ta = () => {
+  const e = ye(), t = pe(e.pathname);
+  L(() => {
     t.current !== e.pathname && (window.scrollTo(0, 0), t.current = e.pathname);
   }, [e.pathname]);
 };
-function Yr({
+function ra({
   className: e,
   ...t
 }) {
@@ -1075,17 +1124,17 @@ function Yr({
     }
   );
 }
-const Jr = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems == "function", Xr = (e) => "getRoutes" in e && typeof e.getRoutes == "function", Gr = (e) => "renderSearch" in e && typeof e.renderSearch == "function", ea = (e) => "initialize" in e && typeof e.initialize == "function", ta = (e) => "getHead" in e && typeof e.getHead == "function", ra = (e) => "getMdxComponents" in e && typeof e.getMdxComponents == "function", aa = (e) => "getIdentities" in e && typeof e.getIdentities == "function", Ie = {
+const aa = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems == "function", sa = (e) => "getRoutes" in e && typeof e.getRoutes == "function", na = (e) => "renderSearch" in e && typeof e.renderSearch == "function", ia = (e) => "initialize" in e && typeof e.initialize == "function", oa = (e) => "getHead" in e && typeof e.getHead == "function", la = (e) => "getMdxComponents" in e && typeof e.getMdxComponents == "function", ca = (e) => "getIdentities" in e && typeof e.getIdentities == "function", Qe = {
   info: "bg-blue-500",
   note: "bg-gray-500",
   tip: "bg-green-600",
   caution: "bg-orange-500",
   danger: "bg-rose-500"
-}, sa = () => {
-  const { page: e } = _(), [t, r] = U(!0);
+}, ua = () => {
+  const { page: e } = F(), [t, r] = q(!0);
   if (!(e != null && e.banner) || !t)
     return /* @__PURE__ */ a.jsx("style", { children: ":root { --banner-height: 0px; }" });
-  const s = e.banner.color && e.banner.color in Ie ? Ie[e.banner.color] : e.banner.color ? void 0 : "bg-primary", n = s ? {} : { backgroundColor: e.banner.color };
+  const s = e.banner.color && e.banner.color in Qe ? Qe[e.banner.color] : e.banner.color ? void 0 : "bg-primary", n = s ? {} : { backgroundColor: e.banner.color };
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
@@ -1102,15 +1151,15 @@ const Jr = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
             type: "button",
             className: "md:absolute md:right-4 -m-1.5 p-1.5 hover:bg-accent-foreground/10 rounded-md",
             onClick: () => r(!1),
-            children: /* @__PURE__ */ a.jsx(Xt, { size: 16 })
+            children: /* @__PURE__ */ a.jsx(rr, { size: 16 })
           }
         )
       ]
     }
   );
-}, st = () => {
-  const e = _(), [t, r] = U(!1), s = Bt(() => r(!1), []);
-  q(() => {
+}, ct = () => {
+  const e = F(), [t, r] = q(!1), s = $t(() => r(!1), []);
+  L(() => {
     if (t)
       return;
     function o(i) {
@@ -1120,7 +1169,7 @@ const Jr = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
       window.removeEventListener("keydown", o);
     };
   }, [t, r]);
-  const n = e.plugins.find(Gr);
+  const n = e.plugins.find(na);
   return n ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs(
       "button",
@@ -1130,22 +1179,22 @@ const Jr = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
         className: "flex items-center border border-input hover:bg-accent hover:text-accent-foreground p-4 relative h-8 justify-start rounded-lg bg-background text-sm text-muted-foreground shadow-none w-full sm:w-72",
         children: [
           /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2 flex-grow", children: [
-            /* @__PURE__ */ a.jsx(Gt, { size: 14 }),
+            /* @__PURE__ */ a.jsx(ar, { size: 14 }),
             "Search"
           ] }),
           /* @__PURE__ */ a.jsx("kbd", { className: "absolute right-[0.3rem] top-[0.3rem] hidden h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[11px] font-medium opacity-100 sm:flex", children: "⌘K" })
         ]
       }
     ),
-    /* @__PURE__ */ a.jsx(me, { fallback: null, children: n.renderSearch({
+    /* @__PURE__ */ a.jsx(ve, { fallback: null, children: n.renderSearch({
       isOpen: t,
       onClose: s
     }) })
   ] }) : null;
-}, nt = () => {
-  const { theme: e, setTheme: t } = xr(), r = e === "dark" ? er : tr;
-  return /* @__PURE__ */ a.jsx(ve, { children: /* @__PURE__ */ a.jsx(
-    ue,
+}, ut = () => {
+  const { resolvedTheme: e, setTheme: t } = jr(), r = e === "dark" ? sr : nr;
+  return /* @__PURE__ */ a.jsx(je, { children: /* @__PURE__ */ a.jsx(
+    de,
     {
       variant: "ghost",
       "aria-label": e === "dark" ? "Switch to light mode" : "Switch to dark mode",
@@ -1154,78 +1203,86 @@ const Jr = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
       children: /* @__PURE__ */ a.jsx(r, { size: 18 })
     }
   ) });
-}, it = (e) => (t) => t.display === "auth" && e || t.display === "anon" && !e || !t.display || t.display === "always", na = () => {
-  const { topNavigation: e } = _(), { isAuthenticated: t } = se();
-  return e.length <= 1 ? /* @__PURE__ */ a.jsx("style", { children: ":root { --top-nav-height: 0px; }" }) : /* @__PURE__ */ a.jsx(me, { children: /* @__PURE__ */ a.jsx("nav", { className: "hidden lg:block border-b text-sm px-12 h-[--top-nav-height]", children: /* @__PURE__ */ a.jsx("ul", { className: "flex flex-row items-center gap-8", children: e.filter(it(t)).map((r) => /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(ia, { ...r }) }, r.id)) }) }) });
-}, ia = ({ id: e, label: t, default: r }) => {
-  var u;
-  const { sidebars: s } = _(), n = Le(), o = s[e], i = r ?? (o ? Qt(o, (d) => {
-    if (d.type === "doc") return F(d.id);
-  }) : F(e));
-  if (!i)
-    throw new Error(
-      `No links found in top navigation for top navigation '${e}'. Check that the sidebar isn't empty or that a default link set.`
-    );
-  const c = ((u = n.topNavItem) == null ? void 0 : u.id) === e;
-  return /* @__PURE__ */ a.jsx(
-    ne,
-    {
-      className: Xe(
-        "block py-3.5 font-medium -mb-px border-b-2",
-        c ? "border-primary text-foreground" : "border-transparent text-foreground/75 hover:text-foreground hover:border-accent-foreground/25"
-      ),
-      to: i,
-      children: t
-    }
-  );
-}, oa = () => {
-  const { topNavigation: e } = _(), { isAuthenticated: t } = se();
-  return /* @__PURE__ */ a.jsxs(Ze, { direction: "right", children: [
-    /* @__PURE__ */ a.jsx("div", { className: "flex lg:hidden justify-self-end", children: /* @__PURE__ */ a.jsx(We, { className: "lg:hidden", children: /* @__PURE__ */ a.jsx(rr, { size: 22 }) }) }),
-    /* @__PURE__ */ a.jsxs(
-      Ye,
+}, dt = (e) => (t) => t.display === "auth" && e || t.display === "anon" && !e || !t.display || t.display === "always", da = () => {
+  const { topNavigation: e } = F(), { isAuthenticated: t } = se();
+  return e.length <= 1 ? /* @__PURE__ */ a.jsx("style", { children: ":root { --top-nav-height: 0px; }" }) : /* @__PURE__ */ a.jsx(ve, { children: /* @__PURE__ */ a.jsx("nav", { className: "hidden lg:block border-b text-sm px-12 h-[--top-nav-height]", children: /* @__PURE__ */ a.jsx("ul", { className: "flex flex-row items-center gap-8", children: e.filter(dt(t)).map((r) => /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(ht, { ...r }) }, r.id)) }) }) });
+}, ht = ({
+  id: e,
+  label: t,
+  default: r
+}) => {
+  var l;
+  const { sidebars: s } = F(), n = s[e], o = Ze(), i = !!be().location, u = ((l = o.topNavItem) == null ? void 0 : l.id) === e && !i, d = r ?? (n ? zt(n, (p) => {
+    if (p.type === "doc") return Q(p.id);
+  }) : Q(e));
+  if (!d)
+    throw new Sr("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.`
+    });
+  return (
+    // We don't use isActive here because it has to be inside the sidebar,
+    // the top nav id doesn't necessarily start with the sidebar id
+    /* @__PURE__ */ a.jsx(
+      ae,
       {
-        className: "lg:hidden h-screen right-0 left-auto w-[320px] rounded-none overflow-auto",
-        "aria-describedby": void 0,
-        children: [
-          /* @__PURE__ */ a.jsx(Ge, { children: /* @__PURE__ */ a.jsx(Je, { children: "Navigation" }) }),
-          /* @__PURE__ */ a.jsx("div", { className: "flex p-4", children: /* @__PURE__ */ a.jsx(st, {}) }),
-          /* @__PURE__ */ a.jsxs("ul", { className: "flex flex-col items-center gap-4 p-4", children: [
-            /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(nt, {}) }),
-            e.filter(it(t)).map((r) => /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
-              ae,
-              {
-                className: ({ isActive: s }) => Xe(
-                  "block font-medium border-b-2",
-                  s ? "border-primary text-foreground" : "border-transparent text-foreground/75 hover:text-foreground hover:border-accent-foreground/25"
-                ),
-                to: r.id,
-                children: /* @__PURE__ */ a.jsx(sr, { children: r.label })
-              }
-            ) }, r.label))
-          ] })
-        ]
+        className: ({ isPending: p }) => dr(
+          "block lg:py-3.5 font-medium -mb-px border-b-2",
+          u || p ? "border-primary text-foreground" : "border-transparent text-foreground/75 hover:text-foreground hover:border-accent-foreground/25"
+        ),
+        to: d,
+        children: t
       }
     )
-  ] });
-}, ot = ({ item: e }) => e.children ? /* @__PURE__ */ a.jsxs(fr, { children: [
-  /* @__PURE__ */ a.jsx(mr, { children: e.label }),
-  /* @__PURE__ */ a.jsx(gr, { children: /* @__PURE__ */ a.jsx(pr, { children: e.children.map((t, r) => (
+  );
+}, ha = () => {
+  const { topNavigation: e } = F(), { isAuthenticated: t } = se(), [r, s] = q(!1);
+  return /* @__PURE__ */ a.jsxs(
+    et,
+    {
+      direction: "right",
+      open: r,
+      onOpenChange: (n) => s(n),
+      children: [
+        /* @__PURE__ */ a.jsx("div", { className: "flex lg:hidden justify-self-end", children: /* @__PURE__ */ a.jsx(tt, { className: "lg:hidden", children: /* @__PURE__ */ a.jsx(ir, { size: 22 }) }) }),
+        /* @__PURE__ */ a.jsxs(
+          rt,
+          {
+            className: "lg:hidden h-screen right-0 left-auto w-[320px] rounded-none overflow-auto",
+            "aria-describedby": void 0,
+            children: [
+              /* @__PURE__ */ a.jsx(st, { children: /* @__PURE__ */ a.jsx(at, { children: "Navigation" }) }),
+              /* @__PURE__ */ a.jsx("div", { className: "flex p-4", children: /* @__PURE__ */ a.jsx(ct, {}) }),
+              /* @__PURE__ */ a.jsxs("ul", { className: "flex flex-col items-center gap-4 p-4", children: [
+                /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(ut, {}) }),
+                e.filter(dt(t)).map((n) => /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx("button", { onClick: () => s(!1), children: /* @__PURE__ */ a.jsx(ht, { ...n }) }) }, n.label))
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}, re = ({ item: e }) => e.children ? /* @__PURE__ */ a.jsxs(pr, { children: [
+  /* @__PURE__ */ a.jsx(vr, { children: e.label }),
+  /* @__PURE__ */ a.jsx(xr, { children: /* @__PURE__ */ a.jsx(yr, { children: e.children.map((t, r) => (
     // eslint-disable-next-line react/no-array-index-key
-    /* @__PURE__ */ a.jsx(ot, { item: t }, r)
+    /* @__PURE__ */ a.jsx(re, { item: t }, r)
   )) }) })
-] }, e.label) : /* @__PURE__ */ a.jsx(ne, { to: e.path ?? "", children: /* @__PURE__ */ a.jsx(vr, { children: e.label }, e.label) }), lt = Ke(function() {
-  const t = se(), { isAuthenticated: r, profile: s, isAuthEnabled: n } = se(), o = _(), { page: i, plugins: c } = o, u = c.filter((d) => Jr(d)).flatMap((d) => d.getProfileMenuItems(o)).map((d) => /* @__PURE__ */ a.jsx(ot, { item: d }, d.label));
+] }, e.label) : /* @__PURE__ */ a.jsx(ge, { to: e.path ?? "", children: /* @__PURE__ */ a.jsxs(br, { className: "flex gap-2", children: [
+  e.icon && /* @__PURE__ */ a.jsx(e.icon, { size: 16, strokeWidth: 1, absoluteStrokeWidth: !0 }),
+  e.label
+] }, e.label) }), ft = Xe(function() {
+  const t = se(), { isAuthenticated: r, profile: s, isAuthEnabled: n } = se(), o = F(), { page: i, plugins: u } = o, d = u.filter((l) => aa(l)).flatMap((l) => l.getProfileMenuItems(o)).sort((l) => l.weight ?? 0);
   return /* @__PURE__ */ a.jsxs("header", { className: "sticky lg:top-0 z-10 bg-background/80 backdrop-blur w-full", children: [
-    /* @__PURE__ */ a.jsx(sa, {}),
+    /* @__PURE__ */ a.jsx(ua, {}),
     /* @__PURE__ */ a.jsxs("div", { className: "max-w-screen-2xl mx-auto", children: [
       /* @__PURE__ */ a.jsxs("div", { className: "grid grid-cols-2 lg:grid-cols-[calc(var(--side-nav-width))_1fr] lg:gap-12 items-center border-b px-10 lg:px-12 h-[--top-header-height]", children: [
-        /* @__PURE__ */ a.jsx("div", { className: "flex", children: /* @__PURE__ */ a.jsx(ne, { to: "/", children: /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-3.5", children: [
+        /* @__PURE__ */ a.jsx("div", { className: "flex", children: /* @__PURE__ */ a.jsx(ge, { to: "/", children: /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-3.5", children: [
           (i == null ? void 0 : i.logo) && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
             /* @__PURE__ */ a.jsx(
               "img",
               {
-                src: /https?:\/\//.test(i.logo.src.light) ? i.logo.src.light : F(
+                src: /https?:\/\//.test(i.logo.src.light) ? i.logo.src.light : Q(
                   "/",
                   i.logo.src.light
                 ),
@@ -1238,14 +1295,13 @@ const Jr = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
             /* @__PURE__ */ a.jsx(
               "img",
               {
-                "data-hide-on-theme": "light",
-                src: /https?:\/\//.test(i.logo.src.dark) ? i.logo.src.dark : F(
+                src: /https?:\/\//.test(i.logo.src.dark) ? i.logo.src.dark : Q(
                   "/",
                   i.logo.src.dark
                 ),
                 alt: i.logo.alt ?? i.pageTitle,
                 style: { width: i.logo.width },
-                className: "h-10",
+                className: "h-10 hidden dark:block",
                 loading: "lazy"
               }
             )
@@ -1253,35 +1309,46 @@ const Jr = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
           /* @__PURE__ */ a.jsx("span", { className: "font-bold text-2xl text-foreground/85 tracking-wide", children: i == null ? void 0 : i.pageTitle })
         ] }) }) }),
         /* @__PURE__ */ a.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-[--sidecar-grid-cols] items-center gap-8", children: [
-          /* @__PURE__ */ a.jsx("div", { className: "w-full justify-center hidden lg:flex", children: /* @__PURE__ */ a.jsx(st, {}) }),
-          /* @__PURE__ */ a.jsx(oa, {}),
+          /* @__PURE__ */ a.jsx("div", { className: "w-full justify-center hidden lg:flex", children: /* @__PURE__ */ a.jsx(ct, {}) }),
+          /* @__PURE__ */ a.jsx(ha, {}),
           /* @__PURE__ */ a.jsxs("div", { className: "hidden lg:flex items-center justify-self-end text-sm gap-2", children: [
-            /* @__PURE__ */ a.jsx(O, { name: "head-navigation-start" }),
+            /* @__PURE__ */ a.jsx(D, { name: "head-navigation-start" }),
             n && /* @__PURE__ */ a.jsx(
-              ve,
+              je,
               {
-                fallback: /* @__PURE__ */ a.jsx(Yr, { className: "rounded h-5 w-24 mr-4" }),
-                children: r ? u.length > 0 && /* @__PURE__ */ a.jsxs(lr, { modal: !1, children: [
-                  /* @__PURE__ */ a.jsx(cr, { asChild: !0, children: /* @__PURE__ */ a.jsx(ue, { variant: "ghost", children: s != null && s.email ? `${s.email}` : "My Account" }) }),
-                  /* @__PURE__ */ a.jsxs(ur, { className: "w-56", children: [
-                    /* @__PURE__ */ a.jsx(dr, { children: "My Account" }),
-                    /* @__PURE__ */ a.jsx(hr, {}),
-                    u
+                fallback: /* @__PURE__ */ a.jsx(ra, { className: "rounded h-5 w-24 mr-4" }),
+                children: r ? Object.values(d).length > 0 && /* @__PURE__ */ a.jsxs(hr, { modal: !1, children: [
+                  /* @__PURE__ */ a.jsx(fr, { asChild: !0, children: /* @__PURE__ */ a.jsx(de, { variant: "ghost", children: s != null && s.name ? `${s.name}` : "My Account" }) }),
+                  /* @__PURE__ */ a.jsxs(mr, { className: "w-56", children: [
+                    /* @__PURE__ */ a.jsxs(gr, { children: [
+                      s != null && s.name ? `${s.name}` : "My Account",
+                      (s == null ? void 0 : s.email) && /* @__PURE__ */ a.jsx("div", { className: "font-normal text-muted-foreground", children: s.email })
+                    ] }),
+                    d.filter((l) => l.category === "top").length > 0 && /* @__PURE__ */ a.jsx(le, {}),
+                    d.filter((l) => l.category === "top").map((l) => /* @__PURE__ */ a.jsx(re, { item: l }, l.label)),
+                    d.filter(
+                      (l) => !l.category || l.category === "middle"
+                    ).length > 0 && /* @__PURE__ */ a.jsx(le, {}),
+                    d.filter(
+                      (l) => !l.category || l.category === "middle"
+                    ).map((l) => /* @__PURE__ */ a.jsx(re, { item: l }, l.label)),
+                    d.filter((l) => l.category === "bottom").length > 0 && /* @__PURE__ */ a.jsx(le, {}),
+                    d.filter((l) => l.category === "bottom").map((l) => /* @__PURE__ */ a.jsx(re, { item: l }, l.label))
                   ] })
-                ] }) : /* @__PURE__ */ a.jsx(ue, { variant: "ghost", onClick: () => t.login(), children: "Login" })
+                ] }) : /* @__PURE__ */ a.jsx(de, { variant: "ghost", onClick: () => t.login(), children: "Login" })
               }
             ),
-            /* @__PURE__ */ a.jsx(nt, {}),
-            /* @__PURE__ */ a.jsx(O, { name: "head-navigation-end" })
+            /* @__PURE__ */ a.jsx(ut, {}),
+            /* @__PURE__ */ a.jsx(D, { name: "head-navigation-end" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ a.jsx(O, { name: "top-navigation-before" }),
-      /* @__PURE__ */ a.jsx(na, {}),
-      /* @__PURE__ */ a.jsx(O, { name: "top-navigation-after" })
+      /* @__PURE__ */ a.jsx(D, { name: "top-navigation-before" }),
+      /* @__PURE__ */ a.jsx(da, {}),
+      /* @__PURE__ */ a.jsx(D, { name: "top-navigation-after" })
     ] })
   ] });
-}), ct = Ht(({ children: e, className: t, pushMainContent: r }, s) => /* @__PURE__ */ a.jsx(
+}), mt = Kt(({ children: e, className: t, pushMainContent: r }, s) => /* @__PURE__ */ a.jsx(
   "nav",
   {
     "data-navigation": String(r),
@@ -1295,99 +1362,98 @@ const Jr = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
     children: e
   }
 ));
-ct.displayName = "SidebarWrapper";
-const la = () => {
-  const e = fe(null), t = Le();
+mt.displayName = "SidebarWrapper";
+const fa = () => {
+  const e = pe(null), t = Ze();
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs(
-      ct,
+      mt,
       {
         ref: e,
         pushMainContent: t.sidebar.length > 0,
         children: [
-          /* @__PURE__ */ a.jsx(O, { name: "zudoku-before-navigation" }),
-          t.sidebar.map((r) => /* @__PURE__ */ a.jsx(de, { item: r }, r.label)),
-          /* @__PURE__ */ a.jsx(O, { name: "zudoku-after-navigation" })
+          /* @__PURE__ */ a.jsx(D, { name: "zudoku-before-navigation" }),
+          t.sidebar.map((r) => /* @__PURE__ */ a.jsx(fe, { item: r }, r.label)),
+          /* @__PURE__ */ a.jsx(D, { name: "zudoku-after-navigation" })
         ]
       }
     ),
     /* @__PURE__ */ a.jsxs(
-      Ye,
+      rt,
       {
         className: "lg:hidden h-screen left-0 p-6 w-[320px] rounded-none overflow-auto",
         "aria-describedby": void 0,
         children: [
-          /* @__PURE__ */ a.jsx(Ge, { children: /* @__PURE__ */ a.jsx(Je, { children: "Sidebar" }) }),
-          t.sidebar.map((r) => /* @__PURE__ */ a.jsx(de, { item: r }, r.label))
+          /* @__PURE__ */ a.jsx(st, { children: /* @__PURE__ */ a.jsx(at, { children: "Sidebar" }) }),
+          t.sidebar.map((r) => /* @__PURE__ */ a.jsx(fe, { item: r }, r.label))
         ]
       }
     )
   ] });
-}, ca = ({ children: e }) => {
-  const t = pe(), { setActiveAnchor: r } = xe(), { meta: s, authentication: n } = _();
-  Zr(), Wr();
-  const o = fe(t.pathname);
-  return q(() => {
-    var i;
-    (i = n == null ? void 0 : n.pageLoad) == null || i.call(n);
-  }, [n]), q(() => {
+}, qe = () => /* @__PURE__ */ a.jsx("main", { className: "grid h-[calc(100vh-var(--header-height))] place-items-center", children: /* @__PURE__ */ a.jsx(Nr, {}) }), ma = ({ children: e }) => {
+  const t = ye(), { setActiveAnchor: r } = we(), { meta: s, authentication: n } = F();
+  ea(), ta();
+  const o = pe(t.pathname);
+  L(() => {
+    var d;
+    (d = n == null ? void 0 : n.onPageLoad) == null || d.call(n);
+  }, [n]), L(() => {
     t.pathname !== o.current && r(""), o.current = t.pathname;
-  }, [t.pathname, r]), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+  }, [t.pathname, r]);
+  const i = !!be().location, u = Xr.useSpinDelay(i, {
+    delay: 300,
+    minDuration: 500
+  });
+  return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     !1,
-    /* @__PURE__ */ a.jsxs(he, { titleTemplate: s == null ? void 0 : s.title, children: [
+    /* @__PURE__ */ a.jsxs(me, { titleTemplate: s == null ? void 0 : s.title, children: [
       (s == null ? void 0 : s.description) && /* @__PURE__ */ a.jsx("meta", { name: "description", content: s.description }),
       (s == null ? void 0 : s.favicon) && /* @__PURE__ */ a.jsx("link", { rel: "icon", href: s.favicon })
     ] }),
-    /* @__PURE__ */ a.jsx(O, { name: "layout-before-head" }),
-    /* @__PURE__ */ a.jsx(lt, {}),
-    /* @__PURE__ */ a.jsx(O, { name: "layout-after-head" }),
-    /* @__PURE__ */ a.jsx("div", { className: "w-full max-w-screen-2xl mx-auto px-10 lg:px-12", children: /* @__PURE__ */ a.jsx(
-      me,
-      {
-        fallback: /* @__PURE__ */ a.jsx("main", { className: "grid h-[calc(100vh-var(--header-height))] place-items-center", children: /* @__PURE__ */ a.jsx(br, {}) }),
-        children: /* @__PURE__ */ a.jsxs(Ze, { direction: "left", children: [
-          /* @__PURE__ */ a.jsx(la, {}),
-          /* @__PURE__ */ a.jsx(
-            "div",
-            {
-              className: R(
-                "lg:hidden -mx-10 px-10 py-2 sticky bg-background/80 backdrop-blur z-10 top-0 left-0 right-0 border-b",
-                "peer-data-[navigation=false]:hidden"
-              ),
-              children: /* @__PURE__ */ a.jsxs(We, { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ a.jsx(ar, { size: 16, strokeWidth: 1.5 }),
-                /* @__PURE__ */ a.jsx("span", { className: "text-sm", children: "Menu" })
-              ] })
-            }
+    /* @__PURE__ */ a.jsx(D, { name: "layout-before-head" }),
+    /* @__PURE__ */ a.jsx(ft, {}),
+    /* @__PURE__ */ a.jsx(D, { name: "layout-after-head" }),
+    /* @__PURE__ */ a.jsx("div", { className: "w-full max-w-screen-2xl mx-auto px-10 lg:px-12", children: u ? /* @__PURE__ */ a.jsx(qe, {}) : /* @__PURE__ */ a.jsx(ve, { fallback: /* @__PURE__ */ a.jsx(qe, {}), children: /* @__PURE__ */ a.jsxs(et, { direction: "left", children: [
+      /* @__PURE__ */ a.jsx(fa, {}),
+      /* @__PURE__ */ a.jsx(
+        "div",
+        {
+          className: R(
+            "lg:hidden -mx-10 px-10 py-2 sticky bg-background/80 backdrop-blur z-10 top-0 left-0 right-0 border-b",
+            "peer-data-[navigation=false]:hidden"
           ),
-          /* @__PURE__ */ a.jsxs(
-            "main",
-            {
-              className: R(
-                "h-full dark:border-white/10 translate-x-0",
-                "lg:overflow-visible",
-                // This works in tandem with the `SidebarWrapper` component
-                "lg:peer-data-[navigation=true]:w-[calc(100%-var(--side-nav-width))]",
-                "lg:peer-data-[navigation=true]:translate-x-[--side-nav-width] lg:peer-data-[navigation=true]:pl-12"
-              ),
-              children: [
-                /* @__PURE__ */ a.jsx(O, { name: "zudoku-before-content" }),
-                e ?? /* @__PURE__ */ a.jsx(Ve, {}),
-                /* @__PURE__ */ a.jsx(O, { name: "zudoku-after-content" })
-              ]
-            }
-          )
-        ] })
-      }
-    ) })
+          children: /* @__PURE__ */ a.jsxs(tt, { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ a.jsx(or, { size: 16, strokeWidth: 1.5 }),
+            /* @__PURE__ */ a.jsx("span", { className: "text-sm", children: "Menu" })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ a.jsxs(
+        "main",
+        {
+          className: R(
+            "h-full dark:border-white/10 translate-x-0",
+            "lg:overflow-visible",
+            // This works in tandem with the `SidebarWrapper` component
+            "lg:peer-data-[navigation=true]:w-[calc(100%-var(--side-nav-width))]",
+            "lg:peer-data-[navigation=true]:translate-x-[--side-nav-width] lg:peer-data-[navigation=true]:pl-12"
+          ),
+          children: [
+            /* @__PURE__ */ a.jsx(D, { name: "zudoku-before-content" }),
+            e ?? /* @__PURE__ */ a.jsx(Ge, {}),
+            /* @__PURE__ */ a.jsx(D, { name: "zudoku-after-content" })
+          ]
+        }
+      )
+    ] }) }) })
   ] });
-}, ua = $e(null), le = {
+}, ga = Je(null), ce = {
   didCatch: !1,
   error: null
 };
-class da extends Lt {
+class pa extends Vt {
   constructor(t) {
-    super(t), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = le;
+    super(t), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = ce;
   }
   static getDerivedStateFromError(t) {
     return {
@@ -1405,7 +1471,7 @@ class da extends Lt {
       (r = (s = this.props).onReset) === null || r === void 0 || r.call(s, {
         args: o,
         reason: "imperative-api"
-      }), this.setState(le);
+      }), this.setState(ce);
     }
   }
   componentDidCatch(t, r) {
@@ -1418,13 +1484,13 @@ class da extends Lt {
     } = this.state, {
       resetKeys: n
     } = this.props;
-    if (s && r.error !== null && ha(t.resetKeys, n)) {
+    if (s && r.error !== null && va(t.resetKeys, n)) {
       var o, i;
       (o = (i = this.props).onReset) === null || o === void 0 || o.call(i, {
         next: n,
         prev: t.resetKeys,
         reason: "keys"
-      }), this.setState(le);
+      }), this.setState(ce);
     }
   }
   render() {
@@ -1437,137 +1503,137 @@ class da extends Lt {
       didCatch: o,
       error: i
     } = this.state;
-    let c = t;
+    let u = t;
     if (o) {
-      const u = {
+      const d = {
         error: i,
         resetErrorBoundary: this.resetErrorBoundary
       };
       if (typeof r == "function")
-        c = r(u);
+        u = r(d);
       else if (s)
-        c = Oe(s, u);
+        u = Ie(s, d);
       else if (n !== void 0)
-        c = n;
+        u = n;
       else
         throw i;
     }
-    return Oe(ua.Provider, {
+    return Ie(ga.Provider, {
       value: {
         didCatch: o,
         error: i,
         resetErrorBoundary: this.resetErrorBoundary
       }
-    }, c);
+    }, u);
   }
 }
-function ha() {
+function va() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
   return e.length !== t.length || e.some((r, s) => !Object.is(r, t[s]));
 }
-class fa {
+class xa {
   constructor(t) {
-    N(this, "plugins");
-    N(this, "sidebars");
-    N(this, "topNavigation");
-    N(this, "meta");
-    N(this, "page");
-    N(this, "authentication");
-    N(this, "navigationPlugins");
-    N(this, "initialize", async () => {
+    S(this, "plugins");
+    S(this, "sidebars");
+    S(this, "topNavigation");
+    S(this, "meta");
+    S(this, "page");
+    S(this, "authentication");
+    S(this, "navigationPlugins");
+    S(this, "initialize", async () => {
       await Promise.all(
-        this.plugins.filter(ea).map((t) => {
+        this.plugins.filter(ia).map((t) => {
           var r;
           return (r = t.initialize) == null ? void 0 : r.call(t, this);
         })
       );
     });
-    N(this, "getApiIdentities", async () => (await Promise.all(
-      this.plugins.filter(aa).map((r) => r.getIdentities(this))
+    S(this, "getApiIdentities", async () => (await Promise.all(
+      this.plugins.filter(ca).map((r) => r.getIdentities(this))
     )).flat());
-    N(this, "getPluginSidebar", async (t) => (await Promise.all(
+    S(this, "getPluginSidebar", async (t) => (await Promise.all(
       this.navigationPlugins.map(
         (s) => {
           var n;
-          return (n = s.getSidebar) == null ? void 0 : n.call(s, F(t));
+          return (n = s.getSidebar) == null ? void 0 : n.call(s, Q(t));
         }
       )
     )).flatMap((s) => s ?? []));
-    N(this, "signRequest", async (t) => {
+    S(this, "signRequest", async (t) => {
       if (!this.authentication)
         throw new Error("No authentication provider configured");
       const r = await this.authentication.getAccessToken();
       return t.headers.set("Authorization", `Bearer ${r}`), t;
     });
-    this.plugins = t.plugins ?? [], this.topNavigation = t.topNavigation ?? [], this.sidebars = t.sidebars ?? {}, this.navigationPlugins = this.plugins.filter(Xr), this.authentication = t.authentication, this.meta = t.metadata, this.page = t.page;
+    this.plugins = t.plugins ?? [], this.topNavigation = t.topNavigation ?? [], this.sidebars = t.sidebars ?? {}, this.navigationPlugins = this.plugins.filter(sa), this.authentication = t.authentication, this.meta = t.metadata, this.page = t.page;
   }
 }
-function ma({ error: e, resetErrorBoundary: t }) {
-  return /* @__PURE__ */ a.jsx(qe, { error: e });
+function ya({ error: e, resetErrorBoundary: t }) {
+  return /* @__PURE__ */ a.jsx(Ue, { error: e });
 }
 const te = globalThis;
 (!te.requestIdleCallback || !te.cancelIdleCallback) && (te.requestIdleCallback = (e) => setTimeout(e, 1), te.cancelIdleCallback = clearTimeout);
-const ut = {
-  Header: lt
-}, ga = $e(ut), pa = ga.Provider, va = ({
+const gt = {
+  Header: ft
+}, ba = Je(gt), ja = ba.Provider, wa = ({
   children: e,
   context: t
-}) => (_t({
+}) => (Bt({
   queryFn: async () => (await t.initialize(), !0),
   queryKey: ["zudoku-initialize"]
-}), /* @__PURE__ */ a.jsx(Ft.Provider, { value: t, children: e })), dt = Ke(
+}), /* @__PURE__ */ a.jsx(Ht.Provider, { value: t, children: e })), pt = Xe(
   ({ children: e, ...t }) => {
-    var m, f;
-    const r = re(
-      () => ({ ...ut, ...t.overrides }),
+    var f, h;
+    const r = ne(
+      () => ({ ...gt, ...t.overrides }),
       [t.overrides]
-    ), s = re(() => {
-      var p;
+    ), s = ne(() => {
+      var v;
       return {
-        ...(t.plugins ?? []).filter(ra).flatMap(
-          (h) => h.getMdxComponents ? [h.getMdxComponents()] : []
+        ...(t.plugins ?? []).filter(la).flatMap(
+          (m) => m.getMdxComponents ? [m.getMdxComponents()] : []
         ).reduce(
-          (h, S) => ({ ...h, ...S }),
+          (m, E) => ({ ...m, ...E }),
           {}
         ),
-        ...nr,
-        ...(p = t.mdx) == null ? void 0 : p.components
+        ...lr,
+        ...(v = t.mdx) == null ? void 0 : v.components
       };
-    }, [(m = t.mdx) == null ? void 0 : m.components, t.plugins]), { stagger: n } = Ut(ce), [o, i] = U(!1), c = re(
+    }, [(f = t.mdx) == null ? void 0 : f.components, t.plugins]), { stagger: n } = Zt(ue), [o, i] = q(!1), u = ne(
       () => o ? { stagger: !0 } : { stagger: n },
       [n, o]
-    ), u = Wt();
-    q(() => {
+    ), d = be();
+    L(() => {
       o || i(!0);
-    }, [o, u.location]);
-    const [d] = U(() => new fa(t)), x = (f = t.plugins) == null ? void 0 : f.filter(ta).map((v, p) => {
-      var h;
-      return /* @__PURE__ */ a.jsx(Kt, { children: (h = v.getHead) == null ? void 0 : h.call(v) }, p);
+    }, [o, d.location]);
+    const [l] = q(() => new xa(t)), p = (h = t.plugins) == null ? void 0 : h.filter(oa).map((g, v) => {
+      var m;
+      return /* @__PURE__ */ a.jsx(Yt, { children: (m = g.getHead) == null ? void 0 : m.call(g) }, v);
     });
     return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-      /* @__PURE__ */ a.jsx(he, { children: x }),
-      /* @__PURE__ */ a.jsx(ce.Provider, { value: c, children: /* @__PURE__ */ a.jsx(va, { context: d, children: /* @__PURE__ */ a.jsx(vt, { components: s, children: /* @__PURE__ */ a.jsx(yr, { attribute: "class", disableTransitionOnChange: !0, children: /* @__PURE__ */ a.jsx(pa, { value: r, children: /* @__PURE__ */ a.jsx(Nt, { slotlets: t.slotlets, children: /* @__PURE__ */ a.jsx(ir, { children: e ?? /* @__PURE__ */ a.jsx(Ve, {}) }) }) }) }) }) }) })
+      /* @__PURE__ */ a.jsx(me, { children: p }),
+      /* @__PURE__ */ a.jsx(ue.Provider, { value: u, children: /* @__PURE__ */ a.jsx(wa, { context: l, children: /* @__PURE__ */ a.jsx(wt, { components: s, children: /* @__PURE__ */ a.jsx(wr, { attribute: "class", disableTransitionOnChange: !0, children: /* @__PURE__ */ a.jsx(ja, { value: r, children: /* @__PURE__ */ a.jsx(kt, { slotlets: t.slotlets, children: /* @__PURE__ */ a.jsx(cr, { children: e ?? /* @__PURE__ */ a.jsx(Ge, {}) }) }) }) }) }) }) })
     ] });
   }
 );
-dt.displayName = "ZudokoInner";
-const ht = (e) => /* @__PURE__ */ a.jsx(da, { FallbackComponent: ma, children: /* @__PURE__ */ a.jsx(dt, { ...e }) });
-ht.displayName = "Zudoku";
-const Ua = xt, Ka = ca, $a = Ct, Va = jr, Za = Ur, Wa = Kr, Ya = he, Ja = _, Xa = wt, Ga = ht, es = Pt, ts = ve, rs = St, as = ne;
+pt.displayName = "ZudokoInner";
+const vt = (e) => /* @__PURE__ */ a.jsx(pa, { FallbackComponent: ya, children: /* @__PURE__ */ a.jsx(pt, { ...e }) });
+vt.displayName = "Zudoku";
+const Wa = St, Xa = ma, Ja = At, Ga = Er, es = Yr, ts = Wr, rs = me, as = F, ss = Ct, ns = vt, is = Ot, os = je, ls = Dt, cs = ge;
 export {
-  Za as Bootstrap,
-  Wa as BootstrapStatic,
-  rs as Button,
-  es as Callout,
-  ts as ClientOnly,
-  Ya as Head,
-  Ka as Layout,
-  as as Link,
-  $a as RouterError,
-  Va as ServerError,
-  Ga as Zudoku,
-  Xa as useAuth,
-  Ua as useMDXComponents,
-  Ja as useZudoku
+  es as Bootstrap,
+  ts as BootstrapStatic,
+  ls as Button,
+  is as Callout,
+  os as ClientOnly,
+  rs as Head,
+  Xa as Layout,
+  cs as Link,
+  Ja as RouterError,
+  Ga as ServerError,
+  ns as Zudoku,
+  ss as useAuth,
+  Wa as useMDXComponents,
+  as as useZudoku
 };
 //# sourceMappingURL=zudoku.components.js.map