@elmethis/core 1.0.0-alpha.41 → 1.0.0-alpha.43

package/dist/{index-BSs37k1l.js → index-FJnAb5LB.js}

@@ -1,4 +1,4 @@
-import { defineComponent as U, openBlock as B, createElementBlock as D, normalizeClass as O, normalizeStyle as W, createElementVNode as N, unref as V, toDisplayString as Ae, createBlock as Se, defineAsyncComponent as mt, ref as J, onMounted as ot, onUpdated as La, createTextVNode as L0, getCurrentScope as p1, onScopeDispose as m1, nextTick as f1, readonly as v1, getCurrentInstance as Pa, computed as e0, watch as z0, watchEffect as y1, shallowRef as Yr, toRaw as g1, renderSlot as be, createVNode as ee, Transition as V0, withCtx as Ee, createCommentVNode as je, resolveDynamicComponent as h0, mergeModels as kr, useModel as Mr, Fragment as De, renderList as w0, h as x1, resolveComponent as b1, mergeProps as w1 } from "vue";
+import { defineComponent as W, openBlock as B, createElementBlock as D, normalizeClass as O, normalizeStyle as U, createElementVNode as N, unref as V, toDisplayString as Ae, createBlock as Se, defineAsyncComponent as mt, ref as J, onMounted as ot, onUpdated as La, createTextVNode as L0, getCurrentScope as p1, onScopeDispose as m1, nextTick as f1, readonly as v1, getCurrentInstance as Pa, computed as e0, watch as z0, watchEffect as y1, shallowRef as Yr, toRaw as g1, renderSlot as be, createVNode as ee, Transition as V0, withCtx as Ee, createCommentVNode as je, resolveDynamicComponent as h0, mergeModels as kr, useModel as Mr, Fragment as De, renderList as w0, h as x1, resolveComponent as b1, mergeProps as w1 } from "vue";
 var ur = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function k1(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
@@ -2109,7 +2109,7 @@ var qa = { exports: {} };
   });
 })(qa);
 var M1 = qa.exports;
