zudoku 0.1.1-dev.9 → 0.3.0-dev.3

package/lib/zudoku.components.js

@@ -0,0 +1,925 @@
+var De = Object.defineProperty;
+var se = (t) => {
+  throw TypeError(t);
+};
+var Se = (t, e, s) => e in t ? De(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var y = (t, e, s) => Se(t, typeof e != "symbol" ? e + "" : e, s), ae = (t, e, s) => e.has(t) || se("Cannot " + s);
+var i = (t, e, s) => (ae(t, e, "read from private field"), s ? s.call(t) : e.get(t)), m = (t, e, s) => e.has(t) ? se("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), u = (t, e, s, a) => (ae(t, e, "write to private field"), a ? a.call(t, s) : e.set(t, s), s);
+var F = (t, e, s, a) => ({
+  set _(r) {
+    u(t, e, r, s);
+  },
+  get _() {
+    return i(t, e, a);
+  }
+});
+import { j as n, u as D, O as Ee } from "./index-DNx3xWa2.js";
+import { S as me, h as ge, Q as Te, n as p, m as ne, M as Ie, a as re, b as j, e as Fe, c as Re, d as He, f as Le, o as ie, r as oe, g as ze, i as le, p as ce, s as Ke, j as E, u as K, N as V, k as _e, l as Be, q as W, t as X, v as U, w as ve, x as Ve, y as z, R as ye, T as xe, C as be, A as Ue, z as We, B as Xe, D as $e, H as Ge, E as Je, F as Ye, G as Ze, I as et, J as tt, K as st, L as at, O as nt, P as rt, V as it } from "./Spinner-7LezPqGn.js";
+import { W as Vt, U as Ut } from "./Spinner-7LezPqGn.js";
+import { memo as je, createContext as ot, useEffect as T, useRef as _, useState as lt, forwardRef as ct, Suspense as we, useMemo as L } from "react";
+import { c as ht, u as ut } from "./state-oycsxkHz.js";
+var x, de, dt = (de = class extends me {
+  constructor(e = {}) {
+    super();
+    m(this, x);
+    this.config = e, u(this, x, /* @__PURE__ */ new Map());
+  }
+  build(e, s, a) {
+    const r = s.queryKey, o = s.queryHash ?? ge(r, s);
+    let l = this.get(o);
+    return l || (l = new Te({
+      cache: this,
+      queryKey: r,
+      queryHash: o,
+      options: e.defaultQueryOptions(s),
+      state: a,
+      defaultOptions: e.getQueryDefaults(r)
+    }), this.add(l)), l;
+  }
+  add(e) {
+    i(this, x).has(e.queryHash) || (i(this, x).set(e.queryHash, e), this.notify({
+      type: "added",
+      query: e
+    }));
+  }
+  remove(e) {
+    const s = i(this, x).get(e.queryHash);
+    s && (e.destroy(), s === e && i(this, x).delete(e.queryHash), this.notify({ type: "removed", query: e }));
+  }
+  clear() {
+    p.batch(() => {
+      this.getAll().forEach((e) => {
+        this.remove(e);
+      });
+    });
+  }
+  get(e) {
+    return i(this, x).get(e);
+  }
+  getAll() {
+    return [...i(this, x).values()];
+  }
+  find(e) {
+    const s = { exact: !0, ...e };
+    return this.getAll().find(
+      (a) => ne(s, a)
+    );
+  }
+  findAll(e = {}) {
+    const s = this.getAll();
+    return Object.keys(e).length > 0 ? s.filter((a) => ne(e, a)) : s;
+  }
+  notify(e) {
+    p.batch(() => {
+      this.listeners.forEach((s) => {
+        s(e);
+      });
+    });
+  }
+  onFocus() {
+    p.batch(() => {
+      this.getAll().forEach((e) => {
+        e.onFocus();
+      });
+    });
+  }
+  onOnline() {
+    p.batch(() => {
+      this.getAll().forEach((e) => {
+        e.onOnline();
+      });
+    });
+  }
+}, x = new WeakMap(), de), f, S, fe, ft = (fe = class extends me {
+  constructor(e = {}) {
+    super();
+    m(this, f);
+    m(this, S);
+    this.config = e, u(this, f, /* @__PURE__ */ new Map()), u(this, S, Date.now());
+  }
+  build(e, s, a) {
+    const r = new Ie({
+      mutationCache: this,
+      mutationId: ++F(this, S)._,
+      options: e.defaultMutationOptions(s),
+      state: a
+    });
+    return this.add(r), r;
+  }
+  add(e) {
+    const s = R(e), a = i(this, f).get(s) ?? [];
+    a.push(e), i(this, f).set(s, a), this.notify({ type: "added", mutation: e });
+  }
+  remove(e) {
+    var a;
+    const s = R(e);
+    if (i(this, f).has(s)) {
+      const r = (a = i(this, f).get(s)) == null ? void 0 : a.filter((o) => o !== e);
+      r && (r.length === 0 ? i(this, f).delete(s) : i(this, f).set(s, r));
+    }
+    this.notify({ type: "removed", mutation: e });
+  }
+  canRun(e) {
+    var a;
+    const s = (a = i(this, f).get(R(e))) == null ? void 0 : a.find((r) => r.state.status === "pending");
+    return !s || s === e;
+  }
+  runNext(e) {
+    var a;
+    const s = (a = i(this, f).get(R(e))) == null ? void 0 : a.find((r) => r !== e && r.state.isPaused);
+    return (s == null ? void 0 : s.continue()) ?? Promise.resolve();
+  }
+  clear() {
+    p.batch(() => {
+      this.getAll().forEach((e) => {
+        this.remove(e);
+      });
+    });
+  }
+  getAll() {
+    return [...i(this, f).values()].flat();
+  }
+  find(e) {
+    const s = { exact: !0, ...e };
+    return this.getAll().find(
+      (a) => re(s, a)
+    );
+  }
+  findAll(e = {}) {
+    return this.getAll().filter((s) => re(e, s));
+  }
+  notify(e) {
+    p.batch(() => {
+      this.listeners.forEach((s) => {
+        s(e);
+      });
+    });
+  }
+  resumePausedMutations() {
+    const e = this.getAll().filter((s) => s.state.isPaused);
+    return p.batch(
+      () => Promise.all(
+        e.map((s) => s.continue().catch(j))
+      )
+    );
+  }
+}, f = new WeakMap(), S = new WeakMap(), fe);
+function R(t) {
+  var e;
+  return ((e = t.options.scope) == null ? void 0 : e.id) ?? String(t.mutationId);
+}
+function pt(t) {
+  return {
+    onFetch: (e, s) => {
+      const a = async () => {
+        var $, G, J, Y, Z;
+        const r = e.options, o = (J = (G = ($ = e.fetchOptions) == null ? void 0 : $.meta) == null ? void 0 : G.fetchMore) == null ? void 0 : J.direction, l = ((Y = e.state.data) == null ? void 0 : Y.pages) || [], h = ((Z = e.state.data) == null ? void 0 : Z.pageParams) || [], g = { pages: [], pageParams: [] };
+        let b = !1;
+        const d = (v) => {
+          Object.defineProperty(v, "signal", {
+            enumerable: !0,
+            get: () => (e.signal.aborted ? b = !0 : e.signal.addEventListener("abort", () => {
+              b = !0;
+            }), e.signal)
+          });
+        }, Qe = Fe(e.options, e.fetchOptions), B = async (v, w, O) => {
+          if (b)
+            return Promise.reject();
+          if (w == null && v.pages.length)
+            return Promise.resolve(v);
+          const I = {
+            queryKey: e.queryKey,
+            pageParam: w,
+            direction: O ? "backward" : "forward",
+            meta: e.options.meta
+          };
+          d(I);
+          const qe = await Qe(
+            I
+          ), { maxPages: ee } = e.options, te = O ? Re : He;
+          return {
+            pages: te(v.pages, qe, ee),
+            pageParams: te(v.pageParams, w, ee)
+          };
+        };
+        let A;
+        if (o && l.length) {
+          const v = o === "backward", w = v ? mt : he, O = {
+            pages: l,
+            pageParams: h
+          }, I = w(r, O);
+          A = await B(O, I, v);
+        } else {
+          A = await B(
+            g,
+            h[0] ?? r.initialPageParam
+          );
+          const v = t ?? l.length;
+          for (let w = 1; w < v; w++) {
+            const O = he(r, A);
+            A = await B(A, O);
+          }
+        }
+        return A;
+      };
+      e.options.persister ? e.fetchFn = () => {
+        var r, o;
+        return (o = (r = e.options).persister) == null ? void 0 : o.call(
+          r,
+          a,
+          {
+            queryKey: e.queryKey,
+            meta: e.options.meta,
+            signal: e.signal
+          },
+          s
+        );
+      } : e.fetchFn = a;
+    }
+  };
+}
+function he(t, { pages: e, pageParams: s }) {
+  const a = e.length - 1;
+  return t.getNextPageParam(
+    e[a],
+    e,
+    s[a],
+    s
+  );
+}
+function mt(t, { pages: e, pageParams: s }) {
+  var a;
+  return (a = t.getPreviousPageParam) == null ? void 0 : a.call(
+    t,
+    e[0],
+    e,
+    s[0],
+    s
+  );
+}
+var c, P, N, C, M, k, Q, q, pe, gt = (pe = class {
+  constructor(t = {}) {
+    m(this, c);
+    m(this, P);
+    m(this, N);
+    m(this, C);
+    m(this, M);
+    m(this, k);
+    m(this, Q);
+    m(this, q);
+    u(this, c, t.queryCache || new dt()), u(this, P, t.mutationCache || new ft()), u(this, N, t.defaultOptions || {}), u(this, C, /* @__PURE__ */ new Map()), u(this, M, /* @__PURE__ */ new Map()), u(this, k, 0);
+  }
+  mount() {
+    F(this, k)._++, i(this, k) === 1 && (u(this, Q, Le.subscribe(async (t) => {
+      t && (await this.resumePausedMutations(), i(this, c).onFocus());
+    })), u(this, q, ie.subscribe(async (t) => {
+      t && (await this.resumePausedMutations(), i(this, c).onOnline());
+    })));
+  }
+  unmount() {
+    var t, e;
+    F(this, k)._--, i(this, k) === 0 && ((t = i(this, Q)) == null || t.call(this), u(this, Q, void 0), (e = i(this, q)) == null || e.call(this), u(this, q, void 0));
+  }
+  isFetching(t) {
+    return i(this, c).findAll({ ...t, fetchStatus: "fetching" }).length;
+  }
+  isMutating(t) {
+    return i(this, P).findAll({ ...t, status: "pending" }).length;
+  }
+  getQueryData(t) {
+    var s;
+    const e = this.defaultQueryOptions({ queryKey: t });
+    return (s = i(this, c).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), a = i(this, c).build(this, s);
+      return t.revalidateIfStale && a.isStaleByTime(oe(s.staleTime, a)) && this.prefetchQuery(s), Promise.resolve(e);
+    }
+  }
+  getQueriesData(t) {
+    return i(this, c).findAll(t).map(({ queryKey: e, state: s }) => {
+      const a = s.data;
+      return [e, a];
+    });
+  }
+  setQueryData(t, e, s) {
+    const a = this.defaultQueryOptions({ queryKey: t }), r = i(this, c).get(
+      a.queryHash
+    ), o = r == null ? void 0 : r.state.data, l = ze(e, o);
+    if (l !== void 0)
+      return i(this, c).build(this, a).setData(l, { ...s, manual: !0 });
+  }
+  setQueriesData(t, e, s) {
+    return p.batch(
+      () => i(this, c).findAll(t).map(({ queryKey: a }) => [
+        a,
+        this.setQueryData(a, e, s)
+      ])
+    );
+  }
+  getQueryState(t) {
+    var s;
+    const e = this.defaultQueryOptions({ queryKey: t });
+    return (s = i(this, c).get(e.queryHash)) == null ? void 0 : s.state;
+  }
+  removeQueries(t) {
+    const e = i(this, c);
+    p.batch(() => {
+      e.findAll(t).forEach((s) => {
+        e.remove(s);
+      });
+    });
+  }
+  resetQueries(t, e) {
+    const s = i(this, c), a = {
+      type: "active",
+      ...t
+    };
+    return p.batch(() => (s.findAll(t).forEach((r) => {
+      r.reset();
+    }), this.refetchQueries(a, e)));
+  }
+  cancelQueries(t = {}, e = {}) {
+    const s = { revert: !0, ...e }, a = p.batch(
+      () => i(this, c).findAll(t).map((r) => r.cancel(s))
+    );
+    return Promise.all(a).then(j).catch(j);
+  }
+  invalidateQueries(t = {}, e = {}) {
+    return p.batch(() => {
+      if (i(this, c).findAll(t).forEach((a) => {
+        a.invalidate();
+      }), t.refetchType === "none")
+        return Promise.resolve();
+      const s = {
+        ...t,
+        type: t.refetchType ?? t.type ?? "active"
+      };
+      return this.refetchQueries(s, e);
+    });
+  }
+  refetchQueries(t = {}, e) {
+    const s = {
+      ...e,
+      cancelRefetch: (e == null ? void 0 : e.cancelRefetch) ?? !0
+    }, a = p.batch(
+      () => i(this, c).findAll(t).filter((r) => !r.isDisabled()).map((r) => {
+        let o = r.fetch(void 0, s);
+        return s.throwOnError || (o = o.catch(j)), r.state.fetchStatus === "paused" ? Promise.resolve() : o;
+      })
+    );
+    return Promise.all(a).then(j);
+  }
+  fetchQuery(t) {
+    const e = this.defaultQueryOptions(t);
+    e.retry === void 0 && (e.retry = !1);
+    const s = i(this, c).build(this, e);
+    return s.isStaleByTime(
+      oe(e.staleTime, s)
+    ) ? s.fetch(e) : Promise.resolve(s.state.data);
+  }
+  prefetchQuery(t) {
+    return this.fetchQuery(t).then(j).catch(j);
+  }
+  fetchInfiniteQuery(t) {
+    return t.behavior = pt(t.pages), this.fetchQuery(t);
+  }
+  prefetchInfiniteQuery(t) {
+    return this.fetchInfiniteQuery(t).then(j).catch(j);
+  }
+  resumePausedMutations() {
+    return ie.isOnline() ? i(this, P).resumePausedMutations() : Promise.resolve();
+  }
+  getQueryCache() {
+    return i(this, c);
+  }
+  getMutationCache() {
+    return i(this, P);
+  }
+  getDefaultOptions() {
+    return i(this, N);
+  }
+  setDefaultOptions(t) {
+    u(this, N, t);
+  }
+  setQueryDefaults(t, e) {
+    i(this, C).set(le(t), {
+      queryKey: t,
+      defaultOptions: e
+    });
+  }
+  getQueryDefaults(t) {
+    const e = [...i(this, C).values()];
+    let s = {};
+    return e.forEach((a) => {
+      ce(t, a.queryKey) && (s = { ...s, ...a.defaultOptions });
+    }), s;
+  }
+  setMutationDefaults(t, e) {
+    i(this, M).set(le(t), {
+      mutationKey: t,
+      defaultOptions: e
+    });
+  }
+  getMutationDefaults(t) {
+    const e = [...i(this, M).values()];
+    let s = {};
+    return e.forEach((a) => {
+      ce(t, a.mutationKey) && (s = { ...s, ...a.defaultOptions });
+    }), s;
+  }
+  defaultQueryOptions(t) {
+    if (t._defaulted)
+      return t;
+    const e = {
+      ...i(this, N).queries,
+      ...this.getQueryDefaults(t.queryKey),
+      ...t,
+      _defaulted: !0
+    };
+    return e.queryHash || (e.queryHash = ge(
+      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 === Ke && (e.enabled = !1), e;
+  }
+  defaultMutationOptions(t) {
+    return t != null && t._defaulted ? t : {
+      ...i(this, N).mutations,
+      ...(t == null ? void 0 : t.mutationKey) && this.getMutationDefaults(t.mutationKey),
+      ...t,
+      _defaulted: !0
+    };
+  }
+  clear() {
+    i(this, c).clear(), i(this, P).clear();
+  }
+}, c = new WeakMap(), P = new WeakMap(), N = new WeakMap(), C = new WeakMap(), M = new WeakMap(), k = new WeakMap(), Q = new WeakMap(), q = new WeakMap(), pe);
+const Pe = (t) => "getRoutes" in t && typeof t.getRoutes == "function", vt = (t) => "initialize" in t && typeof t.initialize == "function", yt = (t) => "getIdentities" in t && typeof t.getIdentities == "function", Ne = new gt(), xt = ht(() => ({}));
+class bt {
+  constructor(e) {
+    y(this, "plugins", []);
+    y(this, "navigationPlugins");
+    y(this, "navigation");
+    y(this, "meta");
+    y(this, "authentication");
+    y(this, "state");
+    y(this, "initialize", async () => {
+      this.plugins.filter(vt).forEach((e) => e.initialize(this));
+    });
+    y(this, "invalidateCache", async (e) => {
+      await Ne.invalidateQueries({ queryKey: e });
+    });
+    y(this, "getApiIdentities", async () => (await Promise.all(
+      this.plugins.filter(yt).map((s) => s.getIdentities(this))
+    )).flat());
+    y(this, "getNavigation", async (e) => (await Promise.all(
+      this.navigationPlugins.map(
+        async (a) => {
+          var r;
+          return (r = a.getNavigation) == null ? void 0 : r.call(a, e);
+        }
+      )
+    )).flatMap((a) => a ?? []));
+    this.plugins = e.plugins ?? [], this.navigation = e.navigation, this.navigationPlugins = this.plugins.filter(Pe), this.authentication = e.authentication, this.meta = e.meta, this.state = xt;
+  }
+  async signRequest(e) {
+    if (!this.authentication)
+      throw new Error("No authentication provider configured");
+    const s = await this.authentication.getAccessToken();
+    return e.headers.set("Authorization", `Bearer ${s}`), e;
+  }
+}
+/**
+ * @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 ke = E("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 jt = E("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 wt = E("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" }]
+]);
+/**
+ * @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 Pt = E("Search", [
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
+  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
+]);
+/**
+ * @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 Nt = E("Sun", [
+  ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
+  ["path", { d: "M12 2v2", key: "tus03m" }],
+  ["path", { d: "M12 20v2", key: "1lh1kg" }],
+  ["path", { d: "m4.93 4.93 1.41 1.41", key: "149t6j" }],
+  ["path", { d: "m17.66 17.66 1.41 1.41", key: "ptbguv" }],
+  ["path", { d: "M2 12h2", key: "1t8f8n" }],
+  ["path", { d: "M20 12h2", key: "1q8mjw" }],
+  ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
+  ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
+]), kt = () => {
+  const { authentication: t } = K(), e = ut(), s = typeof t < "u";
+  return {
+    isAuthEnabled: s,
+    profile: e.profile,
+    isAuthenticated: e.profile,
+    login: async () => {
+      if (!s)
+        throw new Error("Authentication is not enabled.");
+      await t.login();
+    },
+    logout: async () => {
+      if (!s)
+        throw new Error("Authentication is not enabled.");
+      await t.logout(), window.location.href = "/";
+    }
+  };
+}, Ot = () => {
+  const { navigation: t } = K();
+  return /* @__PURE__ */ n.jsx("nav", { className: "border-b border-border text-sm px-12 h-[--top-nav-height]", children: /* @__PURE__ */ n.jsx("ul", { className: "flex flex-row items-center gap-8", children: t.map((e) => /* @__PURE__ */ n.jsx("li", { children: /* @__PURE__ */ n.jsx(
+    V,
+    {
+      className: ({ isActive: s }) => _e(
+        "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"
+      ),
+      to: e.path,
+      children: e.label
+    }
+  ) }, e.label)) }) });
+}, Oe = je(function() {
+  const [e, s] = Be(), { isAuthenticated: a, profile: r, isAuthEnabled: o, login: l, logout: h } = kt(), { meta: g } = K(), b = e ? wt : Nt;
+  return /* @__PURE__ */ n.jsx("header", { className: "fixed top-0 w-full z-10 bg-background/80 backdrop-blur", children: /* @__PURE__ */ n.jsxs("div", { className: "max-w-screen-2xl mx-auto", children: [
+    /* @__PURE__ */ n.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__ */ n.jsxs("div", { className: "flex items-center gap-3.5", children: [
+        (g == null ? void 0 : g.logo) && /* @__PURE__ */ n.jsx("img", { src: g.logo, alt: "My Dev Portal", className: "h-10" }),
+        /* @__PURE__ */ n.jsx("span", { className: "font-bold text-2xl text-foreground/85 tracking-wide", children: g == null ? void 0 : g.headerTitle })
+      ] }),
+      /* @__PURE__ */ n.jsxs("div", { className: "grid grid-cols-[--sidecar-grid-cols] items-center gap-8", children: [
+        /* @__PURE__ */ n.jsx("div", { className: "w-full max-w-prose", children: /* @__PURE__ */ n.jsxs("button", { className: "flex items-center border border-input hover:bg-accent hover:text-accent-foreground p-4 relative h-8 justify-start rounded-lg bg-background text-sm text-muted-foreground shadow-none w-40 sm:w-72", children: [
+          /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-2 flex-grow", children: [
+            /* @__PURE__ */ n.jsx(Pt, { size: 14 }),
+            "Search"
+          ] }),
+          /* @__PURE__ */ n.jsx("kbd", { className: "absolute right-[0.3rem] top-[0.3rem] hidden h-5 select-none items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[11px] font-medium opacity-100 sm:flex", children: "⌘K" })
+        ] }) }),
+        /* @__PURE__ */ n.jsxs("div", { className: "items-center justify-self-end text-sm hidden lg:flex", children: [
+          o && /* @__PURE__ */ n.jsx(n.Fragment, { children: a ? /* @__PURE__ */ n.jsxs(
+            "button",
+            {
+              className: "cursor-pointer hover:bg-secondary p-1 px-2 mx-2 rounded text-nowrap",
+              onClick: h,
+              children: [
+                "Logout ",
+                r != null && r.email ? `(${r.email})` : null
+              ]
+            }
+          ) : /* @__PURE__ */ n.jsx(
+            "button",
+            {
+              className: "cursor-pointer hover:bg-secondary p-1 px-2 mx-2 rounded",
+              onClick: l,
+              children: "Login"
+            }
+          ) }),
+          /* @__PURE__ */ n.jsx(
+            "button",
+            {
+              className: "cursor-pointer hover:bg-secondary p-2.5 -m-2.5 rounded-full",
+              onClick: s,
+              children: /* @__PURE__ */ n.jsx(b, { size: 18 })
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ n.jsx(Ot, {})
+  ] }) });
+}), Ae = {
+  Header: Oe
+}, At = ot(Ae), Ct = At.Provider, Mt = () => {
+  const t = D(), { setActiveAnchor: e } = W();
+  T(() => {
+    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 r = new MutationObserver((o, l) => {
+      const h = document.getElementById(decodeURIComponent(s));
+      h && (h.scrollIntoView(), requestIdleCallback(() => e(s)), l.disconnect());
+    });
+    return r.observe(document.body, { childList: !0, subtree: !0 }), () => r.disconnect();
+  }, [t.hash, e]);
+}, Qt = () => {
+  const t = D(), e = _(t.pathname);
+  T(() => {
+    e.current !== t.pathname && (window.scrollTo(0, 0), e.current = t.pathname);
+  }, [t.pathname]);
+}, Ce = ({
+  item: t,
+  defaultOpen: e,
+  path: s
+}) => {
+  const [a, r] = lt(e), o = D(), l = _(o.pathname);
+  return T(() => {
+    !a && l.current !== o.pathname && r(X(t, o.pathname, s)), l.current = o.pathname;
+  }, [a, t, s, o.pathname]), [a, r];
+}, H = We(
+  "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: ""
+      }
+    }
+  }
+), qt = "data-anchor", Me = ({
+  category: t,
+  item: e,
+  activeAnchor: s,
+  currentTopNavItem: a,
+  basePath: r = ""
+}) => {
+  const o = U(e) ? ve(r, e.path) : "", l = D(), [h, g] = Ce({
+    item: e,
+    path: o,
+    defaultOpen: () => X(e, l.pathname, o)
+  });
+  if (Ve(e)) {
+    const d = z(
+      "flex items-center gap-2",
+      H({
+        isActive: e.href === l.pathname
+      })
+    );
+    return e.href.startsWith("http") ? /* @__PURE__ */ n.jsxs(
+      "a",
+      {
+        className: d,
+        href: e.href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: [
+          e.label,
+          /* @__PURE__ */ n.jsx(jt, { size: 14 })
+        ]
+      }
+    ) : /* @__PURE__ */ n.jsx(V, { className: d, to: e.href, children: e.label });
+  }
+  const b = /* @__PURE__ */ n.jsxs("div", { className: "flex justify-between w-full", children: [
+    /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-2 truncate w-full", children: [
+      e.icon,
+      typeof e.label != "string" ? e.label : /* @__PURE__ */ n.jsx("span", { className: "truncate", children: e.label })
+    ] }),
+    e.children && /* @__PURE__ */ n.jsx(
+      ke,
+      {
+        size: 16,
+        className: "transition shrink-0 group-data-[state=open]:rotate-90"
+      }
+    )
+  ] });
+  return /* @__PURE__ */ n.jsx("li", { title: typeof e.label == "string" ? e.label : e.title, children: e.children ? /* @__PURE__ */ n.jsxs(
+    ye,
+    {
+      open: h,
+      onOpenChange: () => g((d) => !d),
+      className: "flex flex-col",
+      children: [
+        /* @__PURE__ */ n.jsx(
+          xe,
+          {
+            className: z(
+              "group text-start",
+              H({ isActive: !1 })
+            ),
+            children: b
+          }
+        ),
+        /* @__PURE__ */ n.jsx(be, { className: "CollapsibleContent ms-[calc(var(--padding-nav-item)*1.125)]", children: /* @__PURE__ */ n.jsx("ul", { className: "mt-1 border-border border-l ps-1.5", children: e.children.map((d) => /* @__PURE__ */ n.jsx(
+          Me,
+          {
+            category: t,
+            item: d,
+            activeAnchor: s,
+            currentTopNavItem: a,
+            basePath: o
+          },
+          U(d) ? d.path : d.href
+        )) }) })
+      ]
+    }
+  ) : e.path.startsWith("#") ? /* @__PURE__ */ n.jsx(
+    Ue,
+    {
+      to: e.path,
+      [qt]: e.path,
+      className: H({
+        isActive: e.path.slice(1) === s,
+        isMuted: e.muted
+      }),
+      children: b
+    }
+  ) : /* @__PURE__ */ n.jsx(
+    V,
+    {
+      className: ({ isActive: d }) => H({ isActive: d }),
+      to: o,
+      children: b
+    }
+  ) });
+}, Dt = ({
+  category: t
+}) => {
+  const { activeAnchor: e } = W(), s = Xe(), a = D(), r = t.collapsible ?? !0, [o, l] = Ce({
+    item: t,
+    path: (s == null ? void 0 : s.path) ?? "",
+    defaultOpen: () => !r || t.expanded || X(t, a.pathname, (s == null ? void 0 : s.path) ?? "")
+  });
+  return /* @__PURE__ */ n.jsxs(
+    ye,
+    {
+      open: o,
+      onOpenChange: () => l((h) => !h),
+      children: [
+        t.label.length > 0 ? /* @__PURE__ */ n.jsx(xe, { asChild: r, disabled: !r, children: /* @__PURE__ */ n.jsxs(
+          "h5",
+          {
+            className: z(
+              "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]",
+              r ? "hover:bg-accent" : "cursor-auto"
+            ),
+            children: [
+              t.label,
+              r && /* @__PURE__ */ n.jsx(
+                ke,
+                {
+                  className: "group-data-[state=open]:rotate-90 transition",
+                  size: 16
+                }
+              )
+            ]
+          }
+        ) }) : "Endpoints",
+        /* @__PURE__ */ n.jsx(be, { className: "CollapsibleContent -mx-[--padding-nav-item]", children: /* @__PURE__ */ n.jsx("ul", { className: "space-y-0.5 mt-1.5 mb-4 ms-3", children: t.children.map((h) => /* @__PURE__ */ n.jsx(
+          Me,
+          {
+            category: t,
+            item: h,
+            activeAnchor: e,
+            currentTopNavItem: s,
+            basePath: ve(s == null ? void 0 : s.path, t.path)
+          },
+          U(h) ? h.path + h.label : h.href
+        )) }) })
+      ]
+    },
+    t.label
+  );
+}, St = ct(function({ children: e, className: s, pushMainContent: a }, r) {
+  return /* @__PURE__ */ n.jsx(
+    "nav",
+    {
+      "data-navigation": String(a),
+      className: z(
+        "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: r,
+      children: e
+    }
+  );
+}), Et = () => {
+  const t = _(null), e = $e();
+  return /* @__PURE__ */ n.jsx(
+    St,
+    {
+      ref: t,
+      pushMainContent: e.data.items.length > 0,
+      children: e.data.items.map((s) => /* @__PURE__ */ n.jsx(Dt, { category: s }, s.label))
+    }
+  );
+}, ue = ({ children: t }) => {
+  const e = D(), { setActiveAnchor: s } = W(), { meta: a } = K();
+  Mt(), Qt();
+  const r = _(e.pathname);
+  return T(() => {
+    e.pathname !== r.current && s(""), r.current = e.pathname;
+  }, [e.pathname, s]), /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsxs(Ge, { titleTemplate: a == null ? void 0 : a.pageTitle, children: [
+      /* @__PURE__ */ n.jsx("title", { children: "Home" }),
+      (a == null ? void 0 : a.description) && /* @__PURE__ */ n.jsx("meta", { name: "description", content: a.description }),
+      (a == null ? void 0 : a.favicon) && /* @__PURE__ */ n.jsx("link", { rel: "icon", href: a.favicon })
+    ] }),
+    /* @__PURE__ */ n.jsx(Oe, {}),
+    /* @__PURE__ */ n.jsx("div", { className: "max-w-screen-2xl mx-auto pt-[--header-height] px-10 lg:px-12 h-full", children: /* @__PURE__ */ n.jsxs(
+      we,
+      {
+        fallback: /* @__PURE__ */ n.jsx("div", { className: "grid h-full place-items-center", children: /* @__PURE__ */ n.jsx(Je, {}) }),
+        children: [
+          /* @__PURE__ */ n.jsx(Et, {}),
+          /* @__PURE__ */ n.jsx(
+            "main",
+            {
+              className: `dark:border-white/10 translate-x-0
+          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__ */ n.jsx(Ee, {})
+            }
+          )
+        ]
+      }
+    ) })
+  ] });
+};
+function Tt({ plugins: t }) {
+  const e = L(() => {
+    const s = (t ?? []).flatMap(
+      (a) => Pe(a) ? a.getRoutes() : []
+    );
+    return Ye([
+      {
+        path: "/",
+        element: /* @__PURE__ */ n.jsx(ue, {}),
+        errorElement: /* @__PURE__ */ n.jsx(ue, { children: /* @__PURE__ */ n.jsx("div", { className: "h-[75vh] flex items-center justify-center", children: "Error, look at the console" }) }),
+        children: s
+      }
+    ]);
+  }, [t]);
+  return /* @__PURE__ */ n.jsx(Ze, { router: e });
+}
+const It = (t) => {
+  const e = L(
+    () => ({ ...Ae, ...t.overrides }),
+    [t.overrides]
+  ), s = L(
+    () => ({ ...et, ...t.mdxComponents }),
+    [t.mdxComponents]
+  ), a = L(() => new bt(t), [t]);
+  return T(() => {
+    a.initialize();
+  }, [a]), /* @__PURE__ */ n.jsx(tt, { client: Ne, children: /* @__PURE__ */ n.jsx(st, { children: /* @__PURE__ */ n.jsx(at, { value: a, children: /* @__PURE__ */ n.jsx(nt, { components: s, children: /* @__PURE__ */ n.jsx(rt, { children: /* @__PURE__ */ n.jsx(Ct, { value: e, children: /* @__PURE__ */ n.jsx(it, { children: /* @__PURE__ */ n.jsx(
+    we,
+    {
+      fallback: /* @__PURE__ */ n.jsx("div", { className: "grid place-items-center h-full", children: "Loading..." }),
+      children: /* @__PURE__ */ n.jsx(
+        Tt,
+        {
+          plugins: [
+            ...t.plugins ?? [],
+            ...t.authentication ? [t.authentication] : []
+          ]
+        }
+      )
+    }
+  ) }) }) }) }) }) }) });
+}, Ft = je(It);
+Ft.displayName = "DevPortal";
+export {
+  Ft as DevPortal,
+  Vt as Link,
+  Ut as useMDXComponents
+};