@elmethis/core 1.0.0-alpha.146 → 1.0.0-alpha.148

package/dist/index-BFwE0btN.js

@@ -1,3523 +0,0 @@
-import { defineComponent as h, createElementBlock as d, openBlock as r, normalizeStyle as g, normalizeClass as a, createElementVNode as m, unref as y, renderSlot as A, useCssModule as qe, createBlock as S, resolveDynamicComponent as re, h as W, createVNode as $, ref as C, watch as U, Transition as x, withCtx as q, defineAsyncComponent as he, shallowRef as V, readonly as Ze, getCurrentScope as xe, onScopeDispose as et, onMounted as le, nextTick as ae, toValue as P, getCurrentInstance as Ee, hasInjectionContext as Ne, inject as tt, isRef as De, computed as D, watchEffect as st, reactive as Re, toRaw as lt, createCommentVNode as R, Fragment as F, renderList as ee, onUpdated as nt, createTextVNode as $e, toDisplayString as N, mergeModels as fe, useModel as ye, TransitionGroup as ot, mergeProps as at, withDirectives as Ue, vModelDynamic as rt, vModelText as it, markRaw as L } from "vue";
-import { getLuminance as Me, parseToRgb as He, parseToHsl as ct, rgbToColorString as ut, darken as dt, rgba as pt } from "polished";
-import { Icon as M } from "@iconify/vue";
-import mt from "katex";
-import { nanoid as ft } from "nanoid";
-import { kebabCase as X } from "lodash-es";
-const yt = /* @__PURE__ */ h({
-  __name: "ElmBadge",
-  props: {
-    color: {}
-  },
-  setup(l) {
-    return (e, s) => (r(), d("span", {
-      class: a(e.$style.badge),
-      style: g({ "--bg-color": e.color })
-    }, [
-      m("span", {
-        class: a(e.$style.left),
-        style: g({
-          color: y(Me)(e.color) > 0.5 ? "rgba(0,0,0,0.7)" : "rgba(255,255,255,0.7)"
-        })
-      }, [
-        A(e.$slots, "left")
-      ], 6),
-      m("span", {
-        class: a(e.$style.right)
-      }, [
-        A(e.$slots, "right")
-      ], 2)
-    ], 6));
-  }
-}), _t = "_badge_gc88x_1", vt = "_left_gc88x_5", gt = "_right_gc88x_9", ht = {
-  badge: _t,
-  left: vt,
-  right: gt
-}, w = (l, e) => {
-  const s = l.__vccOpts || l;
-  for (const [t, n] of e)
-    s[t] = n;
-  return s;
-}, $t = {
-  $style: ht
-}, wi = /* @__PURE__ */ w(yt, [["__cssModules", $t]]), bt = /* @__PURE__ */ h({
-  __name: "ElmInlineText",
-  props: {
-    text: {},
-    color: {},
-    size: {},
-    bold: { type: Boolean, default: !1 },
-    italic: { type: Boolean, default: !1 },
-    underline: { type: Boolean, default: !1 },
-    strikethrough: { type: Boolean, default: !1 },
-    code: { type: Boolean, default: !1 },
-    backgroundColor: {}
-  },
-  setup(l) {
-    const e = l, s = qe(), t = () => {
-      const n = e.backgroundColor != null ? Me(e.backgroundColor) < 0.5 ? "rgba(255, 255, 255, 0.7)" : "rgba(0, 0, 0, 0.7)" : void 0;
-      let o = W(
-        "span",
-        {
-          class: s.text,
-          style: {
-            "--color": e.color ?? n,
-            "--font-size": e.size,
-            "--background-color": e.backgroundColor
-          }
-        },
-        e.text
-      );
-      return e.strikethrough && (o = W("del", {}, o)), e.italic && (o = W("em", {}, o)), e.underline && (o = W("ins", {}, o)), e.bold && (o = W("strong", {}, o)), e.code && (o = W("code", { class: s.code }, o)), o;
-    };
-    return (n, o) => (r(), S(re(t())));
-  }
-}), kt = "_text_zzh16_1", wt = "_code_zzh16_19", Et = {
-  text: kt,
-  code: wt
-}, Mt = {
-  $style: Et
-}, O = /* @__PURE__ */ w(bt, [["__cssModules", Mt]]), Ct = /* @__PURE__ */ h({
-  __name: "ElmTag",
-  props: {
-    text: {},
-    color: { default: "transparent" }
-  },
-  setup(l) {
-    return (e, s) => (r(), d("div", {
-      class: a(e.$style.tag),
-      style: g({ "--color": e.color })
-    }, [
-      $(y(M), {
-        icon: "tabler:tag",
-        class: a(e.$style.icon),
-        style: g({
-          backgroundColor: e.color,
-          "--font-color": y(Me)(e.color) > 0.5 ? "rgba(0,0,0,0.7)" : "rgba(255,255,255,0.7)"
-        })
-      }, null, 8, ["class", "style"]),
-      m("div", {
-        class: a(e.$style.text)
-      }, [
-        $(O, {
-          style: { color: "unset" },
-          text: e.text
-        }, null, 8, ["text"])
-      ], 2)
-    ], 6));
-  }
-}), zt = "_tag_xg111_1", It = "_icon_xg111_18", Tt = "_text_xg111_27", St = {
-  tag: zt,
-  icon: It,
-  text: Tt
-}, Bt = {
-  $style: St
-}, Ei = /* @__PURE__ */ w(Ct, [["__cssModules", Bt]]), Lt = /* @__PURE__ */ h({
-  __name: "ElmLanguageIcon",
-  props: {
-    size: { default: 24 },
-    language: {}
-  },
-  setup(l) {
-    const e = l, s = qe(), t = W(M, { icon: "mdi:terminal-line", class: s.icon }), n = () => {
-      switch (e.language.toLowerCase()) {
-        case "rust":
-        case "rs":
-          return he({
-            loader: () => import("./Rust-BwuxPQOA.js"),
-            loadingComponent: t
-          });
-        case "javascript":
-        case "js":
-          return W(M, {
-            icon: "devicon:javascript",
-            class: s.icon
-          });
-        case "typescript":
-        case "ts":
-          return W(M, {
-            icon: "devicon:typescript",
-            class: s.icon
-          });
-        case "bash":
-        case "sh":
-        case "shell":
-          return he({
-            loader: () => import("./Bash-Dgvf3lDU.js"),
-            loadingComponent: t
-          });
-        case "tf":
-        case "terraform":
-        case "hcl":
-          return W(M, {
-            icon: "devicon:terraform",
-            class: s.icon
-          });
-        case "html":
-          return W(M, {
-            icon: "devicon:html5",
-            class: s.icon
-          });
-        case "css":
-          return he({
-            loader: () => import("./Css-BDTor6my.js"),
-            loadingComponent: t
-          });
-        case "npm":
-          return W(M, {
-            icon: "devicon:npm",
-            class: s.icon
-          });
-        case "java":
-          return W(M, {
-            icon: "devicon:java",
-            class: s.icon
-          });
-        case "kotlin":
-        case "kt":
-          return W(M, {
-            icon: "devicon:kotlin",
-            class: s.icon
-          });
-        case "go":
-        case "golang":
-          return W(M, {
-            icon: "logos:go",
-            class: s.icon
-          });
-        case "python":
-        case "py":
-          return W(M, {
-            icon: "devicon:python",
-            class: s.icon
-          });
-        case "sql":
-          return W(M, {
-            icon: "vscode-icons:file-type-sql",
-            class: s.icon
-          });
-        case "json":
-          return W(M, {
-            icon: "devicon:json",
-            class: s.icon
-          });
-        case "lua":
-          return W(M, {
-            icon: "devicon:lua",
-            class: s.icon
-          });
-        case "cs":
-        case "csharp":
-          return W(M, {
-            icon: "devicon:csharp",
-            class: s.icon
-          });
-        case "cpp":
-        case "c++":
-          return W(M, {
-            icon: "devicon:cplusplus",
-            class: s.icon
-          });
-        case "c":
-          return W(M, {
-            icon: "devicon:c",
-            class: s.icon
-          });
-        default:
-          return t;
-      }
-    }, o = C(n());
-    return U(
-      () => e.language,
-      () => {
-        o.value = n();
-      }
-    ), (i, u) => (r(), d("div", {
-      class: a(i.$style.block),
-      style: g({ "--size": `${i.size}px` })
-    }, [
-      $(x, { mode: "out-in" }, {
-        default: q(() => [
-          (r(), S(y(o), {
-            class: a(i.$style.icon),
-            key: i.language
-          }, null, 8, ["class"]))
-        ]),
-        _: 1
-      })
-    ], 6));
-  }
-}), Ot = "_block_fz7i5_1", Vt = "_icon_fz7i5_7", Pt = {
-  block: Ot,
-  icon: Vt
-}, Rt = {
-  $style: Pt
-}, Ht = /* @__PURE__ */ w(Lt, [["__cssModules", Rt], ["__scopeId", "data-v-880dc126"]]);
-function _e(l) {
-  return xe() ? (et(l), !0) : !1;
-}
-const be = /* @__PURE__ */ new WeakMap(), Wt = (...l) => {
-  var e;
-  const s = l[0], t = (e = Ee()) == null ? void 0 : e.proxy;
-  if (t == null && !Ne())
-    throw new Error("injectLocal must be called in setup");
-  return t && be.has(t) && s in be.get(t) ? be.get(t)[s] : tt(...l);
-}, Ce = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Ke = (l) => l != null, At = Object.prototype.toString, Ft = (l) => At.call(l) === "[object Object]", G = () => {
-};
-function Xe(l, e) {
-  function s(...t) {
-    return new Promise((n, o) => {
-      Promise.resolve(l(() => e.apply(this, t), { fn: e, thisArg: this, args: t })).then(n).catch(o);
-    });
-  }
-  return s;
-}
-function jt(l, e = {}) {
-  let s, t, n = G;
-  const o = (c) => {
-    clearTimeout(c), n(), n = G;
-  };
-  let i;
-  return (c) => {
-    const f = P(l), _ = P(e.maxWait);
-    return s && o(s), f <= 0 || _ !== void 0 && _ <= 0 ? (t && (o(t), t = null), Promise.resolve(c())) : new Promise((p, v) => {
-      n = e.rejectOnCancel ? v : p, i = c, _ && !t && (t = setTimeout(() => {
-        s && o(s), t = null, p(i());
-      }, _)), s = setTimeout(() => {
-        t && o(t), t = null, p(c());
-      }, f);
-    });
-  };
-}
-function qt(...l) {
-  let e = 0, s, t = !0, n = G, o, i, u, c, f;
-  !De(l[0]) && typeof l[0] == "object" ? { delay: i, trailing: u = !0, leading: c = !0, rejectOnCancel: f = !1 } = l[0] : [i, u = !0, c = !0, f = !1] = l;
-  const _ = () => {
-    s && (clearTimeout(s), s = void 0, n(), n = G);
-  };
-  return (v) => {
-    const b = P(i), k = Date.now() - e, T = () => o = v();
-    return _(), b <= 0 ? (e = Date.now(), T()) : (k > b && (c || !t) ? (e = Date.now(), T()) : u && (o = new Promise((I, z) => {
-      n = f ? z : I, s = setTimeout(() => {
-        e = Date.now(), t = !0, I(T()), _();
-      }, Math.max(0, b - k));
-    })), !c && !s && (s = setTimeout(() => t = !0, b)), t = !1, o);
-  };
-}
-function ke(l, e = !1, s = "Timeout") {
-  return new Promise((t, n) => {
-    setTimeout(e ? () => n(s) : t, l);
-  });
-}
-function Nt(l) {
-  let e;
-  function s() {
-    return e || (e = l()), e;
-  }
-  return s.reset = async () => {
-    const t = e;
-    e = void 0, t && await t;
-  }, s;
-}
-function We(l) {
-  return l.endsWith("rem") ? Number.parseFloat(l) * 16 : Number.parseFloat(l);
-}
-function me(l) {
-  return Array.isArray(l) ? l : [l];
-}
-function Dt(l) {
-  return Ee();
-}
-function Ut(l, e = 200, s = {}) {
-  return Xe(
-    jt(e, s),
-    l
-  );
-}
-function Kt(l, e = 200, s = !1, t = !0, n = !1) {
-  return Xe(
-    qt(e, s, t, n),
-    l
-  );
-}
-function ze(l, e = !0, s) {
-  Dt() ? le(l, s) : e ? l() : ae(l);
-}
-function we(l, e = !1) {
-  function s(p, { flush: v = "sync", deep: b = !1, timeout: k, throwOnTimeout: T } = {}) {
-    let I = null;
-    const E = [new Promise((H) => {
-      I = U(
-        l,
-        (j) => {
-          p(j) !== e && (I ? I() : ae(() => I == null ? void 0 : I()), H(j));
-        },
-        {
-          flush: v,
-          deep: b,
-          immediate: !0
-        }
-      );
-    })];
-    return k != null && E.push(
-      ke(k, T).then(() => P(l)).finally(() => I == null ? void 0 : I())
-    ), Promise.race(E);
-  }
-  function t(p, v) {
-    if (!De(p))
-      return s((j) => j === p, v);
-    const { flush: b = "sync", deep: k = !1, timeout: T, throwOnTimeout: I } = v ?? {};
-    let z = null;
-    const H = [new Promise((j) => {
-      z = U(
-        [l, p],
-        ([ie, ve]) => {
-          e !== (ie === ve) && (z ? z() : ae(() => z == null ? void 0 : z()), j(ie));
-        },
-        {
-          flush: b,
-          deep: k,
-          immediate: !0
-        }
-      );
-    })];
-    return T != null && H.push(
-      ke(T, I).then(() => P(l)).finally(() => (z == null || z(), P(l)))
-    ), Promise.race(H);
-  }
-  function n(p) {
-    return s((v) => !!v, p);
-  }
-  function o(p) {
-    return t(null, p);
-  }
-  function i(p) {
-    return t(void 0, p);
-  }
-  function u(p) {
-    return s(Number.isNaN, p);
-  }
-  function c(p, v) {
-    return s((b) => {
-      const k = Array.from(b);
-      return k.includes(p) || k.includes(P(p));
-    }, v);
-  }
-  function f(p) {
-    return _(1, p);
-  }
-  function _(p = 1, v) {
-    let b = -1;
-    return s(() => (b += 1, b >= p), v);
-  }
-  return Array.isArray(P(l)) ? {
-    toMatch: s,
-    toContains: c,
-    changed: f,
-    changedTimes: _,
-    get not() {
-      return we(l, !e);
-    }
-  } : {
-    toMatch: s,
-    toBe: t,
-    toBeTruthy: n,
-    toBeNull: o,
-    toBeNaN: u,
-    toBeUndefined: i,
-    changed: f,
-    changedTimes: _,
-    get not() {
-      return we(l, !e);
-    }
-  };
-}
-function Xt(l) {
-  return we(l);
-}
-function Yt(l, e, s = {}) {
-  const {
-    immediate: t = !0,
-    immediateCallback: n = !1
-  } = s, o = V(!1);
-  let i = null;
-  function u() {
-    i && (clearTimeout(i), i = null);
-  }
-  function c() {
-    o.value = !1, u();
-  }
-  function f(..._) {
-    n && l(), u(), o.value = !0, i = setTimeout(() => {
-      o.value = !1, i = null, l(..._);
-    }, P(e));
-  }
-  return t && (o.value = !0, Ce && f()), _e(c), {
-    isPending: Ze(o),
-    start: f,
-    stop: c
-  };
-}
-function Qt(l, e, s) {
-  return U(
-    l,
-    e,
-    {
-      ...s,
-      immediate: !0
-    }
-  );
-}
-const te = Ce ? window : void 0, Ye = Ce ? window.navigator : void 0;
-function J(l) {
-  var e;
-  const s = P(l);
-  return (e = s == null ? void 0 : s.$el) != null ? e : s;
-}
-function Y(...l) {
-  const e = [], s = () => {
-    e.forEach((u) => u()), e.length = 0;
-  }, t = (u, c, f, _) => (u.addEventListener(c, f, _), () => u.removeEventListener(c, f, _)), n = D(() => {
-    const u = me(P(l[0])).filter((c) => c != null);
-    return u.every((c) => typeof c != "string") ? u : void 0;
-  }), o = Qt(
-    () => {
-      var u, c;
-      return [
-        (c = (u = n.value) == null ? void 0 : u.map((f) => J(f))) != null ? c : [te].filter((f) => f != null),
-        me(P(n.value ? l[1] : l[0])),
-        me(y(n.value ? l[2] : l[1])),
-        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        P(n.value ? l[3] : l[2])
-      ];
-    },
-    ([u, c, f, _]) => {
-      if (s(), !(u != null && u.length) || !(c != null && c.length) || !(f != null && f.length))
-        return;
-      const p = Ft(_) ? { ..._ } : _;
-      e.push(
-        ...u.flatMap(
-          (v) => c.flatMap(
-            (b) => f.map((k) => t(v, b, k, p))
-          )
-        )
-      );
-    },
-    { flush: "post" }
-  ), i = () => {
-    o(), s();
-  };
-  return _e(s), i;
-}
-function Gt() {
-  const l = V(!1), e = Ee();
-  return e && le(() => {
-    l.value = !0;
-  }, e), l;
-}
-function ce(l) {
-  const e = Gt();
-  return D(() => (e.value, !!l()));
-}
-function Jt(l, e, s = {}) {
-  const { window: t = te, ...n } = s;
-  let o;
-  const i = ce(() => t && "MutationObserver" in t), u = () => {
-    o && (o.disconnect(), o = void 0);
-  }, c = D(() => {
-    const v = P(l), b = me(v).map(J).filter(Ke);
-    return new Set(b);
-  }), f = U(
-    () => c.value,
-    (v) => {
-      u(), i.value && v.size && (o = new MutationObserver(e), v.forEach((b) => o.observe(b, n)));
-    },
-    { immediate: !0, flush: "post" }
-  ), _ = () => o == null ? void 0 : o.takeRecords(), p = () => {
-    f(), u();
-  };
-  return _e(p), {
-    isSupported: i,
-    stop: p,
-    takeRecords: _
-  };
-}
-function Zt(l) {
-  return typeof l == "function" ? l : typeof l == "string" ? (e) => e.key === l : Array.isArray(l) ? (e) => l.includes(e.key) : () => !0;
-}
-function Qe(...l) {
-  let e, s, t = {};
-  l.length === 3 ? (e = l[0], s = l[1], t = l[2]) : l.length === 2 ? typeof l[1] == "object" ? (e = !0, s = l[0], t = l[1]) : (e = l[0], s = l[1]) : (e = !0, s = l[0]);
-  const {
-    target: n = te,
-    eventName: o = "keydown",
-    passive: i = !1,
-    dedupe: u = !1
-  } = t, c = Zt(e);
-  return Y(n, o, (_) => {
-    _.repeat && P(u) || c(_) && s(_);
-  }, i);
-}
-function xt(l, e, s) {
-  const {
-    immediate: t = !0,
-    delay: n = 0,
-    onError: o = G,
-    onSuccess: i = G,
-    resetOnExecute: u = !0,
-    shallow: c = !0,
-    throwError: f
-  } = s ?? {}, _ = c ? V(e) : C(e), p = V(!1), v = V(!1), b = V(void 0);
-  async function k(z = 0, ...E) {
-    u && (_.value = e), b.value = void 0, p.value = !1, v.value = !0, z > 0 && await ke(z);
-    const H = typeof l == "function" ? l(...E) : l;
-    try {
-      const j = await H;
-      _.value = j, p.value = !0, i(j);
-    } catch (j) {
-      if (b.value = j, o(j), f)
-        throw j;
-    } finally {
-      v.value = !1;
-    }
-    return _.value;
-  }
-  t && k(n);
-  const T = {
-    state: _,
-    isReady: p,
-    isLoading: v,
-    error: b,
-    execute: k
-  };
-  function I() {
-    return new Promise((z, E) => {
-      Xt(v).toBe(!1).then(() => z(T)).catch(E);
-    });
-  }
-  return {
-    ...T,
-    then(z, E) {
-      return I().then(z, E);
-    }
-  };
-}
-const es = Symbol("vueuse-ssr-width");
-function ts() {
-  const l = Ne() ? Wt(es, null) : null;
-  return typeof l == "number" ? l : void 0;
-}
-function ss(l, e = {}) {
-  const { window: s = te, ssrWidth: t = ts() } = e, n = ce(() => s && "matchMedia" in s && typeof s.matchMedia == "function"), o = V(typeof t == "number"), i = V(), u = V(!1), c = (f) => {
-    u.value = f.matches;
-  };
-  return st(() => {
-    if (o.value) {
-      o.value = !n.value;
-      const f = P(l).split(",");
-      u.value = f.some((_) => {
-        const p = _.includes("not all"), v = _.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), b = _.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
-        let k = !!(v || b);
-        return v && k && (k = t >= We(v[1])), b && k && (k = t <= We(b[1])), p ? !k : k;
-      });
-      return;
-    }
-    n.value && (i.value = s.matchMedia(P(l)), u.value = i.value.matches);
-  }), Y(i, "change", c, { passive: !0 }), D(() => u.value);
-}
-function Ae(l, e = {}) {
-  const {
-    controls: s = !1,
-    navigator: t = Ye
-  } = e, n = ce(() => t && "permissions" in t), o = V(), i = typeof l == "string" ? { name: l } : l, u = V(), c = () => {
-    var _, p;
-    u.value = (p = (_ = o.value) == null ? void 0 : _.state) != null ? p : "prompt";
-  };
-  Y(o, "change", c, { passive: !0 });
-  const f = Nt(async () => {
-    if (n.value) {
-      if (!o.value)
-        try {
-          o.value = await t.permissions.query(i);
-        } catch {
-          o.value = void 0;
-        } finally {
-          c();
-        }
-      if (s)
-        return lt(o.value);
-    }
-  });
-  return f(), s ? {
-    state: u,
-    isSupported: n,
-    query: f
-  } : u;
-}
-function Ie(l = {}) {
-  const {
-    navigator: e = Ye,
-    read: s = !1,
-    source: t,
-    copiedDuring: n = 1500,
-    legacy: o = !1
-  } = l, i = ce(() => e && "clipboard" in e), u = Ae("clipboard-read"), c = Ae("clipboard-write"), f = D(() => i.value || o), _ = V(""), p = V(!1), v = Yt(() => p.value = !1, n, { immediate: !1 });
-  async function b() {
-    let E = !(i.value && z(u.value));
-    if (!E)
-      try {
-        _.value = await e.clipboard.readText();
-      } catch {
-        E = !0;
-      }
-    E && (_.value = I());
-  }
-  f.value && s && Y(["copy", "cut"], b, { passive: !0 });
-  async function k(E = P(t)) {
-    if (f.value && E != null) {
-      let H = !(i.value && z(c.value));
-      if (!H)
-        try {
-          await e.clipboard.writeText(E);
-        } catch {
-          H = !0;
-        }
-      H && T(E), _.value = E, p.value = !0, v.start();
-    }
-  }
-  function T(E) {
-    const H = document.createElement("textarea");
-    H.value = E ?? "", H.style.position = "absolute", H.style.opacity = "0", document.body.appendChild(H), H.select(), document.execCommand("copy"), H.remove();
-  }
-  function I() {
-    var E, H, j;
-    return (j = (H = (E = document == null ? void 0 : document.getSelection) == null ? void 0 : E.call(document)) == null ? void 0 : H.toString()) != null ? j : "";
-  }
-  function z(E) {
-    return E === "granted" || E === "prompt";
-  }
-  return {
-    isSupported: f,
-    text: _,
-    copied: p,
-    copy: k
-  };
-}
-function ls(l, e, s = {}) {
-  const { window: t = te, ...n } = s;
-  let o;
-  const i = ce(() => t && "ResizeObserver" in t), u = () => {
-    o && (o.disconnect(), o = void 0);
-  }, c = D(() => {
-    const p = P(l);
-    return Array.isArray(p) ? p.map((v) => J(v)) : [J(p)];
-  }), f = U(
-    c,
-    (p) => {
-      if (u(), i.value && t) {
-        o = new ResizeObserver(e);
-        for (const v of p)
-          v && o.observe(v, n);
-      }
-    },
-    { immediate: !0, flush: "post" }
-  ), _ = () => {
-    u(), f();
-  };
-  return _e(_), {
-    isSupported: i,
-    stop: _
-  };
-}
-function ns(l, e = {}) {
-  const {
-    reset: s = !0,
-    windowResize: t = !0,
-    windowScroll: n = !0,
-    immediate: o = !0,
-    updateTiming: i = "sync"
-  } = e, u = V(0), c = V(0), f = V(0), _ = V(0), p = V(0), v = V(0), b = V(0), k = V(0);
-  function T() {
-    const z = J(l);
-    if (!z) {
-      s && (u.value = 0, c.value = 0, f.value = 0, _.value = 0, p.value = 0, v.value = 0, b.value = 0, k.value = 0);
-      return;
-    }
-    const E = z.getBoundingClientRect();
-    u.value = E.height, c.value = E.bottom, f.value = E.left, _.value = E.right, p.value = E.top, v.value = E.width, b.value = E.x, k.value = E.y;
-  }
-  function I() {
-    i === "sync" ? T() : i === "next-frame" && requestAnimationFrame(() => T());
-  }
-  return ls(l, I), U(() => J(l), (z) => !z && I()), Jt(l, I, {
-    attributeFilter: ["style", "class"]
-  }), n && Y("scroll", I, { capture: !0, passive: !0 }), t && Y("resize", I, { passive: !0 }), ze(() => {
-    o && I();
-  }), {
-    height: u,
-    bottom: c,
-    left: f,
-    right: _,
-    top: p,
-    width: v,
-    x: b,
-    y: k,
-    update: I
-  };
-}
-function Z(l, e, s = {}) {
-  const {
-    root: t,
-    rootMargin: n = "0px",
-    threshold: o = 0,
-    window: i = te,
-    immediate: u = !0
-  } = s, c = ce(() => i && "IntersectionObserver" in i), f = D(() => {
-    const k = P(l);
-    return me(k).map(J).filter(Ke);
-  });
-  let _ = G;
-  const p = V(u), v = c.value ? U(
-    () => [f.value, J(t), p.value],
-    ([k, T]) => {
-      if (_(), !p.value || !k.length)
-        return;
-      const I = new IntersectionObserver(
-        e,
-        {
-          root: J(T),
-          rootMargin: n,
-          threshold: o
-        }
-      );
-      k.forEach((z) => z && I.observe(z)), _ = () => {
-        I.disconnect(), _ = G;
-      };
-    },
-    { immediate: u, flush: "post" }
-  ) : G, b = () => {
-    _(), v(), p.value = !1;
-  };
-  return _e(b), {
-    isSupported: c,
-    isActive: p,
-    pause() {
-      _(), p.value = !1;
-    },
-    resume() {
-      p.value = !0;
-    },
-    stop: b
-  };
-}
-function os(l, e = {}) {
-  const { initialValue: s = !1, focusVisible: t = !1, preventScroll: n = !1 } = e, o = V(!1), i = D(() => J(l)), u = { passive: !0 };
-  Y(i, "focus", (f) => {
-    var _, p;
-    (!t || (p = (_ = f.target).matches) != null && p.call(_, ":focus-visible")) && (o.value = !0);
-  }, u), Y(i, "blur", () => o.value = !1, u);
-  const c = D({
-    get: () => o.value,
-    set(f) {
-      var _, p;
-      !f && o.value ? (_ = i.value) == null || _.blur() : f && !o.value && ((p = i.value) == null || p.focus({ preventScroll: n }));
-    }
-  });
-  return U(
-    i,
-    () => {
-      c.value = s;
-    },
-    { immediate: !0, flush: "post" }
-  ), { focused: c };
-}
-async function as(l) {
-  return new Promise((e, s) => {
-    const t = new Image(), { src: n, srcset: o, sizes: i, class: u, loading: c, crossorigin: f, referrerPolicy: _, width: p, height: v, decoding: b, fetchPriority: k, ismap: T, usemap: I } = l;
-    t.src = n, o != null && (t.srcset = o), i != null && (t.sizes = i), u != null && (t.className = u), c != null && (t.loading = c), f != null && (t.crossOrigin = f), _ != null && (t.referrerPolicy = _), p != null && (t.width = p), v != null && (t.height = v), b != null && (t.decoding = b), k != null && (t.fetchPriority = k), T != null && (t.isMap = T), I != null && (t.useMap = I), t.onload = () => e(t), t.onerror = s;
-  });
-}
-function rs(l, e = {}) {
-  const s = xt(
-    () => as(P(l)),
-    void 0,
-    {
-      resetOnExecute: !0,
-      ...e
-    }
-  );
-  return U(
-    () => P(l),
-    () => s.execute(e.delay),
-    { deep: !0 }
-  ), s;
-}
-const Fe = 1;
-function is(l, e = {}) {
-  const {
-    throttle: s = 0,
-    idle: t = 200,
-    onStop: n = G,
-    onScroll: o = G,
-    offset: i = {
-      left: 0,
-      right: 0,
-      top: 0,
-      bottom: 0
-    },
-    eventListenerOptions: u = {
-      capture: !1,
-      passive: !0
-    },
-    behavior: c = "auto",
-    window: f = te,
-    onError: _ = (B) => {
-      console.error(B);
-    }
-  } = e, p = V(0), v = V(0), b = D({
-    get() {
-      return p.value;
-    },
-    set(B) {
-      T(B, void 0);
-    }
-  }), k = D({
-    get() {
-      return v.value;
-    },
-    set(B) {
-      T(void 0, B);
-    }
-  });
-  function T(B, ne) {
-    var K, de, pe, ge;
-    if (!f)
-      return;
-    const Q = P(l);
-    if (!Q)
-      return;
-    (pe = Q instanceof Document ? f.document.body : Q) == null || pe.scrollTo({
-      top: (K = P(ne)) != null ? K : k.value,
-      left: (de = P(B)) != null ? de : b.value,
-      behavior: P(c)
-    });
-    const se = ((ge = Q == null ? void 0 : Q.document) == null ? void 0 : ge.documentElement) || (Q == null ? void 0 : Q.documentElement) || Q;
-    b != null && (p.value = se.scrollLeft), k != null && (v.value = se.scrollTop);
-  }
-  const I = V(!1), z = Re({
-    left: !0,
-    right: !1,
-    top: !0,
-    bottom: !1
-  }), E = Re({
-    left: !1,
-    right: !1,
-    top: !1,
-    bottom: !1
-  }), H = (B) => {
-    I.value && (I.value = !1, E.left = !1, E.right = !1, E.top = !1, E.bottom = !1, n(B));
-  }, j = Ut(H, s + t), ie = (B) => {
-    var ne;
-    if (!f)
-      return;
-    const K = ((ne = B == null ? void 0 : B.document) == null ? void 0 : ne.documentElement) || (B == null ? void 0 : B.documentElement) || J(B), { display: de, flexDirection: pe, direction: ge } = getComputedStyle(K), Q = ge === "rtl" ? -1 : 1, se = K.scrollLeft;
-    E.left = se < p.value, E.right = se > p.value;
-    const Le = Math.abs(se * Q) <= (i.left || 0), Oe = Math.abs(se * Q) + K.clientWidth >= K.scrollWidth - (i.right || 0) - Fe;
-    de === "flex" && pe === "row-reverse" ? (z.left = Oe, z.right = Le) : (z.left = Le, z.right = Oe), p.value = se;
-    let oe = K.scrollTop;
-    B === f.document && !oe && (oe = f.document.body.scrollTop), E.top = oe < v.value, E.bottom = oe > v.value;
-    const Ve = Math.abs(oe) <= (i.top || 0), Pe = Math.abs(oe) + K.clientHeight >= K.scrollHeight - (i.bottom || 0) - Fe;
-    de === "flex" && pe === "column-reverse" ? (z.top = Pe, z.bottom = Ve) : (z.top = Ve, z.bottom = Pe), v.value = oe;
-  }, ve = (B) => {
-    var ne;
-    if (!f)
-      return;
-    const K = (ne = B.target.documentElement) != null ? ne : B.target;
-    ie(K), I.value = !0, j(B), o(B);
-  };
-  return Y(
-    l,
-    "scroll",
-    s ? Kt(ve, s, !0, !1) : ve,
-    u
-  ), ze(() => {
-    try {
-      const B = P(l);
-      if (!B)
-        return;
-      ie(B);
-    } catch (B) {
-      _(B);
-    }
-  }), Y(
-    l,
-    "scrollend",
-    H,
-    u
-  ), {
-    x: b,
-    y: k,
-    isScrolling: I,
-    arrivedState: z,
-    directions: E,
-    measure() {
-      const B = P(l);
-      f && B && ie(B);
-    }
-  };
-}
-function Ge(l = {}) {
-  const { window: e = te, ...s } = l;
-  return is(e, s);
-}
-function cs(l = {}) {
-  const {
-    window: e = te,
-    initialWidth: s = Number.POSITIVE_INFINITY,
-    initialHeight: t = Number.POSITIVE_INFINITY,
-    listenOrientation: n = !0,
-    includeScrollbar: o = !0,
-    type: i = "inner"
-  } = l, u = V(s), c = V(t), f = () => {
-    if (e)
-      if (i === "outer")
-        u.value = e.outerWidth, c.value = e.outerHeight;
-      else if (i === "visual" && e.visualViewport) {
-        const { width: p, height: v, scale: b } = e.visualViewport;
-        u.value = Math.round(p * b), c.value = Math.round(v * b);
-      } else o ? (u.value = e.innerWidth, c.value = e.innerHeight) : (u.value = e.document.documentElement.clientWidth, c.value = e.document.documentElement.clientHeight);
-  };
-  f(), ze(f);
-  const _ = { passive: !0 };
-  if (Y("resize", f, _), e && i === "visual" && e.visualViewport && Y(e.visualViewport, "resize", f, _), n) {
-    const p = ss("(orientation: portrait)");
-    U(p, () => f());
-  }
-  return { width: u, height: c };
-}
-const us = /* @__PURE__ */ h({
-  __name: "ElmTooltip",
-  setup(l) {
-    const e = C(null), { x: s, y: t, width: n, height: o } = ns(e), i = cs(), u = C(!1);
-    return (c, f) => (r(), d("span", {
-      ref_key: "el",
-      ref: e,
-      class: a(c.$style.original),
-      onMouseover: f[0] || (f[0] = () => {
-        u.value = !0;
-      }),
-      onMouseleave: f[1] || (f[1] = () => {
-        u.value = !1;
-      })
-    }, [
-      A(c.$slots, "original", {}, void 0, !0),
-      $(x, null, {
-        default: q(() => [
-          u.value ? (r(), d("div", {
-            key: 0,
-            class: a(c.$style.tooltip),
-            style: g(
-              y(s) > y(i).width.value / 2 ? {
-                top: `${y(t) + y(o)}px`,
-                right: `${y(i).width.value - y(s) - y(n)}px`
-              } : {
-                top: `${y(t) + y(o)}px`,
-                left: `${y(s)}px`
-              }
-            )
-          }, [
-            A(c.$slots, "tooltip", {}, void 0, !0)
-          ], 6)) : R("", !0)
-        ]),
-        _: 3
-      })
-    ], 34));
-  }
-}), ds = "_tooltip_1tyuh_1", ps = {
-  tooltip: ds
-}, ms = {
-  $style: ps
-}, Te = /* @__PURE__ */ w(us, [["__cssModules", ms], ["__scopeId", "data-v-0ec97e65"]]), fs = /* @__PURE__ */ h({
-  __name: "ElmDotLoadingIcon",
-  props: {
-    color: { default: void 0 },
-    size: { default: "64px" }
-  },
-  setup(l) {
-    return (e, s) => (r(), d("div", {
-      class: a(e.$style.wrapper),
-      style: g({ width: e.size, height: e.size })
-    }, [
-      (r(), d(F, null, ee(3, (t) => m("div", {
-        class: a(e.$style.dot),
-        "aria-hidden": "",
-        key: t,
-        style: g({ backgroundColor: e.color })
-      }, null, 6)), 64))
-    ], 6));
-  }
-}), ys = "_wrapper_1k0sy_12", _s = "_dot_1k0sy_18", vs = "_bounce_1k0sy_1", gs = {
-  wrapper: ys,
-  dot: _s,
-  bounce: vs
-}, hs = {
-  $style: gs
-}, Se = /* @__PURE__ */ w(fs, [["__cssModules", hs]]), $s = /* @__PURE__ */ h({
-  __name: "ElmBlockFallback",
-  setup(l) {
-    return (e, s) => (r(), d("div", {
-      class: a(e.$style["elmethis-block-fallback"])
-    }, [
-      $(Se)
-    ], 2));
-  }
-}), bs = {
-  "elmethis-block-fallback": "_elmethis-block-fallback_uo36g_1"
-}, ks = {
-  $style: bs
-}, Be = /* @__PURE__ */ w($s, [["__cssModules", ks]]), ws = /* @__PURE__ */ h({
-  __name: "ElmCodeBlock",
-  props: {
-    code: {},
-    language: { default: "txt" },
-    caption: {},
-    margin: {}
-  },
-  setup(l) {
-    const e = l, s = he({
-      loader: () => import("./ElmShikiHighlighter-B6syB4ax.js"),
-      loadingComponent: Be
-    }), { copy: t, copied: n } = Ie({ source: e.code }), o = C(null), i = C(!1);
-    return Z(o, ([{ isIntersecting: u }], c) => {
-      i.value = u;
-    }), (u, c) => (r(), d("div", {
-      ref_key: "target",
-      ref: o,
-      class: a(u.$style.wrapper),
-      style: g({
-        "--margin-block": u.margin,
-        "--opacity": i.value ? 1 : 0
-      })
-    }, [
-      m("div", {
-        class: a(u.$style.header)
-      }, [
-        m("div", {
-          class: a(u.$style.header__left)
-        }, [
-          $(Ht, {
-            language: u.language,
-            size: 20
-          }, null, 8, ["language"]),
-          $(O, {
-            text: u.caption ?? u.language
-          }, null, 8, ["text"])
-        ], 2),
-        $(Te, null, {
-          original: q(() => [
-            $(y(M), {
-              class: a(u.$style["copy-icon"]),
-              onClick: c[0] || (c[0] = () => {
-                y(t)(u.code);
-              }),
-              icon: y(n) ? "mdi:clipboard-check-multiple-outline" : "mdi:clipboard-multiple-outline"
-            }, null, 8, ["class", "icon"])
-          ]),
-          tooltip: q(() => [
-            m("div", null, [
-              $(O, {
-                text: y(n) ? "Copied to Clipboard!" : "Copy to Clipboard"
-              }, null, 8, ["text"])
-            ])
-          ]),
-          _: 1
-        })
-      ], 2),
-      m("div", {
-        class: a(u.$style.code)
-      }, [
-        $(y(s), {
-          code: u.code,
-          language: u.language
-        }, null, 8, ["code", "language"])
-      ], 2)
-    ], 6));
-  }
-}), Es = "_wrapper_1681m_1", Ms = "_header_1681m_16", Cs = "_header__left_1681m_30", zs = "_code_1681m_57", Is = {
-  wrapper: Es,
-  header: Ms,
-  header__left: Cs,
-  "copy-icon": "_copy-icon_1681m_37",
-  code: zs
-}, Ts = {
-  $style: Is
-}, Ss = /* @__PURE__ */ w(ws, [["__cssModules", Ts]]), Bs = /* @__PURE__ */ h({
-  __name: "ElmKatex",
-  props: {
-    expression: {},
-    block: { type: Boolean, default: !1 }
-  },
-  setup(l) {
-    const e = l, s = C(null), t = () => {
-      if (s.value)
-        try {
-          mt.render(e.expression, s.value, {
-            displayMode: e.block
-          });
-        } catch (n) {
-          console.error("KaTeX rendering error:", n);
-        }
-    };
-    return le(t), nt(t), (n, o) => (r(), S(re(e.block ? "div" : "span"), {
-      class: a(n.$style.katex),
-      key: JSON.stringify(e),
-      ref_key: "targetRef",
-      ref: s,
-      style: g({
-        "--margin-block": e.block ? "3rem" : void 0
-      })
-    }, {
-      default: q(() => [
-        $e(N(n.expression), 1)
-      ]),
-      _: 1
-    }, 8, ["class", "style"]));
-  }
-}), Ls = "_katex_vrtkg_1", Os = {
-  katex: Ls
-}, Vs = {
-  $style: Os
-}, Ps = /* @__PURE__ */ w(Bs, [["__cssModules", Vs]]), Rs = ["src"], Hs = /* @__PURE__ */ h({
-  __name: "ElmMermaid",
-  props: {
-    code: {},
-    themeVariables: { default: {
-      git0: "#b8a36e",
-      git1: "#59b57c",
-      git2: "#6987b8",
-      git3: "#9771bd",
-      git4: "#c9699e",
-      git5: "#b36472",
-      git6: "#bf7e71",
-      git7: "#868e9c"
-    } }
-  },
-  setup(l) {
-    const e = l, s = C(null);
-    return le(async () => {
-      if ((window == null ? void 0 : window.document) != null) {
-        const t = await import("mermaid"), n = t.default ?? t;
-        n.initialize({
-          startOnLoad: !0,
-          themeVariables: e.themeVariables
-        });
-        const { svg: o } = await n.render("mermaid-svg", e.code), i = btoa(
-          encodeURIComponent(o).replace(
-            /%([0-9A-F]{2})/g,
-            (u, c) => String.fromCharCode(parseInt(c, 16))
-          )
-        );
-        s.value = `data:image/svg+xml;base64,${i}`;
-      }
-    }), (t, n) => (r(), S(x, { mode: "out-in" }, {
-      default: q(() => [
-        s.value != null ? (r(), d("img", {
-          key: 0,
-          src: s.value,
-          alt: "Mermaid Chart"
-        }, null, 8, Rs)) : (r(), S(Be, { key: 1 }))
-      ]),
-      _: 1
-    }));
-  }
-}), Mi = /* @__PURE__ */ w(Hs, [["__scopeId", "data-v-6dca470f"]]), Ws = /* @__PURE__ */ h({
-  __name: "ElmColumn",
-  setup(l) {
-    return (e, s) => (r(), d("div", {
-      class: a(e.$style.column)
-    }, [
-      A(e.$slots, "default")
-    ], 2));
-  }
-}), As = "_column_7qfow_1", Fs = {
-  column: As
-}, js = {
-  $style: Fs
-}, qs = /* @__PURE__ */ w(Ws, [["__cssModules", js]]), Ns = /* @__PURE__ */ h({
-  __name: "ElmColumnList",
-  setup(l) {
-    return (e, s) => (r(), d("div", {
-      class: a(e.$style["column-list"])
-    }, [
-      A(e.$slots, "default")
-    ], 2));
-  }
-}), Ds = {
-  "column-list": "_column-list_id8zo_1"
-}, Us = {
-  $style: Ds
-}, Ks = /* @__PURE__ */ w(Ns, [["__cssModules", Us]]), Xs = /* @__PURE__ */ h({
-  __name: "ElmDesktopWindow",
-  props: {
-    minHeight: { default: "6rem" }
-  },
-  setup(l) {
-    return (e, s) => (r(), d("div", {
-      class: a(e.$style.window)
-    }, [
-      m("div", {
-        class: a(e.$style.header)
-      }, [
-        m("div", {
-          "aria-hidden": "",
-          class: a(e.$style.dot),
-          style: { "--bg": "#c48691" }
-        }, null, 2),
-        m("div", {
-          "aria-hidden": "",
-          class: a(e.$style.dot),
-          style: { "--bg": "#c9b990" }
-        }, null, 2),
-        m("div", {
-          "aria-hidden": "",
-          class: a(e.$style.dot),
-          style: { "--bg": "#7cc598" }
-        }, null, 2)
-      ], 2),
-      m("div", {
-        style: g({ minHeight: e.minHeight })
-      }, [
-        A(e.$slots, "default")
-      ], 4)
-    ], 2));
-  }
-}), Ys = "_window_1y8zq_1", Qs = "_header_1y8zq_12", Gs = "_dot_1y8zq_22", Js = {
-  window: Ys,
-  header: Qs,
-  dot: Gs
-}, Zs = {
-  $style: Js
-}, Ci = /* @__PURE__ */ w(Xs, [["__cssModules", Zs]]), xs = /* @__PURE__ */ h({
-  __name: "ElmModal",
-  props: /* @__PURE__ */ fe({
-    width: { default: "90%" }
-  }, {
-    isOpen: { type: Boolean, default: !0 },
-    isOpenModifiers: {}
-  }),
-  emits: ["update:isOpen"],
-  setup(l) {
-    const e = ye(l, "isOpen");
-    return (s, t) => (r(), d("div", {
-      class: a(s.$style.provider),
-      style: g({
-        "--opacity": e.value ? 1 : 0,
-        "--pointer-events": e.value ? "auto" : "none"
-      }),
-      onClick: t[0] || (t[0] = (n) => e.value = !1)
-    }, [
-      $(x, null, {
-        default: q(() => [
-          e.value ? (r(), d("div", {
-            key: 0,
-            class: a(s.$style.modal),
-            style: g({
-              "--width": s.width
-            })
-          }, [
-            A(s.$slots, "default", {}, void 0, !0)
-          ], 6)) : R("", !0)
-        ]),
-        _: 3
-      })
-    ], 6));
-  }
-}), el = "_provider_mnaqt_1", tl = "_modal_mnaqt_21", sl = {
-  provider: el,
-  modal: tl
-}, ll = {
-  $style: sl
-}, zi = /* @__PURE__ */ w(xs, [["__cssModules", ll], ["__scopeId", "data-v-4d114d05"]]), nl = /* @__PURE__ */ h({
-  __name: "ElmParallax",
-  props: {
-    imageUrl1: {},
-    imageUrl2: {}
-  },
-  setup(l) {
-    const { y: e } = Ge();
-    return (s, t) => (r(), d(F, null, [
-      m("div", {
-        class: a(s.$style.parallax),
-        style: g({
-          backgroundImage: `url(${s.imageUrl1})`,
-          transform: `scale(1.2) translateY(${y(e) / 400}%)`,
-          transformOrigin: "bottom"
-        })
-      }, null, 6),
-      m("div", {
-        class: a(s.$style.parallax),
-        style: g({
-          backgroundImage: `url(${s.imageUrl2})`,
-          transform: `scale(1.2) translateY(${y(e) / 900}%)`,
-          transformOrigin: "bottom"
-        })
-      }, null, 6)
-    ], 64));
-  }
-}), ol = "_parallax_1le2k_1", al = {
-  parallax: ol
-}, rl = {
-  $style: al
-}, Ii = /* @__PURE__ */ w(nl, [["__cssModules", rl]]), il = /* @__PURE__ */ h({
-  __name: "ElmSnackbar",
-  props: {
-    label: {},
-    children: {},
-    timeout: { default: 5e3 },
-    close: {}
-  },
-  setup(l) {
-    const e = l;
-    return (s, t) => (r(), d("div", {
-      class: a(s.$style.snackbar)
-    }, [
-      e.label != null ? (r(), S(O, {
-        key: 0,
-        text: e.label
-      }, null, 8, ["text"])) : (r(), S(re(() => e.children), { key: 1 })),
-      $(y(M), {
-        icon: "mdi:cross-circle-outline",
-        class: a(s.$style.icon),
-        onClick: s.close
-      }, null, 8, ["class", "onClick"]),
-      m("div", {
-        class: a(s.$style.progress),
-        style: g({
-          animationDuration: `${s.timeout}ms`
-        })
-      }, null, 6)
-    ], 2));
-  }
-}), cl = "_snackbar_ti69w_1", ul = "_icon_ti69w_18", dl = "_progress_ti69w_47", pl = {
-  snackbar: cl,
-  icon: ul,
-  progress: dl
-}, ml = {
-  $style: pl
-}, fl = /* @__PURE__ */ w(il, [["__cssModules", ml]]), yl = /* @__PURE__ */ h({
-  __name: "ElmSnackbarContainer",
-  props: {
-    snackbars: {}
-  },
-  setup(l) {
-    return (e, s) => (r(), d("div", {
-      class: a(e.$style["snackbar-screen"])
-    }, [
-      m("div", {
-        class: a(e.$style["snackbar-container"])
-      }, [
-        $(ot, { name: "fade" }, {
-          default: q(() => [
-            (r(!0), d(F, null, ee(e.snackbars, (t) => (r(), S(fl, at({ ref_for: !0 }, t, {
-              key: t.id
-            }), null, 16))), 128))
-          ]),
-          _: 1
-        })
-      ], 2)
-    ], 2));
-  }
-}), _l = {
-  "snackbar-screen": "_snackbar-screen_rfxmg_1",
-  "snackbar-container": "_snackbar-container_rfxmg_14"
-}, vl = {
-  $style: _l
-}, Ti = /* @__PURE__ */ w(yl, [["__cssModules", vl], ["__scopeId", "data-v-031ce55b"]]), gl = { style: { display: "flex", gap: "0.5rem" } }, hl = /* @__PURE__ */ h({
-  __name: "ElmToggle",
-  props: /* @__PURE__ */ fe({
-    summary: {},
-    margin: {}
-  }, {
-    isOpen: { type: Boolean, default: !1 },
-    isOpenModifiers: {}
-  }),
-  emits: ["update:isOpen"],
-  setup(l) {
-    const e = ye(l, "isOpen"), s = (t) => {
-      t.preventDefault(), e.value = !e.value;
-    };
-    return (t, n) => (r(), d("div", {
-      class: a(t.$style.toggle),
-      style: g({ "--margin-block": t.margin })
-    }, [
-      m("div", {
-        class: a(t.$style.summary),
-        onClick: s
-      }, [
-        m("div", gl, [
-          $(y(M), {
-            icon: "mdi:chevron-right",
-            class: a(t.$style.icon),
-            style: g({ "--rotate": e.value ? "90deg" : "0deg" })
-          }, null, 8, ["class", "style"]),
-          m("div", null, [
-            t.summary != null ? (r(), S(O, {
-              key: 0,
-              text: t.summary
-            }, null, 8, ["text"])) : A(t.$slots, "summary", { key: 1 }, void 0, !0)
-          ])
-        ]),
-        $(y(M), {
-          icon: "mdi:plus",
-          class: a(t.$style.icon),
-          style: g({
-            "--rotate": e.value ? "135deg" : "0deg",
-            "--color": e.value ? "#b36472" : void 0
-          })
-        }, null, 8, ["class", "style"])
-      ], 2),
-      $(x, null, {
-        default: q(() => [
-          e.value ? (r(), d("div", {
-            key: 0,
-            class: a(t.$style.content)
-          }, [
-            A(t.$slots, "default", {}, void 0, !0)
-          ], 2)) : R("", !0)
-        ]),
-        _: 3
-      })
-    ], 6));
-  }
-}), $l = "_toggle_1awqj_1", bl = "_summary_1awqj_8", kl = "_icon_1awqj_25", wl = "_content_1awqj_33", El = {
-  toggle: $l,
-  summary: bl,
-  icon: kl,
-  content: wl
-}, Ml = {
-  $style: El
-}, Cl = /* @__PURE__ */ w(hl, [["__cssModules", Ml], ["__scopeId", "data-v-e531925e"]]), zl = ["value", "max"], Il = /* @__PURE__ */ h({
-  __name: "ElmProgress",
-  props: {
-    value: {},
-    buffer: {},
-    max: { default: 100 },
-    weight: { default: "4px" },
-    round: { type: Boolean, default: !0 },
-    color: {},
-    loading: { type: Boolean, default: !1 }
-  },
-  setup(l) {
-    return (e, s) => (r(), d(F, null, [
-      m("progress", {
-        class: a(e.$style.progress),
-        value: e.value,
-        max: e.max
-      }, null, 10, zl),
-      m("div", {
-        class: a(e.$style.container),
-        style: g({
-          "--weight": e.weight,
-          "--border-radius": e.round ? "calc(var(--weight) / 2)" : void 0,
-          "--color": e.color
-        })
-      }, [
-        m("div", {
-          class: a(e.$style.value),
-          style: g({
-            "--scale-x": `scaleX(${e.loading ? 0 : e.value / e.max})`
-          })
-        }, null, 6),
-        e.loading ? (r(), d("div", {
-          key: 0,
-          class: a(e.$style.loading)
-        }, null, 2)) : R("", !0),
-        m("div", {
-          class: a(e.$style.buffer),
-          style: g({
-            "--scale-x": `scaleX(${e.loading ? 0 : e.buffer != null ? e.buffer / e.max : e.value / e.max})`
-          })
-        }, null, 6)
-      ], 6)
-    ], 64));
-  }
-}), Tl = "_progress_17sza_1", Sl = "_loading_17sza_23", Bl = "_container_17sza_40", Ll = "_value_17sza_51", Ol = "_buffer_17sza_64", Vl = {
-  progress: Tl,
-  loading: Sl,
-  container: Bl,
-  value: Ll,
-  buffer: Ol
-}, Pl = {
-  $style: Vl
-}, Si = /* @__PURE__ */ w(Il, [["__cssModules", Pl]]), Rl = /* @__PURE__ */ h({
-  __name: "ElmMultiProgress",
-  props: {
-    progress: {},
-    weight: { default: "4px" },
-    round: { type: Boolean, default: !0 }
-  },
-  setup(l) {
-    const e = l, s = D(() => e.progress.reduce((n, o) => n + o.value, 0)), t = D(() => {
-      let n = 0;
-      return e.progress.map((o) => {
-        const i = o.value / s.value * 100, u = n;
-        return n += i, { ...o, scale: i / 100, start: u };
-      });
-    });
-    return (n, o) => (r(), d("div", {
-      class: a(n.$style.container),
-      style: g({
-        "--weight": n.weight,
-        "--border-radius": n.round ? "calc(var(--weight) / 2)" : void 0
-      })
-    }, [
-      (r(!0), d(F, null, ee(t.value, (i) => (r(), d("div", {
-        key: n.index,
-        class: a(n.$style.bar),
-        style: g({
-          "--transform": `translateX(${i.start}%) scaleX(${i.scale})`,
-          "--color": i.color
-        })
-      }, null, 6))), 128))
-    ], 6));
-  }
-}), Hl = "_container_1xl4h_1", Wl = "_bar_1xl4h_13", Al = {
-  container: Hl,
-  bar: Wl
-}, Fl = {
-  $style: Al
-}, Bi = /* @__PURE__ */ w(Rl, [["__cssModules", Fl]]), jl = /* @__PURE__ */ h({
-  __name: "ElmStatusMessage",
-  props: {
-    status: {},
-    message: {}
-  },
-  setup(l) {
-    return (e, s) => (r(), S(x, { mode: "out-in" }, {
-      default: q(() => [
-        e.status === "pending" ? (r(), d("div", {
-          key: 0,
-          class: a(e.$style.wrapper)
-        }, [
-          $(y(M), {
-            icon: "mdi:rotate-clockwise",
-            class: a(e.$style.icon),
-            style: { color: "#6987b8" }
-          }, null, 8, ["class"]),
-          $(O, {
-            text: e.message,
-            color: "#6987b8"
-          }, null, 8, ["text"])
-        ], 2)) : e.status === "error" ? (r(), d("div", {
-          key: 1,
-          class: a(e.$style.wrapper)
-        }, [
-          $(y(M), {
-            icon: "uis:exclamation-circle",
-            class: a(e.$style.icon),
-            style: { color: "#c56565" }
-          }, null, 8, ["class"]),
-          $(O, {
-            text: e.message,
-            color: "#c56565"
-          }, null, 8, ["text"])
-        ], 2)) : e.status === "warning" ? (r(), d("div", {
-          key: 2,
-          class: a(e.$style.wrapper)
-        }, [
-          $(y(M), {
-            icon: "ic:baseline-warning",
-            class: a(e.$style.icon),
-            style: { color: "#cdb57b" }
-          }, null, 8, ["class"]),
-          $(O, {
-            text: e.message,
-            color: "#cdb57b"
-          }, null, 8, ["text"])
-        ], 2)) : (r(), d("div", {
-          key: 3,
-          class: a(e.$style.wrapper)
-        }, [
-          $(y(M), {
-            icon: "material-symbols-light:check-circle",
-            class: a(e.$style.icon),
-            style: { color: "#59b57c" }
-          }, null, 8, ["class"]),
-          $(O, {
-            text: e.message,
-            color: "#59b57c"
-          }, null, 8, ["text"])
-        ], 2))
-      ]),
-      _: 1
-    }));
-  }
-}), ql = "_wrapper_1vrbm_1", Nl = "_icon_1vrbm_7", Dl = {
-  wrapper: ql,
-  icon: Nl
-}, Ul = {
-  $style: Dl
-}, Li = /* @__PURE__ */ w(jl, [["__cssModules", Ul], ["__scopeId", "data-v-0a79ebd0"]]), Kl = /* @__PURE__ */ h({
-  __name: "ElmRectangleWave",
-  setup(l) {
-    return (e, s) => (r(), d("div", {
-      "aria-hidden": "",
-      class: a(e.$style["rectangle-wave"])
-    }, null, 2));
-  }
-}), Xl = "_wave_oz31b_1", Yl = {
-  "rectangle-wave": "_rectangle-wave_oz31b_17",
-  wave: Xl
-}, Ql = {
-  $style: Yl
-}, Gl = /* @__PURE__ */ w(Kl, [["__cssModules", Ql]]), Jl = ["height", "width"], Zl = ["cx", "cy", "r", "strokeWidth"], xl = /* @__PURE__ */ h({
-  __name: "ElmSpinner",
-  props: {
-    radius: { default: 16 },
-    weight: { default: 2 }
-  },
-  setup(l) {
-    return (e, s) => (r(), d("svg", {
-      height: e.radius * 2,
-      width: e.radius * 2
-    }, [
-      m("circle", {
-        class: a(e.$style.circle),
-        cx: e.radius,
-        cy: e.radius,
-        r: e.radius - e.weight,
-        fill: "transparent",
-        strokeWidth: e.weight
-      }, null, 10, Zl)
-    ], 8, Jl));
-  }
-}), en = "_circle_9wi4r_17", tn = "_rotate_9wi4r_1", sn = {
-  circle: en,
-  "draw-line": "_draw-line_9wi4r_1",
-  rotate: tn
-}, ln = {
-  $style: sn
-}, Oi = /* @__PURE__ */ w(xl, [["__cssModules", ln]]), nn = /* @__PURE__ */ h({
-  __name: "ElmButton",
-  props: {
-    loading: { type: Boolean, default: !1 },
-    block: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    primary: { type: Boolean, default: !1 },
-    onClick: {}
-  },
-  setup(l) {
-    const e = l, s = () => {
-      !e.loading && !e.disabled && e.onClick && e.onClick();
-    };
-    return (t, n) => (r(), d("button", {
-      class: a([
-        t.$style.button,
-        {
-          [t.$style.enable]: !t.loading && !t.disabled,
-          [t.$style.normal]: !t.primary,
-          [t.$style.primary]: t.primary
-        }
-      ]),
-      style: g({
-        display: t.block ? "flex" : "inline-flex",
-        width: t.block ? "100%" : "auto",
-        cursor: t.disabled ? "not-allowed" : t.loading ? "progress" : "pointer",
-        "--opacity": t.disabled ? 0.6 : void 0
-      }),
-      onClick: s
-    }, [
-      $(x, { mode: "out-in" }, {
-        default: q(() => [
-          t.loading ? (r(), S(Se, {
-            key: 0,
-            size: "1.5rem"
-          })) : (r(), d("span", {
-            key: 1,
-            class: a(t.$style.flex)
-          }, [
-            A(t.$slots, "default", {}, void 0, !0)
-          ], 2))
-        ]),
-        _: 3
-      })
-    ], 6));
-  }
-}), on = "_button_16put_1", an = "_normal_16put_16", rn = "_primary_16put_27", cn = "_enable_16put_38", un = "_flex_16put_58", dn = {
-  button: on,
-  normal: an,
-  primary: rn,
-  enable: cn,
-  flex: un
-}, pn = {
-  $style: dn
-}, Vi = /* @__PURE__ */ w(nn, [["__cssModules", pn], ["__scopeId", "data-v-afd6570b"]]), mn = { style: {
-  display: "flex",
-  alignItems: "center",
-  gap: "0.5rem"
-} }, fn = /* @__PURE__ */ h({
-  __name: "ElmCheckbox",
-  props: /* @__PURE__ */ fe({
-    label: {},
-    loading: { type: Boolean, default: !1 },
-    disable: { type: Boolean }
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(l) {
-    const e = l, s = ye(l, "modelValue");
-    function t() {
-      !e.loading && !e.disable && (s.value = !s.value);
-    }
-    return (n, o) => (r(), d("div", {
-      class: a([
-        n.$style.container,
-        {
-          [n.$style["container--disable"]]: e.disable
-        }
-      ]),
-      onClick: t
-    }, [
-      m("div", mn, [
-        (r(), d("svg", {
-          width: "24",
-          height: "24",
-          class: a(n.$style.checkbox)
-        }, [
-          m("circle", {
-            cx: "0",
-            cy: "0",
-            r: "2",
-            class: a(n.$style.loading),
-            style: g({ opacity: e.loading ? 1 : 0 })
-          }, o[0] || (o[0] = [
-            m("animate", {
-              attributeName: "cx",
-              values: "4; 20; 20; 4; 4",
-              dur: "1.2s",
-              repeatCount: "indefinite",
-              keySplines: "0.25 0.1 0.25 1; 0.42 0 0.58 1; 0.25 0.1 0.25 1; 0.42 0 0.58 1",
-              calcMode: "spline"
-            }, null, -1),
-            m("animate", {
-              attributeName: "cy",
-              values: "4; 4; 20; 20; 4",
-              dur: "1.2s",
-              repeatCount: "indefinite",
-              keySplines: "0.25 0.1 0.25 1; 0.42 0 0.58 1; 0.25 0.1 0.25 1; 0.42 0 0.58 1",
-              calcMode: "spline"
-            }, null, -1)
-          ]), 6),
-          m("circle", {
-            cx: "20",
-            cy: "20",
-            r: "2",
-            class: a(n.$style.loading),
-            style: g({ opacity: e.loading ? 1 : 0 })
-          }, o[1] || (o[1] = [
-            m("animate", {
-              attributeName: "cx",
-              values: "20; 4; 4; 20; 20",
-              dur: "1.2s",
-              repeatCount: "indefinite",
-              keySplines: "0.25 0.1 0.25 1; 0.42 0 0.58 1; 0.25 0.1 0.25 1; 0.42 0 0.58 1",
-              calcMode: "spline"
-            }, null, -1),
-            m("animate", {
-              attributeName: "cy",
-              values: "20; 20; 4; 4; 20",
-              dur: "1.2s",
-              repeatCount: "indefinite",
-              keySplines: "0.25 0.1 0.25 1; 0.42 0 0.58 1; 0.25 0.1 0.25 1; 0.42 0 0.58 1",
-              calcMode: "spline"
-            }, null, -1)
-          ]), 6),
-          m("rect", {
-            x: "4",
-            y: "4",
-            width: "16",
-            height: "16",
-            class: a([
-              n.$style.rect,
-              {
-                [n.$style["rect--checked"]]: s.value,
-                [n.$style["rect--loading"]]: e.loading
-              }
-            ]),
-            strokeWidth: "0.8"
-          }, null, 2),
-          s.value ? (r(), d("polyline", {
-            key: 0,
-            class: a(n.$style["check-line"]),
-            points: "5,12 10,17 19,8",
-            strokeWidth: "1.5",
-            fill: "transparent"
-          }, null, 2)) : R("", !0),
-          o[2] || (o[2] = m("line", {
-            x1: "0",
-            y1: "1",
-            x2: "4",
-            y2: "1",
-            strokeWidth: "2",
-            fill: "transparent"
-          }, null, -1)),
-          o[3] || (o[3] = m("line", {
-            x1: "4",
-            y1: "0",
-            x2: "24",
-            y2: "0",
-            strokeWidth: "1",
-            fill: "transparent"
-          }, null, -1)),
-          o[4] || (o[4] = m("line", {
-            x1: "0",
-            y1: "4",
-            x2: "0",
-            y2: "16",
-            strokeWidth: "1",
-            fill: "transparent"
-          }, null, -1)),
-          o[5] || (o[5] = m("line", {
-            x1: "0",
-            y1: "18",
-            x2: "0",
-            y2: "20",
-            strokeWidth: "1",
-            fill: "transparent"
-          }, null, -1)),
-          o[6] || (o[6] = m("line", {
-            x1: "0",
-            y1: "24",
-            x2: "20",
-            y2: "24",
-            strokeWidth: "1",
-            fill: "transparent"
-          }, null, -1)),
-          o[7] || (o[7] = m("line", {
-            x1: "20",
-            y1: "23",
-            x2: "24",
-            y2: "23",
-            strokeWidth: "1.5",
-            fill: "transparent"
-          }, null, -1)),
-          o[8] || (o[8] = m("line", {
-            x1: "24",
-            y1: "4",
-            x2: "24",
-            y2: "20",
-            style: { strokeWidth: 1 },
-            fill: "transparent"
-          }, null, -1))
-        ], 2)),
-        $(O, { text: n.label }, null, 8, ["text"])
-      ])
-    ], 2));
-  }
-}), yn = "_container_101ok_1", _n = "_checkbox_101ok_19", vn = "_rect_101ok_27", gn = "_loading_101ok_40", hn = {
-  container: yn,
-  "container--disable": "_container--disable_101ok_11",
-  checkbox: _n,
-  rect: vn,
-  "rect--loading": "_rect--loading_101ok_30",
-  "rect--checked": "_rect--checked_101ok_33",
-  loading: gn,
-  "check-line": "_check-line_101ok_56",
-  "elmethis-checkbox-check-line": "_elmethis-checkbox-check-line_101ok_1"
-}, $n = {
-  $style: hn
-}, bn = /* @__PURE__ */ w(fn, [["__cssModules", $n]]), kn = ["checked", "disabled"], wn = /* @__PURE__ */ h({
-  __name: "ElmSwitch",
-  props: /* @__PURE__ */ fe({
-    color: { default: "#6987b8" },
-    size: { default: "18px" },
-    disabled: { type: Boolean, default: !1 }
-  }, {
-    modelValue: { default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(l) {
-    const e = l, s = ye(l, "modelValue"), t = () => {
-      e.disabled || (s.value = !s.value);
-    };
-    return (n, o) => (r(), d("div", {
-      onClick: t,
-      style: g({
-        "--color": n.color,
-        "--padding": "2px",
-        "--size": n.size,
-        "--width": "calc(var(--size) * 2 + var(--padding) * 2)"
-      })
-    }, [
-      m("input", {
-        class: a([n.$style.switch]),
-        type: "checkbox",
-        checked: s.value,
-        disabled: n.disabled
-      }, null, 10, kn),
-      m("div", {
-        class: a([
-          n.$style.bar,
-          {
-            [n.$style["bar--checked"]]: s.value,
-            [n.$style["bar--disabled"]]: n.disabled
-          }
-        ])
-      }, [
-        m("div", {
-          class: a([
-            n.$style.circle,
-            {
-              [n.$style["circle--checked"]]: s.value,
-              [n.$style["circle--disabled"]]: n.disabled
-            }
-          ])
-        }, null, 2)
-      ], 2)
-    ], 4));
-  }
-}), En = "_bar_y5v18_5", Mn = "_circle_y5v18_24", Cn = {
-  switch: "_switch_y5v18_1",
-  bar: En,
-  "bar--checked": "_bar--checked_y5v18_17",
-  "bar--disabled": "_bar--disabled_y5v18_20",
-  circle: Mn,
-  "circle--checked": "_circle--checked_y5v18_35",
-  "circle--disabled": "_circle--disabled_y5v18_38"
-}, zn = {
-  $style: Cn
-}, Pi = /* @__PURE__ */ w(wn, [["__cssModules", zn]]), In = ["for"], Tn = ["id", "type", "placeholder", "disabled", "aria-required"], Sn = /* @__PURE__ */ h({
-  __name: "ElmTextField",
-  props: /* @__PURE__ */ fe({
-    label: {},
-    maxLength: {},
-    suffix: {},
-    placeholder: {},
-    disabled: { type: Boolean, default: !1 },
-    loading: { type: Boolean, default: !1 },
-    icon: {},
-    isPassword: { type: Boolean, default: !1 },
-    required: { type: Boolean, default: !1 }
-  }, {
-    modelValue: { default: "" },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(l) {
-    const e = ft(), s = C(!1), t = l, n = ye(l, "modelValue"), o = C(t.isPassword ? "password" : "text"), i = () => {
-      !t.loading && !t.disabled && (n.value = "");
-    }, u = () => {
-      !t.loading && !t.disabled && (o.value = o.value === "text" ? "password" : "text");
-    };
-    return (c, f) => (r(), d("div", {
-      class: a(c.$style.wrapper),
-      style: g({
-        "--border-color": s.value ? "#59b57c" : "transparent",
-        backgroundColor: c.disabled || c.loading ? "rgba(0,0,0,0.15)" : void 0
-      })
-    }, [
-      m("div", {
-        class: a(c.$style.header)
-      }, [
-        m("label", {
-          for: y(e),
-          class: a(c.$style.label),
-          style: g({ "--color": s.value ? "#59b57c" : void 0 })
-        }, [
-          m("span", null, N(c.label), 1),
-          c.required ? (r(), d("span", {
-            key: 0,
-            class: a(c.$style.requierd)
-          }, "*", 2)) : R("", !0)
-        ], 14, In),
-        c.maxLength != null ? (r(), S(O, {
-          key: 0,
-          text: `${n.value.length} / ${c.maxLength}`,
-          color: n.value.length > c.maxLength ? "#c56565" : "gray",
-          size: "0.75rem"
-        }, null, 8, ["text", "color"])) : R("", !0)
-      ], 2),
-      m("div", {
-        class: a(c.$style.body)
-      }, [
-        (r(), S(re(c.icon), {
-          class: a(c.$style["left-icon"])
-        }, null, 8, ["class"])),
-        Ue(m("input", {
-          id: y(e),
-          "onUpdate:modelValue": f[0] || (f[0] = (_) => n.value = _),
-          type: o.value,
-          class: a(c.$style.input),
-          placeholder: c.placeholder,
-          onFocus: f[1] || (f[1] = (_) => s.value = !0),
-          onBlur: f[2] || (f[2] = (_) => s.value = !1),
-          disabled: c.disabled || c.loading,
-          style: g({
-            cursor: c.disabled ? "not-allowed" : c.loading ? "progress" : "auto"
-          }),
-          "aria-required": c.required
-        }, null, 46, Tn), [
-          [rt, n.value]
-        ]),
-        m("div", {
-          class: a(c.$style["icon-box"])
-        }, [
-          m("span", {
-            class: a(c.$style.suffix)
-          }, [
-            c.suffix != null ? (r(), S(O, {
-              key: 0,
-              text: c.suffix
-            }, null, 8, ["text"])) : R("", !0)
-          ], 2),
-          c.isPassword ? (r(), S(y(M), {
-            key: 0,
-            icon: o.value === "text" ? "heroicons:eye" : "heroicons:eye-slash",
-            class: a(c.$style.icon),
-            onClick: u
-          }, null, 8, ["icon", "class"])) : R("", !0),
-          $(y(M), {
-            icon: "heroicons:backspace-16-solid",
-            class: a(c.$style.icon),
-            onClick: i
-          }, null, 8, ["class"])
-        ], 2)
-      ], 2),
-      m("div", {
-        class: a(c.$style.loading),
-        style: g({
-          opacity: c.loading ? 0.2 : 0
-        })
-      }, null, 6)
-    ], 6));
-  }
-}), Bn = "_loading_bthl1_19", Ln = "_wrapper_bthl1_33", On = "_header_bthl1_55", Vn = "_label_bthl1_63", Pn = "_requierd_bthl1_78", Rn = "_body_bthl1_84", Hn = "_input_bthl1_104", Wn = "_icon_bthl1_131", An = "_suffix_bthl1_151", Fn = {
-  loading: Bn,
-  wrapper: Ln,
-  header: On,
-  label: Vn,
-  requierd: Pn,
-  body: Rn,
-  "left-icon": "_left-icon_bthl1_91",
-  input: Hn,
-  "icon-box": "_icon-box_bthl1_131",
-  icon: Wn,
-  suffix: An
-}, jn = {
-  $style: Fn
-}, Ri = /* @__PURE__ */ w(Sn, [["__cssModules", jn]]), qn = ["onClick"], Nn = ["maxlength", "disabled"], Dn = /* @__PURE__ */ h({
-  __name: "ElmTotp",
-  props: {
-    length: {},
-    focusOnMount: { type: Boolean, default: !0 },
-    loading: { type: Boolean, default: !1 }
-  },
-  setup(l) {
-    const e = l, s = C(""), t = D(() => s.value.padEnd(e.length, " ")), n = C(null), { focused: o } = os(n), i = C(0), u = (v) => {
-      c(v), i.value = v;
-    }, c = (v) => {
-      n.value && (n.value.focus(), n.value.setSelectionRange(v, v + 1));
-    }, f = () => {
-      o.value && i.value !== null && (i.value < e.length - 1 ? u(i.value + 1) : u(0));
-    }, _ = () => {
-      var b;
-      const v = ((b = n.value) == null ? void 0 : b.value) ?? "";
-      s.value = v.slice(0, e.length), f();
-    }, p = () => {
-      s.value = "", ae(() => u(0));
-    };
-    return le(() => {
-      s.value = "", e.focusOnMount && ae(() => u(0));
-    }), (v, b) => (r(), d("div", null, [
-      m("div", {
-        class: a(v.$style.container)
-      }, [
-        (r(!0), d(F, null, ee(t.value.split(""), (k, T) => (r(), d("div", {
-          class: a([
-            v.$style["char-box"],
-            {
-              [v.$style.focused]: y(o) && i.value === T,
-              [v.$style.loading]: v.loading
-            }
-          ]),
-          onClick: (I) => u(T)
-        }, [
-          k !== " " ? (r(), d("span", {
-            key: 0,
-            class: a(v.$style.char)
-          }, N(k), 3)) : R("", !0)
-        ], 10, qn))), 256)),
-        $(y(M), {
-          icon: "heroicons:backspace",
-          class: a(v.$style.icon),
-          onClick: p
-        }, null, 8, ["class"])
-      ], 2),
-      Ue(m("input", {
-        "aria-hidden": "",
-        type: "text",
-        class: a(v.$style["dummy-input"]),
-        "onUpdate:modelValue": b[0] || (b[0] = (k) => s.value = k),
-        ref_key: "targetRef",
-        ref: n,
-        maxlength: v.length,
-        onInput: _,
-        disabled: v.loading
-      }, null, 42, Nn), [
-        [it, s.value]
-      ])
-    ]));
-  }
-}), Un = "_container_gewi2_6", Kn = "_focused_gewi2_28", Xn = "_loading_gewi2_33", Yn = "_char_gewi2_13", Qn = "_icon_gewi2_50", Gn = {
-  "dummy-input": "_dummy-input_gewi2_1",
-  container: Un,
-  "char-box": "_char-box_gewi2_13",
-  focused: Kn,
-  loading: Xn,
-  char: Yn,
-  icon: Qn
-}, Jn = {
-  $style: Gn
-}, Hi = /* @__PURE__ */ w(Dn, [["__cssModules", Jn]]), Zn = /* @__PURE__ */ h({
-  __name: "ElmFragmentIdentifier",
-  props: {
-    id: {}
-  },
-  setup(l) {
-    const e = (n) => {
-      const o = new URL(window.location.href);
-      o.hash = n, window.history.replaceState(null, "", o.toString());
-      const i = document.getElementById(n);
-      i != null && i.scrollIntoView({ behavior: "smooth" });
-    }, s = (n) => {
-      const o = new URL(window.location.href);
-      o.hash = n, window.history.replaceState(null, "", o.toString()), t(window.location.href);
-    }, { copy: t } = Ie();
-    return le(() => {
-      ae(() => {
-        const n = document.querySelector(window.location.hash);
-        n && n.scrollIntoView({ behavior: "smooth" });
-      });
-    }), (n, o) => (r(), d("div", {
-      class: a(n.$style.fragment)
-    }, [
-      $(y(M), {
-        icon: "material-symbols:anchor",
-        class: a(n.$style.icon),
-        onClick: o[0] || (o[0] = (i) => e(n.id))
-      }, null, 8, ["class"]),
-      $(y(M), {
-        icon: "mingcute:link-line",
-        class: a(n.$style.icon),
-        onClick: o[1] || (o[1] = (i) => s(n.id))
-      }, null, 8, ["class"])
-    ], 2));
-  }
-}), xn = "_fragment_fa0ru_1", eo = "_icon_fa0ru_7", to = {
-  fragment: xn,
-  icon: eo
-}, so = {
-  $style: to
-}, ue = /* @__PURE__ */ w(Zn, [["__cssModules", so]]), lo = ["id"], no = /* @__PURE__ */ h({
-  __name: "ElmHeading1",
-  props: {
-    text: {},
-    size: { default: "1.5rem" },
-    id: {},
-    disableFragmentIdentifier: { type: Boolean, default: !1 }
-  },
-  setup(l) {
-    const e = C(null), s = C(!1);
-    return Z(e, ([{ isIntersecting: t }], n) => {
-      s.value = t;
-    }), (t, n) => (r(), d(F, null, [
-      m("h1", {
-        ref_key: "target",
-        ref: e,
-        class: a(t.$style.h1),
-        id: t.id ?? y(X)(t.text),
-        style: g({
-          "--scale": s.value ? 1 : 0,
-          "--font-size": t.size,
-          "--opacity": s.value ? 1 : 0
-        })
-      }, N(t.text), 15, lo),
-      t.disableFragmentIdentifier ? R("", !0) : (r(), S(ue, {
-        key: 0,
-        id: t.id ?? y(X)(t.text)
-      }, null, 8, ["id"]))
-    ], 64));
-  }
-}), oo = "_h1_7nvyi_1", ao = {
-  h1: oo
-}, ro = {
-  $style: ao
-}, io = /* @__PURE__ */ w(no, [["__cssModules", ro]]), co = ["id"], uo = /* @__PURE__ */ h({
-  __name: "ElmHeading2",
-  props: {
-    text: {},
-    size: { default: "1.4rem" },
-    id: {},
-    disableFragmentIdentifier: { type: Boolean, default: !1 }
-  },
-  setup(l) {
-    const e = C(null), s = C(!1);
-    return Z(e, ([{ isIntersecting: t }], n) => {
-      s.value = t;
-    }), (t, n) => (r(), d(F, null, [
-      m("h2", {
-        ref_key: "target",
-        ref: e,
-        class: a(t.$style.h2),
-        id: t.id ?? y(X)(t.text),
-        style: g({
-          "--scale": s.value ? 1 : 0,
-          "--font-size": t.size,
-          "--opacity": s.value ? 1 : 0
-        })
-      }, [
-        $e(N(t.text), 1),
-        m("span", {
-          class: a(t.$style.underline),
-          "aria-hidden": ""
-        }, null, 2)
-      ], 14, co),
-      t.disableFragmentIdentifier ? R("", !0) : (r(), S(ue, {
-        key: 0,
-        id: t.id ?? y(X)(t.text)
-      }, null, 8, ["id"]))
-    ], 64));
-  }
-}), po = "_h2_cxjup_1", mo = "_underline_cxjup_50", fo = {
-  h2: po,
-  underline: mo
-}, yo = {
-  $style: fo
-}, _o = /* @__PURE__ */ w(uo, [["__cssModules", yo]]), vo = ["id"], go = /* @__PURE__ */ h({
-  __name: "ElmHeading3",
-  props: {
-    text: {},
-    size: { default: "1.3rem" },
-    id: {},
-    disableFragmentIdentifier: { type: Boolean, default: !1 }
-  },
-  setup(l) {
-    const e = C(null), s = C(!1);
-    return Z(e, ([{ isIntersecting: t }], n) => {
-      s.value = t;
-    }), (t, n) => (r(), d(F, null, [
-      m("h3", {
-        ref_key: "target",
-        ref: e,
-        class: a(t.$style.h3),
-        id: t.id ?? y(X)(t.text),
-        style: g({ "--font-size": t.size, "--opacity": s.value ? 1 : 0 })
-      }, N(t.text), 15, vo),
-      t.disableFragmentIdentifier ? R("", !0) : (r(), S(ue, {
-        key: 0,
-        id: t.id ?? y(X)(t.text)
-      }, null, 8, ["id"]))
-    ], 64));
-  }
-}), ho = "_h3_x0d8r_1", $o = {
-  h3: ho
-}, bo = {
-  $style: $o
-}, ko = /* @__PURE__ */ w(go, [["__cssModules", bo]]), wo = ["id"], Eo = /* @__PURE__ */ h({
-  __name: "ElmHeading4",
-  props: {
-    text: {},
-    size: { default: "1.2rem" },
-    id: {},
-    disableFragmentIdentifier: { type: Boolean, default: !1 }
-  },
-  setup(l) {
-    return (e, s) => (r(), d(F, null, [
-      m("h4", {
-        class: a(e.$style.h4),
-        id: e.id ?? y(X)(e.text),
-        style: g({ "--font-size": e.size })
-      }, N(e.text), 15, wo),
-      e.disableFragmentIdentifier ? R("", !0) : (r(), S(ue, {
-        key: 0,
-        id: e.id ?? y(X)(e.text)
-      }, null, 8, ["id"]))
-    ], 64));
-  }
-}), Mo = "_h4_7klov_1", Co = {
-  h4: Mo
-}, zo = {
-  $style: Co
-}, Io = /* @__PURE__ */ w(Eo, [["__cssModules", zo]]), To = ["id"], So = /* @__PURE__ */ h({
-  __name: "ElmHeading5",
-  props: {
-    text: {},
-    size: { default: "1.15rem" },
-    id: {},
-    disableFragmentIdentifier: { type: Boolean, default: !1 }
-  },
-  setup(l) {
-    return (e, s) => (r(), d(F, null, [
-      m("h5", {
-        class: a(e.$style.h5),
-        id: e.id ?? y(X)(e.text),
-        style: g({ "--font-size": e.size })
-      }, N(e.text), 15, To),
-      e.disableFragmentIdentifier ? R("", !0) : (r(), S(ue, {
-        key: 0,
-        id: e.id ?? y(X)(e.text)
-      }, null, 8, ["id"]))
-    ], 64));
-  }
-}), Bo = "_h5_1av6v_1", Lo = {
-  h5: Bo
-}, Oo = {
-  $style: Lo
-}, Vo = /* @__PURE__ */ w(So, [["__cssModules", Oo]]), Po = ["id"], Ro = /* @__PURE__ */ h({
-  __name: "ElmHeading6",
-  props: {
-    text: {},
-    size: { default: "1.1rem" },
-    id: {},
-    disableFragmentIdentifier: { type: Boolean, default: !1 }
-  },
-  setup(l) {
-    return (e, s) => (r(), d(F, null, [
-      m("h6", {
-        class: a(e.$style.h6),
-        id: e.id ?? y(X)(e.text),
-        style: g({ "--font-size": e.size })
-      }, N(e.text), 15, Po),
-      e.disableFragmentIdentifier ? R("", !0) : (r(), S(ue, {
-        key: 0,
-        id: e.id ?? y(X)(e.text)
-      }, null, 8, ["id"]))
-    ], 64));
-  }
-}), Ho = "_h6_15uaq_1", Wo = {
-  h6: Ho
-}, Ao = {
-  $style: Wo
-}, Fo = /* @__PURE__ */ w(Ro, [["__cssModules", Ao]]), jo = /* @__PURE__ */ h({
-  __name: "ElmArrowIcon",
-  props: {
-    direction: { default: "right" },
-    loading: { type: Boolean, default: !1 },
-    pending: { type: Boolean, default: !1 },
-    size: { default: "2rem" }
-  },
-  setup(l) {
-    return (e, s) => (r(), d("div", {
-      class: a([
-        e.$style.arrow,
-        {
-          [e.$style.normal]: !e.loading && !e.pending,
-          [e.$style.loading]: e.loading,
-          [e.$style.pending]: !e.loading && e.pending
-        }
-      ]),
-      style: g({
-        "--size": e.size,
-        transform: e.direction === "up" ? "rotate(270deg)" : e.direction === "down" ? "rotate(90deg)" : e.direction === "left" ? "rotate(180deg)" : "rotate(0deg)"
-      })
-    }, null, 6));
-  }
-}), qo = "_arrow_hcczr_15", No = "_loading_hcczr_27", Do = "_normal_hcczr_33", Uo = "_pending_hcczr_41", Ko = {
-  arrow: qo,
-  loading: No,
-  normal: Do,
-  pending: Uo
-}, Xo = {
-  $style: Ko
-}, Wi = /* @__PURE__ */ w(jo, [["__cssModules", Xo]]), Yo = ["href"], Qo = ["src", "alt"], Go = /* @__PURE__ */ h({
-  __name: "ElmBookmarkIcon",
-  props: {
-    name: {},
-    href: {},
-    favicon: {}
-  },
-  setup(l) {
-    return (e, s) => (r(), d("a", {
-      class: a(e.$style.wrapper),
-      href: e.href,
-      target: "_blank",
-      rel: "noopener noreferrer"
-    }, [
-      e.favicon != null ? (r(), d("img", {
-        key: 0,
-        class: a(e.$style.favicon),
-        src: e.favicon,
-        alt: `favicon of ${e.name ?? e.href}`
-      }, null, 10, Qo)) : (r(), S(y(M), {
-        key: 1,
-        icon: "mdi:globe",
-        class: a(e.$style["favicon-svg"])
-      }, null, 8, ["class"])),
-      m("div", {
-        class: a(e.$style.text)
-      }, [
-        $(O, {
-          text: e.name ?? e.href,
-          size: ".6rem"
-        }, null, 8, ["text"])
-      ], 2)
-    ], 10, Yo));
-  }
-}), Jo = "_wrapper_19n7v_1", Zo = "_favicon_19n7v_22", xo = "_text_19n7v_36", ea = {
-  wrapper: Jo,
-  favicon: Zo,
-  "favicon-svg": "_favicon-svg_19n7v_27",
-  text: xo
-}, ta = {
-  $style: ea
-}, Ai = /* @__PURE__ */ w(Go, [["__cssModules", ta]]), sa = /* @__PURE__ */ h({
-  __name: "ElmCubeIcon",
-  props: {
-    size: { default: 128 }
-  },
-  setup(l) {
-    const e = l, s = D(() => `translateZ(${e.size / 2}px)`), t = [
-      { name: "front", rotate: "" },
-      { name: "back", rotate: "rotateY(180deg)" },
-      { name: "left", rotate: "rotateY(-90deg)" },
-      { name: "right", rotate: "rotateY(90deg)" },
-      { name: "top", rotate: "rotateX(90deg)" },
-      { name: "bottom", rotate: "rotateX(-90deg)" }
-    ];
-    return (n, o) => (r(), d("div", {
-      class: a(n.$style.cube),
-      style: g({
-        width: `${n.size}px`,
-        height: `${n.size}px`
-      })
-    }, [
-      (r(), d(F, null, ee(t, (i) => m("div", {
-        key: i.name,
-        class: a(n.$style.face),
-        style: g({
-          transform: `${i.rotate} ${s.value}`
-        })
-      }, null, 6)), 64))
-    ], 6));
-  }
-}), la = "_cube_oh6hr_1", na = "_face_oh6hr_8", oa = {
-  cube: la,
-  "elmethis-cube-icon-rotate": "_elmethis-cube-icon-rotate_oh6hr_1",
-  face: na
-}, aa = {
-  $style: oa
-}, Fi = /* @__PURE__ */ w(sa, [["__cssModules", aa]]), ra = /* @__PURE__ */ h({
-  __name: "ElmLoginIcon",
-  props: {
-    size: { default: "2rem" },
-    isLogin: { type: Boolean },
-    isLoading: { type: Boolean }
-  },
-  setup(l) {
-    return (e, s) => (r(), S(Te, null, {
-      original: q(() => [
-        $(y(M), {
-          class: a(e.$style.icon),
-          style: g({
-            "--width": e.size,
-            "--color": e.isLoading ? "gray" : e.isLogin ? "#b36472" : "#6987b8"
-          }),
-          icon: e.isLoading ? "svg-spinners:ring-resize" : e.isLogin ? "mdi:logout-variant" : "mdi:login-variant"
-        }, null, 8, ["class", "style", "icon"])
-      ]),
-      tooltip: q(() => [
-        $(O, {
-          text: e.isLoading ? "Loading..." : e.isLogin ? "Logout" : "Login"
-        }, null, 8, ["text"])
-      ]),
-      _: 1
-    }));
-  }
-}), ia = "_icon_1rb0v_1", ca = {
-  icon: ia
-}, ua = {
-  $style: ca
-}, ji = /* @__PURE__ */ w(ra, [["__cssModules", ua]]), je = "elmethis-theme";
-function da() {
-  const l = C(!1), e = () => {
-    l.value = !l.value;
-  };
-  return U(l, () => {
-    if (typeof document < "u") {
-      document.documentElement.setAttribute(
-        "data-theme",
-        l.value ? "dark" : "light"
-      );
-      const s = document.querySelector("body");
-      s != null && (s.style.colorScheme = l.value ? "dark" : "light"), localStorage != null && localStorage.setItem(
-        je,
-        l.value ? "dark" : "light"
-      );
-    }
-  }), le(() => {
-    if (typeof document < "u") {
-      const s = document.documentElement.getAttribute("data-theme");
-      if (s != null)
-        l.value = s === "dark";
-      else {
-        const t = localStorage.getItem(je);
-        t != null && (l.value = t === "dark");
-      }
-    }
-  }), { isDarkTheme: l, toggleTheme: e };
-}
-const pa = /* @__PURE__ */ h({
-  __name: "ElmToggleTheme",
-  props: {
-    size: { default: "2rem" }
-  },
-  setup(l) {
-    const { isDarkTheme: e, toggleTheme: s } = da();
-    return (t, n) => y(e) ? (r(), S(y(M), {
-      key: 1,
-      icon: "line-md:sunny-outline-to-moon-loop-transition",
-      class: a(t.$style.icon),
-      width: t.size,
-      onClick: y(s)
-    }, null, 8, ["class", "width", "onClick"])) : (r(), S(y(M), {
-      key: 0,
-      icon: "line-md:moon-to-sunny-outline-loop-transition",
-      class: a(t.$style.icon),
-      width: t.size,
-      onClick: y(s)
-    }, null, 8, ["class", "width", "onClick"]));
-  }
-}), ma = "_icon_15e2g_1", fa = {
-  icon: ma
-}, ya = {
-  $style: fa
-}, qi = /* @__PURE__ */ w(pa, [["__cssModules", ya]]), _a = ["href", "target"], va = ["src"], ga = /* @__PURE__ */ h({
-  __name: "ElmInlineLink",
-  props: {
-    text: {},
-    href: {},
-    size: { default: "1rem" },
-    openInNewTab: { type: Boolean, default: !0 },
-    iconType: {},
-    onClick: {}
-  },
-  setup(l) {
-    const e = l;
-    function s(o) {
-      e.onClick && (o.preventDefault(), e.onClick());
-    }
-    const t = C(`https://logo.clearbit.com/${e.href}`), n = () => {
-      t.value = 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="gray" d="M17.9 17.39c-.26-.8-1.01-1.39-1.9-1.39h-1v-3a1 1 0 0 0-1-1H8v-2h2a1 1 0 0 0 1-1V7h2a2 2 0 0 0 2-2v-.41a7.984 7.984 0 0 1 2.9 12.8M11 19.93c-3.95-.49-7-3.85-7-7.93c0-.62.08-1.22.21-1.79L9 15v1a2 2 0 0 0 2 2m1-16A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2"/></svg>';
-    };
-    return (o, i) => (r(), d("a", {
-      class: a(o.$style.link),
-      href: o.href,
-      style: g({ "--font-size": o.size }),
-      target: o.openInNewTab ? "_blank" : void 0,
-      rel: "noopener noreferrer",
-      onClick: s
-    }, [
-      m("img", {
-        src: t.value,
-        alt: "favicon",
-        onError: n,
-        class: a(o.$style.icon)
-      }, null, 42, va),
-      $e(" " + N(o.text) + " ", 1),
-      $(y(M), {
-        icon: o.iconType != null ? o.iconType === "internal" ? "mdi:chevron-right" : "mdi:external-link" : o.openInNewTab ? "mdi:external-link" : "mdi:chevron-right",
-        class: a(o.$style.icon)
-      }, null, 8, ["icon", "class"])
-    ], 14, _a));
-  }
-}), ha = "_link_eebb0_1", $a = "_icon_eebb0_33", ba = {
-  link: ha,
-  icon: $a
-}, ka = {
-  $style: ba
-}, wa = /* @__PURE__ */ w(ga, [["__cssModules", ka]]), Ni = /* @__PURE__ */ h({
-  __name: "ElmInlineRuby",
-  props: {
-    text: {},
-    color: {},
-    ruby: {}
-  },
-  setup(l) {
-    return (e, s) => (r(), d("ruby", null, [
-      $(O, {
-        text: e.text,
-        color: e.color
-      }, null, 8, ["text", "color"]),
-      m("rt", null, [
-        $(O, {
-          text: e.ruby,
-          color: e.color
-        }, null, 8, ["text", "color"])
-      ])
-    ]));
-  }
-}), Ea = { style: { opacity: 0.6 } }, Ma = /* @__PURE__ */ h({
-  __name: "ElmFile",
-  props: {
-    name: {},
-    src: {},
-    filesize: {},
-    margin: {}
-  },
-  setup(l) {
-    function e(t) {
-      const o = t.split(/[?#]/)[0].split("/").filter(Boolean);
-      return o.length > 0 ? o[o.length - 1] : null;
-    }
-    async function s(t, n) {
-      let o;
-      try {
-        const i = await fetch(t);
-        if (!i.ok) throw new Error("Failed to download file");
-        const u = await i.blob();
-        o = document.createElement("a"), o.href = URL.createObjectURL(u), o.download = n, o.click();
-      } catch (i) {
-        console.error("ERROR:", i);
-      } finally {
-        o && URL.revokeObjectURL(o.href);
-      }
-    }
-    return (t, n) => (r(), d("div", {
-      class: a(t.$style.file),
-      style: g({ "--margin-block": t.margin })
-    }, [
-      m("div", {
-        class: a(t.$style["left-container"])
-      }, [
-        $(y(M), {
-          icon: "mdi:file-outline",
-          class: a(t.$style.icon)
-        }, null, 8, ["class"]),
-        $(O, {
-          text: t.name ?? e(t.src) ?? "unknown file"
-        }, null, 8, ["text"])
-      ], 2),
-      m("div", {
-        class: a(t.$style["right-container"])
-      }, [
-        m("span", Ea, [
-          t.filesize ? (r(), S(O, {
-            key: 0,
-            text: t.filesize
-          }, null, 8, ["text"])) : R("", !0)
-        ]),
-        $(y(M), {
-          icon: "mdi:download",
-          class: a(t.$style["download-icon"]),
-          onClick: n[0] || (n[0] = () => {
-            s(
-              t.src,
-              t.name ?? e(t.src) ?? "unknown file"
-            );
-          })
-        }, null, 8, ["class"])
-      ], 2)
-    ], 6));
-  }
-}), Ca = "_file_ox390_1", za = "_icon_ox390_21", Ia = {
-  file: Ca,
-  "left-container": "_left-container_ox390_15",
-  icon: za,
-  "right-container": "_right-container_ox390_30",
-  "download-icon": "_download-icon_ox390_36"
-}, Ta = {
-  $style: Ia
-}, Sa = /* @__PURE__ */ w(Ma, [["__cssModules", Ta]]), Ba = ["src", "alt"], La = ["src", "alt"], Oa = /* @__PURE__ */ h({
-  __name: "ElmImage",
-  props: {
-    src: {},
-    alt: {},
-    enableModal: { type: Boolean, default: !1 },
-    margin: {}
-  },
-  setup(l) {
-    const e = l, { isLoading: s, error: t } = rs({ src: e.src }), n = C(!1);
-    return Qe("Escape", (o) => {
-      o.preventDefault(), n.value = !1;
-    }), (o, i) => (r(), d(F, null, [
-      $(x, { mode: "out-in" }, {
-        default: q(() => [
-          y(t) ? (r(), d("div", {
-            key: 0,
-            class: a(o.$style.error)
-          }, [
-            $(O, {
-              text: "Error loading image",
-              color: "#c56565",
-              size: "1.5rem"
-            })
-          ], 2)) : y(s) ? (r(), d("div", {
-            key: 1,
-            class: a(o.$style.fallback),
-            style: g({ "--margin-block": o.margin })
-          }, [
-            $(Gl),
-            m("div", null, [
-              $(Se)
-            ])
-          ], 6)) : (r(), d("img", {
-            key: 2,
-            class: a(o.$style.image),
-            src: o.src,
-            alt: o.alt,
-            onClick: i[0] || (i[0] = () => {
-              o.enableModal && (n.value = !0);
-            }),
-            style: g({
-              "--height": y(s) ? "0" : "auto",
-              "--opacity": y(s) ? 0 : 1,
-              "--cursor": o.enableModal ? "zoom-in" : "inherit",
-              "--margin-block": o.margin,
-              display: y(s) ? "none" : "block"
-            })
-          }, null, 14, Ba))
-        ]),
-        _: 1
-      }),
-      $(x, null, {
-        default: q(() => [
-          n.value ? (r(), d("div", {
-            key: 0,
-            class: a(o.$style.modal)
-          }, [
-            m("img", {
-              class: a(o.$style["modal-image"]),
-              src: o.src,
-              alt: o.alt,
-              onClick: i[1] || (i[1] = () => {
-                n.value = !1;
-              })
-            }, null, 10, La)
-          ], 2)) : R("", !0)
-        ]),
-        _: 1
-      })
-    ], 64));
-  }
-}), Va = "_image_1brnh_1", Pa = "_error_1brnh_11", Ra = "_fallback_1brnh_23", Ha = "_modal_1brnh_36", Wa = {
-  image: Va,
-  error: Pa,
-  fallback: Ra,
-  modal: Ha,
-  "modal-image": "_modal-image_1brnh_49"
-}, Aa = {
-  $style: Wa
-}, Je = /* @__PURE__ */ w(Oa, [["__cssModules", Aa], ["__scopeId", "data-v-b0e06ffd"]]), Fa = ["href", "target"], ja = ["src"], qa = /* @__PURE__ */ h({
-  __name: "ElmBookmark",
-  props: {
-    hideUrl: { type: Boolean, default: !1 },
-    openInNewTab: { type: Boolean, default: !0 },
-    title: {},
-    description: { default: "No description provided" },
-    image: {},
-    url: {},
-    createdAt: {},
-    updatedAt: {},
-    onClick: {},
-    margin: {},
-    favicon: {}
-  },
-  setup(l) {
-    const e = l;
-    function s(t) {
-      e.onClick && (t.preventDefault(), e.onClick());
-    }
-    return (t, n) => (r(), d("div", {
-      class: a(t.$style.parent),
-      style: g({ "--margin-block": t.margin })
-    }, [
-      m("a", {
-        class: a(t.$style.bookmark),
-        href: t.url,
-        target: t.openInNewTab ? "_blank" : void 0,
-        rel: "noopener noreferrer",
-        onClick: s
-      }, [
-        t.image != null ? (r(), d("div", {
-          key: 0,
-          class: a(t.$style.image)
-        }, [
-          $(Je, { src: t.image }, null, 8, ["src"])
-        ], 2)) : R("", !0),
-        m("div", {
-          class: a(t.$style.typography)
-        }, [
-          m("div", {
-            class: a(t.$style.title)
-          }, [
-            $(O, {
-              text: t.title ?? "No title provided",
-              bold: ""
-            }, null, 8, ["text"])
-          ], 2),
-          m("div", null, [
-            $(O, {
-              text: t.description == null ? "No description provided" : t.description.length > 100 ? t.description.slice(0, 100) + "..." : t.description,
-              size: ".8rem",
-              style: { opacity: 0.6 }
-            }, null, 8, ["text"])
-          ]),
-          t.createdAt != null || t.updatedAt != null ? (r(), d("div", {
-            key: 0,
-            class: a(t.$style.date)
-          }, [
-            t.createdAt != null ? (r(), d(F, { key: 0 }, [
-              $(y(M), {
-                icon: "mdi:calendar-month",
-                class: a(t.$style.icon)
-              }, null, 8, ["class"]),
-              $(O, {
-                text: `${t.createdAt}`,
-                size: ".8rem"
-              }, null, 8, ["text"])
-            ], 64)) : R("", !0),
-            t.updatedAt != null ? (r(), d(F, { key: 1 }, [
-              $(y(M), {
-                icon: "mdi:calendar-refresh",
-                class: a(t.$style.icon)
-              }, null, 8, ["class"]),
-              $(O, {
-                text: `${t.updatedAt}`,
-                size: ".8rem"
-              }, null, 8, ["text"])
-            ], 64)) : R("", !0)
-          ], 2)) : R("", !0),
-          !t.hideUrl && t.url != null ? (r(), d("div", {
-            key: 1,
-            class: a(t.$style.link)
-          }, [
-            t.favicon ? (r(), d("img", {
-              key: 0,
-              src: t.favicon,
-              alt: "favicon",
-              class: a(t.$style.favicon)
-            }, null, 10, ja)) : R("", !0),
-            $(O, {
-              text: `${t.url}`,
-              size: ".8rem",
-              color: "#6987b8"
-            }, null, 8, ["text"])
-          ], 2)) : R("", !0)
-        ], 2)
-      ], 10, Fa)
-    ], 6));
-  }
-}), Na = "_parent_1yb8i_1", Da = "_bookmark_1yb8i_18", Ua = "_image_1yb8i_35", Ka = "_typography_1yb8i_55", Xa = "_title_1yb8i_65", Ya = "_date_1yb8i_72", Qa = "_icon_1yb8i_80", Ga = "_link_1yb8i_89", Ja = "_favicon_1yb8i_99", Za = {
-  parent: Na,
-  bookmark: Da,
-  image: Ua,
-  typography: Ka,
-  title: Xa,
-  date: Ya,
-  icon: Qa,
-  link: Ga,
-  favicon: Ja
-}, xa = {
-  $style: Za
-}, er = /* @__PURE__ */ w(qa, [["__cssModules", xa]]), tr = ["onClick"], sr = /* @__PURE__ */ h({
-  __name: "ElmBreadcrumb",
-  props: {
-    links: {}
-  },
-  setup(l) {
-    const e = C(null), s = C(!1);
-    return Z(e, ([{ isIntersecting: t }], n) => {
-      s.value = t;
-    }), (t, n) => (r(), d("nav", {
-      class: a(t.$style.container),
-      ref_key: "target",
-      ref: e,
-      style: g({
-        "--opacity": s.value ? 1 : 0
-      })
-    }, [
-      (r(!0), d(F, null, ee(t.links, (o, i) => (r(), d(F, null, [
-        m("div", {
-          class: a(t.$style["link-container"]),
-          onClick: o.onClick
-        }, [
-          $(y(M), {
-            class: a([t.$style.icon, t.$style.fade]),
-            icon: i === 0 ? "mdi:home" : i === t.links.length - 1 ? "mdi:file-document-multiple-outline" : "mdi:folder-open-outline",
-            style: g({
-              "--delay": `${i * 100}ms`
-            })
-          }, null, 8, ["class", "icon", "style"]),
-          $(O, {
-            text: o.text,
-            class: a(t.$style.fade),
-            style: g({
-              "--delay": `${i * 100 + 50}ms`
-            })
-          }, null, 8, ["text", "class", "style"])
-        ], 10, tr),
-        t.links.length !== i + 1 ? (r(), S(y(M), {
-          key: 0,
-          icon: "mdi:chevron-right",
-          class: a([t.$style.chevron, t.$style.fade]),
-          style: g({
-            "--delay": `${i * 100 + 100}ms`
-          })
-        }, null, 8, ["class", "style"])) : R("", !0)
-      ], 64))), 256))
-    ], 6));
-  }
-}), lr = "_container_941di_1", nr = "_icon_941di_8", or = "_chevron_941di_16", ar = "_fade_941di_41", rr = {
-  container: lr,
-  icon: nr,
-  chevron: or,
-  "link-container": "_link-container_941di_21",
-  fade: ar
-}, ir = {
-  $style: rr
-}, Di = /* @__PURE__ */ w(sr, [["__cssModules", ir]]), cr = /* @__PURE__ */ h({
-  __name: "ElmPagetop",
-  props: {
-    position: { default: "right" }
-  },
-  setup(l) {
-    const e = C(!1), { y: s } = Ge();
-    U(
-      () => s.value,
-      () => {
-        e.value = s.value > 100;
-      }
-    );
-    const t = () => {
-      window.scrollTo({ top: 0, behavior: "smooth" });
-    };
-    return (n, o) => (r(), d("nav", {
-      class: a([n.$style.wrapper, { [n.$style["wrapper--visible"]]: e.value }]),
-      style: g({
-        "--size": "64px",
-        left: n.position === "left" ? "0" : "auto",
-        right: n.position === "right" ? "0" : "auto"
-      }),
-      onClick: t
-    }, [
-      m("div", {
-        "aria-hidden": "",
-        class: a(n.$style.partial)
-      }, null, 2),
-      m("div", {
-        "aria-hidden": "",
-        class: a(n.$style.partial)
-      }, null, 2),
-      m("div", {
-        "aria-hidden": "",
-        class: a(n.$style.partial)
-      }, null, 2),
-      m("span", {
-        class: a(n.$style.text)
-      }, "Back to Top", 2)
-    ], 6));
-  }
-}), ur = "_wrapper_q0z76_1", dr = "_partial_q0z76_52", pr = "_move_q0z76_1", mr = "_text_q0z76_85", fr = {
-  wrapper: ur,
-  "wrapper--visible": "_wrapper--visible_q0z76_20",
-  partial: dr,
-  move: pr,
-  text: mr
-}, yr = {
-  $style: fr
-}, Ui = /* @__PURE__ */ w(cr, [["__cssModules", yr]]), _r = ["href"], vr = /* @__PURE__ */ h({
-  __name: "ElmTableOfContents",
-  props: {
-    headings: {}
-  },
-  setup(l) {
-    return (e, s) => (r(), d("nav", {
-      class: a(e.$style.toc)
-    }, [
-      (r(!0), d(F, null, ee(e.headings, (t) => (r(), d("a", {
-        class: a(e.$style.link),
-        href: `#${t.id ?? t.text}`,
-        style: g({ "--padding-left": `${t.level * 0.5}rem` })
-      }, [
-        m("sup", null, [
-          $(O, {
-            text: `H${t.level}`,
-            size: "0.6rem",
-            color: "#6987b8"
-          }, null, 8, ["text"])
-        ]),
-        $(O, {
-          text: t.text
-        }, null, 8, ["text"]),
-        $(y(M), {
-          icon: "heroicons:bars-arrow-down",
-          class: a(e.$style.icon)
-        }, null, 8, ["class"])
-      ], 14, _r))), 256))
-    ], 2));
-  }
-}), gr = "_toc_gvfxl_1", hr = "_link_gvfxl_13", $r = "_icon_gvfxl_28", br = {
-  toc: gr,
-  link: hr,
-  icon: $r
-}, kr = {
-  $style: br
-}, Ki = /* @__PURE__ */ w(vr, [["__cssModules", kr]]), wr = /* @__PURE__ */ h({
-  __name: "ElmColorSample",
-  props: {
-    color: {}
-  },
-  setup(l) {
-    const e = l, { blue: s, green: t, red: n } = He(e.color), { hue: o, saturation: i, lightness: u } = ct(e.color), c = ut(He(e.color)), f = `rgb(${n}, ${t}, ${s})`, _ = `hsl(${Math.floor(o)}, ${Math.floor(i * 100)}%, ${Math.floor(u * 100)}%)`, { copy: p, copied: v } = Ie();
-    return (b, k) => (r(), d("div", {
-      style: g({ "--color": b.color })
-    }, [
-      $(Te, null, {
-        original: q(() => [
-          m("div", {
-            class: a(b.$style["color-bg"]),
-            style: g({
-              "--background-color": b.color
-            }),
-            onClick: k[0] || (k[0] = (T) => y(p)(y(c)))
-          }, [
-            $(x, null, {
-              default: q(() => [
-                y(v) ? (r(), S(y(M), {
-                  key: 0,
-                  icon: "heroicons:check",
-                  style: { color: "white" },
-                  width: "16",
-                  height: "16"
-                })) : R("", !0)
-              ]),
-              _: 1
-            })
-          ], 6),
-          m("div", {
-            class: a(b.$style.text),
-            onClick: k[1] || (k[1] = (T) => y(p)(y(c)))
-          }, N(y(c)), 3)
-        ]),
-        tooltip: q(() => [
-          m("div", {
-            class: a(b.$style.text),
-            onClick: k[2] || (k[2] = (T) => y(p)(y(c)))
-          }, N(y(c)), 3),
-          m("div", {
-            class: a(b.$style.text),
-            onClick: k[3] || (k[3] = (T) => y(p)(f))
-          }, N(f), 2),
-          m("div", {
-            class: a(b.$style.text),
-            onClick: k[4] || (k[4] = (T) => y(p)(_))
-          }, N(_), 2)
-        ]),
-        _: 1
-      })
-    ], 4));
-  }
-}), Er = "_text_819fg_13", Mr = {
-  "color-bg": "_color-bg_819fg_1",
-  text: Er
-}, Cr = {
-  $style: Mr
-}, zr = /* @__PURE__ */ w(wr, [["__cssModules", Cr], ["__scopeId", "data-v-9606dccc"]]), Ir = /* @__PURE__ */ h({
-  __name: "ElmColorTable",
-  props: {
-    colors: {}
-  },
-  setup(l) {
-    return (e, s) => (r(), d("div", {
-      class: a(e.$style.container)
-    }, [
-      (r(!0), d(F, null, ee(e.colors, (t) => (r(), d("div", {
-        class: a(e.$style["row-container"])
-      }, [
-        m("div", {
-          class: a(e.$style["color-name"]),
-          style: g({ "--color": t.code })
-        }, N(t.name), 7),
-        (r(), d(F, null, ee([
-          -0.2,
-          -0.15,
-          -0.1,
-          -0.05,
-          0,
-          0.05,
-          0.1,
-          0.15,
-          0.2
-        ], (n) => $(zr, {
-          color: y(dt)(n, t.code)
-        }, null, 8, ["color"])), 64))
-      ], 2))), 256))
-    ], 2));
-  }
-}), Tr = "_container_2ivef_1", Sr = {
-  container: Tr,
-  "row-container": "_row-container_2ivef_8",
-  "color-name": "_color-name_2ivef_15"
-}, Br = {
-  $style: Sr
-}, Xi = /* @__PURE__ */ w(Ir, [["__cssModules", Br]]), Lr = /* @__PURE__ */ h({
-  __name: "ElmCallout",
-  props: {
-    type: { default: "note" }
-  },
-  setup(l) {
-    const e = {
-      note: { code: "#6987b8", icon: "mdi:information-slab-box-outline" },
-      tip: { code: "#59b57c", icon: "heroicons:light-bulb" },
-      important: { code: "#9771bd", icon: "heroicons:shield-exclamation" },
-      warning: { code: "#b8a36e", icon: "heroicons:exclamation-triangle" },
-      caution: { code: "#b36472", icon: "heroicons:x-circle" }
-    }, s = C(null), t = C(!1);
-    return Z(s, ([{ isIntersecting: n }], o) => {
-      t.value = n;
-    }), (n, o) => (r(), d("aside", {
-      ref_key: "target",
-      ref: s,
-      class: a(n.$style.callout),
-      style: g({
-        "--border-color": e[n.type].code,
-        "--bg-color": y(pt)(e[n.type].code, 0.1),
-        "--scale": t.value ? 1 : 0
-      })
-    }, [
-      m("div", {
-        class: a(n.$style.header)
-      }, [
-        $(y(M), {
-          icon: e[n.type].icon,
-          class: a(n.$style.icon),
-          style: g({ "--icon-color": e[n.type].code })
-        }, null, 8, ["icon", "class", "style"]),
-        $(O, {
-          text: n.type.toUpperCase(),
-          color: e[n.type].code
-        }, null, 8, ["text", "color"])
-      ], 2),
-      m("div", null, [
-        A(n.$slots, "default")
-      ])
-    ], 6));
-  }
-}), Or = "_callout_3354s_1", Vr = "_header_3354s_25", Pr = "_icon_3354s_31", Rr = {
-  callout: Or,
-  header: Vr,
-  icon: Pr
-}, Hr = {
-  $style: Rr
-}, Wr = /* @__PURE__ */ w(Lr, [["__cssModules", Hr]]), Ar = /* @__PURE__ */ h({
-  __name: "ElmBulletedList",
-  setup(l) {
-    const e = C(null), s = C(!1);
-    return Z(e, ([{ isIntersecting: t }], n) => {
-      s.value = t;
-    }), (t, n) => (r(), d("ul", {
-      ref_key: "target",
-      ref: e,
-      class: "elmethis-bulleted-list",
-      style: g({
-        "--opacity": s.value ? 1 : 0
-      })
-    }, [
-      A(t.$slots, "default")
-    ], 4));
-  }
-}), Fr = /* @__PURE__ */ h({
-  __name: "ElmNumberedList",
-  setup(l) {
-    const e = C(null), s = C(!1);
-    return Z(e, ([{ isIntersecting: t }], n) => {
-      s.value = t;
-    }), (t, n) => (r(), d("ol", {
-      ref_key: "target",
-      ref: e,
-      class: "elmethis-numbered-list",
-      style: g({
-        "--opacity": s.value ? 1 : 0
-      })
-    }, [
-      A(t.$slots, "default")
-    ], 4));
-  }
-}), jr = /* @__PURE__ */ h({
-  __name: "ElmListItem",
-  setup(l) {
-    return (e, s) => (r(), d("li", {
-      class: a(e.$style.li)
-    }, [
-      A(e.$slots, "default")
-    ], 2));
-  }
-}), qr = "_li_s1eaw_1", Nr = {
-  li: qr
-}, Dr = {
-  $style: Nr
-}, Ur = /* @__PURE__ */ w(jr, [["__cssModules", Dr]]), Kr = /* @__PURE__ */ h({
-  __name: "ElmBlockQuote",
-  setup(l) {
-    const e = C(null), s = C(!1);
-    return Z(e, ([{ isIntersecting: t }], n) => {
-      s.value = t;
-    }), (t, n) => (r(), d("blockquote", {
-      ref_key: "target",
-      ref: e,
-      class: a(t.$style.blockquote),
-      style: g({
-        "--opacity": s.value ? 1 : 0
-      })
-    }, [
-      A(t.$slots, "default")
-    ], 6));
-  }
-}), Xr = "_blockquote_1oj4b_1", Yr = {
-  blockquote: Xr
-}, Qr = {
-  $style: Yr
-}, Gr = /* @__PURE__ */ w(Kr, [["__cssModules", Qr]]), Jr = /* @__PURE__ */ h({
-  __name: "ElmDivider",
-  props: {
-    margin: {}
-  },
-  setup(l) {
-    const e = C(null), s = C(!1);
-    return Z(e, ([{ isIntersecting: t }], n) => {
-      s.value = t;
-    }), (t, n) => (r(), d("hr", {
-      ref_key: "target",
-      ref: e,
-      class: a(t.$style.divider),
-      style: g({
-        "--scale": s.value ? 1 : 0,
-        "--margin-block": t.margin
-      })
-    }, null, 6));
-  }
-}), Zr = "_divider_z5wle_1", xr = {
-  divider: Zr
-}, ei = {
-  $style: xr
-}, ti = /* @__PURE__ */ w(Jr, [["__cssModules", ei]]), si = /* @__PURE__ */ h({
-  __name: "ElmParagraph",
-  setup(l) {
-    const e = C(null), s = C(!1);
-    return Z(e, ([{ isIntersecting: t }], n) => {
-      s.value = t;
-    }), (t, n) => (r(), d("p", {
-      ref_key: "target",
-      ref: e,
-      class: a(t.$style.paragraph),
-      style: g({
-        "--opacity": s.value ? 1 : 0
-      })
-    }, [
-      A(t.$slots, "default")
-    ], 6));
-  }
-}), li = "_paragraph_19lcl_1", ni = {
-  paragraph: li
-}, oi = {
-  $style: ni
-}, ai = /* @__PURE__ */ w(si, [["__cssModules", oi]]), ri = /* @__PURE__ */ h({
-  __name: "ElmTable",
-  props: {
-    margin: {}
-  },
-  setup(l) {
-    return (e, s) => (r(), d("table", {
-      class: "table",
-      style: g({
-        "--margin-block": e.margin
-      })
-    }, [
-      A(e.$slots, "default", {}, void 0, !0)
-    ], 4));
-  }
-}), ii = /* @__PURE__ */ w(ri, [["__scopeId", "data-v-6ed1a868"]]), ci = { class: "elmethis-table-header-thead" }, ui = /* @__PURE__ */ h({
-  __name: "ElmTableHeader",
-  setup(l) {
-    return (e, s) => (r(), d("thead", ci, [
-      A(e.$slots, "default")
-    ]));
-  }
-}), di = { class: "elmethis-table-header-body" }, pi = /* @__PURE__ */ h({
-  __name: "ElmTableBody",
-  setup(l) {
-    return (e, s) => (r(), d("tbody", di, [
-      A(e.$slots, "default")
-    ]));
-  }
-}), mi = /* @__PURE__ */ h({
-  __name: "ElmTableRow",
-  setup(l) {
-    return (e, s) => (r(), d("tr", null, [
-      A(e.$slots, "default")
-    ]));
-  }
-}), fi = /* @__PURE__ */ h({
-  __name: "ElmTableCell",
-  props: {
-    hasHeader: { type: Boolean, default: !1 },
-    text: {}
-  },
-  setup(l) {
-    return (e, s) => (r(), S(re(e.hasHeader ? "th" : "td"), { class: "cell" }, {
-      default: q(() => [
-        e.text == null ? A(e.$slots, "default", { key: 0 }, void 0, !0) : R("", !0),
-        $e(" " + N(e.text), 1)
-      ]),
-      _: 3
-    }));
-  }
-}), yi = /* @__PURE__ */ w(fi, [["__scopeId", "data-v-7bedd3ac"]]), _i = /* @__PURE__ */ h({
-  __name: "ElmJsonRenderer",
-  props: {
-    json: {}
-  },
-  setup(l) {
-    const e = {
-      ElmInlineText: L(O),
-      ElmInlineLink: L(wa),
-      ElmCallout: L(Wr),
-      ElmBulletedList: L(Ar),
-      ElmNumberedList: L(Fr),
-      ElmListItem: L(Ur),
-      ElmBlockQuote: L(Gr),
-      ElmDivider: L(ti),
-      ElmHeading1: L(io),
-      ElmHeading2: L(_o),
-      ElmHeading3: L(ko),
-      ElmHeading4: L(Io),
-      ElmHeading5: L(Vo),
-      ElmHeading6: L(Fo),
-      ElmCodeBlock: L(Ss),
-      ElmParagraph: L(ai),
-      ElmTable: L(ii),
-      ElmTableHeader: L(ui),
-      ElmTableBody: L(pi),
-      ElmTableRow: L(mi),
-      ElmTableCell: L(yi),
-      ElmKatex: L(Ps),
-      ElmImage: L(Je),
-      ElmBookmark: L(er),
-      ElmToggle: L(Cl),
-      ElmCheckbox: L(bn),
-      ElmFile: L(Sa),
-      ElmColumn: L(qs),
-      ElmColumnList: L(Ks)
-    }, s = (t) => {
-      const n = [];
-      for (const o of t)
-        n.push(
-          W(
-            e[o.type],
-            { ...o.props, key: o.id },
-            () => {
-              if (o.children != null)
-                return s(o.children);
-            }
-          )
-        );
-      return n;
-    };
-    return (t, n) => (r(), S(re(() => s(t.json))));
-  }
-}), Yi = /* @__PURE__ */ h({
-  __name: "ElmJsonRendererAsync",
-  props: {
-    json: {}
-  },
-  setup(l) {
-    const e = l, s = C(null);
-    return le(() => {
-      ae(() => {
-        s.value = W(_i, { json: e.json });
-      });
-    }), (t, n) => s.value != null ? (r(), S(re(() => s.value), { key: 0 })) : (r(), S(Be, { key: 1 }));
-  }
-});
-function Qi() {
-  const l = C(null), e = C([]), s = C(0), t = C(0), n = C(!1), o = (i) => {
-    n.value = !1, s.value = 0, l.value = i, e.value = i.split("").map((u) => ({ char: u, status: "default" })), e.value[0].status = "current";
-  };
-  return Qe((i) => {
-    e.value[s.value] != null && !n.value && i.key.length === 1 && (i.key === e.value[s.value].char ? (e.value[s.value].status = "typed", s.value === e.value.length - 1 ? n.value = !0 : (s.value += 1, e.value[s.value] = e.value[s.value], e.value[s.value].status = "current")) : (t.value += 1, e.value[s.value].status = "incorrect"));
-  }), { start: o, targetArray: e, isFinished: n, mistakes: t };
-}
-export {
-  ii as $,
-  ko as A,
-  Io as B,
-  Vo as C,
-  Fo as D,
-  wi as E,
-  ue as F,
-  Wi as G,
-  Ai as H,
-  Fi as I,
-  Se as J,
-  Ht as K,
-  ji as L,
-  qi as M,
-  wa as N,
-  Ni as O,
-  O as P,
-  Sa as Q,
-  Je as R,
-  er as S,
-  Di as T,
-  Ui as U,
-  Ki as V,
-  zr as W,
-  Xi as X,
-  _i as Y,
-  Yi as Z,
-  w as _,
-  Ei as a,
-  ui as a0,
-  pi as a1,
-  mi as a2,
-  yi as a3,
-  Gr as a4,
-  Ar as a5,
-  Wr as a6,
-  ti as a7,
-  Fr as a8,
-  ai as a9,
-  Ur as aa,
-  da as ab,
-  Qi as ac,
-  Ss as b,
-  Ps as c,
-  Mi as d,
-  qs as e,
-  Ks as f,
-  Ci as g,
-  zi as h,
-  Ii as i,
-  fl as j,
-  Ti as k,
-  Cl as l,
-  Te as m,
-  Si as n,
-  Bi as o,
-  Li as p,
-  Gl as q,
-  Be as r,
-  Oi as s,
-  Vi as t,
-  bn as u,
-  Pi as v,
-  Ri as w,
-  Hi as x,
-  io as y,
-  _o as z
-};