@dskripchenko/ui 1.16.0 → 1.17.0

package/dist/index.mjs

@@ -284,6 +284,11 @@ var ne = [
 		slide: (e) => `Slide ${e}`
 	},
 	stepper: { label: (e, t) => `Steps (current: ${e} of ${t})` },
+	board: {
+		label: "Board",
+		empty: "Empty",
+		wipExceeded: "Work-in-progress limit exceeded"
+	},
 	transfer: {
 		available: "Available",
 		selected: "Selected",
@@ -10875,35 +10880,209 @@ var vd = ["aria-label"], yd = [
 			}, null, 10, Rp))), 128))])) : s("", !0)
 		], 34));
 	}
-}), Bp = { class: "uid-transfer__panel" }, Vp = { class: "uid-transfer__header" }, Hp = { class: "uid-transfer__title" }, Up = ["aria-checked"], Wp = { class: "uid-transfer__count" }, Gp = {
+}), Bp = ["aria-label", "aria-busy"], Vp = {
+	key: 0,
+	class: "uid-board__lane-title"
+}, Hp = { class: "uid-board__columns" }, Up = [
+	"aria-label",
+	"onDragover",
+	"onDrop"
+], Wp = {
+	key: 0,
+	class: "uid-board__header"
+}, Gp = { class: "uid-board__title" }, Kp = ["title"], qp = {
+	class: "uid-board__cards",
+	role: "list"
+}, Jp = [
+	"draggable",
+	"onDragstart",
+	"onDragover",
+	"onDrop",
+	"onClick",
+	"onKeydown"
+], Yp = { class: "uid-board__card-title" }, Xp = {
+	key: 0,
+	class: "uid-board__card-subtitle"
+}, Zp = {
+	key: 1,
+	class: "uid-board__card-tags"
+}, Qp = {
+	key: 0,
+	class: "uid-board__empty",
+	"aria-hidden": "true"
+}, $p = /* @__PURE__ */ f({
+	__name: "UidBoard",
+	props: {
+		columns: {},
+		lanes: { default: () => [] },
+		busy: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["move", "open"],
+	setup(e, { emit: n }) {
+		let r = e, i = n, o = Q(), d = A(null), f = A(null), p = a(() => r.lanes.length > 0 ? r.lanes : [null]);
+		function m(e, t) {
+			return t === null ? e.cards : e.cards.filter((e) => e.lane === t.key);
+		}
+		function h(e) {
+			return e.cards.length;
+		}
+		function g(e) {
+			return e.wip != null && e.wip > 0 && h(e) > e.wip;
+		}
+		function _(e, t, n) {
+			return t.key === n ? !0 : e.targets === void 0 || e.targets.includes(t.key);
+		}
+		function v(e, t, n) {
+			if (r.busy) {
+				e.preventDefault();
+				return;
+			}
+			d.value = {
+				card: t,
+				from: n.key
+			}, e.dataTransfer?.setData("text/plain", String(t.key)), e.dataTransfer && (e.dataTransfer.effectAllowed = "move");
+		}
+		function y() {
+			d.value = null, f.value = null;
+		}
+		function x(e, t, n, r) {
+			let i = d.value;
+			i === null || !_(i.card, t, i.from) || (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "move"), f.value = {
+				column: t.key,
+				lane: n?.key ?? null,
+				beforeKey: r
+			});
+		}
+		function S(e, t, n) {
+			let r = d.value;
+			if (r === null || !_(r.card, t, r.from)) return;
+			e.preventDefault();
+			let i = f.value?.column === t.key ? f.value.beforeKey : null;
+			C(r.card, r.from, t, n, i), y();
+		}
+		function C(e, t, n, r, a) {
+			let o = m(n, r).filter((t) => t.key !== e.key), s = a === null ? o.length : o.findIndex((e) => e.key === a), c = s < 0 ? o.length : s, l = c > 0 ? o[c - 1] : void 0, u = o[c];
+			t === n.key && o.length === m(n, r).length - 1 && m(n, r).findIndex((t) => t.key === e.key) === c || i("move", {
+				card: e,
+				from: t,
+				to: n.key,
+				beforeKey: u?.key ?? null,
+				afterKey: l?.key ?? null,
+				lane: r?.key ?? e.lane ?? null
+			});
+		}
+		function w(e, t, n, a) {
+			if (e.key === "Enter") {
+				i("open", t);
+				return;
+			}
+			if (!e.altKey || e.key !== "ArrowRight" && e.key !== "ArrowLeft" || r.busy) return;
+			e.preventDefault();
+			let o = e.key === "ArrowRight" ? 1 : -1, s = r.columns.findIndex((e) => e.key === n.key);
+			for (let e = s + o; e >= 0 && e < r.columns.length; e += o) {
+				let i = r.columns[e];
+				if (i !== void 0 && _(t, i, n.key)) {
+					C(t, n.key, i, a, null);
+					return;
+				}
+			}
+		}
+		function T(e) {
+			let t = d.value;
+			return t !== null && e.key !== t.from && _(t.card, e, t.from);
+		}
+		function D(e) {
+			let t = d.value;
+			return t !== null && !_(t.card, e, t.from);
+		}
+		return (n, r) => (E(), c("div", {
+			class: b(["uid-board", {
+				"uid-board--busy": e.busy,
+				"uid-board--dragging": d.value !== null
+			}]),
+			role: "region",
+			"aria-label": z(o).board.label,
+			"aria-busy": e.busy
+		}, [(E(!0), c(t, null, j(p.value, (r, a) => (E(), c("div", {
+			key: r?.key ?? `lane-${a}`,
+			class: "uid-board__lane"
+		}, [r ? (E(), c("div", Vp, I(r.title), 1)) : s("", !0), l("div", Hp, [(E(!0), c(t, null, j(e.columns, (p) => (E(), c("section", {
+			key: p.key,
+			class: b(["uid-board__column", {
+				"uid-board__column--over": g(p),
+				"uid-board__column--target": T(p),
+				"uid-board__column--blocked": D(p)
+			}]),
+			"aria-label": p.title,
+			onDragover: (e) => x(e, p, r, null),
+			onDrop: (e) => S(e, p, r)
+		}, [a === 0 ? (E(), c("header", Wp, [M(n.$slots, "column-header", {
+			column: p,
+			count: h(p),
+			over: g(p)
+		}, () => [l("span", Gp, I(p.title), 1), l("span", {
+			class: "uid-board__count",
+			title: g(p) ? z(o).board.wipExceeded : void 0
+		}, [u(I(h(p)), 1), p.wip ? (E(), c(t, { key: 0 }, [u("/" + I(p.wip), 1)], 64)) : s("", !0)], 8, Kp)])])) : s("", !0), l("ul", qp, [(E(!0), c(t, null, j(m(p, r), (a) => (E(), c("li", {
+			key: a.key,
+			class: b(["uid-board__card", {
+				"uid-board__card--dragging": d.value?.card.key === a.key,
+				"uid-board__card--drop-before": f.value?.beforeKey === a.key && f.value?.column === p.key
+			}]),
+			draggable: !e.busy,
+			tabindex: "0",
+			role: "listitem",
+			"aria-keyshortcuts": "Alt+ArrowLeft Alt+ArrowRight Enter",
+			onDragstart: (e) => v(e, a, p),
+			onDragend: y,
+			onDragover: te((e) => x(e, p, r, a.key), ["stop"]),
+			onDrop: te((e) => S(e, p, r), ["stop"]),
+			onClick: (e) => i("open", a),
+			onKeydown: (e) => w(e, a, p, r)
+		}, [M(n.$slots, "card", {
+			card: a,
+			column: p
+		}, () => [
+			l("div", Yp, I(a.title), 1),
+			a.subtitle ? (E(), c("div", Xp, I(a.subtitle), 1)) : s("", !0),
+			a.tags?.length ? (E(), c("div", Zp, [(E(!0), c(t, null, j(a.tags, (e) => (E(), c("span", {
+				key: e.label,
+				class: b(["uid-board__tag", `uid-board__tag--${e.tone ?? "default"}`])
+			}, I(e.label), 3))), 128))])) : s("", !0)
+		])], 42, Jp))), 128)), m(p, r).length === 0 ? (E(), c("li", Qp, I(z(o).board.empty), 1)) : s("", !0)])], 42, Up))), 128))])]))), 128))], 10, Bp));
+	}
+}), em = { class: "uid-transfer__panel" }, tm = { class: "uid-transfer__header" }, nm = { class: "uid-transfer__title" }, rm = ["aria-checked"], im = { class: "uid-transfer__count" }, am = {
 	key: 0,
 	class: "uid-transfer__search"
-}, Kp = ["placeholder"], qp = {
+}, om = ["placeholder"], sm = {
 	class: "uid-transfer__list",
 	role: "listbox",
 	"aria-multiselectable": "true"
-}, Jp = [
+}, cm = [
 	"aria-selected",
 	"aria-disabled",
 	"onClick"
-], Yp = { class: "uid-transfer__label" }, Xp = {
+], lm = { class: "uid-transfer__label" }, um = {
 	key: 0,
 	class: "uid-transfer__empty"
-}, Zp = { class: "uid-transfer__ops" }, Qp = ["disabled", "aria-label"], $p = ["disabled", "aria-label"], em = { class: "uid-transfer__panel" }, tm = { class: "uid-transfer__header" }, nm = { class: "uid-transfer__title" }, rm = ["aria-checked"], im = { class: "uid-transfer__count" }, am = {
+}, dm = { class: "uid-transfer__ops" }, fm = ["disabled", "aria-label"], pm = ["disabled", "aria-label"], mm = { class: "uid-transfer__panel" }, hm = { class: "uid-transfer__header" }, gm = { class: "uid-transfer__title" }, _m = ["aria-checked"], vm = { class: "uid-transfer__count" }, ym = {
 	key: 0,
 	class: "uid-transfer__search"
-}, om = ["placeholder"], sm = {
+}, bm = ["placeholder"], xm = {
 	class: "uid-transfer__list",
 	role: "listbox",
 	"aria-multiselectable": "true"
-}, cm = [
+}, Sm = [
 	"aria-selected",
 	"aria-disabled",
 	"onClick"
-], lm = { class: "uid-transfer__label" }, um = {
+], Cm = { class: "uid-transfer__label" }, wm = {
 	key: 0,
 	class: "uid-transfer__empty"
-}, dm = /* @__PURE__ */ f({
+}, Tm = /* @__PURE__ */ f({
 	__name: "UidTransfer",
 	props: /* @__PURE__ */ _({
 		items: {},
@@ -10954,8 +11133,8 @@ var vd = ["aria-label"], yd = [
 			p.value = e, g.value = /* @__PURE__ */ new Set(), f("change", e);
 		}
 		return (r, i) => (E(), c("div", { class: b(["uid-transfer", { "uid-transfer--disabled": n.disabled }]) }, [
-			l("div", Bp, [
-				l("div", Vp, [l("span", Hp, [l("span", {
+			l("div", em, [
+				l("div", tm, [l("span", nm, [l("span", {
 					class: b(["uid-transfer__check", { "uid-transfer__check--checked": k.value }]),
 					role: "checkbox",
 					"aria-checked": k.value,
@@ -10966,14 +11145,14 @@ var vd = ["aria-label"], yd = [
 					key: 0,
 					icon: z(Jt),
 					size: 10
-				}, null, 8, ["icon"])) : s("", !0)], 42, Up), u(" " + I(y.value[0]), 1)]), l("span", Wp, I(h.value.size) + " / " + I(w.value.length), 1)]),
-				n.searchable ? (E(), c("div", Gp, [ee(l("input", {
+				}, null, 8, ["icon"])) : s("", !0)], 42, rm), u(" " + I(y.value[0]), 1)]), l("span", im, I(h.value.size) + " / " + I(w.value.length), 1)]),
+				n.searchable ? (E(), c("div", am, [ee(l("input", {
 					"onUpdate:modelValue": i[3] ||= (e) => _.value = e,
 					class: "uid-transfer__search-input",
 					type: "text",
 					placeholder: z(m).common.search
-				}, null, 8, Kp), [[G, _.value]])])) : s("", !0),
-				l("ul", qp, [(E(!0), c(t, null, j(w.value, (t) => (E(), c("li", {
+				}, null, 8, om), [[G, _.value]])])) : s("", !0),
+				l("ul", sm, [(E(!0), c(t, null, j(w.value, (t) => (E(), c("li", {
 					key: t.key,
 					class: b(["uid-transfer__item", { "uid-transfer__item--disabled": t.disabled }]),
 					role: "option",
@@ -10987,9 +11166,9 @@ var vd = ["aria-label"], yd = [
 					key: 0,
 					icon: z(Jt),
 					size: 10
-				}, null, 8, ["icon"])) : s("", !0)], 2), l("span", Yp, I(t.label), 1)], 10, Jp))), 128)), w.value.length === 0 ? (E(), c("li", Xp, I(z(m).common.noResults), 1)) : s("", !0)])
+				}, null, 8, ["icon"])) : s("", !0)], 2), l("span", lm, I(t.label), 1)], 10, cm))), 128)), w.value.length === 0 ? (E(), c("li", um, I(z(m).common.noResults), 1)) : s("", !0)])
 			]),
