@knpkv/rly 0.12.1 → 0.13.0

package/dist/primitives-Bd6WhE78.js

@@ -0,0 +1,1001 @@
+import { r as e, t } from "./ThemeProvider-BFeldMeE.js";
+import { i as n } from "./PortalProvider-CN_81Fy3.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 = {
+	root: "rly_ChartLegend-module__root",
+	item: "rly_ChartLegend-module__item",
+	swatch: "rly_ChartLegend-module__swatch"
+}, w = (e) => i(C, e), T = [
+	1,
+	2,
+	3,
+	4,
+	5,
+	6,
+	7,
+	8,
+	"other"
+], te = (e) => `var(--rly-color-series-${e})`, ne = (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", {
+	...i,
+	"aria-label": r(n, "ChartLegend label"),
+	className: s(w("root"), e),
+	role: "list",
+	children: t.map((e) => /* @__PURE__ */ S("li", {
+		className: w("item"),
+		children: [/* @__PURE__ */ x("span", {
+			"aria-hidden": "true",
+			className: w("swatch"),
+			"data-series": String(e.series),
+			style: { background: te(e.series) }
+		}), r(e.label, "ChartLegend item label")]
+	}, e.id))
+})), E = {
+	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({
+	orientation: {
+		horizontal: {
+			className: D("horizontal"),
+			purpose: "Separate stacked content",
+			tokens: ["space-0"]
+		},
+		vertical: {
+			className: D("vertical"),
+			purpose: "Separate adjacent content",
+			tokens: ["space-0"]
+		}
+	},
+	strength: {
+		subtle: {
+			className: D("subtle"),
+			purpose: "Quiet structural boundary",
+			tokens: ["color-border-1"]
+		},
+		strong: {
+			className: D("strong"),
+			purpose: "Explicit structural boundary",
+			tokens: ["color-border-2"]
+		}
+	}
+}), k = o({
+	orientation: "horizontal",
+	strength: "subtle"
+}), ie = ({ 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", {
+		...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),
+		role: t ? "presentation" : "separator"
+	});
+}, ae = {
+	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: {
+	default: {
+		className: A("defaultSize"),
+		purpose: "A limit beside its numbers",
+		tokens: ["space-12", "radius-tag"]
+	},
+	slim: {
+		className: A("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) => {
+	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);
+	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)
+	} : null;
+	return /* @__PURE__ */ S("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),
+		"data-stale": c ? "true" : void 0,
+		"data-tone": se(f, p),
+		role: m ? _ ? "meter" : "img" : void 0,
+		children: [
+			f === null ? null : /* @__PURE__ */ x("span", {
+				className: A("fill"),
+				"data-part": "fill",
+				style: { inlineSize: `${P(f)}%` }
+			}),
+			v === null ? null : /* @__PURE__ */ x("span", {
+				className: A("projection"),
+				"data-part": "projection",
+				style: {
+					inlineSize: `${v.length}%`,
+					insetInlineStart: `${v.start}%`
+				}
+			}),
+			/* @__PURE__ */ x("span", {
+				className: A("near"),
+				"data-part": "near",
+				style: { insetInlineStart: `min(${P(p)}%, 100% - 1px)` }
+			})
+		]
+	});
+}, I = {
+	root: "rly_Notice-module__root",
+	neutral: "rly_Notice-module__neutral",
+	positive: "rly_Notice-module__positive",
+	critical: "rly_Notice-module__critical",
+	caution: "rly_Notice-module__caution",
+	progress: "rly_Notice-module__progress",
+	icon: "rly_Notice-module__icon",
+	lead: "rly_Notice-module__lead",
+	message: "rly_Notice-module__message",
+	action: "rly_Notice-module__action"
+}, L = (e) => i(I, e), ce = o({ tone: {
+	neutral: {
+		className: L("neutral"),
+		purpose: "Neutral context",
+		tokens: ["color-text-2", "color-border-1"]
+	},
+	positive: {
+		className: L("positive"),
+		purpose: "Completed outcome",
+		tokens: ["color-success-ink"]
+	},
+	critical: {
+		className: L("critical"),
+		purpose: "Failure that needs attention",
+		tokens: ["color-blocked-ink"]
+	},
+	caution: {
+		className: L("caution"),
+		purpose: "Limitation or warning",
+		tokens: ["color-held-ink"]
+	},
+	progress: {
+		className: L("progress"),
+		purpose: "Work in progress",
+		tokens: ["color-deploying-ink"]
+	}
+} }), le = o({ tone: "neutral" }), ue = {
+	neutral: void 0,
+	positive: "check",
+	critical: "alert",
+	caution: "clock",
+	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", {
+		...c,
+		"aria-live": t === "off" ? void 0 : t,
+		className: s(L("root"), ce.tone[o].className, i),
+		role: u,
+		children: [/* @__PURE__ */ S("div", {
+			className: L("lead"),
+			children: [l === void 0 ? null : /* @__PURE__ */ x("span", {
+				"aria-hidden": "true",
+				className: L("icon"),
+				children: /* @__PURE__ */ x(n, {
+					decorative: !0,
+					name: l,
+					size: "small"
+				})
+			}), /* @__PURE__ */ x("div", {
+				className: L("message"),
+				children: r
+			})]
+		}), e === void 0 ? null : /* @__PURE__ */ x("div", {
+			className: L("action"),
+			children: e
+		})]
+	});
+}, fe = [
+	1,
+	2,
+	3,
+	6,
+	12,
+	24
+], R = 24, z = (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;
+}, pe = (e) => {
+	for (let [t, n] of e.entries()) {
+		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) => {
+	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;
+	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) => {
+	if (t.length === 0) return 1;
+	let r = fe.find((r) => he(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;
+	return t.length;
+}, _e = (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);
+	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)) {
+			if (!Number.isFinite(e.value) || e.value <= 0) continue;
+			let t = s.get(e.id);
+			s.set(e.id, t === void 0 ? e : {
+				...t,
+				value: t.value + e.value
+			});
+		}
+		let c = [...s.values()].sort((e, t) => (r.get(e.id) ?? 0) - (r.get(t.id) ?? 0)).reduce((e, t) => [...e, {
+			...t,
+			offset: e.reduce((e, { value: t }) => e + t, 0)
+		}], []);
+		n.push({
+			end: o[o.length - 1]?.end ?? 0,
+			first: a,
+			last: a + o.length - 1,
+			segments: c,
+			start: o[0]?.start ?? 0,
+			total: c.reduce((e, { value: t }) => e + t, 0)
+		});
+	}
+	return n;
+}, ye = (e, t, n, r) => {
+	let i = t[n];
+	return i === void 0 ? e : !r || e === null ? {
+		from: i.first,
+		to: i.last
+	} : {
+		from: Math.min(e.from, i.first),
+		to: Math.max(e.to, i.last)
+	};
+}, be = (e, t, n) => {
+	let r = (e) => Math.max(0, Math.min(n, e));
+	switch (e) {
+		case "ArrowLeft": return r(t - 1);
+		case "ArrowRight": return r(t + 1);
+		case "Home": return 0;
+		case "End": return n;
+		default: return null;
+	}
+}, xe = (e, t, n) => e.length === 0 ? [] : e.length === 1 ? t >= 2 * n ? [{
+	anchor: "start",
+	index: 0
+}, { anchor: "end" }] : [{
+	anchor: "start",
+	index: 0
+}] : [...e.reduce((r, i, a) => {
+	let o = r.at(-1);
+	return i - (o === void 0 ? -Infinity : e[o.index] ?? 0) >= n && i + n <= t - n ? [...r, {
+		anchor: "start",
+		index: a
+	}] : r;
+}, []), { anchor: "end" }], Se = {
+	root: "rly_StackedBars-module__root",
+	band: "rly_StackedBars-module__band",
+	bandLabel: "rly_StackedBars-module__bandLabel",
+	scale: "rly_StackedBars-module__scale",
+	tick: "rly_StackedBars-module__tick",
+	bandPlot: "rly_StackedBars-module__bandPlot",
+	level: "rly_StackedBars-module__level",
+	unknown: "rly_StackedBars-module__unknown",
+	near: "rly_StackedBars-module__near",
+	plot: "rly_StackedBars-module__plot",
+	bars: "rly_StackedBars-module__bars",
+	segment: "rly_StackedBars-module__segment",
+	hit: "rly_StackedBars-module__hit",
+	selection: "rly_StackedBars-module__selection",
+	selectionHalo: "rly_StackedBars-module__selectionHalo",
+	selectionEdge: "rly_StackedBars-module__selectionEdge",
+	window: "rly_StackedBars-module__window",
+	windowEdge: "rly_StackedBars-module__windowEdge",
+	keys: "rly_StackedBars-module__keys",
+	windowKey: "rly_StackedBars-module__windowKey",
+	windowSwatch: "rly_StackedBars-module__windowSwatch",
+	nearSwatch: "rly_StackedBars-module__nearSwatch",
+	unknownSwatch: "rly_StackedBars-module__unknownSwatch",
+	focusRing: "rly_StackedBars-module__focusRing",
+	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) => {
+	if (a(e)) {
+		let n = e(t);
+		return a(n) ? n : () => e(null);
+	}
+	return e == null ? () => void 0 : (e.current = t, () => {
+		e.current = null;
+	});
+}, Oe = (e, t) => {
+	let [n, r] = b(e);
+	return [n, m((e) => {
+		if (e === null) return;
+		let n = De(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) => {
+	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", {
+		className: B("band"),
+		"data-band": e.id,
+		children: [/* @__PURE__ */ x("span", {
+			className: B("bandLabel"),
+			children: r(e.label, "StackedBars band label")
+		}), /* @__PURE__ */ S("svg", {
+			"aria-hidden": "true",
+			className: B("bandPlot"),
+			preserveAspectRatio: "none",
+			viewBox: "0 0 1000 100",
+			children: [
+				i === void 0 ? null : /* @__PURE__ */ x("rect", {
+					className: B("window"),
+					"data-part": "window",
+					height: 100,
+					width: Math.max(0, a(i.to) - a(i.from)),
+					x: a(i.from)
+				}),
+				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", {
+						className: B("unknown"),
+						height: 100,
+						width: r,
+						x: n
+					}, `${t}:${e.from}`);
+					let s = i;
+					return /* @__PURE__ */ x("rect", {
+						className: B("level"),
+						"data-tone": s >= 100 ? "full" : o !== void 0 && s >= o ? "near" : "ok",
+						height: s,
+						width: r,
+						x: n,
+						y: 100 - s
+					}, `${t}:${e.from}`);
+				}),
+				o === void 0 ? null : /* @__PURE__ */ x("line", {
+					className: B("near"),
+					x1: 0,
+					x2: 1e3,
+					y1: 100 - o,
+					y2: 100 - o
+				}),
+				i === void 0 ? null : /* @__PURE__ */ x("rect", {
+					className: B("windowEdge"),
+					"data-part": "window-edge",
+					height: 100,
+					width: Math.max(0, a(i.to) - a(i.from)),
+					x: a(i.from)
+				})
+			]
+		})]
+	});
+}, 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 }) => {
+	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 : {
+			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);
+		return () => clearTimeout(e);
+	}, [ue]), _(() => {
+		M(Ce);
+	}, [
+		E,
+		A,
+		j
+	]);
+	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 n = Math.max(0, ...e.map((e) => e.offsetHeight));
+		n > 0 && n !== H && Me(n);
+	});
+	let U = (e) => {
+		if (e.key === "Escape") {
+			if (m === null) return;
+			e.preventDefault(), F(null), L(null), fe(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,
+		className: s(B("root"), t),
+		ref: ne,
+		children: [
+			e.map((e) => /* @__PURE__ */ x(je, {
+				band: e,
+				from: W,
+				to: Ne,
+				window: C
+			}, e.id)),
+			/* @__PURE__ */ x("span", {
+				className: B("scale"),
+				children: a(k, E)
+			}),
+			/* @__PURE__ */ x("div", {
+				"aria-describedby": re,
+				"aria-label": r(u, "StackedBars label"),
+				"aria-roledescription": "chart",
+				className: B("plot"),
+				onBlur: () => F(null),
+				onKeyDown: U,
+				role: "group",
+				style: { blockSize: `${Ie}px` },
+				tabIndex: 0,
+				children: /* @__PURE__ */ S("svg", {
+					"aria-hidden": "true",
+					className: B("bars"),
+					preserveAspectRatio: "none",
+					viewBox: "0 0 1000 100",
+					children: [
+						q === null || q.width <= 0 ? null : /* @__PURE__ */ x("rect", {
+							className: B("window"),
+							"data-part": "window",
+							height: 100,
+							width: q.width,
+							x: q.x
+						}),
+						Y === null || Y.width <= 0 ? null : /* @__PURE__ */ x("rect", {
+							className: B("selection"),
+							"data-part": "selection",
+							height: 100,
+							width: Y.width,
+							x: Y.x
+						}),
+						/* @__PURE__ */ x("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", {
+									"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);
+									},
+									onPointerDown: (e) => {
+										ce.current = e.pointerType;
+									},
+									children: [/* @__PURE__ */ x("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", {
+											className: B("segment"),
+											"data-series": String(e.series),
+											fill: te(e.series),
+											height: a,
+											width: n.width,
+											x: n.x,
+											y: 100 - i
+										}, e.id);
+									})]
+								}, e.first);
+							})
+						}),
+						Y === null || Y.width <= 0 ? null : /* @__PURE__ */ S(ee, { children: [/* @__PURE__ */ x("rect", {
+							className: B("selectionHalo"),
+							"data-part": "selection-halo",
+							height: 100,
+							width: Y.width,
+							x: Y.x
+						}), /* @__PURE__ */ x("rect", {
+							className: B("selectionEdge"),
+							"data-part": "selection-edge",
+							height: 100,
+							width: Y.width,
+							x: Y.x
+						})] }),
+						q === null || q.width <= 0 ? null : /* @__PURE__ */ x("rect", {
+							className: B("windowEdge"),
+							"data-part": "window-edge",
+							height: 100,
+							width: q.width,
+							x: q.x
+						}),
+						Q === null ? null : /* @__PURE__ */ x("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
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ x("div", {
+				"aria-hidden": "true",
+				className: B("axis"),
+				ref: N,
+				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", {
+						className: B("tick"),
+						"data-anchor": e.anchor,
+						style: e.anchor === "end" ? { right: 0 } : { left: `${G(t) / 10}%` },
+						children: o(t, E)
+					}, e.anchor === "end" ? "end" : e.index);
+				})
+			}),
+			C === void 0 && ie.length === 0 && ae === void 0 ? null : /* @__PURE__ */ S("ul", {
+				className: B("keys"),
+				role: "list",
+				children: [
+					C === void 0 ? null : /* @__PURE__ */ S("li", {
+						className: B("windowKey"),
+						children: [/* @__PURE__ */ x("span", {
+							"aria-hidden": "true",
+							className: B("windowSwatch")
+						}), r(C.label, "StackedBars window label")]
+					}),
+					ie.map((e) => /* @__PURE__ */ S("li", {
+						className: B("windowKey"),
+						children: [/* @__PURE__ */ x("span", {
+							"aria-hidden": "true",
+							className: B("nearSwatch")
+						}), e]
+					}, e)),
+					ae === void 0 ? null : /* @__PURE__ */ S("li", {
+						className: B("windowKey"),
+						children: [/* @__PURE__ */ x("span", {
+							"aria-hidden": "true",
+							className: B("unknownSwatch")
+						}), ae]
+					})
+				]
+			}),
+			/* @__PURE__ */ x("p", {
+				className: B("hidden"),
+				id: re,
+				children: r(l, "StackedBars instructions")
+			}),
+			/* @__PURE__ */ x("p", {
+				"aria-live": "polite",
+				className: B("hidden"),
+				children: me
+			})
+		]
+	});
+}, Me = {
+	root: "rly_Surface-module__root",
+	tonePrimary: "rly_Surface-module__tonePrimary",
+	toneSecondary: "rly_Surface-module__toneSecondary",
+	toneTertiary: "rly_Surface-module__toneTertiary",
+	shapeCard: "rly_Surface-module__shapeCard",
+	shapeGrouped: "rly_Surface-module__shapeGrouped",
+	paddingNone: "rly_Surface-module__paddingNone",
+	paddingCompact: "rly_Surface-module__paddingCompact",
+	paddingDefault: "rly_Surface-module__paddingDefault",
+	paddingSpacious: "rly_Surface-module__paddingSpacious"
+}, U = (e) => i(Me, e), W = o({
+	tone: {
+		primary: {
+			className: U("tonePrimary"),
+			purpose: "Primary bordered surface",
+			tokens: ["color-surface-1", "color-border-1"]
+		},
+		secondary: {
+			className: U("toneSecondary"),
+			purpose: "Quiet secondary surface",
+			tokens: ["color-surface-2"]
+		},
+		tertiary: {
+			className: U("toneTertiary"),
+			purpose: "Inset tertiary surface",
+			tokens: ["color-surface-3"]
+		}
+	},
+	form: {
+		card: {
+			className: U("shapeCard"),
+			purpose: "Standard card geometry",
+			tokens: ["radius-control"]
+		},
+		grouped: {
+			className: U("shapeGrouped"),
+			purpose: "Grouped content geometry",
+			tokens: ["radius-group"]
+		}
+	},
+	padding: {
+		none: {
+			className: U("paddingNone"),
+			purpose: "Caller-owned internal layout",
+			tokens: ["space-0"]
+		},
+		compact: {
+			className: U("paddingCompact"),
+			purpose: "Dense supporting content",
+			tokens: ["space-16"]
+		},
+		default: {
+			className: U("paddingDefault"),
+			purpose: "Standard content",
+			tokens: ["space-24"]
+		},
+		spacious: {
+			className: U("paddingSpacious"),
+			purpose: "Prominent grouped content",
+			tokens: ["space-32"]
+		}
+	}
+}), Ne = 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", {
+	...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",
+	sectionTitle: "rly_Text-module__sectionTitle",
+	cardTitle: "rly_Text-module__cardTitle",
+	bodyLarge: "rly_Text-module__bodyLarge",
+	body: "rly_Text-module__body",
+	label: "rly_Text-module__label",
+	meta: "rly_Text-module__meta",
+	code: "rly_Text-module__code",
+	tonePrimary: "rly_Text-module__tonePrimary",
+	toneSecondary: "rly_Text-module__toneSecondary",
+	toneTertiary: "rly_Text-module__toneTertiary",
+	toneInherit: "rly_Text-module__toneInherit"
+}, X = (e) => i(Ie, e), Z = o({
+	variant: {
+		verdict: {
+			className: X("verdict"),
+			purpose: "One restrained verdict thesis",
+			tokens: ["type-verdict"]
+		},
+		"page-title": {
+			className: X("pageTitle"),
+			purpose: "Primary page title",
+			tokens: ["type-page-title"]
+		},
+		"section-title": {
+			className: X("sectionTitle"),
+			purpose: "Section heading",
+			tokens: ["type-section-title"]
+		},
+		"card-title": {
+			className: X("cardTitle"),
+			purpose: "Card or panel heading",
+			tokens: ["type-card-title"]
+		},
+		"body-large": {
+			className: X("bodyLarge"),
+			purpose: "Leading explanatory copy",
+			tokens: ["type-body-large"]
+		},
+		body: {
+			className: X("body"),
+			purpose: "Default interface copy",
+			tokens: ["type-body"]
+		},
+		label: {
+			className: X("label"),
+			purpose: "Control and metadata labels",
+			tokens: ["type-label"]
+		},
+		meta: {
+			className: X("meta"),
+			purpose: "Supporting metadata",
+			tokens: ["type-meta"]
+		},
+		code: {
+			className: X("code"),
+			purpose: "Code and tabular data",
+			tokens: ["type-code"]
+		}
+	},
+	tone: {
+		primary: {
+			className: X("tonePrimary"),
+			purpose: "Primary readable text",
+			tokens: ["color-text-1"]
+		},
+		secondary: {
+			className: X("toneSecondary"),
+			purpose: "Supporting text",
+			tokens: ["color-text-2"]
+		},
+		tertiary: {
+			className: X("toneTertiary"),
+			purpose: "Restricted tertiary text",
+			tokens: ["color-text-3"]
+		},
+		inherit: {
+			className: X("toneInherit"),
+			purpose: "Inherit semantic context",
+			tokens: []
+		}
+	}
+}), Q = 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), {
+	...o,
+	className: s(X("root"), Z.variant[a].className, Z.tone[i].className, n),
+	ref: r
+}, t), ze = { intrinsic: "rly_ThemeSelect-module__intrinsic" }, Be = {
+	system: "System",
+	light: "Light",
+	dark: "Dark"
+}, Ve = t.map((e) => ({
+	label: Be[e],
+	value: e
+})), He = ({ className: t, label: n = "Appearance", labelVisibility: r = "visible", onValueChange: a, size: o = u.size, value: d }) => {
+	let f = (t) => {
+		let n = e(t);
+		n !== void 0 && a(n);
+	};
+	return r === "hidden" ? /* @__PURE__ */ x(c, {
+		"aria-label": n,
+		className: s(i(ze, "intrinsic"), t),
+		onValueChange: f,
+		options: Ve,
+		size: o,
+		value: d
+	}) : /* @__PURE__ */ x(l, {
+		...t === void 0 ? {} : { className: t },
+		label: n,
+		size: o,
+		children: (e) => /* @__PURE__ */ x(c, {
+			...e,
+			onValueChange: f,
+			options: Ve,
+			size: o,
+			value: d
+		})
+	});
+}, Ue = {
+	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: {
+	dense: {
+		className: $("dense"),
+		purpose: "Tool-density choice beside dense controls; the default",
+		tokens: [
+			"control-height-dense",
+			"type-meta",
+			"radius-tag"
+		]
+	},
+	compact: {
+		className: $("compact"),
+		purpose: "Filter rows beside compact controls",
+		tokens: [
+			"control-height-compact",
+			"type-meta",
+			"radius-tag"
+		]
+	},
+	default: {
+		className: $("defaultSize"),
+		purpose: "Standard view and filter choices",
+		tokens: [
+			"control-height-default",
+			"type-label",
+			"radius-tag"
+		]
+	}
+} }), Ge = o({ size: "dense" }), Ke = (e) => e === "ArrowLeft" || e === "ArrowUp" ? -1 : e === "ArrowRight" || e === "ArrowDown" ? 1 : null, qe = (e, t) => {
+	let n = /* @__PURE__ */ new Set();
+	for (let t of e) {
+		let e = r(t.value, "ToggleGroup item value");
+		if (r(t.label, `ToggleGroup item label for ${e}`), n.has(e)) throw Error(`ToggleGroup item values must be unique: ${e}`);
+		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 }) => {
+	let u = r(e, "ToggleGroup aria-label");
+	qe(n, c);
+	let f = y(/* @__PURE__ */ new Map()), p = (e, t) => {
+		let r = Ke(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, {
+		...l,
+		"aria-label": u,
+		className: s($("root"), We.size[o].className, t),
+		loop: !0,
+		onValueChange: i,
+		orientation: "horizontal",
+		ref: a,
+		value: c,
+		children: n.map((e, t) => /* @__PURE__ */ x(d.Item, {
+			className: $("item"),
+			onKeyDown: (e) => p(e, t),
+			ref: (t) => {
+				t === null ? f.current.delete(e.value) : f.current.set(e.value, t);
+			},
+			value: e.value,
+			children: e.label
+		}, e.value))
+	});
+}, Ye = {
+	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 = [
+	"near",
+	"projected",
+	"stale",
+	"unknown"
+], Qe = ({ 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", {
+		...i,
+		"aria-label": r(n, "TrackKey label"),
+		className: s(Xe("root"), e),
+		role: "list",
+		children: t.map((e) => /* @__PURE__ */ S("li", {
+			className: Xe("item"),
+			children: [/* @__PURE__ */ x("span", {
+				"aria-hidden": "true",
+				className: Xe(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 };
+
+//# sourceMappingURL=primitives-Bd6WhE78.js.map