zudoku 0.18.5 → 0.18.7

package/lib/zudoku.components.js

@@ -1,39 +1,40 @@
 var yt = Object.defineProperty;
-var Pe = (e) => {
+var Ce = (e) => {
   throw TypeError(e);
 };
 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 N = (e, t, r) => bt(e, typeof t != "symbol" ? t + "" : t, r), Pe = (e, t, r) => t.has(e) || Ce("Cannot " + r);
+var u = (e, t, r) => (Pe(e, t, "read from private field"), r ? r.call(e) : t.get(e)), E = (e, t, r) => t.has(e) ? Ce("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), y = (e, t, r, s) => (Pe(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 c(e, t, s);
+    return u(e, t, s);
   }
 });
-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 { a as He, H as me } from "./index.esm-Bm8pj-bc.js";
+import { d as jt, R as wt, N as ae, u as St, L as ge } from "./index-Yn8c3UWE.js";
+import { u as Nt } from "./state-tsXBLONe.js";
+import { E as Ue, S as O, a as Et, R as Ct } from "./SlotletProvider-DyomlzGx.js";
 import { j as a } from "./jsx-runtime-B6kdoens.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 { Button as Pt } from "./ui/Button.js";
+import { Callout as kt } from "./ui/Callout.js";
+import { S as $e, l as Ke, Q as Dt, n as S, m as ke, o as De, p as A, q as Ot, r as At, t as Mt, v as Rt, w as Oe, x as Ae, y as It, h as Me, z as Re, A as Tt, d as _t, B as Ve, C as Qt, j as q, u as F, D as Ze, E as Ft, g as qt, Z as Lt } from "./utils-DcpDOncX.js";
+import { M as zt, u as se } from "./hook-hEqe7fPB.js";
 import * as G from "react";
-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 Ye, { StrictMode as We, useState as Q, useEffect as L, useRef as pe, useCallback as Bt, Suspense as ve, memo as Xe, forwardRef as Ht, createContext as Je, Component as Ut, createElement as Ie, useMemo as ne, useContext as $t, Fragment as Kt } from "react";
+import { a as xe, c as Vt } from "./_commonjsHelpers-BkfeUUK-.js";
+import { B as Zt } from "./router-lfyopgBI.js";
+import { I as Yt, y as Wt, 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 { ChevronRightIcon as Xt, ExternalLinkIcon as Jt, CircleXIcon as Gt, SearchIcon as er, MoonStarIcon as tr, SunIcon as rr, MenuIcon as ar, PanelLeftIcon as sr } 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 we, a as lr, V as cr } from "./Markdown-ievDDhFT.js";
-import { c as ur, a as dr } from "./index-BuAyrJe3.js";
+import { u as we, a as nr, V as ir } from "./Markdown-ievDDhFT.js";
+import { c as or, a as lr } from "./index-BuAyrJe3.js";
+import { A as cr, M as ur, u as dr } from "./AnchorLink-BR0MvI7n.js";
 import * as oe from "@radix-ui/react-collapsible";
 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";
@@ -44,16 +45,16 @@ import { S as Nr } from "./Spinner-3cQDBVGr.js";
 function Er({ error: e }) {
   return /* @__PURE__ */ a.jsx(Ue, { error: e });
 }