-			l("div", Zp, [l("button", {
+			l("div", dm, [l("button", {
 				type: "button",
 				class: "uid-transfer__op",
 				disabled: h.value.size === 0 || n.disabled,
@@ -10998,7 +11177,7 @@ var vd = ["aria-label"], yd = [
 			}, [d(e, {
 				icon: z(Zt),
 				size: 16
-			}, null, 8, ["icon"])], 8, Qp), l("button", {
+			}, null, 8, ["icon"])], 8, fm), l("button", {
 				type: "button",
 				class: "uid-transfer__op",
 				disabled: g.value.size === 0 || n.disabled,
@@ -11007,9 +11186,9 @@ var vd = ["aria-label"], yd = [
 			}, [d(e, {
 				icon: z(Xt),
 				size: 16
-			}, null, 8, ["icon"])], 8, $p)]),
-			l("div", em, [
-				l("div", tm, [l("span", nm, [l("span", {
+			}, null, 8, ["icon"])], 8, pm)]),
+			l("div", mm, [
+				l("div", hm, [l("span", gm, [l("span", {
 					class: b(["uid-transfer__check", { "uid-transfer__check--checked": M.value }]),
 					role: "checkbox",
 					"aria-checked": M.value,
@@ -11020,14 +11199,14 @@ var vd = ["aria-label"], yd = [
 					key: 0,
 					icon: z(Jt),
 					size: 10
-				}, null, 8, ["icon"])) : s("", !0)], 42, rm), u(" " + I(y.value[1]), 1)]), l("span", im, I(g.value.size) + " / " + I(T.value.length), 1)]),
-				n.searchable ? (E(), c("div", am, [ee(l("input", {
+				}, null, 8, ["icon"])) : s("", !0)], 42, _m), u(" " + I(y.value[1]), 1)]), l("span", vm, I(g.value.size) + " / " + I(T.value.length), 1)]),
+				n.searchable ? (E(), c("div", ym, [ee(l("input", {
 					"onUpdate:modelValue": i[7] ||= (e) => v.value = e,
 					class: "uid-transfer__search-input",
 					type: "text",
 					placeholder: z(m).common.search
-				}, null, 8, om), [[G, v.value]])])) : s("", !0),
-				l("ul", sm, [(E(!0), c(t, null, j(T.value, (t) => (E(), c("li", {
+				}, null, 8, bm), [[G, v.value]])])) : s("", !0),
+				l("ul", xm, [(E(!0), c(t, null, j(T.value, (t) => (E(), c("li", {
 					key: t.key,
 					class: b(["uid-transfer__item", { "uid-transfer__item--disabled": t.disabled }]),
 					role: "option",
@@ -11041,60 +11220,60 @@ var vd = ["aria-label"], yd = [
 					key: 0,
 					icon: z(Jt),
 					size: 10
-				}, null, 8, ["icon"])) : s("", !0)], 2), l("span", lm, I(t.label), 1)], 10, cm))), 128)), T.value.length === 0 ? (E(), c("li", um, I(z(m).common.noResults), 1)) : s("", !0)])
+				}, null, 8, ["icon"])) : s("", !0)], 2), l("span", Cm, I(t.label), 1)], 10, Sm))), 128)), T.value.length === 0 ? (E(), c("li", wm, I(z(m).common.noResults), 1)) : s("", !0)])
 			])
 		], 2));
 	}
-}), fm = {
+}), Em = {
 	key: 0,
 	class: "uid-cascader__label"
-}, pm = [
+}, Dm = [
 	"aria-expanded",
 	"aria-disabled",
 	"aria-label"
-], mm = { class: "uid-cascader__value" }, hm = {
+], Om = { class: "uid-cascader__value" }, km = {
 	key: 0,
 	class: "uid-cascader__separator"
-}, gm = {
+}, Am = {
 	key: 1,
 	class: "uid-cascader__placeholder"
-}, _m = { class: "uid-cascader__suffix" }, vm = ["aria-label"], ym = {
+}, jm = { class: "uid-cascader__suffix" }, Mm = ["aria-label"], Nm = {
 	key: 0,
 	class: "uid-cascader__search"
-}, bm = [
+}, Pm = [
 	"aria-expanded",
 	"aria-controls",
 	"aria-activedescendant",
 	"aria-label",
 	"placeholder"
-], xm = ["id"], Sm = [
+], Fm = ["id"], Im = [
 	"id",
 	"aria-selected",
 	"onMouseenter",
 	"onClick"
-], Cm = {
+], Lm = {
 	key: 0,
 	class: "uid-cascader__separator"
-}, wm = {
+}, Rm = {
 	key: 0,
 	class: "uid-cascader__highlight"
-}, Tm = {
+}, zm = {
 	key: 0,
 	class: "uid-cascader__empty",
 	role: "presentation"
-}, Em = {
+}, Bm = {
 	key: 2,
 	class: "uid-cascader__columns"
-}, Dm = [
+}, Vm = [
 	"aria-haspopup",
 	"aria-expanded",
 	"aria-disabled",
 	"onClick",
 	"onMouseenter"
-], Om = { class: "uid-cascader__option-label" }, km = {
+], Hm = { class: "uid-cascader__option-label" }, Um = {
 	key: 1,
 	class: "uid-cascader__hint"
-}, Am = /* @__PURE__ */ f({
+}, Wm = /* @__PURE__ */ f({
 	__name: "UidCascader",
 	props: /* @__PURE__ */ _({
 		size: { default: "md" },
@@ -11273,7 +11452,7 @@ var vd = ["aria-label"], yd = [
 				"uid-cascader--disabled": r.disabled
 			}]])
 		}, [
-			r.label ? (E(), c("label", fm, I(r.label), 1)) : s("", !0),
+			r.label ? (E(), c("label", Em, I(r.label), 1)) : s("", !0),
 			l("div", {
 				ref_key: "triggerRef",
 				ref: T,
@@ -11286,7 +11465,7 @@ var vd = ["aria-label"], yd = [
 				"aria-label": g.value,
 				onClick: Z,
 				onKeydown: fe
-			}, [l("div", mm, [re.value.length > 0 ? (E(!0), c(t, { key: 0 }, j(re.value, (e, n) => (E(), c(t, { key: n }, [l("span", null, I(e), 1), n < re.value.length - 1 ? (E(), c("span", hm, I(r.separator), 1)) : s("", !0)], 64))), 128)) : (E(), c("span", gm, I(g.value), 1))]), l("div", _m, [r.clearable && m.value.length > 0 ? (E(), c("button", {
+			}, [l("div", Om, [re.value.length > 0 ? (E(!0), c(t, { key: 0 }, j(re.value, (e, n) => (E(), c(t, { key: n }, [l("span", null, I(e), 1), n < re.value.length - 1 ? (E(), c("span", km, I(r.separator), 1)) : s("", !0)], 64))), 128)) : (E(), c("span", Am, I(g.value), 1))]), l("div", jm, [r.clearable && m.value.length > 0 ? (E(), c("button", {
 				key: 0,
 				type: "button",
 				class: "uid-cascader__clear",
@@ -11295,18 +11474,18 @@ var vd = ["aria-label"], yd = [
 			}, [d(e, {
 				icon: z(Mn),
 				size: 14
-			}, null, 8, ["icon"])], 8, vm)) : s("", !0), d(e, {
+			}, null, 8, ["icon"])], 8, Mm)) : s("", !0), d(e, {
 				icon: z(Yt),
 				size: 16,
 				class: b(["uid-cascader__chevron", { "uid-cascader__chevron--open": _.value }])
-			}, null, 8, ["icon", "class"])])], 40, pm),
+			}, null, 8, ["icon", "class"])])], 40, Dm),
 			(E(), o(n, { to: "body" }, [_.value ? (E(), c("div", {
 				key: 0,
 				ref_key: "panelRef",
 				ref: D,
 				class: "uid-cascader__dropdown",
 				style: x(z(O))
-			}, [r.searchable ? (E(), c("div", ym, [ee(l("input", {
+			}, [r.searchable ? (E(), c("div", Nm, [ee(l("input", {
 				ref_key: "searchRef",
 				ref: C,
 				"onUpdate:modelValue": a[0] ||= (e) => M.value = e,
@@ -11321,7 +11500,7 @@ var vd = ["aria-label"], yd = [
 				"aria-label": r.searchPlaceholder ?? z(h).common.search,
 				placeholder: r.searchPlaceholder ?? z(h).common.search,
 				onKeydown: J
-			}, null, 40, bm), [[G, M.value]])])) : s("", !0), B.value ? (E(), c("ul", {
+			}, null, 40, Pm), [[G, M.value]])])) : s("", !0), B.value ? (E(), c("ul", {
 				key: 1,
 				id: z(P),
 				class: "uid-cascader__results",
@@ -11335,7 +11514,7 @@ var vd = ["aria-label"], yd = [
 				onMousedown: a[1] ||= te(() => {}, ["prevent"]),
 				onMouseenter: (e) => N.value = n,
 				onClick: (t) => K(e)
-			}, [(E(!0), c(t, null, j(e.path, (e, n) => (E(), c(t, { key: n }, [n > 0 ? (E(), c("span", Cm, I(r.separator), 1)) : s("", !0), l("span", null, [(E(!0), c(t, null, j(U(e.label), (e, n) => (E(), c(t, { key: n }, [e.match ? (E(), c("mark", wm, I(e.text), 1)) : (E(), c(t, { key: 1 }, [u(I(e.text), 1)], 64))], 64))), 128))])], 64))), 128))], 42, Sm))), 128)), R.value.length === 0 ? (E(), c("li", Tm, I(z(h).common.noResults), 1)) : s("", !0)], 8, xm)) : (E(), c("div", Em, [(E(!0), c(t, null, j(X.value, (n, i) => (E(), c("div", {
+			}, [(E(!0), c(t, null, j(e.path, (e, n) => (E(), c(t, { key: n }, [n > 0 ? (E(), c("span", Lm, I(r.separator), 1)) : s("", !0), l("span", null, [(E(!0), c(t, null, j(U(e.label), (e, n) => (E(), c(t, { key: n }, [e.match ? (E(), c("mark", Rm, I(e.text), 1)) : (E(), c(t, { key: 1 }, [u(I(e.text), 1)], 64))], 64))), 128))])], 64))), 128))], 42, Im))), 128)), R.value.length === 0 ? (E(), c("li", zm, I(z(h).common.noResults), 1)) : s("", !0)], 8, Fm)) : (E(), c("div", Bm, [(E(!0), c(t, null, j(X.value, (n, i) => (E(), c("div", {
 				key: i,
 				class: "uid-cascader__column"
 			}, [(E(!0), c(t, null, j(n, (t) => (E(), c("button", {
@@ -11351,27 +11530,27 @@ var vd = ["aria-label"], yd = [
 				"aria-disabled": t.disabled ? "true" : void 0,
 				onClick: (e) => ce(t, i),
 				onMouseenter: (e) => le(t, i)
-			}, [l("span", Om, I(t.label), 1), t.children?.length ? (E(), o(e, {
+			}, [l("span", Hm, I(t.label), 1), t.children?.length ? (E(), o(e, {
 				key: 0,
 				icon: z(Zt),
 				size: 14,
 				class: "uid-cascader__option-arrow",
 				"aria-hidden": "true"
-			}, null, 8, ["icon"])) : s("", !0)], 42, Dm))), 128))]))), 128))]))], 4)) : s("", !0)])),
-			r.hint ? (E(), c("p", km, I(r.hint), 1)) : s("", !0)
+			}, null, 8, ["icon"])) : s("", !0)], 42, Vm))), 128))]))), 128))]))], 4)) : s("", !0)])),
+			r.hint ? (E(), c("p", Um, I(r.hint), 1)) : s("", !0)
 		], 2));
 	}
