zudoku 0.16.2 → 0.17.0

package/lib/zudoku.components.js

@@ -1,49 +1,50 @@
-var ut = Object.defineProperty;
-var ye = (t) => {
+var ht = Object.defineProperty;
+var be = (t) => {
   throw TypeError(t);
 };
-var dt = (t, e, r) => e in t ? ut(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var v = (t, e, r) => dt(t, typeof e != "symbol" ? e + "" : e, r), je = (t, e, r) => e.has(t) || ye("Cannot " + r);
-var l = (t, e, r) => (je(t, e, "read from private field"), r ? r.call(t) : e.get(t)), y = (t, e, r) => e.has(t) ? ye("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), g = (t, e, r, s) => (je(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r);
-var X = (t, e, r, s) => ({
+var ft = (t, e, r) => e in t ? ht(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var v = (t, e, r) => ft(t, typeof e != "symbol" ? e + "" : e, r), ye = (t, e, r) => e.has(t) || be("Cannot " + r);
+var l = (t, e, r) => (ye(t, e, "read from private field"), r ? r.call(t) : e.get(t)), y = (t, e, r) => e.has(t) ? be("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), m = (t, e, r, s) => (ye(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r);
+var Y = (t, e, r, s) => ({
   set _(n) {
-    g(t, e, n, r);
+    m(t, e, n, r);
   },
   get _() {
     return l(t, e, s);
   }
 });
-import { a as Te, H as ce, M as ht, A as ft, u as gt } from "./AnchorLink-BbB2q-jx.js";
-import { e as mt, f as pt, R as vt, L as te, g as G, h as xt, O as _e, i as bt, b as yt, u as ue } from "./index-CRo94sKK.js";
-import { u as jt } from "./state-CsuHT8ZO.js";
-import { E as Fe, S as k, a as wt, R as Nt } from "./SlotletProvider-Da7eFgd2.js";
+import { a as Ie, A as mt, H as ce, M as gt, u as pt } from "./AnchorLink-DYbUOP9U.js";
+import { e as vt, f as xt, R as bt, g as yt, h as G, b as jt, u as ue, L as te, O as Te, i as wt } from "./index-DM9hrcCG.js";
+import { u as Nt } from "./state-BsPrOUAh.js";
+import { E as _e, S as A, a as St, R as kt } from "./SlotletProvider-mhjLPG44.js";
 import { j as a } from "./jsx-runtime-B6kdoens.js";
-import { Button as ie } from "./ui/Button.js";
-import { Callout as Pt } from "./ui/Callout.js";
-import St, { StrictMode as Qe, createContext as Le, Component as Ct, createElement as we, useState as Q, useCallback as Be, useEffect as _, Suspense as de, memo as He, useMemo as re, useContext as Et, Fragment as kt, useRef as he, forwardRef as At } from "react";
+import { Button as Pt } from "./ui/Button.js";
+import { Callout as Ct } from "./ui/Callout.js";
+import Et, { StrictMode as Fe, useState as Q, useEffect as _, useRef as de, useCallback as Qe, Suspense as he, memo as Be, forwardRef as At, createContext as Le, Component as Mt, createElement as je, useMemo as re, useContext as Ot, Fragment as Dt } from "react";
 import { a as fe } from "./_commonjsHelpers-BkfeUUK-.js";
-import { B as Mt } from "./router-BsfSoK2j.js";
+import { B as Rt } from "./router-BsfSoK2j.js";
 import { a as oe } from "./StaggeredRender-DDHSzQKE.js";
-import { C as Dt } from "./ClientOnly-CVN6leDu.js";
-import { S as ze, i as qe, Q as Ot, n as b, m as Ne, j as Pe, k as M, l as Rt, o as It, p as Tt, q as _t, r as Se, t as Ce, v as Ft, h as Ee, w as ke, x as Qt, y as L, u as F, z as Ke, A as Lt, g as Bt, Z as Ht, B as zt, C as qt } from "./ZudokuContext-BKXGJTmu.js";
-import { M as Kt, u as ee } from "./hook-sn0zMTkE.js";
-import { a as $t, T as Ut, b as Vt, V as Wt, u as ge } from "./Markdown-BDcCAWwm.js";
-import { CircleXIcon as Yt, SearchIcon as Xt, MenuIcon as Zt, MoonStarIcon as Jt, SunIcon as Gt, ChevronRightIcon as er, ExternalLinkIcon as tr, PanelLeftIcon as rr } from "lucide-react";
-import { DropdownMenu as ar, DropdownMenuTrigger as sr, DropdownMenuContent as nr, DropdownMenuLabel as ir, DropdownMenuSeparator as or, DropdownMenuSub as lr, DropdownMenuSubTrigger as cr, DropdownMenuPortal as ur, DropdownMenuSubContent as dr, DropdownMenuItem as hr } from "./ui/DropdownMenu.js";
-import { c as A } from "./cn-BmFQLtkS.js";
-import { VisuallyHidden as $e } from "@radix-ui/react-visually-hidden";
-import { a as Ue, c as fr } from "./index-BuAyrJe3.js";
-import { Drawer as Ve, DrawerTrigger as We, DrawerContent as Ye, DrawerTitle as Xe, DrawerClose as gr } from "./ui/Drawer.js";
-import { S as ae, a as mr } from "./Spinner-C6zroowC.js";
+import { C as ze } from "./ClientOnly-E7hGysn1.js";
+import { ChevronRightIcon as It, ExternalLinkIcon as Tt, CircleXIcon as _t, SearchIcon as Ft, MenuIcon as Qt, MoonStarIcon as Bt, SunIcon as Lt, PanelLeftIcon as zt } from "lucide-react";
+import { Drawer as He, DrawerTrigger as qe, DrawerContent as Ke, DrawerTitle as $e, DrawerClose as Ht } from "./ui/Drawer.js";
+import { c as N } from "./cn-BmFQLtkS.js";
+import { u as me, a as qt, T as Kt, b as $t, V as Ut } from "./Markdown-D6UxMbZm.js";
+import { c as Vt, a as Ue } from "./index-BuAyrJe3.js";
+import { S as Ve, i as Ze, Q as Zt, n as b, m as we, j as Ne, k as M, l as Wt, o as Yt, p as Xt, q as Jt, r as Se, t as ke, v as Gt, h as Pe, w as Ce, x as er, y as tr, z as B, u as F, A as We, B as rr, g as ar, Z as sr, C as nr } from "./utils-DNAltzXc.js";
+import { S as ae } from "./SidebarBadge-Bbt92M5K.js";
 import * as se from "@radix-ui/react-collapsible";
-function pr({ error: t }) {
-  return /* @__PURE__ */ a.jsx(Fe, { error: t });
+import { B as ne, S as ir } from "./Spinner-ChOGyPls.js";
+import { M as or, u as ee } from "./hook-CjQERPa7.js";
+import { DropdownMenu as lr, DropdownMenuTrigger as cr, DropdownMenuContent as ur, DropdownMenuLabel as dr, DropdownMenuSeparator as hr, DropdownMenuSub as fr, DropdownMenuSubTrigger as mr, DropdownMenuPortal as gr, DropdownMenuSubContent as pr, DropdownMenuItem as vr } from "./ui/DropdownMenu.js";
+import { VisuallyHidden as Ye } from "@radix-ui/react-visually-hidden";
+function xr({ error: t }) {
+  return /* @__PURE__ */ a.jsx(_e, { error: t });
 }
-var W = {};
-const vr = /* @__PURE__ */ fe(Mt), xr = /* @__PURE__ */ fe(mt), br = /* @__PURE__ */ fe(pt);
-Object.defineProperty(W, "__esModule", { value: !0 });
-var yr = St, E = vr, me = xr, D = br;
-function jr(t) {
+var Z = {};
+const br = /* @__PURE__ */ fe(Rt), yr = /* @__PURE__ */ fe(vt), jr = /* @__PURE__ */ fe(xt);
+Object.defineProperty(Z, "__esModule", { value: !0 });
+var wr = Et, E = br, ge = yr, O = jr;
+function Nr(t) {
   if (t && t.__esModule) return t;
   var e = /* @__PURE__ */ Object.create(null);
   return t && Object.keys(t).forEach(function(r) {
@@ -58,22 +59,22 @@ function jr(t) {
     }
   }), e.default = t, Object.freeze(e);
 }
-var S = /* @__PURE__ */ jr(yr);
-function wr({
+var P = /* @__PURE__ */ Nr(wr);
+function Sr({
   basename: t,
   children: e,
   location: r = "/",
   future: s
 }) {
-  typeof r == "string" && (r = D.parsePath(r));
+  typeof r == "string" && (r = O.parsePath(r));
   let n = E.Action.Pop, i = {
     pathname: r.pathname || "/",
     search: r.search || "",
     hash: r.hash || "",
     state: r.state != null ? r.state : null,
     key: r.key || "default"
-  }, o = Ze();
-  return /* @__PURE__ */ S.createElement(D.Router, {
+  }, o = Xe();
+  return /* @__PURE__ */ P.createElement(O.Router, {
     basename: t,
     children: e,
     location: i,
@@ -83,7 +84,7 @@ function wr({
     static: !0
   });
 }
-function Nr({
+function kr({
   context: t,
   router: e,
   hydrate: r = !0,
@@ -92,7 +93,7 @@ function Nr({
   e && t || (process.env.NODE_ENV !== "production" ? E.UNSAFE_invariant(!1, "You must provide `router` and `context` to <StaticRouterProvider>") : E.UNSAFE_invariant(!1));
   let n = {
     router: e,
-    navigator: Ze(),
+    navigator: Xe(),
     static: !0,
     staticContext: t,
     basename: t.basename || "/"
@@ -101,24 +102,24 @@ function Nr({
     let c = {
       loaderData: t.loaderData,
       actionData: t.actionData,
-      errors: Sr(t.errors)
+      errors: Cr(t.errors)
     };
-    o = `window.__staticRouterHydrationData = JSON.parse(${Dr(JSON.stringify(JSON.stringify(c)))});`;
+    o = `window.__staticRouterHydrationData = JSON.parse(${Rr(JSON.stringify(JSON.stringify(c)))});`;
   }
   let {
     state: u
   } = n.router;
-  return /* @__PURE__ */ S.createElement(S.Fragment, null, /* @__PURE__ */ S.createElement(D.UNSAFE_DataRouterContext.Provider, {
+  return /* @__PURE__ */ P.createElement(P.Fragment, null, /* @__PURE__ */ P.createElement(O.UNSAFE_DataRouterContext.Provider, {
     value: n
-  }, /* @__PURE__ */ S.createElement(D.UNSAFE_DataRouterStateContext.Provider, {
+  }, /* @__PURE__ */ P.createElement(O.UNSAFE_DataRouterStateContext.Provider, {
     value: u
-  }, /* @__PURE__ */ S.createElement(D.UNSAFE_FetchersContext.Provider, {
+  }, /* @__PURE__ */ P.createElement(O.UNSAFE_FetchersContext.Provider, {
     value: i
-  }, /* @__PURE__ */ S.createElement(D.UNSAFE_ViewTransitionContext.Provider, {
+  }, /* @__PURE__ */ P.createElement(O.UNSAFE_ViewTransitionContext.Provider, {
     value: {
       isTransitioning: !1
     }
-  }, /* @__PURE__ */ S.createElement(D.Router, {
+  }, /* @__PURE__ */ P.createElement(O.Router, {
     basename: n.basename,
     location: u.location,
     navigationType: u.historyAction,
@@ -127,11 +128,11 @@ function Nr({
     future: {
       v7_relativeSplatPath: e.future.v7_relativeSplatPath
     }
-  }, /* @__PURE__ */ S.createElement(Pr, {
+  }, /* @__PURE__ */ P.createElement(Pr, {
     routes: e.routes,
     future: e.future,
     state: u
-  })))))), o ? /* @__PURE__ */ S.createElement("script", {
+  })))))), o ? /* @__PURE__ */ P.createElement("script", {
     suppressHydrationWarning: !0,
     nonce: s,
     dangerouslySetInnerHTML: {
@@ -144,9 +145,9 @@ function Pr({
   future: e,
   state: r
 }) {
-  return me.UNSAFE_useRoutesImpl(t, void 0, r, e);
+  return ge.UNSAFE_useRoutesImpl(t, void 0, r, e);
 }
-function Sr(t) {
+function Cr(t) {
   if (!t) return null;
   let e = Object.entries(t), r = {};
   for (let [s, n] of e)
@@ -164,7 +165,7 @@ function Sr(t) {
     } : r[s] = n;
   return r;
 }
-function Ze() {
+function Xe() {
   return {
     createHref: Je,
     encodeLocation: Ge,
@@ -185,14 +186,14 @@ function Ze() {
     }
   };
 }
-function Cr(t, e) {
+function Er(t, e) {
   return E.createStaticHandler(t, {
     ...e,
-    mapRouteProperties: me.UNSAFE_mapRouteProperties
+    mapRouteProperties: ge.UNSAFE_mapRouteProperties
   });
 }
-function Er(t, e, r = {}) {
-  let s = {}, n = E.UNSAFE_convertRoutesToDataRoutes(t, me.UNSAFE_mapRouteProperties, void 0, s), i = e.matches.map((u) => {
+function Ar(t, e, r = {}) {
+  let s = {}, n = E.UNSAFE_convertRoutesToDataRoutes(t, ge.UNSAFE_mapRouteProperties, void 0, s), i = e.matches.map((u) => {
     let c = s[u.route.id] || u.route;
     return {
       ...u,
@@ -282,50 +283,50 @@ function Er(t, e, r = {}) {
   };
 }
 function Je(t) {
-  return typeof t == "string" ? t : D.createPath(t);
+  return typeof t == "string" ? t : O.createPath(t);
 }
 function Ge(t) {
-  let e = typeof t == "string" ? t : D.createPath(t);
+  let e = typeof t == "string" ? t : O.createPath(t);
   e = e.replace(/ $/, "%20");
-  let r = kr.test(e) ? new URL(e) : new URL(e, "http://localhost");
+  let r = Mr.test(e) ? new URL(e) : new URL(e, "http://localhost");
   return {
     pathname: r.pathname,
     search: r.search,
     hash: r.hash
   };
 }
-const kr = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Ar = {
+const Mr = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Or = {
   "&": "\\u0026",
   ">": "\\u003e",
   "<": "\\u003c",
   "\u2028": "\\u2028",
   "\u2029": "\\u2029"
-}, Mr = /[&><\u2028\u2029]/g;
-function Dr(t) {
-  return t.replace(Mr, (e) => Ar[e]);
+}, Dr = /[&><\u2028\u2029]/g;
+function Rr(t) {
+  return t.replace(Dr, (e) => Or[e]);
 }
-W.StaticRouter = wr;
-var Or = W.StaticRouterProvider = Nr;
-W.createStaticHandler = Cr;
-W.createStaticRouter = Er;
-const Rr = ({
+Z.StaticRouter = Sr;
+var Ir = Z.StaticRouterProvider = kr;
+Z.createStaticHandler = Er;
+Z.createStaticRouter = Ar;
+const Tr = ({
   router: t,
   hydrate: e = !1
-}) => /* @__PURE__ */ a.jsx(Qe, { children: /* @__PURE__ */ a.jsx(Te, { children: /* @__PURE__ */ a.jsx(oe.Provider, { value: { stagger: !e }, children: /* @__PURE__ */ a.jsx(vt, { router: t }) }) }) }), Ir = ({
+}) => /* @__PURE__ */ a.jsx(Fe, { children: /* @__PURE__ */ a.jsx(Ie, { children: /* @__PURE__ */ a.jsx(oe.Provider, { value: { stagger: !e }, children: /* @__PURE__ */ a.jsx(bt, { router: t }) }) }) }), _r = ({
   router: t,
   context: e,
   helmetContext: r
-}) => /* @__PURE__ */ a.jsx(Qe, { children: /* @__PURE__ */ a.jsx(Te, { context: r, children: /* @__PURE__ */ a.jsx(Or, { router: t, context: e }) }) });
-var C, Oe, Tr = (Oe = class extends ze {
+}) => /* @__PURE__ */ a.jsx(Fe, { children: /* @__PURE__ */ a.jsx(Ie, { context: r, children: /* @__PURE__ */ a.jsx(Ir, { router: t, context: e }) }) });
+var C, Oe, Fr = (Oe = class extends Ve {
   constructor(e = {}) {
     super();
     y(this, C);
-    this.config = e, g(this, C, /* @__PURE__ */ new Map());
+    this.config = e, m(this, C, /* @__PURE__ */ new Map());
   }
   build(e, r, s) {
-    const n = r.queryKey, i = r.queryHash ?? qe(n, r);
+    const n = r.queryKey, i = r.queryHash ?? Ze(n, r);
     let o = this.get(i);
-    return o || (o = new Ot({
+    return o || (o = new Zt({
       cache: this,
       queryKey: n,
       queryHash: i,
@@ -360,12 +361,12 @@ var C, Oe, Tr = (Oe = class extends ze {
   find(e) {
     const r = { exact: !0, ...e };
     return this.getAll().find(
-      (s) => Ne(r, s)
+      (s) => we(r, s)
     );
   }
   findAll(e = {}) {
     const r = this.getAll();
-    return Object.keys(e).length > 0 ? r.filter((s) => Ne(e, s)) : r;
+    return Object.keys(e).length > 0 ? r.filter((s) => we(e, s)) : r;
   }
   notify(e) {
     b.batch(() => {
@@ -388,29 +389,29 @@ var C, Oe, Tr = (Oe = class extends ze {
       });
     });
   }
-}, C = new WeakMap(), Oe), x, V, Re, _r = (Re = class extends ze {
+}, C = new WeakMap(), Oe), x, V, De, Qr = (De = class extends Ve {
   constructor(e = {}) {
     super();
     y(this, x);
     y(this, V);
-    this.config = e, g(this, x, /* @__PURE__ */ new Map()), g(this, V, Date.now());
+    this.config = e, m(this, x, /* @__PURE__ */ new Map()), m(this, V, Date.now());
   }
   build(e, r, s) {
-    const n = new Kt({
+    const n = new or({
       mutationCache: this,
-      mutationId: ++X(this, V)._,
+      mutationId: ++Y(this, V)._,
       options: e.defaultMutationOptions(r),
       state: s
     });
     return this.add(n), n;
   }
   add(e) {
-    const r = Z(e), s = l(this, x).get(r) ?? [];
+    const r = X(e), s = l(this, x).get(r) ?? [];
     s.push(e), l(this, x).set(r, s), this.notify({ type: "added", mutation: e });
   }
   remove(e) {
     var s;
-    const r = Z(e);
+    const r = X(e);
     if (l(this, x).has(r)) {
       const n = (s = l(this, x).get(r)) == null ? void 0 : s.filter((i) => i !== e);
       n && (n.length === 0 ? l(this, x).delete(r) : l(this, x).set(r, n));
@@ -419,12 +420,12 @@ var C, Oe, Tr = (Oe = class extends ze {
   }
   canRun(e) {
     var s;
-    const r = (s = l(this, x).get(Z(e))) == null ? void 0 : s.find((n) => n.state.status === "pending");
+    const r = (s = l(this, x).get(X(e))) == null ? void 0 : s.find((n) => n.state.status === "pending");
     return !r || r === e;
   }
   runNext(e) {
     var s;
-    const r = (s = l(this, x).get(Z(e))) == null ? void 0 : s.find((n) => n !== e && n.state.isPaused);
+    const r = (s = l(this, x).get(X(e))) == null ? void 0 : s.find((n) => n !== e && n.state.isPaused);
     return (r == null ? void 0 : r.continue()) ?? Promise.resolve();
   }
   clear() {
@@ -440,11 +441,11 @@ var C, Oe, Tr = (Oe = class extends ze {
   find(e) {
     const r = { exact: !0, ...e };
     return this.getAll().find(
-      (s) => Pe(r, s)
+      (s) => Ne(r, s)
     );
   }
   findAll(e = {}) {
-    return this.getAll().filter((r) => Pe(e, r));
+    return this.getAll().filter((r) => Ne(e, r));
   }
   notify(e) {
     b.batch(() => {
@@ -461,68 +462,68 @@ var C, Oe, Tr = (Oe = class extends ze {
       )
     );
   }
-}, x = new WeakMap(), V = new WeakMap(), Re);
-function Z(t) {
+}, x = new WeakMap(), V = new WeakMap(), De);
+function X(t) {
   var e;
   return ((e = t.options.scope) == null ? void 0 : e.id) ?? String(t.mutationId);
 }
-function Ae(t) {
+function Ee(t) {
   return {
     onFetch: (e, r) => {
-      var j, N, p, P, h;
-      const s = e.options, n = (p = (N = (j = e.fetchOptions) == null ? void 0 : j.meta) == null ? void 0 : N.fetchMore) == null ? void 0 : p.direction, i = ((P = e.state.data) == null ? void 0 : P.pages) || [], o = ((h = e.state.data) == null ? void 0 : h.pageParams) || [];
+      var j, S, p, k, h;
+      const s = e.options, n = (p = (S = (j = e.fetchOptions) == null ? void 0 : j.meta) == null ? void 0 : S.fetchMore) == null ? void 0 : p.direction, i = ((k = e.state.data) == null ? void 0 : k.pages) || [], o = ((h = e.state.data) == null ? void 0 : h.pageParams) || [];
       let u = { pages: [], pageParams: [] }, c = 0;
-      const m = async () => {
+      const g = async () => {
         let f = !1;
-        const B = (w) => {
+        const L = (w) => {
           Object.defineProperty(w, "signal", {
             enumerable: !0,
             get: () => (e.signal.aborted ? f = !0 : e.signal.addEventListener("abort", () => {
               f = !0;
             }), e.signal)
           });
-        }, lt = Rt(e.options, e.fetchOptions), ve = async (w, O, $) => {
+        }, ut = Wt(e.options, e.fetchOptions), pe = async (w, D, $) => {
           if (f)
             return Promise.reject();
-          if (O == null && w.pages.length)
+          if (D == null && w.pages.length)
             return Promise.resolve(w);
-          const Y = {
+          const W = {
             queryKey: e.queryKey,
-            pageParam: O,
+            pageParam: D,
             direction: $ ? "backward" : "forward",
             meta: e.options.meta
           };
-          B(Y);
-          const ct = await lt(
-            Y
-          ), { maxPages: xe } = e.options, be = $ ? It : Tt;
+          L(W);
+          const dt = await ut(
+            W
+          ), { maxPages: ve } = e.options, xe = $ ? Yt : Xt;
           return {
-            pages: be(w.pages, ct, xe),
-            pageParams: be(w.pageParams, O, xe)
+            pages: xe(w.pages, dt, ve),
+            pageParams: xe(w.pageParams, D, ve)
           };
         };
         if (n && i.length) {
-          const w = n === "backward", O = w ? Fr : Me, $ = {
+          const w = n === "backward", D = w ? Br : Ae, $ = {
             pages: i,
             pageParams: o
-          }, Y = O(s, $);
-          u = await ve($, Y, w);
+          }, W = D(s, $);
+          u = await pe($, W, w);
         } else {
           const w = t ?? i.length;
           do {
-            const O = c === 0 ? o[0] ?? s.initialPageParam : Me(s, u);
-            if (c > 0 && O == null)
+            const D = c === 0 ? o[0] ?? s.initialPageParam : Ae(s, u);
+            if (c > 0 && D == null)
               break;
-            u = await ve(u, O), c++;
+            u = await pe(u, D), c++;
           } while (c < w);
         }
         return u;
       };
       e.options.persister ? e.fetchFn = () => {
-        var f, B;
-        return (B = (f = e.options).persister) == null ? void 0 : B.call(
+        var f, L;
+        return (L = (f = e.options).persister) == null ? void 0 : L.call(
           f,
-          m,
+          g,
           {
             queryKey: e.queryKey,
             meta: e.options.meta,
@@ -530,11 +531,11 @@ function Ae(t) {
           },
           r
         );
-      } : e.fetchFn = m;
+      } : e.fetchFn = g;
     }
   };
 }
-function Me(t, { pages: e, pageParams: r }) {
+function Ae(t, { pages: e, pageParams: r }) {
   const s = e.length - 1;
   return e.length > 0 ? t.getNextPageParam(
     e[s],
@@ -543,32 +544,32 @@ function Me(t, { pages: e, pageParams: r }) {
     r
   ) : void 0;
 }
-function Fr(t, { pages: e, pageParams: r }) {
+function Br(t, { pages: e, pageParams: r }) {
   var s;
   return e.length > 0 ? (s = t.getPreviousPageParam) == null ? void 0 : s.call(t, e[0], e, r[0], r) : void 0;
 }
-var d, R, I, H, z, T, q, K, Ie, Qr = (Ie = class {
+var d, R, I, z, H, T, q, K, Re, Lr = (Re = class {
   constructor(t = {}) {
     y(this, d);
     y(this, R);
     y(this, I);
-    y(this, H);
     y(this, z);
+    y(this, H);
     y(this, T);
     y(this, q);
     y(this, K);
-    g(this, d, t.queryCache || new Tr()), g(this, R, t.mutationCache || new _r()), g(this, I, t.defaultOptions || {}), g(this, H, /* @__PURE__ */ new Map()), g(this, z, /* @__PURE__ */ new Map()), g(this, T, 0);
+    m(this, d, t.queryCache || new Fr()), m(this, R, t.mutationCache || new Qr()), m(this, I, t.defaultOptions || {}), m(this, z, /* @__PURE__ */ new Map()), m(this, H, /* @__PURE__ */ new Map()), m(this, T, 0);
   }
   mount() {
-    X(this, T)._++, l(this, T) === 1 && (g(this, q, _t.subscribe(async (t) => {
+    Y(this, T)._++, l(this, T) === 1 && (m(this, q, Jt.subscribe(async (t) => {
       t && (await this.resumePausedMutations(), l(this, d).onFocus());
-    })), g(this, K, Se.subscribe(async (t) => {
+    })), m(this, K, Se.subscribe(async (t) => {
       t && (await this.resumePausedMutations(), l(this, d).onOnline());
     })));
   }
   unmount() {
     var t, e;
-    X(this, T)._--, l(this, T) === 0 && ((t = l(this, q)) == null || t.call(this), g(this, q, void 0), (e = l(this, K)) == null || e.call(this), g(this, K, void 0));
+    Y(this, T)._--, l(this, T) === 0 && ((t = l(this, q)) == null || t.call(this), m(this, q, void 0), (e = l(this, K)) == null || e.call(this), m(this, K, void 0));
   }
   isFetching(t) {
     return l(this, d).findAll({ ...t, fetchStatus: "fetching" }).length;
@@ -587,7 +588,7 @@ var d, R, I, H, z, T, q, K, Ie, Qr = (Ie = class {
       return this.fetchQuery(t);
     {
       const r = this.defaultQueryOptions(t), s = l(this, d).build(this, r);
-      return t.revalidateIfStale && s.isStaleByTime(Ce(r.staleTime, s)) && this.prefetchQuery(r), Promise.resolve(e);
+      return t.revalidateIfStale && s.isStaleByTime(ke(r.staleTime, s)) && this.prefetchQuery(r), Promise.resolve(e);
     }
   }
   getQueriesData(t) {
@@ -599,7 +600,7 @@ var d, R, I, H, z, T, q, K, Ie, Qr = (Ie = class {
   setQueryData(t, e, r) {
     const s = this.defaultQueryOptions({ queryKey: t }), n = l(this, d).get(
       s.queryHash
-    ), i = n == null ? void 0 : n.state.data, o = Ft(e, i);
+    ), i = n == null ? void 0 : n.state.data, o = Gt(e, i);
     if (o !== void 0)
       return l(this, d).build(this, s).setData(o, { ...r, manual: !0 });
   }
@@ -669,20 +670,20 @@ var d, R, I, H, z, T, q, K, Ie, Qr = (Ie = class {
     e.retry === void 0 && (e.retry = !1);
     const r = l(this, d).build(this, e);
     return r.isStaleByTime(
-      Ce(e.staleTime, r)
+      ke(e.staleTime, r)
     ) ? r.fetch(e) : Promise.resolve(r.state.data);
   }
   prefetchQuery(t) {
     return this.fetchQuery(t).then(M).catch(M);
   }
   fetchInfiniteQuery(t) {
-    return t.behavior = Ae(t.pages), this.fetchQuery(t);
+    return t.behavior = Ee(t.pages), this.fetchQuery(t);
   }
   prefetchInfiniteQuery(t) {
     return this.fetchInfiniteQuery(t).then(M).catch(M);
   }
   ensureInfiniteQueryData(t) {
-    return t.behavior = Ae(t.pages), this.ensureQueryData(t);
+    return t.behavior = Ee(t.pages), this.ensureQueryData(t);
   }
   resumePausedMutations() {
     return Se.isOnline() ? l(this, R).resumePausedMutations() : Promise.resolve();
@@ -697,32 +698,32 @@ var d, R, I, H, z, T, q, K, Ie, Qr = (Ie = class {
     return l(this, I);
   }
   setDefaultOptions(t) {
-    g(this, I, t);
+    m(this, I, t);
   }
   setQueryDefaults(t, e) {
-    l(this, H).set(Ee(t), {
+    l(this, z).set(Pe(t), {
       queryKey: t,
       defaultOptions: e
     });
   }
   getQueryDefaults(t) {
-    const e = [...l(this, H).values()];
+    const e = [...l(this, z).values()];
     let r = {};
     return e.forEach((s) => {
-      ke(t, s.queryKey) && (r = { ...r, ...s.defaultOptions });
+      Ce(t, s.queryKey) && (r = { ...r, ...s.defaultOptions });
     }), r;
   }
   setMutationDefaults(t, e) {
-    l(this, z).set(Ee(t), {
+    l(this, H).set(Pe(t), {
       mutationKey: t,
       defaultOptions: e
     });
   }
   getMutationDefaults(t) {
-    const e = [...l(this, z).values()];
+    const e = [...l(this, H).values()];
     let r = {};
     return e.forEach((s) => {
-      ke(t, s.mutationKey) && (r = { ...r, ...s.defaultOptions });
+      Ce(t, s.mutationKey) && (r = { ...r, ...s.defaultOptions });
     }), r;
   }
   defaultQueryOptions(t) {
@@ -734,10 +735,10 @@ var d, R, I, H, z, T, q, K, Ie, Qr = (Ie = class {
       ...t,
       _defaulted: !0
     };
-    return e.queryHash || (e.queryHash = qe(
+    return e.queryHash || (e.queryHash = Ze(
       e.queryKey,
       e
-    )), e.refetchOnReconnect === void 0 && (e.refetchOnReconnect = e.networkMode !== "always"), e.throwOnError === void 0 && (e.throwOnError = !!e.suspense), !e.networkMode && e.persister && (e.networkMode = "offlineFirst"), e.enabled !== !0 && e.queryFn === Qt && (e.enabled = !1), e;
+    )), e.refetchOnReconnect === void 0 && (e.refetchOnReconnect = e.networkMode !== "always"), e.throwOnError === void 0 && (e.throwOnError = !!e.suspense), !e.networkMode && e.persister && (e.networkMode = "offlineFirst"), e.enabled !== !0 && e.queryFn === er && (e.enabled = !1), e;
   }
   defaultMutationOptions(t) {
     return t != null && t._defaulted ? t : {
@@ -750,212 +751,314 @@ var d, R, I, H, z, T, q, K, Ie, Qr = (Ie = class {
   clear() {
     l(this, d).clear(), l(this, R).clear();
   }
-}, d = new WeakMap(), R = new WeakMap(), I = new WeakMap(), H = new WeakMap(), z = new WeakMap(), T = new WeakMap(), q = new WeakMap(), K = new WeakMap(), Ie);
-const Lr = Le(null), ne = {
-  didCatch: !1,
-  error: null
-};
-class Br extends Ct {
-  constructor(e) {
-    super(e), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = ne;
-  }
-  static getDerivedStateFromError(e) {
-    return {
-      didCatch: !0,
-      error: e
-    };
-  }
-  resetErrorBoundary() {
-    const {
-      error: e
-    } = this.state;
-    if (e !== null) {
-      for (var r, s, n = arguments.length, i = new Array(n), o = 0; o < n; o++)
-        i[o] = arguments[o];
-      (r = (s = this.props).onReset) === null || r === void 0 || r.call(s, {
-        args: i,
-        reason: "imperative-api"
-      }), this.setState(ne);
-    }
-  }
-  componentDidCatch(e, r) {
-    var s, n;
-    (s = (n = this.props).onError) === null || s === void 0 || s.call(n, e, r);
-  }
-  componentDidUpdate(e, r) {
-    const {
-      didCatch: s
-    } = this.state, {
-      resetKeys: n
-    } = this.props;
-    if (s && r.error !== null && Hr(e.resetKeys, n)) {
-      var i, o;
-      (i = (o = this.props).onReset) === null || i === void 0 || i.call(o, {
-        next: n,
-        prev: e.resetKeys,
-        reason: "keys"
-      }), this.setState(ne);
-    }
-  }
-  render() {
-    const {
-      children: e,
-      fallbackRender: r,
-      FallbackComponent: s,
-      fallback: n
-    } = this.props, {
-      didCatch: i,
-      error: o
-    } = this.state;
-    let u = e;
-    if (i) {
-      const c = {
-        error: o,
-        resetErrorBoundary: this.resetErrorBoundary
-      };
-      if (typeof r == "function")
-        u = r(c);
-      else if (s)
-        u = we(s, c);
-      else if (n !== void 0)
-        u = n;
-      else
-        throw o;
-    }
-    return we(Lr.Provider, {
-      value: {
-        didCatch: i,
-        error: o,
-        resetErrorBoundary: this.resetErrorBoundary
-      }
-    }, u);
-  }
-}
-function Hr() {
-  let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-  return t.length !== e.length || t.some((r, s) => !Object.is(r, e[s]));
-}
-const zr = (t) => "getProfileMenuItems" in t && typeof t.getProfileMenuItems == "function", qr = (t) => "getRoutes" in t && typeof t.getRoutes == "function", Kr = (t) => "renderSearch" in t && typeof t.renderSearch == "function", $r = (t) => "initialize" in t && typeof t.initialize == "function", Ur = (t) => "getHead" in t && typeof t.getHead == "function", Vr = (t) => "getMdxComponents" in t && typeof t.getMdxComponents == "function", Wr = (t) => "getIdentities" in t && typeof t.getIdentities == "function", et = new Qr();
-class Yr {
-  constructor(e) {
-    v(this, "plugins");
-    v(this, "sidebars");
-    v(this, "topNavigation");
-    v(this, "meta");
-    v(this, "page");
-    v(this, "authentication");
-    v(this, "navigationPlugins");
-    v(this, "initialize", async () => {
-      await Promise.all(
-        this.plugins.filter($r).map((e) => {
-          var r;
-          return (r = e.initialize) == null ? void 0 : r.call(e, this);
-        })
-      );
-    });
-    v(this, "invalidateCache", async (e) => {
-      await et.invalidateQueries({ queryKey: e });
-    });
-    v(this, "getApiIdentities", async () => (await Promise.all(
-      this.plugins.filter(Wr).map((r) => r.getIdentities(this))
-    )).flat());
-    v(this, "getPluginSidebar", async (e) => (await Promise.all(
-      this.navigationPlugins.map(
-        (s) => {
-          var n;
-          return (n = s.getSidebar) == null ? void 0 : n.call(s, L(e));
+}, d = new WeakMap(), R = new WeakMap(), I = new WeakMap(), z = new WeakMap(), H = new WeakMap(), T = new WeakMap(), q = new WeakMap(), K = new WeakMap(), Re);
+const zr = ({
+  category: t,
+  level: e
+}) => {
+  var p, k;
+  const r = tr(t), [s, n] = Q(!1), i = t.collapsible ?? !0, o = t.collapsed ?? !0, u = !!(!i || !o || r), [c, g] = Q(u), j = yt(((p = t.link) == null ? void 0 : p.id) ?? "");
+  _(() => {
+    r && g(!0);
+  }, [r]);
+  const S = i && /* @__PURE__ */ a.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: (h) => {
+        h.preventDefault(), g((f) => !f), n(!0);
+      },
+      children: /* @__PURE__ */ a.jsx(
+        It,
+        {
+          size: 16,
+          className: N(
+            s && "transition",
+            "shrink-0 group-data-[state=open]:rotate-90"
+          )
         }
       )
-    )).flatMap((s) => s ?? []));
-    v(this, "signRequest", async (e) => {
-      if (!this.authentication)
-        throw new Error("No authentication provider configured");
-      const r = await this.authentication.getAccessToken();
-      return e.headers.set("Authorization", `Bearer ${r}`), e;
-    });
-    this.plugins = e.plugins ?? [], this.topNavigation = e.topNavigation ?? [], this.sidebars = e.sidebars ?? {}, this.navigationPlugins = this.plugins.filter(qr), this.authentication = e.authentication, this.meta = e.metadata, this.page = e.page;
-  }
-}
-function Xr({ error: t, resetErrorBoundary: e }) {
-  return /* @__PURE__ */ a.jsx(Fe, { error: t });
-}
-const J = globalThis;
-(!J.requestIdleCallback || !J.cancelIdleCallback) && (J.requestIdleCallback = (t) => setTimeout(t, 1), J.cancelIdleCallback = clearTimeout);
-const De = {
-  info: "bg-blue-500",
-  note: "bg-gray-500",
-  tip: "bg-green-600",
-  caution: "bg-orange-500",
-  danger: "bg-rose-500"
-}, Zr = () => {
-  const { page: t } = F(), [e, r] = Q(!0);
-  if (!(t != null && t.banner) || !e)
-    return /* @__PURE__ */ a.jsx("style", { children: ":root { --banner-height: 0px; }" });
-  const s = t.banner.color && t.banner.color in De ? De[t.banner.color] : t.banner.color ? void 0 : "bg-primary", n = s ? {} : { backgroundColor: t.banner.color };
+    }
+  );
   return /* @__PURE__ */ a.jsxs(
-    "div",
+    se.Root,
     {
-      className: A(
-        "relative text-primary-foreground text-sm font-medium px-4 py-2 flex gap-2 items-center",
-        s
-      ),
-      style: n,
+      className: "flex flex-col",
+      defaultOpen: u,
+      open: c,
+      onOpenChange: () => g(!0),
       children: [
-        /* @__PURE__ */ a.jsx("div", { className: "w-full", children: t.banner.message }),
-        t.banner.dismissible && /* @__PURE__ */ a.jsx(
-          "button",
+        /* @__PURE__ */ a.jsx(se.Trigger, { className: "group", asChild: !0, disabled: !i, children: /* @__PURE__ */ a.jsxs(
+          "div",
           {
-            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(Yt, { size: 16 })
+            onClick: () => n(!0),
+            className: U({
+              isActive: !1,
+              isTopLevel: e === 0,
+              className: [
+                "text-start",
+                i ? "cursor-pointer" : "cursor-default hover:bg-transparent"
+              ]
+            }),
+            children: [
+              t.icon && /* @__PURE__ */ a.jsx(
+                t.icon,
+                {
+                  size: 16,
+                  className: N(
+                    "align-[-0.125em] -translate-x-1",
+                    j && "text-primary"
+                  )
+                }
+              ),
+              ((k = t.link) == null ? void 0 : k.type) === "doc" ? /* @__PURE__ */ a.jsx(
+                G,
+                {
+                  to: B(t.link.id),
+                  className: "flex-1",
+                  onClick: () => {
+                    j && !c && g(!0);
+                  },
+                  children: /* @__PURE__ */ a.jsxs(
+                    "div",
+                    {
+                      className: N(
+                        "flex items-center gap-2 justify-between w-full",
+                        j ? "text-primary" : "text-foreground/80"
+                      ),
+                      children: [
+                        /* @__PURE__ */ a.jsx("div", { className: "truncate", children: t.label }),
+                        S
+                      ]
+                    }
+                  )
+                }
+              ) : /* @__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: t.label }),
+                S
+              ] })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ a.jsx(
+          se.Content,
+          {
+            className: N(
+              // CollapsibleContent class is used to animate and it should only be applied when the user has triggered the toggle
+              s && "CollapsibleContent"
+            ),
+            children: /* @__PURE__ */ a.jsx("ul", { className: "mt-1 border-l ms-0.5", children: t.items.map((h) => /* @__PURE__ */ a.jsx(
+              le,
+              {
+                level: e + 1,
+                item: h
+              },
+              ("id" in h ? h.id : "") + ("href" in h ? h.href : "") + h.label
+            )) })
           }
         )
       ]
     }
   );
-}, tt = () => {
-  const t = F(), [e, r] = Q(!1), s = Be(() => r(!1), []);
-  _(() => {
-    if (e)
-      return;
-    function i(o) {
-      o.key === "k" && (o.metaKey || o.ctrlKey) && (o.preventDefault(), r(!0));
-    }
-    return window.addEventListener("keydown", i), () => {
-      window.removeEventListener("keydown", i);
-    };
-  }, [e, r]);
-  const n = t.plugins.find(Kr);
-  return n ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => r(!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(Xt, { 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" })
-        ]
+}, U = Vt(
+  "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"
+      },
+      isMuted: {
+        true: "text-foreground/30",
+        false: ""
       }
-    ),
-    /* @__PURE__ */ a.jsx(de, { fallback: null, children: n.renderSearch({
+    },
+    defaultVariants: {
+      isActive: !1
+    }
+  }
+), et = "data-anchor", le = ({
+  item: t,
+  level: e = 0
+}) => {
+  var n, i;
+  const { activeAnchor: r } = me(), [s] = jt();
+  switch (t.type) {
+    case "category":
+      return /* @__PURE__ */ a.jsx(zr, { category: t, level: e });
+    case "doc":
+      return /* @__PURE__ */ a.jsxs(
+        G,
+        {
+          className: ({ isActive: o }) => U({ isActive: o, isTopLevel: e === 0 }),
+          to: B(t.id),
+          children: [
+            t.icon && /* @__PURE__ */ a.jsx(t.icon, { size: 16, className: "align-[-0.125em]" }),
+            t.badge ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+              /* @__PURE__ */ a.jsx("span", { className: "truncate flex-1", title: t.label, children: t.label }),
+              /* @__PURE__ */ a.jsx(ae, { ...t.badge })
+            ] }) : t.label
+          ]
+        }
+      );
+    case "link":
+      return t.href.startsWith("#") ? /* @__PURE__ */ a.jsx(
+        mt,
+        {
+          to: { hash: t.href, search: s.toString() },
+          [et]: t.href.slice(1),
+          className: U({
+            isActive: t.href.slice(1) === r,
+            isTopLevel: e === 0,
+            className: ((n = t.badge) == null ? void 0 : n.placement) !== "start" && "justify-between"
+          }),
+          children: t.badge ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+            /* @__PURE__ */ a.jsx("span", { className: "truncate", title: t.label, children: t.label }),
+            /* @__PURE__ */ a.jsx(ae, { ...t.badge })
+          ] }) : /* @__PURE__ */ a.jsx("span", { className: "break-all", children: t.label })
+        }
+      ) : t.href.startsWith("http") ? /* @__PURE__ */ a.jsxs(
+        "a",
+        {
+          className: U({ isTopLevel: e === 0 }),
+          href: t.href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: [
+            /* @__PURE__ */ a.jsx("span", { className: "whitespace-normal", children: t.label }),
+            /* @__PURE__ */ a.jsx("span", { className: "whitespace-nowrap", children: /* @__PURE__ */ a.jsx(Tt, { className: "inline -translate-y-0.5", size: 12 }) })
+          ]
+        }
+      ) : /* @__PURE__ */ a.jsx(
+        G,
+        {
+          className: U({
+            className: ((i = t.badge) == null ? void 0 : i.placement) !== "start" && "justify-between"
+          }),
+          to: t.href,
+          children: t.badge ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+            /* @__PURE__ */ a.jsx("span", { className: "truncate", title: t.label, children: t.label }),
+            /* @__PURE__ */ a.jsx(ae, { ...t.badge })
+          ] }) : /* @__PURE__ */ a.jsx("span", { className: "break-all", children: t.label })
+        }
+      );
+  }
+}, Hr = (t, e = { block: "center" }) => {
+  if (!t) return;
+  const r = t.getBoundingClientRect();
+  r.top >= 0 && r.left >= 0 && r.bottom <= (window.innerHeight || document.documentElement.clientHeight) && r.right <= (window.innerWidth || document.documentElement.clientWidth) || t.scrollIntoView(e);
+}, qr = () => {
+  const t = ue(), { setActiveAnchor: e } = me();
+  _(() => {
+    if (!t.hash) return;
+    const r = decodeURIComponent(t.hash.split("/")[0].slice(1)), s = () => {
+      const n = document.getElementById(r), i = document.querySelector(`[${et}="${r}"]`);
+      return n ? (n.scrollIntoView(), Hr(i), requestIdleCallback(() => e(r)), !0) : !1;
+    };
+    if (!s()) {
+      const n = new MutationObserver((i, o) => {
+        s() && o.disconnect();
+      });
+      return n.observe(document.body, { childList: !0, subtree: !0 }), () => n.disconnect();
+    }
+  }, [t.hash, e]);
+}, Kr = () => {
+  const t = ue(), e = de(t.pathname);
+  _(() => {
+    e.current !== t.pathname && (window.scrollTo(0, 0), e.current = t.pathname);
+  }, [t.pathname]);
+};
+function $r({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      className: N("animate-pulse rounded-md bg-muted", t),
+      ...e
+    }
+  );
+}
+const Ur = (t) => "getProfileMenuItems" in t && typeof t.getProfileMenuItems == "function", Vr = (t) => "getRoutes" in t && typeof t.getRoutes == "function", Zr = (t) => "renderSearch" in t && typeof t.renderSearch == "function", Wr = (t) => "initialize" in t && typeof t.initialize == "function", Yr = (t) => "getHead" in t && typeof t.getHead == "function", Xr = (t) => "getMdxComponents" in t && typeof t.getMdxComponents == "function", Jr = (t) => "getIdentities" in t && typeof t.getIdentities == "function", Me = {
+  info: "bg-blue-500",
+  note: "bg-gray-500",
+  tip: "bg-green-600",
+  caution: "bg-orange-500",
+  danger: "bg-rose-500"
+}, Gr = () => {
+  const { page: t } = F(), [e, r] = Q(!0);
+  if (!(t != null && t.banner) || !e)
+    return /* @__PURE__ */ a.jsx("style", { children: ":root { --banner-height: 0px; }" });
+  const s = t.banner.color && t.banner.color in Me ? Me[t.banner.color] : t.banner.color ? void 0 : "bg-primary", n = s ? {} : { backgroundColor: t.banner.color };
+  return /* @__PURE__ */ a.jsxs(
+    "div",
+    {
+      className: N(
+        "relative text-primary-foreground text-sm font-medium px-4 py-2 flex gap-2 items-center",
+        s
+      ),
+      style: n,
+      children: [
+        /* @__PURE__ */ a.jsx("div", { className: "w-full", children: t.banner.message }),
+        t.banner.dismissible && /* @__PURE__ */ a.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(_t, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+}, tt = () => {
+  const t = F(), [e, r] = Q(!1), s = Qe(() => r(!1), []);
+  _(() => {
+    if (e)
+      return;
+    function i(o) {
+      o.key === "k" && (o.metaKey || o.ctrlKey) && (o.preventDefault(), r(!0));
+    }
+    return window.addEventListener("keydown", i), () => {
+      window.removeEventListener("keydown", i);
+    };
+  }, [e, r]);
+  const n = t.plugins.find(Zr);
+  return n ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    /* @__PURE__ */ a.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => r(!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(Ft, { size: 14 }),
+            "Search"
+          ] }),
+          /* @__PURE__ */ a.jsx("kbd", { className: "absolute right-[0.3rem] top-[0.3rem] hidden h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[11px] font-medium opacity-100 sm:flex", children: "⌘K" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ a.jsx(he, { fallback: null, children: n.renderSearch({
       isOpen: e,
       onClose: s
     }) })
   ] }) : null;
-}, rt = (t) => (e) => e.display === "auth" && t || e.display === "anon" && !t || !e.display || e.display === "always", Jr = () => {
+}, rt = (t) => (e) => e.display === "auth" && t || e.display === "anon" && !t || !e.display || e.display === "always", ea = () => {
   const { topNavigation: t } = F(), { isAuthenticated: e } = ee();
-  return t.length <= 1 ? /* @__PURE__ */ a.jsx("style", { children: ":root { --top-nav-height: 0px; }" }) : /* @__PURE__ */ a.jsx(de, { 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: t.filter(rt(e)).map((r) => /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(Gr, { ...r }) }, r.id)) }) }) });
-}, Gr = ({ id: t, label: e, default: r }) => {
+  return t.length <= 1 ? /* @__PURE__ */ a.jsx("style", { children: ":root { --top-nav-height: 0px; }" }) : /* @__PURE__ */ a.jsx(he, { 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: t.filter(rt(e)).map((r) => /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(ta, { ...r }) }, r.id)) }) }) });
+}, ta = ({ id: t, label: e, default: r }) => {
   var c;
-  const { sidebars: s } = F(), n = Ke(), i = s[t], o = r ?? (i ? Lt(i, (m) => {
-    if (m.type === "doc") return L(m.id);
-  }) : L(t));
+  const { sidebars: s } = F(), n = We(), i = s[t], o = r ?? (i ? rr(i, (g) => {
+    if (g.type === "doc") return B(g.id);
+  }) : B(t));
   if (!o)
     throw new Error(
       `No links found in top navigation for top navigation '${t}'. Check that the sidebar isn't empty or that a default link set.`
@@ -972,17 +1075,17 @@ const De = {
       children: e
     }
   );
-}, ea = () => {
+}, ra = () => {
   const { topNavigation: t } = F(), { isAuthenticated: e } = ee();
-  return /* @__PURE__ */ a.jsxs(Ve, { direction: "right", children: [
-    /* @__PURE__ */ a.jsx("div", { className: "flex lg:hidden justify-self-end", children: /* @__PURE__ */ a.jsx(We, { className: "lg:hidden", children: /* @__PURE__ */ a.jsx(Zt, { size: 22 }) }) }),
+  return /* @__PURE__ */ a.jsxs(He, { direction: "right", children: [
+    /* @__PURE__ */ a.jsx("div", { className: "flex lg:hidden justify-self-end", children: /* @__PURE__ */ a.jsx(qe, { className: "lg:hidden", children: /* @__PURE__ */ a.jsx(Qt, { size: 22 }) }) }),
     /* @__PURE__ */ a.jsxs(
-      Ye,
+      Ke,
       {
         className: "lg:hidden h-screen right-0 left-auto w-[320px] rounded-none overflow-auto",
         "aria-describedby": void 0,
         children: [
-          /* @__PURE__ */ a.jsx($e, { children: /* @__PURE__ */ a.jsx(Xe, { children: "Navigation" }) }),
+          /* @__PURE__ */ a.jsx(Ye, { children: /* @__PURE__ */ a.jsx($e, { children: "Navigation" }) }),
           /* @__PURE__ */ a.jsx("div", { className: "flex p-4", children: /* @__PURE__ */ a.jsx(tt, {}) }),
           /* @__PURE__ */ a.jsx("ul", { className: "flex flex-col items-center gap-4 p-4", children: t.filter(rt(e)).map((r) => /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
             G,
@@ -992,23 +1095,23 @@ const De = {
                 s ? "border-primary text-foreground" : "border-transparent text-foreground/75 hover:text-foreground hover:border-accent-foreground/25"
               ),
               to: r.id,
-              children: /* @__PURE__ */ a.jsx(gr, { children: r.label })
+              children: /* @__PURE__ */ a.jsx(Ht, { children: r.label })
             }
           ) }, r.label)) })
         ]
       }
     )
   ] });
-}, at = ({ item: t }) => t.children ? /* @__PURE__ */ a.jsxs(lr, { children: [
-  /* @__PURE__ */ a.jsx(cr, { children: t.label }),
-  /* @__PURE__ */ a.jsx(ur, { children: /* @__PURE__ */ a.jsx(dr, { children: t.children.map((e, r) => (
+}, at = ({ item: t }) => t.children ? /* @__PURE__ */ a.jsxs(fr, { children: [
+  /* @__PURE__ */ a.jsx(mr, { children: t.label }),
+  /* @__PURE__ */ a.jsx(gr, { children: /* @__PURE__ */ a.jsx(pr, { children: t.children.map((e, r) => (
     // eslint-disable-next-line react/no-array-index-key
     /* @__PURE__ */ a.jsx(at, { item: e }, r)
   )) }) })
-] }, t.label) : /* @__PURE__ */ a.jsx(te, { to: t.path ?? "", children: /* @__PURE__ */ a.jsx(hr, { children: t.label }, t.label) }), st = He(function() {
-  const e = ee(), [r, s] = $t(), { isAuthenticated: n, profile: i, isAuthEnabled: o } = ee(), u = F(), { page: c, plugins: m } = u, j = m.filter((p) => zr(p)).flatMap((p) => p.getProfileMenuItems(u)).map((p) => /* @__PURE__ */ a.jsx(at, { item: p }, p.label)), N = r ? Jt : Gt;
+] }, t.label) : /* @__PURE__ */ a.jsx(te, { to: t.path ?? "", children: /* @__PURE__ */ a.jsx(vr, { children: t.label }, t.label) }), st = Be(function() {
+  const e = ee(), [r, s] = qt(), { isAuthenticated: n, profile: i, isAuthEnabled: o } = ee(), u = F(), { page: c, plugins: g } = u, j = g.filter((p) => Ur(p)).flatMap((p) => p.getProfileMenuItems(u)).map((p) => /* @__PURE__ */ a.jsx(at, { item: p }, p.label)), S = r ? Bt : Lt;
   return /* @__PURE__ */ a.jsxs("header", { className: "sticky lg:top-0 z-10 bg-background/80 backdrop-blur w-full", children: [
-    /* @__PURE__ */ a.jsx(Zr, {}),
+    /* @__PURE__ */ a.jsx(Gr, {}),
     /* @__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(te, { to: "/", children: /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-3.5", children: [
@@ -1016,26 +1119,26 @@ const De = {
             /* @__PURE__ */ a.jsx(
               "img",
               {
-                src: /https?:\/\//.test(c.logo.src.light) ? c.logo.src.light : L(
+                src: /https?:\/\//.test(c.logo.src.light) ? c.logo.src.light : B(
                   "/",
                   c.logo.src.light
                 ),
                 alt: c.logo.alt ?? c.pageTitle,
                 style: { width: c.logo.width },
-                className: A("h-10", r && "hidden"),
+                className: N("h-10", r && "hidden"),
                 loading: "lazy"
               }
             ),
             /* @__PURE__ */ a.jsx(
               "img",
               {
-                src: /https?:\/\//.test(c.logo.src.dark) ? c.logo.src.dark : L(
+                src: /https?:\/\//.test(c.logo.src.dark) ? c.logo.src.dark : B(
                   "/",
                   c.logo.src.dark
                 ),
                 alt: c.logo.alt ?? c.pageTitle,
                 style: { width: c.logo.width },
-                className: A("h-10", !r && "hidden"),
+                className: N("h-10", !r && "hidden"),
                 loading: "lazy"
               }
             )
@@ -1044,313 +1147,47 @@ const De = {
         ] }) }) }),
         /* @__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(tt, {}) }),
-          /* @__PURE__ */ a.jsx(ea, {}),
+          /* @__PURE__ */ a.jsx(ra, {}),
           /* @__PURE__ */ a.jsxs("div", { className: "hidden lg:flex items-center justify-self-end text-sm gap-2", children: [
-            /* @__PURE__ */ a.jsx(k, { name: "head-navigation-start" }),
-            o && !n ? /* @__PURE__ */ a.jsx(ie, { variant: "ghost", onClick: () => e.login(), children: "Login" }) : j.length > 0 && /* @__PURE__ */ a.jsxs(ar, { modal: !1, children: [
-              /* @__PURE__ */ a.jsx(sr, { asChild: !0, children: /* @__PURE__ */ a.jsx(ie, { variant: "ghost", children: i != null && i.email ? `${i.email}` : "My Account" }) }),
-              /* @__PURE__ */ a.jsxs(nr, { className: "w-56", children: [
-                /* @__PURE__ */ a.jsx(ir, { children: "My Account" }),
-                /* @__PURE__ */ a.jsx(or, {}),
-                j
-              ] })
-            ] }),
+            /* @__PURE__ */ a.jsx(A, { name: "head-navigation-start" }),
             /* @__PURE__ */ a.jsx(
-              "button",
+              ze,
               {
-                type: "button",
+                fallback: /* @__PURE__ */ a.jsx($r, { className: "rounded h-5 w-24 mr-4" }),
+                children: o && !n ? /* @__PURE__ */ a.jsx(ne, { variant: "ghost", onClick: () => e.login(), children: "Login" }) : j.length > 0 && /* @__PURE__ */ a.jsxs(lr, { modal: !1, children: [
+                  /* @__PURE__ */ a.jsx(cr, { asChild: !0, children: /* @__PURE__ */ a.jsx(ne, { variant: "ghost", children: i != null && i.email ? `${i.email}` : "My Account" }) }),
+                  /* @__PURE__ */ a.jsxs(ur, { className: "w-56", children: [
+                    /* @__PURE__ */ a.jsx(dr, { children: "My Account" }),
+                    /* @__PURE__ */ a.jsx(hr, {}),
+                    j
+                  ] })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ a.jsx(
+              ne,
+              {
+                variant: "ghost",
                 "aria-label": r ? "Switch to light mode" : "Switch to dark mode",
-                className: "cursor-pointer hover:bg-secondary p-2.5 -m-2.5 rounded-full",
+                className: "p-2.5 -m-2.5 rounded-full",
                 onClick: s,
-                children: /* @__PURE__ */ a.jsx(N, { size: 18 })
+                children: /* @__PURE__ */ a.jsx(S, { size: 18 })
               }
             ),
-            /* @__PURE__ */ a.jsx(k, { name: "head-navigation-end" })
+            /* @__PURE__ */ a.jsx(A, { name: "head-navigation-end" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ a.jsx(k, { name: "top-navigation-before" }),
-      /* @__PURE__ */ a.jsx(Jr, {}),
-      /* @__PURE__ */ a.jsx(k, { name: "top-navigation-after" })
+      /* @__PURE__ */ a.jsx(A, { name: "top-navigation-before" }),
+      /* @__PURE__ */ a.jsx(ea, {}),
+      /* @__PURE__ */ a.jsx(A, { name: "top-navigation-after" })
     ] })
   ] });
-}), nt = {
-  Header: st
-}, ta = Le(nt), ra = ta.Provider, aa = (t) => {
-  const [e, r] = Q(!1);
-  _(() => {
-    const i = localStorage.getItem("theme"), o = window.matchMedia("(prefers-color-scheme: dark)"), u = i === "dark" || !i && o.matches;
-    r(u);
-  }, [e]);
-  const s = Be(() => {
-    const i = !e;
-    document.documentElement.classList.toggle("dark", i), localStorage.setItem("theme", i ? "dark" : "light"), r(i);
-  }, [e]), n = [e, s];
-  return /* @__PURE__ */ a.jsx(Ut.Provider, { value: n, ...t });
-}, sa = ({
-  children: t,
-  context: e
-}) => (Bt({
-  queryFn: async () => (await e.initialize(), !0),
-  queryKey: ["zudoku-initialize"]
-}), /* @__PURE__ */ a.jsx(Ht.Provider, { value: e, children: t })), na = ({
-  children: t,
-  ...e
-}) => {
-  var N, p;
-  const r = re(
-    () => ({ ...nt, ...e.overrides }),
-    [e.overrides]
-  ), s = re(() => {
-    var h;
-    return {
-      ...(e.plugins ?? []).filter(Vr).flatMap(
-        (f) => f.getMdxComponents ? [f.getMdxComponents()] : []
-      ).reduce((f, B) => ({ ...f, ...B }), {}),
-      ...Vt,
-      ...(h = e.mdx) == null ? void 0 : h.components
-    };
-  }, [(N = e.mdx) == null ? void 0 : N.components, e.plugins]), { stagger: n } = Et(oe), [i, o] = Q(!1), u = re(
-    () => i ? { stagger: !0 } : { stagger: n },
-    [n, i]
-  ), c = xt();
-  _(() => {
-    i || o(!0);
-  }, [i, c.location]);
-  const [m] = Q(() => new Yr(e)), j = (p = e.plugins) == null ? void 0 : p.filter(Ur).map((P, h) => {
-    var f;
-    return /* @__PURE__ */ a.jsx(kt, { children: (f = P.getHead) == null ? void 0 : f.call(P) }, h);
-  });
-  return /* @__PURE__ */ a.jsxs(zt, { client: et, children: [
-    /* @__PURE__ */ a.jsx(ce, { children: j }),
-    /* @__PURE__ */ a.jsx(oe.Provider, { value: u, children: /* @__PURE__ */ a.jsx(sa, { context: m, children: /* @__PURE__ */ a.jsx(ht, { components: s, children: /* @__PURE__ */ a.jsx(aa, { children: /* @__PURE__ */ a.jsx(ra, { value: r, children: /* @__PURE__ */ a.jsx(wt, { slotlets: e.slotlets, children: /* @__PURE__ */ a.jsx(Wt, { children: t ?? /* @__PURE__ */ a.jsx(_e, {}) }) }) }) }) }) }) })
-  ] });
-}, ia = He(na), pe = (t) => /* @__PURE__ */ a.jsx(Br, { FallbackComponent: Xr, children: /* @__PURE__ */ a.jsx(ia, { ...t }) });
-pe.displayName = "DevPortal";
-const oa = ({
-  category: t,
-  level: e
-}) => {
-  var p, P;
-  const r = qt(t), [s, n] = Q(!1), i = t.collapsible ?? !0, o = t.collapsed ?? !0, u = !!(!i || !o || r), [c, m] = Q(u), j = bt(((p = t.link) == null ? void 0 : p.id) ?? "");
-  _(() => {
-    r && m(!0);
-  }, [r]);
-  const N = i && /* @__PURE__ */ a.jsx(
-    "button",
-    {
-      type: "button",
-      onClick: (h) => {
-        h.preventDefault(), m((f) => !f), n(!0);
-      },
-      children: /* @__PURE__ */ a.jsx(
-        er,
-        {
-          size: 16,
-          className: A(
-            s && "transition",
-            "shrink-0 group-data-[state=open]:rotate-90"
-          )
-        }
-      )
-    }
-  );
-  return /* @__PURE__ */ a.jsxs(
-    se.Root,
-    {
-      className: "flex flex-col",
-      defaultOpen: u,
-      open: c,
-      onOpenChange: () => m(!0),
-      children: [
-        /* @__PURE__ */ a.jsx(se.Trigger, { className: "group", asChild: !0, disabled: !i, children: /* @__PURE__ */ a.jsxs(
-          "div",
-          {
-            onClick: () => n(!0),
-            className: U({
-              isActive: !1,
-              isTopLevel: e === 0,
-              className: [
-                "text-start",
-                i ? "cursor-pointer" : "cursor-default hover:bg-transparent"
-              ]
-            }),
-            children: [
-              t.icon && /* @__PURE__ */ a.jsx(
-                t.icon,
-                {
-                  size: 16,
-                  className: A(
-                    "align-[-0.125em] -translate-x-1",
-                    j && "text-primary"
-                  )
-                }
-              ),
-              ((P = t.link) == null ? void 0 : P.type) === "doc" ? /* @__PURE__ */ a.jsx(
-                G,
-                {
-                  to: L(t.link.id),
-                  className: "flex-1",
-                  onClick: () => {
-                    j && !c && m(!0);
-                  },
-                  children: /* @__PURE__ */ a.jsxs(
-                    "div",
-                    {
-                      className: A(
-                        "flex items-center gap-2 justify-between w-full",
-                        j ? "text-primary" : "text-foreground/80"
-                      ),
-                      children: [
-                        /* @__PURE__ */ a.jsx("div", { className: "truncate", children: t.label }),
-                        N
-                      ]
-                    }
-                  )
-                }
-              ) : /* @__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: t.label }),
-                N
-              ] })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ a.jsx(
-          se.Content,
-          {
-            className: A(
-              // CollapsibleContent class is used to animate and it should only be applied when the user has triggered the toggle
-              s && "CollapsibleContent"
-            ),
-            children: /* @__PURE__ */ a.jsx("ul", { className: "mt-1 border-l ms-0.5", children: t.items.map((h) => /* @__PURE__ */ a.jsx(
-              le,
-              {
-                level: e + 1,
-                item: h
-              },
-              ("id" in h ? h.id : "") + ("href" in h ? h.href : "") + h.label
-            )) })
-          }
-        )
-      ]
-    }
-  );
-}, U = fr(
-  "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"
-      },
-      isMuted: {
-        true: "text-foreground/30",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      isActive: !1
-    }
-  }
-), it = "data-anchor", le = ({
-  item: t,
-  level: e = 0
-}) => {
-  var n, i;
-  const { activeAnchor: r } = ge(), [s] = yt();
-  switch (t.type) {
-    case "category":
-      return /* @__PURE__ */ a.jsx(oa, { category: t, level: e });
-    case "doc":
-      return /* @__PURE__ */ a.jsxs(
-        G,
-        {
-          className: ({ isActive: o }) => U({ isActive: o, isTopLevel: e === 0 }),
-          to: L(t.id),
-          children: [
-            t.icon && /* @__PURE__ */ a.jsx(t.icon, { size: 16, className: "align-[-0.125em]" }),
-            t.badge ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-              /* @__PURE__ */ a.jsx("span", { className: "truncate flex-1", title: t.label, children: t.label }),
-              /* @__PURE__ */ a.jsx(ae, { ...t.badge })
-            ] }) : t.label
-          ]
-        }
-      );
-    case "link":
-      return t.href.startsWith("#") ? /* @__PURE__ */ a.jsx(
-        ft,
-        {
-          to: { hash: t.href, search: s.toString() },
-          [it]: t.href.slice(1),
-          className: U({
-            isActive: t.href.slice(1) === r,
-            isTopLevel: e === 0,
-            className: ((n = t.badge) == null ? void 0 : n.placement) !== "start" && "justify-between"
-          }),
-          children: t.badge ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-            /* @__PURE__ */ a.jsx("span", { className: "truncate", title: t.label, children: t.label }),
-            /* @__PURE__ */ a.jsx(ae, { ...t.badge })
-          ] }) : /* @__PURE__ */ a.jsx("span", { className: "break-all", children: t.label })
-        }
-      ) : t.href.startsWith("http") ? /* @__PURE__ */ a.jsxs(
-        "a",
-        {
-          className: U({ isTopLevel: e === 0 }),
-          href: t.href,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          children: [
-            /* @__PURE__ */ a.jsx("span", { className: "whitespace-normal", children: t.label }),
-            /* @__PURE__ */ a.jsx("span", { className: "whitespace-nowrap", children: /* @__PURE__ */ a.jsx(tr, { className: "inline -translate-y-0.5", size: 12 }) })
-          ]
-        }
-      ) : /* @__PURE__ */ a.jsx(
-        G,
-        {
-          className: U({
-            className: ((i = t.badge) == null ? void 0 : i.placement) !== "start" && "justify-between"
-          }),
-          to: t.href,
-          children: t.badge ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-            /* @__PURE__ */ a.jsx("span", { className: "truncate", title: t.label, children: t.label }),
-            /* @__PURE__ */ a.jsx(ae, { ...t.badge })
-          ] }) : /* @__PURE__ */ a.jsx("span", { className: "break-all", children: t.label })
-        }
-      );
-  }
-}, la = (t, e = { block: "center" }) => {
-  if (!t) return;
-  const r = t.getBoundingClientRect();
-  r.top >= 0 && r.left >= 0 && r.bottom <= (window.innerHeight || document.documentElement.clientHeight) && r.right <= (window.innerWidth || document.documentElement.clientWidth) || t.scrollIntoView(e);
-}, ca = () => {
-  const t = ue(), { setActiveAnchor: e } = ge();
-  _(() => {
-    if (!t.hash) return;
-    const r = decodeURIComponent(t.hash.split("/")[0].slice(1)), s = () => {
-      const n = document.getElementById(r), i = document.querySelector(`[${it}="${r}"]`);
-      return n ? (n.scrollIntoView(), la(i), requestIdleCallback(() => e(r)), !0) : !1;
-    };
-    if (!s()) {
-      const n = new MutationObserver((i, o) => {
-        s() && o.disconnect();
-      });
-      return n.observe(document.body, { childList: !0, subtree: !0 }), () => n.disconnect();
-    }
-  }, [t.hash, e]);
-}, ua = () => {
-  const t = ue(), e = he(t.pathname);
-  _(() => {
-    e.current !== t.pathname && (window.scrollTo(0, 0), e.current = t.pathname);
-  }, [t.pathname]);
-}, ot = At(({ children: t, className: e, pushMainContent: r }, s) => /* @__PURE__ */ a.jsx(
+}), nt = At(({ children: t, className: e, pushMainContent: r }, s) => /* @__PURE__ */ a.jsx(
   "nav",
   {
     "data-navigation": String(r),
-    className: A(
+    className: N(
       "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]",
       "w-[--side-nav-width] h-[calc(100%-var(--header-height))] scroll-pt-2 gap-2",
@@ -1360,38 +1197,38 @@ const oa = ({
     children: t
   }
 ));
-ot.displayName = "SidebarWrapper";
-const da = () => {
-  const t = he(null), e = Ke();
+nt.displayName = "SidebarWrapper";
+const aa = () => {
+  const t = de(null), e = We();
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs(
-      ot,
+      nt,
       {
         ref: t,
         pushMainContent: e.data.sidebar.length > 0,
         children: [
-          /* @__PURE__ */ a.jsx(k, { name: "zudoku-before-navigation" }),
+          /* @__PURE__ */ a.jsx(A, { name: "zudoku-before-navigation" }),
           e.data.sidebar.map((r) => /* @__PURE__ */ a.jsx(le, { item: r }, r.label)),
-          /* @__PURE__ */ a.jsx(k, { name: "zudoku-after-navigation" })
+          /* @__PURE__ */ a.jsx(A, { name: "zudoku-after-navigation" })
         ]
       }
     ),
     /* @__PURE__ */ a.jsxs(
-      Ye,
+      Ke,
       {
         className: "lg:hidden h-screen left-0 p-6 w-[320px] rounded-none overflow-auto",
         "aria-describedby": void 0,
         children: [
-          /* @__PURE__ */ a.jsx($e, { children: /* @__PURE__ */ a.jsx(Xe, { children: "Sidebar" }) }),
+          /* @__PURE__ */ a.jsx(Ye, { children: /* @__PURE__ */ a.jsx($e, { children: "Sidebar" }) }),
           e.data.sidebar.map((r) => /* @__PURE__ */ a.jsx(le, { item: r }, r.label))
         ]
       }
     )
   ] });
-}, ha = ({ children: t }) => {
-  const e = ue(), { setActiveAnchor: r } = ge(), { meta: s, authentication: n } = F();
-  ca(), ua();
-  const i = he(e.pathname);
+}, sa = ({ children: t }) => {
+  const e = ue(), { setActiveAnchor: r } = me(), { meta: s, authentication: n } = F();
+  qr(), Kr();
+  const i = de(e.pathname);
   return _(() => {
     var o;
     (o = n == null ? void 0 : n.pageLoad) == null || o.call(n);
@@ -1403,24 +1240,24 @@ const da = () => {
       (s == null ? void 0 : s.description) && /* @__PURE__ */ a.jsx("meta", { name: "description", content: s.description }),
       (s == null ? void 0 : s.favicon) && /* @__PURE__ */ a.jsx("link", { rel: "icon", href: s.favicon })
     ] }),
-    /* @__PURE__ */ a.jsx(k, { name: "layout-before-head" }),
+    /* @__PURE__ */ a.jsx(A, { name: "layout-before-head" }),
     /* @__PURE__ */ a.jsx(st, {}),
-    /* @__PURE__ */ a.jsx(k, { name: "layout-after-head" }),
+    /* @__PURE__ */ a.jsx(A, { name: "layout-after-head" }),
     /* @__PURE__ */ a.jsx("div", { className: "w-full max-w-screen-2xl mx-auto px-10 lg:px-12", children: /* @__PURE__ */ a.jsx(
-      de,
+      he,
       {
-        fallback: /* @__PURE__ */ a.jsx("main", { className: "grid h-[calc(100vh-var(--header-height))] place-items-center", children: /* @__PURE__ */ a.jsx(mr, {}) }),
-        children: /* @__PURE__ */ a.jsxs(Ve, { direction: "left", children: [
-          /* @__PURE__ */ a.jsx(da, {}),
+        fallback: /* @__PURE__ */ a.jsx("main", { className: "grid h-[calc(100vh-var(--header-height))] place-items-center", children: /* @__PURE__ */ a.jsx(ir, {}) }),
+        children: /* @__PURE__ */ a.jsxs(He, { direction: "left", children: [
+          /* @__PURE__ */ a.jsx(aa, {}),
           /* @__PURE__ */ a.jsx(
             "div",
             {
-              className: A(
+              className: N(
                 "lg:hidden -mx-10 px-10 py-2 sticky bg-background/80 backdrop-blur z-10 top-0 left-0 right-0 border-b",
                 "peer-data-[navigation=false]:hidden"
               ),
-              children: /* @__PURE__ */ a.jsxs(We, { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ a.jsx(rr, { size: 16, strokeWidth: 1.5 }),
+              children: /* @__PURE__ */ a.jsxs(qe, { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ a.jsx(zt, { size: 16, strokeWidth: 1.5 }),
                 /* @__PURE__ */ a.jsx("span", { className: "text-sm", children: "Menu" })
               ] })
             }
@@ -1428,7 +1265,7 @@ const da = () => {
           /* @__PURE__ */ a.jsxs(
             "main",
             {
-              className: A(
+              className: N(
                 "h-full dark:border-white/10 translate-x-0",
                 "lg:overflow-visible",
                 // This works in tandem with the `SidebarWrapper` component
@@ -1436,9 +1273,9 @@ const da = () => {
                 "lg:peer-data-[navigation=true]:translate-x-[--side-nav-width] lg:peer-data-[navigation=true]:pl-12"
               ),
               children: [
-                /* @__PURE__ */ a.jsx(k, { name: "zudoku-before-content" }),
-                t ?? /* @__PURE__ */ a.jsx(_e, {}),
-                /* @__PURE__ */ a.jsx(k, { name: "zudoku-after-content" })
+                /* @__PURE__ */ a.jsx(A, { name: "zudoku-before-content" }),
+                t ?? /* @__PURE__ */ a.jsx(Te, {}),
+                /* @__PURE__ */ a.jsx(A, { name: "zudoku-after-content" })
               ]
             }
           )
@@ -1446,22 +1283,208 @@ const da = () => {
       }
     ) })
   ] });
-}, _a = gt, Fa = pe, Qa = ha, La = Nt, Ba = pr, Ha = Rr, za = Ir, qa = ce, Ka = F, $a = jt, Ua = pe, Va = Pt, Wa = Dt, Ya = ie, Xa = te;
+}, na = Le(null), ie = {
+  didCatch: !1,
+  error: null
+};
+class ia extends Mt {
+  constructor(e) {
+    super(e), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = ie;
+  }
+  static getDerivedStateFromError(e) {
+    return {
+      didCatch: !0,
+      error: e
+    };
+  }
+  resetErrorBoundary() {
+    const {
+      error: e
+    } = this.state;
+    if (e !== null) {
+      for (var r, s, n = arguments.length, i = new Array(n), o = 0; o < n; o++)
+        i[o] = arguments[o];
+      (r = (s = this.props).onReset) === null || r === void 0 || r.call(s, {
+        args: i,
+        reason: "imperative-api"
+      }), this.setState(ie);
+    }
+  }
+  componentDidCatch(e, r) {
+    var s, n;
+    (s = (n = this.props).onError) === null || s === void 0 || s.call(n, e, r);
+  }
+  componentDidUpdate(e, r) {
+    const {
+      didCatch: s
+    } = this.state, {
+      resetKeys: n
+    } = this.props;
+    if (s && r.error !== null && oa(e.resetKeys, n)) {
+      var i, o;
+      (i = (o = this.props).onReset) === null || i === void 0 || i.call(o, {
+        next: n,
+        prev: e.resetKeys,
+        reason: "keys"
+      }), this.setState(ie);
+    }
+  }
+  render() {
+    const {
+      children: e,
+      fallbackRender: r,
+      FallbackComponent: s,
+      fallback: n
+    } = this.props, {
+      didCatch: i,
+      error: o
+    } = this.state;
+    let u = e;
+    if (i) {
+      const c = {
+        error: o,
+        resetErrorBoundary: this.resetErrorBoundary
+      };
+      if (typeof r == "function")
+        u = r(c);
+      else if (s)
+        u = je(s, c);
+      else if (n !== void 0)
+        u = n;
+      else
+        throw o;
+    }
+    return je(na.Provider, {
+      value: {
+        didCatch: i,
+        error: o,
+        resetErrorBoundary: this.resetErrorBoundary
+      }
+    }, u);
+  }
+}
+function oa() {
+  let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+  return t.length !== e.length || t.some((r, s) => !Object.is(r, e[s]));
+}
+const it = new Lr();
+class la {
+  constructor(e) {
+    v(this, "plugins");
+    v(this, "sidebars");
+    v(this, "topNavigation");
+    v(this, "meta");
+    v(this, "page");
+    v(this, "authentication");
+    v(this, "navigationPlugins");
+    v(this, "initialize", async () => {
+      await Promise.all(
+        this.plugins.filter(Wr).map((e) => {
+          var r;
+          return (r = e.initialize) == null ? void 0 : r.call(e, this);
+        })
+      );
+    });
+    v(this, "invalidateCache", async (e) => {
+      await it.invalidateQueries({ queryKey: e });
+    });
+    v(this, "getApiIdentities", async () => (await Promise.all(
+      this.plugins.filter(Jr).map((r) => r.getIdentities(this))
+    )).flat());
+    v(this, "getPluginSidebar", async (e) => (await Promise.all(
+      this.navigationPlugins.map(
+        (s) => {
+          var n;
+          return (n = s.getSidebar) == null ? void 0 : n.call(s, B(e));
+        }
+      )
+    )).flatMap((s) => s ?? []));
+    v(this, "signRequest", async (e) => {
+      if (!this.authentication)
+        throw new Error("No authentication provider configured");
+      const r = await this.authentication.getAccessToken();
+      return e.headers.set("Authorization", `Bearer ${r}`), e;
+    });
+    this.plugins = e.plugins ?? [], this.topNavigation = e.topNavigation ?? [], this.sidebars = e.sidebars ?? {}, this.navigationPlugins = this.plugins.filter(Vr), this.authentication = e.authentication, this.meta = e.metadata, this.page = e.page;
+  }
+}
+function ca({ error: t, resetErrorBoundary: e }) {
+  return /* @__PURE__ */ a.jsx(_e, { error: t });
+}
+const J = globalThis;
+(!J.requestIdleCallback || !J.cancelIdleCallback) && (J.requestIdleCallback = (t) => setTimeout(t, 1), J.cancelIdleCallback = clearTimeout);
+const ot = {
+  Header: st
+}, ua = Le(ot), da = ua.Provider, ha = (t) => {
+  const [e, r] = Q(!1);
+  _(() => {
+    const i = localStorage.getItem("theme"), o = window.matchMedia("(prefers-color-scheme: dark)"), u = i === "dark" || !i && o.matches;
+    r(u);
+  }, [e]);
+  const s = Qe(() => {
+    const i = !e;
+    document.documentElement.classList.toggle("dark", i), localStorage.setItem("theme", i ? "dark" : "light"), r(i);
+  }, [e]), n = [e, s];
+  return /* @__PURE__ */ a.jsx(Kt.Provider, { value: n, ...t });
+}, fa = ({
+  children: t,
+  context: e
+}) => (ar({
+  queryFn: async () => (await e.initialize(), !0),
+  queryKey: ["zudoku-initialize"]
+}), /* @__PURE__ */ a.jsx(sr.Provider, { value: e, children: t })), lt = Be(
+  ({ children: t, ...e }) => {
+    var S, p;
+    const r = re(
+      () => ({ ...ot, ...e.overrides }),
+      [e.overrides]
+    ), s = re(() => {
+      var h;
+      return {
+        ...(e.plugins ?? []).filter(Xr).flatMap(
+          (f) => f.getMdxComponents ? [f.getMdxComponents()] : []
+        ).reduce(
+          (f, L) => ({ ...f, ...L }),
+          {}
+        ),
+        ...$t,
+        ...(h = e.mdx) == null ? void 0 : h.components
+      };
+    }, [(S = e.mdx) == null ? void 0 : S.components, e.plugins]), { stagger: n } = Ot(oe), [i, o] = Q(!1), u = re(
+      () => i ? { stagger: !0 } : { stagger: n },
+      [n, i]
+    ), c = wt();
+    _(() => {
+      i || o(!0);
+    }, [i, c.location]);
+    const [g] = Q(() => new la(e)), j = (p = e.plugins) == null ? void 0 : p.filter(Yr).map((k, h) => {
+      var f;
+      return /* @__PURE__ */ a.jsx(Dt, { children: (f = k.getHead) == null ? void 0 : f.call(k) }, h);
+    });
+    return /* @__PURE__ */ a.jsxs(nr, { client: it, children: [
+      /* @__PURE__ */ a.jsx(ce, { children: j }),
+      /* @__PURE__ */ a.jsx(oe.Provider, { value: u, children: /* @__PURE__ */ a.jsx(fa, { context: g, children: /* @__PURE__ */ a.jsx(gt, { components: s, children: /* @__PURE__ */ a.jsx(ha, { children: /* @__PURE__ */ a.jsx(da, { value: r, children: /* @__PURE__ */ a.jsx(St, { slotlets: e.slotlets, children: /* @__PURE__ */ a.jsx(Ut, { children: t ?? /* @__PURE__ */ a.jsx(Te, {}) }) }) }) }) }) }) })
+    ] });
+  }
+);
+lt.displayName = "ZudokoInner";
+const ct = (t) => /* @__PURE__ */ a.jsx(ia, { FallbackComponent: ca, children: /* @__PURE__ */ a.jsx(lt, { ...t }) });
+ct.displayName = "Zudoku";
+const Qa = pt, Ba = sa, La = kt, za = xr, Ha = Tr, qa = _r, Ka = ce, $a = F, Ua = Nt, Va = ct, Za = Ct, Wa = ze, Ya = Pt, Xa = te;
 export {
   Ha as Bootstrap,
-  za as BootstrapStatic,
+  qa as BootstrapStatic,
   Ya as Button,
-  Va as Callout,
+  Za as Callout,
   Wa as ClientOnly,
-  Fa as DevPortal,
-  qa as Head,
-  Qa as Layout,
+  Ka as Head,
+  Ba as Layout,
   Xa as Link,
   La as RouterError,
-  Ba as ServerError,
-  Ua as Zudoku,
-  $a as useAuth,
-  _a as useMDXComponents,
-  Ka as useZudoku
+  za as ServerError,
+  Va as Zudoku,
+  Ua as useAuth,
+  Qa as useMDXComponents,
+  $a as useZudoku
 };
 //# sourceMappingURL=zudoku.components.js.map