@meddleware/ui 0.1.35 → 0.1.37

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

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    mainId?: string;
+    contained?: boolean;
+};
+declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {}, __VLS_12: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_6) => any;
+} & {
+    sidebar?: (props: typeof __VLS_8) => any;
+} & {
+    default?: (props: typeof __VLS_10) => any;
+} & {
+    footer?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    mainId: string;
+    contained: boolean;
+}, {}, {}, {}, 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/UiAppShell.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,27 @@
+import e from "./UiSkipLink.js";
+import { createElementBlock as t, createElementVNode as n, createVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s } from "vue";
+//#region src/components/UiAppShell.vue?vue&type=script&setup=true&lang.ts
+var c = ["id"], l = /*@__PURE__*/ i({
+	__name: "UiAppShell",
+	props: {
+		mainId: { default: "main" },
+		contained: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(i) {
+		return (l, u) => (o(), t("div", { class: a(["mw-shell", { "mw-shell--sidebar": l.$slots.sidebar }]) }, [
+			r(e, { href: `#${i.mainId}` }, null, 8, ["href"]),
+			s(l.$slots, "header"),
+			s(l.$slots, "sidebar"),
+			n("main", {
+				id: i.mainId,
+				class: a(["mw-shell__main", { "mw-shell__main--contained": i.contained }])
+			}, [s(l.$slots, "default")], 10, c),
+			s(l.$slots, "footer")
+		], 2));
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/UiBadge.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-badge[data-v-b6857ff4]{--_tone:var(--border);gap:var(--space-3xs);padding:0 var(--space-xs);border:1px solid var(--_tone);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--_tone) 12%, var(--bg));color:var(--text);font-size:var(--font-size-sm);white-space:nowrap;align-items:baseline;display:inline-flex}.mw-badge--ok[data-v-b6857ff4]{--_tone:var(--ok)}.mw-badge--warn[data-v-b6857ff4]{--_tone:var(--warning)}.mw-badge--danger[data-v-b6857ff4]{--_tone:var(--danger)}.mw-badge--info[data-v-b6857ff4]{--_tone:var(--info)}.mw-badge--accent[data-v-b6857ff4]{--_tone:var(--accent)}.mw-badge__symbol[data-v-b6857ff4]{color:var(--_tone)}.mw-badge--warn .mw-badge__symbol[data-v-b6857ff4]{color:var(--warning-text)}}

package/dist/components/UiBadge.js

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

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

@@ -1,4 +1,13 @@
+export type BadgeTone = 'ok' | 'warn' | 'danger' | 'info' | 'accent' | 'neutral';
 type __VLS_Props = {
+    /** Semantic tone: the colour of the border, tint and symbol. Default `neutral`. */
+    tone?: BadgeTone;
+    /**
+     * A short symbol before the label (decorative, hidden from assistive technology: the label carries the meaning). Pass your own
+     * (`'◐'`, `'○'`), `false` for none, or leave unset for the tone's default when `tone` is given.
+     */
+    symbol?: string | false;
+    /** @deprecated Use `tone`. `active` → ok, `pending` → warn, `closed`/`neutral` → neutral. */
     variant?: 'active' | 'closed' | 'pending' | 'neutral';
 };
 declare var __VLS_1: {};
@@ -6,7 +15,7 @@ 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<{}>, {
-    variant: "active" | "closed" | "pending" | "neutral";
+    symbol: string | false;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/UiBadge.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,35 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o, toDisplayString as s } from "vue";
+//#region src/components/UiBadge.vue?vue&type=script&setup=true&lang.ts
+var c = {
+	key: 0,
+	class: "mw-badge__symbol",
+	"aria-hidden": "true"
+}, l = /*@__PURE__*/ r({
+	__name: "UiBadge",
+	props: {
+		tone: {},
+		symbol: {
+			type: [String, Boolean],
+			default: void 0
+		},
+		variant: {}
+	},
+	setup(r) {
+		let l = r, u = {
+			ok: "✓",
+			warn: "!",
+			danger: "✗",
+			info: "i",
+			accent: "•",
+			neutral: "•"
+		}, d = {
+			active: "ok",
+			pending: "warn",
+			closed: "neutral",
+			neutral: "neutral"
+		}, f = e(() => l.tone ?? (l.variant ? d[l.variant] : "neutral")), p = e(() => l.symbol === !1 ? "" : l.symbol === void 0 ? l.tone ? u[l.tone] : "" : l.symbol);
+		return (e, r) => (a(), n("span", { class: i(["mw-badge", `mw-badge--${f.value}`]) }, [p.value ? (a(), n("span", c, s(p.value), 1)) : t("", !0), o(e.$slots, "default", {}, void 0, !0)], 2));
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/UiButton.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-btn[data-v-3abef52b]{justify-content:center;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-base), box-shadow var(--transition-base);border:1px solid #0000;text-decoration:none;display:inline-flex}.mw-btn--sm[data-v-3abef52b]{padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.mw-btn[data-v-3abef52b]:disabled:not([aria-busy=true]),.mw-btn[aria-disabled=true][data-v-3abef52b]:not([aria-busy=true]){filter:grayscale(.6);cursor:not-allowed}.mw-btn[aria-busy=true][data-v-3abef52b]{cursor:progress}.mw-btn .mw-spinner[data-v-3abef52b]{border-color:color-mix(in srgb, currentColor 30%, transparent);border-top-color:currentColor;width:1em;height:1em}.mw-btn--primary[data-v-3abef52b]{background:var(--accent);color:var(--accent-contrast)}.mw-btn--primary[data-v-3abef52b]:not(:disabled,[aria-disabled=true]):hover{box-shadow:inset 0 0 0 var(--space-4xs) var(--accent-contrast)}.mw-btn--secondary[data-v-3abef52b]{background:var(--secondary);color:var(--secondary-contrast)}.mw-btn--secondary[data-v-3abef52b]:not(:disabled,[aria-disabled=true]):hover{box-shadow:inset 0 0 0 var(--space-4xs) var(--secondary-contrast)}.mw-btn--danger[data-v-3abef52b]{background:var(--danger);color:var(--accent-contrast)}.mw-btn--danger[data-v-3abef52b]:not(:disabled,[aria-disabled=true]):hover{box-shadow:inset 0 0 0 var(--space-4xs) var(--accent-contrast)}.mw-btn--ghost[data-v-3abef52b]{color:var(--text);border-color:var(--border);background:0 0}.mw-btn--ghost[data-v-3abef52b]:not(:disabled,[aria-disabled=true]):hover{background:var(--lift)}.mw-btn--link[data-v-3abef52b]{color:var(--mw-link,var(--accent));font-weight:inherit;text-underline-offset:.18em;background:0 0;border:0;border-radius:0;padding:0;text-decoration:underline;text-decoration-thickness:.08em}.mw-btn--link[data-v-3abef52b]:not(:disabled,[aria-disabled=true]):hover{text-decoration-thickness:.14em}}

package/dist/components/UiButton.js

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

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

@@ -1,19 +1,29 @@
 type __VLS_Props = {
-    /** Visual style — primary (accent fill), secondary, ghost (outline), or danger (red). */
-    variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
-    /** HTML button type attribute. Use 'submit' inside forms; 'button' otherwise. */
+    /** Visual style: primary (accent fill), secondary, ghost (outline), danger (red), or link (looks like inline text). */
+    variant?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'link';
+    /** `sm` is the compact size for dense rows and toolbars. */
+    size?: 'md' | 'sm';
+    /** HTML button type attribute. Use 'submit' inside forms; 'button' otherwise. Ignored for a link. */
     type?: 'button' | 'submit' | 'reset';
-    /** When true, the button is rendered faded and blocks all interaction. */
+    /** When true, the control is rendered faded and blocks all interaction. */
     disabled?: boolean;
+    /** An operation is running: shows a spinner, sets `aria-busy`, and blocks interaction. The label stays. */
+    busy?: boolean;
+    /** Render an `<a>` to this URL (checked with `safeHref`: an unsafe URL renders no `href`). */
+    href?: string;
 };
-declare var __VLS_1: {};
+declare var __VLS_1: {}, __VLS_3: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    variant: "danger" | "primary" | "secondary" | "ghost";
-    type: "button" | "reset" | "submit";
+    variant: "danger" | "link" | "primary" | "secondary" | "ghost";
+    type: "button" | "submit" | "reset";
+    size: "md" | "sm";
     disabled: boolean;
+    busy: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/UiButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,60 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o, unref as s } from "vue";
+import { safeHref as c } from "@meddleware/web-utils";
+//#region src/components/UiButton.vue?vue&type=script&setup=true&lang.ts
+var l = [
+	"href",
+	"aria-disabled",
+	"aria-busy",
+	"tabindex"
+], u = {
+	key: 0,
+	class: "mw-spinner",
+	"aria-hidden": "true"
+}, d = [
+	"type",
+	"disabled",
+	"aria-busy"
+], f = {
+	key: 0,
+	class: "mw-spinner",
+	"aria-hidden": "true"
+}, p = /*@__PURE__*/ r({
+	__name: "UiButton",
+	props: {
+		variant: { default: "primary" },
+		size: { default: "md" },
+		type: { default: "button" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		busy: {
+			type: Boolean,
+			default: !1
+		},
+		href: {}
+	},
+	setup(r) {
+		let p = r, m = e(() => p.disabled || p.busy);
+		function h(e) {
+			m.value && e.preventDefault();
+		}
+		return (e, p) => r.href === void 0 ? (a(), n("button", {
+			key: 1,
+			type: r.type,
+			disabled: m.value,
+			class: i(["mw-btn", [`mw-btn--${r.variant}`, `mw-btn--${r.size}`]]),
+			"aria-busy": r.busy ? "true" : void 0
+		}, [r.busy ? (a(), n("span", f)) : t("", !0), o(e.$slots, "default", {}, void 0, !0)], 10, d)) : (a(), n("a", {
+			key: 0,
+			href: m.value ? void 0 : s(c)(r.href),
+			class: i(["mw-btn", [`mw-btn--${r.variant}`, `mw-btn--${r.size}`]]),
+			"aria-disabled": m.value ? "true" : void 0,
+			"aria-busy": r.busy ? "true" : void 0,
+			tabindex: m.value ? -1 : void 0,
+			onClick: h
+		}, [r.busy ? (a(), n("span", u)) : t("", !0), o(e.$slots, "default", {}, void 0, !0)], 10, l));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/UiCard.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-card[data-v-2b57e836]{padding:var(--space-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);position:relative;overflow:hidden}.mw-card__header[data-v-2b57e836]{margin:calc(-1 * var(--space-sm)) calc(-1 * var(--space-sm)) var(--space-sm);padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border)}.mw-card__title[data-v-2b57e836]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.mw-card__footer[data-v-2b57e836]{margin:var(--space-sm) calc(-1 * var(--space-sm)) calc(-1 * var(--space-sm));padding:var(--space-xs) var(--space-sm);border-top:1px solid var(--border);background:var(--lift)}.mw-card--plain .mw-card__header[data-v-2b57e836]{margin:0 0 var(--space-2xs);border-bottom:0;padding:0}.mw-card--plain .mw-card__title[data-v-2b57e836]{font-size:var(--font-size-lg)}.mw-card__link[data-v-2b57e836]{color:inherit;text-decoration:none}.mw-card__link[data-v-2b57e836]:after{content:"";position:absolute;inset:0}.mw-card--link[data-v-2b57e836]{transition:border-color var(--transition-base), box-shadow var(--transition-base)}.mw-card--link[data-v-2b57e836]:hover{border-color:var(--accent);box-shadow:var(--shadow-1)}.mw-card__link[data-v-2b57e836]:focus-visible:after{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:var(--radius)}}

package/dist/components/UiCard.js

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

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

@@ -1,16 +1,30 @@
 type __VLS_Props = {
-    /** Optional card heading rendered in the header slot fallback. */
+    /** Card heading, rendered in the header slot's fallback. */
     title?: string;
+    /** Root element. */
+    as?: 'section' | 'article' | 'li';
+    /** Heading rank (default 3), to fit the page's outline. */
+    level?: 2 | 3 | 4 | 5 | 6;
+    /** No header band: the title is a plain heading above the content. */
+    plain?: boolean;
+    /** Make the whole card a link to this URL through its title (checked with `safeHref`; external links are not opened in a new tab). */
+    href?: string;
 };
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+declare var __VLS_13: {}, __VLS_15: {}, __VLS_23: {}, __VLS_31: {};
 type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_1) => any;
+    icon?: (props: typeof __VLS_13) => any;
 } & {
-    default?: (props: typeof __VLS_3) => any;
+    header?: (props: typeof __VLS_15) => any;
 } & {
-    footer?: (props: typeof __VLS_5) => any;
+    default?: (props: typeof __VLS_23) => any;
+} & {
+    footer?: (props: typeof __VLS_31) => any;
 };
-declare const __VLS_base: 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 __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: "article" | "li" | "section";
+    level: 2 | 3 | 4 | 5 | 6;
+    plain: boolean;
+}, {}, {}, {}, 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;

package/dist/components/UiCard.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,51 @@
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderSlot as l, resolveDynamicComponent as u, toDisplayString as d, unref as f, withCtx as p } from "vue";
+import { safeHref as m } from "@meddleware/web-utils";
+//#region src/components/UiCard.vue?vue&type=script&setup=true&lang.ts
+var h = ["href"], g = /*@__PURE__*/ o({
+	__name: "UiCard",
+	props: {
+		title: {},
+		as: { default: "section" },
+		level: { default: 3 },
+		plain: {
+			type: Boolean,
+			default: !1
+		},
+		href: {}
+	},
+	setup(o) {
+		let g = o, _ = t(() => g.href === void 0 ? void 0 : m(g.href)), v = t(() => g.as === "li" ? "div" : "header");
+		return (t, g) => (c(), n(u(o.as), { class: s(["mw-card", {
+			"mw-card--plain": o.plain,
+			"mw-card--link": _.value
+		}]) }, {
+			default: p(() => [
+				o.title || t.$slots.header || t.$slots.icon ? (c(), n(u(v.value), {
+					key: 0,
+					class: "mw-card__header"
+				}, {
+					default: p(() => [l(t.$slots, "icon", {}, void 0, !0), l(t.$slots, "header", {}, () => [(c(), n(u(`h${o.level}`), { class: "mw-card__title" }, {
+						default: p(() => [_.value ? (c(), i("a", {
+							key: 0,
+							href: f(m)(o.href),
+							class: "mw-card__link"
+						}, d(o.title), 9, h)) : (c(), i(e, { key: 1 }, [a(d(o.title), 1)], 64))]),
+						_: 1
+					}))], !0)]),
+					_: 3
+				})) : r("", !0),
+				l(t.$slots, "default", {}, void 0, !0),
+				t.$slots.footer ? (c(), n(u(v.value === "header" ? "footer" : "div"), {
+					key: 1,
+					class: "mw-card__footer"
+				}, {
+					default: p(() => [l(t.$slots, "footer", {}, void 0, !0)]),
+					_: 3
+				})) : r("", !0)
+			]),
+			_: 3
+		}, 8, ["class"]));
+	}
+});
+//#endregion
+export { g as default };

package/dist/components/UiCheckField.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-check[data-v-896bf59f]{gap:var(--space-xs);align-items:flex-start;display:flex}.mw-check__box[data-v-896bf59f]{inline-size:calc(var(--space-sm) + var(--space-3xs));block-size:calc(var(--space-sm) + var(--space-3xs));accent-color:var(--accent);flex-shrink:0;margin:0}.mw-check__hint[data-v-896bf59f]{color:var(--muted);font-size:var(--font-size-sm)}}