-}), jm = { class: "uid-calendar__header" }, Mm = { class: "uid-calendar__title" }, Nm = { class: "uid-calendar__nav" }, Pm = ["aria-label"], Fm = ["aria-label"], Im = { class: "uid-calendar__weekdays" }, Lm = { class: "uid-calendar__grid" }, Rm = [
+}), Gm = { class: "uid-calendar__header" }, Km = { class: "uid-calendar__title" }, qm = { class: "uid-calendar__nav" }, Jm = ["aria-label"], Ym = ["aria-label"], Xm = { class: "uid-calendar__weekdays" }, Zm = { class: "uid-calendar__grid" }, Qm = [
 	"tabindex",
 	"aria-current",
 	"aria-selected",
 	"aria-label",
 	"onClick",
 	"onKeydown"
-], zm = { class: "uid-calendar__date" }, Bm = { class: "uid-calendar__events" }, Vm = ["title", "onClick"], Hm = { class: "uid-calendar__event-label" }, Um = {
+], $m = { class: "uid-calendar__date" }, eh = { class: "uid-calendar__events" }, th = ["title", "onClick"], nh = { class: "uid-calendar__event-label" }, rh = {
 	key: 0,
 	class: "uid-calendar__more"
-}, Wm = /* @__PURE__ */ f({
+}, ih = /* @__PURE__ */ f({
 	__name: "UidCalendar",
 	props: /* @__PURE__ */ _({
 		events: { default: () => [] },
@@ -11458,7 +11637,7 @@ var vd = ["aria-label"], yd = [
 			e.stopPropagation(), o("event-click", t);
 		}
 		return (r, i) => (E(), c("div", { class: b(["uid-calendar", { "uid-calendar--compact": n.compact }]) }, [
-			l("div", jm, [l("span", Mm, I(y.value), 1), l("div", Nm, [
+			l("div", Gm, [l("span", Km, I(y.value), 1), l("div", qm, [
 				l("button", {
 					type: "button",
 					class: "uid-calendar__btn uid-calendar__btn--icon",
@@ -11467,7 +11646,7 @@ var vd = ["aria-label"], yd = [
 				}, [d(e, {
 					icon: z(Xt),
 					size: 14
-				}, null, 8, ["icon"])], 8, Pm),
+				}, null, 8, ["icon"])], 8, Jm),
 				l("button", {
 					type: "button",
 					class: "uid-calendar__btn",
@@ -11481,13 +11660,13 @@ var vd = ["aria-label"], yd = [
 				}, [d(e, {
 					icon: z(Zt),
 					size: 14
-				}, null, 8, ["icon"])], 8, Fm)
+				}, null, 8, ["icon"])], 8, Ym)
 			])]),
-			l("div", Im, [(E(!0), c(t, null, j(z(f).datePicker.weekdaysShort, (e) => (E(), c("span", {
+			l("div", Xm, [(E(!0), c(t, null, j(z(f).datePicker.weekdaysShort, (e) => (E(), c("span", {
 				key: e,
 				class: "uid-calendar__weekday"
 			}, I(e), 1))), 128))]),
-			l("div", Lm, [(E(!0), c(t, null, j(w.value, (e) => (E(), c("div", {
+			l("div", Zm, [(E(!0), c(t, null, j(w.value, (e) => (E(), c("div", {
 				key: e.iso,
 				class: b(["uid-calendar__day", {
 					"uid-calendar__day--other": !e.current,
@@ -11502,30 +11681,30 @@ var vd = ["aria-label"], yd = [
 				"aria-label": e.iso,
 				onClick: (t) => M(e),
 				onKeydown: [X(te((t) => M(e), ["prevent"]), ["enter"]), X(te((t) => M(e), ["prevent"]), ["space"])]
-			}, [l("span", zm, I(e.date.getDate()), 1), l("div", Bm, [(E(!0), c(t, null, j(e.events.slice(0, n.maxEventsPerDay), (t, n) => (E(), c("button", {
+			}, [l("span", $m, I(e.date.getDate()), 1), l("div", eh, [(E(!0), c(t, null, j(e.events.slice(0, n.maxEventsPerDay), (t, n) => (E(), c("button", {
 				key: t.id ?? `${e.iso}-${n}`,
 				type: "button",
 				class: "uid-calendar__event",
 				style: x(t.color ? { "--uid-event-color": t.color } : void 0),
 				title: t.title,
 				onClick: (e) => N(e, t)
-			}, [l("span", Hm, I(t.title), 1)], 12, Vm))), 128)), e.events.length > n.maxEventsPerDay ? (E(), c("span", Um, "+" + I(e.events.length - n.maxEventsPerDay), 1)) : s("", !0)])], 42, Rm))), 128))])
+			}, [l("span", nh, I(t.title), 1)], 12, th))), 128)), e.events.length > n.maxEventsPerDay ? (E(), c("span", rh, "+" + I(e.events.length - n.maxEventsPerDay), 1)) : s("", !0)])], 42, Qm))), 128))])
 		], 2));
 	}
-}), Gm = ["aria-label"], Km = [
+}), ah = ["aria-label"], oh = [
 	"viewBox",
 	"width",
 	"height"
-], qm = [
+], sh = [
 	"x2",
 	"y1",
 	"y2"
-], Jm = [
+], ch = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Ym = ["d"], Xm = ["d"], Zm = ["cx", "cy"], Qm = ["cx", "cy"], $m = 2, eh = /* @__PURE__ */ f({
+], lh = ["d"], uh = ["d"], dh = ["cx", "cy"], fh = ["cx", "cy"], ph = 2, mh = /* @__PURE__ */ f({
 	__name: "UidSparkline",
 	props: {
 		data: {},
@@ -11568,11 +11747,11 @@ var vd = ["aria-label"], yd = [
 			};
 		});
 		function o(e, t) {
-			return t <= 1 ? n.width / 2 : $m + e / (t - 1) * (n.width - $m * 2);
+			return t <= 1 ? n.width / 2 : ph + e / (t - 1) * (n.width - ph * 2);
 		}
 		function u(e) {
 			let t = i.value, r = (e - t.min) / (t.max - t.min);
-			return n.height - $m - r * (n.height - $m * 2);
+			return n.height - ph - r * (n.height - ph * 2);
 		}
 		let d = a(() => n.data.map((e, t) => ({
 			x: o(t, n.data.length),
@@ -11591,14 +11770,14 @@ var vd = ["aria-label"], yd = [
 		}), p = a(() => {
 			let e = d.value;
 			if (e.length === 0) return "";
-			let t = n.height - $m;
+			let t = n.height - ph;
 			return `${f.value} L ${e[e.length - 1].x.toFixed(2)} ${t.toFixed(2)} L ${e[0].x.toFixed(2)} ${t.toFixed(2)} Z`;
 		}), m = a(() => {
 			let e = d.value, t = e.length;
 			if (t === 0) return [];
-			let r = n.width - $m * 2, i = Math.max(1, r / t * .7), a = u(0);
+			let r = n.width - ph * 2, i = Math.max(1, r / t * .7), a = u(0);
 			return e.map((e, n) => {
-				let o = $m + (n + .5) / t * r - i / 2, s = e.v < 0, c = s ? a : e.y, l = s ? e.y : a;
+				let o = ph + (n + .5) / t * r - i / 2, s = e.v < 0, c = s ? a : e.y, l = s ? e.y : a;
 				return {
 					x: o,
 					y: c,
@@ -11635,59 +11814,59 @@ var vd = ["aria-label"], yd = [
 			x2: e.width,
 			y1: h.value,
 			y2: h.value
-		}, null, 8, qm)) : s("", !0), e.type === "bar" ? (E(!0), c(t, { key: 1 }, j(m.value, (e, t) => (E(), c("rect", {
+		}, null, 8, sh)) : s("", !0), e.type === "bar" ? (E(!0), c(t, { key: 1 }, j(m.value, (e, t) => (E(), c("rect", {
 			key: t,
 			class: b(["uid-sparkline__bar", { "uid-sparkline__bar--negative": e.negative }]),
 			x: e.x,
 			y: e.y,
 			width: e.width,
 			height: e.height
-		}, null, 10, Jm))), 128)) : (E(), c(t, { key: 2 }, [
+		}, null, 10, ch))), 128)) : (E(), c(t, { key: 2 }, [
 			e.type === "area" ? (E(), c("path", {
 				key: 0,
 				class: "uid-sparkline__area",
 				d: p.value
-			}, null, 8, Ym)) : s("", !0),
+			}, null, 8, lh)) : s("", !0),
 			l("path", {
 				class: "uid-sparkline__line",
 				d: f.value
-			}, null, 8, Xm),
+			}, null, 8, uh),
 			e.showDots ? (E(!0), c(t, { key: 1 }, j(d.value, (e, t) => (E(), c("circle", {
 				key: t,
 				class: "uid-sparkline__dot",
 				cx: e.x,
 				cy: e.y,
 				r: "2.5"
-			}, null, 8, Zm))), 128)) : s("", !0),
+			}, null, 8, dh))), 128)) : s("", !0),
 			e.showLast && _.value && !e.showDots ? (E(), c("circle", {
 				key: 2,
 				class: "uid-sparkline__dot uid-sparkline__dot--last",
 				cx: _.value.x,
 				cy: _.value.y,
 				r: "2.5"
-			}, null, 8, Qm)) : s("", !0)
-		], 64))], 8, Km))], 12, Gm));
+			}, null, 8, fh)) : s("", !0)
+		], 64))], 8, oh))], 12, ah));
 	}
-}), th = ["aria-valuemax", "aria-valuenow"], nh = [
+}), hh = ["aria-valuemax", "aria-valuenow"], gh = [
 	"width",
 	"height",
 	"viewBox"
-], rh = [
+], _h = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-width"
-], ih = [
+], vh = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-width",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], ah = {
+], yh = {
 	key: 0,
 	class: "uid-progress-ring__label"
-}, oh = /* @__PURE__ */ f({
+}, bh = /* @__PURE__ */ f({
 	__name: "UidProgressRing",
 	props: {
 		value: { default: 0 },
@@ -11732,7 +11911,7 @@ var vd = ["aria-label"], yd = [
 			cy: i.value,
 			r: n.value,
 			"stroke-width": e.strokeWidth
-		}, null, 8, rh), l("circle", {
+		}, null, 8, _h), l("circle", {
 			class: "uid-progress-ring__progress",
 			cx: i.value,
 			cy: i.value,
@@ -11740,50 +11919,50 @@ var vd = ["aria-label"], yd = [
 			"stroke-width": e.strokeWidth,
 			"stroke-dasharray": r.value,
 			"stroke-dashoffset": f.value
-		}, null, 8, ih)], 8, nh)), e.showLabel || t.$slots.default ? (E(), c("div", ah, [M(t.$slots, "default", {}, () => [u(I(p.value), 1)])])) : s("", !0)], 14, th));
+		}, null, 8, vh)], 8, gh)), e.showLabel || t.$slots.default ? (E(), c("div", yh, [M(t.$slots, "default", {}, () => [u(I(p.value), 1)])])) : s("", !0)], 14, hh));
 	}
