@dskripchenko/ui 1.9.0 → 1.10.0

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { t as e } from "./UidIcon-5947kXOj.js";
 import { Fragment as t, Teleport as n, Transition as r, TransitionGroup as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, getCurrentInstance as p, h as m, inject as h, mergeModels as g, mergeProps as _, nextTick as v, normalizeClass as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, onUnmounted as C, onUpdated as w, openBlock as T, provide as E, readonly as D, ref as O, renderList as k, renderSlot as A, resolveComponent as j, resolveDynamicComponent as M, shallowRef as N, toDisplayString as P, toRef as F, toValue as I, unref as L, useAttrs as R, useId as z, useModel as B, useSlots as V, vModelDynamic as H, vModelText as U, vShow as W, watch as G, watchEffect as K, withCtx as q, withDirectives as J, withKeys as Y, withModifiers as X } from "vue";
-import { AlertCircle as ee, AlertTriangle as te, ArrowDown as ne, ArrowLeft as Z, ArrowUp as re, ArrowUpDown as ie, Calendar as ae, Check as Q, CheckCircle2 as oe, ChevronDown as se, ChevronLeft as ce, ChevronRight as le, ChevronUp as ue, Clock as de, Copy as fe, CornerDownRight as pe, FileText as me, Folder as he, FolderOpen as ge, ImageOff as _e, Info as ve, Minus as ye, Plus as be, Search as xe, ServerCrash as Se, Star as Ce, Upload as we, WifiOff as Te, X as Ee, XCircle as De } from "lucide-vue-next";
+import { AlertCircle as Z, AlertTriangle as ee, ArrowDown as te, ArrowLeft as ne, ArrowUp as re, ArrowUpDown as ie, Calendar as ae, Check as Q, CheckCircle2 as oe, ChevronDown as se, ChevronLeft as ce, ChevronRight as le, ChevronUp as ue, Clock as de, Copy as fe, CornerDownRight as pe, FileText as me, Folder as he, FolderOpen as ge, ImageOff as _e, Info as ve, Minus as ye, Plus as be, Search as xe, ServerCrash as Se, Star as Ce, Upload as we, WifiOff as Te, X as Ee, XCircle as De } from "lucide-vue-next";
 //#region src/components/Button/UidButton.vue?vue&type=script&setup=true&lang.ts
 var Oe = [
 	"type",
@@ -247,7 +247,9 @@ var Oe = [
 	heatmap: {
 		summary: (e) => `Тепловая карта активности: ${e} событий`,
 		less: "Меньше",
-		more: "Больше"
+		more: "Больше",
+		matrixSummary: (e, t) => `Тепловая карта: ${e} строк × ${t} столбцов`,
+		noData: "Нет данных"
 	},
 	validation: {
 		value: "значение",
@@ -1144,8 +1146,8 @@ var on = ["aria-label"], sn = /* @__PURE__ */ f({
 		let r = $(), i = t, o = n, u = {
 			info: ve,
 			success: oe,
-			warning: te,
-			danger: ee
+			warning: ee,
+			danger: Z
 		}, f = a(() => u[i.variant ?? "info"]);
 		return (n, i) => (T(), c("div", {
 			class: y(["uid-alert", `uid-alert--${t.variant}`]),
@@ -1184,8 +1186,8 @@ var on = ["aria-label"], sn = /* @__PURE__ */ f({
 		let r = $(), i = t, o = n, u = {
 			info: ve,
 			success: oe,
-			warning: te,
-			danger: ee
+			warning: ee,
+			danger: Z
 		}, f = a(() => u[i.variant ?? "info"]);
 		return (n, i) => (T(), c("div", {
 			class: y(["uid-toast", `uid-toast--${t.variant}`]),
@@ -2091,9 +2093,9 @@ var Cr = /* @__PURE__ */ yr(br, [["render", Sr]]), wr = [
 		S(() => {
 			B(), M();
 		}), G(() => i.collapse, () => {
-			B(), M(), i.collapse || Z();
+			B(), M(), i.collapse || ne();
 		}), x(() => {
-			V(), ne();
+			V(), te();
 		});
 		let H = O(!1), U = O(null), W = O(null), K = z(), { floatingStyle: q, update: J } = tr(U, W, {
 			placement: "bottom-start",
@@ -2110,34 +2112,34 @@ var Cr = /* @__PURE__ */ yr(br, [["render", Sr]]), wr = [
 				target: n
 			};
 		}));
-		function ee() {
+		function Z() {
 			return Array.from(W.value?.querySelectorAll("[role=\"menuitem\"]") ?? []);
 		}
-		async function te(e) {
-			U.value = e, H.value = !0, await v(), J(), ee()[0]?.focus(), document.addEventListener("pointerdown", ie), window.addEventListener("resize", J), window.addEventListener("scroll", J, !0);
+		async function ee(e) {
+			U.value = e, H.value = !0, await v(), J(), Z()[0]?.focus(), document.addEventListener("pointerdown", ie), window.addEventListener("resize", J), window.addEventListener("scroll", J, !0);
 		}
-		function ne() {
+		function te() {
 			document.removeEventListener("pointerdown", ie), window.removeEventListener("resize", J), window.removeEventListener("scroll", J, !0);
 		}
-		function Z(e = !1) {
-			H.value && (H.value = !1, ne(), e && U.value?.focus());
+		function ne(e = !1) {
+			H.value && (H.value = !1, te(), e && U.value?.focus());
 		}
 		function re(e) {
-			H.value ? Z() : te(e);
+			H.value ? ne() : ee(e);
 		}
 		function ie(e) {
 			let t = e.target;
-			W.value?.contains(t) || U.value?.contains(t) || Z();
+			W.value?.contains(t) || U.value?.contains(t) || ne();
 		}
 		function ae(e) {
-			e.target && (Z(), e.target.click());
+			e.target && (ne(), e.target.click());
 		}
 		function Q(e) {
-			let t = ee(), n = t.indexOf(document.activeElement);
-			e.key === "ArrowDown" ? (e.preventDefault(), t[(n + 1) % t.length]?.focus()) : e.key === "ArrowUp" ? (e.preventDefault(), t[(n - 1 + t.length) % t.length]?.focus()) : e.key === "Home" ? (e.preventDefault(), t[0]?.focus()) : e.key === "End" ? (e.preventDefault(), t[t.length - 1]?.focus()) : e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), Z(!0)) : e.key === "Tab" && Z();
+			let t = Z(), n = t.indexOf(document.activeElement);
+			e.key === "ArrowDown" ? (e.preventDefault(), t[(n + 1) % t.length]?.focus()) : e.key === "ArrowUp" ? (e.preventDefault(), t[(n - 1 + t.length) % t.length]?.focus()) : e.key === "Home" ? (e.preventDefault(), t[0]?.focus()) : e.key === "End" ? (e.preventDefault(), t[t.length - 1]?.focus()) : e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), ne(!0)) : e.key === "Tab" && ne();
 		}
 		return G(h, (e) => {
-			e.length === 0 && Z();
+			e.length === 0 && ne();
 		}), E(Br, {
 			tick: d,
 			hidden: h,
@@ -2786,7 +2788,7 @@ var Kr = [
 			e.sortable && (i.sortKey === e.key ? i.sortDirection === "asc" ? p("update:sortDirection", "desc") : i.sortDirection === "desc" ? (p("update:sortKey", null), p("update:sortDirection", null)) : p("update:sortDirection", "asc") : (p("update:sortKey", e.key), p("update:sortDirection", "asc")));
 		}
 		function E(e) {
-			return e.sortable ? i.sortKey === e.key ? i.sortDirection === "asc" ? re : i.sortDirection === "desc" ? ne : ie : ie : null;
+			return e.sortable ? i.sortKey === e.key ? i.sortDirection === "asc" ? re : i.sortDirection === "desc" ? te : ie : ie : null;
 		}
 		function D(e) {
 			if (e.sortable) return i.sortKey === e.key ? i.sortDirection === "asc" ? "ascending" : i.sortDirection === "desc" ? "descending" : "none" : "none";
@@ -2833,26 +2835,26 @@ var Kr = [
 			let t = /^\s*(\d+(?:\.\d+)?)px\s*$/.exec(e);
 			return t ? Number(t[1]) : 0;
 		}
-		function ee(e) {
+		function Z(e) {
 			let t = W.value[e] ?? 0;
 			if (t > 0) return t;
 			let n = e - +!!i.selectable;
 			return n >= 0 ? J(i.columns[n]?.width) : 40;
 		}
-		let te = a(() => {
-			let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = +!!i.selectable, r = H.value ? ee(0) : 0;
+		let ee = a(() => {
+			let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = +!!i.selectable, r = H.value ? Z(0) : 0;
 			i.columns.forEach((t, i) => {
-				t.fixed === "left" && (e.set(t.key, r), r += ee(i + n));
+				t.fixed === "left" && (e.set(t.key, r), r += Z(i + n));
 			}), r = 0;
 			for (let e = i.columns.length - 1; e >= 0; e--) {
 				let a = i.columns[e];
-				a.fixed === "right" && (t.set(a.key, r), r += ee(e + n));
+				a.fixed === "right" && (t.set(a.key, r), r += Z(e + n));
 			}
 			return {
 				left: e,
 				right: t
 			};
-		}), Z = a(() => {
+		}), ne = a(() => {
 			let e = i.columns.filter((e) => e.fixed === "left");
 			return e.length > 0 ? e[e.length - 1].key : null;
 		}), ae = a(() => i.columns.find((e) => e.fixed === "right")?.key ?? null);
@@ -2861,13 +2863,13 @@ var Kr = [
 				"uid-table__cell--fixed": !!e.fixed,
 				"uid-table__cell--fixed-left": e.fixed === "left",
 				"uid-table__cell--fixed-right": e.fixed === "right",
-				"uid-table__cell--fixed-left-last": e.fixed === "left" && e.key === Z.value,
+				"uid-table__cell--fixed-left-last": e.fixed === "left" && e.key === ne.value,
 				"uid-table__cell--fixed-right-first": e.fixed === "right" && e.key === ae.value
 			};
 		}
 		function oe(e) {
-			if (e.fixed === "left") return { left: `${te.value.left.get(e.key) ?? 0}px` };
-			if (e.fixed === "right") return { right: `${te.value.right.get(e.key) ?? 0}px` };
+			if (e.fixed === "left") return { left: `${ee.value.left.get(e.key) ?? 0}px` };
+			if (e.fixed === "right") return { right: `${ee.value.right.get(e.key) ?? 0}px` };
 		}
 		function se(e) {
 			let t = { ...oe(e) };
@@ -2876,7 +2878,7 @@ var Kr = [
 		let ce = a(() => ({
 			"uid-table__cell--fixed": H.value,
 			"uid-table__cell--fixed-left": H.value,
-			"uid-table__cell--fixed-left-last": H.value && Z.value === null
+			"uid-table__cell--fixed-left-last": H.value && ne.value === null
 		})), le = a(() => H.value ? { left: "0px" } : void 0);
 		function ue() {
 			if (!U.value) return;
@@ -3053,17 +3055,17 @@ var Kr = [
 		})), W = a(() => f.multiple ? null : f.options.find((e) => e.value === _.value) ?? null), K = a(() => {
 			let e = _.value;
 			return Array.isArray(e) ? e : e === null ? [] : [e];
-		}), Y = a(() => K.value.map((e) => f.options.find((t) => t.value === e)).filter((e) => !!e)), X = a(() => f.maxTagCount !== void 0 && f.maxTagCount >= 0 ? Y.value.slice(0, f.maxTagCount) : Y.value), ee = a(() => Y.value.length - X.value.length), te = a(() => f.multiple ? K.value.length > 0 : _.value !== null);
-		function ne(e) {
+		}), Y = a(() => K.value.map((e) => f.options.find((t) => t.value === e)).filter((e) => !!e)), X = a(() => f.maxTagCount !== void 0 && f.maxTagCount >= 0 ? Y.value.slice(0, f.maxTagCount) : Y.value), Z = a(() => Y.value.length - X.value.length), ee = a(() => f.multiple ? K.value.length > 0 : _.value !== null);
+		function te(e) {
 			return f.multiple ? K.value.includes(e.value) : e.value === _.value;
 		}
-		let Z = a(() => {
+		let ne = a(() => {
 			if (!f.searchable || !w.value.trim()) return f.options;
 			let e = w.value.toLowerCase();
 			return f.options.filter((t) => t.label.toLowerCase().includes(e));
 		}), re = a(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of Z.value) {
+			for (let t of ne.value) {
 				let n = t.group ?? "";
 				e.has(n) || e.set(n, []), e.get(n).push(t);
 			}
@@ -3072,7 +3074,7 @@ var Kr = [
 		G(S, async (e) => {
 			if (e) {
 				w.value = "";
-				let e = Z.value.findIndex((e) => ne(e));
+				let e = ne.value.findIndex((e) => te(e));
 				E.value = e >= 0 ? e : 0, V(), await v(), R(), requestAnimationFrame(() => R()), f.searchable && N.value?.focus(), ve(), document.addEventListener("pointerdown", fe), window.addEventListener("resize", R), window.addEventListener("scroll", R, !0);
 			} else document.removeEventListener("pointerdown", fe), window.removeEventListener("resize", R), window.removeEventListener("scroll", R, !0);
 		}), G(w, () => {
@@ -3121,13 +3123,13 @@ var Kr = [
 			e.key === "ArrowDown" ? (e.preventDefault(), he()) : e.key === "ArrowUp" ? (e.preventDefault(), ge()) : e.key === "Enter" ? (e.preventDefault(), _e()) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), ae(), A.value?.focus());
 		}
 		function he() {
-			E.value = Math.min(E.value + 1, Z.value.length - 1), ve();
+			E.value = Math.min(E.value + 1, ne.value.length - 1), ve();
 		}
 		function ge() {
 			E.value = Math.max(E.value - 1, 0), ve();
 		}
 		function _e() {
-			let e = Z.value[E.value];
+			let e = ne.value[E.value];
 			e && le(e);
 		}
 		function ve() {
@@ -3170,10 +3172,10 @@ var Kr = [
 		}, [d(e, {
 			icon: L(Ee),
 			size: 12
-		}, null, 8, ["icon"])], 8, ra))]))), 128)), ee.value > 0 ? (T(), c("span", ia, "+" + P(ee.value), 1)) : s("", !0)])) : (T(), c("span", {
+		}, null, 8, ["icon"])], 8, ra))]))), 128)), Z.value > 0 ? (T(), c("span", ia, "+" + P(Z.value), 1)) : s("", !0)])) : (T(), c("span", {
 			key: 1,
 			class: y(["uid-select__value", { "uid-select__value--placeholder": !W.value }])
-		}, P(W.value?.label ?? m.value), 3)), l("div", aa, [i.clearable && te.value ? (T(), c("button", {
+		}, P(W.value?.label ?? m.value), 3)), l("div", aa, [i.clearable && ee.value ? (T(), c("button", {
 			key: 0,
 			type: "button",
 			class: "uid-select__clear",
@@ -3211,21 +3213,21 @@ var Kr = [
 				role: "listbox",
 				"aria-multiselectable": i.multiple ? "true" : void 0,
 				onKeydown: me
-			}, [Z.value.length > 0 ? (T(!0), c(t, { key: 0 }, k(re.value, ([n, r]) => (T(), c(t, { key: n }, [n ? (T(), c("div", ua, P(n), 1)) : s("", !0), (T(!0), c(t, null, k(r, (t) => (T(), c("button", {
+			}, [ne.value.length > 0 ? (T(!0), c(t, { key: 0 }, k(re.value, ([n, r]) => (T(), c(t, { key: n }, [n ? (T(), c("div", ua, P(n), 1)) : s("", !0), (T(!0), c(t, null, k(r, (t) => (T(), c("button", {
 				key: t.value,
 				type: "button",
 				class: y(["uid-select__option", {
-					"uid-select__option--selected": ne(t),
-					"uid-select__option--active": Z.value.indexOf(t) === E.value,
+					"uid-select__option--selected": te(t),
+					"uid-select__option--active": ne.value.indexOf(t) === E.value,
 					"uid-select__option--disabled": t.disabled
 				}]),
-				"data-active": Z.value.indexOf(t) === E.value ? "true" : void 0,
+				"data-active": ne.value.indexOf(t) === E.value ? "true" : void 0,
 				role: "option",
-				"aria-selected": ne(t),
+				"aria-selected": te(t),
 				"aria-disabled": t.disabled,
 				onClick: (e) => le(t),
-				onMouseenter: (e) => !t.disabled && (E.value = Z.value.indexOf(t))
-			}, [l("span", null, P(t.label), 1), ne(t) ? (T(), o(e, {
+				onMouseenter: (e) => !t.disabled && (E.value = ne.value.indexOf(t))
+			}, [l("span", null, P(t.label), 1), te(t) ? (T(), o(e, {
 				key: 0,
 				icon: L(Q),
 				size: 14,
@@ -3404,24 +3406,24 @@ var ga = [
 					if (j.value) {
 						e.preventDefault();
 						let t = H.value.find((e) => e.iso === j.value);
-						t && ne(t);
+						t && te(t);
 					}
 					break;
 				case "Escape":
-					e.stopPropagation(), e.preventDefault(), ee(), S.value?.focus();
+					e.stopPropagation(), e.preventDefault(), Z(), S.value?.focus();
 					break;
 			}
 		}
-		function ee() {
+		function Z() {
 			_.value = !1;
 		}
-		function te() {
-			_.value ? ee() : K();
+		function ee() {
+			_.value ? Z() : K();
 		}
-		function ne(e) {
-			W(e.iso) || (g.value = e.iso, ee(), S.value?.focus());
+		function te(e) {
+			W(e.iso) || (g.value = e.iso, Z(), S.value?.focus());
 		}
-		function Z() {
+		function ne() {
 			F.value === 0 ? (F.value = 11, N.value--) : F.value--;
 		}
 		function re() {
@@ -3432,13 +3434,13 @@ var ga = [
 		}
 		function ae(e) {
 			let t = e.target;
-			!x.value?.contains(t) && !A(t) && ee();
+			!x.value?.contains(t) && !A(t) && Z();
 		}
 		G(_, (e) => {
 			e ? document.addEventListener("pointerdown", ae) : document.removeEventListener("pointerdown", ae);
 		});
 		function Q(e) {
-			e.key === "Enter" || e.key === " " ? (e.preventDefault(), te()) : e.key === "Escape" && _.value && (e.stopPropagation(), ee());
+			e.key === "Enter" || e.key === " " ? (e.preventDefault(), ee()) : e.key === "Escape" && _.value && (e.stopPropagation(), Z());
 		}
 		return C(() => document.removeEventListener("pointerdown", ae)), (a, u) => (T(), c("div", {
 			ref_key: "containerRef",
@@ -3457,7 +3459,7 @@ var ga = [
 			"aria-expanded": _.value,
 			"aria-label": p.value,
 			"aria-disabled": i.disabled,
-			onClick: te,
+			onClick: ee,
 			onKeydown: Q
 		}, [l("span", { class: y(["uid-datepicker__value", { "uid-datepicker__value--placeholder": !g.value }]) }, P(g.value ? V.value : p.value), 3), l("div", _a, [g.value ? (T(), c("button", {
 			key: 0,
@@ -3484,7 +3486,7 @@ var ga = [
 					type: "button",
 					class: "uid-datepicker__nav-btn",
 					"aria-label": L(f).datePicker.prevMonth,
-					onClick: Z
+					onClick: ne
 				}, [d(e, {
 					icon: L(ce),
 					size: 16
@@ -3521,7 +3523,7 @@ var ga = [
 				disabled: W(e.iso),
 				"aria-current": e.iso === U.value ? "date" : void 0,
 				"aria-selected": e.iso === g.value,
-				onClick: (t) => ne(e)
+				onClick: (t) => te(e)
 			}, P(e.date.getDate()), 11, wa))), 128))], 544)], 12, ya)) : s("", !0)]),
 			_: 1
 		})]))], 2));
@@ -3835,7 +3837,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 			let e = K();
 			h.value = e, m("change", e), I.value = e.toUpperCase();
 		}
-		let X = a(() => Ka(h.value)), ee = a(() => X.value ?? h.value ?? null), te = a(() => `hsl(${g.value}, 100%, 50%)`), ne = a(() => `${_.value}%`), Z = a(() => `${100 - v.value}%`), re = a(() => `${g.value / 360 * 100}%`), ie = a(() => `${x.value}%`), [ae, Q, oe] = [
+		let X = a(() => Ka(h.value)), Z = a(() => X.value ?? h.value ?? null), ee = a(() => `hsl(${g.value}, 100%, 50%)`), te = a(() => `${_.value}%`), ne = a(() => `${100 - v.value}%`), re = a(() => `${g.value / 360 * 100}%`), ie = a(() => `${x.value}%`), [ae, Q, oe] = [
 			a(() => H(g.value, _.value, v.value)[0]),
 			a(() => H(g.value, _.value, v.value)[1]),
 			a(() => H(g.value, _.value, v.value)[2])
@@ -3958,8 +3960,8 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 			onClick: ke
 		}, [l("span", {
 			class: "uid-colorpicker__swatch",
-			style: b(ee.value ? { background: ee.value } : {})
-		}, null, 4), l("span", { class: y(["uid-colorpicker__trigger-label", { "uid-colorpicker__trigger-label--empty": !h.value }]) }, P(ee.value ? ee.value.toUpperCase() : p.value), 3)], 8, qa), (T(), o(n, { to: "body" }, [d(r, { name: "uid-colorpicker-panel" }, {
+			style: b(Z.value ? { background: Z.value } : {})
+		}, null, 4), l("span", { class: y(["uid-colorpicker__trigger-label", { "uid-colorpicker__trigger-label--empty": !h.value }]) }, P(Z.value ? Z.value.toUpperCase() : p.value), 3)], 8, qa), (T(), o(n, { to: "body" }, [d(r, { name: "uid-colorpicker-panel" }, {
 			default: q(() => [S.value ? (T(), c("div", {
 				key: 0,
 				ref_key: "panelRef",
@@ -3973,7 +3975,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 					ref_key: "gradientRef",
 					ref: M,
 					class: "uid-colorpicker__gradient",
-					style: b({ "--_hue": te.value }),
+					style: b({ "--_hue": ee.value }),
 					tabindex: "0",
 					role: "application",
 					"aria-label": L(f).colorPicker.saturation,
@@ -3984,8 +3986,8 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 				}, [l("div", {
 					class: "uid-colorpicker__gradient-thumb",
 					style: b({
-						left: ne.value,
-						top: Z.value
+						left: te.value,
+						top: ne.value
 					})
 				}, null, 4)], 44, Ya),
 				l("div", Xa, [l("div", Za, [l("div", {
@@ -4438,17 +4440,17 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 				m: e
 			};
 		}
-		function ee(e) {
+		function Z(e) {
 			I.value = {
 				...I.value,
 				s: e
 			};
 		}
-		function te() {
+		function ee() {
 			let e = F(I.value);
 			g.value = e, h("change", e), K(), S.value?.focus();
 		}
-		function ne() {
+		function te() {
 			let e = /* @__PURE__ */ new Date(), t = f.step;
 			I.value = {
 				h: e.getHours(),
@@ -4456,7 +4458,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 				s: f.withSeconds ? Math.floor(e.getSeconds() / t) * t : 0
 			};
 		}
-		function Z(e) {
+		function ne(e) {
 			e.stopPropagation(), g.value = null, h("change", null);
 		}
 		function re(e) {
@@ -4493,7 +4495,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 					...I.value,
 					[t]: r
 				}, Q(t, r);
-			} else e.key === "Enter" ? (e.preventDefault(), te()) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), K(), S.value?.focus());
+			} else e.key === "Enter" ? (e.preventDefault(), ee()) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), K(), S.value?.focus());
 		}
 		function Q(e, t) {
 			let n = {
@@ -4552,7 +4554,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 				type: "button",
 				class: "uid-timepicker__clear",
 				"aria-label": L(p).common.clear,
-				onClick: Z
+				onClick: ne
 			}, " × ", 8, Eo)) : s("", !0)
 		], 40, To), (T(), o(n, { to: "body" }, [d(r, { name: "uid-timepicker-panel" }, {
 			default: q(() => [_.value ? (T(), c("div", {
@@ -4611,16 +4613,16 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 					role: "option",
 					"aria-selected": I.value.s === e,
 					tabindex: I.value.s === e ? 0 : -1,
-					onClick: (t) => ee(e)
+					onClick: (t) => Z(e)
 				}, P(U(e)), 11, Po))), 128))], 40, No)) : s("", !0)
 			]), l("div", Fo, [l("button", {
 				type: "button",
 				class: "uid-timepicker__btn",
-				onClick: ne
+				onClick: te
 			}, P(L(p).timePicker.now), 1), l("button", {
 				type: "button",
 				class: "uid-timepicker__btn uid-timepicker__btn--primary",
-				onClick: te
+				onClick: ee
 			}, P(L(p).timePicker.confirm), 1)])], 12, Do)) : s("", !0)]),
 			_: 1
 		})]))], 2));
@@ -4704,7 +4706,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 			return r ? `${n} ${r}` : n;
 		}
 		let J = a(() => _.value.start ? z(_.value.start) : null), Y = a(() => _.value.end ? z(_.value.end) : null), X = a(() => !_.value.start && !_.value.end ? "" : `${_.value.start ? K(_.value.start) : "..."} — ${_.value.end ? K(_.value.end) : "..."}`);
-		function ee(e, t, n) {
+		function Z(e, t, n) {
 			let r = new Date(e, t, 1), i = new Date(e, t + 1, 0), a = (r.getDay() + 6) % 7, o = [];
 			for (let r = a; r > 0; r--) {
 				let i = new Date(e, t, 1 - r);
@@ -4736,10 +4738,10 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 			}
 			return o;
 		}
-		let te = a(() => ee(j.value, M.value, 0)), ne = a(() => {
+		let ee = a(() => Z(j.value, M.value, 0)), te = a(() => {
 			let e = M.value === 11 ? 0 : M.value + 1;
-			return ee(M.value === 11 ? j.value + 1 : j.value, e, 1);
-		}), Z = a(() => `${I.value[M.value]} ${j.value}`), re = a(() => {
+			return Z(M.value === 11 ? j.value + 1 : j.value, e, 1);
+		}), ne = a(() => `${I.value[M.value]} ${j.value}`), re = a(() => {
 			let e = M.value === 11 ? 0 : M.value + 1, t = M.value === 11 ? j.value + 1 : j.value;
 			return `${I.value[e]} ${t}`;
 		}), ie = a(() => W(A));
@@ -4910,7 +4912,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 						icon: L(ce),
 						size: 16
 					}, null, 8, ["icon"])], 8, Uo),
-					l("span", Wo, P(Z.value), 1),
+					l("span", Wo, P(ne.value), 1),
 					l("button", {
 						type: "button",
 						class: "uid-daterange__nav-btn uid-daterange__nav-btn--next",
@@ -4923,7 +4925,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 				]), l("div", Ko, [(T(!0), c(t, null, k(R.value, (e) => (T(), c("span", {
 					key: e,
 					class: "uid-daterange__weekday"
-				}, P(e), 1))), 128)), (T(!0), c(t, null, k(te.value, (e) => (T(), c("button", {
+				}, P(e), 1))), 128)), (T(!0), c(t, null, k(ee.value, (e) => (T(), c("button", {
 					key: e.iso,
 					type: "button",
 					class: y(["uid-daterange__day", {
@@ -4960,7 +4962,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 				]), l("div", $o, [(T(!0), c(t, null, k(R.value, (e) => (T(), c("span", {
 					key: e,
 					class: "uid-daterange__weekday"
-				}, P(e), 1))), 128)), (T(!0), c(t, null, k(ne.value, (e) => (T(), c("button", {
+				}, P(e), 1))), 128)), (T(!0), c(t, null, k(te.value, (e) => (T(), c("button", {
 					key: e.iso,
 					type: "button",
 					class: y(["uid-daterange__day", {
@@ -5233,17 +5235,17 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 		function X() {
 			E.value = !1, D.value = U.value?.label ?? "";
 		}
-		function ee(e) {
+		function Z(e) {
 			e.disabled || (w.value = e.value, S("change", e.value), D.value = e.label, E.value = !1, M.value?.blur());
 		}
-		function te() {
+		function ee() {
 			let e = D.value.trim();
 			e && (S("create", e), E.value = !1);
 		}
-		function ne(e) {
+		function te(e) {
 			e.stopPropagation(), w.value = null, S("change", null), D.value = "", M.value?.focus();
 		}
-		function Z(e) {
+		function ne(e) {
 			D.value = e.target.value, E.value || Y();
 		}
 		function re() {
@@ -5274,11 +5276,11 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 		}
 		function ce() {
 			if (K.value && A.value === W.value.length) {
-				te();
+				ee();
 				return;
 			}
 			let e = W.value[A.value];
-			e && ee(e);
+			e && Z(e);
 		}
 		function le() {
 			v(() => {
@@ -5328,7 +5330,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 				disabled: r.disabled,
 				required: r.required,
 				value: D.value,
-				onInput: Z,
+				onInput: ne,
 				onFocus: re,
 				onKeydown: ie
 			}), null, 16, xs), l("div", Ss, [r.clearable && w.value !== null ? (T(), c("button", {
@@ -5336,7 +5338,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 				type: "button",
 				class: "uid-combobox__clear",
 				"aria-label": L(h).common.clear,
-				onClick: ne
+				onClick: te
 			}, [d(e, {
 				icon: L(Ee),
 				size: 12
@@ -5369,7 +5371,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 					"data-active": n === A.value ? "true" : void 0,
 					"aria-selected": t.value === w.value,
 					"aria-disabled": t.disabled,
-					onClick: (e) => ee(t),
+					onClick: (e) => Z(t),
 					onMouseenter: (e) => !t.disabled && (A.value = n)
 				}, [
 					l("span", Es, P(t.label), 1),
@@ -5389,7 +5391,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 					role: "option",
 					class: y(["uid-combobox__option uid-combobox__create", { "uid-combobox__option--active": A.value === W.value.length }]),
 					"data-active": A.value === W.value.length ? "true" : void 0,
-					onClick: te,
+					onClick: ee,
 					onMouseenter: a[0] ||= (e) => A.value = W.value.length
 				}, [l("span", ks, P(L(h).combobox.create(D.value)), 1)], 42, Os)) : s("", !0),
 				W.value.length === 0 && !K.value ? (T(), c("div", As, P(x.value), 1)) : s("", !0)
@@ -6565,7 +6567,7 @@ var Lc = {
 		let n = t, r = $(), i = a(() => n.locale ?? r.value.code ?? "ru-RU"), d = a(() => n.value === void 0 ? "" : n.formatter ? n.formatter(n.value) : typeof n.value == "number" ? n.value.toLocaleString(i.value, {
 			minimumFractionDigits: n.precision,
 			maximumFractionDigits: n.precision
-		}) : String(n.value)), f = a(() => n.trend === void 0 ? null : n.trend > 0 ? "up" : n.trend < 0 ? "down" : "flat"), p = a(() => f.value === "up" ? re : f.value === "down" ? ne : null), m = a(() => n.trend === void 0 ? "" : `${Math.abs(n.trend).toLocaleString(i.value, { maximumFractionDigits: 2 })}${n.trendSuffix}`);
+		}) : String(n.value)), f = a(() => n.trend === void 0 ? null : n.trend > 0 ? "up" : n.trend < 0 ? "down" : "flat"), p = a(() => f.value === "up" ? re : f.value === "down" ? te : null), m = a(() => n.trend === void 0 ? "" : `${Math.abs(n.trend).toLocaleString(i.value, { maximumFractionDigits: 2 })}${n.trendSuffix}`);
 		return (n, r) => (T(), c("div", { class: y(["uid-stat", [
 			`uid-stat--${t.tone}`,
 			t.variant === "ghost" && "uid-stat--ghost",
@@ -6696,7 +6698,7 @@ var Lc = {
 		let n = t, r = {
 			success: oe,
 			info: ve,
-			warning: te,
+			warning: ee,
 			error: De
 		}, i = a(() => r[n.status]);
 		return (n, r) => (T(), c("div", {
@@ -7315,18 +7317,18 @@ var Lc = {
 		function Y() {
 			v.value ? J() : q();
 		}
-		function ee(e, t) {
+		function Z(e, t) {
 			if (e.length !== t.length) return !1;
 			let n = new Set(e);
 			return t.every((e) => n.has(e));
 		}
-		let te = a({
+		let ee = a({
 			get: () => H.value,
 			set: (e) => {
-				ee(e, H.value) || (g.value = [...e], h("change", [...e]));
+				Z(e, H.value) || (g.value = [...e], h("change", [...e]));
 			}
 		});
-		function ne(e) {
+		function te(e) {
 			let t = new Set([e]);
 			if (!f.checkable || f.checkStrictly) return t;
 			let n = I.value.find((t) => t.key === e), r = (e) => {
@@ -7337,7 +7339,7 @@ var Lc = {
 			for (; i;) t.add(i.key), i = V.value.get(i.key) ?? null;
 			return t;
 		}
-		function Z(e) {
+		function ne(e) {
 			if (f.multiple) {
 				let t = Array.isArray(g.value) ? [...g.value] : [], n = t.indexOf(e.key);
 				n >= 0 ? t.splice(n, 1) : t.push(e.key), g.value = t, h("change", t);
@@ -7350,7 +7352,7 @@ var Lc = {
 		}
 		function ie(e, t) {
 			if (e.stopPropagation(), !Array.isArray(g.value)) return;
-			let n = ne(t), r = g.value.filter((e) => !n.has(e));
+			let n = te(t), r = g.value.filter((e) => !n.has(e));
 			g.value = r, h("change", r);
 		}
 		function ae(e) {
@@ -7429,8 +7431,8 @@ var Lc = {
 				key: 0,
 				"expanded-keys": _.value,
 				"onUpdate:expandedKeys": a[0] ||= (e) => _.value = e,
-				"checked-keys": te.value,
-				"onUpdate:checkedKeys": a[1] ||= (e) => te.value = e,
+				"checked-keys": ee.value,
+				"onUpdate:checkedKeys": a[1] ||= (e) => ee.value = e,
 				nodes: r.nodes,
 				selectable: !1,
 				checkable: "",
@@ -7453,7 +7455,7 @@ var Lc = {
 				selectable: r.multiple ? "multiple" : "single",
 				"default-expand-all": r.defaultExpandAll,
 				"show-guides": r.showGuides,
-				onSelect: Z
+				onSelect: ne
 			}, null, 8, [
 				"expanded-keys",
 				"nodes",
@@ -7952,7 +7954,7 @@ var Lc = {
 				t && q(t);
 			} else e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), ie(), E.value?.focus());
 		}
-		function ee(e) {
+		function Z(e) {
 			let t = f.options;
 			for (let n of e) {
 				let e = t.find((e) => e.value === n);
@@ -7961,15 +7963,15 @@ var Lc = {
 			}
 			return t;
 		}
-		let te = a(() => {
+		let ee = a(() => {
 			let e = [f.options];
 			for (let t = 0; t < S.value.length; t++) {
-				let n = ee(S.value.slice(0, t + 1));
+				let n = Z(S.value.slice(0, t + 1));
 				if (n.length === 0) break;
 				e.push(n);
 			}
 			return e;
-		}), ne = a(() => {
+		}), te = a(() => {
 			if (m.value.length === 0) return [];
 			let e = [], t = f.options;
 			for (let n of m.value) {
@@ -7978,7 +7980,7 @@ var Lc = {
 				e.push(r), t = r.children ?? [];
 			}
 			return e;
-		}), Z = a(() => ne.value.map((e) => e.label));
+		}), ne = a(() => te.value.map((e) => e.label));
 		function re() {
 			f.disabled || (_.value = !0);
 		}
@@ -8052,7 +8054,7 @@ var Lc = {
 				"aria-label": g.value,
 				onClick: ae,
 				onKeydown: pe
-			}, [l("div", nd, [Z.value.length > 0 ? (T(!0), c(t, { key: 0 }, k(Z.value, (e, n) => (T(), c(t, { key: n }, [l("span", null, P(e), 1), n < Z.value.length - 1 ? (T(), c("span", rd, P(r.separator), 1)) : s("", !0)], 64))), 128)) : (T(), c("span", id, P(g.value), 1))]), l("div", ad, [r.clearable && m.value.length > 0 ? (T(), c("button", {
+			}, [l("div", nd, [ne.value.length > 0 ? (T(!0), c(t, { key: 0 }, k(ne.value, (e, n) => (T(), c(t, { key: n }, [l("span", null, P(e), 1), n < ne.value.length - 1 ? (T(), c("span", rd, P(r.separator), 1)) : s("", !0)], 64))), 128)) : (T(), c("span", id, P(g.value), 1))]), l("div", ad, [r.clearable && m.value.length > 0 ? (T(), c("button", {
 				key: 0,
 				type: "button",
 				class: "uid-cascader__clear",
@@ -8101,7 +8103,7 @@ var Lc = {
 				onMousedown: a[1] ||= X(() => {}, ["prevent"]),
 				onMouseenter: (e) => N.value = n,
 				onClick: (t) => q(e)
-			}, [(T(!0), c(t, null, k(e.path, (e, n) => (T(), c(t, { key: n }, [n > 0 ? (T(), c("span", dd, P(r.separator), 1)) : s("", !0), l("span", null, [(T(!0), c(t, null, k(W(e.label), (e, n) => (T(), c(t, { key: n }, [e.match ? (T(), c("mark", fd, P(e.text), 1)) : (T(), c(t, { key: 1 }, [u(P(e.text), 1)], 64))], 64))), 128))])], 64))), 128))], 42, ud))), 128)), V.value.length === 0 ? (T(), c("li", pd, P(L(h).common.noResults), 1)) : s("", !0)], 8, ld)) : (T(), c("div", md, [(T(!0), c(t, null, k(te.value, (n, i) => (T(), c("div", {
+			}, [(T(!0), c(t, null, k(e.path, (e, n) => (T(), c(t, { key: n }, [n > 0 ? (T(), c("span", dd, P(r.separator), 1)) : s("", !0), l("span", null, [(T(!0), c(t, null, k(W(e.label), (e, n) => (T(), c(t, { key: n }, [e.match ? (T(), c("mark", fd, P(e.text), 1)) : (T(), c(t, { key: 1 }, [u(P(e.text), 1)], 64))], 64))), 128))])], 64))), 128))], 42, ud))), 128)), V.value.length === 0 ? (T(), c("li", pd, P(L(h).common.noResults), 1)) : s("", !0)], 8, ld)) : (T(), c("div", md, [(T(!0), c(t, null, k(ee.value, (n, i) => (T(), c("div", {
 				key: i,
 				class: "uid-cascader__column"
 			}, [(T(!0), c(t, null, k(n, (t) => (T(), c("button", {
@@ -8812,13 +8814,417 @@ var Lc = {
 			l("span", null, P(L(r).heatmap.more), 1)
 		])) : s("", !0)], 12, df));
 	}
-}), yf = ["aria-label"], bf = ["aria-current"], xf = { class: "uid-stepper__indicator" }, Sf = {
+}), yf = {
+	default: ["color-mix(in srgb, var(--uid-heatmap-matrix-color) 14%, var(--uid-color-bg))", "var(--uid-heatmap-matrix-color)"],
+	viridis: [
+		"#440154",
+		"#482878",
+		"#3e4989",
+		"#31688e",
+		"#26828e",
+		"#1f9e89",
+		"#35b779",
+		"#6ece58",
+		"#b5de2b",
+		"#fde725"
+	],
+	magma: [
+		"#000004",
+		"#1c1044",
+		"#4f127b",
+		"#812581",
+		"#b5367a",
+		"#e55064",
+		"#fb8761",
+		"#fec287",
+		"#fcfdbf"
+	],
+	plasma: [
+		"#0d0887",
+		"#46039f",
+		"#7201a8",
+		"#9c179e",
+		"#bd3786",
+		"#d8576b",
+		"#ed7953",
+		"#fb9f3a",
+		"#fdca26",
+		"#f0f921"
+	],
+	inferno: [
+		"#000004",
+		"#1b0c41",
+		"#4a0c6b",
+		"#781c6d",
+		"#a52c60",
+		"#cf4446",
+		"#ed6925",
+		"#fb9b06",
+		"#f7d13d",
+		"#fcffa4"
+	],
+	blues: [
+		"#deebf7",
+		"#c6dbef",
+		"#9ecae1",
+		"#6baed6",
+		"#4292c6",
+		"#2171b5",
+		"#08519c",
+		"#08306b"
+	],
+	greens: [
+		"#e5f5e0",
+		"#c7e9c0",
+		"#a1d99b",
+		"#74c476",
+		"#41ab5d",
+		"#238b45",
+		"#006d2c",
+		"#00441b"
+	],
+	reds: [
+		"#fee0d2",
+		"#fcbba1",
+		"#fc9272",
+		"#fb6a4a",
+		"#ef3b2c",
+		"#cb181d",
+		"#a50f15",
+		"#67000d"
+	]
+};
+function bf(e) {
+	return Object.prototype.hasOwnProperty.call(yf, e);
+}
+function xf(e) {
+	if (Array.isArray(e)) {
+		let t = e.filter((e) => typeof e == "string" && e.trim() !== "");
+		return t.length > 0 ? t : [...yf.default];
+	}
+	let t = typeof e == "string" ? e.trim() : "";
+	if (t === "") return [...yf.default];
+	let n = t.toLowerCase();
+	return bf(n) ? [...yf[n]] : Sf(t) ? [`color-mix(in srgb, ${t} 14%, var(--uid-color-bg))`, t] : [...yf.default];
+}
+function Sf(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 Cf(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 wf(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 Tf = { class: "uid-heatmap-matrix__scroll" }, Ef = [
+	"aria-label",
+	"aria-rowcount",
+	"aria-colcount"
+], Df = {
+	class: "uid-heatmap-matrix__row uid-heatmap-matrix__row--head",
+	role: "row",
+	"aria-rowindex": "1"
+}, Of = ["aria-colindex", "aria-label"], kf = ["title"], Af = ["aria-rowindex"], jf = ["title"], Mf = [
+	"aria-colindex",
+	"aria-label",
+	"tabindex",
+	"data-r",
+	"data-c",
+	"onMouseenter",
+	"onFocus"
+], Nf = { class: "uid-heatmap-matrix__tooltip-label" }, Pf = { class: "uid-heatmap-matrix__tooltip-value" }, Ff = {
+	key: 1,
+	class: "uid-heatmap-matrix__legend",
+	"aria-hidden": "true"
+}, If = { class: "uid-heatmap-matrix__legend-value" }, Lf = { class: "uid-heatmap-matrix__legend-value" }, Rf = {
+	key: 0,
+	class: "uid-heatmap-matrix__legend-empty"
+}, zf = 11, Bf = 96, Vf = 18, Hf = /* @__PURE__ */ f({
+	__name: "UidHeatmapMatrix",
+	props: {
+		rows: {},
+		cols: {},
+		values: {},
+		colorScale: { default: "default" },
+		min: { default: void 0 },
+		max: { default: void 0 },
+		formatValue: {
+			type: Function,
+			default: void 0
+		},
+		cellHeight: { default: 20 },
+		minCellWidth: { default: 10 },
+		gap: { default: 2 },
+		colLabels: { default: "auto" },
+		showLegend: {
+			type: Boolean,
+			default: !0
+		},
+		ariaLabel: { default: void 0 }
+	},
+	setup(e) {
+		let n = e, r = $(), i = Math.SQRT1_2, o = O(null), d = O([]), f = O(null), p = O(0), m = O(0);
+		function h(e, t) {
+			let r = n.values[e]?.[t];
+			return typeof r == "number" && Number.isFinite(r) ? r : null;
+		}
+		let g = a(() => n.rows.map((e, t) => n.cols.map((e, n) => h(t, n)))), _ = a(() => {
+			let e = Infinity, t = -Infinity;
+			for (let n of g.value) for (let r of n) r !== null && (r < e && (e = r), r > t && (t = r));
+			return e === Infinity && (e = 0, t = 0), {
+				min: typeof n.min == "number" ? n.min : e,
+				max: typeof n.max == "number" ? n.max : t
+			};
+		}), C = a(() => g.value.some((e) => e.some((e) => e === null))), w = a(() => xf(n.colorScale));
+		function E(e) {
+			let { min: t, max: n } = _.value;
+			return n <= t ? +(e > t) : (e - t) / (n - t);
+		}
+		function D(e) {
+			if (e !== null) return Cf(w.value, E(e));
+		}
+		function j(e) {
+			return n.formatValue ? n.formatValue(e) : new Intl.NumberFormat(r.value.code).format(e);
+		}
+		function M(e) {
+			return e === null ? r.value.heatmap.noData : j(e);
+		}
+		function N(e, t) {
+			return {
+				row: n.rows[e] ?? "",
+				col: n.cols[t] ?? "",
+				rowIndex: e,
+				colIndex: t,
+				value: g.value[e]?.[t] ?? null
+			};
+		}
+		function F(e, t) {
+			let n = N(e, t);
+			return `${n.row} × ${n.col}: ${M(n.value)}`;
+		}
+		function I(e) {
+			return Math.min(Bf, e.length * zf * .6);
+		}
+		let R = a(() => n.cols.reduce((e, t) => Math.max(e, I(t)), 0)), z = a(() => {
+			let e = n.cols.length, t = p.value, r = n.colLabels;
+			if (e === 0 || t <= 0) return {
+				mode: r === "rotated" ? "rotated" : "horizontal",
+				step: 1,
+				reserve: 0
+			};
+			let a = t - 4 - m.value - n.gap * e, o = Math.max(n.minCellWidth, a / e), s = R.value, c = Math.max(1, Math.ceil((s + 6) / o)), l = (s + zf) * 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(Vf / u));
+			return r === "horizontal" ? {
+				mode: "horizontal",
+				step: c,
+				reserve: 0
+			} : r === "rotated" ? {
+				mode: "rotated",
+				step: f,
+				reserve: d
+			} : c === 1 || f >= c ? {
+				mode: "horizontal",
+				step: c,
+				reserve: 0
+			} : {
+				mode: "rotated",
+				step: f,
+				reserve: d
+			};
+		});
+		function B(e) {
+			return e % z.value.step === 0;
+		}
+		let V = a(() => z.value.mode === "horizontal" ? 18 : Math.ceil((R.value + 14) * i) + 6), H = a(() => ({
+			"--uid-heatmap-matrix-cols": String(n.cols.length),
+			"--uid-heatmap-matrix-cell-height": `${n.cellHeight}px`,
+			"--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(() => z.value.reserve > 0 ? { paddingInlineEnd: `${z.value.reserve}px` } : void 0), W = a(() => wf(w.value)), K = a(() => n.ariaLabel ?? r.value.heatmap.matrixSummary(n.rows.length, n.cols.length)), q = O({
+			r: 0,
+			c: 0
+		}), J = O(null), Y = O(!1), X = a(() => J.value ?? (Y.value ? q.value : null)), Z = a(() => X.value ? N(X.value.r, X.value.c) : null), ee = O({});
+		async function te() {
+			let e = X.value, t = o.value;
+			if (!e || !t) return;
+			let n = t.querySelector(`[data-r="${e.r}"][data-c="${e.c}"]`);
+			if (!n) return;
+			let r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = i.left - r.left + i.width / 2, s = i.top - r.top;
+			ee.value = {
+				left: `${a}px`,
+				top: `${s}px`
+			}, await v();
+			let c = f.value;
+			if (!c) return;
+			let l = c.offsetWidth / 2, u = r.width - l, d = Math.max(l, Math.min(u, a));
+			u >= l && d !== a && (ee.value = {
+				left: `${d}px`,
+				top: `${s}px`
+			});
+		}
+		G(X, () => {
+			te();
+		});
+		function ne(e, t) {
+			J.value = {
+				r: e,
+				c: t
+			};
+		}
+		function re() {
+			J.value = null;
+		}
+		function ie(e, t) {
+			q.value = {
+				r: e,
+				c: t
+			}, Y.value = !0;
+		}
+		function ae(e) {
+			let t = e.relatedTarget;
+			(!t || !o.value?.contains(t)) && (Y.value = !1);
+		}
+		function Q(e, t) {
+			let r = n.rows.length, i = n.cols.length;
+			if (r === 0 || i === 0) return;
+			let a = Math.max(0, Math.min(r - 1, e)), s = Math.max(0, Math.min(i - 1, t));
+			q.value = {
+				r: a,
+				c: s
+			}, J.value = null, v(() => {
+				o.value?.querySelector(`[data-r="${a}"][data-c="${s}"]`)?.focus();
+			});
+		}
+		function oe(e) {
+			let { r: t, c: r } = q.value, i = {
+				r: n.rows.length - 1,
+				c: n.cols.length - 1
+			}, a = {
+				ArrowRight: () => Q(t, r + 1),
+				ArrowLeft: () => Q(t, r - 1),
+				ArrowDown: () => Q(t + 1, r),
+				ArrowUp: () => Q(t - 1, r),
+				Home: () => e.ctrlKey ? Q(0, 0) : Q(t, 0),
+				End: () => e.ctrlKey ? Q(i.r, i.c) : Q(t, i.c),
+				PageUp: () => Q(0, r),
+				PageDown: () => Q(i.r, r),
+				Escape: () => {
+					J.value = null, Y.value = !1;
+				}
+			}[e.key];
+			a && (e.preventDefault(), a());
+		}
+		G(() => [n.rows.length, n.cols.length], ([e, t]) => {
+			let { r: n, c: r } = q.value;
+			(n >= e || r >= t) && (q.value = {
+				r: 0,
+				c: 0
+			});
+		});
+		function se() {
+			let e = o.value;
+			e && (p.value = e.getBoundingClientRect().width, m.value = d.value.reduce((e, t) => Math.max(e, t.getBoundingClientRect().width), 0));
+		}
+		let ce = null;
+		return S(() => {
+			se(), typeof ResizeObserver < "u" && o.value && (ce = new ResizeObserver(() => se()), ce.observe(o.value));
+		}), G(() => n.rows, () => {
+			v(se);
+		}), x(() => {
+			ce?.disconnect(), ce = null;
+		}), (n, i) => (T(), c("div", {
+			ref_key: "rootRef",
+			ref: o,
+			class: y(["uid-heatmap-matrix", `uid-heatmap-matrix--labels-${z.value.mode}`]),
+			style: b(H.value)
+		}, [
+			l("div", Tf, [l("div", {
+				class: "uid-heatmap-matrix__grid",
+				role: "grid",
+				style: b(U.value),
+				"aria-label": K.value,
+				"aria-rowcount": e.rows.length + 1,
+				"aria-colcount": e.cols.length + 1,
+				onMouseleave: re,
+				onKeydown: oe
+			}, [l("div", Df, [i[0] ||= l("div", {
+				class: "uid-heatmap-matrix__corner",
+				role: "columnheader",
+				"aria-colindex": "1"
+			}, null, -1), (T(!0), c(t, null, k(e.cols, (e, t) => (T(), c("div", {
+				key: `h-${t}`,
+				class: "uid-heatmap-matrix__col-header",
+				role: "columnheader",
+				"aria-colindex": t + 2,
+				"aria-label": e
+			}, [l("span", {
+				class: y(["uid-heatmap-matrix__col-label", { "uid-heatmap-matrix__col-label--hidden": !B(t) }]),
+				title: e,
+				"aria-hidden": "true"
+			}, P(e), 11, kf)], 8, Of))), 128))]), (T(!0), c(t, null, k(e.rows, (n, r) => (T(), c("div", {
+				key: `r-${r}`,
+				class: "uid-heatmap-matrix__row",
+				role: "row",
+				"aria-rowindex": r + 2
+			}, [l("div", {
+				ref_for: !0,
+				ref_key: "rowHeaderRef",
+				ref: d,
+				class: "uid-heatmap-matrix__row-header",
+				role: "rowheader",
+				"aria-colindex": "1",
+				title: n
+			}, P(n), 9, jf), (T(!0), c(t, null, k(e.cols, (e, t) => (T(), c("div", {
+				key: `c-${r}-${t}`,
+				class: y(["uid-heatmap-matrix__cell", {
+					"uid-heatmap-matrix__cell--empty": g.value[r][t] === null,
+					"uid-heatmap-matrix__cell--active": X.value && X.value.r === r && X.value.c === t
+				}]),
+				role: "gridcell",
+				"aria-colindex": t + 2,
+				"aria-label": F(r, t),
+				tabindex: q.value.r === r && q.value.c === t ? 0 : -1,
+				"data-r": r,
+				"data-c": t,
+				style: b(g.value[r][t] === null ? void 0 : { background: D(g.value[r][t]) }),
+				onMouseenter: (e) => ne(r, t),
+				onFocus: (e) => ie(r, t),
+				onBlur: ae
+			}, null, 46, Mf))), 128))], 8, Af))), 128))], 44, Ef)]),
+			Z.value ? (T(), c("div", {
+				key: 0,
+				ref_key: "tooltipRef",
+				ref: f,
+				class: "uid-heatmap-matrix__tooltip",
+				role: "tooltip",
+				style: b(ee.value)
+			}, [A(n.$slots, "tooltip", {
+				cell: Z.value,
+				formatted: M(Z.value.value)
+			}, () => [l("span", Nf, P(Z.value.row) + " × " + P(Z.value.col), 1), l("strong", Pf, P(M(Z.value.value)), 1)])], 4)) : s("", !0),
+			e.showLegend && e.rows.length > 0 && e.cols.length > 0 ? (T(), c("div", Ff, [
+				l("span", If, P(j(_.value.min)), 1),
+				l("span", {
+					class: "uid-heatmap-matrix__legend-bar",
+					style: b({ background: W.value })
+				}, null, 4),
+				l("span", Lf, P(j(_.value.max)), 1),
+				C.value ? (T(), c("span", Rf, [i[1] ||= l("span", { class: "uid-heatmap-matrix__legend-swatch" }, null, -1), u(" " + P(L(r).heatmap.noData), 1)])) : s("", !0)
+			])) : s("", !0)
+		], 6));
+	}
+}), Uf = ["aria-label"], Wf = ["aria-current"], Gf = { class: "uid-stepper__indicator" }, Kf = {
 	key: 1,
 	"aria-hidden": "true"
-}, Cf = { class: "uid-stepper__content" }, wf = { class: "uid-stepper__label" }, Tf = {
+}, qf = { class: "uid-stepper__content" }, Jf = { class: "uid-stepper__label" }, Yf = {
 	key: 0,
 	class: "uid-stepper__description"
-}, Ef = /* @__PURE__ */ f({
+}, Xf = /* @__PURE__ */ f({
 	__name: "UidStepper",
 	props: {
 		steps: {},
@@ -8847,20 +9253,20 @@ var Lc = {
 			class: y(["uid-stepper__target", { "uid-stepper__target--selectable": d(r) }]),
 			onClick: (e) => d(r) && u("select", r)
 		}, {
-			default: q(() => [l("div", xf, [f(r, n.current) === "completed" ? (T(), o(e, {
+			default: q(() => [l("div", Gf, [f(r, n.current) === "completed" ? (T(), o(e, {
 				key: 0,
 				icon: L(Q),
 				size: 16,
 				"aria-hidden": "true"
-			}, null, 8, ["icon"])) : (T(), c("span", Sf, P(r + 1), 1))]), l("div", Cf, [l("span", wf, P(t.label), 1), t.description ? (T(), c("span", Tf, P(t.description), 1)) : s("", !0)])]),
+			}, null, 8, ["icon"])) : (T(), c("span", Kf, P(r + 1), 1))]), l("div", qf, [l("span", Jf, P(t.label), 1), t.description ? (T(), c("span", Yf, P(t.description), 1)) : s("", !0)])]),
 			_: 2
 		}, 1032, [
 			"type",
 			"class",
 			"onClick"
-		]))], 10, bf))), 128))], 10, yf));
+		]))], 10, Wf))), 128))], 10, Uf));
 	}
-}), Df = /* @__PURE__ */ f({
+}), Zf = /* @__PURE__ */ f({
 	__name: "UidStack",
 	props: {
 		direction: { default: "column" },
@@ -8906,7 +9312,7 @@ var Lc = {
 			_: 3
 		}, 8, ["class", "style"]));
 	}
-}), Of = /* @__PURE__ */ f({
+}), Qf = /* @__PURE__ */ f({
 	__name: "UidGrid",
 	props: {
 		cols: { default: 12 },
@@ -8941,7 +9347,7 @@ var Lc = {
 			_: 3
 		}, 8, ["style"]));
 	}
-}), kf = /* @__PURE__ */ f({
+}), $f = /* @__PURE__ */ f({
 	__name: "UidContainer",
 	props: {
 		size: { default: "lg" },
@@ -8957,7 +9363,7 @@ var Lc = {
 			_: 3
 		}, 8, ["class"]));
 	}
-}), Af = Symbol("uid-wizard"), jf = { class: "uid-wizard" }, Mf = /* @__PURE__ */ f({
+}), ep = Symbol("uid-wizard"), tp = { class: "uid-wizard" }, np = /* @__PURE__ */ f({
 	__name: "UidWizard",
 	props: /* @__PURE__ */ g({ steps: {} }, {
 		modelValue: { default: 0 },
@@ -8982,7 +9388,7 @@ var Lc = {
 		function m(e) {
 			i.delete(e);
 		}
-		return E(Af, {
+		return E(ep, {
 			current: r,
 			steps: o,
 			isFirst: s,
@@ -8999,9 +9405,9 @@ var Lc = {
 			goTo: f,
 			isFirst: s,
 			isLast: l
-		}), (e, t) => (T(), c("div", jf, [A(e.$slots, "default")]));
+		}), (e, t) => (T(), c("div", tp, [A(e.$slots, "default")]));
 	}
-}), Nf = ["aria-label"], Pf = /* @__PURE__ */ f({
+}), rp = ["aria-label"], ip = /* @__PURE__ */ f({
 	__name: "UidWizardStep",
 	props: {
 		index: {},
@@ -9011,7 +9417,7 @@ var Lc = {
 		}
 	},
 	setup(e) {
-		let t = e, n = $(), r = h(Af);
+		let t = e, n = $(), r = h(ep);
 		if (!r) throw Error("UidWizardStep must be inside UidWizard");
 		G(() => t.validate, (e, n) => {
 			n !== void 0 && r.unregisterValidator(t.index), e !== void 0 && r.registerValidator(t.index, e);
@@ -9022,18 +9428,18 @@ var Lc = {
 			class: "uid-wizard-step",
 			role: "tabpanel",
 			"aria-label": L(n).wizard.step(e.index + 1)
-		}, [A(t.$slots, "default")], 8, Nf)) : s("", !0);
+		}, [A(t.$slots, "default")], 8, rp)) : s("", !0);
 	}
-}), Ff = { class: "uid-pattern-header__inner" }, If = {
+}), ap = { class: "uid-pattern-header__inner" }, op = {
 	key: 0,
 	class: "uid-pattern-header__logo"
-}, Lf = ["aria-label"], Rf = {
+}, sp = ["aria-label"], cp = {
 	key: 2,
 	class: "uid-pattern-header__actions"
-}, zf = {
+}, lp = {
 	key: 3,
 	class: "uid-pattern-header__mobile"
-}, Bf = /* @__PURE__ */ f({
+}, up = /* @__PURE__ */ f({
 	__name: "UidHeader",
 	props: {
 		sticky: {
@@ -9055,39 +9461,39 @@ var Lc = {
 			"uid-pattern-header--sticky": e.sticky,
 			"uid-pattern-header--bordered": e.bordered,
 			"uid-pattern-header--transparent": e.transparent
-		}]) }, [l("div", Ff, [
-			n.$slots.logo ? (T(), c("div", If, [A(n.$slots, "logo")])) : s("", !0),
+		}]) }, [l("div", ap, [
+			n.$slots.logo ? (T(), c("div", op, [A(n.$slots, "logo")])) : s("", !0),
 			n.$slots.nav ? (T(), c("nav", {
 				key: 1,
 				class: "uid-pattern-header__nav",
 				"aria-label": L(t).header.nav
-			}, [A(n.$slots, "nav")], 8, Lf)) : s("", !0),
-			n.$slots.actions ? (T(), c("div", Rf, [A(n.$slots, "actions")])) : s("", !0),
-			n.$slots.mobile ? (T(), c("div", zf, [A(n.$slots, "mobile")])) : s("", !0)
+			}, [A(n.$slots, "nav")], 8, sp)) : s("", !0),
+			n.$slots.actions ? (T(), c("div", cp, [A(n.$slots, "actions")])) : s("", !0),
+			n.$slots.mobile ? (T(), c("div", lp, [A(n.$slots, "mobile")])) : s("", !0)
 		])], 2));
 	}
-}), Vf = { class: "uid-pattern-footer__inner" }, Hf = {
+}), dp = { class: "uid-pattern-footer__inner" }, fp = {
 	key: 0,
 	class: "uid-pattern-footer__columns"
-}, Uf = {
+}, pp = {
 	key: 1,
 	class: "uid-pattern-footer__content"
-}, Wf = {
+}, mp = {
 	key: 2,
 	class: "uid-pattern-footer__bottom"
-}, Gf = /* @__PURE__ */ f({
+}, hp = /* @__PURE__ */ f({
 	__name: "UidFooter",
 	props: { variant: { default: "minimal" } },
 	setup(e) {
-		return (t, n) => (T(), c("footer", { class: y(["uid-pattern-footer", `uid-pattern-footer--${e.variant}`]) }, [l("div", Vf, [t.$slots.columns ? (T(), c("div", Hf, [A(t.$slots, "columns")])) : t.$slots.default ? (T(), c("div", Uf, [A(t.$slots, "default")])) : s("", !0), t.$slots.bottom ? (T(), c("div", Wf, [A(t.$slots, "bottom")])) : s("", !0)])], 2));
+		return (t, n) => (T(), c("footer", { class: y(["uid-pattern-footer", `uid-pattern-footer--${e.variant}`]) }, [l("div", dp, [t.$slots.columns ? (T(), c("div", fp, [A(t.$slots, "columns")])) : t.$slots.default ? (T(), c("div", pp, [A(t.$slots, "default")])) : s("", !0), t.$slots.bottom ? (T(), c("div", mp, [A(t.$slots, "bottom")])) : s("", !0)])], 2));
 	}
-}), Kf = ["aria-label"], qf = {
+}), gp = ["aria-label"], _p = {
 	key: 0,
 	class: "uid-pattern-sidebar__header"
-}, Jf = ["aria-label"], Yf = {
+}, vp = ["aria-label"], yp = {
 	key: 1,
 	class: "uid-pattern-sidebar__footer"
-}, Xf = /* @__PURE__ */ f({
+}, bp = /* @__PURE__ */ f({
 	__name: "UidSidebar",
 	props: {
 		collapsed: {
@@ -9104,22 +9510,22 @@ var Lc = {
 			style: b(e.width && !e.collapsed ? { "--uid-sidebar-width": e.width } : void 0),
 			"aria-label": L(t).sidebar.label
 		}, [
-			n.$slots.header ? (T(), c("div", qf, [A(n.$slots, "header")])) : s("", !0),
+			n.$slots.header ? (T(), c("div", _p, [A(n.$slots, "header")])) : s("", !0),
 			l("nav", {
 				class: "uid-pattern-sidebar__nav",
 				"aria-label": L(t).sidebar.nav
-			}, [A(n.$slots, "nav")], 8, Jf),
-			n.$slots.footer ? (T(), c("div", Yf, [A(n.$slots, "footer")])) : s("", !0)
-		], 14, Kf));
+			}, [A(n.$slots, "nav")], 8, vp),
+			n.$slots.footer ? (T(), c("div", yp, [A(n.$slots, "footer")])) : s("", !0)
+		], 14, gp));
 	}
-}), Zf = {
+}), xp = {
 	key: 0,
 	class: "uid-sidebar-item__icon",
 	"aria-hidden": "true"
-}, Qf = { class: "uid-sidebar-item__label" }, $f = {
+}, Sp = { class: "uid-sidebar-item__label" }, Cp = {
 	key: 1,
 	class: "uid-sidebar-item__badge"
-}, ep = /* @__PURE__ */ f({
+}, wp = /* @__PURE__ */ f({
 	__name: "UidSidebarItem",
 	props: {
 		href: { default: void 0 },
@@ -9146,9 +9552,9 @@ var Lc = {
 			tabindex: e.disabled ? -1 : void 0
 		}), {
 			default: q(() => [
-				t.$slots.icon ? (T(), c("span", Zf, [A(t.$slots, "icon")])) : s("", !0),
-				l("span", Qf, [A(t.$slots, "default")]),
-				e.badge === void 0 ? s("", !0) : (T(), c("span", $f, P(e.badge), 1))
+				t.$slots.icon ? (T(), c("span", xp, [A(t.$slots, "icon")])) : s("", !0),
+				l("span", Sp, [A(t.$slots, "default")]),
+				e.badge === void 0 ? s("", !0) : (T(), c("span", Cp, P(e.badge), 1))
 			]),
 			_: 3
 		}, 16, [
@@ -9158,10 +9564,10 @@ var Lc = {
 			"tabindex"
 		]));
 	}
-}), tp = { class: "uid-sidebar-group" }, np = {
+}), Tp = { class: "uid-sidebar-group" }, Ep = {
 	key: 0,
 	class: "uid-sidebar-group__title"
-}, rp = /* @__PURE__ */ f({
+}, Dp = /* @__PURE__ */ f({
 	__name: "UidSidebarGroup",
 	props: {
 		title: { default: void 0 },
@@ -9171,29 +9577,29 @@ var Lc = {
 		}
 	},
 	setup(e) {
-		return (t, n) => (T(), c("div", tp, [e.title ? (T(), c("p", np, P(e.title), 1)) : s("", !0), A(t.$slots, "default")]));
+		return (t, n) => (T(), c("div", Tp, [e.title ? (T(), c("p", Ep, P(e.title), 1)) : s("", !0), A(t.$slots, "default")]));
 	}
-}), ip = {}, ap = {
+}), Op = {}, kp = {
 	class: "uid-sidebar-divider",
 	role: "separator",
 	"aria-hidden": "true"
 };
-function op(e, t) {
-	return T(), c("div", ap);
+function Ap(e, t) {
+	return T(), c("div", kp);
 }
-var sp = /* @__PURE__ */ yr(ip, [["render", op]]), cp = { class: "uid-pattern-page-header" }, lp = {
+var jp = /* @__PURE__ */ yr(Op, [["render", Ap]]), Mp = { class: "uid-pattern-page-header" }, Np = {
 	key: 0,
 	class: "uid-pattern-page-header__breadcrumb"
-}, up = { class: "uid-pattern-page-header__row" }, dp = { class: "uid-pattern-page-header__heading" }, fp = ["aria-label"], pp = { class: "uid-pattern-page-header__title" }, mp = {
+}, Pp = { class: "uid-pattern-page-header__row" }, Fp = { class: "uid-pattern-page-header__heading" }, Ip = ["aria-label"], Lp = { class: "uid-pattern-page-header__title" }, Rp = {
 	key: 0,
 	class: "uid-pattern-page-header__description"
-}, hp = {
+}, zp = {
 	key: 0,
 	class: "uid-pattern-page-header__actions"
-}, gp = {
+}, Bp = {
 	key: 1,
 	class: "uid-pattern-page-header__tabs"
-}, _p = /* @__PURE__ */ f({
+}, Vp = /* @__PURE__ */ f({
 	__name: "UidPageHeader",
 	props: {
 		title: { default: void 0 },
@@ -9206,28 +9612,28 @@ var sp = /* @__PURE__ */ yr(ip, [["render", op]]), cp = { class: "uid-pattern-pa
 	emits: ["back"],
 	setup(t, { emit: n }) {
 		let r = $(), i = n;
-		return (n, a) => (T(), c("div", cp, [
-			n.$slots.breadcrumb ? (T(), c("div", lp, [A(n.$slots, "breadcrumb")])) : s("", !0),
-			l("div", up, [l("div", dp, [t.back ? (T(), c("button", {
+		return (n, a) => (T(), c("div", Mp, [
+			n.$slots.breadcrumb ? (T(), c("div", Np, [A(n.$slots, "breadcrumb")])) : s("", !0),
+			l("div", Pp, [l("div", Fp, [t.back ? (T(), c("button", {
 				key: 0,
 				type: "button",
 				class: "uid-pattern-page-header__back",
 				"aria-label": L(r).pageHeader.back,
 				onClick: a[0] ||= (e) => i("back")
 			}, [d(e, {
-				icon: L(Z),
+				icon: L(ne),
 				size: 20
-			}, null, 8, ["icon"])], 8, fp)) : s("", !0), l("div", null, [l("h1", pp, [A(n.$slots, "title", {}, () => [u(P(t.title), 1)])]), t.description || n.$slots.description ? (T(), c("p", mp, [A(n.$slots, "description", {}, () => [u(P(t.description), 1)])])) : s("", !0)])]), n.$slots.actions ? (T(), c("div", hp, [A(n.$slots, "actions")])) : s("", !0)]),
-			n.$slots.tabs ? (T(), c("div", gp, [A(n.$slots, "tabs")])) : s("", !0)
+			}, null, 8, ["icon"])], 8, Ip)) : s("", !0), l("div", null, [l("h1", Lp, [A(n.$slots, "title", {}, () => [u(P(t.title), 1)])]), t.description || n.$slots.description ? (T(), c("p", Rp, [A(n.$slots, "description", {}, () => [u(P(t.description), 1)])])) : s("", !0)])]), n.$slots.actions ? (T(), c("div", zp, [A(n.$slots, "actions")])) : s("", !0)]),
+			n.$slots.tabs ? (T(), c("div", Bp, [A(n.$slots, "tabs")])) : s("", !0)
 		]));
 	}
-}), vp = { class: "uid-pattern-empty-state" }, yp = { class: "uid-pattern-empty-state__illustration" }, bp = { class: "uid-pattern-empty-state__content" }, xp = { class: "uid-pattern-empty-state__title" }, Sp = {
+}), Hp = { class: "uid-pattern-empty-state" }, Up = { class: "uid-pattern-empty-state__illustration" }, Wp = { class: "uid-pattern-empty-state__content" }, Gp = { class: "uid-pattern-empty-state__title" }, Kp = {
 	key: 0,
 	class: "uid-pattern-empty-state__description"
-}, Cp = {
+}, qp = {
 	key: 0,
 	class: "uid-pattern-empty-state__actions"
-}, wp = /* @__PURE__ */ f({
+}, Jp = /* @__PURE__ */ f({
 	__name: "UidEmptyState",
 	props: {
 		title: { default: void 0 },
@@ -9235,25 +9641,25 @@ var sp = /* @__PURE__ */ yr(ip, [["render", op]]), cp = { class: "uid-pattern-pa
 	},
 	setup(t) {
 		let n = $();
-		return (r, i) => (T(), c("div", vp, [
-			l("div", yp, [A(r.$slots, "illustration", {}, () => [d(e, {
+		return (r, i) => (T(), c("div", Hp, [
+			l("div", Up, [A(r.$slots, "illustration", {}, () => [d(e, {
 				icon: L(ge),
 				size: 48
 			}, null, 8, ["icon"])])]),
-			l("div", bp, [l("h2", xp, [A(r.$slots, "title", {}, () => [u(P(t.title ?? L(n).emptyState.title), 1)])]), t.description || r.$slots.description ? (T(), c("p", Sp, [A(r.$slots, "description", {}, () => [u(P(t.description), 1)])])) : s("", !0)]),
-			r.$slots.actions ? (T(), c("div", Cp, [A(r.$slots, "actions")])) : s("", !0)
+			l("div", Wp, [l("h2", Gp, [A(r.$slots, "title", {}, () => [u(P(t.title ?? L(n).emptyState.title), 1)])]), t.description || r.$slots.description ? (T(), c("p", Kp, [A(r.$slots, "description", {}, () => [u(P(t.description), 1)])])) : s("", !0)]),
+			r.$slots.actions ? (T(), c("div", qp, [A(r.$slots, "actions")])) : s("", !0)
 		]));
 	}
-}), Tp = { class: "uid-pattern-error-state" }, Ep = { class: "uid-pattern-error-state__illustration" }, Dp = {
+}), Yp = { class: "uid-pattern-error-state" }, Xp = { class: "uid-pattern-error-state__illustration" }, Zp = {
 	key: 0,
 	class: "uid-pattern-error-state__code"
-}, Op = { class: "uid-pattern-error-state__content" }, kp = { class: "uid-pattern-error-state__title" }, Ap = {
+}, Qp = { class: "uid-pattern-error-state__content" }, $p = { class: "uid-pattern-error-state__title" }, em = {
 	key: 0,
 	class: "uid-pattern-error-state__description"
-}, jp = {
+}, tm = {
 	key: 1,
 	class: "uid-pattern-error-state__actions"
-}, Mp = /* @__PURE__ */ f({
+}, nm = /* @__PURE__ */ f({
 	__name: "UidErrorState",
 	props: {
 		code: { default: void 0 },
@@ -9263,7 +9669,7 @@ var sp = /* @__PURE__ */ yr(ip, [["render", op]]), cp = { class: "uid-pattern-pa
 	setup(t) {
 		let n = t, r = $(), i = a(() => ({
 			404: {
-				icon: ee,
+				icon: Z,
 				title: r.value.errorState.notFoundTitle,
 				description: r.value.errorState.notFoundDescription
 			},
@@ -9277,24 +9683,24 @@ var sp = /* @__PURE__ */ yr(ip, [["render", op]]), cp = { class: "uid-pattern-pa
 				title: r.value.errorState.offlineTitle,
 				description: r.value.errorState.offlineDescription
 			}
-		})), o = a(() => n.code ? i.value[n.code] ?? null : null), f = a(() => o.value?.icon ?? ee), p = a(() => n.title ?? o.value?.title ?? r.value.errorState.title), m = a(() => n.description ?? o.value?.description);
-		return (n, r) => (T(), c("div", Tp, [
-			l("div", Ep, [A(n.$slots, "illustration", {}, () => [d(e, {
+		})), o = a(() => n.code ? i.value[n.code] ?? null : null), f = a(() => o.value?.icon ?? Z), p = a(() => n.title ?? o.value?.title ?? r.value.errorState.title), m = a(() => n.description ?? o.value?.description);
+		return (n, r) => (T(), c("div", Yp, [
+			l("div", Xp, [A(n.$slots, "illustration", {}, () => [d(e, {
 				icon: f.value,
 				size: 48
 			}, null, 8, ["icon"])])]),
-			t.code ? (T(), c("div", Dp, P(t.code), 1)) : s("", !0),
-			l("div", Op, [l("h2", kp, [A(n.$slots, "title", {}, () => [u(P(p.value), 1)])]), m.value || n.$slots.description ? (T(), c("p", Ap, [A(n.$slots, "description", {}, () => [u(P(m.value), 1)])])) : s("", !0)]),
-			n.$slots.actions ? (T(), c("div", jp, [A(n.$slots, "actions")])) : s("", !0)
+			t.code ? (T(), c("div", Zp, P(t.code), 1)) : s("", !0),
+			l("div", Qp, [l("h2", $p, [A(n.$slots, "title", {}, () => [u(P(p.value), 1)])]), m.value || n.$slots.description ? (T(), c("p", em, [A(n.$slots, "description", {}, () => [u(P(m.value), 1)])])) : s("", !0)]),
+			n.$slots.actions ? (T(), c("div", tm, [A(n.$slots, "actions")])) : s("", !0)
 		]));
 	}
-}), Np = {
+}), rm = {
 	key: 0,
 	class: "uid-layout-simple__header"
-}, Pp = { class: "uid-layout-simple__content" }, Fp = {
+}, im = { class: "uid-layout-simple__content" }, am = {
 	key: 1,
 	class: "uid-layout-simple__footer"
-}, Ip = /* @__PURE__ */ f({
+}, om = /* @__PURE__ */ f({
 	__name: "UidSimpleLayout",
 	props: { full: {
 		type: Boolean,
@@ -9302,26 +9708,26 @@ var sp = /* @__PURE__ */ yr(ip, [["render", op]]), cp = { class: "uid-pattern-pa
 	} },
 	setup(e) {
 		return (t, n) => (T(), c("div", { class: y(["uid-layout-simple", { "uid-layout-simple--full": e.full }]) }, [
-			t.$slots.header ? (T(), c("div", Np, [A(t.$slots, "header")])) : s("", !0),
-			l("main", Pp, [A(t.$slots, "default")]),
-			t.$slots.footer ? (T(), c("div", Fp, [A(t.$slots, "footer")])) : s("", !0)
+			t.$slots.header ? (T(), c("div", rm, [A(t.$slots, "header")])) : s("", !0),
+			l("main", im, [A(t.$slots, "default")]),
+			t.$slots.footer ? (T(), c("div", am, [A(t.$slots, "footer")])) : s("", !0)
 		], 2));
 	}
-}), Lp = Symbol("uid-sidebar-layout");
-function Rp() {
-	let e = h(Lp);
+}), sm = Symbol("uid-sidebar-layout");
+function cm() {
+	let e = h(sm);
 	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 zp = { class: "uid-layout-sidebar__sidebar" }, Bp = { class: "uid-layout-sidebar__main" }, Vp = {
+var lm = { class: "uid-layout-sidebar__sidebar" }, um = { class: "uid-layout-sidebar__main" }, dm = {
 	key: 0,
 	class: "uid-layout-sidebar__main-header"
-}, Hp = { class: "uid-layout-sidebar__main-content" }, Up = {
+}, fm = { class: "uid-layout-sidebar__main-content" }, pm = {
 	key: 1,
 	class: "uid-layout-sidebar__main-footer"
-}, Wp = /* @__PURE__ */ f({
+}, mm = /* @__PURE__ */ f({
 	__name: "UidSidebarLayout",
 	props: /* @__PURE__ */ g({ sidebarWidth: { default: void 0 } }, {
 		modelValue: {
@@ -9339,7 +9745,7 @@ var zp = { class: "uid-layout-sidebar__sidebar" }, Bp = { class: "uid-layout-sid
 		}, o = () => {
 			n.value = !0;
 		};
-		E(Lp, {
+		E(sm, {
 			collapsed: n,
 			toggle: r,
 			open: i,
@@ -9350,58 +9756,58 @@ var zp = { class: "uid-layout-sidebar__sidebar" }, Bp = { class: "uid-layout-sid
 			class: y(["uid-layout-sidebar", { "uid-layout-sidebar--collapsed": n.value }]),
 			style: b(u.value)
 		}, [
-			l("aside", zp, [A(e.$slots, "sidebar")]),
+			l("aside", lm, [A(e.$slots, "sidebar")]),
 			l("div", {
 				class: "uid-layout-sidebar__backdrop",
 				"aria-hidden": "true",
 				onClick: o
 			}),
-			l("div", Bp, [
-				e.$slots.header ? (T(), c("div", Vp, [A(e.$slots, "header")])) : s("", !0),
-				l("main", Hp, [A(e.$slots, "default")]),
-				e.$slots.footer ? (T(), c("div", Up, [A(e.$slots, "footer")])) : s("", !0)
+			l("div", um, [
+				e.$slots.header ? (T(), c("div", dm, [A(e.$slots, "header")])) : s("", !0),
+				l("main", fm, [A(e.$slots, "default")]),
+				e.$slots.footer ? (T(), c("div", pm, [A(e.$slots, "footer")])) : s("", !0)
 			])
 		], 6));
 	}
-}), Gp = {
+}), hm = {
 	key: 0,
 	class: "uid-layout-auth__brand"
-}, Kp = { class: "uid-layout-auth__main" }, qp = { class: "uid-layout-auth__card" }, Jp = {
+}, gm = { class: "uid-layout-auth__main" }, _m = { class: "uid-layout-auth__card" }, vm = {
 	key: 0,
 	class: "uid-layout-auth__footer"
-}, Yp = /* @__PURE__ */ f({
+}, ym = /* @__PURE__ */ f({
 	__name: "UidAuthLayout",
 	props: { variant: { default: "centered" } },
 	setup(e) {
-		return (t, n) => (T(), c("div", { class: y(["uid-layout-auth", [`uid-layout-auth--${e.variant}`]]) }, [e.variant === "split" && t.$slots.brand ? (T(), c("div", Gp, [A(t.$slots, "brand")])) : s("", !0), l("div", Kp, [l("div", qp, [A(t.$slots, "default")]), t.$slots.footer ? (T(), c("div", Jp, [A(t.$slots, "footer")])) : s("", !0)])], 2));
+		return (t, n) => (T(), c("div", { class: y(["uid-layout-auth", [`uid-layout-auth--${e.variant}`]]) }, [e.variant === "split" && t.$slots.brand ? (T(), c("div", hm, [A(t.$slots, "brand")])) : s("", !0), l("div", gm, [l("div", _m, [A(t.$slots, "default")]), t.$slots.footer ? (T(), c("div", vm, [A(t.$slots, "footer")])) : s("", !0)])], 2));
 	}
-}), Xp = { class: "uid-layout-wizard" }, Zp = {
+}), bm = { class: "uid-layout-wizard" }, xm = {
 	key: 0,
 	class: "uid-layout-wizard__header"
-}, Qp = {
+}, Sm = {
 	key: 1,
 	class: "uid-layout-wizard__stepper"
-}, $p = { class: "uid-layout-wizard__content" }, em = {
+}, Cm = { class: "uid-layout-wizard__content" }, wm = {
 	key: 2,
 	class: "uid-layout-wizard__nav"
-}, tm = /* @__PURE__ */ f({
+}, Tm = /* @__PURE__ */ f({
 	__name: "UidWizardLayout",
 	setup(e) {
-		return (e, t) => (T(), c("div", Xp, [
-			e.$slots.header ? (T(), c("div", Zp, [A(e.$slots, "header")])) : s("", !0),
-			e.$slots.stepper ? (T(), c("div", Qp, [A(e.$slots, "stepper")])) : s("", !0),
-			l("main", $p, [A(e.$slots, "default")]),
-			e.$slots.nav ? (T(), c("div", em, [A(e.$slots, "nav")])) : s("", !0)
+		return (e, t) => (T(), c("div", bm, [
+			e.$slots.header ? (T(), c("div", xm, [A(e.$slots, "header")])) : s("", !0),
+			e.$slots.stepper ? (T(), c("div", Sm, [A(e.$slots, "stepper")])) : s("", !0),
+			l("main", Cm, [A(e.$slots, "default")]),
+			e.$slots.nav ? (T(), c("div", wm, [A(e.$slots, "nav")])) : s("", !0)
 		]));
 	}
-}), nm = /* @__PURE__ */ f({
+}), Em = /* @__PURE__ */ f({
 	__name: "UidLocaleProvider",
 	props: { locale: {} },
 	setup(e) {
 		let t = e;
 		return an(a(() => t.locale)), (e, t) => A(e.$slots, "default");
 	}
-}), rm = {
+}), Dm = {
 	code: "en-US",
 	common: {
 		clear: "Clear",
@@ -9580,7 +9986,9 @@ var zp = { class: "uid-layout-sidebar__sidebar" }, Bp = { class: "uid-layout-sid
 	heatmap: {
 		summary: (e) => `Activity heatmap: ${e} events`,
 		less: "Less",
-		more: "More"
+		more: "More",
+		matrixSummary: (e, t) => `Heatmap: ${e} rows × ${t} columns`,
+		noData: "No data"
 	},
 	validation: {
 		value: "value",
@@ -9598,19 +10006,19 @@ var zp = { class: "uid-layout-sidebar__sidebar" }, Bp = { class: "uid-layout-sid
 		sameAs: "The values do not match",
 		unknown: (e) => `Validation failed: ${e}`
 	}
-}, im = O("light");
-function am() {
+}, Om = O("light");
+function km() {
 	let e = null;
 	function t(e) {
-		im.value = e, document.documentElement.dataset.theme = e;
+		Om.value = e, document.documentElement.dataset.theme = e;
 	}
 	function n() {
-		t(im.value === "light" ? "dark" : "light");
+		t(Om.value === "light" ? "dark" : "light");
 	}
 	function r() {
 		let e = document.documentElement.dataset.theme;
 		if (e === "light" || e === "dark") {
-			im.value = e;
+			Om.value = e;
 			return;
 		}
 		let n = window.matchMedia("(prefers-color-scheme: dark)").matches;
@@ -9622,7 +10030,7 @@ function am() {
 		e.addEventListener("change", n), C(() => e?.removeEventListener("change", n));
 	}
 	return {
-		theme: im,
+		theme: Om,
 		setTheme: t,
 		toggle: n,
 		initFromSystem: r,
@@ -9631,27 +10039,27 @@ function am() {
 }
 //#endregion
 //#region src/composables/useWizard.ts
-function om() {
-	let e = h(Af);
+function Am() {
+	let e = h(ep);
 	if (!e) throw Error("useWizard() must be used inside UidWizard");
 	return e;
 }
 //#endregion
 //#region src/composables/useCommandPalette.ts
-var sm = O(!1);
-function cm() {
+var jm = O(!1);
+function Mm() {
 	return {
-		open: sm,
+		open: jm,
 		show: () => {
-			sm.value = !0;
+			jm.value = !0;
 		},
 		hide: () => {
-			sm.value = !1;
+			jm.value = !1;
 		},
 		toggle: () => {
-			sm.value = !sm.value;
+			jm.value = !jm.value;
 		}
 	};
 }
 //#endregion
-export { Li as UidAccordion, Ui as UidAccordionItem, Fl as UidAffix, gn as UidAlert, Wl as UidAnchor, Yp as UidAuthLayout, Di as UidAvatar, Ai as UidAvatarGroup, Nl as UidBackTop, un as UidBadge, Wr as UidBreadcrumb, Zr as UidBreadcrumbItem, je as UidButton, Md as UidCalendar, wi as UidCard, Du as UidCarousel, vd as UidCascader, Et as UidCheckbox, Mt as UidCheckboxGroup, Gc as UidCode, io as UidColorPicker, js as UidCombobox, go as UidCommand, kf as UidContainer, Ta as UidDatePicker, fs as UidDateRangePicker, Tl as UidDescriptionItem, xl as UidDescriptionList, Pi as UidDivider, Qn as UidDrawer, wp as UidEmptyState, Mp as UidErrorState, gc as UidFileUpload, Gf as UidFooter, tn as UidFormField, uf as UidGauge, Of as UidGrid, Bf as UidHeader, vf as UidHeatmap, e as UidIcon, el as UidImage, mi as UidInfiniteScroll, gt as UidInput, Xt as UidLabel, Qr as UidLink, di as UidLoadMore, nm as UidLocaleProvider, au as UidMention, gr as UidMenu, vr as UidMenuItem, Cr as UidMenuSeparator, Gn as UidModal, xu as UidNotificationBadge, wo as UidNumberInput, _p as UidPageHeader, vi as UidPageSize, ii as UidPagination, ci as UidPaginationCursor, sr as UidPopover, Mn as UidProgress, Jd as UidProgressRing, It as UidRadio, Ht as UidRadioGroup, ol as UidRating, jl as UidResult, pa as UidSelect, Xf as UidSidebar, sp as UidSidebarDivider, rp as UidSidebarGroup, ep as UidSidebarItem, Wp as UidSidebarLayout, Ip as UidSimpleLayout, ln as UidSkeleton, Pa as UidSlider, Hd as UidSparkline, sn as UidSpinner, ll as UidSplitter, Df as UidStack, vl as UidStat, Ef as UidStepper, jr as UidSubMenu, qt as UidSwitch, Lr as UidTab, zr as UidTabPanel, $i as UidTable, Fr as UidTabs, Mi as UidTag, vs as UidTagsInput, xt as UidTextarea, Io as UidTimePicker, Us as UidTimeline, Zs as UidTimelineItem, Sn as UidToast, En as UidToastProvider, ir as UidTooltip, Ql as UidTour, $u as UidTransfer, Bs as UidTreeItem, vu as UidTreeSelect, Hs as UidTreeView, Ea as UidVirtualList, Rl as UidWatermark, Mf as UidWizard, tm as UidWizardLayout, Pf as UidWizardStep, Ge as email, rm as en, ze as getMessage, et as inList, Je as integer, Fc as isHighlightable, Xe as max, Qe as maxValue, Ye as min, Ze as minValue, Ka as normalizeColor, We as nullable, qe as numeric, Ua as parseColor, at as parseRules, an as provideLocale, $e as regex, Ue as required, nt as requiredIf, rt as requiredUnless, Me as ru, ot as runRules, tt as sameAs, Re as setMessages, Ie as setValidationLocale, Ic as tokenize, Ke as url, cm as useCommandPalette, st as useField, Pn as useFocusTrap, $ as useLocale, tr as usePopover, In as useScrollLock, Rp as useSidebar, am as useTheme, Tn as useToast, om as useWizard };
+export { Li as UidAccordion, Ui as UidAccordionItem, Fl as UidAffix, gn as UidAlert, Wl as UidAnchor, ym as UidAuthLayout, Di as UidAvatar, Ai as UidAvatarGroup, Nl as UidBackTop, un as UidBadge, Wr as UidBreadcrumb, Zr as UidBreadcrumbItem, je as UidButton, Md as UidCalendar, wi as UidCard, Du as UidCarousel, vd as UidCascader, Et as UidCheckbox, Mt as UidCheckboxGroup, Gc as UidCode, io as UidColorPicker, js as UidCombobox, go as UidCommand, $f as UidContainer, Ta as UidDatePicker, fs as UidDateRangePicker, Tl as UidDescriptionItem, xl as UidDescriptionList, Pi as UidDivider, Qn as UidDrawer, Jp as UidEmptyState, nm as UidErrorState, gc as UidFileUpload, hp as UidFooter, tn as UidFormField, uf as UidGauge, Qf as UidGrid, up as UidHeader, vf as UidHeatmap, Hf as UidHeatmapMatrix, e as UidIcon, el as UidImage, mi as UidInfiniteScroll, gt as UidInput, Xt as UidLabel, Qr as UidLink, di as UidLoadMore, Em as UidLocaleProvider, au as UidMention, gr as UidMenu, vr as UidMenuItem, Cr as UidMenuSeparator, Gn as UidModal, xu as UidNotificationBadge, wo as UidNumberInput, Vp as UidPageHeader, vi as UidPageSize, ii as UidPagination, ci as UidPaginationCursor, sr as UidPopover, Mn as UidProgress, Jd as UidProgressRing, It as UidRadio, Ht as UidRadioGroup, ol as UidRating, jl as UidResult, pa as UidSelect, bp as UidSidebar, jp as UidSidebarDivider, Dp as UidSidebarGroup, wp as UidSidebarItem, mm as UidSidebarLayout, om as UidSimpleLayout, ln as UidSkeleton, Pa as UidSlider, Hd as UidSparkline, sn as UidSpinner, ll as UidSplitter, Zf as UidStack, vl as UidStat, Xf as UidStepper, jr as UidSubMenu, qt as UidSwitch, Lr as UidTab, zr as UidTabPanel, $i as UidTable, Fr as UidTabs, Mi as UidTag, vs as UidTagsInput, xt as UidTextarea, Io as UidTimePicker, Us as UidTimeline, Zs as UidTimelineItem, Sn as UidToast, En as UidToastProvider, ir as UidTooltip, Ql as UidTour, $u as UidTransfer, Bs as UidTreeItem, vu as UidTreeSelect, Hs as UidTreeView, Ea as UidVirtualList, Rl as UidWatermark, np as UidWizard, Tm as UidWizardLayout, ip as UidWizardStep, Ge as email, Dm as en, ze as getMessage, Cf as heatmapColorAt, yf as heatmapColorScales, et as inList, Je as integer, Fc as isHighlightable, Xe as max, Qe as maxValue, Ye as min, Ze as minValue, Ka as normalizeColor, We as nullable, qe as numeric, Ua as parseColor, at as parseRules, an as provideLocale, $e as regex, Ue as required, nt as requiredIf, rt as requiredUnless, xf as resolveHeatmapStops, Me as ru, ot as runRules, tt as sameAs, Re as setMessages, Ie as setValidationLocale, Ic as tokenize, Ke as url, Mm as useCommandPalette, st as useField, Pn as useFocusTrap, $ as useLocale, tr as usePopover, In as useScrollLock, cm as useSidebar, km as useTheme, Tn as useToast, Am as useWizard };