package/dist/components/UiCheckField.js

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

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

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    label?: string;
+    hint?: string;
+    disabled?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, 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/UiCheckField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,31 @@
+import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, createTextVNode as r, defineComponent as i, mergeModels as a, openBlock as o, renderSlot as s, toDisplayString as c, useModel as l, vModelCheckbox as u, withDirectives as d } from "vue";
+//#region src/components/UiCheckField.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "mw-check" }, p = ["disabled"], m = {
+	key: 0,
+	class: "mw-check__hint"
+}, h = /*@__PURE__*/ i({
+	__name: "UiCheckField",
+	props: /*@__PURE__*/ a({
+		label: {},
+		hint: {},
+		disabled: { type: Boolean }
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(i) {
+		let a = l(i, "modelValue");
+		return (l, h) => (o(), t("label", f, [d(n("input", {
+			"onUpdate:modelValue": h[0] ||= (e) => a.value = e,
+			type: "checkbox",
+			class: "mw-check__box",
+			disabled: i.disabled
+		}, null, 8, p), [[u, a.value]]), n("span", null, [s(l.$slots, "label", {}, () => [r(c(i.label), 1)], !0), i.hint ? (o(), t("span", m, " — " + c(i.hint), 1)) : e("", !0)])]));
+	}
+});
+//#endregion
+export { h as default };

package/dist/components/UiCodeBlock.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-code[data-v-4c6bbb22]{margin:0}.mw-code__pre[data-v-4c6bbb22]{padding:var(--space-xs);background:var(--lift);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--mw-font-mono);font-size:var(--font-size-sm);margin:0;overflow:auto}.mw-code__pre--wrap[data-v-4c6bbb22]{white-space:pre-wrap;overflow-wrap:anywhere}.mw-code__pre[data-v-4c6bbb22]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}}