-var k, Le, Pr = (Le = class extends $e {
+var k, Le, Cr = (Le = class extends $e {
   constructor(t = {}) {
     super();
-    N(this, k);
+    E(this, k);
     this.config = t, y(this, k, /* @__PURE__ */ new Map());
   }
   build(t, r, s) {
     const n = r.queryKey, o = r.queryHash ?? Ke(n, r);
     let i = this.get(o);
-    return i || (i = new Mt({
+    return i || (i = new Dt({
       cache: this,
       queryKey: n,
       queryHash: o,
@@ -63,27 +64,27 @@ var k, Le, Pr = (Le = class extends $e {
     }), this.add(i)), i;
   }
   add(t) {
-    c(this, k).has(t.queryHash) || (c(this, k).set(t.queryHash, t), this.notify({
+    u(this, k).has(t.queryHash) || (u(this, k).set(t.queryHash, t), this.notify({
       type: "added",
       query: t
     }));
   }
   remove(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 }));
+    const r = u(this, k).get(t.queryHash);
+    r && (t.destroy(), r === t && u(this, k).delete(t.queryHash), this.notify({ type: "removed", query: t }));
   }
   clear() {
-    w.batch(() => {
+    S.batch(() => {
       this.getAll().forEach((t) => {
         this.remove(t);
       });
     });
   }
   get(t) {
-    return c(this, k).get(t);
+    return u(this, k).get(t);
   }
   getAll() {
-    return [...c(this, k).values()];
+    return [...u(this, k).values()];
   }
   find(t) {
     const r = { exact: !0, ...t };
@@ -96,35 +97,35 @@ var k, Le, Pr = (Le = class extends $e {
     return Object.keys(t).length > 0 ? r.filter((s) => ke(t, s)) : r;
   }
   notify(t) {
-    w.batch(() => {
+    S.batch(() => {
       this.listeners.forEach((r) => {
         r(t);
       });
     });
   }
   onFocus() {
-    w.batch(() => {
+    S.batch(() => {
       this.getAll().forEach((t) => {
         t.onFocus();
       });
     });
   }
   onOnline() {
-    w.batch(() => {
+    S.batch(() => {
       this.getAll().forEach((t) => {
         t.onOnline();
       });
     });
   }
-}, k = new WeakMap(), Le), j, Z, ze, Cr = (ze = class extends $e {
+}, k = new WeakMap(), Le), w, Z, ze, Pr = (ze = class extends $e {
   constructor(t = {}) {
     super();
-    N(this, j);
-    N(this, Z);
-    this.config = t, y(this, j, /* @__PURE__ */ new Map()), y(this, Z, Date.now());
+    E(this, w);
+    E(this, Z);
+    this.config = t, y(this, w, /* @__PURE__ */ new Map()), y(this, Z, Date.now());
   }
   build(t, r, s) {
-    const n = new Ut({
+    const n = new zt({
       mutationCache: this,
       mutationId: ++J(this, Z)._,
       options: t.defaultMutationOptions(r),
@@ -133,49 +134,49 @@ var k, Le, Pr = (Le = class extends $e {
     return this.add(n), n;
   }
   add(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 });
+    const r = ee(t), s = u(this, w).get(r) ?? [];
+    s.push(t), u(this, w).set(r, s), this.notify({ type: "added", mutation: t });
   }
   remove(t) {
     var s;
     const r = ee(t);
-    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));
+    if (u(this, w).has(r)) {
+      const n = (s = u(this, w).get(r)) == null ? void 0 : s.filter((o) => o !== t);
+      n && (n.length === 0 ? u(this, w).delete(r) : u(this, w).set(r, n));
     }
     this.notify({ type: "removed", mutation: t });
   }
   canRun(t) {
     var s;
-    const r = (s = c(this, j).get(ee(t))) == null ? void 0 : s.find((n) => n.state.status === "pending");
+    const r = (s = u(this, w).get(ee(t))) == null ? void 0 : s.find((n) => n.state.status === "pending");
     return !r || r === t;
   }
   runNext(t) {
     var s;
-    const r = (s = c(this, j).get(ee(t))) == null ? void 0 : s.find((n) => n !== t && n.state.isPaused);
+    const r = (s = u(this, w).get(ee(t))) == null ? void 0 : s.find((n) => n !== t && n.state.isPaused);
     return (r == null ? void 0 : r.continue()) ?? Promise.resolve();
   }
   clear() {
-    w.batch(() => {
+    S.batch(() => {
       this.getAll().forEach((t) => {
         this.remove(t);
       });
     });
   }
   getAll() {
-    return [...c(this, j).values()].flat();
+    return [...u(this, w).values()].flat();
   }
   find(t) {
     const r = { exact: !0, ...t };
     return this.getAll().find(
-      (s) => Ae(r, s)
+      (s) => De(r, s)
     );
   }
   findAll(t = {}) {
-    return this.getAll().filter((r) => Ae(t, r));
+    return this.getAll().filter((r) => De(t, r));
   }
   notify(t) {
-    w.batch(() => {
+    S.batch(() => {
       this.listeners.forEach((r) => {
         r(t);
       });
@@ -183,13 +184,13 @@ var k, Le, Pr = (Le = class extends $e {
   }
   resumePausedMutations() {
     const t = this.getAll().filter((r) => r.state.isPaused);
-    return w.batch(
+    return S.batch(
       () => Promise.all(
-        t.map((r) => r.continue().catch(O))
+        t.map((r) => r.continue().catch(A))
       )
     );
   }
-}, j = new WeakMap(), Z = new WeakMap(), ze);
+}, w = new WeakMap(), Z = new WeakMap(), ze);
 function ee(e) {
   var t;
   return ((t = e.options.scope) == null ? void 0 : t.id) ?? String(e.mutationId);
@@ -197,60 +198,60 @@ function ee(e) {
 function Te(e) {
   return {
     onFetch: (t, r) => {
-      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) => {
+      var m, g, f, p, x;
+      const s = t.options, n = (f = (g = (m = t.fetchOptions) == null ? void 0 : m.meta) == null ? void 0 : g.fetchMore) == null ? void 0 : f.direction, o = ((p = t.state.data) == null ? void 0 : p.pages) || [], i = ((x = t.state.data) == null ? void 0 : x.pageParams) || [];
+      let l = { pages: [], pageParams: [] }, d = 0;
+      const c = async () => {
+        let h = !1;
+        const j = (b) => {
           Object.defineProperty(b, "signal", {
             enumerable: !0,
-            get: () => (t.signal.aborted ? m = !0 : t.signal.addEventListener("abort", () => {
-              m = !0;
+            get: () => (t.signal.aborted ? h = !0 : t.signal.addEventListener("abort", () => {
+              h = !0;
             }), t.signal)
           });
-        }, W = Rt(t.options, t.fetchOptions), $ = async (b, P, K) => {
-          if (m)
+        }, W = Ot(t.options, t.fetchOptions), $ = async (b, C, K) => {
+          if (h)
             return Promise.reject();
-          if (P == null && b.pages.length)
+          if (C == null && b.pages.length)
             return Promise.resolve(b);
           const X = {
             queryKey: t.queryKey,
-            pageParam: P,
+            pageParam: C,
             direction: K ? "backward" : "forward",
             meta: t.options.meta
           };
-          E(X);
+          j(X);
           const xt = await W(
             X
-          ), { maxPages: Ne } = t.options, Ee = K ? It : Tt;
+          ), { maxPages: Ne } = t.options, Ee = K ? At : Mt;
           return {
             pages: Ee(b.pages, xt, Ne),
-            pageParams: Ee(b.pageParams, P, Ne)
+            pageParams: Ee(b.pageParams, C, Ne)
           };
         };
         if (n && o.length) {
-          const b = n === "backward", P = b ? kr : _e, K = {
+          const b = n === "backward", C = b ? kr : _e, K = {
             pages: o,
             pageParams: i
-          }, X = P(s, K);
-          u = await $(K, X, b);
+          }, X = C(s, K);
+          l = await $(K, X, b);
         } else {
           const b = e ?? o.length;
           do {
-            const P = d === 0 ? i[0] ?? s.initialPageParam : _e(s, u);
-            if (d > 0 && P == null)
+            const C = d === 0 ? i[0] ?? s.initialPageParam : _e(s, l);
+            if (d > 0 && C == null)
               break;
-            u = await $(u, P), d++;
+            l = await $(l, C), d++;
           } while (d < b);
         }
-        return u;
+        return l;
       };
       t.options.persister ? t.fetchFn = () => {
-        var m, E;
-        return (E = (m = t.options).persister) == null ? void 0 : E.call(
-          m,
-          l,
+        var h, j;
+        return (j = (h = t.options).persister) == null ? void 0 : j.call(
+          h,
+          c,
           {
             queryKey: t.queryKey,
             meta: t.options.meta,
@@ -258,7 +259,7 @@ function Te(e) {
           },
           r
         );
-      } : t.fetchFn = l;
+      } : t.fetchFn = c;
     }
   };
 }
@@ -275,65 +276,65 @@ 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 x, I, T, z, B, _, H, U, Be, Ar = (Be = class {
+var v, I, T, z, B, _, H, U, Be, Dr = (Be = class {
   constructor(e = {}) {
-    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);
+    E(this, v);
+    E(this, I);
+    E(this, T);
+    E(this, z);
+    E(this, B);
+    E(this, _);
+    E(this, H);
+    E(this, U);
+    y(this, v, e.queryCache || new Cr()), y(this, I, e.mutationCache || new Pr()), y(this, T, e.defaultOptions || {}), y(this, z, /* @__PURE__ */ new Map()), y(this, B, /* @__PURE__ */ new Map()), y(this, _, 0);
   }
   mount() {
-    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());
+    J(this, _)._++, u(this, _) === 1 && (y(this, H, Rt.subscribe(async (e) => {
+      e && (await this.resumePausedMutations(), u(this, v).onFocus());
+    })), y(this, U, Oe.subscribe(async (e) => {
+      e && (await this.resumePausedMutations(), u(this, v).onOnline());
     })));
   }
   unmount() {
     var e, t;
-    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));
+    J(this, _)._--, u(this, _) === 0 && ((e = u(this, H)) == null || e.call(this), y(this, H, void 0), (t = u(this, U)) == null || t.call(this), y(this, U, void 0));
   }
   isFetching(e) {
-    return c(this, x).findAll({ ...e, fetchStatus: "fetching" }).length;
+    return u(this, v).findAll({ ...e, fetchStatus: "fetching" }).length;
   }
   isMutating(e) {
-    return c(this, I).findAll({ ...e, status: "pending" }).length;
+    return u(this, I).findAll({ ...e, status: "pending" }).length;
   }
   getQueryData(e) {
     var r;
     const t = this.defaultQueryOptions({ queryKey: e });
-    return (r = c(this, x).get(t.queryHash)) == null ? void 0 : r.state.data;
+    return (r = u(this, v).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 = c(this, x).build(this, r);
-      return e.revalidateIfStale && s.isStaleByTime(Oe(r.staleTime, s)) && this.prefetchQuery(r), Promise.resolve(t);
+      const r = this.defaultQueryOptions(e), s = u(this, v).build(this, r);
+      return e.revalidateIfStale && s.isStaleByTime(Ae(r.staleTime, s)) && this.prefetchQuery(r), Promise.resolve(t);
     }
   }
   getQueriesData(e) {
-    return c(this, x).findAll(e).map(({ queryKey: t, state: r }) => {
+    return u(this, v).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 = c(this, x).get(
+    const s = this.defaultQueryOptions({ queryKey: e }), n = u(this, v).get(
       s.queryHash
-    ), o = n == null ? void 0 : n.state.data, i = Ft(t, o);
+    ), o = n == null ? void 0 : n.state.data, i = It(t, o);
     if (i !== void 0)
-      return c(this, x).build(this, s).setData(i, { ...r, manual: !0 });
+      return u(this, v).build(this, s).setData(i, { ...r, manual: !0 });
   }
   setQueriesData(e, t, r) {
-    return w.batch(
-      () => c(this, x).findAll(e).map(({ queryKey: s }) => [
+    return S.batch(
+      () => u(this, v).findAll(e).map(({ queryKey: s }) => [
         s,
         this.setQueryData(s, t, r)
       ])
@@ -342,34 +343,34 @@ var x, I, T, z, B, _, H, U, Be, Ar = (Be = class {
   getQueryState(e) {
     var r;
     const t = this.defaultQueryOptions({ queryKey: e });
-    return (r = c(this, x).get(t.queryHash)) == null ? void 0 : r.state;
+    return (r = u(this, v).get(t.queryHash)) == null ? void 0 : r.state;
   }
   removeQueries(e) {
-    const t = c(this, x);
-    w.batch(() => {
+    const t = u(this, v);
+    S.batch(() => {
       t.findAll(e).forEach((r) => {
         t.remove(r);
       });
     });
   }
   resetQueries(e, t) {
-    const r = c(this, x), s = {
+    const r = u(this, v), s = {
       type: "active",
       ...e
     };
-    return w.batch(() => (r.findAll(e).forEach((n) => {
+    return S.batch(() => (r.findAll(e).forEach((n) => {
       n.reset();
     }), this.refetchQueries(s, t)));
   }
   cancelQueries(e = {}, t = {}) {
-    const r = { revert: !0, ...t }, s = w.batch(
-      () => c(this, x).findAll(e).map((n) => n.cancel(r))
+    const r = { revert: !0, ...t }, s = S.batch(
+      () => u(this, v).findAll(e).map((n) => n.cancel(r))
     );
-    return Promise.all(s).then(O).catch(O);
+    return Promise.all(s).then(A).catch(A);
   }
   invalidateQueries(e = {}, t = {}) {
-    return w.batch(() => {
-      if (c(this, x).findAll(e).forEach((s) => {
+    return S.batch(() => {
+      if (u(this, v).findAll(e).forEach((s) => {
         s.invalidate();
       }), e.refetchType === "none")
         return Promise.resolve();
@@ -384,70 +385,70 @@ var x, I, T, z, B, _, H, U, Be, Ar = (Be = class {
     const r = {
       ...t,
       cancelRefetch: (t == null ? void 0 : t.cancelRefetch) ?? !0
-    }, s = w.batch(
-      () => c(this, x).findAll(e).filter((n) => !n.isDisabled()).map((n) => {
+    }, s = S.batch(
+      () => u(this, v).findAll(e).filter((n) => !n.isDisabled()).map((n) => {
         let o = n.fetch(void 0, r);
-        return r.throwOnError || (o = o.catch(O)), n.state.fetchStatus === "paused" ? Promise.resolve() : o;
+        return r.throwOnError || (o = o.catch(A)), n.state.fetchStatus === "paused" ? Promise.resolve() : o;
       })
     );
-    return Promise.all(s).then(O);
+    return Promise.all(s).then(A);
   }
   fetchQuery(e) {
     const t = this.defaultQueryOptions(e);
     t.retry === void 0 && (t.retry = !1);
-    const r = c(this, x).build(this, t);
+    const r = u(this, v).build(this, t);
     return r.isStaleByTime(
-      Oe(t.staleTime, r)
+      Ae(t.staleTime, r)
     ) ? r.fetch(t) : Promise.resolve(r.state.data);
   }
   prefetchQuery(e) {
-    return this.fetchQuery(e).then(O).catch(O);
+    return this.fetchQuery(e).then(A).catch(A);
   }
   fetchInfiniteQuery(e) {
     return e.behavior = Te(e.pages), this.fetchQuery(e);
   }
   prefetchInfiniteQuery(e) {
-    return this.fetchInfiniteQuery(e).then(O).catch(O);
+    return this.fetchInfiniteQuery(e).then(A).catch(A);
   }
   ensureInfiniteQueryData(e) {
     return e.behavior = Te(e.pages), this.ensureQueryData(e);
   }
   resumePausedMutations() {
-    return De.isOnline() ? c(this, I).resumePausedMutations() : Promise.resolve();
+    return Oe.isOnline() ? u(this, I).resumePausedMutations() : Promise.resolve();
   }
   getQueryCache() {
-    return c(this, x);
+    return u(this, v);
   }
   getMutationCache() {
-    return c(this, I);
+    return u(this, I);
   }
   getDefaultOptions() {
-    return c(this, T);
+    return u(this, T);
   }
   setDefaultOptions(e) {
     y(this, T, e);
   }
   setQueryDefaults(e, t) {
-    c(this, z).set(Me(e), {
+    u(this, z).set(Me(e), {
       queryKey: e,
       defaultOptions: t
     });
   }
   getQueryDefaults(e) {
-    const t = [...c(this, z).values()];
+    const t = [...u(this, z).values()];
     let r = {};
     return t.forEach((s) => {
       Re(e, s.queryKey) && (r = { ...r, ...s.defaultOptions });
     }), r;
   }
   setMutationDefaults(e, t) {
-    c(this, B).set(Me(e), {
+    u(this, B).set(Me(e), {
       mutationKey: e,
       defaultOptions: t
     });
   }
   getMutationDefaults(e) {
-    const t = [...c(this, B).values()];
+    const t = [...u(this, B).values()];
     let r = {};
     return t.forEach((s) => {
       Re(e, s.mutationKey) && (r = { ...r, ...s.defaultOptions });
@@ -457,7 +458,7 @@ var x, I, T, z, B, _, H, U, Be, Ar = (Be = class {
     if (e._defaulted)
       return e;
     const t = {
-      ...c(this, T).queries,
+      ...u(this, T).queries,
       ...this.getQueryDefaults(e.queryKey),
       ...e,
       _defaulted: !0
@@ -465,109 +466,109 @@ var x, I, T, z, B, _, H, U, Be, Ar = (Be = class {
     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 === Qt && (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 === Tt && (t.enabled = !1), t;
   }
   defaultMutationOptions(e) {
     return e != null && e._defaulted ? e : {
-      ...c(this, T).mutations,
+      ...u(this, T).mutations,
       ...(e == null ? void 0 : e.mutationKey) && this.getMutationDefaults(e.mutationKey),
       ...e,
       _defaulted: !0
     };
   }
   clear() {
-    c(this, x).clear(), c(this, I).clear();
+    u(this, v).clear(), u(this, I).clear();
   }
-}, 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) {
+}, v = new WeakMap(), I = new WeakMap(), T = new WeakMap(), z = new WeakMap(), B = new WeakMap(), _ = new WeakMap(), H = new WeakMap(), U = new WeakMap(), Be);
+function Or(e) {
   return e;
 }
-function Fe(e, t, r) {
-  var d, l;
+function Qe(e, t, r) {
+  var d, c;
   if (typeof t != "object" || t === null)
     return;
-  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;
+  const s = e.getMutationCache(), n = e.getQueryCache(), o = ((d = r == null ? void 0 : r.defaultOptions) == null ? void 0 : d.deserializeData) ?? ((c = e.getDefaultOptions().hydrate) == null ? void 0 : c.deserializeData) ?? Or, i = t.mutations || [], l = t.queries || [];
+  i.forEach(({ state: m, ...g }) => {
+    var f, p;
     s.build(
       e,
       {
-        ...(h = e.getDefaultOptions().hydrate) == null ? void 0 : h.mutations,
-        ...(g = r == null ? void 0 : r.defaultOptions) == null ? void 0 : g.mutations,
-        ...f
+        ...(f = e.getDefaultOptions().hydrate) == null ? void 0 : f.mutations,
+        ...(p = r == null ? void 0 : r.defaultOptions) == null ? void 0 : p.mutations,
+        ...g
       },
-      p
+      m
     );
-  }), u.forEach(({ queryKey: p, state: f, queryHash: h, meta: g, promise: v }) => {
+  }), l.forEach(({ queryKey: m, state: g, queryHash: f, meta: p, promise: x }) => {
     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: E
+    let h = n.get(f);
+    const j = g.data === void 0 ? g.data : o(g.data);
+    if (h) {
+      if (h.state.dataUpdatedAt < g.dataUpdatedAt) {
+        const { fetchStatus: b, ...C } = g;
+        h.setState({
+          ...C,
+          data: j
         });
       }
     } else
-      m = n.build(
+      h = n.build(
         e,
         {
           ...(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
+          queryKey: m,
+          queryHash: f,
+          meta: p
         },
         // Reset fetch status to idle to avoid
         // query being stuck in fetching state upon hydration
         {
-          ...f,
-          data: E,
+          ...g,
+          data: j,
           fetchStatus: "idle"
         }
       );
-    if (v) {
-      const b = Promise.resolve(v).then(o);
-      m.fetch(void 0, { initialPromise: b });
+    if (x) {
+      const b = Promise.resolve(x).then(o);
+      h.fetch(void 0, { initialPromise: b });
     }
   });
 }
-var Or = ({
+var Ar = ({
   children: e,
   options: t = {},
   state: r,
   queryClient: s
 }) => {
-  const n = qt(s), [o, i] = G.useState(), u = G.useRef(t);
-  return u.current = t, G.useMemo(() => {
+  const n = _t(s), [o, i] = G.useState(), l = G.useRef(t);
+  return l.current = t, G.useMemo(() => {
     if (r) {
       if (typeof r != "object")
         return;
-      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);
+      const d = n.getQueryCache(), c = r.queries || [], m = [], g = [];
+      for (const f of c) {
+        const p = d.get(f.queryHash);
+        if (!p)
+          m.push(f);
         else {
-          const v = h.state.dataUpdatedAt > g.state.dataUpdatedAt, m = o == null ? void 0 : o.find(
-            (E) => E.queryHash === h.queryHash
+          const x = f.state.dataUpdatedAt > p.state.dataUpdatedAt, h = o == null ? void 0 : o.find(
+            (j) => j.queryHash === f.queryHash
           );
-          v && (!m || h.state.dataUpdatedAt > m.state.dataUpdatedAt) && f.push(h);
+          x && (!h || f.state.dataUpdatedAt > h.state.dataUpdatedAt) && g.push(f);
         }
       }
-      p.length > 0 && Fe(n, { queries: p }, u.current), f.length > 0 && i(
-        (h) => h ? [...h, ...f] : f
+      m.length > 0 && Qe(n, { queries: m }, l.current), g.length > 0 && i(
+        (f) => f ? [...f, ...g] : g
       );
     }
   }, [n, o, r]), G.useEffect(() => {
-    o && (Fe(n, { queries: o }, u.current), i(void 0));
+    o && (Qe(n, { queries: o }, l.current), i(void 0));
   }, [n, o]), e;
 }, Y = {};
-const Mr = /* @__PURE__ */ xe(Xt), Rr = /* @__PURE__ */ xe(Jt), Ir = /* @__PURE__ */ xe(Nt);
+const Mr = /* @__PURE__ */ xe(Zt), Rr = /* @__PURE__ */ xe(Yt), Ir = /* @__PURE__ */ xe(jt);
 Object.defineProperty(Y, "__esModule", { value: !0 });
-var Tr = Ye, A = Mr, Se = Rr, M = Ir;
+var Tr = Ye, D = Mr, Se = Rr, M = Ir;
 function _r(e) {
   if (e && e.__esModule) return e;
   var t = /* @__PURE__ */ Object.create(null);
@@ -583,22 +584,22 @@ function _r(e) {
     }
   }), t.default = e, Object.freeze(t);
 }
-var C = /* @__PURE__ */ _r(Tr);
-function Fr({
+var P = /* @__PURE__ */ _r(Tr);
+function Qr({
   basename: e,
   children: t,
   location: r = "/",
   future: s
 }) {
   typeof r == "string" && (r = M.parsePath(r));
-  let n = A.Action.Pop, o = {
+  let n = D.Action.Pop, o = {
     pathname: r.pathname || "/",
     search: r.search || "",
     hash: r.hash || "",
     state: r.state != null ? r.state : null,
     key: r.key || "default"
   }, i = nt();
-  return /* @__PURE__ */ C.createElement(M.Router, {
+  return /* @__PURE__ */ P.createElement(M.Router, {
     basename: e,
     children: t,
     location: o,
@@ -608,13 +609,13 @@ function Fr({
     static: !0
   });
 }
-function Qr({
+function Fr({
   context: e,
   router: t,
   hydrate: r = !0,
   nonce: s
 }) {
-  t && e || (process.env.NODE_ENV !== "production" ? A.UNSAFE_invariant(!1, "You must provide `router` and `context` to <StaticRouterProvider>") : A.UNSAFE_invariant(!1));
+  t && e || (process.env.NODE_ENV !== "production" ? D.UNSAFE_invariant(!1, "You must provide `router` and `context` to <StaticRouterProvider>") : D.UNSAFE_invariant(!1));
   let n = {
     router: t,
     navigator: nt(),
@@ -631,32 +632,32 @@ function Qr({
     i = `window.__staticRouterHydrationData = JSON.parse(${Kr(JSON.stringify(JSON.stringify(d)))});`;
   }
   let {
-    state: u
+    state: l
   } = n.router;
-  return /* @__PURE__ */ C.createElement(C.Fragment, null, /* @__PURE__ */ C.createElement(M.UNSAFE_DataRouterContext.Provider, {
+  return /* @__PURE__ */ P.createElement(P.Fragment, null, /* @__PURE__ */ P.createElement(M.UNSAFE_DataRouterContext.Provider, {
     value: n
-  }, /* @__PURE__ */ C.createElement(M.UNSAFE_DataRouterStateContext.Provider, {
-    value: u
-  }, /* @__PURE__ */ C.createElement(M.UNSAFE_FetchersContext.Provider, {
+  }, /* @__PURE__ */ P.createElement(M.UNSAFE_DataRouterStateContext.Provider, {
+    value: l
+  }, /* @__PURE__ */ P.createElement(M.UNSAFE_FetchersContext.Provider, {
     value: o
-  }, /* @__PURE__ */ C.createElement(M.UNSAFE_ViewTransitionContext.Provider, {
+  }, /* @__PURE__ */ P.createElement(M.UNSAFE_ViewTransitionContext.Provider, {
     value: {
       isTransitioning: !1
     }
-  }, /* @__PURE__ */ C.createElement(M.Router, {
+  }, /* @__PURE__ */ P.createElement(M.Router, {
     basename: n.basename,
-    location: u.location,
-    navigationType: u.historyAction,
+    location: l.location,
+    navigationType: l.historyAction,
     navigator: n.navigator,
     static: n.static,
     future: {
       v7_relativeSplatPath: t.future.v7_relativeSplatPath
     }
-  }, /* @__PURE__ */ C.createElement(qr, {
+  }, /* @__PURE__ */ P.createElement(qr, {
     routes: t.routes,
     future: t.future,
-    state: u
-  })))))), i ? /* @__PURE__ */ C.createElement("script", {
+    state: l
+  })))))), i ? /* @__PURE__ */ P.createElement("script", {
     suppressHydrationWarning: !0,
     nonce: s,
     dangerouslySetInnerHTML: {
@@ -675,7 +676,7 @@ function Lr(e) {
   if (!e) return null;
   let t = Object.entries(e), r = {};
   for (let [s, n] of t)
-    A.isRouteErrorResponse(n) ? r[s] = {
+    D.isRouteErrorResponse(n) ? r[s] = {
       ...n,
       __type: "RouteErrorResponse"
     } : n instanceof Error ? r[s] = {
@@ -711,29 +712,29 @@ function nt() {
   };
 }
 function zr(e, t) {
-  return A.createStaticHandler(e, {
+  return D.createStaticHandler(e, {
     ...t,
     mapRouteProperties: Se.UNSAFE_mapRouteProperties
   });
 }
 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;
+  let s = {}, n = D.UNSAFE_convertRoutesToDataRoutes(e, Se.UNSAFE_mapRouteProperties, void 0, s), o = t.matches.map((l) => {
+    let d = s[l.route.id] || l.route;
     return {
-      ...u,
+      ...l,
       route: d
     };
-  }), i = (u) => `You cannot use router.${u}() on the server because it is a stateless environment`;
+  }), i = (l) => `You cannot use router.${l}() on the server because it is a stateless environment`;
   return {
     get basename() {
       return t.basename;
     },
     get future() {
-      var u, d;
+      var l, d;
       return {
         v7_fetcherPersist: !1,
         v7_normalizeFormMethod: !1,
-        v7_partialHydration: ((u = r.future) == null ? void 0 : u.v7_partialHydration) === !0,
+        v7_partialHydration: ((l = r.future) == null ? void 0 : l.v7_partialHydration) === !0,
         v7_prependBasename: !1,
         v7_relativeSplatPath: ((d = r.future) == null ? void 0 : d.v7_relativeSplatPath) === !0,
         v7_skipActionErrorRevalidation: !1
@@ -741,14 +742,14 @@ function Br(e, t, r = {}) {
     },
     get state() {
       return {
-        historyAction: A.Action.Pop,
+        historyAction: D.Action.Pop,
         location: t.location,
         matches: o,
         loaderData: t.loaderData,
         actionData: t.actionData,
         errors: t.errors,
         initialized: !0,
-        navigation: A.IDLE_NAVIGATION,
+        navigation: D.IDLE_NAVIGATION,
         restoreScrollPosition: null,
         preventScrollReset: !1,
         revalidation: "idle",
@@ -782,7 +783,7 @@ function Br(e, t, r = {}) {
     createHref: it,
     encodeLocation: ot,
     getFetcher() {
-      return A.IDLE_FETCHER;
+      return D.IDLE_FETCHER;
     },
     deleteFetcher() {
       throw i("deleteFetcher");
@@ -791,7 +792,7 @@ function Br(e, t, r = {}) {
       throw i("dispose");
     },
     getBlocker() {
-      return A.IDLE_BLOCKER;
+      return D.IDLE_BLOCKER;
     },
     deleteBlocker() {
       throw i("deleteBlocker");
@@ -829,11 +830,11 @@ const Hr = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Ur = {
 function Kr(e) {
   return e.replace($r, (t) => Ur[t]);
 }
-Y.StaticRouter = Fr;
-var Vr = Y.StaticRouterProvider = Qr;
+Y.StaticRouter = Qr;
+var Vr = Y.StaticRouterProvider = Fr;
 Y.createStaticHandler = zr;
 Y.createStaticRouter = Br;
-const Zr = new Ar({
+const Zr = new Dr({
   defaultOptions: {
     queries: {
       staleTime: 1e3 * 60 * 5
@@ -842,8 +843,8 @@ const Zr = new Ar({
 }), Yr = ({
   router: e,
   hydrate: t = !1
-}) => /* @__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,
+}) => /* @__PURE__ */ a.jsx(We, { children: /* @__PURE__ */ a.jsx(Ve, { client: Zr, children: /* @__PURE__ */ a.jsx(Ar, { state: t ? window.DATA : void 0, children: /* @__PURE__ */ a.jsx(He, { children: /* @__PURE__ */ a.jsx(ue.Provider, { value: { stagger: !t }, children: /* @__PURE__ */ a.jsx(
+  wt,
   {
     router: e,
     future: { v7_startTransition: !0 }
@@ -858,35 +859,35 @@ var he = { exports: {} };
 (function(e, t) {
   (function(r, s) {
     s(t, Ye);
-  })(Wt, function(r, s) {
+  })(Vt, function(r, s) {
     const n = {
       delay: 500,
       minDuration: 200,
       ssr: !0
     };
     function o() {
-      const [u, d] = s.useState(!0);
+      const [l, d] = s.useState(!0);
       return s.useEffect(() => {
         d(!1);
-      }, []), u;
+      }, []), l;
     }
-    function i(u, d) {
+    function i(l, 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);
+      const c = o() && d.ssr, m = c && l ? "DISPLAY" : "IDLE", [g, f] = s.useState(m), p = 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");
+        if (l && (g === "IDLE" || c)) {
+          clearTimeout(p.current);
+          const x = c ? 0 : d.delay;
+          p.current = setTimeout(() => {
+            if (!l)
+              return f("IDLE");
+            p.current = setTimeout(() => {
+              f("EXPIRE");
+            }, d.minDuration), f("DISPLAY");
+          }, x), c || f("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";
+        !l && g !== "DISPLAY" && (clearTimeout(p.current), f("IDLE"));
+      }, [l, g, d.delay, d.minDuration, c]), s.useEffect(() => () => clearTimeout(p.current), []), g === "DISPLAY" || g === "EXPIRE";
     }
     r.defaultOptions = n, r.useSpinDelay = i;
   });
@@ -894,26 +895,27 @@ var he = { exports: {} };
 var Xr = he.exports;
 const Jr = ({
   category: e,
-  level: t
+  level: t,
+  onRequestClose: r
 }) => {
-  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) ?? "");
+  var p, x;
+  const s = Qt(e), [n, o] = Q(!1), i = e.collapsible ?? !0, l = e.collapsed ?? !0, d = !!(!i || !l || s), [c, m] = Q(d), g = Wt(((p = e.link) == null ? void 0 : p.id) ?? "");
   L(() => {
-    r && l(!0);
-  }, [r]);
-  const f = o && /* @__PURE__ */ a.jsx(
+    s && m(!0);
+  }, [s]);
+  const f = i && /* @__PURE__ */ a.jsx(
     "button",
     {
       type: "button",
-      onClick: (v) => {
-        v.preventDefault(), l((m) => !m), n(!0);
+      onClick: (h) => {
+        h.preventDefault(), m((j) => !j), o(!0);
       },
       children: /* @__PURE__ */ a.jsx(
-        er,
+        Xt,
         {
           size: 16,
           className: R(
-            s && "transition",
+            n && "transition",
             "shrink-0 group-data-[state=open]:rotate-90"
           )
         }
@@ -924,20 +926,20 @@ const Jr = ({
     oe.Root,
     {
       className: "flex flex-col",
-      defaultOpen: u,
-      open: d,
-      onOpenChange: () => l(!0),
+      defaultOpen: d,
+      open: c,
+      onOpenChange: () => m(!0),
       children: [
-        /* @__PURE__ */ a.jsx(oe.Trigger, { className: "group", asChild: !0, disabled: !o, children: /* @__PURE__ */ a.jsxs(
+        /* @__PURE__ */ a.jsx(oe.Trigger, { className: "group", asChild: !0, disabled: !i, children: /* @__PURE__ */ a.jsxs(
           "div",
           {
-            onClick: () => n(!0),
+            onClick: () => o(!0),
             className: V({
               isActive: !1,
               isTopLevel: t === 0,
               className: [
                 "text-start",
-                o ? "cursor-pointer" : "cursor-default hover:bg-transparent"
+                i ? "cursor-pointer" : "cursor-default hover:bg-transparent"
               ]
             }),
             children: [
@@ -947,24 +949,24 @@ const Jr = ({
                   size: 16,
                   className: R(
                     "align-[-0.125em] -translate-x-1",
-                    p && "text-primary"
+                    g && "text-primary"
                   )
                 }
               ),
-              ((g = e.link) == null ? void 0 : g.type) === "doc" ? /* @__PURE__ */ a.jsx(
+              ((x = e.link) == null ? void 0 : x.type) === "doc" ? /* @__PURE__ */ a.jsx(
                 ae,
                 {
-                  to: Q(e.link.id),
+                  to: q(e.link.id),
                   className: "flex-1",
                   onClick: () => {
-                    p && !d && l(!0);
+                    g && !c && m(!0);
                   },
                   children: /* @__PURE__ */ a.jsxs(
                     "div",
                     {
                       className: R(
                         "flex items-center gap-2 justify-between w-full",
-                        p ? "text-primary" : "text-foreground/80"
+                        g ? "text-primary" : "text-foreground/80"
                       ),
                       children: [
                         /* @__PURE__ */ a.jsx("div", { className: "truncate", children: e.label }),
@@ -985,22 +987,23 @@ const Jr = ({
           {
             className: R(
               // CollapsibleContent class is used to animate and it should only be applied when the user has triggered the toggle
-              s && "CollapsibleContent"
+              n && "CollapsibleContent"
             ),
-            children: /* @__PURE__ */ a.jsx("ul", { className: "mt-1 border-l ms-0.5", children: e.items.map((v) => /* @__PURE__ */ a.jsx(
+            children: /* @__PURE__ */ a.jsx("ul", { className: "mt-1 border-l ms-0.5", children: e.items.map((h) => /* @__PURE__ */ a.jsx(
               fe,
               {
+                onRequestClose: r,
                 level: t + 1,
-                item: v
+                item: h
               },
-              ("id" in v ? v.id : "") + ("href" in v ? v.href : "") + v.label
+              ("id" in h ? h.id : "") + ("href" in h ? h.href : "") + h.label
             )) })
           }
         )
       ]
     }
   );
-}, V = ur(
+}, V = or(
   "flex items-center gap-2 px-[--padding-nav-item] py-1.5 rounded-lg hover:bg-accent transition-colors duration-300",
   {
     variants: {
@@ -1023,19 +1026,28 @@ const Jr = ({
   }
 ), lt = "data-anchor", fe = ({
   item: e,
-  level: t = 0
+  level: t = 0,
+  onRequestClose: r
 }) => {
-  var n, o;
-  const { activeAnchor: r } = we(), [s] = Pt();
+  var o, i;
+  const { activeAnchor: s } = we(), [n] = St();
   switch (e.type) {
     case "category":
-      return /* @__PURE__ */ a.jsx(Jr, { category: e, level: t });
+      return /* @__PURE__ */ a.jsx(
+        Jr,
+        {
+          category: e,
+          level: t,
+          onRequestClose: r
+        }
+      );
     case "doc":
       return /* @__PURE__ */ a.jsxs(
         ae,
         {
-          className: ({ isActive: i }) => V({ isActive: i, isTopLevel: t === 0 }),
-          to: Q(e.id),
+          className: ({ isActive: l }) => V({ isActive: l, isTopLevel: t === 0 }),
+          to: q(e.id),
+          onClick: r,
           children: [
             e.icon && /* @__PURE__ */ a.jsx(e.icon, { size: 16, className: "align-[-0.125em]" }),
             e.badge ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -1047,15 +1059,16 @@ const Jr = ({
       );
     case "link":
       return e.href.startsWith("#") ? /* @__PURE__ */ a.jsx(
-        jt,
+        cr,
         {
-          to: { hash: e.href, search: s.toString() },
+          to: { hash: e.href, search: n.toString() },
           [lt]: e.href.slice(1),
           className: V({
-            isActive: e.href.slice(1) === r,
+            isActive: e.href.slice(1) === s,
             isTopLevel: t === 0,
-            className: ((n = e.badge) == null ? void 0 : n.placement) !== "start" && "justify-between"
+            className: ((o = e.badge) == null ? void 0 : o.placement) !== "start" && "justify-between"
           }),
+          onClick: r,
           children: e.badge ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
             /* @__PURE__ */ a.jsx("span", { className: "truncate", title: e.label, children: e.label }),
             /* @__PURE__ */ a.jsx(ie, { ...e.badge })
@@ -1068,16 +1081,17 @@ const Jr = ({
           href: e.href,
           target: "_blank",
           rel: "noopener noreferrer",
+          onClick: r,
           children: [
             /* @__PURE__ */ a.jsx("span", { className: "whitespace-normal", children: e.label }),
-            /* @__PURE__ */ a.jsx("span", { className: "whitespace-nowrap", children: /* @__PURE__ */ a.jsx(tr, { className: "inline -translate-y-0.5", size: 12 }) })
+            /* @__PURE__ */ a.jsx("span", { className: "whitespace-nowrap", children: /* @__PURE__ */ a.jsx(Jt, { className: "inline -translate-y-0.5", size: 12 }) })
           ]
         }
       ) : /* @__PURE__ */ a.jsx(
         ae,
         {
           className: V({
-            className: ((o = e.badge) == null ? void 0 : o.placement) !== "start" && "justify-between"
+            className: ((i = e.badge) == null ? void 0 : i.placement) !== "start" && "justify-between"
           }),
           to: e.href,
           children: e.badge ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -1124,17 +1138,17 @@ function ra({
     }
   );
 }
-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 = {
+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", Fe = {
   info: "bg-blue-500",
   note: "bg-gray-500",
   tip: "bg-green-600",
   caution: "bg-orange-500",
   danger: "bg-rose-500"
 }, ua = () => {
-  const { page: e } = F(), [t, r] = q(!0);
+  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 Qe ? Qe[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 Fe ? Fe[e.banner.color] : e.banner.color ? void 0 : "bg-primary", n = s ? {} : { backgroundColor: e.banner.color };
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
@@ -1151,48 +1165,48 @@ const aa = (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(rr, { size: 16 })
+            children: /* @__PURE__ */ a.jsx(Gt, { size: 16 })
           }
         )
       ]
     }
   );
-}, ct = () => {
-  const e = F(), [t, r] = q(!1), s = $t(() => r(!1), []);
+}, ct = ({ className: e }) => {
+  const t = F(), [r, s] = Q(!1), n = Bt(() => s(!1), []);
   L(() => {
-    if (t)
+    if (r)
       return;
-    function o(i) {
-      i.key === "k" && (i.metaKey || i.ctrlKey) && (i.preventDefault(), r(!0));
+    function i(l) {
+      l.key === "k" && (l.metaKey || l.ctrlKey) && (l.preventDefault(), s(!0));
     }
-    return window.addEventListener("keydown", o), () => {
-      window.removeEventListener("keydown", o);
+    return window.addEventListener("keydown", i), () => {
+      window.removeEventListener("keydown", i);
     };
-  }, [t, r]);
-  const n = e.plugins.find(na);
-  return n ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+  }, [r, s]);
+  const o = t.plugins.find(na);
+  return o ? /* @__PURE__ */ a.jsxs("div", { className: e, children: [
     /* @__PURE__ */ a.jsxs(
       "button",
       {
         type: "button",
-        onClick: () => r(!0),
+        onClick: () => s(!0),
         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(ar, { size: 14 }),
+            /* @__PURE__ */ a.jsx(er, { 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(ve, { fallback: null, children: n.renderSearch({
-      isOpen: t,
-      onClose: s
+    /* @__PURE__ */ a.jsx(ve, { fallback: null, children: o.renderSearch({
+      isOpen: r,
+      onClose: n
     }) })
   ] }) : null;
 }, ut = () => {
-  const { resolvedTheme: e, setTheme: t } = jr(), r = e === "dark" ? sr : nr;
+  const { resolvedTheme: e, setTheme: t } = jr(), r = e === "dark" ? tr : rr;
   return /* @__PURE__ */ a.jsx(je, { children: /* @__PURE__ */ a.jsx(
     de,
     {
@@ -1211,10 +1225,10 @@ const aa = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
   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));
+  var c;
+  const { sidebars: s } = F(), n = s[e], o = Ze(), i = !!be().location, l = ((c = o.topNavItem) == null ? void 0 : c.id) === e && !i, d = r ?? (n ? Ft(n, (m) => {
+    if (m.type === "doc") return q(m.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.`
@@ -1225,9 +1239,9 @@ const aa = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
     /* @__PURE__ */ a.jsx(
       ae,
       {
-        className: ({ isPending: p }) => dr(
+        className: ({ isPending: m }) => lr(
           "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"
+          l || m ? "border-primary text-foreground" : "border-transparent text-foreground/75 hover:text-foreground hover:border-accent-foreground/25"
         ),
         to: d,
         children: t
@@ -1235,7 +1249,7 @@ const aa = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
     )
   );
 }, ha = () => {
-  const { topNavigation: e } = F(), { isAuthenticated: t } = se(), [r, s] = q(!1);
+  const { topNavigation: e } = F(), { isAuthenticated: t } = se(), [r, s] = Q(!1);
   return /* @__PURE__ */ a.jsxs(
     et,
     {
@@ -1243,20 +1257,20 @@ const aa = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
       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(
+        /* @__PURE__ */ a.jsx("div", { className: "flex lg:hidden justify-self-end", children: /* @__PURE__ */ a.jsx(tt, { className: "lg:hidden", children: /* @__PURE__ */ a.jsx(ar, { size: 22 }) }) }),
+        /* @__PURE__ */ a.jsx(
           rt,
           {
-            className: "lg:hidden h-screen right-0 left-auto w-[320px] rounded-none overflow-auto",
+            className: "lg:hidden h-[100dvh] right-0 left-auto w-[320px] rounded-none",
             "aria-describedby": void 0,
-            children: [
+            children: /* @__PURE__ */ a.jsxs("div", { className: "p-6 overflow-y-auto overscroll-none", 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.jsx(ct, { className: "flex p-4" }),
               /* @__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))
               ] })
-            ]
+            ] })
           }
         )
       ]
@@ -1272,7 +1286,7 @@ const aa = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
   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);
+  const t = se(), { isAuthenticated: r, profile: s, isAuthEnabled: n } = se(), o = F(), { page: i, plugins: l } = o, d = l.filter((c) => aa(c)).flatMap((c) => c.getProfileMenuItems(o)).sort((c) => c.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(ua, {}),
     /* @__PURE__ */ a.jsxs("div", { className: "max-w-screen-2xl mx-auto", children: [
@@ -1282,7 +1296,7 @@ const aa = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
             /* @__PURE__ */ a.jsx(
               "img",
               {
-                src: /https?:\/\//.test(i.logo.src.light) ? i.logo.src.light : Q(
+                src: /https?:\/\//.test(i.logo.src.light) ? i.logo.src.light : q(
                   "/",
                   i.logo.src.light
                 ),
@@ -1295,7 +1309,7 @@ const aa = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
             /* @__PURE__ */ a.jsx(
               "img",
               {
-                src: /https?:\/\//.test(i.logo.src.dark) ? i.logo.src.dark : Q(
+                src: /https?:\/\//.test(i.logo.src.dark) ? i.logo.src.dark : q(
                   "/",
                   i.logo.src.dark
                 ),
@@ -1312,7 +1326,7 @@ const aa = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
           /* @__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(D, { name: "head-navigation-start" }),
+            /* @__PURE__ */ a.jsx(O, { name: "head-navigation-start" }),
             n && /* @__PURE__ */ a.jsx(
               je,
               {
@@ -1324,31 +1338,31 @@ const aa = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
                       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((c) => c.category === "top").length > 0 && /* @__PURE__ */ a.jsx(le, {}),
+                    d.filter((c) => c.category === "top").map((c) => /* @__PURE__ */ a.jsx(re, { item: c }, c.label)),
                     d.filter(
-                      (l) => !l.category || l.category === "middle"
+                      (c) => !c.category || c.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))
+                      (c) => !c.category || c.category === "middle"
+                    ).map((c) => /* @__PURE__ */ a.jsx(re, { item: c }, c.label)),
+                    d.filter((c) => c.category === "bottom").length > 0 && /* @__PURE__ */ a.jsx(le, {}),
+                    d.filter((c) => c.category === "bottom").map((c) => /* @__PURE__ */ a.jsx(re, { item: c }, c.label))
                   ] })
                 ] }) : /* @__PURE__ */ a.jsx(de, { variant: "ghost", onClick: () => t.login(), children: "Login" })
               }
             ),
             /* @__PURE__ */ a.jsx(ut, {}),
-            /* @__PURE__ */ a.jsx(D, { name: "head-navigation-end" })
+            /* @__PURE__ */ a.jsx(O, { name: "head-navigation-end" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ a.jsx(D, { name: "top-navigation-before" }),
+      /* @__PURE__ */ a.jsx(O, { name: "top-navigation-before" }),
       /* @__PURE__ */ a.jsx(da, {}),
-      /* @__PURE__ */ a.jsx(D, { name: "top-navigation-after" })
+      /* @__PURE__ */ a.jsx(O, { name: "top-navigation-after" })
     ] })
   ] });
-}), mt = Kt(({ children: e, className: t, pushMainContent: r }, s) => /* @__PURE__ */ a.jsx(
+}), mt = Ht(({ children: e, className: t, pushMainContent: r }, s) => /* @__PURE__ */ a.jsx(
   "nav",
   {
     "data-navigation": String(r),
@@ -1363,30 +1377,39 @@ const aa = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
   }
 ));
 mt.displayName = "SidebarWrapper";
-const fa = () => {
-  const e = pe(null), t = Ze();
+const fa = ({
+  onRequestClose: e
+}) => {
+  const t = pe(null), r = Ze();
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs(
       mt,
       {
-        ref: e,
-        pushMainContent: t.sidebar.length > 0,
+        ref: t,
+        pushMainContent: r.sidebar.length > 0,
         children: [
-          /* @__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.jsx(O, { name: "zudoku-before-navigation" }),
+          r.sidebar.map((s) => /* @__PURE__ */ a.jsx(fe, { item: s }, s.label)),
+          /* @__PURE__ */ a.jsx(O, { name: "zudoku-after-navigation" })
         ]
       }
     ),
-    /* @__PURE__ */ a.jsxs(
+    /* @__PURE__ */ a.jsx(
       rt,
       {
-        className: "lg:hidden h-screen left-0 p-6 w-[320px] rounded-none overflow-auto",
+        className: "lg:hidden h-[100dvh] left-0 w-[320px] rounded-none",
         "aria-describedby": void 0,
-        children: [
+        children: /* @__PURE__ */ a.jsxs("div", { className: "p-6 overflow-y-auto overscroll-none", children: [
           /* @__PURE__ */ a.jsx(st, { children: /* @__PURE__ */ a.jsx(at, { children: "Sidebar" }) }),
-          t.sidebar.map((r) => /* @__PURE__ */ a.jsx(fe, { item: r }, r.label))
-        ]
+          r.sidebar.map((s) => /* @__PURE__ */ a.jsx(
+            fe,
+            {
+              item: s,
+              onRequestClose: e
+            },
+            s.label
+          ))
+        ] })
       }
     )
   ] });
@@ -1395,63 +1418,71 @@ const fa = () => {
   ea(), ta();
   const o = pe(t.pathname);
   L(() => {
-    var d;
-    (d = n == null ? void 0 : n.onPageLoad) == null || d.call(n);
+    var m;
+    (m = n == null ? void 0 : n.onPageLoad) == null || m.call(n);
   }, [n]), L(() => {
     t.pathname !== o.current && r(""), o.current = t.pathname;
   }, [t.pathname, r]);
-  const i = !!be().location, u = Xr.useSpinDelay(i, {
+  const i = !!be().location, l = Xr.useSpinDelay(i, {
     delay: 300,
     minDuration: 500
-  });
+  }), [d, c] = Q(!1);
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     !1,
     /* @__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(D, { name: "layout-before-head" }),
+    /* @__PURE__ */ a.jsx(O, { 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"
-          ),
-          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"
+    /* @__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: l ? /* @__PURE__ */ a.jsx(qe, {}) : /* @__PURE__ */ a.jsx(ve, { fallback: /* @__PURE__ */ a.jsx(qe, {}), children: /* @__PURE__ */ a.jsxs(
+      et,
+      {
+        direction: "left",
+        open: d,
+        onOpenChange: (m) => c(m),
+        children: [
+          /* @__PURE__ */ a.jsx(fa, { onRequestClose: () => c(!1) }),
+          /* @__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(tt, { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ a.jsx(sr, { size: 16, strokeWidth: 1.5 }),
+                /* @__PURE__ */ a.jsx("span", { className: "text-sm", children: "Menu" })
+              ] })
+            }
           ),
-          children: [
-            /* @__PURE__ */ a.jsx(D, { name: "zudoku-before-content" }),
-            e ?? /* @__PURE__ */ a.jsx(Ge, {}),
-            /* @__PURE__ */ a.jsx(D, { name: "zudoku-after-content" })
-          ]
-        }
-      )
-    ] }) }) })
+          /* @__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(Ge, {}),
+                /* @__PURE__ */ a.jsx(O, { name: "zudoku-after-content" })
+              ]
+            }
+          )
+        ]
+      }
+    ) }) })
   ] });
 }, ga = Je(null), ce = {
   didCatch: !1,
   error: null
 };
-class pa extends Vt {
+class pa extends Ut {
   constructor(t) {
     super(t), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = ce;
   }
@@ -1503,18 +1534,18 @@ class pa extends Vt {
       didCatch: o,
       error: i
     } = this.state;
-    let u = t;
+    let l = t;
     if (o) {
       const d = {
         error: i,
         resetErrorBoundary: this.resetErrorBoundary
       };
       if (typeof r == "function")
-        u = r(d);
+        l = r(d);
       else if (s)
-        u = Ie(s, d);
+        l = Ie(s, d);
       else if (n !== void 0)
-        u = n;
+        l = n;
       else
         throw i;
     }
@@ -1524,7 +1555,7 @@ class pa extends Vt {
         error: i,
         resetErrorBoundary: this.resetErrorBoundary
       }
-    }, u);
+    }, l);
   }
 }
 function va() {
@@ -1533,14 +1564,14 @@ function va() {
 }
 class xa {
   constructor(t) {
-    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 () => {
+    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 () => {
       await Promise.all(
         this.plugins.filter(ia).map((t) => {
           var r;
@@ -1548,18 +1579,18 @@ class xa {
         })
       );
     });
-    S(this, "getApiIdentities", async () => (await Promise.all(
+    N(this, "getApiIdentities", async () => (await Promise.all(
       this.plugins.filter(ca).map((r) => r.getIdentities(this))
     )).flat());
-    S(this, "getPluginSidebar", async (t) => (await Promise.all(
+    N(this, "getPluginSidebar", async (t) => (await Promise.all(
       this.navigationPlugins.map(
         (s) => {
           var n;
-          return (n = s.getSidebar) == null ? void 0 : n.call(s, Q(t));
+          return (n = s.getSidebar) == null ? void 0 : n.call(s, q(t));
         }
       )
     )).flatMap((s) => s ?? []));
-    S(this, "signRequest", async (t) => {
+    N(this, "signRequest", async (t) => {
       if (!this.authentication)
         throw new Error("No authentication provider configured");
       const r = await this.authentication.getAccessToken();
@@ -1578,62 +1609,62 @@ const gt = {
 }, ba = Je(gt), ja = ba.Provider, wa = ({
   children: e,
   context: t
-}) => (Bt({
+}) => (qt({
   queryFn: async () => (await t.initialize(), !0),
   queryKey: ["zudoku-initialize"]
-}), /* @__PURE__ */ a.jsx(Ht.Provider, { value: t, children: e })), pt = Xe(
+}), /* @__PURE__ */ a.jsx(Lt.Provider, { value: t, children: e })), pt = Xe(
   ({ children: e, ...t }) => {
-    var f, h;
+    var g, f;
     const r = ne(
       () => ({ ...gt, ...t.overrides }),
       [t.overrides]
     ), s = ne(() => {
-      var v;
+      var x;
       return {
         ...(t.plugins ?? []).filter(la).flatMap(
-          (m) => m.getMdxComponents ? [m.getMdxComponents()] : []
+          (h) => h.getMdxComponents ? [h.getMdxComponents()] : []
         ).reduce(
-          (m, E) => ({ ...m, ...E }),
+          (h, j) => ({ ...h, ...j }),
           {}
         ),
-        ...lr,
-        ...(v = t.mdx) == null ? void 0 : v.components
+        ...nr,
+        ...(x = t.mdx) == null ? void 0 : x.components
       };
-    }, [(f = t.mdx) == null ? void 0 : f.components, t.plugins]), { stagger: n } = Zt(ue), [o, i] = q(!1), u = ne(
+    }, [(g = t.mdx) == null ? void 0 : g.components, t.plugins]), { stagger: n } = $t(ue), [o, i] = Q(!1), l = ne(
       () => o ? { stagger: !0 } : { stagger: n },
       [n, o]
     ), d = be();
     L(() => {
       o || i(!0);
     }, [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);
+    const [c] = Q(() => new xa(t)), m = (f = t.plugins) == null ? void 0 : f.filter(oa).map((p, x) => {
+      var h;
+      return /* @__PURE__ */ a.jsx(Kt, { children: (h = p.getHead) == null ? void 0 : h.call(p) }, x);
     });
     return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-      /* @__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, {}) }) }) }) }) }) }) })
+      /* @__PURE__ */ a.jsx(me, { children: m }),
+      /* @__PURE__ */ a.jsx(ue.Provider, { value: l, children: /* @__PURE__ */ a.jsx(wa, { context: c, children: /* @__PURE__ */ a.jsx(ur, { components: s, children: /* @__PURE__ */ a.jsx(wr, { attribute: "class", disableTransitionOnChange: !0, children: /* @__PURE__ */ a.jsx(ja, { value: r, children: /* @__PURE__ */ a.jsx(Et, { slotlets: t.slotlets, children: /* @__PURE__ */ a.jsx(ir, { children: e ?? /* @__PURE__ */ a.jsx(Ge, {}) }) }) }) }) }) }) })
     ] });
   }
 );
 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;
+const Xa = dr, Ja = ma, Ga = Ct, es = Er, ts = Yr, rs = Wr, as = me, ss = F, ns = Nt, is = vt, os = kt, ls = je, cs = Pt, us = ge;
 export {
-  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
+  ts as Bootstrap,
+  rs as BootstrapStatic,
+  cs as Button,
+  os as Callout,
+  ls as ClientOnly,
+  as as Head,
+  Ja as Layout,
+  us as Link,
+  Ga as RouterError,
+  es as ServerError,
+  is as Zudoku,
+  ns as useAuth,
+  Xa as useMDXComponents,
+  ss as useZudoku
 };
 //# sourceMappingURL=zudoku.components.js.map