@ptbdynamic/plinth 0.0.0-stage → 0.2.0

package/packages/react/dist/index.js

@@ -0,0 +1,1326 @@
+import { Fragment as e, createContext as t, isValidElement as n, use as r, useCallback as i, useEffect as a, useId as o, useRef as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/size.ts
+var f = [
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl"
+], p = [
+	"sm",
+	"md",
+	"lg"
+];
+function m(e, t, n) {
+	return t.includes(e) ? e : n;
+}
+function h(e) {
+	return e === "xs" || e === "sm" ? "sm" : "md";
+}
+//#endregion
+//#region src/avatar.ts
+var g = [
+	"sm",
+	"md",
+	"lg",
+	"xl"
+];
+function _(e) {
+	return m(e, g, "md");
+}
+function v(e) {
+	let t = e.trim().split(/\s+/).filter(Boolean);
+	return t.length === 0 ? "" : ([...t[0]][0] + (t.length > 1 ? [...t.at(-1)][0] : "")).toUpperCase();
+}
+var y = "<svg class=\"plinth-avatar-glyph\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"9\" r=\"4\"></circle><path d=\"M4.5 20a7.5 7.5 0 0 1 15 0\"></path></svg>", b = (e, t) => t?.trim() ? `${e} ${t.trim()}` : e, x = (t) => t == null || typeof t == "boolean" ? !1 : typeof t == "string" ? t.trim() !== "" : Array.isArray(t) ? t.some(x) : n(t) && t.type === e ? x(t.props.children) : !0, S = [
+	"neutral",
+	"success",
+	"warning",
+	"danger"
+];
+function C(e) {
+	return S.includes(e) ? e : S[0];
+}
+//#endregion
+//#region src/PlinthAvatar.tsx
+function w({ name: e = "", src: t, initials: n, size: r, status: i, statusLabel: o, decorative: s = !1, className: c, ...l }) {
+	let f = i ? C(i) : void 0, p = s ? void 0 : f && o ? `${e}, ${o}` : e, m = n ?? v(e);
+	return a(() => {
+		s || process.env.NODE_ENV === "production" || (e.trim() || console.warn("PlinthAvatar needs a name, or decorative when the name is shown next to it."), i && !o && console.warn("PlinthAvatar needs a statusLabel with a status: colour alone does not say what it means."));
+	}, [
+		s,
+		e,
+		i,
+		o
+	]), /* @__PURE__ */ d("span", {
+		"data-size": _(r),
+		role: p === void 0 ? void 0 : "img",
+		"aria-label": p,
+		"aria-hidden": s ? "true" : void 0,
+		...l,
+		className: b("plinth-avatar", c),
+		children: [t ? /* @__PURE__ */ u("img", {
+			className: "plinth-avatar-image",
+			src: t,
+			alt: ""
+		}) : m ? /* @__PURE__ */ u("span", {
+			className: "plinth-avatar-initials",
+			"aria-hidden": "true",
+			children: m
+		}) : /* @__PURE__ */ d("svg", {
+			className: "plinth-avatar-glyph",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			"aria-hidden": "true",
+			children: [/* @__PURE__ */ u("circle", {
+				cx: "12",
+				cy: "9",
+				r: "4"
+			}), /* @__PURE__ */ u("path", { d: "M4.5 20a7.5 7.5 0 0 1 15 0" })]
+		}), f ? /* @__PURE__ */ u("span", {
+			className: "plinth-avatar-status",
+			"data-tone": f,
+			"aria-hidden": "true"
+		}) : null]
+	});
+}
+//#endregion
+//#region src/PlinthBadge.tsx
+function T({ tone: e, dot: t = !1, className: n, children: r, ...i }) {
+	return /* @__PURE__ */ d("span", {
+		"data-tone": C(e),
+		...i,
+		className: b("plinth-badge", n),
+		children: [t ? /* @__PURE__ */ u("span", {
+			className: "plinth-badge-dot",
+			"aria-hidden": "true"
+		}) : null, /* @__PURE__ */ u("span", {
+			className: "plinth-badge-label",
+			children: r
+		})]
+	});
+}
+//#endregion
+//#region src/button.ts
+var E = [
+	"primary",
+	"accent",
+	"secondary",
+	"ghost",
+	"danger",
+	"danger-ghost"
+];
+function D(e) {
+	return E.includes(e) ? e : "primary";
+}
+//#endregion
+//#region src/PlinthButton.tsx
+function O({ href: e, variant: t, size: n, disabled: r = !1, busy: i = !1, icon: a, trailing: o, mirrorIcon: s = !1, mirrorTrailing: c = !1, className: f, children: g, ..._ }) {
+	let v = m(n, p, "md"), y = h(v), S = i && !r, C = {
+		"data-variant": D(t),
+		"data-size": v,
+		"aria-busy": S ? "true" : void 0
+	}, w = /* @__PURE__ */ d(l, { children: [
+		S ? /* @__PURE__ */ u("span", {
+			className: "plinth-button-spinner",
+			"aria-hidden": "true"
+		}) : x(a) ? /* @__PURE__ */ u("span", {
+			className: "plinth-icon",
+			"data-size": y,
+			"data-mirror": s ? "" : void 0,
+			"aria-hidden": "true",
+			children: a
+		}) : null,
+		/* @__PURE__ */ u("span", {
+			className: "plinth-button-label",
+			children: g
+		}),
+		x(o) ? /* @__PURE__ */ u("span", {
+			className: "plinth-icon",
+			"data-size": y,
+			"data-mirror": c ? "" : void 0,
+			"aria-hidden": "true",
+			children: o
+		}) : null
+	] });
+	return e ? /* @__PURE__ */ u("a", {
+		...C,
+		href: r ? void 0 : e,
+		role: r ? "link" : void 0,
+		"aria-disabled": S || r ? "true" : void 0,
+		..._,
+		className: b("plinth-button", f),
+		children: w
+	}) : /* @__PURE__ */ u("button", {
+		type: "button",
+		...C,
+		disabled: r || void 0,
+		"aria-disabled": S ? "true" : void 0,
+		..._,
+		className: b("plinth-button", f),
+		children: w
+	});
+}
+//#endregion
+//#region src/callout.ts
+var k = [
+	"neutral",
+	"info",
+	"success",
+	"warning",
+	"danger"
+];
+function A(e) {
+	return k.includes(e) ? e : "neutral";
+}
+var j = [
+	"note",
+	"status",
+	"alert"
+];
+function M(e) {
+	return j.includes(e) ? e : "note";
+}
+var N = (e) => `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${e}</svg>`, ee = {
+	neutral: N("<rect x=\"5\" y=\"4\" width=\"14\" height=\"16\" rx=\"2\"></rect><path d=\"M9 9h6M9 13h6M9 17h3\"></path>"),
+	info: N("<circle cx=\"12\" cy=\"12\" r=\"9\"></circle><path d=\"M12 11v5M12 7.5v.01\"></path>"),
+	success: N("<circle cx=\"12\" cy=\"12\" r=\"9\"></circle><path d=\"M8 12.5l2.5 2.5L16 9.5\"></path>"),
+	warning: N("<path d=\"M10.3 4.3L2.6 18a2 2 0 0 0 1.7 3h15.4a2 2 0 0 0 1.7-3L13.7 4.3a2 2 0 0 0-3.4 0z\"></path><path d=\"M12 9.5v4M12 17v.01\"></path>"),
+	danger: N("<path d=\"M8.5 3h7L21 8.5v7L15.5 21h-7L3 15.5v-7z\"></path><path d=\"M12 7.5v5M12 16v.01\"></path>")
+};
+//#endregion
+//#region src/PlinthCallout.tsx
+function te({ tone: e, role: t, title: n, actions: r, icon: i, className: a, children: o, ...s }) {
+	let c = A(e);
+	return /* @__PURE__ */ d("div", {
+		"data-tone": c,
+		role: M(t),
+		...s,
+		className: b("plinth-callout", a),
+		children: [x(i) ? /* @__PURE__ */ u("span", {
+			className: "plinth-icon plinth-callout-icon",
+			"data-size": "md",
+			"aria-hidden": "true",
+			children: i
+		}) : /* @__PURE__ */ u("span", {
+			className: "plinth-icon plinth-callout-icon",
+			"data-size": "md",
+			"aria-hidden": "true",
+			dangerouslySetInnerHTML: { __html: ee[c] }
+		}), /* @__PURE__ */ d("div", {
+			className: "plinth-callout-body",
+			children: [
+				x(n) ? /* @__PURE__ */ u("p", {
+					className: "plinth-callout-title",
+					children: n
+				}) : null,
+				x(o) ? /* @__PURE__ */ u("div", {
+					className: "plinth-callout-text",
+					children: o
+				}) : null,
+				x(r) ? /* @__PURE__ */ u("div", {
+					className: "plinth-callout-actions",
+					children: r
+				}) : null
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/code-block.ts
+var ne = (e) => e.slice(0, 6), re = (e, t) => Math.max(0, e.findIndex((e) => e.label === t));
+function ie(e) {
+	let t = e.closest(".plinth-code-block"), n = [...t?.querySelectorAll(".plinth-code-block-tab-input") ?? []], r = Math.max(0, n.findIndex((e) => e.checked));
+	return t?.querySelectorAll(".plinth-code-block-code")[r]?.textContent ?? "";
+}
+//#endregion
+//#region src/PlinthCodeBlock.tsx
+var ae = ({ children: e, html: t }) => /* @__PURE__ */ u("pre", {
+	className: "plinth-code-block-code",
+	dir: "ltr",
+	tabIndex: 0,
+	children: t === void 0 ? /* @__PURE__ */ u("code", { children: e }) : /* @__PURE__ */ u("code", { dangerouslySetInnerHTML: { __html: t } })
+});
+function oe({ id: e, label: t, html: n, tabs: r = [], selected: i, tabsLabel: f = "Language", copy: p = !0, copyLabel: m = "Copy", copiedLabel: h = "Copied", onCopied: g, className: _, children: v, ...y }) {
+	let S = o(), C = e?.trim() || void 0, w = `${C ?? `plinth-code-block-${S}`}-language`, T = ne(r), E = re(T, i), [D, k] = c(!1), [A, j] = c(!1), M = s(void 0);
+	a(() => (k(!!navigator.clipboard), () => clearTimeout(M.current)), []);
+	async function N(e) {
+		let t = ie(e.currentTarget);
+		try {
+			await navigator.clipboard.writeText(t);
+		} catch {
+			return;
+		}
+		j(!0), clearTimeout(M.current), M.current = setTimeout(() => j(!1), 2e3), g?.(t);
+	}
+	return /* @__PURE__ */ d("div", {
+		id: C,
+		...y,
+		className: b("plinth-code-block", _),
+		children: [/* @__PURE__ */ d("div", {
+			className: "plinth-code-block-header",
+			children: [
+				x(t) ? /* @__PURE__ */ u("span", {
+					className: "plinth-code-block-label",
+					children: t
+				}) : null,
+				T.length ? /* @__PURE__ */ u("div", {
+					className: "plinth-code-block-tabs",
+					role: "radiogroup",
+					"aria-label": f,
+					children: T.map((e, t) => /* @__PURE__ */ d("label", {
+						className: "plinth-code-block-tab",
+						children: [/* @__PURE__ */ u("input", {
+							type: "radio",
+							className: "plinth-code-block-tab-input",
+							name: w,
+							defaultChecked: t === E
+						}), /* @__PURE__ */ u("span", {
+							className: "plinth-code-block-tab-label",
+							children: e.label
+						})]
+					}, t))
+				}) : null,
+				p ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(O, {
+					className: "plinth-code-block-copy",
+					variant: "ghost",
+					size: "sm",
+					hidden: !D,
+					onClick: N,
+					children: A ? h : m
+				}), /* @__PURE__ */ u("span", {
+					className: "plinth-code-block-status",
+					role: "status",
+					children: A ? h : ""
+				})] }) : null
+			]
+		}), T.length ? T.map((e, t) => /* @__PURE__ */ u(ae, {
+			html: e.html,
+			children: e.code
+		}, t)) : /* @__PURE__ */ u(ae, {
+			html: n,
+			children: v
+		})]
+	});
+}
+//#endregion
+//#region src/confirm-dialog.ts
+var se = [
+	"simple",
+	"type",
+	"password"
+];
+function ce(e) {
+	return se.includes(e) ? e : "simple";
+}
+var le = ["neutral", "danger"];
+function P(e) {
+	return le.includes(e) ? e : "neutral";
+}
+var F = {
+	type: "Type :phrase to confirm",
+	password: "Password"
+}, I = (e) => e.replace(/[\\^$.*+?()[\]{}|/]/g, "\\$&"), L = [
+	"start",
+	"end",
+	"top",
+	"bottom"
+];
+function R(e) {
+	return z(e) ?? "end";
+}
+function z(e) {
+	return L.includes(e) ? e : void 0;
+}
+var B = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"></path></svg>", V = ["center", "bottom"];
+function H(e) {
+	return V.includes(e) ? e : "center";
+}
+var ue = B;
+//#endregion
+//#region src/PlinthConfirmDialog.tsx
+function de({ id: t, title: n, message: r, kind: i, phrase: a, fieldLabel: s, confirmLabel: c = "Confirm", cancelLabel: l = "Cancel", tone: f, error: p, busy: m = !1, sidePhone: h, className: g, ..._ }) {
+	let v = o();
+	if (!n?.trim()) throw Error("<PlinthConfirmDialog> needs a title: it is the dialog's accessible name.");
+	if (!r?.trim()) throw Error("<PlinthConfirmDialog> needs a message: it is the dialog's accessible description.");
+	let y = ce(i);
+	if (y === "type" && !a?.trim()) throw Error("<PlinthConfirmDialog kind=\"type\"> needs a phrase: it is what the person types.");
+	let x = t?.trim() || `plinth-confirm-dialog-${v}`, S = H(h), C = a?.trim() ?? "", w = y !== "simple" && !!p?.trim(), T = w ? {
+		"aria-invalid": !0,
+		"aria-describedby": `${x}-error`
+	} : {}, E = null;
+	if (y !== "simple") {
+		let t = s?.trim() || F[y], n = y === "type" ? t.split(":phrase") : [t];
+		E = /* @__PURE__ */ d("div", {
+			className: "plinth-confirm-dialog-field",
+			children: [/* @__PURE__ */ u("label", {
+				htmlFor: `${x}-field`,
+				className: "plinth-confirm-dialog-label",
+				children: n.map((t, n) => /* @__PURE__ */ d(e, { children: [n > 0 ? /* @__PURE__ */ u("strong", { children: C }) : null, t] }, n))
+			}), y === "type" ? /* @__PURE__ */ u("input", {
+				id: `${x}-field`,
+				className: "plinth-confirm-dialog-input",
+				type: "text",
+				name: "confirmation",
+				required: !0,
+				pattern: I(C),
+				autoComplete: "off",
+				autoCapitalize: "none",
+				spellCheck: "false",
+				...T
+			}) : /* @__PURE__ */ u("input", {
+				id: `${x}-field`,
+				className: "plinth-confirm-dialog-input",
+				type: "password",
+				name: "password",
+				required: !0,
+				autoComplete: "current-password",
+				...T
+			})]
+		});
+	}
+	return /* @__PURE__ */ u("dialog", {
+		id: x,
+		role: "alertdialog",
+		"data-side-phone": S === "center" ? void 0 : S,
+		closedby: "closerequest",
+		"aria-labelledby": `${x}-title`,
+		"aria-describedby": `${x}-message`,
+		..._,
+		className: b("plinth-dialog plinth-confirm-dialog", g),
+		children: /* @__PURE__ */ d("form", {
+			method: "dialog",
+			className: "plinth-confirm-dialog-form",
+			children: [
+				/* @__PURE__ */ u("div", {
+					className: "plinth-dialog-header",
+					children: /* @__PURE__ */ u("h2", {
+						id: `${x}-title`,
+						className: "plinth-dialog-title",
+						children: n
+					})
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "plinth-dialog-body",
+					children: [
+						/* @__PURE__ */ u("p", {
+							id: `${x}-message`,
+							className: "plinth-confirm-dialog-message",
+							children: r
+						}),
+						E,
+						w ? /* @__PURE__ */ u("p", {
+							id: `${x}-error`,
+							className: "plinth-confirm-dialog-error",
+							role: "alert",
+							children: p
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "plinth-dialog-footer",
+					children: [/* @__PURE__ */ u(O, {
+						variant: "secondary",
+						commandfor: x,
+						command: "close",
+						value: "cancel",
+						children: l
+					}), /* @__PURE__ */ u(O, {
+						className: "plinth-confirm-dialog-confirm",
+						type: "submit",
+						value: "confirm",
+						variant: P(f) === "danger" ? "danger" : "primary",
+						busy: m,
+						children: c
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/PlinthDataTable.tsx
+function fe({ caption: e, head: t, className: n, children: r, ...i }) {
+	return /* @__PURE__ */ d("table", {
+		role: "table",
+		...i,
+		className: b("plinth-data-table", n),
+		children: [
+			e?.trim() ? /* @__PURE__ */ u("caption", {
+				className: "plinth-data-table-caption",
+				children: e
+			}) : null,
+			/* @__PURE__ */ u("thead", {
+				className: "plinth-data-table-head",
+				role: "rowgroup",
+				children: /* @__PURE__ */ u("tr", {
+					className: "plinth-data-table-head-row",
+					role: "row",
+					children: t
+				})
+			}),
+			/* @__PURE__ */ u("tbody", {
+				className: "plinth-data-table-body",
+				role: "rowgroup",
+				children: r
+			})
+		]
+	});
+}
+//#endregion
+//#region src/data-table.ts
+var U = [
+	"none",
+	"ascending",
+	"descending"
+];
+function W(e) {
+	return U.includes(e) ? e : "none";
+}
+var G = [
+	"field",
+	"title",
+	"actions"
+];
+function K(e) {
+	return G.includes(e) ? e : "field";
+}
+var pe = "<span class=\"plinth-icon plinth-data-table-sort-icon\" data-size=\"sm\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path class=\"plinth-data-table-sort-up\" d=\"M8 9l4-4 4 4\"></path><path class=\"plinth-data-table-sort-down\" d=\"M8 15l4 4 4-4\"></path></svg></span>";
+//#endregion
+//#region src/PlinthDataTableCell.tsx
+function me({ label: e, kind: t, numeric: n = !1, hideOnPhone: r = !1, className: i, children: a, ...o }) {
+	return /* @__PURE__ */ d("td", {
+		role: "cell",
+		"data-kind": K(t),
+		"data-numeric": n ? "" : void 0,
+		"data-phone": r ? "hidden" : void 0,
+		...o,
+		className: b("plinth-data-table-cell", i),
+		children: [e?.trim() ? /* @__PURE__ */ u("span", {
+			className: "plinth-data-table-label",
+			"aria-hidden": "true",
+			children: e
+		}) : null, /* @__PURE__ */ u("span", {
+			className: "plinth-data-table-value",
+			children: a
+		})]
+	});
+}
+//#endregion
+//#region src/PlinthDataTableColumn.tsx
+function he({ sort: e, numeric: t = !1, hideOnPhone: n = !1, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ u("th", {
+		role: "columnheader",
+		scope: "col",
+		"aria-sort": e?.trim() ? W(e) : void 0,
+		"data-numeric": t ? "" : void 0,
+		"data-phone": n ? "hidden" : void 0,
+		...a,
+		className: b("plinth-data-table-column", r),
+		children: i
+	});
+}
+//#endregion
+//#region src/PlinthDataTableEmpty.tsx
+var ge = /^\s*[+-]?(\d+\.?\d*|\.\d+)([eE][+-]?\d+)?\s*$/, _e = (e) => {
+	let t = typeof e == "number" || ge.test(e) ? Number(e) : NaN;
+	return Number.isFinite(t) ? Math.max(1, Math.trunc(t)) : 1;
+};
+function ve({ columns: e = 1, className: t, children: n, ...r }) {
+	return /* @__PURE__ */ u("tr", {
+		role: "row",
+		...r,
+		className: b("plinth-data-table-empty", t),
+		children: /* @__PURE__ */ u("td", {
+			className: "plinth-data-table-empty-cell",
+			role: "cell",
+			colSpan: _e(e),
+			children: n
+		})
+	});
+}
+//#endregion
+//#region src/PlinthDataTableRow.tsx
+function ye({ selected: e, className: t, children: n, ...r }) {
+	return /* @__PURE__ */ u("tr", {
+		role: "row",
+		"aria-selected": e === void 0 ? void 0 : e ? "true" : "false",
+		...r,
+		className: b("plinth-data-table-row", t),
+		children: n
+	});
+}
+//#endregion
+//#region src/PlinthDataTableSort.tsx
+function be({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ d("button", {
+		type: "button",
+		...n,
+		className: b("plinth-data-table-sort", e),
+		children: [/* @__PURE__ */ u("span", {
+			className: "plinth-data-table-sort-label",
+			children: t
+		}), /* @__PURE__ */ u("span", {
+			className: "plinth-icon plinth-data-table-sort-icon",
+			"data-size": "sm",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ d("svg", {
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: [/* @__PURE__ */ u("path", {
+					className: "plinth-data-table-sort-up",
+					d: "M8 9l4-4 4 4"
+				}), /* @__PURE__ */ u("path", {
+					className: "plinth-data-table-sort-down",
+					d: "M8 15l4 4 4-4"
+				})]
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/PlinthIconButton.tsx
+function q({ label: e, href: t, variant: n = "ghost", size: r, disabled: i = !1, busy: a = !1, pressed: o = null, mirror: s = !1, className: c, children: l, "aria-label": d, ...f }) {
+	let g = m(r, p, "md"), _ = a && !i, v = {
+		className: b("plinth-button plinth-icon-button", c),
+		"data-variant": D(n),
+		"data-size": g,
+		"aria-label": e || d,
+		"aria-busy": _ ? "true" : void 0
+	}, y = _ ? /* @__PURE__ */ u("span", {
+		className: "plinth-button-spinner",
+		"aria-hidden": "true"
+	}) : /* @__PURE__ */ u("span", {
+		className: "plinth-icon",
+		"data-size": h(g),
+		"data-mirror": s ? "" : void 0,
+		"aria-hidden": "true",
+		children: l
+	});
+	return t ? /* @__PURE__ */ u("a", {
+		...v,
+		href: i ? void 0 : t,
+		role: i ? "link" : void 0,
+		"aria-disabled": _ || i ? "true" : void 0,
+		...f,
+		children: y
+	}) : /* @__PURE__ */ u("button", {
+		type: "button",
+		...v,
+		"aria-pressed": o === null ? void 0 : o ? "true" : "false",
+		disabled: i || void 0,
+		"aria-disabled": _ ? "true" : void 0,
+		...f,
+		children: y
+	});
+}
+//#endregion
+//#region src/swipe.ts
+function J(e) {
+	let t = e.firstElementChild, n = () => getComputedStyle(e).scrollSnapType.startsWith("y"), r = () => {
+		e.requestClose ? e.requestClose() : e.close(), e.open && (e.scrollTop = 0);
+	}, i = () => {
+		let i = t.getBoundingClientRect().top >= e.getBoundingClientRect().bottom - 1;
+		e.open && n() && i && r();
+	}, a = (t) => {
+		t.target === e && n() && e.getAttribute("closedby") === "any" && r();
+	}, o = (r) => {
+		let [i, a] = t.children, o = {
+			peek: i,
+			half: a
+		}[e.dataset.snap ?? ""];
+		if (r.newState !== "open" || !o || !n()) return;
+		let s = parseFloat(getComputedStyle(o).scrollMarginBlockStart);
+		e.scrollTop += o.getBoundingClientRect().top - e.getBoundingClientRect().top - s;
+	}, s = "onscrollend" in window ? "scrollend" : "scroll";
+	return e.addEventListener(s, i), e.addEventListener("click", a), e.addEventListener("toggle", o), () => {
+		e.removeEventListener(s, i), e.removeEventListener("click", a), e.removeEventListener("toggle", o);
+	};
+}
+function Y(e) {
+	return i((t) => {
+		let n = J(t), r = xe(e, t);
+		return () => {
+			n(), r();
+		};
+	}, [e]);
+}
+function xe(e, t) {
+	if (typeof e == "function") {
+		let n = e(t);
+		return typeof n == "function" ? n : () => e(null);
+	}
+	return e ? (e.current = t, () => {
+		e.current = null;
+	}) : () => {};
+}
+//#endregion
+//#region src/PlinthDialog.tsx
+function Se({ id: e, title: t, description: n, closeLabel: r = "Close", dismissible: i = !0, sidePhone: a, footer: s, className: c, children: l, ref: f, ...p }) {
+	let m = o(), h = Y(f);
+	if (!t?.trim()) throw Error("<PlinthDialog> needs a title: it is the dialog's accessible name.");
+	let g = e?.trim() || `plinth-dialog-${m}`, _ = !!n?.trim(), v = H(a);
+	return /* @__PURE__ */ u("dialog", {
+		id: g,
+		role: i ? void 0 : "alertdialog",
+		"data-side-phone": v === "center" ? void 0 : v,
+		closedby: i ? "any" : "closerequest",
+		"aria-labelledby": `${g}-title`,
+		"aria-describedby": _ ? `${g}-description` : void 0,
+		...p,
+		ref: h,
+		className: b("plinth-dialog", c),
+		children: /* @__PURE__ */ d("div", {
+			className: "plinth-dialog-panel",
+			children: [
+				i && v === "bottom" ? /* @__PURE__ */ u("div", {
+					className: "plinth-dialog-handle",
+					"aria-hidden": "true"
+				}) : null,
+				/* @__PURE__ */ d("div", {
+					className: "plinth-dialog-header",
+					children: [
+						/* @__PURE__ */ u("h2", {
+							id: `${g}-title`,
+							className: "plinth-dialog-title",
+							children: t
+						}),
+						_ ? /* @__PURE__ */ u("p", {
+							id: `${g}-description`,
+							className: "plinth-dialog-description",
+							children: n
+						}) : null,
+						i ? /* @__PURE__ */ u(q, {
+							className: "plinth-dialog-close",
+							label: r,
+							variant: "ghost",
+							commandfor: g,
+							command: "close",
+							children: /* @__PURE__ */ u("svg", {
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								children: /* @__PURE__ */ u("path", { d: "M6 6l12 12M18 6L6 18" })
+							})
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ u("div", {
+					className: "plinth-dialog-body",
+					children: l
+				}),
+				x(s) ? /* @__PURE__ */ u("div", {
+					className: "plinth-dialog-footer",
+					children: s
+				}) : null
+			]
+		})
+	});
+}
+//#endregion
+//#region src/drawer.ts
+var Ce = ["dialog", "sheet"];
+function we(e) {
+	return Ce.includes(e) ? e : "dialog";
+}
+var Te = [
+	"peek",
+	"half",
+	"full"
+];
+function Ee(e) {
+	let t = typeof e == "string" ? e.split(/\s+/) : e ?? [];
+	return Te.filter((e) => t.includes(e));
+}
+function De(e, t) {
+	return t.includes(e) ? e : t.at(-1);
+}
+var Oe = B;
+//#endregion
+//#region src/PlinthDrawer.tsx
+function ke({ id: e, title: t, description: n, closeLabel: r = "Close", desktop: i, snapPoints: a, snap: s, footer: c, className: l, children: f, ref: p, ...m }) {
+	let h = o(), g = Y(p);
+	if (!t?.trim()) throw Error("<PlinthDrawer> needs a title: it is the drawer's accessible name.");
+	let _ = e?.trim() || `plinth-drawer-${h}`, v = !!n?.trim(), y = Ee(a);
+	return /* @__PURE__ */ u("dialog", {
+		id: _,
+		"data-desktop": we(i),
+		"data-snap-points": y.length ? y.join(" ") : void 0,
+		"data-snap": De(s, y),
+		closedby: "any",
+		"aria-labelledby": `${_}-title`,
+		"aria-describedby": v ? `${_}-description` : void 0,
+		...m,
+		ref: g,
+		className: b("plinth-drawer", l),
+		children: /* @__PURE__ */ d("div", {
+			className: "plinth-drawer-panel",
+			children: [
+				/* @__PURE__ */ u("div", {
+					className: "plinth-drawer-handle",
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "plinth-drawer-header",
+					children: [
+						/* @__PURE__ */ u("h2", {
+							id: `${_}-title`,
+							className: "plinth-drawer-title",
+							children: t
+						}),
+						v ? /* @__PURE__ */ u("p", {
+							id: `${_}-description`,
+							className: "plinth-drawer-description",
+							children: n
+						}) : null,
+						/* @__PURE__ */ u(q, {
+							className: "plinth-drawer-close",
+							label: r,
+							variant: "ghost",
+							commandfor: _,
+							command: "close",
+							children: /* @__PURE__ */ u("svg", {
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								children: /* @__PURE__ */ u("path", { d: "M6 6l12 12M18 6L6 18" })
+							})
+						})
+					]
+				}),
+				/* @__PURE__ */ u("div", {
+					className: "plinth-drawer-body",
+					children: f
+				}),
+				x(c) ? /* @__PURE__ */ u("div", {
+					className: "plinth-drawer-footer",
+					children: c
+				}) : null
+			]
+		})
+	});
+}
+//#endregion
+//#region src/icon.ts
+var Ae = [
+	"sm",
+	"md",
+	"lg"
+];
+function je(e) {
+	return m(e, Ae, "md");
+}
+//#endregion
+//#region src/PlinthIcon.tsx
+function Me({ size: e, label: t, mirror: n = !1, className: r, children: i, "aria-label": a, ...o }) {
+	let s = t ?? a, c = s?.trim() ? s : void 0;
+	return /* @__PURE__ */ u("span", {
+		className: b("plinth-icon", r),
+		"data-size": je(e),
+		"data-mirror": n ? "" : void 0,
+		role: c ? "img" : void 0,
+		"aria-label": c,
+		"aria-hidden": c ? void 0 : "true",
+		...o,
+		children: i
+	});
+}
+//#endregion
+//#region src/heading.ts
+var Ne = [
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6"
+];
+function Pe(e) {
+	return Ne.includes(e) ? e : "h2";
+}
+//#endregion
+//#region src/PlinthListCard.tsx
+function Fe({ heading: e, headingLevel: t, footer: n, className: r, children: i, ...a }) {
+	let o = Pe(t);
+	return /* @__PURE__ */ d("div", {
+		...a,
+		className: b("plinth-list-card", r),
+		children: [
+			e?.trim() ? /* @__PURE__ */ u(o, {
+				className: "plinth-list-card-heading",
+				children: e
+			}) : null,
+			/* @__PURE__ */ u("ul", {
+				className: "plinth-list-card-list",
+				role: "list",
+				children: i
+			}),
+			n?.trim() ? /* @__PURE__ */ u("p", {
+				className: "plinth-list-card-footer",
+				children: n
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/PlinthListRow.tsx
+function Ie({ description: e, chevron: t = !1, href: n, button: r = !1, current: i = !1, disabled: a = !1, leading: o, trailing: s, className: c, children: l, ...f }) {
+	let p = n ? "a" : r ? "button" : "div", m = p, h = x(s);
+	return /* @__PURE__ */ d(m, {
+		type: p === "button" ? "button" : void 0,
+		href: p === "a" && !a ? n : void 0,
+		"aria-current": i && p !== "button" ? "page" : void 0,
+		disabled: p === "button" && a ? !0 : void 0,
+		role: p === "a" && a ? "link" : void 0,
+		"aria-disabled": p === "a" && a ? "true" : void 0,
+		...f,
+		className: b("plinth-list-row", c),
+		children: [
+			x(o) ? /* @__PURE__ */ u("span", {
+				className: "plinth-list-row-leading",
+				children: o
+			}) : null,
+			/* @__PURE__ */ d("span", {
+				className: "plinth-list-row-content",
+				children: [/* @__PURE__ */ u("span", {
+					className: "plinth-list-row-title",
+					children: l
+				}), e ? /* @__PURE__ */ u("span", {
+					className: "plinth-list-row-description",
+					children: e
+				}) : null]
+			}),
+			h || t ? /* @__PURE__ */ d("span", {
+				className: "plinth-list-row-trailing",
+				children: [h ? s : null, t ? /* @__PURE__ */ u("span", {
+					className: "plinth-icon plinth-list-row-chevron",
+					"data-size": "sm",
+					"data-mirror": "",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ u("svg", {
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: /* @__PURE__ */ u("path", { d: "M9 6l6 6-6 6" })
+					})
+				}) : null]
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/menu.ts
+var Le = ["neutral", "danger"];
+function Re(e) {
+	return Le.includes(e) ? e : "neutral";
+}
+var X = t(void 0);
+//#endregion
+//#region src/PlinthMenu.tsx
+function ze({ id: e, className: t, children: n, ...r }) {
+	if (!e?.trim()) throw Error("<PlinthMenu> needs an id: its button names it in popoverTarget.");
+	let i = e.trim();
+	return /* @__PURE__ */ u("div", {
+		id: i,
+		popover: "auto",
+		...r,
+		className: b("plinth-menu", t),
+		children: /* @__PURE__ */ u(X, {
+			value: i,
+			children: n
+		})
+	});
+}
+//#endregion
+//#region src/PlinthMenuGroup.tsx
+function Be({ label: e, className: t, children: n, ...r }) {
+	let i = !!e?.trim();
+	return /* @__PURE__ */ d("div", {
+		role: "group",
+		"aria-label": i ? e : void 0,
+		...r,
+		className: b("plinth-menu-group", t),
+		children: [i ? /* @__PURE__ */ u("div", {
+			className: "plinth-menu-heading",
+			"aria-hidden": "true",
+			children: e
+		}) : null, n]
+	});
+}
+//#endregion
+//#region src/PlinthMenuItem.tsx
+function Ve({ href: e, tone: t, shortcut: n, disabled: i = !1, menu: a, icon: o, className: s, children: c, ...l }) {
+	let f = r(X), p = e?.trim() ? "a" : "button", m = p, h = p === "button" ? a?.trim() || f : void 0;
+	return /* @__PURE__ */ d(m, {
+		type: p === "button" ? "button" : void 0,
+		href: p === "a" && !i ? e : void 0,
+		commandfor: h || void 0,
+		command: h ? "hide-popover" : void 0,
+		"data-tone": Re(t) === "danger" ? "danger" : void 0,
+		disabled: p === "button" && i ? !0 : void 0,
+		role: p === "a" && i ? "link" : void 0,
+		"aria-disabled": p === "a" && i ? "true" : void 0,
+		...l,
+		className: b("plinth-menu-item", s),
+		children: [
+			x(o) ? /* @__PURE__ */ u("span", {
+				className: "plinth-menu-icon",
+				"aria-hidden": "true",
+				children: o
+			}) : null,
+			/* @__PURE__ */ u("span", {
+				className: "plinth-menu-label",
+				children: c
+			}),
+			n?.trim() ? /* @__PURE__ */ u("kbd", {
+				className: "plinth-menu-shortcut",
+				"aria-hidden": "true",
+				children: n
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/PlinthMenuSeparator.tsx
+function He({ className: e, ...t }) {
+	return /* @__PURE__ */ u("hr", {
+		...t,
+		className: b("plinth-menu-separator", e)
+	});
+}
+//#endregion
+//#region src/PlinthSheet.tsx
+function Ue({ id: e, title: t, description: n, closeLabel: r = "Close", side: i, sidePhone: a, footer: s, className: c, children: l, ref: f, ...p }) {
+	let m = o(), h = Y(f);
+	if (!t?.trim()) throw Error("<PlinthSheet> needs a title: it is the sheet's accessible name.");
+	let g = e?.trim() || `plinth-sheet-${m}`, _ = !!n?.trim(), v = z(a), y = (v ?? R(i)) === "bottom";
+	return /* @__PURE__ */ u("dialog", {
+		id: g,
+		"data-side": R(i),
+		"data-side-phone": v,
+		closedby: "any",
+		"aria-labelledby": `${g}-title`,
+		"aria-describedby": _ ? `${g}-description` : void 0,
+		...p,
+		ref: h,
+		className: b("plinth-sheet", c),
+		children: /* @__PURE__ */ d("div", {
+			className: "plinth-sheet-panel",
+			children: [
+				y ? /* @__PURE__ */ u("div", {
+					className: "plinth-sheet-handle",
+					"aria-hidden": "true"
+				}) : null,
+				/* @__PURE__ */ d("div", {
+					className: "plinth-sheet-header",
+					children: [
+						/* @__PURE__ */ u("h2", {
+							id: `${g}-title`,
+							className: "plinth-sheet-title",
+							children: t
+						}),
+						_ ? /* @__PURE__ */ u("p", {
+							id: `${g}-description`,
+							className: "plinth-sheet-description",
+							children: n
+						}) : null,
+						/* @__PURE__ */ u(q, {
+							className: "plinth-sheet-close",
+							label: r,
+							variant: "ghost",
+							commandfor: g,
+							command: "close",
+							children: /* @__PURE__ */ u("svg", {
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								children: /* @__PURE__ */ u("path", { d: "M6 6l12 12M18 6L6 18" })
+							})
+						})
+					]
+				}),
+				/* @__PURE__ */ u("div", {
+					className: "plinth-sheet-body",
+					children: l
+				}),
+				x(s) ? /* @__PURE__ */ u("div", {
+					className: "plinth-sheet-footer",
+					children: s
+				}) : null
+			]
+		})
+	});
+}
+//#endregion
+//#region src/PlinthMenuSheet.tsx
+var Z = (e) => e?.trim() ? e : void 0;
+function We({ id: e, title: t = "Menu", closeLabel: n = "Close", userName: r, userDetail: i, userSrc: a, userHref: s, account: c, className: l, children: f, ...p }) {
+	let m = o(), h = e?.trim() || `plinth-menu-sheet-${m}`, g = Z(s);
+	return /* @__PURE__ */ d(Ue, {
+		id: h,
+		title: t,
+		closeLabel: n,
+		side: "end",
+		sidePhone: "bottom",
+		...p,
+		className: b("plinth-menu-sheet", l),
+		children: [
+			r?.trim() ? /* @__PURE__ */ u(Ie, {
+				className: "plinth-menu-sheet-user",
+				description: Z(i),
+				href: g,
+				chevron: !!g,
+				leading: /* @__PURE__ */ u(w, {
+					name: r,
+					src: Z(a),
+					size: "lg",
+					decorative: !0
+				}),
+				children: r
+			}) : null,
+			/* @__PURE__ */ u("nav", {
+				className: "plinth-menu-sheet-nav",
+				"aria-labelledby": `${h}-title`,
+				children: f
+			}),
+			x(c) ? /* @__PURE__ */ u("div", {
+				className: "plinth-menu-sheet-account",
+				children: c
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/page-header.ts
+var Ge = [
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6"
+];
+function Q(e) {
+	return Ge.includes(e) ? e : "h1";
+}
+//#endregion
+//#region src/PlinthPageHeader.tsx
+function Ke({ heading: e, level: t, top: n = !1, leading: r, actions: i, className: a, ...o }) {
+	if (!e?.trim()) throw Error("<PlinthPageHeader> needs a heading: it is the page's heading.");
+	let s = Q(t);
+	return /* @__PURE__ */ d("header", {
+		className: b("plinth-page-header", a),
+		"data-top": n ? "" : void 0,
+		...o,
+		children: [
+			x(r) ? /* @__PURE__ */ u("div", {
+				className: "plinth-page-header-leading",
+				children: r
+			}) : null,
+			/* @__PURE__ */ u(s, {
+				className: "plinth-page-header-heading",
+				children: e
+			}),
+			x(i) ? /* @__PURE__ */ u("div", {
+				className: "plinth-page-header-actions",
+				children: i
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/PlinthPill.tsx
+function qe({ count: e, href: t, selected: n = !1, disabled: r = !1, className: i, children: a, ...o }) {
+	let s = t ? "a" : "button", c = s, l = e != null && String(e).trim() !== "";
+	return /* @__PURE__ */ d(c, {
+		type: s === "button" ? "button" : void 0,
+		href: s === "a" && !r ? t : void 0,
+		"aria-pressed": s === "button" ? String(n) : void 0,
+		"aria-current": s === "a" && n ? "page" : void 0,
+		disabled: s === "button" && r ? !0 : void 0,
+		role: s === "a" && r ? "link" : void 0,
+		"aria-disabled": s === "a" && r ? "true" : void 0,
+		...o,
+		className: b("plinth-pill", i),
+		children: [/* @__PURE__ */ u("span", {
+			className: "plinth-pill-label",
+			children: a
+		}), l ? /* @__PURE__ */ u("span", {
+			className: "plinth-pill-count",
+			children: e
+		}) : null]
+	});
+}
+//#endregion
+//#region src/PlinthPillRow.tsx
+function Je({ label: e, nav: t = !1, className: n, children: r, ...i }) {
+	return /* @__PURE__ */ u(t ? "nav" : "div", {
+		role: t ? void 0 : "group",
+		"aria-label": e || void 0,
+		...i,
+		className: b("plinth-pill-row", n),
+		children: r
+	});
+}
+//#endregion
+//#region src/PlinthSectionMenu.tsx
+function Ye({ label: e, nav: t = !0, className: n, children: r, ...i }) {
+	return /* @__PURE__ */ u(t ? "nav" : "div", {
+		role: t ? void 0 : "group",
+		"aria-label": e?.trim() ? e : void 0,
+		...i,
+		className: b("plinth-section-menu", n),
+		children: r
+	});
+}
+//#endregion
+//#region src/PlinthSectionMenuItem.tsx
+function Xe({ count: e, href: t, current: n = !1, disabled: r = !1, className: i, children: a, ...o }) {
+	let s = t?.trim() ? "a" : "button", c = s, l = e != null && String(e).trim() !== "";
+	return /* @__PURE__ */ d(c, {
+		type: s === "button" ? "button" : void 0,
+		href: s === "a" && !r ? t : void 0,
+		"aria-pressed": s === "button" ? String(n) : void 0,
+		"aria-current": s === "a" && n ? "page" : void 0,
+		disabled: s === "button" && r ? !0 : void 0,
+		role: s === "a" && r ? "link" : void 0,
+		"aria-disabled": s === "a" && r ? "true" : void 0,
+		...o,
+		className: b("plinth-section-menu-item", i),
+		children: [/* @__PURE__ */ u("span", {
+			className: "plinth-section-menu-label",
+			children: a
+		}), l ? /* @__PURE__ */ u("span", {
+			className: "plinth-section-menu-count",
+			children: e
+		}) : null]
+	});
+}
+//#endregion
+//#region src/text-field.ts
+var Ze = ["sm", "md"];
+function Qe(e) {
+	return m(e, Ze, "md");
+}
+function $(e, t, n) {
+	let r = [t?.trim() ? `${e}-description` : "", n?.trim() ? `${e}-error` : ""].filter(Boolean);
+	return r.length ? r.join(" ") : void 0;
+}
+//#endregion
+//#region src/PlinthTextarea.tsx
+function $e({ label: e, hideLabel: t = !1, id: n, rows: r = 3, grow: i = !1, maxRows: a = 8, description: s, error: c, className: l, style: f, ...p }) {
+	let m = o();
+	if (!e?.trim()) throw Error("<PlinthTextarea> needs a label: it is the field's accessible name.");
+	let h = n?.trim() || `plinth-textarea-${m}`, g = !!c?.trim(), _ = i ? {
+		"--plinth-textarea-rows": r,
+		"--plinth-textarea-max-rows": Math.max(a, r),
+		...f
+	} : f;
+	return /* @__PURE__ */ d("div", {
+		className: b("plinth-textarea", l),
+		"data-label": t ? "hidden" : void 0,
+		children: [
+			/* @__PURE__ */ u("label", {
+				className: "plinth-textarea-label",
+				htmlFor: h,
+				children: e
+			}),
+			/* @__PURE__ */ u("textarea", {
+				id: h,
+				className: "plinth-textarea-input",
+				rows: r,
+				"data-grow": i ? "" : void 0,
+				style: _,
+				"aria-describedby": $(h, s, c),
+				"aria-invalid": g ? "true" : void 0,
+				...p
+			}),
+			s?.trim() ? /* @__PURE__ */ u("p", {
+				id: `${h}-description`,
+				className: "plinth-textarea-description",
+				children: s
+			}) : null,
+			g ? /* @__PURE__ */ u("p", {
+				id: `${h}-error`,
+				className: "plinth-textarea-error",
+				children: c
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/PlinthTextField.tsx
+function et({ label: e, hideLabel: t = !1, id: n, type: r = "text", size: i, description: a, error: s, icon: c, trailing: l, className: f, ...p }) {
+	let m = o();
+	if (!e?.trim()) throw Error("<PlinthTextField> needs a label: it is the field's accessible name.");
+	let h = n?.trim() || `plinth-text-field-${m}`, g = !!s?.trim();
+	return /* @__PURE__ */ d("div", {
+		className: b("plinth-text-field", f),
+		"data-size": Qe(i),
+		"data-label": t ? "hidden" : void 0,
+		children: [
+			/* @__PURE__ */ u("label", {
+				className: "plinth-text-field-label",
+				htmlFor: h,
+				children: e
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "plinth-text-field-control",
+				children: [
+					x(c) ? /* @__PURE__ */ u("span", {
+						className: "plinth-icon",
+						"data-size": "sm",
+						"aria-hidden": "true",
+						children: c
+					}) : null,
+					/* @__PURE__ */ u("input", {
+						id: h,
+						type: r,
+						className: "plinth-text-field-input",
+						"aria-describedby": $(h, a, s),
+						"aria-invalid": g ? "true" : void 0,
+						...p
+					}),
+					x(l) ? /* @__PURE__ */ u("span", {
+						className: "plinth-text-field-trailing",
+						children: l
+					}) : null
+				]
+			}),
+			a?.trim() ? /* @__PURE__ */ u("p", {
+				id: `${h}-description`,
+				className: "plinth-text-field-description",
+				children: a
+			}) : null,
+			g ? /* @__PURE__ */ u("p", {
+				id: `${h}-error`,
+				className: "plinth-text-field-error",
+				children: s
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/list-row.ts
+var tt = "<span class=\"plinth-icon plinth-list-row-chevron\" data-size=\"sm\" data-mirror aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"></path></svg></span>";
+//#endregion
+export { X as MenuIdContext, w as PlinthAvatar, T as PlinthBadge, O as PlinthButton, te as PlinthCallout, oe as PlinthCodeBlock, de as PlinthConfirmDialog, fe as PlinthDataTable, me as PlinthDataTableCell, he as PlinthDataTableColumn, ve as PlinthDataTableEmpty, ye as PlinthDataTableRow, be as PlinthDataTableSort, Se as PlinthDialog, ke as PlinthDrawer, Me as PlinthIcon, q as PlinthIconButton, Fe as PlinthListCard, Ie as PlinthListRow, ze as PlinthMenu, Be as PlinthMenuGroup, Ve as PlinthMenuItem, He as PlinthMenuSeparator, We as PlinthMenuSheet, Ke as PlinthPageHeader, qe as PlinthPill, Je as PlinthPillRow, Ye as PlinthSectionMenu, Xe as PlinthSectionMenuItem, Ue as PlinthSheet, et as PlinthTextField, $e as PlinthTextarea, y as avatarGlyph, g as avatarSizes, E as buttonVariants, ee as calloutIcons, M as calloutRole, j as calloutRoles, A as calloutTone, k as calloutTones, F as confirmDialogFieldLabels, ce as confirmDialogKind, se as confirmDialogKinds, I as confirmDialogPattern, P as confirmDialogTone, le as confirmDialogTones, p as controlSizes, K as dataTableCellKind, G as dataTableCellKinds, W as dataTableSort, pe as dataTableSortIcon, U as dataTableSorts, ue as dialogCloseIcon, H as dialogSidePhone, V as dialogSidePhones, Oe as drawerCloseIcon, we as drawerDesktop, Ce as drawerDesktops, De as drawerSnap, Ee as drawerSnapPoints, Te as drawerSnaps, $ as fieldDescribedBy, Pe as headingLevel, Ne as headingLevels, h as iconSizeFor, Ae as iconSizes, v as initialsFrom, tt as listRowChevron, Re as menuItemTone, Le as menuItemTones, Q as pageHeaderLevel, Ge as pageHeaderLevels, m as resolveSize, B as sheetCloseIcon, R as sheetSide, z as sheetSidePhone, L as sheetSides, f as sizes, J as swipeToClose, Qe as textFieldSize, Ze as textFieldSizes, S as tones, Y as useSwipeToClose };