package/dist/components/UiCodeBlock.js

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

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

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    code?: string;
+    label?: string;
+    wrap?: boolean;
+};
+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;
+    wrap: boolean;
+}, {}, {}, {}, 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/UiCodeBlock.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,21 @@
+import { createElementBlock as e, createElementVNode as t, createTextVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o, toDisplayString as s } from "vue";
+//#region src/components/UiCodeBlock.vue?vue&type=script&setup=true&lang.ts
+var c = { class: "mw-code" }, l = { class: "mw-visually-hidden" }, u = /*@__PURE__*/ r({
+	__name: "UiCodeBlock",
+	props: {
+		code: {},
+		label: { default: "Code" },
+		wrap: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(r) {
+		return (u, d) => (a(), e("figure", c, [t("figcaption", l, s(r.label), 1), t("pre", {
+			class: i(["mw-code__pre", { "mw-code__pre--wrap": r.wrap }]),
+			tabindex: "0"
+		}, [t("code", null, [o(u.$slots, "default", {}, () => [n(s(r.code), 1)], !0)])], 2)]));
+	}
+});
+//#endregion
+export { u as default };

package/dist/components/UiCopyButton.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-copy[data-v-e8bdae3c]{min-width:1.5rem;min-height:1.5rem;color:var(--muted);cursor:pointer;transition:color var(--transition-base);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex;position:relative}.mw-copy[data-v-e8bdae3c]:hover{color:var(--text)}.mw-copy--copied[data-v-e8bdae3c]{color:var(--mw-link,var(--accent))}}

