@elmethis/react 0.3.8 → 0.3.10

package/lib/index.react.mjs

@@ -3,9 +3,9 @@ import t, { Suspense as n, createContext as r, lazy as i, useCallback as a, useC
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 import { darken as h, getLuminance as g, opacify as _, parseToHsl as v, parseToRgb as y, rgbToColorString as ee } from "polished";
 import { mdiAccount as b, mdiAlert as x, mdiAlertCircle as te, mdiAlertOctagram as ne, mdiApplicationOutline as re, mdiArchive as ie, mdiArrowDownDropCircleOutline as ae, mdiArrowLeft as oe, mdiBackspaceOutline as se, mdiCalendarMonth as ce, mdiCalendarRefresh as le, mdiCheck as ue, mdiCheckCircle as de, mdiCheckCircleOutline as fe, mdiChevronRight as pe, mdiClipboardCheckMultipleOutline as me, mdiClipboardMultipleOutline as he, mdiCloseCircleOutline as ge, mdiConsoleLine as _e, mdiDownload as ve, mdiEarth as ye, mdiEmail as be, mdiEyeOffOutline as xe, mdiEyeOutline as Se, mdiFileOutline as Ce, mdiFolderOpen as we, mdiFormatQuoteClose as Te, mdiFormatQuoteOpen as Ee, mdiHome as De, mdiInformation as Oe, mdiKey as ke, mdiKeyboardReturn as Ae, mdiLightbulbOn as je, mdiLinkVariant as Me, mdiLoading as Ne, mdiLock as Pe, mdiLoginVariant as Fe, mdiLogoutVariant as Ie, mdiMagnify as Le, mdiMenuDown as Re, mdiMessageImageOutline as ze, mdiPen as Be, mdiPlus as Ve, mdiReload as He, mdiShieldAlert as Ue, mdiTable as We, mdiTag as Ge, mdiText as Ke } from "@mdi/js";
+import S from "clsx";
 import { createPortal as qe } from "react-dom";
 import { useControllableState as Je } from "@radix-ui/react-use-controllable-state";
-import S from "clsx";
 import { kebabCase as Ye } from "lodash-es";
 import { marked as Xe } from "marked";
 var Ze = { icon: "_icon_k0isg_1" }, C = ({ src: e, alt: t, className: n }) => {
@@ -1636,24 +1636,25 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 		})
 	});
 }, V = {
-	wrapper: "_wrapper_3ipdq_1",
-	active: "_active_3ipdq_29",
-	header: "_header_3ipdq_33",
-	label: "_label_3ipdq_41",
-	body: "_body_3ipdq_54",
-	select: "_select_3ipdq_63",
-	selected: "_selected_3ipdq_72",
-	fallback: "_fallback_3ipdq_77",
-	pulldown: "_pulldown_3ipdq_85",
-	option: "_option_3ipdq_105",
-	description: "_description_3ipdq_127"
+	wrapper: "_wrapper_fb6dj_1",
+	active: "_active_fb6dj_29",
+	header: "_header_fb6dj_33",
+	label: "_label_fb6dj_41",
+	body: "_body_fb6dj_54",
+	select: "_select_fb6dj_63",
+	selected: "_selected_fb6dj_72",
+	fallback: "_fallback_fb6dj_77",
+	pulldown: "_pulldown_fb6dj_85",
+	collapse: "_collapse_fb6dj_106",
+	option: "_option_fb6dj_116",
+	description: "_description_fb6dj_138"
 }, ln = ({ disabled: e = !1, loading: t = !1, ...n }) => {
 	let [r, i] = d(!1), o = u(null), c = a(() => {
 		!e && !t && i((e) => !e);
-	}, [e, t]), { options: l, onSelect: f } = n, h = a((e) => {
+	}, [e, t]), { options: l, onSelect: h } = n, g = a((e) => {
 		let t = l.find((t) => t.id === e);
-		t && f && f(t);
-	}, [l, f]);
+		t && h && (h(t), i(!1));
+	}, [l, h]);
 	return s(() => {
 		let e = (e) => {
 			o.current && !o.current.contains(e.target) && i(!1);
@@ -1661,14 +1662,9 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, []), /* @__PURE__ */ m("div", {
 		ref: o,
-		className: [
-			V.wrapper,
-			r ? V.active : "",
-			n.className
-		].filter(Boolean).join(" "),
+		className: S(V.wrapper, n.className, { [V.active]: r }),
 		style: {
 			backgroundColor: e || t ? "rgba(0,0,0,0.15)" : void 0,
-			"--highlight-color": r ? "#bfa056" : void 0,
 			...n.style
 		},
 		onClick: c,
@@ -1685,7 +1681,7 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 				children: [
 					/* @__PURE__ */ p("div", {
 						className: V.selected,
-						children: n.selectedOption ? /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", { children: n.selectedOption.label }), n.selectedOption.description && /* @__PURE__ */ p("span", {
+						children: n.selectedOption ? n.selectedOption.children ? /* @__PURE__ */ p("div", { children: n.selectedOption.children }) : /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", { children: n.selectedOption.label }), n.selectedOption.description && /* @__PURE__ */ p("span", {
 							className: V.description,
 							children: n.selectedOption.description
 						})] }) : /* @__PURE__ */ m("div", {
@@ -1697,26 +1693,25 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 						d: Re,
 						size: "1.5rem"
 					}),
-					r && /* @__PURE__ */ p("div", {
-						className: V.pulldown,
-						children: n.options.map((e) => /* @__PURE__ */ m("div", {
-							className: V.option,
-							onClick: (t) => {
-								t.stopPropagation(), h(e.id);
-							},
-							children: [
-								/* @__PURE__ */ p(w, {
+					/* @__PURE__ */ p("div", {
+						className: S(V.pulldown, { [V.active]: r }),
+						children: /* @__PURE__ */ p("div", {
+							className: V.collapse,
+							children: n.options.map((e) => /* @__PURE__ */ m("div", {
+								className: V.option,
+								onClick: (t) => {
+									t.stopPropagation(), g(e.id);
+								},
+								children: [/* @__PURE__ */ p(w, {
 									d: pe,
 									color: "#868e9c",
 									size: "0.75em"
-								}),
-								/* @__PURE__ */ p("span", { children: e.label }),
-								e.description && /* @__PURE__ */ p("span", {
+								}), e.children ? /* @__PURE__ */ p("div", { children: e.children }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", { children: e.label }), e.description && /* @__PURE__ */ p("span", {
 									className: V.description,
 									children: e.description
-								})
-							]
-						}, e.id))
+								})] })]
+							}, e.id))
+						})
 					})
 				]
 			})
