@elmethis/react 0.3.10 → 0.3.11

package/lib/index.react.mjs

@@ -1906,52 +1906,59 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 		style: { color: t.isValid ? e : void 0 },
 		children: t.text
 	})]
-}), hn = { column: "_column_12uje_1" }, gn = (e) => /* @__PURE__ */ p("div", {
-	className: [hn.column, e.className].filter(Boolean).join(" "),
+}), hn = {
+	"elm-collapse": "_elm-collapse_j2kw5_1",
+	inner: "_inner_j2kw5_8",
+	open: "_open_j2kw5_12"
+}, gn = (e) => /* @__PURE__ */ p("div", {
+	className: S(hn["elm-collapse"], { [hn.open]: e.isOpen }),
+	style: e.style,
+	children: /* @__PURE__ */ p("div", {
+		className: hn.inner,
+		children: e.children
+	})
+}), _n = { column: "_column_12uje_1" }, vn = (e) => /* @__PURE__ */ p("div", {
+	className: [_n.column, e.className].filter(Boolean).join(" "),
 	style: e.style,
 	children: e.children
-}), _n = { "column-list": "_column-list_rt1o3_1" }, vn = (e) => /* @__PURE__ */ p("div", {
-	className: [_n["column-list"], e.className].filter(Boolean).join(" "),
+}), yn = { "column-list": "_column-list_rt1o3_1" }, bn = (e) => /* @__PURE__ */ p("div", {
+	className: [yn["column-list"], e.className].filter(Boolean).join(" "),
 	style: e.style,
 	children: e.children
-}), yn = {
+}), xn = {
 	body: "_body_gd5gc_1",
 	button: "_button_gd5gc_5"
-}, W = {
-	provider: "_provider_94i7o_1",
-	"provider-enter": "_provider-enter_94i7o_19",
-	"provider-exit": "_provider-exit_94i7o_23",
-	modal: "_modal_94i7o_27"
-}, bn = ({ closeOnClickOutside: e = !0, onChange: t, ...n }) => {
-	let [r, i] = d(!1), o = n.value ?? !1;
+}, Sn = {
+	provider: "_provider_qbioz_1",
+	exit: "_exit_qbioz_23"
+}, Cn = ({ closeOnClickOutside: e = !0, duration: t = 200, isOpen: n, setIsOpen: r, ...i }) => {
+	let [o, c] = d(!1);
 	s(() => {
-		if (o) {
-			let e = window.setTimeout(() => i(!0), 0);
+		if (n) {
+			let e = window.setTimeout(() => c(!0), 0);
 			return () => clearTimeout(e);
 		} else {
-			let e = window.setTimeout(() => i(!1), 400);
+			let e = window.setTimeout(() => c(!1), t);
 			return () => clearTimeout(e);
 		}
-	}, [o]);
-	let c = a(() => {
-		e && t && t(!1);
-	}, [e, t]), l = a((e) => {
+	}, [n, t]);
+	let l = a(() => {
+		e && r && r(!1);
+	}, [e, r]), u = a((e) => {
 		e.stopPropagation();
 	}, []);
-	return !o && !r ? null : qe(/* @__PURE__ */ p("div", {
-		className: `${W.provider} ${o ? W["provider-enter"] : W["provider-exit"]}`,
-		onClick: c,
+	return !n && !o ? null : qe(/* @__PURE__ */ p("div", {
+		className: S(Sn.provider, { [Sn.exit]: !n }),
+		style: { transitionDuration: `${t}ms` },
+		onClick: l,
 		children: /* @__PURE__ */ p("div", {
-			className: [W.modal, n.className].filter(Boolean).join(" "),
-			style: {
-				"--width": n.width,
-				...n.style
-			},
-			onClick: l,
-			children: n.children
+			className: i.className,
+			style: i.style,
+			onClick: u,
+			children: i.children
 		})
 	}), document.body);
-}, xn = ({ closeOnClickOutside: e = !0, onChange: t, onConfirm: n, onSuccess: r, onError: i, ...o }) => {
+}, wn = ({ 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 () => {
@@ -1967,9 +1974,9 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 		i,
 		t
 	]);
-	return /* @__PURE__ */ p(bn, {
-		value: o.value,
-		onChange: t,
+	return /* @__PURE__ */ p(Cn, {
+		isOpen: o.value,
+		setIsOpen: t,
 		closeOnClickOutside: e,
 		className: o.className,
 		children: /* @__PURE__ */ m("div", { children: [
@@ -1979,11 +1986,11 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 				children: o.title
 			}),
 			/* @__PURE__ */ p("div", {
-				className: yn.body,
+				className: xn.body,
 				children: o.children
 			}),
 			/* @__PURE__ */ m("div", {
-				className: yn.button,
+				className: xn.button,
 				children: [/* @__PURE__ */ m(sn, {
 					block: !0,
 					onClick: l,
@@ -2002,29 +2009,29 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 			})
 		] })
 	});
-}, G = {
+}, W = {
 	window: "_window_l8snl_1",
 	header: "_header_l8snl_14",
 	dot: "_dot_l8snl_25"
-}, Sn = ({ minHeight: e = "6rem", ...t }) => /* @__PURE__ */ m("div", {
-	className: [G.window, t.className].filter(Boolean).join(" "),
+}, Tn = ({ minHeight: e = "6rem", ...t }) => /* @__PURE__ */ m("div", {
+	className: [W.window, t.className].filter(Boolean).join(" "),
 	style: t.style,
 	children: [/* @__PURE__ */ m("div", {
-		className: G.header,
+		className: W.header,
 		children: [
 			/* @__PURE__ */ p("div", {
 				"aria-hidden": !0,
-				className: G.dot,
+				className: W.dot,
 				style: { "--bg": "#c48691" }
 			}),
 			/* @__PURE__ */ p("div", {
 				"aria-hidden": !0,
-				className: G.dot,
+				className: W.dot,
 				style: { "--bg": "#c9b990" }
 			}),
 			/* @__PURE__ */ p("div", {
 				"aria-hidden": !0,
-				className: G.dot,
+				className: W.dot,
 				style: { "--bg": "#7cc598" }
 			})
 		]
@@ -2032,7 +2039,7 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 		style: { minHeight: e },
 		children: t.children
 	})]
-}), Cn = { parallax: "_parallax_1tovg_1" }, wn = ({ className: e, ...t }) => {
+}), En = { parallax: "_parallax_1tovg_1" }, Dn = ({ className: e, ...t }) => {
 	let [n, r] = d(0);
 	return s(() => {
 		let e = null, t = () => {
@@ -2044,7 +2051,7 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 			window.removeEventListener("scroll", t), e != null && cancelAnimationFrame(e);
 		};
 	}, []), /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
-		className: [Cn.parallax, e].filter(Boolean).join(" "),
+		className: [En.parallax, e].filter(Boolean).join(" "),
 		style: {
 			backgroundImage: `url(${t.imageUrl1})`,
 			transform: `scale(1.2) translateY(${n / 400}%)`,
@@ -2052,22 +2059,22 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 			...t.style
 		}
 	}), /* @__PURE__ */ p("div", {
-		className: Cn.parallax,
+		className: En.parallax,
 		style: {
 			backgroundImage: `url(${t.imageUrl2})`,
 			transform: `scale(1.2) translateY(${n / 900}%)`,
 			transformOrigin: "bottom"
 		}
 	})] });
-}, Tn = {
+}, On = {
 	container: "_container_1mzm0_1",
 	title: "_title_1mzm0_16",
 	text: "_text_1mzm0_22"
-}, En = {
+}, kn = {
 	original: "_original_3zasf_1",
 	tooltip: "_tooltip_3zasf_5",
 	"tooltip-enter": "_tooltip-enter_3zasf_17"
-}, Dn = (e) => {
+}, An = (e) => {
 	let t = u(null), [n, r] = d(!1), [i, o] = d({}), c = a(() => {
 		let e = t.current;
 		if (!e) return;
@@ -2084,40 +2091,40 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 		n && c();
 	}, [n, c]), /* @__PURE__ */ m("span", {
 		ref: t,
-		className: [En.original, e.className].filter(Boolean).join(" "),
+		className: [kn.original, e.className].filter(Boolean).join(" "),
 		onMouseOver: () => r(!0),
 		onMouseLeave: () => r(!1),
 		style: e.style,
 		children: [e.original, n && /* @__PURE__ */ p("div", {
-			className: `${En.tooltip} ${En["tooltip-enter"]}`,
+			className: `${kn.tooltip} ${kn["tooltip-enter"]}`,
 			style: i,
 			children: e.tooltip
 		})]
 	});
-}, On = (e) => /* @__PURE__ */ p(Dn, {
+}, jn = (e) => /* @__PURE__ */ p(An, {
 	original: e.children,
 	tooltip: /* @__PURE__ */ m("div", {
-		className: [Tn.container, e.className].filter(Boolean).join(" "),
+		className: [On.container, e.className].filter(Boolean).join(" "),
 		style: e.style,
 		children: [e.title && /* @__PURE__ */ p("div", {
-			className: Tn.title,
+			className: On.title,
 			children: e.title
 		}), /* @__PURE__ */ p("div", {
-			className: Tn.text,
+			className: On.text,
 			children: e.text
 		})]
 	})
-}), kn = {
+}), Mn = {
 	snackbar: "_snackbar_1f0go_1",
 	icon: "_icon_1f0go_19",
 	progress: "_progress_1f0go_45"
-}, An = ({ timeout: e = 5e3, ...t }) => /* @__PURE__ */ m("div", {
-	className: [kn.snackbar, t.className].filter(Boolean).join(" "),
+}, Nn = ({ timeout: e = 5e3, ...t }) => /* @__PURE__ */ m("div", {
+	className: [Mn.snackbar, t.className].filter(Boolean).join(" "),
 	style: t.style,
 	children: [
 		t.label == null ? t.children : /* @__PURE__ */ p(D, { children: t.label }),
 		/* @__PURE__ */ p("div", {
-			className: kn.icon,
+			className: Mn.icon,
 			onClick: t.close,
 			children: /* @__PURE__ */ p(w, {
 				d: ge,
@@ -2125,22 +2132,22 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 			})
 		}),
 		/* @__PURE__ */ p("div", {
-			className: kn.progress,
+			className: Mn.progress,
 			style: { animationDuration: `${e}ms` }
 		})
 	]
-}), jn = {
+}), Pn = {
 	"snackbar-screen": "_snackbar-screen_up7j2_1",
 	"snackbar-container": "_snackbar-container_up7j2_14",
 	"snackbar-item": "_snackbar-item_up7j2_23"
-}, Mn = (e) => /* @__PURE__ */ p("div", {
-	className: [jn["snackbar-screen"], e.className].filter(Boolean).join(" "),
+}, Fn = (e) => /* @__PURE__ */ p("div", {
+	className: [Pn["snackbar-screen"], e.className].filter(Boolean).join(" "),
 	style: e.style,
 	children: /* @__PURE__ */ p("div", {
-		className: jn["snackbar-container"],
+		className: Pn["snackbar-container"],
 		children: e.snackbars.map((e) => /* @__PURE__ */ p("div", {
-			className: jn["snackbar-item"],
-			children: /* @__PURE__ */ p(An, {
+			className: Pn["snackbar-item"],
+			children: /* @__PURE__ */ p(Nn, {
 				label: e.label,
 				timeout: e.timeout,
 				close: e.close,
@@ -2148,34 +2155,34 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 			})
 		}, e.id))
 	})
-}), K = {
+}), G = {
 	"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"
-}, Nn = (e) => {
+}, In = (e) => {
 	let [t, n] = d(0);
 	return /* @__PURE__ */ m("div", {
-		className: [K["elm-tabs"], e.className].filter(Boolean).join(" "),
+		className: [G["elm-tabs"], e.className].filter(Boolean).join(" "),
 		style: e.style,
 		children: [/* @__PURE__ */ p("div", {
-			className: K["tab-container"],
+			className: G["tab-container"],
 			children: e.tabLabels.map((e, r) => /* @__PURE__ */ p("div", {
-				className: `${K.tab} ${t === r ? K.active : ""}`,
+				className: `${G.tab} ${t === r ? G.active : ""}`,
 				onClick: () => n(r),
 				children: e
 			}, r))
 		}), /* @__PURE__ */ p("div", {
-			className: K["tab-content-container"],
+			className: G["tab-content-container"],
 			children: e.tabContents.map((e, n) => /* @__PURE__ */ p("div", {
-				className: `${K["tab-content"]} ${t === n ? K.active : ""}`,
+				className: `${G["tab-content"]} ${t === n ? G.active : ""}`,
 				children: e
 			}, n))
 		})]
 	});
-}, q = {
+}, K = {
 	toggle: "_toggle_16f85_1",
 	open: "_open_16f85_14",
 	summary: "_summary_16f85_19",
@@ -2186,7 +2193,7 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 	border: "_border_16f85_84",
 	content: "_content_16f85_92",
 	close: "_close_16f85_96"
-}, Pn = (e) => {
+}, Ln = (e) => {
 	let [t, n] = Je({
 		prop: e.isOpen,
 		defaultProp: !1,
@@ -2195,55 +2202,55 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 		e.preventDefault(), n(!t);
 	};
 	return /* @__PURE__ */ m("div", {
-		className: S(q.toggle, e.className, { [q.open]: t }),
+		className: S(K.toggle, e.className, { [K.open]: t }),
 		style: { ...e.style },
 		children: [
 			/* @__PURE__ */ m("div", {
-				className: q.summary,
+				className: K.summary,
 				onClick: r,
 				children: [
 					/* @__PURE__ */ m("div", {
-						className: q["summary-left"],
+						className: K["summary-left"],
 						children: [/* @__PURE__ */ p(w, {
-							className: S(q.chevron, { [q.open]: t }),
+							className: S(K.chevron, { [K.open]: t }),
 							d: pe,
 							color: "#59b57c",
 							size: "1rem"
 						}), /* @__PURE__ */ p("div", { children: e.summary == null ? e.summaryContent : /* @__PURE__ */ p(D, { children: e.summary }) })]
 					}),
-					/* @__PURE__ */ p("hr", { className: q.divider }),
+					/* @__PURE__ */ p("hr", { className: K.divider }),
 					/* @__PURE__ */ p(w, {
-						className: S(q.cross, { [q.open]: t }),
+						className: S(K.cross, { [K.open]: t }),
 						d: Ve,
 						size: "1rem",
 						color: t ? "#b36472" : "#59b57c"
 					})
 				]
 			}),
-			/* @__PURE__ */ p("div", { className: q.border }),
+			/* @__PURE__ */ p("div", { className: K.border }),
 			/* @__PURE__ */ p("div", {
-				className: S(q.content, { [q.close]: !t }),
+				className: S(K.content, { [K.close]: !t }),
 				children: e.children
 			})
 		]
 	});
-}, J = {
+}, q = {
 	table: "_table_197ge_1",
 	caption: "_caption_197ge_8",
 	"caption-inner": "_caption-inner_197ge_18",
 	spacing: "_spacing_197ge_25"
-}, Fn = r(!1), In = r(!1), Ln = ({ caption: e, hasRowHeader: t = !1, header: n, body: r, style: i, className: a }) => /* @__PURE__ */ p(In.Provider, {
+}, Rn = r(!1), zn = r(!1), Bn = ({ caption: e, hasRowHeader: t = !1, header: n, body: r, style: i, className: a }) => /* @__PURE__ */ p(zn.Provider, {
 	value: t,
 	children: /* @__PURE__ */ m("table", {
-		className: [J.table, a].filter(Boolean).join(" "),
+		className: [q.table, a].filter(Boolean).join(" "),
 		style: i,
 		children: [
 			e != null && /* @__PURE__ */ p("caption", { children: /* @__PURE__ */ m("span", {
-				className: J.caption,
+				className: q.caption,
 				children: [
-					/* @__PURE__ */ p("span", { className: J.spacing }),
+					/* @__PURE__ */ p("span", { className: q.spacing }),
 					/* @__PURE__ */ m("span", {
-						className: J["caption-inner"],
+						className: q["caption-inner"],
 						children: [/* @__PURE__ */ p("svg", {
 							viewBox: "0 0 24 24",
 							width: "1rem",
@@ -2254,80 +2261,80 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 							})
 						}), /* @__PURE__ */ p(D, { children: e })]
 					}),
-					/* @__PURE__ */ p("span", { className: J.spacing })
+					/* @__PURE__ */ p("span", { className: q.spacing })
 				]
 			}) }),
 			n,
 			r
 		]
 	})
-}), Rn = ({ children: e, style: t, className: n }) => /* @__PURE__ */ p(Fn.Provider, {
+}), Vn = ({ children: e, style: t, className: n }) => /* @__PURE__ */ p(Rn.Provider, {
 	value: !1,
 	children: /* @__PURE__ */ p("tbody", {
 		className: n,
 		style: t,
 		children: e
 	})
-}), zn = {
+}), Hn = {
 	common: "_common_15vhm_1",
 	td: "_td_15vhm_26",
 	th: "_th_15vhm_34"
-}, Bn = ({ children: e, style: t, hasHeader: n = !1, text: r, className: i }) => {
-	let a = o(Fn), s = n || a;
+}, Un = ({ children: e, style: t, hasHeader: n = !1, text: r, className: i }) => {
+	let a = o(Rn), s = n || a;
 	return /* @__PURE__ */ p(s ? "th" : "td", {
 		className: [
-			zn.common,
-			s ? zn.th : zn.td,
+			Hn.common,
+			s ? Hn.th : Hn.td,
 			i
 		].filter(Boolean).join(" "),
 		style: t,
 		children: r ?? e
 	});
-}, Vn = { thead: "_thead_184mb_1" }, Hn = ({ children: e, style: t, className: n }) => /* @__PURE__ */ p(Fn.Provider, {
+}, Wn = { thead: "_thead_184mb_1" }, Gn = ({ children: e, style: t, className: n }) => /* @__PURE__ */ p(Rn.Provider, {
 	value: !0,
 	children: /* @__PURE__ */ p("thead", {
-		className: [Vn.thead, n].filter(Boolean).join(" "),
+		className: [Wn.thead, n].filter(Boolean).join(" "),
 		style: t,
 		children: e
 	})
-}), Un = {
+}), Kn = {
 	tr: "_tr_1l64j_1",
 	"has-row-header": "_has-row-header_1l64j_25"
-}, Wn = ({ children: e, style: t, className: n }) => {
-	let r = o(In);
+}, J = ({ children: e, style: t, className: n }) => {
+	let r = o(zn);
 	return /* @__PURE__ */ p("tr", {
 		className: [
-			Un.tr,
-			r ? Un["has-row-header"] : void 0,
+			Kn.tr,
+			r ? Kn["has-row-header"] : void 0,
 			n
 		].filter(Boolean).join(" "),
 		style: t,
 		children: e
 	});
 }, Y = {
-	wrapper: "_wrapper_1yj17_1",
-	header: "_header_1yj17_18",
-	header__left: "_header__left_1yj17_36",
-	caption: "_caption_1yj17_44",
-	header__right: "_header__right_1yj17_50",
-	"copy-icon": "_copy-icon_1yj17_58",
-	code: "_code_1yj17_81",
-	"code-body": "_code-body_1yj17_89",
-	fallback: "_fallback_1yj17_93"
-}, Gn = { code: "_code_1nyfa_1" }, Kn = null;
-function qn() {
-	return Kn || (Kn = import("shiki").then(({ createHighlighter: e }) => e({
+	wrapper: "_wrapper_189iv_1",
+	header: "_header_189iv_18",
+	header__left: "_header__left_189iv_36",
+	caption: "_caption_189iv_44",
+	header__right: "_header__right_189iv_50",
+	"copy-icon": "_copy-icon_189iv_58",
+	code: "_code_189iv_81",
+	"code-body": "_code-body_189iv_89",
+	fallback: "_fallback_189iv_93"
+}, qn = { code: "_code_1nyfa_1" }, Jn = null;
+function Yn() {
+	return Jn || (Jn = 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"]
-	}))), Kn;
+	}))), Jn;
 }
 //#endregion
 //#region src/components/code/ElmShikiHighlighter.tsx
