zudoku 0.4.1 → 0.4.2-dev.1

package/lib/zudoku.components.js

@@ -13,21 +13,21 @@ var Ce = (e, t, n, r) => ({
     return f(e, t, r);
   }
 });
-import { H as jt, a as Ge, M as lr, u as dr, A as hr, b as fr } from "./utils-pDHePxa0.js";
-import { d as pr, a as mr, R as gr, N as je, u as Ne, L as He, b as vr, O as Rt, c as xr } from "./index-Yjb2PyPF.js";
-import { E as Et, S as se, a as yr, R as wr } from "./SlotletProvider-Dq80og6-.js";
+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 { 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 Be } from "./Combination-DruV0zX_.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-Chb9VIBv.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 * 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 Le, useContext as Ur, Fragment as zr, useRef as Ve, forwardRef as Vr } 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 Qe, R as Xr, T as Wr, C as Jr } from "./index-DCJ9wEIV.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 De, j as sa, Z as ia, k as ca, l as Bt, q as ua } from "./ZudokuContext-BQ45UjcB.js";
+import { S as Be, R as Xr, T as Wr, C as Jr } from "./index-CZAFD5xN.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 Ie, R as la, I as da, S as Ke } from "./SidebarBadge-Ba0PhibA.js";
-import { S as ha } from "./Spinner-CvXZ7QK4.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";
 /**
  * @license lucide-react v0.378.0 - ISC
  *
@@ -370,7 +370,7 @@ ve.createStaticRouter = _a;
 const Oa = ({
   router: e,
   hydrate: t = !1
-}) => /* @__PURE__ */ a.jsx(At, { children: /* @__PURE__ */ a.jsx(jt, { children: /* @__PURE__ */ a.jsx(Qe.Provider, { value: { stagger: !t }, children: /* @__PURE__ */ a.jsx(gr, { router: e }) }) }) }), Ta = ({
+}) => /* @__PURE__ */ a.jsx(At, { children: /* @__PURE__ */ a.jsx(jt, { children: /* @__PURE__ */ a.jsx(Be.Provider, { value: { stagger: !t }, children: /* @__PURE__ */ a.jsx(gr, { router: e }) }) }) }), Ta = ({
   router: e,
   context: t,
   helmetContext: n
@@ -815,13 +815,13 @@ var w, G, H, ne, re, U, ae, oe, Pt, Ba = (Pt = class {
     f(this, w).clear(), f(this, G).clear();
   }
 }, w = new WeakMap(), G = new WeakMap(), H = new WeakMap(), ne = new WeakMap(), re = new WeakMap(), U = new WeakMap(), ae = new WeakMap(), oe = new WeakMap(), Pt);
-const Qa = Ot(null), $e = {
+const Qa = Ot(null), Ke = {
   didCatch: !1,
   error: null
 };
 class qa extends Gr {
   constructor(t) {
-    super(t), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = $e;
+    super(t), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = Ke;
   }
   static getDerivedStateFromError(t) {
     return {
@@ -839,7 +839,7 @@ class qa extends Gr {
       (n = (r = this.props).onReset) === null || n === void 0 || n.call(r, {
         args: s,
         reason: "imperative-api"
-      }), this.setState($e);
+      }), this.setState(Ke);
     }
   }
   componentDidCatch(t, n) {
@@ -858,7 +858,7 @@ class qa extends Gr {
         next: o,
         prev: t.resetKeys,
         reason: "keys"
-      }), this.setState($e);
+      }), this.setState(Ke);
     }
   }
   render() {
@@ -945,9 +945,9 @@ function Za({ error: e, resetErrorBoundary: t }) {
 }
 const Pe = globalThis;
 (!Pe.requestIdleCallback || !Pe.cancelIdleCallback) && (Pe.requestIdleCallback = (e) => setTimeout(e, 1), Pe.cancelIdleCallback = clearTimeout);
-var qe = ["Enter", " "], eo = ["ArrowDown", "PageUp", "Home"], Vt = ["ArrowUp", "PageDown", "End"], to = [...eo, ...Vt], no = {
-  ltr: [...qe, "ArrowRight"],
-  rtl: [...qe, "ArrowLeft"]
+var Qe = ["Enter", " "], eo = ["ArrowDown", "PageUp", "Home"], Vt = ["ArrowUp", "PageDown", "End"], to = [...eo, ...Vt], no = {
+  ltr: [...Qe, "ArrowRight"],
+  rtl: [...Qe, "ArrowLeft"]
 }, ro = {
   ltr: ["ArrowLeft"],
   rtl: ["ArrowRight"]
@@ -998,13 +998,13 @@ var Ze = "MenuPortal", [co, Zt] = J(Ze, {
   forceMount: void 0
 }), en = (e) => {
   const { __scopeMenu: t, forceMount: n, children: r, container: o } = e, s = V(Ze, t);
-  return /* @__PURE__ */ a.jsx(co, { scope: t, forceMount: n, children: /* @__PURE__ */ a.jsx(Ie, { present: n || s.open, children: /* @__PURE__ */ a.jsx(Ar, { asChild: !0, container: o, children: r }) }) });
+  return /* @__PURE__ */ a.jsx(co, { scope: t, forceMount: n, children: /* @__PURE__ */ a.jsx(De, { present: n || s.open, children: /* @__PURE__ */ a.jsx(Ar, { asChild: !0, container: o, children: r }) }) });
 };
 en.displayName = Ze;
 var D = "MenuContent", [uo, et] = J(D), tn = 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);
-    return /* @__PURE__ */ a.jsx(fe.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ a.jsx(Ie, { present: r || s.open, children: /* @__PURE__ */ a.jsx(fe.Slot, { scope: e.__scopeMenu, children: i.modal ? /* @__PURE__ */ a.jsx(lo, { ...o, ref: t }) : /* @__PURE__ */ a.jsx(ho, { ...o, ref: t }) }) }) });
+    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: i.modal ? /* @__PURE__ */ a.jsx(lo, { ...o, ref: t }) : /* @__PURE__ */ a.jsx(ho, { ...o, ref: t }) }) }) });
   }
 ), lo = c.forwardRef(
   (e, t) => {
@@ -1059,9 +1059,9 @@ var D = "MenuContent", [uo, et] = J(D), tn = c.forwardRef(
       onDismiss: v,
       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), Ae = c.useRef(null), it = c.useRef("right"), Oe = 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 = (m) => {
       var te, ut;
-      const _ = Me.current + m, A = k().filter((K) => !K.disabled), q = document.activeElement, Te = (te = A.find((K) => K.ref.current === q)) == null ? void 0 : te.textValue, Fe = A.map((K) => K.textValue), ct = So(Fe, _, Te), le = (ut = A.find((K) => K.textValue === ct)) == null ? void 0 : ut.ref.current;
+      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;
       (function K(lt) {
         Me.current = lt, window.clearTimeout(W.current), lt !== "" && (W.current = window.setTimeout(() => K(""), 1e3));
       })(_), le && setTimeout(() => le.focus());
@@ -1069,7 +1069,7 @@ var D = "MenuContent", [uo, et] = J(D), tn = c.forwardRef(
     c.useEffect(() => () => window.clearTimeout(W.current), []), Pr();
     const ee = c.useCallback((m) => {
       var A, q;
-      return it.current === ((A = Ae.current) == null ? void 0 : A.side) && jo(m, (q = Ae.current) == null ? void 0 : q.area);
+      return it.current === ((A = ke.current) == null ? void 0 : A.side) && jo(m, (q = ke.current) == null ? void 0 : q.area);
     }, []);
     return /* @__PURE__ */ a.jsx(
       uo,
@@ -1097,7 +1097,7 @@ var D = "MenuContent", [uo, et] = J(D), tn = c.forwardRef(
         ),
         pointerGraceTimerRef: ar,
         onPointerGraceIntentChange: c.useCallback((m) => {
-          Ae.current = m;
+          ke.current = m;
         }, []),
         children: /* @__PURE__ */ a.jsx(or, { ...sr, children: /* @__PURE__ */ a.jsx(
           jr,
@@ -1146,10 +1146,10 @@ var D = "MenuContent", [uo, et] = J(D), tn = c.forwardRef(
                         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, Te = m.key.length === 1;
-                          A && (m.key === "Tab" && m.preventDefault(), !q && Te && ir(m.key));
-                          const Fe = Z.current;
-                          if (m.target !== Fe || !to.includes(m.key)) return;
+                          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));
+                          const Te = Z.current;
+                          if (m.target !== Te || !to.includes(m.key)) return;
                           m.preventDefault();
                           const le = k().filter((te) => !te.disabled).map((te) => te.ref.current);
                           Vt.includes(m.key) && le.reverse(), Mo(le);
@@ -1160,10 +1160,10 @@ var D = "MenuContent", [uo, et] = J(D), tn = c.forwardRef(
                         onPointerMove: y(
                           e.onPointerMove,
                           pe((m) => {
-                            const _ = m.target, A = Oe.current !== m.clientX;
+                            const _ = m.target, A = Ae.current !== m.clientX;
                             if (m.currentTarget.contains(_) && A) {
-                              const q = m.clientX > Oe.current ? "right" : "left";
-                              it.current = q, Oe.current = m.clientX;
+                              const q = m.clientX > Ae.current ? "right" : "left";
+                              it.current = q, Ae.current = m.clientX;
                             }
                           })
                         )
@@ -1194,7 +1194,7 @@ var po = "MenuLabel", nn = c.forwardRef(
   }
 );
 nn.displayName = po;
-var Ee = "MenuItem", Mt = "menu.itemSelect", ke = c.forwardRef(
+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 d = s.current;
@@ -1220,13 +1220,13 @@ var Ee = "MenuItem", Mt = "menu.itemSelect", ke = c.forwardRef(
         }),
         onKeyDown: y(e.onKeyDown, (d) => {
           const h = u.searchRef.current !== "";
-          n || h && d.key === " " || qe.includes(d.key) && (d.currentTarget.click(), d.preventDefault());
+          n || h && d.key === " " || Qe.includes(d.key) && (d.currentTarget.click(), d.preventDefault());
         })
       }
     );
   }
 );
-ke.displayName = Ee;
+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("");
@@ -1269,7 +1269,7 @@ var rn = c.forwardRef(
   (e, t) => {
     const { checked: n = !1, onCheckedChange: r, ...o } = e;
     return /* @__PURE__ */ a.jsx(ln, { scope: e.__scopeMenu, checked: n, children: /* @__PURE__ */ a.jsx(
-      ke,
+      Ie,
       {
         role: "menuitemcheckbox",
         "aria-checked": _e(n) ? "mixed" : n,
@@ -1301,7 +1301,7 @@ var cn = "MenuRadioItem", un = c.forwardRef(
   (e, t) => {
     const { value: n, ...r } = e, o = vo(cn, e.__scopeMenu), s = n === o.value;
     return /* @__PURE__ */ a.jsx(ln, { scope: e.__scopeMenu, checked: s, children: /* @__PURE__ */ a.jsx(
-      ke,
+      Ie,
       {
         role: "menuitemradio",
         "aria-checked": s,
@@ -1328,7 +1328,7 @@ var rt = "MenuItemIndicator", [ln, xo] = J(
   (e, t) => {
     const { __scopeMenu: n, forceMount: r, ...o } = e, s = xo(rt, n);
     return /* @__PURE__ */ a.jsx(
-      Ie,
+      De,
       {
         present: r || _e(s.checked) || s.checked === !0,
         children: /* @__PURE__ */ a.jsx(
@@ -1465,7 +1465,7 @@ 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);
-    return /* @__PURE__ */ a.jsx(fe.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ a.jsx(Ie, { present: r || s.open, children: /* @__PURE__ */ a.jsx(fe.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ a.jsx(
+    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,
@@ -1541,7 +1541,7 @@ function jo(e, t) {
 function pe(e) {
   return (t) => t.pointerType === "mouse" ? e(t) : void 0;
 }
-var Ro = Jt, Eo = Je, _o = en, No = tn, Do = nt, Io = nn, ko = ke, Ao = an, Oo = sn, To = un, Fo = dn, Lo = hn, Ko = fn, $o = mn, Bo = gn, Qo = xn, st = "DropdownMenu", [qo, Hs] = _t(
+var Ro = Jt, Eo = Je, _o = en, No = tn, Do = nt, Io = nn, ko = Ie, Ao = an, Oo = sn, To = un, Fo = dn, Lo = hn, Ko = fn, $o = mn, Bo = gn, Qo = xn, st = "DropdownMenu", [qo, Hs] = _t(
   st,
   [Yt]
 ), P = Yt(), [Go, wn] = qo(st), bn = (e) => {
@@ -1836,7 +1836,7 @@ const Xn = c.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a.jsx(
 ));
 Xn.displayName = Qn.displayName;
 const gs = () => {
-  const e = De(), [t, n] = ie(!1), r = Tt(() => n(!1), []);
+  const e = Ne(), [t, n] = ie(!1), r = Tt(() => n(!1), []);
   z(() => {
     if (t)
       return;
@@ -1870,7 +1870,7 @@ const gs = () => {
     }) })
   ] }) : null;
 }, vs = () => {
-  const { topNavigation: e } = De();
+  const { topNavigation: e } = Ne();
   return e.length <= 1 ? null : /* @__PURE__ */ a.jsx("nav", { className: "border-b text-sm px-12 h-[--top-nav-height]", children: /* @__PURE__ */ a.jsx("ul", { className: "flex flex-row items-center gap-8", children: e.map((t) => /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
     je,
     {
@@ -1888,65 +1888,66 @@ const gs = () => {
     // eslint-disable-next-line react/no-array-index-key
     /* @__PURE__ */ a.jsx(Wn, { item: t }, n)
   )) }) })
-] }, e.label) : /* @__PURE__ */ a.jsx(He, { 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();
-  Ne();
-  const u = De(), { 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 /* @__PURE__ */ a.jsx("header", { className: "fixed top-0 w-full z-10 bg-background/80 backdrop-blur", 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(He, { 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(Be, { variant: "ghost", onClick: () => t.login(), children: "Login" }) : p.length > 0 && /* @__PURE__ */ a.jsxs(ls, { children: [
-            /* @__PURE__ */ a.jsx(ds, { asChild: !0, children: /* @__PURE__ */ a.jsx(Be, { 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
-            ] })
+] }, 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"
+              }
+            )
           ] }),
-          /* @__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("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(vs, {})
-  ] }) });
+      ] }),
+      /* @__PURE__ */ a.jsx(vs, {})
+    ] }) })
+  );
 }), Zn = {
   Header: Jn
 }, xs = Ot(Zn), ys = xs.Provider, ws = (e) => {
@@ -1971,10 +1972,10 @@ const gs = () => {
   ...t
 }) => {
   var d, h;
-  const n = Le(
+  const n = Fe(
     () => ({ ...Zn, ...t.overrides }),
     [t.overrides]
-  ), r = Le(() => {
+  ), r = Fe(() => {
     var x;
     return {
       ...(t.plugins ?? []).filter(Xa).flatMap(
@@ -1983,7 +1984,7 @@ const gs = () => {
       ...Kr,
       ...(x = t.mdx) == null ? void 0 : x.components
     };
-  }, [(d = t.mdx) == null ? void 0 : d.components, t.plugins]), { stagger: o } = Ur(Qe), [s, i] = ie(!1), u = Le(
+  }, [(d = t.mdx) == null ? void 0 : d.components, t.plugins]), { stagger: o } = Ur(Be), [s, i] = ie(!1), u = Fe(
     () => s ? { stagger: !0 } : { stagger: o },
     [o, s]
   ), l = vr();
@@ -1995,8 +1996,8 @@ const gs = () => {
     return /* @__PURE__ */ a.jsx(zr, { children: (M = v.getHead) == null ? void 0 : M.call(v) }, x);
   });
   return /* @__PURE__ */ a.jsxs(ca, { client: zt, children: [
-    /* @__PURE__ */ a.jsx(Ge, { children: p }),
-    /* @__PURE__ */ a.jsx(Qe.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(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, {}) }) }) }) }) }) }) })
   ] });
 }, Cs = Lt(Ms), er = (e) => /* @__PURE__ */ a.jsx(qa, { FallbackComponent: Za, children: /* @__PURE__ */ a.jsx(Cs, { ...e }) });
 er.displayName = "DevPortal";
@@ -2118,7 +2119,7 @@ const Ss = ({
           to: Xe(n == null ? void 0 : n.id, e.id),
           children: e.badge ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
             /* @__PURE__ */ a.jsx("span", { className: "truncate", title: e.label, children: e.label }),
-            /* @__PURE__ */ a.jsx(Ke, { ...e.badge })
+            /* @__PURE__ */ a.jsx(Le, { ...e.badge })
           ] }) : e.label
         }
       );
@@ -2137,7 +2138,7 @@ const Ss = ({
           ),
           children: e.badge ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
             /* @__PURE__ */ a.jsx("span", { className: "truncate", title: e.label, children: e.label }),
-            /* @__PURE__ */ a.jsx(Ke, { ...e.badge })
+            /* @__PURE__ */ a.jsx(Le, { ...e.badge })
           ] }) : /* @__PURE__ */ a.jsx("span", { className: "break-all", children: e.label })
         }
       ) : e.href.startsWith("http") ? /* @__PURE__ */ a.jsxs(
@@ -2165,7 +2166,7 @@ const Ss = ({
           to: e.href,
           children: e.badge ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
             /* @__PURE__ */ a.jsx("span", { className: "truncate", title: e.label, children: e.label }),
-            /* @__PURE__ */ a.jsx(Ke, { ...e.badge })
+            /* @__PURE__ */ a.jsx(Le, { ...e.badge })
           ] }) : /* @__PURE__ */ a.jsx("span", { className: "break-all", children: e.label })
         }
       );
