@meddleware/ui 0.1.35 → 0.1.37

package/dist/components/AppTabNav.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,70 @@
+import { tabIds as e } from "../tabs.js";
+import { Fragment as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderList as s, toDisplayString as c, unref as l } from "vue";
+//#region src/components/AppTabNav.vue?vue&type=script&setup=true&lang.ts
+var u = ["aria-label"], d = [
+	"id",
+	"aria-selected",
+	"aria-controls",
+	"tabindex",
+	"onClick",
+	"onKeydown"
+], f = /*@__PURE__*/ i({
+	__name: "AppTabNav",
+	props: {
+		tabs: {},
+		modelValue: {},
+		idPrefix: {},
+		ariaLabel: {},
+		variant: { default: "underline" },
+		size: { default: "md" },
+		allPanels: {
+			type: Boolean,
+			default: !1
+		},
+		flush: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(i, { emit: f }) {
+		let p = i, m = f, h = [];
+		function g(e) {
+			let t = p.tabs[e];
+			t && (m("update:modelValue", t.id), h[e]?.focus());
+		}
+		function _(e, t) {
+			let n = p.tabs.length - 1, r = 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;
+			r < 0 || (e.preventDefault(), g(r));
+		}
+		return (f, p) => (o(), n("menu", {
+			role: "tablist",
+			class: a(["mw-tab-nav", {
+				"mw-tab-nav--raised": i.variant === "raised",
+				"mw-tab-nav--lg": i.size === "lg",
+				"mw-tab-nav--flush": i.flush
+			}]),
+			"aria-label": i.ariaLabel
+		}, [(o(!0), n(t, null, s(i.tabs, (t, s) => (o(), n("li", {
+			key: t.id,
+			role: "presentation",
+			class: "mw-tab-nav__item"
+		}, [r("button", {
+			id: l(e)(i.idPrefix, t.id).tab,
+			ref_for: !0,
+			ref: (e) => {
+				h[s] = e;
+			},
+			type: "button",
+			role: "tab",
+			class: a(["mw-tab-nav__tab", { "mw-tab-nav__tab--active": i.modelValue === t.id }]),
+			"aria-selected": i.modelValue === t.id,
+			"aria-controls": i.allPanels || i.modelValue === t.id ? l(e)(i.idPrefix, t.id).panel : void 0,
+			tabindex: i.modelValue === t.id ? 0 : -1,
+			onClick: (e) => m("update:modelValue", t.id),
+			onKeydown: (e) => _(e, s)
+		}, c(t.label), 43, d)]))), 128))], 10, u));
+	}
+});
+//#endregion
+export { f as default };

package/dist/components/ColorModeControl.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-mode[data-v-905a9db8]{gap:var(--space-4xs);min-inline-size:0;padding:var(--space-4xs);border:1px solid var(--_border,var(--border));border-radius:var(--radius);margin:0;display:inline-flex}.mw-mode__btn[data-v-905a9db8]{justify-content:center;align-items:center;gap:var(--space-3xs);min-block-size:1.5rem;min-inline-size:1.5rem;padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-sm);color:var(--_muted,var(--muted));font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-base), background var(--transition-base);background:0 0;border:0;display:inline-flex}.mw-mode__btn[data-v-905a9db8]:hover{color:var(--_text,var(--text))}.mw-mode__btn.is-active[data-v-905a9db8]{color:var(--_text,var(--text));background:color-mix(in srgb, var(--_text,var(--text)) 14%, transparent)}.mw-mode__btn[data-v-905a9db8]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}@media (forced-colors:active){.mw-mode__btn.is-active[data-v-905a9db8]{outline-offset:-2px;outline:2px solid highlight}}@media (width<40em){.mw-mode__label[data-v-905a9db8]{display:none}}}

package/dist/components/ColorModeControl.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./ColorModeControl.vue_vue_type_script_setup_true_lang.js";
+import "./ColorModeControl.css";
+//#region src/components/ColorModeControl.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-905a9db8"]]);
+//#endregion
+export { n as default };