-var Jn = ({ code: e, language: t = "txt", onRendered: n, style: r, className: i }) => {
+var Xn = ({ code: e, language: t = "txt", onRendered: n, style: r, className: i }) => {
 	let [a, o] = d(`<pre>${e}</pre>`);
 	return s(() => {
 		let r = !1;
-		return qn().then((i) => {
+		return Yn().then((i) => {
 			if (!r) try {
 				let a = i.codeToHtml(e, {
 					lang: t,
@@ -2354,14 +2361,14 @@ var Jn = ({ code: e, language: t = "txt", onRendered: n, style: r, className: i
 		t,
 		n
 	]), /* @__PURE__ */ p("div", {
-		className: [Gn.code, i].filter(Boolean).join(" "),
+		className: [qn.code, i].filter(Boolean).join(" "),
 		style: r,
 		children: /* @__PURE__ */ p("div", {
 			className: "shiki",
 			dangerouslySetInnerHTML: { __html: a }
 		})
 	});
-}, Yn = ({ code: e, language: t = "txt", caption: n, style: r, className: i }) => {
+}, Zn = ({ code: e, language: t = "txt", caption: n, style: r, className: i }) => {
 	let [o, c] = d(!1), [l, f] = d(!1), [h, g] = d(!1), _ = u(null), v = u(null);
 	s(() => {
 		let e = _.current;
@@ -2413,7 +2420,7 @@ var Jn = ({ code: e, language: t = "txt", onRendered: n, style: r, className: i
 			children: [/* @__PURE__ */ p("div", {
 				className: Y["code-body"],
 				style: { opacity: +!!o },
-				children: /* @__PURE__ */ p(Jn, {
+				children: /* @__PURE__ */ p(Xn, {
 					code: e,
 					language: t,
 					onRendered: c
@@ -2425,7 +2432,7 @@ var Jn = ({ code: e, language: t = "txt", onRendered: n, style: r, className: i
 			})]
 		})]
 	});
-}, Xn = { katex: "_katex_1a1aj_1" }, Zn = ({ expression: e, block: t = !1, style: n, className: r }) => {
+}, Qn = { katex: "_katex_1a1aj_1" }, $n = ({ expression: e, block: t = !1, style: n, className: r }) => {
 	let [i, a] = d();
 	s(() => {
 		import("katex").then(({ renderToString: n }) => {
@@ -2439,7 +2446,7 @@ var Jn = ({ code: e, language: t = "txt", onRendered: n, style: r, className: i
 			}
 		}).catch(() => {});
 	}, [e, t]);
-	let o = [Xn.katex, r].filter(Boolean).join(" ");
+	let o = [Qn.katex, r].filter(Boolean).join(" ");
 	return p(t ? "div" : "span", {
 		className: o,
 		style: n,
@@ -2448,7 +2455,7 @@ var Jn = ({ code: e, language: t = "txt", onRendered: n, style: r, className: i
 }, X = {
 	"color-bg": "_color-bg_yiibu_1",
 	text: "_text_yiibu_17"
-}, Qn = ({ color: e, style: t, className: n }) => {
+}, er = ({ color: e, style: t, className: n }) => {
 	let [r, i] = d(!1), o = u(null), s = y(e), { hue: c, saturation: l, lightness: h } = v(e), g = ee(s), _ = `rgb(${s.red}, ${s.green}, ${s.blue})`, b = `hsl(${Math.floor(c)}, ${Math.floor(l * 100)}%, ${Math.floor(h * 100)}%)`, x = a((e) => {
 		navigator.clipboard.writeText(e).then(() => {
 			i(!0), o.current && clearTimeout(o.current), o.current = setTimeout(() => i(!1), 1500);
@@ -2460,7 +2467,7 @@ var Jn = ({ code: e, language: t = "txt", onRendered: n, style: r, className: i
 			"--color": e,
 			...t
 		},
-		children: /* @__PURE__ */ p(Dn, {
+		children: /* @__PURE__ */ p(An, {
 			original: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
 				className: X["color-bg"],
 				style: { "--background-color": e },
@@ -2494,11 +2501,11 @@ var Jn = ({ code: e, language: t = "txt", onRendered: n, style: r, className: i
 			] })
 		})
 	});
-}, $n = {
+}, tr = {
 	container: "_container_a7c06_1",
 	"row-container": "_row-container_a7c06_9",
 	"color-name": "_color-name_a7c06_17"
-}, er = [
+}, nr = [
 	-3,
 	-.25,
 	-.2,
@@ -2512,16 +2519,16 @@ var Jn = ({ code: e, language: t = "txt", onRendered: n, style: r, className: i
 	.2,
 	.25,
 	.3
-], tr = ({ colors: e, style: t, className: n }) => /* @__PURE__ */ p("div", {
-	className: [$n.container, n].filter(Boolean).join(" "),
+], rr = ({ colors: e, style: t, className: n }) => /* @__PURE__ */ p("div", {
+	className: [tr.container, n].filter(Boolean).join(" "),
 	style: t,
 	children: e.map((e) => /* @__PURE__ */ m("div", {
-		className: $n["row-container"],
+		className: tr["row-container"],
 		children: [/* @__PURE__ */ p("div", {
-			className: $n["color-name"],
+			className: tr["color-name"],
 			style: { "--color": e.code },
 			children: e.name
-		}), er.map((t) => /* @__PURE__ */ p(Qn, { color: h(t, e.code) }, t))]
+		}), nr.map((t) => /* @__PURE__ */ p(er, { color: h(t, e.code) }, t))]
 	}, e.name))
 }), Z = {
 	palette: "_palette_1glfh_1",
@@ -2534,7 +2541,7 @@ var Jn = ({ code: e, language: t = "txt", onRendered: n, style: r, className: i
 	"command-icon": "_command-icon_1glfh_103",
 	tag: "_tag_1glfh_107",
 	footer: "_footer_1glfh_118"
-}, nr = {
+}, ir = {
 	brown: "#a17c5b",
 	crimson: "#c56565",
 	amber: "#d48b70",
@@ -2545,12 +2552,12 @@ var Jn = ({ code: e, language: t = "txt", onRendered: n, style: r, className: i
 	purple: "#9771bd",
 	pink: "#c9699e"
 };
-function rr(e, t) {
+function ar(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 ir = ({ commands: e, onCommandInvoked: t, style: n, className: r }) => {
+var or = ({ commands: e, onCommandInvoked: t, style: n, className: r }) => {
 	let [i, o] = d(""), [c, l] = d([]), [f, h] = d(null), g = u(null);
 	s(() => {
 		g.current?.focus();
@@ -2558,7 +2565,7 @@ var ir = ({ commands: e, onCommandInvoked: t, style: n, className: r }) => {
 	let v = a((t) => {
 		let n = t.target.value;
 		o(n);
-		let r = rr(e, n);
+		let r = ar(e, n);
 		l(r), h(r.length > 0 ? 0 : null);
 	}, [e]), y = a((e) => {
 		if (e === null) return;
@@ -2614,7 +2621,7 @@ var ir = ({ commands: e, onCommandInvoked: t, style: n, className: r }) => {
 						}),
 						e.tag ? /* @__PURE__ */ p("div", {
 							className: Z.tag,
-							style: { "--tag-color": _(-.3, nr[e.tag.color]) },
+							style: { "--tag-color": _(-.3, ir[e.tag.color]) },
 							children: e.tag.name
 						}) : /* @__PURE__ */ p("div", { className: Z.tag }),
 						/* @__PURE__ */ p(D, {
@@ -2648,24 +2655,24 @@ var ir = ({ commands: e, onCommandInvoked: t, style: n, className: r }) => {
 			})
 		]
 	});
-}, ar = {
+}, sr = {
 	"jarkup-body": "_jarkup-body_jsvhx_1",
 	"unsupported-block": "_unsupported-block_jsvhx_5"
-}, or = ({ jsonComponents: e, style: t, className: n }) => /* @__PURE__ */ p("div", {
-	className: [ar["jarkup-body"], n].filter(Boolean).join(" "),
+}, cr = ({ jsonComponents: e, style: t, className: n }) => /* @__PURE__ */ p("div", {
+	className: [sr["jarkup-body"], n].filter(Boolean).join(" "),
 	style: t,
 	children: e.map((e, t) => /* @__PURE__ */ p("div", {
-		className: ar["unsupported-block"],
+		className: sr["unsupported-block"],
 		children: /* @__PURE__ */ p("code", { children: JSON.stringify(e, null, 2) })
 	}, t))
-}), sr = {
+}), lr = {
 	"jarkup-body": "_jarkup-body_1rlbi_1",
 	"column-list": "_column-list_1rlbi_9",
 	column: "_column_1rlbi_9"
-}, cr = i(() => import("./ElmMermaid-CUeT_XM9.js").then((e) => e.n).then((e) => ({ default: e.ElmMermaid }))), lr = (e) => e.map((e) => e.type === "Text" ? e.props.text : "").join(""), ur = {
+}, ur = i(() => import("./ElmMermaid-CUeT_XM9.js").then((e) => e.n).then((e) => ({ default: e.ElmMermaid }))), dr = (e) => e.map((e) => e.type === "Text" ? e.props.text : "").join(""), fr = {
 	Text: (e, t, n, r) => {
 		let i = e.id ?? n, a = e.props;
-		return a.katex ? /* @__PURE__ */ p(Zn, {
+		return a.katex ? /* @__PURE__ */ p($n, {
 			expression: a.text,
 			block: !1
 		}, i) : /* @__PURE__ */ p(D, {
@@ -2697,7 +2704,7 @@ var ir = ({ commands: e, onCommandInvoked: t, style: n, className: r }) => {
 		let i = e.id ?? n;
 		return /* @__PURE__ */ p(k, {
 			level: e.props.level,
-			id: Ye(lr(e.slots.default)),
+			id: Ye(dr(e.slots.default)),
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0,
 			children: t(e.slots.default)
 		}, i);
@@ -2744,7 +2751,7 @@ var ir = ({ commands: e, onCommandInvoked: t, style: n, className: r }) => {
 	},
 	Toggle: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(Pn, {
+		return /* @__PURE__ */ p(Ln, {
 			summaryContent: t(e.slots.summary),
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0,
 			children: t(e.slots.default)
@@ -2782,7 +2789,7 @@ var ir = ({ commands: e, onCommandInvoked: t, style: n, className: r }) => {
 	},
 	CodeBlock: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(Yn, {
+		return /* @__PURE__ */ p(Zn, {
 			code: e.props.code,
 			language: e.props.language,
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
@@ -2790,7 +2797,7 @@ var ir = ({ commands: e, onCommandInvoked: t, style: n, className: r }) => {
 	},
 	Katex: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(Zn, {
+		return /* @__PURE__ */ p($n, {
 			expression: e.props.expression,
 			block: !0,
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
@@ -2800,7 +2807,7 @@ var ir = ({ commands: e, onCommandInvoked: t, style: n, className: r }) => {
 		let a = e.id ?? r;
 		return /* @__PURE__ */ p(n, {
 			fallback: /* @__PURE__ */ p(nn, {}),
-			children: /* @__PURE__ */ p(cr, {
+			children: /* @__PURE__ */ p(ur, {
 				code: e.props.code,
 				style: r === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
 			})
@@ -2810,33 +2817,33 @@ var ir = ({ commands: e, onCommandInvoked: t, style: n, className: r }) => {
 	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(Nn, {
+		return /* @__PURE__ */ p(In, {
 			tabLabels: a,
 			tabContents: o
 		}, i);
 	},
 	Table: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(Ln, {
+		return /* @__PURE__ */ p(Bn, {
 			caption: e.props?.caption,
 			hasRowHeader: e.props?.hasRowHeader,
-			header: e.slots.header ? /* @__PURE__ */ p(Hn, { children: t(e.slots.header) }) : void 0,
-			body: /* @__PURE__ */ p(Rn, { children: t(e.slots.body) }),
+			header: e.slots.header ? /* @__PURE__ */ p(Gn, { children: t(e.slots.header) }) : void 0,
+			body: /* @__PURE__ */ p(Vn, { 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(Wn, { 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(Bn, { children: t(e.slots.default) }, i);
+		return /* @__PURE__ */ p(Un, { children: t(e.slots.default) }, i);
 	},
 	ColumnList: (e, t, n, r) => {
 		let i = e.id ?? n;
 		return /* @__PURE__ */ p("div", {
-			className: sr["column-list"],
+			className: lr["column-list"],
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0,
 			children: t(e.slots.default)
 		}, i);
@@ -2844,7 +2851,7 @@ var ir = ({ commands: e, onCommandInvoked: t, style: n, className: r }) => {
 	Column: (e, t, n, r) => {
 		let i = e.id ?? n;
 		return /* @__PURE__ */ p("div", {
-			className: sr.column,
+			className: lr.column,
 			style: {
 				"--width-ratio": e.props?.widthRatio ?? 1,
 				width: e.props?.widthRatio ? `${e.props.widthRatio * 100}%` : void 0,
@@ -2860,9 +2867,9 @@ var ir = ({ commands: e, onCommandInvoked: t, style: n, className: r }) => {
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
 		}, i);
 	}
-}, dr = ({ jsonComponents: e, skipUnsupportedComponentWarning: t = !1, renderFunctionMap: n, style: r, className: i }) => {
+}, pr = ({ jsonComponents: e, skipUnsupportedComponentWarning: t = !1, renderFunctionMap: n, style: r, className: i }) => {
 	let a = {
-		...ur,
+		...fr,
 		...n
 	}, o = (e) => e.map((e, n) => {
 		let i = e.id ?? n, s = a[e.type];
@@ -2872,14 +2879,14 @@ var ir = ({ commands: e, onCommandInvoked: t, style: n, className: r }) => {
 		}) : t ? null : /* @__PURE__ */ p(on, { details: `Unsupported component type: ${e.type}` }, i);
 	});
 	return /* @__PURE__ */ p("div", {
-		className: [sr["jarkup-body"], i].filter(Boolean).join(" "),
+		className: [lr["jarkup-body"], i].filter(Boolean).join(" "),
 		style: {
 			"--elmethis-margin-block-start": r?.["--elmethis-margin-block-start"] ?? "2.5rem",
 			...r
 		},
 		children: o(e)
 	});
-}, fr = { "markdown-body": "_markdown-body_130yx_1" }, Q = (e) => e === 0 ? { "--elmethis-margin-block-start": "0" } : void 0, pr = {
+}, mr = { "markdown-body": "_markdown-body_130yx_1" }, Q = (e) => e === 0 ? { "--elmethis-margin-block-start": "0" } : void 0, hr = {
 	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]);
@@ -2894,7 +2901,7 @@ var ir = ({ commands: e, onCommandInvoked: t, style: n, className: r }) => {
 		checked: e.checked,
 		style: Q(n)
 	}, n),
-	code: (e, t, n) => /* @__PURE__ */ p(Yn, {
+	code: (e, t, n) => /* @__PURE__ */ p(Zn, {
 		code: e.text.trim(),
 		language: e.lang,
 		style: Q(n)
@@ -2969,24 +2976,24 @@ var ir = ({ commands: e, onCommandInvoked: t, style: n, className: r }) => {
 		children: e.text
 	}, n),
 	table: (e, t, n) => {
-		let r = (e) => e.map((e, n) => /* @__PURE__ */ p(Bn, { children: t(e.tokens) }, n)), i = /* @__PURE__ */ p(Wn, { children: r(e.header) }), a = e.rows.map((e, t) => /* @__PURE__ */ p(Wn, { children: r(e) }, t));
-		return /* @__PURE__ */ p(Ln, {
-			header: /* @__PURE__ */ p(Hn, { children: i }),
-			body: /* @__PURE__ */ p(Rn, { children: a }),
+		let r = (e) => e.map((e, n) => /* @__PURE__ */ p(Un, { 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(Bn, {
+			header: /* @__PURE__ */ p(Gn, { children: i }),
+			body: /* @__PURE__ */ p(Vn, { children: a }),
 			style: Q(n)
 		}, n);
 	},
 	text: (e, t, n) => e.tokens && e.tokens.length !== 0 ? /* @__PURE__ */ p(D, { children: t(e.tokens) }, n) : /* @__PURE__ */ p(D, { children: e.text }, n)
-}, mr = ({ markdown: e, style: t, className: n, renderFunctionMap: r }) => {
+}, gr = ({ markdown: e, style: t, className: n, renderFunctionMap: r }) => {
 	let i = {
-		...pr,
+		...hr,
 		...r
 	}, a = (e) => e.map((e, t) => {
 		let n = i[e.type];
 		return n ? n(e, a, t) : null;
 	}), o = Xe.setOptions({ gfm: !0 }).lexer(e);
 	return /* @__PURE__ */ p("div", {
-		className: [fr["markdown-body"], n].filter(Boolean).join(" "),
+		className: [mr["markdown-body"], n].filter(Boolean).join(" "),
 		style: {
 			"--elmethis-margin-block-start": "2.5rem",
 			...t
@@ -2998,7 +3005,7 @@ var ir = ({ commands: e, onCommandInvoked: t, style: n, className: r }) => {
 	typed: "_typed_sojtj_20",
 	current: "_current_sojtj_24",
 	incorrect: "_incorrect_sojtj_29"
-}, hr = ({ target: e = "Typing game", style: t, className: n }) => {
+}, _r = ({ target: e = "Typing game", style: t, className: n }) => {
 	let [r, i] = d(() => {
 		let t = e.split("").map((e) => ({
 			char: e,
@@ -3051,7 +3058,7 @@ var ir = ({ commands: e, onCommandInvoked: t, style: n, className: r }) => {
 			c > 0 && /* @__PURE__ */ m("div", { children: ["Mistakes: ", c] })
 		]
 	});
-}, gr = ({ oEmbed: e, style: t, className: n }) => e.type === "photo" ? /* @__PURE__ */ p("div", {
+}, vr = ({ oEmbed: e, style: t, className: n }) => e.type === "photo" ? /* @__PURE__ */ p("div", {
 	className: n,
 	style: t,
 	children: /* @__PURE__ */ p(N, {
@@ -3077,4 +3084,4 @@ var ir = ({ commands: e, onCommandInvoked: t, style: n, className: r }) => {
 	})
 });
 //#endregion
-export { ft as ElmArrowIcon, nn as ElmBlockFallback, Ct as ElmBlockQuote, Jt as ElmBookmark, ht as ElmBookmarkIcon, Yt as ElmBreadcrumb, sn as ElmButton, Et as ElmCallout, cn as ElmCheckbox, Yn as ElmCodeBlock, Qn as ElmColorSample, tr as ElmColorTable, gn as ElmColumn, vn as ElmColumnList, ir as ElmCommandPalette, xn as ElmConfirmModal, vt as ElmCubeIcon, Sn as ElmDesktopWindow, Ot as ElmDivider, T as ElmDotLoadingIcon, qt as ElmFile, At as ElmFragmentIdentifier, k as ElmHeading, N as ElmImage, C as ElmInlineIcon, D as ElmInlineText, dr as ElmJarkup, or as ElmJsonComponentRenderer, Zn as ElmKatex, et as ElmLanguageIcon, Ft as ElmList, bt as ElmLoginIcon, mr as ElmMarkdown, w as ElmMdiIcon, e as ElmMermaid, bn as ElmModal, Ht as ElmMultiProgress, gr as ElmOEmbed, Xt as ElmPageTop, St as ElmParagraph, wn as ElmParallax, Bt as ElmProgress, tn as ElmRectangleWave, ln as ElmSelect, Jn as ElmShikiHighlighter, On as ElmSimpleTooltip, An as ElmSnackbar, Mn as ElmSnackbarContainer, an as ElmSpinner, ot as ElmSquareLoadingIcon, Gt as ElmStatusMessage, un as ElmSwitch, Ln as ElmTable, Rn as ElmTableBody, Bn as ElmTableCell, Hn as ElmTableHeader, Qt as ElmTableOfContents, Wn as ElmTableRow, Nn as ElmTabs, zt as ElmTemplate, fn as ElmTextField, Pn as ElmToggle, dt as ElmToggleTheme, Dn as ElmTooltip, hr as ElmTyping, Lt as ElmTypingAnimation, on as ElmUnsupportedBlock, mn as ElmValidation, tt as LANGUAGES };
+export { ft as ElmArrowIcon, nn as ElmBlockFallback, Ct as ElmBlockQuote, Jt as ElmBookmark, ht as ElmBookmarkIcon, Yt as ElmBreadcrumb, sn as ElmButton, Et as ElmCallout, cn as ElmCheckbox, Zn as ElmCodeBlock, gn as ElmCollapse, er as ElmColorSample, rr as ElmColorTable, vn as ElmColumn, bn as ElmColumnList, or as ElmCommandPalette, wn as ElmConfirmModal, vt as ElmCubeIcon, Tn as ElmDesktopWindow, Ot as ElmDivider, T as ElmDotLoadingIcon, qt as ElmFile, At as ElmFragmentIdentifier, k as ElmHeading, N as ElmImage, C as ElmInlineIcon, D as ElmInlineText, pr as ElmJarkup, cr as ElmJsonComponentRenderer, $n as ElmKatex, et as ElmLanguageIcon, Ft as ElmList, bt as ElmLoginIcon, gr as ElmMarkdown, w as ElmMdiIcon, e as ElmMermaid, Cn as ElmModal, Ht as ElmMultiProgress, vr as ElmOEmbed, Xt as ElmPageTop, St as ElmParagraph, Dn as ElmParallax, Bt as ElmProgress, tn as ElmRectangleWave, ln as ElmSelect, Xn as ElmShikiHighlighter, jn as ElmSimpleTooltip, Nn as ElmSnackbar, Fn as ElmSnackbarContainer, an as ElmSpinner, ot as ElmSquareLoadingIcon, Gt as ElmStatusMessage, un as ElmSwitch, Bn as ElmTable, Vn as ElmTableBody, Un as ElmTableCell, Gn as ElmTableHeader, Qt as ElmTableOfContents, J as ElmTableRow, In as ElmTabs, zt as ElmTemplate, fn as ElmTextField, Ln as ElmToggle, dt as ElmToggleTheme, An as ElmTooltip, _r as ElmTyping, Lt as ElmTypingAnimation, on as ElmUnsupportedBlock, mn as ElmValidation, tt as LANGUAGES };