-const S1 = ["innerHTML"], A1 = /* @__PURE__ */ U({
+const S1 = ["innerHTML"], A1 = /* @__PURE__ */ W({
   __name: "ElmTag",
   props: {
     text: {},
@@ -2122,7 +2122,7 @@ const S1 = ["innerHTML"], A1 = /* @__PURE__ */ U({
     });
     return (t, a) => (B(), D("div", {
       class: O(t.$style.tag),
-      style: W({ backgroundColor: t.color })
+      style: U({ backgroundColor: t.color })
     }, [
       N("div", {
         class: O(t.$style.icon),
@@ -2570,7 +2570,7 @@ function J1(r, e) {
     })
   ]);
 }
-const Q1 = /* @__PURE__ */ U({
+const Q1 = /* @__PURE__ */ W({
   __name: "ElmLanguageIcon",
   props: {
     size: { default: 24 },
@@ -2582,26 +2582,26 @@ const Q1 = /* @__PURE__ */ U({
         case "rust":
         case "rs":
           return mt({
-            loader: () => import("./Rust-CfTiYuB7.js"),
+            loader: () => import("./Rust-BGCCH3Ti.js"),
             loadingComponent: Q0
           });
         case "javascript":
         case "js":
           return mt({
-            loader: () => import("./JavaScript-X5j3rcy1.js"),
+            loader: () => import("./JavaScript-BPd1Pv-8.js"),
             loadingComponent: Q0
           });
         case "typescript":
         case "ts":
           return mt({
-            loader: () => import("./TypeScript-MQdwVdJC.js"),
+            loader: () => import("./TypeScript-IVA9fTtG.js"),
             loadingComponent: Q0
           });
         case "bash":
         case "sh":
         case "shell":
           return mt({
-            loader: () => import("./Bash-_qylOkZi.js"),
+            loader: () => import("./Bash-BGDpHHvz.js"),
             loadingComponent: Q0
           });
         default:
@@ -2610,14 +2610,14 @@ const Q1 = /* @__PURE__ */ U({
     })();
     return (n, s) => (B(), Se(V(a), {
       class: O(n.$style.icon),
-      style: W({ "--width": `${n.size}px` })
+      style: U({ "--width": `${n.size}px` })
     }, null, 8, ["class", "style"]));
   }
 }), es = "_icon_127mq_1", ts = {
   icon: es
 }, rs = {
   $style: ts
-}, as = /* @__PURE__ */ K(Q1, [["__cssModules", rs]]), ns = /* @__PURE__ */ U({
+}, as = /* @__PURE__ */ K(Q1, [["__cssModules", rs]]), ns = /* @__PURE__ */ W({
   __name: "ElmInlineText",
   props: {
     text: {},
@@ -2632,7 +2632,7 @@ const Q1 = /* @__PURE__ */ U({
   setup(r) {
     return (e, t) => (B(), D("span", {
       class: O(e.$style.text),
-      style: W({
+      style: U({
         "--color": e.color,
         "--font-size": e.size,
         "--font-weight": e.bold ? "bold" : void 0,
@@ -4176,7 +4176,7 @@ const Zr = /* @__PURE__ */ k1(os);
     }
   });
 })();
-const us = /* @__PURE__ */ U({
+const us = /* @__PURE__ */ W({
   __name: "ElmPrismHighlighter",
   props: {
     code: {},
@@ -4563,7 +4563,7 @@ function Ms(r = {}) {
   }
   return { width: o, height: c };
 }
-const Ss = /* @__PURE__ */ U({
+const Ss = /* @__PURE__ */ W({
   __name: "ElmTooltip",
   setup(r) {
     const e = J(null), { x: t, y: a, width: n, height: s } = ks(e), i = Ms(), o = J(!1);
@@ -4584,7 +4584,7 @@ const Ss = /* @__PURE__ */ U({
           o.value ? (B(), D("div", {
             key: 0,
             class: O(c.$style.tooltip),
-            style: W(
+            style: U(
               V(t) > V(i).width.value / 2 ? {
                 top: `${V(a) + V(s)}px`,
                 right: `${V(i).width.value - V(t) - V(n)}px`
@@ -4605,7 +4605,7 @@ const Ss = /* @__PURE__ */ U({
   tooltip: As
 }, js = {
   $style: zs
-}, Ar = /* @__PURE__ */ K(Ss, [["__cssModules", js], ["__scopeId", "data-v-9df55653"]]), Ts = /* @__PURE__ */ U({
+}, Ar = /* @__PURE__ */ K(Ss, [["__cssModules", js], ["__scopeId", "data-v-9df55653"]]), Ts = /* @__PURE__ */ W({
   __name: "ElmCodeBlock",
   props: {
     code: {},
@@ -4617,7 +4617,7 @@ const Ss = /* @__PURE__ */ U({
     const e = r, { copy: t, copied: a } = Ya({ source: e.code });
     return (n, s) => (B(), D("div", {
       class: O(n.$style.wrapper),
-      style: W({ "--margin-block": n.margin })
+      style: U({ "--margin-block": n.margin })
     }, [
       N("div", {
         class: O(n.$style.header)
@@ -16305,7 +16305,7 @@ var Cl = function(e, t) {
     LineNode: hr
   }
 };
-const Il = /* @__PURE__ */ U({
+const Il = /* @__PURE__ */ W({
   __name: "ElmKatex",
   props: {
     expression: {},
@@ -16327,7 +16327,7 @@ const Il = /* @__PURE__ */ U({
       key: JSON.stringify(e),
       ref_key: "targetRef",
       ref: t,
-      style: W({
+      style: U({
         "--margin-block": e.block ? "3rem" : void 0
       })
     }, {
@@ -16341,7 +16341,7 @@ const Il = /* @__PURE__ */ U({
   katex: Dl
 }, Rl = {
   $style: Fl
-}, Hl = /* @__PURE__ */ K(Il, [["__cssModules", Rl]]), _l = /* @__PURE__ */ U({
+}, Hl = /* @__PURE__ */ K(Il, [["__cssModules", Rl]]), _l = /* @__PURE__ */ W({
   __name: "ElmColumn",
   setup(r) {
     return (e, t) => (B(), D("div", {
@@ -16354,7 +16354,7 @@ const Il = /* @__PURE__ */ U({
   column: Nl
 }, Pl = {
   $style: Ll
-}, ql = /* @__PURE__ */ K(_l, [["__cssModules", Pl]]), Vl = /* @__PURE__ */ U({
+}, ql = /* @__PURE__ */ K(_l, [["__cssModules", Pl]]), Vl = /* @__PURE__ */ W({
   __name: "ElmColumnList",
   setup(r) {
     return (e, t) => (B(), D("div", {
@@ -16367,7 +16367,7 @@ const Il = /* @__PURE__ */ U({
   "column-list": "_column-list_id8zo_1"
 }, Ul = {
   $style: Gl
-}, Wl = /* @__PURE__ */ K(Vl, [["__cssModules", Ul]]), Yl = /* @__PURE__ */ U({
+}, Wl = /* @__PURE__ */ K(Vl, [["__cssModules", Ul]]), Yl = /* @__PURE__ */ W({
   __name: "ElmDesktopWindow",
   props: {
     minHeight: { default: "6rem" }
@@ -16396,7 +16396,7 @@ const Il = /* @__PURE__ */ U({
         }, null, 2)
       ], 2),
       N("div", {
-        style: W({ minHeight: e.minHeight })
+        style: U({ minHeight: e.minHeight })
       }, [
         be(e.$slots, "default")
       ], 4)
@@ -16408,7 +16408,7 @@ const Il = /* @__PURE__ */ U({
   dot: Kl
 }, Ql = {
   $style: Jl
-}, ud = /* @__PURE__ */ K(Yl, [["__cssModules", Ql]]), eo = /* @__PURE__ */ U({
+}, ud = /* @__PURE__ */ K(Yl, [["__cssModules", Ql]]), eo = /* @__PURE__ */ W({
   __name: "ElmModal",
   props: /* @__PURE__ */ kr({
     width: { default: "90%" }
@@ -16421,7 +16421,7 @@ const Il = /* @__PURE__ */ U({
     const e = Mr(r, "isOpen");
     return (t, a) => (B(), D("div", {
       class: O(t.$style.provider),
-      style: W({
+      style: U({
         "--opacity": e.value ? 1 : 0,
         "--pointer-events": e.value ? "auto" : "none"
       }),
@@ -16432,7 +16432,7 @@ const Il = /* @__PURE__ */ U({
           e.value ? (B(), D("div", {
             key: 0,
             class: O(t.$style.modal),
-            style: W({
+            style: U({
               "--width": t.width
             })
           }, [
@@ -16448,7 +16448,7 @@ const Il = /* @__PURE__ */ U({
   modal: ro
 }, no = {
   $style: ao
-}, cd = /* @__PURE__ */ K(eo, [["__cssModules", no], ["__scopeId", "data-v-4d114d05"]]), so = /* @__PURE__ */ U({
+}, cd = /* @__PURE__ */ K(eo, [["__cssModules", no], ["__scopeId", "data-v-4d114d05"]]), so = /* @__PURE__ */ W({
   __name: "ElmParallax",
   props: {
     imageUrl1: {},
@@ -16459,7 +16459,7 @@ const Il = /* @__PURE__ */ U({
     return (t, a) => (B(), D(De, null, [
       N("div", {
         class: O(t.$style.parallax),
-        style: W({
+        style: U({
           backgroundImage: `url(${t.imageUrl1})`,
           transform: `scale(1.2) translateY(${V(e) / 400}%)`,
           transformOrigin: "bottom"
@@ -16467,7 +16467,7 @@ const Il = /* @__PURE__ */ U({
       }, null, 6),
       N("div", {
         class: O(t.$style.parallax),
-        style: W({
+        style: U({
           backgroundImage: `url(${t.imageUrl2})`,
           transform: `scale(1.2) translateY(${V(e) / 900}%)`,
           transformOrigin: "bottom"
@@ -16479,7 +16479,7 @@ const Il = /* @__PURE__ */ U({
   parallax: io
 }, oo = {
   $style: lo
-}, dd = /* @__PURE__ */ K(so, [["__cssModules", oo]]), uo = { style: { display: "flex", gap: "0.5rem" } }, co = /* @__PURE__ */ U({
+}, dd = /* @__PURE__ */ K(so, [["__cssModules", oo]]), uo = { style: { display: "flex", gap: "0.5rem" } }, co = /* @__PURE__ */ W({
   __name: "ElmToggle",
   props: /* @__PURE__ */ kr({
     summary: {},
@@ -16495,7 +16495,7 @@ const Il = /* @__PURE__ */ U({
     };
     return (a, n) => (B(), D("div", {
       class: O(a.$style.toggle),
-      style: W({ "--margin-block": a.margin })
+      style: U({ "--margin-block": a.margin })
     }, [
       N("div", {
         class: O(a.$style.summary),
@@ -16504,7 +16504,7 @@ const Il = /* @__PURE__ */ U({
         N("div", uo, [
           ee(V(jt), {
             class: O(a.$style.icon),
-            style: W({ "--rotate": e.value ? "90deg" : "0deg" })
+            style: U({ "--rotate": e.value ? "90deg" : "0deg" })
           }, null, 8, ["class", "style"]),
           N("div", null, [
             a.summary != null ? (B(), Se(xe, {
@@ -16515,7 +16515,7 @@ const Il = /* @__PURE__ */ U({
         ]),
         ee(V(X1), {
           class: O(a.$style.icon),
-          style: W({
+          style: U({
             "--rotate": e.value ? "135deg" : "0deg",
             "--color": e.value ? "#b36472" : void 0
           })
@@ -16541,7 +16541,7 @@ const Il = /* @__PURE__ */ U({
   content: fo
 }, yo = {
   $style: vo
-}, go = /* @__PURE__ */ K(co, [["__cssModules", yo], ["__scopeId", "data-v-dc9eb818"]]), xo = ["value", "max"], bo = /* @__PURE__ */ U({
+}, go = /* @__PURE__ */ K(co, [["__cssModules", yo], ["__scopeId", "data-v-dc9eb818"]]), xo = ["value", "max"], bo = /* @__PURE__ */ W({
   __name: "ElmProgress",
   props: {
     value: {},
@@ -16561,7 +16561,7 @@ const Il = /* @__PURE__ */ U({
       }, null, 10, xo),
       N("div", {
         class: O(e.$style.container),
-        style: W({
+        style: U({
           "--weight": e.weight,
           "--border-radius": e.round ? "calc(var(--weight) / 2)" : void 0,
           "--color": e.color
@@ -16569,7 +16569,7 @@ const Il = /* @__PURE__ */ U({
       }, [
         N("div", {
           class: O(e.$style.value),
-          style: W({
+          style: U({
             "--scale-x": `scaleX(${e.loading ? 0 : e.value / e.max})`
           })
         }, null, 6),
@@ -16579,7 +16579,7 @@ const Il = /* @__PURE__ */ U({
         }, null, 2)) : je("", !0),
         N("div", {
           class: O(e.$style.buffer),
-          style: W({
+          style: U({
             "--scale-x": `scaleX(${e.loading ? 0 : e.buffer != null ? e.buffer / e.max : e.value / e.max})`
           })
         }, null, 6)
@@ -16594,7 +16594,7 @@ const Il = /* @__PURE__ */ U({
   buffer: Ao
 }, jo = {
   $style: zo
-}, hd = /* @__PURE__ */ K(bo, [["__cssModules", jo]]), To = /* @__PURE__ */ U({
+}, hd = /* @__PURE__ */ K(bo, [["__cssModules", jo]]), To = /* @__PURE__ */ W({
   __name: "ElmMultiProgress",
   props: {
     progress: {},
@@ -16611,7 +16611,7 @@ const Il = /* @__PURE__ */ U({
     });
     return (n, s) => (B(), D("div", {
       class: O(n.$style.container),
-      style: W({
+      style: U({
         "--weight": n.weight,
         "--border-radius": n.round ? "calc(var(--weight) / 2)" : void 0
       })
@@ -16619,7 +16619,7 @@ const Il = /* @__PURE__ */ U({
       (B(!0), D(De, null, w0(a.value, (i) => (B(), D("div", {
         key: n.index,
         class: O(n.$style.bar),
-        style: W({
+        style: U({
           "--transform": `translateX(${i.start}%) scaleX(${i.scale})`,
           "--color": i.color
         })
@@ -16631,7 +16631,7 @@ const Il = /* @__PURE__ */ U({
   bar: Co
 }, Bo = {
   $style: Eo
-}, pd = /* @__PURE__ */ K(To, [["__cssModules", Bo]]), Oo = /* @__PURE__ */ U({
+}, pd = /* @__PURE__ */ K(To, [["__cssModules", Bo]]), Oo = /* @__PURE__ */ W({
   __name: "ElmRectangleWave",
   setup(r) {
     return (e, t) => (B(), D("div", {
@@ -16644,7 +16644,7 @@ const Il = /* @__PURE__ */ U({
   wave: Io
 }, Fo = {
   $style: Do
-}, Ro = /* @__PURE__ */ K(Oo, [["__cssModules", Fo]]), Ho = /* @__PURE__ */ U({
+}, Ro = /* @__PURE__ */ K(Oo, [["__cssModules", Fo]]), Ho = /* @__PURE__ */ W({
   __name: "ElmDotLoadingIcon",
   props: {
     color: { default: void 0 },
@@ -16653,13 +16653,13 @@ const Il = /* @__PURE__ */ U({
   setup(r) {
     return (e, t) => (B(), D("div", {
       class: O(e.$style.wrapper),
-      style: W({ width: e.size, height: e.size })
+      style: U({ width: e.size, height: e.size })
     }, [
       (B(), D(De, null, w0(3, (a) => N("div", {
         class: O(e.$style.dot),
         "aria-hidden": "",
         key: a,
-        style: W({ backgroundColor: e.color })
+        style: U({ backgroundColor: e.color })
       }, null, 6)), 64))
     ], 6));
   }
@@ -16669,7 +16669,7 @@ const Il = /* @__PURE__ */ U({
   bounce: Lo
 }, qo = {
   $style: Po
-}, Pt = /* @__PURE__ */ K(Ho, [["__cssModules", qo]]), Vo = /* @__PURE__ */ U({
+}, Pt = /* @__PURE__ */ K(Ho, [["__cssModules", qo]]), Vo = /* @__PURE__ */ W({
   __name: "ElmBlockFallback",
   setup(r) {
     return (e, t) => (B(), D("div", {
@@ -16682,7 +16682,7 @@ const Il = /* @__PURE__ */ U({
   "elmethis-block-fallback": "_elmethis-block-fallback_uo36g_1"
 }, Uo = {
   $style: Go
-}, md = /* @__PURE__ */ K(Vo, [["__cssModules", Uo]]), Wo = /* @__PURE__ */ U({
+}, md = /* @__PURE__ */ K(Vo, [["__cssModules", Uo]]), Wo = /* @__PURE__ */ W({
   __name: "ElmButton",
   props: {
     loading: { type: Boolean, default: !1 },
@@ -16700,7 +16700,7 @@ const Il = /* @__PURE__ */ U({
           [e.$style.primary]: e.primary
         }
       ]),
-      style: W({
+      style: U({
         display: e.block ? "flex" : "inline-flex",
         width: e.block ? "100%" : "auto",
         cursor: e.disabled ? "not-allowed" : e.loading ? "progress" : "pointer",
@@ -16736,7 +16736,7 @@ const Il = /* @__PURE__ */ U({
   display: "flex",
   alignItems: "center",
   gap: "0.5rem"
-} }, r2 = /* @__PURE__ */ U({
+} }, r2 = /* @__PURE__ */ W({
   __name: "ElmCheckbox",
   props: /* @__PURE__ */ kr({
     label: {}
@@ -17131,7 +17131,7 @@ function fu(r) {
 var X0 = fu(function(r, e, t) {
   return r + (t ? "-" : "") + e.toLowerCase();
 });
-const vu = ["id"], yu = /* @__PURE__ */ U({
+const vu = ["id"], yu = /* @__PURE__ */ W({
   __name: "ElmHeading1",
   props: {
     text: {},
@@ -17147,14 +17147,14 @@ const vu = ["id"], yu = /* @__PURE__ */ U({
       ref: e,
       class: O(a.$style.h1),
       id: a.id ?? V(X0)(a.text),
-      style: W({ "--scale": t.value ? 1 : 0, "--font-size": a.size })
+      style: U({ "--scale": t.value ? 1 : 0, "--font-size": a.size })
     }, Ae(a.text), 15, vu));
   }
 }), gu = "_h1_5ae4t_1", xu = {
   h1: gu
 }, bu = {
   $style: xu
-}, wu = /* @__PURE__ */ K(yu, [["__cssModules", bu]]), ku = ["id"], Mu = /* @__PURE__ */ U({
+}, wu = /* @__PURE__ */ K(yu, [["__cssModules", bu]]), ku = ["id"], Mu = /* @__PURE__ */ W({
   __name: "ElmHeading2",
   props: {
     text: {},
@@ -17170,7 +17170,7 @@ const vu = ["id"], yu = /* @__PURE__ */ U({
       ref: e,
       class: O(a.$style.h2),
       id: a.id ?? V(X0)(a.text),
-      style: W({
+      style: U({
         "--scale": t.value ? 1 : 0,
         "--font-size": a.size
       })
@@ -17187,7 +17187,7 @@ const vu = ["id"], yu = /* @__PURE__ */ U({
   underline: Au
 }, ju = {
   $style: zu
-}, Tu = /* @__PURE__ */ K(Mu, [["__cssModules", ju]]), $u = ["id"], Cu = /* @__PURE__ */ U({
+}, Tu = /* @__PURE__ */ K(Mu, [["__cssModules", ju]]), $u = ["id"], Cu = /* @__PURE__ */ W({
   __name: "ElmHeading3",
   props: {
     text: {},
@@ -17198,14 +17198,14 @@ const vu = ["id"], yu = /* @__PURE__ */ U({
     return (e, t) => (B(), D("h3", {
       class: O(e.$style.h3),
       id: e.id ?? V(X0)(e.text),
-      style: W({ "--font-size": e.size })
+      style: U({ "--font-size": e.size })
     }, Ae(e.text), 15, $u));
   }
 }), Eu = "_h3_1nd9a_1", Bu = {
   h3: Eu
 }, Ou = {
   $style: Bu
-}, Iu = /* @__PURE__ */ K(Cu, [["__cssModules", Ou]]), Du = ["id"], Fu = /* @__PURE__ */ U({
+}, Iu = /* @__PURE__ */ K(Cu, [["__cssModules", Ou]]), Du = ["id"], Fu = /* @__PURE__ */ W({
   __name: "ElmHeading4",
   props: {
     text: {},
@@ -17216,14 +17216,14 @@ const vu = ["id"], yu = /* @__PURE__ */ U({
     return (e, t) => (B(), D("h4", {
       class: O(e.$style.h4),
       id: e.id ?? V(X0)(e.text),
-      style: W({ "--font-size": e.size })
+      style: U({ "--font-size": e.size })
     }, Ae(e.text), 15, Du));
   }
 }), Ru = "_h4_xd5ja_1", Hu = {
   h4: Ru
 }, _u = {
   $style: Hu
-}, Nu = /* @__PURE__ */ K(Fu, [["__cssModules", _u]]), Lu = ["id"], Pu = /* @__PURE__ */ U({
+}, Nu = /* @__PURE__ */ K(Fu, [["__cssModules", _u]]), Lu = ["id"], Pu = /* @__PURE__ */ W({
   __name: "ElmHeading5",
   props: {
     text: {},
@@ -17234,14 +17234,14 @@ const vu = ["id"], yu = /* @__PURE__ */ U({
     return (e, t) => (B(), D("h5", {
       class: O(e.$style.h5),
       id: e.id ?? V(X0)(e.text),
-      style: W({ "--font-size": e.size })
+      style: U({ "--font-size": e.size })
     }, Ae(e.text), 15, Lu));
   }
 }), qu = "_h5_6u1a5_1", Vu = {
   h5: qu
 }, Gu = {
   $style: Vu
-}, Uu = /* @__PURE__ */ K(Pu, [["__cssModules", Gu]]), Wu = ["id"], Yu = /* @__PURE__ */ U({
+}, Uu = /* @__PURE__ */ K(Pu, [["__cssModules", Gu]]), Wu = ["id"], Yu = /* @__PURE__ */ W({
   __name: "ElmHeading6",
   props: {
     text: {},
@@ -17252,14 +17252,14 @@ const vu = ["id"], yu = /* @__PURE__ */ U({
     return (e, t) => (B(), D("h6", {
       class: O(e.$style.h6),
       id: e.id ?? V(X0)(e.text),
-      style: W({ "--font-size": e.size })
+      style: U({ "--font-size": e.size })
     }, Ae(e.text), 15, Wu));
   }
 }), Xu = "_h6_10719_1", Zu = {
   h6: Xu
 }, Ku = {
   $style: Zu
-}, Ju = /* @__PURE__ */ K(Yu, [["__cssModules", Ku]]), Qu = ["href"], ec = ["src", "alt"], tc = /* @__PURE__ */ U({
+}, Ju = /* @__PURE__ */ K(Yu, [["__cssModules", Ku]]), Qu = ["href"], ec = ["src", "alt"], tc = /* @__PURE__ */ W({
   __name: "ElmBookmarkIcon",
   props: {
     name: {},
@@ -17299,7 +17299,7 @@ const vu = ["id"], yu = /* @__PURE__ */ U({
   text: nc
 }, ic = {
   $style: sc
-}, vd = /* @__PURE__ */ K(tc, [["__cssModules", ic]]), lc = /* @__PURE__ */ U({
+}, vd = /* @__PURE__ */ K(tc, [["__cssModules", ic]]), lc = /* @__PURE__ */ W({
   __name: "ElmCubeIcon",
   props: {
     size: { default: 128 }
@@ -17315,7 +17315,7 @@ const vu = ["id"], yu = /* @__PURE__ */ U({
     ];
     return (n, s) => (B(), D("div", {
       class: O(n.$style.cube),
-      style: W({
+      style: U({
         width: `${n.size}px`,
         height: `${n.size}px`
       })
@@ -17323,7 +17323,7 @@ const vu = ["id"], yu = /* @__PURE__ */ U({
       (B(), D(De, null, w0(a, (i) => N("div", {
         key: i.name,
         class: O(n.$style.face),
-        style: W({
+        style: U({
           transform: `${i.rotate} ${t.value}`
         })
       }, null, 6)), 64))
@@ -17335,7 +17335,7 @@ const vu = ["id"], yu = /* @__PURE__ */ U({
   face: uc
 }, dc = {
   $style: cc
-}, yd = /* @__PURE__ */ K(lc, [["__cssModules", dc]]), hc = /* @__PURE__ */ U({
+}, yd = /* @__PURE__ */ K(lc, [["__cssModules", dc]]), hc = /* @__PURE__ */ W({
   __name: "ElmLoginIcon",
   props: {
     size: { default: "2rem" },
@@ -17349,7 +17349,7 @@ const vu = ["id"], yu = /* @__PURE__ */ U({
           e.isLoading ? x1(Pt, { size: e.size }) : e.isLogin ? V(I1) : V(O1)
         ), {
           class: O(e.$style.icon),
-          style: W({
+          style: U({
             "--width": e.size,
             "--color": e.isLogin ? "#b36472" : "#6987b8"
           })
@@ -17396,7 +17396,7 @@ function vc() {
     }
   }), { isDarkTheme: r, toggleTheme: e };
 }
-const yc = /* @__PURE__ */ U({
+const yc = /* @__PURE__ */ W({
   __name: "ElmToggleTheme",
   props: {
     size: { default: "2rem" }
@@ -17405,7 +17405,7 @@ const yc = /* @__PURE__ */ U({
     const { isDarkTheme: e, toggleTheme: t } = vc();
     return (a, n) => (B(), Se(h0(V(e) ? V(Y1) : V(K1)), {
       class: O(a.$style.icon),
-      style: W({ width: a.size, height: a.size }),
+      style: U({ width: a.size, height: a.size }),
       onClick: V(t)
     }, null, 8, ["class", "style", "onClick"]));
   }
@@ -17413,7 +17413,7 @@ const yc = /* @__PURE__ */ U({
   icon: gc
 }, bc = {
   $style: xc
-}, xd = /* @__PURE__ */ K(yc, [["__cssModules", bc]]), wc = /* @__PURE__ */ U({
+}, xd = /* @__PURE__ */ K(yc, [["__cssModules", bc]]), wc = /* @__PURE__ */ W({
   __name: "ElmInlineCode",
   props: {
     code: {},
@@ -17433,7 +17433,7 @@ const yc = /* @__PURE__ */ U({
   code: kc
 }, Sc = {
   $style: Mc
-}, Ac = /* @__PURE__ */ K(wc, [["__cssModules", Sc]]), zc = ["href", "target"], jc = /* @__PURE__ */ U({
+}, Ac = /* @__PURE__ */ K(wc, [["__cssModules", Sc]]), zc = ["href", "target"], jc = /* @__PURE__ */ W({
   __name: "ElmInlineLink",
   props: {
     text: {},
@@ -17451,7 +17451,7 @@ const yc = /* @__PURE__ */ U({
     return (a, n) => (B(), D("a", {
       class: O(a.$style.link),
       href: a.href,
-      style: W({ "--font-size": a.size }),
+      style: U({ "--font-size": a.size }),
       target: a.openInNewTab ? "_blank" : void 0,
       rel: "noopener noreferrer",
       onClick: t
@@ -17469,7 +17469,7 @@ const yc = /* @__PURE__ */ U({
   icon: $c
 }, Ec = {
   $style: Cc
-}, o1 = /* @__PURE__ */ K(jc, [["__cssModules", Ec]]), bd = /* @__PURE__ */ U({
+}, o1 = /* @__PURE__ */ K(jc, [["__cssModules", Ec]]), bd = /* @__PURE__ */ W({
   __name: "ElmInlineRuby",
   props: {
     text: {},
@@ -17490,12 +17490,13 @@ const yc = /* @__PURE__ */ U({
       ])
     ]));
   }
-}), Bc = { style: { opacity: 0.6 } }, Oc = /* @__PURE__ */ U({
+}), Bc = { style: { opacity: 0.6 } }, Oc = /* @__PURE__ */ W({
   __name: "ElmFile",
   props: {
     name: {},
     src: {},
-    filesize: {}
+    filesize: {},
+    margin: {}
   },
   setup(r) {
     function e(a) {
@@ -17516,7 +17517,8 @@ const yc = /* @__PURE__ */ U({
       }
     }
     return (a, n) => (B(), D("div", {
-      class: O(a.$style.file)
+      class: O(a.$style.file),
+      style: U({ "--margin-block": a.margin })
     }, [
       N("div", {
         class: O(a.$style["left-container"])
@@ -17547,17 +17549,17 @@ const yc = /* @__PURE__ */ U({
           })
         }, null, 8, ["class"])
       ], 2)
-    ], 2));
+    ], 6));
   }
-}), Ic = "_file_ji2ey_1", Dc = "_icon_ji2ey_20", Fc = {
+}), Ic = "_file_s711r_1", Dc = "_icon_s711r_21", Fc = {
   file: Ic,
-  "left-container": "_left-container_ji2ey_14",
+  "left-container": "_left-container_s711r_15",
   icon: Dc,
-  "right-container": "_right-container_ji2ey_28",
-  "download-icon": "_download-icon_ji2ey_34"
+  "right-container": "_right-container_s711r_29",
+  "download-icon": "_download-icon_s711r_35"
 }, Rc = {
   $style: Fc
-}, Hc = /* @__PURE__ */ K(Oc, [["__cssModules", Rc]]), _c = ["src", "alt"], Nc = ["src", "alt"], Lc = /* @__PURE__ */ U({
+}, Hc = /* @__PURE__ */ K(Oc, [["__cssModules", Rc]]), _c = ["src", "alt"], Nc = ["src", "alt"], Lc = /* @__PURE__ */ W({
   __name: "ElmImage",
   props: {
     src: {},
@@ -17573,7 +17575,7 @@ const yc = /* @__PURE__ */ U({
       e.value ? (B(), D("div", {
         key: 0,
         class: O(a.$style.fallback),
-        style: W({ "--margin-block": a.margin })
+        style: U({ "--margin-block": a.margin })
       }, [
         ee(Ro),
         N("div", null, [
@@ -17590,7 +17592,7 @@ const yc = /* @__PURE__ */ U({
         onClick: n[1] || (n[1] = () => {
           a.enableModal && (t.value = !0);
         }),
-        style: W({
+        style: U({
           "--height": e.value ? "0" : "auto",
           "--opacity": e.value ? 0 : 1,
           "--cursor": a.enableModal ? "zoom-in" : "inherit",
@@ -17624,7 +17626,7 @@ const yc = /* @__PURE__ */ U({
   "modal-image": "_modal-image_pvgdy_36"
 }, Uc = {
   $style: Gc
-}, u1 = /* @__PURE__ */ K(Lc, [["__cssModules", Uc], ["__scopeId", "data-v-71d32c34"]]), Wc = ["href", "target"], Yc = /* @__PURE__ */ U({
+}, u1 = /* @__PURE__ */ K(Lc, [["__cssModules", Uc], ["__scopeId", "data-v-71d32c34"]]), Wc = ["href", "target"], Yc = /* @__PURE__ */ W({
   __name: "ElmBookmark",
   props: {
     isHorizontal: { type: Boolean, default: !0 },
@@ -17636,7 +17638,8 @@ const yc = /* @__PURE__ */ U({
     url: {},
     createdAt: {},
     updatedAt: {},
-    onClick: {}
+    onClick: {},
+    margin: {}
   },
   setup(r) {
     const e = r;
@@ -17648,10 +17651,11 @@ const yc = /* @__PURE__ */ U({
       href: a.url,
       target: a.openInNewTab ? "_blank" : void 0,
       rel: "noopener noreferrer",
-      style: W({
+      style: U({
         "--flex-direction": a.isHorizontal ? "row" : "column",
         "--container-height": a.isHorizontal ? "150px" : "auto",
-        "--image-max-width": a.isHorizontal ? "32%" : "100%"
+        "--image-max-width": a.isHorizontal ? "32%" : "100%",
+        "--margin-block": a.margin
       }),
       onClick: t
     }, [
@@ -17716,7 +17720,7 @@ const yc = /* @__PURE__ */ U({
       ], 2)
     ], 14, Wc));
   }
-}), Xc = "_bookmark_9vini_1", Zc = "_image_9vini_22", Kc = "_typography_9vini_34", Jc = "_title_9vini_43", Qc = "_link_9vini_50", e4 = "_date_9vini_55", t4 = "_icon_9vini_61", r4 = {
+}), Xc = "_bookmark_1ahct_1", Zc = "_image_1ahct_23", Kc = "_typography_1ahct_35", Jc = "_title_1ahct_44", Qc = "_link_1ahct_51", e4 = "_date_1ahct_56", t4 = "_icon_1ahct_62", r4 = {
   bookmark: Xc,
   image: Zc,
   typography: Kc,
@@ -17726,7 +17730,7 @@ const yc = /* @__PURE__ */ U({
   icon: t4
 }, a4 = {
   $style: r4
-}, n4 = /* @__PURE__ */ K(Yc, [["__cssModules", a4]]), s4 = ["onClick"], i4 = /* @__PURE__ */ U({
+}, n4 = /* @__PURE__ */ K(Yc, [["__cssModules", a4]]), s4 = ["onClick"], i4 = /* @__PURE__ */ W({
   __name: "ElmBreadcrumb",
   props: {
     links: {}
@@ -17739,7 +17743,7 @@ const yc = /* @__PURE__ */ U({
       class: O(a.$style.container),
       ref_key: "target",
       ref: e,
-      style: W({
+      style: U({
         "--opacity": t.value ? 1 : 0
       })
     }, [
@@ -17752,14 +17756,14 @@ const yc = /* @__PURE__ */ U({
             i === 0 ? V(U1) : i === a.links.length - 1 ? V(L1) : V(V1)
           ), {
             class: O([a.$style.icon, a.$style.fade]),
-            style: W({
+            style: U({
               "--delay": `${i * 100}ms`
             })
           }, null, 8, ["class", "style"])),
           ee(xe, {
             text: s.text,
             class: O(a.$style.fade),
-            style: W({
+            style: U({
               "--delay": `${i * 100 + 50}ms`
             })
           }, null, 8, ["text", "class", "style"])
@@ -17767,7 +17771,7 @@ const yc = /* @__PURE__ */ U({
         a.links.length !== i + 1 ? (B(), Se(V(jt), {
           key: 0,
           class: O([a.$style.chevron, a.$style.fade]),
-          style: W({
+          style: U({
             "--delay": `${i * 100 + 100}ms`
           })
         }, null, 8, ["class", "style"])) : je("", !0)
@@ -17782,7 +17786,7 @@ const yc = /* @__PURE__ */ U({
   fade: c4
 }, h4 = {
   $style: d4
-}, wd = /* @__PURE__ */ K(i4, [["__cssModules", h4]]), p4 = /* @__PURE__ */ U({
+}, wd = /* @__PURE__ */ K(i4, [["__cssModules", h4]]), p4 = /* @__PURE__ */ W({
   __name: "ElmPagetop",
   props: {
     position: { default: "right" }
@@ -17800,7 +17804,7 @@ const yc = /* @__PURE__ */ U({
     };
     return (n, s) => (B(), D("nav", {
       class: O([n.$style.wrapper, { [n.$style["wrapper--visible"]]: e.value }]),
-      style: W({
+      style: U({
         "--size": "64px",
         left: n.position === "left" ? "0" : "auto",
         right: n.position === "right" ? "0" : "auto"
@@ -17832,7 +17836,7 @@ const yc = /* @__PURE__ */ U({
   text: y4
 }, x4 = {
   $style: g4
-}, kd = /* @__PURE__ */ K(p4, [["__cssModules", x4]]), b4 = ["href"], w4 = /* @__PURE__ */ U({
+}, kd = /* @__PURE__ */ K(p4, [["__cssModules", x4]]), b4 = ["href"], w4 = /* @__PURE__ */ W({
   __name: "ElmTableOfContents",
   props: {
     headings: {}
@@ -17844,7 +17848,7 @@ const yc = /* @__PURE__ */ U({
       (B(!0), D(De, null, w0(e.headings, (a) => (B(), D("a", {
         class: O(e.$style.link),
         href: `#${a.id ?? a.text}`,
-        style: W({ "--padding-left": `${a.level * 0.5}rem` })
+        style: U({ "--padding-left": `${a.level * 0.5}rem` })
       }, [
         N("sup", null, [
           ee(xe, {
@@ -18668,7 +18672,7 @@ function p5(r, e) {
   return Z0(n);
 }
 Le(p5);
-const m5 = /* @__PURE__ */ U({
+const m5 = /* @__PURE__ */ W({
   __name: "ElmColorSample",
   props: {
     color: {}
@@ -18676,13 +18680,13 @@ const m5 = /* @__PURE__ */ U({
   setup(r) {
     const e = r, { blue: t, green: a, red: n } = A0(e.color), { hue: s, saturation: i, lightness: o } = v0(e.color), c = i5(A0(e.color)), d = `rgb(${n}, ${a}, ${t})`, p = `hsl(${Math.floor(s)}, ${Math.floor(i * 100)}%, ${Math.floor(o * 100)}%)`, { copy: f, copied: y } = Ya();
     return (b, M) => (B(), D("div", {
-      style: W({ "--color": b.color })
+      style: U({ "--color": b.color })
     }, [
       ee(Ar, null, {
         original: Ee(() => [
           N("div", {
             class: O(b.$style["color-bg"]),
-            style: W({
+            style: U({
               "--background-color": b.color
             }),
             onClick: M[0] || (M[0] = (k) => V(f)(V(c)))
@@ -18725,7 +18729,7 @@ const m5 = /* @__PURE__ */ U({
   text: f5
 }, y5 = {
   $style: v5
-}, g5 = /* @__PURE__ */ K(m5, [["__cssModules", y5], ["__scopeId", "data-v-c3f4d254"]]), x5 = /* @__PURE__ */ U({
+}, g5 = /* @__PURE__ */ K(m5, [["__cssModules", y5], ["__scopeId", "data-v-c3f4d254"]]), x5 = /* @__PURE__ */ W({
   __name: "ElmColorTable",
   props: {
     colors: {}
@@ -18739,7 +18743,7 @@ const m5 = /* @__PURE__ */ U({
       }, [
         N("div", {
           class: O(e.$style["color-name"]),
-          style: W({ "--color": a.code })
+          style: U({ "--color": a.code })
         }, Ae(a.name), 7),
         (B(), D(De, null, w0([
           -0.2,
@@ -18763,7 +18767,7 @@ const m5 = /* @__PURE__ */ U({
   "color-name": "_color-name_2ivef_15"
 }, k5 = {
   $style: w5
-}, Sd = /* @__PURE__ */ K(x5, [["__cssModules", k5]]), M5 = /* @__PURE__ */ U({
+}, Sd = /* @__PURE__ */ K(x5, [["__cssModules", k5]]), M5 = /* @__PURE__ */ W({
   __name: "ElmCallout",
   props: {
     type: { default: "note" }
@@ -18782,7 +18786,7 @@ const m5 = /* @__PURE__ */ U({
       ref_key: "target",
       ref: t,
       class: O(n.$style.callout),
-      style: W({
+      style: U({
         "--border-color": e[n.type].code,
         "--bg-color": V(Z0)(e[n.type].code, 0.1),
         "--scale": a.value ? 1 : 0
@@ -18793,7 +18797,7 @@ const m5 = /* @__PURE__ */ U({
       }, [
         (B(), Se(h0(e[n.type].icon), {
           class: O(n.$style.icon),
-          style: W({ "--icon-color": e[n.type].code })
+          style: U({ "--icon-color": e[n.type].code })
         }, null, 8, ["class", "style"])),
         ee(xe, {
           text: n.type.toUpperCase(),
@@ -18811,7 +18815,7 @@ const m5 = /* @__PURE__ */ U({
   icon: z5
 }, T5 = {
   $style: j5
-}, $5 = /* @__PURE__ */ K(M5, [["__cssModules", T5]]), C5 = /* @__PURE__ */ U({
+}, $5 = /* @__PURE__ */ K(M5, [["__cssModules", T5]]), C5 = /* @__PURE__ */ W({
   __name: "ElmBulletedList",
   setup(r) {
     const e = J(null), t = J(!1);
@@ -18821,14 +18825,14 @@ const m5 = /* @__PURE__ */ U({
       ref_key: "target",
       ref: e,
       class: "elmethis-bulleted-list",
-      style: W({
+      style: U({
         "--opacity": t.value ? 1 : 0
       })
     }, [
       be(a.$slots, "default")
     ], 4));
   }
-}), E5 = /* @__PURE__ */ U({
+}), E5 = /* @__PURE__ */ W({
   __name: "ElmNumberedList",
   setup(r) {
     const e = J(null), t = J(!1);
@@ -18838,14 +18842,14 @@ const m5 = /* @__PURE__ */ U({
       ref_key: "target",
       ref: e,
       class: "elmethis-numbered-list",
-      style: W({
+      style: U({
         "--opacity": t.value ? 1 : 0
       })
     }, [
       be(a.$slots, "default")
     ], 4));
   }
-}), B5 = /* @__PURE__ */ U({
+}), B5 = /* @__PURE__ */ W({
   __name: "ElmListItem",
   setup(r) {
     return (e, t) => (B(), D("li", {
@@ -18858,7 +18862,7 @@ const m5 = /* @__PURE__ */ U({
   li: O5
 }, D5 = {
   $style: I5
-}, F5 = /* @__PURE__ */ K(B5, [["__cssModules", D5]]), R5 = /* @__PURE__ */ U({
+}, F5 = /* @__PURE__ */ K(B5, [["__cssModules", D5]]), R5 = /* @__PURE__ */ W({
   __name: "ElmBlockQuote",
   setup(r) {
     const e = J(null), t = J(!1);
@@ -18868,7 +18872,7 @@ const m5 = /* @__PURE__ */ U({
       ref_key: "target",
       ref: e,
       class: O(a.$style.blockquote),
-      style: W({
+      style: U({
         "--opacity": t.value ? 1 : 0
       })
     }, [
@@ -18879,7 +18883,7 @@ const m5 = /* @__PURE__ */ U({
   blockquote: H5
 }, N5 = {
   $style: _5
-}, L5 = /* @__PURE__ */ K(R5, [["__cssModules", N5]]), P5 = /* @__PURE__ */ U({
+}, L5 = /* @__PURE__ */ K(R5, [["__cssModules", N5]]), P5 = /* @__PURE__ */ W({
   __name: "ElmDivider",
   props: {
     margin: {}
@@ -18892,7 +18896,7 @@ const m5 = /* @__PURE__ */ U({
       ref_key: "target",
       ref: e,
       class: O(a.$style.divider),
-      style: W({
+      style: U({
         "--scale": t.value ? 1 : 0,
         "--margin-block": a.margin
       })
@@ -18902,7 +18906,7 @@ const m5 = /* @__PURE__ */ U({
   divider: q5
 }, G5 = {
   $style: V5
-}, U5 = /* @__PURE__ */ K(P5, [["__cssModules", G5]]), W5 = /* @__PURE__ */ U({
+}, U5 = /* @__PURE__ */ K(P5, [["__cssModules", G5]]), W5 = /* @__PURE__ */ W({
   __name: "ElmParagraph",
   setup(r) {
     const e = J(null), t = J(!1);
@@ -18912,7 +18916,7 @@ const m5 = /* @__PURE__ */ U({
       ref_key: "target",
       ref: e,
       class: O(a.$style.paragraph),
-      style: W({
+      style: U({
         "--opacity": t.value ? 1 : 0
       })
     }, [
@@ -18923,7 +18927,7 @@ const m5 = /* @__PURE__ */ U({
   paragraph: Y5
 }, Z5 = {
   $style: X5
-}, K5 = /* @__PURE__ */ K(W5, [["__cssModules", Z5]]), J5 = /* @__PURE__ */ U({
+}, K5 = /* @__PURE__ */ K(W5, [["__cssModules", Z5]]), J5 = /* @__PURE__ */ W({
   __name: "ElmTable",
   props: {
     margin: {}
@@ -18931,35 +18935,35 @@ const m5 = /* @__PURE__ */ U({
   setup(r) {
     return (e, t) => (B(), D("table", {
       class: "table",
-      style: W({
+      style: U({
         "--margin-block": e.margin
       })
     }, [
       be(e.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Q5 = /* @__PURE__ */ K(J5, [["__scopeId", "data-v-6ed1a868"]]), ed = { class: "elmethis-table-header-thead" }, td = /* @__PURE__ */ U({
+}), Q5 = /* @__PURE__ */ K(J5, [["__scopeId", "data-v-6ed1a868"]]), ed = { class: "elmethis-table-header-thead" }, td = /* @__PURE__ */ W({
   __name: "ElmTableHeader",
   setup(r) {
     return (e, t) => (B(), D("thead", ed, [
       be(e.$slots, "default")
     ]));
   }
-}), rd = { class: "elmethis-table-header-body" }, ad = /* @__PURE__ */ U({
+}), rd = { class: "elmethis-table-header-body" }, ad = /* @__PURE__ */ W({
   __name: "ElmTableBody",
   setup(r) {
     return (e, t) => (B(), D("tbody", rd, [
       be(e.$slots, "default")
     ]));
   }
-}), nd = /* @__PURE__ */ U({
+}), nd = /* @__PURE__ */ W({
   __name: "ElmTableRow",
   setup(r) {
     return (e, t) => (B(), D("tr", null, [
       be(e.$slots, "default")
     ]));
   }
-}), sd = /* @__PURE__ */ U({
+}), sd = /* @__PURE__ */ W({
   __name: "ElmTableCell",
   props: {
     hasHeader: { type: Boolean, default: !1 },
@@ -18974,7 +18978,7 @@ const m5 = /* @__PURE__ */ U({
       _: 3
     }));
   }
-}), id = /* @__PURE__ */ K(sd, [["__scopeId", "data-v-7bedd3ac"]]), Ad = /* @__PURE__ */ U({
+}), id = /* @__PURE__ */ K(sd, [["__scopeId", "data-v-7bedd3ac"]]), Ad = /* @__PURE__ */ W({
   __name: "ElmJsonRenderer",
   props: {
     json: {}