@meddleware/ui 0.1.35 → 0.1.36

package/dist/ui.js

@@ -1,1086 +0,0 @@
-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 ee, useModel as C, useSlots as w, vModelSelect as T, watch as E, withCtx as D, withDirectives as O } from "vue";
-//#region src/internal/panel.ts
-function k(e, t) {
-	let n;
-	return n = e === "transparent" ? {
-		"--_bg": "transparent",
-		"--_surface": "transparent",
-		"--_text": "var(--text)",
-		"--_muted": "var(--muted)",
-		"--_border": "transparent",
-		"--_ok": "var(--ok)",
-		"--_danger": "var(--danger)",
-		"--_info": "var(--info)"
-	} : e === "light" ? {
-		"--_bg": "var(--mw-panel-light-bg)",
-		"--_surface": "var(--mw-panel-light-surface)",
-		"--_text": "var(--mw-panel-light-text)",
-		"--_muted": "var(--mw-panel-light-muted)",
-		"--_border": "var(--mw-panel-light-border)",
-		"--_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)",
-		"--_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({
-	__name: "AppHeader",
-	props: {
-		variant: { default: "dark" },
-		colors: {},
-		sticky: {
-			type: Boolean,
-			default: !0
-		},
-		solidifyOnScroll: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	setup(e) {
-		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 = g(!1), o = null;
-		return p(() => {
-			n.solidifyOnScroll && typeof window < "u" && (o = () => {
-				a.value = window.scrollY > 8;
-			}, o(), window.addEventListener("scroll", o, { passive: !0 }));
-		}), f(() => {
-			o && window.removeEventListener("scroll", o);
-		}), (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
-		}]]) }, [
-			v(t.$slots, "brand"),
-			v(t.$slots, "default"),
-			v(t.$slots, "actions")
-		], 2));
-	}
-}), j = (e, t) => {
-	let n = e.__vccOpts || e;
-	for (let [e, r] of t) n[e] = r;
-	return n;
-}, te = /*#__PURE__*/ j(A, [["__scopeId", "data-v-384786e1"]]), ne = {
-	class: "mw-sidebar__nav",
-	"aria-label": "Primary"
-}, re = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "AppSidebar",
-	props: {
-		variant: { default: "dark" },
-		colors: {},
-		width: {}
-	},
-	setup(e) {
-		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) => (h(), i("aside", { class: d(["mw-sidebar", `mw-sidebar--${e.variant}`]) }, [
-			v(t.$slots, "head"),
-			a("nav", ne, [v(t.$slots, "default")]),
-			v(t.$slots, "body"),
-			v(t.$slots, "foot")
-		], 2));
-	}
-}), [["__scopeId", "data-v-e5506501"]]), M = /[\u0000-\u0020\u007f\\]/;
-function N(e) {
-	if (e && !M.test(e)) try {
-		let t = new URL(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 P = "https://site.invalid";
-function F(e) {
-	if (e && !M.test(e) && e.startsWith("/") && !e.startsWith("//")) try {
-		let t = new URL(e, P);
-		return t.origin === P ? t.pathname + t.search + t.hash : void 0;
-	} catch {
-		return;
-	}
-}
-//#endregion
-//#region src/components/AppFooter.vue?vue&type=script&setup=true&lang.ts
-var ie = {
-	key: 0,
-	class: "mw-footer__docs",
-	"aria-label": "Documentation"
-}, ae = ["href"], oe = ["href"], se = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "AppFooter",
-	props: {
-		variant: { default: "transparent" },
-		colors: {},
-		docsUrl: {},
-		devUrl: {}
-	},
-	setup(e) {
-		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) => (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", ie, [e.docsUrl ? (h(), i("a", {
-				key: 0,
-				href: x(N)(e.docsUrl),
-				target: "_blank",
-				rel: "noopener noreferrer"
-			}, "Documentation", 8, ae)) : r("", !0), e.devUrl ? (h(), i("a", {
-				key: 1,
-				href: x(N)(e.devUrl),
-				target: "_blank",
-				rel: "noopener noreferrer"
-			}, "Developer docs", 8, oe)) : r("", !0)])) : r("", !0)
-		], 2));
-	}
-}), [["__scopeId", "data-v-42cde159"]]), ce = { class: "mw-mode" }, le = [
-	"aria-pressed",
-	"title",
-	"onClick"
-], ue = { "aria-hidden": "true" }, de = { class: "mw-mode__label" }, fe = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "ColorModeControl",
-	props: {
-		modelValue: {},
-		modes: { default: () => [
-			"light",
-			"dark",
-			"system"
-		] }
-	},
-	emits: ["update:modelValue"],
-	setup(t) {
-		let n = {
-			light: "Light",
-			dark: "Dark",
-			system: "System"
-		}, r = {
-			light: "☀",
-			dark: "☾",
-			system: "🖵"
-		};
-		return (o, s) => (h(), i("fieldset", ce, [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: 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", ue, b(r[e]), 1), a("span", de, b(n[e]), 1)], 10, le))), 128))]));
-	}
-}), [["__scopeId", "data-v-e5cba7a7"]]), pe = ["type", "disabled"], me = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "UiButton",
-	props: {
-		variant: { default: "primary" },
-		type: { default: "button" },
-		disabled: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	setup(e) {
-		return (t, n) => (h(), i("button", {
-			type: e.type,
-			disabled: e.disabled,
-			class: d(["mw-btn", `mw-btn--${e.variant}`])
-		}, [v(t.$slots, "default", {}, void 0, !0)], 10, pe));
-	}
-}), [["__scopeId", "data-v-bc33cc23"]]), he = { class: "mw-card" }, ge = {
-	key: 0,
-	class: "mw-card__header"
-}, _e = { class: "mw-card__title" }, ve = {
-	key: 1,
-	class: "mw-card__footer"
-}, ye = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "UiCard",
-	props: { title: {} },
-	setup(e) {
-		return (t, n) => (h(), i("section", he, [
-			e.title || t.$slots.header ? (h(), i("header", ge, [v(t.$slots, "header", {}, () => [a("h3", _e, b(e.title), 1)], !0)])) : r("", !0),
-			v(t.$slots, "default", {}, void 0, !0),
-			t.$slots.footer ? (h(), i("footer", ve, [v(t.$slots, "footer", {}, void 0, !0)])) : r("", !0)
-		]));
-	}
-}), [["__scopeId", "data-v-384b36cf"]]), be = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "UiSelect",
-	props: {
-		modelValue: {},
-		modelModifiers: {}
-	},
-	emits: ["update:modelValue"],
-	setup(e) {
-		let t = C(e, "modelValue");
-		return (e, n) => O((h(), i("select", {
-			"onUpdate:modelValue": n[0] ||= (e) => t.value = e,
-			class: "mw-select"
-		}, [v(e.$slots, "default", {}, void 0, !0)], 512)), [[T, t.value]]);
-	}
-}), [["__scopeId", "data-v-38fbd9b5"]]), xe = ["role"], Se = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "UiNotice",
-	props: { type: {} },
-	setup(e) {
-		let n = e, r = t(() => {
-			if (n.type === "error") return "alert";
-			if (n.type === "ok") return "status";
-		});
-		return (t, n) => (h(), i("p", {
-			class: d(["mw-notice", e.type && e.type !== "info" ? `mw-notice--${e.type}` : ""]),
-			role: r.value
-		}, [v(t.$slots, "default", {}, void 0, !0)], 10, xe));
-	}
-}), [["__scopeId", "data-v-ee7fffb1"]]), Ce = ["disabled", "aria-current"], we = {
-	key: 0,
-	class: "sidebar-item__icon",
-	"aria-hidden": "true"
-}, Te = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "SidebarItem",
-	props: {
-		label: {},
-		icon: {},
-		active: {
-			type: Boolean,
-			default: !1
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	setup(e) {
-		return (t, n) => (h(), i("button", {
-			type: "button",
-			class: d(["sidebar-item", { "is-active": e.active }]),
-			disabled: e.disabled,
-			"aria-current": e.active ? "page" : void 0
-		}, [e.icon ? (h(), i("span", we, b(e.icon), 1)) : r("", !0), o(" " + b(e.label), 1)], 10, Ce));
-	}
-}), [["__scopeId", "data-v-c8ae7e5f"]]), Ee = { class: "sidebar-group__label" }, De = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "SidebarGroup",
-	props: {
-		label: {},
-		level: { default: 1 }
-	},
-	setup(e) {
-		return (t, n) => (h(), i("fieldset", { class: d(["sidebar-group", `sidebar-group--l${e.level}`]) }, [a("legend", Ee, b(e.label), 1), v(t.$slots, "default", {}, void 0, !0)], 2));
-	}
-}), [["__scopeId", "data-v-1ac17bd7"]]);
-//#endregion
-//#region src/tabs.ts
-function I(e, t) {
-	return {
-		tab: `${e}-tab-${t}`,
-		panel: `${e}-panel-${t}`
-	};
-}
-//#endregion
-//#region src/components/AppTabNav.vue?vue&type=script&setup=true&lang.ts
-var Oe = ["aria-label"], ke = [
-	"id",
-	"aria-selected",
-	"aria-controls",
-	"tabindex",
-	"onClick",
-	"onKeydown"
-], Ae = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "AppTabNav",
-	props: {
-		tabs: {},
-		modelValue: {},
-		idPrefix: {},
-		ariaLabel: {},
-		variant: { default: "underline" },
-		size: { default: "md" },
-		allPanels: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["update:modelValue"],
-	setup(t, { emit: n }) {
-		let r = t, o = n, s = [];
-		function c(e) {
-			let t = r.tabs[e];
-			t && (o("update:modelValue", t.id), s[e]?.focus());
-		}
-		function l(e, t) {
-			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) => (h(), i("menu", {
-			role: "tablist",
-			class: d(["mw-tab-nav", {
-				"mw-tab-nav--raised": t.variant === "raised",
-				"mw-tab-nav--lg": t.size === "lg"
-			}]),
-			"aria-label": t.ariaLabel
-		}, [(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: x(I)(t.idPrefix, e.id).tab,
-			ref_for: !0,
-			ref: (e) => {
-				s[n] = e;
-			},
-			type: "button",
-			role: "tab",
-			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 ? x(I)(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)
-		}, b(e.label), 43, ke)]))), 128))], 10, Oe));
-	}
-}), [["__scopeId", "data-v-fbb7de4c"]]), je = ["id", "aria-labelledby"], Me = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "UiTabPanel",
-	props: {
-		idPrefix: {},
-		tab: {}
-	},
-	setup(e) {
-		let n = e, r = t(() => I(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"
-		}, [v(e.$slots, "default", {}, void 0, !0)], 8, je));
-	}
-}), [["__scopeId", "data-v-add194c8"]]), Ne = ["aria-labelledby"], Pe = { class: "mw-dialog__content" }, Fe = { class: "mw-dialog__header" }, Ie = ["id"], Le = ["aria-label"], Re = {
-	key: 0,
-	class: "mw-dialog__actions"
-}, ze = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "UiDialog",
-	props: /*@__PURE__*/ u({
-		title: {},
-		dismissible: {
-			type: Boolean,
-			default: !0
-		},
-		closeLabel: { default: "Close" },
-		width: {}
-	}, {
-		open: {
-			type: Boolean,
-			default: !1
-		},
-		openModifiers: {}
-	}),
-	emits: /*@__PURE__*/ u(["close"], ["update:open"]),
-	setup(e, { expose: n, emit: s }) {
-		S((e) => ({ ce627f2e: _.value }));
-		let c = C(e, "open"), l = e, u = s, d = g(null), m = ee(), _ = t(() => l.width ?? "min(420px, 90vw)"), y = typeof HTMLDialogElement < "u" && "closedBy" in HTMLDialogElement.prototype;
-		function w(e = "") {
-			d.value?.open && d.value.close(e);
-		}
-		function T(e) {
-			let t = d.value;
-			t && (e && !t.open ? t.showModal() : !e && t.open && t.close());
-		}
-		function D() {
-			d.value?.setAttribute("closedby", l.dismissible ? "any" : "none");
-		}
-		function O(e) {
-			l.dismissible && e.target === d.value && w();
-		}
-		function k(e) {
-			l.dismissible || e.preventDefault();
-		}
-		function A() {
-			c.value = !1, u("close", d.value?.returnValue ?? "");
-		}
-		return p(() => {
-			D(), y || d.value?.addEventListener("click", O), T(c.value);
-		}), f(() => {
-			d.value?.removeEventListener("click", O);
-		}), E(c, T, { flush: "post" }), E(() => l.dismissible, D), n({ close: w }), (t, n) => (h(), i("dialog", {
-			ref_key: "el",
-			ref: d,
-			class: "mw-dialog",
-			"aria-labelledby": x(m),
-			onCancel: k,
-			onClose: A
-		}, [a("article", Pe, [
-			a("header", Fe, [a("h2", {
-				id: x(m),
-				class: "mw-dialog__title"
-			}, [v(t.$slots, "title", {}, () => [o(b(e.title), 1)], !0)], 8, Ie), e.dismissible ? (h(), i("button", {
-				key: 0,
-				type: "button",
-				class: "mw-dialog__close",
-				"aria-label": e.closeLabel,
-				onClick: n[0] ||= (e) => w()
-			}, "×", 8, Le)) : r("", !0)]),
-			v(t.$slots, "default", {}, void 0, !0),
-			t.$slots.actions ? (h(), i("footer", Re, [v(t.$slots, "actions", { close: w }, void 0, !0)])) : r("", !0)
-		])], 40, Ne));
-	}
-}), [["__scopeId", "data-v-78973168"]]), L = [12, 10];
-function R(e, t = L) {
-	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 Be = { class: "ca-root" }, Ve = ["title"], He = ["title", "aria-label"], Ue = {
-	key: 0,
-	class: "ca-icon",
-	viewBox: "0 0 24 24",
-	width: "1em",
-	height: "1em",
-	fill: "none",
-	stroke: "currentColor",
-	"stroke-width": "2",
-	"stroke-linecap": "round",
-	"stroke-linejoin": "round",
-	"aria-hidden": "true"
-}, We = {
-	key: 1,
-	class: "ca-icon",
-	viewBox: "0 0 24 24",
-	width: "1em",
-	height: "1em",
-	fill: "none",
-	stroke: "currentColor",
-	"stroke-width": "2",
-	"stroke-linecap": "round",
-	"stroke-linejoin": "round",
-	"aria-hidden": "true"
-}, Ge = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "CopyableAddress",
-	props: {
-		address: {},
-		truncate: {
-			type: Boolean,
-			default: !0
-		},
-		chars: { default: () => [...L] },
-		label: { default: "Copy" }
-	},
-	setup(e) {
-		let n = e, r = g(!1), s = t(() => n.truncate ? R(n.address, n.chars) : n.address);
-		async function c() {
-			try {
-				await navigator.clipboard.writeText(n.address);
-			} catch {
-				return;
-			}
-			r.value = !0, setTimeout(() => {
-				r.value = !1;
-			}, 1500);
-		}
-		return (t, n) => (h(), i("span", Be, [a("span", {
-			class: "ca-value",
-			title: e.address
-		}, [v(t.$slots, "default", {}, () => [o(b(s.value), 1)], !0)], 8, Ve), a("button", {
-			type: "button",
-			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 ? (h(), i("svg", Ue, [...n[0] ||= [a("polyline", { points: "20 6 9 17 4 12" }, null, -1)]])) : (h(), i("svg", We, [...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, He)]));
-	}
-}), [["__scopeId", "data-v-ebf9e8c7"]]), Ke = ["href", "title"], qe = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "ExplorerLink",
-	props: {
-		href: {},
-		value: {},
-		truncate: {
-			type: Boolean,
-			default: !0
-		},
-		chars: { default: () => [...L] }
-	},
-	setup(e) {
-		let n = e, r = t(() => n.value ? n.truncate ? R(n.value, n.chars) : n.value : "");
-		return (t, n) => (h(), i("a", {
-			class: "el-root",
-			href: x(N)(e.href),
-			target: "_blank",
-			rel: "noopener noreferrer",
-			title: e.value
-		}, [v(t.$slots, "default", {}, () => [o(b(r.value), 1)], !0)], 8, Ke));
-	}
-}), [["__scopeId", "data-v-f05cc8ba"]]), Je = { class: "copyright-line" }, Ye = ["href", "aria-label"], Xe = { key: 0 }, Ze = { key: 1 }, Qe = {
-	key: 2,
-	class: "kopimi-symbol"
-}, $e = { class: "text-content" }, et = { key: 0 }, tt = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "CopyrightLine",
-	props: {
-		organisationName: {},
-		year: { default: () => (/* @__PURE__ */ new Date()).getFullYear() },
-		rightsStatement: { default: "all" },
-		symbolVariant: { default: "copyright" },
-		symbolHref: {},
-		symbolLabel: {}
-	},
-	setup(e) {
-		let n = e, s = t(() => n.symbolVariant);
-		function c(e) {
-			return e.startsWith("/") ? F(e) : N(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(() => 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", Je, [a("a", {
-			href: u.value ? x(F)(l.value) : x(N)(l.value),
-			class: "symbol-link",
-			target: "_blank",
-			rel: "noopener noreferrer",
-			"aria-label": d.value
-		}, [s.value === "copyright" ? (h(), i("span", Xe, "©")) : s.value === "copyleft" ? (h(), i("span", Ze, "🄯")) : s.value === "kopimi" ? (h(), i("span", Qe, [...n[0] ||= [a("svg", {
-			viewBox: "0 0 24 24",
-			width: "1em",
-			height: "1em",
-			"aria-hidden": "true",
-			focusable: "false",
-			class: "kopimi-mark"
-		}, [a("path", {
-			d: "M12 4L22 23H2Z",
-			fill: "none",
-			stroke: "currentColor",
-			"stroke-width": "1.5"
-		}), a("text", {
-			x: "12",
-			y: "18",
-			"text-anchor": "middle",
-			"dominant-baseline": "middle",
-			"font-family": "system-ui, sans-serif",
-			"font-size": "11",
-			fill: "currentColor"
-		}, " C ")], -1)]])) : r("", !0)], 8, Ye), a("span", $e, [o(b(e.year) + " " + b(e.organisationName) + ".", 1), f.value ? (h(), i("span", et, b(`
-        ${f.value}`), 1)) : r("", !0)])]));
-	}
-}), [["__scopeId", "data-v-06282c3d"]]), nt = {
-	class: "ui-stepper",
-	role: "list"
-}, rt = ["aria-current"], it = ["aria-label", "onClick"], at = {
-	key: 1,
-	class: "ui-stepper__badge",
-	"aria-hidden": "true"
-}, ot = { class: "ui-stepper__label" }, st = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "UiStepper",
-	props: {
-		steps: {},
-		modelValue: {}
-	},
-	emits: ["update:modelValue"],
-	setup(t, { emit: n }) {
-		let r = t, o = n;
-		function s(e) {
-			return e < r.modelValue ? "done" : e === r.modelValue ? "active" : "upcoming";
-		}
-		function c(e) {
-			e < r.modelValue && o("update:modelValue", e);
-		}
-		return (n, r) => (h(), i("ol", nt, [(h(!0), i(e, null, _(t.steps, (e, t) => (h(), i("li", {
-			key: e.id,
-			class: d(["ui-stepper__step", `is-${s(t)}`]),
-			"aria-current": s(t) === "active" ? "step" : void 0
-		}, [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, it)) : (h(), i("span", at, b(t + 1), 1)), a("span", ot, b(e.label), 1)], 10, rt))), 128))]));
-	}
-}), [["__scopeId", "data-v-38fb837c"]]), ct = { class: "mw-seg" }, lt = {
-	key: 0,
-	class: "mw-visually-hidden"
-}, ut = ["title"], dt = [
-	"name",
-	"value",
-	"checked",
-	"disabled",
-	"onChange"
-], ft = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "UiSegmentedControl",
-	props: {
-		options: {},
-		modelValue: {},
-		ariaLabel: {}
-	},
-	emits: ["update:modelValue"],
-	setup(t, { emit: n }) {
-		let s = n, c = ee();
-		return (n, l) => (h(), i("fieldset", ct, [t.ariaLabel ? (h(), i("legend", lt, b(t.ariaLabel), 1)) : r("", !0), (h(!0), i(e, null, _(t.options, (e) => (h(), i("label", {
-			key: e.id,
-			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: x(c),
-			value: e.id,
-			checked: t.modelValue === e.id,
-			disabled: e.disabled,
-			onChange: (t) => s("update:modelValue", e.id)
-		}, null, 40, dt), o(" " + b(e.label), 1)], 10, ut))), 128))]));
-	}
-}), [["__scopeId", "data-v-430ffdd6"]]), pt = { class: "mw-field-hint" }, mt = ["aria-describedby"], ht = ["id"], gt = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "UiFieldHint",
-	props: { fieldId: {} },
-	setup(e) {
-		function t(e) {
-			e.key === "Escape" && e.currentTarget.blur();
-		}
-		return (n, r) => (h(), i("span", pt, [a("button", {
-			type: "button",
-			class: "mw-field-hint__btn",
-			"aria-describedby": `${e.fieldId}-hint`,
-			"aria-label": "Help",
-			onKeydown: t
-		}, "?", 40, mt), a("span", {
-			id: `${e.fieldId}-hint`,
-			role: "tooltip",
-			class: "mw-field-hint__tip"
-		}, [v(n.$slots, "default", {}, void 0, !0)], 8, ht)]));
-	}
-}), [["__scopeId", "data-v-29d9a629"]]), _t = { class: "mw-form-field" }, vt = ["for"], yt = ["id"], bt = ["id"], xt = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "UiFormField",
-	props: {
-		id: {},
-		label: {},
-		error: {},
-		hint: {}
-	},
-	setup(e) {
-		let n = e, o = t(() => `${n.id}-err`), s = t(() => `${n.id}-hint-text`), c = t(() => ({
-			id: n.id,
-			"aria-invalid": n.error ? !0 : void 0,
-			"aria-describedby": n.error ? o.value : n.hint ? s.value : void 0
-		}));
-		return (t, n) => (h(), i("p", _t, [
-			a("label", {
-				for: e.id,
-				class: "mw-form-field__label"
-			}, b(e.label), 9, vt),
-			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"
-			}, b(e.hint), 9, yt)) : r("", !0),
-			e.error ? (h(), i("small", {
-				key: 1,
-				id: o.value,
-				class: "mw-form-field__error"
-			}, b(e.error), 9, bt)) : r("", !0)
-		]));
-	}
-}), [["__scopeId", "data-v-5aef34d9"]]), St = { class: "mw-tool-intro" }, Ct = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "UiToolIntro",
-	setup(e) {
-		return (e, t) => (h(), i("p", St, [v(e.$slots, "default", {}, void 0, !0)]));
-	}
-}), [["__scopeId", "data-v-9a5436b9"]]), wt = { class: "mw-panel" }, Tt = /*#__PURE__*/ j(/* @__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) => (h(), i("section", wt, [c.value ? (h(), n(y(`h${e.level}`), {
-			key: 0,
-			class: "mw-panel__title"
-		}, {
-			default: D(() => [v(t.$slots, "title", {}, () => [o(b(e.title), 1)], !0)]),
-			_: 3
-		})) : r("", !0), v(t.$slots, "default", {}, void 0, !0)]));
-	}
-}), [["__scopeId", "data-v-62fac524"]]), Et = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "UiBadge",
-	props: { variant: { default: "neutral" } },
-	setup(e) {
-		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-2e33d71a"]]), Dt = {
-	type: "button",
-	class: "mw-toolbar-btn"
-}, z = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "UiToolbarButton",
-	setup(e) {
-		return (e, t) => (h(), i("button", Dt, [v(e.$slots, "default", {}, void 0, !0)]));
-	}
-}), [["__scopeId", "data-v-d5f19134"]]), Ot = { class: "mw-toolbar" }, kt = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "UiToolbar",
-	props: { actions: {} },
-	emits: ["action"],
-	setup(t, { emit: n }) {
-		let r = n;
-		return (n, a) => (h(), i("menu", Ot, [(h(!0), i(e, null, _(t.actions, (e) => (h(), i("li", { key: e.id }, [s(z, {
-			disabled: e.disabled,
-			onClick: (t) => r("action", e.id)
-		}, {
-			default: D(() => [o(b(e.label), 1)]),
-			_: 2
-		}, 1032, ["disabled", "onClick"])]))), 128))]));
-	}
-}), [["__scopeId", "data-v-170c8eb5"]]), At = { class: "mw-stat-grid" }, jt = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "UiStatGrid",
-	setup(e) {
-		return (e, t) => (h(), i("dl", At, [v(e.$slots, "default", {}, void 0, !0)]));
-	}
-}), [["__scopeId", "data-v-3608575d"]]), Mt = { class: "mw-stat-grid__label" }, Nt = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "UiStatRow",
-	props: {
-		label: {},
-		align: { default: "right" }
-	},
-	setup(t) {
-		return (n, r) => (h(), i(e, null, [a("dt", Mt, 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"]]), Pt = { class: "mw-data-table-wrap" }, Ft = { class: "mw-data-table" }, It = {
-	key: 0,
-	class: "mw-data-table__empty"
-}, Lt = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "UiDataTable",
-	props: { empty: {} },
-	setup(e) {
-		let t = w();
-		return (n, o) => (h(), i("div", Pt, [a("table", Ft, [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", It, b(e.empty), 1)) : r("", !0)]));
-	}
-}), [["__scopeId", "data-v-de139c21"]]), B = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "UiStatusDot",
-	props: { status: { default: "ok" } },
-	setup(e) {
-		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"]]), Rt = {
-	role: "list",
-	class: "mw-statusbar",
-	"aria-label": "Status"
-}, zt = { key: 0 }, Bt = { class: "mw-visually-hidden" }, Vt = { key: 0 }, Ht = {
-	key: 1,
-	class: "mw-statusbar__pending"
-}, Ut = { key: 0 }, Wt = {
-	key: 1,
-	class: "mw-statusbar__pending"
-}, Gt = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "UiStatusBar",
-	props: {
-		network: {},
-		healthy: {
-			type: Boolean,
-			default: !0
-		},
-		epoch: {},
-		lastRefresh: {}
-	},
-	setup(n) {
-		let c = n, l = t(() => c.network ? c.network.charAt(0).toUpperCase() + c.network.slice(1) : "");
-		function u(e) {
-			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) => (h(), i("ul", Rt, [
-			n.network ? (h(), i("li", zt, [
-				s(B, { status: n.healthy ? "ok" : "error" }, null, 8, ["status"]),
-				o(" " + b(l.value) + " ", 1),
-				a("span", Bt, "(" + b(n.healthy ? "status OK" : "status error") + ")", 1)
-			])) : r("", !0),
-			n.epoch === void 0 ? r("", !0) : (h(), i(e, { key: 1 }, [n.epoch === null ? (h(), i("li", Ht, "Epoch —")) : (h(), i("li", Vt, "Epoch " + b(n.epoch), 1))], 64)),
-			n.lastRefresh === void 0 ? r("", !0) : (h(), i(e, { key: 2 }, [n.lastRefresh ? (h(), i("li", Ut, "Refreshed " + b(u(n.lastRefresh)), 1)) : (h(), i("li", Wt, "Loading…"))], 64)),
-			v(t.$slots, "default", {}, void 0, !0)
-		]));
-	}
-}), [["__scopeId", "data-v-06a511eb"]]), Kt = {
-	class: "mw-feed",
-	role: "list"
-}, qt = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "UiActivityFeed",
-	setup(e) {
-		return (e, t) => (h(), i("ul", Kt, [v(e.$slots, "default", {}, void 0, !0)]));
-	}
-}), [["__scopeId", "data-v-9e578c9d"]]), Jt = { class: "mw-feed__item" }, Yt = ["datetime"], Xt = {
-	key: 1,
-	class: "mw-feed__meta"
-}, Zt = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "UiActivityItem",
-	props: {
-		type: {},
-		time: {},
-		datetime: {}
-	},
-	setup(e) {
-		return (t, n) => (h(), i("li", Jt, [v(t.$slots, "type", {}, () => [o(b(e.type), 1)], !0), e.datetime ? (h(), i("time", {
-			key: 0,
-			class: "mw-feed__meta",
-			datetime: e.datetime
-		}, [v(t.$slots, "time", {}, () => [o(b(e.time), 1)], !0)], 8, Yt)) : (h(), i("small", Xt, [v(t.$slots, "time", {}, () => [o(b(e.time), 1)], !0)]))]));
-	}
-}), [["__scopeId", "data-v-797b66a9"]]), Qt = /* @__PURE__ */ new Set([
-	"operational",
-	"degraded",
-	"down",
-	"unknown"
-]);
-function V(e) {
-	return typeof e == "string" && Qt.has(e);
-}
-function H(e) {
-	return V(e) ? e : "unknown";
-}
-function U(e) {
-	return typeof e != "string" || e.trim() === "" ? "" : e.replace(/[<>&"]/g, "");
-}
-function $t(e) {
-	if (typeof e != "object" || !e) return null;
-	let t = e, n = U(t.name);
-	return n ? {
-		name: n,
-		status: H(t.status)
-	} : null;
-}
-function en(e) {
-	if (typeof e != "object" || !e) return null;
-	let t = e, n = U(t.name);
-	if (!n) return null;
-	let r = Array.isArray(t.components) ? t.components.map($t).filter((e) => e !== null) : [];
-	return {
-		name: n,
-		status: H(t.status),
-		components: r
-	};
-}
-function W(e) {
-	if (typeof e != "object" || !e) return null;
-	let t = e;
-	if (!V(t.overall) || typeof t.generated_at != "string" || !Array.isArray(t.groups)) return null;
-	let n = t.groups.map(en).filter((e) => e !== null);
-	return {
-		generated_at: t.generated_at,
-		overall: t.overall,
-		groups: n
-	};
-}
-//#endregion
-//#region src/components/StatusWidget.vue?vue&type=script&setup=true&lang.ts
-var tn = ["href", "title"], nn = 15e3, rn = /*#__PURE__*/ j(/* @__PURE__ */ c({
-	__name: "StatusWidget",
-	props: {
-		apiUrl: { default: "https://status.meddleware.co.uk/api/status" },
-		href: { default: "https://status.meddleware.co.uk" },
-		pollInterval: { default: 6e4 }
-	},
-	setup(e) {
-		let t = e, n = {
-			operational: "ok",
-			degraded: "degraded",
-			down: "error",
-			unknown: "degraded"
-		}, r = {
-			operational: "All systems operational",
-			degraded: "Degraded",
-			down: "Major outage",
-			unknown: "Status unknown"
-		}, a = g("checking"), o = g("Checking status…"), s = null;
-		async function c() {
-			try {
-				let e = await fetch(t.apiUrl, { signal: AbortSignal.timeout(1e4) });
-				if (!e.ok) throw Error(`HTTP ${e.status}`);
-				let i = W(await e.json());
-				if (!i) throw Error("unexpected response shape");
-				a.value = n[i.overall], o.value = r[i.overall];
-			} catch {
-				a.value = "error", o.value = "Status unavailable";
-			}
-		}
-		function l() {
-			document.hidden || c();
-		}
-		return p(() => {
-			c(), s = setInterval(l, Math.max(t.pollInterval, nn)), document.addEventListener("visibilitychange", l);
-		}), m(() => {
-			s !== null && clearInterval(s), document.removeEventListener("visibilitychange", l);
-		}), (t, n) => (h(), i("a", {
-			href: x(N)(e.href),
-			target: "_blank",
-			rel: "noopener noreferrer",
-			class: d(["status-widget", `status-widget--${a.value}`]),
-			title: `Platform status: ${o.value}`
-		}, b(o.value), 11, tn));
-	}
-}), [["__scopeId", "data-v-a83de7ee"]]), G = {
-	mainnet: "https://suivision.xyz",
-	testnet: "https://testnet.suivision.xyz",
-	devnet: "https://devnet.suivision.xyz"
-};
-function an(e, t, n = "testnet") {
-	return `${G[n] ?? G.testnet}/${e}/${encodeURIComponent(t)}`;
-}
-//#endregion
-//#region src/composables/useColorMode.ts
-var K = "mw-color-mode", q = g("system"), J = !1;
-function on() {
-	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").matches;
-}
-function Y(e) {
-	return e === "dark" || e === "system" && on();
-}
-function X(e) {
-	typeof document < "u" && document.documentElement.setAttribute("data-theme", Y(e) ? "dark" : "light");
-}
-function sn(e = "system") {
-	if (!J) {
-		J = !0;
-		let t = null;
-		try {
-			let e = typeof localStorage < "u" ? localStorage.getItem(K) : null;
-			(e === "light" || e === "dark" || e === "system") && (t = e);
-		} catch {}
-		q.value = t ?? e, X(q.value), typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
-			q.value === "system" && X("system");
-		}), l(!0).run(() => {
-			E(q, (e) => {
-				X(e);
-				try {
-					typeof localStorage < "u" && localStorage.setItem(K, e);
-				} catch {}
-			});
-		});
-	}
-	function t(e) {
-		q.value = e;
-	}
-	function n() {
-		t(q.value === "light" ? "dark" : q.value === "dark" ? "system" : "light");
-	}
-	return {
-		mode: q,
-		set: t,
-		cycle: n,
-		isDark: () => Y(q.value)
-	};
-}
-//#endregion
-//#region src/composables/useSeason.ts
-function cn() {
-	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
-//#region src/runtime-config.ts
-var Z = [
-	"VITE_INDEXER_URL",
-	"VITE_WALRUS_RELAY_TESTNET",
-	"VITE_WALRUS_RELAY_MAINNET"
-], Q = "/runtime-config.json", ln = 16384, un = 3e3, $ = Object.freeze({});
-function dn(e) {
-	if (typeof e != "string" || e.length === 0 || e.length > 2048 || /[\u0000- \u007f\\]/.test(e)) return;
-	let t;
-	try {
-		t = new URL(e);
-	} catch {
-		return;
-	}
-	if (t.username || t.password || t.search || t.hash) return;
-	let n = t.hostname === "localhost" || t.hostname === "127.0.0.1";
-	if (t.protocol === "https:" || t.protocol === "http:" && n) return t.href.replace(/\/+$/, "");
-}
-function fn(e) {
-	let t = {}, n = [];
-	if (typeof e != "object" || !e || Array.isArray(e)) return {
-		endpoints: t,
-		rejected: ["<root>"]
-	};
-	for (let [r, i] of Object.entries(e)) {
-		if (!Z.includes(r)) {
-			n.push(r);
-			continue;
-		}
-		let e = dn(i);
-		e === void 0 ? n.push(r) : t[r] = e;
-	}
-	return {
-		endpoints: t,
-		rejected: n
-	};
-}
-async function pn(e = Q, t = globalThis.fetch) {
-	if (!e.startsWith("/") || e.startsWith("//")) return $;
-	let n = new AbortController(), r = setTimeout(() => n.abort(), un);
-	try {
-		let r = await t(e, {
-			cache: "no-cache",
-			credentials: "omit",
-			redirect: "error",
-			signal: n.signal
-		});
-		if (!r.ok) return $;
-		let i = r.headers.get("content-type") ?? "";
-		if (!/^application\/json\b/i.test(i)) return $;
-		let a = await r.text();
-		if (a.length > ln) return $;
-		let { endpoints: o, rejected: s } = fn(JSON.parse(a));
-		s.length && console.warn(`runtime-config: ignored ${s.join(", ")}`), $ = Object.freeze({ ...o });
-	} catch {} finally {
-		clearTimeout(r);
-	}
-	return $;
-}
-function mn() {
-	return $;
-}
-function hn(e) {
-	return {
-		...e,
-		...$
-	};
-}
-function gn() {
-	$ = Object.freeze({});
-}
-//#endregion
-export { se as AppFooter, te as AppHeader, re as AppSidebar, Ae as AppTabNav, fe as ColorModeControl, Ge as CopyableAddress, tt as CopyrightLine, L as DEFAULT_TRUNCATE_CHARS, qe as ExplorerLink, Q as RUNTIME_CONFIG_PATH, Z as RUNTIME_ENDPOINT_KEYS, De as SidebarGroup, Te as SidebarItem, rn as StatusWidget, qt as UiActivityFeed, Zt as UiActivityItem, Et as UiBadge, me as UiButton, ye as UiCard, Lt as UiDataTable, ze as UiDialog, gt as UiFieldHint, xt as UiFormField, Se as UiNotice, Tt as UiPanel, ft as UiSegmentedControl, be as UiSelect, jt as UiStatGrid, Nt as UiStatRow, Gt as UiStatusBar, B as UiStatusDot, st as UiStepper, Me as UiTabPanel, Ct as UiToolIntro, kt as UiToolbar, z as UiToolbarButton, V as isStatusLevel, pn as loadRuntimeConfig, dn as parseEndpoint, fn as parseRuntimeConfig, W as parseSnapshot, gn as resetRuntimeConfigForTesting, mn as runtimeEndpoints, N as safeHref, F as safePath, an as suiExplorerUrl, I as tabIds, R as truncateMiddle, sn as useColorMode, cn as useSeason, hn as withRuntimeEnv };