@mechane-ai/elements 0.10.0 → 0.12.0

package/README.md

@@ -104,8 +104,10 @@ which view is active and when to unmount it; use this for a draft or reading pos
 `WorkbenchScroll` requires an accessible `label`; its `flush` mode leaves list insets to the table. Its
 `scrollRestorationId` identifies the actual scroll region for application-owned restoration.
 
-`DataTable` uses 48px rows by default and truncates text to preserve stable column and virtualization geometry. Set
-`rowSizing="content"` for records that need multiline cells; virtualization then measures those rows. Long content
+Each `DataTable` column declares a role: `primary`, `text`, `status`, `number`, `timestamp`, or `actions`. Roles own
+alignment and minimum sizing; the primary column uses available space. Headers and placeholders follow the same
+geometry. The table uses 48px rows by default and truncates text to preserve stable column and virtualization geometry.
+Set `rowSizing="content"` for records that need multiline cells; virtualization then measures those rows. Long content
 belongs in a detail view or a deliberately content-sized row, not behind a clipped control. Use `DataTableText` for a
 primary string and optional secondary string inside one cell; both text elements own their ellipsis. Arbitrary nested
 layouts do not inherit text truncation. Give dates and numeric values sufficient column width or explicit content
@@ -125,8 +127,10 @@ acknowledgement, and draft retention.
 record and store named choices rather than catalog indexes. Identity palettes remain separate from status colors.
 
 `MetricGrid layout="columns"` distributes supplied metrics by available container width. Its inline layout suits compact
-record summaries. `SettingsSection` keeps wide tables inside their scroll region; group sections with `Stack` and align
-form actions with `Row`.
+record summaries. `PageContent` owns report insets and section gaps; keep full-width tables outside it so their cell
+insets remain the only gutter. `SettingsSection` keeps wide tables inside their scroll region, and `SettingsRow` aligns
+labels and controls. `FormActions` owns submission rows and their internal spacing. The enclosing section owns the gap
+before and after the actions.
 
 The default theme is light, with system fonts and a compact spacing scale. Import `themeProps` from
 `@mechane-ai/elements/theme` and spread `themeProps.light` or `themeProps.dark` onto the document root. Portaled content

package/dist/ai.js

@@ -1,7 +1,7 @@
-import { C as e, E as t, T as n, f as r, g as i, p as a, t as o, w as s } from "./src-sU9b0oZW.js";
-import { t as c } from "./content-link-BpSZeTNK.js";
-import { r as l, t as u } from "./src-Cs0dRc4X.js";
-import { c as d, u as f } from "./src-Be7NLG8c.js";
+import { C as e, E as t, T as n, f as r, g as i, p as a, t as o, w as s } from "./src-3gzujMhN.js";
+import { t as c } from "./content-link-C460m-O7.js";
+import { r as l, t as u } from "./src-CVlgjAlw.js";
+import { c as d, u as f } from "./src-DOzle5d4.js";
 import { t as p } from "./accessibility-C-aIZ1Yx.js";
 import * as m from "@stylexjs/stylex";
 import { createContext as h, useContext as g, useId as _, useRef as v } from "react";
@@ -43,10 +43,10 @@ function k(t) {
 }
 // packages/ai/src/conversation.tsx
 var A = h(void 0);
