@meddleware/ui 0.1.30 → 0.1.32

package/dist/ui.js

@@ -1,6 +1,6 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, mergeModels as l, normalizeClass as u, onBeforeUnmount as d, onMounted as f, onUnmounted as p, openBlock as m, ref as h, renderList as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, useCssVars as x, useId as S, useModel as C, useSlots as w, vModelSelect as T, watch as E, withCtx as D, withDirectives as O } from "vue";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, effectScope as l, mergeModels as u, normalizeClass as d, onBeforeUnmount as f, onMounted as p, onUnmounted as m, openBlock as h, ref as g, renderList as _, renderSlot as v, resolveDynamicComponent as y, toDisplayString as b, unref as x, useCssVars as S, useId as C, useModel as w, useSlots as T, vModelSelect as E, watch as D, withCtx as O, withDirectives as k } from "vue";
 //#region src/internal/panel.ts
-function k(e, t) {
+function A(e, t) {
 	let n;
 	return n = e === "transparent" ? {
 		"--_bg": "transparent",
@@ -17,23 +17,23 @@ function k(e, t) {
 		"--_text": "var(--mw-panel-light-text)",
 		"--_muted": "var(--mw-panel-light-muted)",
 		"--_border": "var(--mw-panel-light-border)",
-		"--_ok": "var(--mw-panel-light-ok, #177542)",
-		"--_danger": "var(--mw-panel-light-danger, #b3261e)",
-		"--_info": "var(--mw-panel-light-info, #1558b5)"
+		"--_ok": "var(--mw-panel-light-ok)",
+		"--_danger": "var(--mw-panel-light-danger)",
+		"--_info": "var(--mw-panel-light-info)"
 	} : {
 		"--_bg": "var(--mw-panel-dark-bg)",
 		"--_surface": "var(--mw-panel-dark-surface)",
 		"--_text": "var(--mw-panel-dark-text)",
 		"--_muted": "var(--mw-panel-dark-muted)",
 		"--_border": "var(--mw-panel-dark-border)",
-		"--_ok": "var(--mw-panel-dark-ok, #5bb392)",
-		"--_danger": "var(--mw-panel-dark-danger, #f08a7e)",
-		"--_info": "var(--mw-panel-dark-info, #6ea8fe)"
+		"--_ok": "var(--mw-panel-dark-ok)",
+		"--_danger": "var(--mw-panel-dark-danger)",
+		"--_info": "var(--mw-panel-dark-info)"
 	}, t && (t.bg && (n["--_bg"] = t.bg), t.surface && (n["--_surface"] = t.surface), t.text && (n["--_text"] = t.text), t.muted && (n["--_muted"] = t.muted), t.border && (n["--_border"] = t.border), t.ok && (n["--_ok"] = t.ok), t.danger && (n["--_danger"] = t.danger), t.info && (n["--_info"] = t.info)), n;
 }
 //#endregion
 //#region src/components/AppHeader.vue?vue&type=script&setup=true&lang.ts
-var A = /*@__PURE__*/ c({
+var j = /*@__PURE__*/ c({
 	__name: "AppHeader",
 	props: {
 		variant: { default: "dark" },
@@ -48,40 +48,40 @@ var A = /*@__PURE__*/ c({
 		}
 	},
 	setup(e) {
-		x((e) => ({
-			v207c6e6c: r.value["--_bg"],
-			f304fa44: r.value["--_surface"],
-			v25353d32: r.value["--_text"],
-			v2a36159c: r.value["--_muted"],
-			v65041df1: r.value["--_border"],
-			v20707ebe: r.value["--_ok"],
-			v49861e28: r.value["--_danger"],
-			v12e68073: r.value["--_info"]
+		S((e) => ({
+			fff85088: r.value["--_bg"],
+			v5048fb2c: r.value["--_surface"],
+			a5a150b8: r.value["--_text"],
+			bd016d2c: r.value["--_muted"],
+			v523d383a: r.value["--_border"],
+			ffec60da: r.value["--_ok"],
+			v893937cc: r.value["--_danger"],
+			ca3eca36: r.value["--_info"]
 		}));
-		let n = e, r = t(() => k(n.variant, n.colors)), a = h(!1), o = null;
-		return f(() => {
+		let n = e, r = t(() => A(n.variant, n.colors)), a = g(!1), o = null;
+		return p(() => {
 			n.solidifyOnScroll && typeof window < "u" && (o = () => {
 				a.value = window.scrollY > 8;
 			}, o(), window.addEventListener("scroll", o, { passive: !0 }));
-		}), d(() => {
+		}), f(() => {
 			o && window.removeEventListener("scroll", o);
-		}), (t, n) => (m(), i("header", { class: u(["mw-header", [`mw-header--${e.variant}`, {
+		}), (t, n) => (h(), i("header", { class: d(["mw-header", [`mw-header--${e.variant}`, {
 			"mw-header--sticky": e.sticky,
 			"mw-header--scrolled": e.solidifyOnScroll && a.value
 		}]]) }, [
-			_(t.$slots, "brand"),
-			_(t.$slots, "default"),
-			_(t.$slots, "actions")
+			v(t.$slots, "brand"),
+			v(t.$slots, "default"),
+			v(t.$slots, "actions")
 		], 2));
 	}
-}), j = (e, t) => {
+}), M = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, ee = /*#__PURE__*/ j(A, [["__scopeId", "data-v-4c177b22"]]), te = {
+}, ee = /*#__PURE__*/ M(j, [["__scopeId", "data-v-384786e1"]]), te = {
 	class: "mw-sidebar__nav",
 	"aria-label": "Primary"
-}, ne = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}, ne = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "AppSidebar",
 	props: {
 		variant: { default: "dark" },
@@ -89,41 +89,49 @@ var A = /*@__PURE__*/ c({
 		width: {}
 	},
 	setup(e) {
-		x((e) => ({
-			v71ead984: r.value["--_bg"],
-			fe385338: r.value["--_surface"],
-			v7d45f128: r.value["--_text"],
-			v130792a2: r.value["--_muted"],
-			d33b7caa: r.value["--_border"],
-			v71f0d15b: r.value["--_ok"],
-			v7ae441e2: r.value["--_danger"],
-			a1e36aa6: r.value["--_info"],
-			v4463291a: o.value
+		S((e) => ({
+			v5b5002f5: r.value["--_bg"],
+			v6623eb93: r.value["--_surface"],
+			v33c4cec6: r.value["--_text"],
+			f34db0de: r.value["--_muted"],
+			e5796ac8: r.value["--_border"],
+			v5b55facc: r.value["--_ok"],
+			v71c54ad3: r.value["--_danger"],
+			v58624844: r.value["--_info"],
+			d1940a6a: o.value
 		}));
-		let n = e, r = t(() => k(n.variant, n.colors)), o = t(() => n.width ?? "var(--mw-sidebar-width, 240px)");
-		return (t, n) => (m(), i("aside", { class: u(["mw-sidebar", `mw-sidebar--${e.variant}`]) }, [
-			_(t.$slots, "head", {}, void 0, !0),
-			a("nav", te, [_(t.$slots, "default", {}, void 0, !0)]),
-			_(t.$slots, "body", {}, void 0, !0),
-			_(t.$slots, "foot", {}, void 0, !0)
+		let n = e, r = t(() => A(n.variant, n.colors)), o = t(() => n.width ?? "var(--mw-sidebar-width, 240px)");
+		return (t, n) => (h(), i("aside", { class: d(["mw-sidebar", `mw-sidebar--${e.variant}`]) }, [
+			v(t.$slots, "head"),
+			a("nav", te, [v(t.$slots, "default")]),
+			v(t.$slots, "body"),
+			v(t.$slots, "foot")
 		], 2));
 	}
-}), [["__scopeId", "data-v-30f2000a"]]);
-//#endregion
-//#region src/safe-href.ts
-function M(e) {
-	if (e) try {
+}), [["__scopeId", "data-v-e5506501"]]), N = /[\u0000-\u0020\u007f\\]/;
+function P(e) {
+	if (e && !N.test(e)) try {
 		let t = new URL(e);
-		if (t.protocol === "https:" || t.protocol === "http:" && (t.hostname === "localhost" || t.hostname === "127.0.0.1")) return e;
+		if (t.username || t.password) return;
+		if (t.protocol === "https:" || t.protocol === "http:" && (t.hostname === "localhost" || t.hostname === "127.0.0.1")) return t.href;
 	} catch {}
 }
+var F = "https://site.invalid";
+function I(e) {
+	if (e && !N.test(e) && e.startsWith("/") && !e.startsWith("//")) try {
+		let t = new URL(e, F);
+		return t.origin === F ? t.pathname + t.search + t.hash : void 0;
+	} catch {
+		return;
+	}
+}
 //#endregion
 //#region src/components/AppFooter.vue?vue&type=script&setup=true&lang.ts
 var re = {
 	key: 0,
 	class: "mw-footer__docs",
 	"aria-label": "Documentation"
-}, ie = ["href"], ae = ["href"], oe = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}, ie = ["href"], ae = ["href"], oe = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "AppFooter",
 	props: {
 		variant: { default: "transparent" },
@@ -132,40 +140,39 @@ var re = {
 		devUrl: {}
 	},
 	setup(e) {
-		x((e) => ({
-			v605673bd: a.value["--_bg"],
-			v08ecb7cb: a.value["--_surface"],
-			v796a1136: a.value["--_text"],
-			v4ed7a1c9: a.value["--_muted"],
-			v56d7d138: a.value["--_border"],
-			v605c6b94: a.value["--_ok"],
-			v8dd3d0ca: a.value["--_danger"],
-			v9e078ab4: a.value["--_info"]
+		S((e) => ({
+			v331b054e: a.value["--_bg"],
+			v5a224faf: a.value["--_surface"],
+			v328b0a01: a.value["--_text"],
+			v70cc3aa6: a.value["--_muted"],
+			v7419f300: a.value["--_border"],
+			v330f15a0: a.value["--_ok"],
+			v589bf337: a.value["--_danger"],
+			v203c4d42: a.value["--_info"]
 		}));
-		let n = e, a = t(() => k(n.variant, n.colors));
-		return (t, n) => (m(), i("footer", { class: u(["mw-footer", `mw-footer--${e.variant}`]) }, [
-			_(t.$slots, "start", {}, void 0, !0),
-			_(t.$slots, "default", {}, void 0, !0),
-			_(t.$slots, "end", {}, void 0, !0),
-			e.docsUrl || e.devUrl ? (m(), i("nav", re, [e.docsUrl ? (m(), i("a", {
+		let n = e, a = t(() => A(n.variant, n.colors));
+		return (t, n) => (h(), i("footer", { class: d(["mw-footer", `mw-footer--${e.variant}`]) }, [
+			v(t.$slots, "start"),
+			v(t.$slots, "default"),
+			v(t.$slots, "end"),
+			e.docsUrl || e.devUrl ? (h(), i("nav", re, [e.docsUrl ? (h(), i("a", {
 				key: 0,
-				href: b(M)(e.docsUrl),
+				href: x(P)(e.docsUrl),
 				target: "_blank",
 				rel: "noopener noreferrer"
-			}, "Documentation", 8, ie)) : r("", !0), e.devUrl ? (m(), i("a", {
+			}, "Documentation", 8, ie)) : r("", !0), e.devUrl ? (h(), i("a", {
 				key: 1,
-				href: b(M)(e.devUrl),
+				href: x(P)(e.devUrl),
 				target: "_blank",
-				rel: "noopener noreferrer",
-				"aria-label": "Developer documentation"
+				rel: "noopener noreferrer"
 			}, "Developer docs", 8, ae)) : r("", !0)])) : r("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-6c5fa699"]]), se = { class: "mw-mode" }, ce = [
+}), [["__scopeId", "data-v-42cde159"]]), se = { class: "mw-mode" }, ce = [
 	"aria-pressed",
 	"title",
 	"onClick"
-], le = { "aria-hidden": "true" }, ue = { class: "mw-mode__label" }, de = /*#__PURE__*/ j(/* @__PURE__ */ c({
+], le = { "aria-hidden": "true" }, ue = { class: "mw-mode__label" }, de = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "ColorModeControl",
 	props: {
 		modelValue: {},
@@ -186,16 +193,16 @@ var re = {
 			dark: "☾",
 			system: "🖵"
 		};
-		return (o, s) => (m(), i("fieldset", se, [s[0] ||= a("legend", { class: "mw-visually-hidden" }, "Colour mode", -1), (m(!0), i(e, null, g(t.modes, (e) => (m(), i("button", {
+		return (o, s) => (h(), i("fieldset", se, [s[0] ||= a("legend", { class: "mw-visually-hidden" }, "Colour mode", -1), (h(!0), i(e, null, _(t.modes, (e) => (h(), i("button", {
 			key: e,
 			type: "button",
-			class: u(["mw-mode__btn", { "is-active": t.modelValue === e }]),
+			class: d(["mw-mode__btn", { "is-active": t.modelValue === e }]),
 			"aria-pressed": t.modelValue === e,
 			title: n[e],
 			onClick: (t) => o.$emit("update:modelValue", e)
-		}, [a("span", le, y(r[e]), 1), a("span", ue, y(n[e]), 1)], 10, ce))), 128))]));
+		}, [a("span", le, b(r[e]), 1), a("span", ue, b(n[e]), 1)], 10, ce))), 128))]));
 	}
-}), [["__scopeId", "data-v-e5cba7a7"]]), fe = ["type", "disabled"], pe = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-e5cba7a7"]]), fe = ["type", "disabled"], pe = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "UiButton",
 	props: {
 		variant: { default: "primary" },
@@ -206,29 +213,29 @@ var re = {
 		}
 	},
 	setup(e) {
-		return (t, n) => (m(), i("button", {
+		return (t, n) => (h(), i("button", {
 			type: e.type,
 			disabled: e.disabled,
-			class: u(["mw-btn", `mw-btn--${e.variant}`])
-		}, [_(t.$slots, "default", {}, void 0, !0)], 10, fe));
+			class: d(["mw-btn", `mw-btn--${e.variant}`])
+		}, [v(t.$slots, "default", {}, void 0, !0)], 10, fe));
 	}
-}), [["__scopeId", "data-v-bc33cc23"]]), me = { class: "mw-card" }, N = {
+}), [["__scopeId", "data-v-bc33cc23"]]), me = { class: "mw-card" }, he = {
 	key: 0,
 	class: "mw-card__header"
-}, P = { class: "mw-card__title" }, F = {
+}, ge = { class: "mw-card__title" }, L = {
 	key: 1,
 	class: "mw-card__footer"
-}, I = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}, _e = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "UiCard",
 	props: { title: {} },
 	setup(e) {
-		return (t, n) => (m(), i("section", me, [
-			e.title || t.$slots.header ? (m(), i("header", N, [_(t.$slots, "header", {}, () => [a("h3", P, y(e.title), 1)], !0)])) : r("", !0),
-			_(t.$slots, "default", {}, void 0, !0),
-			t.$slots.footer ? (m(), i("footer", F, [_(t.$slots, "footer", {}, void 0, !0)])) : r("", !0)
+		return (t, n) => (h(), i("section", me, [
+			e.title || t.$slots.header ? (h(), i("header", he, [v(t.$slots, "header", {}, () => [a("h3", ge, b(e.title), 1)], !0)])) : r("", !0),
+			v(t.$slots, "default", {}, void 0, !0),
+			t.$slots.footer ? (h(), i("footer", L, [v(t.$slots, "footer", {}, void 0, !0)])) : r("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-384b36cf"]]), L = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-384b36cf"]]), ve = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "UiSelect",
 	props: {
 		modelValue: {},
@@ -236,13 +243,13 @@ var re = {
 	},
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = C(e, "modelValue");
-		return (e, n) => O((m(), i("select", {
+		let t = w(e, "modelValue");
+		return (e, n) => k((h(), i("select", {
 			"onUpdate:modelValue": n[0] ||= (e) => t.value = e,
 			class: "mw-select"
-		}, [_(e.$slots, "default", {}, void 0, !0)], 512)), [[T, t.value]]);
+		}, [v(e.$slots, "default", {}, void 0, !0)], 512)), [[E, t.value]]);
 	}
-}), [["__scopeId", "data-v-38fbd9b5"]]), R = ["role"], z = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-38fbd9b5"]]), ye = ["role"], be = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "UiNotice",
 	props: { type: {} },
 	setup(e) {
@@ -250,16 +257,16 @@ var re = {
 			if (n.type === "error") return "alert";
 			if (n.type === "ok") return "status";
 		});
-		return (t, n) => (m(), i("p", {
-			class: u(["mw-notice", e.type && e.type !== "info" ? `mw-notice--${e.type}` : ""]),
+		return (t, n) => (h(), i("p", {
+			class: d(["mw-notice", e.type && e.type !== "info" ? `mw-notice--${e.type}` : ""]),
 			role: r.value
-		}, [_(t.$slots, "default", {}, void 0, !0)], 10, R));
+		}, [v(t.$slots, "default", {}, void 0, !0)], 10, ye));
 	}
-}), [["__scopeId", "data-v-ee7fffb1"]]), he = ["disabled", "aria-current"], ge = {
+}), [["__scopeId", "data-v-ee7fffb1"]]), xe = ["disabled", "aria-current"], Se = {
 	key: 0,
 	class: "sidebar-item__icon",
 	"aria-hidden": "true"
-}, _e = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}, Ce = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "SidebarItem",
 	props: {
 		label: {},
@@ -274,26 +281,26 @@ var re = {
 		}
 	},
 	setup(e) {
-		return (t, n) => (m(), i("button", {
+		return (t, n) => (h(), i("button", {
 			type: "button",
-			class: u(["sidebar-item", { "is-active": e.active }]),
+			class: d(["sidebar-item", { "is-active": e.active }]),
 			disabled: e.disabled,
 			"aria-current": e.active ? "page" : void 0
-		}, [e.icon ? (m(), i("span", ge, y(e.icon), 1)) : r("", !0), o(" " + y(e.label), 1)], 10, he));
+		}, [e.icon ? (h(), i("span", Se, b(e.icon), 1)) : r("", !0), o(" " + b(e.label), 1)], 10, xe));
 	}
-}), [["__scopeId", "data-v-c8ae7e5f"]]), ve = { class: "sidebar-group__label" }, ye = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-c8ae7e5f"]]), we = { class: "sidebar-group__label" }, Te = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "SidebarGroup",
 	props: {
 		label: {},
 		level: { default: 1 }
 	},
 	setup(e) {
-		return (t, n) => (m(), i("fieldset", { class: u(["sidebar-group", `sidebar-group--l${e.level}`]) }, [a("legend", ve, y(e.label), 1), _(t.$slots, "default", {}, void 0, !0)], 2));
+		return (t, n) => (h(), i("fieldset", { class: d(["sidebar-group", `sidebar-group--l${e.level}`]) }, [a("legend", we, b(e.label), 1), v(t.$slots, "default", {}, void 0, !0)], 2));
 	}
-}), [["__scopeId", "data-v-95acc444"]]);
+}), [["__scopeId", "data-v-ae0b9454"]]);
 //#endregion
 //#region src/tabs.ts
-function B(e, t) {
+function R(e, t) {
 	return {
 		tab: `${e}-tab-${t}`,
 		panel: `${e}-panel-${t}`
@@ -301,14 +308,14 @@ function B(e, t) {
 }
 //#endregion
 //#region src/components/AppTabNav.vue?vue&type=script&setup=true&lang.ts
-var be = ["aria-label"], xe = [
+var Ee = ["aria-label"], De = [
 	"id",
 	"aria-selected",
 	"aria-controls",
 	"tabindex",
 	"onClick",
 	"onKeydown"
-], Se = /*#__PURE__*/ j(/* @__PURE__ */ c({
+], Oe = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "AppTabNav",
 	props: {
 		tabs: {},
@@ -333,55 +340,55 @@ var be = ["aria-label"], xe = [
 			let n = r.tabs.length - 1, i = e.key === "ArrowRight" ? t === n ? 0 : t + 1 : e.key === "ArrowLeft" ? t === 0 ? n : t - 1 : e.key === "Home" ? 0 : e.key === "End" ? n : -1;
 			i < 0 || (e.preventDefault(), c(i));
 		}
-		return (n, r) => (m(), i("menu", {
+		return (n, r) => (h(), i("menu", {
 			role: "tablist",
-			class: u(["mw-tab-nav", {
+			class: d(["mw-tab-nav", {
 				"mw-tab-nav--raised": t.variant === "raised",
 				"mw-tab-nav--lg": t.size === "lg"
 			}]),
 			"aria-label": t.ariaLabel
-		}, [(m(!0), i(e, null, g(t.tabs, (e, n) => (m(), i("li", {
+		}, [(h(!0), i(e, null, _(t.tabs, (e, n) => (h(), i("li", {
 			key: e.id,
 			role: "presentation",
 			class: "mw-tab-nav__item"
 		}, [a("button", {
-			id: b(B)(t.idPrefix, e.id).tab,
+			id: x(R)(t.idPrefix, e.id).tab,
 			ref_for: !0,
 			ref: (e) => {
 				s[n] = e;
 			},
 			type: "button",
 			role: "tab",
-			class: u(["mw-tab-nav__tab", { "mw-tab-nav__tab--active": t.modelValue === e.id }]),
+			class: d(["mw-tab-nav__tab", { "mw-tab-nav__tab--active": t.modelValue === e.id }]),
 			"aria-selected": t.modelValue === e.id,
-			"aria-controls": t.allPanels || t.modelValue === e.id ? b(B)(t.idPrefix, e.id).panel : void 0,
+			"aria-controls": t.allPanels || t.modelValue === e.id ? x(R)(t.idPrefix, e.id).panel : void 0,
 			tabindex: t.modelValue === e.id ? 0 : -1,
 			onClick: (t) => o("update:modelValue", e.id),
 			onKeydown: (e) => l(e, n)
-		}, y(e.label), 43, xe)]))), 128))], 10, be));
+		}, b(e.label), 43, De)]))), 128))], 10, Ee));
 	}
-}), [["__scopeId", "data-v-fbb7de4c"]]), Ce = ["id", "aria-labelledby"], we = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-fbb7de4c"]]), ke = ["id", "aria-labelledby"], Ae = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "UiTabPanel",
 	props: {
 		idPrefix: {},
 		tab: {}
 	},
 	setup(e) {
-		let n = e, r = t(() => B(n.idPrefix, n.tab));
-		return (e, t) => (m(), i("section", {
+		let n = e, r = t(() => R(n.idPrefix, n.tab));
+		return (e, t) => (h(), i("section", {
 			id: r.value.panel,
 			role: "tabpanel",
 			"aria-labelledby": r.value.tab,
 			tabindex: "0",
 			class: "mw-tab-panel"
-		}, [_(e.$slots, "default", {}, void 0, !0)], 8, Ce));
+		}, [v(e.$slots, "default", {}, void 0, !0)], 8, ke));
 	}
-}), [["__scopeId", "data-v-add194c8"]]), Te = ["aria-labelledby"], Ee = { class: "mw-dialog__content" }, De = { class: "mw-dialog__header" }, Oe = ["id"], ke = ["aria-label"], Ae = {
+}), [["__scopeId", "data-v-add194c8"]]), je = ["aria-labelledby"], Me = { class: "mw-dialog__content" }, Ne = { class: "mw-dialog__header" }, Pe = ["id"], Fe = ["aria-label"], Ie = {
 	key: 0,
 	class: "mw-dialog__actions"
-}, je = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}, Le = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "UiDialog",
-	props: /*@__PURE__*/ l({
+	props: /*@__PURE__*/ u({
 		title: {},
 		dismissible: {
 			type: Boolean,
@@ -396,56 +403,63 @@ var be = ["aria-label"], xe = [
 		},
 		openModifiers: {}
 	}),
-	emits: /*@__PURE__*/ l(["close"], ["update:open"]),
+	emits: /*@__PURE__*/ u(["close"], ["update:open"]),
 	setup(e, { expose: n, emit: s }) {
-		x((e) => ({ ce627f2e: v.value }));
-		let c = C(e, "open"), l = e, u = s, p = h(null), g = S(), v = t(() => l.width ?? "min(420px, 90vw)"), w = typeof HTMLDialogElement < "u" && "closedBy" in HTMLDialogElement.prototype;
+		S((e) => ({ ce627f2e: _.value }));
+		let c = w(e, "open"), l = e, u = s, d = g(null), m = C(), _ = t(() => l.width ?? "min(420px, 90vw)"), y = typeof HTMLDialogElement < "u" && "closedBy" in HTMLDialogElement.prototype;
 		function T(e = "") {
-			p.value?.open && p.value.close(e);
+			d.value?.open && d.value.close(e);
 		}
-		function D(e) {
-			let t = p.value;
+		function E(e) {
+			let t = d.value;
 			t && (e && !t.open ? t.showModal() : !e && t.open && t.close());
 		}
 		function O() {
-			p.value?.setAttribute("closedby", l.dismissible ? "any" : "none");
+			d.value?.setAttribute("closedby", l.dismissible ? "any" : "none");
 		}
 		function k(e) {
-			l.dismissible && e.target === p.value && T();
+			l.dismissible && e.target === d.value && T();
 		}
 		function A(e) {
 			l.dismissible || e.preventDefault();
 		}
 		function j() {
-			c.value = !1, u("close", p.value?.returnValue ?? "");
+			c.value = !1, u("close", d.value?.returnValue ?? "");
 		}
-		return f(() => {
-			O(), w || p.value?.addEventListener("click", k), D(c.value);
-		}), d(() => {
-			p.value?.removeEventListener("click", k);
-		}), E(c, D, { flush: "post" }), E(() => l.dismissible, O), n({ close: T }), (t, n) => (m(), i("dialog", {
+		return p(() => {
+			O(), y || d.value?.addEventListener("click", k), E(c.value);
+		}), f(() => {
+			d.value?.removeEventListener("click", k);
+		}), D(c, E, { flush: "post" }), D(() => l.dismissible, O), n({ close: T }), (t, n) => (h(), i("dialog", {
 			ref_key: "el",
-			ref: p,
+			ref: d,
 			class: "mw-dialog",
-			"aria-labelledby": b(g),
+			"aria-labelledby": x(m),
 			onCancel: A,
 			onClose: j
-		}, [a("article", Ee, [
-			a("header", De, [a("h2", {
-				id: b(g),
+		}, [a("article", Me, [
+			a("header", Ne, [a("h2", {
+				id: x(m),
 				class: "mw-dialog__title"
-			}, [_(t.$slots, "title", {}, () => [o(y(e.title), 1)], !0)], 8, Oe), e.dismissible ? (m(), i("button", {
+			}, [v(t.$slots, "title", {}, () => [o(b(e.title), 1)], !0)], 8, Pe), e.dismissible ? (h(), i("button", {
 				key: 0,
 				type: "button",
 				class: "mw-dialog__close",
 				"aria-label": e.closeLabel,
 				onClick: n[0] ||= (e) => T()
-			}, "×", 8, ke)) : r("", !0)]),
-			_(t.$slots, "default", {}, void 0, !0),
-			t.$slots.actions ? (m(), i("footer", Ae, [_(t.$slots, "actions", { close: T }, void 0, !0)])) : r("", !0)
-		])], 40, Te));
-	}
-}), [["__scopeId", "data-v-78973168"]]), Me = { class: "ca-root" }, Ne = ["title"], Pe = ["title", "aria-label"], Fe = {
+			}, "×", 8, Fe)) : r("", !0)]),
+			v(t.$slots, "default", {}, void 0, !0),
+			t.$slots.actions ? (h(), i("footer", Ie, [v(t.$slots, "actions", { close: T }, void 0, !0)])) : r("", !0)
+		])], 40, je));
+	}
+}), [["__scopeId", "data-v-78973168"]]), z = [12, 10];
+function B(e, t = z) {
+	let n = Math.max(0, Math.trunc(t[0]) || 0), r = Math.max(0, Math.trunc(t[1]) || 0);
+	return e.length <= n + r ? e : `${n > 0 ? e.slice(0, n) : ""}…${r > 0 ? e.slice(-r) : ""}`;
+}
+//#endregion
+//#region src/components/CopyableAddress.vue?vue&type=script&setup=true&lang.ts
+var Re = { class: "ca-root" }, ze = ["title"], Be = ["title", "aria-label"], Ve = {
 	key: 0,
 	class: "ca-icon",
 	viewBox: "0 0 24 24",
@@ -457,7 +471,7 @@ var be = ["aria-label"], xe = [
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
-}, Ie = {
+}, He = {
 	key: 1,
 	class: "ca-icon",
 	viewBox: "0 0 24 24",
@@ -469,7 +483,7 @@ var be = ["aria-label"], xe = [
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
-}, Le = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}, Ue = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "CopyableAddress",
 	props: {
 		address: {},
@@ -477,15 +491,11 @@ var be = ["aria-label"], xe = [
 			type: Boolean,
 			default: !0
 		},
-		chars: { default: () => [6, 4] },
+		chars: { default: () => [...z] },
 		label: { default: "Copy" }
 	},
 	setup(e) {
-		let n = e, r = h(!1), s = t(() => {
-			if (!n.truncate) return n.address;
-			let [e, t] = n.chars;
-			return `${n.address.slice(0, e)}…${n.address.slice(-t)}`;
-		});
+		let n = e, r = g(!1), s = t(() => n.truncate ? B(n.address, n.chars) : n.address);
 		async function c() {
 			try {
 				await navigator.clipboard.writeText(n.address);
@@ -496,25 +506,25 @@ var be = ["aria-label"], xe = [
 				r.value = !1;
 			}, 1500);
 		}
-		return (t, n) => (m(), i("span", Me, [a("span", {
+		return (t, n) => (h(), i("span", Re, [a("span", {
 			class: "ca-value",
 			title: e.address
-		}, [_(t.$slots, "default", {}, () => [o(y(s.value), 1)], !0)], 8, Ne), a("button", {
+		}, [v(t.$slots, "default", {}, () => [o(b(s.value), 1)], !0)], 8, ze), a("button", {
 			type: "button",
-			class: u(["ca-copy", { "ca-copy--copied": r.value }]),
+			class: d(["ca-copy", { "ca-copy--copied": r.value }]),
 			title: r.value ? "Copied!" : e.label,
 			"aria-label": r.value ? "Copied" : e.label,
 			onClick: c
-		}, [r.value ? (m(), i("svg", Fe, [...n[0] ||= [a("polyline", { points: "20 6 9 17 4 12" }, null, -1)]])) : (m(), i("svg", Ie, [...n[1] ||= [a("rect", {
+		}, [r.value ? (h(), i("svg", Ve, [...n[0] ||= [a("polyline", { points: "20 6 9 17 4 12" }, null, -1)]])) : (h(), i("svg", He, [...n[1] ||= [a("rect", {
 			x: "9",
 			y: "9",
 			width: "13",
 			height: "13",
 			rx: "2",
 			ry: "2"
-		}, null, -1), a("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }, null, -1)]]))], 10, Pe)]));
+		}, null, -1), a("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }, null, -1)]]))], 10, Be)]));
 	}
-}), [["__scopeId", "data-v-56006bd1"]]), Re = ["href", "title"], ze = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-ebf9e8c7"]]), We = ["href", "title"], Ge = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "ExplorerLink",
 	props: {
 		href: {},
@@ -523,27 +533,22 @@ var be = ["aria-label"], xe = [
 			type: Boolean,
 			default: !0
 		},
-		chars: { default: () => [6, 4] }
+		chars: { default: () => [...z] }
 	},
 	setup(e) {
-		let n = e, r = t(() => {
-			if (!n.value) return "";
-			if (!n.truncate) return n.value;
-			let [e, t] = n.chars;
-			return `${n.value.slice(0, e)}…${n.value.slice(-t)}`;
-		});
-		return (t, n) => (m(), i("a", {
+		let n = e, r = t(() => n.value ? n.truncate ? B(n.value, n.chars) : n.value : "");
+		return (t, n) => (h(), i("a", {
 			class: "el-root",
-			href: b(M)(e.href),
+			href: x(P)(e.href),
 			target: "_blank",
 			rel: "noopener noreferrer",
 			title: e.value
-		}, [_(t.$slots, "default", {}, () => [o(y(r.value), 1)], !0)], 8, Re));
+		}, [v(t.$slots, "default", {}, () => [o(b(r.value), 1)], !0)], 8, We));
 	}
-}), [["__scopeId", "data-v-073d1bbe"]]), Be = { class: "copyright-line" }, Ve = ["href", "aria-label"], He = { key: 0 }, Ue = { key: 1 }, We = {
+}), [["__scopeId", "data-v-f05cc8ba"]]), Ke = { class: "copyright-line" }, qe = ["href", "aria-label"], Je = { key: 0 }, Ye = { key: 1 }, Xe = {
 	key: 2,
 	class: "kopimi-symbol"
-}, Ge = { class: "text-content" }, Ke = { key: 0 }, qe = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}, Ze = { class: "text-content" }, Qe = { key: 0 }, $e = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "CopyrightLine",
 	props: {
 		organisationName: {},
@@ -556,16 +561,16 @@ var be = ["aria-label"], xe = [
 	setup(e) {
 		let n = e, s = t(() => n.symbolVariant);
 		function c(e) {
-			return /^\/(?![/\\])/.test(e) ? e : M(e);
+			return e.startsWith("/") ? I(e) : P(e);
 		}
-		let l = t(() => (n.symbolHref ? c(n.symbolHref) : void 0) || (s.value === "kopimi" ? "/legal/powr.broccoli-kopimi.pdf" : s.value === "copyleft" ? "/legal/copyleft.html" : "/legal/copyright.html")), u = t(() => n.symbolLabel || (s.value === "kopimi" ? "Kopimi legal notice" : s.value === "copyleft" ? "Copyleft legal notice" : "Copyright legal notice")), d = t(() => n.rightsStatement === "" ? "" : n.rightsStatement === "none" ? "No rights reserved." : n.rightsStatement === "all" || !n.rightsStatement ? "All rights reserved." : n.rightsStatement === "jam" ? "All jams preserved." : n.rightsStatement);
-		return (t, n) => (m(), i("small", Be, [a("a", {
-			href: l.value,
+		let l = t(() => (n.symbolHref ? c(n.symbolHref) : void 0) || (s.value === "kopimi" ? "/legal/powr.broccoli-kopimi.pdf" : s.value === "copyleft" ? "/legal/copyleft.html" : "/legal/copyright.html")), u = t(() => l.value.startsWith("/")), d = t(() => n.symbolLabel || (s.value === "kopimi" ? "Kopimi legal notice" : s.value === "copyleft" ? "Copyleft legal notice" : "Copyright legal notice")), f = t(() => n.rightsStatement === "" ? "" : n.rightsStatement === "none" ? "No rights reserved." : n.rightsStatement === "all" || !n.rightsStatement ? "All rights reserved." : n.rightsStatement === "jam" ? "All jams preserved." : n.rightsStatement);
+		return (t, n) => (h(), i("small", Ke, [a("a", {
+			href: u.value ? x(I)(l.value) : x(P)(l.value),
 			class: "symbol-link",
 			target: "_blank",
 			rel: "noopener noreferrer",
-			"aria-label": u.value
-		}, [s.value === "copyright" ? (m(), i("span", He, "©")) : s.value === "copyleft" ? (m(), i("span", Ue, "🄯")) : s.value === "kopimi" ? (m(), i("span", We, [...n[0] ||= [a("svg", {
+			"aria-label": d.value
+		}, [s.value === "copyright" ? (h(), i("span", Je, "©")) : s.value === "copyleft" ? (h(), i("span", Ye, "🄯")) : s.value === "kopimi" ? (h(), i("span", Xe, [...n[0] ||= [a("svg", {
 			viewBox: "0 0 24 24",
 			width: "1em",
 			height: "1em",
@@ -585,17 +590,17 @@ var be = ["aria-label"], xe = [
 			"font-family": "system-ui, sans-serif",
 			"font-size": "11",
 			fill: "currentColor"
-		}, " C ")], -1)]])) : r("", !0)], 8, Ve), a("span", Ge, [o(y(e.year) + " " + y(e.organisationName) + ".", 1), d.value ? (m(), i("span", Ke, y(`
-        ${d.value}`), 1)) : r("", !0)])]));
+		}, " C ")], -1)]])) : r("", !0)], 8, qe), a("span", Ze, [o(b(e.year) + " " + b(e.organisationName) + ".", 1), f.value ? (h(), i("span", Qe, b(`
+        ${f.value}`), 1)) : r("", !0)])]));
 	}
-}), [["__scopeId", "data-v-464082bf"]]), Je = {
+}), [["__scopeId", "data-v-06282c3d"]]), et = {
 	class: "ui-stepper",
 	role: "list"
-}, Ye = ["aria-current"], Xe = ["aria-label", "onClick"], Ze = {
+}, tt = ["aria-current"], nt = ["aria-label", "onClick"], rt = {
 	key: 1,
 	class: "ui-stepper__badge",
 	"aria-hidden": "true"
-}, Qe = { class: "ui-stepper__label" }, $e = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}, it = { class: "ui-stepper__label" }, at = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "UiStepper",
 	props: {
 		steps: {},
@@ -610,28 +615,28 @@ var be = ["aria-label"], xe = [
 		function c(e) {
 			e < r.modelValue && o("update:modelValue", e);
 		}
-		return (n, r) => (m(), i("ol", Je, [(m(!0), i(e, null, g(t.steps, (e, t) => (m(), i("li", {
+		return (n, r) => (h(), i("ol", et, [(h(!0), i(e, null, _(t.steps, (e, t) => (h(), i("li", {
 			key: e.id,
-			class: u(["ui-stepper__step", `is-${s(t)}`]),
+			class: d(["ui-stepper__step", `is-${s(t)}`]),
 			"aria-current": s(t) === "active" ? "step" : void 0
-		}, [s(t) === "done" ? (m(), i("button", {
+		}, [s(t) === "done" ? (h(), i("button", {
 			key: 0,
 			type: "button",
 			class: "ui-stepper__badge",
 			"aria-label": `Back to ${e.label}`,
 			onClick: (e) => c(t)
-		}, "✓", 8, Xe)) : (m(), i("span", Ze, y(t + 1), 1)), a("span", Qe, y(e.label), 1)], 10, Ye))), 128))]));
+		}, "✓", 8, nt)) : (h(), i("span", rt, b(t + 1), 1)), a("span", it, b(e.label), 1)], 10, tt))), 128))]));
 	}
-}), [["__scopeId", "data-v-6f5db325"]]), et = { class: "mw-seg" }, tt = {
+}), [["__scopeId", "data-v-38fb837c"]]), ot = { class: "mw-seg" }, st = {
 	key: 0,
 	class: "mw-visually-hidden"
-}, nt = ["title"], rt = [
+}, ct = ["title"], lt = [
 	"name",
 	"value",
 	"checked",
 	"disabled",
 	"onChange"
-], it = /*#__PURE__*/ j(/* @__PURE__ */ c({
+], ut = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "UiSegmentedControl",
 	props: {
 		options: {},
@@ -640,43 +645,43 @@ var be = ["aria-label"], xe = [
 	},
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
-		let s = n, c = S();
-		return (n, l) => (m(), i("fieldset", et, [t.ariaLabel ? (m(), i("legend", tt, y(t.ariaLabel), 1)) : r("", !0), (m(!0), i(e, null, g(t.options, (e) => (m(), i("label", {
+		let s = n, c = C();
+		return (n, l) => (h(), i("fieldset", ot, [t.ariaLabel ? (h(), i("legend", st, b(t.ariaLabel), 1)) : r("", !0), (h(!0), i(e, null, _(t.options, (e) => (h(), i("label", {
 			key: e.id,
-			class: u(["mw-seg__item", {
+			class: d(["mw-seg__item", {
 				"mw-seg__item--active": t.modelValue === e.id,
 				"mw-seg__item--disabled": e.disabled
 			}]),
 			title: e.title
 		}, [a("input", {
 			type: "radio",
-			name: b(c),
+			name: x(c),
 			value: e.id,
 			checked: t.modelValue === e.id,
 			disabled: e.disabled,
 			onChange: (t) => s("update:modelValue", e.id)
-		}, null, 40, rt), o(" " + y(e.label), 1)], 10, nt))), 128))]));
+		}, null, 40, lt), o(" " + b(e.label), 1)], 10, ct))), 128))]));
 	}
-}), [["__scopeId", "data-v-430ffdd6"]]), at = { class: "mw-field-hint" }, ot = ["aria-describedby"], st = ["id"], ct = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-430ffdd6"]]), dt = { class: "mw-field-hint" }, ft = ["aria-describedby"], pt = ["id"], mt = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "UiFieldHint",
 	props: { fieldId: {} },
 	setup(e) {
 		function t(e) {
 			e.key === "Escape" && e.currentTarget.blur();
 		}
-		return (n, r) => (m(), i("span", at, [a("button", {
+		return (n, r) => (h(), i("span", dt, [a("button", {
 			type: "button",
 			class: "mw-field-hint__btn",
 			"aria-describedby": `${e.fieldId}-hint`,
 			"aria-label": "Help",
 			onKeydown: t
-		}, "?", 40, ot), a("span", {
+		}, "?", 40, ft), a("span", {
 			id: `${e.fieldId}-hint`,
 			role: "tooltip",
 			class: "mw-field-hint__tip"
-		}, [_(n.$slots, "default", {}, void 0, !0)], 8, st)]));
+		}, [v(n.$slots, "default", {}, void 0, !0)], 8, pt)]));
 	}
-}), [["__scopeId", "data-v-29d9a629"]]), lt = { class: "mw-form-field" }, ut = ["for"], dt = ["id"], ft = ["id"], pt = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-29d9a629"]]), ht = { class: "mw-form-field" }, gt = ["for"], _t = ["id"], vt = ["id"], yt = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "UiFormField",
 	props: {
 		id: {},
@@ -690,118 +695,118 @@ var be = ["aria-label"], xe = [
 			"aria-invalid": n.error ? !0 : void 0,
 			"aria-describedby": n.error ? o.value : n.hint ? s.value : void 0
 		}));
-		return (t, n) => (m(), i("p", lt, [
+		return (t, n) => (h(), i("p", ht, [
 			a("label", {
 				for: e.id,
 				class: "mw-form-field__label"
-			}, y(e.label), 9, ut),
-			_(t.$slots, "label-suffix"),
-			_(t.$slots, "default", { attrs: c.value }),
-			e.hint && !e.error ? (m(), i("small", {
+			}, b(e.label), 9, gt),
+			v(t.$slots, "label-suffix"),
+			v(t.$slots, "default", { attrs: c.value }),
+			e.hint && !e.error ? (h(), i("small", {
 				key: 0,
 				id: s.value,
 				class: "mw-form-field__hint"
-			}, y(e.hint), 9, dt)) : r("", !0),
-			e.error ? (m(), i("small", {
+			}, b(e.hint), 9, _t)) : r("", !0),
+			e.error ? (h(), i("small", {
 				key: 1,
 				id: o.value,
 				class: "mw-form-field__error"
-			}, y(e.error), 9, ft)) : r("", !0)
+			}, b(e.error), 9, vt)) : r("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-5aef34d9"]]), mt = { class: "mw-tool-intro" }, ht = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-5aef34d9"]]), bt = { class: "mw-tool-intro" }, xt = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "UiToolIntro",
 	setup(e) {
-		return (e, t) => (m(), i("p", mt, [_(e.$slots, "default", {}, void 0, !0)]));
+		return (e, t) => (h(), i("p", bt, [v(e.$slots, "default", {}, void 0, !0)]));
 	}
-}), [["__scopeId", "data-v-9a5436b9"]]), gt = { class: "mw-panel" }, _t = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-9a5436b9"]]), St = { class: "mw-panel" }, Ct = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "UiPanel",
 	props: {
 		title: {},
 		level: { default: 2 }
 	},
 	setup(e) {
-		let a = e, s = w(), c = t(() => !!(a.title || s.title));
-		return (t, a) => (m(), i("section", gt, [c.value ? (m(), n(v(`h${e.level}`), {
+		let a = e, s = T(), c = t(() => !!(a.title || s.title));
+		return (t, a) => (h(), i("section", St, [c.value ? (h(), n(y(`h${e.level}`), {
 			key: 0,
 			class: "mw-panel__title"
 		}, {
-			default: D(() => [_(t.$slots, "title", {}, () => [o(y(e.title), 1)], !0)]),
+			default: O(() => [v(t.$slots, "title", {}, () => [o(b(e.title), 1)], !0)]),
 			_: 3
-		})) : r("", !0), _(t.$slots, "default", {}, void 0, !0)]));
+		})) : r("", !0), v(t.$slots, "default", {}, void 0, !0)]));
 	}