@@ -2175,7 +2176,7 @@ const Ss = ({
   const n = e.getBoundingClientRect();
   n.top >= 0 && n.left >= 0 && n.bottom <= (window.innerHeight || document.documentElement.clientHeight) && n.right <= (window.innerWidth || document.documentElement.clientWidth) || e.scrollIntoView(t);
 }, js = () => {
-  const e = Ne(), { setActiveAnchor: t } = ze();
+  const e = He(), { setActiveAnchor: t } = ze();
   z(() => {
     if (!e.hash) return;
     const n = decodeURIComponent(e.hash.split("/")[0].slice(1)), r = () => {
@@ -2190,7 +2191,7 @@ const Ss = ({
     }
   }, [e.hash, t]);
 }, Rs = () => {
-  const e = Ne(), t = Ve(e.pathname);
+  const e = He(), t = Ve(e.pathname);
   z(() => {
     t.current !== e.pathname && (window.scrollTo(0, 0), t.current = e.pathname);
   }, [e.pathname]);
@@ -2224,7 +2225,7 @@ const Es = () => {
     }
   );
 }, _s = ({ children: e }) => {
-  const t = Ne(), { setActiveAnchor: n } = ze(), { meta: r, authentication: o } = De();
+  const t = He(), { setActiveAnchor: n } = ze(), { meta: r, authentication: o } = Ne();
   js(), Rs();
   const s = Ve(t.pathname);
   return z(() => {
@@ -2233,7 +2234,7 @@ const Es = () => {
     t.pathname !== s.current && n(""), s.current = t.pathname;
   }, [t.pathname, n]), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     !1,
-    /* @__PURE__ */ a.jsxs(Ge, { titleTemplate: r == null ? void 0 : r.title, children: [
+    /* @__PURE__ */ a.jsxs(qe, { titleTemplate: r == null ? void 0 : r.title, children: [
       (r == null ? void 0 : r.description) && /* @__PURE__ */ a.jsx("meta", { name: "description", content: r.description }),
       (r == null ? void 0 : r.favicon) && /* @__PURE__ */ a.jsx("link", { rel: "icon", href: r.favicon })
     ] }),
@@ -2264,7 +2265,7 @@ const Es = () => {
       }
     ) })
   ] });
-}, Us = fr, zs = Qr, Vs = er, Ys = _s, Xs = He, Ws = wr, Js = xa, Zs = Oa, ei = Ta, ti = Be, ni = Ge;
+}, Us = fr, zs = Qr, Vs = er, Ys = _s, Xs = Ge, Ws = wr, Js = xa, Zs = Oa, ei = Ta, ti = $e, ni = qe;
 export {
   Zs as Bootstrap,
   ei as BootstrapStatic,