@@ -1922,12 +1917,12 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 }), yn = {
 	body: "_body_gd5gc_1",
 	button: "_button_gd5gc_5"
-}, bn = {
+}, W = {
 	provider: "_provider_94i7o_1",
 	"provider-enter": "_provider-enter_94i7o_19",
 	"provider-exit": "_provider-exit_94i7o_23",
 	modal: "_modal_94i7o_27"
-}, xn = ({ closeOnClickOutside: e = !0, onChange: t, ...n }) => {
+}, bn = ({ closeOnClickOutside: e = !0, onChange: t, ...n }) => {
 	let [r, i] = d(!1), o = n.value ?? !1;
 	s(() => {
 		if (o) {
@@ -1944,10 +1939,10 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 		e.stopPropagation();
 	}, []);
 	return !o && !r ? null : qe(/* @__PURE__ */ p("div", {
-		className: `${bn.provider} ${o ? bn["provider-enter"] : bn["provider-exit"]}`,
+		className: `${W.provider} ${o ? W["provider-enter"] : W["provider-exit"]}`,
 		onClick: c,
 		children: /* @__PURE__ */ p("div", {
-			className: [bn.modal, n.className].filter(Boolean).join(" "),
+			className: [W.modal, n.className].filter(Boolean).join(" "),
 			style: {
 				"--width": n.width,
 				...n.style
@@ -1956,7 +1951,7 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 			children: n.children
 		})
 	}), document.body);
-}, Sn = ({ closeOnClickOutside: e = !0, onChange: t, onConfirm: n, onSuccess: r, onError: i, ...o }) => {
+}, xn = ({ 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 () => {
@@ -1972,7 +1967,7 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 		i,
 		t
 	]);
-	return /* @__PURE__ */ p(xn, {
+	return /* @__PURE__ */ p(bn, {
 		value: o.value,
 		onChange: t,
 		closeOnClickOutside: e,
@@ -2007,29 +2002,29 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 			})
 		] })
 	});