-}), [["__scopeId", "data-v-62fac524"]]), vt = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-62fac524"]]), wt = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "UiBadge",
 	props: { variant: { default: "neutral" } },
 	setup(e) {
-		return (t, n) => (m(), i("span", { class: u(["mw-badge", `mw-badge--${e.variant}`]) }, [_(t.$slots, "default", {}, void 0, !0)], 2));
+		return (t, n) => (h(), i("span", { class: d(["mw-badge", `mw-badge--${e.variant}`]) }, [v(t.$slots, "default", {}, void 0, !0)], 2));
 	}
-}), [["__scopeId", "data-v-5aa44ef5"]]), yt = {
+}), [["__scopeId", "data-v-2e33d71a"]]), Tt = {
 	type: "button",
 	class: "mw-toolbar-btn"
-}, V = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}, V = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "UiToolbarButton",
 	setup(e) {
-		return (e, t) => (m(), i("button", yt, [_(e.$slots, "default", {}, void 0, !0)]));
+		return (e, t) => (h(), i("button", Tt, [v(e.$slots, "default", {}, void 0, !0)]));
 	}
-}), [["__scopeId", "data-v-d5f19134"]]), bt = { class: "mw-toolbar" }, xt = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-d5f19134"]]), Et = { class: "mw-toolbar" }, Dt = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "UiToolbar",
 	props: { actions: {} },
 	emits: ["action"],
 	setup(t, { emit: n }) {
 		let r = n;
-		return (n, a) => (m(), i("menu", bt, [(m(!0), i(e, null, g(t.actions, (e) => (m(), i("li", { key: e.id }, [s(V, {
+		return (n, a) => (h(), i("menu", Et, [(h(!0), i(e, null, _(t.actions, (e) => (h(), i("li", { key: e.id }, [s(V, {
 			disabled: e.disabled,
 			onClick: (t) => r("action", e.id)
 		}, {
-			default: D(() => [o(y(e.label), 1)]),
+			default: O(() => [o(b(e.label), 1)]),
 			_: 2
 		}, 1032, ["disabled", "onClick"])]))), 128))]));
 	}
-}), [["__scopeId", "data-v-170c8eb5"]]), St = { class: "mw-stat-grid" }, Ct = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-170c8eb5"]]), Ot = { class: "mw-stat-grid" }, kt = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "UiStatGrid",
 	setup(e) {
-		return (e, t) => (m(), i("dl", St, [_(e.$slots, "default", {}, void 0, !0)]));
+		return (e, t) => (h(), i("dl", Ot, [v(e.$slots, "default", {}, void 0, !0)]));
 	}
-}), [["__scopeId", "data-v-3608575d"]]), wt = { class: "mw-stat-grid__label" }, Tt = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-3608575d"]]), At = { class: "mw-stat-grid__label" }, jt = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "UiStatRow",
 	props: {
 		label: {},
 		align: { default: "right" }
 	},
 	setup(t) {
-		return (n, r) => (m(), i(e, null, [a("dt", wt, y(t.label), 1), a("dd", { class: u(["mw-stat-grid__value", { "mw-stat-grid__value--left": t.align === "left" }]) }, [_(n.$slots, "default", {}, void 0, !0)], 2)], 64));
+		return (n, r) => (h(), i(e, null, [a("dt", At, b(t.label), 1), a("dd", { class: d(["mw-stat-grid__value", { "mw-stat-grid__value--left": t.align === "left" }]) }, [v(n.$slots, "default", {}, void 0, !0)], 2)], 64));
 	}
-}), [["__scopeId", "data-v-829f7772"]]), Et = { class: "mw-data-table-wrap" }, Dt = { class: "mw-data-table" }, Ot = {
+}), [["__scopeId", "data-v-829f7772"]]), Mt = { class: "mw-data-table-wrap" }, Nt = { class: "mw-data-table" }, Pt = {
 	key: 0,
 	class: "mw-data-table__empty"
-}, kt = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}, Ft = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "UiDataTable",
 	props: { empty: {} },
 	setup(e) {
-		let t = w();
-		return (n, o) => (m(), i("div", Et, [a("table", Dt, [a("thead", null, [a("tr", null, [_(n.$slots, "head", {}, void 0, !0)])]), a("tbody", null, [_(n.$slots, "default", {}, void 0, !0)])]), e.empty && !t.default ? (m(), i("p", Ot, y(e.empty), 1)) : r("", !0)]));
+		let t = T();
+		return (n, o) => (h(), i("div", Mt, [a("table", Nt, [a("thead", null, [a("tr", null, [v(n.$slots, "head", {}, void 0, !0)])]), a("tbody", null, [v(n.$slots, "default", {}, void 0, !0)])]), e.empty && !t.default ? (h(), i("p", Pt, b(e.empty), 1)) : r("", !0)]));
 	}
