zudoku 0.19.0 → 0.20.1

package/lib/zudoku.components.js

@@ -3,8 +3,8 @@ var Ce = (e) => {
   throw TypeError(e);
 };
 var bt = (e, t, r) => t in e ? yt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var N = (e, t, r) => bt(e, typeof t != "symbol" ? t + "" : t, r), Pe = (e, t, r) => t.has(e) || Ce("Cannot " + r);
-var u = (e, t, r) => (Pe(e, t, "read from private field"), r ? r.call(e) : t.get(e)), E = (e, t, r) => t.has(e) ? Ce("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), y = (e, t, r, s) => (Pe(e, t, "write to private field"), s ? s.call(e, r) : t.set(e, r), r);
+var S = (e, t, r) => bt(e, typeof t != "symbol" ? t + "" : t, r), Pe = (e, t, r) => t.has(e) || Ce("Cannot " + r);
+var u = (e, t, r) => (Pe(e, t, "read from private field"), r ? r.call(e) : t.get(e)), N = (e, t, r) => t.has(e) ? Ce("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), y = (e, t, r, s) => (Pe(e, t, "write to private field"), s ? s.call(e, r) : t.set(e, r), r);
 var J = (e, t, r, s) => ({
   set _(n) {
     y(e, t, n, r);
@@ -20,10 +20,10 @@ import { E as Ue, S as O, a as Et, R as Ct } from "./SlotletProvider-DyomlzGx.js
 import { j as a } from "./jsx-runtime-B6kdoens.js";
 import { Button as Pt } from "./ui/Button.js";
 import { Callout as kt } from "./ui/Callout.js";
-import { S as $e, l as Ke, Q as Dt, n as S, m as ke, o as De, p as A, q as Ot, r as At, t as Mt, v as Rt, w as Oe, x as Ae, y as It, h as Me, z as Re, A as Tt, d as _t, B as Ve, C as Qt, j as q, u as F, D as Ze, E as Ft, g as qt, Z as Lt } from "./utils-DcpDOncX.js";
-import { M as zt, u as se } from "./hook-hEqe7fPB.js";
+import { S as $e, l as Ke, Q as Dt, n as w, m as ke, o as De, p as A, q as Ot, r as At, t as Mt, v as Rt, w as Oe, x as Ae, y as It, h as Me, z as Re, A as Tt, d as _t, B as Ve, C as Qt, j as q, u as F, D as Ze, E as Ft, g as qt, Z as zt } from "./utils-DcpDOncX.js";
+import { M as Bt, u as se } from "./hook-hEqe7fPB.js";
 import * as G from "react";
-import Ye, { StrictMode as We, useState as Q, useEffect as L, useRef as pe, useCallback as Bt, Suspense as ve, memo as Xe, forwardRef as Ht, createContext as Je, Component as Ut, createElement as Ie, useMemo as ne, useContext as $t, Fragment as Kt } from "react";
+import Ye, { StrictMode as We, useState as Q, useEffect as z, useRef as pe, useCallback as Lt, Suspense as ve, memo as Xe, forwardRef as Ht, createContext as Je, Component as Ut, createElement as Ie, useMemo as ne, useContext as $t, Fragment as Kt } from "react";
 import { a as xe, c as Vt } from "./_commonjsHelpers-BkfeUUK-.js";
 import { B as Zt } from "./router-lfyopgBI.js";
 import { I as Yt, y as Wt, u as ye, j as be, O as Ge } from "./index-Czzd9rjU.js";
@@ -45,10 +45,10 @@ import { S as Nr } from "./Spinner-3cQDBVGr.js";
 function Er({ error: e }) {
   return /* @__PURE__ */ a.jsx(Ue, { error: e });
 }
-var k, Le, Cr = (Le = class extends $e {
+var k, ze, Cr = (ze = class extends $e {
   constructor(t = {}) {
     super();
-    E(this, k);
+    N(this, k);
     this.config = t, y(this, k, /* @__PURE__ */ new Map());
   }
   build(t, r, s) {
@@ -74,7 +74,7 @@ var k, Le, Cr = (Le = class extends $e {
     r && (t.destroy(), r === t && u(this, k).delete(t.queryHash), this.notify({ type: "removed", query: t }));
   }
   clear() {
-    S.batch(() => {
+    w.batch(() => {
       this.getAll().forEach((t) => {
         this.remove(t);
       });
@@ -97,35 +97,35 @@ var k, Le, Cr = (Le = class extends $e {
     return Object.keys(t).length > 0 ? r.filter((s) => ke(t, s)) : r;
   }
   notify(t) {
-    S.batch(() => {
+    w.batch(() => {
       this.listeners.forEach((r) => {
         r(t);
       });
     });
   }
   onFocus() {
-    S.batch(() => {
+    w.batch(() => {
       this.getAll().forEach((t) => {
         t.onFocus();
       });
     });
   }
   onOnline() {
-    S.batch(() => {
+    w.batch(() => {
       this.getAll().forEach((t) => {
         t.onOnline();
       });
     });
   }
-}, k = new WeakMap(), Le), w, Z, ze, Pr = (ze = class extends $e {
+}, k = new WeakMap(), ze), j, Z, Be, Pr = (Be = class extends $e {
   constructor(t = {}) {
     super();
-    E(this, w);
-    E(this, Z);
-    this.config = t, y(this, w, /* @__PURE__ */ new Map()), y(this, Z, Date.now());
+    N(this, j);
+    N(this, Z);
+    this.config = t, y(this, j, /* @__PURE__ */ new Map()), y(this, Z, Date.now());
   }
   build(t, r, s) {
-    const n = new zt({
+    const n = new Bt({
       mutationCache: this,
       mutationId: ++J(this, Z)._,
       options: t.defaultMutationOptions(r),
@@ -134,37 +134,37 @@ var k, Le, Cr = (Le = class extends $e {
     return this.add(n), n;
   }
   add(t) {
-    const r = ee(t), s = u(this, w).get(r) ?? [];
-    s.push(t), u(this, w).set(r, s), this.notify({ type: "added", mutation: t });
+    const r = ee(t), s = u(this, j).get(r) ?? [];
+    s.push(t), u(this, j).set(r, s), this.notify({ type: "added", mutation: t });
   }
   remove(t) {
     var s;
     const r = ee(t);
-    if (u(this, w).has(r)) {
-      const n = (s = u(this, w).get(r)) == null ? void 0 : s.filter((o) => o !== t);
-      n && (n.length === 0 ? u(this, w).delete(r) : u(this, w).set(r, n));
+    if (u(this, j).has(r)) {
+      const n = (s = u(this, j).get(r)) == null ? void 0 : s.filter((o) => o !== t);
+      n && (n.length === 0 ? u(this, j).delete(r) : u(this, j).set(r, n));
     }
     this.notify({ type: "removed", mutation: t });
   }
   canRun(t) {
     var s;
-    const r = (s = u(this, w).get(ee(t))) == null ? void 0 : s.find((n) => n.state.status === "pending");
+    const r = (s = u(this, j).get(ee(t))) == null ? void 0 : s.find((n) => n.state.status === "pending");
     return !r || r === t;
   }
   runNext(t) {
     var s;
-    const r = (s = u(this, w).get(ee(t))) == null ? void 0 : s.find((n) => n !== t && n.state.isPaused);
+    const r = (s = u(this, j).get(ee(t))) == null ? void 0 : s.find((n) => n !== t && n.state.isPaused);
     return (r == null ? void 0 : r.continue()) ?? Promise.resolve();
   }
   clear() {
-    S.batch(() => {
+    w.batch(() => {
       this.getAll().forEach((t) => {
         this.remove(t);
       });
     });
   }
   getAll() {
-    return [...u(this, w).values()].flat();
+    return [...u(this, j).values()].flat();
   }
   find(t) {
     const r = { exact: !0, ...t };
@@ -176,7 +176,7 @@ var k, Le, Cr = (Le = class extends $e {
     return this.getAll().filter((r) => De(t, r));
   }
   notify(t) {
-    S.batch(() => {
+    w.batch(() => {
       this.listeners.forEach((r) => {
         r(t);
       });
@@ -184,13 +184,13 @@ var k, Le, Cr = (Le = class extends $e {
   }
   resumePausedMutations() {
     const t = this.getAll().filter((r) => r.state.isPaused);
-    return S.batch(
+    return w.batch(
       () => Promise.all(
         t.map((r) => r.continue().catch(A))
       )
     );
   }
-}, w = new WeakMap(), Z = new WeakMap(), ze);
+}, j = new WeakMap(), Z = new WeakMap(), Be);
 function ee(e) {
   var t;
   return ((t = e.options.scope) == null ? void 0 : t.id) ?? String(e.mutationId);
@@ -198,20 +198,20 @@ function ee(e) {
 function Te(e) {
   return {
     onFetch: (t, r) => {
-      var m, g, f, p, x;
-      const s = t.options, n = (f = (g = (m = t.fetchOptions) == null ? void 0 : m.meta) == null ? void 0 : g.fetchMore) == null ? void 0 : f.direction, o = ((p = t.state.data) == null ? void 0 : p.pages) || [], i = ((x = t.state.data) == null ? void 0 : x.pageParams) || [];
-      let l = { pages: [], pageParams: [] }, d = 0;
-      const c = async () => {
-        let h = !1;
-        const j = (b) => {
+      var f, m, h, p, v;
+      const s = t.options, n = (h = (m = (f = t.fetchOptions) == null ? void 0 : f.meta) == null ? void 0 : m.fetchMore) == null ? void 0 : h.direction, o = ((p = t.state.data) == null ? void 0 : p.pages) || [], i = ((v = t.state.data) == null ? void 0 : v.pageParams) || [];
+      let c = { pages: [], pageParams: [] }, d = 0;
+      const l = async () => {
+        let g = !1;
+        const E = (b) => {
           Object.defineProperty(b, "signal", {
             enumerable: !0,
-            get: () => (t.signal.aborted ? h = !0 : t.signal.addEventListener("abort", () => {
-              h = !0;
+            get: () => (t.signal.aborted ? g = !0 : t.signal.addEventListener("abort", () => {
+              g = !0;
             }), t.signal)
           });
         }, W = Ot(t.options, t.fetchOptions), $ = async (b, C, K) => {
-          if (h)
+          if (g)
             return Promise.reject();
           if (C == null && b.pages.length)
             return Promise.resolve(b);
@@ -221,7 +221,7 @@ function Te(e) {
             direction: K ? "backward" : "forward",
             meta: t.options.meta
           };
-          j(X);
+          E(X);
           const xt = await W(
             X
           ), { maxPages: Ne } = t.options, Ee = K ? At : Mt;
@@ -235,23 +235,23 @@ function Te(e) {
             pages: o,
             pageParams: i
           }, X = C(s, K);
-          l = await $(K, X, b);
+          c = await $(K, X, b);
         } else {
           const b = e ?? o.length;
           do {
-            const C = d === 0 ? i[0] ?? s.initialPageParam : _e(s, l);
+            const C = d === 0 ? i[0] ?? s.initialPageParam : _e(s, c);
             if (d > 0 && C == null)
               break;
-            l = await $(l, C), d++;
+            c = await $(c, C), d++;
           } while (d < b);
         }
-        return l;
+        return c;
       };
       t.options.persister ? t.fetchFn = () => {
-        var h, j;
-        return (j = (h = t.options).persister) == null ? void 0 : j.call(
-          h,
-          c,
+        var g, E;
+        return (E = (g = t.options).persister) == null ? void 0 : E.call(
+          g,
+          l,
           {
             queryKey: t.queryKey,
             meta: t.options.meta,
@@ -259,7 +259,7 @@ function Te(e) {
           },
           r
         );
-      } : t.fetchFn = c;
+      } : t.fetchFn = l;
     }
   };
 }
@@ -276,23 +276,23 @@ function kr(e, { pages: t, pageParams: r }) {
   var s;
   return t.length > 0 ? (s = e.getPreviousPageParam) == null ? void 0 : s.call(e, t[0], t, r[0], r) : void 0;
 }
-var v, I, T, z, B, _, H, U, Be, Dr = (Be = class {
+var x, I, T, B, L, _, H, U, Le, Dr = (Le = class {
   constructor(e = {}) {
-    E(this, v);
-    E(this, I);
-    E(this, T);
-    E(this, z);
-    E(this, B);
-    E(this, _);
-    E(this, H);
-    E(this, U);
-    y(this, v, e.queryCache || new Cr()), y(this, I, e.mutationCache || new Pr()), y(this, T, e.defaultOptions || {}), y(this, z, /* @__PURE__ */ new Map()), y(this, B, /* @__PURE__ */ new Map()), y(this, _, 0);
+    N(this, x);
+    N(this, I);
+    N(this, T);
+    N(this, B);
+    N(this, L);
+    N(this, _);
+    N(this, H);
+    N(this, U);
+    y(this, x, e.queryCache || new Cr()), y(this, I, e.mutationCache || new Pr()), y(this, T, e.defaultOptions || {}), y(this, B, /* @__PURE__ */ new Map()), y(this, L, /* @__PURE__ */ new Map()), y(this, _, 0);
   }
   mount() {
     J(this, _)._++, u(this, _) === 1 && (y(this, H, Rt.subscribe(async (e) => {
-      e && (await this.resumePausedMutations(), u(this, v).onFocus());
+      e && (await this.resumePausedMutations(), u(this, x).onFocus());
     })), y(this, U, Oe.subscribe(async (e) => {
-      e && (await this.resumePausedMutations(), u(this, v).onOnline());
+      e && (await this.resumePausedMutations(), u(this, x).onOnline());
     })));
   }
   unmount() {
@@ -300,7 +300,7 @@ var v, I, T, z, B, _, H, U, Be, Dr = (Be = class {
     J(this, _)._--, u(this, _) === 0 && ((e = u(this, H)) == null || e.call(this), y(this, H, void 0), (t = u(this, U)) == null || t.call(this), y(this, U, void 0));
   }
   isFetching(e) {
-    return u(this, v).findAll({ ...e, fetchStatus: "fetching" }).length;
+    return u(this, x).findAll({ ...e, fetchStatus: "fetching" }).length;
   }
   isMutating(e) {
     return u(this, I).findAll({ ...e, status: "pending" }).length;
@@ -308,33 +308,33 @@ var v, I, T, z, B, _, H, U, Be, Dr = (Be = class {
   getQueryData(e) {
     var r;
     const t = this.defaultQueryOptions({ queryKey: e });
-    return (r = u(this, v).get(t.queryHash)) == null ? void 0 : r.state.data;
+    return (r = u(this, x).get(t.queryHash)) == null ? void 0 : r.state.data;
   }
   ensureQueryData(e) {
     const t = this.getQueryData(e.queryKey);
     if (t === void 0)
       return this.fetchQuery(e);
     {
-      const r = this.defaultQueryOptions(e), s = u(this, v).build(this, r);
+      const r = this.defaultQueryOptions(e), s = u(this, x).build(this, r);
       return e.revalidateIfStale && s.isStaleByTime(Ae(r.staleTime, s)) && this.prefetchQuery(r), Promise.resolve(t);
     }
   }
   getQueriesData(e) {
-    return u(this, v).findAll(e).map(({ queryKey: t, state: r }) => {
+    return u(this, x).findAll(e).map(({ queryKey: t, state: r }) => {
       const s = r.data;
       return [t, s];
     });
   }
   setQueryData(e, t, r) {
-    const s = this.defaultQueryOptions({ queryKey: e }), n = u(this, v).get(
+    const s = this.defaultQueryOptions({ queryKey: e }), n = u(this, x).get(
       s.queryHash
     ), o = n == null ? void 0 : n.state.data, i = It(t, o);
     if (i !== void 0)
-      return u(this, v).build(this, s).setData(i, { ...r, manual: !0 });
+      return u(this, x).build(this, s).setData(i, { ...r, manual: !0 });
   }
   setQueriesData(e, t, r) {
-    return S.batch(
-      () => u(this, v).findAll(e).map(({ queryKey: s }) => [
+    return w.batch(
+      () => u(this, x).findAll(e).map(({ queryKey: s }) => [
         s,
         this.setQueryData(s, t, r)
       ])
@@ -343,34 +343,34 @@ var v, I, T, z, B, _, H, U, Be, Dr = (Be = class {
   getQueryState(e) {
     var r;
     const t = this.defaultQueryOptions({ queryKey: e });
-    return (r = u(this, v).get(t.queryHash)) == null ? void 0 : r.state;
+    return (r = u(this, x).get(t.queryHash)) == null ? void 0 : r.state;
   }
   removeQueries(e) {
-    const t = u(this, v);
-    S.batch(() => {
+    const t = u(this, x);
+    w.batch(() => {
       t.findAll(e).forEach((r) => {
         t.remove(r);
       });
     });
   }
   resetQueries(e, t) {
-    const r = u(this, v), s = {
+    const r = u(this, x), s = {
       type: "active",
       ...e
     };
-    return S.batch(() => (r.findAll(e).forEach((n) => {
+    return w.batch(() => (r.findAll(e).forEach((n) => {
       n.reset();
     }), this.refetchQueries(s, t)));
   }
   cancelQueries(e = {}, t = {}) {
-    const r = { revert: !0, ...t }, s = S.batch(
-      () => u(this, v).findAll(e).map((n) => n.cancel(r))
+    const r = { revert: !0, ...t }, s = w.batch(
+      () => u(this, x).findAll(e).map((n) => n.cancel(r))
     );
     return Promise.all(s).then(A).catch(A);
   }
   invalidateQueries(e = {}, t = {}) {
-    return S.batch(() => {
-      if (u(this, v).findAll(e).forEach((s) => {
+    return w.batch(() => {
+      if (u(this, x).findAll(e).forEach((s) => {
         s.invalidate();
       }), e.refetchType === "none")
         return Promise.resolve();
@@ -385,8 +385,8 @@ var v, I, T, z, B, _, H, U, Be, Dr = (Be = class {
     const r = {
       ...t,
       cancelRefetch: (t == null ? void 0 : t.cancelRefetch) ?? !0
-    }, s = S.batch(
-      () => u(this, v).findAll(e).filter((n) => !n.isDisabled()).map((n) => {
+    }, s = w.batch(
+      () => u(this, x).findAll(e).filter((n) => !n.isDisabled()).map((n) => {
         let o = n.fetch(void 0, r);
         return r.throwOnError || (o = o.catch(A)), n.state.fetchStatus === "paused" ? Promise.resolve() : o;
       })
@@ -396,7 +396,7 @@ var v, I, T, z, B, _, H, U, Be, Dr = (Be = class {
   fetchQuery(e) {
     const t = this.defaultQueryOptions(e);
     t.retry === void 0 && (t.retry = !1);
-    const r = u(this, v).build(this, t);
+    const r = u(this, x).build(this, t);
     return r.isStaleByTime(
       Ae(t.staleTime, r)
     ) ? r.fetch(t) : Promise.resolve(r.state.data);
@@ -417,7 +417,7 @@ var v, I, T, z, B, _, H, U, Be, Dr = (Be = class {
     return Oe.isOnline() ? u(this, I).resumePausedMutations() : Promise.resolve();
   }
   getQueryCache() {
-    return u(this, v);
+    return u(this, x);
   }
   getMutationCache() {
     return u(this, I);
@@ -429,26 +429,26 @@ var v, I, T, z, B, _, H, U, Be, Dr = (Be = class {
     y(this, T, e);
   }
   setQueryDefaults(e, t) {
-    u(this, z).set(Me(e), {
+    u(this, B).set(Me(e), {
       queryKey: e,
       defaultOptions: t
     });
   }
   getQueryDefaults(e) {
-    const t = [...u(this, z).values()];
+    const t = [...u(this, B).values()];
     let r = {};
     return t.forEach((s) => {
       Re(e, s.queryKey) && (r = { ...r, ...s.defaultOptions });
     }), r;
   }
   setMutationDefaults(e, t) {
-    u(this, B).set(Me(e), {
+    u(this, L).set(Me(e), {
       mutationKey: e,
       defaultOptions: t
     });
   }
   getMutationDefaults(e) {
-    const t = [...u(this, B).values()];
+    const t = [...u(this, L).values()];
     let r = {};
     return t.forEach((s) => {
       Re(e, s.mutationKey) && (r = { ...r, ...s.defaultOptions });
@@ -477,61 +477,61 @@ var v, I, T, z, B, _, H, U, Be, Dr = (Be = class {
     };
   }
   clear() {
-    u(this, v).clear(), u(this, I).clear();
+    u(this, x).clear(), u(this, I).clear();
   }
-}, v = new WeakMap(), I = new WeakMap(), T = new WeakMap(), z = new WeakMap(), B = new WeakMap(), _ = new WeakMap(), H = new WeakMap(), U = new WeakMap(), Be);
+}, x = new WeakMap(), I = new WeakMap(), T = new WeakMap(), B = new WeakMap(), L = new WeakMap(), _ = new WeakMap(), H = new WeakMap(), U = new WeakMap(), Le);
 function Or(e) {
   return e;
 }
 function Qe(e, t, r) {
-  var d, c;
+  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) ?? ((c = e.getDefaultOptions().hydrate) == null ? void 0 : c.deserializeData) ?? Or, i = t.mutations || [], l = t.queries || [];
-  i.forEach(({ state: m, ...g }) => {
-    var f, p;
+  const s = e.getMutationCache(), n = e.getQueryCache(), o = ((d = r == null ? void 0 : r.defaultOptions) == null ? void 0 : d.deserializeData) ?? ((l = e.getDefaultOptions().hydrate) == null ? void 0 : l.deserializeData) ?? Or, i = t.mutations || [], c = t.queries || [];
+  i.forEach(({ state: f, ...m }) => {
+    var h, p;
     s.build(
       e,
       {
-        ...(f = e.getDefaultOptions().hydrate) == null ? void 0 : f.mutations,
+        ...(h = e.getDefaultOptions().hydrate) == null ? void 0 : h.mutations,
         ...(p = r == null ? void 0 : r.defaultOptions) == null ? void 0 : p.mutations,
-        ...g
+        ...m
       },
-      m
+      f
     );
-  }), l.forEach(({ queryKey: m, state: g, queryHash: f, meta: p, promise: x }) => {
+  }), c.forEach(({ queryKey: f, state: m, queryHash: h, meta: p, promise: v }) => {
     var W, $;
-    let h = n.get(f);
-    const j = g.data === void 0 ? g.data : o(g.data);
-    if (h) {
-      if (h.state.dataUpdatedAt < g.dataUpdatedAt) {
-        const { fetchStatus: b, ...C } = g;
-        h.setState({
+    let g = n.get(h);
+    const E = m.data === void 0 ? m.data : o(m.data);
+    if (g) {
+      if (g.state.dataUpdatedAt < m.dataUpdatedAt) {
+        const { fetchStatus: b, ...C } = m;
+        g.setState({
           ...C,
-          data: j
+          data: E
         });
       }
     } else
-      h = n.build(
+      g = n.build(
         e,
         {
           ...(W = e.getDefaultOptions().hydrate) == null ? void 0 : W.queries,
           ...($ = r == null ? void 0 : r.defaultOptions) == null ? void 0 : $.queries,
-          queryKey: m,
-          queryHash: f,
+          queryKey: f,
+          queryHash: h,
           meta: p
         },
         // Reset fetch status to idle to avoid
         // query being stuck in fetching state upon hydration
         {
-          ...g,
-          data: j,
+          ...m,
+          data: E,
           fetchStatus: "idle"
         }
       );
-    if (x) {
-      const b = Promise.resolve(x).then(o);
-      h.fetch(void 0, { initialPromise: b });
+    if (v) {
+      const b = Promise.resolve(v).then(o);
+      g.fetch(void 0, { initialPromise: b });
     }
   });
 }
@@ -541,29 +541,29 @@ var Ar = ({
   state: r,
   queryClient: s
 }) => {
-  const n = _t(s), [o, i] = G.useState(), l = G.useRef(t);
-  return l.current = t, G.useMemo(() => {
+  const n = _t(s), [o, i] = G.useState(), c = G.useRef(t);
+  return c.current = t, G.useMemo(() => {
     if (r) {
       if (typeof r != "object")
         return;
-      const d = n.getQueryCache(), c = r.queries || [], m = [], g = [];
-      for (const f of c) {
-        const p = d.get(f.queryHash);
+      const d = n.getQueryCache(), l = r.queries || [], f = [], m = [];
+      for (const h of l) {
+        const p = d.get(h.queryHash);
         if (!p)
-          m.push(f);
+          f.push(h);
         else {
-          const x = f.state.dataUpdatedAt > p.state.dataUpdatedAt, h = o == null ? void 0 : o.find(
-            (j) => j.queryHash === f.queryHash
+          const v = h.state.dataUpdatedAt > p.state.dataUpdatedAt, g = o == null ? void 0 : o.find(
+            (E) => E.queryHash === h.queryHash
           );
-          x && (!h || f.state.dataUpdatedAt > h.state.dataUpdatedAt) && g.push(f);
+          v && (!g || h.state.dataUpdatedAt > g.state.dataUpdatedAt) && m.push(h);
         }
       }
-      m.length > 0 && Qe(n, { queries: m }, l.current), g.length > 0 && i(
-        (f) => f ? [...f, ...g] : g
+      f.length > 0 && Qe(n, { queries: f }, c.current), m.length > 0 && i(
+        (h) => h ? [...h, ...m] : m
       );
     }
   }, [n, o, r]), G.useEffect(() => {
-    o && (Qe(n, { queries: o }, l.current), i(void 0));
+    o && (Qe(n, { queries: o }, c.current), i(void 0));
   }, [n, o]), e;
 }, Y = {};
 const Mr = /* @__PURE__ */ xe(Zt), Rr = /* @__PURE__ */ xe(Yt), Ir = /* @__PURE__ */ xe(jt);
@@ -627,17 +627,17 @@ function Fr({
     let d = {
       loaderData: e.loaderData,
       actionData: e.actionData,
-      errors: Lr(e.errors)
+      errors: zr(e.errors)
     };
     i = `window.__staticRouterHydrationData = JSON.parse(${Kr(JSON.stringify(JSON.stringify(d)))});`;
   }
   let {
-    state: l
+    state: c
   } = n.router;
   return /* @__PURE__ */ P.createElement(P.Fragment, null, /* @__PURE__ */ P.createElement(M.UNSAFE_DataRouterContext.Provider, {
     value: n
   }, /* @__PURE__ */ P.createElement(M.UNSAFE_DataRouterStateContext.Provider, {
-    value: l
+    value: c
   }, /* @__PURE__ */ P.createElement(M.UNSAFE_FetchersContext.Provider, {
     value: o
   }, /* @__PURE__ */ P.createElement(M.UNSAFE_ViewTransitionContext.Provider, {
@@ -646,8 +646,8 @@ function Fr({
     }
   }, /* @__PURE__ */ P.createElement(M.Router, {
     basename: n.basename,
-    location: l.location,
-    navigationType: l.historyAction,
+    location: c.location,
+    navigationType: c.historyAction,
     navigator: n.navigator,
     static: n.static,
     future: {
@@ -656,7 +656,7 @@ function Fr({
   }, /* @__PURE__ */ P.createElement(qr, {
     routes: t.routes,
     future: t.future,
-    state: l
+    state: c
   })))))), i ? /* @__PURE__ */ P.createElement("script", {
     suppressHydrationWarning: !0,
     nonce: s,
@@ -672,7 +672,7 @@ function qr({
 }) {
   return Se.UNSAFE_useRoutesImpl(e, void 0, r, t);
 }
-function Lr(e) {
+function zr(e) {
   if (!e) return null;
   let t = Object.entries(e), r = {};
   for (let [s, n] of t)
@@ -711,30 +711,30 @@ function nt() {
     }
   };
 }
-function zr(e, t) {
+function Br(e, t) {
   return D.createStaticHandler(e, {
     ...t,
     mapRouteProperties: Se.UNSAFE_mapRouteProperties
   });
 }
-function Br(e, t, r = {}) {
-  let s = {}, n = D.UNSAFE_convertRoutesToDataRoutes(e, Se.UNSAFE_mapRouteProperties, void 0, s), o = t.matches.map((l) => {
-    let d = s[l.route.id] || l.route;
+function Lr(e, t, r = {}) {
+  let s = {}, n = D.UNSAFE_convertRoutesToDataRoutes(e, Se.UNSAFE_mapRouteProperties, void 0, s), o = t.matches.map((c) => {
+    let d = s[c.route.id] || c.route;
     return {
-      ...l,
+      ...c,
       route: d
     };
-  }), i = (l) => `You cannot use router.${l}() on the server because it is a stateless environment`;
+  }), i = (c) => `You cannot use router.${c}() on the server because it is a stateless environment`;
   return {
     get basename() {
       return t.basename;
     },
     get future() {
-      var l, d;
+      var c, d;
       return {
         v7_fetcherPersist: !1,
         v7_normalizeFormMethod: !1,
-        v7_partialHydration: ((l = r.future) == null ? void 0 : l.v7_partialHydration) === !0,
+        v7_partialHydration: ((c = r.future) == null ? void 0 : c.v7_partialHydration) === !0,
         v7_prependBasename: !1,
         v7_relativeSplatPath: ((d = r.future) == null ? void 0 : d.v7_relativeSplatPath) === !0,
         v7_skipActionErrorRevalidation: !1
@@ -832,8 +832,8 @@ function Kr(e) {
 }
 Y.StaticRouter = Qr;
 var Vr = Y.StaticRouterProvider = Fr;
-Y.createStaticHandler = zr;
-Y.createStaticRouter = Br;
+Y.createStaticHandler = Br;
+Y.createStaticRouter = Lr;
 const Zr = new Dr({
   defaultOptions: {
     queries: {
@@ -866,28 +866,28 @@ var he = { exports: {} };
       ssr: !0
     };
     function o() {
-      const [l, d] = s.useState(!0);
+      const [c, d] = s.useState(!0);
       return s.useEffect(() => {
         d(!1);
-      }, []), l;
+      }, []), c;
     }
-    function i(l, d) {
+    function i(c, d) {
       d = Object.assign({}, n, d);
-      const c = o() && d.ssr, m = c && l ? "DISPLAY" : "IDLE", [g, f] = s.useState(m), p = s.useRef(null);
+      const l = o() && d.ssr, f = l && c ? "DISPLAY" : "IDLE", [m, h] = s.useState(f), p = s.useRef(null);
       return s.useEffect(() => {
-        if (l && (g === "IDLE" || c)) {
+        if (c && (m === "IDLE" || l)) {
           clearTimeout(p.current);
-          const x = c ? 0 : d.delay;
+          const v = l ? 0 : d.delay;
           p.current = setTimeout(() => {
-            if (!l)
-              return f("IDLE");
+            if (!c)
+              return h("IDLE");
             p.current = setTimeout(() => {
-              f("EXPIRE");
-            }, d.minDuration), f("DISPLAY");
-          }, x), c || f("DELAY");
+              h("EXPIRE");
+            }, d.minDuration), h("DISPLAY");
+          }, v), l || h("DELAY");
         }
-        !l && g !== "DISPLAY" && (clearTimeout(p.current), f("IDLE"));
-      }, [l, g, d.delay, d.minDuration, c]), s.useEffect(() => () => clearTimeout(p.current), []), g === "DISPLAY" || g === "EXPIRE";
+        !c && m !== "DISPLAY" && (clearTimeout(p.current), h("IDLE"));
+      }, [c, m, d.delay, d.minDuration, l]), s.useEffect(() => () => clearTimeout(p.current), []), m === "DISPLAY" || m === "EXPIRE";
     }
     r.defaultOptions = n, r.useSpinDelay = i;
   });
@@ -895,27 +895,26 @@ var he = { exports: {} };
 var Xr = he.exports;
 const Jr = ({
   category: e,
-  level: t,
-  onRequestClose: r
+  onRequestClose: t
 }) => {
-  var p, x;
-  const s = Qt(e), [n, o] = Q(!1), i = e.collapsible ?? !0, l = e.collapsed ?? !0, d = !!(!i || !l || s), [c, m] = Q(d), g = Wt(((p = e.link) == null ? void 0 : p.id) ?? "");
-  L(() => {
-    s && m(!0);
-  }, [s]);
-  const f = i && /* @__PURE__ */ a.jsx(
+  var h, p;
+  const r = Qt(e), [s, n] = Q(!1), o = e.collapsible ?? !0, i = e.collapsed ?? !0, c = !!(!o || !i || r), [d, l] = Q(c), f = Wt(((h = e.link) == null ? void 0 : h.id) ?? "");
+  z(() => {
+    r && l(!0);
+  }, [r]);
+  const m = o && /* @__PURE__ */ a.jsx(
     "button",
     {
       type: "button",
-      onClick: (h) => {
-        h.preventDefault(), m((j) => !j), o(!0);
+      onClick: (v) => {
+        v.preventDefault(), l((g) => !g), n(!0);
       },
       children: /* @__PURE__ */ a.jsx(
         Xt,
         {
           size: 16,
           className: R(
-            n && "transition",
+            s && "transition",
             "shrink-0 group-data-[state=open]:rotate-90"
           )
         }
@@ -926,20 +925,19 @@ const Jr = ({
     oe.Root,
     {
       className: "flex flex-col",
-      defaultOpen: d,
-      open: c,
-      onOpenChange: () => m(!0),
+      defaultOpen: c,
+      open: d,
+      onOpenChange: () => l(!0),
       children: [
-        /* @__PURE__ */ a.jsx(oe.Trigger, { className: "group", asChild: !0, disabled: !i, children: /* @__PURE__ */ a.jsxs(
+        /* @__PURE__ */ a.jsx(oe.Trigger, { className: "group", asChild: !0, disabled: !o, children: /* @__PURE__ */ a.jsxs(
           "div",
           {
-            onClick: () => o(!0),
+            onClick: () => n(!0),
             className: V({
               isActive: !1,
-              isTopLevel: t === 0,
               className: [
                 "text-start",
-                i ? "cursor-pointer" : "cursor-default hover:bg-transparent"
+                o ? "cursor-pointer" : "cursor-default hover:bg-transparent"
               ]
             }),
             children: [
@@ -947,37 +945,34 @@ const Jr = ({
                 e.icon,
                 {
                   size: 16,
-                  className: R(
-                    "align-[-0.125em] -translate-x-1",
-                    g && "text-primary"
-                  )
+                  className: R("align-[-0.125em] ", f && "text-primary")
                 }
               ),
-              ((x = e.link) == null ? void 0 : x.type) === "doc" ? /* @__PURE__ */ a.jsx(
+              ((p = e.link) == null ? void 0 : p.type) === "doc" ? /* @__PURE__ */ a.jsx(
                 ae,
                 {
                   to: q(e.link.id),
                   className: "flex-1",
                   onClick: () => {
-                    g && !c && m(!0);
+                    f && !d && l(!0);
                   },
                   children: /* @__PURE__ */ a.jsxs(
                     "div",
                     {
                       className: R(
                         "flex items-center gap-2 justify-between w-full",
-                        g ? "text-primary" : "text-foreground/80"
+                        f ? "text-primary" : "text-foreground/80"
                       ),
                       children: [
                         /* @__PURE__ */ a.jsx("div", { className: "truncate", children: e.label }),
-                        f
+                        m
                       ]
                     }
                   )
                 }
               ) : /* @__PURE__ */ a.jsxs("div", { className: "flex items-center justify-between w-full", children: [
                 /* @__PURE__ */ a.jsx("div", { className: "flex gap-2 truncate w-full", children: e.label }),
-                f
+                m
               ] })
             ]
           }
@@ -987,17 +982,23 @@ const Jr = ({
           {
             className: R(
               // CollapsibleContent class is used to animate and it should only be applied when the user has triggered the toggle
-              n && "CollapsibleContent"
+              s && "CollapsibleContent",
+              "ms-6 my-1"
             ),
-            children: /* @__PURE__ */ a.jsx("ul", { className: "mt-1 border-l ms-0.5", children: e.items.map((h) => /* @__PURE__ */ a.jsx(
-              fe,
+            children: /* @__PURE__ */ a.jsx(
+              "ul",
               {
-                onRequestClose: r,
-                level: t + 1,
-                item: h
-              },
-              ("id" in h ? h.id : "") + ("href" in h ? h.href : "") + h.label
-            )) })
+                className: "relative after:absolute after:-left-[--padding-nav-item] after:translate-x-[1.5px] after:top-0 after:bottom-0 after:w-px after:bg-border",
+                children: e.items.map((v) => /* @__PURE__ */ a.jsx(
+                  fe,
+                  {
+                    onRequestClose: t,
+                    item: v
+                  },
+                  ("id" in v ? v.id : "") + ("href" in v ? v.href : "") + v.label
+                ))
+              }
+            )
           }
         )
       ]
@@ -1007,10 +1008,6 @@ const Jr = ({
   "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"
@@ -1026,28 +1023,20 @@ const Jr = ({
   }
 ), lt = "data-anchor", fe = ({
   item: e,
-  level: t = 0,
-  onRequestClose: r
+  onRequestClose: t
 }) => {
-  var o, i;
-  const { activeAnchor: s } = we(), [n] = St();
+  var n, o;
+  const { activeAnchor: r } = we(), [s] = St();
   switch (e.type) {
     case "category":
-      return /* @__PURE__ */ a.jsx(
-        Jr,
-        {
-          category: e,
-          level: t,
-          onRequestClose: r
-        }
-      );
+      return /* @__PURE__ */ a.jsx(Jr, { category: e, onRequestClose: t });
     case "doc":
       return /* @__PURE__ */ a.jsxs(
         ae,
         {
-          className: ({ isActive: l }) => V({ isActive: l, isTopLevel: t === 0 }),
+          className: ({ isActive: i }) => V({ isActive: i }),
           to: q(e.id),
-          onClick: r,
+          onClick: t,
           children: [
             e.icon && /* @__PURE__ */ a.jsx(e.icon, { size: 16, className: "align-[-0.125em]" }),
             e.badge ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -1061,14 +1050,13 @@ const Jr = ({
       return e.href.startsWith("#") ? /* @__PURE__ */ a.jsx(
         cr,
         {
-          to: { hash: e.href, search: n.toString() },
+          to: { hash: e.href, search: s.toString() },
           [lt]: e.href.slice(1),
           className: V({
-            isActive: e.href.slice(1) === s,
-            isTopLevel: t === 0,
-            className: ((o = e.badge) == null ? void 0 : o.placement) !== "start" && "justify-between"
+            isActive: e.href.slice(1) === r,
+            className: ((n = e.badge) == null ? void 0 : n.placement) !== "start" && "justify-between"
           }),
-          onClick: r,
+          onClick: t,
           children: e.badge ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
             /* @__PURE__ */ a.jsx("span", { className: "truncate", title: e.label, children: e.label }),
             /* @__PURE__ */ a.jsx(ie, { ...e.badge })
@@ -1077,11 +1065,11 @@ const Jr = ({
       ) : e.href.startsWith("http") ? /* @__PURE__ */ a.jsxs(
         "a",
         {
-          className: V({ isTopLevel: t === 0 }),
+          className: V(),
           href: e.href,
           target: "_blank",
           rel: "noopener noreferrer",
-          onClick: r,
+          onClick: t,
           children: [
             /* @__PURE__ */ a.jsx("span", { className: "whitespace-normal", children: e.label }),
             /* @__PURE__ */ a.jsx("span", { className: "whitespace-nowrap", children: /* @__PURE__ */ a.jsx(Jt, { className: "inline -translate-y-0.5", size: 12 }) })
@@ -1091,7 +1079,7 @@ const Jr = ({
         ae,
         {
           className: V({
-            className: ((i = e.badge) == null ? void 0 : i.placement) !== "start" && "justify-between"
+            className: ((o = e.badge) == null ? void 0 : o.placement) !== "start" && "justify-between"
           }),
           to: e.href,
           children: e.badge ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -1107,7 +1095,7 @@ const Jr = ({
   r.top >= 0 && r.left >= 0 && r.bottom <= (window.innerHeight || document.documentElement.clientHeight) && r.right <= (window.innerWidth || document.documentElement.clientWidth) || e.scrollIntoView(t);
 }, ea = () => {
   const e = ye(), { setActiveAnchor: t } = we();
-  L(() => {
+  z(() => {
     if (!e.hash) return;
     const r = decodeURIComponent(e.hash.split("/")[0].slice(1)), s = () => {
       const n = document.getElementById(r), o = document.querySelector(`[${lt}="${r}"]`);
@@ -1122,7 +1110,7 @@ const Jr = ({
   }, [e.hash, t]);
 }, ta = () => {
   const e = ye(), t = pe(e.pathname);
-  L(() => {
+  z(() => {
     t.current !== e.pathname && (window.scrollTo(0, 0), t.current = e.pathname);
   }, [e.pathname]);
 };
@@ -1172,12 +1160,12 @@ const aa = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
     }
   );
 }, ct = ({ className: e }) => {
-  const t = F(), [r, s] = Q(!1), n = Bt(() => s(!1), []);
-  L(() => {
+  const t = F(), [r, s] = Q(!1), n = Lt(() => s(!1), []);
+  z(() => {
     if (r)
       return;
-    function i(l) {
-      l.key === "k" && (l.metaKey || l.ctrlKey) && (l.preventDefault(), s(!0));
+    function i(c) {
+      c.key === "k" && (c.metaKey || c.ctrlKey) && (c.preventDefault(), s(!0));
     }
     return window.addEventListener("keydown", i), () => {
       window.removeEventListener("keydown", i);
@@ -1225,9 +1213,9 @@ const aa = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
   label: t,
   default: r
 }) => {
-  var c;
-  const { sidebars: s } = F(), n = s[e], o = Ze(), i = !!be().location, l = ((c = o.topNavItem) == null ? void 0 : c.id) === e && !i, d = r ?? (n ? Ft(n, (m) => {
-    if (m.type === "doc") return q(m.id);
+  var l;
+  const { sidebars: s } = F(), n = s[e], o = Ze(), i = !!be().location, c = ((l = o.topNavItem) == null ? void 0 : l.id) === e && !i, d = r ?? (n ? Ft(n, (f) => {
+    if (f.type === "doc") return q(f.id);
   }) : q(e));
   if (!d)
     throw new Sr("Page not found.", {
@@ -1239,9 +1227,9 @@ const aa = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
     /* @__PURE__ */ a.jsx(
       ae,
       {
-        className: ({ isPending: m }) => lr(
+        className: ({ isPending: f }) => lr(
           "block lg:py-3.5 font-medium -mb-px border-b-2",
-          l || m ? "border-primary text-foreground" : "border-transparent text-foreground/75 hover:text-foreground hover:border-accent-foreground/25"
+          c || f ? "border-primary text-foreground" : "border-transparent text-foreground/75 hover:text-foreground hover:border-accent-foreground/25"
         ),
         to: d,
         children: t
@@ -1286,7 +1274,7 @@ const aa = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
   e.icon && /* @__PURE__ */ a.jsx(e.icon, { size: 16, strokeWidth: 1, absoluteStrokeWidth: !0 }),
   e.label
 ] }, e.label) }), ft = Xe(function() {
-  const t = se(), { isAuthenticated: r, profile: s, isAuthEnabled: n } = se(), o = F(), { page: i, plugins: l } = o, d = l.filter((c) => aa(c)).flatMap((c) => c.getProfileMenuItems(o)).sort((c) => c.weight ?? 0);
+  const t = se(), { isAuthenticated: r, profile: s, isAuthEnabled: n } = se(), o = F(), { page: i, plugins: c } = o, d = c.filter((l) => aa(l)).flatMap((l) => l.getProfileMenuItems(o)).sort((l) => l.weight ?? 0);
   return /* @__PURE__ */ a.jsxs("header", { className: "sticky lg:top-0 z-10 bg-background/80 backdrop-blur w-full", children: [
     /* @__PURE__ */ a.jsx(ua, {}),
     /* @__PURE__ */ a.jsxs("div", { className: "max-w-screen-2xl mx-auto", children: [
@@ -1338,16 +1326,16 @@ const aa = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
                       s != null && s.name ? `${s.name}` : "My Account",
                       (s == null ? void 0 : s.email) && /* @__PURE__ */ a.jsx("div", { className: "font-normal text-muted-foreground", children: s.email })
                     ] }),
-                    d.filter((c) => c.category === "top").length > 0 && /* @__PURE__ */ a.jsx(le, {}),
-                    d.filter((c) => c.category === "top").map((c) => /* @__PURE__ */ a.jsx(re, { item: c }, c.label)),
+                    d.filter((l) => l.category === "top").length > 0 && /* @__PURE__ */ a.jsx(le, {}),
+                    d.filter((l) => l.category === "top").map((l) => /* @__PURE__ */ a.jsx(re, { item: l }, l.label)),
                     d.filter(
-                      (c) => !c.category || c.category === "middle"
+                      (l) => !l.category || l.category === "middle"
                     ).length > 0 && /* @__PURE__ */ a.jsx(le, {}),
                     d.filter(
-                      (c) => !c.category || c.category === "middle"
-                    ).map((c) => /* @__PURE__ */ a.jsx(re, { item: c }, c.label)),
-                    d.filter((c) => c.category === "bottom").length > 0 && /* @__PURE__ */ a.jsx(le, {}),
-                    d.filter((c) => c.category === "bottom").map((c) => /* @__PURE__ */ a.jsx(re, { item: c }, c.label))
+                      (l) => !l.category || l.category === "middle"
+                    ).map((l) => /* @__PURE__ */ a.jsx(re, { item: l }, l.label)),
+                    d.filter((l) => l.category === "bottom").length > 0 && /* @__PURE__ */ a.jsx(le, {}),
+                    d.filter((l) => l.category === "bottom").map((l) => /* @__PURE__ */ a.jsx(re, { item: l }, l.label))
                   ] })
                 ] }) : /* @__PURE__ */ a.jsx(de, { variant: "ghost", onClick: () => t.login(), children: "Login" })
               }
@@ -1368,7 +1356,7 @@ const aa = (e) => "getProfileMenuItems" in e && typeof e.getProfileMenuItems ==
     "data-navigation": String(r),
     className: R(
       "scrollbar peer hidden lg:flex flex-col fixed text-sm overflow-y-auto shrink-0",
-      "px-[--padding-nav-item] -mx-[--padding-nav-item] pb-20 mt-[--padding-content-top]",
+      "-mx-[--padding-nav-item] pb-20 mt-[--padding-content-top]",
       "w-[--side-nav-width] h-[calc(100%-var(--header-height))] scroll-pt-2 gap-2",
       t
     ),
@@ -1417,16 +1405,16 @@ const fa = ({
   const t = ye(), { setActiveAnchor: r } = we(), { meta: s, authentication: n } = F();
   ea(), ta();
   const o = pe(t.pathname);
-  L(() => {
-    var m;
-    (m = n == null ? void 0 : n.onPageLoad) == null || m.call(n);
-  }, [n]), L(() => {
+  z(() => {
+    var f;
+    (f = n == null ? void 0 : n.onPageLoad) == null || f.call(n);
+  }, [n]), z(() => {
     t.pathname !== o.current && r(""), o.current = t.pathname;
   }, [t.pathname, r]);
-  const i = !!be().location, l = Xr.useSpinDelay(i, {
+  const i = !!be().location, c = Xr.useSpinDelay(i, {
     delay: 300,
     minDuration: 500
-  }), [d, c] = Q(!1);
+  }), [d, l] = Q(!1);
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     !1,
     /* @__PURE__ */ a.jsxs(me, { titleTemplate: s == null ? void 0 : s.title, children: [
@@ -1436,14 +1424,14 @@ const fa = ({
     /* @__PURE__ */ a.jsx(O, { name: "layout-before-head" }),
     /* @__PURE__ */ a.jsx(ft, {}),
     /* @__PURE__ */ a.jsx(O, { name: "layout-after-head" }),
-    /* @__PURE__ */ a.jsx("div", { className: "w-full max-w-screen-2xl mx-auto px-10 lg:px-12", children: l ? /* @__PURE__ */ a.jsx(qe, {}) : /* @__PURE__ */ a.jsx(ve, { fallback: /* @__PURE__ */ a.jsx(qe, {}), children: /* @__PURE__ */ a.jsxs(
+    /* @__PURE__ */ a.jsx("div", { className: "w-full max-w-screen-2xl mx-auto px-10 lg:px-12", children: c ? /* @__PURE__ */ a.jsx(qe, {}) : /* @__PURE__ */ a.jsx(ve, { fallback: /* @__PURE__ */ a.jsx(qe, {}), children: /* @__PURE__ */ a.jsxs(
       et,
       {
         direction: "left",
         open: d,
-        onOpenChange: (m) => c(m),
+        onOpenChange: (f) => l(f),
         children: [
-          /* @__PURE__ */ a.jsx(fa, { onRequestClose: () => c(!1) }),
+          /* @__PURE__ */ a.jsx(fa, { onRequestClose: () => l(!1) }),
           /* @__PURE__ */ a.jsx(
             "div",
             {
@@ -1534,18 +1522,18 @@ class pa extends Ut {
       didCatch: o,
       error: i
     } = this.state;
-    let l = t;
+    let c = t;
     if (o) {
       const d = {
         error: i,
         resetErrorBoundary: this.resetErrorBoundary
       };
       if (typeof r == "function")
-        l = r(d);
+        c = r(d);
       else if (s)
-        l = Ie(s, d);
+        c = Ie(s, d);
       else if (n !== void 0)
-        l = n;
+        c = n;
       else
         throw i;
     }
@@ -1555,7 +1543,7 @@ class pa extends Ut {
         error: i,
         resetErrorBoundary: this.resetErrorBoundary
       }
-    }, l);
+    }, c);
   }
 }
 function va() {
@@ -1564,14 +1552,14 @@ function va() {
 }
 class xa {
   constructor(t) {
-    N(this, "plugins");
-    N(this, "sidebars");
-    N(this, "topNavigation");
-    N(this, "meta");
-    N(this, "page");
-    N(this, "authentication");
-    N(this, "navigationPlugins");
-    N(this, "initialize", async () => {
+    S(this, "plugins");
+    S(this, "sidebars");
+    S(this, "topNavigation");
+    S(this, "meta");
+    S(this, "page");
+    S(this, "authentication");
+    S(this, "navigationPlugins");
+    S(this, "initialize", async () => {
       await Promise.all(
         this.plugins.filter(ia).map((t) => {
           var r;
@@ -1579,10 +1567,10 @@ class xa {
         })
       );
     });
-    N(this, "getApiIdentities", async () => (await Promise.all(
+    S(this, "getApiIdentities", async () => (await Promise.all(
       this.plugins.filter(ca).map((r) => r.getIdentities(this))
     )).flat());
-    N(this, "getPluginSidebar", async (t) => (await Promise.all(
+    S(this, "getPluginSidebar", async (t) => (await Promise.all(
       this.navigationPlugins.map(
         (s) => {
           var n;
@@ -1590,7 +1578,7 @@ class xa {
         }
       )
     )).flatMap((s) => s ?? []));
-    N(this, "signRequest", async (t) => {
+    S(this, "signRequest", async (t) => {
       if (!this.authentication)
         throw new Error("No authentication provider configured");
       const r = await this.authentication.getAccessToken();
@@ -1612,38 +1600,38 @@ const gt = {
 }) => (qt({
   queryFn: async () => (await t.initialize(), !0),
   queryKey: ["zudoku-initialize"]
-}), /* @__PURE__ */ a.jsx(Lt.Provider, { value: t, children: e })), pt = Xe(
+}), /* @__PURE__ */ a.jsx(zt.Provider, { value: t, children: e })), pt = Xe(
   ({ children: e, ...t }) => {
-    var g, f;
+    var m, h;
     const r = ne(
       () => ({ ...gt, ...t.overrides }),
       [t.overrides]
     ), s = ne(() => {
-      var x;
+      var v;
       return {
         ...(t.plugins ?? []).filter(la).flatMap(
-          (h) => h.getMdxComponents ? [h.getMdxComponents()] : []
+          (g) => g.getMdxComponents ? [g.getMdxComponents()] : []
         ).reduce(
-          (h, j) => ({ ...h, ...j }),
+          (g, E) => ({ ...g, ...E }),
           {}
         ),
         ...nr,
-        ...(x = t.mdx) == null ? void 0 : x.components
+        ...(v = t.mdx) == null ? void 0 : v.components
       };
-    }, [(g = t.mdx) == null ? void 0 : g.components, t.plugins]), { stagger: n } = $t(ue), [o, i] = Q(!1), l = ne(
+    }, [(m = t.mdx) == null ? void 0 : m.components, t.plugins]), { stagger: n } = $t(ue), [o, i] = Q(!1), c = ne(
       () => o ? { stagger: !0 } : { stagger: n },
       [n, o]
     ), d = be();
-    L(() => {
+    z(() => {
       o || i(!0);
     }, [o, d.location]);
-    const [c] = Q(() => new xa(t)), m = (f = t.plugins) == null ? void 0 : f.filter(oa).map((p, x) => {
-      var h;
-      return /* @__PURE__ */ a.jsx(Kt, { children: (h = p.getHead) == null ? void 0 : h.call(p) }, x);
+    const [l] = Q(() => new xa(t)), f = (h = t.plugins) == null ? void 0 : h.filter(oa).map((p, v) => {
+      var g;
+      return /* @__PURE__ */ a.jsx(Kt, { children: (g = p.getHead) == null ? void 0 : g.call(p) }, v);
     });
     return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-      /* @__PURE__ */ a.jsx(me, { children: m }),
-      /* @__PURE__ */ a.jsx(ue.Provider, { value: l, children: /* @__PURE__ */ a.jsx(wa, { context: c, children: /* @__PURE__ */ a.jsx(ur, { components: s, children: /* @__PURE__ */ a.jsx(wr, { attribute: "class", disableTransitionOnChange: !0, children: /* @__PURE__ */ a.jsx(ja, { value: r, children: /* @__PURE__ */ a.jsx(Et, { slotlets: t.slotlets, children: /* @__PURE__ */ a.jsx(ir, { children: e ?? /* @__PURE__ */ a.jsx(Ge, {}) }) }) }) }) }) }) })
+      /* @__PURE__ */ a.jsx(me, { children: f }),
+      /* @__PURE__ */ a.jsx(ue.Provider, { value: c, children: /* @__PURE__ */ a.jsx(wa, { context: l, children: /* @__PURE__ */ a.jsx(ur, { components: s, children: /* @__PURE__ */ a.jsx(wr, { attribute: "class", disableTransitionOnChange: !0, children: /* @__PURE__ */ a.jsx(ja, { value: r, children: /* @__PURE__ */ a.jsx(Et, { slotlets: t.slotlets, children: /* @__PURE__ */ a.jsx(ir, { children: e ?? /* @__PURE__ */ a.jsx(Ge, {}) }) }) }) }) }) }) })
     ] });
   }
 );