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

package/dist/index-BFwE0btN.js

@@ -0,0 +1,3523 @@
+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
+};