package/dist/components/ColorModeControl.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,58 @@
+import { Fragment as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, renderList as o, toDisplayString as s } from "vue";
+//#region src/components/ColorModeControl.vue?vue&type=script&setup=true&lang.ts
+var c = { class: "mw-mode" }, l = [
+	"aria-pressed",
+	"title",
+	"onClick"
+], u = {
+	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"
+}, d = {
+	key: 1,
+	d: "M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z"
+}, f = { class: "mw-mode__label" }, p = /*@__PURE__*/ r({
+	__name: "ColorModeControl",
+	props: {
+		modelValue: {},
+		modes: { default: () => [
+			"light",
+			"dark",
+			"system"
+		] }
+	},
+	emits: ["update:modelValue"],
+	setup(r) {
+		let p = {
+			light: "Light",
+			dark: "Dark",
+			system: "System"
+		};
+		return (m, h) => (a(), t("fieldset", c, [h[4] ||= n("legend", { class: "mw-visually-hidden" }, "Colour mode", -1), (a(!0), t(e, null, o(r.modes, (o) => (a(), t("button", {
+			key: o,
+			type: "button",
+			class: i(["mw-mode__btn", { "is-active": r.modelValue === o }]),
+			"aria-pressed": r.modelValue === o,
+			title: p[o],
+			onClick: (e) => m.$emit("update:modelValue", o)
+		}, [(a(), t("svg", u, [o === "light" ? (a(), t(e, { key: 0 }, [h[0] ||= n("circle", {
+			cx: "12",
+			cy: "12",
+			r: "4"
+		}, null, -1), h[1] ||= n("path", { d: "M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4" }, null, -1)], 64)) : o === "dark" ? (a(), t("path", d)) : (a(), t(e, { key: 2 }, [h[2] ||= n("rect", {
+			x: "3",
+			y: "4",
+			width: "18",
+			height: "12",
+			rx: "2"
+		}, null, -1), h[3] ||= n("path", { d: "M8 20h8M12 16v4" }, null, -1)], 64))])), n("span", f, s(p[o]), 1)], 10, l))), 128))]));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/CopyableAddress.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.ca-root[data-v-60f80445]{align-items:center;gap:.35em;max-width:100%;display:inline-flex}.ca-value[data-v-60f80445]{font-family:var(--mw-font-mono);font-size:inherit;overflow-wrap:anywhere;white-space:normal;min-width:0}}

package/dist/components/CopyableAddress.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./CopyableAddress.vue_vue_type_script_setup_true_lang.js";
+import "./CopyableAddress.css";
+//#region src/components/CopyableAddress.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-60f80445"]]);
+//#endregion
+export { n as default };

package/dist/components/CopyableAddress.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,28 @@
+import e from "./UiCopyButton.js";
+import { computed as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, openBlock as s, renderSlot as c, toDisplayString as l } from "vue";
+import { DEFAULT_TRUNCATE_CHARS as u, truncateMiddle as d } from "@meddleware/web-utils";
+//#region src/components/CopyableAddress.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "ca-root" }, p = ["title"], m = /*@__PURE__*/ o({
+	__name: "CopyableAddress",
+	props: {
+		address: {},
+		truncate: {
+			type: Boolean,
+			default: !0
+		},
+		chars: { default: () => [...u] },
+		label: { default: "Copy" }
+	},
+	setup(o) {
+		let u = o, m = t(() => u.truncate ? d(u.address, u.chars) : u.address);
+		return (t, u) => (s(), n("span", f, [r("span", {
+			class: "ca-value",
+			title: o.address
+		}, [c(t.$slots, "default", {}, () => [i(l(m.value), 1)], !0)], 8, p), a(e, {
+			value: o.address,
+			label: o.label
+		}, null, 8, ["value", "label"])]));
+	}
+});
+//#endregion
+export { m as default };

package/dist/components/CopyrightLine.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.copyright-line[data-v-e1afe1f4]{text-align:center;max-width:100%;display:inline-block}.symbol-link[data-v-e1afe1f4]{white-space:nowrap;color:inherit;vertical-align:text-top;padding:0 var(--space-4xs);align-items:center;text-decoration:none;display:inline-flex}.symbol-link[data-v-e1afe1f4]:hover{text-decoration:underline}.symbol-mark[data-v-e1afe1f4]{vertical-align:-.15em;display:inline}}

