zudoku 0.0.0-fa903e7 → 0.0.0-fc5c03b

package/lib/zudoku.components.js

@@ -1,50 +1,51 @@
 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 S = (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)), N = (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-BgvYIPQe.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 w, 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 zt } from "./utils-DcpDOncX.js";
+import { M as Bt, 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 z, useRef as pe, useCallback as Lt, 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-CRsmPPfY.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";
 import { VisuallyHidden as st } from "@radix-ui/react-visually-hidden";
-import { z as jr, J as wr } from "./SyntaxHighlight-DkLOsjHS.js";
+import { z as jr, J as wr } from "./SyntaxHighlight-C31iouiO.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, Le, Pr = (Le = class extends $e {
+var k, ze, Cr = (ze = class extends $e {
   constructor(t = {}) {
     super();
     N(this, k);
@@ -53,7 +54,7 @@ var k, Le, Pr = (Le = class extends $e {
   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,14 +64,14 @@ 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(() => {
@@ -80,10 +81,10 @@ var k, Le, Pr = (Le = class extends $e {
     });
   }
   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 };
@@ -116,7 +117,7 @@ var k, Le, Pr = (Le = class extends $e {
       });
     });
   }
-}, k = new WeakMap(), Le), j, Z, ze, Cr = (ze = class extends $e {
+}, k = new WeakMap(), ze), j, Z, Be, Pr = (Be = class extends $e {
   constructor(t = {}) {
     super();
     N(this, j);
@@ -124,7 +125,7 @@ var k, Le, Pr = (Le = class extends $e {
     this.config = t, y(this, j, /* @__PURE__ */ new Map()), y(this, Z, Date.now());
   }
   build(t, r, s) {
-    const n = new Ut({
+    const n = new Bt({
       mutationCache: this,
       mutationId: ++J(this, Z)._,
       options: t.defaultMutationOptions(r),
@@ -133,26 +134,26 @@ 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, j).get(r) ?? [];
+    s.push(t), u(this, j).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, j).has(r)) {
+      const n = (s = u(this, j).get(r)) == null ? void 0 : s.filter((o) => o !== t);
+      n && (n.length === 0 ? u(this, j).delete(r) : u(this, j).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, 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 = c(this, j).get(ee(t))) == null ? void 0 : s.find((n) => n !== t && n.state.isPaused);
+    const r = (s = u(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() {
@@ -163,16 +164,16 @@ var k, Le, Pr = (Le = class extends $e {
     });
   }
   getAll() {
-    return [...c(this, j).values()].flat();
+    return [...u(this, j).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(() => {
@@ -185,11 +186,11 @@ var k, Le, Pr = (Le = class extends $e {
     const t = this.getAll().filter((r) => r.state.isPaused);
     return w.batch(
       () => Promise.all(
-        t.map((r) => r.continue().catch(O))
+        t.map((r) => r.continue().catch(A))
       )
     );
   }
-}, j = new WeakMap(), Z = new WeakMap(), ze);
+}, j = new WeakMap(), Z = new WeakMap(), Be);
 function ee(e) {
   var t;
   return ((t = e.options.scope) == null ? void 0 : t.id) ?? String(e.mutationId);
@@ -197,59 +198,59 @@ 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;
+      var f, m, h, p, v;
+      const s = t.options, n = (h = (m = (f = t.fetchOptions) == null ? void 0 : f.meta) == null ? void 0 : m.fetchMore) == null ? void 0 : h.direction, o = ((p = t.state.data) == null ? void 0 : p.pages) || [], i = ((v = t.state.data) == null ? void 0 : v.pageParams) || [];
+      let c = { pages: [], pageParams: [] }, d = 0;
       const l = async () => {
-        let m = !1;
+        let g = !1;
         const E = (b) => {
           Object.defineProperty(b, "signal", {
             enumerable: !0,
-            get: () => (t.signal.aborted ? m = !0 : t.signal.addEventListener("abort", () => {
-              m = !0;
+            get: () => (t.signal.aborted ? g = !0 : t.signal.addEventListener("abort", () => {
+              g = !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 (g)
             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);
           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);
+          c = 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, c);
+            if (d > 0 && C == null)
               break;
-            u = await $(u, P), d++;
+            c = await $(c, C), d++;
           } while (d < b);
         }
-        return u;
+        return c;
       };
       t.options.persister ? t.fetchFn = () => {
-        var m, E;
-        return (E = (m = t.options).persister) == null ? void 0 : E.call(
-          m,
+        var g, E;
+        return (E = (g = t.options).persister) == null ? void 0 : E.call(
+          g,
           l,
           {
             queryKey: t.queryKey,
@@ -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 x, I, T, B, L, _, H, U, Le, Dr = (Le = class {
   constructor(e = {}) {
     N(this, x);
     N(this, I);
     N(this, T);
-    N(this, z);
     N(this, B);
+    N(this, L);
     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);
+    y(this, x, e.queryCache || new Cr()), y(this, I, e.mutationCache || new Pr()), y(this, T, e.defaultOptions || {}), y(this, B, /* @__PURE__ */ new Map()), y(this, L, /* @__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, x).onFocus());
+    })), y(this, U, Oe.subscribe(async (e) => {
+      e && (await this.resumePausedMutations(), u(this, x).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, x).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, 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 = 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, x).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, 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 = c(this, x).get(
+    const s = this.defaultQueryOptions({ queryKey: e }), n = u(this, x).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, x).build(this, s).setData(i, { ...r, manual: !0 });
   }
   setQueriesData(e, t, r) {
     return w.batch(
-      () => c(this, x).findAll(e).map(({ queryKey: s }) => [
+      () => u(this, x).findAll(e).map(({ queryKey: s }) => [
         s,
         this.setQueryData(s, t, r)
       ])
@@ -342,10 +343,10 @@ 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, x).get(t.queryHash)) == null ? void 0 : r.state;
   }
   removeQueries(e) {
-    const t = c(this, x);
+    const t = u(this, x);
     w.batch(() => {
       t.findAll(e).forEach((r) => {
         t.remove(r);
@@ -353,7 +354,7 @@ var x, I, T, z, B, _, H, U, Be, Ar = (Be = class {
     });
   }
   resetQueries(e, t) {
-    const r = c(this, x), s = {
+    const r = u(this, x), s = {
       type: "active",
       ...e
     };
@@ -363,13 +364,13 @@ var x, I, T, z, B, _, H, U, Be, Ar = (Be = class {
   }
   cancelQueries(e = {}, t = {}) {
     const r = { revert: !0, ...t }, s = w.batch(
-      () => c(this, x).findAll(e).map((n) => n.cancel(r))
+      () => u(this, x).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) => {
+      if (u(this, x).findAll(e).forEach((s) => {
         s.invalidate();
       }), e.refetchType === "none")
         return Promise.resolve();
@@ -385,69 +386,69 @@ var x, I, T, z, B, _, H, U, Be, Ar = (Be = class {
       ...t,
       cancelRefetch: (t == null ? void 0 : t.cancelRefetch) ?? !0
     }, s = w.batch(
-      () => c(this, x).findAll(e).filter((n) => !n.isDisabled()).map((n) => {
+      () => u(this, x).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, x).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, x);
   }
   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, B).set(Me(e), {
       queryKey: e,
       defaultOptions: t
     });
   }
   getQueryDefaults(e) {
-    const t = [...c(this, z).values()];
+    const t = [...u(this, B).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, L).set(Me(e), {
       mutationKey: e,
       defaultOptions: t
     });
   }
   getMutationDefaults(e) {
-    const t = [...c(this, B).values()];
+    const t = [...u(this, L).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, x).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) {
+}, x = new WeakMap(), I = new WeakMap(), T = new WeakMap(), B = new WeakMap(), L = new WeakMap(), _ = new WeakMap(), H = new WeakMap(), U = new WeakMap(), Le);
+function Or(e) {
   return e;
 }
-function Fe(e, t, r) {
+function Qe(e, t, r) {
   var d, l;
   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) ?? ((l = e.getDefaultOptions().hydrate) == null ? void 0 : l.deserializeData) ?? Or, i = t.mutations || [], c = t.queries || [];
+  i.forEach(({ state: f, ...m }) => {
+    var h, 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
+        ...(p = r == null ? void 0 : r.defaultOptions) == null ? void 0 : p.mutations,
+        ...m
       },
-      p
+      f
     );
-  }), u.forEach(({ queryKey: p, state: f, queryHash: h, meta: g, promise: v }) => {
+  }), c.forEach(({ queryKey: f, state: m, queryHash: h, meta: p, 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,
+    let g = n.get(h);
+    const E = m.data === void 0 ? m.data : o(m.data);
+    if (g) {
+      if (g.state.dataUpdatedAt < m.dataUpdatedAt) {
+        const { fetchStatus: b, ...C } = m;
+        g.setState({
+          ...C,
           data: E
         });
       }
     } else
-      m = n.build(
+      g = n.build(
         e,
         {
           ...(W = e.getDefaultOptions().hydrate) == null ? void 0 : W.queries,
           ...($ = r == null ? void 0 : r.defaultOptions) == null ? void 0 : $.queries,
-          queryKey: p,
+          queryKey: f,
           queryHash: h,
-          meta: g
+          meta: p
         },
         // Reset fetch status to idle to avoid
         // query being stuck in fetching state upon hydration
         {
-          ...f,
+          ...m,
           data: E,
           fetchStatus: "idle"
         }
       );
     if (v) {
       const b = Promise.resolve(v).then(o);
-      m.fetch(void 0, { initialPromise: b });
+      g.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(), c = G.useRef(t);
+  return c.current = t, G.useMemo(() => {
     if (r) {
       if (typeof r != "object")
         return;
-      const d = n.getQueryCache(), l = r.queries || [], p = [], f = [];
+      const d = n.getQueryCache(), l = r.queries || [], f = [], m = [];
       for (const h of l) {
-        const g = d.get(h.queryHash);
-        if (!g)
-          p.push(h);
+        const p = d.get(h.queryHash);
+        if (!p)
+          f.push(h);
         else {
-          const v = h.state.dataUpdatedAt > g.state.dataUpdatedAt, m = o == null ? void 0 : o.find(
+          const v = h.state.dataUpdatedAt > p.state.dataUpdatedAt, g = o == null ? void 0 : o.find(
             (E) => E.queryHash === h.queryHash
           );
-          v && (!m || h.state.dataUpdatedAt > m.state.dataUpdatedAt) && f.push(h);
+          v && (!g || h.state.dataUpdatedAt > g.state.dataUpdatedAt) && m.push(h);
         }
       }
-      p.length > 0 && Fe(n, { queries: p }, u.current), f.length > 0 && i(
-        (h) => h ? [...h, ...f] : f
+      f.length > 0 && Qe(n, { queries: f }, c.current), m.length > 0 && i(
+        (h) => h ? [...h, ...m] : m
       );
     }
   }, [n, o, r]), G.useEffect(() => {
-    o && (Fe(n, { queries: o }, u.current), i(void 0));
+    o && (Qe(n, { queries: o }, c.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(),
@@ -626,37 +627,37 @@ function Qr({
     let d = {
       loaderData: e.loaderData,
       actionData: e.actionData,
-      errors: Lr(e.errors)
+      errors: zr(e.errors)
     };
     i = `window.__staticRouterHydrationData = JSON.parse(${Kr(JSON.stringify(JSON.stringify(d)))});`;
   }
   let {
-    state: u
+    state: c
   } = 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: c
+  }, /* @__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: c.location,
+    navigationType: c.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: c
+  })))))), i ? /* @__PURE__ */ P.createElement("script", {
     suppressHydrationWarning: !0,
     nonce: s,
     dangerouslySetInnerHTML: {
@@ -671,11 +672,11 @@ function qr({
 }) {
   return Se.UNSAFE_useRoutesImpl(e, void 0, r, t);
 }
-function Lr(e) {
+function zr(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] = {
@@ -710,30 +711,30 @@ function nt() {
     }
   };
 }
-function zr(e, t) {
-  return A.createStaticHandler(e, {
+function Br(e, t) {
+  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;
+function Lr(e, t, r = {}) {
+  let s = {}, n = D.UNSAFE_convertRoutesToDataRoutes(e, Se.UNSAFE_mapRouteProperties, void 0, s), o = t.matches.map((c) => {
+    let d = s[c.route.id] || c.route;
     return {
-      ...u,
+      ...c,
       route: d
     };
-  }), i = (u) => `You cannot use router.${u}() on the server because it is a stateless environment`;
+  }), i = (c) => `You cannot use router.${c}() on the server because it is a stateless environment`;
   return {
     get basename() {
       return t.basename;
     },
     get future() {
-      var u, d;
+      var c, d;
       return {
         v7_fetcherPersist: !1,
         v7_normalizeFormMethod: !1,
-        v7_partialHydration: ((u = r.future) == null ? void 0 : u.v7_partialHydration) === !0,
+        v7_partialHydration: ((c = r.future) == null ? void 0 : c.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.createStaticHandler = zr;
-Y.createStaticRouter = Br;
-const Zr = new Ar({
+Y.StaticRouter = Qr;
+var Vr = Y.StaticRouterProvider = Fr;
+Y.createStaticHandler = Br;
+Y.createStaticRouter = Lr;
+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 [c, d] = s.useState(!0);
       return s.useEffect(() => {
         d(!1);
-      }, []), u;
+      }, []), c;
     }
-    function i(u, d) {
+    function i(c, 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 l = o() && d.ssr, f = l && c ? "DISPLAY" : "IDLE", [m, h] = s.useState(f), p = s.useRef(null);
       return s.useEffect(() => {
-        if (u && (f === "IDLE" || l)) {
-          clearTimeout(g.current);
+        if (c && (m === "IDLE" || l)) {
+          clearTimeout(p.current);
           const v = l ? 0 : d.delay;
-          g.current = setTimeout(() => {
-            if (!u)
+          p.current = setTimeout(() => {
+            if (!c)
               return h("IDLE");
-            g.current = setTimeout(() => {
+            p.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";
+        !c && m !== "DISPLAY" && (clearTimeout(p.current), h("IDLE"));
+      }, [c, m, d.delay, d.minDuration, l]), s.useEffect(() => () => clearTimeout(p.current), []), m === "DISPLAY" || m === "EXPIRE";
     }
     r.defaultOptions = n, r.useSpinDelay = i;
   });
@@ -894,22 +895,22 @@ var he = { exports: {} };
 var Xr = he.exports;
 const Jr = ({
   category: e,
-  level: t
+  onRequestClose: t
 }) => {
-  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(() => {
+  var h, p;
+  const r = Qt(e), [s, n] = Q(!1), o = e.collapsible ?? !0, i = e.collapsed ?? !0, c = !!(!o || !i || r), [d, l] = Q(c), f = Wt(((h = e.link) == null ? void 0 : h.id) ?? "");
+  z(() => {
     r && l(!0);
   }, [r]);
-  const f = o && /* @__PURE__ */ a.jsx(
+  const m = o && /* @__PURE__ */ a.jsx(
     "button",
     {
       type: "button",
       onClick: (v) => {
-        v.preventDefault(), l((m) => !m), n(!0);
+        v.preventDefault(), l((g) => !g), n(!0);
       },
       children: /* @__PURE__ */ a.jsx(
-        er,
+        Xt,
         {
           size: 16,
           className: R(
@@ -924,7 +925,7 @@ const Jr = ({
     oe.Root,
     {
       className: "flex flex-col",
-      defaultOpen: u,
+      defaultOpen: c,
       open: d,
       onOpenChange: () => l(!0),
       children: [
@@ -934,7 +935,6 @@ const Jr = ({
             onClick: () => n(!0),
             className: V({
               isActive: !1,
-              isTopLevel: t === 0,
               className: [
                 "text-start",
                 o ? "cursor-pointer" : "cursor-default hover:bg-transparent"
@@ -945,37 +945,34 @@ const Jr = ({
                 e.icon,
                 {
                   size: 16,
-                  className: R(
-                    "align-[-0.125em] -translate-x-1",
-                    p && "text-primary"
-                  )
+                  className: R("align-[-0.125em] ", f && "text-primary")
                 }
               ),
-              ((g = e.link) == null ? void 0 : g.type) === "doc" ? /* @__PURE__ */ a.jsx(
+              ((p = e.link) == null ? void 0 : p.type) === "doc" ? /* @__PURE__ */ a.jsx(
                 ae,
                 {
-                  to: Q(e.link.id),
+                  to: q(e.link.id),
                   className: "flex-1",
                   onClick: () => {
-                    p && !d && l(!0);
+                    f && !d && l(!0);
                   },
                   children: /* @__PURE__ */ a.jsxs(
                     "div",
                     {
                       className: R(
                         "flex items-center gap-2 justify-between w-full",
-                        p ? "text-primary" : "text-foreground/80"
+                        f ? "text-primary" : "text-foreground/80"
                       ),
                       children: [
                         /* @__PURE__ */ a.jsx("div", { className: "truncate", children: e.label }),
-                        f
+                        m
                       ]
                     }
                   )
                 }
               ) : /* @__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 }),
-                f
+                m
               ] })
             ]
           }
@@ -985,29 +982,32 @@ 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"
+              s && "CollapsibleContent",
+              "ms-6 my-1"
             ),
-            children: /* @__PURE__ */ a.jsx("ul", { className: "mt-1 border-l ms-0.5", children: e.items.map((v) => /* @__PURE__ */ a.jsx(
-              fe,
+            children: /* @__PURE__ */ a.jsx(
+              "ul",
               {
-                level: t + 1,
-                item: v
-              },
-              ("id" in v ? v.id : "") + ("href" in v ? v.href : "") + v.label
-            )) })
+                className: "relative after:absolute after:-left-[--padding-nav-item] after:translate-x-[1.5px] after:top-0 after:bottom-0 after:w-px after:bg-border",
+                children: e.items.map((v) => /* @__PURE__ */ a.jsx(
+                  fe,
+                  {
+                    onRequestClose: t,
+                    item: v
+                  },
+                  ("id" in v ? v.id : "") + ("href" in v ? v.href : "") + v.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: {
-      isTopLevel: {
-        true: "font-medium -mx-[--padding-nav-item]",
-        false: "-mr-[--padding-nav-item] ml-[--padding-nav-item]"
-      },
       isActive: {
         true: "text-primary font-medium",
         false: "text-foreground/80"
@@ -1023,19 +1023,20 @@ const Jr = ({
   }
 ), lt = "data-anchor", fe = ({
   item: e,
-  level: t = 0
+  onRequestClose: t
 }) => {
   var n, o;
-  const { activeAnchor: r } = we(), [s] = Pt();
+  const { activeAnchor: r } = we(), [s] = St();
   switch (e.type) {
     case "category":
-      return /* @__PURE__ */ a.jsx(Jr, { category: e, level: t });
+      return /* @__PURE__ */ a.jsx(Jr, { category: e, onRequestClose: t });
     case "doc":
       return /* @__PURE__ */ a.jsxs(
         ae,
         {
-          className: ({ isActive: i }) => V({ isActive: i, isTopLevel: t === 0 }),
-          to: Q(e.id),
+          className: ({ isActive: i }) => V({ isActive: i }),
+          to: q(e.id),
+          onClick: t,
           children: [
             e.icon && /* @__PURE__ */ a.jsx(e.icon, { size: 16, className: "align-[-0.125em]" }),
             e.badge ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -1047,15 +1048,15 @@ const Jr = ({
       );
     case "link":
       return e.href.startsWith("#") ? /* @__PURE__ */ a.jsx(
-        jt,
+        cr,
         {
           to: { hash: e.href, search: s.toString() },
           [lt]: e.href.slice(1),
           className: V({
             isActive: e.href.slice(1) === r,
-            isTopLevel: t === 0,
             className: ((n = e.badge) == null ? void 0 : n.placement) !== "start" && "justify-between"
           }),
+          onClick: t,
           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 })
@@ -1064,13 +1065,14 @@ const Jr = ({
       ) : e.href.startsWith("http") ? /* @__PURE__ */ a.jsxs(
         "a",
         {
-          className: V({ isTopLevel: t === 0 }),
+          className: V(),
           href: e.href,
           target: "_blank",
           rel: "noopener noreferrer",
+          onClick: t,
           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(
@@ -1093,7 +1095,7 @@ const Jr = ({
   r.top >= 0 && r.left >= 0 && r.bottom <= (window.innerHeight || document.documentElement.clientHeight) && r.right <= (window.innerWidth || document.documentElement.clientWidth) || e.scrollIntoView(t);
 }, ea = () => {
   const e = ye(), { setActiveAnchor: t } = we();
-  L(() => {
+  z(() => {
     if (!e.hash) return;
     const r = decodeURIComponent(e.hash.split("/")[0].slice(1)), s = () => {
       const n = document.getElementById(r), o = document.querySelector(`[${lt}="${r}"]`);
@@ -1108,7 +1110,7 @@ const Jr = ({
   }, [e.hash, t]);
 }, ta = () => {
   const e = ye(), t = pe(e.pathname);
-  L(() => {
+  z(() => {
     t.current !== e.pathname && (window.scrollTo(0, 0), t.current = e.pathname);
   }, [e.pathname]);
 };
@@ -1124,17 +1126,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 +1153,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), []);
-  L(() => {
-    if (t)
+}, ct = ({ className: e }) => {
+  const t = F(), [r, s] = Q(!1), n = Lt(() => s(!1), []);
+  z(() => {
+    if (r)
       return;
-    function o(i) {
-      i.key === "k" && (i.metaKey || i.ctrlKey) && (i.preventDefault(), r(!0));
+    function i(c) {
+      c.key === "k" && (c.metaKey || c.ctrlKey) && (c.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,
     {
@@ -1212,9 +1214,9 @@ const aa = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
   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));
+  const { sidebars: s } = F(), n = s[e], o = Ze(), i = !!be().location, c = ((l = o.topNavItem) == null ? void 0 : l.id) === e && !i, d = r ?? (n ? Ft(n, (f) => {
+    if (f.type === "doc") return q(f.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 +1227,9 @@ const aa = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
     /* @__PURE__ */ a.jsx(
       ae,
       {
-        className: ({ isPending: p }) => dr(
+        className: ({ isPending: f }) => 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"
+          c || f ? "border-primary text-foreground" : "border-transparent text-foreground/75 hover:text-foreground hover:border-accent-foreground/25"
         ),
         to: d,
         children: t
@@ -1235,7 +1237,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 +1245,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 +1274,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: c } = o, d = c.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(ua, {}),
     /* @__PURE__ */ a.jsxs("div", { className: "max-w-screen-2xl mx-auto", children: [
@@ -1282,7 +1284,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 +1297,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 +1314,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,
               {
@@ -1339,22 +1341,22 @@ const aa = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
               }
             ),
             /* @__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),
     className: R(
       "scrollbar peer hidden lg:flex flex-col fixed text-sm overflow-y-auto shrink-0",
-      "px-[--padding-nav-item] -mx-[--padding-nav-item] pb-20 mt-[--padding-content-top]",
+      "-mx-[--padding-nav-item] pb-20 mt-[--padding-content-top]",
       "w-[--side-nav-width] h-[calc(100%-var(--header-height))] scroll-pt-2 gap-2",
       t
     ),
@@ -1363,30 +1365,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
+          ))
+        ] })
       }
     )
   ] });
@@ -1394,64 +1405,72 @@ const fa = () => {
   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(() => {
+  z(() => {
+    var f;
+    (f = n == null ? void 0 : n.onPageLoad) == null || f.call(n);
+  }, [n]), z(() => {
     t.pathname !== o.current && r(""), o.current = t.pathname;
   }, [t.pathname, r]);
-  const i = !!be().location, u = Xr.useSpinDelay(i, {
+  const i = !!be().location, c = Xr.useSpinDelay(i, {
     delay: 300,
     minDuration: 500
-  });
+  }), [d, l] = 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: c ? /* @__PURE__ */ a.jsx(qe, {}) : /* @__PURE__ */ a.jsx(ve, { fallback: /* @__PURE__ */ a.jsx(qe, {}), children: /* @__PURE__ */ a.jsxs(
+      et,
+      {
+        direction: "left",
+        open: d,
+        onOpenChange: (f) => l(f),
+        children: [
+          /* @__PURE__ */ a.jsx(fa, { onRequestClose: () => l(!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 +1522,18 @@ class pa extends Vt {
       didCatch: o,
       error: i
     } = this.state;
-    let u = t;
+    let c = t;
     if (o) {
       const d = {
         error: i,
         resetErrorBoundary: this.resetErrorBoundary
       };
       if (typeof r == "function")
-        u = r(d);
+        c = r(d);
       else if (s)
-        u = Ie(s, d);
+        c = Ie(s, d);
       else if (n !== void 0)
-        u = n;
+        c = n;
       else
         throw i;
     }
@@ -1524,7 +1543,7 @@ class pa extends Vt {
         error: i,
         resetErrorBoundary: this.resetErrorBoundary
       }
-    }, u);
+    }, c);
   }
 }
 function va() {
@@ -1555,7 +1574,7 @@ class xa {
       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 ?? []));
@@ -1578,12 +1597,12 @@ 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(zt.Provider, { value: t, children: e })), pt = Xe(
   ({ children: e, ...t }) => {
-    var f, h;
+    var m, h;
     const r = ne(
       () => ({ ...gt, ...t.overrides }),
       [t.overrides]
@@ -1591,49 +1610,49 @@ const gt = {
       var v;
       return {
         ...(t.plugins ?? []).filter(la).flatMap(
-          (m) => m.getMdxComponents ? [m.getMdxComponents()] : []
+          (g) => g.getMdxComponents ? [g.getMdxComponents()] : []
         ).reduce(
-          (m, E) => ({ ...m, ...E }),
+          (g, E) => ({ ...g, ...E }),
           {}
         ),
-        ...lr,
+        ...nr,
         ...(v = t.mdx) == null ? void 0 : v.components
       };
-    }, [(f = t.mdx) == null ? void 0 : f.components, t.plugins]), { stagger: n } = Zt(ue), [o, i] = q(!1), u = ne(
+    }, [(m = t.mdx) == null ? void 0 : m.components, t.plugins]), { stagger: n } = $t(ue), [o, i] = Q(!1), c = ne(
       () => o ? { stagger: !0 } : { stagger: n },
       [n, o]
     ), d = be();
-    L(() => {
+    z(() => {
       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 [l] = Q(() => new xa(t)), f = (h = t.plugins) == null ? void 0 : h.filter(oa).map((p, v) => {
+      var g;
+      return /* @__PURE__ */ a.jsx(Kt, { children: (g = p.getHead) == null ? void 0 : g.call(p) }, v);
     });
     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: f }),
+      /* @__PURE__ */ a.jsx(ue.Provider, { value: c, children: /* @__PURE__ */ a.jsx(wa, { context: l, 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