-}), sh = [
+}), xh = [
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow",
 	"aria-label"
-], ch = [
+], Sh = [
 	"width",
 	"height",
 	"viewBox"
-], lh = ["d", "stroke-width"], uh = [
+], Ch = ["d", "stroke-width"], wh = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], dh = [
+], Th = [
 	"d",
 	"stroke-width",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], fh = { key: 2 }, ph = [
+], Eh = { key: 2 }, Dh = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"transform"
-], mh = ["cx", "cy"], hh = {
+], Oh = ["cx", "cy"], kh = {
 	key: 0,
 	class: "uid-gauge__content"
-}, gh = {
+}, Ah = {
 	key: 0,
 	class: "uid-gauge__value"
-}, _h = {
+}, jh = {
 	key: 0,
 	class: "uid-gauge__suffix"
-}, vh = {
+}, Mh = {
 	key: 1,
 	class: "uid-gauge__label"
-}, yh = {
+}, Nh = {
 	key: 1,
 	class: "uid-gauge__limits"
-}, bh = 4, xh = /* @__PURE__ */ f({
+}, Ph = 4, Fh = /* @__PURE__ */ f({
 	__name: "UidGauge",
 	props: {
 		value: { default: 0 },
@@ -11813,7 +11992,7 @@ var vd = ["aria-label"], yd = [
 		locale: { default: void 0 }
 	},
 	setup(e) {
-		let n = e, r = Q(), i = a(() => n.locale ?? r.value.code), o = a(() => (n.size - n.strokeWidth) / 2 - bh), u = a(() => n.size / 2), d = a(() => n.size / 2), f = a(() => n.size / 2 + n.strokeWidth / 2 + bh), p = a(() => Math.PI * o.value), m = a(() => Math.max(n.min, Math.min(n.max, n.value))), h = a(() => {
+		let n = e, r = Q(), i = a(() => n.locale ?? r.value.code), o = a(() => (n.size - n.strokeWidth) / 2 - Ph), u = a(() => n.size / 2), d = a(() => n.size / 2), f = a(() => n.size / 2 + n.strokeWidth / 2 + Ph), p = a(() => Math.PI * o.value), m = a(() => Math.max(n.min, Math.min(n.max, n.value))), h = a(() => {
 			let e = n.max - n.min;
 			return e <= 0 ? 0 : (m.value - n.min) / e;
 		}), g = a(() => {
@@ -11851,7 +12030,7 @@ var vd = ["aria-label"], yd = [
 					class: "uid-gauge__track",
 					d: g.value,
 					"stroke-width": e.strokeWidth
-				}, null, 8, lh),
+				}, null, 8, Ch),
 				e.ranges && e.ranges.length ? (E(!0), c(t, { key: 0 }, j(e.ranges, (t, n) => (E(), c("path", {
 					key: n,
 					class: "uid-gauge__range",
@@ -11860,7 +12039,7 @@ var vd = ["aria-label"], yd = [
 					"stroke-width": e.strokeWidth,
 					"stroke-dasharray": v(t).dasharray,
 					"stroke-dashoffset": v(t).dashoffset
-				}, null, 8, uh))), 128)) : s("", !0),
+				}, null, 8, wh))), 128)) : s("", !0),
 				!e.ranges || e.ranges.length === 0 ? (E(), c("path", {
 					key: 1,
 					class: "uid-gauge__progress",
@@ -11868,43 +12047,43 @@ var vd = ["aria-label"], yd = [
 					"stroke-width": e.strokeWidth,
 					"stroke-dasharray": p.value,
 					"stroke-dashoffset": _.value
-				}, null, 8, dh)) : s("", !0),
-				e.showNeedle ? (E(), c("g", fh, [l("line", {
+				}, null, 8, Th)) : s("", !0),
+				e.showNeedle ? (E(), c("g", Eh, [l("line", {
 					class: "uid-gauge__needle",
 					x1: u.value,
 					y1: d.value,
 					x2: u.value + o.value - e.strokeWidth,
 					y2: d.value,
 					transform: `rotate(${y.value} ${u.value} ${d.value})`
-				}, null, 8, ph), l("circle", {
+				}, null, 8, Dh), l("circle", {
 					class: "uid-gauge__needle-pivot",
 					cx: u.value,
 					cy: d.value,
 					r: "4"
-				}, null, 8, mh)])) : s("", !0)
-			], 8, ch)),
-			e.showValue || e.label ? (E(), c("div", hh, [e.showValue ? (E(), c("div", gh, [l("span", null, I(S.value), 1), e.suffix ? (E(), c("span", _h, I(e.suffix), 1)) : s("", !0)])) : s("", !0), e.label ? (E(), c("div", vh, I(e.label), 1)) : s("", !0)])) : s("", !0),
-			e.showLimits ? (E(), c("div", yh, [l("span", null, I(e.min), 1), l("span", null, I(e.max), 1)])) : s("", !0)
-		], 14, sh));
+				}, null, 8, Oh)])) : s("", !0)
+			], 8, Sh)),
+			e.showValue || e.label ? (E(), c("div", kh, [e.showValue ? (E(), c("div", Ah, [l("span", null, I(S.value), 1), e.suffix ? (E(), c("span", jh, I(e.suffix), 1)) : s("", !0)])) : s("", !0), e.label ? (E(), c("div", Mh, I(e.label), 1)) : s("", !0)])) : s("", !0),
+			e.showLimits ? (E(), c("div", Nh, [l("span", null, I(e.min), 1), l("span", null, I(e.max), 1)])) : s("", !0)
+		], 14, xh));
 	}
-}), Sh = ["aria-label"], Ch = { class: "uid-heatmap__chart" }, wh = {
+}), Ih = ["aria-label"], Lh = { class: "uid-heatmap__chart" }, Rh = {
 	key: 0,
 	class: "uid-heatmap__weekdays",
 	"aria-hidden": "true"
-}, Th = { class: "uid-heatmap__grid-wrapper" }, Eh = [
+}, zh = { class: "uid-heatmap__grid-wrapper" }, Bh = [
 	"width",
 	"height",
 	"viewBox"
-], Dh = [
+], Vh = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"fill"
-], Oh = {
+], Hh = {
 	key: 0,
 	class: "uid-heatmap__legend"
-}, kh = /* @__PURE__ */ f({
+}, Uh = /* @__PURE__ */ f({
 	__name: "UidHeatmap",
 	props: {
 		data: {},
@@ -12010,10 +12189,10 @@ var vd = ["aria-label"], yd = [
 			style: x(w.value),
 			role: "img",
 			"aria-label": k.value
-		}, [l("div", Ch, [e.showWeekdays ? (E(), c("div", wh, [(E(!0), c(t, null, j(z(r).datePicker.weekdaysShort, (e, t) => (E(), c("span", {
+		}, [l("div", Lh, [e.showWeekdays ? (E(), c("div", Rh, [(E(!0), c(t, null, j(z(r).datePicker.weekdaysShort, (e, t) => (E(), c("span", {
 			key: e,
 			class: b(["uid-heatmap__weekday", { "uid-heatmap__weekday--visible": t === 0 || t === 2 || t === 4 }])
-		}, I(e), 3))), 128))])) : s("", !0), l("div", Th, [e.showMonths ? (E(), c("div", {
+		}, I(e), 3))), 128))])) : s("", !0), l("div", zh, [e.showMonths ? (E(), c("div", {
 			key: 0,
 			class: "uid-heatmap__months",
 			style: x({ width: `${S.value}px` }),
@@ -12036,7 +12215,7 @@ var vd = ["aria-label"], yd = [
 			width: e.cellSize,
 			height: e.cellSize,
 			fill: v(t.level)
-		}, [l("title", null, I(D(t)), 1)], 8, Dh))), 128))], 8, Eh))])]), e.showLegend ? (E(), c("div", Oh, [
+		}, [l("title", null, I(D(t)), 1)], 8, Vh))), 128))], 8, Bh))])]), e.showLegend ? (E(), c("div", Hh, [
 			l("span", null, I(z(r).heatmap.less), 1),
 			(E(!0), c(t, null, j(T.value, (e) => (E(), c("span", {
 				key: e,
@@ -12044,9 +12223,9 @@ var vd = ["aria-label"], yd = [
 				style: x(e === 0 ? void 0 : { background: v(e) })
 			}, null, 4))), 128)),
 			l("span", null, I(z(r).heatmap.more), 1)
-		])) : s("", !0)], 12, Sh));
+		])) : s("", !0)], 12, Ih));
 	}
