@lilt-ui/charts 0.9.1 → 0.10.0

package/dist/watch.js

@@ -1,11 +1,11 @@
 "use client";
-import { S as e, a as t, i as n, l as r, n as i, o as a, r as o, s, t as c, y as l } from "./report-context-CkzH-r8B.js";
+import { C as e, a as t, b as n, i as r, l as i, n as a, o, r as s, s as c, t as l } from "./report-context-UrwaoLYZ.js";
 import { Children as u, createContext as d, isValidElement as f, useCallback as p, useContext as m, useEffect as h, useMemo as g, useReducer as ee, useRef as _, useState as v } from "react";
 import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { AnimatePresence as S, motion as te } from "motion/react";
-import { createPortal as C } from "react-dom";
+import { AnimatePresence as S, motion as C } from "motion/react";
+import { createPortal as w } from "react-dom";
 //#region src/watch/engine/rules.ts
-function w({ points: e = 6, severity: t = "warning", message: n = "Value has not changed" } = {}) {
+function T({ points: e = 6, severity: t = "warning", message: n = "Value has not changed" } = {}) {
 	return {
 		severity: t,
 		message: n,
@@ -18,7 +18,7 @@ function w({ points: e = 6, severity: t = "warning", message: n = "Value has not
 		}
 	};
 }
-function T({ by: e, direction: t = "both", severity: n = "warning", message: r }) {
+function E({ by: e, direction: t = "both", severity: n = "warning", message: r }) {
 	return {
 		severity: n,
 		message: r ?? (t === "down" ? "Sudden drop" : t === "up" ? "Sudden rise" : "Sudden change"),
@@ -41,7 +41,7 @@ function T({ by: e, direction: t = "both", severity: n = "warning", message: r }
 }
 //#endregion
 //#region src/watch/board/board-state.ts
-var E = (e, t) => ({
+var D = (e, t) => ({
 	id: e,
 	order: t,
 	alarm: "normal",
@@ -56,13 +56,13 @@ var E = (e, t) => ({
 	acknowledgedAt: null,
 	clearedAt: null
 });
-function D(e, t) {
+function O(e, t) {
 	if (t.type === "register") {
 		let n = e[t.id];
 		return n?.order === t.order ? e : {
 			...e,
 			[t.id]: {
-				...n ?? E(t.id, t.order),
+				...n ?? D(t.id, t.order),
 				order: t.order
 			}
 		};
@@ -74,13 +74,13 @@ function D(e, t) {
 	}
 	let n = e[t.id];
 	if (!n) return e;
-	let r = O(n, t);
+	let r = k(n, t);
 	return r === n ? e : {
 		...e,
 		[t.id]: r
 	};
 }
-function O(e, t) {
+function k(e, t) {
 	switch (t.type) {
 		case "report": {
 			let { report: n, now: r } = t;
@@ -126,40 +126,40 @@ function O(e, t) {
 			pinned: t.pinned
 		};
 		case "settle": return e.alarm === "cleared" ? {
-			...E(e.id, e.order),
+			...D(e.id, e.order),
 			pinned: e.pinned
 		} : e;
 		default: return e;
 	}
 }
-var k = {
+var A = {
 	active: 1,
 	acknowledged: 2,
 	cleared: 3,
 	normal: 4
-}, A = (e) => e === "critical" ? 0 : 1;
-function j(e) {
+}, j = (e) => e === "critical" ? 0 : 1;
+function M(e) {
 	return Object.values(e).sort((e, t) => {
-		let n = e.pinned ? 0 : k[e.alarm], r = t.pinned ? 0 : k[t.alarm];
+		let n = e.pinned ? 0 : A[e.alarm], r = t.pinned ? 0 : A[t.alarm];
 		if (n !== r) return n - r;
 		if (n === 1 || n === 2) {
-			let n = A(e.severity) - A(t.severity);
+			let n = j(e.severity) - j(t.severity);
 			if (n !== 0) return n;
-			let r = M(e) - M(t);
+			let r = N(e) - N(t);
 			if (r !== 0) return r;
 			if (e.score !== t.score) return t.score - e.score;
 		}
 		return e.order - t.order;
 	}).map((e) => e.id);
 }
-var M = (e) => e.sinceAt ?? e.raisedAt ?? Infinity, N = 8e3;
-function ne({ alerts: e, reducedMotion: t, onView: n, onDismiss: r }) {
+var N = (e) => e.sinceAt ?? e.raisedAt ?? Infinity, P = 8e3;
+function te({ alerts: e, reducedMotion: t, onView: n, onDismiss: r }) {
 	let [i, a] = v(null);
 	h(() => a(document.body), []);
 	let [o, s] = v(!1), c = e.some((e) => e.severity === "critical"), l = e.map((e) => `${e.id}:${e.severity}`).join(), u = _(r);
 	if (u.current = r, h(() => {
 		if (!e.length || c || o) return;
-		let t = setTimeout(() => u.current(), N);
+		let t = setTimeout(() => u.current(), P);
 		return () => clearTimeout(t);
 	}, [
 		l,
@@ -171,10 +171,10 @@ function ne({ alerts: e, reducedMotion: t, onView: n, onDismiss: r }) {
 		y: 16,
 		filter: "blur(6px)"
 	};
-	return C(/* @__PURE__ */ b("div", {
+	return w(/* @__PURE__ */ b("div", {
 		"data-lilt-chart": "",
 		className: "lilt-toast-region",
-		children: /* @__PURE__ */ b(S, { children: d ? /* @__PURE__ */ x(te.div, {
+		children: /* @__PURE__ */ b(S, { children: d ? /* @__PURE__ */ x(C.div, {
 			role: "group",
 			"aria-label": "Chart alert",
 			className: "lilt-toast",
@@ -234,12 +234,12 @@ function ne({ alerts: e, reducedMotion: t, onView: n, onDismiss: r }) {
 }
 //#endregion
 //#region src/watch/board/chart-board.tsx
-function re({ children: e }) {
+function ne({ children: e }) {
 	return /* @__PURE__ */ b(y, { children: e });
 }
-var P = d(null), ie = d(null);
-function F() {
-	let e = m(P);
+var F = d(null), re = d(null);
+function I() {
+	let e = m(F);
 	if (!e) throw Error("Lilt Charts: useBoard must be used inside a ChartBoard.");
 	let t = Object.values(e.state);
 	return {
@@ -252,8 +252,8 @@ function F() {
 		pin: e.pin
 	};
 }
-function I() {
-	let e = m(P), t = m(ie);
+function L() {
+	let e = m(F), t = m(re);
 	if (!e || !t) throw Error("Lilt Charts: useBoardItem must be used inside a BoardItem.");
 	return {
 		item: e.state[t],
@@ -263,48 +263,48 @@ function I() {
 		pin: (n) => e.pin(t, n)
 	};
 }
-var ae = 500;
-function L({ children: t, "aria-label": n, settleAfter: r = 8e3, memory: i, storage: a, onEvent: o, toast: s = !1, toolbar: c = !0, status: l = !0, motion: d = "auto", className: m, style: y }) {
-	let S = g(() => u.toArray(t).flatMap((e) => f(e) && e.type === re ? [e.props] : []), [t]), C = g(() => new Map(S.map((e) => [e.id, e.title])), [S]), [w, T] = ee(D, S, (e) => e.reduce((e, t, n) => D(e, {
+var ie = 500;
+function R({ children: t, "aria-label": n, settleAfter: r = 8e3, memory: i, storage: a, onEvent: o, toast: s = !1, toolbar: c = !0, status: l = !0, motion: d = "auto", className: m, style: y }) {
+	let S = g(() => u.toArray(t).flatMap((e) => f(e) && e.type === ne ? [e.props] : []), [t]), w = g(() => new Map(S.map((e) => [e.id, e.title])), [S]), [T, E] = ee(O, S, (e) => e.reduce((e, t, n) => O(e, {
 		type: "register",
 		id: t.id,
 		order: n
-	}), {})), E = S.map((e) => e.id).join("\0");
+	}), {})), D = S.map((e) => e.id).join("\0");
 	h(() => {
 		let e = new Set(S.map((e) => e.id));
-		S.forEach((e, t) => T({
+		S.forEach((e, t) => E({
 			type: "register",
 			id: e.id,
 			order: t
 		}));
-		for (let t of Object.keys(w)) e.has(t) || T({
+		for (let t of Object.keys(T)) e.has(t) || E({
 			type: "unregister",
 			id: t
 		});
-	}, [E]);
-	let O = j(w), k = O.join("\0"), [A, M] = v(O), [N, F] = v(!1), I = _(void 0), L = () => {
-		clearTimeout(I.current), F(!0);
-	}, R = () => {
-		clearTimeout(I.current), I.current = setTimeout(() => F(!1), ae);
+	}, [D]);
+	let k = M(T), A = k.join("\0"), [j, N] = v(k), [P, I] = v(!1), L = _(void 0), R = () => {
+		clearTimeout(L.current), I(!0);
+	}, z = () => {
+		clearTimeout(L.current), L.current = setTimeout(() => I(!1), ie);
 	};
-	h(() => () => clearTimeout(I.current), []), h(() => {
-		N || M(O);
-	}, [N, k]);
-	let z = [...A.filter((e) => w[e]), ...O.filter((e) => !A.includes(e))], B = z.join("\0") !== k, fe = p(() => M(j(w)), [w]);
+	h(() => () => clearTimeout(L.current), []), h(() => {
+		P || N(k);
+	}, [P, A]);
+	let B = [...j.filter((e) => T[e]), ...k.filter((e) => !j.includes(e))], ue = B.join("|"), fe = B.join("\0") !== A, pe = p(() => N(M(T)), [T]);
 	h(() => {
-		let e = Object.values(w).filter((e) => e.alarm === "cleared" && e.clearedAt !== null).map((e) => setTimeout(() => T({
+		let e = Object.values(T).filter((e) => e.alarm === "cleared" && e.clearedAt !== null).map((e) => setTimeout(() => E({
 			type: "settle",
 			id: e.id
 		}), Math.max(0, e.clearedAt + r - Date.now())));
 		return () => e.forEach(clearTimeout);
-	}, [w, r]);
-	let V = e(d), H = _(/* @__PURE__ */ new Map()), pe = _(/* @__PURE__ */ new Map());
+	}, [T, r]);
+	let V = e(d), H = _(/* @__PURE__ */ new Map()), me = _(/* @__PURE__ */ new Map());
 	h(() => {
 		if (typeof IntersectionObserver > "u") return;
 		let e = new IntersectionObserver((e) => {
 			for (let t of e) {
 				let e = t.target.dataset.boardItem;
-				e && pe.current.set(e, t.intersectionRatio >= .5);
+				e && me.current.set(e, t.intersectionRatio >= .5);
 			}
 		}, { threshold: [
 			0,
@@ -312,22 +312,22 @@ function L({ children: t, "aria-label": n, settleAfter: r = 8e3, memory: i, stor
 			1
 		] });
 		return H.current.forEach((t) => e.observe(t)), () => e.disconnect();
-	}, [E]);
-	let [U, me] = v(null), he = _(V);
-	he.current = V;
+	}, [D]);
+	let [U, he] = v(null), ge = _(V);
+	ge.current = V;
 	let W = p((e) => {
 		let t = H.current.get(e);
 		t && (t.scrollIntoView?.({
-			behavior: he.current ? "auto" : "smooth",
+			behavior: ge.current ? "auto" : "smooth",
 			block: "center"
-		}), t.focus({ preventScroll: !0 }), me(e));
+		}), t.focus({ preventScroll: !0 }), he(e));
 	}, []);
 	h(() => {
 		if (!U) return;
-		let e = setTimeout(() => me(null), 1600);
+		let e = setTimeout(() => he(null), 1600);
 		return () => clearTimeout(e);
 	}, [U]);
-	let [ge, G] = v([]), K = _(null), q = _(0);
+	let [_e, G] = v([]), K = _(null), q = _(0);
 	h(() => {
 		let e = () => {
 			K.current !== null && (document.title = K.current), K.current = null, q.current = 0;
@@ -338,26 +338,26 @@ function L({ children: t, "aria-label": n, settleAfter: r = 8e3, memory: i, stor
 			document.removeEventListener("visibilitychange", t), e();
 		};
 	}, []);
-	let [_e, ve] = v({
+	let [ve, ye] = v({
 		polite: "",
 		assertive: ""
-	}), ye = _(w), J = _({
+	}), be = _(T), J = _({
 		onEvent: o,
-		titles: C,
+		titles: w,
 		toast: s
 	});
 	J.current = {
 		onEvent: o,
-		titles: C,
+		titles: w,
 		toast: s
 	}, h(() => {
-		let e = ye.current;
-		ye.current = w;
+		let e = be.current;
+		be.current = T;
 		let t = [], n = [], r = [], i = /* @__PURE__ */ new Set();
-		for (let a of Object.values(w)) {
+		for (let a of Object.values(T)) {
 			let o = e[a.id];
 			if (!o) continue;
-			let s = ce(o, a);
+			let s = se(o, a);
 			if (!s) continue;
 			let c = J.current.titles.get(a.id) ?? a.id;
 			J.current.onEvent?.({
@@ -366,7 +366,7 @@ function L({ children: t, "aria-label": n, settleAfter: r = 8e3, memory: i, stor
 				title: c,
 				item: a,
 				show: () => W(a.id)
-			}), s === "raised" || s === "escalated" ? pe.current.get(a.id) || r.push({
+			}), s === "raised" || s === "escalated" ? me.current.get(a.id) || r.push({
 				id: a.id,
 				title: c,
 				reason: a.why ?? a.reason,
@@ -375,18 +375,18 @@ function L({ children: t, "aria-label": n, settleAfter: r = 8e3, memory: i, stor
 			let l = a.reason ? `: ${a.reason}${a.since ? ` since ${a.since}` : ""}` : "";
 			s === "raised" || s === "escalated" ? (a.severity === "critical" ? n : t).push(`${c} needs attention${l}.${a.why ? ` ${a.why}.` : ""}`) : s === "cleared" && t.push(`${c} is back to normal.`);
 		}
-		if ((t.length || n.length) && ve({
+		if ((t.length || n.length) && ye({
 			polite: t.join(" "),
 			assertive: n.join(" ")
 		}), J.current.toast) {
 			if (r.length || i.size) {
 				let e = new Set(r.map((e) => e.id));
-				G((t) => [...t.filter((t) => !e.has(t.id) && !i.has(t.id)), ...r].sort((e, t) => se(e.severity) - se(t.severity)));
+				G((t) => [...t.filter((t) => !e.has(t.id) && !i.has(t.id)), ...r].sort((e, t) => oe(e.severity) - oe(t.severity)));
 			}
 			r.length && document.visibilityState === "hidden" && (K.current ??= document.title, q.current += r.length, document.title = `(${q.current}) ${K.current}`);
 		}
-	}, [w, W]);
-	let Y = i ? `lilt-board:${i}` : null, X = _(null), [be, xe] = v(() => /* @__PURE__ */ new Set()), Z = g(() => a ?? le(), [a]);
+	}, [T, W]);
+	let Y = i ? `lilt-board:${i}` : null, X = _(null), [xe, Se] = v(() => /* @__PURE__ */ new Set()), Z = g(() => a ?? ce(), [a]);
 	h(() => {
 		if (!Y || !Z) return;
 		let e = Z.get(Y);
@@ -396,11 +396,11 @@ function L({ children: t, "aria-label": n, settleAfter: r = 8e3, memory: i, stor
 			X.current = null;
 		}
 	}, [Y, Z]);
-	let Q = (e) => `${e.id}@${e.sinceAt ?? e.since ?? ""}`, Se = Object.values(w).filter((e) => e.alarm !== "normal" && e.alarm !== "cleared").map(Q).sort().join("\0");
+	let Q = (e) => `${e.id}@${e.sinceAt ?? e.since ?? ""}`, Ce = Object.values(T).filter((e) => e.alarm !== "normal" && e.alarm !== "cleared").map(Q).sort().join("\0");
 	h(() => {
 		if (!Y || !Z) return;
-		let e = X.current, t = Object.values(w).filter((e) => e.alarm === "active" || e.alarm === "acknowledged");
-		e && xe(new Set(t.filter((t) => t.alarm === "active" && !e.has(Q(t))).map((e) => e.id)));
+		let e = X.current, t = Object.values(T).filter((e) => e.alarm === "active" || e.alarm === "acknowledged");
+		e && Se(new Set(t.filter((t) => t.alarm === "active" && !e.has(Q(t))).map((e) => e.id)));
 		let n = () => Z.set(Y, JSON.stringify(t.map(Q))), r = () => {
 			document.visibilityState === "hidden" && n();
 		};
@@ -408,55 +408,56 @@ function L({ children: t, "aria-label": n, settleAfter: r = 8e3, memory: i, stor
 			window.removeEventListener("pagehide", n), document.removeEventListener("visibilitychange", r), n();
 		};
 	}, [
-		Se,
+		Ce,
 		Y,
 		Z
 	]);
-	let Ce = p((e) => T({
+	let we = p((e) => E({
 		type: "acknowledge",
 		id: e,
 		now: Date.now()
-	}), []), we = p((e, t) => T({
+	}), []), Te = p((e, t) => E({
 		type: "pin",
 		id: e,
 		pinned: t
-	}), []), Te = g(() => ({
-		state: w,
-		titles: C,
-		fresh: be,
-		acknowledge: Ce,
-		pin: we,
-		pending: B,
-		apply: fe
+	}), []), Ee = g(() => ({
+		state: T,
+		titles: w,
+		fresh: xe,
+		acknowledge: we,
+		pin: Te,
+		pending: fe,
+		apply: pe
 	}), [
+		T,
 		w,
-		C,
-		be,
-		Ce,
+		xe,
 		we,
-		B,
-		fe
-	]), Ee = new Map(S.map((e) => [e.id, e])), $ = ge.filter((e) => w[e.id]);
-	return /* @__PURE__ */ x(P.Provider, {
-		value: Te,
+		Te,
+		fe,
+		pe
+	]), De = new Map(S.map((e) => [e.id, e])), $ = _e.filter((e) => T[e.id]);
+	return /* @__PURE__ */ x(F.Provider, {
+		value: Ee,
 		children: [/* @__PURE__ */ x("section", {
 			"data-lilt-chart": "",
 			className: ["lilt-board", m].filter(Boolean).join(" "),
 			style: y,
 			"aria-label": n,
-			onPointerEnter: L,
-			onPointerLeave: R,
-			onFocus: L,
+			onPointerEnter: R,
+			onPointerLeave: z,
+			onFocus: R,
 			onBlur: (e) => {
-				e.currentTarget.contains(e.relatedTarget) || R();
+				e.currentTarget.contains(e.relatedTarget) || z();
 			},
 			children: [
 				c ? /* @__PURE__ */ b(de, {}) : null,
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ b(C.div, {
+					layoutRoot: !0,
 					className: "lilt-board__grid",
-					children: z.map((e) => {
-						let t = Ee.get(e), n = w[e];
-						return !t || !n ? null : /* @__PURE__ */ b(te.div, {
+					children: B.map((e) => {
+						let t = De.get(e), n = T[e];
+						return !t || !n ? null : /* @__PURE__ */ b(C.div, {
 							ref: (t) => {
 								t ? H.current.set(e, t) : H.current.delete(e);
 							},
@@ -466,6 +467,7 @@ function L({ children: t, "aria-label": n, settleAfter: r = 8e3, memory: i, stor
 							"data-board-item": e,
 							"data-flash": U === e || void 0,
 							layout: !V && "position",
+							layoutDependency: ue,
 							transition: {
 								type: "spring",
 								stiffness: 420,
@@ -477,14 +479,14 @@ function L({ children: t, "aria-label": n, settleAfter: r = 8e3, memory: i, stor
 							"data-severity": n.severity ?? void 0,
 							"data-pinned": n.pinned || void 0,
 							style: t.span === 2 ? { gridColumn: "span 2" } : void 0,
-							children: /* @__PURE__ */ b(ie.Provider, {
+							children: /* @__PURE__ */ b(re.Provider, {
 								value: e,
-								children: /* @__PURE__ */ b(ue, {
+								children: /* @__PURE__ */ b(le, {
 									item: n,
 									status: l,
-									children: /* @__PURE__ */ b(oe, {
+									children: /* @__PURE__ */ b(ae, {
 										id: e,
-										dispatch: T,
+										dispatch: E,
 										children: t.children
 									})
 								})
@@ -495,15 +497,15 @@ function L({ children: t, "aria-label": n, settleAfter: r = 8e3, memory: i, stor
 				/* @__PURE__ */ b("div", {
 					className: "lilt-chart__sr-only",
 					"aria-live": "polite",
-					children: _e.polite
+					children: ve.polite
 				}),
 				/* @__PURE__ */ b("div", {
 					className: "lilt-chart__sr-only",
 					"aria-live": "assertive",
-					children: _e.assertive
+					children: ve.assertive
 				})
 			]
-		}), s ? /* @__PURE__ */ b(ne, {
+		}), s ? /* @__PURE__ */ b(te, {
 			alerts: $,
 			reducedMotion: V,
 			onView: () => {
@@ -513,27 +515,27 @@ function L({ children: t, "aria-label": n, settleAfter: r = 8e3, memory: i, stor
 		}) : null]
 	});
 }
-function oe({ id: e, dispatch: t, children: n }) {
+function ae({ id: e, dispatch: t, children: n }) {
 	let r = p((n) => t({
 		type: "report",
 		id: e,
 		report: n,
 		now: Date.now()
 	}), [t, e]);
-	return /* @__PURE__ */ b(c.Provider, {
+	return /* @__PURE__ */ b(l.Provider, {
 		value: r,
 		children: n
 	});
 }
-var se = (e) => e === "critical" ? 0 : 1;
-function ce(e, t) {
+var oe = (e) => e === "critical" ? 0 : 1;
+function se(e, t) {
 	return e.alarm === t.alarm ? t.alarm === "active" && e.severity === "warning" && t.severity === "critical" ? "escalated" : null : {
 		active: e.alarm === "acknowledged" ? "escalated" : "raised",
 		acknowledged: "acknowledged",
 		cleared: "cleared"
 	}[t.alarm] ?? null;
 }
-function le() {
+function ce() {
 	return typeof window > "u" ? null : {
 		get: (e) => {
 			try {
@@ -549,35 +551,35 @@ function le() {
 		}
 	};
 }
-function ue({ item: e, status: t, children: n }) {
-	let i = t && (e.alarm !== "normal" || e.pinned), a = g(() => ({
-		badge: i ? /* @__PURE__ */ b(z, {}) : void 0,
+function le({ item: e, status: t, children: n }) {
+	let r = t && (e.alarm !== "normal" || e.pinned), a = g(() => ({
+		badge: r ? /* @__PURE__ */ b(B, {}) : void 0,
 		tone: e.alarm === "active" ? e.severity : null,
-		handle: t && !i ? /* @__PURE__ */ b(B, {}) : void 0
+		handle: t && !r ? /* @__PURE__ */ b(ue, {}) : void 0
 	}), [
-		i,
+		r,
 		t,
 		e.alarm,
 		e.severity
 	]);
-	return /* @__PURE__ */ b(r.Provider, {
+	return /* @__PURE__ */ b(i.Provider, {
 		value: a,
 		children: n
 	});
 }
-var R = new Intl.DateTimeFormat(void 0, {
+var z = new Intl.DateTimeFormat(void 0, {
 	hour: "numeric",
 	minute: "2-digit"
 });
-function z() {
-	let { item: e, title: t, fresh: n, acknowledge: r, pin: i } = I(), a = e.alarm === "active" ? "Needs attention" : e.alarm === "acknowledged" ? `Seen ${R.format(e.acknowledgedAt)}` : e.alarm === "cleared" ? "Back to normal" : "Pinned";
+function B() {
+	let { item: e, title: t, fresh: r, acknowledge: i, pin: a } = L(), o = e.alarm === "active" ? "Needs attention" : e.alarm === "acknowledged" ? `Seen ${z.format(e.acknowledgedAt)}` : e.alarm === "cleared" ? "Back to normal" : "Pinned";
 	return /* @__PURE__ */ x("span", {
 		className: "lilt-board-tab",
 		"data-alarm": e.alarm,
 		"data-severity": e.severity ?? void 0,
 		children: [/* @__PURE__ */ x("span", {
 			className: "lilt-board-tab__state",
-			children: [a, n ? /* @__PURE__ */ b("span", {
+			children: [o, r ? /* @__PURE__ */ b("span", {
 				className: "lilt-board-tab__new",
 				children: "· New"
 			}) : null]
@@ -586,7 +588,7 @@ function z() {
 			children: [e.alarm === "active" ? /* @__PURE__ */ b("button", {
 				type: "button",
 				className: "lilt-board-tab__action",
-				onClick: r,
+				onClick: i,
 				children: "Acknowledge"
 			}) : null, /* @__PURE__ */ b("button", {
 				type: "button",
@@ -594,14 +596,14 @@ function z() {
 				"aria-pressed": e.pinned,
 				"aria-label": e.pinned ? `Unpin ${t}` : `Pin ${t}`,
 				title: e.pinned ? "Unpin" : "Keep at the top",
-				onClick: () => i(!e.pinned),
-				children: /* @__PURE__ */ b(l, { release: e.pinned })
+				onClick: () => a(!e.pinned),
+				children: /* @__PURE__ */ b(n, { release: e.pinned })
 			})]
 		})]
 	});
 }
-function B() {
-	let { title: e, pin: t } = I();
+function ue() {
+	let { title: e, pin: t } = L();
 	return /* @__PURE__ */ b("button", {
 		type: "button",
 		className: "lilt-board-handle",
@@ -609,11 +611,11 @@ function B() {
 		"aria-label": `Pin ${e}`,
 		title: "Keep at the top",
 		onClick: () => t(!0),
-		children: /* @__PURE__ */ b(l, {})
+		children: /* @__PURE__ */ b(n, {})
 	});
 }
 function de() {
-	let { pending: e, apply: t } = F();
+	let { pending: e, apply: t } = I();
 	return e ? /* @__PURE__ */ b("div", {
 		className: "lilt-board__toolbar",
 		children: /* @__PURE__ */ b("button", {
@@ -625,4 +627,4 @@ function de() {
 	}) : null;
 }
 //#endregion
-export { re as BoardItem, z as BoardItemTab, de as BoardToolbar, L as ChartBoard, D as boardReducer, i as describeExplanation, t as describeFlag, s as evaluateNormal, o as explainDeviation, n as explainReadings, w as flatline, T as jump, j as rankBoard, a as trackNormalStatus, F as useBoard, I as useBoardItem };
+export { ne as BoardItem, B as BoardItemTab, de as BoardToolbar, R as ChartBoard, O as boardReducer, a as describeExplanation, t as describeFlag, c as evaluateNormal, s as explainDeviation, r as explainReadings, T as flatline, E as jump, M as rankBoard, o as trackNormalStatus, I as useBoard, L as useBoardItem };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lilt-ui/charts",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "description": "Beautiful, key-typed React chart cards with linked hover, targets, forecasts, finance charts, and calm motion.",
   "keywords": [
     "react",