@meddleware/ui 0.1.35 → 0.1.36

package/dist/components/UiDataTable.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,56 @@
+import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, createTextVNode as r, defineComponent as i, nextTick as a, onBeforeUnmount as o, onMounted as s, onUpdated as c, openBlock as l, ref as u, renderSlot as d, toDisplayString as f, useSlots as p } from "vue";
+//#region src/components/UiDataTable.vue?vue&type=script&setup=true&lang.ts
+var m = [
+	"role",
+	"aria-label",
+	"tabindex"
+], h = { class: "mw-data-table" }, g = {
+	key: 0,
+	class: "mw-visually-hidden"
+}, _ = { key: 1 }, v = {
+	key: 0,
+	class: "mw-data-table__empty"
+}, y = {
+	key: 1,
+	class: "mw-data-table__hint"
+}, b = /*@__PURE__*/ i({
+	__name: "UiDataTable",
+	props: {
+		empty: {},
+		rows: {},
+		caption: {}
+	},
+	setup(i) {
+		let b = i, x = p(), S = u(null), C = u(!1), w = null;
+		function T() {
+			let e = S.value;
+			e && (C.value = e.scrollWidth > e.clientWidth + 1);
+		}
+		s(() => {
+			if (T(), typeof ResizeObserver < "u" && S.value) {
+				w = new ResizeObserver(T), w.observe(S.value);
+				let e = S.value.querySelector("table");
+				e && w.observe(e);
+			}
+		}), c(() => void a(T)), o(() => w?.disconnect());
+		let E = () => b.rows === void 0 ? !x.default : b.rows === 0;
+		return (a, o) => (l(), t("div", {
+			ref_key: "wrap",
+			ref: S,
+			class: "mw-data-table-wrap",
+			role: C.value ? "region" : void 0,
+			"aria-label": C.value ? i.caption ?? "Table" : void 0,
+			tabindex: C.value ? 0 : void 0
+		}, [
+			n("table", h, [
+				i.caption || a.$slots.caption ? (l(), t("caption", g, [d(a.$slots, "caption", {}, () => [r(f(i.caption), 1)], !0)])) : e("", !0),
+				n("thead", null, [n("tr", null, [d(a.$slots, "head", {}, void 0, !0)])]),
+				E() ? e("", !0) : (l(), t("tbody", _, [d(a.$slots, "default", {}, void 0, !0)]))
+			]),
+			E() && i.empty ? (l(), t("p", v, f(i.empty), 1)) : e("", !0),
+			C.value ? (l(), t("small", y, "Scroll sideways to see more columns.")) : e("", !0)
+		], 8, m));
+	}
+});
+//#endregion
+export { b as default };

package/dist/components/UiDateTimeField.js