-}), [["__scopeId", "data-v-de139c21"]]), H = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-de139c21"]]), H = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "UiStatusDot",
 	props: { status: { default: "ok" } },
 	setup(e) {
-		return (t, n) => (m(), i("span", {
-			class: u(["mw-status-dot", `mw-status-dot--${e.status}`]),
+		return (t, n) => (h(), i("span", {
+			class: d(["mw-status-dot", `mw-status-dot--${e.status}`]),
 			"aria-hidden": "true"
 		}, null, 2));
 	}
-}), [["__scopeId", "data-v-62e9a7cc"]]), At = {
+}), [["__scopeId", "data-v-62e9a7cc"]]), It = {
 	role: "list",
 	class: "mw-statusbar",
 	"aria-label": "Status"
-}, jt = { key: 0 }, Mt = { class: "mw-visually-hidden" }, Nt = { key: 0 }, Pt = {
+}, Lt = { key: 0 }, Rt = { class: "mw-visually-hidden" }, zt = { key: 0 }, Bt = {
 	key: 1,
 	class: "mw-statusbar__pending"
-}, Ft = { key: 0 }, It = {
+}, Vt = { key: 0 }, Ht = {
 	key: 1,
 	class: "mw-statusbar__pending"
-}, Lt = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}, Ut = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "UiStatusBar",
 	props: {
 		network: {},
@@ -818,29 +823,29 @@ var be = ["aria-label"], xe = [
 			let t = Math.floor((Date.now() - e.getTime()) / 1e3);
 			return t < 5 ? "just now" : t < 60 ? `${t}s ago` : `${Math.floor(t / 60)}m ago`;
 		}
-		return (t, c) => (m(), i("ul", At, [
-			n.network ? (m(), i("li", jt, [
+		return (t, c) => (h(), i("ul", It, [
+			n.network ? (h(), i("li", Lt, [
 				s(H, { status: n.healthy ? "ok" : "error" }, null, 8, ["status"]),
-				o(" " + y(l.value) + " ", 1),
-				a("span", Mt, "(" + y(n.healthy ? "status OK" : "status error") + ")", 1)
+				o(" " + b(l.value) + " ", 1),
+				a("span", Rt, "(" + b(n.healthy ? "status OK" : "status error") + ")", 1)
 			])) : r("", !0),
-			n.epoch === void 0 ? r("", !0) : (m(), i(e, { key: 1 }, [n.epoch === null ? (m(), i("li", Pt, "Epoch —")) : (m(), i("li", Nt, "Epoch " + y(n.epoch), 1))], 64)),
-			n.lastRefresh === void 0 ? r("", !0) : (m(), i(e, { key: 2 }, [n.lastRefresh ? (m(), i("li", Ft, "Refreshed " + y(u(n.lastRefresh)), 1)) : (m(), i("li", It, "Loading…"))], 64)),
-			_(t.$slots, "default", {}, void 0, !0)
+			n.epoch === void 0 ? r("", !0) : (h(), i(e, { key: 1 }, [n.epoch === null ? (h(), i("li", Bt, "Epoch —")) : (h(), i("li", zt, "Epoch " + b(n.epoch), 1))], 64)),
+			n.lastRefresh === void 0 ? r("", !0) : (h(), i(e, { key: 2 }, [n.lastRefresh ? (h(), i("li", Vt, "Refreshed " + b(u(n.lastRefresh)), 1)) : (h(), i("li", Ht, "Loading…"))], 64)),
+			v(t.$slots, "default", {}, void 0, !0)
 		]));
 	}
-}), [["__scopeId", "data-v-cb4a19b8"]]), Rt = {
+}), [["__scopeId", "data-v-06a511eb"]]), Wt = {
 	class: "mw-feed",
 	role: "list"
-}, zt = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}, Gt = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "UiActivityFeed",
 	setup(e) {
-		return (e, t) => (m(), i("ul", Rt, [_(e.$slots, "default", {}, void 0, !0)]));
+		return (e, t) => (h(), i("ul", Wt, [v(e.$slots, "default", {}, void 0, !0)]));
 	}
