zudoku 0.3.0-dev.33 → 0.3.0-dev.35

package/lib/zudoku.components.js

@@ -1,33 +1,55 @@
-var ye = Object.defineProperty;
-var V = (t) => {
+var Se = Object.defineProperty;
+var ae = (t) => {
   throw TypeError(t);
 };
-var pe = (t, e, s) => e in t ? ye(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
-var g = (t, e, s) => pe(t, typeof e != "symbol" ? e + "" : e, s), X = (t, e, s) => e.has(t) || V("Cannot " + s);
-var n = (t, e, s) => (X(t, e, "read from private field"), s ? s.call(t) : e.get(t)), y = (t, e, s) => e.has(t) ? V("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), c = (t, e, s, r) => (X(t, e, "write to private field"), r ? r.call(t, s) : e.set(t, s), s);
-var q = (t, e, s, r) => ({
-  set _(a) {
-    c(t, e, a, s);
+var qe = (t, e, s) => e in t ? Se(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var v = (t, e, s) => qe(t, typeof e != "symbol" ? e + "" : e, s), ne = (t, e, s) => e.has(t) || ae("Cannot " + s);
+var i = (t, e, s) => (ne(t, e, "read from private field"), s ? s.call(t) : e.get(t)), y = (t, e, s) => e.has(t) ? ae("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), d = (t, e, s, a) => (ne(t, e, "write to private field"), a ? a.call(t, s) : e.set(t, s), s);
+var F = (t, e, s, a) => ({
+  set _(n) {
+    d(t, e, n, s);
   },
   get _() {
-    return n(t, e, r);
+    return i(t, e, a);
   }
 });
-import { c as ae, N as ve, a as be, u as Pe, M as xe, T as Me, V as Ce, C as we, L as Qe } from "./MdxComponents-Ev_hBHb2.js";
-import { j as i } from "./jsx-runtime-CM0TzjGp.js";
-import { S as ne, h as ie, Q as Oe, n as m, m as G, a as J, b, e as Ee, c as ke, d as De, f as je, o as W, r as Y, g as Ae, i as Z, p as $, s as Ne, u as oe, j as qe, D as Fe } from "./DevPortalProvider-BlxLX6GG.js";
-import { createContext as ue, Component as Te, createElement as _, isValidElement as Se, memo as le, useMemo as S, useEffect as Ie, Fragment as He } from "react";
-import { H as Ke, M as Be, u as ze } from "./index.esm-CPEExBJE.js";
-import { c as Le } from "./state-Ds_OxRHP.js";
-import { M as Re } from "./mutation-91kw0lHb.js";
-import { E as Ue, u as Ve } from "./hook-CTmJ6CWq.js";
+import { c as R, N as U, a as Ie, u as Fe, M as He, T as Le, V as Re, b as X, d as T, e as Be, C as Ke, L as ze } from "./MdxComponents-BZ-Y_6jI.js";
+import { j as r, u as D, O as Ve } from "./jsx-runtime-Bt86M5tA.js";
+import { S as ge, h as ve, Q as Ue, n as m, m as re, a as ie, b as j, e as We, c as Xe, d as _e, f as Ge, o as oe, r as le, g as Je, i as ce, p as ue, s as Ye, u as _, j as Ze, D as $e, k as et, l as tt } from "./DevPortalProvider-Demv4Ngx.js";
+import { createContext as ye, Component as st, createElement as he, isValidElement as at, memo as xe, useMemo as z, useEffect as q, Fragment as nt, useRef as B, useState as rt, forwardRef as it, Suspense as ot } from "react";
+import { H as be, M as lt, A as ct, u as ut } from "./AnchorLink-DCzimaMt.js";
+import { c as ht } from "./state-Ds_OxRHP.js";
+import { M as dt } from "./index-BB2EBBgh.js";
+import { E as ft, u as pt } from "./hook-D1DiFbcT.js";
+import { R as je, T as Pe, C as we, S as mt } from "./Spinner-B9MAj2Pw.js";
+import { c as G, i as W, j as Ce, a as gt } from "./util-CYBrkBUo.js";
 /**
  * @license lucide-react v0.378.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xe = ae("MoonStar", [
+const Ne = R("ChevronRight", [
+  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
+]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const vt = R("ExternalLink", [
+  ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
+  ["path", { d: "M10 14 21 3", key: "gplh6r" }],
+  ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
+]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const yt = R("MoonStar", [
   ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9", key: "4ay0iu" }],
   ["path", { d: "M20 3v4", key: "1olli1" }],
   ["path", { d: "M22 5h-4", key: "1gvqau" }]
@@ -38,7 +60,7 @@ const Xe = ae("MoonStar", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ge = ae("Sun", [
+const xt = R("Sun", [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -49,33 +71,33 @@ const Ge = ae("Sun", [
   ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
   ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
 ]);
-var v, te, Je = (te = class extends ne {
+var b, fe, bt = (fe = class extends ge {
   constructor(e = {}) {
     super();
-    y(this, v);
-    this.config = e, c(this, v, /* @__PURE__ */ new Map());
+    y(this, b);
+    this.config = e, d(this, b, /* @__PURE__ */ new Map());
   }
-  build(e, s, r) {
-    const a = s.queryKey, o = s.queryHash ?? ie(a, s);
-    let u = this.get(o);
-    return u || (u = new Oe({
+  build(e, s, a) {
+    const n = s.queryKey, o = s.queryHash ?? ve(n, s);
+    let l = this.get(o);
+    return l || (l = new Ue({
       cache: this,
-      queryKey: a,
+      queryKey: n,
       queryHash: o,
       options: e.defaultQueryOptions(s),
-      state: r,
-      defaultOptions: e.getQueryDefaults(a)
-    }), this.add(u)), u;
+      state: a,
+      defaultOptions: e.getQueryDefaults(n)
+    }), this.add(l)), l;
   }
   add(e) {
-    n(this, v).has(e.queryHash) || (n(this, v).set(e.queryHash, e), this.notify({
+    i(this, b).has(e.queryHash) || (i(this, b).set(e.queryHash, e), this.notify({
       type: "added",
       query: e
     }));
   }
   remove(e) {
-    const s = n(this, v).get(e.queryHash);
-    s && (e.destroy(), s === e && n(this, v).delete(e.queryHash), this.notify({ type: "removed", query: e }));
+    const s = i(this, b).get(e.queryHash);
+    s && (e.destroy(), s === e && i(this, b).delete(e.queryHash), this.notify({ type: "removed", query: e }));
   }
   clear() {
     m.batch(() => {
@@ -85,20 +107,20 @@ var v, te, Je = (te = class extends ne {
     });
   }
   get(e) {
-    return n(this, v).get(e);
+    return i(this, b).get(e);
   }
   getAll() {
-    return [...n(this, v).values()];
+    return [...i(this, b).values()];
   }
   find(e) {
     const s = { exact: !0, ...e };
     return this.getAll().find(
-      (r) => G(s, r)
+      (a) => re(s, a)
     );
   }
   findAll(e = {}) {
     const s = this.getAll();
-    return Object.keys(e).length > 0 ? s.filter((r) => G(e, r)) : s;
+    return Object.keys(e).length > 0 ? s.filter((a) => re(e, a)) : s;
   }
   notify(e) {
     m.batch(() => {
@@ -121,43 +143,43 @@ var v, te, Je = (te = class extends ne {
       });
     });
   }
-}, v = new WeakMap(), te), f, A, se, We = (se = class extends ne {
+}, b = new WeakMap(), fe), p, S, pe, jt = (pe = class extends ge {
   constructor(e = {}) {
     super();
-    y(this, f);
-    y(this, A);
-    this.config = e, c(this, f, /* @__PURE__ */ new Map()), c(this, A, Date.now());
+    y(this, p);
+    y(this, S);
+    this.config = e, d(this, p, /* @__PURE__ */ new Map()), d(this, S, Date.now());
   }
-  build(e, s, r) {
-    const a = new Re({
+  build(e, s, a) {
+    const n = new dt({
       mutationCache: this,
-      mutationId: ++q(this, A)._,
+      mutationId: ++F(this, S)._,
       options: e.defaultMutationOptions(s),
-      state: r
+      state: a
     });
-    return this.add(a), a;
+    return this.add(n), n;
   }
   add(e) {
-    const s = F(e), r = n(this, f).get(s) ?? [];
-    r.push(e), n(this, f).set(s, r), this.notify({ type: "added", mutation: e });
+    const s = H(e), a = i(this, p).get(s) ?? [];
+    a.push(e), i(this, p).set(s, a), this.notify({ type: "added", mutation: e });
   }
   remove(e) {
-    var r;
-    const s = F(e);
-    if (n(this, f).has(s)) {
-      const a = (r = n(this, f).get(s)) == null ? void 0 : r.filter((o) => o !== e);
-      a && (a.length === 0 ? n(this, f).delete(s) : n(this, f).set(s, a));
+    var a;
+    const s = H(e);
+    if (i(this, p).has(s)) {
+      const n = (a = i(this, p).get(s)) == null ? void 0 : a.filter((o) => o !== e);
+      n && (n.length === 0 ? i(this, p).delete(s) : i(this, p).set(s, n));
     }
     this.notify({ type: "removed", mutation: e });
   }
   canRun(e) {
-    var r;
-    const s = (r = n(this, f).get(F(e))) == null ? void 0 : r.find((a) => a.state.status === "pending");
+    var a;
+    const s = (a = i(this, p).get(H(e))) == null ? void 0 : a.find((n) => n.state.status === "pending");
     return !s || s === e;
   }
   runNext(e) {
-    var r;
-    const s = (r = n(this, f).get(F(e))) == null ? void 0 : r.find((a) => a !== e && a.state.isPaused);
+    var a;
+    const s = (a = i(this, p).get(H(e))) == null ? void 0 : a.find((n) => n !== e && n.state.isPaused);
     return (s == null ? void 0 : s.continue()) ?? Promise.resolve();
   }
   clear() {
@@ -168,16 +190,16 @@ var v, te, Je = (te = class extends ne {
     });
   }
   getAll() {
-    return [...n(this, f).values()].flat();
+    return [...i(this, p).values()].flat();
   }
   find(e) {
     const s = { exact: !0, ...e };
     return this.getAll().find(
-      (r) => J(s, r)
+      (a) => ie(s, a)
     );
   }
   findAll(e = {}) {
-    return this.getAll().filter((s) => J(e, s));
+    return this.getAll().filter((s) => ie(e, s));
   }
   notify(e) {
     m.batch(() => {
@@ -190,74 +212,74 @@ var v, te, Je = (te = class extends ne {
     const e = this.getAll().filter((s) => s.state.isPaused);
     return m.batch(
       () => Promise.all(
-        e.map((s) => s.continue().catch(b))
+        e.map((s) => s.continue().catch(j))
       )
     );
   }
-}, f = new WeakMap(), A = new WeakMap(), se);
-function F(t) {
+}, p = new WeakMap(), S = new WeakMap(), pe);
+function H(t) {
   var e;
   return ((e = t.options.scope) == null ? void 0 : e.id) ?? String(t.mutationId);
 }
-function Ye(t) {
+function Pt(t) {
   return {
     onFetch: (e, s) => {
-      const r = async () => {
-        var H, K, B, z, L;
-        const a = e.options, o = (B = (K = (H = e.fetchOptions) == null ? void 0 : H.meta) == null ? void 0 : K.fetchMore) == null ? void 0 : B.direction, u = ((z = e.state.data) == null ? void 0 : z.pages) || [], d = ((L = e.state.data) == null ? void 0 : L.pageParams) || [], h = { pages: [], pageParams: [] };
-        let P = !1;
-        const fe = (p) => {
-          Object.defineProperty(p, "signal", {
+      const a = async () => {
+        var J, Y, Z, $, ee;
+        const n = e.options, o = (Z = (Y = (J = e.fetchOptions) == null ? void 0 : J.meta) == null ? void 0 : Y.fetchMore) == null ? void 0 : Z.direction, l = (($ = e.state.data) == null ? void 0 : $.pages) || [], c = ((ee = e.state.data) == null ? void 0 : ee.pageParams) || [], h = { pages: [], pageParams: [] };
+        let g = !1;
+        const f = (x) => {
+          Object.defineProperty(x, "signal", {
             enumerable: !0,
-            get: () => (e.signal.aborted ? P = !0 : e.signal.addEventListener("abort", () => {
-              P = !0;
+            get: () => (e.signal.aborted ? g = !0 : e.signal.addEventListener("abort", () => {
+              g = !0;
             }), e.signal)
           });
-        }, me = Ee(e.options, e.fetchOptions), T = async (p, x, Q) => {
-          if (P)
+        }, De = We(e.options, e.fetchOptions), K = async (x, P, k) => {
+          if (g)
             return Promise.reject();
-          if (x == null && p.pages.length)
-            return Promise.resolve(p);
-          const N = {
+          if (P == null && x.pages.length)
+            return Promise.resolve(x);
+          const I = {
             queryKey: e.queryKey,
-            pageParam: x,
-            direction: Q ? "backward" : "forward",
+            pageParam: P,
+            direction: k ? "backward" : "forward",
             meta: e.options.meta
           };
-          fe(N);
-          const ge = await me(
-            N
-          ), { maxPages: R } = e.options, U = Q ? ke : De;
+          f(I);
+          const Te = await De(
+            I
+          ), { maxPages: te } = e.options, se = k ? Xe : _e;
           return {
-            pages: U(p.pages, ge, R),
-            pageParams: U(p.pageParams, x, R)
+            pages: se(x.pages, Te, te),
+            pageParams: se(x.pageParams, P, te)
           };
         };
         let O;
-        if (o && u.length) {
-          const p = o === "backward", x = p ? Ze : ee, Q = {
-            pages: u,
-            pageParams: d
-          }, N = x(a, Q);
-          O = await T(Q, N, p);
+        if (o && l.length) {
+          const x = o === "backward", P = x ? wt : de, k = {
+            pages: l,
+            pageParams: c
+          }, I = P(n, k);
+          O = await K(k, I, x);
         } else {
-          O = await T(
+          O = await K(
             h,
-            d[0] ?? a.initialPageParam
+            c[0] ?? n.initialPageParam
           );
-          const p = t ?? u.length;
-          for (let x = 1; x < p; x++) {
-            const Q = ee(a, O);
-            O = await T(O, Q);
+          const x = t ?? l.length;
+          for (let P = 1; P < x; P++) {
+            const k = de(n, O);
+            O = await K(O, k);
           }
         }
         return O;
       };
       e.options.persister ? e.fetchFn = () => {
-        var a, o;
-        return (o = (a = e.options).persister) == null ? void 0 : o.call(
+        var n, o;
+        return (o = (n = e.options).persister) == null ? void 0 : o.call(
+          n,
           a,
-          r,
           {
             queryKey: e.queryKey,
             meta: e.options.meta,
@@ -265,22 +287,22 @@ function Ye(t) {
           },
           s
         );
-      } : e.fetchFn = r;
+      } : e.fetchFn = a;
     }
   };
 }
-function ee(t, { pages: e, pageParams: s }) {
-  const r = e.length - 1;
+function de(t, { pages: e, pageParams: s }) {
+  const a = e.length - 1;
   return t.getNextPageParam(
-    e[r],
+    e[a],
     e,
-    s[r],
+    s[a],
     s
   );
 }
-function Ze(t, { pages: e, pageParams: s }) {
-  var r;
-  return (r = t.getPreviousPageParam) == null ? void 0 : r.call(
+function wt(t, { pages: e, pageParams: s }) {
+  var a;
+  return (a = t.getPreviousPageParam) == null ? void 0 : a.call(
     t,
     e[0],
     e,
@@ -288,77 +310,77 @@ function Ze(t, { pages: e, pageParams: s }) {
     s
   );
 }
-var l, M, C, E, k, w, D, j, re, $e = (re = class {
+var u, w, C, M, A, N, Q, E, me, Ct = (me = class {
   constructor(t = {}) {
-    y(this, l);
-    y(this, M);
+    y(this, u);
+    y(this, w);
     y(this, C);
+    y(this, M);
+    y(this, A);
+    y(this, N);
+    y(this, Q);
     y(this, E);
-    y(this, k);
-    y(this, w);
-    y(this, D);
-    y(this, j);
-    c(this, l, t.queryCache || new Je()), c(this, M, t.mutationCache || new We()), c(this, C, t.defaultOptions || {}), c(this, E, /* @__PURE__ */ new Map()), c(this, k, /* @__PURE__ */ new Map()), c(this, w, 0);
+    d(this, u, t.queryCache || new bt()), d(this, w, t.mutationCache || new jt()), d(this, C, t.defaultOptions || {}), d(this, M, /* @__PURE__ */ new Map()), d(this, A, /* @__PURE__ */ new Map()), d(this, N, 0);
   }
   mount() {
-    q(this, w)._++, n(this, w) === 1 && (c(this, D, je.subscribe(async (t) => {
-      t && (await this.resumePausedMutations(), n(this, l).onFocus());
-    })), c(this, j, W.subscribe(async (t) => {
-      t && (await this.resumePausedMutations(), n(this, l).onOnline());
+    F(this, N)._++, i(this, N) === 1 && (d(this, Q, Ge.subscribe(async (t) => {
+      t && (await this.resumePausedMutations(), i(this, u).onFocus());
+    })), d(this, E, oe.subscribe(async (t) => {
+      t && (await this.resumePausedMutations(), i(this, u).onOnline());
     })));
   }
   unmount() {
     var t, e;
-    q(this, w)._--, n(this, w) === 0 && ((t = n(this, D)) == null || t.call(this), c(this, D, void 0), (e = n(this, j)) == null || e.call(this), c(this, j, void 0));
+    F(this, N)._--, i(this, N) === 0 && ((t = i(this, Q)) == null || t.call(this), d(this, Q, void 0), (e = i(this, E)) == null || e.call(this), d(this, E, void 0));
   }
   isFetching(t) {
-    return n(this, l).findAll({ ...t, fetchStatus: "fetching" }).length;
+    return i(this, u).findAll({ ...t, fetchStatus: "fetching" }).length;
   }
   isMutating(t) {
-    return n(this, M).findAll({ ...t, status: "pending" }).length;
+    return i(this, w).findAll({ ...t, status: "pending" }).length;
   }
   getQueryData(t) {
     var s;
     const e = this.defaultQueryOptions({ queryKey: t });
-    return (s = n(this, l).get(e.queryHash)) == null ? void 0 : s.state.data;
+    return (s = i(this, u).get(e.queryHash)) == null ? void 0 : s.state.data;
   }
   ensureQueryData(t) {
     const e = this.getQueryData(t.queryKey);
     if (e === void 0)
       return this.fetchQuery(t);
     {
-      const s = this.defaultQueryOptions(t), r = n(this, l).build(this, s);
-      return t.revalidateIfStale && r.isStaleByTime(Y(s.staleTime, r)) && this.prefetchQuery(s), Promise.resolve(e);
+      const s = this.defaultQueryOptions(t), a = i(this, u).build(this, s);
+      return t.revalidateIfStale && a.isStaleByTime(le(s.staleTime, a)) && this.prefetchQuery(s), Promise.resolve(e);
     }
   }
   getQueriesData(t) {
-    return n(this, l).findAll(t).map(({ queryKey: e, state: s }) => {
-      const r = s.data;
-      return [e, r];
+    return i(this, u).findAll(t).map(({ queryKey: e, state: s }) => {
+      const a = s.data;
+      return [e, a];
     });
   }
   setQueryData(t, e, s) {
-    const r = this.defaultQueryOptions({ queryKey: t }), a = n(this, l).get(
-      r.queryHash
-    ), o = a == null ? void 0 : a.state.data, u = Ae(e, o);
-    if (u !== void 0)
-      return n(this, l).build(this, r).setData(u, { ...s, manual: !0 });
+    const a = this.defaultQueryOptions({ queryKey: t }), n = i(this, u).get(
+      a.queryHash
+    ), o = n == null ? void 0 : n.state.data, l = Je(e, o);
+    if (l !== void 0)
+      return i(this, u).build(this, a).setData(l, { ...s, manual: !0 });
   }
   setQueriesData(t, e, s) {
     return m.batch(
-      () => n(this, l).findAll(t).map(({ queryKey: r }) => [
-        r,
-        this.setQueryData(r, e, s)
+      () => i(this, u).findAll(t).map(({ queryKey: a }) => [
+        a,
+        this.setQueryData(a, e, s)
       ])
     );
   }
   getQueryState(t) {
     var s;
     const e = this.defaultQueryOptions({ queryKey: t });
-    return (s = n(this, l).get(e.queryHash)) == null ? void 0 : s.state;
+    return (s = i(this, u).get(e.queryHash)) == null ? void 0 : s.state;
   }
   removeQueries(t) {
-    const e = n(this, l);
+    const e = i(this, u);
     m.batch(() => {
       e.findAll(t).forEach((s) => {
         e.remove(s);
@@ -366,24 +388,24 @@ var l, M, C, E, k, w, D, j, re, $e = (re = class {
     });
   }
   resetQueries(t, e) {
-    const s = n(this, l), r = {
+    const s = i(this, u), a = {
       type: "active",
       ...t
     };
-    return m.batch(() => (s.findAll(t).forEach((a) => {
-      a.reset();
-    }), this.refetchQueries(r, e)));
+    return m.batch(() => (s.findAll(t).forEach((n) => {
+      n.reset();
+    }), this.refetchQueries(a, e)));
   }
   cancelQueries(t = {}, e = {}) {
-    const s = { revert: !0, ...e }, r = m.batch(
-      () => n(this, l).findAll(t).map((a) => a.cancel(s))
+    const s = { revert: !0, ...e }, a = m.batch(
+      () => i(this, u).findAll(t).map((n) => n.cancel(s))
     );
-    return Promise.all(r).then(b).catch(b);
+    return Promise.all(a).then(j).catch(j);
   }
   invalidateQueries(t = {}, e = {}) {
     return m.batch(() => {
-      if (n(this, l).findAll(t).forEach((r) => {
-        r.invalidate();
+      if (i(this, u).findAll(t).forEach((a) => {
+        a.invalidate();
       }), t.refetchType === "none")
         return Promise.resolve();
       const s = {
@@ -397,105 +419,105 @@ var l, M, C, E, k, w, D, j, re, $e = (re = class {
     const s = {
       ...e,
       cancelRefetch: (e == null ? void 0 : e.cancelRefetch) ?? !0
-    }, r = m.batch(
-      () => n(this, l).findAll(t).filter((a) => !a.isDisabled()).map((a) => {
-        let o = a.fetch(void 0, s);
-        return s.throwOnError || (o = o.catch(b)), a.state.fetchStatus === "paused" ? Promise.resolve() : o;
+    }, a = m.batch(
+      () => i(this, u).findAll(t).filter((n) => !n.isDisabled()).map((n) => {
+        let o = n.fetch(void 0, s);
+        return s.throwOnError || (o = o.catch(j)), n.state.fetchStatus === "paused" ? Promise.resolve() : o;
       })
     );
-    return Promise.all(r).then(b);
+    return Promise.all(a).then(j);
   }
   fetchQuery(t) {
     const e = this.defaultQueryOptions(t);
     e.retry === void 0 && (e.retry = !1);
-    const s = n(this, l).build(this, e);
+    const s = i(this, u).build(this, e);
     return s.isStaleByTime(
-      Y(e.staleTime, s)
+      le(e.staleTime, s)
     ) ? s.fetch(e) : Promise.resolve(s.state.data);
   }
   prefetchQuery(t) {
-    return this.fetchQuery(t).then(b).catch(b);
+    return this.fetchQuery(t).then(j).catch(j);
   }
   fetchInfiniteQuery(t) {
-    return t.behavior = Ye(t.pages), this.fetchQuery(t);
+    return t.behavior = Pt(t.pages), this.fetchQuery(t);
   }
   prefetchInfiniteQuery(t) {
-    return this.fetchInfiniteQuery(t).then(b).catch(b);
+    return this.fetchInfiniteQuery(t).then(j).catch(j);
   }
   resumePausedMutations() {
-    return W.isOnline() ? n(this, M).resumePausedMutations() : Promise.resolve();
+    return oe.isOnline() ? i(this, w).resumePausedMutations() : Promise.resolve();
   }
   getQueryCache() {
-    return n(this, l);
+    return i(this, u);
   }
   getMutationCache() {
-    return n(this, M);
+    return i(this, w);
   }
   getDefaultOptions() {
-    return n(this, C);
+    return i(this, C);
   }
   setDefaultOptions(t) {
-    c(this, C, t);
+    d(this, C, t);
   }
   setQueryDefaults(t, e) {
-    n(this, E).set(Z(t), {
+    i(this, M).set(ce(t), {
       queryKey: t,
       defaultOptions: e
     });
   }
   getQueryDefaults(t) {
-    const e = [...n(this, E).values()];
+    const e = [...i(this, M).values()];
     let s = {};
-    return e.forEach((r) => {
-      $(t, r.queryKey) && (s = { ...s, ...r.defaultOptions });
+    return e.forEach((a) => {
+      ue(t, a.queryKey) && (s = { ...s, ...a.defaultOptions });
     }), s;
   }
   setMutationDefaults(t, e) {
-    n(this, k).set(Z(t), {
+    i(this, A).set(ce(t), {
       mutationKey: t,
       defaultOptions: e
     });
   }
   getMutationDefaults(t) {
-    const e = [...n(this, k).values()];
+    const e = [...i(this, A).values()];
     let s = {};
-    return e.forEach((r) => {
-      $(t, r.mutationKey) && (s = { ...s, ...r.defaultOptions });
+    return e.forEach((a) => {
+      ue(t, a.mutationKey) && (s = { ...s, ...a.defaultOptions });
     }), s;
   }
   defaultQueryOptions(t) {
     if (t._defaulted)
       return t;
     const e = {
-      ...n(this, C).queries,
+      ...i(this, C).queries,
       ...this.getQueryDefaults(t.queryKey),
       ...t,
       _defaulted: !0
     };
-    return e.queryHash || (e.queryHash = ie(
+    return e.queryHash || (e.queryHash = ve(
       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 === Ne && (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 === Ye && (e.enabled = !1), e;
   }
   defaultMutationOptions(t) {
     return t != null && t._defaulted ? t : {
-      ...n(this, C).mutations,
+      ...i(this, C).mutations,
       ...(t == null ? void 0 : t.mutationKey) && this.getMutationDefaults(t.mutationKey),
       ...t,
       _defaulted: !0
     };
   }
   clear() {
-    n(this, l).clear(), n(this, M).clear();
+    i(this, u).clear(), i(this, w).clear();
   }
-}, l = new WeakMap(), M = new WeakMap(), C = new WeakMap(), E = new WeakMap(), k = new WeakMap(), w = new WeakMap(), D = new WeakMap(), j = new WeakMap(), re);
-const _e = ue(null), I = {
+}, u = new WeakMap(), w = new WeakMap(), C = new WeakMap(), M = new WeakMap(), A = new WeakMap(), N = new WeakMap(), Q = new WeakMap(), E = new WeakMap(), me);
+const Nt = ye(null), V = {
   didCatch: !1,
   error: null
 };
-class et extends Te {
+class kt extends st {
   constructor(e) {
-    super(e), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = I;
+    super(e), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = V;
   }
   static getDerivedStateFromError(e) {
     return {
@@ -508,104 +530,104 @@ class et extends Te {
       error: e
     } = this.state;
     if (e !== null) {
-      for (var s, r, a = arguments.length, o = new Array(a), u = 0; u < a; u++)
-        o[u] = arguments[u];
-      (s = (r = this.props).onReset) === null || s === void 0 || s.call(r, {
+      for (var s, a, n = arguments.length, o = new Array(n), l = 0; l < n; l++)
+        o[l] = arguments[l];
+      (s = (a = this.props).onReset) === null || s === void 0 || s.call(a, {
         args: o,
         reason: "imperative-api"
-      }), this.setState(I);
+      }), this.setState(V);
     }
   }
   componentDidCatch(e, s) {
-    var r, a;
-    (r = (a = this.props).onError) === null || r === void 0 || r.call(a, e, s);
+    var a, n;
+    (a = (n = this.props).onError) === null || a === void 0 || a.call(n, e, s);
   }
   componentDidUpdate(e, s) {
     const {
-      didCatch: r
+      didCatch: a
     } = this.state, {
-      resetKeys: a
+      resetKeys: n
     } = this.props;
-    if (r && s.error !== null && tt(e.resetKeys, a)) {
-      var o, u;
-      (o = (u = this.props).onReset) === null || o === void 0 || o.call(u, {
-        next: a,
+    if (a && s.error !== null && Ot(e.resetKeys, n)) {
+      var o, l;
+      (o = (l = this.props).onReset) === null || o === void 0 || o.call(l, {
+        next: n,
         prev: e.resetKeys,
         reason: "keys"
-      }), this.setState(I);
+      }), this.setState(V);
     }
   }
   render() {
     const {
       children: e,
       fallbackRender: s,
-      FallbackComponent: r,
-      fallback: a
+      FallbackComponent: a,
+      fallback: n
     } = this.props, {
       didCatch: o,
-      error: u
+      error: l
     } = this.state;
-    let d = e;
+    let c = e;
     if (o) {
       const h = {
-        error: u,
+        error: l,
         resetErrorBoundary: this.resetErrorBoundary
       };
       if (typeof s == "function")
-        d = s(h);
-      else if (r)
-        d = _(r, h);
-      else if (a === null || Se(a))
-        d = a;
+        c = s(h);
+      else if (a)
+        c = he(a, h);
+      else if (n === null || at(n))
+        c = n;
       else
-        throw u;
+        throw l;
     }
-    return _(_e.Provider, {
+    return he(Nt.Provider, {
       value: {
         didCatch: o,
-        error: u,
+        error: l,
         resetErrorBoundary: this.resetErrorBoundary
       }
-    }, d);
+    }, c);
   }
 }
-function tt() {
+function Ot() {
   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((s, r) => !Object.is(s, e[r]));
+  return t.length !== e.length || t.some((s, a) => !Object.is(s, e[a]));
 }
-const st = (t) => "getRoutes" in t && typeof t.getRoutes == "function", rt = (t) => "initialize" in t && typeof t.initialize == "function", at = (t) => "getHead" in t && typeof t.getHead == "function", nt = (t) => "getIdentities" in t && typeof t.getIdentities == "function", ce = new $e(), it = Le(() => ({}));
-class ot {
+const Mt = (t) => "getRoutes" in t && typeof t.getRoutes == "function", At = (t) => "initialize" in t && typeof t.initialize == "function", Qt = (t) => "getHead" in t && typeof t.getHead == "function", Et = (t) => "getIdentities" in t && typeof t.getIdentities == "function", ke = new Ct(), Dt = ht(() => ({}));
+class Tt {
   constructor(e) {
-    g(this, "plugins", []);
-    g(this, "navigationPlugins");
-    g(this, "navigation");
-    g(this, "meta");
-    g(this, "page");
-    g(this, "authentication");
-    g(this, "state");
-    g(this, "initialize", async () => {
+    v(this, "plugins", []);
+    v(this, "navigationPlugins");
+    v(this, "navigation");
+    v(this, "meta");
+    v(this, "page");
+    v(this, "authentication");
+    v(this, "state");
+    v(this, "initialize", async () => {
       await Promise.all([
-        this.plugins.filter(rt).map((e) => {
+        this.plugins.filter(At).map((e) => {
           var s;
           return (s = e.initialize) == null ? void 0 : s.call(e, this);
         })
       ]);
     });
-    g(this, "invalidateCache", async (e) => {
-      await ce.invalidateQueries({ queryKey: e });
+    v(this, "invalidateCache", async (e) => {
+      await ke.invalidateQueries({ queryKey: e });
     });
-    g(this, "getApiIdentities", async () => (await Promise.all(
-      this.plugins.filter(nt).map((s) => s.getIdentities(this))
+    v(this, "getApiIdentities", async () => (await Promise.all(
+      this.plugins.filter(Et).map((s) => s.getIdentities(this))
     )).flat());
-    g(this, "getNavigation", async (e) => (await Promise.all(
+    v(this, "getNavigation", async (e) => (await Promise.all(
       this.navigationPlugins.map(
-        async (r) => {
-          var a;
-          return (a = r.getNavigation) == null ? void 0 : a.call(r, e);
+        async (a) => {
+          var n;
+          return (n = a.getNavigation) == null ? void 0 : n.call(a, e);
         }
       )
-    )).flatMap((r) => r ?? []));
-    this.plugins = e.plugins ?? [], this.navigation = e.navigation, this.navigationPlugins = this.plugins.filter(st), this.authentication = e.authentication, this.meta = e.metadata, this.page = e.page, this.state = it;
+    )).flatMap((a) => a ?? []));
+    this.plugins = e.plugins ?? [], this.navigation = e.navigation, this.navigationPlugins = this.plugins.filter(Mt), this.authentication = e.authentication, this.meta = e.metadata, this.page = e.page, this.state = Dt;
   }
   async signRequest(e) {
     if (!this.authentication)
@@ -614,15 +636,15 @@ class ot {
     return e.headers.set("Authorization", `Bearer ${s}`), e;
   }
 }
-function ut({ error: t, resetErrorBoundary: e }) {
-  return /* @__PURE__ */ i.jsx(Ue, { error: t });
+function St({ error: t, resetErrorBoundary: e }) {
+  return /* @__PURE__ */ r.jsx(ft, { error: t });
 }
-const lt = () => {
-  const { navigation: t } = oe();
-  return t.length <= 1 ? null : /* @__PURE__ */ i.jsx("nav", { className: "border-b border-border text-sm px-12 h-[--top-nav-height]", children: /* @__PURE__ */ i.jsx("ul", { className: "flex flex-row items-center gap-8", children: t.map((e) => /* @__PURE__ */ i.jsx("li", { children: /* @__PURE__ */ i.jsx(
-    ve,
+const qt = () => {
+  const { navigation: t } = _();
+  return t.length <= 1 ? null : /* @__PURE__ */ r.jsx("nav", { className: "border-b border-border text-sm px-12 h-[--top-nav-height]", children: /* @__PURE__ */ r.jsx("ul", { className: "flex flex-row items-center gap-8", children: t.map((e) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+    U,
     {
-      className: ({ isActive: s }) => be(
+      className: ({ isActive: s }) => Ie(
         "block py-3.5 font-medium -mb-px border-b-2",
         s ? "border-primary text-foreground" : "border-transparent text-foreground/75 hover:text-foreground hover:border-accent-foreground/25"
       ),
@@ -630,80 +652,326 @@ const lt = () => {
       children: e.label
     }
   ) }, e.label)) }) });
-}, ct = le(function() {
-  const [e, s] = Pe(), { isAuthenticated: r, profile: a, isAuthEnabled: o, login: u, logout: d } = Ve(), { page: h } = oe(), P = e ? Xe : Ge;
-  return /* @__PURE__ */ i.jsx("header", { className: "fixed top-0 w-full z-10 bg-background/80 backdrop-blur", children: /* @__PURE__ */ i.jsxs("div", { className: "max-w-screen-2xl mx-auto", children: [
-    /* @__PURE__ */ i.jsxs("div", { className: "grid grid-cols-[calc(var(--side-nav-width))_1fr] lg:gap-12 items-center border-b border-border px-12 h-[--top-header-height]", children: [
-      /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-3.5", children: [
-        (h == null ? void 0 : h.logo) && /* @__PURE__ */ i.jsx("img", { src: h.logo, alt: h.pageTitle, className: "h-10" }),
-        /* @__PURE__ */ i.jsx("span", { className: "font-bold text-2xl text-foreground/85 tracking-wide", children: h == null ? void 0 : h.pageTitle })
+}, Oe = xe(function() {
+  const [e, s] = Fe(), { isAuthenticated: a, profile: n, isAuthEnabled: o, login: l, logout: c } = pt(), { page: h } = _(), g = e ? yt : xt;
+  return /* @__PURE__ */ r.jsx("header", { className: "fixed top-0 w-full z-10 bg-background/80 backdrop-blur", children: /* @__PURE__ */ r.jsxs("div", { className: "max-w-screen-2xl mx-auto", children: [
+    /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-[calc(var(--side-nav-width))_1fr] lg:gap-12 items-center border-b border-border px-12 h-[--top-header-height]", children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-3.5", children: [
+        (h == null ? void 0 : h.logo) && /* @__PURE__ */ r.jsx("img", { src: h.logo, alt: h.pageTitle, className: "h-10" }),
+        /* @__PURE__ */ r.jsx("span", { className: "font-bold text-2xl text-foreground/85 tracking-wide", children: h == null ? void 0 : h.pageTitle })
       ] }),
-      /* @__PURE__ */ i.jsxs("div", { className: "grid grid-cols-[--sidecar-grid-cols] items-center gap-8", children: [
-        /* @__PURE__ */ i.jsx("div", { className: "w-full max-w-prose" }),
-        /* @__PURE__ */ i.jsxs("div", { className: "items-center justify-self-end text-sm hidden lg:flex", children: [
-          o && /* @__PURE__ */ i.jsx(i.Fragment, { children: r ? /* @__PURE__ */ i.jsxs(
+      /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-[--sidecar-grid-cols] items-center gap-8", children: [
+        /* @__PURE__ */ r.jsx("div", { className: "w-full max-w-prose" }),
+        /* @__PURE__ */ r.jsxs("div", { className: "items-center justify-self-end text-sm hidden lg:flex", children: [
+          o && /* @__PURE__ */ r.jsx(r.Fragment, { children: a ? /* @__PURE__ */ r.jsxs(
             "button",
             {
               className: "cursor-pointer hover:bg-secondary p-1 px-2 mx-2 rounded text-nowrap",
-              onClick: d,
+              onClick: c,
               children: [
                 "Logout ",
-                a != null && a.email ? `(${a.email})` : null
+                n != null && n.email ? `(${n.email})` : null
               ]
             }
-          ) : /* @__PURE__ */ i.jsx(
+          ) : /* @__PURE__ */ r.jsx(
             "button",
             {
               className: "cursor-pointer hover:bg-secondary p-1 px-2 mx-2 rounded",
-              onClick: u,
+              onClick: l,
               children: "Login"
             }
           ) }),
-          /* @__PURE__ */ i.jsx(
+          /* @__PURE__ */ r.jsx(
             "button",
             {
               className: "cursor-pointer hover:bg-secondary p-2.5 -m-2.5 rounded-full",
               onClick: s,
-              children: /* @__PURE__ */ i.jsx(P, { size: 18 })
+              children: /* @__PURE__ */ r.jsx(g, { size: 18 })
             }
           )
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ i.jsx(lt, {})
+    /* @__PURE__ */ r.jsx(qt, {})
   ] }) });
-}), he = {
-  Header: ct
-}, ht = ue(he), dt = ht.Provider, ft = ({
+}), Me = {
+  Header: Oe
+}, It = ye(Me), Ft = It.Provider, Ht = ({
   children: t,
   ...e
 }) => {
-  var u;
-  const s = S(
-    () => ({ ...he, ...e.overrides }),
+  var l;
+  const s = z(
+    () => ({ ...Me, ...e.overrides }),
     [e.overrides]
-  ), r = S(
-    () => ({ ...xe, ...e.mdxComponents }),
+  ), a = z(
+    () => ({ ...He, ...e.mdxComponents }),
     [e.mdxComponents]
-  ), a = S(() => new ot(e), [e]);
-  Ie(() => {
-    a.initialize();
-  }, [a]);
-  const o = (u = e.plugins) == null ? void 0 : u.filter(at).map((d, h) => {
-    var P;
-    return /* @__PURE__ */ i.jsx(He, { children: (P = d.getHead) == null ? void 0 : P.call(d) }, h);
+  ), n = z(() => new Tt(e), [e]);
+  q(() => {
+    n.initialize();
+  }, [n]);
+  const o = (l = e.plugins) == null ? void 0 : l.filter(Qt).map((c, h) => {
+    var g;
+    return /* @__PURE__ */ r.jsx(nt, { children: (g = c.getHead) == null ? void 0 : g.call(c) }, h);
+  });
+  return /* @__PURE__ */ r.jsxs(Ze, { client: ke, children: [
+    /* @__PURE__ */ r.jsx(be, { children: o }),
+    /* @__PURE__ */ r.jsx($e, { value: n, children: /* @__PURE__ */ r.jsx(lt, { components: a, children: /* @__PURE__ */ r.jsx(Le, { children: /* @__PURE__ */ r.jsx(Ft, { value: s, children: /* @__PURE__ */ r.jsx(Re, { children: t }) }) }) }) })
+  ] });
+}, Lt = xe(Ht), Ae = (t) => /* @__PURE__ */ r.jsx(kt, { FallbackComponent: St, children: /* @__PURE__ */ r.jsx(Lt, { ...t }) });
+Ae.displayName = "DevPortal";
+const Rt = () => {
+  const t = D(), { setActiveAnchor: e } = X();
+  q(() => {
+    if (!t.hash) return;
+    const s = t.hash.split("/")[0].slice(1), a = document.getElementById(decodeURIComponent(s));
+    if (a) {
+      requestAnimationFrame(() => {
+        a.scrollIntoView(), requestIdleCallback(() => e(s));
+      });
+      return;
+    }
+    const n = new MutationObserver((o, l) => {
+      const c = document.getElementById(decodeURIComponent(s));
+      c && (c.scrollIntoView(), requestIdleCallback(() => e(s)), l.disconnect());
+    });
+    return n.observe(document.body, { childList: !0, subtree: !0 }), () => n.disconnect();
+  }, [t.hash, e]);
+}, Bt = () => {
+  const t = D(), e = B(t.pathname);
+  q(() => {
+    e.current !== t.pathname && (window.scrollTo(0, 0), e.current = t.pathname);
+  }, [t.pathname]);
+}, Qe = ({
+  item: t,
+  defaultOpen: e,
+  path: s
+}) => {
+  const [a, n] = rt(e), o = D(), l = B(o.pathname);
+  return q(() => {
+    !a && l.current !== o.pathname && n(G(t, o.pathname, s)), l.current = o.pathname;
+  }, [a, t, s, o.pathname]), [a, n];
+}, L = Be(
+  "flex px-[--padding-nav-item] py-1.5 rounded-lg hover:bg-accent transition-colors duration-300",
+  {
+    variants: {
+      isActive: {
+        true: "text-primary font-medium",
+        false: "text-foreground/80"
+      },
+      isMuted: {
+        true: "text-foreground/30",
+        false: ""
+      }
+    }
+  }
+), Kt = "data-anchor", Ee = ({
+  category: t,
+  item: e,
+  activeAnchor: s,
+  currentTopNavItem: a,
+  basePath: n = ""
+}) => {
+  const o = W(e) ? Ce(n, e.path) : "", l = D(), [c, h] = Qe({
+    item: e,
+    path: o,
+    defaultOpen: () => G(e, l.pathname, o)
+  });
+  if (gt(e)) {
+    const f = T(
+      "flex items-center gap-2",
+      L({
+        isActive: e.href === l.pathname
+      })
+    );
+    return e.href.startsWith("http") ? /* @__PURE__ */ r.jsxs(
+      "a",
+      {
+        className: f,
+        href: e.href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: [
+          e.label,
+          /* @__PURE__ */ r.jsx(vt, { size: 14 })
+        ]
+      }
+    ) : /* @__PURE__ */ r.jsx(U, { className: f, to: e.href, children: e.label });
+  }
+  const g = /* @__PURE__ */ r.jsxs("div", { className: "flex justify-between w-full", children: [
+    /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2 truncate w-full", children: [
+      e.icon,
+      typeof e.label != "string" ? e.label : /* @__PURE__ */ r.jsx("span", { className: "truncate", children: e.label })
+    ] }),
+    e.children && /* @__PURE__ */ r.jsx(
+      Ne,
+      {
+        size: 16,
+        className: "transition shrink-0 group-data-[state=open]:rotate-90"
+      }
+    )
+  ] });
+  return /* @__PURE__ */ r.jsx("li", { title: typeof e.label == "string" ? e.label : e.title, children: e.children ? /* @__PURE__ */ r.jsxs(
+    je,
+    {
+      open: c,
+      onOpenChange: () => h((f) => !f),
+      className: "flex flex-col",
+      children: [
+        /* @__PURE__ */ r.jsx(
+          Pe,
+          {
+            className: T(
+              "group text-start",
+              L({ isActive: !1 })
+            ),
+            children: g
+          }
+        ),
+        /* @__PURE__ */ r.jsx(we, { className: "CollapsibleContent ms-[calc(var(--padding-nav-item)*1.125)]", children: /* @__PURE__ */ r.jsx("ul", { className: "mt-1 border-border border-l ps-1.5", children: e.children.map((f) => /* @__PURE__ */ r.jsx(
+          Ee,
+          {
+            category: t,
+            item: f,
+            activeAnchor: s,
+            currentTopNavItem: a,
+            basePath: o
+          },
+          W(f) ? f.path : f.href
+        )) }) })
+      ]
+    }
+  ) : e.path.startsWith("#") ? /* @__PURE__ */ r.jsx(
+    ct,
+    {
+      to: e.path,
+      [Kt]: e.path,
+      className: L({
+        isActive: e.path.slice(1) === s,
+        isMuted: e.muted
+      }),
+      children: g
+    }
+  ) : /* @__PURE__ */ r.jsx(
+    U,
+    {
+      className: ({ isActive: f }) => L({ isActive: f }),
+      to: o,
+      children: g
+    }
+  ) });
+}, zt = ({
+  category: t
+}) => {
+  const { activeAnchor: e } = X(), s = et(), a = D(), n = t.collapsible ?? !0, [o, l] = Qe({
+    item: t,
+    path: (s == null ? void 0 : s.path) ?? "",
+    defaultOpen: () => !n || t.expanded || G(t, a.pathname, (s == null ? void 0 : s.path) ?? "")
   });
-  return /* @__PURE__ */ i.jsxs(qe, { client: ce, children: [
-    /* @__PURE__ */ i.jsx(Ke, { children: o }),
-    /* @__PURE__ */ i.jsx(Fe, { value: a, children: /* @__PURE__ */ i.jsx(Be, { components: r, children: /* @__PURE__ */ i.jsx(Me, { children: /* @__PURE__ */ i.jsx(dt, { value: s, children: /* @__PURE__ */ i.jsx(Ce, { children: t }) }) }) }) })
+  return /* @__PURE__ */ r.jsxs(
+    je,
+    {
+      open: o,
+      onOpenChange: () => l((c) => !c),
+      children: [
+        t.label.length > 0 ? /* @__PURE__ */ r.jsx(Pe, { asChild: n, disabled: !n, children: /* @__PURE__ */ r.jsxs(
+          "h5",
+          {
+            className: T(
+              "flex group items-center justify-between cursor-pointer font-semibold text-foreground/90 px-[--padding-nav-item] py-1.5 rounded-lg transition-colors duration-300 -mx-[--padding-nav-item]",
+              n ? "hover:bg-accent" : "cursor-auto"
+            ),
+            children: [
+              t.label,
+              n && /* @__PURE__ */ r.jsx(
+                Ne,
+                {
+                  className: "group-data-[state=open]:rotate-90 transition",
+                  size: 16
+                }
+              )
+            ]
+          }
+        ) }) : "Endpoints",
+        /* @__PURE__ */ r.jsx(we, { className: "CollapsibleContent -mx-[--padding-nav-item]", children: /* @__PURE__ */ r.jsx("ul", { className: "space-y-0.5 mt-1.5 mb-4 ms-3", children: t.children.map((c) => /* @__PURE__ */ r.jsx(
+          Ee,
+          {
+            category: t,
+            item: c,
+            activeAnchor: e,
+            currentTopNavItem: s,
+            basePath: Ce(s == null ? void 0 : s.path, t.path)
+          },
+          W(c) ? c.path + c.label : c.href
+        )) }) })
+      ]
+    },
+    t.label
+  );
+}, Vt = it(function({ children: e, className: s, pushMainContent: a }, n) {
+  return /* @__PURE__ */ r.jsx(
+    "nav",
+    {
+      "data-navigation": String(a),
+      className: T(
+        "peer hidden lg:flex flex-col fixed text-sm overflow-y-auto shrink-0 p-[--padding-nav-item] -mx-[--padding-nav-item] pb-20 pt-[--padding-content-top] w-[--side-nav-width] h-[calc(100%-var(--header-height))] scroll-pt-2 gap-2",
+        s
+      ),
+      ref: n,
+      children: e
+    }
+  );
+}), Ut = () => {
+  const t = B(null), e = tt();
+  return /* @__PURE__ */ r.jsx(
+    Vt,
+    {
+      ref: t,
+      pushMainContent: e.data.items.length > 0,
+      children: e.data.items.map((s) => /* @__PURE__ */ r.jsx(zt, { category: s }, s.label))
+    }
+  );
+}, Wt = ({ children: t }) => {
+  const e = D(), { setActiveAnchor: s } = X(), { meta: a } = _();
+  Rt(), Bt();
+  const n = B(e.pathname);
+  return q(() => {
+    e.pathname !== n.current && s(""), n.current = e.pathname;
+  }, [e.pathname, s]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsxs(be, { titleTemplate: a == null ? void 0 : a.title, children: [
+      (a == null ? void 0 : a.description) && /* @__PURE__ */ r.jsx("meta", { name: "description", content: a.description }),
+      (a == null ? void 0 : a.favicon) && /* @__PURE__ */ r.jsx("link", { rel: "icon", href: a.favicon })
+    ] }),
+    /* @__PURE__ */ r.jsx(Oe, {}),
+    /* @__PURE__ */ r.jsx("div", { className: "max-w-screen-2xl mx-auto pt-[--header-height] px-10 lg:px-12 h-full", children: /* @__PURE__ */ r.jsxs(
+      ot,
+      {
+        fallback: /* @__PURE__ */ r.jsx("div", { className: "grid h-full place-items-center", children: /* @__PURE__ */ r.jsx(mt, {}) }),
+        children: [
+          /* @__PURE__ */ r.jsx(Ut, {}),
+          /* @__PURE__ */ r.jsx(
+            "main",
+            {
+              className: T(
+                "dark:border-white/10 translate-x-0 h-full",
+                "lg:overflow-visible",
+                "lg:peer-data-[navigation=true]:w-[calc(100%-var(--side-nav-width))]",
+                "lg:peer-data-[navigation=true]:translate-x-[--side-nav-width] peer-data-[navigation=true]:pl-12"
+              ),
+              children: t ?? /* @__PURE__ */ r.jsx(Ve, {})
+            }
+          )
+        ]
+      }
+    ) })
   ] });
-}, mt = le(ft), de = (t) => /* @__PURE__ */ i.jsx(et, { FallbackComponent: ut, children: /* @__PURE__ */ i.jsx(mt, { ...t }) });
-de.displayName = "DevPortal";
-const wt = ze, Qt = we, Ot = de, Et = Qe;
+}, ns = ut, rs = Ke, is = Ae, os = Wt, ls = ze;
 export {
-  Qt as Callout,
-  Ot as DevPortal,
-  Et as Link,
-  wt as useMDXComponents
+  rs as Callout,
+  is as DevPortal,
+  os as Layout,
+  ls as Link,
+  ns as useMDXComponents
 };
 //# sourceMappingURL=zudoku.components.js.map