-}, W = {
+}, G = {
 	window: "_window_l8snl_1",
 	header: "_header_l8snl_14",
 	dot: "_dot_l8snl_25"
-}, Cn = ({ minHeight: e = "6rem", ...t }) => /* @__PURE__ */ m("div", {
-	className: [W.window, t.className].filter(Boolean).join(" "),
+}, Sn = ({ minHeight: e = "6rem", ...t }) => /* @__PURE__ */ m("div", {
+	className: [G.window, t.className].filter(Boolean).join(" "),
 	style: t.style,
 	children: [/* @__PURE__ */ m("div", {
-		className: W.header,
+		className: G.header,
 		children: [
 			/* @__PURE__ */ p("div", {
 				"aria-hidden": !0,
-				className: W.dot,
+				className: G.dot,
 				style: { "--bg": "#c48691" }
 			}),
 			/* @__PURE__ */ p("div", {
 				"aria-hidden": !0,
-				className: W.dot,
+				className: G.dot,
 				style: { "--bg": "#c9b990" }
 			}),
 			/* @__PURE__ */ p("div", {
 				"aria-hidden": !0,
-				className: W.dot,
+				className: G.dot,
 				style: { "--bg": "#7cc598" }
 			})
 		]
@@ -2037,7 +2032,7 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 		style: { minHeight: e },
 		children: t.children
 	})]
-}), wn = { parallax: "_parallax_1tovg_1" }, Tn = ({ className: e, ...t }) => {
+}), Cn = { parallax: "_parallax_1tovg_1" }, wn = ({ className: e, ...t }) => {
 	let [n, r] = d(0);
 	return s(() => {
 		let e = null, t = () => {
@@ -2049,7 +2044,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: [wn.parallax, e].filter(Boolean).join(" "),
+		className: [Cn.parallax, e].filter(Boolean).join(" "),
 		style: {
 			backgroundImage: `url(${t.imageUrl1})`,
 			transform: `scale(1.2) translateY(${n / 400}%)`,
@@ -2057,22 +2052,22 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 			...t.style
 		}
 	}), /* @__PURE__ */ p("div", {
-		className: wn.parallax,
+		className: Cn.parallax,
 		style: {
 			backgroundImage: `url(${t.imageUrl2})`,
 			transform: `scale(1.2) translateY(${n / 900}%)`,
 			transformOrigin: "bottom"
 		}
 	})] });