-}), [["__scopeId", "data-v-9e578c9d"]]), Bt = { class: "mw-feed__item" }, Vt = ["datetime"], Ht = {
+}), [["__scopeId", "data-v-9e578c9d"]]), Kt = { class: "mw-feed__item" }, qt = ["datetime"], Jt = {
 	key: 1,
 	class: "mw-feed__meta"
-}, Ut = /*#__PURE__*/ j(/* @__PURE__ */ c({
+}, Yt = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "UiActivityItem",
 	props: {
 		type: {},
@@ -848,20 +853,20 @@ var be = ["aria-label"], xe = [
 		datetime: {}
 	},
 	setup(e) {
-		return (t, n) => (m(), i("li", Bt, [_(t.$slots, "type", {}, () => [o(y(e.type), 1)], !0), e.datetime ? (m(), i("time", {
+		return (t, n) => (h(), i("li", Kt, [v(t.$slots, "type", {}, () => [o(b(e.type), 1)], !0), e.datetime ? (h(), i("time", {
 			key: 0,
 			class: "mw-feed__meta",
 			datetime: e.datetime
-		}, [_(t.$slots, "time", {}, () => [o(y(e.time), 1)], !0)], 8, Vt)) : (m(), i("small", Ht, [_(t.$slots, "time", {}, () => [o(y(e.time), 1)], !0)]))]));
+		}, [v(t.$slots, "time", {}, () => [o(b(e.time), 1)], !0)], 8, qt)) : (h(), i("small", Jt, [v(t.$slots, "time", {}, () => [o(b(e.time), 1)], !0)]))]));
 	}
-}), [["__scopeId", "data-v-797b66a9"]]), Wt = /* @__PURE__ */ new Set([
+}), [["__scopeId", "data-v-797b66a9"]]), Xt = /* @__PURE__ */ new Set([
 	"operational",
 	"degraded",
 	"down",
 	"unknown"
 ]);
 function U(e) {
-	return typeof e == "string" && Wt.has(e);
+	return typeof e == "string" && Xt.has(e);
 }
 function W(e) {
 	return U(e) ? e : "unknown";
@@ -869,7 +874,7 @@ function W(e) {
 function G(e) {
 	return typeof e != "string" || e.trim() === "" ? "" : e.replace(/[<>&"]/g, "");
 }
-function Gt(e) {
+function Zt(e) {
 	if (typeof e != "object" || !e) return null;
 	let t = e, n = G(t.name);
 	return n ? {
@@ -877,11 +882,11 @@ function Gt(e) {
 		status: W(t.status)
 	} : null;
 }
-function Kt(e) {
+function Qt(e) {
 	if (typeof e != "object" || !e) return null;
 	let t = e, n = G(t.name);
 	if (!n) return null;
-	let r = Array.isArray(t.components) ? t.components.map(Gt).filter((e) => e !== null) : [];
+	let r = Array.isArray(t.components) ? t.components.map(Zt).filter((e) => e !== null) : [];
 	return {
 		name: n,
 		status: W(t.status),
@@ -892,7 +897,7 @@ function K(e) {
 	if (typeof e != "object" || !e) return null;
 	let t = e;
 	if (!U(t.overall) || typeof t.generated_at != "string" || !Array.isArray(t.groups)) return null;
-	let n = t.groups.map(Kt).filter((e) => e !== null);
+	let n = t.groups.map(Qt).filter((e) => e !== null);
 	return {
 		generated_at: t.generated_at,
 		overall: t.overall,
@@ -901,7 +906,7 @@ function K(e) {
 }
 //#endregion
 //#region src/components/StatusWidget.vue?vue&type=script&setup=true&lang.ts
-var q = ["href", "title"], qt = /*#__PURE__*/ j(/* @__PURE__ */ c({
+var q = ["href", "title"], $t = 15e3, en = /*#__PURE__*/ M(/* @__PURE__ */ c({
 	__name: "StatusWidget",
 	props: {
 		apiUrl: { default: "https://status.meddleware.co.uk/api/status" },
@@ -919,7 +924,7 @@ var q = ["href", "title"], qt = /*#__PURE__*/ j(/* @__PURE__ */ c({
 			degraded: "Degraded",
 			down: "Major outage",
 			unknown: "Status unknown"
-		}, a = h("ok"), o = h("All systems operational"), s = null;
+		}, a = g("checking"), o = g("Checking status…"), s = null;
 		async function c() {
 			try {
 				let e = await fetch(t.apiUrl, { signal: AbortSignal.timeout(1e4) });
@@ -931,39 +936,42 @@ var q = ["href", "title"], qt = /*#__PURE__*/ j(/* @__PURE__ */ c({
 				a.value = "error", o.value = "Status unavailable";
 			}
 		}
-		return f(() => {
-			c(), s = setInterval(c, t.pollInterval);
-		}), p(() => {
-			s !== null && clearInterval(s);
-		}), (t, n) => (m(), i("a", {
-			href: b(M)(e.href),
+		function l() {
+			document.hidden || c();
+		}
+		return p(() => {
+			c(), s = setInterval(l, Math.max(t.pollInterval, $t)), document.addEventListener("visibilitychange", l);
+		}), m(() => {
+			s !== null && clearInterval(s), document.removeEventListener("visibilitychange", l);
+		}), (t, n) => (h(), i("a", {
+			href: x(P)(e.href),
 			target: "_blank",
 			rel: "noopener noreferrer",
-			class: u(["status-widget", `status-widget--${a.value}`]),
+			class: d(["status-widget", `status-widget--${a.value}`]),
 			title: `Platform status: ${o.value}`
-		}, y(o.value), 11, q));
+		}, b(o.value), 11, q));
 	}
-}), [["__scopeId", "data-v-57682f53"]]), J = {
+}), [["__scopeId", "data-v-a83de7ee"]]), J = {
 	mainnet: "https://suivision.xyz",
 	testnet: "https://testnet.suivision.xyz",
 	devnet: "https://devnet.suivision.xyz"
 };
-function Jt(e, t, n = "testnet") {
+function tn(e, t, n = "testnet") {
 	return `${J[n] ?? J.testnet}/${e}/${encodeURIComponent(t)}`;
 }
 //#endregion
 //#region src/composables/useColorMode.ts
-var Y = "mw-color-mode", X = h("system"), Z = !1;
-function Yt() {
+var Y = "mw-color-mode", X = g("system"), Z = !1;
+function nn() {
 	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").matches;
 }
 function Q(e) {
-	return e === "dark" || e === "system" && Yt();
+	return e === "dark" || e === "system" && nn();
 }
 function $(e) {
 	typeof document < "u" && document.documentElement.setAttribute("data-theme", Q(e) ? "dark" : "light");
 }
-function Xt(e = "system") {
+function rn(e = "system") {
 	if (!Z) {
 		Z = !0;
 		let t = null;
@@ -973,11 +981,13 @@ function Xt(e = "system") {
 		} catch {}
 		X.value = t ?? e, $(X.value), typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
 			X.value === "system" && $("system");
-		}), E(X, (e) => {
-			$(e);
-			try {
-				typeof localStorage < "u" && localStorage.setItem(Y, e);
-			} catch {}
+		}), l(!0).run(() => {
+			D(X, (e) => {
+				$(e);
+				try {
+					typeof localStorage < "u" && localStorage.setItem(Y, e);
+				} catch {}
+			});
 		});
 	}
 	function t(e) {
@@ -995,10 +1005,10 @@ function Xt(e = "system") {
 }
 //#endregion
 //#region src/composables/useSeason.ts
-function Zt() {
+function an() {
 	if (typeof document > "u") return;
 	let e = (/* @__PURE__ */ new Date()).getMonth(), t = e >= 2 && e <= 4 ? "spring" : e >= 5 && e <= 7 ? "summer" : e >= 8 && e <= 10 ? "autumn" : "winter";
 	document.documentElement.dataset.season = t;
 }
 //#endregion
-export { oe as AppFooter, ee as AppHeader, ne as AppSidebar, Se as AppTabNav, de as ColorModeControl, Le as CopyableAddress, qe as CopyrightLine, ze as ExplorerLink, ye as SidebarGroup, _e as SidebarItem, qt as StatusWidget, zt as UiActivityFeed, Ut as UiActivityItem, vt as UiBadge, pe as UiButton, I as UiCard, kt as UiDataTable, je as UiDialog, ct as UiFieldHint, pt as UiFormField, z as UiNotice, _t as UiPanel, it as UiSegmentedControl, L as UiSelect, Ct as UiStatGrid, Tt as UiStatRow, Lt as UiStatusBar, H as UiStatusDot, $e as UiStepper, we as UiTabPanel, ht as UiToolIntro, xt as UiToolbar, V as UiToolbarButton, U as isStatusLevel, K as parseSnapshot, M as safeHref, Jt as suiExplorerUrl, B as tabIds, Xt as useColorMode, Zt as useSeason };
+export { oe as AppFooter, ee as AppHeader, ne as AppSidebar, Oe as AppTabNav, de as ColorModeControl, Ue as CopyableAddress, $e as CopyrightLine, z as DEFAULT_TRUNCATE_CHARS, Ge as ExplorerLink, Te as SidebarGroup, Ce as SidebarItem, en as StatusWidget, Gt as UiActivityFeed, Yt as UiActivityItem, wt as UiBadge, pe as UiButton, _e as UiCard, Ft as UiDataTable, Le as UiDialog, mt as UiFieldHint, yt as UiFormField, be as UiNotice, Ct as UiPanel, ut as UiSegmentedControl, ve as UiSelect, kt as UiStatGrid, jt as UiStatRow, Ut as UiStatusBar, H as UiStatusDot, at as UiStepper, Ae as UiTabPanel, xt as UiToolIntro, Dt as UiToolbar, V as UiToolbarButton, U as isStatusLevel, K as parseSnapshot, P as safeHref, I as safePath, tn as suiExplorerUrl, R as tabIds, B as truncateMiddle, rn as useColorMode, an as useSeason };