zudoku 0.4.2-dev.1 → 0.4.2-dev.10

package/lib/zudoku.components.js

@@ -15,19 +15,19 @@ var Ce = (e, t, n, r) => ({
 });
 import { H as jt, a as qe, M as lr, u as dr, A as hr, b as fr } from "./utils-BPHLKjns.js";
 import { d as pr, a as mr, R as gr, N as je, L as Ge, u as vr, O as Rt, b as xr, c as He } from "./index-ChhUJhLT.js";
-import { E as Et, S as se, a as yr, R as wr } from "./SlotletProvider-WwEUzQQ3.js";
+import { E as Et, S as se, a as yr, R as wr } from "./SlotletProvider-Bdzag6MN.js";
 import { j as a } from "./jsx-runtime-B6kdoens.js";
-import { M as br, c as Mr, a as _t, b as Nt, A as Cr, u as ge, h as Sr, d as y, e as Pr, F as jr, D as Rr, C as Er, P as ce, f as Ue, g as _r, i as Dt, R as Nr, S as Dr, j as Ir, k as kr, l as It, m as Ar, n as Re, o as kt, p as ft, B as $e } from "./Combination-Ce1nWgn5.js";
-import { c as ue, a as b, C as Or, b as Tr, u as Fr, T as Lr, M as Kr, V as $r, d as ze, e as Br, f as Qr } from "./Markdown-h11bKkQ9.js";
+import { M as br, c as Mr, a as _t, b as Nt, A as Cr, u as ge, h as Sr, d as y, e as Pr, F as jr, D as Rr, C as Er, P as ce, f as Ue, g as _r, i as Dt, R as Nr, S as Dr, j as Ir, k as kr, l as It, m as Ar, n as Re, o as kt, p as ft, B as $e } from "./Combination-C1wKWZ28.js";
+import { c as ue, a as b, C as Or, b as Tr, u as Fr, T as Lr, M as Kr, V as $r, d as ze, e as Br, f as Qr } from "./Markdown-C3hatKS5.js";
 import * as c from "react";
 import qr, { StrictMode as At, createContext as Ot, Component as Gr, createElement as pt, isValidElement as Hr, useState as ie, useCallback as Tt, useEffect as z, Suspense as Ft, memo as Lt, useMemo as Fe, useContext as Ur, Fragment as zr, useRef as Ve, forwardRef as Vr } from "react";
 import { g as Ye } from "./_commonjsHelpers-BVfed4GL.js";
 import { r as Yr } from "./router-BiRCp01d.js";
-import { S as Be, R as Xr, T as Wr, C as Jr } from "./index-CZAFD5xN.js";
+import { S as Be, R as Xr, T as Wr, C as Jr } from "./index-LWNs2niD.js";
 import { S as Kt, h as $t, Q as Zr, n as E, m as mt, a as gt, b as $, e as ea, c as ta, d as na, f as ra, o as vt, r as xt, g as aa, i as yt, p as wt, s as oa, u as Ne, j as sa, Z as ia, k as ca, l as Bt, q as ua } from "./ZudokuContext-BHNQL3XO.js";
 import { j as Xe } from "./joinPath-B7kNnUX4.js";
