@mechane-ai/elements 0.8.0 → 0.10.0

package/dist/charts/matrix.js

@@ -1,73 +1,79 @@
 import { colors as e } from "../tokens.js";
-import { n as t, r as n, t as r } from "../chart-input-Sac4StHN.js";
-import { n as i, o as a, r as o, t as s } from "../chart-frame-DgPdIguO.js";
-import * as c from "@stylexjs/stylex";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { n as t, r as n, t as r } from "../chart-input-CdLkFomi.js";
+import { a as i, n as a, r as o, s, t as c } from "../chart-frame-et6f6Vhg.js";
+import * as l from "@stylexjs/stylex";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 // packages/charts/src/matrix/heatmap-scale.ts
-var d = 100;
-function f({ domain: e, palette: t }) {
+var f = 100;
+function p({ domain: e, palette: t }) {
 	return n(e) ? t === "diverging" && (e[0] >= 0 || e[1] <= 0) ? "A diverging color domain must include negative and positive values." : null : "The color domain must contain two finite, increasing endpoints.";
 }
-function p(e, t) {
+function m(e, t) {
 	return e >= t[0] && e <= t[1];
 }
-function m(t, { domain: n, palette: r }) {
+function h(t, { domain: n, palette: r }) {
 	if (r === "diverging") {
-		let r = t < 0 ? n[0] : n[1], i = Math.abs(t) / Math.abs(r) * d;
-		return `color-mix(in srgb, ${t < 0 ? a.negative : a.positive} ${i}%, ${e.surface})`;
+		let r = t < 0 ? n[0] : n[1], i = Math.abs(t) / Math.abs(r) * f;
+		return `color-mix(in srgb, ${t < 0 ? s.negative : s.positive} ${i}%, ${e.surface})`;
 	}
-	let i = (t - n[0]) / (n[1] - n[0]) * d;
-	return `color-mix(in srgb, ${a.series1} ${i}%, ${e.surface})`;
+	let i = (t - n[0]) / (n[1] - n[0]) * f;
+	return `color-mix(in srgb, ${s.series1} ${i}%, ${e.surface})`;
 }
 // packages/charts/src/matrix/color-legend.tsx
-var h = {
+var g = {
 	kUk6DE: "x98rzlu",
 	$$css: !0
-}, g = { sample: (e) => [
-	h,
+}, _ = { sample: (e) => [
+	g,
 	{
 		kWkggS: e == null ? e : "xl8spv7",
 		$$css: !0
 	},
 	{ "--x-backgroundColor": e ?? void 0 }
-] }, _ = 20;
-function v({ label: e, domain: t, palette: n, formatValue: r }) {
-	let i = f({
+] }, v = 20;
+function y({ label: e, domain: t, palette: n, formatValue: r }) {
+	let i = p({
 		domain: t,
 		palette: n
 	});
-	if (i !== null) return /* @__PURE__ */ l("p", {
+	if (i !== null) return /* @__PURE__ */ u("p", {
 		role: "status",
-		className: "xrvj5dj xunmzkg x1jkqq1h x153jb6y x1hz01jw xy8obcc xas2l8k",
+		className: "xrvj5dj xunmzkg x1ghz6dp xeuugli x1jkqq1h x153jb6y x1hz01jw xy8obcc xas2l8k xj0a0fe",
 		children: i
 	});
-	let a = Array.from({ length: 21 }, (e, n) => t[0] + (t[1] - t[0]) * n / _);
-	return /* @__PURE__ */ u("div", {
+	let a = Array.from({ length: 21 }, (e, n) => t[0] + (t[1] - t[0]) * n / v);
+	return /* @__PURE__ */ d("div", {
 		"aria-label": `${e}: ${r(t[0])} to ${r(t[1])}`,
-		className: "xrvj5dj xunmzkg x1jkqq1h x153jb6y x1hz01jw xy8obcc xas2l8k",
+		className: "xrvj5dj xunmzkg x1ghz6dp xeuugli x1jkqq1h x153jb6y x1hz01jw xy8obcc xas2l8k xj0a0fe",
 		children: [
-			/* @__PURE__ */ u("span", { children: [e, n === "diverging" && ` · Neutral: ${r(0)}`] }),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ d("span", { children: [e, n === "diverging" && ` · Neutral: ${r(0)}`] }),
+			/* @__PURE__ */ u("div", {
 				"aria-hidden": !0,
 				className: "x78zum5 xdk7pt xmkeg23 x1y0btm7 x1ey3b81",
-				children: a.map((e) => /* @__PURE__ */ l("span", { ...c.props(g.sample(m(e, {
+				children: a.map((e) => /* @__PURE__ */ u("span", { ...l.props(_.sample(h(e, {
 					domain: t,
 					palette: n
 				}))) }, e))
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				"aria-hidden": !0,
 				className: "x78zum5 x1qughib x1n8ia3y xss6m8b",
-				children: [/* @__PURE__ */ l("span", { children: r(t[0]) }), /* @__PURE__ */ l("span", { children: r(t[1]) })]
+				children: [/* @__PURE__ */ u("span", {
+					className: "xeuugli",
+					children: r(t[0])
+				}), /* @__PURE__ */ u("span", {
+					className: "xeuugli xp4054r",
+					children: r(t[1])
+				})]
 			})
 		]
 	});
 }
 // packages/charts/src/matrix/matrix.tsx
-var y = {
+var b = {
 	kKwaWg: "x1e87kdn",
 	$$css: !0
-}, b = {
+}, x = {
 	value: {
 		k1xSpc: "x78zum5",
 		kGNEyG: "x6s0dn4",
@@ -83,19 +89,20 @@ var y = {
 		kmVPX3: "x1717udv",
 		kMv6JI: "x1hz01jw",
 		kGuDYH: "xy8obcc",
+		k63SB2: "xj57cvi",
 		kLWn49: "xas2l8k",
 		kcqcaj: "xss6m8b",
 		$$css: !0
 	},
 	interactive: {
 		kkrTdU: "x1ypdohk",
+		k3XXqK: "x1t137rt",
+		kSVDLA: "xjf78fh",
 		kPJHz1: "x13qnu6",
 		kZs9gx: "x19rmrnh",
 		k7shQP: "x9v5kkp",
 		kiEn40: "x1bqaal",
-		kguI0P: "xisywhd",
-		kFU1ZQ: "xzbfamy",
-		kUjPgX: "xsynfrt",
+		kaVNsj: "x1fs8giu",
 		$$css: !0
 	},
 	selected: {
@@ -105,7 +112,7 @@ var y = {
 		kInvED: "x2ssjo2",
 		$$css: !0
 	},
-	measured: (e) => [y, { "--x-backgroundImage": `linear-gradient(${e}, ${e})` == null ? void 0 : `linear-gradient(${e}, ${e})` }],
+	measured: (e) => [b, { "--x-backgroundImage": `linear-gradient(${e}, ${e})` == null ? void 0 : `linear-gradient(${e}, ${e})` }],
 	missing: {
 		kMwMTN: "x153jb6y",
 		kWkggS: "x1r7kqkb",
@@ -117,112 +124,108 @@ var y = {
 		kWkggS: "x1r7kqkb",
 		$$css: !0
 	}
-}, x = {
+}, S = {
 	value: void 0,
-	masked: b.masked,
-	missing: b.missing
-}, S = 4096, C = 6;
-function w({ title: e, description: t, rows: n, columns: a, cells: c, domain: d, palette: f, valueLabel: m, formatValue: h, selection: g, emptyLabel: _ }) {
-	let y = O({
+	masked: x.masked,
+	missing: x.missing
+}, C = 4096, w = 6;
+function T({ title: e, description: t, rows: n, columns: s, cells: l, domain: f, palette: p, valueLabel: h, formatValue: g, selection: _, emptyLabel: v }) {
+	let b = k({
 		rows: n,
-		columns: a,
-		cells: c,
-		domain: d,
-		palette: f
+		columns: s,
+		cells: l,
+		domain: f,
+		palette: p
 	});
-	if (y !== null) return /* @__PURE__ */ l(r, {
+	if (b !== null) return /* @__PURE__ */ u(r, {
 		title: e,
 		description: t,
-		message: y
+		message: b
 	});
-	let b = /* @__PURE__ */ new Map();
-	for (let e of c) {
-		let t = b.get(e.rowId) ?? /* @__PURE__ */ new Map();
-		t.set(e.columnId, e), b.set(e.rowId, t);
+	let x = /* @__PURE__ */ new Map();
+	for (let e of l) {
+		let t = x.get(e.rowId) ?? /* @__PURE__ */ new Map();
+		t.set(e.columnId, e), x.set(e.rowId, t);
 	}
-	let x = c.find((e) => e.id === g?.selectedId), S = n.find((e) => e.id === x?.rowId), w = a.find((e) => e.id === x?.columnId), E = x === void 0 ? void 0 : `${S?.label ?? x.rowId} → ${w?.label ?? x.columnId}: ${D(x, d, h)}`;
-	return /* @__PURE__ */ l(o, {
+	let S = l.find((e) => e.id === _?.selectedId), C = n.find((e) => e.id === S?.rowId), T = s.find((e) => e.id === S?.columnId), D = S === void 0 ? void 0 : `${C?.label ?? S.rowId} → ${T?.label ?? S.columnId}: ${O(S, f, g)}`;
+	return /* @__PURE__ */ u(o, {
 		title: e,
 		description: t,
-		footer: /* @__PURE__ */ u("div", {
+		footer: /* @__PURE__ */ d("div", {
 			className: "xrvj5dj x1n8ia3y",
 			children: [
-				/* @__PURE__ */ l(v, {
-					label: m,
-					domain: d,
-					palette: f,
-					formatValue: h
+				/* @__PURE__ */ u(y, {
+					label: h,
+					domain: f,
+					palette: p,
+					formatValue: g
 				}),
-				/* @__PURE__ */ u("ul", {
+				/* @__PURE__ */ d("ul", {
 					"aria-label": "Cell states",
 					className: "x78zum5 x1a02dak x1n8ia3y x1ghz6dp x1717udv xe8uvvx x153jb6y xy8obcc",
 					children: [
-						c.some((e) => e.kind === "masked") && /* @__PURE__ */ l("li", { children: "× Masked" }),
-						c.some((e) => e.kind === "missing") && /* @__PURE__ */ l("li", { children: "— Missing" }),
-						c.length < n.length * a.length && /* @__PURE__ */ l("li", { children: "· Not supplied" }),
-						c.some((e) => e.kind === "value" && !p(e.value, d)) && /* @__PURE__ */ l("li", { children: "! Outside domain" }),
-						c.some((e) => e.kind === "value" && h(e.value).length > C) && /* @__PURE__ */ l("li", { children: "• See exact values in View data" })
+						l.some((e) => e.kind === "masked") && /* @__PURE__ */ u("li", { children: "× Masked" }),
+						l.some((e) => e.kind === "missing") && /* @__PURE__ */ u("li", { children: "— Missing" }),
+						l.length < n.length * s.length && /* @__PURE__ */ u("li", { children: "· Not supplied" }),
+						l.some((e) => e.kind === "value" && !m(e.value, f)) && /* @__PURE__ */ u("li", { children: "! Outside domain" }),
+						l.some((e) => e.kind === "value" && g(e.value).length > w) && /* @__PURE__ */ u("li", { children: "• See exact values in View data" })
 					]
 				}),
-				g !== void 0 && /* @__PURE__ */ l("p", {
-					"aria-live": "polite",
-					className: "x1ghz6dp xbixft x16exltd xj0a0fe",
-					children: E ?? "Select a cell to inspect its value."
-				}),
-				n.length > 0 && a.length > 0 && /* @__PURE__ */ l(s, { children: /* @__PURE__ */ l("ul", {
+				_ !== void 0 && /* @__PURE__ */ u(i, { children: D ?? "Select a cell to inspect its value." }),
+				n.length > 0 && s.length > 0 && /* @__PURE__ */ u(c, { children: /* @__PURE__ */ u("ul", {
 					className: "xe8uvvx x1ghz6dp x1717udv",
-					children: n.flatMap((e) => a.map((t) => {
-						let n = b.get(e.id)?.get(t.id), r = `${e.label} → ${t.label}`, a = D(n, d, h);
-						return /* @__PURE__ */ l("li", { children: /* @__PURE__ */ u(i, {
-							label: `${r}: ${a}`,
-							selected: n !== void 0 && g?.selectedId === n.id,
-							onSelect: n === void 0 || g === void 0 ? void 0 : () => g.onSelect(n.id),
-							children: [/* @__PURE__ */ l("span", { children: r }), /* @__PURE__ */ l("span", { children: a })]
+					children: n.flatMap((e) => s.map((t) => {
+						let n = x.get(e.id)?.get(t.id), r = `${e.label} → ${t.label}`, i = O(n, f, g);
+						return /* @__PURE__ */ u("li", { children: /* @__PURE__ */ d(a, {
+							label: `${r}: ${i}`,
+							selected: n !== void 0 && _?.selectedId === n.id,
+							onSelect: n === void 0 || _ === void 0 ? void 0 : () => _.onSelect(n.id),
+							children: [/* @__PURE__ */ u("span", { children: r }), /* @__PURE__ */ u("span", { children: i })]
 						}) }, JSON.stringify([e.id, t.id]));
 					}))
 				}) })
 			]
 		}),
-		children: n.length === 0 || a.length === 0 ? /* @__PURE__ */ l("p", {
+		children: n.length === 0 || s.length === 0 ? /* @__PURE__ */ u("p", {
 			className: "x1ghz6dp x153jb6y xtqrqnz x1778rvt",
-			children: _
-		}) : /* @__PURE__ */ l("div", {
+			children: v
+		}) : /* @__PURE__ */ u("div", {
 			role: "region",
 			"aria-label": `${e} cells`,
 			tabIndex: 0,
-			className: "xysyzu8 x14eurpq x13qnu6 x19rmrnh x9v5kkp x1bqaal",
-			children: /* @__PURE__ */ u("table", {
+			className: "xysyzu8 x14eurpq xeuugli x1t137rt x13qnu6 x19rmrnh x9v5kkp x1bqaal",
+			children: /* @__PURE__ */ d("table", {
 				className: "x1vathgz x1jkpq5q xezivpi x1hz01jw",
-				children: [/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", { children: [/* @__PURE__ */ l("th", {
+				children: [/* @__PURE__ */ u("thead", { children: /* @__PURE__ */ d("tr", { children: [/* @__PURE__ */ u("th", {
 					"aria-label": "Row",
-					className: "x1717udv xy8obcc xas2l8k xo1l8bm x153jb6y x1yc453h xuxw1ft"
-				}), a.map((e) => /* @__PURE__ */ l("th", {
+					className: "x1717udv xy8obcc xas2l8k xj57cvi x153jb6y x1yc453h xuxw1ft"
+				}), s.map((e) => /* @__PURE__ */ u("th", {
 					scope: "col",
 					title: e.label,
-					className: "x1717udv xy8obcc xas2l8k xo1l8bm x153jb6y x1yc453h xuxw1ft",
-					children: /* @__PURE__ */ l("span", {
+					className: "x1717udv xy8obcc xas2l8k xj57cvi x153jb6y x1yc453h xuxw1ft",
+					children: /* @__PURE__ */ u("span", {
 						className: "x1lliihq x100vrsf xi5vo7p xb3r6kr xlyipyv x2b8uid x1hmw7ec",
 						children: e.label
 					})
-				}, e.id))] }) }), /* @__PURE__ */ l("tbody", { children: n.map((e) => /* @__PURE__ */ u("tr", { children: [/* @__PURE__ */ l("th", {
+				}, e.id))] }) }), /* @__PURE__ */ u("tbody", { children: n.map((e) => /* @__PURE__ */ d("tr", { children: [/* @__PURE__ */ u("th", {
 					scope: "row",
 					title: e.label,
-					className: "x1717udv xy8obcc xas2l8k xo1l8bm x153jb6y x1yc453h xuxw1ft",
-					children: /* @__PURE__ */ l("span", {
+					className: "x1717udv xy8obcc xas2l8k xj57cvi x153jb6y x1yc453h xuxw1ft",
+					children: /* @__PURE__ */ u("span", {
 						className: "x1lliihq x18qnofl xb3r6kr xlyipyv xx67isq",
 						children: e.label
 					})
-				}), a.map((t) => {
-					let n = b.get(e.id)?.get(t.id);
-					return /* @__PURE__ */ l("td", {
+				}), s.map((t) => {
+					let n = x.get(e.id)?.get(t.id);
+					return /* @__PURE__ */ u("td", {
 						className: "x1717udv x100vrsf xi5vo7p x2b8uid",
-						children: /* @__PURE__ */ l(T, {
+						children: /* @__PURE__ */ u(E, {
 							cell: n,
 							label: `${e.label}, ${t.label}`,
-							domain: d,
-							palette: f,
-							formatValue: h,
-							selection: g
+							domain: f,
+							palette: p,
+							formatValue: g,
+							selection: _
 						})
 					}, t.id);
 				})] }, e.id)) })]
@@ -230,59 +233,59 @@ function w({ title: e, description: t, rows: n, columns: a, cells: c, domain: d,
 		})
 	});
 }
-function T({ cell: e, label: t, domain: n, palette: r, formatValue: i, selection: a }) {
-	if (e === void 0) return /* @__PURE__ */ l("span", {
+function E({ cell: e, label: t, domain: n, palette: r, formatValue: i, selection: a }) {
+	if (e === void 0) return /* @__PURE__ */ u("span", {
 		role: "img",
 		"aria-label": `${t}: not supplied`,
 		title: `${t}: not supplied`,
-		className: "x78zum5 x6s0dn4 xl56j7k x100vrsf xi5vo7p x1vqgdyp x17kqdoe x9f619 xmkeg23 x1ey3b81 x1717udv x1hz01jw xy8obcc xas2l8k xss6m8b x153jb6y x1r7kqkb xbsl7fq",
+		className: "x78zum5 x6s0dn4 xl56j7k x100vrsf xi5vo7p x1vqgdyp x17kqdoe x9f619 xmkeg23 x1ey3b81 x1717udv x1hz01jw xy8obcc xj57cvi xas2l8k xss6m8b x153jb6y x1r7kqkb xbsl7fq",
 		children: "·"
 	});
-	let o = e.kind === "value" && !p(e.value, n), s = D(e, n, i), u = `${t}: ${s}`, d = e.kind === "value" && !o ? m(e.value, {
+	let o = e.kind === "value" && !m(e.value, n), s = O(e, n, i), c = `${t}: ${s}`, d = e.kind === "value" && !o ? h(e.value, {
 		domain: n,
 		palette: r
-	}) : void 0, f = c.props(b.value, x[e.kind], d !== void 0 && b.measured(d), o && b.missing, a?.selectedId === e.id && b.selected, a !== void 0 && b.interactive), h = E(e, s, o), g = e.kind === "value" ? /* @__PURE__ */ l("span", {
+	}) : void 0, f = l.props(x.value, S[e.kind], d !== void 0 && x.measured(d), o && x.missing, a !== void 0 && x.interactive, a?.selectedId === e.id && x.selected), p = D(e, s, o), g = e.kind === "value" ? /* @__PURE__ */ u("span", {
 		className: "xpvm0e4 x1r97e56",
-		children: h
-	}) : h;
-	return a === void 0 ? /* @__PURE__ */ l("span", {
+		children: p
+	}) : p;
+	return a === void 0 ? /* @__PURE__ */ u("span", {
 		role: "img",
-		"aria-label": u,
-		title: u,
+		"aria-label": c,
+		title: c,
 		...f,
 		children: g
-	}) : /* @__PURE__ */ l("button", {
+	}) : /* @__PURE__ */ u("button", {
 		type: "button",
-		"aria-label": u,
-		title: u,
+		"aria-label": c,
+		title: c,
 		"aria-pressed": a.selectedId === e.id,
 		onClick: () => a.onSelect(e.id),
 		...f,
 		children: g
 	});
 }
-function E(e, t, n) {
+function D(e, t, n) {
 	switch (e.kind) {
 		case "masked": return "×";
 		case "missing": return "—";
-		case "value": return n ? "!" : t.length <= C ? t : e.value === 0 ? "0" : "•";
+		case "value": return n ? "!" : t.length <= w ? t : e.value === 0 ? "0" : "•";
 	}
 }
-function D(e, t, n) {
+function O(e, t, n) {
 	if (e === void 0) return "Not supplied";
 	switch (e.kind) {
-		case "value": return `${n(e.value)}${p(e.value, t) ? "" : " (outside domain)"}`;
+		case "value": return `${n(e.value)}${m(e.value, t) ? "" : " (outside domain)"}`;
 		case "masked": return `Masked: ${e.reason}`;
 		case "missing": return `Missing: ${e.reason}`;
 	}
 }
-function O({ rows: e, columns: n, cells: r, domain: i, palette: a }) {
-	let o = f({
+function k({ rows: e, columns: n, cells: r, domain: i, palette: a }) {
+	let o = p({
 		domain: i,
 		palette: a
 	});
 	if (o !== null) return o;
-	if (e.length * n.length > 4096 || r.length > 4096) return `This matrix exceeds the ${S}-cell render limit. Supply a smaller, labelled window.`;
+	if (e.length * n.length > 4096 || r.length > 4096) return `This matrix exceeds the ${C}-cell render limit. Supply a smaller, labelled window.`;
 	let s = new Set(e.map((e) => e.id)), c = new Set(n.map((e) => e.id));
 	if (!t(e) || !t(n) || !t(r)) return "Matrix rows, columns, and cells must have unique identifiers.";
 	let l = /* @__PURE__ */ new Map();
@@ -296,7 +299,7 @@ function O({ rows: e, columns: n, cells: r, domain: i, palette: a }) {
 	return null;
 }
 // packages/charts/src/matrix/token-heatmap.tsx
-var k = {
+var A = {
 	token: {
 		k1xSpc: "xt0psk2",
 		kmVPX3: "x1717udv",
@@ -324,12 +327,14 @@ var k = {
 	},
 	interactive: {
 		kkrTdU: "x1ypdohk",
+		k3XXqK: "x1t137rt",
 		kLWn49: "x1778rvt x1m5v4a8",
 		kPJHz1: "x13qnu6",
 		kZs9gx: "x19rmrnh",
 		k7shQP: "x9v5kkp",
 		kiEn40: "x13iak60",
 		kGzVvX: "xzro8vx",
+		kSReZ0: "x1ecmtor",
 		$$css: !0
 	},
 	selected: {
@@ -339,101 +344,109 @@ var k = {
 		kInvED: "x1y3gkto",
 		$$css: !0
 	}
-}, A = 2048;
-function j({ title: e, description: t, tokens: n, domain: a, palette: d, valueLabel: f, formatValue: h, selection: g, emptyLabel: _ }) {
-	let y = M({
+}, j = 2048;
+function M({ title: e, description: t, tokens: n, domain: s, palette: f, valueLabel: p, formatValue: g, selection: _, emptyLabel: v }) {
+	let b = P({
 		tokens: n,
-		domain: a,
-		palette: d
+		domain: s,
+		palette: f
+	});
+	if (b !== null) return /* @__PURE__ */ u(r, {
+		title: e,
+		description: t,
+		message: b
 	});
-	return y === null ? /* @__PURE__ */ u(o, {
+	let x = n.find((e) => e.id === _?.selectedId);
+	return /* @__PURE__ */ d(o, {
 		title: e,
 		description: t,
-		footer: /* @__PURE__ */ l(v, {
-			label: f,
-			domain: a,
-			palette: d,
-			formatValue: h
+		footer: /* @__PURE__ */ d("div", {
+			className: "xrvj5dj x1n8ia3y",
+			children: [/* @__PURE__ */ u(y, {
+				label: p,
+				domain: s,
+				palette: f,
+				formatValue: g
+			}), _ !== void 0 && n.length > 0 && /* @__PURE__ */ u(i, { children: x === void 0 ? "Select a token to inspect its exact text and score." : `Token ${x.index}, ${JSON.stringify(x.text)}, ${p}: ${N(x, s, g)}` })]
 		}),
-		children: [n.length === 0 ? /* @__PURE__ */ l("p", {
+		children: [n.length === 0 ? /* @__PURE__ */ u("p", {
 			className: "x1ghz6dp x153jb6y xtqrqnz x1778rvt",
-			children: _
-		}) : /* @__PURE__ */ l("p", {
+			children: v
+		}) : /* @__PURE__ */ u("p", {
 			"aria-label": `${e} token text`,
 			className: "x1ghz6dp xbixft xiard35 xtqrqnz x1778rvt x126k92a xj0a0fe",
 			children: n.map((e) => {
-				let t = e.score !== null && !p(e.score, a), n = e.score === null ? "Unavailable" : `${h(e.score)}${t ? " (outside domain)" : ""}`, r = `Token ${e.index}, ${JSON.stringify(e.text)}, ${f}: ${n}`, i = c.props(k.token, e.score === null || t ? k.missing : k.color(m(e.score, {
-					domain: a,
-					palette: d
-				})), g !== void 0 && k.interactive, g?.selectedId === e.id && k.selected);
-				return g === void 0 ? /* @__PURE__ */ l("span", {
-					title: r,
-					...i,
+				let t = e.score !== null && !m(e.score, s), n = `Token ${e.index}, ${JSON.stringify(e.text)}, ${p}: ${N(e, s, g)}`, r = l.props(A.token, e.score === null || t ? A.missing : A.color(h(e.score, {
+					domain: s,
+					palette: f
+				})), _ !== void 0 && A.interactive, _?.selectedId === e.id && A.selected);
+				return _ === void 0 ? /* @__PURE__ */ u("span", {
+					title: n,
+					...r,
 					children: e.text
-				}, e.id) : /* @__PURE__ */ l("button", {
+				}, e.id) : /* @__PURE__ */ u("button", {
 					type: "button",
-					"aria-label": r,
-					"aria-pressed": g.selectedId === e.id,
-					onClick: () => g.onSelect(e.id),
-					...i,
+					"aria-label": n,
+					"aria-pressed": _.selectedId === e.id,
+					onClick: () => _.onSelect(e.id),
+					...r,
 					children: e.text
 				}, e.id);
 			})
-		}), n.length > 0 && /* @__PURE__ */ l(s, {
+		}), n.length > 0 && /* @__PURE__ */ u(c, {
 			label: "Token values",
-			children: /* @__PURE__ */ u("table", {
+			children: /* @__PURE__ */ d("table", {
 				className: "xh8yej3 x1mwwwfo x1yc453h xy8obcc xas2l8k",
-				children: [/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", { children: [
-					/* @__PURE__ */ l("th", {
+				children: [/* @__PURE__ */ u("thead", { children: /* @__PURE__ */ d("tr", { children: [
+					/* @__PURE__ */ u("th", {
 						scope: "col",
-						className: "x1hmw7ec x5g2kb4 xso031l x1q0q8m5 x1qndepd x1yc453h xo1l8bm",
+						className: "x1hmw7ec x5g2kb4 xso031l x1q0q8m5 x1qndepd x1yc453h xj57cvi",
 						children: "Index"
 					}),
-					/* @__PURE__ */ l("th", {
+					/* @__PURE__ */ u("th", {
 						scope: "col",
-						className: "x1hmw7ec x5g2kb4 xso031l x1q0q8m5 x1qndepd x1yc453h xo1l8bm",
+						className: "x1hmw7ec x5g2kb4 xso031l x1q0q8m5 x1qndepd x1yc453h xj57cvi",
 						children: "Exact text"
 					}),
-					/* @__PURE__ */ l("th", {
+					/* @__PURE__ */ u("th", {
 						scope: "col",
-						className: "x1hmw7ec x5g2kb4 xso031l x1q0q8m5 x1qndepd x1yc453h xo1l8bm",
-						children: f
+						className: "x1hmw7ec x5g2kb4 xso031l x1q0q8m5 x1qndepd x1yc453h xj57cvi",
+						children: p
 					})
-				] }) }), /* @__PURE__ */ l("tbody", { children: n.map((e) => /* @__PURE__ */ u("tr", { children: [
-					/* @__PURE__ */ l("td", {
-						className: "x1hmw7ec x5g2kb4 xso031l x1q0q8m5 x1qndepd x1yc453h xo1l8bm x1df8dnd",
-						children: /* @__PURE__ */ l(i, {
+				] }) }), /* @__PURE__ */ u("tbody", { children: n.map((e) => /* @__PURE__ */ d("tr", { children: [
+					/* @__PURE__ */ u("td", {
+						className: "x1hmw7ec x5g2kb4 xso031l x1q0q8m5 x1qndepd x1yc453h xj57cvi x1df8dnd",
+						children: /* @__PURE__ */ u(a, {
 							label: `Select token ${e.index}: ${JSON.stringify(e.text)}`,
-							selected: g?.selectedId === e.id,
-							onSelect: g === void 0 ? void 0 : () => g.onSelect(e.id),
+							selected: _?.selectedId === e.id,
+							onSelect: _ === void 0 ? void 0 : () => _.onSelect(e.id),
 							children: e.index
 						})
 					}),
-					/* @__PURE__ */ l("td", {
-						className: "x1hmw7ec x5g2kb4 xso031l x1q0q8m5 x1qndepd x1yc453h xo1l8bm xiard35 x126k92a xj0a0fe",
+					/* @__PURE__ */ u("td", {
+						className: "x1hmw7ec x5g2kb4 xso031l x1q0q8m5 x1qndepd x1yc453h xj57cvi xiard35 x126k92a xj0a0fe",
 						children: JSON.stringify(e.text)
 					}),
-					/* @__PURE__ */ l("td", {
-						className: "x1hmw7ec x5g2kb4 xso031l x1q0q8m5 x1qndepd x1yc453h xo1l8bm",
-						children: e.score === null ? "Unavailable" : `${h(e.score)}${p(e.score, a) ? "" : " (outside domain)"}`
+					/* @__PURE__ */ u("td", {
+						className: "x1hmw7ec x5g2kb4 xso031l x1q0q8m5 x1qndepd x1yc453h xj57cvi",
+						children: N(e, s, g)
 					})
 				] }, e.id)) })]
 			})
 		})]
-	}) : /* @__PURE__ */ l(r, {
-		title: e,
-		description: t,
-		message: y
 	});
 }
-function M({ tokens: e, domain: n, palette: r }) {
-	let i = f({
+function N(e, t, n) {
+	return e.score === null ? "Unavailable" : `${n(e.score)}${m(e.score, t) ? "" : " (outside domain)"}`;
+}
+function P({ tokens: e, domain: n, palette: r }) {
+	let i = p({
 		domain: n,
 		palette: r
 	});
-	return i === null ? e.length > 2048 ? `This token view exceeds the ${A}-token render limit. Supply a smaller, labelled window.` : !t(e) || new Set(e.map((e) => e.index)).size !== e.length ? "Tokens must have unique identifiers and supplied indices." : e.some((e) => {
+	return i === null ? e.length > 2048 ? `This token view exceeds the ${j}-token render limit. Supply a smaller, labelled window.` : !t(e) || new Set(e.map((e) => e.index)).size !== e.length ? "Tokens must have unique identifiers and supplied indices." : e.some((e) => {
 		let t = !Number.isSafeInteger(e.index) || e.index < 0, n = e.score !== null && !Number.isFinite(e.score);
 		return t || n;
 	}) ? "Token indices must be nonnegative integers and measured scores must be finite. Use null for unavailable scores." : null : i;
 }
-export { v as ColorLegend, A as MAX_HEATMAP_TOKENS, S as MAX_MATRIX_CELLS, w as Matrix, j as TokenHeatmap };
+export { y as ColorLegend, j as MAX_HEATMAP_TOKENS, C as MAX_MATRIX_CELLS, T as Matrix, M as TokenHeatmap };