@mechane-ai/elements 0.13.0 → 0.14.0

package/dist/charts/timeline.js

@@ -1,11 +1,11 @@
-import { c as e } from "../src-BNlyCwOr.js";
-import { n as t, t as n } from "../chart-input-B0snxbMH.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-DAxsgMyl.js";
+export { r as ChartFrame, i as ChartLegend } from "./chart-frame-Dm8UNfYD.js";

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

@@ -1,7 +1,7 @@
-import { _ as e } from "./src-BNlyCwOr.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