-}), Ah = {
+}), Wh = {
 	default: ["color-mix(in srgb, var(--uid-heatmap-matrix-color) 14%, var(--uid-color-bg))", "var(--uid-heatmap-matrix-color)"],
 	viridis: [
 		"#440154",
@@ -12126,42 +12305,42 @@ var vd = ["aria-label"], yd = [
 		"#67000d"
 	]
 };
-function jh(e) {
-	return Object.prototype.hasOwnProperty.call(Ah, e);
+function Gh(e) {
+	return Object.prototype.hasOwnProperty.call(Wh, e);
 }
-function Mh(e) {
+function Kh(e) {
 	if (Array.isArray(e)) {
 		let t = e.filter((e) => typeof e == "string" && e.trim() !== "");
-		return t.length > 0 ? t : [...Ah.default];
+		return t.length > 0 ? t : [...Wh.default];
 	}
 	let t = typeof e == "string" ? e.trim() : "";
-	if (t === "") return [...Ah.default];
+	if (t === "") return [...Wh.default];
 	let n = t.toLowerCase();
-	return jh(n) ? [...Ah[n]] : Nh(t) ? [`color-mix(in srgb, ${t} 14%, var(--uid-color-bg))`, t] : [...Ah.default];
+	return Gh(n) ? [...Wh[n]] : qh(t) ? [`color-mix(in srgb, ${t} 14%, var(--uid-color-bg))`, t] : [...Wh.default];
 }
-function Nh(e) {
+function qh(e) {
 	return /^(#|rgba?\(|hsla?\(|hwb\(|lab\(|lch\(|oklab\(|oklch\(|color\(|color-mix\(|var\()/i.test(e) ? !0 : typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("color", e);
 }
-function Ph(e, t) {
+function Jh(e, t) {
 	if (e.length === 0) return "transparent";
 	if (e.length === 1) return e[0];
 	let n = (Number.isFinite(t) ? Math.min(1, Math.max(0, t)) : 0) * (e.length - 1), r = Math.min(e.length - 2, Math.floor(n)), i = n - r;
 	return i <= 5e-4 ? e[r] : i >= .9995 ? e[r + 1] : `color-mix(in srgb, ${e[r + 1]} ${(i * 100).toFixed(1)}%, ${e[r]})`;
 }
-function Fh(e) {
+function Yh(e) {
 	return e.length === 1 ? e[0] : `linear-gradient(to right, ${e.join(", ")})`;
 }
 //#endregion
 //#region src/components/Heatmap/UidHeatmapMatrix.vue?vue&type=script&setup=true&lang.ts
-var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
+var Xh = { class: "uid-heatmap-matrix__scroll" }, Zh = [
 	"aria-label",
 	"aria-rowcount",
 	"aria-colcount"
-], Rh = {
+], Qh = {
 	class: "uid-heatmap-matrix__row uid-heatmap-matrix__row--head",
 	role: "row",
 	"aria-rowindex": "1"
-}, zh = ["aria-colindex", "aria-label"], Bh = ["title"], Vh = ["aria-rowindex"], Hh = ["title"], Uh = [
+}, $h = ["aria-colindex", "aria-label"], eg = ["title"], tg = ["aria-rowindex"], ng = ["title"], rg = [
 	"aria-colindex",
 	"aria-label",
 	"tabindex",
@@ -12169,14 +12348,14 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 	"data-c",
 	"onMouseenter",
 	"onFocus"
-], Wh = { class: "uid-heatmap-matrix__tooltip-label" }, Gh = { class: "uid-heatmap-matrix__tooltip-value" }, Kh = {
+], ig = { class: "uid-heatmap-matrix__tooltip-label" }, ag = { class: "uid-heatmap-matrix__tooltip-value" }, og = {
 	key: 1,
 	class: "uid-heatmap-matrix__legend",
 	"aria-hidden": "true"
-}, qh = { class: "uid-heatmap-matrix__legend-value" }, Jh = { class: "uid-heatmap-matrix__legend-value" }, Yh = {
+}, sg = { class: "uid-heatmap-matrix__legend-value" }, cg = { class: "uid-heatmap-matrix__legend-value" }, lg = {
 	key: 0,
 	class: "uid-heatmap-matrix__legend-empty"
-}, Xh = 11, Zh = 96, Qh = 18, $h = /* @__PURE__ */ f({
+}, ug = 11, dg = 96, fg = 18, pg = /* @__PURE__ */ f({
 	__name: "UidHeatmapMatrix",
 	props: {
 		rows: {},
@@ -12212,13 +12391,13 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 				min: typeof n.min == "number" ? n.min : e,
 				max: typeof n.max == "number" ? n.max : t
 			};
-		}), v = a(() => g.value.some((e) => e.some((e) => e === null))), w = a(() => Mh(n.colorScale));
+		}), v = a(() => g.value.some((e) => e.some((e) => e === null))), w = a(() => Kh(n.colorScale));
 		function T(e) {
 			let { min: t, max: n } = _.value;
 			return n <= t ? +(e > t) : (e - t) / (n - t);
 		}
 		function D(e) {
-			if (e !== null) return Ph(w.value, T(e));
+			if (e !== null) return Jh(w.value, T(e));
 		}
 		function O(e) {
 			return n.formatValue ? n.formatValue(e) : new Intl.NumberFormat(r.value.code).format(e);
@@ -12240,7 +12419,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 			return `${n.row} × ${n.col}: ${k(n.value)}`;
 		}
 		function F(e) {
-			return Math.min(Zh, e.length * Xh * .6);
+			return Math.min(dg, e.length * ug * .6);
 		}
 		let L = a(() => n.cols.reduce((e, t) => Math.max(e, F(t)), 0)), R = a(() => {
 			let e = n.cols.length, t = p.value, r = n.colLabels;
@@ -12249,7 +12428,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 				step: 1,
 				reserve: 0
 			};
-			let a = t - 4 - m.value - n.gap * e, o = Math.max(n.minCellWidth, a / e), s = L.value, c = Math.max(1, Math.ceil((s + 6) / o)), l = (s + Xh) * i, u = Math.max(n.minCellWidth, (a - l) / Math.max(.5, e - .5)), d = Math.max(0, Math.ceil(l - u / 2)), f = Math.max(1, Math.ceil(Qh / u));
+			let a = t - 4 - m.value - n.gap * e, o = Math.max(n.minCellWidth, a / e), s = L.value, c = Math.max(1, Math.ceil((s + 6) / o)), l = (s + ug) * i, u = Math.max(n.minCellWidth, (a - l) / Math.max(.5, e - .5)), d = Math.max(0, Math.ceil(l - u / 2)), f = Math.max(1, Math.ceil(fg / u));
 			return r === "horizontal" ? {
 				mode: "horizontal",
 				step: c,
@@ -12277,7 +12456,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 			"--uid-heatmap-matrix-min-cell": `${n.minCellWidth}px`,
 			"--uid-heatmap-matrix-gap": `${n.gap}px`,
 			"--uid-heatmap-matrix-header-height": `${V.value}px`
-		})), U = a(() => R.value.reserve > 0 ? { paddingInlineEnd: `${R.value.reserve}px` } : void 0), W = a(() => Fh(w.value)), G = a(() => n.ariaLabel ?? r.value.heatmap.matrixSummary(n.rows.length, n.cols.length)), K = A({
+		})), U = a(() => R.value.reserve > 0 ? { paddingInlineEnd: `${R.value.reserve}px` } : void 0), W = a(() => Yh(w.value)), G = a(() => n.ariaLabel ?? r.value.heatmap.matrixSummary(n.rows.length, n.cols.length)), K = A({
 			r: 0,
 			c: 0
 		}), J = A(null), Y = A(!1), ee = a(() => J.value ?? (Y.value ? K.value : null)), X = a(() => ee.value ? N(ee.value.r, ee.value.c) : null), te = A({});
@@ -12375,7 +12554,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 			class: b(["uid-heatmap-matrix", `uid-heatmap-matrix--labels-${R.value.mode}`]),
 			style: x(H.value)
 		}, [
-			l("div", Ih, [l("div", {
+			l("div", Xh, [l("div", {
 				class: "uid-heatmap-matrix__grid",
 				role: "grid",
 				style: x(U.value),
@@ -12384,7 +12563,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 				"aria-colcount": e.cols.length + 1,
 				onMouseleave: ie,
 				onKeydown: se
-			}, [l("div", Rh, [i[0] ||= l("div", {
+			}, [l("div", Qh, [i[0] ||= l("div", {
 				class: "uid-heatmap-matrix__corner",
 				role: "columnheader",
 				"aria-colindex": "1"
@@ -12398,7 +12577,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 				class: b(["uid-heatmap-matrix__col-label", { "uid-heatmap-matrix__col-label--hidden": !B(t) }]),
 				title: e,
 				"aria-hidden": "true"
-			}, I(e), 11, Bh)], 8, zh))), 128))]), (E(!0), c(t, null, j(e.rows, (n, r) => (E(), c("div", {
+			}, I(e), 11, eg)], 8, $h))), 128))]), (E(!0), c(t, null, j(e.rows, (n, r) => (E(), c("div", {
 				key: `r-${r}`,
 				class: "uid-heatmap-matrix__row",
 				role: "row",
@@ -12411,7 +12590,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 				role: "rowheader",
 				"aria-colindex": "1",
 				title: n
-			}, I(n), 9, Hh), (E(!0), c(t, null, j(e.cols, (e, t) => (E(), c("div", {
+			}, I(n), 9, ng), (E(!0), c(t, null, j(e.cols, (e, t) => (E(), c("div", {
 				key: `c-${r}-${t}`,
 				class: b(["uid-heatmap-matrix__cell", {
 					"uid-heatmap-matrix__cell--empty": g.value[r][t] === null,
@@ -12427,7 +12606,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 				onMouseenter: (e) => re(r, t),
 				onFocus: (e) => ae(r, t),
 				onBlur: Z
-			}, null, 46, Uh))), 128))], 8, Vh))), 128))], 44, Lh)]),
+			}, null, 46, rg))), 128))], 8, tg))), 128))], 44, Zh)]),
 			X.value ? (E(), c("div", {
 				key: 0,
 				ref_key: "tooltipRef",
@@ -12438,25 +12617,25 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 			}, [M(n.$slots, "tooltip", {
 				cell: X.value,
 				formatted: k(X.value.value)
-			}, () => [l("span", Wh, I(X.value.row) + " × " + I(X.value.col), 1), l("strong", Gh, I(k(X.value.value)), 1)])], 4)) : s("", !0),
-			e.showLegend && e.rows.length > 0 && e.cols.length > 0 ? (E(), c("div", Kh, [
-				l("span", qh, I(O(_.value.min)), 1),
+			}, () => [l("span", ig, I(X.value.row) + " × " + I(X.value.col), 1), l("strong", ag, I(k(X.value.value)), 1)])], 4)) : s("", !0),
+			e.showLegend && e.rows.length > 0 && e.cols.length > 0 ? (E(), c("div", og, [
+				l("span", sg, I(O(_.value.min)), 1),
 				l("span", {
 					class: "uid-heatmap-matrix__legend-bar",
 					style: x({ background: W.value })
 				}, null, 4),
-				l("span", Jh, I(O(_.value.max)), 1),
-				v.value ? (E(), c("span", Yh, [i[1] ||= l("span", { class: "uid-heatmap-matrix__legend-swatch" }, null, -1), u(" " + I(z(r).heatmap.noData), 1)])) : s("", !0)
+				l("span", cg, I(O(_.value.max)), 1),
+				v.value ? (E(), c("span", lg, [i[1] ||= l("span", { class: "uid-heatmap-matrix__legend-swatch" }, null, -1), u(" " + I(z(r).heatmap.noData), 1)])) : s("", !0)
 			])) : s("", !0)
 		], 6));
 	}
-}), eg = ["aria-label"], tg = ["aria-current"], ng = { class: "uid-stepper__indicator" }, rg = {
+}), mg = ["aria-label"], hg = ["aria-current"], gg = { class: "uid-stepper__indicator" }, _g = {
 	key: 1,
 	"aria-hidden": "true"
-}, ig = { class: "uid-stepper__content" }, ag = { class: "uid-stepper__label" }, og = {
+}, vg = { class: "uid-stepper__content" }, yg = { class: "uid-stepper__label" }, bg = {
 	key: 0,
 	class: "uid-stepper__description"
-}, sg = /* @__PURE__ */ f({
+}, xg = /* @__PURE__ */ f({
 	__name: "UidStepper",
 	props: {
 		steps: {},
@@ -12485,20 +12664,20 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 			class: b(["uid-stepper__target", { "uid-stepper__target--selectable": d(r) }]),
 			onClick: (e) => d(r) && u("select", r)
 		}, {
-			default: Y(() => [l("div", ng, [f(r, n.current) === "completed" ? (E(), o(e, {
+			default: Y(() => [l("div", gg, [f(r, n.current) === "completed" ? (E(), o(e, {
 				key: 0,
 				icon: z(Jt),
 				size: 16,
 				"aria-hidden": "true"
-			}, null, 8, ["icon"])) : (E(), c("span", rg, I(r + 1), 1))]), l("div", ig, [l("span", ag, I(t.label), 1), t.description ? (E(), c("span", og, I(t.description), 1)) : s("", !0)])]),
+			}, null, 8, ["icon"])) : (E(), c("span", _g, I(r + 1), 1))]), l("div", vg, [l("span", yg, I(t.label), 1), t.description ? (E(), c("span", bg, I(t.description), 1)) : s("", !0)])]),
 			_: 2
 		}, 1032, [
 			"type",
 			"class",
 			"onClick"
-		]))], 10, tg))), 128))], 10, eg));
+		]))], 10, hg))), 128))], 10, mg));
 	}
-}), cg = /* @__PURE__ */ f({
+}), Sg = /* @__PURE__ */ f({
 	__name: "UidStack",
 	props: {
 		direction: { default: "column" },
@@ -12544,7 +12723,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 			_: 3
 		}, 8, ["class", "style"]));
 	}
-}), lg = /* @__PURE__ */ f({
+}), Cg = /* @__PURE__ */ f({
 	__name: "UidGrid",
 	props: {
 		cols: { default: 12 },
@@ -12579,7 +12758,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 			_: 3
 		}, 8, ["style"]));
 	}
-}), ug = /* @__PURE__ */ f({
+}), wg = /* @__PURE__ */ f({
 	__name: "UidContainer",
 	props: {
 		size: { default: "lg" },
@@ -12595,7 +12774,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 			_: 3
 		}, 8, ["class"]));
 	}
-}), dg = Symbol("uid-wizard"), fg = { class: "uid-wizard" }, pg = /* @__PURE__ */ f({
+}), Tg = Symbol("uid-wizard"), Eg = { class: "uid-wizard" }, Dg = /* @__PURE__ */ f({
 	__name: "UidWizard",
 	props: /* @__PURE__ */ _({ steps: {} }, {
 		modelValue: { default: 0 },
@@ -12620,7 +12799,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 		function m(e) {
 			i.delete(e);
 		}
-		return D(dg, {
+		return D(Tg, {
 			current: r,
 			steps: o,
 			isFirst: s,
@@ -12637,9 +12816,9 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 			goTo: f,
 			isFirst: s,
 			isLast: l
-		}), (e, t) => (E(), c("div", fg, [M(e.$slots, "default")]));
+		}), (e, t) => (E(), c("div", Eg, [M(e.$slots, "default")]));
 	}
-}), mg = ["aria-label"], hg = /* @__PURE__ */ f({
+}), Og = ["aria-label"], kg = /* @__PURE__ */ f({
 	__name: "UidWizardStep",
 	props: {
 		index: {},
@@ -12649,7 +12828,7 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 		}
 	},
 	setup(e) {
-		let t = e, n = Q(), r = g(dg);
+		let t = e, n = Q(), r = g(Tg);
 		if (!r) throw Error("UidWizardStep must be inside UidWizard");
 		q(() => t.validate, (e, n) => {
 			n !== void 0 && r.unregisterValidator(t.index), e !== void 0 && r.registerValidator(t.index, e);
@@ -12660,18 +12839,18 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 			class: "uid-wizard-step",
 			role: "tabpanel",
 			"aria-label": z(n).wizard.step(e.index + 1)
-		}, [M(t.$slots, "default")], 8, mg)) : s("", !0);
+		}, [M(t.$slots, "default")], 8, Og)) : s("", !0);
 	}