@@ -0,0 +1,5 @@
+import e from "./UiDateTimeField.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/UiDateTimeField.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    id: string;
+    label: string;
+    zone: string;
+    hint?: string;
+    error?: string | null;
+};
+type __VLS_ModelProps = {
+    modelValue?: string | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/UiDateTimeField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,51 @@
+import e from "./UiFormField.js";
+import t from "./UiInput.js";
+import { computed as n, createBlock as r, createVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, openBlock as c, useModel as l, withCtx as u } from "vue";
+import { fromLocalInput as d, toLocalInput as f } from "@meddleware/web-utils";
+//#region src/components/UiDateTimeField.vue?vue&type=script&setup=true&lang.ts
+var p = /*@__PURE__*/ a({
+	inheritAttrs: !1,
+	__name: "UiDateTimeField",
+	props: /*@__PURE__*/ o({
+		id: {},
+		label: {},
+		zone: {},
+		hint: {},
+		error: {}
+	}, {
+		modelValue: { default: null },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(a) {
+		let o = l(a, "modelValue"), p = a, m = n({
+			get: () => f(o.value, p.zone),
+			set: (e) => {
+				let t = String(e ?? "");
+				o.value = t === "" ? null : d(t, p.zone);
+			}
+		});
+		return (n, o) => (c(), r(e, {
+			id: a.id,
+			label: `${a.label} (${a.zone})`,
+			hint: a.hint,
+			error: a.error
+		}, {
+			default: u(({ attrs: e }) => [i(t, s({
+				modelValue: m.value,
+				"onUpdate:modelValue": o[0] ||= (e) => m.value = e
+			}, {
+				...e,
+				...n.$attrs
+			}, { type: "datetime-local" }), null, 16, ["modelValue"])]),
+			_: 1
+		}, 8, [
+			"id",
+			"label",
+			"hint",
+			"error"
+		]));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/UiDialog.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-dialog[data-v-f8a5c8ff]{--_width:var(--v532f060d);width:var(--_width);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-height:90dvh;color:var(--text);box-shadow:var(--shadow-3);padding:0}.mw-dialog[data-v-f8a5c8ff]::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(var(--space-4xs));backdrop-filter:blur(var(--space-4xs))}.mw-dialog__content[data-v-f8a5c8ff]{gap:var(--space-sm);padding:var(--space-md);flex-direction:column;display:flex}.mw-dialog__header[data-v-f8a5c8ff]{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.mw-dialog__title[data-v-f8a5c8ff]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.mw-dialog__close[data-v-f8a5c8ff]{padding:0 var(--space-3xs);border-radius:var(--radius);color:var(--muted);font-size:var(--font-size-xl);cursor:pointer;background:0 0;border:0;line-height:1}.mw-dialog__close[data-v-f8a5c8ff]:hover{color:var(--text)}.mw-dialog__actions[data-v-f8a5c8ff]{justify-content:flex-end;gap:var(--space-xs);flex-wrap:wrap;display:flex}}

package/dist/components/UiDialog.js

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

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

@@ -5,23 +5,25 @@ type __VLS_Props = {
     dismissible?: boolean;
     /** Accessible label for the header close button. */
     closeLabel?: string;
-    /** CSS width of the dialog (default `min(420px, 90vw)`). */
+    /** CSS width of the dialog (default: the narrow content width, `--mw-content-narrow`, capped at 90vw). */
     width?: string;
+    /** Heading rank (default 2), to fit the page's outline. */
+    level?: 2 | 3 | 4 | 5 | 6;
 };
 declare function close(returnValue?: string): void;
 type __VLS_ModelProps = {
     'open'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {
+declare var __VLS_7: {}, __VLS_9: {}, __VLS_11: {
     close: typeof close;
 };
 type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_1) => any;
+    title?: (props: typeof __VLS_7) => any;
 } & {
-    default?: (props: typeof __VLS_3) => any;
+    default?: (props: typeof __VLS_9) => any;
 } & {
-    actions?: (props: typeof __VLS_5) => any;
+    actions?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     close: typeof close;
@@ -32,6 +34,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     onClose?: ((returnValue: string) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
+    level: 2 | 3 | 4 | 5 | 6;
     dismissible: boolean;
     closeLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/UiDialog.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,78 @@
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, mergeModels as s, onBeforeUnmount as c, onMounted as l, openBlock as u, ref as d, renderSlot as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, useCssVars as g, useId as _, useModel as v, watch as y, withCtx as b } from "vue";
+//#region src/components/UiDialog.vue?vue&type=script&setup=true&lang.ts
+var x = ["aria-labelledby"], S = { class: "mw-dialog__content" }, C = { class: "mw-dialog__header" }, w = ["aria-label"], T = {
+	key: 0,
+	class: "mw-dialog__actions"
+}, E = /*@__PURE__*/ o({
+	__name: "UiDialog",
+	props: /*@__PURE__*/ s({
+		title: {},
+		dismissible: {
+			type: Boolean,
+			default: !0
+		},
+		closeLabel: { default: "Close" },
+		width: {},
+		level: { default: 2 }
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: /*@__PURE__*/ s(["close"], ["update:open"]),
+	setup(o, { expose: s, emit: E }) {
+		g((e) => ({ v532f060d: M.value }));
+		let D = v(o, "open"), O = o, k = E, A = d(null), j = _(), M = e(() => O.width ?? "min(var(--mw-content-narrow), 90vw)"), N = typeof HTMLDialogElement < "u" && "closedBy" in HTMLDialogElement.prototype;
+		function P(e = "") {
+			A.value?.open && A.value.close(e);
+		}
+		function F(e) {
+			let t = A.value;
+			t && (e && !t.open ? t.showModal() : !e && t.open && t.close());
+		}
+		function I() {
+			A.value?.setAttribute("closedby", O.dismissible ? "any" : "none");
+		}
+		function L(e) {
+			O.dismissible && e.target === A.value && P();
+		}
+		function R(e) {
+			O.dismissible || e.preventDefault();
+		}
+		function z() {
+			D.value = !1, k("close", A.value?.returnValue ?? "");
+		}
+		return l(() => {
+			I(), N || A.value?.addEventListener("click", L), F(D.value);
+		}), c(() => {
+			A.value?.removeEventListener("click", L);
+		}), y(D, F, { flush: "post" }), y(() => O.dismissible, I), s({ close: P }), (e, s) => (u(), r("dialog", {
+			ref_key: "el",
+			ref: A,
+			class: "mw-dialog",
+			"aria-labelledby": h(j),
+			onCancel: R,
+			onClose: z
+		}, [i("article", S, [
+			i("header", C, [(u(), t(p(`h${o.level}`), {
+				id: h(j),
+				class: "mw-dialog__title"
+			}, {
+				default: b(() => [f(e.$slots, "title", {}, () => [a(m(o.title), 1)], !0)]),
+				_: 3
+			}, 8, ["id"])), o.dismissible ? (u(), r("button", {
+				key: 0,
+				type: "button",
+				class: "mw-dialog__close",
+				"aria-label": o.closeLabel,
+				onClick: s[0] ||= (e) => P()
+			}, "×", 8, w)) : n("", !0)]),
+			f(e.$slots, "default", {}, void 0, !0),
+			e.$slots.actions ? (u(), r("footer", T, [f(e.$slots, "actions", { close: P }, void 0, !0)])) : n("", !0)
+		])], 40, x));
+	}
+});
+//#endregion
+export { E as default };

package/dist/components/UiEmptyState.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-empty[data-v-8463293a]{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);text-align:center;flex-direction:column;display:flex}.mw-empty__text[data-v-8463293a]{color:var(--muted);margin:0}}

package/dist/components/UiEmptyState.js

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

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

@@ -0,0 +1,15 @@
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    action?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/UiEmptyState.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,10 @@
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, openBlock as r, renderSlot as i } from "vue";
+//#region src/components/UiEmptyState.vue?vue&type=script&setup=true&lang.ts
+var a = { class: "mw-empty" }, o = { class: "mw-empty__text" }, s = /*@__PURE__*/ n({
+	__name: "UiEmptyState",
+	setup(n) {
+		return (n, s) => (r(), e("div", a, [t("p", o, [i(n.$slots, "default", {}, void 0, !0)]), i(n.$slots, "action", {}, void 0, !0)]));
+	}
+});
+//#endregion
+export { s as default };

package/dist/components/UiFieldHint.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-field-hint[data-v-4390802c]{vertical-align:middle;margin-inline-start:var(--space-3xs);display:inline-block;position:relative}.mw-field-hint__btn[data-v-4390802c]{inline-size:calc(var(--space-sm) + var(--space-3xs));block-size:calc(var(--space-sm) + var(--space-3xs));font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border:1px solid var(--muted);color:var(--muted);cursor:help;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:inherit;line-height:1;display:inline-flex}.mw-field-hint__btn[data-v-4390802c]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.mw-field-hint__tip[data-v-4390802c]{top:calc(100% + var(--space-3xs));z-index:var(--z-popover);min-width:calc(var(--mw-content-narrow) / 2);max-width:min(var(--mw-content-narrow), 90vw);padding:var(--space-2xs) var(--space-xs);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--leading-normal);color:var(--text);box-shadow:var(--shadow-2);display:none;position:absolute;left:0}.mw-field-hint:hover .mw-field-hint__tip[data-v-4390802c],.mw-field-hint:focus-within .mw-field-hint__tip[data-v-4390802c]{display:block}}

package/dist/components/UiFieldHint.js

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

package/dist/components/UiFieldHint.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,24 @@
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, openBlock as r, renderSlot as i } from "vue";
+//#region src/components/UiFieldHint.vue?vue&type=script&setup=true&lang.ts
+var a = { class: "mw-field-hint" }, o = ["aria-describedby"], s = ["id"], c = /*@__PURE__*/ n({
+	__name: "UiFieldHint",
+	props: { fieldId: {} },
+	setup(n) {
+		function c(e) {
+			e.key === "Escape" && e.currentTarget.blur();
+		}
+		return (l, u) => (r(), e("span", a, [t("button", {
+			type: "button",
+			class: "mw-field-hint__btn",
+			"aria-describedby": `${n.fieldId}-hint`,
+			"aria-label": "Help",
+			onKeydown: c
+		}, "?", 40, o), t("span", {
+			id: `${n.fieldId}-hint`,
+			role: "tooltip",
+			class: "mw-field-hint__tip"
+		}, [i(l.$slots, "default", {}, void 0, !0)], 8, s)]));
+	}
+});
+//#endregion
+export { c as default };

package/dist/components/UiFileField.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-file[data-v-fa50dd32]{max-width:100%;color:var(--text);font:inherit}.mw-file[data-v-fa50dd32]::file-selector-button{padding:var(--space-2xs) var(--space-xs);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;margin-inline-end:var(--space-xs)}.mw-file[data-v-fa50dd32]:disabled{filter:grayscale(.6);cursor:not-allowed}}

package/dist/components/UiFileField.js

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

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

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    id: string;
+    label: string;
+    hint?: string;
+    error?: string | null;
+    /** The input's `accept` filter (media types or extensions). */
+    accept?: string;
+    disabled?: boolean;
+    required?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (file: File | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((file: File | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/UiFileField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,55 @@
+import e from "./UiFormField.js";
+import { createBlock as t, createElementVNode as n, defineComponent as r, openBlock as i, withCtx as a } from "vue";
+//#region src/components/UiFileField.vue?vue&type=script&setup=true&lang.ts
+var o = [
+	"id",
+	"accept",
+	"disabled",
+	"required",
+	"aria-invalid",
+	"aria-describedby"
+], s = /*@__PURE__*/ r({
+	__name: "UiFileField",
+	props: {
+		id: {},
+		label: {},
+		hint: {},
+		error: {},
+		accept: {},
+		disabled: { type: Boolean },
+		required: { type: Boolean }
+	},
+	emits: ["select"],
+	setup(r, { emit: s }) {
+		let c = s;
+		function l(e) {
+			c("select", e.target.files?.[0] ?? null);
+		}
+		return (s, c) => (i(), t(e, {
+			id: r.id,
+			label: r.label,
+			hint: r.hint,
+			error: r.error
+		}, {
+			default: a(({ attrs: e }) => [n("input", {
+				id: e.id,
+				type: "file",
+				class: "mw-file",
+				accept: r.accept,
+				disabled: r.disabled,
+				required: r.required,
+				"aria-invalid": e["aria-invalid"],
+				"aria-describedby": e["aria-describedby"],
+				onChange: l
+			}, null, 40, o)]),
+			_: 1
+		}, 8, [
+			"id",
+			"label",
+			"hint",
+			"error"
+		]));
+	}
+});
+//#endregion
+export { s as default };

package/dist/components/UiFormField.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-form-field[data-v-0256284b]{margin:0}.mw-form-field__label[data-v-0256284b]{font-weight:var(--font-weight-semibold);margin:var(--space-xs) 0 var(--space-3xs);display:inline-block}.mw-form-field :is(input[data-v-0256284b-s],select[data-v-0256284b-s],textarea[data-v-0256284b-s]){display:block}.mw-form-field__hint[data-v-0256284b],.mw-form-field__error[data-v-0256284b]{margin:var(--space-3xs) 0 0;font-size:var(--font-size-sm);display:block}.mw-form-field__hint[data-v-0256284b]{color:var(--muted);font-weight:var(--font-weight-regular)}.mw-form-field__error[data-v-0256284b]{color:var(--danger)}}

package/dist/components/UiFormField.js

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

package/dist/components/UiFormField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,38 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, openBlock as a, renderSlot as o, toDisplayString as s } from "vue";
+//#region src/components/UiFormField.vue?vue&type=script&setup=true&lang.ts
+var c = { class: "mw-form-field" }, l = ["for"], u = ["id"], d = ["id"], f = /*@__PURE__*/ i({
+	__name: "UiFormField",
+	props: {
+		id: {},
+		label: {},
+		error: {},
+		hint: {}
+	},
+	setup(i) {
+		let f = i, p = e(() => `${f.id}-err`), m = e(() => `${f.id}-hint-text`), h = e(() => ({
+			id: f.id,
+			"aria-invalid": f.error ? !0 : void 0,
+			"aria-describedby": f.error ? p.value : f.hint ? m.value : void 0
+		}));
+		return (e, f) => (a(), n("p", c, [
+			r("label", {
+				for: i.id,
+				class: "mw-form-field__label"
+			}, s(i.label), 9, l),
+			o(e.$slots, "label-suffix"),
+			o(e.$slots, "default", { attrs: h.value }),
+			i.hint && !i.error ? (a(), n("small", {
+				key: 0,
+				id: m.value,
+				class: "mw-form-field__hint"
+			}, s(i.hint), 9, u)) : t("", !0),
+			i.error ? (a(), n("small", {
+				key: 1,
+				id: p.value,
+				class: "mw-form-field__error"
+			}, s(i.error), 9, d)) : t("", !0)
+		]));
+	}
+});
+//#endregion
+export { f as default };

package/dist/components/UiInput.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-input[data-v-de27599b]{width:100%;padding:var(--space-2xs) var(--space-xs);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font:inherit}.mw-input[data-v-de27599b]::placeholder{color:var(--muted)}.mw-input[data-v-de27599b]:is(:focus-visible,:focus-within){outline:2px solid var(--focus-ring);outline-offset:1px}.mw-input[aria-invalid=true][data-v-de27599b]{border-color:var(--danger)}.mw-input[data-v-de27599b]:disabled{filter:grayscale(.6);cursor:not-allowed}}

package/dist/components/UiInput.js

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

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

@@ -0,0 +1,10 @@
+type __VLS_ModelProps = {
+    modelValue?: string | number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/UiInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,20 @@
+import { createElementBlock as e, defineComponent as t, openBlock as n, useModel as r, vModelText as i, withDirectives as a } from "vue";
+//#region src/components/UiInput.vue?vue&type=script&setup=true&lang.ts
+var o = /*@__PURE__*/ t({
+	__name: "UiInput",
+	props: {
+		modelValue: {},
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(t) {
+		let o = r(t, "modelValue");
+		return (t, r) => a((n(), e("input", {
+			"onUpdate:modelValue": r[0] ||= (e) => o.value = e,
+			type: "text",
+			class: "mw-input"
+		}, null, 512)), [[i, o.value]]);
+	}
+});
+//#endregion
+export { o as default };

package/dist/components/UiLiveStatus.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-live[data-v-83076271]{color:var(--muted);font-size:var(--font-size-sm);display:block}.mw-live[data-v-83076271]:empty{display:none}}

package/dist/components/UiLiveStatus.js

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

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

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    message?: string; /** Names the region for assistive technology. */
+    label?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/UiLiveStatus.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,17 @@
+import { createElementBlock as e, createTextVNode as t, defineComponent as n, openBlock as r, renderSlot as i, toDisplayString as a } from "vue";
+//#region src/components/UiLiveStatus.vue?vue&type=script&setup=true&lang.ts
+var o = ["aria-label"], s = /*@__PURE__*/ n({
+	__name: "UiLiveStatus",
+	props: {
+		message: {},
+		label: { default: "Status" }
+	},
+	setup(n) {
+		return (s, c) => (r(), e("output", {
+			class: "mw-live",
+			"aria-label": n.label
+		}, [i(s.$slots, "default", {}, () => [t(a(n.message), 1)], !0)], 8, o));
+	}
+});
+//#endregion
+export { s as default };

package/dist/components/UiMeter.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-meter[data-v-3580c9b7]{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}.mw-meter__label[data-v-3580c9b7]{font-weight:var(--font-weight-semibold)}.mw-meter__text[data-v-3580c9b7]{font-size:var(--font-size-sm);color:var(--muted)}.mw-meter__text--over[data-v-3580c9b7]{color:var(--danger);font-weight:var(--font-weight-semibold)}.mw-meter__bar[data-v-3580c9b7]{width:10rem;height:var(--space-xs);appearance:none;background:var(--lift);border:1px solid var(--border);border-radius:var(--radius-xs)}.mw-meter__bar[data-v-3580c9b7]::-webkit-meter-bar{background:var(--lift);border-radius:var(--radius-xs);border:0}.mw-meter__bar[data-v-3580c9b7]::-webkit-meter-optimum-value{background:var(--ok)}.mw-meter__bar[data-v-3580c9b7]::-webkit-meter-suboptimum-value{background:var(--warning-text)}.mw-meter__bar[data-v-3580c9b7]::-webkit-meter-even-less-good-value{background:var(--danger)}.mw-meter__bar[data-v-3580c9b7]:-moz-meter-optimum::-moz-meter-bar{background:var(--ok)}.mw-meter__bar[data-v-3580c9b7]:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--warning-text)}.mw-meter__bar[data-v-3580c9b7]:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--danger)}}