package/dist/components/CopyrightLine.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./CopyrightLine.vue_vue_type_script_setup_true_lang.js";
+import "./CopyrightLine.css";
+//#region src/components/CopyrightLine.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-e1afe1f4"]]);
+//#endregion
+export { n as default };

package/dist/components/CopyrightLine.vue.d.ts

@@ -5,6 +5,11 @@ type __VLS_Props = {
     year?: number;
     rightsStatement?: RightsStatementVariant | string;
     symbolVariant?: SymbolVariant;
+    /**
+     * Where the legal documents are served (default `https://meddleware.co.uk/legal/`, the one canonical host, so an app ships no copies).
+     * A root-relative path (`/legal/`) serves them from the app's own origin instead.
+     */
+    legalBase?: string;
     /** Optional override for the symbol link href. Defaults based on symbolVariant. */
     symbolHref?: string;
     /** Optional override for the symbol link aria-label. Defaults based on symbolVariant. */
@@ -14,6 +19,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     year: number;
     rightsStatement: string;
     symbolVariant: SymbolVariant;
+    legalBase: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/CopyrightLine.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,80 @@
+import { Fragment as e, computed as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, defineComponent as a, openBlock as o, toDisplayString as s, unref as c } from "vue";
+import { safeHref as l, safePath as u } from "@meddleware/web-utils";
+//#region src/components/CopyrightLine.vue?vue&type=script&setup=true&lang.ts
+var d = { class: "copyright-line" }, f = ["href", "aria-label"], p = {
+	key: 1,
+	viewBox: "0 0 24 24",
+	width: "1em",
+	height: "1em",
+	"aria-hidden": "true",
+	focusable: "false",
+	class: "symbol-mark"
+}, m = {
+	key: 2,
+	viewBox: "0 0 24 24",
+	width: "1em",
+	height: "1em",
+	"aria-hidden": "true",
+	focusable: "false",
+	class: "symbol-mark"
+}, h = /*@__PURE__*/ a({
+	__name: "CopyrightLine",
+	props: {
+		organisationName: {},
+		year: { default: () => (/* @__PURE__ */ new Date()).getFullYear() },
+		rightsStatement: { default: "all" },
+		symbolVariant: { default: "copyright" },
+		legalBase: { default: "https://meddleware.co.uk/legal/" },
+		symbolHref: {},
+		symbolLabel: {}
+	},
+	setup(a) {
+		let h = a;
+		function g(e) {
+			return e.startsWith("/") ? u(e) : l(e);
+		}
+		let _ = {
+			kopimi: "powr.broccoli-kopimi.pdf",
+			copyleft: "copyleft.html",
+			copyright: "copyright.html"
+		}, v = t(() => (h.symbolHref ? g(h.symbolHref) : void 0) || g(h.legalBase.replace(/\/?$/, "/") + _[h.symbolVariant]) || `/legal/${_[h.symbolVariant]}`), y = t(() => v.value.startsWith("/")), b = t(() => h.symbolLabel || (h.symbolVariant === "kopimi" ? "Kopimi legal notice" : h.symbolVariant === "copyleft" ? "Copyleft legal notice" : "Copyright legal notice")), x = t(() => h.rightsStatement === "" ? "" : h.rightsStatement === "none" ? "No rights reserved." : h.rightsStatement === "all" || !h.rightsStatement ? "All rights reserved." : h.rightsStatement === "jam" ? "All jams preserved." : h.rightsStatement);
+		return (t, h) => (o(), n("small", d, [r("a", {
+			href: y.value ? c(u)(v.value) : c(l)(v.value),
+			class: "symbol-link",
+			target: "_blank",
+			rel: "noopener noreferrer",
+			"aria-label": b.value
+		}, [a.symbolVariant === "copyright" ? (o(), n(e, { key: 0 }, [i("©")], 64)) : a.symbolVariant === "copyleft" ? (o(), n("svg", p, [...h[0] ||= [r("circle", {
+			cx: "12",
+			cy: "12",
+			r: "9.5",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "1.5"
+		}, null, -1), r("text", {
+			x: "-12",
+			y: "12",
+			transform: "scale(-1,1)",
+			"text-anchor": "middle",
+			"dominant-baseline": "central",
+			"font-family": "system-ui, sans-serif",
+			"font-size": "13",
+			fill: "currentColor"
+		}, "C", -1)]])) : (o(), n("svg", m, [...h[1] ||= [r("path", {
+			d: "M12 4L22 23H2Z",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "1.5"
+		}, null, -1), r("text", {
+			x: "12",
+			y: "18",
+			"text-anchor": "middle",
+			"dominant-baseline": "middle",
+			"font-family": "system-ui, sans-serif",
+			"font-size": "11",
+			fill: "currentColor"
+		}, "C", -1)]]))], 8, f), i(" " + s(a.year) + " " + s(a.organisationName) + "." + s(x.value ? ` ${x.value}` : ""), 1)]));
+	}
+});
+//#endregion
+export { h as default };

package/dist/components/ExplorerLink.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.el-root[data-v-afd81c09]{min-block-size:calc(var(--space-sm) + var(--space-3xs));font-family:var(--mw-font-mono);font-size:inherit;color:var(--mw-link,var(--accent));text-underline-offset:.18em;transition:color var(--duration-base);-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline-block}.el-root[data-v-afd81c09]:hover{color:var(--text);text-decoration-style:solid}}

