@elmethis/react 0.3.6 → 0.3.7

package/lib/index.react.mjs

@@ -813,21 +813,21 @@ var pt = (e) => {
 			})]
 		}), /* @__PURE__ */ p("div", { children: t.children })]
 	});
-}, kt = { divider: "_divider_uq5jr_1" }, E = (e) => /* @__PURE__ */ p("hr", {
+}, kt = { divider: "_divider_uq5jr_1" }, At = (e) => /* @__PURE__ */ p("hr", {
 	className: kt.divider,
 	style: e.style
-}), At = { fragment: "_fragment_il7xb_1" }, jt = (e) => {
+}), jt = { fragment: "_fragment_il7xb_1" }, Mt = (e) => {
 	let t = a((e) => {
 		let t = new URL(window.location.href);
 		t.hash = e, window.history.replaceState(null, "", t.toString()), document.getElementById(e)?.scrollIntoView({ behavior: "smooth" });
 	}, []);
 	return /* @__PURE__ */ p("span", {
-		className: At.fragment,
+		className: jt.fragment,
 		style: e.style,
 		onClick: () => t(e.id),
 		children: "#"
 	});
-}, D = {
+}, E = {
 	"heading-common": "_heading-common_1ytfd_1",
 	h1: "_h1_1ytfd_22",
 	h2: "_h2_1ytfd_57",
@@ -837,14 +837,14 @@ var pt = (e) => {
 	h5: "_h5_1ytfd_134",
 	h6: "_h6_1ytfd_138",
 	"heading-stretch": "_heading-stretch_1ytfd_1"
-}, Mt = Object.freeze({
+}, Nt = Object.freeze({
 	1: 1.5,
 	2: 1.4,
 	3: 1.3,
 	4: 1.2,
 	5: 1.15,
 	6: 1.1
-}), Nt = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase(), O = ({ level: e = 1, disableFragmentIdentifier: t = !1, ...n }) => {
+}), Pt = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase(), D = ({ level: e = 1, disableFragmentIdentifier: t = !1, ...n }) => {
 	let r = u(null), [i, a] = d(!1);
 	s(() => {
 		let e = r.current;
@@ -854,13 +854,13 @@ var pt = (e) => {
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []);
-	let o = `h${e}`, c = n.id ?? (n.text ? Nt(n.text) : void 0);
+	let o = `h${e}`, c = n.id ?? (n.text ? Pt(n.text) : void 0);
 	return /* @__PURE__ */ m(o, {
 		ref: r,
-		className: [D["heading-common"], D[`h${e}`]].filter(Boolean).join(" "),
+		className: [E["heading-common"], E[`h${e}`]].filter(Boolean).join(" "),
 		id: c,
 		style: {
-			"--font-size": n.size ?? `${Mt[e]}rem`,
+			"--font-size": n.size ?? `${Nt[e]}rem`,
 			"--scale": +!!i,
 			"--opacity": +!!i,
 			...n.style
@@ -868,71 +868,71 @@ var pt = (e) => {
 		children: [
 			n.text && /* @__PURE__ */ p("span", { children: n.text }),
 			n.children,
-			!t && c && /* @__PURE__ */ p(jt, { id: c }),
+			!t && c && /* @__PURE__ */ p(Mt, { id: c }),
 			e === 2 && /* @__PURE__ */ p("span", {
-				className: D.h2__underline,
+				className: E.h2__underline,
 				"aria-hidden": "true"
 			})
 		]
 	});
-}, k = {
+}, Ft = {
 	"elmethis-list-common": "_elmethis-list-common_1qwri_1",
 	"elmethis-bulleted-list": "_elmethis-bulleted-list_1qwri_7",
 	"elmethis-numbered-list": "_elmethis-numbered-list_1qwri_25"
-}, Pt = ({ listStyle: e = "unordered", ...t }) => {
-	let n = [k["elmethis-list-common"], e === "unordered" ? k["elmethis-bulleted-list"] : k["elmethis-numbered-list"]].join(" ");
+}, It = ({ listStyle: e = "unordered", ...t }) => {
+	let n = [Ft["elmethis-list-common"], e === "unordered" ? Ft["elmethis-bulleted-list"] : Ft["elmethis-numbered-list"]].join(" ");
 	return p(e === "ordered" ? "ol" : "ul", {
 		className: n,
 		style: t.style,
 		children: t.children
 	});
-}, Ft = {
+}, Lt = {
 	text: "_text_zrzts_1",
 	cursor: "_cursor_zrzts_30",
 	blink: "_blink_zrzts_1"
-}, A = (e) => new Promise((t) => {
+}, O = (e) => new Promise((t) => {
 	setTimeout(t, e);
-}), It = ({ texts: e = [], interval: t = 3e3, fontSize: n = "1rem", ...r }) => {
+}), Rt = ({ texts: e = [], interval: t = 3e3, fontSize: n = "1rem", ...r }) => {
 	let [i, a] = d(""), o = u(!1);
 	return s(() => (o.current = !1, (async () => {
 		for (; !o.current;) for (let n of e) {
 			for (let e = 0; e < n.length; e++) {
-				if (o.current || (await A(75), o.current)) return;
+				if (o.current || (await O(75), o.current)) return;
 				a(n.slice(0, e + 1));
 			}
-			if (await A(t), o.current) return;
-			for (let e = n.length; e >= 0; e--) if (o.current || (a(n.slice(0, e)), await A(25), o.current)) return;
-			if (await A(200), o.current) return;
+			if (await O(t), o.current) return;
+			for (let e = n.length; e >= 0; e--) if (o.current || (a(n.slice(0, e)), await O(25), o.current)) return;
+			if (await O(200), o.current) return;
 		}
 	})(), () => {
 		o.current = !0;
 	}), [e, t]), /* @__PURE__ */ m("span", {
-		className: Ft.text,
+		className: Lt.text,
 		style: {
 			fontSize: n,
 			...r.style
 		},
 		children: [i, /* @__PURE__ */ p("span", {
-			className: Ft.cursor,
+			className: Lt.cursor,
 			children: "\xA0"
 		})]
 	});
-}, Lt = { "elm-template": "_elm-template_18rwn_1" }, Rt = (e) => /* @__PURE__ */ p("div", {
-	className: Lt["elm-template"],
+}, zt = { "elm-template": "_elm-template_18rwn_1" }, Bt = (e) => /* @__PURE__ */ p("div", {
+	className: zt["elm-template"],
 	style: e.style,
 	children: "PLACEHOLDER"
-}), j = {
+}), k = {
 	progress: "_progress_e6hmw_1",
 	container: "_container_e6hmw_27",
 	value: "_value_e6hmw_41",
 	loading: "_loading_e6hmw_56",
 	buffer: "_buffer_e6hmw_72"
-}, zt = ({ value: e, buffer: t, max: n = 100, weight: r = "4px", round: i = !0, color: a, loading: o = !1, style: s }) => /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("progress", {
-	className: j.progress,
+}, Vt = ({ value: e, buffer: t, max: n = 100, weight: r = "4px", round: i = !0, color: a, loading: o = !1, style: s }) => /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("progress", {
+	className: k.progress,
 	value: e,
 	max: n
 }), /* @__PURE__ */ m("div", {
-	className: j.container,
+	className: k.container,
 	style: {
 		"--weight": r,
 		"--border-radius": i ? "calc(var(--weight) / 2)" : void 0,
@@ -941,19 +941,19 @@ var pt = (e) => {
 	},
 	children: [
 		/* @__PURE__ */ p("div", {
-			className: j.value,
+			className: k.value,
 			style: { "--scale-x": `scaleX(${o ? 0 : e / n})` }
 		}),
-		o && /* @__PURE__ */ p("div", { className: j.loading }),
+		o && /* @__PURE__ */ p("div", { className: k.loading }),
 		/* @__PURE__ */ p("div", {
-			className: j.buffer,
+			className: k.buffer,
 			style: { "--scale-x": `scaleX(${o ? 0 : t == null ? e / n : t / n})` }
 		})
 	]
-})] }), Bt = {
+})] }), Ht = {
 	container: "_container_13d02_1",
 	bar: "_bar_13d02_15"
-}, Vt = ({ progress: e, weight: t = "4px", round: n = !0, style: r }) => {
+}, Ut = ({ progress: e, weight: t = "4px", round: n = !0, style: r }) => {
 	let i = l(() => {
 		let t = e.reduce((e, t) => e + t.value, 0), n = e.map((e) => e.value / t * 100);
 		return e.map((e, t) => ({
@@ -963,21 +963,21 @@ var pt = (e) => {
 		}));
 	}, [e]);
 	return /* @__PURE__ */ p("div", {
-		className: Bt.container,
+		className: Ht.container,
 		style: {
 			"--weight": t,
 			"--border-radius": n ? "calc(var(--weight) / 2)" : void 0,
 			...r
 		},
 		children: i.map((e, t) => /* @__PURE__ */ p("div", {
-			className: Bt.bar,
+			className: Ht.bar,
 			style: {
 				"--transform": `translateX(${e.start}%) scaleX(${e.scale})`,
 				"--color": e.color
 			}
 		}, t))
 	});
-}, Ht = { wrapper: "_wrapper_17chp_1" }, Ut = Object.freeze({
+}, Wt = { wrapper: "_wrapper_17chp_1" }, Gt = Object.freeze({
 	pending: {
 		color: "#6987b8",
 		icon: Ge
@@ -994,10 +994,10 @@ var pt = (e) => {
 		color: "#59b57c",
 		icon: pe
 	}
-}), Wt = ({ status: e, message: t, style: n }) => {
-	let { color: r, icon: i } = Ut[e];
+}), Kt = ({ status: e, message: t, style: n }) => {
+	let { color: r, icon: i } = Gt[e];
 	return /* @__PURE__ */ m("div", {
-		className: Ht.wrapper,
+		className: Wt.wrapper,
 		style: n,
 		children: [/* @__PURE__ */ p(x, {
 			d: i,
@@ -1008,7 +1008,7 @@ var pt = (e) => {
 			children: t
 		})]
 	});
-}, M = {
+}, A = {
 	wrapper: "_wrapper_gcui5_1",
 	error: "_error_gcui5_9",
 	"image-frame": "_image-frame_gcui5_21",
@@ -1020,7 +1020,7 @@ var pt = (e) => {
 	"alt-text": "_alt-text_gcui5_90",
 	modal: "_modal_gcui5_94",
 	"modal-image": "_modal-image_gcui5_108"
-}, N = ({ src: e, alt: t, block: n = !1, enableModal: r = !1, width: i, height: a, style: o }) => {
+}, j = ({ src: e, alt: t, block: n = !1, enableModal: r = !1, width: i, height: a, style: o }) => {
 	let [c, l] = d(!0), [f, h] = d(!1), [g, _] = d(!1), v = u(null);
 	return s(() => {
 		let t = new Image();
@@ -1035,12 +1035,12 @@ var pt = (e) => {
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, []), /* @__PURE__ */ m("div", {
-		className: M.wrapper,
+		className: A.wrapper,
 		ref: v,
 		style: o,
 		children: [
 			f && /* @__PURE__ */ p("div", {
-				className: M.error,
+				className: A.error,
 				children: /* @__PURE__ */ p(w, {
 					color: "#c56565",
 					size: "1.5rem",
@@ -1048,17 +1048,17 @@ var pt = (e) => {
 				})
 			}),
 			/* @__PURE__ */ m("div", {
-				className: M["image-frame"],
+				className: A["image-frame"],
 				style: o,
 				children: [c && /* @__PURE__ */ p("div", {
-					className: M.fallback,
+					className: A.fallback,
 					style: {
 						aspectRatio: i && a ? `${i} / ${a}` : "1200 / 630",
 						width: i ? `${i}px` : void 0,
 						height: a ? `${a}px` : void 0
 					}
 				}), /* @__PURE__ */ p("img", {
-					className: n ? M["image-block"] : M["image-inline"],
+					className: n ? A["image-block"] : A["image-inline"],
 					src: e,
 					alt: t,
 					width: i,
@@ -1076,13 +1076,13 @@ var pt = (e) => {
 				})]
 			}),
 			n && !c && t != null && t.trim() !== "" && /* @__PURE__ */ m("div", {
-				className: M["alt-container"],
+				className: A["alt-container"],
 				children: [/* @__PURE__ */ p(x, {
 					d: He,
 					color: "#b69545",
 					style: { flexShrink: 0 }
 				}), /* @__PURE__ */ p("div", {
-					className: M["alt-text"],
+					className: A["alt-text"],
 					children: /* @__PURE__ */ p(w, {
 						size: "0.8rem",
 						children: t
@@ -1090,10 +1090,10 @@ var pt = (e) => {
 				})]
 			}),
 			g && /* @__PURE__ */ p("div", {
-				className: M.modal,
+				className: A.modal,
 				onClick: () => _(!1),
 				children: /* @__PURE__ */ p("img", {
-					className: M["modal-image"],
+					className: A["modal-image"],
 					src: e,
 					alt: t,
 					width: i,
@@ -1102,7 +1102,7 @@ var pt = (e) => {
 			})
 		]
 	});
-}, P = {
+}, M = {
 	file: "_file_sk4pw_1",
 	"left-container": "_left-container_sk4pw_19",
 	"right-container": "_right-container_sk4pw_26",
@@ -1110,40 +1110,40 @@ var pt = (e) => {
 };
 //#endregion
 //#region src/components/media/ElmFile.tsx
-function Gt(e) {
+function qt(e) {
 	let t = e.split(/[?#]/)[0].split("/").filter(Boolean);
 	return t.length > 0 ? t[t.length - 1] : null;
 }
-var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
+var Jt = ({ name: e, src: t, filesize: n, style: r }) => {
 	let i = a(async () => {
 		let n;
 		try {
 			let r = await fetch(t);
 			if (!r.ok) throw Error("Failed to download file");
 			let i = await r.blob();
-			n = document.createElement("a"), n.href = URL.createObjectURL(i), n.download = e ?? Gt(t) ?? "file", n.click();
+			n = document.createElement("a"), n.href = URL.createObjectURL(i), n.download = e ?? qt(t) ?? "file", n.click();
 		} catch (e) {
 			console.error("ERROR:", e);
 		} finally {
 			n && URL.revokeObjectURL(n.href);
 		}
-	}, [t, e]), o = e ?? Gt(t) ?? "unknown file";
+	}, [t, e]), o = e ?? qt(t) ?? "unknown file";
 	return /* @__PURE__ */ m("div", {
-		className: P.file,
+		className: M.file,
 		style: r,
 		children: [/* @__PURE__ */ m("div", {
-			className: P["left-container"],
+			className: M["left-container"],
 			children: [/* @__PURE__ */ p(x, {
 				d: Ee,
 				size: "1.25em"
 			}), /* @__PURE__ */ p(w, { children: o })]
 		}), /* @__PURE__ */ m("div", {
-			className: P["right-container"],
+			className: M["right-container"],
 			children: [n && /* @__PURE__ */ p("span", {
 				style: { opacity: .6 },
 				children: /* @__PURE__ */ p(w, { children: n })
 			}), /* @__PURE__ */ p("div", {
-				className: P["download-icon"],
+				className: M["download-icon"],
 				onClick: i,
 				children: /* @__PURE__ */ p(x, {
 					d: xe,
@@ -1152,7 +1152,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 			})]
 		})]
 	});
-}, F = {
+}, N = {
 	parent: "_parent_1hx4v_1",
 	bookmark: "_bookmark_1hx4v_23",
 	image: "_image_1hx4v_42",
@@ -1161,21 +1161,21 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 	date: "_date_1hx4v_81",
 	link: "_link_1hx4v_90",
 	favicon: "_favicon_1hx4v_100"
-}, qt = ({ hideUrl: e = !1, openInNewTab: t = !0, title: n, description: r = "No description provided", image: i, url: a, createdAt: o, updatedAt: s, onClick: c, favicon: l, style: u }) => {
+}, Yt = ({ hideUrl: e = !1, openInNewTab: t = !0, title: n, description: r = "No description provided", image: i, url: a, createdAt: o, updatedAt: s, onClick: c, favicon: l, style: u }) => {
 	let [h, g] = d(!1), _ = (e) => {
 		c && (e.preventDefault(), c());
 	}, v = r != null && r.length > 100 ? r.slice(0, 100) + "..." : r;
 	return /* @__PURE__ */ p("div", {
-		className: F.parent,
+		className: N.parent,
 		style: u,
 		children: /* @__PURE__ */ m("a", {
-			className: F.bookmark,
+			className: N.bookmark,
 			href: a,
 			target: t ? "_blank" : void 0,
 			rel: "noopener noreferrer",
 			onClick: _,
 			children: [i != null && !h && /* @__PURE__ */ p("div", {
-				className: F.image,
+				className: N.image,
 				children: /* @__PURE__ */ p("img", {
 					src: i,
 					alt: "OGP Image",
@@ -1187,10 +1187,10 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 					}
 				})
 			}), /* @__PURE__ */ m("div", {
-				className: F.typography,
+				className: N.typography,
 				children: [
 					/* @__PURE__ */ p("div", {
-						className: F.title,
+						className: N.title,
 						children: /* @__PURE__ */ p(w, {
 							bold: !0,
 							children: n ?? "No title provided"
@@ -1204,7 +1204,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 						})
 					}) }),
 					(o != null || s != null) && /* @__PURE__ */ m("div", {
-						className: F.date,
+						className: N.date,
 						children: [o != null && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(x, {
 							d: ue,
 							size: "1em"
@@ -1220,7 +1220,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 						})] })]
 					}),
 					!e && a != null && /* @__PURE__ */ m("div", {
-						className: F.link,
+						className: N.link,
 						children: [l && /* @__PURE__ */ p(b, { src: l }), /* @__PURE__ */ p(w, {
 							size: "0.8rem",
 							color: "#6987b8",
@@ -1231,11 +1231,11 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 			})]
 		})
 	});
-}, I = {
+}, P = {
 	container: "_container_1r6mu_1",
 	"link-container": "_link-container_1r6mu_10",
 	text: "_text_1r6mu_36"
-}, Jt = ({ links: e, style: n }) => {
+}, Xt = ({ links: e, style: n }) => {
 	let r = u(null), [i, a] = d(!1);
 	return s(() => {
 		let e = r.current;
@@ -1245,29 +1245,29 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []), /* @__PURE__ */ p("nav", {
-		className: I.container,
+		className: P.container,
 		ref: r,
 		style: {
 			"--opacity": +!!i,
 			...n
 		},
 		children: e.map((n, r) => /* @__PURE__ */ m(t.Fragment, { children: [/* @__PURE__ */ m("div", {
-			className: I["link-container"],
+			className: P["link-container"],
 			onClick: n.onClick,
 			children: [/* @__PURE__ */ p("span", {
-				className: I.text,
+				className: P.text,
 				style: { "--delay": `${r * 100}ms` },
 				children: /* @__PURE__ */ p(x, {
 					d: r === 0 ? Ae : r === e.length - 1 ? ae : De,
 					size: "1.25em"
 				})
 			}), /* @__PURE__ */ p("span", {
-				className: I.text,
+				className: P.text,
 				style: { "--delay": `${r * 100 + 50}ms` },
 				children: /* @__PURE__ */ p(w, { children: n.text })
 			})]
 		}), e.length !== r + 1 && /* @__PURE__ */ p("span", {
-			className: I.text,
+			className: P.text,
 			style: { "--delay": `${r * 100 + 100}ms` },
 			children: /* @__PURE__ */ p(x, {
 				d: he,
@@ -1276,13 +1276,13 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 			})
 		})] }, r))
 	});
-}, L = {
+}, F = {
 	wrapper: "_wrapper_1tlqa_1",
 	"wrapper--visible": "_wrapper--visible_1tlqa_33",
 	partial: "_partial_1tlqa_63",
 	move: "_move_1tlqa_1",
 	text: "_text_1tlqa_104"
-}, Yt = ({ position: e = "right", style: t }) => {
+}, Zt = ({ position: e = "right", style: t }) => {
 	let [n, r] = d(!1);
 	s(() => {
 		let e = () => {
@@ -1297,7 +1297,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 		});
 	};
 	return /* @__PURE__ */ m("nav", {
-		className: `${L.wrapper} ${n ? L["wrapper--visible"] : ""}`,
+		className: `${F.wrapper} ${n ? F["wrapper--visible"] : ""}`,
 		style: {
 			"--size": "64px",
 			left: e === "left" ? "0" : "auto",
@@ -1308,30 +1308,30 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 		children: [
 			/* @__PURE__ */ p("div", {
 				"aria-hidden": "true",
-				className: L.partial
+				className: F.partial
 			}),
 			/* @__PURE__ */ p("div", {
 				"aria-hidden": "true",
-				className: L.partial
+				className: F.partial
 			}),
 			/* @__PURE__ */ p("div", {
 				"aria-hidden": "true",
-				className: L.partial
+				className: F.partial
 			}),
 			/* @__PURE__ */ p("span", {
-				className: L.text,
+				className: F.text,
 				children: "Back to Top"
 			})
 		]
 	});
-}, Xt = {
+}, Qt = {
 	toc: "_toc_eubcy_1",
 	link: "_link_eubcy_15"
-}, Zt = ({ headings: e, style: t }) => /* @__PURE__ */ p("nav", {
-	className: Xt.toc,
+}, $t = ({ headings: e, style: t }) => /* @__PURE__ */ p("nav", {
+	className: Qt.toc,
 	style: t,
 	children: e.map((e, t) => /* @__PURE__ */ m("a", {
-		className: Xt.link,
+		className: Qt.link,
 		href: `#${e.id ?? e.text}`,
 		style: { "--padding-left": `${e.level * .5}rem` },
 		children: [
@@ -1348,35 +1348,35 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 			})
 		]
 	}, t))
-}), Qt = { "block-fallback": "_block-fallback_adya7_1" }, $t = {
+}), en = { "block-fallback": "_block-fallback_adya7_1" }, tn = {
 	"rectangle-wave": "_rectangle-wave_gxedo_21",
 	"elm-rectangle-wave": "_elm-rectangle-wave_gxedo_1"
-}, en = (e) => /* @__PURE__ */ p("div", {
+}, nn = (e) => /* @__PURE__ */ p("div", {
 	"aria-hidden": !0,
-	className: $t["rectangle-wave"],
+	className: tn["rectangle-wave"],
 	style: e.style
-}), tn = (e) => {
+}), rn = (e) => {
 	let { height: t = "16rem", style: n } = e;
 	return /* @__PURE__ */ m("div", {
-		className: Qt["block-fallback"],
+		className: en["block-fallback"],
 		style: {
 			"--height": t,
 			...n
 		},
-		children: [/* @__PURE__ */ p(S, {}), /* @__PURE__ */ p(en, {})]
+		children: [/* @__PURE__ */ p(S, {}), /* @__PURE__ */ p(nn, {})]
 	});
-}, nn = {
+}, an = {
 	circle: "_circle_ycu2l_19",
 	"draw-line": "_draw-line_ycu2l_1",
 	rotate: "_rotate_ycu2l_1"
-}, rn = (e) => {
+}, on = (e) => {
 	let { radius: t = 16, weight: n = 2, style: r } = e;
 	return /* @__PURE__ */ p("svg", {
 		height: t * 2,
 		width: t * 2,
 		style: r,
 		children: /* @__PURE__ */ p("circle", {
-			className: nn.circle,
+			className: an.circle,
 			cx: t,
 			cy: t,
 			r: t - n,
@@ -1384,34 +1384,34 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 			strokeWidth: n
 		})
 	});
-}, R = {
+}, I = {
 	unsupported: "_unsupported_1xu4c_1",
 	message: "_message_1xu4c_13",
 	icon: "_icon_1xu4c_20",
 	details: "_details_1xu4c_24"
-}, an = (e) => /* @__PURE__ */ m("div", {
-	className: R.unsupported,
+}, sn = (e) => /* @__PURE__ */ m("div", {
+	className: I.unsupported,
 	style: e.style,
 	children: [/* @__PURE__ */ m("div", {
-		className: R.message,
+		className: I.message,
 		children: [/* @__PURE__ */ p("svg", {
 			viewBox: "0 0 24 24",
 			width: "1.25rem",
 			height: "1.25rem",
-			className: R.icon,
+			className: I.icon,
 			children: /* @__PURE__ */ p("path", { d: je })
 		}), /* @__PURE__ */ p(w, {
 			color: "#868e9c",
 			children: "UNSUPPORTED BLOCK"
 		})]
 	}), e.details && /* @__PURE__ */ p("div", {
-		className: R.details,
+		className: I.details,
 		children: /* @__PURE__ */ p(w, {
 			color: "#868e9c",
 			children: e.details
 		})
 	})]
-}), z = {
+}), L = {
 	button: "_button_c0mex_1",
 	"button-ornament": "_button-ornament_c0mex_29",
 	normal: "_normal_c0mex_40",
@@ -1421,7 +1421,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 	flex: "_flex_c0mex_95",
 	ripple: "_ripple_c0mex_117",
 	"button-ripple": "_button-ripple_c0mex_1"
-}, on = ({ loading: e = !1, block: t = !1, disabled: n = !1, primary: r = !1, ...i }) => {
+}, cn = ({ loading: e = !1, block: t = !1, disabled: n = !1, primary: r = !1, ...i }) => {
 	let [o, c] = d(!1), l = u(void 0), { onClick: f } = i, h = a(() => {
 		!e && !n && f && (c(!0), l.current = window.setTimeout(() => c(!1), 300), f());
 	}, [
@@ -1433,11 +1433,11 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 		l.current && clearTimeout(l.current);
 	}, []), /* @__PURE__ */ m("button", {
 		className: [
-			z.button,
-			!e && !n ? z.enable : "",
-			i.color ? z.colored : "",
-			!i.color && !r ? z.normal : "",
-			!i.color && r ? z.primary : ""
+			L.button,
+			!e && !n ? L.enable : "",
+			i.color ? L.colored : "",
+			!i.color && !r ? L.normal : "",
+			!i.color && r ? L.primary : ""
 		].filter(Boolean).join(" "),
 		style: {
 			display: t ? "flex" : "inline-flex",
@@ -1449,15 +1449,15 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 		},
 		onClick: h,
 		children: [
-			o && /* @__PURE__ */ p("div", { className: z.ripple }),
+			o && /* @__PURE__ */ p("div", { className: L.ripple }),
 			e ? /* @__PURE__ */ p(S, { size: "1.5rem" }) : /* @__PURE__ */ p("span", {
-				className: z.flex,
+				className: L.flex,
 				children: i.children
 			}),
-			/* @__PURE__ */ p("div", { className: z["button-ornament"] })
+			/* @__PURE__ */ p("div", { className: L["button-ornament"] })
 		]
 	});
-}, B = {
+}, R = {
 	container: "_container_12edl_1",
 	"container-disable": "_container-disable_12edl_14",
 	checkbox: "_checkbox_12edl_23",
@@ -1467,7 +1467,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 	loading: "_loading_12edl_48",
 	"check-line": "_check-line_12edl_67",
 	"elmethis-checkbox-check-line": "_elmethis-checkbox-check-line_12edl_1"
-}, sn = ({ loading: e = !1, disable: t = !1, checked: n = !1, ...r }) => {
+}, ln = ({ loading: e = !1, disable: t = !1, checked: n = !1, ...r }) => {
 	let { onChange: i } = r, o = a(() => {
 		!e && !t && i && i(!n);
 	}, [
@@ -1475,10 +1475,10 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 		t,
 		n,
 		i
-	]), s = [B.container, t ? B["container-disable"] : ""].filter(Boolean).join(" "), c = [
-		B.rect,
-		n ? B["rect-checked"] : "",
-		e ? B["rect-loading"] : ""
+	]), s = [R.container, t ? R["container-disable"] : ""].filter(Boolean).join(" "), c = [
+		R.rect,
+		n ? R["rect-checked"] : "",
+		e ? R["rect-loading"] : ""
 	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ p("div", {
 		className: s,
@@ -1493,13 +1493,13 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 			children: [/* @__PURE__ */ m("svg", {
 				width: "24",
 				height: "24",
-				className: B.checkbox,
+				className: R.checkbox,
 				children: [
 					/* @__PURE__ */ m("circle", {
 						cx: "0",
 						cy: "0",
 						r: "2",
-						className: B.loading,
+						className: R.loading,
 						style: { opacity: +!!e },
 						children: [/* @__PURE__ */ p("animate", {
 							attributeName: "cx",
@@ -1521,7 +1521,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 						cx: "20",
 						cy: "20",
 						r: "2",
-						className: B.loading,
+						className: R.loading,
 						style: { opacity: +!!e },
 						children: [/* @__PURE__ */ p("animate", {
 							attributeName: "cx",
@@ -1548,7 +1548,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 						strokeWidth: "0.8"
 					}),
 					n && /* @__PURE__ */ p("polyline", {
-						className: B["check-line"],
+						className: R["check-line"],
 						points: "5,12 10,17 19,8",
 						strokeWidth: "1.5",
 						fill: "transparent"
@@ -1613,7 +1613,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 			}), /* @__PURE__ */ p("span", { children: r.label })]
 		})
 	});
-}, V = {
+}, z = {
 	wrapper: "_wrapper_3ipdq_1",
 	active: "_active_3ipdq_29",
 	header: "_header_3ipdq_33",
@@ -1625,7 +1625,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 	pulldown: "_pulldown_3ipdq_85",
 	option: "_option_3ipdq_105",
 	description: "_description_3ipdq_127"
-}, cn = ({ disabled: e = !1, loading: t = !1, ...n }) => {
+}, un = ({ disabled: e = !1, loading: t = !1, ...n }) => {
 	let [r, i] = d(!1), o = u(null), c = a(() => {
 		!e && !t && i((e) => !e);
 	}, [e, t]), { options: l, onSelect: f } = n, h = a((e) => {
@@ -1639,7 +1639,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, []), /* @__PURE__ */ m("div", {
 		ref: o,
-		className: [V.wrapper, r ? V.active : ""].filter(Boolean).join(" "),
+		className: [z.wrapper, r ? z.active : ""].filter(Boolean).join(" "),
 		style: {
 			backgroundColor: e || t ? "rgba(0,0,0,0.15)" : void 0,
 			"--highlight-color": r ? "#bfa056" : void 0,
@@ -1647,23 +1647,23 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 		},
 		onClick: c,
 		children: [/* @__PURE__ */ p("div", {
-			className: V.header,
+			className: z.header,
 			children: /* @__PURE__ */ p("span", {
-				className: V.label,
+				className: z.label,
 				children: n.label
 			})
 		}), /* @__PURE__ */ p("div", {
-			className: V.body,
+			className: z.body,
 			children: /* @__PURE__ */ m("div", {
-				className: V.select,
+				className: z.select,
 				children: [
 					/* @__PURE__ */ p("div", {
-						className: V.selected,
+						className: z.selected,
 						children: n.selectedOption ? /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", { children: n.selectedOption.label }), n.selectedOption.description && /* @__PURE__ */ p("span", {
-							className: V.description,
+							className: z.description,
 							children: n.selectedOption.description
 						})] }) : /* @__PURE__ */ m("div", {
-							className: V.fallback,
+							className: z.fallback,
 							children: [/* @__PURE__ */ p(x, { d: se }), /* @__PURE__ */ p("span", { children: n.placeholder ?? "Select an option" })]
 						})
 					}),
@@ -1672,9 +1672,9 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 						size: "1.5rem"
 					}),
 					r && /* @__PURE__ */ p("div", {
-						className: V.pulldown,
+						className: z.pulldown,
 						children: n.options.map((e) => /* @__PURE__ */ m("div", {
-							className: V.option,
+							className: z.option,
 							onClick: (t) => {
 								t.stopPropagation(), h(e.id);
 							},
@@ -1686,7 +1686,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 								}),
 								/* @__PURE__ */ p("span", { children: e.label }),
 								e.description && /* @__PURE__ */ p("span", {
-									className: V.description,
+									className: z.description,
 									children: e.description
 								})
 							]
@@ -1696,7 +1696,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 			})
 		})]
 	});
-}, H = {
+}, B = {
 	switch: "_switch_8t362_1",
 	bar: "_bar_8t362_5",
 	"bar-checked": "_bar-checked_8t362_21",
@@ -1704,7 +1704,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 	circle: "_circle_8t362_30",
 	"circle-checked": "_circle-checked_8t362_45",
 	"circle-disabled": "_circle-disabled_8t362_49"
-}, ln = ({ color: e = "#bfa056", size: t = "18px", disabled: n = !1, checked: r = !1, ...i }) => {
+}, dn = ({ color: e = "#bfa056", size: t = "18px", disabled: n = !1, checked: r = !1, ...i }) => {
 	let { onChange: o } = i, s = a(() => {
 		!n && o && o(!r);
 	}, [
@@ -1712,13 +1712,13 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 		r,
 		o
 	]), c = [
-		H.bar,
-		r ? H["bar-checked"] : "",
-		n ? H["bar-disabled"] : ""
+		B.bar,
+		r ? B["bar-checked"] : "",
+		n ? B["bar-disabled"] : ""
 	].filter(Boolean).join(" "), l = [
-		H.circle,
-		r ? H["circle-checked"] : "",
-		n ? H["circle-disabled"] : ""
+		B.circle,
+		r ? B["circle-checked"] : "",
+		n ? B["circle-disabled"] : ""
 	].filter(Boolean).join(" ");
 	return /* @__PURE__ */ m("div", {
 		onClick: s,
@@ -1730,7 +1730,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 			...i.style
 		},
 		children: [/* @__PURE__ */ p("input", {
-			className: H.switch,
+			className: B.switch,
 			type: "checkbox",
 			checked: r,
 			disabled: n,
@@ -1740,7 +1740,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 			children: /* @__PURE__ */ p("div", { className: l })
 		})]
 	});
-}, U = {
+}, V = {
 	loading: "_loading_1y96m_23",
 	wrapper: "_wrapper_1y96m_38",
 	active: "_active_1y96m_66",
@@ -1754,7 +1754,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 	suffix: "_suffix_1y96m_159",
 	counter: "_counter_1y96m_172",
 	"counter-over": "_counter-over_1y96m_177"
-}, un = {
+}, fn = {
 	text: Ye,
 	pen: Ue,
 	email: Ce,
@@ -1766,7 +1766,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 	archive: oe,
 	link: Fe,
 	search: Be
-}, dn = ({ disabled: e = !1, loading: t = !1, isPassword: n = !1, required: r = !1, value: i = "", ...o }) => {
+}, pn = ({ disabled: e = !1, loading: t = !1, isPassword: n = !1, required: r = !1, value: i = "", ...o }) => {
 	let s = c(), l = u(null), [f, h] = d(!1), [g, _] = d(n ? "password" : "text"), { onChange: v } = o, ee = a(() => {
 		!t && !e && v && v("");
 	}, [
@@ -1779,7 +1779,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 		(t.key === "Enter" || t.key === " ") && (t.preventDefault(), e());
 	}, []);
 	return /* @__PURE__ */ m("div", {
-		className: [U.wrapper, f ? U.active : ""].filter(Boolean).join(" "),
+		className: [V.wrapper, f ? V.active : ""].filter(Boolean).join(" "),
 		style: {
 			backgroundColor: e || t ? "rgba(0,0,0,0.15)" : void 0,
 			"--highlight-color": f ? "#bfa056" : void 0,
@@ -1787,16 +1787,16 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 		},
 		children: [
 			/* @__PURE__ */ m("div", {
-				className: U.header,
+				className: V.header,
 				children: [/* @__PURE__ */ m("label", {
 					htmlFor: s,
-					className: U.label,
+					className: V.label,
 					children: [/* @__PURE__ */ p("span", { children: o.label }), r && /* @__PURE__ */ p("span", {
-						className: U.required,
+						className: V.required,
 						children: "*"
 					})]
 				}), o.maxLength != null && /* @__PURE__ */ m("span", {
-					className: [U.counter, i.length > o.maxLength ? U["counter-over"] : ""].filter(Boolean).join(" "),
+					className: [V.counter, i.length > o.maxLength ? V["counter-over"] : ""].filter(Boolean).join(" "),
 					children: [
 						i.length,
 						" / ",
@@ -1805,10 +1805,10 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 				})]
 			}),
 			/* @__PURE__ */ m("div", {
-				className: U.body,
+				className: V.body,
 				children: [
 					o.icon && /* @__PURE__ */ p(x, {
-						d: un[o.icon],
+						d: fn[o.icon],
 						size: "1.5rem",
 						color: "gray"
 					}),
@@ -1816,7 +1816,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 						id: s,
 						ref: l,
 						type: g,
-						className: U.input,
+						className: V.input,
 						placeholder: o.placeholder,
 						value: i,
 						onChange: (e) => v?.(e.target.value),
@@ -1827,14 +1827,14 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 						"aria-required": r
 					}),
 					/* @__PURE__ */ m("div", {
-						className: U["icon-box"],
+						className: V["icon-box"],
 						children: [
 							o.suffix != null && /* @__PURE__ */ p("span", {
-								className: U.suffix,
+								className: V.suffix,
 								children: o.suffix
 							}),
 							/* @__PURE__ */ p("div", {
-								className: U.icon,
+								className: V.icon,
 								onClick: te,
 								onKeyDown: y(te),
 								role: "button",
@@ -1846,7 +1846,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 								})
 							}),
 							/* @__PURE__ */ p("div", {
-								className: U.icon,
+								className: V.icon,
 								onClick: ee,
 								onKeyDown: y(ee),
 								role: "button",
@@ -1862,13 +1862,13 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 				]
 			}),
 			/* @__PURE__ */ p("div", {
-				className: U.loading,
+				className: V.loading,
 				style: { opacity: t ? .2 : 0 }
 			})
 		]
 	});
-}, fn = { validation: "_validation_wuw0j_1" }, pn = ({ validColor: e = "#449763", ...t }) => /* @__PURE__ */ m("div", {
-	className: fn.validation,
+}, mn = { validation: "_validation_wuw0j_1" }, hn = ({ validColor: e = "#449763", ...t }) => /* @__PURE__ */ m("div", {
+	className: mn.validation,
 	style: {
 		"--opacity": t.isValid ? 1 : .5,
 		...t.style
@@ -1880,23 +1880,23 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 		style: { color: t.isValid ? e : void 0 },
 		children: t.text
 	})]
-}), mn = { column: "_column_12uje_1" }, hn = (e) => /* @__PURE__ */ p("div", {
-	className: mn.column,
+}), gn = { column: "_column_12uje_1" }, _n = (e) => /* @__PURE__ */ p("div", {
+	className: gn.column,
 	style: e.style,
 	children: e.children
-}), gn = { "column-list": "_column-list_rt1o3_1" }, _n = (e) => /* @__PURE__ */ p("div", {
-	className: gn["column-list"],
+}), vn = { "column-list": "_column-list_rt1o3_1" }, yn = (e) => /* @__PURE__ */ p("div", {
+	className: vn["column-list"],
 	style: e.style,
 	children: e.children
-}), vn = {
+}), bn = {
 	body: "_body_gd5gc_1",
 	button: "_button_gd5gc_5"
-}, W = {
+}, H = {
 	provider: "_provider_94i7o_1",
 	"provider-enter": "_provider-enter_94i7o_19",
 	"provider-exit": "_provider-exit_94i7o_23",
 	modal: "_modal_94i7o_27"
-}, yn = ({ closeOnClickOutside: e = !0, onChange: t, ...n }) => {
+}, xn = ({ closeOnClickOutside: e = !0, onChange: t, ...n }) => {
 	let [r, i] = d(!1), o = n.value ?? !1;
 	s(() => {
 		if (o) {
@@ -1913,10 +1913,10 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 		e.stopPropagation();
 	}, []);
 	return !o && !r ? null : Xe(/* @__PURE__ */ p("div", {
-		className: `${W.provider} ${o ? W["provider-enter"] : W["provider-exit"]}`,
+		className: `${H.provider} ${o ? H["provider-enter"] : H["provider-exit"]}`,
 		onClick: c,
 		children: /* @__PURE__ */ p("div", {
-			className: W.modal,
+			className: H.modal,
 			style: {
 				"--width": n.width,
 				...n.style
@@ -1925,7 +1925,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 			children: n.children
 		})
 	}), document.body);
-}, bn = ({ closeOnClickOutside: e = !0, onChange: t, onConfirm: n, onSuccess: r, onError: i, ...o }) => {
+}, Sn = ({ closeOnClickOutside: e = !0, onChange: t, onConfirm: n, onSuccess: r, onError: i, ...o }) => {
 	let [s, c] = d(!1), l = a(() => {
 		t && t(!1);
 	}, [t]), u = a(async () => {
@@ -1941,28 +1941,28 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 		i,
 		t
 	]);
-	return /* @__PURE__ */ p(yn, {
+	return /* @__PURE__ */ p(xn, {
 		value: o.value,
 		onChange: t,
 		closeOnClickOutside: e,
 		children: /* @__PURE__ */ m("div", { children: [
-			/* @__PURE__ */ p(O, {
+			/* @__PURE__ */ p(D, {
 				level: 2,
 				disableFragmentIdentifier: !0,
 				children: o.title
 			}),
 			/* @__PURE__ */ p("div", {
-				className: vn.body,
+				className: bn.body,
 				children: o.children
 			}),
 			/* @__PURE__ */ m("div", {
-				className: vn.button,
-				children: [/* @__PURE__ */ m(on, {
+				className: bn.button,
+				children: [/* @__PURE__ */ m(cn, {
 					block: !0,
 					onClick: l,
 					loading: s,
 					children: [/* @__PURE__ */ p(x, { d: ce }), /* @__PURE__ */ p("span", { children: "Cancel" })]
-				}), /* @__PURE__ */ m(on, {
+				}), /* @__PURE__ */ m(cn, {
 					block: !0,
 					onClick: u,
 					primary: !0,
@@ -1975,29 +1975,29 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 			})
 		] })
 	});
-}, G = {
+}, U = {
 	window: "_window_l8snl_1",
 	header: "_header_l8snl_14",
 	dot: "_dot_l8snl_25"
-}, xn = ({ minHeight: e = "6rem", ...t }) => /* @__PURE__ */ m("div", {
-	className: G.window,
+}, Cn = ({ minHeight: e = "6rem", ...t }) => /* @__PURE__ */ m("div", {
+	className: U.window,
 	style: t.style,
 	children: [/* @__PURE__ */ m("div", {
-		className: G.header,
+		className: U.header,
 		children: [
 			/* @__PURE__ */ p("div", {
 				"aria-hidden": !0,
-				className: G.dot,
+				className: U.dot,
 				style: { "--bg": "#c48691" }
 			}),
 			/* @__PURE__ */ p("div", {
 				"aria-hidden": !0,
-				className: G.dot,
+				className: U.dot,
 				style: { "--bg": "#c9b990" }
 			}),
 			/* @__PURE__ */ p("div", {
 				"aria-hidden": !0,
-				className: G.dot,
+				className: U.dot,
 				style: { "--bg": "#7cc598" }
 			})
 		]
@@ -2005,7 +2005,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 		style: { minHeight: e },
 		children: t.children
 	})]
-}), Sn = { parallax: "_parallax_1tovg_1" }, Cn = (e) => {
+}), wn = { parallax: "_parallax_1tovg_1" }, Tn = (e) => {
 	let [t, n] = d(0);
 	return s(() => {
 		let e = null, t = () => {
@@ -2017,7 +2017,7 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 			window.removeEventListener("scroll", t), e != null && cancelAnimationFrame(e);
 		};
 	}, []), /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
-		className: Sn.parallax,
+		className: wn.parallax,
 		style: {
 			backgroundImage: `url(${e.imageUrl1})`,
 			transform: `scale(1.2) translateY(${t / 400}%)`,
@@ -2025,22 +2025,22 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 			...e.style
 		}
 	}), /* @__PURE__ */ p("div", {
-		className: Sn.parallax,
+		className: wn.parallax,
 		style: {
 			backgroundImage: `url(${e.imageUrl2})`,
 			transform: `scale(1.2) translateY(${t / 900}%)`,
 			transformOrigin: "bottom"
 		}
 	})] });
-}, wn = {
+}, En = {
 	container: "_container_1mzm0_1",
 	title: "_title_1mzm0_16",
 	text: "_text_1mzm0_22"
-}, Tn = {
+}, Dn = {
 	original: "_original_3zasf_1",
 	tooltip: "_tooltip_3zasf_5",
 	"tooltip-enter": "_tooltip-enter_3zasf_17"
-}, En = (e) => {
+}, On = (e) => {
 	let t = u(null), [n, r] = d(!1), [i, o] = d({}), c = a(() => {
 		let e = t.current;
 		if (!e) return;
@@ -2057,40 +2057,40 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 		n && c();
 	}, [n, c]), /* @__PURE__ */ m("span", {
 		ref: t,
-		className: Tn.original,
+		className: Dn.original,
 		onMouseOver: () => r(!0),
 		onMouseLeave: () => r(!1),
 		style: e.style,
 		children: [e.original, n && /* @__PURE__ */ p("div", {
-			className: `${Tn.tooltip} ${Tn["tooltip-enter"]}`,
+			className: `${Dn.tooltip} ${Dn["tooltip-enter"]}`,
 			style: i,
 			children: e.tooltip
 		})]
 	});
-}, Dn = (e) => /* @__PURE__ */ p(En, {
+}, kn = (e) => /* @__PURE__ */ p(On, {
 	original: e.children,
 	tooltip: /* @__PURE__ */ m("div", {
-		className: wn.container,
+		className: En.container,
 		style: e.style,
 		children: [e.title && /* @__PURE__ */ p("div", {
-			className: wn.title,
+			className: En.title,
 			children: e.title
 		}), /* @__PURE__ */ p("div", {
-			className: wn.text,
+			className: En.text,
 			children: e.text
 		})]
 	})
-}), On = {
+}), An = {
 	snackbar: "_snackbar_1f0go_1",
 	icon: "_icon_1f0go_19",
 	progress: "_progress_1f0go_45"
-}, kn = ({ timeout: e = 5e3, ...t }) => /* @__PURE__ */ m("div", {
-	className: On.snackbar,
+}, jn = ({ timeout: e = 5e3, ...t }) => /* @__PURE__ */ m("div", {
+	className: An.snackbar,
 	style: t.style,
 	children: [
 		t.label == null ? t.children : /* @__PURE__ */ p(w, { children: t.label }),
 		/* @__PURE__ */ p("div", {
-			className: On.icon,
+			className: An.icon,
 			onClick: t.close,
 			children: /* @__PURE__ */ p(x, {
 				d: ye,
@@ -2098,22 +2098,22 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 			})
 		}),
 		/* @__PURE__ */ p("div", {
-			className: On.progress,
+			className: An.progress,
 			style: { animationDuration: `${e}ms` }
 		})
 	]
-}), An = {
+}), Mn = {
 	"snackbar-screen": "_snackbar-screen_up7j2_1",
 	"snackbar-container": "_snackbar-container_up7j2_14",
 	"snackbar-item": "_snackbar-item_up7j2_23"
-}, jn = (e) => /* @__PURE__ */ p("div", {
-	className: An["snackbar-screen"],
+}, Nn = (e) => /* @__PURE__ */ p("div", {
+	className: Mn["snackbar-screen"],
 	style: e.style,
 	children: /* @__PURE__ */ p("div", {
-		className: An["snackbar-container"],
+		className: Mn["snackbar-container"],
 		children: e.snackbars.map((e) => /* @__PURE__ */ p("div", {
-			className: An["snackbar-item"],
-			children: /* @__PURE__ */ p(kn, {
+			className: Mn["snackbar-item"],
+			children: /* @__PURE__ */ p(jn, {
 				label: e.label,
 				timeout: e.timeout,
 				close: e.close,
@@ -2121,34 +2121,34 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 			})
 		}, e.id))
 	})
-}), K = {
+}), W = {
 	"elm-tabs": "_elm-tabs_ykoqx_1",
 	"tab-container": "_tab-container_ykoqx_18",
 	tab: "_tab_ykoqx_18",
 	active: "_active_ykoqx_40",
 	"tab-content-container": "_tab-content-container_ykoqx_51",
 	"tab-content": "_tab-content_ykoqx_51"
-}, Mn = (e) => {
+}, Pn = (e) => {
 	let [t, n] = d(0);
 	return /* @__PURE__ */ m("div", {
-		className: K["elm-tabs"],
+		className: W["elm-tabs"],
 		style: e.style,
 		children: [/* @__PURE__ */ p("div", {
-			className: K["tab-container"],
+			className: W["tab-container"],
 			children: e.tabLabels.map((e, r) => /* @__PURE__ */ p("div", {
-				className: `${K.tab} ${t === r ? K.active : ""}`,
+				className: `${W.tab} ${t === r ? W.active : ""}`,
 				onClick: () => n(r),
 				children: e
 			}, r))
 		}), /* @__PURE__ */ p("div", {
-			className: K["tab-content-container"],
+			className: W["tab-content-container"],
 			children: e.tabContents.map((e, n) => /* @__PURE__ */ p("div", {
-				className: `${K["tab-content"]} ${t === n ? K.active : ""}`,
+				className: `${W["tab-content"]} ${t === n ? W.active : ""}`,
 				children: e
 			}, n))
 		})]
 	});
-}, q = {
+}, G = {
 	toggle: "_toggle_1c0pb_1",
 	open: "_open_1c0pb_8",
 	summary: "_summary_1c0pb_12",
@@ -2157,22 +2157,22 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 	"content-open": "_content-open_1c0pb_60",
 	close: "_close_1c0pb_65",
 	"close-button": "_close-button_1c0pb_74"
-}, Nn = (e) => {
+}, Fn = (e) => {
 	let [t, n] = d(!1), r = e.value !== void 0, i = r ? e.value : t, a = (t) => {
 		t.preventDefault();
 		let a = !i;
 		r ? e.onChange?.(a) : n(a);
 	};
 	return /* @__PURE__ */ m("div", {
-		className: `${q.toggle} ${i ? q.open : ""}`,
+		className: `${G.toggle} ${i ? G.open : ""}`,
 		style: { ...e.style },
 		children: [
 			/* @__PURE__ */ m("div", {
-				className: q.summary,
+				className: G.summary,
 				onClick: a,
 				style: { borderRadius: i ? "0.25rem 0.25rem 0rem 0rem" : "0.25rem" },
 				children: [/* @__PURE__ */ m("div", {
-					className: q["summary-left"],
+					className: G["summary-left"],
 					children: [/* @__PURE__ */ p("span", {
 						style: {
 							transform: `rotate(${i ? "90deg" : "0deg"})`,
@@ -2198,14 +2198,14 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 				})]
 			}),
 			/* @__PURE__ */ p("div", {
-				className: `${q.content} ${i ? q["content-open"] : ""}`,
+				className: `${G.content} ${i ? G["content-open"] : ""}`,
 				children: e.children
 			}),
 			i && /* @__PURE__ */ p("div", {
-				className: q.close,
+				className: G.close,
 				onClick: a,
 				children: /* @__PURE__ */ m("div", {
-					className: q["close-button"],
+					className: G["close-button"],
 					children: [/* @__PURE__ */ p(x, {
 						d: ge,
 						size: "1.25em",
@@ -2218,23 +2218,23 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 			})
 		]
 	});
-}, J = {
+}, K = {
 	table: "_table_197ge_1",
 	caption: "_caption_197ge_8",
 	"caption-inner": "_caption-inner_197ge_18",
 	spacing: "_spacing_197ge_25"
-}, Pn = r(!1), Fn = r(!1), In = ({ caption: e, hasRowHeader: t = !1, header: n, body: r, style: i }) => /* @__PURE__ */ p(Fn.Provider, {
+}, In = r(!1), Ln = r(!1), q = ({ caption: e, hasRowHeader: t = !1, header: n, body: r, style: i }) => /* @__PURE__ */ p(Ln.Provider, {
 	value: t,
 	children: /* @__PURE__ */ m("table", {
-		className: J.table,
+		className: K.table,
 		style: i,
 		children: [
 			e != null && /* @__PURE__ */ p("caption", { children: /* @__PURE__ */ m("span", {
-				className: J.caption,
+				className: K.caption,
 				children: [
-					/* @__PURE__ */ p("span", { className: J.spacing }),
+					/* @__PURE__ */ p("span", { className: K.spacing }),
 					/* @__PURE__ */ m("span", {
-						className: J["caption-inner"],
+						className: K["caption-inner"],
 						children: [/* @__PURE__ */ p("svg", {
 							viewBox: "0 0 24 24",
 							width: "1rem",
@@ -2245,48 +2245,48 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 							})
 						}), /* @__PURE__ */ p(w, { children: e })]
 					}),
-					/* @__PURE__ */ p("span", { className: J.spacing })
+					/* @__PURE__ */ p("span", { className: K.spacing })
 				]
 			}) }),
 			n,
 			r
 		]
 	})
-}), Ln = ({ children: e, style: t }) => /* @__PURE__ */ p(Pn.Provider, {
+}), Rn = ({ children: e, style: t }) => /* @__PURE__ */ p(In.Provider, {
 	value: !1,
 	children: /* @__PURE__ */ p("tbody", {
 		style: t,
 		children: e
 	})
-}), Rn = {
+}), zn = {
 	common: "_common_15vhm_1",
 	td: "_td_15vhm_26",
 	th: "_th_15vhm_34"
-}, zn = ({ children: e, style: t, hasHeader: n = !1, text: r }) => {
-	let i = o(Pn), a = n || i;
+}, Bn = ({ children: e, style: t, hasHeader: n = !1, text: r }) => {
+	let i = o(In), a = n || i;
 	return /* @__PURE__ */ p(a ? "th" : "td", {
-		className: `${Rn.common} ${a ? Rn.th : Rn.td}`,
+		className: `${zn.common} ${a ? zn.th : zn.td}`,
 		style: t,
 		children: r ?? e
 	});
-}, Bn = { thead: "_thead_184mb_1" }, Vn = ({ children: e, style: t }) => /* @__PURE__ */ p(Pn.Provider, {
+}, Vn = { thead: "_thead_184mb_1" }, Hn = ({ children: e, style: t }) => /* @__PURE__ */ p(In.Provider, {
 	value: !0,
 	children: /* @__PURE__ */ p("thead", {
-		className: Bn.thead,
+		className: Vn.thead,
 		style: t,
 		children: e
 	})
-}), Hn = {
+}), Un = {
 	tr: "_tr_1l64j_1",
 	"has-row-header": "_has-row-header_1l64j_25"
-}, Y = ({ children: e, style: t }) => {
-	let n = o(Fn);
+}, J = ({ children: e, style: t }) => {
+	let n = o(Ln);
 	return /* @__PURE__ */ p("tr", {
-		className: `${Hn.tr} ${n ? Hn["has-row-header"] : ""}`,
+		className: `${Un.tr} ${n ? Un["has-row-header"] : ""}`,
 		style: t,
 		children: e
 	});
-}, X = {
+}, Y = {
 	wrapper: "_wrapper_1yj17_1",
 	header: "_header_1yj17_18",
 	header__left: "_header__left_1yj17_36",
@@ -2296,20 +2296,20 @@ var Kt = ({ name: e, src: t, filesize: n, style: r }) => {
 	code: "_code_1yj17_81",
 	"code-body": "_code-body_1yj17_89",
 	fallback: "_fallback_1yj17_93"
-}, Un = { code: "_code_1nyfa_1" }, Wn = null;
-function Gn() {
-	return Wn || (Wn = import("shiki").then(({ createHighlighter: e }) => e({
+}, Wn = { code: "_code_1nyfa_1" }, Gn = null;
+function Kn() {
+	return Gn || (Gn = import("shiki").then(({ createHighlighter: e }) => e({
 		langs: /* @__PURE__ */ "abap.bash.c.clojure.coffeescript.cpp.csharp.css.dart.diff.docker.elixir.elm.erlang.fsharp.gherkin.glsl.go.graphql.groovy.haskell.html.java.javascript.json.julia.kotlin.latex.less.lisp.lua.makefile.markdown.matlab.mermaid.nix.objective-c.ocaml.pascal.perl.php.plaintext.powershell.prolog.protobuf.python.r.ruby.rust.sass.scala.scheme.scss.shell.sql.swift.toml.typescript.wasm.xml.yaml".split("."),
 		themes: ["vitesse-light", "vitesse-dark"]
-	}))), Wn;
+	}))), Gn;
 }
 //#endregion
 //#region src/components/code/ElmShikiHighlighter.tsx
-var Kn = ({ code: e, language: t = "txt", onRendered: n, style: r }) => {
+var qn = ({ code: e, language: t = "txt", onRendered: n, style: r }) => {
 	let [i, a] = d(`<pre>${e}</pre>`);
 	return s(() => {
 		let r = !1;
-		return Gn().then((i) => {
+		return Kn().then((i) => {
 			if (!r) try {
 				let o = i.codeToHtml(e, {
 					lang: t,
@@ -2336,14 +2336,14 @@ var Kn = ({ code: e, language: t = "txt", onRendered: n, style: r }) => {
 		t,
 		n
 	]), /* @__PURE__ */ p("div", {
-		className: Un.code,
+		className: Wn.code,
 		style: r,
 		children: /* @__PURE__ */ p("div", {
 			className: "shiki",
 			dangerouslySetInnerHTML: { __html: i }
 		})
 	});
-}, qn = ({ code: e, language: t = "txt", caption: n, style: r }) => {
+}, Jn = ({ code: e, language: t = "txt", caption: n, style: r }) => {
 	let [i, o] = d(!1), [c, l] = d(!1), [f, h] = d(!1), g = u(null), _ = u(null);
 	s(() => {
 		let e = g.current;
@@ -2362,26 +2362,26 @@ var Kn = ({ code: e, language: t = "txt", onRendered: n, style: r }) => {
 		_.current && clearTimeout(_.current);
 	}, []), /* @__PURE__ */ m("div", {
 		ref: g,
-		className: X.wrapper,
+		className: Y.wrapper,
 		style: {
 			opacity: +!!f,
 			...r
 		},
 		children: [/* @__PURE__ */ m("div", {
-			className: X.header,
+			className: Y.header,
 			children: [/* @__PURE__ */ m("div", {
-				className: X.header__left,
+				className: Y.header__left,
 				children: [/* @__PURE__ */ p(nt, {
 					language: t,
 					size: 20
 				}), /* @__PURE__ */ p("span", {
-					className: X.caption,
+					className: Y.caption,
 					children: /* @__PURE__ */ p(w, { children: n ?? t })
 				})]
 			}), /* @__PURE__ */ p("div", {
-				className: X.header__right,
+				className: Y.header__right,
 				children: /* @__PURE__ */ p("div", {
-					className: X["copy-icon"],
+					className: Y["copy-icon"],
 					onClick: v,
 					children: /* @__PURE__ */ p(x, {
 						size: "1.25em",
@@ -2391,23 +2391,23 @@ var Kn = ({ code: e, language: t = "txt", onRendered: n, style: r }) => {
 				})
 			})]
 		}), /* @__PURE__ */ m("div", {
-			className: X.code,
+			className: Y.code,
 			children: [/* @__PURE__ */ p("div", {
-				className: X["code-body"],
+				className: Y["code-body"],
 				style: { opacity: +!!i },
-				children: /* @__PURE__ */ p(Kn, {
+				children: /* @__PURE__ */ p(qn, {
 					code: e,
 					language: t,
 					onRendered: o
 				})
 			}), /* @__PURE__ */ p("div", {
-				className: X.fallback,
+				className: Y.fallback,
 				style: { opacity: +!i },
 				children: /* @__PURE__ */ p(S, { size: "48px" })
 			})]
 		})]
 	});
-}, Jn = { katex: "_katex_1a1aj_1" }, Yn = ({ expression: e, block: t = !1, style: n }) => {
+}, Yn = { katex: "_katex_1a1aj_1" }, Xn = ({ expression: e, block: t = !1, style: n }) => {
 	let [r, i] = d();
 	s(() => {
 		import("katex").then(({ renderToString: n }) => {
@@ -2421,16 +2421,16 @@ var Kn = ({ code: e, language: t = "txt", onRendered: n, style: r }) => {
 			}
 		}).catch(() => {});
 	}, [e, t]);
-	let a = `${Jn.katex}`;
+	let a = `${Yn.katex}`;
 	return p(t ? "div" : "span", {
 		className: a,
 		style: n,
 		dangerouslySetInnerHTML: r ? { __html: r } : void 0
 	});
-}, Z = {
+}, X = {
 	"color-bg": "_color-bg_yiibu_1",
 	text: "_text_yiibu_17"
-}, Xn = ({ color: e, style: t }) => {
+}, Zn = ({ color: e, style: t }) => {
 	let [n, r] = d(!1), i = u(null), o = ee(e), { hue: s, saturation: c, lightness: l } = v(e), h = te(o), g = `rgb(${o.red}, ${o.green}, ${o.blue})`, _ = `hsl(${Math.floor(s)}, ${Math.floor(c * 100)}%, ${Math.floor(l * 100)}%)`, y = a((e) => {
 		navigator.clipboard.writeText(e).then(() => {
 			r(!0), i.current && clearTimeout(i.current), i.current = setTimeout(() => r(!1), 1500);
@@ -2441,9 +2441,9 @@ var Kn = ({ code: e, language: t = "txt", onRendered: n, style: r }) => {
 			"--color": e,
 			...t
 		},
-		children: /* @__PURE__ */ p(En, {
+		children: /* @__PURE__ */ p(On, {
 			original: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
-				className: Z["color-bg"],
+				className: X["color-bg"],
 				style: { "--background-color": e },
 				onClick: () => y(h),
 				children: n && /* @__PURE__ */ p(x, {
@@ -2452,34 +2452,34 @@ var Kn = ({ code: e, language: t = "txt", onRendered: n, style: r }) => {
 					color: "white"
 				})
 			}), /* @__PURE__ */ p("div", {
-				className: Z.text,
+				className: X.text,
 				onClick: () => y(h),
 				children: h
 			})] }),
 			tooltip: /* @__PURE__ */ m(f, { children: [
 				/* @__PURE__ */ p("div", {
-					className: Z.text,
+					className: X.text,
 					onClick: () => y(h),
 					children: h
 				}),
 				/* @__PURE__ */ p("div", {
-					className: Z.text,
+					className: X.text,
 					onClick: () => y(g),
 					children: g
 				}),
 				/* @__PURE__ */ p("div", {
-					className: Z.text,
+					className: X.text,
 					onClick: () => y(_),
 					children: _
 				})
 			] })
 		})
 	});
-}, Zn = {
+}, Qn = {
 	container: "_container_a7c06_1",
 	"row-container": "_row-container_a7c06_9",
 	"color-name": "_color-name_a7c06_17"
-}, Qn = [
+}, $n = [
 	-3,
 	-.25,
 	-.2,
@@ -2493,18 +2493,18 @@ var Kn = ({ code: e, language: t = "txt", onRendered: n, style: r }) => {
 	.2,
 	.25,
 	.3
-], $n = ({ colors: e, style: t }) => /* @__PURE__ */ p("div", {
-	className: Zn.container,
+], er = ({ colors: e, style: t }) => /* @__PURE__ */ p("div", {
+	className: Qn.container,
 	style: t,
 	children: e.map((e) => /* @__PURE__ */ m("div", {
-		className: Zn["row-container"],
+		className: Qn["row-container"],
 		children: [/* @__PURE__ */ p("div", {
-			className: Zn["color-name"],
+			className: Qn["color-name"],
 			style: { "--color": e.code },
 			children: e.name
-		}), Qn.map((t) => /* @__PURE__ */ p(Xn, { color: h(t, e.code) }, t))]
+		}), $n.map((t) => /* @__PURE__ */ p(Zn, { color: h(t, e.code) }, t))]
 	}, e.name))
-}), Q = {
+}), Z = {
 	palette: "_palette_1u43p_1",
 	header: "_header_1u43p_11",
 	input: "_input_1u43p_31",
@@ -2515,7 +2515,7 @@ var Kn = ({ code: e, language: t = "txt", onRendered: n, style: r }) => {
 	"command-icon": "_command-icon_1u43p_104",
 	tag: "_tag_1u43p_108",
 	footer: "_footer_1u43p_119"
-}, er = {
+}, tr = {
 	brown: "#a17c5b",
 	crimson: "#c56565",
 	amber: "#d48b70",
@@ -2526,12 +2526,12 @@ var Kn = ({ code: e, language: t = "txt", onRendered: n, style: r }) => {
 	purple: "#9771bd",
 	pink: "#c9699e"
 };
-function tr(e, t) {
+function nr(e, t) {
 	if (!t.trim()) return [];
 	let n = t.toLowerCase();
 	return e.filter((e) => e.label.toLowerCase().includes(n) || e.description?.toLowerCase().includes(n) || e.keywords?.some((e) => e.toLowerCase().includes(n)));
 }
-var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
+var rr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	let [r, i] = d(""), [o, c] = d([]), [l, f] = d(null), h = u(null);
 	s(() => {
 		h.current?.focus();
@@ -2539,7 +2539,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	let g = a((t) => {
 		let n = t.target.value;
 		i(n);
-		let r = tr(e, n);
+		let r = nr(e, n);
 		c(r), f(r.length > 0 ? 0 : null);
 	}, [e]), v = a((e) => {
 		if (e === null) return;
@@ -2556,7 +2556,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 		l,
 		o.length
 	]), /* @__PURE__ */ m("div", {
-		className: Q.palette,
+		className: Z.palette,
 		style: {
 			"--height": "500px",
 			"--width": "800px",
@@ -2564,10 +2564,10 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 		},
 		children: [
 			/* @__PURE__ */ m("header", {
-				className: Q.header,
+				className: Z.header,
 				children: [/* @__PURE__ */ p(x, { d: be }), /* @__PURE__ */ p("input", {
 					ref: h,
-					className: Q.input,
+					className: Z.input,
 					value: r,
 					onChange: g,
 					type: "text",
@@ -2575,18 +2575,18 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 				})]
 			}),
 			/* @__PURE__ */ p("div", {
-				className: Q.body,
+				className: Z.body,
 				children: o.length === 0 ? /* @__PURE__ */ p("div", {
-					className: Q["empty-result"],
+					className: Z["empty-result"],
 					children: /* @__PURE__ */ p(w, { children: "search anything..." })
 				}) : o.map((e, t) => /* @__PURE__ */ m("button", {
-					className: `${Q.command} ${t === l ? Q["command-selected"] : ""}`,
+					className: `${Z.command} ${t === l ? Z["command-selected"] : ""}`,
 					onClick: () => {
 						f(t), v(t);
 					},
 					children: [
 						e.icon ? /* @__PURE__ */ p("img", {
-							className: Q["command-icon"],
+							className: Z["command-icon"],
 							src: e.icon,
 							alt: e.label
 						}) : /* @__PURE__ */ p(x, {
@@ -2594,10 +2594,10 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 							size: "1rem"
 						}),
 						e.tag ? /* @__PURE__ */ p("div", {
-							className: Q.tag,
-							style: { "--tag-color": _(-.3, er[e.tag.color]) },
+							className: Z.tag,
+							style: { "--tag-color": _(-.3, tr[e.tag.color]) },
 							children: e.tag.name
-						}) : /* @__PURE__ */ p("div", { className: Q.tag }),
+						}) : /* @__PURE__ */ p("div", { className: Z.tag }),
 						/* @__PURE__ */ p(w, {
 							style: {
 								whiteSpace: "nowrap",
@@ -2621,7 +2621,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 				}, e.id))
 			}),
 			/* @__PURE__ */ m("footer", {
-				className: Q.footer,
+				className: Z.footer,
 				children: [/* @__PURE__ */ p(w, {
 					kbd: !0,
 					children: "Esc"
@@ -2629,24 +2629,24 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 			})
 		]
 	});
-}, rr = {
+}, ir = {
 	"jarkup-body": "_jarkup-body_jsvhx_1",
 	"unsupported-block": "_unsupported-block_jsvhx_5"
-}, ir = ({ jsonComponents: e, style: t }) => /* @__PURE__ */ p("div", {
-	className: rr["jarkup-body"],
+}, ar = ({ jsonComponents: e, style: t }) => /* @__PURE__ */ p("div", {
+	className: ir["jarkup-body"],
 	style: t,
 	children: e.map((e, t) => /* @__PURE__ */ p("div", {
-		className: rr["unsupported-block"],
+		className: ir["unsupported-block"],
 		children: /* @__PURE__ */ p("code", { children: JSON.stringify(e, null, 2) })
 	}, t))
-}), ar = {
+}), or = {
 	"jarkup-body": "_jarkup-body_1rlbi_1",
 	"column-list": "_column-list_1rlbi_9",
 	column: "_column_1rlbi_9"
-}, or = i(() => import("./ElmMermaid-BFqvHKdQ.js").then((e) => e.n).then((e) => ({ default: e.ElmMermaid }))), sr = (e) => e.map((e) => e.type === "Text" ? e.props.text : "").join(""), cr = {
+}, sr = i(() => import("./ElmMermaid-BFqvHKdQ.js").then((e) => e.n).then((e) => ({ default: e.ElmMermaid }))), cr = (e) => e.map((e) => e.type === "Text" ? e.props.text : "").join(""), lr = {
 	Text: (e, t, n, r) => {
 		let i = e.id ?? n, a = e.props;
-		return a.katex ? /* @__PURE__ */ p(Yn, {
+		return a.katex ? /* @__PURE__ */ p(Xn, {
 			expression: a.text,
 			block: !1
 		}, i) : /* @__PURE__ */ p(w, {
@@ -2676,9 +2676,9 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	},
 	Heading: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(O, {
+		return /* @__PURE__ */ p(D, {
 			level: e.props.level,
-			id: Ze(sr(e.slots.default)),
+			id: Ze(cr(e.slots.default)),
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0,
 			children: t(e.slots.default)
 		}, i);
@@ -2697,7 +2697,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	},
 	List: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(Pt, {
+		return /* @__PURE__ */ p(It, {
 			listStyle: e.props?.listStyle === "unordered" ? "unordered" : "ordered",
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0,
 			children: t(e.slots.default)
@@ -2721,11 +2721,11 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	},
 	Divider: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(E, { style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0 }, i);
+		return /* @__PURE__ */ p(At, { style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0 }, i);
 	},
 	Toggle: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(Nn, {
+		return /* @__PURE__ */ p(Fn, {
 			summaryContent: t(e.slots.summary),
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0,
 			children: t(e.slots.default)
@@ -2733,7 +2733,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	},
 	Bookmark: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(qt, {
+		return /* @__PURE__ */ p(Yt, {
 			url: e.props.url,
 			title: e.props.title,
 			description: e.props.description,
@@ -2743,7 +2743,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	},
 	File: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(Kt, {
+		return /* @__PURE__ */ p(Jt, {
 			src: e.props.src,
 			name: e.props.name,
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
@@ -2751,7 +2751,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	},
 	Image: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(N, {
+		return /* @__PURE__ */ p(j, {
 			src: e.props.src,
 			alt: e.props.alt,
 			width: e.props.width,
@@ -2763,7 +2763,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	},
 	CodeBlock: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(qn, {
+		return /* @__PURE__ */ p(Jn, {
 			code: e.props.code,
 			language: e.props.language,
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
@@ -2771,7 +2771,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	},
 	Katex: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(Yn, {
+		return /* @__PURE__ */ p(Xn, {
 			expression: e.props.expression,
 			block: !0,
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
@@ -2780,8 +2780,8 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	Mermaid: (e, t, r, i) => {
 		let a = e.id ?? r;
 		return /* @__PURE__ */ p(n, {
-			fallback: /* @__PURE__ */ p(tn, {}),
-			children: /* @__PURE__ */ p(or, {
+			fallback: /* @__PURE__ */ p(rn, {}),
+			children: /* @__PURE__ */ p(sr, {
 				code: e.props.code,
 				style: r === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
 			})
@@ -2791,33 +2791,33 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	Tabs: (e, t, n, r) => {
 		let i = e.id ?? n, a = [], o = [];
 		for (let n of e.slots.default) a.push(/* @__PURE__ */ p("span", { children: t(n.slots.labels) })), o.push(/* @__PURE__ */ p("div", { children: t(n.slots.contents) }));
-		return /* @__PURE__ */ p(Mn, {
+		return /* @__PURE__ */ p(Pn, {
 			tabLabels: a,
 			tabContents: o
 		}, i);
 	},
 	Table: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(In, {
+		return /* @__PURE__ */ p(q, {
 			caption: e.props?.caption,
 			hasRowHeader: e.props?.hasRowHeader,
-			header: e.slots.header ? /* @__PURE__ */ p(Vn, { children: t(e.slots.header) }) : void 0,
-			body: /* @__PURE__ */ p(Ln, { children: t(e.slots.body) }),
+			header: e.slots.header ? /* @__PURE__ */ p(Hn, { children: t(e.slots.header) }) : void 0,
+			body: /* @__PURE__ */ p(Rn, { children: t(e.slots.body) }),
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
 		}, i);
 	},
 	TableRow: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(Y, { children: t(e.slots.default) }, i);
+		return /* @__PURE__ */ p(J, { children: t(e.slots.default) }, i);
 	},
 	TableCell: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(zn, { children: t(e.slots.default) }, i);
+		return /* @__PURE__ */ p(Bn, { children: t(e.slots.default) }, i);
 	},
 	ColumnList: (e, t, n, r) => {
 		let i = e.id ?? n;
 		return /* @__PURE__ */ p("div", {
-			className: ar["column-list"],
+			className: or["column-list"],
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0,
 			children: t(e.slots.default)
 		}, i);
@@ -2825,7 +2825,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	Column: (e, t, n, r) => {
 		let i = e.id ?? n;
 		return /* @__PURE__ */ p("div", {
-			className: ar.column,
+			className: or.column,
 			style: {
 				"--width-ratio": e.props?.widthRatio ?? 1,
 				width: e.props?.widthRatio ? `${e.props.widthRatio * 100}%` : void 0,
@@ -2836,40 +2836,49 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	},
 	Unsupported: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return r?.skipUnsupportedComponentWarning ? null : /* @__PURE__ */ p(an, {
+		return r?.skipUnsupportedComponentWarning ? null : /* @__PURE__ */ p(sn, {
 			details: e.props?.details ?? `Unsupported component type: ${e.type}`,
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
 		}, i);
 	}
-}, lr = ({ jsonComponents: e, skipUnsupportedComponentWarning: t = !1, renderFunctionMap: n, style: r }) => {
+}, ur = ({ jsonComponents: e, skipUnsupportedComponentWarning: t = !1, renderFunctionMap: n, style: r }) => {
 	let i = {
-		...cr,
+		...lr,
 		...n
 	}, a = (e) => e.map((e, n) => {
 		let o = e.id ?? n, s = i[e.type];
 		return s ? s(e, a, n, {
 			skipUnsupportedComponentWarning: t,
 			style: r
-		}) : t ? null : /* @__PURE__ */ p(an, { details: `Unsupported component type: ${e.type}` }, o);
+		}) : t ? null : /* @__PURE__ */ p(sn, { details: `Unsupported component type: ${e.type}` }, o);
 	});
 	return /* @__PURE__ */ p("div", {
-		className: ar["jarkup-body"],
+		className: or["jarkup-body"],
 		style: {
 			"--elmethis-margin-block-start": r?.["--elmethis-margin-block-start"] ?? "2.5rem",
 			...r
 		},
 		children: a(e)
 	});
-}, ur = { "markdown-body": "_markdown-body_130yx_1" }, dr = {
-	blockquote: (e, t, n) => !e.tokens || e.tokens.length === 0 ? null : /* @__PURE__ */ p(Tt, { children: t(e.tokens.flatMap((e) => e.type === "paragraph" && e.tokens ? e.tokens : [e])) }, n),
+}, dr = { "markdown-body": "_markdown-body_130yx_1" }, Q = (e) => e === 0 ? { "--elmethis-margin-block-start": "0" } : void 0, fr = {
+	blockquote: (e, t, n) => {
+		if (!e.tokens || e.tokens.length === 0) return null;
+		let r = e.tokens.flatMap((e) => e.type === "paragraph" && e.tokens ? e.tokens : [e]);
+		return /* @__PURE__ */ p(Tt, {
+			style: Q(n),
+			children: t(r)
+		}, n);
+	},
 	br: (e, t, n) => /* @__PURE__ */ p("br", {}, n),
-	checkbox: (e, t, n) => /* @__PURE__ */ p(sn, {
+	checkbox: (e, t, n) => /* @__PURE__ */ p(ln, {
 		label: e.raw,
-		checked: e.checked
+		checked: e.checked,
+		style: Q(n)
 	}, n),
-	code: (e, t, n) => /* @__PURE__ */ p(qn, {
+	code: (e, t, n) => /* @__PURE__ */ p(Jn, {
 		code: e.text.trim(),
-		language: e.lang
+		language: e.lang,
+		style: Q(n)
 	}, n),
 	codespan: (e, t, n) => /* @__PURE__ */ p(w, {
 		code: !0,
@@ -2893,21 +2902,24 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	escape: () => null,
 	heading: (e, t, n) => {
 		let r = e.depth;
-		return e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(O, {
+		return e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(D, {
 			level: r,
+			style: Q(n),
 			children: t(e.tokens)
-		}, n) : /* @__PURE__ */ p(O, {
+		}, n) : /* @__PURE__ */ p(D, {
 			level: r,
-			text: e.text
+			text: e.text,
+			style: Q(n)
 		}, n);
 	},
-	hr: (e, t, n) => /* @__PURE__ */ p(E, {}, n),
+	hr: (e, t, n) => /* @__PURE__ */ p(At, { style: Q(n) }, n),
 	html: () => null,
-	image: (e, t, n) => /* @__PURE__ */ p(N, {
+	image: (e, t, n) => /* @__PURE__ */ p(j, {
 		block: !0,
 		enableModal: !0,
 		src: e.href,
-		alt: e.text
+		alt: e.text,
+		style: Q(n)
 	}, n),
 	link: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(w, {
 		href: e.href,
@@ -2918,13 +2930,17 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	}, n),
 	list: (e, t, n) => {
 		let r = e.items.map((e, n) => /* @__PURE__ */ p("li", { children: t(e.tokens) }, n));
-		return /* @__PURE__ */ p(Pt, {
+		return /* @__PURE__ */ p(It, {
 			listStyle: e.ordered ? "ordered" : "unordered",
+			style: Q(n),
 			children: r
 		}, n);
 	},
 	list_item: (e, t, n) => /* @__PURE__ */ p("li", { children: e.tokens && e.tokens.length !== 0 ? t(e.tokens) : e.text }, n),
-	paragraph: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(wt, { children: t(e.tokens) }, n) : null,
+	paragraph: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(wt, {
+		style: Q(n),
+		children: t(e.tokens)
+	}, n) : null,
 	space: () => null,
 	strong: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(w, {
 		bold: !0,
@@ -2934,23 +2950,24 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 		children: e.text
 	}, n),
 	table: (e, t, n) => {
-		let r = (e) => e.map((e, n) => /* @__PURE__ */ p(zn, { children: t(e.tokens) }, n)), i = /* @__PURE__ */ p(Y, { children: r(e.header) }), a = e.rows.map((e, t) => /* @__PURE__ */ p(Y, { children: r(e) }, t));
-		return /* @__PURE__ */ p(In, {
-			header: /* @__PURE__ */ p(Vn, { children: i }),
-			body: /* @__PURE__ */ p(Ln, { children: a })
+		let r = (e) => e.map((e, n) => /* @__PURE__ */ p(Bn, { children: t(e.tokens) }, n)), i = /* @__PURE__ */ p(J, { children: r(e.header) }), a = e.rows.map((e, t) => /* @__PURE__ */ p(J, { children: r(e) }, t));
+		return /* @__PURE__ */ p(q, {
+			header: /* @__PURE__ */ p(Hn, { children: i }),
+			body: /* @__PURE__ */ p(Rn, { children: a }),
+			style: Q(n)
 		}, n);
 	},
 	text: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(w, { children: t(e.tokens) }, n) : /* @__PURE__ */ p(w, { children: e.text }, n)
-}, fr = ({ markdown: e, style: t, renderFunctionMap: n }) => {
+}, pr = ({ markdown: e, style: t, renderFunctionMap: n }) => {
 	let r = {
-		...dr,
+		...fr,
 		...n
 	}, i = (e) => e.map((e, t) => {
 		let n = r[e.type];
 		return n ? n(e, i, t) : null;
 	}), a = Qe.setOptions({ gfm: !0 }).lexer(e);
 	return /* @__PURE__ */ p("div", {
-		className: ur["markdown-body"],
+		className: dr["markdown-body"],
 		style: {
 			"--elmethis-margin-block-start": "2.5rem",
 			...t
@@ -2962,7 +2979,7 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	typed: "_typed_sojtj_20",
 	current: "_current_sojtj_24",
 	incorrect: "_incorrect_sojtj_29"
-}, pr = ({ target: e = "Typing game", style: t }) => {
+}, mr = ({ target: e = "Typing game", style: t }) => {
 	let [n, r] = d(() => {
 		let t = e.split("").map((e) => ({
 			char: e,
@@ -3014,9 +3031,9 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 			o > 0 && /* @__PURE__ */ m("div", { children: ["Mistakes: ", o] })
 		]
 	});
-}, mr = ({ oEmbed: e, style: t }) => e.type === "photo" ? /* @__PURE__ */ p("div", {
+}, hr = ({ oEmbed: e, style: t }) => e.type === "photo" ? /* @__PURE__ */ p("div", {
 	style: t,
-	children: /* @__PURE__ */ p(N, {
+	children: /* @__PURE__ */ p(j, {
 		src: e.url,
 		alt: e.title,
 		width: e.width,
@@ -3038,4 +3055,4 @@ var nr = ({ commands: e, onCommandInvoked: t, style: n }) => {
 	})
 });
 //#endregion
-export { mt as ElmArrowIcon, tn as ElmBlockFallback, Tt as ElmBlockQuote, qt as ElmBookmark, _t as ElmBookmarkIcon, Jt as ElmBreadcrumb, on as ElmButton, Ot as ElmCallout, sn as ElmCheckbox, qn as ElmCodeBlock, Xn as ElmColorSample, $n as ElmColorTable, hn as ElmColumn, _n as ElmColumnList, nr as ElmCommandPalette, bn as ElmConfirmModal, bt as ElmCubeIcon, xn as ElmDesktopWindow, E as ElmDivider, S as ElmDotLoadingIcon, Kt as ElmFile, jt as ElmFragmentIdentifier, O as ElmHeading, N as ElmImage, b as ElmInlineIcon, w as ElmInlineText, lr as ElmJarkup, ir as ElmJsonComponentRenderer, Yn as ElmKatex, nt as ElmLanguageIcon, Pt as ElmList, St as ElmLoginIcon, fr as ElmMarkdown, x as ElmMdiIcon, e as ElmMermaid, yn as ElmModal, Vt as ElmMultiProgress, mr as ElmOEmbed, Yt as ElmPageTop, wt as ElmParagraph, Cn as ElmParallax, zt as ElmProgress, en as ElmRectangleWave, cn as ElmSelect, Kn as ElmShikiHighlighter, Dn as ElmSimpleTooltip, kn as ElmSnackbar, jn as ElmSnackbarContainer, rn as ElmSpinner, ct as ElmSquareLoadingIcon, Wt as ElmStatusMessage, ln as ElmSwitch, In as ElmTable, Ln as ElmTableBody, zn as ElmTableCell, Vn as ElmTableHeader, Zt as ElmTableOfContents, Y as ElmTableRow, Mn as ElmTabs, Rt as ElmTemplate, dn as ElmTextField, Nn as ElmToggle, pt as ElmToggleTheme, En as ElmTooltip, pr as ElmTyping, It as ElmTypingAnimation, an as ElmUnsupportedBlock, pn as ElmValidation, rt as LANGUAGES };
+export { mt as ElmArrowIcon, rn as ElmBlockFallback, Tt as ElmBlockQuote, Yt as ElmBookmark, _t as ElmBookmarkIcon, Xt as ElmBreadcrumb, cn as ElmButton, Ot as ElmCallout, ln as ElmCheckbox, Jn as ElmCodeBlock, Zn as ElmColorSample, er as ElmColorTable, _n as ElmColumn, yn as ElmColumnList, rr as ElmCommandPalette, Sn as ElmConfirmModal, bt as ElmCubeIcon, Cn as ElmDesktopWindow, At as ElmDivider, S as ElmDotLoadingIcon, Jt as ElmFile, Mt as ElmFragmentIdentifier, D as ElmHeading, j as ElmImage, b as ElmInlineIcon, w as ElmInlineText, ur as ElmJarkup, ar as ElmJsonComponentRenderer, Xn as ElmKatex, nt as ElmLanguageIcon, It as ElmList, St as ElmLoginIcon, pr as ElmMarkdown, x as ElmMdiIcon, e as ElmMermaid, xn as ElmModal, Ut as ElmMultiProgress, hr as ElmOEmbed, Zt as ElmPageTop, wt as ElmParagraph, Tn as ElmParallax, Vt as ElmProgress, nn as ElmRectangleWave, un as ElmSelect, qn as ElmShikiHighlighter, kn as ElmSimpleTooltip, jn as ElmSnackbar, Nn as ElmSnackbarContainer, on as ElmSpinner, ct as ElmSquareLoadingIcon, Kt as ElmStatusMessage, dn as ElmSwitch, q as ElmTable, Rn as ElmTableBody, Bn as ElmTableCell, Hn as ElmTableHeader, $t as ElmTableOfContents, J as ElmTableRow, Pn as ElmTabs, Bt as ElmTemplate, pn as ElmTextField, Fn as ElmToggle, pt as ElmToggleTheme, On as ElmTooltip, mr as ElmTyping, Rt as ElmTypingAnimation, sn as ElmUnsupportedBlock, hn as ElmValidation, rt as LANGUAGES };