react-data-matrix 0.4.2 → 1.0.0

package/dist/index.js

@@ -0,0 +1,1414 @@
+import { useEffect as e, useMemo as t, useRef as n, useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region lib/components/MatrixHeaders.tsx
+var s = ({ title: e, columns: t, styles: n }) => /* @__PURE__ */ o("thead", { children: [/* @__PURE__ */ o("tr", { children: [/* @__PURE__ */ a("td", {
+	className: "rdm-corner",
+	colSpan: 2
+}), /* @__PURE__ */ a("th", {
+	className: "rdm-axis-title",
+	scope: "colgroup",
+	colSpan: t.length,
+	style: n.axisTitle,
+	children: e
+})] }), /* @__PURE__ */ o("tr", { children: [/* @__PURE__ */ a("td", {
+	className: "rdm-corner",
+	colSpan: 2
+}), t.map((e) => /* @__PURE__ */ o("th", {
+	className: "rdm-column-header",
+	scope: "col",
+	"data-col": e.consequence,
+	style: n.columnHeader,
+	children: [e.header_title, /* @__PURE__ */ a("div", {
+		className: "rdm-subtitle",
+		children: e.header_sub_title
+	})]
+}, e.id))] })] }), c = ({ value: e, row: t, column: n, tier: r, colours: s, style: c, onActivate: l, accessibleName: u }) => {
+	if (!e) return /* @__PURE__ */ a("td", {
+		className: "rdm-cell rdm-cell-empty",
+		"data-row": t,
+		"data-col": n,
+		style: c
+	});
+	let d = s ? {
+		"--rdm-cell-bg": s.bg,
+		"--rdm-cell-fg": s.fg
+	} : void 0, f = /* @__PURE__ */ o(i, { children: [
+		/* @__PURE__ */ a("span", {
+			className: "rdm-cell-label",
+			children: e.description
+		}),
+		/* @__PURE__ */ a("br", {}),
+		/* @__PURE__ */ a("span", {
+			className: "rdm-cell-score",
+			children: `(${e.score_value})`
+		})
+	] });
+	return /* @__PURE__ */ a("td", {
+		className: "rdm-cell",
+		"data-row": t,
+		"data-col": n,
+		"data-tier": r,
+		style: {
+			...d,
+			...c
+		},
+		children: l ? /* @__PURE__ */ a("button", {
+			type: "button",
+			className: "rdm-cell-button",
+			"aria-label": u,
+			onClick: l,
+			children: f
+		}) : f
+	});
+}, l = ({ rowTitle: e, columnTitle: t, columns: n, rows: r, tiers: i, colours: s, styles: l, onCellClick: u }) => /* @__PURE__ */ a("tbody", { children: r.map(({ detail: d, cells: f }, p) => /* @__PURE__ */ o("tr", {
+	"data-row": d.likelihood,
+	children: [
+		p === 0 && /* @__PURE__ */ a("th", {
+			className: "rdm-axis-title",
+			scope: "rowgroup",
+			rowSpan: r.length,
+			style: l.axisTitle,
+			children: e
+		}),
+		/* @__PURE__ */ o("th", {
+			className: "rdm-row-header",
+			scope: "row",
+			style: l.rowHeader,
+			children: [d.row_header_title, /* @__PURE__ */ a("div", {
+				className: "rdm-subtitle",
+				children: d.row_header_sub_title
+			})]
+		}),
+		f.map((r, o) => {
+			let f = n[o], p = r && u;
+			return /* @__PURE__ */ a(c, {
+				value: r,
+				row: d.likelihood,
+				column: f.consequence,
+				tier: r ? i.get(r.colour) : void 0,
+				colours: r ? s?.get(r.id) : void 0,
+				style: l.cell,
+				onActivate: p ? (e) => u(r, {
+					row: d,
+					column: f,
+					event: e
+				}) : void 0,
+				accessibleName: p ? `${e} ${d.row_header_title}, ${t} ${f.header_title}: ${r.description} (${r.score_value})` : void 0
+			}, r?.id ?? `empty-${o}`);
+		})
+	]
+}, d.id)) }), u = (e, { reverse: t }) => {
+	let n = e.matrix_details.slice(0, e.matrix_size), r = new Map(n.map((e, t) => [e.likelihood, t])), i = new Map(n.map((e, t) => [e.consequence, t])), a = new Set(e.matrix_details.map((e) => e.likelihood)), o = new Set(e.matrix_details.map((e) => e.consequence)), s = n.map(() => n.map(() => null)), c = [];
+	for (let t of e.matrix_values) {
+		let e = r.get(t.likelihood_descriptor), n = i.get(t.consequence_descriptor), l = `likelihood "${t.likelihood_descriptor}" × consequence ${t.consequence_descriptor}`;
+		if (e === void 0 || n === void 0) {
+			a.has(t.likelihood_descriptor) && o.has(t.consequence_descriptor) || c.push(`react-data-matrix: value ${t.id} (${l}) matches no row or column and is not shown.`);
+			continue;
+		}
+		let u = s[e][n];
+		if (u) {
+			c.push(`react-data-matrix: values ${u.id} and ${t.id} share ${l}; only ${u.id} is shown.`);
+			continue;
+		}
+		s[e][n] = t;
+	}
+	let l = n.map((e, t) => ({
+		detail: e,
+		cells: s[t]
+	}));
+	return {
+		columns: n,
+		rows: t ? l.reverse() : l,
+		issues: c
+	};
+}, d = [
+	".rdm-root{container-type:inline-size;overflow-x:auto;font-family:var(--rdm-font);font-size:var(--rdm-font-size);color:var(--rdm-text);background-color:var(--rdm-surface);background-image:var(--rdm-backdrop)}",
+	".rdm-root[data-scheme=dark]{color-scheme:dark}",
+	".rdm-root:focus-visible{outline:3px solid var(--rdm-focus);outline-offset:2px}",
+	".rdm-table{border-collapse:separate;border-spacing:var(--rdm-gap);margin-inline:auto;border:var(--rdm-line-width) var(--rdm-line-style) var(--rdm-line)}",
+	".rdm-caption{padding-block-end:1.33em}",
+	".rdm-caption>*{display:block;font-weight:700}",
+	".rdm-caption-title{font-size:2em;margin-block-end:.67em}",
+	".rdm-axis-title{font-weight:700;padding-block:1rem}",
+	"[data-axis-case=upper] .rdm-axis-title{text-transform:uppercase}",
+	".rdm-column-header,.rdm-row-header{background-color:var(--rdm-header-surface);color:var(--rdm-header-text);border:var(--rdm-line-width) var(--rdm-line-style) var(--rdm-line);padding:0 .5rem}",
+	".rdm-row-header{position:sticky;inset-inline-start:0;z-index:1}",
+	".rdm-subtitle{color:var(--rdm-muted-text);font-size:.9em;font-weight:400}",
+	".rdm-cell{background-color:var(--rdm-cell-bg);color:var(--rdm-cell-fg);border:var(--rdm-line-width) var(--rdm-line-style) var(--rdm-line);border-radius:var(--rdm-radius);box-shadow:var(--rdm-cell-shadow);padding:var(--rdm-cell-padding);text-align:center}",
+	"[data-align=start] :is(.rdm-cell,.rdm-column-header,.rdm-row-header){text-align:start}",
+	"[data-variant=outline] .rdm-cell{background-color:transparent;color:var(--rdm-text);border-color:var(--rdm-cell-bg);border-width:2px}",
+	":is([data-variant=chip],[data-variant=dot]) .rdm-cell{background-color:transparent;color:var(--rdm-text)}",
+	"[data-variant=chip] .rdm-cell-label{display:inline-block;padding:.15em .6em;border-radius:999px;background-color:var(--rdm-cell-bg);color:var(--rdm-cell-fg)}",
+	"[data-variant=dot] .rdm-cell-label{display:inline-flex;align-items:baseline}",
+	"[data-variant=dot] .rdm-cell-label::before{content:\"\";flex:none;display:inline-block;inline-size:.75em;block-size:.75em;margin-inline-end:.4em;border-radius:50%;background-color:var(--rdm-cell-bg)}",
+	"[data-emphasis=score] .rdm-cell-score{font-size:1.4em;font-weight:700}",
+	".rdm-cell-button{all:unset;box-sizing:border-box;display:block;inline-size:100%;cursor:pointer;text-align:inherit}",
+	".rdm-cell-button:focus-visible{outline:3px solid var(--rdm-focus);outline-offset:2px}",
+	"@media (hover:hover){.rdm-cell:has(.rdm-cell-button):hover{filter:brightness(1.08)}}",
+	"@container (width < 36rem){.rdm-subtitle{display:none}.rdm-cell{padding:calc(var(--rdm-cell-padding) / 2)}.rdm-axis-title[scope=rowgroup]{writing-mode:vertical-rl;rotate:180deg}}",
+	"@media (forced-colors:active){.rdm-cell{border:1px solid CanvasText}.rdm-cell-button:focus-visible{outline-color:Highlight}}"
+].join(""), f = `rdm-base-${((e) => {
+	let t = 2166136261;
+	for (let n = 0; n < e.length; n += 1) t ^= e.charCodeAt(n), t = Math.imul(t, 16777619);
+	return (t >>> 0).toString(36);
+})(d)}`, p = {
+	name: "Original",
+	scheme: "light",
+	font: "inherit",
+	fontSize: "inherit",
+	surface: "#ffffff",
+	text: "#000000",
+	mutedText: "#000000",
+	headerSurface: "#ffffff",
+	headerText: "#000000",
+	line: "#000000",
+	lineWidth: "1px",
+	lineStyle: "solid",
+	radius: "0",
+	gap: "2px",
+	cellPadding: "1px",
+	cellShadow: "none",
+	cellVariant: "fill",
+	emphasis: "label",
+	align: "center",
+	axisCase: "upper",
+	scale: "tier",
+	focus: "#000000"
+}, m = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i, h = (e) => {
+	let t = m.exec(e);
+	if (!t) throw Error(`Expected a #rgb or #rrggbb colour, got "${e}"`);
+	let n = t[1].length === 3 ? [...t[1]].map((e) => e + e).join("") : t[1];
+	return [
+		0,
+		2,
+		4
+	].map((e) => parseInt(n.slice(e, e + 2), 16) / 255);
+}, g = (e) => `#${e.map((e) => Math.round(Math.min(1, Math.max(0, e)) * 255).toString(16).padStart(2, "0")).join("")}`, _ = (e) => e <= .04045 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4, v = (e) => e <= .0031308 ? 12.92 * e : 1.055 * e ** (1 / 2.4) - .055, y = (e) => {
+	let [t, n, r] = h(e).map(_);
+	return .2126 * t + .7152 * n + .0722 * r;
+}, b = (e, t) => {
+	let [n, r] = [y(e), y(t)].sort((e, t) => t - e);
+	return (n + .05) / (r + .05);
+}, x = (e) => b(e, "#000000") >= b(e, "#ffffff") ? "#000000" : "#ffffff", S = (e) => {
+	let [t, n, r] = h(e).map(_), i = Math.cbrt(.4122214708 * t + .5363325363 * n + .0514459929 * r), a = Math.cbrt(.2119034982 * t + .6806995451 * n + .1073969566 * r), o = Math.cbrt(.0883024619 * t + .2817188376 * n + .6299787005 * r);
+	return [
+		.2104542553 * i + .793617785 * a - .0040720468 * o,
+		1.9779984951 * i - 2.428592205 * a + .4505937099 * o,
+		.0259040371 * i + .7827717662 * a - .808675766 * o
+	];
+}, C = ([e, t, n]) => {
+	let r = (e + .3963377774 * t + .2158037573 * n) ** 3, i = (e - .1055613458 * t - .0638541728 * n) ** 3, a = (e - .0894841775 * t - 1.291485548 * n) ** 3;
+	return g([
+		4.0767416621 * r - 3.3077115913 * i + .2309699292 * a,
+		-1.2684380046 * r + 2.6097574011 * i - .3413193965 * a,
+		-.0041960863 * r - .7034186147 * i + 1.707614701 * a
+	].map(v));
+}, w = (e, t, n) => e + (t - e) * n, T = (e, t) => {
+	if (e.length === 0) throw Error("interpolateColour needs at least one stop");
+	if (e.length === 1) return g(h(e[0]));
+	let n = Math.min(1, Math.max(0, t)) * (e.length - 1), r = Math.min(Math.floor(n), e.length - 2), [i, a] = [S(e[r]), S(e[r + 1])], o = n - r;
+	return C([
+		w(i[0], a[0], o),
+		w(i[1], a[1], o),
+		w(i[2], a[2], o)
+	]);
+}, E = /^#(?:[0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i, ee = /^[a-z]{1,32}$/i, te = /^(?:rgba?|hsla?|hwb|lab|lch|oklab|oklch)\((?:[\d.%+\-/\s,]|none|deg|grad|rad|turn)*\)$/i, ne = (e) => e.length <= 64 && (E.test(e) || ee.test(e) || te.test(e)), re = "#d0d0d0", ie = (e) => {
+	let t = /* @__PURE__ */ new Map();
+	for (let { colour: n, score_value: r } of e) t.set(n, Math.min(t.get(n) ?? Infinity, r));
+	let n = [...t].sort(([, e], [, t]) => e - t), r = e.map((e) => e.score_value);
+	return {
+		tiers: new Map(n.map(([e], t) => [e, t])),
+		minScore: r.length > 0 ? Math.min(...r) : 0,
+		maxScore: r.length > 0 ? Math.max(...r) : 0
+	};
+}, ae = (e, { value: t, scale: n }) => {
+	let { palette: r } = e;
+	if (!r || r.length === 0) return ne(t.colour) ? {
+		bg: t.colour,
+		fg: e.text
+	} : {
+		bg: re,
+		fg: e.text,
+		rejectedColour: t.colour
+	};
+	if (e.scale === "score") {
+		let e = n.maxScore - n.minScore, i = e === 0 ? 0 : (t.score_value - n.minScore) / e, a = T(r.map((e) => e.bg), i);
+		return {
+			bg: a,
+			fg: x(a)
+		};
+	}
+	let i = n.tiers.size, a = n.tiers.get(t.colour) ?? 0, o = i <= 1 ? 0 : a / (i - 1);
+	return r[Math.round(o * (r.length - 1))];
+}, D = (e) => ({
+	"--rdm-font": e.font,
+	"--rdm-font-size": e.fontSize,
+	"--rdm-surface": e.surface,
+	"--rdm-backdrop": e.backdrop ?? "none",
+	"--rdm-text": e.text,
+	"--rdm-muted-text": e.mutedText,
+	"--rdm-header-surface": e.headerSurface,
+	"--rdm-header-text": e.headerText,
+	"--rdm-line": e.line,
+	"--rdm-line-width": e.lineWidth,
+	"--rdm-line-style": e.lineStyle,
+	"--rdm-radius": e.radius,
+	"--rdm-gap": e.gap,
+	"--rdm-cell-padding": e.cellPadding,
+	"--rdm-cell-shadow": e.cellShadow,
+	"--rdm-focus": e.focus
+}), O = (e) => ({
+	"data-palette": e.palette && e.palette.length > 0 ? "theme" : "data",
+	"data-scheme": e.scheme,
+	"data-variant": e.cellVariant,
+	"data-emphasis": e.emphasis,
+	"data-align": e.align,
+	"data-axis-case": e.axisCase
+}), k = {
+	name: "Arcade",
+	scheme: "dark",
+	font: "ui-monospace, 'SF Mono', Menlo, Consolas, monospace",
+	fontSize: "0.875rem",
+	surface: "#150d2b",
+	text: "#f3e8ff",
+	mutedText: "#c4b5fd",
+	headerSurface: "#241548",
+	headerText: "#f3e8ff",
+	line: "#0b0618",
+	lineWidth: "3px",
+	lineStyle: "solid",
+	radius: "0",
+	gap: "4px",
+	cellPadding: "0.4rem",
+	cellShadow: "0 4px 0 #0b0618",
+	cellVariant: "fill",
+	emphasis: "label",
+	align: "center",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#39ff14",
+			fg: "#0b0618"
+		},
+		{
+			bg: "#ffe600",
+			fg: "#0b0618"
+		},
+		{
+			bg: "#ff9f1c",
+			fg: "#0b0618"
+		},
+		{
+			bg: "#ff2079",
+			fg: "#0b0618"
+		}
+	],
+	scale: "tier",
+	focus: "#39ff14"
+}, A = {
+	name: "Aurora",
+	scheme: "dark",
+	font: "'Avenir Next', 'Segoe UI Variable', system-ui, sans-serif",
+	fontSize: "0.9375rem",
+	surface: "#0b1026",
+	backdrop: "radial-gradient(120% 80% at 10% 0%, rgba(45, 212, 191, 0.16), transparent 60%), radial-gradient(90% 70% at 90% 10%, rgba(168, 85, 247, 0.18), transparent 60%)",
+	text: "#e6ecff",
+	mutedText: "#a9b4d6",
+	headerSurface: "#141b3a",
+	headerText: "#e6ecff",
+	line: "#2a3470",
+	lineWidth: "0",
+	lineStyle: "solid",
+	radius: "14px",
+	gap: "6px",
+	cellPadding: "0.5rem",
+	cellShadow: "0 0 14px rgba(94, 234, 212, 0.25)",
+	cellVariant: "fill",
+	emphasis: "label",
+	align: "center",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#5eead4",
+			fg: "#04201c"
+		},
+		{
+			bg: "#818cf8",
+			fg: "#0b1026"
+		},
+		{
+			bg: "#c084fc",
+			fg: "#1a0b2e"
+		},
+		{
+			bg: "#e879f9",
+			fg: "#1a0b2e"
+		},
+		{
+			bg: "#be185d",
+			fg: "#ffffff"
+		}
+	],
+	scale: "tier",
+	focus: "#5eead4"
+}, j = {
+	name: "Beacon",
+	scheme: "light",
+	font: "system-ui, sans-serif",
+	fontSize: "1rem",
+	surface: "#f7f7f7",
+	text: "#111111",
+	mutedText: "#333333",
+	headerSurface: "#f2f2f2",
+	headerText: "#111111",
+	line: "#111111",
+	lineWidth: "2px",
+	lineStyle: "solid",
+	radius: "4px",
+	gap: "4px",
+	cellPadding: "0.5rem",
+	cellShadow: "none",
+	cellVariant: "fill",
+	emphasis: "label",
+	align: "center",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#56b4e9",
+			fg: "#000000"
+		},
+		{
+			bg: "#f0e442",
+			fg: "#000000"
+		},
+		{
+			bg: "#e69f00",
+			fg: "#000000"
+		},
+		{
+			bg: "#8c2d02",
+			fg: "#ffffff"
+		}
+	],
+	scale: "tier",
+	focus: "#0072b2"
+}, M = {
+	name: "Blueprint",
+	scheme: "dark",
+	font: "ui-monospace, 'SF Mono', Menlo, Consolas, monospace",
+	fontSize: "0.875rem",
+	surface: "#0b3d91",
+	text: "#ffffff",
+	mutedText: "#cfe0ff",
+	headerSurface: "#0d47a1",
+	headerText: "#ffffff",
+	line: "#e3eeff",
+	lineWidth: "1px",
+	lineStyle: "dashed",
+	radius: "0",
+	gap: "0",
+	cellPadding: "0.4rem",
+	cellShadow: "none",
+	cellVariant: "outline",
+	emphasis: "label",
+	align: "center",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#b9f6ca",
+			fg: "#051d4a"
+		},
+		{
+			bg: "#fff59d",
+			fg: "#051d4a"
+		},
+		{
+			bg: "#ffcc80",
+			fg: "#051d4a"
+		},
+		{
+			bg: "#ff8a80",
+			fg: "#051d4a"
+		}
+	],
+	scale: "tier",
+	focus: "#ffeb3b"
+}, N = {
+	name: "Boardroom",
+	scheme: "light",
+	font: "'Segoe UI', 'Helvetica Neue', system-ui, sans-serif",
+	fontSize: "0.9375rem",
+	surface: "#f4f6f9",
+	text: "#1b2a41",
+	mutedText: "#c9d4e5",
+	headerSurface: "#1b2a41",
+	headerText: "#ffffff",
+	line: "#9aa7b8",
+	lineWidth: "1px",
+	lineStyle: "solid",
+	radius: "4px",
+	gap: "2px",
+	cellPadding: "0.4rem 0.6rem",
+	cellShadow: "none",
+	cellVariant: "fill",
+	emphasis: "label",
+	align: "start",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#0f766e",
+			fg: "#ffffff"
+		},
+		{
+			bg: "#f59e0b",
+			fg: "#1b2a41"
+		},
+		{
+			bg: "#c2410c",
+			fg: "#ffffff"
+		},
+		{
+			bg: "#991b1b",
+			fg: "#ffffff"
+		}
+	],
+	scale: "tier",
+	focus: "#0b5fff"
+}, P = {
+	name: "Broadsheet",
+	scheme: "light",
+	font: "ui-serif, Charter, 'Bitstream Charter', Cambria, Georgia, serif",
+	fontSize: "1rem",
+	surface: "#f7f3e8",
+	text: "#1c1b17",
+	mutedText: "#4d4a42",
+	headerSurface: "#efe9d8",
+	headerText: "#1c1b17",
+	line: "#2b2a26",
+	lineWidth: "1px",
+	lineStyle: "solid",
+	radius: "0",
+	gap: "0",
+	cellPadding: "0.35rem 0.5rem",
+	cellShadow: "none",
+	cellVariant: "fill",
+	emphasis: "score",
+	align: "start",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#c9d6c0",
+			fg: "#1c1b17"
+		},
+		{
+			bg: "#e0c27a",
+			fg: "#1c1b17"
+		},
+		{
+			bg: "#c77b4e",
+			fg: "#1c1b17"
+		},
+		{
+			bg: "#8c2f1c",
+			fg: "#f7f3e8"
+		}
+	],
+	scale: "tier",
+	focus: "#8c2f1c"
+}, F = {
+	name: "Brutal",
+	scheme: "light",
+	font: "'Helvetica Neue', Arial, system-ui, sans-serif",
+	fontSize: "1rem",
+	surface: "#fffdf5",
+	text: "#000000",
+	mutedText: "#1a1a1a",
+	headerSurface: "#ffffff",
+	headerText: "#000000",
+	line: "#000000",
+	lineWidth: "3px",
+	lineStyle: "solid",
+	radius: "0",
+	gap: "6px",
+	cellPadding: "0.5rem",
+	cellShadow: "4px 4px 0 #000000",
+	cellVariant: "fill",
+	emphasis: "label",
+	align: "center",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#a3e635",
+			fg: "#000000"
+		},
+		{
+			bg: "#facc15",
+			fg: "#000000"
+		},
+		{
+			bg: "#fb923c",
+			fg: "#000000"
+		},
+		{
+			bg: "#ef4444",
+			fg: "#000000"
+		}
+	],
+	scale: "tier",
+	focus: "#0000ff"
+}, I = {
+	name: "Canopy",
+	scheme: "light",
+	font: "ui-serif, Charter, 'Bitstream Charter', Cambria, Georgia, serif",
+	fontSize: "0.9375rem",
+	surface: "#f6f4ec",
+	text: "#26301f",
+	mutedText: "#4a5340",
+	headerSurface: "#e9e6d8",
+	headerText: "#26301f",
+	line: "#cfcbb8",
+	lineWidth: "0",
+	lineStyle: "solid",
+	radius: "14px 2px",
+	gap: "4px",
+	cellPadding: "0.45rem",
+	cellShadow: "none",
+	cellVariant: "fill",
+	emphasis: "label",
+	align: "center",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#8fae72",
+			fg: "#12180e"
+		},
+		{
+			bg: "#d8b65a",
+			fg: "#12180e"
+		},
+		{
+			bg: "#9c4f1c",
+			fg: "#fdfbf4"
+		},
+		{
+			bg: "#6d2019",
+			fg: "#fdfbf4"
+		}
+	],
+	scale: "tier",
+	focus: "#6d2019"
+}, L = {
+	name: "Clay",
+	scheme: "light",
+	font: "ui-rounded, 'SF Pro Rounded', Nunito, system-ui, sans-serif",
+	fontSize: "0.9375rem",
+	surface: "#e6e9ef",
+	text: "#2d3142",
+	mutedText: "#4f5569",
+	headerSurface: "#e6e9ef",
+	headerText: "#2d3142",
+	line: "#d1d5de",
+	lineWidth: "0",
+	lineStyle: "solid",
+	radius: "18px",
+	gap: "10px",
+	cellPadding: "0.5rem",
+	cellShadow: "6px 6px 12px #c3c7d0, -6px -6px 12px #ffffff",
+	cellVariant: "dot",
+	emphasis: "label",
+	align: "center",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#067647",
+			fg: "#ffffff"
+		},
+		{
+			bg: "#9a6700",
+			fg: "#ffffff"
+		},
+		{
+			bg: "#c4320a",
+			fg: "#ffffff"
+		},
+		{
+			bg: "#9f1d2c",
+			fg: "#ffffff"
+		}
+	],
+	scale: "tier",
+	focus: "#5b5bd6"
+}, R = {
+	name: "Contour",
+	scheme: "light",
+	font: "system-ui, sans-serif",
+	fontSize: "0.9375rem",
+	surface: "#fefefe",
+	text: "#27272a",
+	mutedText: "#52525b",
+	headerSurface: "#fefefe",
+	headerText: "#27272a",
+	line: "#d4d4d8",
+	lineWidth: "0",
+	lineStyle: "solid",
+	radius: "8px",
+	gap: "4px",
+	cellPadding: "0.45rem",
+	cellShadow: "none",
+	cellVariant: "outline",
+	emphasis: "label",
+	align: "center",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#047857",
+			fg: "#ffffff"
+		},
+		{
+			bg: "#b45309",
+			fg: "#ffffff"
+		},
+		{
+			bg: "#9a3412",
+			fg: "#ffffff"
+		},
+		{
+			bg: "#be123c",
+			fg: "#ffffff"
+		}
+	],
+	scale: "tier",
+	focus: "#2563eb"
+}, z = {
+	name: "Fjord",
+	scheme: "dark",
+	font: "system-ui, sans-serif",
+	fontSize: "0.9375rem",
+	surface: "#2e3440",
+	text: "#eceff4",
+	mutedText: "#d8dee9",
+	headerSurface: "#3b4252",
+	headerText: "#eceff4",
+	line: "#4c566a",
+	lineWidth: "0",
+	lineStyle: "solid",
+	radius: "6px",
+	gap: "6px",
+	cellPadding: "0.5rem",
+	cellShadow: "none",
+	cellVariant: "dot",
+	emphasis: "label",
+	align: "center",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#a3be8c",
+			fg: "#2e3440"
+		},
+		{
+			bg: "#ebcb8b",
+			fg: "#2e3440"
+		},
+		{
+			bg: "#d08770",
+			fg: "#141a21"
+		},
+		{
+			bg: "#e0868f",
+			fg: "#141a21"
+		}
+	],
+	scale: "tier",
+	focus: "#88c0d0"
+}, B = {
+	name: "Glasshouse",
+	scheme: "light",
+	font: "system-ui, sans-serif",
+	fontSize: "0.9375rem",
+	surface: "#f5f3ff",
+	backdrop: "linear-gradient(135deg, #cffafe 0%, #ede9fe 50%, #fce7f3 100%)",
+	text: "#1e1b4b",
+	mutedText: "#4c4a6b",
+	headerSurface: "#ffffff",
+	headerText: "#1e1b4b",
+	line: "#ffffff",
+	lineWidth: "1px",
+	lineStyle: "solid",
+	radius: "16px",
+	gap: "8px",
+	cellPadding: "0.5rem",
+	cellShadow: "0 8px 24px rgba(30, 27, 75, 0.12)",
+	cellVariant: "fill",
+	emphasis: "label",
+	align: "center",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#99f6e4",
+			fg: "#1e1b4b"
+		},
+		{
+			bg: "#fde68a",
+			fg: "#1e1b4b"
+		},
+		{
+			bg: "#fdba74",
+			fg: "#1e1b4b"
+		},
+		{
+			bg: "#be123c",
+			fg: "#ffffff"
+		}
+	],
+	scale: "tier",
+	focus: "#4f46e5"
+}, V = {
+	name: "Graphite",
+	scheme: "light",
+	font: "system-ui, sans-serif",
+	fontSize: "0.9375rem",
+	surface: "#fafafa",
+	text: "#1f1f1f",
+	mutedText: "#555555",
+	headerSurface: "#ececec",
+	headerText: "#1f1f1f",
+	line: "#8a8a8a",
+	lineWidth: "1px",
+	lineStyle: "solid",
+	radius: "2px",
+	gap: "2px",
+	cellPadding: "0.35rem 0.5rem",
+	cellShadow: "none",
+	cellVariant: "fill",
+	emphasis: "score",
+	align: "start",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#e5e5e5",
+			fg: "#111111"
+		},
+		{
+			bg: "#b3b3b3",
+			fg: "#111111"
+		},
+		{
+			bg: "#6b6b6b",
+			fg: "#ffffff"
+		},
+		{
+			bg: "#262626",
+			fg: "#ffffff"
+		}
+	],
+	scale: "tier",
+	focus: "#000000"
+}, H = {
+	name: "Ledger",
+	scheme: "light",
+	font: "ui-monospace, 'SF Mono', Menlo, Consolas, monospace",
+	fontSize: "0.875rem",
+	surface: "#fbfbf9",
+	text: "#20201d",
+	mutedText: "#55554f",
+	headerSurface: "#f0f0ec",
+	headerText: "#20201d",
+	line: "#b8b8b0",
+	lineWidth: "1px",
+	lineStyle: "solid",
+	radius: "0",
+	gap: "0",
+	cellPadding: "0.3rem 0.5rem",
+	cellShadow: "none",
+	cellVariant: "fill",
+	emphasis: "label",
+	align: "start",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#e7f0e3",
+			fg: "#20201d"
+		},
+		{
+			bg: "#f6efcf",
+			fg: "#20201d"
+		},
+		{
+			bg: "#f7dfc4",
+			fg: "#20201d"
+		},
+		{
+			bg: "#f2cdcd",
+			fg: "#20201d"
+		}
+	],
+	scale: "tier",
+	focus: "#20201d"
+}, U = {
+	name: "Midnight",
+	scheme: "dark",
+	font: "system-ui, sans-serif",
+	fontSize: "0.9375rem",
+	surface: "#0a192f",
+	text: "#e2e8f0",
+	mutedText: "#94a3b8",
+	headerSurface: "#112240",
+	headerText: "#ccd6f6",
+	line: "#233554",
+	lineWidth: "0",
+	lineStyle: "solid",
+	radius: "8px",
+	gap: "4px",
+	cellPadding: "0.4rem",
+	cellShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.14)",
+	cellVariant: "fill",
+	emphasis: "label",
+	align: "center",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#047857",
+			fg: "#ffffff"
+		},
+		{
+			bg: "#ca8a04",
+			fg: "#0a192f"
+		},
+		{
+			bg: "#c2410c",
+			fg: "#ffffff"
+		},
+		{
+			bg: "#9f1239",
+			fg: "#ffffff"
+		}
+	],
+	scale: "tier",
+	focus: "#64ffda"
+}, W = {
+	name: "Neon",
+	scheme: "dark",
+	font: "ui-monospace, 'SF Mono', Menlo, Consolas, monospace",
+	fontSize: "0.9375rem",
+	surface: "#0a0a12",
+	text: "#f5d0fe",
+	mutedText: "#e9a8fd",
+	headerSurface: "#140b1f",
+	headerText: "#f5d0fe",
+	line: "#2a1b3d",
+	lineWidth: "0",
+	lineStyle: "solid",
+	radius: "12px",
+	gap: "8px",
+	cellPadding: "0.5rem",
+	cellShadow: "0 0 14px rgba(236, 72, 153, 0.35)",
+	cellVariant: "outline",
+	emphasis: "label",
+	align: "center",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#22d3ee",
+			fg: "#0a0a12"
+		},
+		{
+			bg: "#a3e635",
+			fg: "#0a0a12"
+		},
+		{
+			bg: "#fb923c",
+			fg: "#0a0a12"
+		},
+		{
+			bg: "#f472b6",
+			fg: "#0a0a12"
+		}
+	],
+	scale: "tier",
+	focus: "#22d3ee"
+}, G = {
+	name: "Noir",
+	scheme: "dark",
+	font: "ui-serif, Charter, 'Bitstream Charter', Cambria, Georgia, serif",
+	fontSize: "0.9375rem",
+	surface: "#0c0c0c",
+	text: "#f5e6c8",
+	mutedText: "#d8c49a",
+	headerSurface: "#141414",
+	headerText: "#f5e6c8",
+	line: "#c8a44a",
+	lineWidth: "1px",
+	lineStyle: "solid",
+	radius: "0",
+	gap: "2px",
+	cellPadding: "0.45rem",
+	cellShadow: "none",
+	cellVariant: "fill",
+	emphasis: "label",
+	align: "center",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#3a3a36",
+			fg: "#f5e6c8"
+		},
+		{
+			bg: "#7a6a2f",
+			fg: "#f9f2e2"
+		},
+		{
+			bg: "#9a5b1c",
+			fg: "#fdf6ea"
+		},
+		{
+			bg: "#7a1f1f",
+			fg: "#f9e6e6"
+		}
+	],
+	scale: "tier",
+	focus: "#c8a44a"
+}, K = {
+	name: "Sherbet",
+	scheme: "light",
+	font: "ui-rounded, 'SF Pro Rounded', Nunito, system-ui, sans-serif",
+	fontSize: "0.9375rem",
+	surface: "#fff8f0",
+	text: "#3b2f2f",
+	mutedText: "#6b5a55",
+	headerSurface: "#ffffff",
+	headerText: "#3b2f2f",
+	line: "#f1dfd3",
+	lineWidth: "0",
+	lineStyle: "solid",
+	radius: "999px",
+	gap: "8px",
+	cellPadding: "0.45rem 0.75rem",
+	cellShadow: "none",
+	cellVariant: "fill",
+	emphasis: "label",
+	align: "center",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#b8f2d0",
+			fg: "#3b2f2f"
+		},
+		{
+			bg: "#fff3a3",
+			fg: "#3b2f2f"
+		},
+		{
+			bg: "#ffc9a8",
+			fg: "#3b2f2f"
+		},
+		{
+			bg: "#ff8fab",
+			fg: "#3b2f2f"
+		}
+	],
+	scale: "tier",
+	focus: "#d9468f"
+}, q = {
+	name: "Signal",
+	scheme: "light",
+	font: "system-ui, sans-serif",
+	fontSize: "0.875rem",
+	surface: "#fafbfc",
+	text: "#111827",
+	mutedText: "#4b5563",
+	headerSurface: "#ffffff",
+	headerText: "#111827",
+	line: "#e5e7eb",
+	lineWidth: "1px",
+	lineStyle: "solid",
+	radius: "6px",
+	gap: "2px",
+	cellPadding: "0.4rem",
+	cellShadow: "none",
+	cellVariant: "chip",
+	emphasis: "label",
+	align: "center",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#dcfce7",
+			fg: "#14532d"
+		},
+		{
+			bg: "#fef9c3",
+			fg: "#713f12"
+		},
+		{
+			bg: "#ffedd5",
+			fg: "#7c2d12"
+		},
+		{
+			bg: "#fee2e2",
+			fg: "#7f1d1d"
+		}
+	],
+	scale: "tier",
+	focus: "#2563eb"
+}, J = {
+	name: "Sunset",
+	scheme: "light",
+	font: "system-ui, sans-serif",
+	fontSize: "0.9375rem",
+	surface: "#fff7ed",
+	text: "#431407",
+	mutedText: "#7c2d12",
+	headerSurface: "#ffedd5",
+	headerText: "#431407",
+	line: "#fed7aa",
+	lineWidth: "0",
+	lineStyle: "solid",
+	radius: "20px",
+	gap: "6px",
+	cellPadding: "0.5rem",
+	cellShadow: "none",
+	cellVariant: "fill",
+	emphasis: "label",
+	align: "center",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#fde68a",
+			fg: "#431407"
+		},
+		{
+			bg: "#fdba74",
+			fg: "#431407"
+		},
+		{
+			bg: "#fb7185",
+			fg: "#3f0616"
+		},
+		{
+			bg: "#9f1239",
+			fg: "#fff7ed"
+		}
+	],
+	scale: "score",
+	focus: "#c2410c"
+}, Y = {
+	name: "Swiss",
+	scheme: "light",
+	font: "'Helvetica Neue', Helvetica, Arial, system-ui, sans-serif",
+	fontSize: "0.9375rem",
+	surface: "#fcfcfc",
+	text: "#111111",
+	mutedText: "#f4f4f4",
+	headerSurface: "#d7263d",
+	headerText: "#ffffff",
+	line: "#111111",
+	lineWidth: "0",
+	lineStyle: "solid",
+	radius: "0",
+	gap: "0",
+	cellPadding: "0.5rem",
+	cellShadow: "none",
+	cellVariant: "fill",
+	emphasis: "score",
+	align: "start",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#efefef",
+			fg: "#111111"
+		},
+		{
+			bg: "#c9c9c9",
+			fg: "#111111"
+		},
+		{
+			bg: "#707070",
+			fg: "#ffffff"
+		},
+		{
+			bg: "#d7263d",
+			fg: "#ffffff"
+		}
+	],
+	scale: "tier",
+	focus: "#d7263d"
+}, X = {
+	name: "Terminal",
+	scheme: "dark",
+	font: "ui-monospace, 'SF Mono', Menlo, Consolas, monospace",
+	fontSize: "0.875rem",
+	surface: "#050805",
+	text: "#33ff66",
+	mutedText: "#29cc52",
+	headerSurface: "#0a120a",
+	headerText: "#33ff66",
+	line: "#1a3d1a",
+	lineWidth: "0",
+	lineStyle: "solid",
+	radius: "0",
+	gap: "2px",
+	cellPadding: "0.35rem",
+	cellShadow: "none",
+	cellVariant: "outline",
+	emphasis: "label",
+	align: "center",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#33ff66",
+			fg: "#050805"
+		},
+		{
+			bg: "#ffb000",
+			fg: "#050805"
+		},
+		{
+			bg: "#ff7a1a",
+			fg: "#050805"
+		},
+		{
+			bg: "#ff3b3b",
+			fg: "#050805"
+		}
+	],
+	scale: "tier",
+	focus: "#ffb000"
+}, Z = {
+	name: "Thermal",
+	scheme: "dark",
+	font: "ui-monospace, 'SF Mono', Menlo, Consolas, monospace",
+	fontSize: "0.875rem",
+	surface: "#0d0221",
+	text: "#f4f1ff",
+	mutedText: "#b9b3d1",
+	headerSurface: "#1a0b3a",
+	headerText: "#f4f1ff",
+	line: "#0d0221",
+	lineWidth: "0",
+	lineStyle: "solid",
+	radius: "0",
+	gap: "0",
+	cellPadding: "0.3rem",
+	cellShadow: "none",
+	cellVariant: "fill",
+	emphasis: "score",
+	align: "center",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#1b0c41",
+			fg: "#ffffff"
+		},
+		{
+			bg: "#6a176e",
+			fg: "#ffffff"
+		},
+		{
+			bg: "#bc3754",
+			fg: "#ffffff"
+		},
+		{
+			bg: "#f37819",
+			fg: "#000000"
+		},
+		{
+			bg: "#fcffa4",
+			fg: "#000000"
+		}
+	],
+	scale: "score",
+	focus: "#ffd166"
+}, Q = {
+	name: "Tidewater",
+	scheme: "light",
+	font: "system-ui, sans-serif",
+	fontSize: "0.9375rem",
+	surface: "#f0f9ff",
+	text: "#082f49",
+	mutedText: "#0c4a6e",
+	headerSurface: "#e0f2fe",
+	headerText: "#082f49",
+	line: "#bae6fd",
+	lineWidth: "0",
+	lineStyle: "solid",
+	radius: "6px",
+	gap: "3px",
+	cellPadding: "0.45rem",
+	cellShadow: "none",
+	cellVariant: "fill",
+	emphasis: "label",
+	align: "center",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#bae6fd",
+			fg: "#082f49"
+		},
+		{
+			bg: "#7dd3fc",
+			fg: "#082f49"
+		},
+		{
+			bg: "#0369a1",
+			fg: "#f0f9ff"
+		},
+		{
+			bg: "#082f49",
+			fg: "#f0f9ff"
+		}
+	],
+	scale: "score",
+	focus: "#0284c7"
+}, $ = {
+	name: "Whitespace",
+	scheme: "light",
+	font: "system-ui, sans-serif",
+	fontSize: "0.9375rem",
+	surface: "#f8fafc",
+	text: "#1d1d1f",
+	mutedText: "#6e6e73",
+	headerSurface: "#ffffff",
+	headerText: "#1d1d1f",
+	line: "#e5e5ea",
+	lineWidth: "1px",
+	lineStyle: "solid",
+	radius: "0",
+	gap: "6px",
+	cellPadding: "0.6rem",
+	cellShadow: "none",
+	cellVariant: "dot",
+	emphasis: "label",
+	align: "center",
+	axisCase: "upper",
+	palette: [
+		{
+			bg: "#15803d",
+			fg: "#ffffff"
+		},
+		{
+			bg: "#a16207",
+			fg: "#ffffff"
+		},
+		{
+			bg: "#c2410c",
+			fg: "#ffffff"
+		},
+		{
+			bg: "#b91c1c",
+			fg: "#ffffff"
+		}
+	],
+	scale: "tier",
+	focus: "#0071e3"
+}, oe = {
+	original: p,
+	aurora: A,
+	midnight: U,
+	broadsheet: P,
+	brutal: F,
+	glasshouse: B,
+	terminal: X,
+	sherbet: K,
+	graphite: V,
+	blueprint: M,
+	thermal: Z,
+	whitespace: $,
+	boardroom: N,
+	clay: L,
+	arcade: k,
+	sunset: J,
+	tidewater: Q,
+	canopy: I,
+	fjord: z,
+	neon: W,
+	ledger: H,
+	contour: R,
+	signal: q,
+	beacon: j,
+	noir: G,
+	swiss: Y
+}, se = {
+	href: f,
+	precedence: "default"
+}, ce = (t) => {
+	let [n, i] = r(!1);
+	return e(() => {
+		let e = t.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let n = new ResizeObserver(() => i(e.scrollWidth > e.clientWidth));
+		n.observe(e);
+		let r = e.querySelector("table");
+		return r && n.observe(r), () => n.disconnect();
+	}, [t]), n;
+}, le = ({ data: r, theme: i = p, styles: c = {}, className: f, style: m, unstyled: h = !1, reverseMatrixValues: g = !0, nonce: _, onCellClick: v }) => {
+	let y = t(() => u(r, { reverse: g }), [r, g]), b = t(() => ie(r.matrix_values), [r]), x = t(() => h ? null : new Map(r.matrix_values.map((e) => [e.id, ae(i, {
+		value: e,
+		scale: b
+	})])), [
+		r,
+		i,
+		b,
+		h
+	]), S = n(null), C = ce(S);
+	return e(() => {
+		y.issues.forEach((e) => console.error(e)), x?.forEach(({ rejectedColour: e }, t) => {
+			e !== void 0 && console.error(`react-data-matrix: value ${t} has an unsafe colour ${JSON.stringify(e)}; a neutral colour is shown instead.`);
+		});
+	}, [y, x]), /* @__PURE__ */ o("div", {
+		ref: S,
+		...C ? {
+			tabIndex: 0,
+			role: "region",
+			"aria-label": r.matrix_name
+		} : {},
+		className: f ? `rdm-root ${f}` : "rdm-root",
+		style: h ? {
+			...c.root,
+			...m
+		} : {
+			...D(i),
+			...c.root,
+			...m
+		},
+		...h ? {} : O(i),
+		children: [!h && /* @__PURE__ */ a("style", {
+			...se,
+			nonce: _,
+			children: d
+		}), /* @__PURE__ */ o("table", {
+			className: "rdm-table",
+			style: c.table,
+			children: [
+				/* @__PURE__ */ o("caption", {
+					className: "rdm-caption",
+					style: c.caption,
+					children: [/* @__PURE__ */ a("span", {
+						className: "rdm-caption-title",
+						children: r.matrix_name
+					}), /* @__PURE__ */ a("span", {
+						className: "rdm-caption-description",
+						children: r.matrix_description
+					})]
+				}),
+				/* @__PURE__ */ a("colgroup", { span: 2 }),
+				/* @__PURE__ */ a("colgroup", { span: y.columns.length }),
+				/* @__PURE__ */ a(s, {
+					title: r.primary_header_title,
+					columns: y.columns,
+					styles: c
+				}),
+				/* @__PURE__ */ a(l, {
+					rowTitle: r.primary_row_header_title,
+					columnTitle: r.primary_header_title,
+					onCellClick: v,
+					columns: y.columns,
+					rows: y.rows,
+					tiers: b.tiers,
+					colours: x,
+					styles: c
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { k as arcade, A as aurora, j as beacon, M as blueprint, N as boardroom, P as broadsheet, F as brutal, I as canopy, L as clay, R as contour, le as default, z as fjord, B as glasshouse, V as graphite, H as ledger, U as midnight, W as neon, G as noir, p as original, oe as presets, K as sherbet, q as signal, J as sunset, Y as swiss, X as terminal, Z as thermal, Q as tidewater, $ as whitespace };