package/dist/components/UiCopyButton.js

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

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

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    /** The text to copy. */
+    value: string;
+    /** Accessible label and tooltip (default "Copy"). */
+    label?: string;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/components/UiCopyButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,64 @@
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, getCurrentScope as r, normalizeClass as i, onScopeDispose as a, openBlock as o, ref as s, toDisplayString as c } from "vue";
+//#region src/components/UiCopyButton.vue?vue&type=script&setup=true&lang.ts
+var l = ["title", "aria-label"], u = {
+	key: 0,
+	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,
+	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"
+}, f = {
+	class: "mw-visually-hidden",
+	role: "status"
+}, p = /*@__PURE__*/ n({
+	__name: "UiCopyButton",
+	props: {
+		value: {},
+		label: { default: "Copy" }
+	},
+	setup(n) {
+		let p = n, m = s(!1), h = null;
+		r() && a(() => h !== null && clearTimeout(h));
+		async function g() {
+			try {
+				await navigator.clipboard.writeText(p.value);
+			} catch {
+				return;
+			}
+			m.value = !0, h !== null && clearTimeout(h), h = setTimeout(() => {
+				m.value = !1;
+			}, 1500);
+		}
+		return (r, a) => (o(), e("button", {
+			type: "button",
+			class: i(["mw-copy", { "mw-copy--copied": m.value }]),
+			title: m.value ? "Copied!" : n.label,
+			"aria-label": m.value ? "Copied" : n.label,
+			onClick: g
+		}, [m.value ? (o(), e("svg", u, [...a[0] ||= [t("polyline", { points: "20 6 9 17 4 12" }, null, -1)]])) : (o(), e("svg", d, [...a[1] ||= [t("rect", {
+			x: "9",
+			y: "9",
+			width: "13",
+			height: "13",
+			rx: "2",
+			ry: "2"
+		}, null, -1), t("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }, null, -1)]])), t("span", f, c(m.value ? "Copied" : ""), 1)], 10, l));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/UiDataTable.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-data-table-wrap[data-v-41de31d6]{scrollbar-width:thin;position:relative;overflow-x:auto}.mw-data-table-wrap[data-v-41de31d6]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.mw-data-table[data-v-41de31d6]{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.mw-data-table[data-v-41de31d6] th{text-align:left;padding:var(--space-3xs) var(--space-2xs);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap}.mw-data-table[data-v-41de31d6] tbody th[scope=row]{font-size:inherit;letter-spacing:normal;text-transform:none;color:var(--text);white-space:normal;vertical-align:middle}.mw-data-table[data-v-41de31d6] td{padding:var(--space-3xs) var(--space-2xs);border-bottom:1px solid var(--border);vertical-align:middle}.mw-data-table[data-v-41de31d6] tbody tr:last-child td,.mw-data-table[data-v-41de31d6] tbody tr:last-child th{border-bottom:none}.mw-data-table[data-v-41de31d6] tbody tr:nth-child(2n) td,.mw-data-table[data-v-41de31d6] tbody tr:nth-child(2n) th{background:var(--lift)}.mw-data-table__empty[data-v-41de31d6]{padding:var(--space-md) var(--space-sm);text-align:center;color:var(--muted);font-size:var(--font-size-sm);margin:0}.mw-data-table__hint[data-v-41de31d6]{padding:var(--space-3xs) var(--space-2xs);color:var(--muted);font-size:var(--font-size-xs);display:block;position:sticky;left:0}}

package/dist/components/UiDataTable.js

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

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

@@ -1,9 +1,14 @@
 type __VLS_Props = {
     empty?: string;
+    /** Number of body rows; 0 shows `empty`. Omit it to treat "nothing in the default slot" as empty. */
+    rows?: number;
+    /** The table's accessible name. */
+    caption?: string;
 };
 type __VLS_Slots = {
     head(): unknown;
     default(): unknown;
+    caption(): unknown;
 };
 declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;