-}), gg = { class: "uid-pattern-header__inner" }, _g = {
+}), Ag = { class: "uid-pattern-header__inner" }, jg = {
 	key: 0,
 	class: "uid-pattern-header__logo"
-}, vg = ["aria-label"], yg = {
+}, Mg = ["aria-label"], Ng = {
 	key: 2,
 	class: "uid-pattern-header__actions"
-}, bg = {
+}, Pg = {
 	key: 3,
 	class: "uid-pattern-header__mobile"
-}, xg = /* @__PURE__ */ f({
+}, Fg = /* @__PURE__ */ f({
 	__name: "UidHeader",
 	props: {
 		sticky: {
@@ -12693,39 +12872,39 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 			"uid-pattern-header--sticky": e.sticky,
 			"uid-pattern-header--bordered": e.bordered,
 			"uid-pattern-header--transparent": e.transparent
-		}]) }, [l("div", gg, [
-			n.$slots.logo ? (E(), c("div", _g, [M(n.$slots, "logo")])) : s("", !0),
+		}]) }, [l("div", Ag, [
+			n.$slots.logo ? (E(), c("div", jg, [M(n.$slots, "logo")])) : s("", !0),
 			n.$slots.nav ? (E(), c("nav", {
 				key: 1,
 				class: "uid-pattern-header__nav",
 				"aria-label": z(t).header.nav
-			}, [M(n.$slots, "nav")], 8, vg)) : s("", !0),
-			n.$slots.actions ? (E(), c("div", yg, [M(n.$slots, "actions")])) : s("", !0),
-			n.$slots.mobile ? (E(), c("div", bg, [M(n.$slots, "mobile")])) : s("", !0)
+			}, [M(n.$slots, "nav")], 8, Mg)) : s("", !0),
+			n.$slots.actions ? (E(), c("div", Ng, [M(n.$slots, "actions")])) : s("", !0),
+			n.$slots.mobile ? (E(), c("div", Pg, [M(n.$slots, "mobile")])) : s("", !0)
 		])], 2));
 	}
-}), Sg = { class: "uid-pattern-footer__inner" }, Cg = {
+}), Ig = { class: "uid-pattern-footer__inner" }, Lg = {
 	key: 0,
 	class: "uid-pattern-footer__columns"
-}, wg = {
+}, Rg = {
 	key: 1,
 	class: "uid-pattern-footer__content"
-}, Tg = {
+}, zg = {
 	key: 2,
 	class: "uid-pattern-footer__bottom"
-}, Eg = /* @__PURE__ */ f({
+}, Bg = /* @__PURE__ */ f({
 	__name: "UidFooter",
 	props: { variant: { default: "minimal" } },
 	setup(e) {
-		return (t, n) => (E(), c("footer", { class: b(["uid-pattern-footer", `uid-pattern-footer--${e.variant}`]) }, [l("div", Sg, [t.$slots.columns ? (E(), c("div", Cg, [M(t.$slots, "columns")])) : t.$slots.default ? (E(), c("div", wg, [M(t.$slots, "default")])) : s("", !0), t.$slots.bottom ? (E(), c("div", Tg, [M(t.$slots, "bottom")])) : s("", !0)])], 2));
+		return (t, n) => (E(), c("footer", { class: b(["uid-pattern-footer", `uid-pattern-footer--${e.variant}`]) }, [l("div", Ig, [t.$slots.columns ? (E(), c("div", Lg, [M(t.$slots, "columns")])) : t.$slots.default ? (E(), c("div", Rg, [M(t.$slots, "default")])) : s("", !0), t.$slots.bottom ? (E(), c("div", zg, [M(t.$slots, "bottom")])) : s("", !0)])], 2));
 	}
-}), Dg = ["aria-label"], Og = {
+}), Vg = ["aria-label"], Hg = {
 	key: 0,
 	class: "uid-pattern-sidebar__header"
-}, kg = ["aria-label"], Ag = {
+}, Ug = ["aria-label"], Wg = {
 	key: 1,
 	class: "uid-pattern-sidebar__footer"
-}, jg = /* @__PURE__ */ f({
+}, Gg = /* @__PURE__ */ f({
 	__name: "UidSidebar",
 	props: {
 		collapsed: {
@@ -12742,22 +12921,22 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 			style: x(e.width && !e.collapsed ? { "--uid-sidebar-width": e.width } : void 0),
 			"aria-label": z(t).sidebar.label
 		}, [
-			n.$slots.header ? (E(), c("div", Og, [M(n.$slots, "header")])) : s("", !0),
+			n.$slots.header ? (E(), c("div", Hg, [M(n.$slots, "header")])) : s("", !0),
 			l("nav", {
 				class: "uid-pattern-sidebar__nav",
 				"aria-label": z(t).sidebar.nav
-			}, [M(n.$slots, "nav")], 8, kg),
-			n.$slots.footer ? (E(), c("div", Ag, [M(n.$slots, "footer")])) : s("", !0)
-		], 14, Dg));
+			}, [M(n.$slots, "nav")], 8, Ug),
+			n.$slots.footer ? (E(), c("div", Wg, [M(n.$slots, "footer")])) : s("", !0)
+		], 14, Vg));
 	}
-}), Mg = {
+}), Kg = {
 	key: 0,
 	class: "uid-sidebar-item__icon",
 	"aria-hidden": "true"
-}, Ng = { class: "uid-sidebar-item__label" }, Pg = {
+}, qg = { class: "uid-sidebar-item__label" }, Jg = {
 	key: 1,
 	class: "uid-sidebar-item__badge"
-}, Fg = /* @__PURE__ */ f({
+}, Yg = /* @__PURE__ */ f({
 	__name: "UidSidebarItem",
 	props: {
 		href: { default: void 0 },
@@ -12784,9 +12963,9 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 			tabindex: e.disabled ? -1 : void 0
 		}), {
 			default: Y(() => [
-				t.$slots.icon ? (E(), c("span", Mg, [M(t.$slots, "icon")])) : s("", !0),
-				l("span", Ng, [M(t.$slots, "default")]),
-				e.badge === void 0 ? s("", !0) : (E(), c("span", Pg, I(e.badge), 1))
+				t.$slots.icon ? (E(), c("span", Kg, [M(t.$slots, "icon")])) : s("", !0),
+				l("span", qg, [M(t.$slots, "default")]),
+				e.badge === void 0 ? s("", !0) : (E(), c("span", Jg, I(e.badge), 1))
 			]),
 			_: 3
 		}, 16, [
@@ -12796,10 +12975,10 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 			"tabindex"
 		]));
 	}
-}), Ig = { class: "uid-sidebar-group" }, Lg = {
+}), Xg = { class: "uid-sidebar-group" }, Zg = {
 	key: 0,
 	class: "uid-sidebar-group__title"
-}, Rg = /* @__PURE__ */ f({
+}, Qg = /* @__PURE__ */ f({
 	__name: "UidSidebarGroup",
 	props: {
 		title: { default: void 0 },
@@ -12809,29 +12988,29 @@ var Ih = { class: "uid-heatmap-matrix__scroll" }, Lh = [
 		}
 	},
 	setup(e) {
-		return (t, n) => (E(), c("div", Ig, [e.title ? (E(), c("p", Lg, I(e.title), 1)) : s("", !0), M(t.$slots, "default")]));
+		return (t, n) => (E(), c("div", Xg, [e.title ? (E(), c("p", Zg, I(e.title), 1)) : s("", !0), M(t.$slots, "default")]));
 	}
-}), zg = {}, Bg = {
+}), $g = {}, e_ = {
 	class: "uid-sidebar-divider",
 	role: "separator",
 	"aria-hidden": "true"
 };