package/dist/components/ExplorerLink.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./ExplorerLink.vue_vue_type_script_setup_true_lang.js";
+import "./ExplorerLink.css";
+//#region src/components/ExplorerLink.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-afd81c09"]]);
+//#endregion
+export { n as default };

package/dist/components/ExplorerLink.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,27 @@
+import { computed as e, createElementBlock as t, createTextVNode as n, defineComponent as r, openBlock as i, renderSlot as a, toDisplayString as o, unref as s } from "vue";
+import { DEFAULT_TRUNCATE_CHARS as c, safeHref as l, truncateMiddle as u } from "@meddleware/web-utils";
+//#region src/components/ExplorerLink.vue?vue&type=script&setup=true&lang.ts
+var d = ["href", "title"], f = /*@__PURE__*/ r({
+	__name: "ExplorerLink",
+	props: {
+		href: {},
+		value: {},
+		truncate: {
+			type: Boolean,
+			default: !0
+		},
+		chars: { default: () => [...c] }
+	},
+	setup(r) {
+		let c = r, f = e(() => c.value ? c.truncate ? u(c.value, c.chars) : c.value : "");
+		return (e, c) => (i(), t("a", {
+			class: "el-root",
+			href: s(l)(r.href),
+			target: "_blank",
+			rel: "noopener noreferrer",
+			title: r.value
+		}, [a(e.$slots, "default", {}, () => [n(o(f.value), 1)], !0)], 8, d));
+	}
+});
+//#endregion
+export { f as default };

package/dist/components/SidebarGroup.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.sidebar-group[data-v-d2020093]{border:0;min-inline-size:0;margin:0;padding:0}.sidebar-group--l1+.sidebar-group--l1[data-v-d2020093]{margin-block-start:var(--space-2xs)}.sidebar-group__label[data-v-d2020093]{float:inline-start;width:100%;padding:var(--space-3xs) var(--space-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--_muted,var(--muted));-webkit-user-select:none;user-select:none}.sidebar-group__label[data-v-d2020093]+*{clear:both}.sidebar-group--l1>.sidebar-group__label[data-v-d2020093]{text-transform:uppercase;letter-spacing:var(--tracking-wide)}.sidebar-group--l2[data-v-d2020093]{padding-inline-start:var(--space-3xs)}.sidebar-group--l2>.sidebar-group__label[data-v-d2020093]{font-weight:var(--font-weight-medium);padding-inline-start:var(--space-xs)}}

package/dist/components/SidebarGroup.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./SidebarGroup.vue_vue_type_script_setup_true_lang.js";
+import "./SidebarGroup.css";
+//#region src/components/SidebarGroup.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-d2020093"]]);
+//#endregion
+export { n as default };

