@mechane-ai/elements 0.12.0 → 0.14.0

package/dist/{categorical-values-CTrHn9jH.js → categorical-values-BnWfIPlv.js}

@@ -1,5 +1,5 @@
-import { n as e, s as t } from "./chart-frame-38ES6kwK.js";
-import { n } from "./chart-input-C9fu7f1Q.js";
+import { n as e, s as t } from "./chart-frame-Dm8UNfYD.js";
+import { n } from "./chart-input-ceiMZYI-.js";
 import * as r from "@stylexjs/stylex";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 // packages/charts/src/categorical-values.tsx
@@ -40,7 +40,7 @@ function f({ items: n, selection: o }) {
 		className: "xrvj5dj x1ghz6dp x1717udv xe8uvvx",
 		children: n.map((n) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ a(e, {
 			label: `${n.label}: ${n.valueLabel}`,
-			selected: o?.selectedId === n.id,
+			isSelected: o?.selectedId === n.id,
 			onSelect: o === void 0 ? void 0 : () => o.onSelect(n.id),
 			children: [/* @__PURE__ */ a("span", {
 				className: "x78zum5 x6s0dn4 x1hnptsi x1slnebi xeuugli",

package/dist/{chart-frame-38ES6kwK.js → chart-frame-Dm8UNfYD.js}

@@ -1,5 +1,5 @@
-import { g as e } from "./src-3gzujMhN.js";
-import { chartColors as t, colors as n } from "./tokens.js";
+import { g as e } from "./src-CyJd2qSZ.js";
+import { n as t, r as n } from "./tokens.stylex-DTHHFbyl.js";
 import * as r from "@stylexjs/stylex";
 import { useId as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
@@ -123,9 +123,9 @@ function f({ items: e, label: t = "Legend" }) {
 		}, e.id))
 	});
 }
-function p({ label: e, selected: t = !1, onSelect: n, children: r }) {
+function p({ label: e, isSelected: t = !1, onSelect: n, children: r }) {
 	return n === void 0 ? /* @__PURE__ */ a("div", {
-		className: "x78zum5 x1a02dak x6s0dn4 x1qughib x8zbtdt x1gkm1c7 xeuugli x17tes2r xwu7q15 x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz xj57cvi x1778rvt x1yc453h xj0a0fe xbixft xpvm0e4 xss6m8b",
+		className: "x78zum5 x1a02dak x6s0dn4 x1qughib x8zbtdt x1gkm1c7 xeuugli x17tes2r x17oiadl x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz xj57cvi x1778rvt x1yc453h xj0a0fe xbixft xpvm0e4 xss6m8b",
 		children: r
 	}) : /* @__PURE__ */ a("button", {
 		type: "button",
@@ -133,8 +133,8 @@ function p({ label: e, selected: t = !1, onSelect: n, children: r }) {
 		"aria-pressed": t,
 		onClick: n,
 		...{
-			0: { className: "x78zum5 x1a02dak x6s0dn4 x1qughib x8zbtdt x1gkm1c7 xeuugli x17tes2r xwu7q15 x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz xj57cvi x1778rvt x1yc453h xj0a0fe xbixft xpvm0e4 xss6m8b x1ypdohk x1t137rt xzro8vx x1ecmtor x19rmrnh x9v5kkp x13qnu6 x1bqaal" },
-			1: { className: "x78zum5 x1a02dak x6s0dn4 x1qughib x8zbtdt x1gkm1c7 xeuugli x17tes2r xwu7q15 x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz xj57cvi x1778rvt x1yc453h xj0a0fe xbixft xss6m8b x1ypdohk x1t137rt xzro8vx x1ecmtor x19rmrnh x9v5kkp x13qnu6 x1bqaal x1r7kqkb xh3r7i3" }
+			0: { className: "x78zum5 x1a02dak x6s0dn4 x1qughib x8zbtdt x1gkm1c7 xeuugli x17tes2r x17oiadl x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz xj57cvi x1778rvt x1yc453h xj0a0fe xbixft xpvm0e4 xss6m8b x1ypdohk x1t137rt xif5pkx x1ecmtor x19rmrnh x9v5kkp x13qnu6 x1bqaal" },
+			1: { className: "x78zum5 x1a02dak x6s0dn4 x1qughib x8zbtdt x1gkm1c7 xeuugli x17tes2r x17oiadl x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz xj57cvi x1778rvt x1yc453h xj0a0fe xbixft xss6m8b x1ypdohk x1t137rt xif5pkx x1ecmtor x19rmrnh x9v5kkp x13qnu6 x1bqaal x1r7kqkb xh3r7i3" }
 		}[!!t | 0],
 		children: r
 	});

package/dist/{chart-input-C9fu7f1Q.js → chart-input-ceiMZYI-.js}

@@ -1,5 +1,5 @@
-import { m as e } from "./src-CI6KtN2w.js";
-import { r as t } from "./chart-frame-38ES6kwK.js";
+import { m as e } from "./src-C9GQP3px.js";
+import { r as t } from "./chart-frame-Dm8UNfYD.js";
 import { jsx as n } from "react/jsx-runtime";
 // packages/charts/src/chart-input.tsx
 function r(e) {
@@ -13,7 +13,7 @@ function a({ title: r, description: i, message: a }) {
 		title: r,
 		description: i,
 		children: /* @__PURE__ */ n(e, {
-			error: !0,
+			hasError: !0,
 			children: a
 		})
 	});

package/dist/charts/cartesian.js

@@ -1,11 +1,11 @@
-import { u as e } from "../src-CI6KtN2w.js";
-import { i as t, n, r, t as i } from "../categorical-values-CTrHn9jH.js";
-import { a, i as o, n as s, o as c, r as l, s as u, t as d } from "../chart-frame-38ES6kwK.js";
-import { n as f, r as p, t as m } from "../chart-input-C9fu7f1Q.js";
+import { u as e } from "../src-C9GQP3px.js";
+import { i as t, n, r, t as i } from "../categorical-values-BnWfIPlv.js";
+import { a, i as o, n as s, o as c, r as l, s as u, t as d } from "../chart-frame-Dm8UNfYD.js";
+import { n as f, r as p, t as m } from "../chart-input-ceiMZYI-.js";
 import { t as h } from "../plot-width--OgdohB5.js";
-import { E as g } from "../src-3gzujMhN.js";
-import { g as _ } from "../src-DOzle5d4.js";
-import { colors as v } from "../tokens.js";
+import { E as g } from "../src-CyJd2qSZ.js";
+import { g as _ } from "../src-BkXlN6aZ.js";
+import { r as v } from "../tokens.stylex-DTHHFbyl.js";
 import * as y from "@stylexjs/stylex";
 import { useEffect as b, useId as x, useMemo as S, useRef as C, useState as w } from "react";
 import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
@@ -333,9 +333,9 @@ var U = 260, W = 56, G = 20, K = 12, q = 1e3, re = {
 		kZs9gx: "x19rmrnh",
 		k7shQP: "x9v5kkp",
 		kiEn40: "x175ew0f",
-		kmCx7Z: "x1e7sry0",
-		kJrEVn: "xehdg9o",
-		kLz2MD: "xp9r5ej",
+		kmCx7Z: "xwycy1x",
+		kJrEVn: "x15ajoc",
+		kLz2MD: "x13ljvab",
 		k1CtGv: "xzgvv12",
 		$$css: !0
 	},
@@ -415,7 +415,7 @@ function ie(e) {
 			}),
 			r.length > 0 && /* @__PURE__ */ E(d, { children: r.map((e) => /* @__PURE__ */ D(s, {
 				label: `${e.label}, ${c}: ${p(e.x)}, ${f}: ${g(e.y)}`,
-				selected: _?.selectedId === e.id,
+				isSelected: _?.selectedId === e.id,
 				onSelect: _ === void 0 ? void 0 : () => _.onSelect(e.id),
 				children: [/* @__PURE__ */ E("span", { children: e.label }), /* @__PURE__ */ D("span", {
 					className: "xeuugli xss6m8b xj0a0fe x153jb6y",
@@ -868,14 +868,14 @@ function ge(e) {
 	return /* @__PURE__ */ E(ye, {
 		...e,
 		kind: "line",
-		stacked: !1
+		isStacked: !1
 	});
 }
-function _e({ stacked: e = !1, ...t }) {
+function _e({ isStacked: e = !1, ...t }) {
 	return /* @__PURE__ */ E(ye, {
 		...t,
 		kind: "area",
-		stacked: e
+		isStacked: e
 	});
 }
 function ve({ charts: e, ...t }) {
@@ -927,13 +927,13 @@ function ve({ charts: e, ...t }) {
 			formatValue: e.formatValue,
 			markers: e.markers,
 			kind: "line",
-			stacked: !1,
+			isStacked: !1,
 			sharedInspection: c,
 			axisWidth: u
 		}, e.id))
 	});
 }
-function ye({ title: e, description: t, series: n, timestampUnit: r, formatTimestamp: i, formatValue: a, markers: s = [], height: f = 180, actions: p, kind: g, stacked: _, sharedInspection: O, axisWidth: ee }) {
+function ye({ title: e, description: t, series: n, timestampUnit: r, formatTimestamp: i, formatValue: a, markers: s = [], height: f = 180, actions: p, kind: g, isStacked: _, sharedInspection: O, axisWidth: ee }) {
 	let j = !Number.isFinite(f) || f < 48 ? "Chart height must be at least 48 pixels." : se({
 		series: n,
 		isStacked: _,

package/dist/charts/distribution.js

@@ -1,5 +1,5 @@
-import { a as e, n as t, r as n, s as r, t as i } from "../chart-frame-38ES6kwK.js";
-import { n as a, r as o, t as s } from "../chart-input-C9fu7f1Q.js";
+import { a as e, n as t, r as n, s as r, t as i } from "../chart-frame-Dm8UNfYD.js";
+import { n as a, r as o, t as s } from "../chart-input-ceiMZYI-.js";
 import { t as c } from "../plot-width--OgdohB5.js";
 import * as l from "@stylexjs/stylex";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
@@ -304,7 +304,7 @@ function C({ title: a, description: o, points: c, domain: m, valueLabel: h, prob
 				let n = _(e.value), r = e.probability === null ? "Unavailable" : y(e.probability);
 				return /* @__PURE__ */ d(t, {
 					label: `${h}: ${n}, ${g}: ${r}`,
-					selected: C?.selectedId === e.id,
+					isSelected: C?.selectedId === e.id,
 					onSelect: C === void 0 ? void 0 : () => C.onSelect(e.id),
 					children: /* @__PURE__ */ f("span", {
 						...l.props(b.value),
@@ -399,7 +399,7 @@ function T({ title: a, description: o, bins: c, domain: h, maximumCount: g, valu
 				let n = e.count === null ? "Unavailable" : C(e.count), r = `${S(e.lowerBound)} – ${S(e.upperBound)}`;
 				return /* @__PURE__ */ d(t, {
 					label: `${e.label}, ${r}, ${y}: ${n}`,
-					selected: T?.selectedId === e.id,
+					isSelected: T?.selectedId === e.id,
 					onSelect: T === void 0 ? void 0 : () => T.onSelect(e.id),
 					children: /* @__PURE__ */ f("span", {
 						...l.props(b.value),
@@ -460,7 +460,7 @@ function D({ title: e, description: i, items: a, domain: o, valueLabel: u, inter
 				let n = e.estimate === null ? "Estimate unavailable" : h(e.estimate), i = `${m}: ${e.lower === null ? "Unavailable" : h(e.lower)} – ${e.upper === null ? "Unavailable" : h(e.upper)}`, a = r[e.tone ?? "series1"];
 				return /* @__PURE__ */ d(t, {
 					label: `${e.label}, ${u}: ${n}, ${i}`,
-					selected: g?.selectedId === e.id,
+					isSelected: g?.selectedId === e.id,
 					onSelect: g === void 0 ? void 0 : () => g.onSelect(e.id),
 					children: /* @__PURE__ */ f("span", {
 						...l.props(b.row),
@@ -586,7 +586,7 @@ function k({ title: e, description: i, items: a, domain: o, valueLabel: u, forma
 				let n = e.value === null ? "Unavailable" : h(e.value), i = e.rank === void 0 ? e.label : `${e.rank} · ${e.label}`, a = r[e.tone ?? "series1"];
 				return /* @__PURE__ */ d(t, {
 					label: `${i}, ${u}: ${n}`,
-					selected: g?.selectedId === e.id,
+					isSelected: g?.selectedId === e.id,
 					onSelect: g === void 0 ? void 0 : () => g.onSelect(e.id),
 					children: /* @__PURE__ */ f("span", {
 						...l.props(b.row),

package/dist/charts/graph.js

@@ -1,5 +1,5 @@
-import { a as e, n as t, r as n, s as r, t as i } from "../chart-frame-38ES6kwK.js";
-import { n as a, t as o } from "../chart-input-C9fu7f1Q.js";
+import { a as e, n as t, r as n, s as r, t as i } from "../chart-frame-Dm8UNfYD.js";
+import { n as a, t as o } from "../chart-input-ceiMZYI-.js";
 import * as s from "@stylexjs/stylex";
 import { useId as c } from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
@@ -38,7 +38,7 @@ var f = {
 		k9WMMc: "x1yc453h",
 		kMv6JI: "x1hz01jw",
 		k63SB2: "xj57cvi",
-		kAzted: "x17tes2r xwu7q15",
+		kAzted: "x17tes2r x17oiadl",
 		$$css: !0
 	},
 	position: (e, t) => [{
@@ -64,7 +64,7 @@ var f = {
 	action: {
 		kkrTdU: "x1ypdohk",
 		k3XXqK: "x1t137rt",
-		kGzVvX: "xzro8vx",
+		kGzVvX: "xif5pkx",
 		kSReZ0: "x1ecmtor",
 		kPJHz1: "x13qnu6",
 		kZs9gx: "x19rmrnh",
@@ -197,7 +197,7 @@ function v({ title: a, description: f, nodes: m, edges: h, groups: g = [], width
 					className: "x1ghz6dp x1717udv xe8uvvx",
 					children: m.map((e) => /* @__PURE__ */ u("li", { children: /* @__PURE__ */ u(t, {
 						label: [e.label, e.description].filter((e) => e !== void 0).join(", "),
-						selected: x?.selectedId === e.id,
+						isSelected: x?.selectedId === e.id,
 						onSelect: x === void 0 ? void 0 : () => x.onSelect(e.id),
 						children: /* @__PURE__ */ d("span", {
 							className: "xrvj5dj xfko13i xeuugli xh8yej3",

package/dist/charts/hierarchy.js

@@ -1,6 +1,6 @@
-import { i as e, r as t, t as n } from "../categorical-values-CTrHn9jH.js";
-import { o as r, r as i, s as a } from "../chart-frame-38ES6kwK.js";
-import { t as o } from "../chart-input-C9fu7f1Q.js";
+import { i as e, r as t, t as n } from "../categorical-values-BnWfIPlv.js";
+import { o as r, r as i, s as a } from "../chart-frame-Dm8UNfYD.js";
+import { t as o } from "../chart-input-ceiMZYI-.js";
 import { t as s } from "../plot-width--OgdohB5.js";
 import * as c from "@stylexjs/stylex";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";

package/dist/charts/matrix.js

@@ -1,6 +1,6 @@
-import { colors as e } from "../tokens.js";
-import { n as t, r as n, t as r } from "../chart-input-C9fu7f1Q.js";
-import { a as i, n as a, r as o, s, t as c } from "../chart-frame-38ES6kwK.js";
+import { r as e } from "../tokens.stylex-DTHHFbyl.js";
+import { n as t, r as n, t as r } from "../chart-input-ceiMZYI-.js";
+import { a as i, n as a, r as o, s, t as c } from "../chart-frame-Dm8UNfYD.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
@@ -78,8 +78,8 @@ var b = {
 		k1xSpc: "x78zum5",
 		kGNEyG: "x6s0dn4",
 		kjj79g: "xl56j7k",
-		kzqmXN: "x100vrsf xi5vo7p",
-		kZKoxP: "x1vqgdyp x17kqdoe",
+		kzqmXN: "x100vrsf x1ff4b4a",
+		kZKoxP: "x1vqgdyp x992rv9",
 		kB7OPa: "x9f619",
 		kMzoRj: "xmkeg23",
 		ksu8eU: "x1y0btm7",
@@ -102,7 +102,7 @@ var b = {
 		kZs9gx: "x19rmrnh",
 		k7shQP: "x9v5kkp",
 		kiEn40: "x1bqaal",
-		kaVNsj: "x1fs8giu",
+		kaVNsj: "x1box67k",
 		$$css: !0
 	},
 	selected: {
@@ -178,7 +178,7 @@ function T({ title: e, description: t, rows: n, columns: s, cells: l, domain: f,
 						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,
+							isSelected: 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]));
@@ -204,7 +204,7 @@ function T({ title: e, description: t, rows: n, columns: s, cells: l, domain: f,
 					title: e.label,
 					className: "x1717udv xy8obcc xas2l8k xj57cvi x153jb6y x1yc453h xuxw1ft",
 					children: /* @__PURE__ */ u("span", {
-						className: "x1lliihq x100vrsf xi5vo7p xb3r6kr xlyipyv x2b8uid x1hmw7ec",
+						className: "x1lliihq x100vrsf x1ff4b4a xb3r6kr xlyipyv x2b8uid x1hmw7ec",
 						children: e.label
 					})
 				}, e.id))] }) }), /* @__PURE__ */ u("tbody", { children: n.map((e) => /* @__PURE__ */ d("tr", { children: [/* @__PURE__ */ u("th", {
@@ -218,7 +218,7 @@ function T({ title: e, description: t, rows: n, columns: s, cells: l, domain: f,
 				}), s.map((t) => {
 					let n = x.get(e.id)?.get(t.id);
 					return /* @__PURE__ */ u("td", {
-						className: "x1717udv x100vrsf xi5vo7p x2b8uid",
+						className: "x1717udv x100vrsf x1ff4b4a x2b8uid",
 						children: /* @__PURE__ */ u(E, {
 							cell: n,
 							label: `${e.label}, ${t.label}`,
@@ -238,7 +238,7 @@ function E({ cell: e, label: t, domain: n, palette: r, formatValue: i, selection
 		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 xj57cvi xas2l8k xss6m8b x153jb6y x1r7kqkb xbsl7fq",
+		className: "x78zum5 x6s0dn4 xl56j7k x100vrsf x1ff4b4a x1vqgdyp x992rv9 x9f619 xmkeg23 x1ey3b81 x1717udv x1hz01jw xy8obcc xj57cvi xas2l8k xss6m8b x153jb6y x1r7kqkb xbsl7fq",
 		children: "·"
 	});
 	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, {
@@ -328,12 +328,12 @@ var A = {
 	interactive: {
 		kkrTdU: "x1ypdohk",
 		k3XXqK: "x1t137rt",
-		kLWn49: "x1778rvt x1m5v4a8",
+		kLWn49: "x1778rvt xwpstqy",
 		kPJHz1: "x13qnu6",
 		kZs9gx: "x19rmrnh",
 		k7shQP: "x9v5kkp",
 		kiEn40: "x13iak60",
-		kGzVvX: "xzro8vx",
+		kGzVvX: "xif5pkx",
 		kSReZ0: "x1ecmtor",
 		$$css: !0
 	},
@@ -418,7 +418,7 @@ function M({ title: e, description: t, tokens: n, domain: s, palette: f, valueLa
 						className: "x1hmw7ec x5g2kb4 xso031l x1q0q8m5 x1qndepd x1yc453h xj57cvi x1df8dnd",
 						children: /* @__PURE__ */ u(a, {
 							label: `Select token ${e.index}: ${JSON.stringify(e.text)}`,
-							selected: _?.selectedId === e.id,
+							isSelected: _?.selectedId === e.id,
 							onSelect: _ === void 0 ? void 0 : () => _.onSelect(e.id),
 							children: e.index
 						})

package/dist/charts/timeline.js

@@ -1,11 +1,11 @@
-import { c as e } from "../src-3gzujMhN.js";
-import { n as t, t as n } from "../chart-input-C9fu7f1Q.js";
+import { c as e } from "../src-CyJd2qSZ.js";
+import { n as t, t as n } from "../chart-input-ceiMZYI-.js";
 import * as r from "@stylexjs/stylex";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { scaleLinear as o } from "@visx/scale";
 import { Bar as s } from "@visx/shape";
 // packages/charts/src/timeline/waterfall.tsx
-var c = {
+var c = 5, l = {
 	plot: {
 		k7Eaqz: "xeuugli",
 		kUOVxO: "xl4o6ss",
@@ -25,32 +25,32 @@ var c = {
 		kMwMTN: "xr5kp14",
 		$$css: !0
 	}
-}, l = {
-	neutral: c.neutral,
-	positive: c.positive,
-	negative: c.negative
-}, u = [
+}, u = {
+	neutral: l.neutral,
+	positive: l.positive,
+	negative: l.negative
+}, d = [
 	0,
 	.5,
 	1
-], d = 100;
-function f({ items: t, start: s, end: f, label: g, rowLabel: _, summaryLabel: v, emptyLabel: y, selectedId: b, selectedRef: x, onSelect: S, formatOffset: C }) {
-	let w = p({
+], f = 100;
+function p({ items: t, start: s, end: c, label: p, rowLabel: _, summaryLabel: v, emptyLabel: y, selectedId: b, selectedRef: x, onSelect: S, formatOffset: C }) {
+	let w = m({
 		items: t,
 		start: s,
-		end: f
+		end: c
 	});
 	if (w !== void 0) return /* @__PURE__ */ i(n, {
-		title: g,
+		title: p,
 		message: w
 	});
-	let T = f - s, E = o({
-		domain: [s, f],
-		range: [0, T === 0 ? 0 : d]
-	}), D = T > 0 ? u : [0], O = t.some((e) => e.geometry.kind !== "unavailable");
+	let T = c - s, E = o({
+		domain: [s, c],
+		range: [0, T === 0 ? 0 : f]
+	}), D = T > 0 ? d : [0], O = t.some((e) => e.geometry.kind !== "unavailable");
 	return /* @__PURE__ */ a("div", {
 		role: "group",
-		"aria-label": g,
+		"aria-label": p,
 		className: "xeuugli x1hz01jw x12h1iku",
 		children: [
 			/* @__PURE__ */ a("div", {
@@ -83,7 +83,7 @@ function f({ items: t, start: s, end: f, label: g, rowLabel: _, summaryLabel: v,
 				})
 			}),
 			t.map((t) => {
-				let n = h({
+				let n = g({
 					geometry: t.geometry,
 					start: s,
 					formatOffset: C
@@ -95,8 +95,8 @@ function f({ items: t, start: s, end: f, label: g, rowLabel: _, summaryLabel: v,
 					"aria-label": `${t.label} · ${t.detail} · ${t.summary} · ${n}`,
 					onClick: () => S(t.id),
 					...{
-						0: { className: "xrvj5dj x13sfnbj x1prkh4w x6s0dn4 x1gkm1c7 x1y1mm1b xh8yej3 x9f619 x1doqdfy xn9t2bk x1wiwyrm xc342km xso031l x1q0q8m5 x1qndepd xpvm0e4 xbixft x1hz01jw x1yc453h x1ypdohk x1t137rt xzro8vx x1ecmtor x19rmrnh x9v5kkp x13qnu6 x1bqaal x1t1lzn6" },
-						1: { className: "xrvj5dj x13sfnbj x1prkh4w x6s0dn4 x1gkm1c7 x1y1mm1b xh8yej3 x9f619 x1doqdfy xn9t2bk x1wiwyrm xc342km xso031l x1q0q8m5 x1qndepd xbixft x1hz01jw x1yc453h x1ypdohk x1t137rt xzro8vx x1ecmtor x19rmrnh x9v5kkp x13qnu6 x1bqaal x1t1lzn6 x1r7kqkb xh3r7i3" }
+						0: { className: "xrvj5dj x13sfnbj x1prkh4w x6s0dn4 x1gkm1c7 x1y1mm1b xh8yej3 x9f619 x1doqdfy xn9t2bk x1wiwyrm xc342km xso031l x1q0q8m5 x1qndepd xpvm0e4 xbixft x1hz01jw x1yc453h x1ypdohk x1t137rt xif5pkx x1ecmtor x19rmrnh x9v5kkp x13qnu6 x1bqaal x1t1lzn6" },
+						1: { className: "xrvj5dj x13sfnbj x1prkh4w x6s0dn4 x1gkm1c7 x1y1mm1b xh8yej3 x9f619 x1doqdfy xn9t2bk x1wiwyrm xc342km xso031l x1q0q8m5 x1qndepd xbixft x1hz01jw x1yc453h x1ypdohk x1t137rt xif5pkx x1ecmtor x19rmrnh x9v5kkp x13qnu6 x1bqaal x1t1lzn6 x1r7kqkb xh3r7i3" }
 					}[b === t.id | 0],
 					children: [
 						/* @__PURE__ */ a("span", {
@@ -116,7 +116,7 @@ function f({ items: t, start: s, end: f, label: g, rowLabel: _, summaryLabel: v,
 						}),
 						/* @__PURE__ */ i("span", {
 							title: n,
-							...r.props(c.plot, l[t.tone]),
+							...r.props(l.plot, u[t.tone]),
 							children: t.geometry.kind === "unavailable" ? /* @__PURE__ */ i(e, {
 								variant: "caption",
 								tone: "muted",
@@ -125,12 +125,12 @@ function f({ items: t, start: s, end: f, label: g, rowLabel: _, summaryLabel: v,
 								"aria-hidden": !0,
 								className: "x1lliihq xh8yej3 xmix8c7 x1rea2x4",
 								children: [D.map((e) => /* @__PURE__ */ i("line", {
-									x1: `${e * d}%`,
-									x2: `${e * d}%`,
+									x1: `${e * f}%`,
+									x2: `${e * f}%`,
 									y1: "0",
 									y2: "18",
 									className: "x13hfdr1"
-								}, e)), /* @__PURE__ */ i(m, {
+								}, e)), /* @__PURE__ */ i(h, {
 									geometry: t.geometry,
 									scale: E
 								})]
@@ -154,7 +154,7 @@ function f({ items: t, start: s, end: f, label: g, rowLabel: _, summaryLabel: v,
 		]
 	});
 }
-function p({ items: e, start: n, end: r }) {
+function m({ items: e, start: n, end: r }) {
 	if (!Number.isFinite(n) || !Number.isFinite(r) || !Number.isFinite(r - n) || r < n) return "The timing domain must have finite, ordered endpoints.";
 	if (!t(e)) return "Timing records must have unique identifiers.";
 	for (let t of e) {
@@ -166,7 +166,7 @@ function p({ items: e, start: n, end: r }) {
 		if (e.kind === "point" && (!Number.isFinite(e.at) || e.at < n || e.at > r)) return "Timing points must be finite and fit inside the supplied domain.";
 	}
 }
-function m({ geometry: e, scale: t }) {
+function h({ geometry: e, scale: t }) {
 	switch (e.kind) {
 		case "unavailable": return null;
 		case "interval": {
@@ -207,7 +207,7 @@ function m({ geometry: e, scale: t }) {
 					height: 1,
 					overflow: "visible",
 					children: /* @__PURE__ */ i("path", {
-						d: "M0 -5 5 0 0 5 -5 0Z",
+						d: `M0 -${c} ${c} 0 0 ${c} -${c} 0Z`,
 						className: "x117rol3"
 					})
 				});
@@ -215,11 +215,11 @@ function m({ geometry: e, scale: t }) {
 		}
 	}
 }
-function h({ geometry: e, start: t, formatOffset: n }) {
+function g({ 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 { f as Waterfall };
+export { p as Waterfall };

package/dist/charts.js

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

package/dist/{code-block-BjV2EFZS.js → code-block-D07N6mYS.js}

@@ -1,7 +1,7 @@
-import { _ as e } from "./src-3gzujMhN.js";
-import { colors as t } from "./tokens.js";
+import { _ as e } from "./src-CyJd2qSZ.js";
+import { r as t } from "./tokens.stylex-DTHHFbyl.js";
 import { t as n } from "./viewer-styles-CpHqp5Qv.js";
-import { t as r } from "./pierre-theme-CBAncKdH.js";
+import { t as r } from "./pierre-theme-BUeJim8s.js";
 import * as i from "@stylexjs/stylex";
 import { useEffect as a, useRef as o, useState as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
@@ -103,7 +103,7 @@ function g({ token: e }) {
 		children: e.content
 	});
 }
-function _({ code: t, language: r = "text", filename: a, streaming: o = !1, wrap: s = !1, lineNumbers: u = !0, selectedLines: d, annotations: p = [], maxHeight: _ = 400, maxLines: v = 2e3 }) {
+function _({ code: t, language: r = "text", filename: a, isStreaming: o = !1, shouldWrap: s = !1, showLineNumbers: u = !0, selectedLines: d, annotations: p = [], maxHeight: _ = 400, maxLines: v = 2e3 }) {
 	let y = f(t, r), b = t.slice(0, h).split(/\r\n|\n|\r/u), x = b.slice(0, Math.max(1, v)).map((e, t) => ({
 		text: e,
 		line: t + 1