package/dist/components/UiMeter.js

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

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

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    label: string;
+    used: number;
+    limit: number | null;
+    unit?: string;
+    /** Format the numbers (default: as integers). */
+    format?: (n: number) => string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/UiMeter.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,41 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, toDisplayString as s, unref as c, useId as l } from "vue";
+//#region src/components/UiMeter.vue?vue&type=script&setup=true&lang.ts
+var u = { class: "mw-meter" }, d = ["for"], f = [
+	"id",
+	"value",
+	"max",
+	"low",
+	"high"
+], p = /*@__PURE__*/ i({
+	__name: "UiMeter",
+	props: {
+		label: {},
+		used: {},
+		limit: {},
+		unit: {},
+		format: { type: Function }
+	},
+	setup(i) {
+		let p = i, m = l(), h = (e) => p.format ? p.format(e) : String(e), g = e(() => Math.max(p.limit ?? 0, 1)), _ = e(() => p.limit !== null && p.used > p.limit), v = e(() => p.limit === null ? "no limit" : _.value ? `over by ${h(p.used - p.limit)}` : p.limit > 0 && p.used / p.limit >= .8 ? "close to the limit" : "within the limit"), y = e(() => `${h(p.used)}${p.limit === null ? "" : ` / ${h(p.limit)}`}${p.unit ? ` ${p.unit}` : ""} — ${v.value}`);
+		return (e, l) => (o(), n("div", u, [
+			r("label", {
+				for: c(m),
+				class: "mw-meter__label"
+			}, s(i.label), 9, d),
+			i.limit === null ? t("", !0) : (o(), n("meter", {
+				key: 0,
+				id: c(m),
+				class: "mw-meter__bar",
+				value: Math.min(i.used, g.value),
+				min: "0",
+				max: g.value,
+				low: g.value * .5,
+				high: g.value * .8,
+				optimum: "0"
+			}, s(h(i.used)) + " of " + s(h(i.limit)), 9, f)),
+			r("span", { class: a(["mw-meter__text", { "mw-meter__text--over": _.value }]) }, s(y.value), 3)
+		]));
+	}
+});
+//#endregion
+export { p as default };