@mechane-ai/elements 0.0.0-stage → 0.4.1

package/dist/charts/matrix.js

@@ -0,0 +1,439 @@
+import { colors as e } from "../tokens.js";
+import { n as t, r as n, t as r } from "../chart-input-qnM44oen.js";
+import { n as i, o as a, r as o, t as s } from "../chart-frame-bX0VLC_W.js";
+import * as c from "@stylexjs/stylex";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+// packages/charts/src/matrix/heatmap-scale.ts
+var d = 100;
+function f({ 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) {
+	return e >= t[0] && e <= t[1];
+}
+function m(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 i = (t - n[0]) / (n[1] - n[0]) * d;
+	return `color-mix(in srgb, ${a.series1} ${i}%, ${e.surface})`;
+}
+// packages/charts/src/matrix/color-legend.tsx
+var h = {
+	kUk6DE: "x98rzlu",
+	$$css: !0
+}, g = { sample: (e) => [
+	h,
+	{
+		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({
+		domain: t,
+		palette: n
+	});
+	if (i !== null) return /* @__PURE__ */ l("p", {
+		role: "status",
+		className: "xrvj5dj xunmzkg x1jkqq1h x153jb6y x1hz01jw xy8obcc xas2l8k",
+		children: i
+	});
+	let a = Array.from({ length: 21 }, (e, n) => t[0] + (t[1] - t[0]) * n / _);
+	return /* @__PURE__ */ u("div", {
+		"aria-label": `${e}: ${r(t[0])} to ${r(t[1])}`,
+		className: "xrvj5dj xunmzkg x1jkqq1h x153jb6y x1hz01jw xy8obcc xas2l8k",
+		children: [
+			/* @__PURE__ */ u("span", { children: [e, n === "diverging" && ` · Neutral: ${r(0)}`] }),
+			/* @__PURE__ */ l("div", {
+				"aria-hidden": !0,
+				className: "x78zum5 xdk7pt xmkeg23 x1y0btm7 x1ey3b81",
+				children: a.map((e) => /* @__PURE__ */ l("span", { ...c.props(g.sample(m(e, {
+					domain: t,
+					palette: n
+				}))) }, e))
+			}),
+			/* @__PURE__ */ u("div", {
+				"aria-hidden": !0,
+				className: "x78zum5 x1qughib x1n8ia3y xss6m8b",
+				children: [/* @__PURE__ */ l("span", { children: r(t[0]) }), /* @__PURE__ */ l("span", { children: r(t[1]) })]
+			})
+		]
+	});
+}
+// packages/charts/src/matrix/matrix.tsx
+var y = {
+	kKwaWg: "x1e87kdn",
+	$$css: !0
+}, b = {
+	value: {
+		k1xSpc: "x78zum5",
+		kGNEyG: "x6s0dn4",
+		kjj79g: "xl56j7k",
+		kzqmXN: "x100vrsf xi5vo7p",
+		kZKoxP: "x1vqgdyp x17kqdoe",
+		kB7OPa: "x9f619",
+		kMzoRj: "xmkeg23",
+		ksu8eU: "x1y0btm7",
+		kVAM5u: "x1ey3b81",
+		kWkggS: "xpvm0e4",
+		kMwMTN: "xbixft",
+		kmVPX3: "x1717udv",
+		kMv6JI: "x1hz01jw",
+		kGuDYH: "xy8obcc",
+		kLWn49: "xas2l8k",
+		kcqcaj: "xss6m8b",
+		$$css: !0
+	},
+	interactive: {
+		kkrTdU: "x1ypdohk",
+		kPJHz1: "x13qnu6",
+		kZs9gx: "x19rmrnh",
+		k7shQP: "x9v5kkp",
+		kiEn40: "x1bqaal",
+		kguI0P: "xisywhd",
+		kFU1ZQ: "xzbfamy",
+		kUjPgX: "xsynfrt",
+		$$css: !0
+	},
+	selected: {
+		kMeerF: "x12ei19c",
+		kjBf7l: "xx9gdjd",
+		k3XXqK: "xaatb59",
+		kInvED: "x2ssjo2",
+		$$css: !0
+	},
+	measured: (e) => [y, { "--x-backgroundImage": `linear-gradient(${e}, ${e})` == null ? void 0 : `linear-gradient(${e}, ${e})` }],
+	missing: {
+		kMwMTN: "x153jb6y",
+		kWkggS: "x1r7kqkb",
+		ksu8eU: "xbsl7fq",
+		$$css: !0
+	},
+	masked: {
+		kMwMTN: "x153jb6y",
+		kWkggS: "x1r7kqkb",
+		$$css: !0
+	}
+}, x = {
+	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({
+		rows: n,
+		columns: a,
+		cells: c,
+		domain: d,
+		palette: f
+	});
+	if (y !== null) return /* @__PURE__ */ l(r, {
+		title: e,
+		description: t,
+		message: y
+	});
+	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 = 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, {
+		title: e,
+		description: t,
+		footer: /* @__PURE__ */ u("div", {
+			className: "xrvj5dj x1n8ia3y",
+			children: [
+				/* @__PURE__ */ l(v, {
+					label: m,
+					domain: d,
+					palette: f,
+					formatValue: h
+				}),
+				/* @__PURE__ */ u("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" })
+					]
+				}),
+				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", {
+					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 })]
+						}) }, JSON.stringify([e.id, t.id]));
+					}))
+				}) })
+			]
+		}),
+		children: n.length === 0 || a.length === 0 ? /* @__PURE__ */ l("p", {
+			className: "x1ghz6dp x153jb6y xtqrqnz x1778rvt",
+			children: _
+		}) : /* @__PURE__ */ l("div", {
+			role: "region",
+			"aria-label": `${e} cells`,
+			tabIndex: 0,
+			className: "xysyzu8 x14eurpq x13qnu6 x19rmrnh x9v5kkp x1bqaal",
+			children: /* @__PURE__ */ u("table", {
+				className: "x1vathgz x1jkpq5q xezivpi x1hz01jw",
+				children: [/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", { children: [/* @__PURE__ */ l("th", {
+					"aria-label": "Row",
+					className: "x1717udv xy8obcc xas2l8k xo1l8bm x153jb6y x1yc453h xuxw1ft"
+				}), a.map((e) => /* @__PURE__ */ l("th", {
+					scope: "col",
+					title: e.label,
+					className: "x1717udv xy8obcc xas2l8k xo1l8bm x153jb6y x1yc453h xuxw1ft",
+					children: /* @__PURE__ */ l("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", {
+					scope: "row",
+					title: e.label,
+					className: "x1717udv xy8obcc xas2l8k xo1l8bm x153jb6y x1yc453h xuxw1ft",
+					children: /* @__PURE__ */ l("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", {
+						className: "x1717udv x100vrsf xi5vo7p x2b8uid",
+						children: /* @__PURE__ */ l(T, {
+							cell: n,
+							label: `${e.label}, ${t.label}`,
+							domain: d,
+							palette: f,
+							formatValue: h,
+							selection: g
+						})
+					}, t.id);
+				})] }, e.id)) })]
+			})
+		})
+	});
+}
+function T({ cell: e, label: t, domain: n, palette: r, formatValue: i, selection: a }) {
+	if (e === void 0) return /* @__PURE__ */ l("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",
+		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, {
+		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", {
+		className: "xpvm0e4 x1r97e56",
+		children: h
+	}) : h;
+	return a === void 0 ? /* @__PURE__ */ l("span", {
+		role: "img",
+		"aria-label": u,
+		title: u,
+		...f,
+		children: g
+	}) : /* @__PURE__ */ l("button", {
+		type: "button",
+		"aria-label": u,
+		title: u,
+		"aria-pressed": a.selectedId === e.id,
+		onClick: () => a.onSelect(e.id),
+		...f,
+		children: g
+	});
+}
+function E(e, t, n) {
+	switch (e.kind) {
+		case "masked": return "×";
+		case "missing": return "—";
+		case "value": return n ? "!" : t.length <= C ? t : e.value === 0 ? "0" : "•";
+	}
+}
+function D(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 "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({
+		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.`;
+	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();
+	for (let e of r) {
+		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 k = {
+	token: {
+		k1xSpc: "xt0psk2",
+		kmVPX3: "x1717udv",
+		kMzoRj: "xc342km",
+		kt9PQ7: "x2x41l1",
+		kfdmCh: "x1q0q8m5",
+		kMv6JI: "xjb2p0i",
+		kGuDYH: "x1qlqyl8",
+		k63SB2: "x1pd3egz",
+		kLWn49: "x15bjb6t",
+		kMwMTN: "xbixft",
+		kWkggS: "xpvm0e4",
+		khDVqt: "xq9mrsl",
+		keMLs9: "xyh5bb9",
+		$$css: !0
+	},
+	color: (e) => [{
+		kL6WhQ: e == null ? e : "xrwkz7t",
+		$$css: !0
+	}, { "--x-borderBottomColor": e ?? void 0 }],
+	missing: {
+		kfdmCh: "xp9b3b8",
+		kL6WhQ: "x19u7erb",
+		$$css: !0
+	},
+	interactive: {
+		kkrTdU: "x1ypdohk",
+		kLWn49: "x1778rvt x1m5v4a8",
+		kPJHz1: "x13qnu6",
+		kZs9gx: "x19rmrnh",
+		k7shQP: "x9v5kkp",
+		kiEn40: "x13iak60",
+		kGzVvX: "xzro8vx",
+		$$css: !0
+	},
+	selected: {
+		kMeerF: "x12ei19c",
+		kjBf7l: "xx9gdjd",
+		k3XXqK: "xaatb59",
+		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({
+		tokens: n,
+		domain: a,
+		palette: d
+	});
+	return y === null ? /* @__PURE__ */ u(o, {
+		title: e,
+		description: t,
+		footer: /* @__PURE__ */ l(v, {
+			label: f,
+			domain: a,
+			palette: d,
+			formatValue: h
+		}),
+		children: [n.length === 0 ? /* @__PURE__ */ l("p", {
+			className: "x1ghz6dp x153jb6y xtqrqnz x1778rvt",
+			children: _
+		}) : /* @__PURE__ */ l("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,
+					children: e.text
+				}, e.id) : /* @__PURE__ */ l("button", {
+					type: "button",
+					"aria-label": r,
+					"aria-pressed": g.selectedId === e.id,
+					onClick: () => g.onSelect(e.id),
+					...i,
+					children: e.text
+				}, e.id);
+			})
+		}), n.length > 0 && /* @__PURE__ */ l(s, {
+			label: "Token values",
+			children: /* @__PURE__ */ u("table", {
+				className: "xh8yej3 x1mwwwfo x1yc453h xy8obcc xas2l8k",
+				children: [/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", { children: [
+					/* @__PURE__ */ l("th", {
+						scope: "col",
+						className: "x1hmw7ec x5g2kb4 xso031l x1q0q8m5 x1qndepd x1yc453h xo1l8bm",
+						children: "Index"
+					}),
+					/* @__PURE__ */ l("th", {
+						scope: "col",
+						className: "x1hmw7ec x5g2kb4 xso031l x1q0q8m5 x1qndepd x1yc453h xo1l8bm",
+						children: "Exact text"
+					}),
+					/* @__PURE__ */ l("th", {
+						scope: "col",
+						className: "x1hmw7ec x5g2kb4 xso031l x1q0q8m5 x1qndepd x1yc453h xo1l8bm",
+						children: f
+					})
+				] }) }), /* @__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, {
+							label: `Select token ${e.index}: ${JSON.stringify(e.text)}`,
+							selected: g?.selectedId === e.id,
+							onSelect: g === void 0 ? void 0 : () => g.onSelect(e.id),
+							children: e.index
+						})
+					}),
+					/* @__PURE__ */ l("td", {
+						className: "x1hmw7ec x5g2kb4 xso031l x1q0q8m5 x1qndepd x1yc453h xo1l8bm 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)"}`
+					})
+				] }, e.id)) })]
+			})
+		})]
+	}) : /* @__PURE__ */ l(r, {
+		title: e,
+		description: t,
+		message: y
+	});
+}
+function M({ tokens: e, domain: n, palette: r }) {
+	let i = f({
+		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) => {
+		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 };

package/dist/charts/timeline.js

@@ -0,0 +1,198 @@
+import { c as e } from "../src-CbYaLvhD.js";
+import * as t from "@stylexjs/stylex";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { scaleLinear as i } from "@visx/scale";
+import { Bar as a } from "@visx/shape";
+// packages/charts/src/timeline/waterfall.tsx
+var o = {
+	plot: {
+		k7Eaqz: "xeuugli",
+		kUOVxO: "xl4o6ss",
+		kBCFzs: "x1npkx4u xp7zxbh",
+		kbNqZ1: "x1ms6mhf xq5skvx",
+		$$css: !0
+	},
+	neutral: {
+		kMwMTN: "x153jb6y",
+		$$css: !0
+	},
+	positive: {
+		kMwMTN: "x7ixh4y",
+		$$css: !0
+	},
+	negative: {
+		kMwMTN: "xr5kp14",
+		$$css: !0
+	}
+}, s = {
+	neutral: o.neutral,
+	positive: o.positive,
+	negative: o.negative
+}, c = [
+	0,
+	.5,
+	1
+], l = 100;
+function u({ items: a, start: u, end: p, label: m, rowLabel: h, summaryLabel: g, emptyLabel: _, selectedId: v, onSelect: y, formatOffset: b }) {
+	let x = p - u, S = i({
+		domain: [u, p],
+		range: [0, x === 0 ? 0 : l]
+	}), C = x > 0 ? c : [0];
+	return /* @__PURE__ */ r("div", {
+		role: "group",
+		"aria-label": m,
+		className: "xeuugli x1hz01jw",
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: "xrvj5dj x13sfnbj xj8mwme x6s0dn4 x1mw73un xq5c7ks xh8yej3 x9f619 xqin4a2 xu0aao5 x153jb6y xy8obcc xso031l x1q0q8m5 x1qndepd",
+				children: [
+					/* @__PURE__ */ n(e, {
+						variant: "caption",
+						tone: "muted",
+						children: h
+					}),
+					/* @__PURE__ */ n("div", {
+						className: "xeuugli xl4o6ss x1npkx4u xp7zxbh x1ms6mhf xq5skvx x78zum5 x1qughib x6s0dn4 xy8obcc xas2l8k xss6m8b",
+						children: C.map((e) => /* @__PURE__ */ n("span", { children: b(x * e) }, e))
+					}),
+					/* @__PURE__ */ n("span", {
+						className: "xeuugli x1k3v4rp x1moszlt x1ms6mhf xp4054r xj0a0fe xss6m8b",
+						children: /* @__PURE__ */ n(e, {
+							variant: "caption",
+							tone: "muted",
+							children: g
+						})
+					})
+				]
+			}),
+			a.length === 0 && /* @__PURE__ */ n("p", {
+				className: "x1ghz6dp x1c8xbx5",
+				children: /* @__PURE__ */ n(e, {
+					tone: "muted",
+					children: _
+				})
+			}),
+			a.map((i) => {
+				let a = f({
+					geometry: i.geometry,
+					start: u,
+					formatOffset: b
+				});
+				return /* @__PURE__ */ r("button", {
+					type: "button",
+					"aria-pressed": v === i.id,
+					"aria-label": `${i.label} · ${i.detail} · ${i.summary} · ${a}`,
+					onClick: () => y(i.id),
+					...{
+						0: { className: "xrvj5dj x13sfnbj xj8mwme x6s0dn4 x1mw73un xq5c7ks xh8yej3 x9f619 xqin4a2 xn9t2bk x1wiwyrm xc342km xso031l x1q0q8m5 x1qndepd xpvm0e4 xbixft x1hz01jw x1yc453h x1ypdohk xzro8vx x19rmrnh x9v5kkp x13qnu6 x1bqaal x1t1lzn6" },
+						1: { className: "xrvj5dj x13sfnbj xj8mwme x6s0dn4 x1mw73un xq5c7ks xh8yej3 x9f619 xqin4a2 xn9t2bk x1wiwyrm xc342km xso031l x1q0q8m5 x1qndepd xbixft x1hz01jw x1yc453h x1ypdohk xzro8vx x19rmrnh x9v5kkp x13qnu6 x1bqaal x1t1lzn6 x1r7kqkb x1jmj9dw" }
+					}[v === i.id | 0],
+					children: [
+						/* @__PURE__ */ r("span", {
+							className: "xeuugli xrvj5dj xfko13i",
+							children: [/* @__PURE__ */ n("span", {
+								className: "xk50ysn xj0a0fe",
+								children: /* @__PURE__ */ n(e, { children: i.label })
+							}), /* @__PURE__ */ n("span", {
+								title: i.detail,
+								className: "xb3r6kr xuxw1ft xlyipyv",
+								children: /* @__PURE__ */ n(e, {
+									variant: "caption",
+									tone: "muted",
+									children: i.detail
+								})
+							})]
+						}),
+						/* @__PURE__ */ n("span", {
+							title: a,
+							...t.props(o.plot, s[i.tone]),
+							children: i.geometry.kind === "unavailable" ? /* @__PURE__ */ n(e, {
+								variant: "caption",
+								tone: "muted",
+								children: a
+							}) : /* @__PURE__ */ r("svg", {
+								"aria-hidden": !0,
+								className: "x1lliihq xh8yej3 xmix8c7 x1rea2x4",
+								children: [C.map((e) => /* @__PURE__ */ n("line", {
+									x1: `${e * l}%`,
+									x2: `${e * l}%`,
+									y1: "0",
+									y2: "18",
+									className: "x13hfdr1"
+								}, e)), /* @__PURE__ */ n(d, {
+									geometry: i.geometry,
+									scale: S
+								})]
+							})
+						}),
+						/* @__PURE__ */ n("span", {
+							className: "xeuugli x1k3v4rp x1moszlt x1ms6mhf xp4054r xj0a0fe xss6m8b",
+							children: /* @__PURE__ */ n(e, {
+								variant: "caption",
+								tone: "muted",
+								children: i.summary
+							})
+						})
+					]
+				}, i.id);
+			})
+		]
+	});
+}
+function d({ geometry: e, scale: t }) {
+	switch (e.kind) {
+		case "unavailable": return null;
+		case "interval": {
+			let r = t(e.start), i = t(e.end) - r;
+			return i === 0 ? /* @__PURE__ */ n("circle", {
+				cx: `${r}%`,
+				cy: 9,
+				r: 3,
+				className: "x117rol3"
+			}) : /* @__PURE__ */ n(a, {
+				x: `${r}%`,
+				y: 6,
+				width: `${i}%`,
+				height: 6,
+				rx: 2,
+				className: "x117rol3"
+			});
+		}
+		case "point": {
+			let r = t(e.at);
+			switch (e.marker) {
+				case "filled": return /* @__PURE__ */ n("circle", {
+					cx: `${r}%`,
+					cy: 9,
+					r: 3,
+					className: "x117rol3"
+				});
+				case "hollow": return /* @__PURE__ */ n("circle", {
+					cx: `${r}%`,
+					cy: 9,
+					r: 3.5,
+					className: "x1fytgo2 x73je2i xvlca1e"
+				});
+				case "diamond": return /* @__PURE__ */ n("svg", {
+					x: `${r}%`,
+					y: 9,
+					width: 1,
+					height: 1,
+					overflow: "visible",
+					children: /* @__PURE__ */ n("path", {
+						d: "M0 -5 5 0 0 5 -5 0Z",
+						className: "x117rol3"
+					})
+				});
+			}
+		}
+	}
+}
+function f({ geometry: e, start: t, formatOffset: n }) {
+	switch (e.kind) {
+		case "interval": return `Start ${n(e.start - t)}, end ${n(e.end - t)}, duration ${n(e.end - e.start)}`;
+		case "point": return `At ${n(e.at - t)}`;
+		case "unavailable": return "Timing unavailable";
+	}
+}
+export { u as Waterfall };

package/dist/charts.js

@@ -0,0 +1 @@
+export { r as ChartFrame, i as ChartLegend } from "./chart-frame-bX0VLC_W.js";