@knpkv/rly 0.13.0 → 0.15.0

package/dist/{primitives-Bd6WhE78.js → primitives-DgQybTyq.js}

@@ -1,15 +1,15 @@
 import { r as e, t } from "./ThemeProvider-BFeldMeE.js";
-import { i as n } from "./PortalProvider-CN_81Fy3.js";
+import { i as n } from "./PortalProvider-op07u8na.js";
 import { i as r, n as i, o as a, r as o, t as s } from "./component-DKy8kjZl.js";
-import { h as c, i as l, p as u } from "./Dialog-B9Ub_gMT.js";
-import { RadioGroup as d, Tabs as f } from "radix-ui";
-import { createElement as p, useCallback as m, useEffect as h, useId as g, useLayoutEffect as _, useMemo as v, useRef as y, useState as b } from "react";
-import { Fragment as ee, jsx as x, jsxs as S } from "react/jsx-runtime";
-var C = {
+import { g as c, s as l, v as u } from "./Dialog-CU66FqWD.js";
+import { RadioGroup as d } from "radix-ui";
+import { createElement as f, useCallback as p, useEffect as m, useId as ee, useLayoutEffect as h, useMemo as g, useRef as _, useState as v } from "react";
+import { Fragment as te, jsx as y, jsxs as b } from "react/jsx-runtime";
+var x = {
 	root: "rly_ChartLegend-module__root",
 	item: "rly_ChartLegend-module__item",
 	swatch: "rly_ChartLegend-module__swatch"
-}, w = (e) => i(C, e), T = [
+}, S = (e) => i(x, e), ne = [
 	1,
 	2,
 	3,
@@ -19,135 +19,135 @@ var C = {
 	7,
 	8,
 	"other"
-], te = (e) => `var(--rly-color-series-${e})`, ne = (e) => {
+], re = (e) => `var(--rly-color-series-${e})`, C = (e) => {
 	let t = /* @__PURE__ */ new Set();
 	for (let n of e) {
 		let e = r(n.id, "ChartLegend item id");
 		if (t.has(e)) throw Error(`ChartLegend item ids must be unique: ${e}`);
 		t.add(e);
 	}
-}, re = ({ className: e, items: t, label: n, ...i }) => (ne(t), t.length === 0 ? null : /* @__PURE__ */ x("ul", {
+}, ie = ({ className: e, items: t, label: n, ...i }) => (C(t), t.length === 0 ? null : /* @__PURE__ */ y("ul", {
 	...i,
 	"aria-label": r(n, "ChartLegend label"),
-	className: s(w("root"), e),
+	className: s(S("root"), e),
 	role: "list",
-	children: t.map((e) => /* @__PURE__ */ S("li", {
-		className: w("item"),
-		children: [/* @__PURE__ */ x("span", {
+	children: t.map((e) => /* @__PURE__ */ b("li", {
+		className: S("item"),
+		children: [/* @__PURE__ */ y("span", {
 			"aria-hidden": "true",
-			className: w("swatch"),
+			className: S("swatch"),
 			"data-series": String(e.series),
-			style: { background: te(e.series) }
+			style: { background: re(e.series) }
 		}), r(e.label, "ChartLegend item label")]
 	}, e.id))
-})), E = {
+})), ae = {
 	root: "rly_Divider-module__root",
 	horizontal: "rly_Divider-module__horizontal",
 	vertical: "rly_Divider-module__vertical",
 	subtle: "rly_Divider-module__subtle",
 	strong: "rly_Divider-module__strong"
-}, D = (e) => i(E, e), O = o({
+}, w = (e) => i(ae, e), T = o({
 	orientation: {
 		horizontal: {
-			className: D("horizontal"),
+			className: w("horizontal"),
 			purpose: "Separate stacked content",
 			tokens: ["space-0"]
 		},
 		vertical: {
-			className: D("vertical"),
+			className: w("vertical"),
 			purpose: "Separate adjacent content",
 			tokens: ["space-0"]
 		}
 	},
 	strength: {
 		subtle: {
-			className: D("subtle"),
+			className: w("subtle"),
 			purpose: "Quiet structural boundary",
 			tokens: ["color-border-1"]
 		},
 		strong: {
-			className: D("strong"),
+			className: w("strong"),
 			purpose: "Explicit structural boundary",
 			tokens: ["color-border-2"]
 		}
 	}
-}), k = o({
+}), oe = o({
 	orientation: "horizontal",
 	strength: "subtle"
-}), ie = ({ className: e, decorative: t = !0, label: n, orientation: i = "horizontal", strength: a = "subtle", ...o }) => {
+}), E = ({ className: e, decorative: t = !0, label: n, orientation: i = "horizontal", strength: a = "subtle", ...o }) => {
 	if (!t && n === void 0) throw Error("Semantic Divider label must contain visible text");
 	let c = t || n === void 0 ? void 0 : r(n, "Semantic Divider label");
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ y("div", {
 		...o,
 		"aria-hidden": t ? "true" : void 0,
 		"aria-label": c,
 		"aria-orientation": t ? void 0 : i,
-		className: s(D("root"), O.orientation[i].className, O.strength[a].className, e),
+		className: s(w("root"), T.orientation[i].className, T.strength[a].className, e),
 		role: t ? "presentation" : "separator"
 	});
-}, ae = {
+}, se = {
 	root: "rly_LimitTrack-module__root",
 	defaultSize: "rly_LimitTrack-module__defaultSize",
 	slim: "rly_LimitTrack-module__slim",
 	fill: "rly_LimitTrack-module__fill",
 	projection: "rly_LimitTrack-module__projection",
 	near: "rly_LimitTrack-module__near"
-}, A = (e) => i(ae, e), j = o({ size: {
+}, D = (e) => i(se, e), O = o({ size: {
 	default: {
-		className: A("defaultSize"),
+		className: D("defaultSize"),
 		purpose: "A limit beside its numbers",
 		tokens: ["space-12", "radius-tag"]
 	},
 	slim: {
-		className: A("slim"),
+		className: D("slim"),
 		purpose: "A limit inside a dense row",
 		tokens: ["space-6", "radius-tag"]
 	}
-} }), oe = o({ size: "default" }), M = (e) => e !== null && Number.isFinite(e) ? e : null, N = (e, t) => {
+} }), k = o({ size: "default" }), A = (e) => e !== null && Number.isFinite(e) ? e : null, j = (e, t) => {
 	if (!Number.isFinite(e)) throw Error(`${t} must be a finite number`);
 	return e;
-}, se = (e, t) => {
-	let n = N(t, "limitTrackTone near"), r = M(e);
+}, M = (e, t) => {
+	let n = j(t, "limitTrackTone near"), r = A(e);
 	return r === null ? "unknown" : r >= 100 ? "full" : r >= n ? "near" : "ok";
-}, P = (e) => Math.min(100, Math.max(0, e)), F = ({ className: e, decorative: t = !0, label: n, near: i = 80, projected: a, size: o = oe.size, stale: c = !1, value: l, valueText: u, ...d }) => {
-	let f = M(l), p = N(i, "LimitTrack near"), m = !t, h = m ? r(n ?? "", "LimitTrack label") : void 0, g = m ? r(u ?? "", "LimitTrack valueText") : void 0, _ = m && f !== null, v = f !== null && a !== void 0 && Number.isFinite(a) && a > f ? {
-		start: P(f),
-		length: P(a) - P(f)
+}, N = (e) => Math.min(100, Math.max(0, e)), ce = ({ className: e, decorative: t = !0, label: n, near: i = 80, projected: a, size: o = k.size, stale: c = !1, value: l, valueText: u, ...d }) => {
+	let f = A(l), p = j(i, "LimitTrack near"), m = !t, ee = m ? r(n ?? "", "LimitTrack label") : void 0, h = m ? r(u ?? "", "LimitTrack valueText") : void 0, g = m && f !== null, _ = f !== null && a !== void 0 && Number.isFinite(a) && a > f ? {
+		start: N(f),
+		length: N(a) - N(f)
 	} : null;
-	return /* @__PURE__ */ S("span", {
+	return /* @__PURE__ */ b("span", {
 		...d,
 		"aria-hidden": m ? void 0 : "true",
-		"aria-label": m && !_ ? `${h}: ${g}` : h,
-		"aria-valuemax": _ ? 100 : void 0,
-		"aria-valuemin": _ ? 0 : void 0,
-		"aria-valuenow": _ && f !== null ? P(f) : void 0,
-		"aria-valuetext": _ ? g : void 0,
-		className: s(A("root"), j.size[o].className, e),
+		"aria-label": m && !g ? `${ee}: ${h}` : ee,
+		"aria-valuemax": g ? 100 : void 0,
+		"aria-valuemin": g ? 0 : void 0,
+		"aria-valuenow": g && f !== null ? N(f) : void 0,
+		"aria-valuetext": g ? h : void 0,
+		className: s(D("root"), O.size[o].className, e),
 		"data-stale": c ? "true" : void 0,
-		"data-tone": se(f, p),
-		role: m ? _ ? "meter" : "img" : void 0,
+		"data-tone": M(f, p),
+		role: m ? g ? "meter" : "img" : void 0,
 		children: [
-			f === null ? null : /* @__PURE__ */ x("span", {
-				className: A("fill"),
+			f === null ? null : /* @__PURE__ */ y("span", {
+				className: D("fill"),
 				"data-part": "fill",
-				style: { inlineSize: `${P(f)}%` }
+				style: { inlineSize: `${N(f)}%` }
 			}),
-			v === null ? null : /* @__PURE__ */ x("span", {
-				className: A("projection"),
+			_ === null ? null : /* @__PURE__ */ y("span", {
+				className: D("projection"),
 				"data-part": "projection",
 				style: {
-					inlineSize: `${v.length}%`,
-					insetInlineStart: `${v.start}%`
+					inlineSize: `${_.length}%`,
+					insetInlineStart: `${_.start}%`
 				}
 			}),
-			/* @__PURE__ */ x("span", {
-				className: A("near"),
+			/* @__PURE__ */ y("span", {
+				className: D("near"),
 				"data-part": "near",
-				style: { insetInlineStart: `min(${P(p)}%, 100% - 1px)` }
+				style: { insetInlineStart: `min(${N(p)}%, 100% - 1px)` }
 			})
 		]
 	});
-}, I = {
+}, P = {
 	root: "rly_Notice-module__root",
 	neutral: "rly_Notice-module__neutral",
 	positive: "rly_Notice-module__positive",
@@ -158,29 +158,29 @@ var C = {
 	lead: "rly_Notice-module__lead",
 	message: "rly_Notice-module__message",
 	action: "rly_Notice-module__action"
-}, L = (e) => i(I, e), ce = o({ tone: {
+}, F = (e) => i(P, e), I = o({ tone: {
 	neutral: {
-		className: L("neutral"),
+		className: F("neutral"),
 		purpose: "Neutral context",
 		tokens: ["color-text-2", "color-border-1"]
 	},
 	positive: {
-		className: L("positive"),
+		className: F("positive"),
 		purpose: "Completed outcome",
 		tokens: ["color-success-ink"]
 	},
 	critical: {
-		className: L("critical"),
+		className: F("critical"),
 		purpose: "Failure that needs attention",
 		tokens: ["color-blocked-ink"]
 	},
 	caution: {
-		className: L("caution"),
+		className: F("caution"),
 		purpose: "Limitation or warning",
 		tokens: ["color-held-ink"]
 	},
 	progress: {
-		className: L("progress"),
+		className: F("progress"),
 		purpose: "Work in progress",
 		tokens: ["color-deploying-ink"]
 	}
@@ -192,27 +192,27 @@ var C = {
 	progress: "loader"
 }, de = ({ action: e, announce: t = "off", children: r, className: i, icon: a, tone: o = "neutral", ...c }) => {
 	let l = a ?? ue[o], u = t === "assertive" ? "alert" : t === "polite" ? "status" : c.role;
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ b("div", {
 		...c,
 		"aria-live": t === "off" ? void 0 : t,
-		className: s(L("root"), ce.tone[o].className, i),
+		className: s(F("root"), I.tone[o].className, i),
 		role: u,
-		children: [/* @__PURE__ */ S("div", {
-			className: L("lead"),
-			children: [l === void 0 ? null : /* @__PURE__ */ x("span", {
+		children: [/* @__PURE__ */ b("div", {
+			className: F("lead"),
+			children: [l === void 0 ? null : /* @__PURE__ */ y("span", {
 				"aria-hidden": "true",
-				className: L("icon"),
-				children: /* @__PURE__ */ x(n, {
+				className: F("icon"),
+				children: /* @__PURE__ */ y(n, {
 					decorative: !0,
 					name: l,
 					size: "small"
 				})
-			}), /* @__PURE__ */ x("div", {
-				className: L("message"),
+			}), /* @__PURE__ */ y("div", {
+				className: F("message"),
 				children: r
 			})]
-		}), e === void 0 ? null : /* @__PURE__ */ x("div", {
-			className: L("action"),
+		}), e === void 0 ? null : /* @__PURE__ */ y("div", {
+			className: F("action"),
 			children: e
 		})]
 	});
@@ -223,7 +223,7 @@ var C = {
 	6,
 	12,
 	24
-], R = 24, z = (e, t) => {
+], L = 24, R = (e, t) => {
 	let n = [];
 	for (let r = 0; r < e; r += t) n.push(r);
 	return e % t > 0 && n.length > 1 && n.pop(), n;
@@ -232,28 +232,28 @@ var C = {
 		let r = e[t - 1];
 		if (n.end < n.start || r !== void 0 && n.start < r.end) throw Error(`StackedBars columns must be in time order without overlaps; column ${t} is not`);
 	}
-}, me = (e) => {
+}, z = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) for (let e of n.segments) t.has(e.id) || t.set(e.id, t.size);
 	return t;
-}, he = (e, t, n) => {
-	let r = e[0]?.start ?? 0, i = Math.max(1, (e[e.length - 1]?.end ?? r) - r), a = z(e.length, t), o = Infinity;
+}, me = (e, t, n) => {
+	let r = e[0]?.start ?? 0, i = Math.max(1, (e[e.length - 1]?.end ?? r) - r), a = R(e.length, t), o = Infinity;
 	for (let [t, s] of a.entries()) {
 		let c = (a[t + 1] ?? e.length) - 1;
 		o = Math.min(o, ((e[c]?.end ?? r) - (e[s]?.start ?? r)) / i * n);
 	}
 	return o;
-}, ge = (e, t, n = 6) => {
+}, he = (e, t, n = 6) => {
 	if (t.length === 0) return 1;
-	let r = fe.find((r) => he(t, r, e) >= n);
+	let r = fe.find((r) => me(t, r, e) >= n);
 	if (r !== void 0) return r;
-	for (let r = 2; r * R < t.length; r += 1) if (he(t, r * R, e) >= n) return r * R;
+	for (let r = 2; r * L < t.length; r += 1) if (me(t, r * L, e) >= n) return r * L;
 	return t.length;
-}, _e = (e, t, n) => {
+}, ge = (e, t, n) => {
 	let r = Math.max(1, t.reduce((e, t) => e + Math.max(0, t.end - t.start), 0)) / Math.max(1, t.length);
 	return e.map((e) => r * n / Math.max(1, e.end - e.start));
-}, ve = (e, t) => {
-	let n = [], r = me(e), i = z(e.length, t);
+}, _e = (e, t) => {
+	let n = [], r = z(e), i = R(e.length, t);
 	for (let [t, a] of i.entries()) {
 		let o = e.slice(a, i[t + 1] ?? e.length), s = /* @__PURE__ */ new Map();
 		for (let e of o.flatMap((e) => e.segments)) {
@@ -278,7 +278,7 @@ var C = {
 		});
 	}
 	return n;
-}, ye = (e, t, n, r) => {
+}, ve = (e, t, n, r) => {
 	let i = t[n];
 	return i === void 0 ? e : !r || e === null ? {
 		from: i.first,
@@ -287,7 +287,7 @@ var C = {
 		from: Math.min(e.from, i.first),
 		to: Math.max(e.to, i.last)
 	};
-}, be = (e, t, n) => {
+}, ye = (e, t, n) => {
 	let r = (e) => Math.max(0, Math.min(n, e));
 	switch (e) {
 		case "ArrowLeft": return r(t - 1);
@@ -296,7 +296,7 @@ var C = {
 		case "End": return n;
 		default: return null;
 	}
-}, xe = (e, t, n) => e.length === 0 ? [] : e.length === 1 ? t >= 2 * n ? [{
+}, be = (e, t, n) => e.length === 0 ? [] : e.length === 1 ? t >= 2 * n ? [{
 	anchor: "start",
 	index: 0
 }, { anchor: "end" }] : [{
@@ -308,7 +308,7 @@ var C = {
 		anchor: "start",
 		index: a
 	}] : r;
-}, []), { anchor: "end" }], Se = {
+}, []), { anchor: "end" }], xe = {
 	root: "rly_StackedBars-module__root",
 	band: "rly_StackedBars-module__band",
 	bandLabel: "rly_StackedBars-module__bandLabel",
@@ -336,7 +336,7 @@ var C = {
 	axis: "rly_StackedBars-module__axis",
 	barsClip: "rly_StackedBars-module__barsClip",
 	hidden: "rly_StackedBars-module__hidden"
-}, B = (e) => i(Se, e), Ce = 72, we = 8, Te = 500, Ee = 24, De = (e, t) => {
+}, B = (e) => i(xe, e), Se = 72, Ce = 8, we = 500, Te = 24, Ee = (e, t) => {
 	if (a(e)) {
 		let n = e(t);
 		return a(n) ? n : () => e(null);
@@ -344,35 +344,35 @@ var C = {
 	return e == null ? () => void 0 : (e.current = t, () => {
 		e.current = null;
 	});
-}, Oe = (e, t) => {
-	let [n, r] = b(e);
-	return [n, m((e) => {
+}, De = (e, t) => {
+	let [n, r] = v(e);
+	return [n, p((e) => {
 		if (e === null) return;
-		let n = De(t, e), i = new ResizeObserver(([e]) => {
+		let n = Ee(t, e), i = new ResizeObserver(([e]) => {
 			e !== void 0 && r(e.contentRect.width);
 		});
 		return i.observe(e), () => {
 			i.disconnect(), n();
 		};
 	}, [t])];
-}, ke = (e) => Number.isFinite(e) ? Math.min(100, Math.max(0, e)) : null, V = (e) => {
+}, Oe = (e) => Number.isFinite(e) ? Math.min(100, Math.max(0, e)) : null, ke = (e) => {
 	if (!Number.isFinite(e)) throw Error("StackedBars near level must be a finite percentage");
 	return Math.min(100, Math.max(0, e));
 }, Ae = (e, t, n) => Math.max(0, Math.min(1, (e - t) / Math.max(1, n - t))), je = ({ band: e, from: t, to: n, window: i }) => {
-	let a = (e) => Ae(e, t, n) * 1e3, o = e.near === void 0 ? void 0 : V(e.near.level);
-	return /* @__PURE__ */ S("div", {
+	let a = (e) => Ae(e, t, n) * 1e3, o = e.near === void 0 ? void 0 : ke(e.near.level);
+	return /* @__PURE__ */ b("div", {
 		className: B("band"),
 		"data-band": e.id,
-		children: [/* @__PURE__ */ x("span", {
+		children: [/* @__PURE__ */ y("span", {
 			className: B("bandLabel"),
 			children: r(e.label, "StackedBars band label")
-		}), /* @__PURE__ */ S("svg", {
+		}), /* @__PURE__ */ b("svg", {
 			"aria-hidden": "true",
 			className: B("bandPlot"),
 			preserveAspectRatio: "none",
 			viewBox: "0 0 1000 100",
 			children: [
-				i === void 0 ? null : /* @__PURE__ */ x("rect", {
+				i === void 0 ? null : /* @__PURE__ */ y("rect", {
 					className: B("window"),
 					"data-part": "window",
 					height: 100,
@@ -382,15 +382,15 @@ var C = {
 				e.segments.map((e, t) => {
 					let n = a(e.from), r = a(e.to) - n;
 					if (r <= 0) return null;
-					let i = e.level === null ? null : ke(e.level);
-					if (i === null) return /* @__PURE__ */ x("rect", {
+					let i = e.level === null ? null : Oe(e.level);
+					if (i === null) return /* @__PURE__ */ y("rect", {
 						className: B("unknown"),
 						height: 100,
 						width: r,
 						x: n
 					}, `${t}:${e.from}`);
 					let s = i;
-					return /* @__PURE__ */ x("rect", {
+					return /* @__PURE__ */ y("rect", {
 						className: B("level"),
 						"data-tone": s >= 100 ? "full" : o !== void 0 && s >= o ? "near" : "ok",
 						height: s,
@@ -399,14 +399,14 @@ var C = {
 						y: 100 - s
 					}, `${t}:${e.from}`);
 				}),
-				o === void 0 ? null : /* @__PURE__ */ x("line", {
+				o === void 0 ? null : /* @__PURE__ */ y("line", {
 					className: B("near"),
 					x1: 0,
 					x2: 1e3,
 					y1: 100 - o,
 					y2: 100 - o
 				}),
-				i === void 0 ? null : /* @__PURE__ */ x("rect", {
+				i === void 0 ? null : /* @__PURE__ */ y("rect", {
 					className: B("windowEdge"),
 					"data-part": "window-edge",
 					height: 100,
@@ -416,124 +416,124 @@ var C = {
 			]
 		})]
 	});
-}, H = ({ bands: e = [], className: t, columns: n, describeSelection: i, formatScale: a, formatTick: o, height: c = 180, instructions: l, label: u, noReadingLabel: d, onSelectionChange: f, ref: p, selection: m, window: C, ...w }) => {
+}, V = ({ bands: e = [], className: t, columns: n, describeSelection: i, formatScale: a, formatTick: o, height: c = 180, instructions: l, label: u, noReadingLabel: d, onSelectionChange: f, ref: p, selection: x, window: S, ...ne }) => {
 	pe(n);
-	let [T, ne] = Oe(720, p), re = g(), E = ge(T, n, Ee), D = v(() => ve(n, E), [n, E]), O = _e(D, n, E), k = Math.max(0, ...D.map(({ total: e }, t) => e * (O[t] ?? 1))), ie = [...new Set(e.flatMap((e) => e.near === void 0 ? [] : [r(e.near.label, "StackedBars near label")]))], ae = e.some((e) => e.segments.some((e) => e.level === null || ke(e.level) === null)) ? r(d ?? "", "StackedBars noReadingLabel (a band has a stretch with no reading)") : void 0, A = n[0]?.start ?? 0, j = n[n.length - 1]?.end ?? A, [oe, M] = b(Ce), N = y(null), se = xe(D.map((e) => Ae(e.start, A, j) * T), T, oe), [P, F] = b(null), [I, L] = b(null), ce = y("mouse"), le = y(m), [ue, de] = b(0), fe = (e) => {
-		le.current = e, de((e) => e + 1), f(e);
-	}, R = m?.from, z = m?.to;
-	h(() => {
-		let e = le.current;
-		(e === null ? R !== void 0 : e.from !== R || e.to !== z) && (F(null), L(null)), le.current = R === void 0 || z === void 0 ? null : {
+	let [C, ie] = De(720, p), ae = ee(), w = he(C, n, Te), T = g(() => _e(n, w), [n, w]), oe = ge(T, n, w), E = Math.max(0, ...T.map(({ total: e }, t) => e * (oe[t] ?? 1))), se = [...new Set(e.flatMap((e) => e.near === void 0 ? [] : [r(e.near.label, "StackedBars near label")]))], D = e.some((e) => e.segments.some((e) => e.level === null || Oe(e.level) === null)) ? r(d ?? "", "StackedBars noReadingLabel (a band has a stretch with no reading)") : void 0, O = n[0]?.start ?? 0, k = n[n.length - 1]?.end ?? O, [A, j] = v(Se), M = _(null), N = be(T.map((e) => Ae(e.start, O, k) * C), C, A), [ce, P] = v(null), [F, I] = v(null), le = _("mouse"), ue = _(x), [de, fe] = v(0), L = (e) => {
+		ue.current = e, fe((e) => e + 1), f(e);
+	}, R = x?.from, z = x?.to;
+	m(() => {
+		let e = ue.current;
+		(e === null ? R !== void 0 : e.from !== R || e.to !== z) && (P(null), I(null)), ue.current = R === void 0 || z === void 0 ? null : {
 			from: R,
 			to: z
 		};
 	}, [R, z]);
-	let [me, he] = b(""), Se = y("");
-	Se.current = i(m);
-	let De = (e) => Math.min(D.length - 1, Math.floor(e / E)), V = P === null ? null : De(P);
-	h(() => {
-		if (ue === 0) return;
-		he("");
-		let e = setTimeout(() => he(Se.current), Te);
+	let [me, xe] = v(""), Ee = _("");
+	Ee.current = i(x);
+	let ke = (e) => Math.min(T.length - 1, Math.floor(e / w)), V = ce === null ? null : ke(ce);
+	m(() => {
+		if (de === 0) return;
+		xe("");
+		let e = setTimeout(() => xe(Ee.current), we);
 		return () => clearTimeout(e);
-	}, [ue]), _(() => {
-		M(Ce);
+	}, [de]), h(() => {
+		j(Se);
 	}, [
-		E,
-		A,
-		j
+		w,
+		O,
+		k
 	]);
-	let [H, Me] = b(void 0);
-	_(() => {
-		let e = [...N.current?.querySelectorAll("[data-anchor]") ?? []], t = Math.max(0, ...e.map((e) => e.scrollWidth));
-		t + we > oe && M(t + we);
+	let [H, U] = v(void 0);
+	h(() => {
+		let e = [...M.current?.querySelectorAll("[data-anchor]") ?? []], t = Math.max(0, ...e.map((e) => e.scrollWidth));
+		t + Ce > A && j(t + Ce);
 		let n = Math.max(0, ...e.map((e) => e.offsetHeight));
-		n > 0 && n !== H && Me(n);
+		n > 0 && n !== H && U(n);
 	});
-	let U = (e) => {
+	let W = (e) => {
 		if (e.key === "Escape") {
-			if (m === null) return;
-			e.preventDefault(), F(null), L(null), fe(null);
+			if (x === null) return;
+			e.preventDefault(), P(null), I(null), L(null);
 			return;
 		}
-		if (D.length === 0) return;
-		let t = V ?? (m === null ? D.length - 1 : De(m.to)), n = be(e.key, t, D.length - 1);
-		n !== null && (e.preventDefault(), F(D[n]?.first ?? null), L(null), fe(ye(m, D, n, e.shiftKey)));
-	}, W = n[0]?.start ?? 0, Ne = n[n.length - 1]?.end ?? W, G = (e) => Ae(e, W, Ne) * 1e3, K = (e, t) => ({
-		width: Math.max(0, G(t) - G(e)),
-		x: G(e)
-	}), q = C === void 0 ? null : K(C.from, C.to), J = m === null ? void 0 : n[Math.max(0, m.from)], Pe = m === null ? void 0 : n[Math.min(n.length - 1, m.to)], Y = J === void 0 || Pe === void 0 ? null : K(J.start, Pe.end), Fe = V === null ? void 0 : D[V], Ie = Math.max(Ee, c), X = 1e3 / Math.max(1, T), Z = 100 / Ie, Q = Fe === void 0 ? null : K(Fe.start, Fe.end);
-	return /* @__PURE__ */ S("div", {
-		...w,
+		if (T.length === 0) return;
+		let t = V ?? (x === null ? T.length - 1 : ke(x.to)), n = ye(e.key, t, T.length - 1);
+		n !== null && (e.preventDefault(), P(T[n]?.first ?? null), I(null), L(ve(x, T, n, e.shiftKey)));
+	}, G = n[0]?.start ?? 0, Me = n[n.length - 1]?.end ?? G, K = (e) => Ae(e, G, Me) * 1e3, q = (e, t) => ({
+		width: Math.max(0, K(t) - K(e)),
+		x: K(e)
+	}), J = S === void 0 ? null : q(S.from, S.to), Y = x === null ? void 0 : n[Math.max(0, x.from)], Ne = x === null ? void 0 : n[Math.min(n.length - 1, x.to)], X = Y === void 0 || Ne === void 0 ? null : q(Y.start, Ne.end), Z = V === null ? void 0 : T[V], Pe = Math.max(Te, c), Q = 1e3 / Math.max(1, C), Fe = 100 / Pe, Ie = Z === void 0 ? null : q(Z.start, Z.end);
+	return /* @__PURE__ */ b("div", {
+		...ne,
 		className: s(B("root"), t),
-		ref: ne,
+		ref: ie,
 		children: [
-			e.map((e) => /* @__PURE__ */ x(je, {
+			e.map((e) => /* @__PURE__ */ y(je, {
 				band: e,
-				from: W,
-				to: Ne,
-				window: C
+				from: G,
+				to: Me,
+				window: S
 			}, e.id)),
-			/* @__PURE__ */ x("span", {
+			/* @__PURE__ */ y("span", {
 				className: B("scale"),
-				children: a(k, E)
+				children: a(E, w)
 			}),
-			/* @__PURE__ */ x("div", {
-				"aria-describedby": re,
+			/* @__PURE__ */ y("div", {
+				"aria-describedby": ae,
 				"aria-label": r(u, "StackedBars label"),
 				"aria-roledescription": "chart",
 				className: B("plot"),
-				onBlur: () => F(null),
-				onKeyDown: U,
+				onBlur: () => P(null),
+				onKeyDown: W,
 				role: "group",
-				style: { blockSize: `${Ie}px` },
+				style: { blockSize: `${Pe}px` },
 				tabIndex: 0,
-				children: /* @__PURE__ */ S("svg", {
+				children: /* @__PURE__ */ b("svg", {
 					"aria-hidden": "true",
 					className: B("bars"),
 					preserveAspectRatio: "none",
 					viewBox: "0 0 1000 100",
 					children: [
-						q === null || q.width <= 0 ? null : /* @__PURE__ */ x("rect", {
+						J === null || J.width <= 0 ? null : /* @__PURE__ */ y("rect", {
 							className: B("window"),
 							"data-part": "window",
 							height: 100,
-							width: q.width,
-							x: q.x
+							width: J.width,
+							x: J.x
 						}),
-						Y === null || Y.width <= 0 ? null : /* @__PURE__ */ x("rect", {
+						X === null || X.width <= 0 ? null : /* @__PURE__ */ y("rect", {
 							className: B("selection"),
 							"data-part": "selection",
 							height: 100,
-							width: Y.width,
-							x: Y.x
+							width: X.width,
+							x: X.x
 						}),
-						/* @__PURE__ */ x("g", {
+						/* @__PURE__ */ y("g", {
 							className: B("barsClip"),
-							children: D.map((e, t) => {
-								let n = K(e.start, e.end), r = m !== null && e.last >= m.from && e.first <= m.to;
-								return /* @__PURE__ */ S("g", {
+							children: T.map((e, t) => {
+								let n = q(e.start, e.end), r = x !== null && e.last >= x.from && e.first <= x.to;
+								return /* @__PURE__ */ b("g", {
 									"data-bin": t,
 									"data-focused": V === t ? "true" : void 0,
 									"data-selected": r ? "true" : void 0,
 									onClick: (n) => {
-										let r = ce.current === "touch", i = n.shiftKey || r && m !== null && I !== null && I >= m.from && I <= m.to && (I < e.first || I > e.last);
-										fe(ye(m, D, t, i)), F(e.first), L(r && !i ? e.first : null);
+										let r = le.current === "touch", i = n.shiftKey || r && x !== null && F !== null && F >= x.from && F <= x.to && (F < e.first || F > e.last);
+										L(ve(x, T, t, i)), P(e.first), I(r && !i ? e.first : null);
 									},
 									onPointerDown: (e) => {
-										ce.current = e.pointerType;
+										le.current = e.pointerType;
 									},
-									children: [/* @__PURE__ */ x("rect", {
+									children: [/* @__PURE__ */ y("rect", {
 										className: B("hit"),
 										height: 100,
 										width: n.width,
 										x: n.x
 									}), e.segments.map((e) => {
-										let r = O[t] ?? 1, i = k === 0 ? 0 : (e.offset + e.value) * r / k * 88, a = k === 0 ? 0 : e.value * r / k * 88;
-										return /* @__PURE__ */ x("rect", {
+										let r = oe[t] ?? 1, i = E === 0 ? 0 : (e.offset + e.value) * r / E * 88, a = E === 0 ? 0 : e.value * r / E * 88;
+										return /* @__PURE__ */ y("rect", {
 											className: B("segment"),
 											"data-series": String(e.series),
-											fill: te(e.series),
+											fill: re(e.series),
 											height: a,
 											width: n.width,
 											x: n.x,
@@ -543,92 +543,92 @@ var C = {
 								}, e.first);
 							})
 						}),
-						Y === null || Y.width <= 0 ? null : /* @__PURE__ */ S(ee, { children: [/* @__PURE__ */ x("rect", {
+						X === null || X.width <= 0 ? null : /* @__PURE__ */ b(te, { children: [/* @__PURE__ */ y("rect", {
 							className: B("selectionHalo"),
 							"data-part": "selection-halo",
 							height: 100,
-							width: Y.width,
-							x: Y.x
-						}), /* @__PURE__ */ x("rect", {
+							width: X.width,
+							x: X.x
+						}), /* @__PURE__ */ y("rect", {
 							className: B("selectionEdge"),
 							"data-part": "selection-edge",
 							height: 100,
-							width: Y.width,
-							x: Y.x
+							width: X.width,
+							x: X.x
 						})] }),
-						q === null || q.width <= 0 ? null : /* @__PURE__ */ x("rect", {
+						J === null || J.width <= 0 ? null : /* @__PURE__ */ y("rect", {
 							className: B("windowEdge"),
 							"data-part": "window-edge",
 							height: 100,
-							width: q.width,
-							x: q.x
+							width: J.width,
+							x: J.x
 						}),
-						Q === null ? null : /* @__PURE__ */ x("rect", {
+						Ie === null ? null : /* @__PURE__ */ y("rect", {
 							className: B("focusRing"),
 							"data-part": "focus-ring",
-							height: Math.max(0, 100 - 2 * Z),
-							width: Math.max(0, Q.width - 2 * X),
-							x: Q.x + X,
-							y: Z
+							height: Math.max(0, 100 - 2 * Fe),
+							width: Math.max(0, Ie.width - 2 * Q),
+							x: Ie.x + Q,
+							y: Fe
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ y("div", {
 				"aria-hidden": "true",
 				className: B("axis"),
-				ref: N,
+				ref: M,
 				style: H === void 0 ? void 0 : { blockSize: `${H}px` },
-				children: se.map((e) => {
-					let t = e.anchor === "end" ? j : D[e.index]?.start;
-					return t === void 0 ? null : /* @__PURE__ */ x("span", {
+				children: N.map((e) => {
+					let t = e.anchor === "end" ? k : T[e.index]?.start;
+					return t === void 0 ? null : /* @__PURE__ */ y("span", {
 						className: B("tick"),
 						"data-anchor": e.anchor,
-						style: e.anchor === "end" ? { right: 0 } : { left: `${G(t) / 10}%` },
-						children: o(t, E)
+						style: e.anchor === "end" ? { right: 0 } : { left: `${K(t) / 10}%` },
+						children: o(t, w)
 					}, e.anchor === "end" ? "end" : e.index);
 				})
 			}),
-			C === void 0 && ie.length === 0 && ae === void 0 ? null : /* @__PURE__ */ S("ul", {
+			S === void 0 && se.length === 0 && D === void 0 ? null : /* @__PURE__ */ b("ul", {
 				className: B("keys"),
 				role: "list",
 				children: [
-					C === void 0 ? null : /* @__PURE__ */ S("li", {
+					S === void 0 ? null : /* @__PURE__ */ b("li", {
 						className: B("windowKey"),
-						children: [/* @__PURE__ */ x("span", {
+						children: [/* @__PURE__ */ y("span", {
 							"aria-hidden": "true",
 							className: B("windowSwatch")
-						}), r(C.label, "StackedBars window label")]
+						}), r(S.label, "StackedBars window label")]
 					}),
-					ie.map((e) => /* @__PURE__ */ S("li", {
+					se.map((e) => /* @__PURE__ */ b("li", {
 						className: B("windowKey"),
-						children: [/* @__PURE__ */ x("span", {
+						children: [/* @__PURE__ */ y("span", {
 							"aria-hidden": "true",
 							className: B("nearSwatch")
 						}), e]
 					}, e)),
-					ae === void 0 ? null : /* @__PURE__ */ S("li", {
+					D === void 0 ? null : /* @__PURE__ */ b("li", {
 						className: B("windowKey"),
-						children: [/* @__PURE__ */ x("span", {
+						children: [/* @__PURE__ */ y("span", {
 							"aria-hidden": "true",
 							className: B("unknownSwatch")
-						}), ae]
+						}), D]
 					})
 				]
 			}),
-			/* @__PURE__ */ x("p", {
+			/* @__PURE__ */ y("p", {
 				className: B("hidden"),
-				id: re,
+				id: ae,
 				children: r(l, "StackedBars instructions")
 			}),
-			/* @__PURE__ */ x("p", {
+			/* @__PURE__ */ y("p", {
 				"aria-live": "polite",
 				className: B("hidden"),
 				children: me
 			})
 		]
 	});
-}, Me = {
+}, H = {
 	root: "rly_Surface-module__root",
 	tonePrimary: "rly_Surface-module__tonePrimary",
 	toneSecondary: "rly_Surface-module__toneSecondary",
@@ -639,7 +639,7 @@ var C = {
 	paddingCompact: "rly_Surface-module__paddingCompact",
 	paddingDefault: "rly_Surface-module__paddingDefault",
 	paddingSpacious: "rly_Surface-module__paddingSpacious"
-}, U = (e) => i(Me, e), W = o({
+}, U = (e) => i(H, e), W = o({
 	tone: {
 		primary: {
 			className: U("tonePrimary"),
@@ -691,83 +691,15 @@ var C = {
 			tokens: ["space-32"]
 		}
 	}
-}), Ne = o({
+}), G = o({
 	tone: "primary",
 	form: "card",
 	padding: "default"
-}), G = ({ as: e, children: t, className: n, form: r = "card", padding: i = "default", ref: a, tone: o = "primary", ...c }) => p(e ?? "div", {
+}), Me = ({ as: e, children: t, className: n, form: r = "card", padding: i = "default", ref: a, tone: o = "primary", ...c }) => f(e ?? "div", {
 	...c,
 	className: s(U("root"), W.tone[o].className, W.form[r].className, W.padding[i].className, n),
 	ref: a
 }, t), K = {
-	root: "rly_Tabs-module__root",
-	list: "rly_Tabs-module__list",
-	trigger: "rly_Tabs-module__trigger",
-	defaultSize: "rly_Tabs-module__defaultSize",
-	large: "rly_Tabs-module__large",
-	panel: "rly_Tabs-module__panel"
-}, q = (e) => i(K, e), J = o({ size: {
-	default: {
-		className: q("defaultSize"),
-		purpose: "Standard section navigation",
-		tokens: [
-			"type-label",
-			"space-40",
-			"space-4"
-		]
-	},
-	large: {
-		className: q("large"),
-		purpose: "Prominent page-level navigation",
-		tokens: ["type-body", "space-48"]
-	}
-} }), Pe = o({ size: "default" }), Y = (e) => {
-	if (e.length === 0) throw Error("Tabs items must contain at least one enabled tab");
-	let t = /* @__PURE__ */ new Set(), n;
-	for (let i of e) {
-		let e = r(i.value, "Tab value");
-		if (r(i.label, `Tab label for ${e}`), t.has(e)) throw Error(`Tabs item values must be unique: ${e}`);
-		t.add(e), !i.disabled && n === void 0 && (n = i);
-	}
-	if (n === void 0) throw Error("Tabs items must contain at least one enabled tab");
-	return n;
-}, Fe = ({ "aria-label": e, className: t, defaultValue: n, direction: i, items: a, onValueChange: o, ref: c, size: l = "default", value: u, ...d }) => {
-	let m = r(e, "Tabs aria-label"), h = Y(a), g = u ?? n ?? h.value, _ = a.find((e) => e.value === g);
-	if (_ === void 0 || _.disabled) throw Error(`Tabs selected value must identify an enabled tab: ${g}`);
-	let v = u === void 0 ? o === void 0 ? { defaultValue: g } : {
-		defaultValue: g,
-		onValueChange: o
-	} : {
-		onValueChange: o,
-		value: u
-	}, y = i === void 0 ? {} : { dir: i };
-	return /* @__PURE__ */ S(f.Root, {
-		...d,
-		...v,
-		...y,
-		activationMode: "automatic",
-		className: s(q("root"), J.size[l].className, t),
-		orientation: "horizontal",
-		ref: c,
-		children: [/* @__PURE__ */ x(f.List, {
-			"aria-label": m,
-			className: q("list"),
-			loop: !0,
-			children: a.map((e) => /* @__PURE__ */ x(f.Trigger, {
-				className: q("trigger"),
-				"data-tab-value": e.value,
-				disabled: e.disabled,
-				value: e.value,
-				children: e.label
-			}, e.value))
-		}), a.map((e) => /* @__PURE__ */ p(f.Content, {
-			className: q("panel"),
-			...e.forceMount === void 0 ? {} : { forceMount: e.forceMount },
-			key: e.value,
-			value: e.value
-		}, e.content))]
-	});
-}, Ie = {
 	root: "rly_Text-module__root",
 	verdict: "rly_Text-module__verdict",
 	pageTitle: "rly_Text-module__pageTitle",
@@ -782,121 +714,121 @@ var C = {
 	toneSecondary: "rly_Text-module__toneSecondary",
 	toneTertiary: "rly_Text-module__toneTertiary",
 	toneInherit: "rly_Text-module__toneInherit"
-}, X = (e) => i(Ie, e), Z = o({
+}, q = (e) => i(K, e), J = o({
 	variant: {
 		verdict: {
-			className: X("verdict"),
+			className: q("verdict"),
 			purpose: "One restrained verdict thesis",
 			tokens: ["type-verdict"]
 		},
 		"page-title": {
-			className: X("pageTitle"),
+			className: q("pageTitle"),
 			purpose: "Primary page title",
 			tokens: ["type-page-title"]
 		},
 		"section-title": {
-			className: X("sectionTitle"),
+			className: q("sectionTitle"),
 			purpose: "Section heading",
 			tokens: ["type-section-title"]
 		},
 		"card-title": {
-			className: X("cardTitle"),
+			className: q("cardTitle"),
 			purpose: "Card or panel heading",
 			tokens: ["type-card-title"]
 		},
 		"body-large": {
-			className: X("bodyLarge"),
+			className: q("bodyLarge"),
 			purpose: "Leading explanatory copy",
 			tokens: ["type-body-large"]
 		},
 		body: {
-			className: X("body"),
+			className: q("body"),
 			purpose: "Default interface copy",
 			tokens: ["type-body"]
 		},
 		label: {
-			className: X("label"),
+			className: q("label"),
 			purpose: "Control and metadata labels",
 			tokens: ["type-label"]
 		},
 		meta: {
-			className: X("meta"),
+			className: q("meta"),
 			purpose: "Supporting metadata",
 			tokens: ["type-meta"]
 		},
 		code: {
-			className: X("code"),
+			className: q("code"),
 			purpose: "Code and tabular data",
 			tokens: ["type-code"]
 		}
 	},
 	tone: {
 		primary: {
-			className: X("tonePrimary"),
+			className: q("tonePrimary"),
 			purpose: "Primary readable text",
 			tokens: ["color-text-1"]
 		},
 		secondary: {
-			className: X("toneSecondary"),
+			className: q("toneSecondary"),
 			purpose: "Supporting text",
 			tokens: ["color-text-2"]
 		},
 		tertiary: {
-			className: X("toneTertiary"),
+			className: q("toneTertiary"),
 			purpose: "Restricted tertiary text",
 			tokens: ["color-text-3"]
 		},
 		inherit: {
-			className: X("toneInherit"),
+			className: q("toneInherit"),
 			purpose: "Inherit semantic context",
 			tokens: []
 		}
 	}
-}), Q = o({
+}), Y = o({
 	variant: "body",
 	tone: "primary"
-}), Le = (e) => e === "code" ? "code" : e === "verdict" ? "p" : e === "label" || e === "meta" ? "span" : "p", Re = ({ as: e, children: t, className: n, ref: r, tone: i = Q.tone, variant: a = Q.variant, ...o }) => p(e ?? Le(a), {
+}), Ne = (e) => e === "code" ? "code" : e === "verdict" ? "p" : e === "label" || e === "meta" ? "span" : "p", X = ({ as: e, children: t, className: n, ref: r, tone: i = Y.tone, variant: a = Y.variant, ...o }) => f(e ?? Ne(a), {
 	...o,
-	className: s(X("root"), Z.variant[a].className, Z.tone[i].className, n),
+	className: s(q("root"), J.variant[a].className, J.tone[i].className, n),
 	ref: r
-}, t), ze = { intrinsic: "rly_ThemeSelect-module__intrinsic" }, Be = {
+}, t), Z = { intrinsic: "rly_ThemeSelect-module__intrinsic" }, Pe = {
 	system: "System",
 	light: "Light",
 	dark: "Dark"
-}, Ve = t.map((e) => ({
-	label: Be[e],
+}, Q = t.map((e) => ({
+	label: Pe[e],
 	value: e
-})), He = ({ className: t, label: n = "Appearance", labelVisibility: r = "visible", onValueChange: a, size: o = u.size, value: d }) => {
+})), Fe = ({ className: t, label: n = "Appearance", labelVisibility: r = "visible", onValueChange: a, size: o = c.size, value: d }) => {
 	let f = (t) => {
 		let n = e(t);
 		n !== void 0 && a(n);
 	};
-	return r === "hidden" ? /* @__PURE__ */ x(c, {
+	return r === "hidden" ? /* @__PURE__ */ y(u, {
 		"aria-label": n,
-		className: s(i(ze, "intrinsic"), t),
+		className: s(i(Z, "intrinsic"), t),
 		onValueChange: f,
-		options: Ve,
+		options: Q,
 		size: o,
 		value: d
-	}) : /* @__PURE__ */ x(l, {
+	}) : /* @__PURE__ */ y(l, {
 		...t === void 0 ? {} : { className: t },
 		label: n,
 		size: o,
-		children: (e) => /* @__PURE__ */ x(c, {
+		children: (e) => /* @__PURE__ */ y(u, {
 			...e,
 			onValueChange: f,
-			options: Ve,
+			options: Q,
 			size: o,
 			value: d
 		})
 	});
-}, Ue = {
+}, Ie = {
 	root: "rly_ToggleGroup-module__root",
 	item: "rly_ToggleGroup-module__item",
 	dense: "rly_ToggleGroup-module__dense",
 	compact: "rly_ToggleGroup-module__compact",
 	defaultSize: "rly_ToggleGroup-module__defaultSize"
-}, $ = (e) => i(Ue, e), We = o({ size: {
+}, $ = (e) => i(Ie, e), Le = o({ size: {
 	dense: {
 		className: $("dense"),
 		purpose: "Tool-density choice beside dense controls; the default",
@@ -924,7 +856,7 @@ var C = {
 			"radius-tag"
 		]
 	}
-} }), Ge = o({ size: "dense" }), Ke = (e) => e === "ArrowLeft" || e === "ArrowUp" ? -1 : e === "ArrowRight" || e === "ArrowDown" ? 1 : null, qe = (e, t) => {
+} }), Re = o({ size: "dense" }), ze = (e) => e === "ArrowLeft" || e === "ArrowUp" ? -1 : e === "ArrowRight" || e === "ArrowDown" ? 1 : null, Be = (e, t) => {
 	let n = /* @__PURE__ */ new Set();
 	for (let t of e) {
 		let e = r(t.value, "ToggleGroup item value");
@@ -932,26 +864,26 @@ var C = {
 		n.add(e);
 	}
 	if (!n.has(t)) throw Error(`ToggleGroup value must identify an option: ${t}`);
-}, Je = ({ "aria-label": e, className: t, items: n, onValueChange: i, ref: a, size: o = Ge.size, value: c, ...l }) => {
+}, Ve = ({ "aria-label": e, className: t, items: n, onValueChange: i, ref: a, size: o = Re.size, value: c, ...l }) => {
 	let u = r(e, "ToggleGroup aria-label");
-	qe(n, c);
-	let f = y(/* @__PURE__ */ new Map()), p = (e, t) => {
-		let r = Ke(e.key);
+	Be(n, c);
+	let f = _(/* @__PURE__ */ new Map()), p = (e, t) => {
+		let r = ze(e.key);
 		if (r === null) return;
 		e.preventDefault();
 		let a = n[(t + r + n.length) % n.length];
 		a !== void 0 && (a.value !== c && i(a.value), f.current.get(a.value)?.focus());
 	};
-	return /* @__PURE__ */ x(d.Root, {
+	return /* @__PURE__ */ y(d.Root, {
 		...l,
 		"aria-label": u,
-		className: s($("root"), We.size[o].className, t),
+		className: s($("root"), Le.size[o].className, t),
 		loop: !0,
 		onValueChange: i,
 		orientation: "horizontal",
 		ref: a,
 		value: c,
-		children: n.map((e, t) => /* @__PURE__ */ x(d.Item, {
+		children: n.map((e, t) => /* @__PURE__ */ y(d.Item, {
 			className: $("item"),
 			onKeyDown: (e) => p(e, t),
 			ref: (t) => {
@@ -961,41 +893,41 @@ var C = {
 			children: e.label
 		}, e.value))
 	});
-}, Ye = {
+}, He = {
 	root: "rly_TrackKey-module__root",
 	item: "rly_TrackKey-module__item",
 	near: "rly_TrackKey-module__near",
 	projected: "rly_TrackKey-module__projected",
 	stale: "rly_TrackKey-module__stale",
 	unknown: "rly_TrackKey-module__unknown"
-}, Xe = (e) => i(Ye, e), Ze = [
+}, Ue = (e) => i(He, e), We = [
 	"near",
 	"projected",
 	"stale",
 	"unknown"
-], Qe = ({ className: e, items: t, label: n, ...i }) => {
+], Ge = ({ className: e, items: t, label: n, ...i }) => {
 	if (t.length === 0) throw Error("TrackKey needs at least one mark to explain");
 	let a = /* @__PURE__ */ new Set();
 	for (let e of t) {
 		if (a.has(e.mark)) throw Error(`TrackKey marks must be unique: ${e.mark}`);
 		a.add(e.mark);
 	}
-	return /* @__PURE__ */ x("ul", {
+	return /* @__PURE__ */ y("ul", {
 		...i,
 		"aria-label": r(n, "TrackKey label"),
-		className: s(Xe("root"), e),
+		className: s(Ue("root"), e),
 		role: "list",
-		children: t.map((e) => /* @__PURE__ */ S("li", {
-			className: Xe("item"),
-			children: [/* @__PURE__ */ x("span", {
+		children: t.map((e) => /* @__PURE__ */ b("li", {
+			className: Ue("item"),
+			children: [/* @__PURE__ */ y("span", {
 				"aria-hidden": "true",
-				className: Xe(e.mark),
+				className: Ue(e.mark),
 				"data-mark": e.mark
 			}), r(e.label, "TrackKey item label")]
 		}, e.mark))
 	});
 };
 //#endregion
-export { se as C, re as D, O as E, T as O, j as S, k as T, de as _, Je as a, F as b, Z as c, J as d, Fe as f, H as g, G as h, We as i, te as k, Re as l, W as m, Qe as n, He as o, Ne as p, Ge as r, Q as s, Ze as t, Pe as u, le as v, ie as w, oe as x, ce as y };
+export { T as C, re as E, oe as S, ne as T, ce as _, Ve as a, M as b, J as c, W as d, Me as f, I as g, le as h, Le as i, X as l, de as m, Ge as n, Fe as o, V as p, Re as r, Y as s, We as t, G as u, k as v, ie as w, E as x, O as y };
 
-//# sourceMappingURL=primitives-Bd6WhE78.js.map
+//# sourceMappingURL=primitives-DgQybTyq.js.map