@elmethis/vue 0.17.0 → 0.19.0

package/lib/index.vue.mjs

@@ -1,4 +1,3 @@
-import "@elmethis/core/tokens.css";
 import { Fragment as e, computed as t, createTextVNode as n, createVNode as r, defineComponent as i, h as a, inject as o, isVNode as s, mergeProps as c, normalizeStyle as l, onBeforeUnmount as u, onMounted as d, onUnmounted as f, provide as p, ref as m, shallowRef as h, useId as g, watch as _ } from "vue";
 import { Catalog as ee, ComponentContext as v, MessageProcessor as y } from "@a2ui/web_core/v0_9";
 import { AudioPlayerApi as te, BASIC_COMPONENTS as ne, BASIC_FUNCTIONS as b, ButtonApi as re, CardApi as ie, CheckBoxApi as ae, ChoicePickerApi as oe, ColumnApi as se, DateTimeInputApi as ce, DividerApi as le, IconApi as ue, ImageApi as de, ListApi as fe, ModalApi as pe, RowApi as me, SliderApi as he, TabsApi as ge, TextApi as _e, TextFieldApi as ve, VideoApi as ye } from "@a2ui/web_core/v0_9/basic_catalog";
@@ -959,18 +958,18 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 			innerHTML: n.value
 		}, null);
 	}
