@mechane-ai/elements 0.0.0-stage → 0.4.1

package/dist/charts/distribution.js

@@ -0,0 +1,610 @@
+import { n as e, o as t, r as n, t as r } from "../chart-frame-bX0VLC_W.js";
+import { n as i, r as a, t as o } from "../chart-input-qnM44oen.js";
+import { t as s } from "../plot-width--OgdohB5.js";
+import * as c from "@stylexjs/stylex";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { scaleLinear as f } from "@visx/scale";
+import { Bar as p } from "@visx/shape";
+// packages/charts/src/distribution/distribution-input.ts
+var m = {
+	bins: 200,
+	cumulativePoints: 2e3,
+	rows: 200
+};
+function h({ items: e, domain: t, maxEntries: n }) {
+	if (!a(t)) return "The chart domain must contain two finite, increasing values.";
+	if (!i(e)) return "Chart records must have unique identifiers.";
+	if (e.length > n) return `This chart supports at most ${n} records. Supply an explicit data window or aggregation.`;
+}
+function g(e, t) {
+	return !Number.isFinite(e) || e < t[0] || e > t[1];
+}
+// packages/charts/src/distribution/distribution-plot.tsx
+var _ = { height: 160 }, v = [
+	0,
+	.5,
+	1
+], y = {
+	plot: {
+		k7Eaqz: "xeuugli",
+		k1xSpc: "xrvj5dj",
+		kumcoG: "x16lqc3j",
+		kOIVth: "x1hnptsi",
+		$$css: !0
+	},
+	yAxis: {
+		kZKoxP: "x1ymw6g",
+		k1xSpc: "x78zum5",
+		kXwgrk: "xdt5ytf",
+		kjj79g: "x1qughib",
+		k9WMMc: "xp4054r",
+		kMwMTN: "x153jb6y",
+		kGuDYH: "xy8obcc",
+		kLWn49: "xas2l8k",
+		kcqcaj: "xss6m8b",
+		$$css: !0
+	},
+	svg: {
+		k1xSpc: "x1lliihq",
+		kzqmXN: "xh8yej3",
+		kZKoxP: "x1ymw6g",
+		kVQacm: "xb3r6kr",
+		$$css: !0
+	},
+	grid: {
+		kjVXCG: "x13hfdr1",
+		k5rJSQ: "x1ntoi03",
+		kREpy8: "x13efnbd",
+		$$css: !0
+	},
+	axis: {
+		k1xSpc: "x78zum5",
+		kjj79g: "x1qughib",
+		kOIVth: "x1hnptsi",
+		kMwMTN: "x153jb6y",
+		kGuDYH: "xy8obcc",
+		kLWn49: "xas2l8k",
+		kcqcaj: "xss6m8b",
+		$$css: !0
+	},
+	axisNames: {
+		kBCFzs: "x1osaytk",
+		k1xSpc: "x78zum5",
+		kjj79g: "x1qughib",
+		kOIVth: "x1n8ia3y",
+		$$css: !0
+	},
+	label: {
+		kMwMTN: "x153jb6y",
+		kGuDYH: "xy8obcc",
+		kLWn49: "xas2l8k",
+		kHjlTd: "xj0a0fe",
+		$$css: !0
+	},
+	values: {
+		k1xSpc: "xrvj5dj",
+		k7Eaqz: "xeuugli",
+		$$css: !0
+	},
+	value: {
+		k1xSpc: "x78zum5",
+		kjj79g: "x1qughib",
+		kOIVth: "xaml1ju",
+		k7Eaqz: "xeuugli",
+		kzqmXN: "xh8yej3",
+		$$css: !0
+	},
+	summary: {
+		kcqcaj: "xss6m8b",
+		kHjlTd: "xj0a0fe",
+		k9WMMc: "xp4054r",
+		$$css: !0
+	},
+	row: {
+		k1xSpc: "xrvj5dj",
+		kumcoG: "x95ly28 x1lpzo89",
+		kOIVth: "x1n8ia3y",
+		kGNEyG: "x6s0dn4",
+		k7Eaqz: "xeuugli",
+		kzqmXN: "xh8yej3",
+		$$css: !0
+	},
+	rowAxis: {
+		kB7OPa: "x9f619",
+		kg3NbH: "x5g2kb4",
+		$$css: !0
+	},
+	axisSpacer: {
+		k1xSpc: "x1lliihq x18i6vp0",
+		$$css: !0
+	},
+	rowLabel: {
+		k7Eaqz: "xeuugli",
+		k1xSpc: "xrvj5dj",
+		kOIVth: "xfko13i",
+		kHjlTd: "xj0a0fe",
+		$$css: !0
+	},
+	rowValue: {
+		kMwMTN: "x153jb6y",
+		kcqcaj: "xss6m8b",
+		$$css: !0
+	},
+	rowSvg: {
+		k1xSpc: "x1lliihq",
+		kzqmXN: "xh8yej3",
+		kZKoxP: "x1fgtraw",
+		kVQacm: "xb3r6kr",
+		$$css: !0
+	},
+	empty: {
+		kogj98: "x1ghz6dp",
+		kMwMTN: "x153jb6y",
+		kGuDYH: "xtqrqnz",
+		kLWn49: "x1778rvt",
+		$$css: !0
+	},
+	baseline: {
+		kjVXCG: "x13hfdr1",
+		kREpy8: "x13efnbd",
+		$$css: !0
+	},
+	missing: {
+		kDwRjp: "x2wnxhi",
+		kjVXCG: "xhq4mlf",
+		k5rJSQ: "x1ntoi03",
+		kREpy8: "x13efnbd",
+		$$css: !0
+	}
+};
+function b({ xDomain: e, yDomain: t, xLabel: n, yLabel: r, formatX: i, formatY: a, children: o }) {
+	let { ref: c, width: l } = s(), f = v.map((t) => e[0] + t * (e[1] - e[0])), p = v.map((e) => t[1] - e * (t[1] - t[0]));
+	return /* @__PURE__ */ d("div", {
+		className: "xeuugli xrvj5dj x16lqc3j x1hnptsi",
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "x1osaytk x78zum5 x1qughib x1n8ia3y",
+				children: [/* @__PURE__ */ u("span", {
+					className: "x153jb6y xy8obcc xas2l8k xj0a0fe",
+					children: r
+				}), /* @__PURE__ */ u("span", {
+					className: "x153jb6y xy8obcc xas2l8k xj0a0fe",
+					children: n
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				"aria-hidden": !0,
+				className: "x1ymw6g x78zum5 xdt5ytf x1qughib xp4054r x153jb6y xy8obcc xas2l8k xss6m8b",
+				children: p.map((e) => /* @__PURE__ */ u("span", { children: a(e) }, e))
+			}),
+			/* @__PURE__ */ u("div", {
+				ref: c,
+				children: /* @__PURE__ */ d("svg", {
+					"aria-hidden": !0,
+					viewBox: `0 0 ${l} ${_.height}`,
+					preserveAspectRatio: "none",
+					className: "x1lliihq xh8yej3 x1ymw6g xb3r6kr",
+					children: [v.map((e) => /* @__PURE__ */ u("line", {
+						x1: 0,
+						x2: l,
+						y1: _.height * e,
+						y2: _.height * e,
+						className: "x13hfdr1 x1ntoi03 x13efnbd"
+					}, e)), o(l)]
+				})
+			}),
+			/* @__PURE__ */ u("span", {}),
+			/* @__PURE__ */ u("div", {
+				"aria-hidden": !0,
+				className: "x78zum5 x1qughib x1hnptsi x153jb6y xy8obcc xas2l8k xss6m8b",
+				children: f.map((e) => /* @__PURE__ */ u("span", { children: i(e) }, e))
+			})
+		]
+	});
+}
+function x({ domain: e, formatValue: t }) {
+	return /* @__PURE__ */ d("div", {
+		className: "x78zum5 x1qughib x1hnptsi x153jb6y xy8obcc xas2l8k xss6m8b",
+		children: [/* @__PURE__ */ u("span", { children: t(e[0]) }), /* @__PURE__ */ u("span", { children: t(e[1]) })]
+	});
+}
+// packages/charts/src/distribution/ecdf.tsx
+function S({ title: i, description: a, points: s, domain: p, valueLabel: m, probabilityLabel: h, formatValue: g, formatProbability: v, tone: x = "series1", selection: S, emptyLabel: w = "No cumulative distribution points are available." }) {
+	let T = C({
+		points: s,
+		domain: p
+	});
+	if (T !== void 0) return /* @__PURE__ */ u(o, {
+		title: i,
+		description: a,
+		message: T
+	});
+	let E = f({
+		domain: [0, 1],
+		range: [_.height, 0]
+	});
+	return /* @__PURE__ */ u(n, {
+		title: i,
+		description: a,
+		children: s.length === 0 ? /* @__PURE__ */ u("p", {
+			...c.props(y.empty),
+			children: w
+		}) : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(b, {
+			xDomain: p,
+			yDomain: [0, 1],
+			xLabel: m,
+			yLabel: h,
+			formatX: g,
+			formatY: v,
+			children: (e) => {
+				let n = f({
+					domain: [...p],
+					range: [0, e]
+				}), r = s.map((e, t) => {
+					if (e.probability === null) return "";
+					let r = n(e.value), i = E(e.probability), a = s[t - 1];
+					return a === void 0 || a.probability === null ? `M ${r} ${i}` : `H ${r} V ${i}`;
+				}).join(" ");
+				return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("path", {
+					d: r,
+					fill: "none",
+					stroke: t[x],
+					strokeWidth: 2,
+					vectorEffect: "non-scaling-stroke"
+				}), s.map((e) => e.probability === null ? null : /* @__PURE__ */ u("circle", {
+					cx: n(e.value),
+					cy: E(e.probability),
+					r: S?.selectedId === e.id ? 4 : 2,
+					fill: t[x]
+				}, e.id))] });
+			}
+		}), /* @__PURE__ */ u(r, { children: /* @__PURE__ */ u("div", {
+			...c.props(y.values),
+			children: s.map((t) => {
+				let n = g(t.value), r = t.probability === null ? "Unavailable" : v(t.probability);
+				return /* @__PURE__ */ u(e, {
+					label: `${m}: ${n}, ${h}: ${r}`,
+					selected: S?.selectedId === t.id,
+					onSelect: S === void 0 ? void 0 : () => S.onSelect(t.id),
+					children: /* @__PURE__ */ d("span", {
+						...c.props(y.value),
+						children: [/* @__PURE__ */ u("span", { children: n }), /* @__PURE__ */ u("span", {
+							...c.props(y.summary),
+							children: r
+						})]
+					})
+				}, t.id);
+			})
+		}) })] })
+	});
+}
+function C({ points: e, domain: t }) {
+	let n = h({
+		items: e,
+		domain: t,
+		maxEntries: m.cumulativePoints
+	});
+	if (n !== void 0) return n;
+	let r = {
+		value: t[0],
+		probability: 0
+	};
+	for (let n of e) {
+		if (g(n.value, t) || n.value < r.value) return `Cumulative point ${n.id} is non-finite, outside the domain, or out of order.`;
+		if (n.probability !== null) {
+			if (!Number.isFinite(n.probability) || n.probability < r.probability || n.probability > 1) return `Cumulative point ${n.id} must have a probability from zero to one that does not decrease.`;
+			r.probability = n.probability;
+		}
+		r.value = n.value;
+	}
+}
+// packages/charts/src/distribution/histogram.tsx
+function w({ title: i, description: a, bins: s, domain: m, maximumCount: h, valueLabel: g, countLabel: v, formatValue: x, formatCount: S, tone: C = "series1", selection: w, emptyLabel: E = "No histogram bins are available." }) {
+	let D = T({
+		bins: s,
+		domain: m,
+		maximumCount: h
+	});
+	if (D !== void 0) return /* @__PURE__ */ u(o, {
+		title: i,
+		description: a,
+		message: D
+	});
+	let O = f({
+		domain: [0, h],
+		range: [_.height, 0]
+	});
+	return /* @__PURE__ */ u(n, {
+		title: i,
+		description: a,
+		children: s.length === 0 ? /* @__PURE__ */ u("p", {
+			...c.props(y.empty),
+			children: E
+		}) : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(b, {
+			xDomain: m,
+			yDomain: [0, h],
+			xLabel: g,
+			yLabel: v,
+			formatX: x,
+			formatY: S,
+			children: (e) => {
+				let n = f({
+					domain: [...m],
+					range: [0, e]
+				});
+				return s.map((e) => {
+					let r = n(e.lowerBound), i = n(e.upperBound) - r, a = Math.min(2, i * .2), o = w?.selectedId === e.id;
+					if (e.count === null) return /* @__PURE__ */ u(p, {
+						x: r + a / 2,
+						y: _.height - 6,
+						width: i - a,
+						height: 5,
+						...c.props(y.missing)
+					}, e.id);
+					let s = O(e.count);
+					return /* @__PURE__ */ u(p, {
+						x: r + a / 2,
+						y: s,
+						width: i - a,
+						height: _.height - s,
+						fill: t[C],
+						opacity: w?.selectedId === void 0 || o ? 1 : .45
+					}, e.id);
+				});
+			}
+		}), /* @__PURE__ */ u(r, { children: /* @__PURE__ */ u("div", {
+			...c.props(y.values),
+			children: s.map((t) => {
+				let n = t.count === null ? "Unavailable" : S(t.count), r = `${x(t.lowerBound)} – ${x(t.upperBound)}`;
+				return /* @__PURE__ */ u(e, {
+					label: `${t.label}, ${r}, ${v}: ${n}`,
+					selected: w?.selectedId === t.id,
+					onSelect: w === void 0 ? void 0 : () => w.onSelect(t.id),
+					children: /* @__PURE__ */ d("span", {
+						...c.props(y.value),
+						children: [/* @__PURE__ */ d("span", { children: [
+							t.label,
+							" · ",
+							r
+						] }), /* @__PURE__ */ u("span", {
+							...c.props(y.summary),
+							children: n
+						})]
+					})
+				}, t.id);
+			})
+		}) })] })
+	});
+}
+function T({ bins: e, domain: t, maximumCount: n }) {
+	let r = h({
+		items: e,
+		domain: t,
+		maxEntries: m.bins
+	});
+	if (r !== void 0) return r;
+	if (!Number.isFinite(n) || n <= 0) return "The histogram count domain must have a finite maximum greater than zero.";
+	for (let [r, i] of e.entries()) {
+		if (g(i.lowerBound, t) || g(i.upperBound, t)) return `Histogram bin ${i.id} has a non-finite bound or lies outside the declared domain.`;
+		let a = e[r - 1];
+		if (i.lowerBound >= i.upperBound || a !== void 0 && i.lowerBound < a.upperBound) return `Histogram bin ${i.id} is reversed, overlaps another bin, or is out of order.`;
+		if (i.count !== null && (!Number.isFinite(i.count) || i.count < 0 || i.count > n)) return `Histogram bin ${i.id} has a count outside the declared count domain.`;
+	}
+}
+// packages/charts/src/distribution/interval-plot.tsx
+function E({ title: r, description: i, items: a, domain: l, valueLabel: p, intervalLabel: m, formatValue: h, selection: g, emptyLabel: _ = "No interval estimates are available." }) {
+	let { ref: v, width: b } = s(), S = D({
+		items: a,
+		domain: l
+	});
+	if (S !== void 0) return /* @__PURE__ */ u(o, {
+		title: r,
+		description: i,
+		message: S
+	});
+	let C = f({
+		domain: [...l],
+		range: [0, b]
+	});
+	return /* @__PURE__ */ u(n, {
+		title: r,
+		description: i,
+		footer: `${p} · ${m}`,
+		children: a.length === 0 ? /* @__PURE__ */ u("p", {
+			...c.props(y.empty),
+			children: _
+		}) : /* @__PURE__ */ d("div", {
+			...c.props(y.values),
+			children: [a.map((n) => {
+				let r = n.estimate === null ? "Estimate unavailable" : h(n.estimate), i = `${m}: ${n.lower === null ? "Unavailable" : h(n.lower)} – ${n.upper === null ? "Unavailable" : h(n.upper)}`, a = t[n.tone ?? "series1"];
+				return /* @__PURE__ */ u(e, {
+					label: `${n.label}, ${p}: ${r}, ${i}`,
+					selected: g?.selectedId === n.id,
+					onSelect: g === void 0 ? void 0 : () => g.onSelect(n.id),
+					children: /* @__PURE__ */ d("span", {
+						...c.props(y.row),
+						children: [/* @__PURE__ */ d("span", {
+							...c.props(y.rowLabel),
+							children: [
+								/* @__PURE__ */ u("span", { children: n.label }),
+								/* @__PURE__ */ u("span", {
+									...c.props(y.rowValue),
+									children: r
+								}),
+								/* @__PURE__ */ u("span", {
+									...c.props(y.label),
+									children: i
+								})
+							]
+						}), /* @__PURE__ */ d("svg", {
+							"aria-hidden": !0,
+							viewBox: `0 0 ${b} 28`,
+							preserveAspectRatio: "none",
+							...c.props(y.rowSvg),
+							children: [
+								/* @__PURE__ */ u("line", {
+									x1: 0,
+									x2: b,
+									y1: 14,
+									y2: 14,
+									...c.props(y.baseline)
+								}),
+								n.lower !== null && n.upper !== null && /* @__PURE__ */ d("g", {
+									stroke: a,
+									strokeWidth: 2,
+									vectorEffect: "non-scaling-stroke",
+									children: [
+										/* @__PURE__ */ u("line", {
+											x1: C(n.lower),
+											x2: C(n.upper),
+											y1: 14,
+											y2: 14
+										}),
+										/* @__PURE__ */ u("line", {
+											x1: C(n.lower),
+											x2: C(n.lower),
+											y1: 9,
+											y2: 19
+										}),
+										/* @__PURE__ */ u("line", {
+											x1: C(n.upper),
+											x2: C(n.upper),
+											y1: 9,
+											y2: 19
+										})
+									]
+								}),
+								n.estimate !== null && /* @__PURE__ */ u("circle", {
+									cx: C(n.estimate),
+									cy: 14,
+									r: 4,
+									fill: a
+								})
+							]
+						})]
+					})
+				}, n.id);
+			}), /* @__PURE__ */ d("div", {
+				...c.props(y.row, y.rowAxis),
+				children: [/* @__PURE__ */ u("span", { ...c.props(y.axisSpacer) }), /* @__PURE__ */ u("div", {
+					ref: v,
+					children: /* @__PURE__ */ u(x, {
+						domain: l,
+						formatValue: h
+					})
+				})]
+			})]
+		})
+	});
+}
+function D({ items: e, domain: t }) {
+	let n = h({
+		items: e,
+		domain: t,
+		maxEntries: m.rows
+	});
+	if (n !== void 0) return n;
+	for (let n of e) {
+		if ([
+			n.lower,
+			n.estimate,
+			n.upper
+		].some((e) => e !== null && g(e, t))) return `Interval ${n.id} has a non-finite value or lies outside the declared domain.`;
+		if (n.lower !== null && n.upper !== null && n.lower > n.upper) return `Interval ${n.id} has reversed endpoints.`;
+		if (n.estimate !== null) {
+			if (n.lower !== null && n.estimate < n.lower) return `Interval ${n.id} has an estimate below its lower endpoint.`;
+			if (n.upper !== null && n.estimate > n.upper) return `Interval ${n.id} has an estimate above its upper endpoint.`;
+		}
+	}
+}
+// packages/charts/src/distribution/ranked-bars.tsx
+function O({ title: r, description: i, items: a, domain: l, valueLabel: m, formatValue: h, selection: g, emptyLabel: _ = "No ranked values are available." }) {
+	let { ref: v, width: b } = s(), S = k({
+		items: a,
+		domain: l
+	});
+	if (S !== void 0) return /* @__PURE__ */ u(o, {
+		title: r,
+		description: i,
+		message: S
+	});
+	let C = f({
+		domain: [...l],
+		range: [0, b]
+	}), w = C(0);
+	return /* @__PURE__ */ u(n, {
+		title: r,
+		description: i,
+		footer: m,
+		children: a.length === 0 ? /* @__PURE__ */ u("p", {
+			...c.props(y.empty),
+			children: _
+		}) : /* @__PURE__ */ d("div", {
+			...c.props(y.values),
+			children: [a.map((n) => {
+				let r = n.value === null ? "Unavailable" : h(n.value), i = n.rank === void 0 ? n.label : `${n.rank} · ${n.label}`, a = t[n.tone ?? "series1"];
+				return /* @__PURE__ */ u(e, {
+					label: `${i}, ${m}: ${r}`,
+					selected: g?.selectedId === n.id,
+					onSelect: g === void 0 ? void 0 : () => g.onSelect(n.id),
+					children: /* @__PURE__ */ d("span", {
+						...c.props(y.row),
+						children: [/* @__PURE__ */ d("span", {
+							...c.props(y.rowLabel),
+							children: [/* @__PURE__ */ u("span", { children: i }), /* @__PURE__ */ u("span", {
+								...c.props(y.rowValue),
+								children: r
+							})]
+						}), /* @__PURE__ */ d("svg", {
+							"aria-hidden": !0,
+							viewBox: `0 0 ${b} 28`,
+							preserveAspectRatio: "none",
+							...c.props(y.rowSvg),
+							children: [/* @__PURE__ */ u("line", {
+								x1: w,
+								x2: w,
+								y1: 3,
+								y2: 25,
+								...c.props(y.baseline)
+							}), n.value !== null && (n.value === 0 ? /* @__PURE__ */ u("line", {
+								x1: w,
+								x2: w,
+								y1: 10,
+								y2: 18,
+								stroke: a,
+								strokeWidth: 2,
+								vectorEffect: "non-scaling-stroke"
+							}) : /* @__PURE__ */ u(p, {
+								x: Math.min(w, C(n.value)),
+								y: 10,
+								width: Math.abs(C(n.value) - w),
+								height: 8,
+								fill: a
+							}))]
+						})]
+					})
+				}, n.id);
+			}), /* @__PURE__ */ d("div", {
+				...c.props(y.row, y.rowAxis),
+				children: [/* @__PURE__ */ u("span", { ...c.props(y.axisSpacer) }), /* @__PURE__ */ u("div", {
+					ref: v,
+					children: /* @__PURE__ */ u(x, {
+						domain: l,
+						formatValue: h
+					})
+				})]
+			})]
+		})
+	});
+}
+function k({ items: e, domain: t }) {
+	let n = h({
+		items: e,
+		domain: t,
+		maxEntries: m.rows
+	});
+	if (n !== void 0) return n;
+	if (t[0] > 0 || t[1] < 0) return "The ranked-value domain must include zero.";
+	for (let n of e) if (n.value !== null && g(n.value, t)) return `Ranked value ${n.id} is non-finite or lies outside the declared domain.`;
+}
+export { S as ECDF, w as Histogram, E as IntervalPlot, O as RankedBars };