-function j({ children: e, initialPosition: t = "end", follow: n = !0 }) {
-	let r = v(null);
+function j({ children: e, initialPosition: t = "end", follow: n = !0, viewportRef: r }) {
+	let i = v(null), a = r ?? i;
 	return /* @__PURE__ */ y(A.Provider, {
-		value: r,
+		value: a,
 		children: /* @__PURE__ */ y(E.Provider, {
 			autoScroll: n,
 			defaultScrollPosition: t,
@@ -83,28 +83,43 @@ function P({ messageId: e, children: t }) {
 		children: t
 	});
 }
-function F({ label: t = "Jump to latest" }) {
-	let { scrollToEnd: n } = D(), { end: r } = O(), i = g(A);
-	return r ? /* @__PURE__ */ y("div", {
+function F({ children: e }) {
+	return /* @__PURE__ */ y("div", {
+		className: "x9f619 x2lah0s xeuugli xh8yej3 xe10afn xvueqy4 xn9t2bk x1m92p3w",
+		children: e
+	});
+}
+function I({ label: e = "Jump to latest" }) {
+	let { end: t } = O();
+	return t ? /* @__PURE__ */ y("div", {
 		className: "x10l6tqk xwthv0x x1nrll8i xuuh30 x1tv4vx4 xeuugli",
-		children: /* @__PURE__ */ b(e, {
-			onClick: () => {
-				n({ behavior: "instant" }), i?.current?.focus({ preventScroll: !0 });
-			},
-			children: [/* @__PURE__ */ y(x, {
-				size: 16,
-				"aria-hidden": !0
-			}), t]
-		})
+		children: /* @__PURE__ */ y(L, { label: e })
 	}) : null;
 }
-var I = {
+function L({ label: t, onActivate: n }) {
+	let { scrollToEnd: r } = D(), i = g(A);
+	return /* @__PURE__ */ b(e, {
+		onClick: () => {
+			n?.(), requestAnimationFrame(() => {
+				let e = i?.current;
+				e != null && (r({ behavior: "instant" }), e.focus({ preventScroll: !0 }));
+			});
+		},
+		children: [/* @__PURE__ */ y(x, {
+			size: 14,
+			"aria-hidden": !0
+		}), t]
+	});
+}
+var R = {
 	Root: j,
 	Viewport: M,
 	Content: N,
 	Item: P,
-	JumpToLatest: F
-}, L = {
+	Controls: F,
+	LatestButton: L,
+	JumpToLatest: I
+}, z = {
 	root: {
 		k1xSpc: "x78zum5",
 		kXwgrk: "xdt5ytf",
@@ -130,19 +145,19 @@ var I = {
 		k8WAf4: "xn9t2bk",
 		$$css: !0
 	}
-}, R = {
-	user: L.user,
-	assistant: L.assistant,
-	system: L.system
-}, z = {
+}, B = {
+	user: z.user,
+	assistant: z.assistant,
+	system: z.system
+}, V = {
 	"x-default-marker": "x-default-marker",
 	$$css: !0
 };
-function B({ author: e, children: t, id: n, kind: r = "assistant", meta: i, avatar: a, actions: o, attachments: s }) {
+function H({ author: e, children: t, id: n, kind: r = "assistant", meta: i, avatar: a, actions: o, attachments: s }) {
 	return /* @__PURE__ */ b("article", {
 		id: n,
 		"aria-label": e,
-		...m.props(L.root, R[r], z),
+		...m.props(z.root, B[r], V),
 		children: [
 			/* @__PURE__ */ b("header", {
 				className: "x78zum5 x6s0dn4 x1hnptsi x1a02dak xeuugli",
@@ -176,7 +191,7 @@ function B({ author: e, children: t, id: n, kind: r = "assistant", meta: i, avat
 		]
 	});
 }
-function V({ name: e, description: t, href: n, actions: r }) {
+function U({ name: e, description: t, href: n, actions: r }) {
 	return /* @__PURE__ */ b("div", {
 		className: "x78zum5 x1a02dak x6s0dn4 x1n8ia3y xeuugli x193iq5w x1mvvolr xmkeg23 x1y0btm7 x1ey3b81 x1ok0vyi xpvm0e4 x1hz01jw xtqrqnz x1778rvt xj57cvi",
 		children: [
@@ -203,7 +218,7 @@ function V({ name: e, description: t, href: n, actions: r }) {
 	});
 }
 // packages/ai/src/message-action.tsx
-function H(e) {
+function W(e) {
 	if (e.kind === "link") {
 		let { kind: t, label: r, ...i } = e;
 		return /* @__PURE__ */ y(n, {
@@ -218,11 +233,11 @@ function H(e) {
 		"aria-label": r
 	});
 }
-function U(e) {
-	return /* @__PURE__ */ b(u.Root, { children: [/* @__PURE__ */ y(u.Trigger, { render: H(e) }), /* @__PURE__ */ y(u.Portal, { children: /* @__PURE__ */ y(u.Positioner, { children: /* @__PURE__ */ y(u.Popup, { children: e.label }) }) })] });
+function G(e) {
+	return /* @__PURE__ */ b(u.Root, { children: [/* @__PURE__ */ y(u.Trigger, { render: W(e) }), /* @__PURE__ */ y(u.Portal, { children: /* @__PURE__ */ y(u.Positioner, { children: /* @__PURE__ */ y(u.Popup, { children: e.label }) }) })] });
 }
 // packages/ai/src/message-boundary.tsx
-function W({ label: e, children: t }) {
+function K({ label: e, children: t }) {
 	return /* @__PURE__ */ b(i.Root, {
 		className: "xeuugli x1kbiq1m xykt701 xpu655y",
 		children: [/* @__PURE__ */ b(i.Trigger, {
@@ -242,11 +257,11 @@ function W({ label: e, children: t }) {
 	});
 }
 // packages/ai/src/prompt-input.tsx
-var G = { action: {
+var q = { action: {
 	keTefX: "xvc5jky",
 	$$css: !0
 } };
-function K({ label: e, value: t, onValueChange: n, onSubmit: r, name: i = "prompt", placeholder: a, maxLength: o, required: c = !0, pending: l = !1, disabled: h = !1, submitDisabled: g = !1, submitLabel: v = "Send message", pendingLabel: x = "Sending…", enterBehavior: C = "newline", compact: w = !1, description: E, error: D, controls: O, attachments: k, onStop: A, stopPending: j = !1, stopLabel: M = "Stop response" }) {
+function J({ label: e, value: t, onValueChange: n, onSubmit: r, name: i = "prompt", placeholder: a, maxLength: o, required: c = !0, pending: l = !1, disabled: h = !1, submitDisabled: g = !1, submitLabel: v = "Send message", pendingLabel: x = "Sending…", enterBehavior: C = "newline", compact: w = !1, description: E, error: D, controls: O, attachments: k, onStop: A, stopPending: j = !1, stopLabel: M = "Stop response" }) {
 	let N = _(), P = h || l, F = v;
 	A === void 0 ? l ? F = x : C === "submit" && (F = `${v} · Enter`) : F = j ? "Stopping…" : M;
 	function I(e) {
@@ -295,7 +310,7 @@ function K({ label: e, value: t, onValueChange: n, onSubmit: r, name: i = "promp
 								className: "x78zum5 x1a02dak x6s0dn4 x1hnptsi xeuugli x12lumcd",
 								children: O
 							}), /* @__PURE__ */ b(u.Root, { children: [/* @__PURE__ */ y(u.Trigger, { render: A === void 0 ? /* @__PURE__ */ y(s, {
-								xstyle: G.action,
+								xstyle: q.action,
 								type: "submit",
 								variant: "solid",
 								"aria-label": l ? x : v,
@@ -306,7 +321,7 @@ function K({ label: e, value: t, onValueChange: n, onSubmit: r, name: i = "promp
 									"aria-hidden": !0
 								})
 							}) : /* @__PURE__ */ y(s, {
-								xstyle: G.action,
+								xstyle: q.action,
 								type: "button",
 								"aria-label": j ? "Stopping…" : M,
 								onClick: (e) => {
@@ -334,7 +349,7 @@ function K({ label: e, value: t, onValueChange: n, onSubmit: r, name: i = "promp
 	});
 }
 // packages/ai/src/sources.tsx
-function q({ sources: e, label: t = "Sources" }) {
+function Y({ sources: e, label: t = "Sources" }) {
 	return /* @__PURE__ */ b("section", {
 		"aria-label": t,
 		className: "x78zum5 xdt5ytf x1hnptsi xeuugli x1hz01jw xtqrqnz x1778rvt xj57cvi xbixft",
@@ -363,7 +378,7 @@ function q({ sources: e, label: t = "Sources" }) {
 		]
 	});
 }
-function J({ source: e, label: n }) {
+function X({ source: e, label: n }) {
 	return /* @__PURE__ */ y("span", {
 		className: "xt0psk2 x11njtxf xss6m8b",
 		children: /* @__PURE__ */ b(l.Root, { children: [/* @__PURE__ */ y(l.Trigger, {
@@ -386,4 +401,4 @@ function J({ source: e, label: n }) {
 		}) })] })
 	});
 }
-export { k as Approval, I as Conversation, J as InlineCitation, B as Message, U as MessageAction, V as MessageAttachment, W as MessageBoundary, K as PromptInput, q as Sources };
+export { k as Approval, R as Conversation, X as InlineCitation, H as Message, G as MessageAction, U as MessageAttachment, K as MessageBoundary, J as PromptInput, Y as Sources };

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

@@ -1,5 +1,5 @@
-import { n as e, s as t } from "./chart-frame-et6f6Vhg.js";
-import { n } from "./chart-input-CdLkFomi.js";
+import { n as e, s as t } from "./chart-frame-38ES6kwK.js";
+import { n } from "./chart-input-C9fu7f1Q.js";
 import * as r from "@stylexjs/stylex";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 // packages/charts/src/categorical-values.tsx

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

@@ -1,4 +1,4 @@
-import { g as e } from "./src-sU9b0oZW.js";
+import { g as e } from "./src-3gzujMhN.js";
 import { chartColors as t, colors as n } from "./tokens.js";
 import * as r from "@stylexjs/stylex";
 import { useId as i } from "react";
@@ -125,7 +125,7 @@ function f({ items: e, label: t = "Legend" }) {
 }
 function p({ label: e, selected: t = !1, onSelect: n, children: r }) {
 	return n === void 0 ? /* @__PURE__ */ a("div", {
-		className: "x78zum5 x1a02dak x6s0dn4 x1qughib x8zbtdt x1gkm1c7 xeuugli xaeotn9 xwu7q15 x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz xj57cvi x1778rvt x1yc453h xj0a0fe xbixft xpvm0e4 xss6m8b",
+		className: "x78zum5 x1a02dak x6s0dn4 x1qughib x8zbtdt x1gkm1c7 xeuugli x17tes2r xwu7q15 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 xaeotn9 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 xaeotn9 xwu7q15 x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz xj57cvi x1778rvt x1yc453h xj0a0fe xbixft xss6m8b x1ypdohk x1t137rt xzro8vx x1ecmtor x19rmrnh x9v5kkp x13qnu6 x1bqaal x1r7kqkb x1jmj9dw" }
+			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" }
 		}[!!t | 0],
 		children: r
 	});

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

@@ -1,5 +1,5 @@
-import { f as e } from "./src-CBspCKfO.js";
-import { r as t } from "./chart-frame-et6f6Vhg.js";
+import { m as e } from "./src-CI6KtN2w.js";
+import { r as t } from "./chart-frame-38ES6kwK.js";
 import { jsx as n } from "react/jsx-runtime";
 // packages/charts/src/chart-input.tsx
 function r(e) {

package/dist/charts/cartesian.js

@@ -1,10 +1,10 @@
-import { c as e } from "../src-CBspCKfO.js";
-import { i as t, n, r, t as i } from "../categorical-values-DLRE4EEW.js";
-import { a, i as o, n as s, o as c, r as l, s as u, t as d } from "../chart-frame-et6f6Vhg.js";
-import { n as f, r as p, t as m } from "../chart-input-CdLkFomi.js";
+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 { t as h } from "../plot-width--OgdohB5.js";
-import { E as g } from "../src-sU9b0oZW.js";
-import { h as _ } from "../src-Be7NLG8c.js";
+import { E as g } from "../src-3gzujMhN.js";
+import { g as _ } from "../src-DOzle5d4.js";
 import { colors as v } from "../tokens.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";

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-et6f6Vhg.js";
-import { n as a, r as o, t as s } from "../chart-input-CdLkFomi.js";
+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 { 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";

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-et6f6Vhg.js";
-import { n as a, t as o } from "../chart-input-CdLkFomi.js";
+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 * 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: "xaeotn9 xwu7q15",
+		kAzted: "x17tes2r xwu7q15",
 		$$css: !0
 	},
 	position: (e, t) => [{

package/dist/charts/hierarchy.js

@@ -1,6 +1,6 @@
-import { i as e, r as t, t as n } from "../categorical-values-DLRE4EEW.js";
-import { o as r, r as i, s as a } from "../chart-frame-et6f6Vhg.js";
-import { t as o } from "../chart-input-CdLkFomi.js";
+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 { 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-CdLkFomi.js";
-import { a as i, n as a, r as o, s, t as c } from "../chart-frame-et6f6Vhg.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 * as l from "@stylexjs/stylex";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 // packages/charts/src/matrix/heatmap-scale.ts

package/dist/charts/timeline.js

@@ -1,5 +1,5 @@
-import { c as e } from "../src-sU9b0oZW.js";
-import { n as t, t as n } from "../chart-input-CdLkFomi.js";
+import { c as e } from "../src-3gzujMhN.js";
+import { n as t, t as n } from "../chart-input-C9fu7f1Q.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";
@@ -34,27 +34,27 @@ var c = {
 	.5,
 	1
 ], d = 100;
-function f({ items: t, start: s, end: f, label: g, rowLabel: _, summaryLabel: v, emptyLabel: y, selectedId: b, onSelect: x, formatOffset: S }) {
-	let C = p({
+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({
 		items: t,
 		start: s,
 		end: f
 	});
-	if (C !== void 0) return /* @__PURE__ */ i(n, {
+	if (w !== void 0) return /* @__PURE__ */ i(n, {
 		title: g,
-		message: C
+		message: w
 	});
-	let w = f - s, T = o({
+	let T = f - s, E = o({
 		domain: [s, f],
-		range: [0, w === 0 ? 0 : d]
-	}), E = w > 0 ? u : [0];
+		range: [0, T === 0 ? 0 : d]
+	}), D = T > 0 ? u : [0], O = t.some((e) => e.geometry.kind !== "unavailable");
 	return /* @__PURE__ */ a("div", {
 		role: "group",
 		"aria-label": g,
 		className: "xeuugli x1hz01jw x12h1iku",
 		children: [
 			/* @__PURE__ */ a("div", {
-				className: "xrvj5dj x13sfnbj x1prkh4w x6s0dn4 x1gkm1c7 x1y1mm1b xh8yej3 x9f619 x1doqdfy x1uey4wk x153jb6y xy8obcc xso031l x1q0q8m5 x1qndepd",
+				className: "xrvj5dj x13sfnbj x1prkh4w x6s0dn4 x1gkm1c7 x1y1mm1b xh8yej3 x9f619 x1doqdfy x17tes2r x153jb6y xy8obcc xso031l x1q0q8m5 x1qndepd",
 				children: [
 					/* @__PURE__ */ i(e, {
 						variant: "caption",
@@ -63,7 +63,7 @@ function f({ items: t, start: s, end: f, label: g, rowLabel: _, summaryLabel: v,
 					}),
 					/* @__PURE__ */ i("div", {
 						className: "xeuugli xl4o6ss x1npkx4u x1v577k8 x1ms6mhf x1aa6nly x78zum5 x1qughib x6s0dn4 xy8obcc xas2l8k xss6m8b",
-						children: E.map((e) => /* @__PURE__ */ i("span", { children: S(w * e) }, e))
+						children: O ? D.map((e) => /* @__PURE__ */ i("span", { children: C(T * e) }, e)) : /* @__PURE__ */ i("span", { children: "Timing unavailable" })
 					}),
 					/* @__PURE__ */ i("span", {
 						className: "xrvj5dj xfko13i xeuugli x1k3v4rp x14r0xmm x1ms6mhf xp4054r xj0a0fe xss6m8b",
@@ -86,16 +86,17 @@ function f({ items: t, start: s, end: f, label: g, rowLabel: _, summaryLabel: v,
 				let n = h({
 					geometry: t.geometry,
 					start: s,
-					formatOffset: S
+					formatOffset: C
 				});
 				return /* @__PURE__ */ a("button", {
+					ref: b === t.id ? x : void 0,
 					type: "button",
 					"aria-pressed": b === t.id,
 					"aria-label": `${t.label} · ${t.detail} · ${t.summary} · ${n}`,
-					onClick: () => x(t.id),
+					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 x1jmj9dw" }
+						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" }
 					}[b === t.id | 0],
 					children: [
 						/* @__PURE__ */ a("span", {
@@ -123,7 +124,7 @@ function f({ items: t, start: s, end: f, label: g, rowLabel: _, summaryLabel: v,
 							}) : /* @__PURE__ */ a("svg", {
 								"aria-hidden": !0,
 								className: "x1lliihq xh8yej3 xmix8c7 x1rea2x4",
-								children: [E.map((e) => /* @__PURE__ */ i("line", {
+								children: [D.map((e) => /* @__PURE__ */ i("line", {
 									x1: `${e * d}%`,
 									x2: `${e * d}%`,
 									y1: "0",
@@ -131,7 +132,7 @@ function f({ items: t, start: s, end: f, label: g, rowLabel: _, summaryLabel: v,
 									className: "x13hfdr1"
 								}, e)), /* @__PURE__ */ i(m, {
 									geometry: t.geometry,
-									scale: T
+									scale: E
 								})]
 							})
 						}),

package/dist/charts.js

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

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

@@ -1,7 +1,7 @@
-import { _ as e } from "./src-sU9b0oZW.js";
+import { _ as e } from "./src-3gzujMhN.js";
 import { colors as t } from "./tokens.js";
 import { t as n } from "./viewer-styles-CpHqp5Qv.js";
-import { t as r } from "./pierre-theme-D9hnHv3Z.js";
+import { t as r } from "./pierre-theme-CBAncKdH.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";