-}, En = {
+}, Tn = {
 	container: "_container_1mzm0_1",
 	title: "_title_1mzm0_16",
 	text: "_text_1mzm0_22"
-}, Dn = {
+}, En = {
 	original: "_original_3zasf_1",
 	tooltip: "_tooltip_3zasf_5",
 	"tooltip-enter": "_tooltip-enter_3zasf_17"
-}, On = (e) => {
+}, Dn = (e) => {
 	let t = u(null), [n, r] = d(!1), [i, o] = d({}), c = a(() => {
 		let e = t.current;
 		if (!e) return;
@@ -2089,40 +2084,40 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 		n && c();
 	}, [n, c]), /* @__PURE__ */ m("span", {
 		ref: t,
-		className: [Dn.original, e.className].filter(Boolean).join(" "),
+		className: [En.original, e.className].filter(Boolean).join(" "),
 		onMouseOver: () => r(!0),
 		onMouseLeave: () => r(!1),
 		style: e.style,
 		children: [e.original, n && /* @__PURE__ */ p("div", {
-			className: `${Dn.tooltip} ${Dn["tooltip-enter"]}`,
+			className: `${En.tooltip} ${En["tooltip-enter"]}`,
 			style: i,
 			children: e.tooltip
 		})]
 	});
-}, kn = (e) => /* @__PURE__ */ p(On, {
+}, On = (e) => /* @__PURE__ */ p(Dn, {
 	original: e.children,
 	tooltip: /* @__PURE__ */ m("div", {
-		className: [En.container, e.className].filter(Boolean).join(" "),
+		className: [Tn.container, e.className].filter(Boolean).join(" "),
 		style: e.style,
 		children: [e.title && /* @__PURE__ */ p("div", {
-			className: En.title,
+			className: Tn.title,
 			children: e.title
 		}), /* @__PURE__ */ p("div", {
-			className: En.text,
+			className: Tn.text,
 			children: e.text
 		})]
 	})
-}), An = {
+}), kn = {
 	snackbar: "_snackbar_1f0go_1",
 	icon: "_icon_1f0go_19",
 	progress: "_progress_1f0go_45"
-}, jn = ({ timeout: e = 5e3, ...t }) => /* @__PURE__ */ m("div", {
-	className: [An.snackbar, t.className].filter(Boolean).join(" "),
+}, An = ({ timeout: e = 5e3, ...t }) => /* @__PURE__ */ m("div", {
+	className: [kn.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: An.icon,
+			className: kn.icon,
 			onClick: t.close,
 			children: /* @__PURE__ */ p(w, {
 				d: ge,
@@ -2130,22 +2125,22 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 			})
 		}),
 		/* @__PURE__ */ p("div", {
-			className: An.progress,
+			className: kn.progress,
 			style: { animationDuration: `${e}ms` }
 		})
 	]
-}), Mn = {
+}), jn = {
 	"snackbar-screen": "_snackbar-screen_up7j2_1",
 	"snackbar-container": "_snackbar-container_up7j2_14",
 	"snackbar-item": "_snackbar-item_up7j2_23"
-}, Nn = (e) => /* @__PURE__ */ p("div", {
-	className: [Mn["snackbar-screen"], e.className].filter(Boolean).join(" "),
+}, Mn = (e) => /* @__PURE__ */ p("div", {
+	className: [jn["snackbar-screen"], e.className].filter(Boolean).join(" "),
 	style: e.style,
 	children: /* @__PURE__ */ p("div", {
-		className: Mn["snackbar-container"],
+		className: jn["snackbar-container"],
 		children: e.snackbars.map((e) => /* @__PURE__ */ p("div", {
-			className: Mn["snackbar-item"],
-			children: /* @__PURE__ */ p(jn, {
+			className: jn["snackbar-item"],
+			children: /* @__PURE__ */ p(An, {
 				label: e.label,
 				timeout: e.timeout,
 				close: e.close,
@@ -2153,34 +2148,34 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 			})
 		}, e.id))
 	})
-}), G = {
+}), K = {
 	"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"
-}, Pn = (e) => {
+}, Nn = (e) => {
 	let [t, n] = d(0);
 	return /* @__PURE__ */ m("div", {
-		className: [G["elm-tabs"], e.className].filter(Boolean).join(" "),
+		className: [K["elm-tabs"], e.className].filter(Boolean).join(" "),
 		style: e.style,
 		children: [/* @__PURE__ */ p("div", {
-			className: G["tab-container"],
+			className: K["tab-container"],
 			children: e.tabLabels.map((e, r) => /* @__PURE__ */ p("div", {
-				className: `${G.tab} ${t === r ? G.active : ""}`,
+				className: `${K.tab} ${t === r ? K.active : ""}`,
 				onClick: () => n(r),
 				children: e
 			}, r))
 		}), /* @__PURE__ */ p("div", {
-			className: G["tab-content-container"],
+			className: K["tab-content-container"],
 			children: e.tabContents.map((e, n) => /* @__PURE__ */ p("div", {
-				className: `${G["tab-content"]} ${t === n ? G.active : ""}`,
+				className: `${K["tab-content"]} ${t === n ? K.active : ""}`,
 				children: e
 			}, n))
 		})]
 	});
-}, K = {
+}, q = {
 	toggle: "_toggle_16f85_1",
 	open: "_open_16f85_14",
 	summary: "_summary_16f85_19",
@@ -2191,7 +2186,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"
-}, Fn = (e) => {
+}, Pn = (e) => {
 	let [t, n] = Je({
 		prop: e.isOpen,
 		defaultProp: !1,
@@ -2200,55 +2195,55 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 		e.preventDefault(), n(!t);
 	};
 	return /* @__PURE__ */ m("div", {
-		className: S(K.toggle, e.className, { [K.open]: t }),
+		className: S(q.toggle, e.className, { [q.open]: t }),
 		style: { ...e.style },
 		children: [
 			/* @__PURE__ */ m("div", {
-				className: K.summary,
+				className: q.summary,
 				onClick: r,
 				children: [
 					/* @__PURE__ */ m("div", {
-						className: K["summary-left"],
+						className: q["summary-left"],
 						children: [/* @__PURE__ */ p(w, {
-							className: S(K.chevron, { [K.open]: t }),
+							className: S(q.chevron, { [q.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: K.divider }),
+					/* @__PURE__ */ p("hr", { className: q.divider }),
 					/* @__PURE__ */ p(w, {
-						className: S(K.cross, { [K.open]: t }),
+						className: S(q.cross, { [q.open]: t }),
 						d: Ve,
 						size: "1rem",
 						color: t ? "#b36472" : "#59b57c"
 					})
 				]
 			}),
-			/* @__PURE__ */ p("div", { className: K.border }),
+			/* @__PURE__ */ p("div", { className: q.border }),
 			/* @__PURE__ */ p("div", {
-				className: S(K.content, { [K.close]: !t }),
+				className: S(q.content, { [q.close]: !t }),
 				children: e.children
 			})
 		]
 	});
-}, q = {
+}, J = {
 	table: "_table_197ge_1",
 	caption: "_caption_197ge_8",
 	"caption-inner": "_caption-inner_197ge_18",
 	spacing: "_spacing_197ge_25"
-}, In = r(!1), Ln = r(!1), Rn = ({ caption: e, hasRowHeader: t = !1, header: n, body: r, style: i, className: a }) => /* @__PURE__ */ p(Ln.Provider, {
+}, Fn = r(!1), In = r(!1), Ln = ({ caption: e, hasRowHeader: t = !1, header: n, body: r, style: i, className: a }) => /* @__PURE__ */ p(In.Provider, {
 	value: t,
 	children: /* @__PURE__ */ m("table", {
-		className: [q.table, a].filter(Boolean).join(" "),
+		className: [J.table, a].filter(Boolean).join(" "),
 		style: i,
 		children: [
 			e != null && /* @__PURE__ */ p("caption", { children: /* @__PURE__ */ m("span", {
-				className: q.caption,
+				className: J.caption,
 				children: [
-					/* @__PURE__ */ p("span", { className: q.spacing }),
+					/* @__PURE__ */ p("span", { className: J.spacing }),
 					/* @__PURE__ */ m("span", {
-						className: q["caption-inner"],
+						className: J["caption-inner"],
 						children: [/* @__PURE__ */ p("svg", {
 							viewBox: "0 0 24 24",
 							width: "1rem",
@@ -2259,51 +2254,51 @@ var qt = ({ name: e, src: t, filesize: n, style: r, className: i }) => {
 							})
 						}), /* @__PURE__ */ p(D, { children: e })]
 					}),
-					/* @__PURE__ */ p("span", { className: q.spacing })
+					/* @__PURE__ */ p("span", { className: J.spacing })
 				]
 			}) }),
 			n,
 			r
 		]
 	})
-}), zn = ({ children: e, style: t, className: n }) => /* @__PURE__ */ p(In.Provider, {
+}), Rn = ({ children: e, style: t, className: n }) => /* @__PURE__ */ p(Fn.Provider, {
 	value: !1,
 	children: /* @__PURE__ */ p("tbody", {
 		className: n,
 		style: t,
 		children: e
 	})
-}), Bn = {
+}), zn = {
 	common: "_common_15vhm_1",
 	td: "_td_15vhm_26",
 	th: "_th_15vhm_34"
-}, Vn = ({ children: e, style: t, hasHeader: n = !1, text: r, className: i }) => {
-	let a = o(In), s = n || a;
+}, Bn = ({ children: e, style: t, hasHeader: n = !1, text: r, className: i }) => {
+	let a = o(Fn), s = n || a;
 	return /* @__PURE__ */ p(s ? "th" : "td", {
 		className: [
-			Bn.common,
-			s ? Bn.th : Bn.td,
+			zn.common,
+			s ? zn.th : zn.td,
 			i
 		].filter(Boolean).join(" "),
 		style: t,
 		children: r ?? e
 	});
-}, Hn = { thead: "_thead_184mb_1" }, Un = ({ children: e, style: t, className: n }) => /* @__PURE__ */ p(In.Provider, {
+}, Vn = { thead: "_thead_184mb_1" }, Hn = ({ children: e, style: t, className: n }) => /* @__PURE__ */ p(Fn.Provider, {
 	value: !0,
 	children: /* @__PURE__ */ p("thead", {
-		className: [Hn.thead, n].filter(Boolean).join(" "),
+		className: [Vn.thead, n].filter(Boolean).join(" "),
 		style: t,
 		children: e
 	})
-}), Wn = {
+}), Un = {
 	tr: "_tr_1l64j_1",
 	"has-row-header": "_has-row-header_1l64j_25"
-}, J = ({ children: e, style: t, className: n }) => {
-	let r = o(Ln);
+}, Wn = ({ children: e, style: t, className: n }) => {
+	let r = o(In);
 	return /* @__PURE__ */ p("tr", {
 		className: [
-			Wn.tr,
-			r ? Wn["has-row-header"] : void 0,
+			Un.tr,
+			r ? Un["has-row-header"] : void 0,
 			n
 		].filter(Boolean).join(" "),
 		style: t,
@@ -2465,7 +2460,7 @@ var Jn = ({ code: e, language: t = "txt", onRendered: n, style: r, className: i
 			"--color": e,
 			...t
 		},
-		children: /* @__PURE__ */ p(On, {
+		children: /* @__PURE__ */ p(Dn, {
 			original: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
 				className: X["color-bg"],
 				style: { "--background-color": e },
@@ -2749,7 +2744,7 @@ var ir = ({ commands: e, onCommandInvoked: t, style: n, className: r }) => {
 	},
 	Toggle: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(Fn, {
+		return /* @__PURE__ */ p(Pn, {
 			summaryContent: t(e.slots.summary),
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0,
 			children: t(e.slots.default)
@@ -2815,28 +2810,28 @@ 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(Pn, {
+		return /* @__PURE__ */ p(Nn, {
 			tabLabels: a,
 			tabContents: o
 		}, i);
 	},
 	Table: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(Rn, {
+		return /* @__PURE__ */ p(Ln, {
 			caption: e.props?.caption,
 			hasRowHeader: e.props?.hasRowHeader,
-			header: e.slots.header ? /* @__PURE__ */ p(Un, { children: t(e.slots.header) }) : void 0,
-			body: /* @__PURE__ */ p(zn, { children: t(e.slots.body) }),
+			header: e.slots.header ? /* @__PURE__ */ p(Hn, { children: t(e.slots.header) }) : void 0,
+			body: /* @__PURE__ */ p(Rn, { children: t(e.slots.body) }),
 			style: n === 0 ? { "--elmethis-margin-block-start": "0" } : void 0
 		}, i);
 	},
 	TableRow: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(J, { children: t(e.slots.default) }, i);
+		return /* @__PURE__ */ p(Wn, { children: t(e.slots.default) }, i);
 	},
 	TableCell: (e, t, n, r) => {
 		let i = e.id ?? n;
-		return /* @__PURE__ */ p(Vn, { children: t(e.slots.default) }, i);
+		return /* @__PURE__ */ p(Bn, { children: t(e.slots.default) }, i);
 	},
 	ColumnList: (e, t, n, r) => {
 		let i = e.id ?? n;
@@ -2974,10 +2969,10 @@ 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(Vn, { 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(Rn, {
-			header: /* @__PURE__ */ p(Un, { children: i }),
-			body: /* @__PURE__ */ p(zn, { children: a }),
+		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 }),
 			style: Q(n)
 		}, n);
 	},
@@ -3082,4 +3077,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, Sn as ElmConfirmModal, vt as ElmCubeIcon, Cn 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, xn as ElmModal, Ht as ElmMultiProgress, gr as ElmOEmbed, Xt as ElmPageTop, St as ElmParagraph, Tn as ElmParallax, Bt as ElmProgress, tn as ElmRectangleWave, ln as ElmSelect, Jn as ElmShikiHighlighter, kn as ElmSimpleTooltip, jn as ElmSnackbar, Nn as ElmSnackbarContainer, an as ElmSpinner, ot as ElmSquareLoadingIcon, Gt as ElmStatusMessage, un as ElmSwitch, Rn as ElmTable, zn as ElmTableBody, Vn as ElmTableCell, Un as ElmTableHeader, Qt as ElmTableOfContents, J as ElmTableRow, Pn as ElmTabs, zt as ElmTemplate, fn as ElmTextField, Fn as ElmToggle, dt as ElmToggleTheme, On 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, 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 };