zudoku 0.0.0-fa903e7 → 0.0.0-fabd0c1

package/lib/zudoku.components.js

@@ -1,76 +1,75 @@
-var yt = Object.defineProperty;
-var Pe = (e) => {
+var ut = Object.defineProperty;
+var ve = (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 J = (e, t, r, s) => ({
-  set _(n) {
-    y(e, t, n, r);
+var dt = (e, t, s) => t in e ? ut(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var k = (e, t, s) => dt(e, typeof t != "symbol" ? t + "" : t, s), je = (e, t, s) => t.has(e) || ve("Cannot " + s);
+var c = (e, t, s) => (je(e, t, "read from private field"), s ? s.call(e) : t.get(e)), C = (e, t, s) => t.has(e) ? ve("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), b = (e, t, s, n) => (je(e, t, "write to private field"), n ? n.call(e, s) : t.set(e, s), s);
+var X = (e, t, s, n) => ({
+  set _(a) {
+    b(e, t, a, s);
   },
   get _() {
-    return c(e, t, s);
+    return c(e, t, n);
   }
 });
-import { a as He, A as jt, H as me, M as wt, u as St } from "./AnchorLink-CDlhr8gL.js";
-import { d as Nt, R as Et, N as ae, u as Pt, L as ge } from "./index-Yn8c3UWE.js";
-import { u as Ct } from "./state-tsXBLONe.js";
-import { E as Ue, S as D, a as kt, R as At } from "./SlotletProvider-DyomlzGx.js";
-import { j as a } from "./jsx-runtime-B6kdoens.js";
-import { Button as Dt } from "./ui/Button.js";
-import { Callout as Ot } from "./ui/Callout.js";
-import { S as $e, l as Ke, Q as Mt, n as w, m as ke, o as Ae, p as O, q as Rt, r as It, t as Tt, v as _t, w as De, x as Oe, y as Ft, h as Me, z as Re, A as Qt, d as qt, B as Ve, C as Lt, j as Q, u as F, D as Ze, E as zt, g as Bt, Z as Ht } from "./utils-DcpDOncX.js";
-import { M as Ut, u as se } from "./hook-hEqe7fPB.js";
-import * as G from "react";
-import Ye, { StrictMode as We, useState as q, useEffect as L, useRef as pe, useCallback as $t, Suspense as ve, memo as Xe, forwardRef as Kt, createContext as Je, Component as Vt, createElement as Ie, useMemo as ne, useContext as Zt, Fragment as Yt } from "react";
-import { a as xe, c as Wt } from "./_commonjsHelpers-BkfeUUK-.js";
-import { B as Xt } from "./router-lfyopgBI.js";
-import { I as Jt, y as Gt, u as ye, j as be, O as Ge } from "./index-Czzd9rjU.js";
-import { S as ue, a as ie } from "./SidebarBadge-DxFJcJ6V.js";
-import { C as je } from "./ClientOnly-E7hGysn1.js";
-import { ChevronRightIcon as er, ExternalLinkIcon as tr, CircleXIcon as rr, SearchIcon as ar, MoonStarIcon as sr, SunIcon as nr, MenuIcon as ir, PanelLeftIcon as or } from "lucide-react";
-import { Drawer as et, DrawerTrigger as tt, DrawerContent as rt, DrawerTitle as at } from "./ui/Drawer.js";
-import { c as R } from "./cn-BmFQLtkS.js";
-import { u as we, a as lr, V as cr } from "./Markdown-ievDDhFT.js";
-import { c as ur, a as dr } from "./index-BuAyrJe3.js";
-import * as oe from "@radix-ui/react-collapsible";
-import { B as de } from "./Button-jK0EsymC.js";
-import { DropdownMenu as hr, DropdownMenuTrigger as fr, DropdownMenuContent as mr, DropdownMenuLabel as gr, DropdownMenuSeparator as le, DropdownMenuSub as pr, DropdownMenuSubTrigger as vr, DropdownMenuPortal as xr, DropdownMenuSubContent as yr, DropdownMenuItem as br } from "./ui/DropdownMenu.js";
-import { VisuallyHidden as st } from "@radix-ui/react-visually-hidden";
-import { z as jr, J as wr } from "./SyntaxHighlight-DkLOsjHS.js";
-import { Z as Sr } from "./invariant-Caa8-XvF.js";
-import { S as Nr } from "./Spinner-3cQDBVGr.js";
-function Er({ error: e }) {
-  return /* @__PURE__ */ a.jsx(Ue, { error: e });
+import { a as Fe, H as ue } from "./index.esm-BSV1C092.js";
+import { R as ht, S as ft, e as gt, f as ee, b as mt, u as de, g as he, L as fe, O as Be } from "./chunk-D52XG6IA-Dl7HLe6j.js";
+import { u as pt } from "./state-CFQsUZUP.js";
+import { E as ze, S as D, a as xt, R as yt } from "./SlotletProvider-pfc9oejW.js";
+import { j as r } from "./jsx-runtime-Dx-03ztt.js";
+import { Button as bt } from "./ui/Button.js";
+import { Callout as vt } from "./ui/Callout.js";
+import { S as He, l as Le, Q as jt, n as w, m as we, o as ke, p as M, q as wt, r as kt, t as Ct, v as Nt, w as Ce, x as Ne, y as Pt, h as Pe, z as Se, A as St, e as Dt, B as Ke, C as Ot, j as q, a as T, D as $e, E as Mt, u as At, Z as Et } from "./utils-B4O1uet5.js";
+import { M as It, u as te } from "./hook-DgGeo5iL.js";
+import * as $ from "react";
+import Qt, { StrictMode as Ze, useState as Q, useEffect as R, useRef as ge, useCallback as Tt, Suspense as me, memo as Ve, forwardRef as qt, createContext as Ue, Component as Rt, createElement as De, useMemo as se, useContext as Ft, Fragment as Bt } from "react";
+import * as zt from "react-dom";
+import { S as oe } from "./StaggeredRender-DgsamH_G.js";
+import { C as pe } from "./ClientOnly-E7hGysn1.js";
+import { ChevronRightIcon as Ht, ExternalLinkIcon as Lt, CircleXIcon as Kt, SearchIcon as $t, MoonStarIcon as Zt, SunIcon as Vt, MenuIcon as Ut, PanelLeftIcon as Wt } from "lucide-react";
+import { Drawer as We, DrawerTrigger as _e, DrawerContent as Xe, DrawerTitle as Ye } from "./ui/Drawer.js";
+import { c as O } from "./cn-qaFjX9_3.js";
+import { u as xe, a as _t, V as Xt } from "./Markdown-CZDLNOFc.js";
+import { c as Yt, a as Jt } from "./index-CPNSgwSb.js";
+import { A as Gt, M as es, u as ts } from "./AnchorLink-DFZZbmvr.js";
+import * as re from "@radix-ui/react-collapsible";
+import { B as le } from "./Button-DeAoTouo.js";
+import { DropdownMenu as ss, DropdownMenuTrigger as rs, DropdownMenuContent as ns, DropdownMenuLabel as as, DropdownMenuSeparator as ne, DropdownMenuSub as is, DropdownMenuSubTrigger as os, DropdownMenuPortal as ls, DropdownMenuSubContent as cs, DropdownMenuItem as us } from "./ui/DropdownMenu.js";
+import { VisuallyHidden as Je } from "@radix-ui/react-visually-hidden";
+import { z as ds, J as hs } from "./SyntaxHighlight-Bz-lOJtH.js";
+import { Z as fs } from "./invariant-Caa8-XvF.js";
+import { S as gs } from "./Spinner-DuxJLLNE.js";
+function ms({ error: e }) {
+  return /* @__PURE__ */ r.jsx(ze, { error: e });
 }
-var k, Le, Pr = (Le = class extends $e {
+var S, Te, ps = (Te = class extends He {
   constructor(t = {}) {
     super();
-    N(this, k);
-    this.config = t, y(this, k, /* @__PURE__ */ new Map());
+    C(this, S);
+    this.config = t, b(this, S, /* @__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({
+  build(t, s, n) {
+    const a = s.queryKey, i = s.queryHash ?? Le(a, s);
+    let o = this.get(i);
+    return o || (o = new jt({
       cache: this,
-      queryKey: n,
-      queryHash: o,
-      options: t.defaultQueryOptions(r),
-      state: s,
-      defaultOptions: t.getQueryDefaults(n)
-    }), this.add(i)), i;
+      queryKey: a,
+      queryHash: i,
+      options: t.defaultQueryOptions(s),
+      state: n,
+      defaultOptions: t.getQueryDefaults(a)
+    }), this.add(o)), o;
   }
   add(t) {
-    c(this, k).has(t.queryHash) || (c(this, k).set(t.queryHash, t), this.notify({
+    c(this, S).has(t.queryHash) || (c(this, S).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 s = c(this, S).get(t.queryHash);
+    s && (t.destroy(), s === t && c(this, S).delete(t.queryHash), this.notify({ type: "removed", query: t }));
   }
   clear() {
     w.batch(() => {
@@ -80,25 +79,25 @@ var k, Le, Pr = (Le = class extends $e {
     });
   }
   get(t) {
-    return c(this, k).get(t);
+    return c(this, S).get(t);
   }
   getAll() {
-    return [...c(this, k).values()];
+    return [...c(this, S).values()];
   }
   find(t) {
-    const r = { exact: !0, ...t };
+    const s = { exact: !0, ...t };
     return this.getAll().find(
-      (s) => ke(r, s)
+      (n) => we(s, n)
     );
   }
   findAll(t = {}) {
-    const r = this.getAll();
-    return Object.keys(t).length > 0 ? r.filter((s) => ke(t, s)) : r;
+    const s = this.getAll();
+    return Object.keys(t).length > 0 ? s.filter((n) => we(t, n)) : s;
   }
   notify(t) {
     w.batch(() => {
-      this.listeners.forEach((r) => {
-        r(t);
+      this.listeners.forEach((s) => {
+        s(t);
       });
     });
   }
@@ -116,44 +115,44 @@ var k, Le, Pr = (Le = class extends $e {
       });
     });
   }
-}, k = new WeakMap(), Le), j, Z, ze, Cr = (ze = class extends $e {
+}, S = new WeakMap(), Te), j, U, qe, xs = (qe = class extends He {
   constructor(t = {}) {
     super();
-    N(this, j);
-    N(this, Z);
-    this.config = t, y(this, j, /* @__PURE__ */ new Map()), y(this, Z, Date.now());
+    C(this, j);
+    C(this, U);
+    this.config = t, b(this, j, /* @__PURE__ */ new Map()), b(this, U, Date.now());
   }
-  build(t, r, s) {
-    const n = new Ut({
+  build(t, s, n) {
+    const a = new It({
       mutationCache: this,
-      mutationId: ++J(this, Z)._,
-      options: t.defaultMutationOptions(r),
-      state: s
+      mutationId: ++X(this, U)._,
+      options: t.defaultMutationOptions(s),
+      state: n
     });
-    return this.add(n), n;
+    return this.add(a), a;
   }
   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 s = Y(t), n = c(this, j).get(s) ?? [];
+    n.push(t), c(this, j).set(s, n), 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));
+    var n;
+    const s = Y(t);
+    if (c(this, j).has(s)) {
+      const a = (n = c(this, j).get(s)) == null ? void 0 : n.filter((i) => i !== t);
+      a && (a.length === 0 ? c(this, j).delete(s) : c(this, j).set(s, a));
     }
     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");
-    return !r || r === t;
+    var n;
+    const s = (n = c(this, j).get(Y(t))) == null ? void 0 : n.find((a) => a.state.status === "pending");
+    return !s || s === 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);
-    return (r == null ? void 0 : r.continue()) ?? Promise.resolve();
+    var n;
+    const s = (n = c(this, j).get(Y(t))) == null ? void 0 : n.find((a) => a !== t && a.state.isPaused);
+    return (s == null ? void 0 : s.continue()) ?? Promise.resolve();
   }
   clear() {
     w.batch(() => {
@@ -166,89 +165,89 @@ var k, Le, Pr = (Le = class extends $e {
     return [...c(this, j).values()].flat();
   }
   find(t) {
-    const r = { exact: !0, ...t };
+    const s = { exact: !0, ...t };
     return this.getAll().find(
-      (s) => Ae(r, s)
+      (n) => ke(s, n)
     );
   }
   findAll(t = {}) {
-    return this.getAll().filter((r) => Ae(t, r));
+    return this.getAll().filter((s) => ke(t, s));
   }
   notify(t) {
     w.batch(() => {
-      this.listeners.forEach((r) => {
-        r(t);
+      this.listeners.forEach((s) => {
+        s(t);
       });
     });
   }
   resumePausedMutations() {
-    const t = this.getAll().filter((r) => r.state.isPaused);
+    const t = this.getAll().filter((s) => s.state.isPaused);
     return w.batch(
       () => Promise.all(
-        t.map((r) => r.continue().catch(O))
+        t.map((s) => s.continue().catch(M))
       )
     );
   }
-}, j = new WeakMap(), Z = new WeakMap(), ze);
-function ee(e) {
+}, j = new WeakMap(), U = new WeakMap(), qe);
+function Y(e) {
   var t;
   return ((t = e.options.scope) == null ? void 0 : t.id) ?? String(e.mutationId);
 }
-function Te(e) {
+function Oe(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) || [];
+    onFetch: (t, s) => {
+      var f, g, h, p, x;
+      const n = t.options, a = (h = (g = (f = t.fetchOptions) == null ? void 0 : f.meta) == null ? void 0 : g.fetchMore) == null ? void 0 : h.direction, i = ((p = t.state.data) == null ? void 0 : p.pages) || [], o = ((x = t.state.data) == null ? void 0 : x.pageParams) || [];
       let u = { pages: [], pageParams: [] }, d = 0;
       const l = async () => {
         let m = !1;
-        const E = (b) => {
-          Object.defineProperty(b, "signal", {
+        const N = (v) => {
+          Object.defineProperty(v, "signal", {
             enumerable: !0,
             get: () => (t.signal.aborted ? m = !0 : t.signal.addEventListener("abort", () => {
               m = !0;
             }), t.signal)
           });
-        }, W = Rt(t.options, t.fetchOptions), $ = async (b, P, K) => {
+        }, W = wt(t.options, t.fetchOptions), L = async (v, P, K) => {
           if (m)
             return Promise.reject();
-          if (P == null && b.pages.length)
-            return Promise.resolve(b);
-          const X = {
+          if (P == null && v.pages.length)
+            return Promise.resolve(v);
+          const _ = {
             queryKey: t.queryKey,
             pageParam: P,
             direction: K ? "backward" : "forward",
             meta: t.options.meta
           };
-          E(X);
-          const xt = await W(
-            X
-          ), { maxPages: Ne } = t.options, Ee = K ? It : Tt;
+          N(_);
+          const ct = await W(
+            _
+          ), { maxPages: ye } = t.options, be = K ? kt : Ct;
           return {
-            pages: Ee(b.pages, xt, Ne),
-            pageParams: Ee(b.pageParams, P, Ne)
+            pages: be(v.pages, ct, ye),
+            pageParams: be(v.pageParams, P, ye)
           };
         };
-        if (n && o.length) {
-          const b = n === "backward", P = b ? kr : _e, K = {
-            pages: o,
-            pageParams: i
-          }, X = P(s, K);
-          u = await $(K, X, b);
+        if (a && i.length) {
+          const v = a === "backward", P = v ? ys : Me, K = {
+            pages: i,
+            pageParams: o
+          }, _ = P(n, K);
+          u = await L(K, _, v);
         } else {
-          const b = e ?? o.length;
+          const v = e ?? i.length;
           do {
-            const P = d === 0 ? i[0] ?? s.initialPageParam : _e(s, u);
+            const P = d === 0 ? o[0] ?? n.initialPageParam : Me(n, u);
             if (d > 0 && P == null)
               break;
-            u = await $(u, P), d++;
-          } while (d < b);
+            u = await L(u, P), d++;
+          } while (d < v);
         }
         return u;
       };
       t.options.persister ? t.fetchFn = () => {
-        var m, E;
-        return (E = (m = t.options).persister) == null ? void 0 : E.call(
+        var m, N;
+        return (N = (m = t.options).persister) == null ? void 0 : N.call(
           m,
           l,
           {
@@ -256,758 +255,521 @@ function Te(e) {
             meta: t.options.meta,
             signal: t.signal
           },
-          r
+          s
         );
       } : t.fetchFn = l;
     }
   };
 }
-function _e(e, { pages: t, pageParams: r }) {
-  const s = t.length - 1;
+function Me(e, { pages: t, pageParams: s }) {
+  const n = t.length - 1;
   return t.length > 0 ? e.getNextPageParam(
-    t[s],
+    t[n],
     t,
-    r[s],
-    r
+    s[n],
+    s
   ) : void 0;
 }
-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;
+function ys(e, { pages: t, pageParams: s }) {
+  var n;
+  return t.length > 0 ? (n = e.getPreviousPageParam) == null ? void 0 : n.call(e, t[0], t, s[0], s) : void 0;
 }
-var x, I, T, z, B, _, H, U, Be, Ar = (Be = class {
+var y, A, E, F, B, I, z, H, Re, bs = (Re = 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);
+    C(this, y);
+    C(this, A);
+    C(this, E);
+    C(this, F);
+    C(this, B);
+    C(this, I);
+    C(this, z);
+    C(this, H);
+    b(this, y, e.queryCache || new ps()), b(this, A, e.mutationCache || new xs()), b(this, E, e.defaultOptions || {}), b(this, F, /* @__PURE__ */ new Map()), b(this, B, /* @__PURE__ */ new Map()), b(this, I, 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());
+    X(this, I)._++, c(this, I) === 1 && (b(this, z, Nt.subscribe(async (e) => {
+      e && (await this.resumePausedMutations(), c(this, y).onFocus());
+    })), b(this, H, Ce.subscribe(async (e) => {
+      e && (await this.resumePausedMutations(), c(this, y).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));
+    X(this, I)._--, c(this, I) === 0 && ((e = c(this, z)) == null || e.call(this), b(this, z, void 0), (t = c(this, H)) == null || t.call(this), b(this, H, void 0));
   }
   isFetching(e) {
-    return c(this, x).findAll({ ...e, fetchStatus: "fetching" }).length;
+    return c(this, y).findAll({ ...e, fetchStatus: "fetching" }).length;
   }
   isMutating(e) {
-    return c(this, I).findAll({ ...e, status: "pending" }).length;
+    return c(this, A).findAll({ ...e, status: "pending" }).length;
   }
   getQueryData(e) {
-    var r;
+    var s;
     const t = this.defaultQueryOptions({ queryKey: e });
-    return (r = c(this, x).get(t.queryHash)) == null ? void 0 : r.state.data;
+    return (s = c(this, y).get(t.queryHash)) == null ? void 0 : s.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 s = this.defaultQueryOptions(e), n = c(this, y).build(this, s);
+      return e.revalidateIfStale && n.isStaleByTime(Ne(s.staleTime, n)) && this.prefetchQuery(s), Promise.resolve(t);
     }
   }
   getQueriesData(e) {
-    return c(this, x).findAll(e).map(({ queryKey: t, state: r }) => {
-      const s = r.data;
-      return [t, s];
+    return c(this, y).findAll(e).map(({ queryKey: t, state: s }) => {
+      const n = s.data;
+      return [t, n];
     });
   }
-  setQueryData(e, t, r) {
-    const s = this.defaultQueryOptions({ queryKey: e }), n = c(this, x).get(
-      s.queryHash
-    ), o = n == null ? void 0 : n.state.data, i = Ft(t, o);
-    if (i !== void 0)
-      return c(this, x).build(this, s).setData(i, { ...r, manual: !0 });
+  setQueryData(e, t, s) {
+    const n = this.defaultQueryOptions({ queryKey: e }), a = c(this, y).get(
+      n.queryHash
+    ), i = a == null ? void 0 : a.state.data, o = Pt(t, i);
+    if (o !== void 0)
+      return c(this, y).build(this, n).setData(o, { ...s, manual: !0 });
   }
-  setQueriesData(e, t, r) {
+  setQueriesData(e, t, s) {
     return w.batch(
-      () => c(this, x).findAll(e).map(({ queryKey: s }) => [
-        s,
-        this.setQueryData(s, t, r)
+      () => c(this, y).findAll(e).map(({ queryKey: n }) => [
+        n,
+        this.setQueryData(n, t, s)
       ])
     );
   }
   getQueryState(e) {
-    var r;
+    var s;
     const t = this.defaultQueryOptions({ queryKey: e });
-    return (r = c(this, x).get(t.queryHash)) == null ? void 0 : r.state;
+    return (s = c(this, y).get(
+      t.queryHash
+    )) == null ? void 0 : s.state;
   }
   removeQueries(e) {
-    const t = c(this, x);
+    const t = c(this, y);
     w.batch(() => {
-      t.findAll(e).forEach((r) => {
-        t.remove(r);
+      t.findAll(e).forEach((s) => {
+        t.remove(s);
       });
     });
   }
   resetQueries(e, t) {
-    const r = c(this, x), s = {
+    const s = c(this, y), n = {
       type: "active",
       ...e
     };
-    return w.batch(() => (r.findAll(e).forEach((n) => {
-      n.reset();
-    }), this.refetchQueries(s, t)));
+    return w.batch(() => (s.findAll(e).forEach((a) => {
+      a.reset();
+    }), this.refetchQueries(n, t)));
   }
-  cancelQueries(e = {}, t = {}) {
-    const r = { revert: !0, ...t }, s = w.batch(
-      () => c(this, x).findAll(e).map((n) => n.cancel(r))
+  cancelQueries(e, t = {}) {
+    const s = { revert: !0, ...t }, n = w.batch(
+      () => c(this, y).findAll(e).map((a) => a.cancel(s))
     );
-    return Promise.all(s).then(O).catch(O);
+    return Promise.all(n).then(M).catch(M);
   }
-  invalidateQueries(e = {}, t = {}) {
+  invalidateQueries(e, t = {}) {
     return w.batch(() => {
-      if (c(this, x).findAll(e).forEach((s) => {
-        s.invalidate();
-      }), e.refetchType === "none")
+      if (c(this, y).findAll(e).forEach((n) => {
+        n.invalidate();
+      }), (e == null ? void 0 : e.refetchType) === "none")
         return Promise.resolve();
-      const r = {
+      const s = {
         ...e,
-        type: e.refetchType ?? e.type ?? "active"
+        type: (e == null ? void 0 : e.refetchType) ?? (e == null ? void 0 : e.type) ?? "active"
       };
-      return this.refetchQueries(r, t);
+      return this.refetchQueries(s, t);
     });
   }
-  refetchQueries(e = {}, t) {
-    const r = {
+  refetchQueries(e, t = {}) {
+    const s = {
       ...t,
-      cancelRefetch: (t == null ? void 0 : t.cancelRefetch) ?? !0
-    }, s = w.batch(
-      () => c(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;
+      cancelRefetch: t.cancelRefetch ?? !0
+    }, n = w.batch(
+      () => c(this, y).findAll(e).filter((a) => !a.isDisabled()).map((a) => {
+        let i = a.fetch(void 0, s);
+        return s.throwOnError || (i = i.catch(M)), a.state.fetchStatus === "paused" ? Promise.resolve() : i;
       })
     );
-    return Promise.all(s).then(O);
+    return Promise.all(n).then(M);
   }
   fetchQuery(e) {
     const t = this.defaultQueryOptions(e);
     t.retry === void 0 && (t.retry = !1);
-    const r = c(this, x).build(this, t);
-    return r.isStaleByTime(
-      Oe(t.staleTime, r)
-    ) ? r.fetch(t) : Promise.resolve(r.state.data);
+    const s = c(this, y).build(this, t);
+    return s.isStaleByTime(
+      Ne(t.staleTime, s)
+    ) ? s.fetch(t) : Promise.resolve(s.state.data);
   }
   prefetchQuery(e) {
-    return this.fetchQuery(e).then(O).catch(O);
+    return this.fetchQuery(e).then(M).catch(M);
   }
   fetchInfiniteQuery(e) {
-    return e.behavior = Te(e.pages), this.fetchQuery(e);
+    return e.behavior = Oe(e.pages), this.fetchQuery(e);
   }
   prefetchInfiniteQuery(e) {
-    return this.fetchInfiniteQuery(e).then(O).catch(O);
+    return this.fetchInfiniteQuery(e).then(M).catch(M);
   }
   ensureInfiniteQueryData(e) {
-    return e.behavior = Te(e.pages), this.ensureQueryData(e);
+    return e.behavior = Oe(e.pages), this.ensureQueryData(e);
   }
   resumePausedMutations() {
-    return De.isOnline() ? c(this, I).resumePausedMutations() : Promise.resolve();
+    return Ce.isOnline() ? c(this, A).resumePausedMutations() : Promise.resolve();
   }
   getQueryCache() {
-    return c(this, x);
+    return c(this, y);
   }
   getMutationCache() {
-    return c(this, I);
+    return c(this, A);
   }
   getDefaultOptions() {
-    return c(this, T);
+    return c(this, E);
   }
   setDefaultOptions(e) {
-    y(this, T, e);
+    b(this, E, e);
   }
   setQueryDefaults(e, t) {
-    c(this, z).set(Me(e), {
+    c(this, F).set(Pe(e), {
       queryKey: e,
       defaultOptions: t
     });
   }
   getQueryDefaults(e) {
-    const t = [...c(this, z).values()];
-    let r = {};
-    return t.forEach((s) => {
-      Re(e, s.queryKey) && (r = { ...r, ...s.defaultOptions });
-    }), r;
+    const t = [...c(this, F).values()], s = {};
+    return t.forEach((n) => {
+      Se(e, n.queryKey) && Object.assign(s, n.defaultOptions);
+    }), s;
   }
   setMutationDefaults(e, t) {
-    c(this, B).set(Me(e), {
+    c(this, B).set(Pe(e), {
       mutationKey: e,
       defaultOptions: t
     });
   }
   getMutationDefaults(e) {
     const t = [...c(this, B).values()];
-    let r = {};
-    return t.forEach((s) => {
-      Re(e, s.mutationKey) && (r = { ...r, ...s.defaultOptions });
-    }), r;
+    let s = {};
+    return t.forEach((n) => {
+      Se(e, n.mutationKey) && (s = { ...s, ...n.defaultOptions });
+    }), s;
   }
   defaultQueryOptions(e) {
     if (e._defaulted)
       return e;
     const t = {
-      ...c(this, T).queries,
+      ...c(this, E).queries,
       ...this.getQueryDefaults(e.queryKey),
       ...e,
       _defaulted: !0
     };
-    return t.queryHash || (t.queryHash = Ke(
+    return t.queryHash || (t.queryHash = Le(
       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.queryFn === St && (t.enabled = !1), t;
   }
   defaultMutationOptions(e) {
     return e != null && e._defaulted ? e : {
-      ...c(this, T).mutations,
+      ...c(this, E).mutations,
       ...(e == null ? void 0 : e.mutationKey) && this.getMutationDefaults(e.mutationKey),
       ...e,
       _defaulted: !0
     };
   }
   clear() {
-    c(this, x).clear(), c(this, I).clear();
+    c(this, y).clear(), c(this, A).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) {
+}, y = new WeakMap(), A = new WeakMap(), E = new WeakMap(), F = new WeakMap(), B = new WeakMap(), I = new WeakMap(), z = new WeakMap(), H = new WeakMap(), Re);
+function vs(e) {
   return e;
 }
-function Fe(e, t, r) {
+function Ae(e, t, s) {
   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;
-    s.build(
+  const n = e.getMutationCache(), a = e.getQueryCache(), i = ((d = s == null ? void 0 : s.defaultOptions) == null ? void 0 : d.deserializeData) ?? ((l = e.getDefaultOptions().hydrate) == null ? void 0 : l.deserializeData) ?? vs, o = t.mutations || [], u = t.queries || [];
+  o.forEach(({ state: f, ...g }) => {
+    var h, p;
+    n.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 = s == null ? void 0 : s.defaultOptions) == null ? void 0 : p.mutations,
+        ...g
       },
-      p
+      f
     );
-  }), u.forEach(({ queryKey: p, state: f, queryHash: h, meta: g, promise: v }) => {
-    var W, $;
-    let m = n.get(h);
-    const E = f.data === void 0 ? f.data : o(f.data);
+  }), u.forEach(({ queryKey: f, state: g, queryHash: h, meta: p, promise: x }) => {
+    var W, L;
+    let m = a.get(h);
+    const N = g.data === void 0 ? g.data : i(g.data);
     if (m) {
-      if (m.state.dataUpdatedAt < f.dataUpdatedAt) {
-        const { fetchStatus: b, ...P } = f;
+      if (m.state.dataUpdatedAt < g.dataUpdatedAt) {
+        const { fetchStatus: v, ...P } = g;
         m.setState({
           ...P,
-          data: E
+          data: N
         });
       }
     } else
-      m = n.build(
+      m = a.build(
         e,
         {
           ...(W = e.getDefaultOptions().hydrate) == null ? void 0 : W.queries,
-          ...($ = r == null ? void 0 : r.defaultOptions) == null ? void 0 : $.queries,
-          queryKey: p,
+          ...(L = s == null ? void 0 : s.defaultOptions) == null ? void 0 : L.queries,
+          queryKey: f,
           queryHash: h,
-          meta: g
+          meta: p
         },
         // Reset fetch status to idle to avoid
         // query being stuck in fetching state upon hydration
         {
-          ...f,
-          data: E,
+          ...g,
+          data: N,
           fetchStatus: "idle"
         }
       );
-    if (v) {
-      const b = Promise.resolve(v).then(o);
-      m.fetch(void 0, { initialPromise: b });
+    if (x) {
+      const v = Promise.resolve(x).then(i);
+      m.fetch(void 0, { initialPromise: v });
     }
   });
 }
-var Or = ({
+var js = ({
   children: e,
   options: t = {},
-  state: r,
-  queryClient: s
+  state: s,
+  queryClient: n
 }) => {
-  const n = qt(s), [o, i] = G.useState(), u = G.useRef(t);
-  return u.current = t, G.useMemo(() => {
-    if (r) {
-      if (typeof r != "object")
+  const a = Dt(n), [i, o] = $.useState(), u = $.useRef(t);
+  return u.current = t, $.useMemo(() => {
+    if (s) {
+      if (typeof s != "object")
         return;
-      const d = n.getQueryCache(), l = r.queries || [], p = [], f = [];
+      const d = a.getQueryCache(), l = s.queries || [], f = [], g = [];
       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(
-            (E) => E.queryHash === h.queryHash
+          const x = h.state.dataUpdatedAt > p.state.dataUpdatedAt, m = i == null ? void 0 : i.find(
+            (N) => N.queryHash === h.queryHash
           );
-          v && (!m || h.state.dataUpdatedAt > m.state.dataUpdatedAt) && f.push(h);
+          x && (!m || h.state.dataUpdatedAt > m.state.dataUpdatedAt) && g.push(h);
         }
       }
-      p.length > 0 && Fe(n, { queries: p }, u.current), f.length > 0 && i(
-        (h) => h ? [...h, ...f] : f
+      f.length > 0 && Ae(a, { queries: f }, u.current), g.length > 0 && o(
+        (h) => h ? [...h, ...g] : g
       );
     }
-  }, [n, o, r]), G.useEffect(() => {
-    o && (Fe(n, { queries: o }, u.current), i(void 0));
-  }, [n, o]), e;
-}, Y = {};
-const Mr = /* @__PURE__ */ xe(Xt), Rr = /* @__PURE__ */ xe(Jt), Ir = /* @__PURE__ */ xe(Nt);
-Object.defineProperty(Y, "__esModule", { value: !0 });
-var Tr = Ye, A = Mr, Se = Rr, M = Ir;
-function _r(e) {
-  if (e && e.__esModule) return e;
-  var t = /* @__PURE__ */ Object.create(null);
-  return e && Object.keys(e).forEach(function(r) {
-    if (r !== "default") {
-      var s = Object.getOwnPropertyDescriptor(e, r);
-      Object.defineProperty(t, r, s.get ? s : {
-        enumerable: !0,
-        get: function() {
-          return e[r];
-        }
-      });
-    }
-  }), t.default = e, Object.freeze(t);
-}
-var C = /* @__PURE__ */ _r(Tr);
-function Fr({
-  basename: e,
-  children: t,
-  location: r = "/",
-  future: s
-}) {
-  typeof r == "string" && (r = M.parsePath(r));
-  let n = A.Action.Pop, o = {
-    pathname: r.pathname || "/",
-    search: r.search || "",
-    hash: r.hash || "",
-    state: r.state != null ? r.state : null,
-    key: r.key || "default"
-  }, i = nt();
-  return /* @__PURE__ */ C.createElement(M.Router, {
-    basename: e,
-    children: t,
-    location: o,
-    navigationType: n,
-    navigator: i,
-    future: s,
-    static: !0
-  });
-}
-function Qr({
-  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));
-  let n = {
-    router: t,
-    navigator: nt(),
-    static: !0,
-    staticContext: e,
-    basename: e.basename || "/"
-  }, o = /* @__PURE__ */ new Map(), i = "";
-  if (r !== !1) {
-    let d = {
-      loaderData: e.loaderData,
-      actionData: e.actionData,
-      errors: Lr(e.errors)
-    };
-    i = `window.__staticRouterHydrationData = JSON.parse(${Kr(JSON.stringify(JSON.stringify(d)))});`;
-  }
-  let {
-    state: u
-  } = n.router;
-  return /* @__PURE__ */ C.createElement(C.Fragment, null, /* @__PURE__ */ C.createElement(M.UNSAFE_DataRouterContext.Provider, {
-    value: n
-  }, /* @__PURE__ */ C.createElement(M.UNSAFE_DataRouterStateContext.Provider, {
-    value: u
-  }, /* @__PURE__ */ C.createElement(M.UNSAFE_FetchersContext.Provider, {
-    value: o
-  }, /* @__PURE__ */ C.createElement(M.UNSAFE_ViewTransitionContext.Provider, {
-    value: {
-      isTransitioning: !1
-    }
-  }, /* @__PURE__ */ C.createElement(M.Router, {
-    basename: n.basename,
-    location: u.location,
-    navigationType: u.historyAction,
-    navigator: n.navigator,
-    static: n.static,
-    future: {
-      v7_relativeSplatPath: t.future.v7_relativeSplatPath
-    }
-  }, /* @__PURE__ */ C.createElement(qr, {
-    routes: t.routes,
-    future: t.future,
-    state: u
-  })))))), i ? /* @__PURE__ */ C.createElement("script", {
-    suppressHydrationWarning: !0,
-    nonce: s,
-    dangerouslySetInnerHTML: {
-      __html: i
-    }
-  }) : null);
-}
-function qr({
-  routes: e,
-  future: t,
-  state: r
-}) {
-  return Se.UNSAFE_useRoutesImpl(e, void 0, r, t);
-}
-function Lr(e) {
-  if (!e) return null;
-  let t = Object.entries(e), r = {};
-  for (let [s, n] of t)
-    A.isRouteErrorResponse(n) ? r[s] = {
-      ...n,
-      __type: "RouteErrorResponse"
-    } : n instanceof Error ? r[s] = {
-      message: n.message,
-      __type: "Error",
-      // If this is a subclass (i.e., ReferenceError), send up the type so we
-      // can re-create the same type during hydration.
-      ...n.name !== "Error" ? {
-        __subType: n.name
-      } : {}
-    } : r[s] = n;
-  return r;
-}
-function nt() {
-  return {
-    createHref: it,
-    encodeLocation: ot,
-    push(e) {
-      throw new Error(`You cannot use navigator.push() on the server because it is a stateless environment. This error was probably triggered when you did a \`navigate(${JSON.stringify(e)})\` somewhere in your app.`);
-    },
-    replace(e) {
-      throw new Error(`You cannot use navigator.replace() on the server because it is a stateless environment. This error was probably triggered when you did a \`navigate(${JSON.stringify(e)}, { replace: true })\` somewhere in your app.`);
-    },
-    go(e) {
-      throw new Error(`You cannot use navigator.go() on the server because it is a stateless environment. This error was probably triggered when you did a \`navigate(${e})\` somewhere in your app.`);
-    },
-    back() {
-      throw new Error("You cannot use navigator.back() on the server because it is a stateless environment.");
-    },
-    forward() {
-      throw new Error("You cannot use navigator.forward() on the server because it is a stateless environment.");
-    }
-  };
-}
-function zr(e, t) {
-  return A.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;
-    return {
-      ...u,
-      route: d
-    };
-  }), i = (u) => `You cannot use router.${u}() on the server because it is a stateless environment`;
-  return {
-    get basename() {
-      return t.basename;
-    },
-    get future() {
-      var u, d;
-      return {
-        v7_fetcherPersist: !1,
-        v7_normalizeFormMethod: !1,
-        v7_partialHydration: ((u = r.future) == null ? void 0 : u.v7_partialHydration) === !0,
-        v7_prependBasename: !1,
-        v7_relativeSplatPath: ((d = r.future) == null ? void 0 : d.v7_relativeSplatPath) === !0,
-        v7_skipActionErrorRevalidation: !1
-      };
-    },
-    get state() {
-      return {
-        historyAction: A.Action.Pop,
-        location: t.location,
-        matches: o,
-        loaderData: t.loaderData,
-        actionData: t.actionData,
-        errors: t.errors,
-        initialized: !0,
-        navigation: A.IDLE_NAVIGATION,
-        restoreScrollPosition: null,
-        preventScrollReset: !1,
-        revalidation: "idle",
-        fetchers: /* @__PURE__ */ new Map(),
-        blockers: /* @__PURE__ */ new Map()
-      };
-    },
-    get routes() {
-      return n;
-    },
-    get window() {
-    },
-    initialize() {
-      throw i("initialize");
-    },
-    subscribe() {
-      throw i("subscribe");
-    },
-    enableScrollRestoration() {
-      throw i("enableScrollRestoration");
-    },
-    navigate() {
-      throw i("navigate");
-    },
-    fetch() {
-      throw i("fetch");
-    },
-    revalidate() {
-      throw i("revalidate");
-    },
-    createHref: it,
-    encodeLocation: ot,
-    getFetcher() {
-      return A.IDLE_FETCHER;
-    },
-    deleteFetcher() {
-      throw i("deleteFetcher");
-    },
-    dispose() {
-      throw i("dispose");
-    },
-    getBlocker() {
-      return A.IDLE_BLOCKER;
-    },
-    deleteBlocker() {
-      throw i("deleteBlocker");
-    },
-    patchRoutes() {
-      throw i("patchRoutes");
-    },
-    _internalFetchControllers: /* @__PURE__ */ new Map(),
-    _internalActiveDeferreds: /* @__PURE__ */ new Map(),
-    _internalSetRoutes() {
-      throw i("_internalSetRoutes");
-    }
-  };
-}
-function it(e) {
-  return typeof e == "string" ? e : M.createPath(e);
-}
-function ot(e) {
-  let t = typeof e == "string" ? e : M.createPath(e);
-  t = t.replace(/ $/, "%20");
-  let r = Hr.test(t) ? new URL(t) : new URL(t, "http://localhost");
-  return {
-    pathname: r.pathname,
-    search: r.search,
-    hash: r.hash
-  };
-}
-const Hr = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Ur = {
-  "&": "\\u0026",
-  ">": "\\u003e",
-  "<": "\\u003c",
-  "\u2028": "\\u2028",
-  "\u2029": "\\u2029"
-}, $r = /[&><\u2028\u2029]/g;
-function Kr(e) {
-  return e.replace($r, (t) => Ur[t]);
+  }, [a, i, s]), $.useEffect(() => {
+    i && (Ae(a, { queries: i }, u.current), o(void 0));
+  }, [a, i]), e;
+};
+/**
+ * react-router v7.0.2
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+function ws(e) {
+  return /* @__PURE__ */ $.createElement(ht, { flushSync: zt.flushSync, ...e });
 }
-Y.StaticRouter = Fr;
-var Vr = Y.StaticRouterProvider = Qr;
-Y.createStaticHandler = zr;
-Y.createStaticRouter = Br;
-const Zr = new Ar({
+const ks = new bs({
   defaultOptions: {
     queries: {
       staleTime: 1e3 * 60 * 5
     }
   }
-}), Yr = ({
+}), Cs = ({
   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,
-  {
-    router: e,
-    future: { v7_startTransition: !0 }
-  }
-) }) }) }) }) }), Wr = ({
+}) => /* @__PURE__ */ r.jsx(Ze, { children: /* @__PURE__ */ r.jsx(Ke, { client: ks, children: /* @__PURE__ */ r.jsx(js, { state: t ? window.DATA : void 0, children: /* @__PURE__ */ r.jsx(Fe, { children: /* @__PURE__ */ r.jsx(oe.Provider, { value: { stagger: !t }, children: /* @__PURE__ */ r.jsx(ws, { router: e }) }) }) }) }) }), Ns = ({
   router: e,
   context: t,
-  queryClient: r,
-  helmetContext: s
-}) => /* @__PURE__ */ a.jsx(We, { children: /* @__PURE__ */ a.jsx(Ve, { client: r, children: /* @__PURE__ */ a.jsx(He, { context: s, children: /* @__PURE__ */ a.jsx(Vr, { router: e, context: t }) }) }) });
-var he = { exports: {} };
-(function(e, t) {
-  (function(r, s) {
-    s(t, Ye);
-  })(Wt, function(r, s) {
-    const n = {
-      delay: 500,
-      minDuration: 200,
-      ssr: !0
-    };
-    function o() {
-      const [u, d] = s.useState(!0);
-      return s.useEffect(() => {
-        d(!1);
-      }, []), u;
-    }
-    function i(u, d) {
-      d = Object.assign({}, n, d);
-      const l = o() && d.ssr, p = l && u ? "DISPLAY" : "IDLE", [f, h] = s.useState(p), g = s.useRef(null);
-      return s.useEffect(() => {
-        if (u && (f === "IDLE" || l)) {
-          clearTimeout(g.current);
-          const v = l ? 0 : d.delay;
-          g.current = setTimeout(() => {
-            if (!u)
-              return h("IDLE");
-            g.current = setTimeout(() => {
-              h("EXPIRE");
-            }, d.minDuration), h("DISPLAY");
-          }, v), l || h("DELAY");
-        }
-        !u && f !== "DISPLAY" && (clearTimeout(g.current), h("IDLE"));
-      }, [u, f, d.delay, d.minDuration, l]), s.useEffect(() => () => clearTimeout(g.current), []), f === "DISPLAY" || f === "EXPIRE";
-    }
-    r.defaultOptions = n, r.useSpinDelay = i;
-  });
-})(he, he.exports);
-var Xr = he.exports;
-const Jr = ({
+  queryClient: s,
+  helmetContext: n
+}) => /* @__PURE__ */ r.jsx(Ze, { children: /* @__PURE__ */ r.jsx(Ke, { client: s, children: /* @__PURE__ */ r.jsx(Fe, { context: n, children: /* @__PURE__ */ r.jsx(ft, { router: e, context: t }) }) }) });
+var Z = { exports: {} }, Ps = Z.exports, Ee;
+function Ss() {
+  return Ee || (Ee = 1, function(e, t) {
+    (function(s, n) {
+      n(t, Qt);
+    })(Ps, function(s, n) {
+      const a = {
+        delay: 500,
+        minDuration: 200,
+        ssr: !0
+      };
+      function i() {
+        const [u, d] = n.useState(!0);
+        return n.useEffect(() => {
+          d(!1);
+        }, []), u;
+      }
+      function o(u, d) {
+        d = Object.assign({}, a, d);
+        const l = i() && d.ssr, f = l && u ? "DISPLAY" : "IDLE", [g, h] = n.useState(f), p = n.useRef(null);
+        return n.useEffect(() => {
+          if (u && (g === "IDLE" || l)) {
+            clearTimeout(p.current);
+            const x = l ? 0 : d.delay;
+            p.current = setTimeout(() => {
+              if (!u)
+                return h("IDLE");
+              p.current = setTimeout(() => {
+                h("EXPIRE");
+              }, d.minDuration), h("DISPLAY");
+            }, x), l || h("DELAY");
+          }
+          !u && g !== "DISPLAY" && (clearTimeout(p.current), h("IDLE"));
+        }, [u, g, d.delay, d.minDuration, l]), n.useEffect(() => () => clearTimeout(p.current), []), g === "DISPLAY" || g === "EXPIRE";
+      }
+      s.defaultOptions = a, s.useSpinDelay = o;
+    });
+  }(Z, Z.exports)), Z.exports;
+}
+var Ds = Ss();
+const Os = {
+  green: "bg-green-400 dark:bg-green-800",
+  blue: "bg-sky-400 dark:bg-sky-800",
+  yellow: "bg-yellow-400 dark:bg-yellow-800",
+  red: "bg-red-400 dark:bg-red-800",
+  purple: "bg-purple-400 dark:bg-purple-600",
+  indigo: "bg-indigo-400 dark:bg-indigo-600",
+  gray: "bg-gray-400 dark:bg-gray-600"
+}, ae = ({
+  color: e,
+  label: t,
+  className: s
+}) => /* @__PURE__ */ r.jsx(
+  "span",
+  {
+    className: O(
+      "mt-0.5 flex items-center duration-200 transition-opacity text-center uppercase font-mono text-[0.65rem] font-bold rounded text-background dark:text-zinc-50 h-4 px-1",
+      Os[e],
+      s
+    ),
+    children: t
+  }
+), Ms = ({
   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(() => {
-    r && l(!0);
-  }, [r]);
-  const f = o && /* @__PURE__ */ a.jsx(
+  var h, p;
+  const s = Ot(e), [n, a] = Q(!1), i = e.collapsible ?? !0, o = e.collapsed ?? !0, u = !!(!i || !o || s), [d, l] = Q(u), f = gt(((h = e.link) == null ? void 0 : h.id) ?? "");
+  R(() => {
+    s && l(!0);
+  }, [s]);
+  const g = i && /* @__PURE__ */ r.jsx(
     "button",
     {
       type: "button",
-      onClick: (v) => {
-        v.preventDefault(), l((m) => !m), n(!0);
+      onClick: (x) => {
+        x.preventDefault(), l((m) => !m), a(!0);
       },
-      children: /* @__PURE__ */ a.jsx(
-        er,
+      children: /* @__PURE__ */ r.jsx(
+        Ht,
         {
           size: 16,
-          className: R(
-            s && "transition",
+          className: O(
+            n && "transition",
             "shrink-0 group-data-[state=open]:rotate-90"
           )
         }
       )
     }
   );
-  return /* @__PURE__ */ a.jsxs(
-    oe.Root,
+  return /* @__PURE__ */ r.jsxs(
+    re.Root,
     {
       className: "flex flex-col",
       defaultOpen: u,
       open: d,
       onOpenChange: () => l(!0),
       children: [
-        /* @__PURE__ */ a.jsx(oe.Trigger, { className: "group", asChild: !0, disabled: !o, children: /* @__PURE__ */ a.jsxs(
+        /* @__PURE__ */ r.jsx(re.Trigger, { className: "group", asChild: !0, disabled: !i, children: /* @__PURE__ */ r.jsxs(
           "div",
           {
-            onClick: () => n(!0),
+            onClick: () => a(!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: [
-              e.icon && /* @__PURE__ */ a.jsx(
+              e.icon && /* @__PURE__ */ r.jsx(
                 e.icon,
                 {
                   size: 16,
-                  className: R(
-                    "align-[-0.125em] -translate-x-1",
-                    p && "text-primary"
-                  )
+                  className: O("align-[-0.125em] ", f && "text-primary")
                 }
               ),
-              ((g = e.link) == null ? void 0 : g.type) === "doc" ? /* @__PURE__ */ a.jsx(
-                ae,
+              ((p = e.link) == null ? void 0 : p.type) === "doc" ? /* @__PURE__ */ r.jsx(
+                ee,
                 {
-                  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(
+                  children: /* @__PURE__ */ r.jsxs(
                     "div",
                     {
-                      className: R(
+                      className: O(
                         "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
+                        /* @__PURE__ */ r.jsx("div", { className: "truncate", children: e.label }),
+                        g
                       ]
                     }
                   )
                 }
-              ) : /* @__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
+              ) : /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between w-full", children: [
+                /* @__PURE__ */ r.jsx("div", { className: "flex gap-2 truncate w-full", children: e.label }),
+                g
               ] })
             ]
           }
         ) }),
-        /* @__PURE__ */ a.jsx(
-          oe.Content,
+        /* @__PURE__ */ r.jsx(
+          re.Content,
           {
-            className: R(
+            className: O(
               // CollapsibleContent class is used to animate and it should only be applied when the user has triggered the toggle
-              s && "CollapsibleContent"
+              n && "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__ */ r.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((x) => /* @__PURE__ */ r.jsx(
+                  ce,
+                  {
+                    onRequestClose: t,
+                    item: x
+                  },
+                  ("id" in x ? x.id : "") + ("href" in x ? x.href : "") + x.label
+                ))
+              }
+            )
           }
         )
       ]
     }
   );
-}, V = ur(
+}, V = Yt(
   "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"
@@ -1021,439 +783,458 @@ const Jr = ({
       isActive: !1
     }
   }
-), lt = "data-anchor", fe = ({
+), Ge = "data-anchor", ce = ({
   item: e,
-  level: t = 0
+  onRequestClose: t
 }) => {
-  var n, o;
-  const { activeAnchor: r } = we(), [s] = Pt();
+  var a, i;
+  const { activeAnchor: s } = xe(), [n] = mt();
   switch (e.type) {
     case "category":
-      return /* @__PURE__ */ a.jsx(Jr, { category: e, level: t });
+      return /* @__PURE__ */ r.jsx(Ms, { category: e, onRequestClose: t });
     case "doc":
-      return /* @__PURE__ */ a.jsxs(
-        ae,
+      return /* @__PURE__ */ r.jsxs(
+        ee,
         {
-          className: ({ isActive: i }) => V({ isActive: i, isTopLevel: t === 0 }),
-          to: Q(e.id),
+          className: ({ isActive: o }) => V({ isActive: o }),
+          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: [
-              /* @__PURE__ */ a.jsx("span", { className: "truncate flex-1", title: e.label, children: e.label }),
-              /* @__PURE__ */ a.jsx(ie, { ...e.badge })
+            e.icon && /* @__PURE__ */ r.jsx(e.icon, { size: 16, className: "align-[-0.125em]" }),
+            e.badge ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+              /* @__PURE__ */ r.jsx("span", { className: "truncate flex-1", title: e.label, children: e.label }),
+              /* @__PURE__ */ r.jsx(ae, { ...e.badge })
             ] }) : e.label
           ]
         }
       );
     case "link":
-      return e.href.startsWith("#") ? /* @__PURE__ */ a.jsx(
-        jt,
+      return e.href.startsWith("#") ? /* @__PURE__ */ r.jsx(
+        Gt,
         {
-          to: { hash: e.href, search: s.toString() },
-          [lt]: e.href.slice(1),
+          to: { hash: e.href, search: n.toString() },
+          [Ge]: 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"
+            isActive: e.href.slice(1) === s,
+            className: ((a = e.badge) == null ? void 0 : a.placement) !== "start" && "justify-between"
           }),
-          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 })
-          ] }) : /* @__PURE__ */ a.jsx("span", { className: "break-all", children: e.label })
+          onClick: t,
+          children: e.badge ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+            /* @__PURE__ */ r.jsx("span", { className: "truncate", title: e.label, children: e.label }),
+            /* @__PURE__ */ r.jsx(ae, { ...e.badge })
+          ] }) : /* @__PURE__ */ r.jsx("span", { className: "break-all", children: e.label })
         }
-      ) : e.href.startsWith("http") ? /* @__PURE__ */ a.jsxs(
+      ) : e.href.startsWith("http") ? /* @__PURE__ */ r.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__ */ r.jsx("span", { className: "whitespace-normal", children: e.label }),
+            /* @__PURE__ */ r.jsx("span", { className: "whitespace-nowrap", children: /* @__PURE__ */ r.jsx(Lt, { className: "inline -translate-y-0.5", size: 12 }) })
           ]
         }
-      ) : /* @__PURE__ */ a.jsx(
-        ae,
+      ) : /* @__PURE__ */ r.jsx(
+        ee,
         {
           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: [
-            /* @__PURE__ */ a.jsx("span", { className: "truncate", title: e.label, children: e.label }),
-            /* @__PURE__ */ a.jsx(ie, { ...e.badge })
-          ] }) : /* @__PURE__ */ a.jsx("span", { className: "break-all", children: e.label })
+          children: e.badge ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+            /* @__PURE__ */ r.jsx("span", { className: "truncate", title: e.label, children: e.label }),
+            /* @__PURE__ */ r.jsx(ae, { ...e.badge })
+          ] }) : /* @__PURE__ */ r.jsx("span", { className: "break-all", children: e.label })
         }
       );
   }
-}, Gr = (e, t = { block: "center" }) => {
+}, As = (e, t = { block: "center" }) => {
   if (!e) return;
-  const r = e.getBoundingClientRect();
-  r.top >= 0 && r.left >= 0 && r.bottom <= (window.innerHeight || document.documentElement.clientHeight) && r.right <= (window.innerWidth || document.documentElement.clientWidth) || e.scrollIntoView(t);
-}, ea = () => {
-  const e = ye(), { setActiveAnchor: t } = we();
-  L(() => {
+  const s = e.getBoundingClientRect();
+  s.top >= 0 && s.left >= 0 && s.bottom <= (window.innerHeight || document.documentElement.clientHeight) && s.right <= (window.innerWidth || document.documentElement.clientWidth) || e.scrollIntoView(t);
+}, Es = () => {
+  const e = de(), { setActiveAnchor: t } = xe();
+  R(() => {
     if (!e.hash) return;
-    const r = decodeURIComponent(e.hash.split("/")[0].slice(1)), s = () => {
-      const n = document.getElementById(r), o = document.querySelector(`[${lt}="${r}"]`);
-      return n ? (n.scrollIntoView(), Gr(o), requestIdleCallback(() => t(r)), !0) : !1;
+    const s = decodeURIComponent(e.hash.split("/")[0].slice(1)), n = () => {
+      const a = document.getElementById(s), i = document.querySelector(`[${Ge}="${s}"]`);
+      return a ? (a.scrollIntoView(), As(i), requestIdleCallback(() => t(s)), !0) : !1;
     };
-    if (!s()) {
-      const n = new MutationObserver((o, i) => {
-        s() && i.disconnect();
+    if (!n()) {
+      const a = new MutationObserver((i, o) => {
+        n() && o.disconnect();
       });
-      return n.observe(document.body, { childList: !0, subtree: !0 }), () => n.disconnect();
+      return a.observe(document.body, { childList: !0, subtree: !0 }), () => a.disconnect();
     }
   }, [e.hash, t]);
-}, ta = () => {
-  const e = ye(), t = pe(e.pathname);
-  L(() => {
+}, Is = () => {
+  const e = de(), t = ge(e.pathname);
+  R(() => {
     t.current !== e.pathname && (window.scrollTo(0, 0), t.current = e.pathname);
   }, [e.pathname]);
 };
-function ra({
+function Qs({
   className: e,
   ...t
 }) {
-  return /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ r.jsx(
     "div",
     {
-      className: R("animate-pulse rounded-md bg-muted", e),
+      className: O("animate-pulse rounded-md bg-muted", e),
       ...t
     }
   );
 }
-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 Ts = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems == "function", qs = (e) => "getRoutes" in e && typeof e.getRoutes == "function", Rs = (e) => "renderSearch" in e && typeof e.renderSearch == "function", Fs = (e) => "initialize" in e && typeof e.initialize == "function", Bs = (e) => "getHead" in e && typeof e.getHead == "function", zs = (e) => "getMdxComponents" in e && typeof e.getMdxComponents == "function", Hs = (e) => "getIdentities" in e && typeof e.getIdentities == "function", Ie = {
   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);
+}, Ls = () => {
+  const { page: e } = T(), [t, s] = 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 };
-  return /* @__PURE__ */ a.jsxs(
+    return /* @__PURE__ */ r.jsx("style", { children: ":root { --banner-height: 0px; }" });
+  const n = e.banner.color && e.banner.color in Ie ? Ie[e.banner.color] : e.banner.color ? void 0 : "bg-primary", a = n ? {} : { backgroundColor: e.banner.color };
+  return /* @__PURE__ */ r.jsxs(
     "div",
     {
-      className: R(
+      className: O(
         "relative text-primary-foreground text-sm font-medium px-4 py-2 flex gap-2 items-center",
-        s
+        n
       ),
-      style: n,
+      style: a,
       children: [
-        /* @__PURE__ */ a.jsx("div", { className: "w-full", children: e.banner.message }),
-        e.banner.dismissible && /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ r.jsx("div", { className: "w-full", children: e.banner.message }),
+        e.banner.dismissible && /* @__PURE__ */ r.jsx(
           "button",
           {
             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 })
+            onClick: () => s(!1),
+            children: /* @__PURE__ */ r.jsx(Kt, { size: 16 })
           }
         )
       ]
     }
   );
-}, ct = () => {
-  const e = F(), [t, r] = q(!1), s = $t(() => r(!1), []);
-  L(() => {
-    if (t)
+}, et = ({ className: e }) => {
+  const t = T(), [s, n] = Q(!1), a = Tt(() => n(!1), []);
+  R(() => {
+    if (s)
       return;
-    function o(i) {
-      i.key === "k" && (i.metaKey || i.ctrlKey) && (i.preventDefault(), r(!0));
+    function o(u) {
+      u.key === "k" && (u.metaKey || u.ctrlKey) && (u.preventDefault(), n(!0));
     }
     return window.addEventListener("keydown", o), () => {
       window.removeEventListener("keydown", o);
     };
-  }, [t, r]);
-  const n = e.plugins.find(na);
-  return n ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsxs(
+  }, [s, n]);
+  const i = t.plugins.find(Rs);
+  return i ? /* @__PURE__ */ r.jsxs("div", { className: e, children: [
+    /* @__PURE__ */ r.jsxs(
       "button",
       {
         type: "button",
-        onClick: () => r(!0),
+        onClick: () => n(!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__ */ r.jsxs("div", { className: "flex items-center gap-2 flex-grow", children: [
+            /* @__PURE__ */ r.jsx($t, { 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__ */ r.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__ */ r.jsx(me, { fallback: null, children: i.renderSearch({
+      isOpen: s,
+      onClose: a
     }) })
   ] }) : null;
-}, ut = () => {
-  const { resolvedTheme: e, setTheme: t } = jr(), r = e === "dark" ? sr : nr;
-  return /* @__PURE__ */ a.jsx(je, { children: /* @__PURE__ */ a.jsx(
-    de,
+}, tt = () => {
+  const { resolvedTheme: e, setTheme: t } = ds(), s = e === "dark" ? Zt : Vt;
+  return /* @__PURE__ */ r.jsx(pe, { children: /* @__PURE__ */ r.jsx(
+    le,
     {
       variant: "ghost",
       "aria-label": e === "dark" ? "Switch to light mode" : "Switch to dark mode",
       className: "p-2.5 -m-2.5 rounded-full",
       onClick: () => t(e === "dark" ? "light" : "dark"),
-      children: /* @__PURE__ */ a.jsx(r, { size: 18 })
+      children: /* @__PURE__ */ r.jsx(s, { size: 18 })
     }
   ) });
-}, dt = (e) => (t) => t.display === "auth" && e || t.display === "anon" && !e || !t.display || t.display === "always", da = () => {
-  const { topNavigation: e } = F(), { isAuthenticated: t } = se();
-  return e.length <= 1 ? /* @__PURE__ */ a.jsx("style", { children: ":root { --top-nav-height: 0px; }" }) : /* @__PURE__ */ a.jsx(ve, { children: /* @__PURE__ */ a.jsx("nav", { className: "hidden lg:block border-b text-sm px-12 h-[--top-nav-height]", children: /* @__PURE__ */ a.jsx("ul", { className: "flex flex-row items-center gap-8", children: e.filter(dt(t)).map((r) => /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(ht, { ...r }) }, r.id)) }) }) });
-}, ht = ({
+}, st = (e) => (t) => t.display === "auth" && e || t.display === "anon" && !e || !t.display || t.display === "always", Ks = () => {
+  const { topNavigation: e } = T(), { isAuthenticated: t } = te();
+  return e.length <= 1 ? /* @__PURE__ */ r.jsx("style", { children: ":root { --top-nav-height: 0px; }" }) : /* @__PURE__ */ r.jsx(me, { children: /* @__PURE__ */ r.jsx("nav", { className: "hidden lg:block border-b text-sm px-12 h-[--top-nav-height]", children: /* @__PURE__ */ r.jsx("ul", { className: "flex flex-row items-center gap-8", children: e.filter(st(t)).map((s) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(rt, { ...s }) }, s.id)) }) }) });
+}, rt = ({
   id: e,
   label: t,
-  default: r
+  default: s
 }) => {
   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: n } = T(), a = n[e], i = $e(), o = !!he().location, u = ((l = i.topNavItem) == null ? void 0 : l.id) === e && !o, d = s ?? (a ? Mt(a, (f) => {
+    if (f.type === "doc") return q(f.id);
+  }) : q(e));
   if (!d)
-    throw new Sr("Page not found.", {
+    throw new fs("Page not found.", {
       developerHint: `No links found in top navigation for '${e}'. Check that the sidebar isn't empty or that a default link is set.`
     });
   return (
     // We don't use isActive here because it has to be inside the sidebar,
     // the top nav id doesn't necessarily start with the sidebar id
-    /* @__PURE__ */ a.jsx(
-      ae,
+    /* @__PURE__ */ r.jsx(
+      ee,
       {
-        className: ({ isPending: p }) => dr(
+        className: ({ isPending: f }) => Jt(
           "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"
+          u || f ? "border-primary text-foreground" : "border-transparent text-foreground/75 hover:text-foreground hover:border-accent-foreground/25"
         ),
         to: d,
         children: t
       }
     )
   );
-}, ha = () => {
-  const { topNavigation: e } = F(), { isAuthenticated: t } = se(), [r, s] = q(!1);
-  return /* @__PURE__ */ a.jsxs(
-    et,
+}, $s = () => {
+  const { topNavigation: e } = T(), { isAuthenticated: t } = te(), [s, n] = Q(!1);
+  return /* @__PURE__ */ r.jsxs(
+    We,
     {
       direction: "right",
-      open: r,
-      onOpenChange: (n) => s(n),
+      open: s,
+      onOpenChange: (a) => n(a),
       children: [
-        /* @__PURE__ */ a.jsx("div", { className: "flex lg:hidden justify-self-end", children: /* @__PURE__ */ a.jsx(tt, { className: "lg:hidden", children: /* @__PURE__ */ a.jsx(ir, { size: 22 }) }) }),
-        /* @__PURE__ */ a.jsxs(
-          rt,
+        /* @__PURE__ */ r.jsx("div", { className: "flex lg:hidden justify-self-end", children: /* @__PURE__ */ r.jsx(_e, { className: "lg:hidden", children: /* @__PURE__ */ r.jsx(Ut, { size: 22 }) }) }),
+        /* @__PURE__ */ r.jsx(
+          Xe,
           {
-            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: [
-              /* @__PURE__ */ a.jsx(st, { children: /* @__PURE__ */ a.jsx(at, { children: "Navigation" }) }),
-              /* @__PURE__ */ a.jsx("div", { className: "flex p-4", children: /* @__PURE__ */ a.jsx(ct, {}) }),
-              /* @__PURE__ */ a.jsxs("ul", { className: "flex flex-col items-center gap-4 p-4", children: [
-                /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(ut, {}) }),
-                e.filter(dt(t)).map((n) => /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx("button", { onClick: () => s(!1), children: /* @__PURE__ */ a.jsx(ht, { ...n }) }) }, n.label))
+            children: /* @__PURE__ */ r.jsxs("div", { className: "p-4 overflow-y-auto overscroll-none", children: [
+              /* @__PURE__ */ r.jsx(Je, { children: /* @__PURE__ */ r.jsx(Ye, { children: "Navigation" }) }),
+              /* @__PURE__ */ r.jsx(et, { className: "flex p-4" }),
+              /* @__PURE__ */ r.jsxs("ul", { className: "flex flex-col items-center gap-4 p-4", children: [
+                /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(tt, {}) }),
+                e.filter(st(t)).map((a) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx("button", { onClick: () => n(!1), children: /* @__PURE__ */ r.jsx(rt, { ...a }) }) }, a.label))
               ] })
-            ]
+            ] })
           }
         )
       ]
     }
   );
-}, re = ({ item: e }) => e.children ? /* @__PURE__ */ a.jsxs(pr, { children: [
-  /* @__PURE__ */ a.jsx(vr, { children: e.label }),
-  /* @__PURE__ */ a.jsx(xr, { children: /* @__PURE__ */ a.jsx(yr, { children: e.children.map((t, r) => (
+}, G = ({ item: e }) => e.children ? /* @__PURE__ */ r.jsxs(is, { children: [
+  /* @__PURE__ */ r.jsx(os, { children: e.label }),
+  /* @__PURE__ */ r.jsx(ls, { children: /* @__PURE__ */ r.jsx(cs, { children: e.children.map((t, s) => (
     // eslint-disable-next-line react/no-array-index-key
-    /* @__PURE__ */ a.jsx(re, { item: t }, r)
+    /* @__PURE__ */ r.jsx(G, { item: t }, s)
   )) }) })
-] }, e.label) : /* @__PURE__ */ a.jsx(ge, { to: e.path ?? "", children: /* @__PURE__ */ a.jsxs(br, { className: "flex gap-2", children: [
-  e.icon && /* @__PURE__ */ a.jsx(e.icon, { size: 16, strokeWidth: 1, absoluteStrokeWidth: !0 }),
+] }, e.label) : /* @__PURE__ */ r.jsx(fe, { to: e.path ?? "", children: /* @__PURE__ */ r.jsxs(us, { className: "flex gap-2", children: [
+  e.icon && /* @__PURE__ */ r.jsx(e.icon, { size: 16, strokeWidth: 1, absoluteStrokeWidth: !0 }),
   e.label
-] }, e.label) }), ft = Xe(function() {
-  const t = se(), { isAuthenticated: r, profile: s, isAuthEnabled: n } = se(), o = F(), { page: i, plugins: u } = o, d = u.filter((l) => aa(l)).flatMap((l) => l.getProfileMenuItems(o)).sort((l) => l.weight ?? 0);
-  return /* @__PURE__ */ a.jsxs("header", { className: "sticky lg:top-0 z-10 bg-background/80 backdrop-blur w-full", children: [
-    /* @__PURE__ */ a.jsx(ua, {}),
-    /* @__PURE__ */ a.jsxs("div", { className: "max-w-screen-2xl mx-auto", children: [
-      /* @__PURE__ */ a.jsxs("div", { className: "grid grid-cols-2 lg:grid-cols-[calc(var(--side-nav-width))_1fr] lg:gap-12 items-center border-b px-10 lg:px-12 h-[--top-header-height]", children: [
-        /* @__PURE__ */ a.jsx("div", { className: "flex", children: /* @__PURE__ */ a.jsx(ge, { to: "/", children: /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-3.5", children: [
-          (i == null ? void 0 : i.logo) && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-            /* @__PURE__ */ a.jsx(
+] }, e.label) }), nt = Ve(function() {
+  const t = te(), { isAuthenticated: s, profile: n, isAuthEnabled: a } = te(), i = T(), { page: o, plugins: u } = i, d = u.filter((l) => Ts(l)).flatMap((l) => l.getProfileMenuItems(i)).sort((l) => l.weight ?? 0);
+  return /* @__PURE__ */ r.jsxs("header", { className: "sticky lg:top-0 z-10 bg-background/80 backdrop-blur w-full", children: [
+    /* @__PURE__ */ r.jsx(Ls, {}),
+    /* @__PURE__ */ r.jsxs("div", { className: "max-w-screen-2xl mx-auto", children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-[1fr_auto] lg:grid-cols-[calc(var(--side-nav-width))_1fr] lg:gap-12 items-center border-b px-4 lg:px-12 h-[--top-header-height]", children: [
+        /* @__PURE__ */ r.jsx("div", { className: "flex", children: /* @__PURE__ */ r.jsx(fe, { to: "/", children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-3.5", children: [
+          (o == null ? void 0 : o.logo) && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+            /* @__PURE__ */ r.jsx(
               "img",
               {
-                src: /https?:\/\//.test(i.logo.src.light) ? i.logo.src.light : Q(
+                src: /https?:\/\//.test(o.logo.src.light) ? o.logo.src.light : q(
                   "/",
-                  i.logo.src.light
+                  o.logo.src.light
                 ),
-                alt: i.logo.alt ?? i.pageTitle,
-                style: { width: i.logo.width },
+                alt: o.logo.alt ?? o.pageTitle,
+                style: { width: o.logo.width },
                 className: "h-10 dark:hidden",
                 loading: "lazy"
               }
             ),
-            /* @__PURE__ */ a.jsx(
+            /* @__PURE__ */ r.jsx(
               "img",
               {
-                src: /https?:\/\//.test(i.logo.src.dark) ? i.logo.src.dark : Q(
+                src: /https?:\/\//.test(o.logo.src.dark) ? o.logo.src.dark : q(
                   "/",
-                  i.logo.src.dark
+                  o.logo.src.dark
                 ),
-                alt: i.logo.alt ?? i.pageTitle,
-                style: { width: i.logo.width },
+                alt: o.logo.alt ?? o.pageTitle,
+                style: { width: o.logo.width },
                 className: "h-10 hidden dark:block",
                 loading: "lazy"
               }
             )
           ] }),
-          /* @__PURE__ */ a.jsx("span", { className: "font-bold text-2xl text-foreground/85 tracking-wide", children: i == null ? void 0 : i.pageTitle })
+          /* @__PURE__ */ r.jsx("span", { className: "font-bold text-2xl text-foreground/85 tracking-wide", children: o == null ? void 0 : o.pageTitle })
         ] }) }) }),
-        /* @__PURE__ */ a.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-[--sidecar-grid-cols] items-center gap-8", children: [
-          /* @__PURE__ */ a.jsx("div", { className: "w-full justify-center hidden lg:flex", children: /* @__PURE__ */ a.jsx(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" }),
-            n && /* @__PURE__ */ a.jsx(
-              je,
+        /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-[--sidecar-grid-cols] items-center gap-8", children: [
+          /* @__PURE__ */ r.jsx("div", { className: "w-full justify-center hidden lg:flex", children: /* @__PURE__ */ r.jsx(et, {}) }),
+          /* @__PURE__ */ r.jsx($s, {}),
+          /* @__PURE__ */ r.jsxs("div", { className: "hidden lg:flex items-center justify-self-end text-sm gap-2", children: [
+            /* @__PURE__ */ r.jsx(D, { name: "head-navigation-start" }),
+            a && /* @__PURE__ */ r.jsx(
+              pe,
               {
-                fallback: /* @__PURE__ */ a.jsx(ra, { className: "rounded h-5 w-24 mr-4" }),
-                children: r ? Object.values(d).length > 0 && /* @__PURE__ */ a.jsxs(hr, { modal: !1, children: [
-                  /* @__PURE__ */ a.jsx(fr, { asChild: !0, children: /* @__PURE__ */ a.jsx(de, { variant: "ghost", children: s != null && s.name ? `${s.name}` : "My Account" }) }),
-                  /* @__PURE__ */ a.jsxs(mr, { className: "w-56", children: [
-                    /* @__PURE__ */ a.jsxs(gr, { children: [
-                      s != null && s.name ? `${s.name}` : "My Account",
-                      (s == null ? void 0 : s.email) && /* @__PURE__ */ a.jsx("div", { className: "font-normal text-muted-foreground", children: s.email })
+                fallback: /* @__PURE__ */ r.jsx(Qs, { className: "rounded h-5 w-24 mr-4" }),
+                children: s ? Object.values(d).length > 0 && /* @__PURE__ */ r.jsxs(ss, { modal: !1, children: [
+                  /* @__PURE__ */ r.jsx(rs, { asChild: !0, children: /* @__PURE__ */ r.jsx(le, { variant: "ghost", children: n != null && n.name ? `${n.name}` : "My Account" }) }),
+                  /* @__PURE__ */ r.jsxs(ns, { className: "w-56", children: [
+                    /* @__PURE__ */ r.jsxs(as, { children: [
+                      n != null && n.name ? `${n.name}` : "My Account",
+                      (n == null ? void 0 : n.email) && /* @__PURE__ */ r.jsx("div", { className: "font-normal text-muted-foreground", children: n.email })
                     ] }),
-                    d.filter((l) => l.category === "top").length > 0 && /* @__PURE__ */ a.jsx(le, {}),
-                    d.filter((l) => l.category === "top").map((l) => /* @__PURE__ */ a.jsx(re, { item: l }, l.label)),
+                    d.filter((l) => l.category === "top").length > 0 && /* @__PURE__ */ r.jsx(ne, {}),
+                    d.filter((l) => l.category === "top").map((l) => /* @__PURE__ */ r.jsx(G, { item: l }, l.label)),
                     d.filter(
                       (l) => !l.category || l.category === "middle"
-                    ).length > 0 && /* @__PURE__ */ a.jsx(le, {}),
+                    ).length > 0 && /* @__PURE__ */ r.jsx(ne, {}),
                     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))
+                    ).map((l) => /* @__PURE__ */ r.jsx(G, { item: l }, l.label)),
+                    d.filter((l) => l.category === "bottom").length > 0 && /* @__PURE__ */ r.jsx(ne, {}),
+                    d.filter((l) => l.category === "bottom").map((l) => /* @__PURE__ */ r.jsx(G, { item: l }, l.label))
                   ] })
-                ] }) : /* @__PURE__ */ a.jsx(de, { variant: "ghost", onClick: () => t.login(), children: "Login" })
+                ] }) : /* @__PURE__ */ r.jsx(le, { variant: "ghost", onClick: () => t.login(), children: "Login" })
               }
             ),
-            /* @__PURE__ */ a.jsx(ut, {}),
-            /* @__PURE__ */ a.jsx(D, { name: "head-navigation-end" })
+            /* @__PURE__ */ r.jsx(tt, {}),
+            /* @__PURE__ */ r.jsx(D, { name: "head-navigation-end" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ a.jsx(D, { name: "top-navigation-before" }),
-      /* @__PURE__ */ a.jsx(da, {}),
-      /* @__PURE__ */ a.jsx(D, { name: "top-navigation-after" })
+      /* @__PURE__ */ r.jsx(D, { name: "top-navigation-before" }),
+      /* @__PURE__ */ r.jsx(Ks, {}),
+      /* @__PURE__ */ r.jsx(D, { name: "top-navigation-after" })
     ] })
   ] });
-}), mt = Kt(({ children: e, className: t, pushMainContent: r }, s) => /* @__PURE__ */ a.jsx(
+}), at = qt(({ children: e, className: t, pushMainContent: s }, n) => /* @__PURE__ */ r.jsx(
   "nav",
   {
-    "data-navigation": String(r),
-    className: R(
+    "data-navigation": String(s),
+    className: O(
       "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
     ),
-    ref: s,
+    ref: n,
     children: e
   }
 ));
-mt.displayName = "SidebarWrapper";
-const fa = () => {
-  const e = pe(null), t = Ze();
-  return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsxs(
-      mt,
+at.displayName = "SidebarWrapper";
+const Zs = ({
+  onRequestClose: e
+}) => {
+  const t = ge(null), s = $e();
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsxs(
+      at,
       {
-        ref: e,
-        pushMainContent: t.sidebar.length > 0,
+        ref: t,
+        pushMainContent: s.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__ */ r.jsx(D, { name: "zudoku-before-navigation" }),
+          s.sidebar.map((n) => /* @__PURE__ */ r.jsx(ce, { item: n }, n.label)),
+          /* @__PURE__ */ r.jsx(D, { name: "zudoku-after-navigation" })
         ]
       }
     ),
-    /* @__PURE__ */ a.jsxs(
-      rt,
+    /* @__PURE__ */ r.jsx(
+      Xe,
       {
-        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: [
-          /* @__PURE__ */ a.jsx(st, { children: /* @__PURE__ */ a.jsx(at, { children: "Sidebar" }) }),
-          t.sidebar.map((r) => /* @__PURE__ */ a.jsx(fe, { item: r }, r.label))
-        ]
+        children: /* @__PURE__ */ r.jsxs("div", { className: "p-4 overflow-y-auto overscroll-none", children: [
+          /* @__PURE__ */ r.jsx(Je, { children: /* @__PURE__ */ r.jsx(Ye, { children: "Sidebar" }) }),
+          s.sidebar.map((n) => /* @__PURE__ */ r.jsx(
+            ce,
+            {
+              item: n,
+              onRequestClose: e
+            },
+            n.label
+          ))
+        ] })
       }
     )
   ] });
-}, qe = () => /* @__PURE__ */ a.jsx("main", { className: "grid h-[calc(100vh-var(--header-height))] place-items-center", children: /* @__PURE__ */ a.jsx(Nr, {}) }), ma = ({ children: e }) => {
-  const t = ye(), { setActiveAnchor: r } = we(), { meta: s, authentication: n } = F();
-  ea(), ta();
-  const o = pe(t.pathname);
-  L(() => {
-    var d;
-    (d = n == null ? void 0 : n.onPageLoad) == null || d.call(n);
-  }, [n]), L(() => {
-    t.pathname !== o.current && r(""), o.current = t.pathname;
-  }, [t.pathname, r]);
-  const i = !!be().location, u = Xr.useSpinDelay(i, {
+}, Qe = () => /* @__PURE__ */ r.jsx("main", { className: "grid h-[calc(100vh-var(--header-height))] place-items-center", children: /* @__PURE__ */ r.jsx(gs, {}) }), Vs = ({ children: e }) => {
+  const t = de(), { setActiveAnchor: s } = xe(), { meta: n, authentication: a } = T();
+  Es(), Is();
+  const i = ge(t.pathname);
+  R(() => {
+    var f;
+    (f = a == null ? void 0 : a.onPageLoad) == null || f.call(a);
+  }, [a]), R(() => {
+    t.pathname !== i.current && s(""), i.current = t.pathname;
+  }, [t.pathname, s]);
+  const o = !!he().location, u = Ds.useSpinDelay(o, {
     delay: 300,
     minDuration: 500
-  });
-  return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+  }), [d, l] = Q(!1);
+  return /* @__PURE__ */ r.jsxs(r.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__ */ r.jsxs(ue, { titleTemplate: n == null ? void 0 : n.title, children: [
+      (n == null ? void 0 : n.description) && /* @__PURE__ */ r.jsx("meta", { name: "description", content: n.description }),
+      (n == null ? void 0 : n.favicon) && /* @__PURE__ */ r.jsx("link", { rel: "icon", href: n.favicon })
     ] }),
-    /* @__PURE__ */ a.jsx(D, { name: "layout-before-head" }),
-    /* @__PURE__ */ a.jsx(ft, {}),
-    /* @__PURE__ */ a.jsx(D, { name: "layout-after-head" }),
-    /* @__PURE__ */ a.jsx("div", { className: "w-full max-w-screen-2xl mx-auto px-10 lg:px-12", children: u ? /* @__PURE__ */ a.jsx(qe, {}) : /* @__PURE__ */ a.jsx(ve, { fallback: /* @__PURE__ */ a.jsx(qe, {}), children: /* @__PURE__ */ a.jsxs(et, { direction: "left", children: [
-      /* @__PURE__ */ a.jsx(fa, {}),
-      /* @__PURE__ */ a.jsx(
-        "div",
-        {
-          className: R(
-            "lg:hidden -mx-10 px-10 py-2 sticky bg-background/80 backdrop-blur z-10 top-0 left-0 right-0 border-b",
-            "peer-data-[navigation=false]:hidden"
-          ),
-          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__ */ r.jsx(D, { name: "layout-before-head" }),
+    /* @__PURE__ */ r.jsx(nt, {}),
+    /* @__PURE__ */ r.jsx(D, { name: "layout-after-head" }),
+    /* @__PURE__ */ r.jsx("div", { className: "w-full max-w-screen-2xl mx-auto px-4 lg:px-12", children: u ? /* @__PURE__ */ r.jsx(Qe, {}) : /* @__PURE__ */ r.jsx(me, { fallback: /* @__PURE__ */ r.jsx(Qe, {}), children: /* @__PURE__ */ r.jsxs(
+      We,
+      {
+        direction: "left",
+        open: d,
+        onOpenChange: (f) => l(f),
+        children: [
+          /* @__PURE__ */ r.jsx(Zs, { onRequestClose: () => l(!1) }),
+          /* @__PURE__ */ r.jsx(
+            "div",
+            {
+              className: O(
+                "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__ */ r.jsxs(_e, { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ r.jsx(Wt, { size: 16, strokeWidth: 1.5 }),
+                /* @__PURE__ */ r.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__ */ r.jsxs(
+            "main",
+            {
+              className: O(
+                "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__ */ r.jsx(D, { name: "zudoku-before-content" }),
+                e ?? /* @__PURE__ */ r.jsx(Be, {}),
+                /* @__PURE__ */ r.jsx(D, { name: "zudoku-after-content" })
+              ]
+            }
+          )
+        ]
+      }
+    ) }) })
   ] });
-}, ga = Je(null), ce = {
+}, Us = Ue(null), ie = {
   didCatch: !1,
   error: null
 };
-class pa extends Vt {
+class Ws extends Rt {
   constructor(t) {
-    super(t), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = ce;
+    super(t), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = ie;
   }
   static getDerivedStateFromError(t) {
     return {
@@ -1466,174 +1247,174 @@ class pa extends Vt {
       error: t
     } = this.state;
     if (t !== null) {
-      for (var r, s, n = arguments.length, o = new Array(n), i = 0; i < n; i++)
-        o[i] = arguments[i];
-      (r = (s = this.props).onReset) === null || r === void 0 || r.call(s, {
-        args: o,
+      for (var s, n, a = arguments.length, i = new Array(a), o = 0; o < a; o++)
+        i[o] = arguments[o];
+      (s = (n = this.props).onReset) === null || s === void 0 || s.call(n, {
+        args: i,
         reason: "imperative-api"
-      }), this.setState(ce);
+      }), this.setState(ie);
     }
   }
-  componentDidCatch(t, r) {
-    var s, n;
-    (s = (n = this.props).onError) === null || s === void 0 || s.call(n, t, r);
+  componentDidCatch(t, s) {
+    var n, a;
+    (n = (a = this.props).onError) === null || n === void 0 || n.call(a, t, s);
   }
-  componentDidUpdate(t, r) {
+  componentDidUpdate(t, s) {
     const {
-      didCatch: s
+      didCatch: n
     } = this.state, {
-      resetKeys: n
+      resetKeys: a
     } = this.props;
-    if (s && r.error !== null && va(t.resetKeys, n)) {
-      var o, i;
-      (o = (i = this.props).onReset) === null || o === void 0 || o.call(i, {
-        next: n,
+    if (n && s.error !== null && _s(t.resetKeys, a)) {
+      var i, o;
+      (i = (o = this.props).onReset) === null || i === void 0 || i.call(o, {
+        next: a,
         prev: t.resetKeys,
         reason: "keys"
-      }), this.setState(ce);
+      }), this.setState(ie);
     }
   }
   render() {
     const {
       children: t,
-      fallbackRender: r,
-      FallbackComponent: s,
-      fallback: n
+      fallbackRender: s,
+      FallbackComponent: n,
+      fallback: a
     } = this.props, {
-      didCatch: o,
-      error: i
+      didCatch: i,
+      error: o
     } = this.state;
     let u = t;
-    if (o) {
+    if (i) {
       const d = {
-        error: i,
+        error: o,
         resetErrorBoundary: this.resetErrorBoundary
       };
-      if (typeof r == "function")
-        u = r(d);
-      else if (s)
-        u = Ie(s, d);
-      else if (n !== void 0)
-        u = n;
+      if (typeof s == "function")
+        u = s(d);
+      else if (n)
+        u = De(n, d);
+      else if (a !== void 0)
+        u = a;
       else
-        throw i;
+        throw o;
     }
-    return Ie(ga.Provider, {
+    return De(Us.Provider, {
       value: {
-        didCatch: o,
-        error: i,
+        didCatch: i,
+        error: o,
         resetErrorBoundary: this.resetErrorBoundary
       }
     }, u);
   }
 }
-function va() {
+function _s() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-  return e.length !== t.length || e.some((r, s) => !Object.is(r, t[s]));
+  return e.length !== t.length || e.some((s, n) => !Object.is(s, t[n]));
 }
-class xa {
+class Xs {
   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 () => {
+    k(this, "plugins");
+    k(this, "sidebars");
+    k(this, "topNavigation");
+    k(this, "meta");
+    k(this, "page");
+    k(this, "authentication");
+    k(this, "navigationPlugins");
+    k(this, "initialize", async () => {
       await Promise.all(
-        this.plugins.filter(ia).map((t) => {
-          var r;
-          return (r = t.initialize) == null ? void 0 : r.call(t, this);
+        this.plugins.filter(Fs).map((t) => {
+          var s;
+          return (s = t.initialize) == null ? void 0 : s.call(t, this);
         })
       );
     });
-    S(this, "getApiIdentities", async () => (await Promise.all(
-      this.plugins.filter(ca).map((r) => r.getIdentities(this))
+    k(this, "getApiIdentities", async () => (await Promise.all(
+      this.plugins.filter(Hs).map((s) => s.getIdentities(this))
     )).flat());
-    S(this, "getPluginSidebar", async (t) => (await Promise.all(
+    k(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));
+        (n) => {
+          var a;
+          return (a = n.getSidebar) == null ? void 0 : a.call(n, q(t));
         }
       )
-    )).flatMap((s) => s ?? []));
-    S(this, "signRequest", async (t) => {
+    )).flatMap((n) => n ?? []));
+    k(this, "signRequest", async (t) => {
       if (!this.authentication)
         throw new Error("No authentication provider configured");
-      const r = await this.authentication.getAccessToken();
-      return t.headers.set("Authorization", `Bearer ${r}`), t;
+      const s = await this.authentication.getAccessToken();
+      return t.headers.set("Authorization", `Bearer ${s}`), t;
     });
-    this.plugins = t.plugins ?? [], this.topNavigation = t.topNavigation ?? [], this.sidebars = t.sidebars ?? {}, this.navigationPlugins = this.plugins.filter(sa), this.authentication = t.authentication, this.meta = t.metadata, this.page = t.page;
+    this.plugins = t.plugins ?? [], this.topNavigation = t.topNavigation ?? [], this.sidebars = t.sidebars ?? {}, this.navigationPlugins = this.plugins.filter(qs), this.authentication = t.authentication, this.meta = t.metadata, this.page = t.page;
   }
 }
-function ya({ error: e, resetErrorBoundary: t }) {
-  return /* @__PURE__ */ a.jsx(Ue, { error: e });
+function Ys({ error: e, resetErrorBoundary: t }) {
+  return /* @__PURE__ */ r.jsx(ze, { error: e });
 }
-const te = globalThis;
-(!te.requestIdleCallback || !te.cancelIdleCallback) && (te.requestIdleCallback = (e) => setTimeout(e, 1), te.cancelIdleCallback = clearTimeout);
-const gt = {
-  Header: ft
-}, ba = Je(gt), ja = ba.Provider, wa = ({
+const J = globalThis;
+(!J.requestIdleCallback || !J.cancelIdleCallback) && (J.requestIdleCallback = (e) => setTimeout(e, 1), J.cancelIdleCallback = clearTimeout);
+const it = {
+  Header: nt
+}, Js = Ue(it), Gs = Js.Provider, er = ({
   children: e,
   context: t
-}) => (Bt({
+}) => (At({
   queryFn: async () => (await t.initialize(), !0),
   queryKey: ["zudoku-initialize"]
-}), /* @__PURE__ */ a.jsx(Ht.Provider, { value: t, children: e })), pt = Xe(
+}), /* @__PURE__ */ r.jsx(Et.Provider, { value: t, children: e })), ot = Ve(
   ({ children: e, ...t }) => {
-    var f, h;
-    const r = ne(
-      () => ({ ...gt, ...t.overrides }),
+    var g, h;
+    const s = se(
+      () => ({ ...it, ...t.overrides }),
       [t.overrides]
-    ), s = ne(() => {
-      var v;
+    ), n = se(() => {
+      var x;
       return {
-        ...(t.plugins ?? []).filter(la).flatMap(
+        ...(t.plugins ?? []).filter(zs).flatMap(
           (m) => m.getMdxComponents ? [m.getMdxComponents()] : []
         ).reduce(
-          (m, E) => ({ ...m, ...E }),
+          (m, N) => ({ ...m, ...N }),
           {}
         ),
-        ...lr,
-        ...(v = t.mdx) == null ? void 0 : v.components
+        ..._t,
+        ...(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(
-      () => 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) => {
+    }, [(g = t.mdx) == null ? void 0 : g.components, t.plugins]), { stagger: a } = Ft(oe), [i, o] = Q(!1), u = se(
+      () => i ? { stagger: !0 } : { stagger: a },
+      [a, i]
+    ), d = he();
+    R(() => {
+      i || o(!0);
+    }, [i, d.location]);
+    const [l] = Q(() => new Xs(t)), f = (h = t.plugins) == null ? void 0 : h.filter(Bs).map((p, x) => {
       var m;
-      return /* @__PURE__ */ a.jsx(Yt, { children: (m = g.getHead) == null ? void 0 : m.call(g) }, v);
+      return /* @__PURE__ */ r.jsx(Bt, { children: (m = p.getHead) == null ? void 0 : m.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, {}) }) }) }) }) }) }) })
+    return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.jsx(ue, { children: f }),
+      /* @__PURE__ */ r.jsx(oe.Provider, { value: u, children: /* @__PURE__ */ r.jsx(er, { context: l, children: /* @__PURE__ */ r.jsx(es, { components: n, children: /* @__PURE__ */ r.jsx(hs, { attribute: "class", disableTransitionOnChange: !0, children: /* @__PURE__ */ r.jsx(Gs, { value: s, children: /* @__PURE__ */ r.jsx(xt, { slotlets: t.slotlets, children: /* @__PURE__ */ r.jsx(Xt, { children: e ?? /* @__PURE__ */ r.jsx(Be, {}) }) }) }) }) }) }) })
     ] });
   }
 );
-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;
+ot.displayName = "ZudokoInner";
+const lt = (e) => /* @__PURE__ */ r.jsx(Ws, { FallbackComponent: Ys, children: /* @__PURE__ */ r.jsx(ot, { ...e }) });
+lt.displayName = "Zudoku";
+const Pr = ts, Sr = Vs, Dr = yt, Or = ms, Mr = Cs, Ar = Ns, Er = ue, Ir = T, Qr = pt, Tr = lt, qr = vt, Rr = pe, Fr = bt, Br = fe;
 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
+  Mr as Bootstrap,
+  Ar as BootstrapStatic,
+  Fr as Button,
+  qr as Callout,
+  Rr as ClientOnly,
+  Er as Head,
+  Sr as Layout,
+  Br as Link,
+  Dr as RouterError,
+  Or as ServerError,
+  Tr as Zudoku,
+  Qr as useAuth,
+  Pr as useMDXComponents,
+  Ir as useZudoku
 };
 //# sourceMappingURL=zudoku.components.js.map