package/dist/components/SidebarGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,14 @@
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, toDisplayString as o } from "vue";
+//#region src/components/SidebarGroup.vue?vue&type=script&setup=true&lang.ts
+var s = { class: "sidebar-group__label" }, c = /*@__PURE__*/ n({
+	__name: "SidebarGroup",
+	props: {
+		label: {},
+		level: { default: 1 }
+	},
+	setup(n) {
+		return (c, l) => (i(), e("fieldset", { class: r(["sidebar-group", `sidebar-group--l${n.level}`]) }, [t("legend", s, o(n.label), 1), a(c.$slots, "default", {}, void 0, !0)], 2));
+	}
+});
+//#endregion
+export { c as default };

package/dist/components/SidebarItem.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.sidebar-item[data-v-cb0a8084]{align-items:center;gap:var(--space-2xs);width:100%;padding:var(--space-2xs) var(--space-sm);color:var(--_muted,var(--muted));font:inherit;text-align:left;cursor:pointer;transition:background var(--transition-base), color var(--transition-base);background:0 0;border:0;border-radius:0;text-decoration:none;display:flex}.sidebar-item[data-v-cb0a8084]:hover:not(:disabled){background:color-mix(in srgb, currentColor 10%, transparent);color:var(--_text,var(--text))}.sidebar-item.is-active[data-v-cb0a8084]{background:color-mix(in srgb, var(--accent) 26%, transparent);color:var(--_text,var(--text))}.sidebar-item[data-v-cb0a8084]:disabled{cursor:default}@media (forced-colors:active){.sidebar-item.is-active[data-v-cb0a8084]{outline-offset:-2px;outline:2px solid highlight}}.sidebar-item[data-v-cb0a8084]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sidebar-item__icon[data-v-cb0a8084]{width:var(--space-sm);text-align:center}}

package/dist/components/SidebarItem.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./SidebarItem.vue_vue_type_script_setup_true_lang.js";
+import "./SidebarItem.css";
+//#region src/components/SidebarItem.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-cb0a8084"]]);
+//#endregion
+export { n as default };

package/dist/components/SidebarItem.vue.d.ts

@@ -1,8 +1,11 @@
 type __VLS_Props = {
     label: string;
+    /** A decorative leading glyph (hidden from assistive technology). */
     icon?: string;
     active?: boolean;
     disabled?: boolean;
+    /** Render an `<a>` to this root-relative path or URL (checked with `safePath` / `safeHref`). */
+    href?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     disabled: boolean;

package/dist/components/SidebarItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,43 @@
+import { createCommentVNode as e, createElementBlock as t, createTextVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, toDisplayString as o, unref as s } from "vue";
+import { safeHref as c, safePath as l } from "@meddleware/web-utils";
+//#region src/components/SidebarItem.vue?vue&type=script&setup=true&lang.ts
+var u = ["href", "aria-current"], d = {
+	key: 0,
+	class: "sidebar-item__icon",
+	"aria-hidden": "true"
+}, f = ["disabled", "aria-current"], p = {
+	key: 0,
+	class: "sidebar-item__icon",
+	"aria-hidden": "true"
+}, m = /*@__PURE__*/ r({
+	__name: "SidebarItem",
+	props: {
+		label: {},
+		icon: {},
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		href: {}
+	},
+	setup(r) {
+		return (m, h) => r.href === void 0 ? (a(), t("button", {
+			key: 1,
+			type: "button",
+			class: i(["sidebar-item", { "is-active": r.active }]),
+			disabled: r.disabled,
+			"aria-current": r.active ? "page" : void 0
+		}, [r.icon ? (a(), t("span", p, o(r.icon), 1)) : e("", !0), n(" " + o(r.label), 1)], 10, f)) : (a(), t("a", {
+			key: 0,
+			href: r.href.startsWith("/") ? s(l)(r.href) : s(c)(r.href),
+			class: i(["sidebar-item", { "is-active": r.active }]),
+			"aria-current": r.active ? "page" : void 0
+		}, [r.icon ? (a(), t("span", d, o(r.icon), 1)) : e("", !0), n(" " + o(r.label), 1)], 10, u));
+	}
+});
+//#endregion
+export { m as default };

package/dist/components/StatusWidget.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.status-widget[data-v-faeb23fe]{align-items:center;gap:var(--space-2xs);color:inherit;font-size:var(--font-size-sm);text-decoration:none;display:inline-flex}.status-widget[data-v-faeb23fe]:hover{text-decoration:underline}}