-import { c as Qt, P as De, R as la, I as da, S as Le } from "./SidebarBadge-djIXD1Pv.js";
-import { S as ha } from "./Spinner-D4ifRVWf.js";
+import { c as Qt, P as De, R as la, I as da, S as Le } from "./SidebarBadge-C6wpM9X3.js";
+import { S as ha } from "./Spinner-DiA314T5.js";
 /**
  * @license lucide-react v0.378.0 - ISC
  *
@@ -531,16 +531,16 @@ function Ka(e) {
       const r = async () => {
         var x, M, I, Q, Y;
         const o = t.options, s = (I = (M = (x = t.fetchOptions) == null ? void 0 : x.meta) == null ? void 0 : M.fetchMore) == null ? void 0 : I.direction, i = ((Q = t.state.data) == null ? void 0 : Q.pages) || [], u = ((Y = t.state.data) == null ? void 0 : Y.pageParams) || [], l = { pages: [], pageParams: [] };
-        let g = !1;
+        let v = !1;
         const p = (C) => {
           Object.defineProperty(C, "signal", {
             enumerable: !0,
-            get: () => (t.signal.aborted ? g = !0 : t.signal.addEventListener("abort", () => {
-              g = !0;
+            get: () => (t.signal.aborted ? v = !0 : t.signal.addEventListener("abort", () => {
+              v = !0;
             }), t.signal)
           });
         }, d = ea(t.options, t.fetchOptions), h = async (C, k, L) => {
-          if (g)
+          if (v)
             return Promise.reject();
           if (k == null && C.pages.length)
             return Promise.resolve(C);
@@ -559,25 +559,25 @@ function Ka(e) {
             pageParams: W(C.pageParams, k, be)
           };
         };
-        let v;
+        let m;
         if (s && i.length) {
           const C = s === "backward", k = C ? $a : bt, L = {
             pages: i,
             pageParams: u
           }, X = k(o, L);
-          v = await h(L, X, C);
+          m = await h(L, X, C);
         } else {
-          v = await h(
+          m = await h(
             l,
             u[0] ?? o.initialPageParam
           );
           const C = e ?? i.length;
           for (let k = 1; k < C; k++) {
-            const L = bt(o, v);
-            v = await h(v, L);
+            const L = bt(o, m);
+            m = await h(m, L);
           }
         }
-        return v;
+        return m;
       };
       t.options.persister ? t.fetchFn = () => {
         var o, s;
@@ -956,13 +956,13 @@ var Qe = ["Enter", " "], eo = ["ArrowDown", "PageUp", "Home"], Vt = ["ArrowUp",
   Nt,
   Qt
 ]), ye = Nt(), Xt = Qt(), [Wt, V] = J(xe), [so, we] = J(xe), Jt = (e) => {
-  const { __scopeMenu: t, open: n = !1, children: r, dir: o, onOpenChange: s, modal: i = !0 } = e, u = ye(t), [l, g] = c.useState(null), p = c.useRef(!1), d = Ue(s), h = kr(o);
+  const { __scopeMenu: t, open: n = !1, children: r, dir: o, onOpenChange: s, modal: i = !0 } = e, u = ye(t), [l, v] = c.useState(null), p = c.useRef(!1), d = Ue(s), h = kr(o);
   return c.useEffect(() => {
-    const v = () => {
+    const m = () => {
       p.current = !0, document.addEventListener("pointerdown", x, { capture: !0, once: !0 }), document.addEventListener("pointermove", x, { capture: !0, once: !0 });
     }, x = () => p.current = !1;
-    return document.addEventListener("keydown", v, { capture: !0 }), () => {
-      document.removeEventListener("keydown", v, { capture: !0 }), document.removeEventListener("pointerdown", x, { capture: !0 }), document.removeEventListener("pointermove", x, { capture: !0 });
+    return document.addEventListener("keydown", m, { capture: !0 }), () => {
+      document.removeEventListener("keydown", m, { capture: !0 }), document.removeEventListener("pointerdown", x, { capture: !0 }), document.removeEventListener("pointermove", x, { capture: !0 });
     };
   }, []), /* @__PURE__ */ a.jsx(It, { ...u, children: /* @__PURE__ */ a.jsx(
     Wt,
@@ -971,7 +971,7 @@ var Qe = ["Enter", " "], eo = ["ArrowDown", "PageUp", "Home"], Vt = ["ArrowUp",
       open: n,
       onOpenChange: d,
       content: l,
-      onContentChange: g,
+      onContentChange: v,
       children: /* @__PURE__ */ a.jsx(
         so,
         {
@@ -1052,24 +1052,24 @@ var D = "MenuContent", [uo, et] = J(D), tn = c.forwardRef(
       onCloseAutoFocus: i,
       disableOutsidePointerEvents: u,
       onEntryFocus: l,
-      onEscapeKeyDown: g,
+      onEscapeKeyDown: v,
       onPointerDownOutside: p,
       onFocusOutside: d,
       onInteractOutside: h,
-      onDismiss: v,
+      onDismiss: m,
       disableOutsideScroll: x,
       ...M
-    } = e, I = V(D, n), Q = we(D, n), Y = ye(n), C = Xt(n), k = ao(n), [L, X] = c.useState(null), Z = c.useRef(null), be = ge(t, Z, I.onContentChange), W = c.useRef(0), Me = c.useRef(""), ar = c.useRef(0), ke = c.useRef(null), it = c.useRef("right"), Ae = c.useRef(0), or = x ? Nr : c.Fragment, sr = x ? { as: Dr, allowPinchZoom: !0 } : void 0, ir = (m) => {
+    } = e, I = V(D, n), Q = we(D, n), Y = ye(n), C = Xt(n), k = ao(n), [L, X] = c.useState(null), Z = c.useRef(null), be = ge(t, Z, I.onContentChange), W = c.useRef(0), Me = c.useRef(""), ar = c.useRef(0), ke = c.useRef(null), it = c.useRef("right"), Ae = c.useRef(0), or = x ? Nr : c.Fragment, sr = x ? { as: Dr, allowPinchZoom: !0 } : void 0, ir = (g) => {
       var te, ut;
-      const _ = Me.current + m, A = k().filter((K) => !K.disabled), q = document.activeElement, Oe = (te = A.find((K) => K.ref.current === q)) == null ? void 0 : te.textValue, Te = A.map((K) => K.textValue), ct = So(Te, _, Oe), le = (ut = A.find((K) => K.textValue === ct)) == null ? void 0 : ut.ref.current;
+      const _ = Me.current + g, A = k().filter((K) => !K.disabled), q = document.activeElement, Oe = (te = A.find((K) => K.ref.current === q)) == null ? void 0 : te.textValue, Te = A.map((K) => K.textValue), ct = So(Te, _, Oe), le = (ut = A.find((K) => K.textValue === ct)) == null ? void 0 : ut.ref.current;
       (function K(lt) {
         Me.current = lt, window.clearTimeout(W.current), lt !== "" && (W.current = window.setTimeout(() => K(""), 1e3));
       })(_), le && setTimeout(() => le.focus());
     };
     c.useEffect(() => () => window.clearTimeout(W.current), []), Pr();
-    const ee = c.useCallback((m) => {
+    const ee = c.useCallback((g) => {
       var A, q;
-      return it.current === ((A = ke.current) == null ? void 0 : A.side) && jo(m, (q = ke.current) == null ? void 0 : q.area);
+      return it.current === ((A = ke.current) == null ? void 0 : A.side) && jo(g, (q = ke.current) == null ? void 0 : q.area);
     }, []);
     return /* @__PURE__ */ a.jsx(
       uo,
@@ -1077,36 +1077,36 @@ var D = "MenuContent", [uo, et] = J(D), tn = c.forwardRef(
         scope: n,
         searchRef: Me,
         onItemEnter: c.useCallback(
-          (m) => {
-            ee(m) && m.preventDefault();
+          (g) => {
+            ee(g) && g.preventDefault();
           },
           [ee]
         ),
         onItemLeave: c.useCallback(
-          (m) => {
+          (g) => {
             var _;
-            ee(m) || ((_ = Z.current) == null || _.focus(), X(null));
+            ee(g) || ((_ = Z.current) == null || _.focus(), X(null));
           },
           [ee]
         ),
         onTriggerLeave: c.useCallback(
-          (m) => {
-            ee(m) && m.preventDefault();
+          (g) => {
+            ee(g) && g.preventDefault();
           },
           [ee]
         ),
         pointerGraceTimerRef: ar,
-        onPointerGraceIntentChange: c.useCallback((m) => {
-          ke.current = m;
+        onPointerGraceIntentChange: c.useCallback((g) => {
+          ke.current = g;
         }, []),
         children: /* @__PURE__ */ a.jsx(or, { ...sr, children: /* @__PURE__ */ a.jsx(
           jr,
           {
             asChild: !0,
             trapped: o,
-            onMountAutoFocus: y(s, (m) => {
+            onMountAutoFocus: y(s, (g) => {
               var _;
-              m.preventDefault(), (_ = Z.current) == null || _.focus({ preventScroll: !0 });
+              g.preventDefault(), (_ = Z.current) == null || _.focus({ preventScroll: !0 });
             }),
             onUnmountAutoFocus: i,
             children: /* @__PURE__ */ a.jsx(
@@ -1114,11 +1114,11 @@ var D = "MenuContent", [uo, et] = J(D), tn = c.forwardRef(
               {
                 asChild: !0,
                 disableOutsidePointerEvents: u,
-                onEscapeKeyDown: g,
+                onEscapeKeyDown: v,
                 onPointerDownOutside: p,
                 onFocusOutside: d,
                 onInteractOutside: h,
-                onDismiss: v,
+                onDismiss: m,
                 children: /* @__PURE__ */ a.jsx(
                   la,
                   {
@@ -1129,8 +1129,8 @@ var D = "MenuContent", [uo, et] = J(D), tn = c.forwardRef(
                     loop: r,
                     currentTabStopId: L,
                     onCurrentTabStopIdChange: X,
-                    onEntryFocus: y(l, (m) => {
-                      Q.isUsingKeyboardRef.current || m.preventDefault();
+                    onEntryFocus: y(l, (g) => {
+                      Q.isUsingKeyboardRef.current || g.preventDefault();
                     }),
                     preventScrollOnEntryFocus: !0,
                     children: /* @__PURE__ */ a.jsx(
@@ -1145,25 +1145,25 @@ var D = "MenuContent", [uo, et] = J(D), tn = c.forwardRef(
                         ...M,
                         ref: be,
                         style: { outline: "none", ...M.style },
-                        onKeyDown: y(M.onKeyDown, (m) => {
-                          const A = m.target.closest("[data-radix-menu-content]") === m.currentTarget, q = m.ctrlKey || m.altKey || m.metaKey, Oe = m.key.length === 1;
-                          A && (m.key === "Tab" && m.preventDefault(), !q && Oe && ir(m.key));
+                        onKeyDown: y(M.onKeyDown, (g) => {
+                          const A = g.target.closest("[data-radix-menu-content]") === g.currentTarget, q = g.ctrlKey || g.altKey || g.metaKey, Oe = g.key.length === 1;
+                          A && (g.key === "Tab" && g.preventDefault(), !q && Oe && ir(g.key));
                           const Te = Z.current;
-                          if (m.target !== Te || !to.includes(m.key)) return;
-                          m.preventDefault();
+                          if (g.target !== Te || !to.includes(g.key)) return;
+                          g.preventDefault();
                           const le = k().filter((te) => !te.disabled).map((te) => te.ref.current);
-                          Vt.includes(m.key) && le.reverse(), Mo(le);
+                          Vt.includes(g.key) && le.reverse(), Mo(le);
                         }),
-                        onBlur: y(e.onBlur, (m) => {
-                          m.currentTarget.contains(m.target) || (window.clearTimeout(W.current), Me.current = "");
+                        onBlur: y(e.onBlur, (g) => {
+                          g.currentTarget.contains(g.target) || (window.clearTimeout(W.current), Me.current = "");
                         }),
                         onPointerMove: y(
                           e.onPointerMove,
-                          pe((m) => {
-                            const _ = m.target, A = Ae.current !== m.clientX;
-                            if (m.currentTarget.contains(_) && A) {
-                              const q = m.clientX > Ae.current ? "right" : "left";
-                              it.current = q, Ae.current = m.clientX;
+                          pe((g) => {
+                            const _ = g.target, A = Ae.current !== g.clientX;
+                            if (g.currentTarget.contains(_) && A) {
+                              const q = g.clientX > Ae.current ? "right" : "left";
+                              it.current = q, Ae.current = g.clientX;
                             }
                           })
                         )
@@ -1196,11 +1196,11 @@ var po = "MenuLabel", nn = c.forwardRef(
 nn.displayName = po;
 var Ee = "MenuItem", Mt = "menu.itemSelect", Ie = c.forwardRef(
   (e, t) => {
-    const { disabled: n = !1, onSelect: r, ...o } = e, s = c.useRef(null), i = we(Ee, e.__scopeMenu), u = et(Ee, e.__scopeMenu), l = ge(t, s), g = c.useRef(!1), p = () => {
+    const { disabled: n = !1, onSelect: r, ...o } = e, s = c.useRef(null), i = we(Ee, e.__scopeMenu), u = et(Ee, e.__scopeMenu), l = ge(t, s), v = c.useRef(!1), p = () => {
       const d = s.current;
       if (!n && d) {
         const h = new CustomEvent(Mt, { bubbles: !0, cancelable: !0 });
-        d.addEventListener(Mt, (v) => r == null ? void 0 : r(v), { once: !0 }), Ir(d, h), h.defaultPrevented ? g.current = !1 : i.onClose();
+        d.addEventListener(Mt, (m) => r == null ? void 0 : r(m), { once: !0 }), Ir(d, h), h.defaultPrevented ? v.current = !1 : i.onClose();
       }
     };
     return /* @__PURE__ */ a.jsx(
@@ -1212,11 +1212,11 @@ var Ee = "MenuItem", Mt = "menu.itemSelect", Ie = c.forwardRef(
         onClick: y(e.onClick, p),
         onPointerDown: (d) => {
           var h;
-          (h = e.onPointerDown) == null || h.call(e, d), g.current = !0;
+          (h = e.onPointerDown) == null || h.call(e, d), v.current = !0;
         },
         onPointerUp: y(e.onPointerUp, (d) => {
           var h;
-          g.current || (h = d.currentTarget) == null || h.click();
+          v.current || (h = d.currentTarget) == null || h.click();
         }),
         onKeyDown: y(e.onKeyDown, (d) => {
           const h = u.searchRef.current !== "";
@@ -1229,10 +1229,10 @@ var Ee = "MenuItem", Mt = "menu.itemSelect", Ie = c.forwardRef(
 Ie.displayName = Ee;
 var rn = c.forwardRef(
   (e, t) => {
-    const { __scopeMenu: n, disabled: r = !1, textValue: o, ...s } = e, i = et(Ee, n), u = Xt(n), l = c.useRef(null), g = ge(t, l), [p, d] = c.useState(!1), [h, v] = c.useState("");
+    const { __scopeMenu: n, disabled: r = !1, textValue: o, ...s } = e, i = et(Ee, n), u = Xt(n), l = c.useRef(null), v = ge(t, l), [p, d] = c.useState(!1), [h, m] = c.useState("");
     return c.useEffect(() => {
       const x = l.current;
-      x && v((x.textContent ?? "").trim());
+      x && m((x.textContent ?? "").trim());
     }, [s.children]), /* @__PURE__ */ a.jsx(
       fe.ItemSlot,
       {
@@ -1247,7 +1247,7 @@ var rn = c.forwardRef(
             "aria-disabled": r || void 0,
             "data-disabled": r ? "" : void 0,
             ...s,
-            ref: g,
+            ref: v,
             onPointerMove: y(
               e.onPointerMove,
               pe((x) => {
@@ -1367,14 +1367,14 @@ var wo = "MenuArrow", fn = c.forwardRef(
 );
 fn.displayName = wo;
 var at = "MenuSub", [bo, pn] = J(at), mn = (e) => {
-  const { __scopeMenu: t, children: n, open: r = !1, onOpenChange: o } = e, s = V(at, t), i = ye(t), [u, l] = c.useState(null), [g, p] = c.useState(null), d = Ue(o);
+  const { __scopeMenu: t, children: n, open: r = !1, onOpenChange: o } = e, s = V(at, t), i = ye(t), [u, l] = c.useState(null), [v, p] = c.useState(null), d = Ue(o);
   return c.useEffect(() => (s.open === !1 && d(!1), () => d(!1)), [s.open, d]), /* @__PURE__ */ a.jsx(It, { ...i, children: /* @__PURE__ */ a.jsx(
     Wt,
     {
       scope: t,
       open: r,
       onOpenChange: d,
-      content: g,
+      content: v,
       onContentChange: p,
       children: /* @__PURE__ */ a.jsx(
         bo,
@@ -1393,7 +1393,7 @@ var at = "MenuSub", [bo, pn] = J(at), mn = (e) => {
 mn.displayName = at;
 var de = "MenuSubTrigger", gn = c.forwardRef(
   (e, t) => {
-    const n = V(de, e.__scopeMenu), r = we(de, e.__scopeMenu), o = pn(de, e.__scopeMenu), s = et(de, e.__scopeMenu), i = c.useRef(null), { pointerGraceTimerRef: u, onPointerGraceIntentChange: l } = s, g = { __scopeMenu: e.__scopeMenu }, p = c.useCallback(() => {
+    const n = V(de, e.__scopeMenu), r = we(de, e.__scopeMenu), o = pn(de, e.__scopeMenu), s = et(de, e.__scopeMenu), i = c.useRef(null), { pointerGraceTimerRef: u, onPointerGraceIntentChange: l } = s, v = { __scopeMenu: e.__scopeMenu }, p = c.useCallback(() => {
       i.current && window.clearTimeout(i.current), i.current = null;
     }, []);
     return c.useEffect(() => p, [p]), c.useEffect(() => {
@@ -1401,7 +1401,7 @@ var de = "MenuSubTrigger", gn = c.forwardRef(
       return () => {
         window.clearTimeout(d), l(null);
       };
-    }, [u, l]), /* @__PURE__ */ a.jsx(Je, { asChild: !0, ...g, children: /* @__PURE__ */ a.jsx(
+    }, [u, l]), /* @__PURE__ */ a.jsx(Je, { asChild: !0, ...v, children: /* @__PURE__ */ a.jsx(
       rn,
       {
         id: o.triggerId,
@@ -1426,9 +1426,9 @@ var de = "MenuSubTrigger", gn = c.forwardRef(
         onPointerLeave: y(
           e.onPointerLeave,
           pe((d) => {
-            var v, x;
+            var m, x;
             p();
-            const h = (v = n.content) == null ? void 0 : v.getBoundingClientRect();
+            const h = (m = n.content) == null ? void 0 : m.getBoundingClientRect();
             if (h) {
               const M = (x = n.content) == null ? void 0 : x.dataset.side, I = M === "right", Q = I ? -5 : 5, Y = h[I ? "left" : "right"], C = h[I ? "right" : "left"];
               s.onPointerGraceIntentChange({
@@ -1453,9 +1453,9 @@ var de = "MenuSubTrigger", gn = c.forwardRef(
           })
         ),
         onKeyDown: y(e.onKeyDown, (d) => {
-          var v;
+          var m;
           const h = s.searchRef.current !== "";
-          e.disabled || h && d.key === " " || no[r.dir].includes(d.key) && (n.onOpenChange(!0), (v = n.content) == null || v.focus(), d.preventDefault());
+          e.disabled || h && d.key === " " || no[r.dir].includes(d.key) && (n.onOpenChange(!0), (m = n.content) == null || m.focus(), d.preventDefault());
         })
       }
     ) });
@@ -1464,14 +1464,14 @@ var de = "MenuSubTrigger", gn = c.forwardRef(
 gn.displayName = de;
 var vn = "MenuSubContent", xn = c.forwardRef(
   (e, t) => {
-    const n = Zt(D, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, s = V(D, e.__scopeMenu), i = we(D, e.__scopeMenu), u = pn(vn, e.__scopeMenu), l = c.useRef(null), g = ge(t, l);
+    const n = Zt(D, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, s = V(D, e.__scopeMenu), i = we(D, e.__scopeMenu), u = pn(vn, e.__scopeMenu), l = c.useRef(null), v = ge(t, l);
     return /* @__PURE__ */ a.jsx(fe.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ a.jsx(De, { present: r || s.open, children: /* @__PURE__ */ a.jsx(fe.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ a.jsx(
       tt,
       {
         id: u.contentId,
         "aria-labelledby": u.triggerId,
         ...o,
-        ref: g,
+        ref: v,
         align: "start",
         side: i.dir === "rtl" ? "left" : "right",
         disableOutsidePointerEvents: !1,
@@ -1489,9 +1489,9 @@ var vn = "MenuSubContent", xn = c.forwardRef(
           i.onClose(), p.preventDefault();
         }),
         onKeyDown: y(e.onKeyDown, (p) => {
-          var v;
+          var m;
           const d = p.currentTarget.contains(p.target), h = ro[i.dir].includes(p.key);
-          d && h && (s.onOpenChange(!1), (v = u.trigger) == null || v.focus(), p.preventDefault());
+          d && h && (s.onOpenChange(!1), (m = u.trigger) == null || m.focus(), p.preventDefault());
         })
       }
     ) }) }) });
@@ -1516,11 +1516,11 @@ function Co(e, t) {
   return e.map((n, r) => e[(t + r) % e.length]);
 }
 function So(e, t, n) {
-  const o = t.length > 1 && Array.from(t).every((g) => g === t[0]) ? t[0] : t, s = n ? e.indexOf(n) : -1;
+  const o = t.length > 1 && Array.from(t).every((v) => v === t[0]) ? t[0] : t, s = n ? e.indexOf(n) : -1;
   let i = Co(e, Math.max(s, 0));
-  o.length === 1 && (i = i.filter((g) => g !== n));
+  o.length === 1 && (i = i.filter((v) => v !== n));
   const l = i.find(
-    (g) => g.toLowerCase().startsWith(o.toLowerCase())
+    (v) => v.toLowerCase().startsWith(o.toLowerCase())
   );
   return l !== n ? l : void 0;
 }
@@ -1528,8 +1528,8 @@ function Po(e, t) {
   const { x: n, y: r } = e;
   let o = !1;
   for (let s = 0, i = t.length - 1; s < t.length; i = s++) {
-    const u = t[s].x, l = t[s].y, g = t[i].x, p = t[i].y;
-    l > r != p > r && n < (g - u) * (r - l) / (p - l) + u && (o = !o);
+    const u = t[s].x, l = t[s].y, v = t[i].x, p = t[i].y;
+    l > r != p > r && n < (v - u) * (r - l) / (p - l) + u && (o = !o);
   }
   return o;
 }
@@ -1553,7 +1553,7 @@ var Ro = Jt, Eo = Je, _o = en, No = tn, Do = nt, Io = nn, ko = Ie, Ao = an, Oo =
     defaultOpen: s,
     onOpenChange: i,
     modal: u = !0
-  } = e, l = P(t), g = c.useRef(null), [p = !1, d] = kt({
+  } = e, l = P(t), v = c.useRef(null), [p = !1, d] = kt({
     prop: o,
     defaultProp: s,
     onChange: i
@@ -1563,7 +1563,7 @@ var Ro = Jt, Eo = Je, _o = en, No = tn, Do = nt, Io = nn, ko = Ie, Ao = an, Oo =
     {
       scope: t,
       triggerId: Re(),
-      triggerRef: g,
+      triggerRef: v,
       contentId: Re(),
       open: p,
       onOpenChange: d,
@@ -1622,7 +1622,7 @@ var Pn = "DropdownMenuContent", jn = c.forwardRef(
           i.current || (l = o.triggerRef.current) == null || l.focus(), i.current = !1, u.preventDefault();
         }),
         onInteractOutside: y(e.onInteractOutside, (u) => {
-          const l = u.detail.originalEvent, g = l.button === 0 && l.ctrlKey === !0, p = l.button === 2 || g;
+          const l = u.detail.originalEvent, v = l.button === 0 && l.ctrlKey === !0, p = l.button === 2 || v;
           (!o.modal || p) && (i.current = !0);
         }),
         style: {
@@ -1889,65 +1889,62 @@ const gs = () => {
     /* @__PURE__ */ a.jsx(Wn, { item: t }, n)
   )) }) })
 ] }, e.label) : /* @__PURE__ */ a.jsx(Ge, { to: e.path ?? "", children: /* @__PURE__ */ a.jsx(Vn, { children: e.label }, e.label) }), Jn = Lt(function() {
-  const t = ft(), [n, r] = Fr(), { isAuthenticated: o, profile: s, isAuthEnabled: i } = ft(), u = Ne(), { page: l, plugins: g } = u, p = g.filter((h) => Ha(h)).flatMap((h) => h.getProfileMenuItems(u)).map((h) => /* @__PURE__ */ a.jsx(Wn, { item: h }, h.label)), d = n ? ma : va;
-  return (
-    // padding-left is to prevent layout jumping when scrollbar appears/disappears
-    /* @__PURE__ */ a.jsx("header", { className: "fixed top-0 z-10 bg-background/80 backdrop-blur left-0 right-0 pl-[var(--scrollbar-width)]", children: /* @__PURE__ */ a.jsxs("div", { className: "max-w-screen-2xl mx-auto", children: [
-      /* @__PURE__ */ a.jsxs("div", { className: "grid grid-cols-[calc(var(--side-nav-width))_1fr] lg:gap-12 items-center border-b px-12 h-[--top-header-height]", children: [
-        /* @__PURE__ */ a.jsx("div", { className: "flex", children: /* @__PURE__ */ a.jsx(Ge, { to: "/", children: /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-3.5", children: [
-          (l == null ? void 0 : l.logo) && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-            /* @__PURE__ */ a.jsx(
-              "img",
-              {
-                src: l.logo.src.light,
-                alt: l.logo.alt ?? l.pageTitle,
-                style: { width: l.logo.width },
-                className: b("h-10", n && "hidden"),
-                loading: "lazy"
-              }
-            ),
-            /* @__PURE__ */ a.jsx(
-              "img",
-              {
-                src: l.logo.src.dark,
-                alt: l.logo.alt ?? l.pageTitle,
-                style: { width: l.logo.width },
-                className: b("h-10", !n && "hidden"),
-                loading: "lazy"
-              }
-            )
+  const t = ft(), [n, r] = Fr(), { isAuthenticated: o, profile: s, isAuthEnabled: i } = ft(), u = Ne(), { page: l, plugins: v } = u, p = v.filter((h) => Ha(h)).flatMap((h) => h.getProfileMenuItems(u)).map((h) => /* @__PURE__ */ a.jsx(Wn, { item: h }, h.label)), d = n ? ma : va;
+  return /* @__PURE__ */ a.jsx("header", { className: "sticky top-0 z-10 bg-background/80 backdrop-blur w-full", children: /* @__PURE__ */ a.jsxs("div", { className: "max-w-screen-2xl mx-auto", children: [
+    /* @__PURE__ */ a.jsxs("div", { className: "grid grid-cols-[calc(var(--side-nav-width))_1fr] lg:gap-12 items-center border-b px-12 h-[--top-header-height]", children: [
+      /* @__PURE__ */ a.jsx("div", { className: "flex", children: /* @__PURE__ */ a.jsx(Ge, { to: "/", children: /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-3.5", children: [
+        (l == null ? void 0 : l.logo) && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+          /* @__PURE__ */ a.jsx(
+            "img",
+            {
+              src: l.logo.src.light,
+              alt: l.logo.alt ?? l.pageTitle,
+              style: { width: l.logo.width },
+              className: b("h-10", n && "hidden"),
+              loading: "lazy"
+            }
+          ),
+          /* @__PURE__ */ a.jsx(
+            "img",
+            {
+              src: l.logo.src.dark,
+              alt: l.logo.alt ?? l.pageTitle,
+              style: { width: l.logo.width },
+              className: b("h-10", !n && "hidden"),
+              loading: "lazy"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a.jsx("span", { className: "font-bold text-2xl text-foreground/85 tracking-wide", children: l == null ? void 0 : l.pageTitle })
+      ] }) }) }),
+      /* @__PURE__ */ a.jsxs("div", { className: "grid grid-cols-[--sidecar-grid-cols] items-center gap-8", children: [
+        /* @__PURE__ */ a.jsx("div", { className: "w-full justify-center flex", children: /* @__PURE__ */ a.jsx(gs, {}) }),
+        /* @__PURE__ */ a.jsxs("div", { className: "items-center justify-self-end text-sm hidden lg:flex gap-2", children: [
+          /* @__PURE__ */ a.jsx(se, { name: "head-navigation-start" }),
+          i && !o ? /* @__PURE__ */ a.jsx($e, { variant: "ghost", onClick: () => t.login(), children: "Login" }) : p.length > 0 && /* @__PURE__ */ a.jsxs(ls, { modal: !1, children: [
+            /* @__PURE__ */ a.jsx(ds, { asChild: !0, children: /* @__PURE__ */ a.jsx($e, { variant: "ghost", children: s != null && s.email ? `${s.email}` : "My Account" }) }),
+            /* @__PURE__ */ a.jsxs(zn, { className: "w-56", children: [
+              /* @__PURE__ */ a.jsx(Yn, { children: "My Account" }),
+              /* @__PURE__ */ a.jsx(Xn, {}),
+              p
+            ] })
           ] }),
-          /* @__PURE__ */ a.jsx("span", { className: "font-bold text-2xl text-foreground/85 tracking-wide", children: l == null ? void 0 : l.pageTitle })
-        ] }) }) }),
-        /* @__PURE__ */ a.jsxs("div", { className: "grid grid-cols-[--sidecar-grid-cols] items-center gap-8", children: [
-          /* @__PURE__ */ a.jsx("div", { className: "w-full justify-center flex", children: /* @__PURE__ */ a.jsx(gs, {}) }),
-          /* @__PURE__ */ a.jsxs("div", { className: "items-center justify-self-end text-sm hidden lg:flex gap-2", children: [
-            /* @__PURE__ */ a.jsx(se, { name: "head-navigation-start" }),
-            i && !o ? /* @__PURE__ */ a.jsx($e, { variant: "ghost", onClick: () => t.login(), children: "Login" }) : p.length > 0 && /* @__PURE__ */ a.jsxs(ls, { modal: !1, children: [
-              /* @__PURE__ */ a.jsx(ds, { asChild: !0, children: /* @__PURE__ */ a.jsx($e, { variant: "ghost", children: s != null && s.email ? `${s.email}` : "My Account" }) }),
-              /* @__PURE__ */ a.jsxs(zn, { className: "w-56", children: [
-                /* @__PURE__ */ a.jsx(Yn, { children: "My Account" }),
-                /* @__PURE__ */ a.jsx(Xn, {}),
-                p
-              ] })
-            ] }),
-            /* @__PURE__ */ a.jsx(
-              "button",
-              {
-                type: "button",
-                "aria-label": n ? "Switch to light mode" : "Switch to dark mode",
-                className: "cursor-pointer hover:bg-secondary p-2.5 -m-2.5 rounded-full",
-                onClick: r,
-                children: /* @__PURE__ */ a.jsx(d, { size: 18 })
-              }
-            ),
-            /* @__PURE__ */ a.jsx(se, { name: "head-navigation-end" })
-          ] })
+          /* @__PURE__ */ a.jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": n ? "Switch to light mode" : "Switch to dark mode",
+              className: "cursor-pointer hover:bg-secondary p-2.5 -m-2.5 rounded-full",
+              onClick: r,
+              children: /* @__PURE__ */ a.jsx(d, { size: 18 })
+            }
+          ),
+          /* @__PURE__ */ a.jsx(se, { name: "head-navigation-end" })
         ] })
-      ] }),
-      /* @__PURE__ */ a.jsx(vs, {})
-    ] }) })
-  );
+      ] })
+    ] }),
+    /* @__PURE__ */ a.jsx(vs, {})
+  ] }) });
 }), Zn = {
   Header: Jn
 }, xs = Ot(Zn), ys = xs.Provider, ws = (e) => {
@@ -1991,13 +1988,13 @@ const gs = () => {
   z(() => {
     s || i(!0);
   }, [s, l.location]);
-  const [g] = ie(() => new Ja(t)), p = (h = t.plugins) == null ? void 0 : h.filter(Ya).map((v, x) => {
+  const [v] = ie(() => new Ja(t)), p = (h = t.plugins) == null ? void 0 : h.filter(Ya).map((m, x) => {
     var M;
-    return /* @__PURE__ */ a.jsx(zr, { children: (M = v.getHead) == null ? void 0 : M.call(v) }, x);
+    return /* @__PURE__ */ a.jsx(zr, { children: (M = m.getHead) == null ? void 0 : M.call(m) }, x);
   });
   return /* @__PURE__ */ a.jsxs(ca, { client: zt, children: [
     /* @__PURE__ */ a.jsx(qe, { children: p }),
-    /* @__PURE__ */ a.jsx(Be.Provider, { value: u, children: /* @__PURE__ */ a.jsx(bs, { context: g, children: /* @__PURE__ */ a.jsx(lr, { components: r, children: /* @__PURE__ */ a.jsx(ws, { children: /* @__PURE__ */ a.jsx(ys, { value: n, children: /* @__PURE__ */ a.jsx(yr, { slotlets: t.slotlets, children: /* @__PURE__ */ a.jsx($r, { children: e ?? /* @__PURE__ */ a.jsx(Rt, {}) }) }) }) }) }) }) })
+    /* @__PURE__ */ a.jsx(Be.Provider, { value: u, children: /* @__PURE__ */ a.jsx(bs, { context: v, children: /* @__PURE__ */ a.jsx(lr, { components: r, children: /* @__PURE__ */ a.jsx(ws, { children: /* @__PURE__ */ a.jsx(ys, { value: n, children: /* @__PURE__ */ a.jsx(yr, { slotlets: t.slotlets, children: /* @__PURE__ */ a.jsx($r, { children: e ?? /* @__PURE__ */ a.jsx(Rt, {}) }) }) }) }) }) }) })
   ] });
 }, Cs = Lt(Ms), er = (e) => /* @__PURE__ */ a.jsx(qa, { FallbackComponent: Za, children: /* @__PURE__ */ a.jsx(Cs, { ...e }) });
 er.displayName = "DevPortal";
@@ -2006,7 +2003,7 @@ const Ss = ({
   level: t
 }) => {
   var h;
-  const n = Bt(), r = dr(e), [o, s] = ie(!1), i = e.collapsible ?? !0, u = e.collapsed ?? !0, l = !!(!i || !u || r), [g, p] = ie(l);
+  const n = Bt(), r = dr(e), [o, s] = ie(!1), i = e.collapsible ?? !0, u = e.collapsed ?? !0, l = !!(!i || !u || r), [v, p] = ie(l);
   z(() => {
     r && p(!0);
   }, [r]);
@@ -2014,8 +2011,8 @@ const Ss = ({
     "button",
     {
       type: "button",
-      onClick: (v) => {
-        v.preventDefault(), p((x) => !x), s(!0);
+      onClick: (m) => {
+        m.preventDefault(), p((x) => !x), s(!0);
       },
       children: /* @__PURE__ */ a.jsx(
         qt,
@@ -2034,7 +2031,7 @@ const Ss = ({
     {
       className: b("flex flex-col", t === 0 && "-mx-[--padding-nav-item]"),
       defaultOpen: l,
-      open: g,
+      open: v,
       onOpenChange: () => p(!0),
       children: [
         /* @__PURE__ */ a.jsx(
@@ -2047,12 +2044,12 @@ const Ss = ({
             ),
             asChild: !0,
             disabled: !i,
-            children: ((h = e.link) == null ? void 0 : h.type) === "doc" ? /* @__PURE__ */ a.jsx(je, { to: Xe(n == null ? void 0 : n.id, e.link.id), children: ({ isActive: v }) => /* @__PURE__ */ a.jsxs(
+            children: ((h = e.link) == null ? void 0 : h.type) === "doc" ? /* @__PURE__ */ a.jsx(je, { to: Xe(n == null ? void 0 : n.id, e.link.id), children: ({ isActive: m }) => /* @__PURE__ */ a.jsxs(
               "div",
               {
                 className: b(
                   "flex items-center gap-2 justify-between w-full",
-                  v ? "text-primary font-medium" : "text-foreground/80"
+                  m ? "text-primary font-medium" : "text-foreground/80"
                 ),
                 children: [
                   /* @__PURE__ */ a.jsx("div", { className: "truncate", children: e.label }),
@@ -2073,13 +2070,13 @@ const Ss = ({
               o && "CollapsibleContent",
               "ms-[calc(var(--padding-nav-item)*1.125)]"
             ),
-            children: /* @__PURE__ */ a.jsx("ul", { className: "mt-1 border-l ps-2", children: e.items.map((v) => /* @__PURE__ */ a.jsx(
+            children: /* @__PURE__ */ a.jsx("ul", { className: "mt-1 border-l ps-2", children: e.items.map((m) => /* @__PURE__ */ a.jsx(
               nr,
               {
                 level: t + 1,
-                item: v
+                item: m
               },
-              v.label
+              ("id" in m ? m.id : "") + ("href" in m ? m.href : "") + m.label
             )) })
           }
         )
@@ -2202,7 +2199,7 @@ const Ss = ({
     className: b(
       "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",
+      "w-[--side-nav-width] h-full scroll-pt-2 gap-2",
       t
     ),
     ref: r,
@@ -2239,18 +2236,19 @@ const Es = () => {
       (r == null ? void 0 : r.favicon) && /* @__PURE__ */ a.jsx("link", { rel: "icon", href: r.favicon })
     ] }),
     /* @__PURE__ */ a.jsx(Jn, {}),
-    /* @__PURE__ */ a.jsx("div", { className: "max-w-screen-2xl mx-auto pt-[--header-height] px-10 lg:px-12 h-full", children: /* @__PURE__ */ a.jsxs(
+    /* @__PURE__ */ a.jsx("div", { className: "w-full max-w-screen-2xl mx-auto px-10 lg:px-12", children: /* @__PURE__ */ a.jsxs(
       Ft,
       {
-        fallback: /* @__PURE__ */ a.jsx("div", { className: "grid h-full place-items-center", children: /* @__PURE__ */ a.jsx(ha, {}) }),
+        fallback: /* @__PURE__ */ a.jsx("main", { className: "grid h-full place-items-center", children: /* @__PURE__ */ a.jsx(ha, {}) }),
         children: [
           /* @__PURE__ */ a.jsx(Es, {}),
           /* @__PURE__ */ a.jsxs(
             "main",
             {
               className: b(
-                "dark:border-white/10 translate-x-0 h-full",
+                "dark:border-white/10 translate-x-0",
                 "lg:overflow-visible",
+                // This works in tandem with the `SidebarWrapper` component
                 "lg:peer-data-[navigation=true]:w-[calc(100%-var(--side-nav-width))]",
                 "lg:peer-data-[navigation=true]:translate-x-[--side-nav-width] lg:peer-data-[navigation=true]:pl-12"
               ),