@ptbdynamic/plinth 0.1.1 → 0.2.0

package/packages/react/dist/index.js

@@ -1,74 +1,74 @@
-import { Fragment as e, isValidElement as t, useCallback as n, useEffect as r, useId as i, useRef as a, useState as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+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 u = [
+var f = [
 	"xs",
 	"sm",
 	"md",
 	"lg",
 	"xl"
-], d = [
+], p = [
 	"sm",
 	"md",
 	"lg"
 ];
-function f(e, t, n) {
+function m(e, t, n) {
 	return t.includes(e) ? e : n;
 }
-function p(e) {
+function h(e) {
 	return e === "xs" || e === "sm" ? "sm" : "md";
 }
 //#endregion
 //#region src/avatar.ts
-var m = [
+var g = [
 	"sm",
 	"md",
 	"lg",
 	"xl"
 ];
-function h(e) {
-	return f(e, m, "md");
+function _(e) {
+	return m(e, g, "md");
 }
-function g(e) {
+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 _ = "<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>", v = (e, t) => t?.trim() ? `${e} ${t.trim()}` : e, y = (n) => n == null || typeof n == "boolean" ? !1 : typeof n == "string" ? n.trim() !== "" : Array.isArray(n) ? n.some(y) : t(n) && n.type === e ? y(n.props.children) : !0, b = [
+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 x(e) {
-	return b.includes(e) ? e : b[0];
+function C(e) {
+	return S.includes(e) ? e : S[0];
 }
 //#endregion
 //#region src/PlinthAvatar.tsx
-function S({ name: e = "", src: t, initials: n, size: i, status: a, statusLabel: o, decorative: s = !1, className: u, ...d }) {
-	let f = a ? x(a) : void 0, p = s ? void 0 : f && o ? `${e}, ${o}` : e, m = n ?? g(e);
-	return r(() => {
-		s || process.env.NODE_ENV === "production" || (e.trim() || console.warn("PlinthAvatar needs a name, or decorative when the name is shown next to it."), a && !o && console.warn("PlinthAvatar needs a statusLabel with a status: colour alone does not say what it means."));
+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,
-		a,
+		i,
 		o
-	]), /* @__PURE__ */ l("span", {
-		"data-size": h(i),
+	]), /* @__PURE__ */ d("span", {
+		"data-size": _(r),
 		role: p === void 0 ? void 0 : "img",
 		"aria-label": p,
 		"aria-hidden": s ? "true" : void 0,
-		...d,
-		className: v("plinth-avatar", u),
-		children: [t ? /* @__PURE__ */ c("img", {
+		...l,
+		className: b("plinth-avatar", c),
+		children: [t ? /* @__PURE__ */ u("img", {
 			className: "plinth-avatar-image",
 			src: t,
 			alt: ""
-		}) : m ? /* @__PURE__ */ c("span", {
+		}) : m ? /* @__PURE__ */ u("span", {
 			className: "plinth-avatar-initials",
 			"aria-hidden": "true",
 			children: m
-		}) : /* @__PURE__ */ l("svg", {
+		}) : /* @__PURE__ */ d("svg", {
 			className: "plinth-avatar-glyph",
 			viewBox: "0 0 24 24",
 			fill: "none",
@@ -76,12 +76,12 @@ function S({ name: e = "", src: t, initials: n, size: i, status: a, statusLabel:
 			strokeWidth: "1.5",
 			strokeLinecap: "round",
 			"aria-hidden": "true",
-			children: [/* @__PURE__ */ c("circle", {
+			children: [/* @__PURE__ */ u("circle", {
 				cx: "12",
 				cy: "9",
 				r: "4"
-			}), /* @__PURE__ */ c("path", { d: "M4.5 20a7.5 7.5 0 0 1 15 0" })]
-		}), f ? /* @__PURE__ */ c("span", {
+			}), /* @__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"
@@ -90,15 +90,15 @@ function S({ name: e = "", src: t, initials: n, size: i, status: a, statusLabel:
 }
 //#endregion
 //#region src/PlinthBadge.tsx
-function C({ tone: e, dot: t = !1, className: n, children: r, ...i }) {
-	return /* @__PURE__ */ l("span", {
-		"data-tone": x(e),
+function T({ tone: e, dot: t = !1, className: n, children: r, ...i }) {
+	return /* @__PURE__ */ d("span", {
+		"data-tone": C(e),
 		...i,
-		className: v("plinth-badge", n),
-		children: [t ? /* @__PURE__ */ c("span", {
+		className: b("plinth-badge", n),
+		children: [t ? /* @__PURE__ */ u("span", {
 			className: "plinth-badge-dot",
 			"aria-hidden": "true"
-		}) : null, /* @__PURE__ */ c("span", {
+		}) : null, /* @__PURE__ */ u("span", {
 			className: "plinth-badge-label",
 			children: r
 		})]
@@ -106,7 +106,7 @@ function C({ tone: e, dot: t = !1, className: n, children: r, ...i }) {
 }
 //#endregion
 //#region src/button.ts
-var w = [
+var E = [
 	"primary",
 	"accent",
 	"secondary",
@@ -114,115 +114,115 @@ var w = [
 	"danger",
 	"danger-ghost"
 ];
-function T(e) {
-	return w.includes(e) ? e : "primary";
+function D(e) {
+	return E.includes(e) ? e : "primary";
 }
 //#endregion
 //#region src/PlinthButton.tsx
-function E({ href: e, variant: t, size: n, disabled: r = !1, busy: i = !1, icon: a, trailing: o, mirrorIcon: u = !1, mirrorTrailing: m = !1, className: h, children: g, ..._ }) {
-	let b = f(n, d, "md"), x = p(b), S = i && !r, C = {
-		"data-variant": T(t),
-		"data-size": b,
+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__ */ l(s, { children: [
-		S ? /* @__PURE__ */ c("span", {
+	}, w = /* @__PURE__ */ d(l, { children: [
+		S ? /* @__PURE__ */ u("span", {
 			className: "plinth-button-spinner",
 			"aria-hidden": "true"
-		}) : y(a) ? /* @__PURE__ */ c("span", {
+		}) : x(a) ? /* @__PURE__ */ u("span", {
 			className: "plinth-icon",
-			"data-size": x,
-			"data-mirror": u ? "" : void 0,
+			"data-size": y,
+			"data-mirror": s ? "" : void 0,
 			"aria-hidden": "true",
 			children: a
 		}) : null,
-		/* @__PURE__ */ c("span", {
+		/* @__PURE__ */ u("span", {
 			className: "plinth-button-label",
 			children: g
 		}),
-		y(o) ? /* @__PURE__ */ c("span", {
+		x(o) ? /* @__PURE__ */ u("span", {
 			className: "plinth-icon",
-			"data-size": x,
-			"data-mirror": m ? "" : void 0,
+			"data-size": y,
+			"data-mirror": c ? "" : void 0,
 			"aria-hidden": "true",
 			children: o
 		}) : null
 	] });
-	return e ? /* @__PURE__ */ c("a", {
+	return e ? /* @__PURE__ */ u("a", {
 		...C,
 		href: r ? void 0 : e,
 		role: r ? "link" : void 0,
 		"aria-disabled": S || r ? "true" : void 0,
 		..._,
-		className: v("plinth-button", h),
+		className: b("plinth-button", f),
 		children: w
-	}) : /* @__PURE__ */ c("button", {
+	}) : /* @__PURE__ */ u("button", {
 		type: "button",
 		...C,
 		disabled: r || void 0,
 		"aria-disabled": S ? "true" : void 0,
 		..._,
-		className: v("plinth-button", h),
+		className: b("plinth-button", f),
 		children: w
 	});
 }
 //#endregion
 //#region src/callout.ts
-var D = [
+var k = [
 	"neutral",
 	"info",
 	"success",
 	"warning",
 	"danger"
 ];
-function O(e) {
-	return D.includes(e) ? e : "neutral";
+function A(e) {
+	return k.includes(e) ? e : "neutral";
 }
-var k = [
+var j = [
 	"note",
 	"status",
 	"alert"
 ];
-function A(e) {
-	return k.includes(e) ? e : "note";
+function M(e) {
+	return j.includes(e) ? e : "note";
 }
-var j = (e) => `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${e}</svg>`, M = {
-	neutral: j("<rect x=\"5\" y=\"4\" width=\"14\" height=\"16\" rx=\"2\"></rect><path d=\"M9 9h6M9 13h6M9 17h3\"></path>"),
-	info: j("<circle cx=\"12\" cy=\"12\" r=\"9\"></circle><path d=\"M12 11v5M12 7.5v.01\"></path>"),
-	success: j("<circle cx=\"12\" cy=\"12\" r=\"9\"></circle><path d=\"M8 12.5l2.5 2.5L16 9.5\"></path>"),
-	warning: j("<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: j("<path d=\"M8.5 3h7L21 8.5v7L15.5 21h-7L3 15.5v-7z\"></path><path d=\"M12 7.5v5M12 16v.01\"></path>")
+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 N({ tone: e, role: t, title: n, actions: r, icon: i, className: a, children: o, ...s }) {
-	let u = O(e);
-	return /* @__PURE__ */ l("div", {
-		"data-tone": u,
-		role: A(t),
+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: v("plinth-callout", a),
-		children: [y(i) ? /* @__PURE__ */ c("span", {
+		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__ */ c("span", {
+		}) : /* @__PURE__ */ u("span", {
 			className: "plinth-icon plinth-callout-icon",
 			"data-size": "md",
 			"aria-hidden": "true",
-			dangerouslySetInnerHTML: { __html: M[u] }
-		}), /* @__PURE__ */ l("div", {
+			dangerouslySetInnerHTML: { __html: ee[c] }
+		}), /* @__PURE__ */ d("div", {
 			className: "plinth-callout-body",
 			children: [
-				y(n) ? /* @__PURE__ */ c("p", {
+				x(n) ? /* @__PURE__ */ u("p", {
 					className: "plinth-callout-title",
 					children: n
 				}) : null,
-				y(o) ? /* @__PURE__ */ c("div", {
+				x(o) ? /* @__PURE__ */ u("div", {
 					className: "plinth-callout-text",
 					children: o
 				}) : null,
-				y(r) ? /* @__PURE__ */ c("div", {
+				x(r) ? /* @__PURE__ */ u("div", {
 					className: "plinth-callout-actions",
 					children: r
 				}) : null
@@ -232,24 +232,24 @@ function N({ tone: e, role: t, title: n, actions: r, icon: i, className: a, chil
 }
 //#endregion
 //#region src/code-block.ts
-var ee = (e) => e.slice(0, 6), te = (e, t) => Math.max(0, e.findIndex((e) => e.label === t));
-function ne(e) {
+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 P = ({ children: e, html: t }) => /* @__PURE__ */ c("pre", {
+var ae = ({ children: e, html: t }) => /* @__PURE__ */ u("pre", {
 	className: "plinth-code-block-code",
 	dir: "ltr",
 	tabIndex: 0,
-	children: t === void 0 ? /* @__PURE__ */ c("code", { children: e }) : /* @__PURE__ */ c("code", { dangerouslySetInnerHTML: { __html: t } })
+	children: t === void 0 ? /* @__PURE__ */ u("code", { children: e }) : /* @__PURE__ */ u("code", { dangerouslySetInnerHTML: { __html: t } })
 });
-function re({ id: e, label: t, html: n, tabs: u = [], selected: d, tabsLabel: f = "Language", copy: p = !0, copyLabel: m = "Copy", copiedLabel: h = "Copied", onCopied: g, className: _, children: b, ...x }) {
-	let S = i(), C = e?.trim() || void 0, w = `${C ?? `plinth-code-block-${S}`}-language`, T = ee(u), D = te(T, d), [O, k] = o(!1), [A, j] = o(!1), M = a(void 0);
-	r(() => (k(!!navigator.clipboard), () => clearTimeout(M.current)), []);
+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 = ne(e.currentTarget);
+		let t = ie(e.currentTarget);
 		try {
 			await navigator.clipboard.writeText(t);
 		} catch {
@@ -257,122 +257,122 @@ function re({ id: e, label: t, html: n, tabs: u = [], selected: d, tabsLabel: f
 		}
 		j(!0), clearTimeout(M.current), M.current = setTimeout(() => j(!1), 2e3), g?.(t);
 	}
-	return /* @__PURE__ */ l("div", {
+	return /* @__PURE__ */ d("div", {
 		id: C,
-		...x,
-		className: v("plinth-code-block", _),
-		children: [/* @__PURE__ */ l("div", {
+		...y,
+		className: b("plinth-code-block", _),
+		children: [/* @__PURE__ */ d("div", {
 			className: "plinth-code-block-header",
 			children: [
-				y(t) ? /* @__PURE__ */ c("span", {
+				x(t) ? /* @__PURE__ */ u("span", {
 					className: "plinth-code-block-label",
 					children: t
 				}) : null,
-				T.length ? /* @__PURE__ */ c("div", {
+				T.length ? /* @__PURE__ */ u("div", {
 					className: "plinth-code-block-tabs",
 					role: "radiogroup",
 					"aria-label": f,
-					children: T.map((e, t) => /* @__PURE__ */ l("label", {
+					children: T.map((e, t) => /* @__PURE__ */ d("label", {
 						className: "plinth-code-block-tab",
-						children: [/* @__PURE__ */ c("input", {
+						children: [/* @__PURE__ */ u("input", {
 							type: "radio",
 							className: "plinth-code-block-tab-input",
 							name: w,
-							defaultChecked: t === D
-						}), /* @__PURE__ */ c("span", {
+							defaultChecked: t === E
+						}), /* @__PURE__ */ u("span", {
 							className: "plinth-code-block-tab-label",
 							children: e.label
 						})]
 					}, t))
 				}) : null,
-				p ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(E, {
+				p ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(O, {
 					className: "plinth-code-block-copy",
 					variant: "ghost",
 					size: "sm",
-					hidden: !O,
+					hidden: !D,
 					onClick: N,
 					children: A ? h : m
-				}), /* @__PURE__ */ c("span", {
+				}), /* @__PURE__ */ u("span", {
 					className: "plinth-code-block-status",
 					role: "status",
 					children: A ? h : ""
 				})] }) : null
 			]
-		}), T.length ? T.map((e, t) => /* @__PURE__ */ c(P, {
+		}), T.length ? T.map((e, t) => /* @__PURE__ */ u(ae, {
 			html: e.html,
 			children: e.code
-		}, t)) : /* @__PURE__ */ c(P, {
+		}, t)) : /* @__PURE__ */ u(ae, {
 			html: n,
-			children: b
+			children: v
 		})]
 	});
 }
 //#endregion
 //#region src/confirm-dialog.ts
-var F = [
+var se = [
 	"simple",
 	"type",
 	"password"
 ];
-function ie(e) {
-	return F.includes(e) ? e : "simple";
+function ce(e) {
+	return se.includes(e) ? e : "simple";
 }
-var ae = ["neutral", "danger"];
-function I(e) {
-	return ae.includes(e) ? e : "neutral";
+var le = ["neutral", "danger"];
+function P(e) {
+	return le.includes(e) ? e : "neutral";
 }
-var L = {
+var F = {
 	type: "Type :phrase to confirm",
 	password: "Password"
-}, R = (e) => e.replace(/[\\^$.*+?()[\]{}|/]/g, "\\$&"), z = [
+}, I = (e) => e.replace(/[\\^$.*+?()[\]{}|/]/g, "\\$&"), L = [
 	"start",
 	"end",
 	"top",
 	"bottom"
 ];
-function B(e) {
-	return V(e) ?? "end";
+function R(e) {
+	return z(e) ?? "end";
 }
-function V(e) {
-	return z.includes(e) ? e : void 0;
+function z(e) {
+	return L.includes(e) ? e : void 0;
 }
-var H = "<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>", U = ["center", "bottom"];
-function W(e) {
-	return U.includes(e) ? e : "center";
+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 oe = H;
+var ue = B;
 //#endregion
 //#region src/PlinthConfirmDialog.tsx
-function se({ id: t, title: n, message: r, kind: a, phrase: o, fieldLabel: s, confirmLabel: u = "Confirm", cancelLabel: d = "Cancel", tone: f, error: p, busy: m = !1, sidePhone: h, className: g, ..._ }) {
-	let y = i();
+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 b = ie(a);
-	if (b === "type" && !o?.trim()) throw Error("<PlinthConfirmDialog kind=\"type\"> needs a phrase: it is what the person types.");
-	let x = t?.trim() || `plinth-confirm-dialog-${y}`, S = W(h), C = o?.trim() ?? "", w = b !== "simple" && !!p?.trim(), T = w ? {
+	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`
-	} : {}, D = null;
-	if (b !== "simple") {
-		let t = s?.trim() || L[b], n = b === "type" ? t.split(":phrase") : [t];
-		D = /* @__PURE__ */ l("div", {
+	} : {}, 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__ */ c("label", {
+			children: [/* @__PURE__ */ u("label", {
 				htmlFor: `${x}-field`,
 				className: "plinth-confirm-dialog-label",
-				children: n.map((t, n) => /* @__PURE__ */ l(e, { children: [n > 0 ? /* @__PURE__ */ c("strong", { children: C }) : null, t] }, n))
-			}), b === "type" ? /* @__PURE__ */ c("input", {
+				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: R(C),
+				pattern: I(C),
 				autoComplete: "off",
 				autoCapitalize: "none",
 				spellCheck: "false",
 				...T
-			}) : /* @__PURE__ */ c("input", {
+			}) : /* @__PURE__ */ u("input", {
 				id: `${x}-field`,
 				className: "plinth-confirm-dialog-input",
 				type: "password",
@@ -383,7 +383,7 @@ function se({ id: t, title: n, message: r, kind: a, phrase: o, fieldLabel: s, co
 			})]
 		});
 	}
-	return /* @__PURE__ */ c("dialog", {
+	return /* @__PURE__ */ u("dialog", {
 		id: x,
 		role: "alertdialog",
 		"data-side-phone": S === "center" ? void 0 : S,
@@ -391,29 +391,29 @@ function se({ id: t, title: n, message: r, kind: a, phrase: o, fieldLabel: s, co
 		"aria-labelledby": `${x}-title`,
 		"aria-describedby": `${x}-message`,
 		..._,
-		className: v("plinth-dialog plinth-confirm-dialog", g),
-		children: /* @__PURE__ */ l("form", {
+		className: b("plinth-dialog plinth-confirm-dialog", g),
+		children: /* @__PURE__ */ d("form", {
 			method: "dialog",
 			className: "plinth-confirm-dialog-form",
 			children: [
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ u("div", {
 					className: "plinth-dialog-header",
-					children: /* @__PURE__ */ c("h2", {
+					children: /* @__PURE__ */ u("h2", {
 						id: `${x}-title`,
 						className: "plinth-dialog-title",
 						children: n
 					})
 				}),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ d("div", {
 					className: "plinth-dialog-body",
 					children: [
-						/* @__PURE__ */ c("p", {
+						/* @__PURE__ */ u("p", {
 							id: `${x}-message`,
 							className: "plinth-confirm-dialog-message",
 							children: r
 						}),
-						D,
-						w ? /* @__PURE__ */ c("p", {
+						E,
+						w ? /* @__PURE__ */ u("p", {
 							id: `${x}-error`,
 							className: "plinth-confirm-dialog-error",
 							role: "alert",
@@ -421,21 +421,21 @@ function se({ id: t, title: n, message: r, kind: a, phrase: o, fieldLabel: s, co
 						}) : null
 					]
 				}),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ d("div", {
 					className: "plinth-dialog-footer",
-					children: [/* @__PURE__ */ c(E, {
+					children: [/* @__PURE__ */ u(O, {
 						variant: "secondary",
 						commandfor: x,
 						command: "close",
 						value: "cancel",
-						children: d
-					}), /* @__PURE__ */ c(E, {
+						children: l
+					}), /* @__PURE__ */ u(O, {
 						className: "plinth-confirm-dialog-confirm",
 						type: "submit",
 						value: "confirm",
-						variant: I(f) === "danger" ? "danger" : "primary",
+						variant: P(f) === "danger" ? "danger" : "primary",
 						busy: m,
-						children: u
+						children: c
 					})]
 				})
 			]
@@ -444,26 +444,26 @@ function se({ id: t, title: n, message: r, kind: a, phrase: o, fieldLabel: s, co
 }
 //#endregion
 //#region src/PlinthDataTable.tsx
-function ce({ caption: e, head: t, className: n, children: r, ...i }) {
-	return /* @__PURE__ */ l("table", {
+function fe({ caption: e, head: t, className: n, children: r, ...i }) {
+	return /* @__PURE__ */ d("table", {
 		role: "table",
 		...i,
-		className: v("plinth-data-table", n),
+		className: b("plinth-data-table", n),
 		children: [
-			e?.trim() ? /* @__PURE__ */ c("caption", {
+			e?.trim() ? /* @__PURE__ */ u("caption", {
 				className: "plinth-data-table-caption",
 				children: e
 			}) : null,
-			/* @__PURE__ */ c("thead", {
+			/* @__PURE__ */ u("thead", {
 				className: "plinth-data-table-head",
 				role: "rowgroup",
-				children: /* @__PURE__ */ c("tr", {
+				children: /* @__PURE__ */ u("tr", {
 					className: "plinth-data-table-head-row",
 					role: "row",
 					children: t
 				})
 			}),
-			/* @__PURE__ */ c("tbody", {
+			/* @__PURE__ */ u("tbody", {
 				className: "plinth-data-table-body",
 				role: "rowgroup",
 				children: r
@@ -473,38 +473,38 @@ function ce({ caption: e, head: t, className: n, children: r, ...i }) {
 }
 //#endregion
 //#region src/data-table.ts
-var G = [
+var U = [
 	"none",
 	"ascending",
 	"descending"
 ];
-function K(e) {
-	return G.includes(e) ? e : "none";
+function W(e) {
+	return U.includes(e) ? e : "none";
 }
-var q = [
+var G = [
 	"field",
 	"title",
 	"actions"
 ];
-function J(e) {
-	return q.includes(e) ? e : "field";
+function K(e) {
+	return G.includes(e) ? e : "field";
 }
-var le = "<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>";
+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 ue({ label: e, kind: t, numeric: n = !1, hideOnPhone: r = !1, className: i, children: a, ...o }) {
-	return /* @__PURE__ */ l("td", {
+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": J(t),
+		"data-kind": K(t),
 		"data-numeric": n ? "" : void 0,
 		"data-phone": r ? "hidden" : void 0,
 		...o,
-		className: v("plinth-data-table-cell", i),
-		children: [e?.trim() ? /* @__PURE__ */ c("span", {
+		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__ */ c("span", {
+		}) : null, /* @__PURE__ */ u("span", {
 			className: "plinth-data-table-value",
 			children: a
 		})]
@@ -512,73 +512,73 @@ function ue({ label: e, kind: t, numeric: n = !1, hideOnPhone: r = !1, className
 }
 //#endregion
 //#region src/PlinthDataTableColumn.tsx
-function de({ sort: e, numeric: t = !1, hideOnPhone: n = !1, className: r, children: i, ...a }) {
-	return /* @__PURE__ */ c("th", {
+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() ? K(e) : void 0,
+		"aria-sort": e?.trim() ? W(e) : void 0,
 		"data-numeric": t ? "" : void 0,
 		"data-phone": n ? "hidden" : void 0,
 		...a,
-		className: v("plinth-data-table-column", r),
+		className: b("plinth-data-table-column", r),
 		children: i
 	});
 }
 //#endregion
 //#region src/PlinthDataTableEmpty.tsx
-var fe = /^\s*[+-]?(\d+\.?\d*|\.\d+)([eE][+-]?\d+)?\s*$/, pe = (e) => {
-	let t = typeof e == "number" || fe.test(e) ? Number(e) : NaN;
+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 me({ columns: e = 1, className: t, children: n, ...r }) {
-	return /* @__PURE__ */ c("tr", {
+function ve({ columns: e = 1, className: t, children: n, ...r }) {
+	return /* @__PURE__ */ u("tr", {
 		role: "row",
 		...r,
-		className: v("plinth-data-table-empty", t),
-		children: /* @__PURE__ */ c("td", {
+		className: b("plinth-data-table-empty", t),
+		children: /* @__PURE__ */ u("td", {
 			className: "plinth-data-table-empty-cell",
 			role: "cell",
-			colSpan: pe(e),
+			colSpan: _e(e),
 			children: n
 		})
 	});
 }
 //#endregion
 //#region src/PlinthDataTableRow.tsx
-function he({ selected: e, className: t, children: n, ...r }) {
-	return /* @__PURE__ */ c("tr", {
+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: v("plinth-data-table-row", t),
+		className: b("plinth-data-table-row", t),
 		children: n
 	});
 }
 //#endregion
 //#region src/PlinthDataTableSort.tsx
-function ge({ className: e, children: t, ...n }) {
-	return /* @__PURE__ */ l("button", {
+function be({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ d("button", {
 		type: "button",
 		...n,
-		className: v("plinth-data-table-sort", e),
-		children: [/* @__PURE__ */ c("span", {
+		className: b("plinth-data-table-sort", e),
+		children: [/* @__PURE__ */ u("span", {
 			className: "plinth-data-table-sort-label",
 			children: t
-		}), /* @__PURE__ */ c("span", {
+		}), /* @__PURE__ */ u("span", {
 			className: "plinth-icon plinth-data-table-sort-icon",
 			"data-size": "sm",
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ l("svg", {
+			children: /* @__PURE__ */ d("svg", {
 				viewBox: "0 0 24 24",
 				fill: "none",
 				stroke: "currentColor",
 				strokeWidth: "2",
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
-				children: [/* @__PURE__ */ c("path", {
+				children: [/* @__PURE__ */ u("path", {
 					className: "plinth-data-table-sort-up",
 					d: "M8 9l4-4 4 4"
-				}), /* @__PURE__ */ c("path", {
+				}), /* @__PURE__ */ u("path", {
 					className: "plinth-data-table-sort-down",
 					d: "M8 15l4 4 4-4"
 				})]
@@ -588,43 +588,43 @@ function ge({ className: e, children: t, ...n }) {
 }
 //#endregion
 //#region src/PlinthIconButton.tsx
-function Y({ label: e, href: t, variant: n = "ghost", size: r, disabled: i = !1, busy: a = !1, pressed: o = null, mirror: s = !1, className: l, children: u, "aria-label": m, ...h }) {
-	let g = f(r, d, "md"), _ = a && !i, y = {
-		className: v("plinth-button plinth-icon-button", l),
-		"data-variant": T(n),
+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 || m,
+		"aria-label": e || d,
 		"aria-busy": _ ? "true" : void 0
-	}, b = _ ? /* @__PURE__ */ c("span", {
+	}, y = _ ? /* @__PURE__ */ u("span", {
 		className: "plinth-button-spinner",
 		"aria-hidden": "true"
-	}) : /* @__PURE__ */ c("span", {
+	}) : /* @__PURE__ */ u("span", {
 		className: "plinth-icon",
-		"data-size": p(g),
+		"data-size": h(g),
 		"data-mirror": s ? "" : void 0,
 		"aria-hidden": "true",
-		children: u
+		children: l
 	});
-	return t ? /* @__PURE__ */ c("a", {
-		...y,
+	return t ? /* @__PURE__ */ u("a", {
+		...v,
 		href: i ? void 0 : t,
 		role: i ? "link" : void 0,
 		"aria-disabled": _ || i ? "true" : void 0,
-		...h,
-		children: b
-	}) : /* @__PURE__ */ c("button", {
+		...f,
+		children: y
+	}) : /* @__PURE__ */ u("button", {
 		type: "button",
-		...y,
+		...v,
 		"aria-pressed": o === null ? void 0 : o ? "true" : "false",
 		disabled: i || void 0,
 		"aria-disabled": _ ? "true" : void 0,
-		...h,
-		children: b
+		...f,
+		children: y
 	});
 }
 //#endregion
 //#region src/swipe.ts
-function X(e) {
+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 = () => {
@@ -645,15 +645,15 @@ function X(e) {
 		e.removeEventListener(s, i), e.removeEventListener("click", a), e.removeEventListener("toggle", o);
 	};
 }
-function Z(e) {
-	return n((t) => {
-		let n = X(t), r = _e(e, t);
+function Y(e) {
+	return i((t) => {
+		let n = J(t), r = xe(e, t);
 		return () => {
 			n(), r();
 		};
 	}, [e]);
 }
-function _e(e, t) {
+function xe(e, t) {
 	if (typeof e == "function") {
 		let n = e(t);
 		return typeof n == "function" ? n : () => e(null);
@@ -664,63 +664,63 @@ function _e(e, t) {
 }
 //#endregion
 //#region src/PlinthDialog.tsx
-function ve({ id: e, title: t, description: n, closeLabel: r = "Close", dismissible: a = !0, sidePhone: o, footer: s, className: u, children: d, ref: f, ...p }) {
-	let m = i(), h = Z(f);
+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(), b = W(o);
-	return /* @__PURE__ */ c("dialog", {
+	let g = e?.trim() || `plinth-dialog-${m}`, _ = !!n?.trim(), v = H(a);
+	return /* @__PURE__ */ u("dialog", {
 		id: g,
-		role: a ? void 0 : "alertdialog",
-		"data-side-phone": b === "center" ? void 0 : b,
-		closedby: a ? "any" : "closerequest",
+		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: v("plinth-dialog", u),
-		children: /* @__PURE__ */ l("div", {
+		className: b("plinth-dialog", c),
+		children: /* @__PURE__ */ d("div", {
 			className: "plinth-dialog-panel",
 			children: [
-				a && b === "bottom" ? /* @__PURE__ */ c("div", {
+				i && v === "bottom" ? /* @__PURE__ */ u("div", {
 					className: "plinth-dialog-handle",
 					"aria-hidden": "true"
 				}) : null,
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ d("div", {
 					className: "plinth-dialog-header",
 					children: [
-						/* @__PURE__ */ c("h2", {
+						/* @__PURE__ */ u("h2", {
 							id: `${g}-title`,
 							className: "plinth-dialog-title",
 							children: t
 						}),
-						_ ? /* @__PURE__ */ c("p", {
+						_ ? /* @__PURE__ */ u("p", {
 							id: `${g}-description`,
 							className: "plinth-dialog-description",
 							children: n
 						}) : null,
-						a ? /* @__PURE__ */ c(Y, {
+						i ? /* @__PURE__ */ u(q, {
 							className: "plinth-dialog-close",
 							label: r,
 							variant: "ghost",
 							commandfor: g,
 							command: "close",
-							children: /* @__PURE__ */ c("svg", {
+							children: /* @__PURE__ */ u("svg", {
 								viewBox: "0 0 24 24",
 								fill: "none",
 								stroke: "currentColor",
 								strokeWidth: "2",
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
-								children: /* @__PURE__ */ c("path", { d: "M6 6l12 12M18 6L6 18" })
+								children: /* @__PURE__ */ u("path", { d: "M6 6l12 12M18 6L6 18" })
 							})
 						}) : null
 					]
 				}),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ u("div", {
 					className: "plinth-dialog-body",
-					children: d
+					children: l
 				}),
-				y(s) ? /* @__PURE__ */ c("div", {
+				x(s) ? /* @__PURE__ */ u("div", {
 					className: "plinth-dialog-footer",
 					children: s
 				}) : null
@@ -730,168 +730,145 @@ function ve({ id: e, title: t, description: n, closeLabel: r = "Close", dismissi
 }
 //#endregion
 //#region src/drawer.ts
-var Q = ["dialog", "sheet"];
-function ye(e) {
-	return Q.includes(e) ? e : "dialog";
+var Ce = ["dialog", "sheet"];
+function we(e) {
+	return Ce.includes(e) ? e : "dialog";
 }
-var be = [
+var Te = [
 	"peek",
 	"half",
 	"full"
 ];
-function xe(e) {
+function Ee(e) {
 	let t = typeof e == "string" ? e.split(/\s+/) : e ?? [];
-	return be.filter((e) => t.includes(e));
+	return Te.filter((e) => t.includes(e));
 }
-function Se(e, t) {
+function De(e, t) {
 	return t.includes(e) ? e : t.at(-1);
 }
-var Ce = H;
+var Oe = B;
 //#endregion
 //#region src/PlinthDrawer.tsx
-function we({ id: e, title: t, description: n, closeLabel: r = "Close", desktop: a, snapPoints: o, snap: s, footer: u, className: d, children: f, ref: p, ...m }) {
-	let h = i(), g = Z(p);
+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}`, b = !!n?.trim(), x = xe(o);
-	return /* @__PURE__ */ c("dialog", {
+	let _ = e?.trim() || `plinth-drawer-${h}`, v = !!n?.trim(), y = Ee(a);
+	return /* @__PURE__ */ u("dialog", {
 		id: _,
-		"data-desktop": ye(a),
-		"data-snap-points": x.length ? x.join(" ") : void 0,
-		"data-snap": Se(s, x),
+		"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": b ? `${_}-description` : void 0,
+		"aria-describedby": v ? `${_}-description` : void 0,
 		...m,
 		ref: g,
-		className: v("plinth-drawer", d),
-		children: /* @__PURE__ */ l("div", {
+		className: b("plinth-drawer", l),
+		children: /* @__PURE__ */ d("div", {
 			className: "plinth-drawer-panel",
 			children: [
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ u("div", {
 					className: "plinth-drawer-handle",
 					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ d("div", {
 					className: "plinth-drawer-header",
 					children: [
-						/* @__PURE__ */ c("h2", {
+						/* @__PURE__ */ u("h2", {
 							id: `${_}-title`,
 							className: "plinth-drawer-title",
 							children: t
 						}),
-						b ? /* @__PURE__ */ c("p", {
+						v ? /* @__PURE__ */ u("p", {
 							id: `${_}-description`,
 							className: "plinth-drawer-description",
 							children: n
 						}) : null,
-						/* @__PURE__ */ c(Y, {
+						/* @__PURE__ */ u(q, {
 							className: "plinth-drawer-close",
 							label: r,
 							variant: "ghost",
 							commandfor: _,
 							command: "close",
-							children: /* @__PURE__ */ c("svg", {
+							children: /* @__PURE__ */ u("svg", {
 								viewBox: "0 0 24 24",
 								fill: "none",
 								stroke: "currentColor",
 								strokeWidth: "2",
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
-								children: /* @__PURE__ */ c("path", { d: "M6 6l12 12M18 6L6 18" })
+								children: /* @__PURE__ */ u("path", { d: "M6 6l12 12M18 6L6 18" })
 							})
 						})
 					]
 				}),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ u("div", {
 					className: "plinth-drawer-body",
 					children: f
 				}),
-				y(u) ? /* @__PURE__ */ c("div", {
+				x(c) ? /* @__PURE__ */ u("div", {
 					className: "plinth-drawer-footer",
-					children: u
+					children: c
 				}) : null
 			]
 		})
 	});
 }
 //#endregion
-//#region src/PlinthHeader.tsx
-function Te({ title: e, leading: t, actions: n, className: r, ...i }) {
-	if (!e?.trim()) throw Error("<PlinthHeader> needs a title: it is the page's heading.");
-	return /* @__PURE__ */ l("header", {
-		...i,
-		className: v("plinth-header", r),
-		children: [
-			y(t) ? /* @__PURE__ */ c("div", {
-				className: "plinth-header-leading",
-				children: t
-			}) : null,
-			/* @__PURE__ */ c("h1", {
-				className: "plinth-header-title",
-				children: e
-			}),
-			y(n) ? /* @__PURE__ */ c("div", {
-				className: "plinth-header-actions",
-				children: n
-			}) : null
-		]
-	});
-}
-//#endregion
 //#region src/icon.ts
-var Ee = [
+var Ae = [
 	"sm",
 	"md",
 	"lg"
 ];
-function De(e) {
-	return f(e, Ee, "md");
+function je(e) {
+	return m(e, Ae, "md");
 }
 //#endregion
 //#region src/PlinthIcon.tsx
-function Oe({ size: e, label: t, mirror: n = !1, className: r, children: i, "aria-label": a, ...o }) {
-	let s = t ?? a, l = s?.trim() ? s : void 0;
-	return /* @__PURE__ */ c("span", {
-		className: v("plinth-icon", r),
-		"data-size": De(e),
+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: l ? "img" : void 0,
-		"aria-label": l,
-		"aria-hidden": l ? void 0 : "true",
+		role: c ? "img" : void 0,
+		"aria-label": c,
+		"aria-hidden": c ? void 0 : "true",
 		...o,
 		children: i
 	});
 }
 //#endregion
 //#region src/heading.ts
-var ke = [
+var Ne = [
 	"h2",
 	"h3",
 	"h4",
 	"h5",
 	"h6"
 ];
-function Ae(e) {
-	return ke.includes(e) ? e : "h2";
+function Pe(e) {
+	return Ne.includes(e) ? e : "h2";
 }
 //#endregion
 //#region src/PlinthListCard.tsx
-function je({ heading: e, headingLevel: t, footer: n, className: r, children: i, ...a }) {
-	let o = Ae(t);
-	return /* @__PURE__ */ l("div", {
+function Fe({ heading: e, headingLevel: t, footer: n, className: r, children: i, ...a }) {
+	let o = Pe(t);
+	return /* @__PURE__ */ d("div", {
 		...a,
-		className: v("plinth-list-card", r),
+		className: b("plinth-list-card", r),
 		children: [
-			e?.trim() ? /* @__PURE__ */ c(o, {
+			e?.trim() ? /* @__PURE__ */ u(o, {
 				className: "plinth-list-card-heading",
 				children: e
 			}) : null,
-			/* @__PURE__ */ c("ul", {
+			/* @__PURE__ */ u("ul", {
 				className: "plinth-list-card-list",
 				role: "list",
 				children: i
 			}),
-			n?.trim() ? /* @__PURE__ */ c("p", {
+			n?.trim() ? /* @__PURE__ */ u("p", {
 				className: "plinth-list-card-footer",
 				children: n
 			}) : null
@@ -900,9 +877,9 @@ function je({ heading: e, headingLevel: t, footer: n, className: r, children: i,
 }
 //#endregion
 //#region src/PlinthListRow.tsx
-function Me({ description: e, chevron: t = !1, href: n, button: r = !1, current: i = !1, disabled: a = !1, leading: o, trailing: s, className: u, children: d, ...f }) {
-	let p = n ? "a" : r ? "button" : "div", m = p, h = y(s);
-	return /* @__PURE__ */ l(m, {
+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,
@@ -910,37 +887,37 @@ function Me({ description: e, chevron: t = !1, href: n, button: r = !1, current:
 		role: p === "a" && a ? "link" : void 0,
 		"aria-disabled": p === "a" && a ? "true" : void 0,
 		...f,
-		className: v("plinth-list-row", u),
+		className: b("plinth-list-row", c),
 		children: [
-			y(o) ? /* @__PURE__ */ c("span", {
+			x(o) ? /* @__PURE__ */ u("span", {
 				className: "plinth-list-row-leading",
 				children: o
 			}) : null,
-			/* @__PURE__ */ l("span", {
+			/* @__PURE__ */ d("span", {
 				className: "plinth-list-row-content",
-				children: [/* @__PURE__ */ c("span", {
+				children: [/* @__PURE__ */ u("span", {
 					className: "plinth-list-row-title",
-					children: d
-				}), e ? /* @__PURE__ */ c("span", {
+					children: l
+				}), e ? /* @__PURE__ */ u("span", {
 					className: "plinth-list-row-description",
 					children: e
 				}) : null]
 			}),
-			h || t ? /* @__PURE__ */ l("span", {
+			h || t ? /* @__PURE__ */ d("span", {
 				className: "plinth-list-row-trailing",
-				children: [h ? s : null, t ? /* @__PURE__ */ c("span", {
+				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__ */ c("svg", {
+					children: /* @__PURE__ */ u("svg", {
 						viewBox: "0 0 24 24",
 						fill: "none",
 						stroke: "currentColor",
 						strokeWidth: "2",
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
-						children: /* @__PURE__ */ c("path", { d: "M9 6l6 6-6 6" })
+						children: /* @__PURE__ */ u("path", { d: "M9 6l6 6-6 6" })
 					})
 				}) : null]
 			}) : null
@@ -948,64 +925,144 @@ function Me({ description: e, chevron: t = !1, href: n, button: r = !1, current:
 	});
 }
 //#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 Ne({ id: e, title: t, description: n, closeLabel: r = "Close", side: a, sidePhone: o, footer: s, className: u, children: d, ref: f, ...p }) {
-	let m = i(), h = Z(f);
+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(), b = V(o), x = (b ?? B(a)) === "bottom";
-	return /* @__PURE__ */ c("dialog", {
+	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": B(a),
-		"data-side-phone": b,
+		"data-side": R(i),
+		"data-side-phone": v,
 		closedby: "any",
 		"aria-labelledby": `${g}-title`,
 		"aria-describedby": _ ? `${g}-description` : void 0,
 		...p,
 		ref: h,
-		className: v("plinth-sheet", u),
-		children: /* @__PURE__ */ l("div", {
+		className: b("plinth-sheet", c),
+		children: /* @__PURE__ */ d("div", {
 			className: "plinth-sheet-panel",
 			children: [
-				x ? /* @__PURE__ */ c("div", {
+				y ? /* @__PURE__ */ u("div", {
 					className: "plinth-sheet-handle",
 					"aria-hidden": "true"
 				}) : null,
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ d("div", {
 					className: "plinth-sheet-header",
 					children: [
-						/* @__PURE__ */ c("h2", {
+						/* @__PURE__ */ u("h2", {
 							id: `${g}-title`,
 							className: "plinth-sheet-title",
 							children: t
 						}),
-						_ ? /* @__PURE__ */ c("p", {
+						_ ? /* @__PURE__ */ u("p", {
 							id: `${g}-description`,
 							className: "plinth-sheet-description",
 							children: n
 						}) : null,
-						/* @__PURE__ */ c(Y, {
+						/* @__PURE__ */ u(q, {
 							className: "plinth-sheet-close",
 							label: r,
 							variant: "ghost",
 							commandfor: g,
 							command: "close",
-							children: /* @__PURE__ */ c("svg", {
+							children: /* @__PURE__ */ u("svg", {
 								viewBox: "0 0 24 24",
 								fill: "none",
 								stroke: "currentColor",
 								strokeWidth: "2",
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
-								children: /* @__PURE__ */ c("path", { d: "M6 6l12 12M18 6L6 18" })
+								children: /* @__PURE__ */ u("path", { d: "M6 6l12 12M18 6L6 18" })
 							})
 						})
 					]
 				}),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ u("div", {
 					className: "plinth-sheet-body",
-					children: d
+					children: l
 				}),
-				y(s) ? /* @__PURE__ */ c("div", {
+				x(s) ? /* @__PURE__ */ u("div", {
 					className: "plinth-sheet-footer",
 					children: s
 				}) : null
@@ -1015,48 +1072,86 @@ function Ne({ id: e, title: t, description: n, closeLabel: r = "Close", side: a,
 }
 //#endregion
 //#region src/PlinthMenuSheet.tsx
-var $ = (e) => e?.trim() ? e : void 0;
-function Pe({ id: e, title: t = "Menu", closeLabel: n = "Close", userName: r, userDetail: a, userSrc: o, userHref: s, account: u, className: d, children: f, ...p }) {
-	let m = i(), h = e?.trim() || `plinth-menu-sheet-${m}`, g = $(s);
-	return /* @__PURE__ */ l(Ne, {
+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: v("plinth-menu-sheet", d),
+		className: b("plinth-menu-sheet", l),
 		children: [
-			r?.trim() ? /* @__PURE__ */ c(Me, {
+			r?.trim() ? /* @__PURE__ */ u(Ie, {
 				className: "plinth-menu-sheet-user",
-				description: $(a),
+				description: Z(i),
 				href: g,
 				chevron: !!g,
-				leading: /* @__PURE__ */ c(S, {
+				leading: /* @__PURE__ */ u(w, {
 					name: r,
-					src: $(o),
+					src: Z(a),
 					size: "lg",
 					decorative: !0
 				}),
 				children: r
 			}) : null,
-			/* @__PURE__ */ c("nav", {
+			/* @__PURE__ */ u("nav", {
 				className: "plinth-menu-sheet-nav",
 				"aria-labelledby": `${h}-title`,
 				children: f
 			}),
-			y(u) ? /* @__PURE__ */ c("div", {
+			x(c) ? /* @__PURE__ */ u("div", {
 				className: "plinth-menu-sheet-account",
-				children: u
+				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 Fe({ count: e, href: t, selected: n = !1, disabled: r = !1, className: i, children: a, ...o }) {
-	let s = t ? "a" : "button", u = s, d = e != null && String(e).trim() !== "";
-	return /* @__PURE__ */ l(u, {
+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,
@@ -1065,11 +1160,11 @@ function Fe({ count: e, href: t, selected: n = !1, disabled: r = !1, className:
 		role: s === "a" && r ? "link" : void 0,
 		"aria-disabled": s === "a" && r ? "true" : void 0,
 		...o,
-		className: v("plinth-pill", i),
-		children: [/* @__PURE__ */ c("span", {
+		className: b("plinth-pill", i),
+		children: [/* @__PURE__ */ u("span", {
 			className: "plinth-pill-label",
 			children: a
-		}), d ? /* @__PURE__ */ c("span", {
+		}), l ? /* @__PURE__ */ u("span", {
 			className: "plinth-pill-count",
 			children: e
 		}) : null]
@@ -1077,31 +1172,31 @@ function Fe({ count: e, href: t, selected: n = !1, disabled: r = !1, className:
 }
 //#endregion
 //#region src/PlinthPillRow.tsx
-function Ie({ label: e, nav: t = !1, className: n, children: r, ...i }) {
-	return /* @__PURE__ */ c(t ? "nav" : "div", {
+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: v("plinth-pill-row", n),
+		className: b("plinth-pill-row", n),
 		children: r
 	});
 }
 //#endregion
 //#region src/PlinthSectionMenu.tsx
-function Le({ label: e, nav: t = !0, className: n, children: r, ...i }) {
-	return /* @__PURE__ */ c(t ? "nav" : "div", {
+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: v("plinth-section-menu", n),
+		className: b("plinth-section-menu", n),
 		children: r
 	});
 }
 //#endregion
 //#region src/PlinthSectionMenuItem.tsx
-function Re({ count: e, href: t, current: n = !1, disabled: r = !1, className: i, children: a, ...o }) {
-	let s = t?.trim() ? "a" : "button", u = s, d = e != null && String(e).trim() !== "";
-	return /* @__PURE__ */ l(u, {
+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,
@@ -1110,18 +1205,122 @@ function Re({ count: e, href: t, current: n = !1, disabled: r = !1, className: i
 		role: s === "a" && r ? "link" : void 0,
 		"aria-disabled": s === "a" && r ? "true" : void 0,
 		...o,
-		className: v("plinth-section-menu-item", i),
-		children: [/* @__PURE__ */ c("span", {
+		className: b("plinth-section-menu-item", i),
+		children: [/* @__PURE__ */ u("span", {
 			className: "plinth-section-menu-label",
 			children: a
-		}), d ? /* @__PURE__ */ c("span", {
+		}), 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 ze = "<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>";
+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 { S as PlinthAvatar, C as PlinthBadge, E as PlinthButton, N as PlinthCallout, re as PlinthCodeBlock, se as PlinthConfirmDialog, ce as PlinthDataTable, ue as PlinthDataTableCell, de as PlinthDataTableColumn, me as PlinthDataTableEmpty, he as PlinthDataTableRow, ge as PlinthDataTableSort, ve as PlinthDialog, we as PlinthDrawer, Te as PlinthHeader, Oe as PlinthIcon, Y as PlinthIconButton, je as PlinthListCard, Me as PlinthListRow, Pe as PlinthMenuSheet, Fe as PlinthPill, Ie as PlinthPillRow, Le as PlinthSectionMenu, Re as PlinthSectionMenuItem, Ne as PlinthSheet, _ as avatarGlyph, m as avatarSizes, w as buttonVariants, M as calloutIcons, A as calloutRole, k as calloutRoles, O as calloutTone, D as calloutTones, L as confirmDialogFieldLabels, ie as confirmDialogKind, F as confirmDialogKinds, R as confirmDialogPattern, I as confirmDialogTone, ae as confirmDialogTones, d as controlSizes, J as dataTableCellKind, q as dataTableCellKinds, K as dataTableSort, le as dataTableSortIcon, G as dataTableSorts, oe as dialogCloseIcon, W as dialogSidePhone, U as dialogSidePhones, Ce as drawerCloseIcon, ye as drawerDesktop, Q as drawerDesktops, Se as drawerSnap, xe as drawerSnapPoints, be as drawerSnaps, Ae as headingLevel, ke as headingLevels, p as iconSizeFor, Ee as iconSizes, g as initialsFrom, ze as listRowChevron, f as resolveSize, H as sheetCloseIcon, B as sheetSide, V as sheetSidePhone, z as sheetSides, u as sizes, X as swipeToClose, b as tones, Z as useSwipeToClose };
+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 };