@mechane-ai/ui 0.2.1 → 0.3.0

package/dist/matrix-B9dybkce.js

@@ -0,0 +1,785 @@
+import { colors as e } from "./tokens.js";
+import { a as t, c as n, i as r, l as i, n as a, o, r as s, t as c } from "./chart-input-Bti0gyzz.js";
+import { ot as l, x as u } from "./src-E7YRJBMO.js";
+import { t as d } from "./plot-width--OgdohB5.js";
+import * as f from "@stylexjs/stylex";
+import { useId as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { scaleLinear as _ } from "@visx/scale";
+// packages/charts/src/matrix/heatmap-scale.ts
+var v = 100;
+function y({ domain: e, palette: t }) {
+	return s(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 b(e, t) {
+	return e >= t[0] && e <= t[1];
+}
+function x(t, { domain: n, palette: r }) {
+	if (r === "diverging") {
+		let r = t < 0 ? n[0] : n[1], a = Math.abs(t) / Math.abs(r) * v;
+		return `color-mix(in srgb, ${t < 0 ? i.negative : i.positive} ${a}%, ${e.surface})`;
+	}
+	let a = (t - n[0]) / (n[1] - n[0]) * v;
+	return `color-mix(in srgb, ${i.series1} ${a}%, ${e.surface})`;
+}
+// packages/charts/src/matrix/color-legend.tsx
+var S = {
+	kUk6DE: "x98rzlu",
+	$$css: !0
+}, C = { sample: (e) => [
+	S,
+	{
+		kWkggS: e == null ? e : "xl8spv7",
+		$$css: !0
+	},
+	{ "--x-backgroundColor": e ?? void 0 }
+] }, w = 20;
+function T({ label: e, domain: t, palette: n, formatValue: r }) {
+	let i = y({
+		domain: t,
+		palette: n
+	});
+	if (i !== null) return /* @__PURE__ */ h("p", {
+		role: "status",
+		className: "xrvj5dj xzwl0l2 x1jkqq1h xv9cywu xoedhln xut3y95 xam3yii",
+		children: i
+	});
+	let a = Array.from({ length: 21 }, (e, n) => t[0] + (t[1] - t[0]) * n / w);
+	return /* @__PURE__ */ g("div", {
+		"aria-label": `${e}: ${r(t[0])} to ${r(t[1])}`,
+		className: "xrvj5dj xzwl0l2 x1jkqq1h xv9cywu xoedhln xut3y95 xam3yii",
+		children: [
+			/* @__PURE__ */ g("span", { children: [e, n === "diverging" && ` · Neutral: ${r(0)}`] }),
+			/* @__PURE__ */ h("div", {
+				"aria-hidden": !0,
+				className: "x78zum5 xdk7pt xmkeg23 x1y0btm7 x1yww3zy",
+				children: a.map((e) => /* @__PURE__ */ h("span", { ...f.props(C.sample(x(e, {
+					domain: t,
+					palette: n
+				}))) }, e))
+			}),
+			/* @__PURE__ */ g("div", {
+				"aria-hidden": !0,
+				className: "x78zum5 x1qughib xtmze7h xss6m8b",
+				children: [/* @__PURE__ */ h("span", { children: r(t[0]) }), /* @__PURE__ */ h("span", { children: r(t[1]) })]
+			})
+		]
+	});
+}
+// packages/charts/src/matrix/matrix.tsx
+var E = {
+	kKwaWg: "x1e87kdn",
+	$$css: !0
+}, D = {
+	value: {
+		k1xSpc: "x78zum5",
+		kGNEyG: "x6s0dn4",
+		kjj79g: "xl56j7k",
+		kzqmXN: "x100vrsf xbr7t2x",
+		kZKoxP: "x1vqgdyp xv0o0l7",
+		kB7OPa: "x9f619",
+		kMzoRj: "xmkeg23",
+		ksu8eU: "x1y0btm7",
+		kVAM5u: "x1yww3zy",
+		kWkggS: "x1l90twa",
+		kMwMTN: "xgl13c",
+		kmVPX3: "x1717udv",
+		kMv6JI: "xoedhln",
+		kGuDYH: "xut3y95",
+		kLWn49: "xam3yii",
+		kcqcaj: "xss6m8b",
+		$$css: !0
+	},
+	interactive: {
+		kkrTdU: "x1ypdohk",
+		kPJHz1: "xnktsf1",
+		kZs9gx: "x1m2ab5f",
+		k7shQP: "x9v5kkp",
+		kiEn40: "x1bqaal",
+		kguI0P: "xsi0z05",
+		kFU1ZQ: "xbpze6h",
+		kUjPgX: "xn6y6q8",
+		$$css: !0
+	},
+	selected: {
+		kMeerF: "xhb1w9w",
+		kjBf7l: "xnoxefp",
+		k3XXqK: "xaatb59",
+		kInvED: "x2ssjo2",
+		$$css: !0
+	},
+	measured: (e) => [E, { "--x-backgroundImage": `linear-gradient(${e}, ${e})` == null ? void 0 : `linear-gradient(${e}, ${e})` }],
+	missing: {
+		kMwMTN: "xv9cywu",
+		kWkggS: "x1m7rfvg",
+		ksu8eU: "xbsl7fq",
+		$$css: !0
+	},
+	masked: {
+		kMwMTN: "xv9cywu",
+		kWkggS: "x1m7rfvg",
+		$$css: !0
+	}
+}, O = {
+	value: void 0,
+	masked: D.masked,
+	missing: D.missing
+}, k = 4096, A = 6;
+function j({ title: e, description: n, rows: i, columns: a, cells: s, domain: l, palette: u, valueLabel: d, formatValue: f, selection: p, emptyLabel: m }) {
+	let _ = F({
+		rows: i,
+		columns: a,
+		cells: s,
+		domain: l,
+		palette: u
+	});
+	if (_ !== null) return /* @__PURE__ */ h(c, {
+		title: e,
+		description: n,
+		message: _
+	});
+	let v = /* @__PURE__ */ new Map();
+	for (let e of s) {
+		let t = v.get(e.rowId) ?? /* @__PURE__ */ new Map();
+		t.set(e.columnId, e), v.set(e.rowId, t);
+	}
+	let y = s.find((e) => e.id === p?.selectedId), x = i.find((e) => e.id === y?.rowId), S = a.find((e) => e.id === y?.columnId), C = y === void 0 ? void 0 : `${x?.label ?? y.rowId} → ${S?.label ?? y.columnId}: ${P(y, l, f)}`;
+	return /* @__PURE__ */ h(o, {
+		title: e,
+		description: n,
+		footer: /* @__PURE__ */ g("div", {
+			className: "xrvj5dj xtmze7h",
+			children: [
+				/* @__PURE__ */ h(T, {
+					label: d,
+					domain: l,
+					palette: u,
+					formatValue: f
+				}),
+				/* @__PURE__ */ g("ul", {
+					"aria-label": "Cell states",
+					className: "x78zum5 x1a02dak xtmze7h x1ghz6dp x1717udv xe8uvvx xv9cywu xut3y95",
+					children: [
+						s.some((e) => e.kind === "masked") && /* @__PURE__ */ h("li", { children: "× Masked" }),
+						s.some((e) => e.kind === "missing") && /* @__PURE__ */ h("li", { children: "— Missing" }),
+						s.length < i.length * a.length && /* @__PURE__ */ h("li", { children: "· Not supplied" }),
+						s.some((e) => e.kind === "value" && !b(e.value, l)) && /* @__PURE__ */ h("li", { children: "! Outside domain" }),
+						s.some((e) => e.kind === "value" && f(e.value).length > A) && /* @__PURE__ */ h("li", { children: "• See exact values in View data" })
+					]
+				}),
+				p !== void 0 && /* @__PURE__ */ h("p", {
+					"aria-live": "polite",
+					className: "x1ghz6dp xgl13c x19zkttd xj0a0fe",
+					children: C ?? "Select a cell to inspect its value."
+				}),
+				i.length > 0 && a.length > 0 && /* @__PURE__ */ h(r, { children: /* @__PURE__ */ h("ul", {
+					className: "xe8uvvx x1ghz6dp x1717udv",
+					children: i.flatMap((e) => a.map((n) => {
+						let r = v.get(e.id)?.get(n.id), i = `${e.label} → ${n.label}`, a = P(r, l, f);
+						return /* @__PURE__ */ h("li", { children: /* @__PURE__ */ g(t, {
+							label: `${i}: ${a}`,
+							selected: r !== void 0 && p?.selectedId === r.id,
+							onSelect: r === void 0 || p === void 0 ? void 0 : () => p.onSelect(r.id),
+							children: [/* @__PURE__ */ h("span", { children: i }), /* @__PURE__ */ h("span", { children: a })]
+						}) }, JSON.stringify([e.id, n.id]));
+					}))
+				}) })
+			]
+		}),
+		children: i.length === 0 || a.length === 0 ? /* @__PURE__ */ h("p", {
+			className: "x1ghz6dp xv9cywu x118kxxs x1hyyzld",
+			children: m
+		}) : /* @__PURE__ */ h("div", {
+			role: "region",
+			"aria-label": `${e} cells`,
+			tabIndex: 0,
+			className: "xysyzu8 x14eurpq xnktsf1 x1m2ab5f x9v5kkp x1bqaal",
+			children: /* @__PURE__ */ g("table", {
+				className: "x1vathgz x1jkpq5q xezivpi xoedhln",
+				children: [/* @__PURE__ */ h("thead", { children: /* @__PURE__ */ g("tr", { children: [/* @__PURE__ */ h("th", {
+					"aria-label": "Row",
+					className: "x1717udv xut3y95 xam3yii xo1l8bm xv9cywu x1yc453h xuxw1ft"
+				}), a.map((e) => /* @__PURE__ */ h("th", {
+					scope: "col",
+					title: e.label,
+					className: "x1717udv xut3y95 xam3yii xo1l8bm xv9cywu x1yc453h xuxw1ft",
+					children: /* @__PURE__ */ h("span", {
+						className: "x1lliihq x100vrsf xbr7t2x xb3r6kr xlyipyv x2b8uid xlfmwf6",
+						children: e.label
+					})
+				}, e.id))] }) }), /* @__PURE__ */ h("tbody", { children: i.map((e) => /* @__PURE__ */ g("tr", { children: [/* @__PURE__ */ h("th", {
+					scope: "row",
+					title: e.label,
+					className: "x1717udv xut3y95 xam3yii xo1l8bm xv9cywu x1yc453h xuxw1ft",
+					children: /* @__PURE__ */ h("span", {
+						className: "x1lliihq x18qnofl xb3r6kr xlyipyv x1pifqf1",
+						children: e.label
+					})
+				}), a.map((t) => {
+					let n = v.get(e.id)?.get(t.id);
+					return /* @__PURE__ */ h("td", {
+						className: "x1717udv x100vrsf xbr7t2x x2b8uid",
+						children: /* @__PURE__ */ h(M, {
+							cell: n,
+							label: `${e.label}, ${t.label}`,
+							domain: l,
+							palette: u,
+							formatValue: f,
+							selection: p
+						})
+					}, t.id);
+				})] }, e.id)) })]
+			})
+		})
+	});
+}
+function M({ cell: e, label: t, domain: n, palette: r, formatValue: i, selection: a }) {
+	if (e === void 0) return /* @__PURE__ */ h("span", {
+		role: "img",
+		"aria-label": `${t}: not supplied`,
+		title: `${t}: not supplied`,
+		className: "x78zum5 x6s0dn4 xl56j7k x100vrsf xbr7t2x x1vqgdyp xv0o0l7 x9f619 xmkeg23 x1yww3zy x1717udv xoedhln xut3y95 xam3yii xss6m8b xv9cywu x1m7rfvg xbsl7fq",
+		children: "·"
+	});
+	let o = e.kind === "value" && !b(e.value, n), s = P(e, n, i), c = `${t}: ${s}`, l = e.kind === "value" && !o ? x(e.value, {
+		domain: n,
+		palette: r
+	}) : void 0, u = f.props(D.value, O[e.kind], l !== void 0 && D.measured(l), o && D.missing, a?.selectedId === e.id && D.selected, a !== void 0 && D.interactive), d = N(e, s, o), p = e.kind === "value" ? /* @__PURE__ */ h("span", {
+		className: "x1l90twa x1qmz0ts",
+		children: d
+	}) : d;
+	return a === void 0 ? /* @__PURE__ */ h("span", {
+		role: "img",
+		"aria-label": c,
+		title: c,
+		...u,
+		children: p
+	}) : /* @__PURE__ */ h("button", {
+		type: "button",
+		"aria-label": c,
+		title: c,
+		"aria-pressed": a.selectedId === e.id,
+		onClick: () => a.onSelect(e.id),
+		...u,
+		children: p
+	});
+}
+function N(e, t, n) {
+	switch (e.kind) {
+		case "masked": return "×";
+		case "missing": return "—";
+		case "value": return n ? "!" : t.length <= A ? t : e.value === 0 ? "0" : "•";
+	}
+}
+function P(e, t, n) {
+	if (e === void 0) return "Not supplied";
+	switch (e.kind) {
+		case "value": return `${n(e.value)}${b(e.value, t) ? "" : " (outside domain)"}`;
+		case "masked": return `Masked: ${e.reason}`;
+		case "missing": return `Missing: ${e.reason}`;
+	}
+}
+function F({ rows: e, columns: t, cells: n, domain: r, palette: i }) {
+	let o = y({
+		domain: r,
+		palette: i
+	});
+	if (o !== null) return o;
+	if (e.length * t.length > 4096 || n.length > 4096) return `This matrix exceeds the ${k}-cell render limit. Supply a smaller, labelled window.`;
+	let s = new Set(e.map((e) => e.id)), c = new Set(t.map((e) => e.id));
+	if (!a(e) || !a(t) || !a(n)) return "Matrix rows, columns, and cells must have unique identifiers.";
+	let l = /* @__PURE__ */ new Map();
+	for (let e of n) {
+		if (!s.has(e.rowId) || !c.has(e.columnId)) return "Every matrix cell must refer to a supplied row and column.";
+		if (e.kind === "value" && !Number.isFinite(e.value)) return "Measured matrix values must be finite. Use a missing cell for unavailable values.";
+		let t = l.get(e.rowId) ?? /* @__PURE__ */ new Set();
+		if (t.has(e.columnId)) return "A matrix coordinate may contain only one cell.";
+		t.add(e.columnId), l.set(e.rowId, t);
+	}
+	return null;
+}
+// packages/charts/src/matrix/token-heatmap.tsx
+var I = {
+	token: {
+		k1xSpc: "xt0psk2",
+		kmVPX3: "x1717udv",
+		kMzoRj: "xc342km",
+		kt9PQ7: "x2x41l1",
+		kfdmCh: "x1q0q8m5",
+		kMv6JI: "xjb2p0i",
+		kGuDYH: "x1qlqyl8",
+		k63SB2: "x1pd3egz",
+		kLWn49: "x15bjb6t",
+		kMwMTN: "xgl13c",
+		kWkggS: "x1l90twa",
+		khDVqt: "xq9mrsl",
+		keMLs9: "xyh5bb9",
+		$$css: !0
+	},
+	color: (e) => [{
+		kL6WhQ: e == null ? e : "xrwkz7t",
+		$$css: !0
+	}, { "--x-borderBottomColor": e ?? void 0 }],
+	missing: {
+		kfdmCh: "xp9b3b8",
+		kL6WhQ: "x1hiteuv",
+		$$css: !0
+	},
+	interactive: {
+		kkrTdU: "x1ypdohk",
+		kLWn49: "x1hyyzld x1i9kvde",
+		kPJHz1: "xnktsf1",
+		kZs9gx: "x1m2ab5f",
+		k7shQP: "x9v5kkp",
+		kiEn40: "x13iak60",
+		kGzVvX: "x160po9z",
+		$$css: !0
+	},
+	selected: {
+		kMeerF: "xhb1w9w",
+		kjBf7l: "xnoxefp",
+		k3XXqK: "xaatb59",
+		kInvED: "x1y3gkto",
+		$$css: !0
+	}
+}, L = 2048;
+function R({ title: e, description: n, tokens: i, domain: a, palette: s, valueLabel: l, formatValue: u, selection: d, emptyLabel: p }) {
+	let m = z({
+		tokens: i,
+		domain: a,
+		palette: s
+	});
+	return m === null ? /* @__PURE__ */ g(o, {
+		title: e,
+		description: n,
+		footer: /* @__PURE__ */ h(T, {
+			label: l,
+			domain: a,
+			palette: s,
+			formatValue: u
+		}),
+		children: [i.length === 0 ? /* @__PURE__ */ h("p", {
+			className: "x1ghz6dp xv9cywu x118kxxs x1hyyzld",
+			children: p
+		}) : /* @__PURE__ */ h("p", {
+			"aria-label": `${e} token text`,
+			className: "x1ghz6dp xgl13c xdxxwph x118kxxs x1hyyzld x126k92a xj0a0fe",
+			children: i.map((e) => {
+				let t = e.score !== null && !b(e.score, a), n = e.score === null ? "Unavailable" : `${u(e.score)}${t ? " (outside domain)" : ""}`, r = `Token ${e.index}, ${JSON.stringify(e.text)}, ${l}: ${n}`, i = f.props(I.token, e.score === null || t ? I.missing : I.color(x(e.score, {
+					domain: a,
+					palette: s
+				})), d !== void 0 && I.interactive, d?.selectedId === e.id && I.selected);
+				return d === void 0 ? /* @__PURE__ */ h("span", {
+					title: r,
+					...i,
+					children: e.text
+				}, e.id) : /* @__PURE__ */ h("button", {
+					type: "button",
+					"aria-label": r,
+					"aria-pressed": d.selectedId === e.id,
+					onClick: () => d.onSelect(e.id),
+					...i,
+					children: e.text
+				}, e.id);
+			})
+		}), i.length > 0 && /* @__PURE__ */ h(r, {
+			label: "Token values",
+			children: /* @__PURE__ */ g("table", {
+				className: "xh8yej3 x1mwwwfo x1yc453h xut3y95 xam3yii",
+				children: [/* @__PURE__ */ h("thead", { children: /* @__PURE__ */ g("tr", { children: [
+					/* @__PURE__ */ h("th", {
+						scope: "col",
+						className: "xlfmwf6 x13hf59f xso031l x1q0q8m5 x7a6td9 x1yc453h xo1l8bm",
+						children: "Index"
+					}),
+					/* @__PURE__ */ h("th", {
+						scope: "col",
+						className: "xlfmwf6 x13hf59f xso031l x1q0q8m5 x7a6td9 x1yc453h xo1l8bm",
+						children: "Exact text"
+					}),
+					/* @__PURE__ */ h("th", {
+						scope: "col",
+						className: "xlfmwf6 x13hf59f xso031l x1q0q8m5 x7a6td9 x1yc453h xo1l8bm",
+						children: l
+					})
+				] }) }), /* @__PURE__ */ h("tbody", { children: i.map((e) => /* @__PURE__ */ g("tr", { children: [
+					/* @__PURE__ */ h("td", {
+						className: "xlfmwf6 x13hf59f xso031l x1q0q8m5 x7a6td9 x1yc453h xo1l8bm x6d1rm9",
+						children: /* @__PURE__ */ h(t, {
+							label: `Select token ${e.index}: ${JSON.stringify(e.text)}`,
+							selected: d?.selectedId === e.id,
+							onSelect: d === void 0 ? void 0 : () => d.onSelect(e.id),
+							children: e.index
+						})
+					}),
+					/* @__PURE__ */ h("td", {
+						className: "xlfmwf6 x13hf59f xso031l x1q0q8m5 x7a6td9 x1yc453h xo1l8bm xdxxwph x126k92a xj0a0fe",
+						children: JSON.stringify(e.text)
+					}),
+					/* @__PURE__ */ h("td", {
+						className: "xlfmwf6 x13hf59f xso031l x1q0q8m5 x7a6td9 x1yc453h xo1l8bm",
+						children: e.score === null ? "Unavailable" : `${u(e.score)}${b(e.score, a) ? "" : " (outside domain)"}`
+					})
+				] }, e.id)) })]
+			})
+		})]
+	}) : /* @__PURE__ */ h(c, {
+		title: e,
+		description: n,
+		message: m
+	});
+}
+function z({ tokens: e, domain: t, palette: n }) {
+	let r = y({
+		domain: t,
+		palette: n
+	});
+	return r === null ? e.length > 2048 ? `This token view exceeds the ${L}-token render limit. Supply a smaller, labelled window.` : !a(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 : r;
+}
+// packages/charts/src/matrix/scatter-plot.tsx
+var B = 260, V = 56, H = 20, U = 12, W = 1e3, G = {
+	kzqmXN: "x1xc55vz",
+	kZKoxP: "xdk7pt",
+	kaIpWk: "x16rqkct",
+	$$css: !0
+}, K = {
+	brush: {
+		kFalU9: "xx69xxh",
+		kkrTdU: "xsid9ct",
+		$$css: !0
+	},
+	target: {
+		kVAEAm: "x10l6tqk",
+		k1xSpc: "xrvj5dj",
+		kgQiWS: "x1ku5rj1",
+		kzqmXN: "x187nhsf",
+		kZKoxP: "xn3w4p2",
+		k3aq6I: "x11lhmoz",
+		kMzoRj: "xc342km",
+		kmVPX3: "x1717udv",
+		kWkggS: "xjbqb8w",
+		kkrTdU: "x1ypdohk",
+		kfzvcC: "x67bb7w",
+		kPJHz1: "xnktsf1",
+		kZs9gx: "x1m2ab5f",
+		k7shQP: "x9v5kkp",
+		kiEn40: "x175ew0f",
+		kguI0P: "xsi0z05",
+		kUjPgX: "xh5xat1",
+		kFU1ZQ: "xbpze6h",
+		kRG58y: "x1cdmj33",
+		$$css: !0
+	},
+	location: (e, t) => [{
+		kbCHJM: e == null ? e : "xgq9j65",
+		k87sOh: t == null ? t : "xjbys53",
+		$$css: !0
+	}, {
+		"--x-left": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e),
+		"--x-top": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(t)
+	}],
+	dot: (e) => [
+		G,
+		{
+			kWkggS: e == null ? e : "xl8spv7",
+			$$css: !0
+		},
+		{ "--x-backgroundColor": e ?? void 0 }
+	],
+	selected: {
+		kMeerF: "xhb1w9w",
+		kjBf7l: "xhn9owy",
+		k3XXqK: "xaatb59",
+		kInvED: "x1ewu8gn",
+		$$css: !0
+	}
+};
+function q(e) {
+	let { title: n, description: a, points: s, xDomain: l, yDomain: u, xLabel: p, yLabel: m, formatX: v, formatY: y, selection: b, rangeSelection: x, emptyLabel: S } = e, { ref: C, width: w } = d(), T = X(e);
+	if (T !== null) return /* @__PURE__ */ h(c, {
+		title: n,
+		description: a,
+		message: T
+	});
+	let E = _({
+		domain: [...l],
+		range: [V, Math.max(V, w - H)]
+	}), D = _({
+		domain: [...u],
+		range: [216, U]
+	});
+	return /* @__PURE__ */ g(o, {
+		title: n,
+		description: a,
+		children: [
+			s.length === 0 ? /* @__PURE__ */ h("p", {
+				className: "x1ghz6dp xv9cywu",
+				children: S
+			}) : /* @__PURE__ */ g("div", {
+				ref: C,
+				className: "x1n2onr6 xeuugli",
+				children: [/* @__PURE__ */ h(J, {
+					width: w,
+					scaleX: E,
+					scaleY: D,
+					...e
+				}, `${l[0]}:${l[1]}:${u[0]}:${u[1]}:${w}`), b !== void 0 && /* @__PURE__ */ h("div", {
+					className: "x10l6tqk x10a8y8t x1n71m9f x47corl",
+					children: s.map((e) => /* @__PURE__ */ h("button", {
+						type: "button",
+						title: e.label,
+						"aria-label": `${e.label}, ${p}: ${v(e.x)}, ${m}: ${y(e.y)}`,
+						"aria-pressed": b.selectedId === e.id,
+						onClick: () => b.onSelect(e.id),
+						...f.props(K.target, K.location(E(e.x), D(e.y))),
+						children: /* @__PURE__ */ h("span", {
+							"aria-hidden": !0,
+							...f.props(K.dot(i[e.tone]), b.selectedId === e.id && K.selected)
+						})
+					}, e.id))
+				})]
+			}),
+			x !== void 0 && /* @__PURE__ */ h(Y, {
+				...e,
+				rangeSelection: x
+			}),
+			s.length > 0 && /* @__PURE__ */ h(r, { children: s.map((e) => /* @__PURE__ */ g(t, {
+				label: `${e.label}, ${p}: ${v(e.x)}, ${m}: ${y(e.y)}`,
+				selected: b?.selectedId === e.id,
+				onSelect: b === void 0 ? void 0 : () => b.onSelect(e.id),
+				children: [/* @__PURE__ */ h("span", { children: e.label }), /* @__PURE__ */ g("span", {
+					className: "xss6m8b xuxw1ft xv9cywu",
+					children: [
+						v(e.x),
+						" · ",
+						y(e.y)
+					]
+				})]
+			}, e.id)) })
+		]
+	});
+}
+function J({ width: e, scaleX: t, scaleY: r, points: a, xLabel: o, yLabel: s, formatX: c, formatY: l, selection: u, rangeSelection: d }) {
+	let _ = p(), [v, y] = m(null), b = v === null ? d?.value : {
+		x: [Math.min(v.start.x, v.end.x), Math.max(v.start.x, v.end.x)],
+		y: [Math.min(v.start.y, v.end.y), Math.max(v.start.y, v.end.y)]
+	};
+	function x(n) {
+		let i = n.currentTarget.getBoundingClientRect();
+		return {
+			x: t.copy().clamp(!0).invert((n.clientX - i.left) / i.width * e),
+			y: r.copy().clamp(!0).invert((n.clientY - i.top) / i.height * B)
+		};
+	}
+	function S(t) {
+		if (d === void 0 || t.button !== 0 || t.pointerType === "touch") return;
+		let n = t.currentTarget.getBoundingClientRect(), r = (t.clientX - n.left) / n.width * e, i = (t.clientY - n.top) / n.height * B;
+		if (r < V || r > e - H || i < U || i > 216) return;
+		let a = x(t);
+		t.currentTarget.setPointerCapture(t.pointerId), y({
+			start: a,
+			end: a,
+			pointerId: t.pointerId
+		});
+	}
+	function C(e) {
+		v !== null && v.pointerId === e.pointerId && y({
+			...v,
+			end: x(e)
+		});
+	}
+	function w(e) {
+		if (v === null || v.pointerId !== e.pointerId) return;
+		let t = x(e), n = {
+			x: [Math.min(v.start.x, t.x), Math.max(v.start.x, t.x)],
+			y: [Math.min(v.start.y, t.y), Math.max(v.start.y, t.y)]
+		};
+		y(null), e.currentTarget.releasePointerCapture(e.pointerId), d?.onChange(n);
+	}
+	return /* @__PURE__ */ g("svg", {
+		width: e,
+		height: B,
+		viewBox: `0 0 ${e} ${B}`,
+		"aria-hidden": !0,
+		onPointerDown: S,
+		onPointerMove: C,
+		onPointerUp: w,
+		onPointerCancel: () => y(null),
+		onLostPointerCapture: () => y(null),
+		...f.props(n.svg, d !== void 0 && K.brush),
+		children: [
+			/* @__PURE__ */ h("defs", { children: /* @__PURE__ */ h("clipPath", {
+				id: _,
+				children: /* @__PURE__ */ h("rect", {
+					x: V,
+					y: U,
+					width: Math.max(0, e - V - H),
+					height: 204
+				})
+			}) }),
+			t.ticks(5).map((e) => /* @__PURE__ */ g("g", { children: [/* @__PURE__ */ h("line", {
+				x1: t(e),
+				x2: t(e),
+				y1: U,
+				y2: 216,
+				...f.props(n.grid)
+			}), /* @__PURE__ */ h("text", {
+				x: t(e),
+				y: 234,
+				textAnchor: "middle",
+				...f.props(n.label),
+				children: c(e)
+			})] }, e)),
+			r.ticks(4).map((t) => /* @__PURE__ */ g("g", { children: [/* @__PURE__ */ h("line", {
+				x1: V,
+				x2: e - H,
+				y1: r(t),
+				y2: r(t),
+				...f.props(n.grid)
+			}), /* @__PURE__ */ h("text", {
+				x: 48,
+				y: r(t) + 4,
+				textAnchor: "end",
+				...f.props(n.label),
+				children: l(t)
+			})] }, t)),
+			/* @__PURE__ */ h("text", {
+				x: (V + e - H) / 2,
+				y: 256,
+				textAnchor: "middle",
+				...f.props(n.label),
+				children: o
+			}),
+			/* @__PURE__ */ h("text", {
+				x: 12,
+				y: 108,
+				textAnchor: "middle",
+				transform: "rotate(-90 12 108)",
+				...f.props(n.label),
+				children: s
+			}),
+			/* @__PURE__ */ g("g", {
+				clipPath: `url(#${_})`,
+				children: [b != null && /* @__PURE__ */ h("rect", {
+					x: t(b.x[0]),
+					y: r(b.y[1]),
+					width: t(b.x[1]) - t(b.x[0]),
+					height: r(b.y[0]) - r(b.y[1]),
+					className: "x1haa5rn xv7c1pl x16jnhk7 xnpr05h x15lqr97 x47corl"
+				}), u === void 0 && a.map((e) => /* @__PURE__ */ h("circle", {
+					cx: t(e.x),
+					cy: r(e.y),
+					r: 4,
+					fill: i[e.tone]
+				}, e.id))]
+			})
+		]
+	});
+}
+function Y({ rangeSelection: e, xDomain: t, yDomain: n, xLabel: r, yLabel: i, formatX: a, formatY: o }) {
+	let s = e.value ?? {
+		x: t,
+		y: n
+	};
+	return /* @__PURE__ */ g("fieldset", {
+		className: "xrvj5dj xtmze7h x1dj7zaa xc342km x1717udv xeuugli",
+		children: [
+			/* @__PURE__ */ h("legend", {
+				className: "xv9cywu xut3y95 xegg4c4",
+				children: "Drag with a mouse, or adjust these bounds to select a coordinate range."
+			}),
+			/* @__PURE__ */ g(u.Root, {
+				value: s.x,
+				min: t[0],
+				max: t[1],
+				step: e.xStep,
+				locale: e.locale,
+				thumbCollisionBehavior: "none",
+				onValueChange: (t) => e.onChange({
+					x: t,
+					y: s.y
+				}),
+				children: [/* @__PURE__ */ g("div", {
+					className: "x78zum5 x1qughib xf0fr40 xv9cywu xut3y95",
+					children: [/* @__PURE__ */ h(u.Label, { children: r }), /* @__PURE__ */ g("span", { children: [
+						a(s.x[0]),
+						" – ",
+						a(s.x[1])
+					] })]
+				}), /* @__PURE__ */ h(u.Control, { children: /* @__PURE__ */ g(u.Track, { children: [
+					/* @__PURE__ */ h(u.Indicator, {}),
+					/* @__PURE__ */ h(u.Thumb, {
+						index: 0,
+						"aria-label": `${r} minimum`,
+						getAriaValueText: (e, t) => a(t)
+					}),
+					/* @__PURE__ */ h(u.Thumb, {
+						index: 1,
+						"aria-label": `${r} maximum`,
+						getAriaValueText: (e, t) => a(t)
+					})
+				] }) })]
+			}),
+			/* @__PURE__ */ g(u.Root, {
+				value: s.y,
+				min: n[0],
+				max: n[1],
+				step: e.yStep,
+				locale: e.locale,
+				thumbCollisionBehavior: "none",
+				onValueChange: (t) => e.onChange({
+					x: s.x,
+					y: t
+				}),
+				children: [/* @__PURE__ */ g("div", {
+					className: "x78zum5 x1qughib xf0fr40 xv9cywu xut3y95",
+					children: [/* @__PURE__ */ h(u.Label, { children: i }), /* @__PURE__ */ g("span", { children: [
+						o(s.y[0]),
+						" – ",
+						o(s.y[1])
+					] })]
+				}), /* @__PURE__ */ h(u.Control, { children: /* @__PURE__ */ g(u.Track, { children: [
+					/* @__PURE__ */ h(u.Indicator, {}),
+					/* @__PURE__ */ h(u.Thumb, {
+						index: 0,
+						"aria-label": `${i} minimum`,
+						getAriaValueText: (e, t) => o(t)
+					}),
+					/* @__PURE__ */ h(u.Thumb, {
+						index: 1,
+						"aria-label": `${i} maximum`,
+						getAriaValueText: (e, t) => o(t)
+					})
+				] }) })]
+			}),
+			/* @__PURE__ */ h(l, {
+				type: "button",
+				disabled: e.value === null,
+				onClick: () => e.onChange(null),
+				children: "Clear range"
+			})
+		]
+	});
+}
+function X({ points: e, xDomain: t, yDomain: n, rangeSelection: r }) {
+	if (!s(t) || !s(n)) return "Scatter domains must contain finite, increasing endpoints.";
+	if (e.length > 1e3) return `This plot exceeds the ${W}-point render limit. Supply a smaller, labelled sample.`;
+	if (!a(e)) return "Scatter points must have unique identifiers.";
+	if (e.some((e) => !Number.isFinite(e.x) || !Number.isFinite(e.y))) return "Scatter coordinates must be finite.";
+	if (e.some((e) => {
+		let r = e.x < t[0] || e.x > t[1], i = e.y < n[0] || e.y > n[1];
+		return r || i;
+	})) return "Scatter coordinates fall outside the declared domain. Widen the domain or supply a labelled window of points.";
+	if (r === void 0) return null;
+	let i = Number.isFinite(r.xStep) && r.xStep > 0 && r.xStep <= t[1] - t[0], o = Number.isFinite(r.yStep) && r.yStep > 0 && r.yStep <= n[1] - n[0];
+	if (!i || !o) return "Range selection steps must be finite, positive, and no larger than their domain span.";
+	let c = r.value;
+	return c === null ? null : !Z(c.x, t) || !Z(c.y, n) ? "The selected range must have finite, ordered bounds inside the declared domain." : null;
+}
+function Z(e, t) {
+	return !e.every(Number.isFinite) || e[0] > e[1] ? !1 : e[0] >= t[0] && e[1] <= t[1];
+}
+export { k as a, R as i, q as n, j as o, L as r, T as s, W as t };