package/dist/components/StatusWidget.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./StatusWidget.vue_vue_type_script_setup_true_lang.js";
+import "./StatusWidget.css";
+//#region src/components/StatusWidget.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-faeb23fe"]]);
+//#endregion
+export { n as default };

package/dist/components/StatusWidget.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import e from "./UiStatusDot.js";
+import { useStatusSnapshot as t } from "../composables/useStatusSnapshot.js";
+import { computed as n, createElementBlock as r, createTextVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, toDisplayString as l, unref as u } from "vue";
+import { STATUS_HEADLINE as d, safeHref as f } from "@meddleware/web-utils";
+//#region src/components/StatusWidget.vue?vue&type=script&setup=true&lang.ts
+var p = ["href", "title"], m = /*@__PURE__*/ o({
+	__name: "StatusWidget",
+	props: {
+		apiUrl: { default: "https://status.meddleware.co.uk/api/status" },
+		href: { default: "https://status.meddleware.co.uk" },
+		pollInterval: { default: 6e4 }
+	},
+	setup(o) {
+		let m = o, h = {
+			operational: "ok",
+			degraded: "degraded",
+			down: "error",
+			unknown: "degraded"
+		}, { snapshot: g, error: _ } = t({
+			url: m.apiUrl,
+			intervalMs: m.pollInterval
+		}), v = n(() => _.value ? "error" : g.value ? h[g.value.overall] : "checking"), y = n(() => _.value ? "Status unavailable" : g.value ? d[g.value.overall] : "Checking status…"), b = n(() => v.value === "ok" ? "operational" : v.value === "degraded" ? "degraded" : v.value === "error" ? "down" : "unknown");
+		return (t, n) => (c(), r("a", {
+			href: u(f)(o.href),
+			target: "_blank",
+			rel: "noopener noreferrer",
+			class: s(["status-widget", `status-widget--${v.value}`]),
+			title: `Platform status: ${y.value}`
+		}, [a(e, { status: b.value }, null, 8, ["status"]), i(l(y.value), 1)], 10, p));
+	}
+});
+//#endregion
+export { m as default };

package/dist/components/UiActivityFeed.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-feed[data-v-bdd1bebd]{font-size:var(--font-size-sm);margin:0;padding:0;list-style:none}}

package/dist/components/UiActivityFeed.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./UiActivityFeed.vue_vue_type_script_setup_true_lang.js";
+import "./UiActivityFeed.css";
+//#region src/components/UiActivityFeed.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-bdd1bebd"]]);
+//#endregion
+export { n as default };

package/dist/components/UiActivityFeed.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,13 @@
+import { createElementBlock as e, defineComponent as t, openBlock as n, renderSlot as r } from "vue";
+//#region src/components/UiActivityFeed.vue?vue&type=script&setup=true&lang.ts
+var i = {
+	class: "mw-feed",
+	role: "list"
+}, a = /*@__PURE__*/ t({
+	__name: "UiActivityFeed",
+	setup(t) {
+		return (t, a) => (n(), e("ul", i, [r(t.$slots, "default", {}, void 0, !0)]));
+	}
+});
+//#endregion
+export { a as default };

package/dist/components/UiActivityItem.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-feed__item[data-v-402f889f]{align-items:flex-start;gap:var(--space-2xs);padding:var(--space-3xs) 0;border-bottom:1px solid var(--border);color:var(--text);font-weight:var(--font-weight-medium);white-space:nowrap;display:flex}.mw-feed__item[data-v-402f889f]:before{content:"";width:var(--space-2xs);height:var(--space-2xs);background:var(--accent);margin-top:var(--space-3xs);border-radius:50%;flex-shrink:0}.mw-feed__item[data-v-402f889f]:last-child{border-bottom:none}.mw-feed__meta[data-v-402f889f]{color:var(--muted);font-family:var(--mw-font-mono);font-size:var(--font-size-2xs);font-weight:var(--font-weight-regular);margin-left:auto}}

package/dist/components/UiActivityItem.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./UiActivityItem.vue_vue_type_script_setup_true_lang.js";
+import "./UiActivityItem.css";
+//#region src/components/UiActivityItem.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-402f889f"]]);
+//#endregion
+export { n as default };