-}), Fn = {
+}), k = {
 	"elm-code-block": "_elm-code-block_6itf9_1",
 	"language-icon": "_language-icon_6itf9_16",
 	caption: "_caption_6itf9_21",
 	"copy-icon": "_copy-icon_6itf9_28",
 	divider: "_divider_6itf9_32",
 	code: "_code_6itf9_39"
-}, In = (e, t, n) => t === "id" ? `${e}-${n}` : e.replace(/url\(#([^)]+)\)/g, `url(#$1-${n})`), Ln = (e, t) => {
+}, Fn = (e, t, n) => t === "id" ? `${e}-${n}` : e.replace(/url\(#([^)]+)\)/g, `url(#$1-${n})`), In = (e, t) => {
 	let n = {};
-	for (let [r, i] of Object.entries(e.attrs ?? {})) n[r] = In(i, r, t);
-	return e.style && (n.style = e.style), a(e.tag, n, e.children?.map((e) => Ln(e, t)));
-}, Rn = /* @__PURE__ */ i({
+	for (let [r, i] of Object.entries(e.attrs ?? {})) n[r] = Fn(i, r, t);
+	return e.style && (n.style = e.style), a(e.tag, n, e.children?.map((e) => In(e, t)));
+}, Ln = /* @__PURE__ */ i({
 	name: "LanguageGlyph",
 	props: {
 		icon: {
@@ -990,9 +989,9 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 			width: e.size,
 			height: e.size,
 			...e.icon.attrs
-		}, e.icon.children.map((e) => Ln(e, t)));
+		}, e.icon.children.map((e) => In(e, t)));
 	}
-}), zn = { "elm-mdi-icon": "_elm-mdi-icon_ihskx_1" }, k = /* @__PURE__ */ i({
+}), Rn = { "elm-mdi-icon": "_elm-mdi-icon_ihskx_1" }, A = /* @__PURE__ */ i({
 	name: "ElmMdiIcon",
 	inheritAttrs: !1,
 	props: {
@@ -1021,7 +1020,7 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 		return () => {
 			let { class: n, style: i, ...a } = t;
 			return r("svg", c({
-				class: x(zn["elm-mdi-icon"], n),
+				class: x(Rn["elm-mdi-icon"], n),
 				style: [{
 					"--elmethis-scoped-color": e.lightColor ?? e.color,
 					"--dark-color": e.darkColor ?? e.color
@@ -1036,7 +1035,7 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 			}, a), [r("path", { d: e.d }, null)]);
 		};
 	}
-}), Bn = /* @__PURE__ */ i({
+}), zn = /* @__PURE__ */ i({
 	name: "ElmLanguageIcon",
 	props: {
 		size: {
@@ -1051,16 +1050,16 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 	setup(e) {
 		return () => {
 			let t = Ht(e.language);
-			return t === "file" ? r(k, {
+			return t === "file" ? r(A, {
 				d: Pe,
 				size: String(e.size)
-			}, null) : a(Rn, {
+			}, null) : a(Ln, {
 				icon: Vt[t],
 				size: e.size
 			});
 		};
 	}
-}), Vn = { "elm-shiki-highlighter": "_elm-shiki-highlighter_j5tas_1" }, Hn = /* @__PURE__ */ i({
+}), Bn = { "elm-shiki-highlighter": "_elm-shiki-highlighter_j5tas_1" }, Vn = /* @__PURE__ */ i({
 	name: "ElmShikiHighlighter",
 	inheritAttrs: !1,
 	props: {
@@ -1105,15 +1104,15 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 		}, { immediate: !0 }), () => {
 			let { class: e, ...i } = t;
 			return r("pre", c({
-				class: x(Vn["elm-shiki-highlighter"], e),
+				class: x(Bn["elm-shiki-highlighter"], e),
 				innerHTML: n.value
 			}, i), null);
 		};
 	}
-}), Un = {
+}), Hn = {
 	"use-clipboard": "_use-clipboard_mb0qt_1",
 	"use-clipboard-icon-copied": "_use-clipboard-icon-copied_mb0qt_15"
-}, Wn = (e) => {
+}, Un = (e) => {
 	let n = e.delay ?? 1500, a = be({ copiedDuring: n }), o = xe({ copiedDuring: n }), s = t(() => a.copied.value || o.copied.value), c = async () => {
 		let t = e.content;
 		typeof t == "string" ? await a.copy(t) : await o.copy(t.map((e) => new ClipboardItem(e)));
@@ -1124,18 +1123,18 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 			name: "CopyButton",
 			setup() {
 				return () => r("span", {
-					class: x(Un["use-clipboard"], e.class),
+					class: x(Hn["use-clipboard"], e.class),
 					style: e.style,
 					onClick: c
-				}, [r(k, {
-					class: x(s.value && Un["use-clipboard-icon-copied"]),
+				}, [r(A, {
+					class: x(s.value && Hn["use-clipboard-icon-copied"]),
 					d: s.value ? Me : Ne,
 					size: "1.25rem"
 				}, null)]);
 			}
 		})
 	};
-}, Gn = /* @__PURE__ */ i({
+}, Wn = /* @__PURE__ */ i({
 	name: "ElmCodeBlock",
 	props: {
 		code: {
@@ -1152,25 +1151,25 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 		}
 	},
 	setup(e, { slots: t }) {
-		let { CopyButton: n } = Wn({ content: e.code });
-		return () => r("figure", { class: x(Fn["elm-code-block"]) }, [
-			r("span", { class: Fn["language-icon"] }, [r(Bn, { language: e.language }, null)]),
-			r("span", { class: Fn.caption }, [r(E, null, { default: () => [e.caption || e.language, t.default?.()] })]),
-			r("div", { class: Fn["copy-icon"] }, [a(n)]),
-			r("hr", { class: Fn.divider }, null),
-			r("div", { class: Fn.code }, [r(Hn, {
+		let { CopyButton: n } = Un({ content: e.code });
+		return () => r("figure", { class: x(k["elm-code-block"]) }, [
+			r("span", { class: k["language-icon"] }, [r(zn, { language: e.language }, null)]),
+			r("span", { class: k.caption }, [r(E, null, { default: () => [e.caption || e.language, t.default?.()] })]),
+			r("div", { class: k["copy-icon"] }, [a(n)]),
+			r("hr", { class: k.divider }, null),
+			r("div", { class: k.code }, [r(Vn, {
 				code: e.code,
 				language: e.language
 			}, null)])
 		]);
 	}
-}), A = {
+}), j = {
 	"elm-html-viewer": "_elm-html-viewer_jde0x_1",
 	header: "_header_jde0x_15",
 	"icon-button": "_icon-button_jde0x_23",
 	divider: "_divider_jde0x_49",
 	content: "_content_jde0x_57"
-}, Kn = { "elm-html": "_elm-html_339tp_1" }, qn = (e) => {
+}, Gn = { "elm-html": "_elm-html_339tp_1" }, Kn = (e) => {
 	let t = [], n = 0, r, i = 0;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a];
@@ -1181,9 +1180,9 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 		o === "\"" || o === "'" ? r = o : o === "(" ? n++ : o === ")" ? n = Math.max(0, n - 1) : o === ";" && n === 0 && (t.push(e.slice(i, a)), i = a + 1);
 	}
 	return t.push(e.slice(i)), t;
-}, Jn = (e) => {
+}, qn = (e) => {
 	let t = {};
-	for (let n of qn(e)) {
+	for (let n of Kn(e)) {
 		let e = n.indexOf(":");
 		if (e === -1) continue;
 		let r = n.slice(0, e).trim(), i = n.slice(e + 1).trim();
@@ -1192,21 +1191,21 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 		t[a] = i;
 	}
 	return t;
-}, Yn = (e) => {
-	if (e !== void 0) return typeof e == "string" ? Jn(e) : l(e);
-}, Xn = (e, t) => t ? !0 : (e?.split(/\s+/).filter(Boolean) ?? []).some((e) => e.toLowerCase() === "allow-scripts"), Zn = "elmethis:elm-html:auto-height", Qn = (e) => `${e}
+}, Jn = (e) => {
+	if (e !== void 0) return typeof e == "string" ? qn(e) : l(e);
+}, Yn = (e, t) => t ? !0 : (e?.split(/\s+/).filter(Boolean) ?? []).some((e) => e.toLowerCase() === "allow-scripts"), Xn = "elmethis:elm-html:auto-height", Zn = (e) => `${e}
 <script>(function () {
   var send = function () {
     try {
       parent.postMessage(
-        { kind: ${JSON.stringify(Zn)}, height: document.documentElement.scrollHeight },
+        { kind: ${JSON.stringify(Xn)}, height: document.documentElement.scrollHeight },
         "*",
       );
     } catch (e) {}
   };
   new ResizeObserver(send).observe(document.documentElement);
   send();
-})();<\/script>`, $n = /* @__PURE__ */ i({
+})();<\/script>`, Qn = /* @__PURE__ */ i({
 	name: "ElmHtml",
 	inheritAttrs: !1,
 	props: {
@@ -1250,12 +1249,12 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 		}, { flush: "pre" });
 		let o, s = (e, t, r) => {
 			let s = n.value;
-			if (!s || !e || a() && Xn(t, r)) return;
-			if (Xn(t, r)) {
+			if (!s || !e || a() && Yn(t, r)) return;
+			if (Yn(t, r)) {
 				let e = (e) => {
 					if (e.source !== s.contentWindow) return;
 					let t = e.data;
-					!t || t.kind !== Zn || typeof t.height != "number" || (i.value = t.height);
+					!t || t.kind !== Xn || typeof t.height != "number" || (i.value = t.height);
 				};
 				window.addEventListener("message", e), o = () => {
 					window.removeEventListener("message", e);
@@ -1284,7 +1283,7 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 		], ([, , e, t, n]) => {
 			o?.(), s(e, t, n);
 		}, { flush: "post" }), u(() => o?.()), () => {
-			let o = a(), { class: s, style: l, srcDoc: u, srcdoc: d, referrerPolicy: f, referrerpolicy: p, ...m } = t, h = Yn(l), g = h?.height, _ = new Set(e.sandbox?.split(/\s+/).filter(Boolean) ?? []);
+			let o = a(), { class: s, style: l, srcDoc: u, srcdoc: d, referrerPolicy: f, referrerpolicy: p, ...m } = t, h = Jn(l), g = h?.height, _ = new Set(e.sandbox?.split(/\s+/).filter(Boolean) ?? []);
 			e.allowScripts && _.add("allow-scripts");
 			let ee = [..._].some((e) => e.toLowerCase() === "allow-scripts");
 			if (ee) for (let e of _) e.toLowerCase() === "allow-same-origin" && _.delete(e);
@@ -1294,7 +1293,7 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 				key: String(e.autoHeight),
 				ref: n,
 				title: e.title ?? "Embedded HTML content",
-				class: x(Kn["elm-html"], s),
+				class: x(Gn["elm-html"], s),
 				style: e.autoHeight ? {
 					...h,
 					height: i.value === void 0 ? g : `${i.value}px`
@@ -1302,13 +1301,13 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 				height: e.autoHeight ? i.value === void 0 && g === void 0 ? e.height : void 0 : e.height
 			}, m, {
 				src: o ? e.src : void 0,
-				srcdoc: o ? void 0 : e.autoHeight && ee ? Qn(e.html ?? "") : e.html ?? "",
+				srcdoc: o ? void 0 : e.autoHeight && ee ? Zn(e.html ?? "") : e.html ?? "",
 				sandbox: v,
 				referrerpolicy: o ? "no-referrer" : void 0
 			}), null);
 		};
 	}
-}), er = /* @__PURE__ */ i({
+}), $n = /* @__PURE__ */ i({
 	name: "ElmHtmlViewer",
 	props: {
 		html: {
@@ -1376,26 +1375,26 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 				r?.remove(), n && URL.revokeObjectURL(n);
 			}
 		};
-		return () => r("figure", { class: x(A["elm-html-viewer"]) }, [
-			r("div", { class: A.header }, [r("button", {
+		return () => r("figure", { class: x(j["elm-html-viewer"]) }, [
+			r("div", { class: j.header }, [r("button", {
 				type: "button",
-				class: A["icon-button"],
+				class: j["icon-button"],
 				onClick: i,
 				"aria-label": "Download"
-			}, [r(k, {
+			}, [r(A, {
 				d: Fe,
 				size: "1.25rem"
 			}, null)]), r("button", {
 				type: "button",
-				class: A["icon-button"],
+				class: j["icon-button"],
 				onClick: n,
 				"aria-label": "Open in new tab"
-			}, [r(k, {
+			}, [r(A, {
 				d: Qe,
 				size: "1.25rem"
 			}, null)])]),
-			r("hr", { class: A.divider }, null),
-			r("div", { class: A.content }, [r($n, {
+			r("hr", { class: j.divider }, null),
+			r("div", { class: j.content }, [r(Qn, {
 				html: e.html,
 				src: e.src,
 				sandbox: e.sandbox,
@@ -1405,7 +1404,7 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 			}, null)])
 		]);
 	}
-}), j = {
+}), M = {
 	"elm-audio-player": "_elm-audio-player_1b0m3_1",
 	loading: "_loading_1b0m3_33",
 	header: "_header_1b0m3_39",
@@ -1435,18 +1434,18 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 	errored: "_errored_1b0m3_411",
 	"error-notice": "_error-notice_1b0m3_420",
 	"error-message": "_error-message_1b0m3_430"
-}, tr = (e) => {
+}, er = (e) => {
 	(!Number.isFinite(e) || e < 0) && (e = 0);
 	let t = Math.floor(e), n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60), i = t % 60, a = `${n > 0 ? String(r).padStart(2, "0") : String(r)}:${String(i).padStart(2, "0")}`;
 	return n > 0 ? `${n}:${a}` : a;
-}, nr = (e) => {
+}, tr = (e) => {
 	let t = e.split(/[?#]/)[0].split("/").filter(Boolean).pop() ?? e;
 	try {
 		return decodeURIComponent(t);
 	} catch {
 		return t;
 	}
-}, rr = /* @__PURE__ */ i({
+}, nr = /* @__PURE__ */ i({
 	name: "ElmAudioPlayer",
 	props: {
 		src: {
@@ -1479,7 +1478,7 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 		}
 	},
 	setup(n) {
-		let i = m(null), a = m(null), o = null, s = m(!1), c = m(!0), l = m(!1), d = m(0), f = m(0), p = m(1), h = m(!1), g = m(null), _ = t(() => d.value > 0 ? Math.min(1, f.value / d.value) : 0), ee = t(() => h.value || p.value === 0 ? ut : p.value < .34 ? ct : p.value < .67 ? lt : st), v = t(() => n.title ?? nr(n.src)), y = () => {
+		let i = m(null), a = m(null), o = null, s = m(!1), c = m(!0), l = m(!1), d = m(0), f = m(0), p = m(1), h = m(!1), g = m(null), _ = t(() => d.value > 0 ? Math.min(1, f.value / d.value) : 0), ee = t(() => h.value || p.value === 0 ? ut : p.value < .34 ? ct : p.value < .67 ? lt : st), v = t(() => n.title ?? tr(n.src)), y = () => {
 			if (o != null) return;
 			let e = () => {
 				i.value && (f.value = i.value.currentTime), o = requestAnimationFrame(e);
@@ -1519,7 +1518,7 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 			e.muted = t, h.value = t;
 		};
 		return () => r("div", {
-			class: x(j["elm-audio-player"], s.value && j.playing, c.value && j.loading, l.value && j.errored),
+			class: x(M["elm-audio-player"], s.value && M.playing, c.value && M.loading, l.value && M.errored),
 			style: {
 				"--elmethis-scoped-progress": _.value,
 				"--elmethis-scoped-hover": g.value ?? 0
@@ -1561,20 +1560,20 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 					l.value = !0, c.value = !1;
 				}
 			}, null),
-			r("div", { class: j.header }, [
+			r("div", { class: M.header }, [
 				r("span", {
-					class: x(j.artwork, l.value && j["artwork-error"]),
+					class: x(M.artwork, l.value && M["artwork-error"]),
 					"aria-hidden": "true"
-				}, [r(k, {
+				}, [r(A, {
 					d: l.value ? Te : Ze,
 					size: "1.25rem"
 				}, null)]),
-				r("div", { class: j.meta }, [r("span", {
-					class: j.title,
+				r("div", { class: M.meta }, [r("span", {
+					class: M.title,
 					title: v.value
-				}, [v.value]), n.artist && r("span", { class: j.artist }, [n.artist])]),
+				}, [v.value]), n.artist && r("span", { class: M.artist }, [n.artist])]),
 				r("span", {
-					class: j.equalizer,
+					class: M.equalizer,
 					"aria-hidden": "true"
 				}, [
 					r("i", null, null),
@@ -1584,81 +1583,81 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 				])
 			]),
 			l.value ? r("div", {
-				class: j["error-notice"],
+				class: M["error-notice"],
 				role: "alert"
-			}, [r(k, {
+			}, [r(A, {
 				d: Te,
 				size: "1.25rem"
-			}, null), r("span", { class: j["error-message"] }, [n.errorMessage])]) : r(e, null, [r("div", {
+			}, null), r("span", { class: M["error-message"] }, [n.errorMessage])]) : r(e, null, [r("div", {
 				ref: a,
-				class: j.seekbar,
+				class: M.seekbar,
 				role: "slider",
 				tabindex: 0,
 				"aria-label": "Seek",
 				"aria-valuemin": 0,
 				"aria-valuemax": Math.round(d.value) || 0,
 				"aria-valuenow": Math.round(f.value),
-				"aria-valuetext": `${tr(f.value)} of ${tr(d.value)}`,
+				"aria-valuetext": `${er(f.value)} of ${er(d.value)}`,
 				onPointerdown: ie,
 				onPointermove: ae,
 				onPointerleave: () => g.value = null,
 				onKeydown: oe
 			}, [
 				r("div", {
-					class: j.track,
+					class: M.track,
 					"aria-hidden": "true"
-				}, [r("div", { class: j.fill }, null)]),
+				}, [r("div", { class: M.fill }, null)]),
 				r("span", {
-					class: j["hover-thumb"],
+					class: M["hover-thumb"],
 					"aria-hidden": "true"
 				}, null),
 				r("span", {
-					class: j.thumb,
+					class: M.thumb,
 					"aria-hidden": "true"
 				}, null)
-			]), r("div", { class: j.controls }, [
-				r("span", { class: x(j.time, j["time-current"]) }, [tr(f.value)]),
-				r("div", { class: j.transport }, [
+			]), r("div", { class: M.controls }, [
+				r("span", { class: x(M.time, M["time-current"]) }, [er(f.value)]),
+				r("div", { class: M.transport }, [
 					r("button", {
 						type: "button",
-						class: j["icon-button"],
+						class: M["icon-button"],
 						onClick: () => b(f.value - n.seekStep),
 						"aria-label": `Back ${n.seekStep} seconds`
-					}, [r(k, {
+					}, [r(A, {
 						d: nt,
 						size: "1.25rem"
 					}, null)]),
 					r("button", {
 						type: "button",
-						class: j["play-button"],
+						class: M["play-button"],
 						onClick: ne,
 						"aria-label": s.value ? "Pause" : "Play",
 						"aria-pressed": s.value
-					}, [r(k, {
+					}, [r(A, {
 						d: s.value ? $e : et,
 						size: "1.5rem"
 					}, null)]),
 					r("button", {
 						type: "button",
-						class: j["icon-button"],
+						class: M["icon-button"],
 						onClick: () => b(f.value + n.seekStep),
 						"aria-label": `Forward ${n.seekStep} seconds`
-					}, [r(k, {
+					}, [r(A, {
 						d: Re,
 						size: "1.25rem"
 					}, null)])
 				]),
-				r("div", { class: j.volume }, [r("button", {
+				r("div", { class: M.volume }, [r("button", {
 					type: "button",
-					class: j["icon-button"],
+					class: M["icon-button"],
 					onClick: ce,
 					"aria-label": h.value ? "Unmute" : "Mute",
 					"aria-pressed": h.value
-				}, [r(k, {
+				}, [r(A, {
 					d: ee.value,
 					size: "1.25rem"
 				}, null)]), r("input", {
-					class: j["volume-slider"],
+					class: M["volume-slider"],
 					type: "range",
 					min: 0,
 					max: 1,
@@ -1668,32 +1667,20 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 					onInput: (e) => se(e.target.valueAsNumber),
 					style: { "--elmethis-scoped-volume": h.value ? 0 : p.value }
 				}, null)]),
-				r("span", { class: x(j.time, j["time-total"]) }, [tr(d.value)])
+				r("span", { class: x(M.time, M["time-total"]) }, [er(d.value)])
 			])])
 		]);
 	}
-}), M = {
-	"elm-block-image": "_elm-block-image_19s1y_1",
-	"image-container": "_image-container_19s1y_11",
-	image: "_image_19s1y_11",
-	fallback: "_fallback_19s1y_35",
-	"caption-box": "_caption-box_19s1y_45",
-	"caption-icon": "_caption-icon_19s1y_56"
+}), rr = {
+	"elm-block-image": "_elm-block-image_1z05g_1",
+	"image-container": "_image-container_1z05g_11",
+	image: "_image_1z05g_11",
+	"caption-box": "_caption-box_1z05g_33",
+	"caption-icon": "_caption-icon_1z05g_41"
 }, ir = {
-	"elm-rectangle-wave": "_elm-rectangle-wave_70gad_21",
-	wave: "_wave_70gad_1"
-}, ar = /* @__PURE__ */ i({
-	name: "ElmRectangleWave",
-	setup() {
-		return () => r("div", {
-			"aria-hidden": "true",
-			class: x(ir["elm-rectangle-wave"])
-		}, null);
-	}
-}), or = {
 	"elm-modal": "_elm-modal_12j1m_1",
 	shown: "_shown_12j1m_18"
-}, sr = /* @__PURE__ */ i({
+}, ar = /* @__PURE__ */ i({
 	name: "ElmModal",
 	inheritAttrs: !1,
 	props: {
@@ -1731,13 +1718,13 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 			let { class: o, style: s, ...u } = t;
 			return r("dialog", c({
 				ref: i,
-				class: x(or["elm-modal"], a.value && or.shown, o),
+				class: x(ir["elm-modal"], a.value && ir.shown, o),
 				onClick: l,
 				style: [{ "--elmethis-scoped-modal-delay": `${e.delay}ms` }, s]
 			}, { closedby: "none" }, u), [r("div", { onClick: (e) => e.stopPropagation() }, [n.default?.()])]);
 		};
 	}
-}), cr = (e = {}) => {
+}), or = (e = {}) => {
 	let t = m(!1), n = () => {
 		t.value = !0;
 	}, a = () => {
@@ -1747,7 +1734,7 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 		Modal: /* @__PURE__ */ i({
 			name: "Modal",
 			setup(n, { slots: i }) {
-				return () => r(sr, {
+				return () => r(ar, {
 					isOpen: t.value,
 					delay: e.delay,
 					onClose: a
@@ -1761,7 +1748,7 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 			t.value = !t.value;
 		}
 	};
-}, lr = /* @__PURE__ */ i({
+}, sr = /* @__PURE__ */ i({
 	name: "ElmBlockImage",
 	props: {
 		src: {
@@ -1798,58 +1785,47 @@ var kn = "https://a2ui.org/specification/v0_9/basic_catalog.json", An = /* @__PU
 		}
 	},
 	setup(e) {
-		let t = m(!0), { Modal: n, isOpen: i, show: o, hide: s } = cr(), l = m(null), u = () => {
-			l.value?.decode().then(() => t.value = !1, () => {});
-		};
-		d(u), _(() => e.src, u);
-		let f = () => {
-			(e.enableModal ?? !0) && !t.value && o();
-		}, p = () => e.enableModal ?? !0, h = (n) => r("img", c({
-			ref: n ? void 0 : l,
-			class: M.image,
+		let { Modal: t, isOpen: n, show: i, hide: o } = or(), s = () => {
+			(e.enableModal ?? !0) && i();
+		}, l = () => e.enableModal ?? !0, u = (t) => r("img", c({
+			class: rr.image,
 			src: e.src,
 			alt: e.alt ?? e.caption ?? "Image",
-			srcset: n ? void 0 : e.srcSet,
-			sizes: n ? void 0 : e.sizes,
+			srcset: t ? void 0 : e.srcSet,
+			sizes: t ? void 0 : e.sizes,
 			width: e.width,
 			height: e.height,
-			loading: n ? "lazy" : void 0,
-			onLoad: () => t.value = !1,
-			onClick: n ? () => s() : void 0,
+			loading: t ? "lazy" : void 0,
+			onClick: t ? () => o() : void 0,
 			style: {
-				"--elmethis-scoped-opacity": t.value ? .01 : 1,
-				"--elmethis-scoped-cursor": p() ? i.value ? "zoom-out" : "zoom-in" : "default",
+				"--elmethis-scoped-cursor": l() ? n.value ? "zoom-out" : "zoom-in" : "default",
 				"--elmethis-scoped-aspect-ratio": e.width && e.height ? `${e.width} / ${e.height}` : "auto"
 			}
-		}, { fetchpriority: n ? "low" : "auto" }), null);
-		return () => r("figure", { class: x(M["elm-block-image"]) }, [
+		}, { fetchpriority: t ? "low" : "auto" }), null);
+		return () => r("figure", { class: x(rr["elm-block-image"]) }, [
 			r("div", {
-				class: M["image-container"],
-				style: { "--elmethis-scoped-opacity": t.value ? 1 : .01 },
-				onClick: f
-			}, [h(!1), r("div", { class: M.fallback }, [r(ar, null, null)])]),
-			e.caption && r("figcaption", {
-				class: M["caption-box"],
-				style: { "--elmethis-scoped-opacity": t.value ? .01 : 1 }
-			}, [r("span", { class: M["caption-icon"] }, [r(k, {
+				class: rr["image-container"],
+				onClick: s
+			}, [u(!1)]),
+			e.caption && r("figcaption", { class: rr["caption-box"] }, [r("span", { class: rr["caption-icon"] }, [r(A, {
 				d: Xe,
 				size: "1.25rem"
 			}, null)]), r(E, { size: "1rem" }, { default: () => [e.caption] })]),
-			a(n, null, { default: () => i.value ? h(!0) : null })
+			a(t, null, { default: () => n.value ? u(!0) : null })
 		]);
 	}
-}), ur = {
+}), cr = {
 	"elm-file": "_elm-file_aoaqq_1",
 	"file-size": "_file-size_aoaqq_12",
 	"download-icon": "_download-icon_aoaqq_17"
 };
 //#endregion
 //#region src/components/media/elm-file.tsx
-function dr(e) {
+function lr(e) {
 	let t = e.split(/[?#]/)[0].split("/").filter(Boolean);
 	return t.length > 0 ? t[t.length - 1] : null;
 }
-var fr = /* @__PURE__ */ i({
+var ur = /* @__PURE__ */ i({
 	name: "ElmFile",
 	props: {
 		name: {
@@ -1872,24 +1848,24 @@ var fr = /* @__PURE__ */ i({
 				let n = await fetch(e.src);
 				if (!n.ok) throw Error("Failed to download file");
 				let r = await n.blob();
-				t = document.createElement("a"), t.href = URL.createObjectURL(r), t.download = e.name ?? dr(e.src) ?? "file", t.click();
+				t = document.createElement("a"), t.href = URL.createObjectURL(r), t.download = e.name ?? lr(e.src) ?? "file", t.click();
 			} catch (e) {
 				console.error("ERROR:", e);
 			} finally {
 				t && URL.revokeObjectURL(t.href);
 			}
 		};
-		return () => r("div", { class: x(ur["elm-file"]) }, [
-			r("div", null, [r(k, {
+		return () => r("div", { class: x(cr["elm-file"]) }, [
+			r("div", null, [r(A, {
 				d: ze,
 				size: "1.25rem"
 			}, null)]),
-			r("div", null, [r(E, null, { default: () => [e.name ?? dr(e.src)] })]),
-			r("div", { class: ur["file-size"] }, [r(E, null, { default: () => [e.filesize] })]),
+			r("div", null, [r(E, null, { default: () => [e.name ?? lr(e.src)] })]),
+			r("div", { class: cr["file-size"] }, [r(E, null, { default: () => [e.filesize] })]),
 			r("div", {
-				class: ur["download-icon"],
+				class: cr["download-icon"],
 				onClick: t
-			}, [r(k, {
+			}, [r(A, {
 				d: Fe,
 				size: "1.25rem"
 			}, null)])
@@ -1903,10 +1879,10 @@ var fr = /* @__PURE__ */ i({
 	title: "_title_cbkg4_71",
 	description: "_description_cbkg4_75",
 	link: "_link_cbkg4_80"
-}, pr = {
+}, dr = {
 	visibility: "hidden",
 	width: "0"
-}, mr = /* @__PURE__ */ i({
+}, fr = /* @__PURE__ */ i({
 	name: "ElmBookmark",
 	props: {
 		title: {
@@ -1942,11 +1918,11 @@ var fr = /* @__PURE__ */ i({
 			src: e.image,
 			alt: "OGP Image",
 			onError: () => t.value = !0,
-			style: t.value || e.image == null ? pr : {}
+			style: t.value || e.image == null ? dr : {}
 		}, null), r("div", { class: N.content }, [
 			r("div", { class: N.title }, [r(E, { bold: !0 }, { default: () => [e.title] })]),
 			r("div", { class: N.description }, [r(E, { size: "0.75rem" }, { default: () => [e.description] })]),
-			r("div", { class: N.link }, [e.favicon ? r(T, { src: e.favicon }, null) : r(k, {
+			r("div", { class: N.link }, [e.favicon ? r(T, { src: e.favicon }, null) : r(A, {
 				d: Je,
 				color: "var(--elmethis-color-accent-info)"
 			}, null), r(E, { size: "0.75rem" }, { default: () => [e.url] })])
@@ -1962,7 +1938,7 @@ var fr = /* @__PURE__ */ i({
 	cross: "_cross_qfazq_62",
 	border: "_border_qfazq_76",
 	content: "_content_qfazq_84"
-}, hr = /* @__PURE__ */ i({
+}, pr = /* @__PURE__ */ i({
 	name: "ElmToggle",
 	props: {
 		summary: {
@@ -1997,13 +1973,13 @@ var fr = /* @__PURE__ */ i({
 					e.preventDefault(), i.value = !i.value;
 				}
 			}, [
-				r("div", { class: P["summary-left"] }, [r("span", { class: x(P.chevron, i.value && P.open) }, [r(k, {
+				r("div", { class: P["summary-left"] }, [r("span", { class: x(P.chevron, i.value && P.open) }, [r(A, {
 					d: je,
 					color: e.monochrome ? "var(--elmethis-color-neutral-weak)" : "var(--elmethis-color-primary)",
 					size: "1rem"
 				}, null)]), r("div", null, [e.summary == null ? n.summary?.() : r(E, null, { default: () => [e.summary] })])]),
 				r("hr", { class: P.divider }, null),
-				r("span", { class: x(P.cross, i.value && P.open) }, [r(k, {
+				r("span", { class: x(P.cross, i.value && P.open) }, [r(A, {
 					d: tt,
 					size: "1rem",
 					color: e.monochrome ? "var(--elmethis-color-neutral-weak)" : i.value ? "var(--elmethis-color-accent-error)" : "var(--elmethis-color-primary)"
@@ -2013,22 +1989,22 @@ var fr = /* @__PURE__ */ i({
 			r("div", { class: x(P.content, i.value && P.open) }, [n.default?.()])
 		]);
 	}
-}), gr = {
+}), mr = {
 	"elm-block-quote": "_elm-block-quote_1ez87_1",
 	body: "_body_1ez87_19",
 	icon: "_icon_1ez87_28",
 	"icon-top-left": "_icon-top-left_1ez87_33",
 	"icon-bottom-right": "_icon-bottom-right_1ez87_37"
-}, _r = /* @__PURE__ */ i({
+}, hr = /* @__PURE__ */ i({
 	name: "ElmBlockQuote",
 	setup(e, { slots: t }) {
-		return () => r("blockquote", { class: x(gr["elm-block-quote"], w.text) }, [
-			r("div", { class: x(gr.icon, gr["icon-top-left"]) }, [r(k, { d: Ue }, null)]),
-			r("div", { class: gr.body }, [t.default?.()]),
-			r("div", { class: x(gr.icon, gr["icon-bottom-right"]) }, [r(k, { d: He }, null)])
+		return () => r("blockquote", { class: x(mr["elm-block-quote"], w.text) }, [
+			r("div", { class: x(mr.icon, mr["icon-top-left"]) }, [r(A, { d: Ue }, null)]),
+			r("div", { class: mr.body }, [t.default?.()]),
+			r("div", { class: x(mr.icon, mr["icon-bottom-right"]) }, [r(A, { d: He }, null)])
 		]);
 	}
-}), vr = {
+}), gr = {
 	"elm-callout": "_elm-callout_1nsmp_1",
 	header: "_header_1nsmp_26",
 	content: "_content_1nsmp_35",
@@ -2038,26 +2014,26 @@ var fr = /* @__PURE__ */ i({
 	important: "_important_1nsmp_55",
 	warning: "_warning_1nsmp_59",
 	caution: "_caution_1nsmp_63"
-}, yr = Object.freeze({
+}, _r = Object.freeze({
 	note: Ke,
 	tip: qe,
 	important: rt,
 	warning: we,
 	caution: Ee
-}), br = /* @__PURE__ */ i({
+}), vr = /* @__PURE__ */ i({
 	name: "ElmCallout",
 	props: { type: {
 		type: String,
 		default: "note"
 	} },
 	setup(e, { slots: t }) {
-		return () => r("aside", { class: x(vr["elm-callout"], vr[e.type]) }, [r("div", { class: vr.header }, [r(k, {
-			class: vr.icon,
-			d: yr[e.type],
+		return () => r("aside", { class: x(gr["elm-callout"], gr[e.type]) }, [r("div", { class: gr.header }, [r(A, {
+			class: gr.icon,
+			d: _r[e.type],
 			size: "1.25rem"
-		}, null), r("span", null, [e.type])]), r("div", { class: vr.content }, [t.default?.()])]);
+		}, null), r("span", null, [e.type])]), r("div", { class: gr.content }, [t.default?.()])]);
 	}
-}), xr = {
+}), yr = {
 	"elm-notion-callout": "_elm-notion-callout_15idh_1",
 	icon: "_icon_15idh_9",
 	content: "_content_15idh_15",
@@ -2073,7 +2049,7 @@ var fr = /* @__PURE__ */ i({
 	blue: "_blue_15idh_74",
 	purple: "_purple_15idh_79",
 	magenta: "_magenta_15idh_86"
-}, Sr = /* @__PURE__ */ i({
+}, br = /* @__PURE__ */ i({
 	name: "ElmNotionCallout",
 	inheritAttrs: !1,
 	props: {
@@ -2093,38 +2069,38 @@ var fr = /* @__PURE__ */ i({
 	setup(e, { slots: t, attrs: n }) {
 		return () => {
 			let { class: i, ...a } = n;
-			return r("div", c({ class: x(xr["elm-notion-callout"], xr[e.color], xr[e.variant], i) }, a), [e.icon !== void 0 && (e.icon.kind === "emoji" ? r("span", {
-				class: xr.icon,
+			return r("div", c({ class: x(yr["elm-notion-callout"], yr[e.color], yr[e.variant], i) }, a), [e.icon !== void 0 && (e.icon.kind === "emoji" ? r("span", {
+				class: yr.icon,
 				role: "img"
 			}, [e.icon.emoji]) : r(T, {
-				class: xr.icon,
+				class: yr.icon,
 				src: e.icon.src,
 				alt: e.icon.alt,
 				size: 20
-			}, null)), r("div", { class: xr.content }, [t.default?.()])]);
+			}, null)), r("div", { class: yr.content }, [t.default?.()])]);
 		};
 	}
-}), Cr = { "elm-divider": "_elm-divider_9m6gb_1" }, wr = /* @__PURE__ */ i({
+}), xr = { "elm-divider": "_elm-divider_9m6gb_1" }, Sr = /* @__PURE__ */ i({
 	name: "ElmDivider",
 	inheritAttrs: !1,
 	setup(e, { attrs: t }) {
 		return () => {
 			let { class: e, ...n } = t;
-			return r("hr", c({ class: x(Cr["elm-divider"], e) }, n), null);
+			return r("hr", c({ class: x(xr["elm-divider"], e) }, n), null);
 		};
 	}
-}), Tr = {
+}), Cr = {
 	"elm-list": "_elm-list_brpi5_1",
 	bulleted: "_bulleted_brpi5_8",
 	numbered: "_numbered_brpi5_57"
-}, Er = /* @__PURE__ */ i({
+}, wr = /* @__PURE__ */ i({
 	name: "ElmList",
 	props: { listStyle: {
 		type: String,
 		default: "unordered"
 	} },
 	setup(e, { slots: t }) {
-		return () => e.listStyle === "ordered" ? r("ol", { class: x(w.text, Tr["elm-list"], Tr.numbered) }, [t.default?.()]) : r("ul", { class: x(w.text, Tr["elm-list"], Tr.bulleted) }, [t.default?.()]);
+		return () => e.listStyle === "ordered" ? r("ol", { class: x(w.text, Cr["elm-list"], Cr.numbered) }, [t.default?.()]) : r("ul", { class: x(w.text, Cr["elm-list"], Cr.bulleted) }, [t.default?.()]);
 	}
 }), F = {
 	"elm-table-frame": "_elm-table-frame_1b7h2_3",
@@ -2134,7 +2110,7 @@ var fr = /* @__PURE__ */ i({
 	"caption-inner": "_caption-inner_1b7h2_77",
 	spacing: "_spacing_1b7h2_84",
 	"sticky-row-header": "_sticky-row-header_1b7h2_95"
-}, Dr = Symbol("elm.table.HasRowHeader"), Or = Symbol("elm.table.Section"), kr = /* @__PURE__ */ i({
+}, Tr = Symbol("elm.table.HasRowHeader"), Er = Symbol("elm.table.Section"), Dr = /* @__PURE__ */ i({
 	name: "ElmTable",
 	inheritAttrs: !1,
 	props: {
@@ -2148,7 +2124,7 @@ var fr = /* @__PURE__ */ i({
 		}
 	},
 	setup(e, { attrs: n, slots: i }) {
-		p(Dr, t(() => e.hasRowHeader));
+		p(Tr, t(() => e.hasRowHeader));
 		let a = m(null), o = m(!1), s = m(!0), l = m(!0), f = () => {
 			let e = a.value;
 			if (e == null) return;
@@ -2179,16 +2155,16 @@ var fr = /* @__PURE__ */ i({
 			])]), i.default?.()])])]);
 		};
 	}
-}), Ar = /* @__PURE__ */ i({
+}), Or = /* @__PURE__ */ i({
 	name: "ElmTableBody",
 	setup(e, { slots: t }) {
-		return p(Or, "body"), () => r("tbody", null, [t.default?.()]);
+		return p(Er, "body"), () => r("tbody", null, [t.default?.()]);
 	}
-}), jr = {
+}), kr = {
 	"elm-table-cell": "_elm-table-cell_1a21f_1",
 	td: "_td_1a21f_20",
 	th: "_th_1a21f_25"
-}, Mr = /* @__PURE__ */ i({
+}, Ar = /* @__PURE__ */ i({
 	name: "ElmTableCell",
 	inheritAttrs: !1,
 	props: {
@@ -2210,35 +2186,35 @@ var fr = /* @__PURE__ */ i({
 		}
 	},
 	setup(e, { attrs: t, slots: n }) {
-		let i = o(Or, "body"), a = o(Dr, m(!1));
+		let i = o(Er, "body"), a = o(Tr, m(!1));
 		return () => {
 			let { class: o, style: s, ...l } = t, u = i === "head", d = !u && !e.isHeader && e.columnIndex === 0 && a.value, f = u || e.isHeader || d, p = e.scope ?? (u ? "col" : d ? "row" : void 0), m = e.text == null ? n.default?.() : e.text;
 			return f ? r("th", c({
-				class: x(jr["elm-table-cell"], jr.th, o),
+				class: x(kr["elm-table-cell"], kr.th, o),
 				style: s,
 				scope: p
 			}, l), [m]) : r("td", c({
-				class: x(jr["elm-table-cell"], jr.td, o),
+				class: x(kr["elm-table-cell"], kr.td, o),
 				style: s
 			}, l), [m]);
 		};
 	}
-}), Nr = { "elm-table-header": "_elm-table-header_jhft7_1" }, Pr = /* @__PURE__ */ i({
+}), jr = { "elm-table-header": "_elm-table-header_jhft7_1" }, Mr = /* @__PURE__ */ i({
 	name: "ElmTableHeader",
 	setup(e, { slots: t }) {
-		return p(Or, "head"), () => r("thead", { class: x(Nr["elm-table-header"]) }, [t.default?.()]);
+		return p(Er, "head"), () => r("thead", { class: x(jr["elm-table-header"]) }, [t.default?.()]);
 	}
-}), Fr = { "elm-table-row": "_elm-table-row_mkm0q_1" }, Ir = /* @__PURE__ */ i({
+}), Nr = { "elm-table-row": "_elm-table-row_mkm0q_1" }, Pr = /* @__PURE__ */ i({
 	name: "ElmTableRow",
 	setup(e, { slots: t }) {
-		return () => r("tr", { class: x(Fr["elm-table-row"]) }, [t.default?.()]);
+		return () => r("tr", { class: x(Nr["elm-table-row"]) }, [t.default?.()]);
 	}
-}), Lr = {
+}), Fr = {
 	"elm-unsupported-block": "_elm-unsupported-block_8bkk1_1",
 	message: "_message_8bkk1_13",
 	icon: "_icon_8bkk1_20",
 	details: "_details_8bkk1_24"
-}, Rr = /* @__PURE__ */ i({
+}, Ir = /* @__PURE__ */ i({
 	name: "ElmUnsupportedBlock",
 	inheritAttrs: !1,
 	props: { details: {
@@ -2248,12 +2224,12 @@ var fr = /* @__PURE__ */ i({
 	setup(e, { attrs: t }) {
 		return () => {
 			let { class: i, ...a } = t;
-			return r("div", c({ class: x(Lr["elm-unsupported-block"], i) }, a), [r("div", { class: Lr.message }, [r("svg", {
+			return r("div", c({ class: x(Fr["elm-unsupported-block"], i) }, a), [r("div", { class: Fr.message }, [r("svg", {
 				viewBox: "0 0 24 24",
 				width: "1.25rem",
 				height: "1.25rem",
-				class: Lr.icon
-			}, [r("path", { d: "M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" }, null)]), r(E, null, { default: () => [n("UNSUPPORTED BLOCK")] })]), e.details && r("div", { class: Lr.details }, [r(E, null, { default: () => [e.details] })])]);
+				class: Fr.icon
+			}, [r("path", { d: "M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" }, null)]), r(E, null, { default: () => [n("UNSUPPORTED BLOCK")] })]), e.details && r("div", { class: Fr.details }, [r(E, null, { default: () => [e.details] })])]);
 		};
 	}
 });
@@ -2262,10 +2238,10 @@ var fr = /* @__PURE__ */ i({
 function I(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !s(e);
 }
-function zr(e) {
+function Lr(e) {
 	return Array.isArray(e) ? e.filter((e) => typeof e == "string") : [];
 }
-var Br = {
+var Rr = {
 	boxSizing: "content-box",
 	paddingBlock: "0.25rem",
 	width: "100%",
@@ -2274,7 +2250,7 @@ var Br = {
 	gap: "0.25rem",
 	justifyContent: "space-around",
 	overflowX: "auto"
-}, Vr = Sn.extend(O(Pt, ({ props: e, resolve: t }) => {
+}, zr = Sn.extend(O(Pt, ({ props: e, resolve: t }) => {
 	let n = t(e.text), i = e.decoration ?? [];
 	return i.includes("katex") ? r(Pn, {
 		expression: n,
@@ -2306,7 +2282,7 @@ var Br = {
 	boxSizing: "border-box",
 	padding: "0.125rem",
 	gap: "var(--elmethis-stack-gap)"
-} }, [t(e.children).map(({ id: e, path: t }, i) => r("span", { key: `${e}:${i}` }, [n(e, t, i)]))])), O(vt, ({ props: t, childRefs: n, renderChild: i }) => r("div", { style: Br }, [n(t.children).map(({ id: t, path: n }, a) => r(e, { key: `${t}:${a}` }, [i(t, n, a)]))])), O(Ct, ({ props: t, childRefs: n, renderChild: i }) => {
+} }, [t(e.children).map(({ id: e, path: t }, i) => r("span", { key: `${e}:${i}` }, [n(e, t, i)]))])), O(vt, ({ props: t, childRefs: n, renderChild: i }) => r("div", { style: Rr }, [n(t.children).map(({ id: t, path: n }, a) => r(e, { key: `${t}:${a}` }, [i(t, n, a)]))])), O(Ct, ({ props: t, childRefs: n, renderChild: i }) => {
 	let a;
 	return r(on, { level: t.level }, I(a = n(t.children).map(({ id: t, path: n }, a) => r(e, { key: `${t}:${a}` }, [i(t, n, a)]))) ? a : { default: () => [a] });
 }), O(Nt, ({ props: e, childRefs: t, renderChild: n }) => {
@@ -2317,32 +2293,32 @@ var Br = {
 	}, I(i = t(e.children).map(({ id: e, path: t }, i) => r("span", { key: `${e}:${i}` }, [n(e, t, i)]))) ? i : { default: () => [i] });
 }), O(kt, ({ props: e, childRefs: t, renderChild: n }) => {
 	let i;
-	return r(Er, { listStyle: e.style ?? "unordered" }, I(i = t(e.children).map(({ id: e, path: t }, i) => r("li", { key: `${e}:${i}` }, [n(e, t, i)]))) ? i : { default: () => [i] });
+	return r(wr, { listStyle: e.style ?? "unordered" }, I(i = t(e.children).map(({ id: e, path: t }, i) => r("li", { key: `${e}:${i}` }, [n(e, t, i)]))) ? i : { default: () => [i] });
 }), O(At, ({ props: t, childRefs: n, renderChild: i }) => r(e, null, [n(t.children).map(({ id: t, path: n }, a) => r(e, { key: `${t}:${a}` }, [i(t, n, a)]))])), O(pt, ({ props: t, childRefs: n, renderChild: i }) => {
 	let a;
-	return r(_r, { cite: t.cite }, I(a = n(t.children).map(({ id: t, path: n }, a) => r(e, { key: `${t}:${a}` }, [i(t, n, a)]))) ? a : { default: () => [a] });
+	return r(hr, { cite: t.cite }, I(a = n(t.children).map(({ id: t, path: n }, a) => r(e, { key: `${t}:${a}` }, [i(t, n, a)]))) ? a : { default: () => [a] });
 }), O(ht, ({ props: t, childRefs: n, renderChild: i }) => {
 	let a;
-	return r(br, { type: t.type }, I(a = n(t.children).map(({ id: t, path: n }, a) => r(e, { key: `${t}:${a}` }, [i(t, n, a)]))) ? a : { default: () => [a] });
+	return r(vr, { type: t.type }, I(a = n(t.children).map(({ id: t, path: n }, a) => r(e, { key: `${t}:${a}` }, [i(t, n, a)]))) ? a : { default: () => [a] });
 }), O(Mt, ({ props: t, childRefs: n, renderChild: i }) => {
 	let a;
-	return r(Sr, {
+	return r(br, {
 		icon: t.icon,
 		color: t.color,
 		variant: t.variant
 	}, I(a = n(t.children).map(({ id: t, path: n }, a) => r(e, { key: `${t}:${a}` }, [i(t, n, a)]))) ? a : { default: () => [a] });
-}), O(xt, () => r(wr, null, null)), O(Rt, ({ props: t, childRefs: n, renderChild: i }) => r(hr, null, {
+}), O(xt, () => r(Sr, null, null)), O(Rt, ({ props: t, childRefs: n, renderChild: i }) => r(pr, null, {
 	summary: () => n(t.summary).map(({ id: e, path: t }, n) => r("span", { key: `${e}:${n}` }, [i(e, t, n)])),
 	default: () => n(t.children).map(({ id: t, path: n }, a) => r(e, { key: `${t}:${a}` }, [i(t, n, a)]))
-})), O(mt, ({ props: e, resolve: t }) => r(mr, {
+})), O(mt, ({ props: e, resolve: t }) => r(fr, {
 	url: t(e.url),
 	title: e.title ? t(e.title) : void 0,
 	description: e.description ? t(e.description) : void 0,
 	image: e.image ? t(e.image) : void 0
-}, null)), O(St, ({ props: e, resolve: t }) => r(fr, {
+}, null)), O(St, ({ props: e, resolve: t }) => r(ur, {
 	src: t(e.src),
 	name: e.name ? t(e.name) : void 0
-}, null)), O(dt, ({ props: e, resolve: t }) => r(rr, {
+}, null)), O(dt, ({ props: e, resolve: t }) => r(nr, {
 	src: t(e.src),
 	title: e.title ? t(e.title) : void 0,
 	artist: e.artist ? t(e.artist) : void 0,
@@ -2366,7 +2342,7 @@ var Br = {
 			height: "auto"
 		}
 	}, null), n ? r("figcaption", null, [n]) : null]);
-}), O(ft, ({ props: e, resolve: t }) => r(lr, {
+}), O(ft, ({ props: e, resolve: t }) => r(sr, {
 	src: t(e.src),
 	alt: e.alt ? t(e.alt) : void 0,
 	width: e.width,
@@ -2375,20 +2351,20 @@ var Br = {
 	sizes: e.sizes ? t(e.sizes) : void 0,
 	caption: e.caption ? t(e.caption) : void 0,
 	enableModal: !0
-}, null)), O(wt, ({ props: e, resolve: t }) => r(er, {
+}, null)), O(wt, ({ props: e, resolve: t }) => r($n, {
 	html: e.html ? t(e.html) : void 0,
 	src: e.src ? t(e.src) : void 0,
 	autoHeight: e.autoHeight,
 	allowScripts: e.allowScripts ?? !0,
 	height: e.height ?? 400
-}, null)), O(gt, ({ props: e, resolve: t }) => r(Gn, {
+}, null)), O(gt, ({ props: e, resolve: t }) => r(Wn, {
 	code: t(e.code),
 	language: e.language ? t(e.language) : void 0,
 	caption: e.caption ? t(e.caption) : void 0
 }, null)), O(Et, ({ props: e, resolve: t }) => r(Pn, {
 	expression: t(e.expression),
 	block: !0
-}, null)), O(jt, ({ props: e, resolve: t }) => r(Gn, {
+}, null)), O(jt, ({ props: e, resolve: t }) => r(Wn, {
 	code: t(e.code),
 	language: "mermaid"
 }, null)), O(yt, () => null), O(bt, ({ props: t, surface: n, renderChild: i }) => {
@@ -2396,8 +2372,8 @@ var Br = {
 		let t = n.componentsModel.get(e);
 		return {
 			tabId: e,
-			labelIds: zr(t?.properties.label),
-			contentIds: zr(t?.properties.content)
+			labelIds: Lr(t?.properties.label),
+			contentIds: Lr(t?.properties.content)
 		};
 	});
 	return r(Zt, { defaultValue: "0" }, { default: () => [r(Qt, null, I(a = o.map(({ tabId: t, labelIds: n }, a) => {
@@ -2415,23 +2391,23 @@ var Br = {
 	})] });
 }), O(Ft, ({ props: t, childRefs: n, renderChild: i }) => {
 	let a, o;
-	return r(kr, {
+	return r(Dr, {
 		caption: t.caption ? String(t.caption) : void 0,
 		hasRowHeader: t.hasRowHeader
-	}, { default: () => [t.header && t.header.length > 0 && r(Pr, null, I(a = n(t.header).map(({ id: t, path: n }, a) => r(e, { key: `${t}:${a}` }, [i(t, n, a)]))) ? a : { default: () => [a] }), r(Ar, null, I(o = n(t.body).map(({ id: t, path: n }, a) => r(e, { key: `${t}:${a}` }, [i(t, n, a)]))) ? o : { default: () => [o] })] });
+	}, { default: () => [t.header && t.header.length > 0 && r(Mr, null, I(a = n(t.header).map(({ id: t, path: n }, a) => r(e, { key: `${t}:${a}` }, [i(t, n, a)]))) ? a : { default: () => [a] }), r(Or, null, I(o = n(t.body).map(({ id: t, path: n }, a) => r(e, { key: `${t}:${a}` }, [i(t, n, a)]))) ? o : { default: () => [o] })] });
 }), O(Lt, ({ props: t, childRefs: n, renderChild: i }) => {
 	let a;
-	return r(Ir, null, I(a = n(t.children).map(({ id: t, path: n }, a) => r(e, { key: `${t}:${a}` }, [i(t, n, a)]))) ? a : { default: () => [a] });
+	return r(Pr, null, I(a = n(t.children).map(({ id: t, path: n }, a) => r(e, { key: `${t}:${a}` }, [i(t, n, a)]))) ? a : { default: () => [a] });
 }), O(It, ({ props: e, index: t, childRefs: n, renderChild: i }) => {
 	let a;
-	return r(Mr, {
+	return r(Ar, {
 		isHeader: e.isHeader,
 		columnIndex: t
 	}, I(a = n(e.children).map(({ id: e, path: t }, n) => r("span", { key: `${e}:${n}` }, [i(e, t, n)]))) ? a : { default: () => [a] });
-}), O(zt, ({ props: e }) => r(Rr, { details: e.details ? `Unsupported component type: ${String(e.details)}` : "Unsupported component type" }, null))), Hr = {
+}), O(zt, ({ props: e }) => r(Ir, { details: e.details ? `Unsupported component type: ${String(e.details)}` : "Unsupported component type" }, null))), Br = {
 	"parallax-watcher": "_parallax-watcher_z693a_1",
 	parallax: "_parallax_z693a_1"
-}, Ur = /* @__PURE__ */ i({
+}, Vr = /* @__PURE__ */ i({
 	name: "ElmParallax",
 	props: { images: {
 		type: Array,
@@ -2441,9 +2417,9 @@ var Br = {
 		let t = m(0), n = () => {
 			t.value = window.scrollY;
 		};
-		return d(() => window.addEventListener("scroll", n)), u(() => window.removeEventListener("scroll", n)), () => r("div", null, [r("div", { class: Hr["parallax-watcher"] }, null), e.images.map((e, n) => r("div", {
+		return d(() => window.addEventListener("scroll", n)), u(() => window.removeEventListener("scroll", n)), () => r("div", null, [r("div", { class: Br["parallax-watcher"] }, null), e.images.map((e, n) => r("div", {
 			key: n,
-			class: Hr.parallax,
+			class: Br.parallax,
 			style: {
 				backgroundImage: `url(${e})`,
 				transform: `scale(1.2) translateY(${t.value / (1e3 * (n + 1))}%)`,
@@ -2451,11 +2427,11 @@ var Br = {
 			}
 		}, null))]);
 	}
-}), Wr = {
+}), Hr = {
 	"elm-tooltip": "_elm-tooltip_1b13f_1",
 	tooltip: "_tooltip_1b13f_5",
 	show: "_show_1b13f_18"
-}, Gr = /* @__PURE__ */ i({
+}, Ur = /* @__PURE__ */ i({
 	name: "ElmTooltip",
 	setup(e, { slots: t }) {
 		let n = m(null), i = m(!1), a = !1, o, s = m({}), c = () => {
@@ -2477,19 +2453,19 @@ var Br = {
 		};
 		return () => r("span", {
 			ref: n,
-			class: x(Wr["elm-tooltip"]),
+			class: x(Hr["elm-tooltip"]),
 			onMouseover: c,
 			onMouseleave: l
 		}, [t.original?.(), r("div", {
-			class: x(Wr.tooltip, i.value && Wr.show),
+			class: x(Hr.tooltip, i.value && Hr.show),
 			style: s.value
 		}, [t.tooltip?.()])]);
 	}
-}), Kr = { "elm-block-fallback": "_elm-block-fallback_1sx02_1" }, qr = {
+}), Wr = { "elm-block-fallback": "_elm-block-fallback_1sx02_1" }, Gr = {
 	"elm-dot-loading-icon": "_elm-dot-loading-icon_qjgj2_15",
 	dot: "_dot_qjgj2_25",
 	bounce: "_bounce_qjgj2_1"
-}, Jr = /* @__PURE__ */ i({
+}, Kr = /* @__PURE__ */ i({
 	name: "ElmDotLoadingIcon",
 	inheritAttrs: !1,
 	props: { size: {
@@ -2500,24 +2476,35 @@ var Br = {
 		return () => {
 			let { class: n, style: i, ...a } = t;
 			return r("span", c({
-				class: x(qr["elm-dot-loading-icon"], n),
+				class: x(Gr["elm-dot-loading-icon"], n),
 				style: [{ "--elmethis-scoped-size": e.size }, i]
 			}, a), [
 				r("span", {
-					class: qr.dot,
+					class: Gr.dot,
 					"aria-hidden": "true"
 				}, null),
 				r("span", {
-					class: qr.dot,
+					class: Gr.dot,
 					"aria-hidden": "true"
 				}, null),
 				r("span", {
-					class: qr.dot,
+					class: Gr.dot,
 					"aria-hidden": "true"
 				}, null)
 			]);
 		};
 	}
+}), qr = {
+	"elm-rectangle-wave": "_elm-rectangle-wave_70gad_21",
+	wave: "_wave_70gad_1"
+}, Jr = /* @__PURE__ */ i({
+	name: "ElmRectangleWave",
+	setup() {
+		return () => r("div", {
+			"aria-hidden": "true",
+			class: x(qr["elm-rectangle-wave"])
+		}, null);
+	}
 }), Yr = /* @__PURE__ */ i({
 	name: "ElmBlockFallback",
 	props: { height: {
@@ -2526,9 +2513,9 @@ var Br = {
 	} },
 	setup(e) {
 		return () => r("div", {
-			class: x(Kr["elm-block-fallback"]),
+			class: x(Wr["elm-block-fallback"]),
 			style: { "--elmethis-scoped-height": e.height }
-		}, [r(Jr, null, null), r(ar, null, null)]);
+		}, [r(Kr, null, null), r(Jr, null, null)]);
 	}
 }), L = {
 	"elm-button": "_elm-button_9qh0y_1",
@@ -2581,7 +2568,7 @@ var Br = {
 					"--elmethis-scoped-opacity": e.disabled || e.isLoading ? .6 : void 0,
 					"--elmethis-scoped-color": e.color
 				}, s]
-			}, u), [i.value && r("span", { class: L.ripple }, null), e.isLoading ? r(Jr, { size: "1.5rem" }, null) : r("span", { class: L.flex }, [n.default?.()])]);
+			}, u), [i.value && r("span", { class: L.ripple }, null), e.isLoading ? r(Kr, { size: "1.5rem" }, null) : r("span", { class: L.flex }, [n.default?.()])]);
 		};
 	}
 }), R = {
@@ -2693,7 +2680,7 @@ var Qr = /* @__PURE__ */ i({
 				class: x(R["elm-button-dropdown"], t.block && R.block)
 			}, [
 				r(Xr, p, { default: () => [u ? r(e, null, [u.icon && r(T, { src: u.icon }, null), u.label]) : r(e, null, [i.icon?.(), t.label])] }),
-				r(Xr, m, { default: () => [r(k, {
+				r(Xr, m, { default: () => [r(A, {
 					d: t.dropdownIcon,
 					size: "1.25rem"
 				}, null)] }),
@@ -2708,7 +2695,7 @@ var Qr = /* @__PURE__ */ i({
 						r.stopPropagation(), !e.disabled && (a.value = e.id, e.onClick?.(), n("itemClick", e), t.autoClose && c(!1));
 					}
 				}, [
-					r(k, {
+					r(A, {
 						d: je,
 						color: "var(--elmethis-color-primary-weak)",
 						size: "0.75em"
@@ -2961,12 +2948,12 @@ var ti = /* @__PURE__ */ i({
 				ref: o,
 				class: x(B["elm-select"], a.value && B.active, (e.disabled || e.isLoading) && B.disabled),
 				onClick: c
-			}, [r("span", { class: x(B.label, a.value && B["label-active"]) }, [n.icon?.() ?? r(k, {
+			}, [r("span", { class: x(B.label, a.value && B["label-active"]) }, [n.icon?.() ?? r(A, {
 				d: Oe,
 				size: "0.75rem"
 			}, null), e.label]), r("div", { class: B.body }, [
 				r("div", { class: x(B["selected-option"], w.text) }, [s ? r("div", { class: B["option-content"] }, [s.icon && r(T, { src: s.icon }, null), r(E, null, { default: () => [s.label] })]) : r("div", { class: B.fallback }, [r("span", null, [e.placeholder ?? "Select an option"])])]),
-				r(k, {
+				r(A, {
 					d: Ye,
 					size: "1.5rem"
 				}, null),
@@ -2980,7 +2967,7 @@ var ti = /* @__PURE__ */ i({
 						t.stopPropagation(), i.value = e.id, a.value = !1;
 					}
 				}, [
-					r(k, {
+					r(A, {
 						d: je,
 						color: "var(--elmethis-color-primary-weak)",
 						size: "0.75em"
@@ -3301,7 +3288,7 @@ var ti = /* @__PURE__ */ i({
 				style: p
 			}, [
 				r("span", { class: x(G.header, s.value && G["label-active"]) }, [
-					o.icon?.() ?? r(k, {
+					o.icon?.() ?? r(A, {
 						d: at,
 						size: "0.75rem"
 					}, null),
@@ -3409,7 +3396,7 @@ var ti = /* @__PURE__ */ i({
 				style: f
 			}, [
 				r("span", { class: x(K.header, s.value && K["label-active"]) }, [
-					a.icon?.() ?? r(k, {
+					a.icon?.() ?? r(A, {
 						d: it,
 						size: "0.75rem"
 					}, null),
@@ -3447,7 +3434,7 @@ var ti = /* @__PURE__ */ i({
 							onClick: () => {
 								!e.isLoading && !e.disabled && (l.value = l.value === "text" ? "password" : "text");
 							}
-						}, [r(k, {
+						}, [r(A, {
 							d: l.value === "text" ? Le : Ie,
 							size: "1.25rem",
 							color: "gray"
@@ -3457,7 +3444,7 @@ var ti = /* @__PURE__ */ i({
 							onClick: () => {
 								!e.isLoading && !e.disabled && u("");
 							}
-						}, [r(k, {
+						}, [r(A, {
 							d: ot,
 							size: "1.25rem",
 							color: "gray"
@@ -3491,7 +3478,7 @@ var ti = /* @__PURE__ */ i({
 		return () => r("div", {
 			class: x(ci["elm-validation"]),
 			style: { "--elmethis-scoped-opacity": e.isValid ? 1 : .5 }
-		}, [r(k, {
+		}, [r(A, {
 			d: e.isValid ? ke : Ae,
 			color: e.isValid ? e.validColor : void 0
 		}, null), r(E, { color: e.isValid ? e.validColor : void 0 }, { default: () => [e.text] })]);
@@ -3504,7 +3491,7 @@ var ti = /* @__PURE__ */ i({
 		required: !0
 	} },
 	setup(e, { attrs: t }) {
-		let { CopyButton: n } = Wn({
+		let { CopyButton: n } = Un({
 			class: t.class,
 			style: t.style,
 			content: e.content
@@ -3996,11 +3983,11 @@ var bi = { "elm-toggle-theme": "_elm-toggle-theme_11awq_1" }, xi = /* @__PURE__
 		}, [r("span", {
 			class: Si["link-container"],
 			onClick: t.onClick
-		}, [r(k, {
+		}, [r(A, {
 			class: Si.icon,
 			d: n === 0 ? Ge : n === e.links.length - 1 ? De : Be,
 			size: "1rem"
-		}, null), r("span", { class: Si.chunk }, [t.text])]), e.links.length !== n + 1 && r(k, {
+		}, null), r("span", { class: Si.chunk }, [t.text])]), e.links.length !== n + 1 && r(A, {
 			class: Si.chevron,
 			d: je,
 			size: "1rem"
@@ -4159,7 +4146,7 @@ var bi = { "elm-toggle-theme": "_elm-toggle-theme_11awq_1" }, xi = /* @__PURE__
 				t.value = t.value === "variable" ? "hex" : "variable";
 			}
 		}, [
-			r(k, {
+			r(A, {
 				class: q["mode-toggle-icon"],
 				d: t.value === "hex" ? We : Ve,
 				size: "1.25rem"
@@ -4336,7 +4323,7 @@ var bi = { "elm-toggle-theme": "_elm-toggle-theme_11awq_1" }, xi = /* @__PURE__
 				t.value = t.value === "variable" ? "hex" : "variable";
 			}
 		}, [
-			r(k, {
+			r(A, {
 				class: Y["mode-toggle-icon"],
 				d: t.value === "hex" ? We : Ve,
 				size: "1.25rem"
@@ -4364,14 +4351,14 @@ var Z = (e) => {
 			case "blockquote":
 				if (c.tokens && c.tokens.length !== 0) {
 					let e;
-					o.push(r(_r, { key: s }, X(e = Z(c.tokens)) ? e : { default: () => [e] }));
+					o.push(r(hr, { key: s }, X(e = Z(c.tokens)) ? e : { default: () => [e] }));
 				}
 				break;
 			case "br":
 				o.push(r("br", { key: s }, null));
 				break;
 			case "code":
-				o.push(r(Gn, {
+				o.push(r(Wn, {
 					key: s,
 					code: c.text.trim(),
 					language: c.lang
@@ -4419,11 +4406,11 @@ var Z = (e) => {
 				break;
 			}
 			case "hr":
-				o.push(r(wr, { key: s }, null));
+				o.push(r(Sr, { key: s }, null));
 				break;
 			case "html": break;
 			case "image":
-				o.push(r(lr, {
+				o.push(r(sr, {
 					key: s,
 					enableModal: !0,
 					src: c.href,
@@ -4441,7 +4428,7 @@ var Z = (e) => {
 				break;
 			case "list": {
 				let e = c.items.map((e, t) => r("li", { key: t }, [Z(e.tokens)]));
-				o.push(r(Er, {
+				o.push(r(wr, {
 					key: s,
 					listStyle: c.ordered ? "ordered" : "unordered"
 				}, X(e) ? e : { default: () => [e] }));
@@ -4466,12 +4453,12 @@ var Z = (e) => {
 			case "table": {
 				let e, t = (e) => e.map((e, t) => {
 					let n;
-					return r(Mr, { key: t }, X(n = Z(e.tokens)) ? n : { default: () => [n] });
-				}), n = r(Ir, null, X(e = t(c.header)) ? e : { default: () => [e] }), i = c.rows.map((e, n) => {
+					return r(Ar, { key: t }, X(n = Z(e.tokens)) ? n : { default: () => [n] });
+				}), n = r(Pr, null, X(e = t(c.header)) ? e : { default: () => [e] }), i = c.rows.map((e, n) => {
 					let i;
-					return r(Ir, { key: n }, X(i = t(e)) ? i : { default: () => [i] });
+					return r(Pr, { key: n }, X(i = t(e)) ? i : { default: () => [i] });
 				});
-				o.push(r(kr, { key: s }, { default: () => [r(Pr, null, X(n) ? n : { default: () => [n] }), r(Ar, null, X(i) ? i : { default: () => [i] })] }));
+				o.push(r(Dr, { key: s }, { default: () => [r(Mr, null, X(n) ? n : { default: () => [n] }), r(Or, null, X(i) ? i : { default: () => [i] })] }));
 				break;
 			}
 			case "text":
@@ -4722,4 +4709,4 @@ var Xi = (e) => {
 	};
 };
 //#endregion
-export { jn as A2uiSurface, hn as CatalogRenderer, Mn as ElmA2ui, rr as ElmAudioPlayer, Yr as ElmBlockFallback, lr as ElmBlockImage, _r as ElmBlockQuote, mr as ElmBookmark, Ci as ElmBreadcrumb, Xr as ElmButton, Qr as ElmButtonDropdown, br as ElmCallout, $r as ElmCheckbox, Gn as ElmCodeBlock, qt as ElmCollapse, ki as ElmColorPrimitiveSample, Li as ElmColorSemanticSample, ui as ElmCopyIcon, wr as ElmDivider, Jr as ElmDotLoadingIcon, fr as ElmFile, rn as ElmFragmentIdentifier, on as ElmHeading, $n as ElmHtml, er as ElmHtmlViewer, T as ElmInlineIcon, E as ElmInlineText, Pn as ElmKatex, Bn as ElmLanguageIcon, Er as ElmList, Bi as ElmMarkdown, k as ElmMdiIcon, sr as ElmModal, Sr as ElmNotionCallout, Ti as ElmPageTop, un as ElmParagraph, Ur as ElmParallax, ar as ElmRectangleWave, ti as ElmSelect, Hn as ElmShikiHighlighter, ii as ElmSlider, fi as ElmSquareLoadingIcon, ai as ElmSwitch, $t as ElmTab, Qt as ElmTabList, en as ElmTabPanel, kr as ElmTable, Ar as ElmTableBody, Mr as ElmTableCell, Pr as ElmTableHeader, Ir as ElmTableRow, Zt as ElmTabs, oi as ElmTextArea, si as ElmTextField, hr as ElmToggle, xi as ElmToggleTheme, Gr as ElmTooltip, Rr as ElmUnsupportedBlock, li as ElmValidation, Dr as HasRowHeaderContext, Dt as LANGUAGES, mi as THEME_CHANGE_EVENT, Or as TableSectionContext, Sn as basicCatalog, O as defineRenderer, Vr as notionBlockCatalog, Wn as useClipboard, yi as useElmethisTheme, cr as useModal, Xi as useWordle };
+export { jn as A2uiSurface, hn as CatalogRenderer, Mn as ElmA2ui, nr as ElmAudioPlayer, Yr as ElmBlockFallback, sr as ElmBlockImage, hr as ElmBlockQuote, fr as ElmBookmark, Ci as ElmBreadcrumb, Xr as ElmButton, Qr as ElmButtonDropdown, vr as ElmCallout, $r as ElmCheckbox, Wn as ElmCodeBlock, qt as ElmCollapse, ki as ElmColorPrimitiveSample, Li as ElmColorSemanticSample, ui as ElmCopyIcon, Sr as ElmDivider, Kr as ElmDotLoadingIcon, ur as ElmFile, rn as ElmFragmentIdentifier, on as ElmHeading, Qn as ElmHtml, $n as ElmHtmlViewer, T as ElmInlineIcon, E as ElmInlineText, Pn as ElmKatex, zn as ElmLanguageIcon, wr as ElmList, Bi as ElmMarkdown, A as ElmMdiIcon, ar as ElmModal, br as ElmNotionCallout, Ti as ElmPageTop, un as ElmParagraph, Vr as ElmParallax, Jr as ElmRectangleWave, ti as ElmSelect, Vn as ElmShikiHighlighter, ii as ElmSlider, fi as ElmSquareLoadingIcon, ai as ElmSwitch, $t as ElmTab, Qt as ElmTabList, en as ElmTabPanel, Dr as ElmTable, Or as ElmTableBody, Ar as ElmTableCell, Mr as ElmTableHeader, Pr as ElmTableRow, Zt as ElmTabs, oi as ElmTextArea, si as ElmTextField, pr as ElmToggle, xi as ElmToggleTheme, Ur as ElmTooltip, Ir as ElmUnsupportedBlock, li as ElmValidation, Tr as HasRowHeaderContext, Dt as LANGUAGES, mi as THEME_CHANGE_EVENT, Er as TableSectionContext, Sn as basicCatalog, O as defineRenderer, zr as notionBlockCatalog, Un as useClipboard, yi as useElmethisTheme, or as useModal, Xi as useWordle };