-function Vg(e, t) {
-	return E(), c("div", Bg);
+function t_(e, t) {
+	return E(), c("div", e_);
 }
-var Hg = /* @__PURE__ */ Vr(zg, [["render", Vg]]), Ug = { class: "uid-pattern-page-header" }, Wg = {
+var n_ = /* @__PURE__ */ Vr($g, [["render", t_]]), r_ = { class: "uid-pattern-page-header" }, i_ = {
 	key: 0,
 	class: "uid-pattern-page-header__breadcrumb"
-}, Gg = { class: "uid-pattern-page-header__row" }, Kg = { class: "uid-pattern-page-header__heading" }, qg = ["aria-label"], Jg = { class: "uid-pattern-page-header__title" }, Yg = {
+}, a_ = { class: "uid-pattern-page-header__row" }, o_ = { class: "uid-pattern-page-header__heading" }, s_ = ["aria-label"], c_ = { class: "uid-pattern-page-header__title" }, l_ = {
 	key: 0,
 	class: "uid-pattern-page-header__description"
-}, Xg = {
+}, u_ = {
 	key: 0,
 	class: "uid-pattern-page-header__actions"
-}, Zg = {
+}, d_ = {
 	key: 1,
 	class: "uid-pattern-page-header__tabs"
-}, Qg = /* @__PURE__ */ f({
+}, f_ = /* @__PURE__ */ f({
 	__name: "UidPageHeader",
 	props: {
 		title: { default: void 0 },
@@ -12844,9 +13023,9 @@ var Hg = /* @__PURE__ */ Vr(zg, [["render", Vg]]), Ug = { class: "uid-pattern-pa
 	emits: ["back"],
 	setup(t, { emit: n }) {
 		let r = Q(), i = n;
-		return (n, a) => (E(), c("div", Ug, [
-			n.$slots.breadcrumb ? (E(), c("div", Wg, [M(n.$slots, "breadcrumb")])) : s("", !0),
-			l("div", Gg, [l("div", Kg, [t.back ? (E(), c("button", {
+		return (n, a) => (E(), c("div", r_, [
+			n.$slots.breadcrumb ? (E(), c("div", i_, [M(n.$slots, "breadcrumb")])) : s("", !0),
+			l("div", a_, [l("div", o_, [t.back ? (E(), c("button", {
 				key: 0,
 				type: "button",
 				class: "uid-pattern-page-header__back",
@@ -12855,17 +13034,17 @@ var Hg = /* @__PURE__ */ Vr(zg, [["render", Vg]]), Ug = { class: "uid-pattern-pa
 			}, [d(e, {
 				icon: z(Ut),
 				size: 20
-			}, null, 8, ["icon"])], 8, qg)) : s("", !0), l("div", null, [l("h1", Jg, [M(n.$slots, "title", {}, () => [u(I(t.title), 1)])]), t.description || n.$slots.description ? (E(), c("p", Yg, [M(n.$slots, "description", {}, () => [u(I(t.description), 1)])])) : s("", !0)])]), n.$slots.actions ? (E(), c("div", Xg, [M(n.$slots, "actions")])) : s("", !0)]),
-			n.$slots.tabs ? (E(), c("div", Zg, [M(n.$slots, "tabs")])) : s("", !0)
+			}, null, 8, ["icon"])], 8, s_)) : s("", !0), l("div", null, [l("h1", c_, [M(n.$slots, "title", {}, () => [u(I(t.title), 1)])]), t.description || n.$slots.description ? (E(), c("p", l_, [M(n.$slots, "description", {}, () => [u(I(t.description), 1)])])) : s("", !0)])]), n.$slots.actions ? (E(), c("div", u_, [M(n.$slots, "actions")])) : s("", !0)]),
+			n.$slots.tabs ? (E(), c("div", d_, [M(n.$slots, "tabs")])) : s("", !0)
 		]));
 	}
-}), $g = { class: "uid-pattern-empty-state" }, e_ = { class: "uid-pattern-empty-state__illustration" }, t_ = { class: "uid-pattern-empty-state__content" }, n_ = { class: "uid-pattern-empty-state__title" }, r_ = {
+}), p_ = { class: "uid-pattern-empty-state" }, m_ = { class: "uid-pattern-empty-state__illustration" }, h_ = { class: "uid-pattern-empty-state__content" }, g_ = { class: "uid-pattern-empty-state__title" }, __ = {
 	key: 0,
 	class: "uid-pattern-empty-state__description"
-}, i_ = {
+}, v_ = {
 	key: 0,
 	class: "uid-pattern-empty-state__actions"
-}, a_ = /* @__PURE__ */ f({
+}, y_ = /* @__PURE__ */ f({
 	__name: "UidEmptyState",
 	props: {
 		title: { default: void 0 },
@@ -12873,25 +13052,25 @@ var Hg = /* @__PURE__ */ Vr(zg, [["render", Vg]]), Ug = { class: "uid-pattern-pa
 	},
 	setup(t) {
 		let n = Q();
-		return (r, i) => (E(), c("div", $g, [
-			l("div", e_, [M(r.$slots, "illustration", {}, () => [d(e, {
+		return (r, i) => (E(), c("div", p_, [
+			l("div", m_, [M(r.$slots, "illustration", {}, () => [d(e, {
 				icon: z(sn),
 				size: 48
 			}, null, 8, ["icon"])])]),
-			l("div", t_, [l("h2", n_, [M(r.$slots, "title", {}, () => [u(I(t.title ?? z(n).emptyState.title), 1)])]), t.description || r.$slots.description ? (E(), c("p", r_, [M(r.$slots, "description", {}, () => [u(I(t.description), 1)])])) : s("", !0)]),
-			r.$slots.actions ? (E(), c("div", i_, [M(r.$slots, "actions")])) : s("", !0)
+			l("div", h_, [l("h2", g_, [M(r.$slots, "title", {}, () => [u(I(t.title ?? z(n).emptyState.title), 1)])]), t.description || r.$slots.description ? (E(), c("p", __, [M(r.$slots, "description", {}, () => [u(I(t.description), 1)])])) : s("", !0)]),
+			r.$slots.actions ? (E(), c("div", v_, [M(r.$slots, "actions")])) : s("", !0)
 		]));
 	}
-}), o_ = { class: "uid-pattern-error-state" }, s_ = { class: "uid-pattern-error-state__illustration" }, c_ = {
+}), b_ = { class: "uid-pattern-error-state" }, x_ = { class: "uid-pattern-error-state__illustration" }, S_ = {
 	key: 0,
 	class: "uid-pattern-error-state__code"
-}, l_ = { class: "uid-pattern-error-state__content" }, u_ = { class: "uid-pattern-error-state__title" }, d_ = {
+}, C_ = { class: "uid-pattern-error-state__content" }, w_ = { class: "uid-pattern-error-state__title" }, T_ = {
 	key: 0,
 	class: "uid-pattern-error-state__description"
-}, f_ = {
+}, E_ = {
 	key: 1,
 	class: "uid-pattern-error-state__actions"
-}, p_ = /* @__PURE__ */ f({
+}, D_ = /* @__PURE__ */ f({
 	__name: "UidErrorState",
 	props: {
 		code: { default: void 0 },
@@ -12916,23 +13095,23 @@ var Hg = /* @__PURE__ */ Vr(zg, [["render", Vg]]), Ug = { class: "uid-pattern-pa
 				description: r.value.errorState.offlineDescription
 			}
 		})), o = a(() => n.code ? i.value[n.code] ?? null : null), f = a(() => o.value?.icon ?? $t), p = a(() => n.title ?? o.value?.title ?? r.value.errorState.title), m = a(() => n.description ?? o.value?.description);
-		return (n, r) => (E(), c("div", o_, [
-			l("div", s_, [M(n.$slots, "illustration", {}, () => [d(e, {
+		return (n, r) => (E(), c("div", b_, [
+			l("div", x_, [M(n.$slots, "illustration", {}, () => [d(e, {
 				icon: f.value,
 				size: 48
 			}, null, 8, ["icon"])])]),
-			t.code ? (E(), c("div", c_, I(t.code), 1)) : s("", !0),
-			l("div", l_, [l("h2", u_, [M(n.$slots, "title", {}, () => [u(I(p.value), 1)])]), m.value || n.$slots.description ? (E(), c("p", d_, [M(n.$slots, "description", {}, () => [u(I(m.value), 1)])])) : s("", !0)]),
-			n.$slots.actions ? (E(), c("div", f_, [M(n.$slots, "actions")])) : s("", !0)
+			t.code ? (E(), c("div", S_, I(t.code), 1)) : s("", !0),
+			l("div", C_, [l("h2", w_, [M(n.$slots, "title", {}, () => [u(I(p.value), 1)])]), m.value || n.$slots.description ? (E(), c("p", T_, [M(n.$slots, "description", {}, () => [u(I(m.value), 1)])])) : s("", !0)]),
+			n.$slots.actions ? (E(), c("div", E_, [M(n.$slots, "actions")])) : s("", !0)
 		]));
 	}
-}), m_ = {
+}), O_ = {
 	key: 0,
 	class: "uid-layout-simple__header"
-}, h_ = { class: "uid-layout-simple__content" }, g_ = {
+}, k_ = { class: "uid-layout-simple__content" }, A_ = {
 	key: 1,
 	class: "uid-layout-simple__footer"
-}, __ = /* @__PURE__ */ f({
+}, j_ = /* @__PURE__ */ f({
 	__name: "UidSimpleLayout",
 	props: { full: {
 		type: Boolean,
@@ -12940,26 +13119,26 @@ var Hg = /* @__PURE__ */ Vr(zg, [["render", Vg]]), Ug = { class: "uid-pattern-pa
 	} },
 	setup(e) {
 		return (t, n) => (E(), c("div", { class: b(["uid-layout-simple", { "uid-layout-simple--full": e.full }]) }, [
-			t.$slots.header ? (E(), c("div", m_, [M(t.$slots, "header")])) : s("", !0),
-			l("main", h_, [M(t.$slots, "default")]),
-			t.$slots.footer ? (E(), c("div", g_, [M(t.$slots, "footer")])) : s("", !0)
+			t.$slots.header ? (E(), c("div", O_, [M(t.$slots, "header")])) : s("", !0),
+			l("main", k_, [M(t.$slots, "default")]),
+			t.$slots.footer ? (E(), c("div", A_, [M(t.$slots, "footer")])) : s("", !0)
 		], 2));
 	}
-}), v_ = Symbol("uid-sidebar-layout");
-function y_() {
-	let e = g(v_);
+}), M_ = Symbol("uid-sidebar-layout");
+function N_() {
+	let e = g(M_);
 	if (!e) throw Error("useSidebar() must be used inside UidSidebarLayout");
 	return e;
 }
 //#endregion
 //#region src/layouts/Sidebar/UidSidebarLayout.vue?vue&type=script&setup=true&lang.ts
-var b_ = { class: "uid-layout-sidebar__sidebar" }, x_ = { class: "uid-layout-sidebar__main" }, S_ = {
+var P_ = { class: "uid-layout-sidebar__sidebar" }, F_ = { class: "uid-layout-sidebar__main" }, I_ = {
 	key: 0,
 	class: "uid-layout-sidebar__main-header"
-}, C_ = { class: "uid-layout-sidebar__main-content" }, w_ = {
+}, L_ = { class: "uid-layout-sidebar__main-content" }, R_ = {
 	key: 1,
 	class: "uid-layout-sidebar__main-footer"
-}, T_ = /* @__PURE__ */ f({
+}, z_ = /* @__PURE__ */ f({
 	__name: "UidSidebarLayout",
 	props: /* @__PURE__ */ _({ sidebarWidth: { default: void 0 } }, {
 		modelValue: {
@@ -12977,7 +13156,7 @@ var b_ = { class: "uid-layout-sidebar__sidebar" }, x_ = { class: "uid-layout-sid
 		}, o = () => {
 			n.value = !0;
 		};
-		D(v_, {
+		D(M_, {
 			collapsed: n,
 			toggle: r,
 			open: i,
@@ -12988,58 +13167,58 @@ var b_ = { class: "uid-layout-sidebar__sidebar" }, x_ = { class: "uid-layout-sid
 			class: b(["uid-layout-sidebar", { "uid-layout-sidebar--collapsed": n.value }]),
 			style: x(u.value)
 		}, [
-			l("aside", b_, [M(e.$slots, "sidebar")]),
+			l("aside", P_, [M(e.$slots, "sidebar")]),
 			l("div", {
 				class: "uid-layout-sidebar__backdrop",
 				"aria-hidden": "true",
 				onClick: o
 			}),
-			l("div", x_, [
-				e.$slots.header ? (E(), c("div", S_, [M(e.$slots, "header")])) : s("", !0),
-				l("main", C_, [M(e.$slots, "default")]),
-				e.$slots.footer ? (E(), c("div", w_, [M(e.$slots, "footer")])) : s("", !0)
+			l("div", F_, [
+				e.$slots.header ? (E(), c("div", I_, [M(e.$slots, "header")])) : s("", !0),
+				l("main", L_, [M(e.$slots, "default")]),
+				e.$slots.footer ? (E(), c("div", R_, [M(e.$slots, "footer")])) : s("", !0)
 			])
 		], 6));
 	}
-}), E_ = {
+}), B_ = {
 	key: 0,
 	class: "uid-layout-auth__brand"
-}, D_ = { class: "uid-layout-auth__main" }, O_ = { class: "uid-layout-auth__card" }, k_ = {
+}, V_ = { class: "uid-layout-auth__main" }, H_ = { class: "uid-layout-auth__card" }, U_ = {
 	key: 0,
 	class: "uid-layout-auth__footer"
-}, A_ = /* @__PURE__ */ f({
+}, W_ = /* @__PURE__ */ f({
 	__name: "UidAuthLayout",
 	props: { variant: { default: "centered" } },
 	setup(e) {
-		return (t, n) => (E(), c("div", { class: b(["uid-layout-auth", [`uid-layout-auth--${e.variant}`]]) }, [e.variant === "split" && t.$slots.brand ? (E(), c("div", E_, [M(t.$slots, "brand")])) : s("", !0), l("div", D_, [l("div", O_, [M(t.$slots, "default")]), t.$slots.footer ? (E(), c("div", k_, [M(t.$slots, "footer")])) : s("", !0)])], 2));
+		return (t, n) => (E(), c("div", { class: b(["uid-layout-auth", [`uid-layout-auth--${e.variant}`]]) }, [e.variant === "split" && t.$slots.brand ? (E(), c("div", B_, [M(t.$slots, "brand")])) : s("", !0), l("div", V_, [l("div", H_, [M(t.$slots, "default")]), t.$slots.footer ? (E(), c("div", U_, [M(t.$slots, "footer")])) : s("", !0)])], 2));
 	}
-}), j_ = { class: "uid-layout-wizard" }, M_ = {
+}), G_ = { class: "uid-layout-wizard" }, K_ = {
 	key: 0,
 	class: "uid-layout-wizard__header"
-}, N_ = {
+}, q_ = {
 	key: 1,
 	class: "uid-layout-wizard__stepper"
-}, P_ = { class: "uid-layout-wizard__content" }, F_ = {
+}, J_ = { class: "uid-layout-wizard__content" }, Y_ = {
 	key: 2,
 	class: "uid-layout-wizard__nav"
-}, I_ = /* @__PURE__ */ f({
+}, X_ = /* @__PURE__ */ f({
 	__name: "UidWizardLayout",
 	setup(e) {
-		return (e, t) => (E(), c("div", j_, [
-			e.$slots.header ? (E(), c("div", M_, [M(e.$slots, "header")])) : s("", !0),
-			e.$slots.stepper ? (E(), c("div", N_, [M(e.$slots, "stepper")])) : s("", !0),
-			l("main", P_, [M(e.$slots, "default")]),
-			e.$slots.nav ? (E(), c("div", F_, [M(e.$slots, "nav")])) : s("", !0)
+		return (e, t) => (E(), c("div", G_, [
+			e.$slots.header ? (E(), c("div", K_, [M(e.$slots, "header")])) : s("", !0),
+			e.$slots.stepper ? (E(), c("div", q_, [M(e.$slots, "stepper")])) : s("", !0),
+			l("main", J_, [M(e.$slots, "default")]),
+			e.$slots.nav ? (E(), c("div", Y_, [M(e.$slots, "nav")])) : s("", !0)
 		]));
 	}
-}), L_ = /* @__PURE__ */ f({
+}), Z_ = /* @__PURE__ */ f({
 	__name: "UidLocaleProvider",
 	props: { locale: {} },
 	setup(e) {
 		let t = e;
 		return Mt(a(() => t.locale)), (e, t) => M(e.$slots, "default");
 	}
-}), R_ = {
+}), Q_ = {
 	code: "ru-RU",
 	common: {
 		clear: "Очистить",
@@ -13239,6 +13418,11 @@ var b_ = { class: "uid-layout-sidebar__sidebar" }, x_ = { class: "uid-layout-sid
 		slide: (e) => `Слайд ${e}`
 	},
 	stepper: { label: (e, t) => `Шаги (текущий: ${e} из ${t})` },
+	board: {
+		label: "Доска",
+		empty: "Пусто",
+		wipExceeded: "Превышен лимит незавершённой работы"
+	},
 	transfer: {
 		available: "Доступно",
 		selected: "Выбрано",
@@ -13291,19 +13475,19 @@ var b_ = { class: "uid-layout-sidebar__sidebar" }, x_ = { class: "uid-layout-sid
 		sameAs: "Значения не совпадают",
 		unknown: (e) => `Ошибка валидации: ${e}`
 	}
-}, z_ = A("light");
-function B_() {
+}, $_ = A("light");
+function ev() {
 	let e = null;
 	function t(e) {
-		z_.value = e, document.documentElement.dataset.theme = e;
+		$_.value = e, document.documentElement.dataset.theme = e;
 	}
 	function n() {
-		t(z_.value === "light" ? "dark" : "light");
+		t($_.value === "light" ? "dark" : "light");
 	}
 	function r() {
 		let e = document.documentElement.dataset.theme;
 		if (e === "light" || e === "dark") {
-			z_.value = e;
+			$_.value = e;
 			return;
 		}
 		let n = window.matchMedia("(prefers-color-scheme: dark)").matches;
@@ -13315,7 +13499,7 @@ function B_() {
 		e.addEventListener("change", n), w(() => e?.removeEventListener("change", n));
 	}
 	return {
-		theme: z_,
+		theme: $_,
 		setTheme: t,
 		toggle: n,
 		initFromSystem: r,
@@ -13324,27 +13508,27 @@ function B_() {
 }
 //#endregion
 //#region src/composables/useWizard.ts
-function V_() {
-	let e = g(dg);
+function tv() {
+	let e = g(Tg);
 	if (!e) throw Error("useWizard() must be used inside UidWizard");
 	return e;
 }
 //#endregion
 //#region src/composables/useCommandPalette.ts
-var H_ = A(!1);
-function U_() {
+var nv = A(!1);
+function rv() {
 	return {
-		open: H_,
+		open: nv,
 		show: () => {
-			H_.value = !0;
+			nv.value = !0;
 		},
 		hide: () => {
-			H_.value = !1;
+			nv.value = !1;
 		},
 		toggle: () => {
-			H_.value = !H_.value;
+			nv.value = !nv.value;
 		}
 	};
 }
 //#endregion
-export { Du as PLAYBACK_RATES, aa as UidAccordion, da as UidAccordionItem, qf as UidAffix, Rn as UidAlert, np as UidAnchor, ff as UidAudio, A_ as UidAuthLayout, Yi as UidAvatar, Qi as UidAvatarGroup, Gf as UidBackTop, Rt as UidBadge, fi as UidBreadcrumb, yi as UidBreadcrumbItem, ae as UidButton, Wm as UidCalendar, Ki as UidCard, zp as UidCarousel, Am as UidCascader, $e as UidCheckbox, at as UidCheckboxGroup, Cl as UidCode, Do as UidColorPicker, $s as UidCombobox, Ro as UidCommand, ug as UidContainer, qa as UidDatePicker, Ps as UidDateRangePicker, Lf as UidDescriptionItem, Nf as UidDescriptionList, na as UidDivider, br as UidDrawer, a_ as UidEmptyState, p_ as UidErrorState, Rc as UidFileUpload, Eg as UidFooter, Ot as UidFormField, xh as UidGauge, lg as UidGrid, xg as UidHeader, kh as UidHeatmap, $h as UidHeatmapMatrix, e as UidIcon, pu as UidImage, Ii as UidInfiniteScroll, Ue as UidInput, Ct as UidLabel, bi as UidLink, Ni as UidLoadMore, L_ as UidLocaleProvider, iu as UidMarkdown, _p as UidMention, Rr as UidMenu, Br as UidMenuItem, Gr as UidMenuSeparator, pr as UidModal, Np as UidNotificationBadge, Ko as UidNumberInput, Qg as UidPageHeader, Bi as UidPageSize, Ei as UidPagination, Ai as UidPaginationCursor, kr as UidPopover, er as UidProgress, oh as UidProgressRing, lt as UidRadio, ht as UidRadioGroup, vf as UidRating, Uf as UidResult, Fa as UidSelect, jg as UidSidebar, Hg as UidSidebarDivider, Rg as UidSidebarGroup, Fg as UidSidebarItem, T_ as UidSidebarLayout, __ as UidSimpleLayout, Lt as UidSkeleton, no as UidSlider, eh as UidSparkline, Ft as UidSpinner, xf as UidSplitter, cg as UidStack, Af as UidStat, sg as UidStepper, $r as UidSubMenu, bt as UidSwitch, ai as UidTab, si as UidTabPanel, xa as UidTable, ri as UidTabs, ea as UidTag, Bs as UidTagsInput, Je as UidTextarea, is as UidTimePicker, dc as UidTimeline, yc as UidTimelineItem, Wn as UidToast, Jn as UidToastProvider, Er as UidTooltip, up as UidTour, dm as UidTransfer, cc as UidTreeItem, Ap as UidTreeSelect, uc as UidTreeView, zd as UidVideo, Ja as UidVirtualList, Xf as UidWatermark, pg as UidWizard, I_ as UidWizardLayout, hg as UidWizardStep, Vu as clearWaveformCache, ju as computePeaks, Ol as createSlugger, wu as cueAt, Cu as cueText, ve as email, Z as en, El as escapeHtml, mu as formatTime, fe as getMessage, Bu as getWaveform, Ph as heatmapColorAt, Ah as heatmapColorScales, De as inList, xe as integer, pl as isHighlightable, vu as isHlsSource, ql as markdownBlockRenderersKey, Ce as max, Te as maxValue, Se as min, we as minValue, ho as normalizeColor, Mu as normalizePeaks, _e as nullable, be as numeric, yu as orderSources, fo as parseColor, Me as parseRules, Tu as parseThumbnail, xu as parseVtt, Pu as peaksToPath, Nt as provideAppLocale, Mt as provideLocale, Jl as provideMarkdownBlockRenderers, Ee as regex, Bl as renderMarkdown, ge as required, ke as requiredIf, Ae as requiredUnless, Nu as resamplePeaks, Ml as resolveAgainst, Mh as resolveHeatmapStops, R_ as ru, Ne as runRules, Oe as sameAs, de as setMessages, le as setValidationLocale, Kl as splitMarkdown, ml as tokenize, kt as uidLocaleKey, ye as url, U_ as useCommandPalette, Pe as useField, nr as useFocusTrap, Q as useLocale, Yl as useMarkdownBlockRenderers, gd as useMediaController, Cr as usePopover, ir as useScrollLock, y_ as useSidebar, B_ as useTheme, qn as useToast, V_ as useWizard };
+export { Du as PLAYBACK_RATES, aa as UidAccordion, da as UidAccordionItem, qf as UidAffix, Rn as UidAlert, np as UidAnchor, ff as UidAudio, W_ as UidAuthLayout, Yi as UidAvatar, Qi as UidAvatarGroup, Gf as UidBackTop, Rt as UidBadge, $p as UidBoard, fi as UidBreadcrumb, yi as UidBreadcrumbItem, ae as UidButton, ih as UidCalendar, Ki as UidCard, zp as UidCarousel, Wm as UidCascader, $e as UidCheckbox, at as UidCheckboxGroup, Cl as UidCode, Do as UidColorPicker, $s as UidCombobox, Ro as UidCommand, wg as UidContainer, qa as UidDatePicker, Ps as UidDateRangePicker, Lf as UidDescriptionItem, Nf as UidDescriptionList, na as UidDivider, br as UidDrawer, y_ as UidEmptyState, D_ as UidErrorState, Rc as UidFileUpload, Bg as UidFooter, Ot as UidFormField, Fh as UidGauge, Cg as UidGrid, Fg as UidHeader, Uh as UidHeatmap, pg as UidHeatmapMatrix, e as UidIcon, pu as UidImage, Ii as UidInfiniteScroll, Ue as UidInput, Ct as UidLabel, bi as UidLink, Ni as UidLoadMore, Z_ as UidLocaleProvider, iu as UidMarkdown, _p as UidMention, Rr as UidMenu, Br as UidMenuItem, Gr as UidMenuSeparator, pr as UidModal, Np as UidNotificationBadge, Ko as UidNumberInput, f_ as UidPageHeader, Bi as UidPageSize, Ei as UidPagination, Ai as UidPaginationCursor, kr as UidPopover, er as UidProgress, bh as UidProgressRing, lt as UidRadio, ht as UidRadioGroup, vf as UidRating, Uf as UidResult, Fa as UidSelect, Gg as UidSidebar, n_ as UidSidebarDivider, Qg as UidSidebarGroup, Yg as UidSidebarItem, z_ as UidSidebarLayout, j_ as UidSimpleLayout, Lt as UidSkeleton, no as UidSlider, mh as UidSparkline, Ft as UidSpinner, xf as UidSplitter, Sg as UidStack, Af as UidStat, xg as UidStepper, $r as UidSubMenu, bt as UidSwitch, ai as UidTab, si as UidTabPanel, xa as UidTable, ri as UidTabs, ea as UidTag, Bs as UidTagsInput, Je as UidTextarea, is as UidTimePicker, dc as UidTimeline, yc as UidTimelineItem, Wn as UidToast, Jn as UidToastProvider, Er as UidTooltip, up as UidTour, Tm as UidTransfer, cc as UidTreeItem, Ap as UidTreeSelect, uc as UidTreeView, zd as UidVideo, Ja as UidVirtualList, Xf as UidWatermark, Dg as UidWizard, X_ as UidWizardLayout, kg as UidWizardStep, Vu as clearWaveformCache, ju as computePeaks, Ol as createSlugger, wu as cueAt, Cu as cueText, ve as email, Z as en, El as escapeHtml, mu as formatTime, fe as getMessage, Bu as getWaveform, Jh as heatmapColorAt, Wh as heatmapColorScales, De as inList, xe as integer, pl as isHighlightable, vu as isHlsSource, ql as markdownBlockRenderersKey, Ce as max, Te as maxValue, Se as min, we as minValue, ho as normalizeColor, Mu as normalizePeaks, _e as nullable, be as numeric, yu as orderSources, fo as parseColor, Me as parseRules, Tu as parseThumbnail, xu as parseVtt, Pu as peaksToPath, Nt as provideAppLocale, Mt as provideLocale, Jl as provideMarkdownBlockRenderers, Ee as regex, Bl as renderMarkdown, ge as required, ke as requiredIf, Ae as requiredUnless, Nu as resamplePeaks, Ml as resolveAgainst, Kh as resolveHeatmapStops, Q_ as ru, Ne as runRules, Oe as sameAs, de as setMessages, le as setValidationLocale, Kl as splitMarkdown, ml as tokenize, kt as uidLocaleKey, ye as url, rv as useCommandPalette, Pe as useField, nr as useFocusTrap, Q as useLocale, Yl as useMarkdownBlockRenderers, gd as useMediaController, Cr as usePopover, ir as useScrollLock, N_ as useSidebar, ev as useTheme, qn as useToast, tv as useWizard };