package/dist/components/UiActivityItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,22 @@
+import { createElementBlock as e, createTextVNode as t, defineComponent as n, openBlock as r, renderSlot as i, toDisplayString as a } from "vue";
+//#region src/components/UiActivityItem.vue?vue&type=script&setup=true&lang.ts
+var o = { class: "mw-feed__item" }, s = ["datetime"], c = {
+	key: 1,
+	class: "mw-feed__meta"
+}, l = /*@__PURE__*/ n({
+	__name: "UiActivityItem",
+	props: {
+		type: {},
+		time: {},
+		datetime: {}
+	},
+	setup(n) {
+		return (l, u) => (r(), e("li", o, [i(l.$slots, "type", {}, () => [t(a(n.type), 1)], !0), n.datetime ? (r(), e("time", {
+			key: 0,
+			class: "mw-feed__meta",
+			datetime: n.datetime
+		}, [i(l.$slots, "time", {}, () => [t(a(n.time), 1)], !0)], 8, s)) : (r(), e("small", c, [i(l.$slots, "time", {}, () => [t(a(n.time), 1)], !0)]))]));
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/UiAmount.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-amount[data-v-51fb5258]{font-family:var(--mw-font-mono);white-space:nowrap}}

package/dist/components/UiAmount.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./UiAmount.vue_vue_type_script_setup_true_lang.js";
+import "./UiAmount.css";
+//#region src/components/UiAmount.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-51fb5258"]]);
+//#endregion
+export { n as default };

package/dist/components/UiAmount.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    /** The amount in base units: a bigint, an integer, or a decimal string of an integer. */
+    value: bigint | number | string | null | undefined;
+    symbol?: string;
+    exact?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    symbol: string;
+    exact: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/UiAmount.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,31 @@
+import { computed as e, createElementBlock as t, defineComponent as n, openBlock as r, toDisplayString as i } from "vue";
+import { formatCoinAmount as a, formatCoinExact as o } from "@meddleware/web-utils";
+//#region src/components/UiAmount.vue?vue&type=script&setup=true&lang.ts
+var s = ["value"], c = /*@__PURE__*/ n({
+	__name: "UiAmount",
+	props: {
+		value: {},
+		symbol: { default: "SUI" },
+		exact: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(n) {
+		let c = n, l = e(() => {
+			let e = c.value;
+			if (e == null) return null;
+			try {
+				return typeof e == "bigint" ? e : BigInt(typeof e == "number" ? Math.trunc(e) : e.trim());
+			} catch {
+				return null;
+			}
+		}), u = e(() => l.value === null ? "—" : (c.exact ? o : a)(l.value, c.symbol));
+		return (e, n) => (r(), t("data", {
+			class: "mw-amount",
+			value: l.value === null ? void 0 : l.value.toString()
+		}, i(u.value), 9, s));
+	}
+});
+//#endregion
+export { c as default };

package/dist/components/UiAppShell.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-shell[data-v-23c8caaf]{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.mw-shell--sidebar[data-v-23c8caaf]{grid-template-columns:auto minmax(0,1fr)}.mw-shell>header[data-v-23c8caaf-s],.mw-shell>footer[data-v-23c8caaf-s]{grid-column:1/-1}.mw-shell__main[data-v-23c8caaf]{min-width:0}.mw-shell--sidebar>.mw-shell__main[data-v-23c8caaf]{grid-column:2}@media (width<45em){.mw-shell--sidebar[data-v-23c8caaf]{grid-template-columns:minmax(0,1fr)}.mw-shell--sidebar>.mw-shell__main[data-v-23c8caaf]{grid-column:1}}.mw-shell__main--contained[data-v-23c8caaf]{width:100%;max-width:var(--mw-tool-content-max);padding:var(--space-sm) var(--space-sm) var(--space-lg);margin-inline:auto}}

package/dist/components/UiAppShell.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./UiAppShell.vue_vue_type_script_setup_true_lang.js";
+import "./UiAppShell.css";
+//#region src/components/UiAppShell.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-23c8caaf"]]);
+//#endregion
+export { n as default };