@knpkv/rly 0.9.0 → 0.10.0

package/dist/{primitives-Dj-qYrUZ.js → primitives-CgvvYKjR.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 r, n as i, r as a, t as o } from "./component-DKy8kjZl.js";
-import { h as s, i as c } from "./Dialog-_t9OodCK.js";
-import { RadioGroup as l, Tabs as u } from "radix-ui";
-import { createElement as d, useRef as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-var h = {
+import { h as s, i as c, p as l } from "./Dialog-B9Ub_gMT.js";
+import { RadioGroup as u, Tabs as d } from "radix-ui";
+import { createElement as f, useRef as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+var g = {
 	root: "rly_ChartLegend-module__root",
 	item: "rly_ChartLegend-module__item",
 	swatch: "rly_ChartLegend-module__swatch"
-}, g = (e) => i(h, e), _ = [
+}, _ = (e) => i(g, e), v = [
 	1,
 	2,
 	3,
@@ -19,34 +19,34 @@ var h = {
 	7,
 	8,
 	"other"
-], v = (e) => `var(--rly-color-series-${e})`, y = (e) => {
+], y = (e) => `var(--rly-color-series-${e})`, b = (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);
 	}
-}, b = ({ className: e, items: t, label: n, ...i }) => (y(t), t.length === 0 ? null : /* @__PURE__ */ p("ul", {
+}, x = ({ className: e, items: t, label: n, ...i }) => (b(t), t.length === 0 ? null : /* @__PURE__ */ m("ul", {
 	...i,
 	"aria-label": r(n, "ChartLegend label"),
-	className: o(g("root"), e),
+	className: o(_("root"), e),
 	role: "list",
-	children: t.map((e) => /* @__PURE__ */ m("li", {
-		className: g("item"),
-		children: [/* @__PURE__ */ p("span", {
+	children: t.map((e) => /* @__PURE__ */ h("li", {
+		className: _("item"),
+		children: [/* @__PURE__ */ m("span", {
 			"aria-hidden": "true",
-			className: g("swatch"),
+			className: _("swatch"),
 			"data-series": String(e.series),
-			style: { background: v(e.series) }
+			style: { background: y(e.series) }
 		}), r(e.label, "ChartLegend item label")]
 	}, e.id))
-})), x = {
+})), ee = {
 	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"
-}, S = (e) => i(x, e), C = a({
+}, S = (e) => i(ee, e), C = a({
 	orientation: {
 		horizontal: {
 			className: S("horizontal"),
@@ -71,13 +71,13 @@ var h = {
 			tokens: ["color-border-2"]
 		}
 	}
-}), ee = a({
+}), te = a({
 	orientation: "horizontal",
 	strength: "subtle"
-}), te = ({ className: e, decorative: t = !0, label: n, orientation: i = "horizontal", strength: a = "subtle", ...s }) => {
+}), ne = ({ className: e, decorative: t = !0, label: n, orientation: i = "horizontal", strength: a = "subtle", ...s }) => {
 	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__ */ p("div", {
+	return /* @__PURE__ */ m("div", {
 		...s,
 		"aria-hidden": t ? "true" : void 0,
 		"aria-label": c,
@@ -85,69 +85,69 @@ var h = {
 		className: o(S("root"), C.orientation[i].className, C.strength[a].className, e),
 		role: t ? "presentation" : "separator"
 	});
-}, w = {
+}, re = {
 	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"
-}, T = (e) => i(w, e), E = a({ size: {
+}, w = (e) => i(re, e), T = a({ size: {
 	default: {
-		className: T("defaultSize"),
+		className: w("defaultSize"),
 		purpose: "A limit beside its numbers",
 		tokens: ["space-12", "radius-tag"]
 	},
 	slim: {
-		className: T("slim"),
+		className: w("slim"),
 		purpose: "A limit inside a dense row",
 		tokens: ["space-6", "radius-tag"]
 	}
-} }), D = a({ size: "default" }), O = (e) => e !== null && Number.isFinite(e) ? e : null, k = (e, t) => {
+} }), E = a({ size: "default" }), D = (e) => e !== null && Number.isFinite(e) ? e : null, O = (e, t) => {
 	if (!Number.isFinite(e)) throw Error(`${t} must be a finite number`);
 	return e;
-}, A = (e, t) => {
-	let n = k(t, "limitTrackTone near"), r = O(e);
+}, k = (e, t) => {
+	let n = O(t, "limitTrackTone near"), r = D(e);
 	return r === null ? "unknown" : r >= 100 ? "full" : r >= n ? "near" : "ok";
-}, j = (e) => Math.min(100, Math.max(0, e)), M = ({ className: e, decorative: t = !0, label: n, near: i = 80, projected: a, size: s = D.size, stale: c = !1, value: l, valueText: u, ...d }) => {
-	let f = O(l), h = k(i, "LimitTrack near"), g = !t, _ = g ? r(n ?? "", "LimitTrack label") : void 0, v = g ? r(u ?? "", "LimitTrack valueText") : void 0, y = g && f !== null, b = f !== null && a !== void 0 && Number.isFinite(a) && a > f ? {
-		start: j(f),
-		length: j(a) - j(f)
+}, A = (e) => Math.min(100, Math.max(0, e)), j = ({ className: e, decorative: t = !0, label: n, near: i = 80, projected: a, size: s = E.size, stale: c = !1, value: l, valueText: u, ...d }) => {
+	let f = D(l), p = O(i, "LimitTrack near"), g = !t, _ = g ? r(n ?? "", "LimitTrack label") : void 0, v = g ? r(u ?? "", "LimitTrack valueText") : void 0, y = g && f !== null, b = f !== null && a !== void 0 && Number.isFinite(a) && a > f ? {
+		start: A(f),
+		length: A(a) - A(f)
 	} : null;
-	return /* @__PURE__ */ m("span", {
+	return /* @__PURE__ */ h("span", {
 		...d,
 		"aria-hidden": g ? void 0 : "true",
 		"aria-label": g && !y ? `${_}: ${v}` : _,
 		"aria-valuemax": y ? 100 : void 0,
 		"aria-valuemin": y ? 0 : void 0,
-		"aria-valuenow": y && f !== null ? j(f) : void 0,
+		"aria-valuenow": y && f !== null ? A(f) : void 0,
 		"aria-valuetext": y ? v : void 0,
-		className: o(T("root"), E.size[s].className, e),
+		className: o(w("root"), T.size[s].className, e),
 		"data-stale": c ? "true" : void 0,
-		"data-tone": A(f, h),
+		"data-tone": k(f, p),
 		role: g ? y ? "meter" : "img" : void 0,
 		children: [
-			f === null ? null : /* @__PURE__ */ p("span", {
-				className: T("fill"),
+			f === null ? null : /* @__PURE__ */ m("span", {
+				className: w("fill"),
 				"data-part": "fill",
-				style: { inlineSize: `${j(f)}%` }
+				style: { inlineSize: `${A(f)}%` }
 			}),
-			b === null ? null : /* @__PURE__ */ p("span", {
-				className: T("projection"),
+			b === null ? null : /* @__PURE__ */ m("span", {
+				className: w("projection"),
 				"data-part": "projection",
 				style: {
 					inlineSize: `${b.length}%`,
 					insetInlineStart: `${b.start}%`
 				}
 			}),
-			/* @__PURE__ */ p("span", {
-				className: T("near"),
+			/* @__PURE__ */ m("span", {
+				className: w("near"),
 				"data-part": "near",
-				style: { insetInlineStart: `min(${j(h)}%, 100% - 1px)` }
+				style: { insetInlineStart: `min(${A(p)}%, 100% - 1px)` }
 			})
 		]
 	});
-}, ne = {
+}, M = {
 	root: "rly_Notice-module__root",
 	neutral: "rly_Notice-module__neutral",
 	positive: "rly_Notice-module__positive",
@@ -158,69 +158,65 @@ var h = {
 	lead: "rly_Notice-module__lead",
 	message: "rly_Notice-module__message",
 	action: "rly_Notice-module__action"
-}, N = (e) => i(ne, e), P = a({ tone: {
+}, N = (e) => i(M, e), P = a({ tone: {
 	neutral: {
 		className: N("neutral"),
 		purpose: "Neutral context",
-		tokens: [
-			"color-text-2",
-			"color-surface-2",
-			"color-border-1"
-		]
+		tokens: ["color-text-2", "color-border-1"]
 	},
 	positive: {
 		className: N("positive"),
 		purpose: "Completed outcome",
-		tokens: ["color-success-ink", "color-success-tint"]
+		tokens: ["color-success-ink"]
 	},
 	critical: {
 		className: N("critical"),
 		purpose: "Failure that needs attention",
-		tokens: ["color-blocked-ink", "color-blocked-tint"]
+		tokens: ["color-blocked-ink"]
 	},
 	caution: {
 		className: N("caution"),
 		purpose: "Limitation or warning",
-		tokens: ["color-held-ink", "color-held-tint"]
+		tokens: ["color-held-ink"]
 	},
 	progress: {
 		className: N("progress"),
 		purpose: "Work in progress",
-		tokens: ["color-deploying-ink", "color-deploying-tint"]
+		tokens: ["color-deploying-ink"]
 	}
-} }), F = a({ tone: "neutral" }), I = {
+} }), ie = a({ tone: "neutral" }), ae = {
 	neutral: void 0,
 	positive: "check",
 	critical: "alert",
 	caution: "clock",
 	progress: "loader"
-}, re = ({ action: e, announce: t = "off", children: r, className: i, icon: a, tone: s = "neutral", ...c }) => {
-	let l = a ?? I[s], u = t === "assertive" ? "alert" : t === "polite" ? "status" : c.role;
-	return /* @__PURE__ */ m("div", {
+}, oe = ({ action: e, announce: t = "off", children: r, className: i, icon: a, tone: s = "neutral", ...c }) => {
+	let l = a ?? ae[s], u = t === "assertive" ? "alert" : t === "polite" ? "status" : c.role;
+	return /* @__PURE__ */ h("div", {
 		...c,
 		"aria-live": t === "off" ? void 0 : t,
 		className: o(N("root"), P.tone[s].className, i),
 		role: u,
-		children: [/* @__PURE__ */ m("div", {
+		children: [/* @__PURE__ */ h("div", {
 			className: N("lead"),
-			children: [l === void 0 ? null : /* @__PURE__ */ p("span", {
+			children: [l === void 0 ? null : /* @__PURE__ */ m("span", {
 				"aria-hidden": "true",
 				className: N("icon"),
-				children: /* @__PURE__ */ p(n, {
+				children: /* @__PURE__ */ m(n, {
 					decorative: !0,
 					name: l,
 					size: "small"
 				})
-			}), /* @__PURE__ */ p("div", {
+			}), /* @__PURE__ */ m("div", {
 				className: N("message"),
 				children: r
 			})]
-		}), e === void 0 ? null : /* @__PURE__ */ p("div", {
+		}), e === void 0 ? null : /* @__PURE__ */ m("div", {
 			className: N("action"),
 			children: e
 		})]
 	});
-}, ie = {
+}, se = {
 	root: "rly_Surface-module__root",
 	tonePrimary: "rly_Surface-module__tonePrimary",
 	toneSecondary: "rly_Surface-module__toneSecondary",
@@ -231,76 +227,76 @@ var h = {
 	paddingCompact: "rly_Surface-module__paddingCompact",
 	paddingDefault: "rly_Surface-module__paddingDefault",
 	paddingSpacious: "rly_Surface-module__paddingSpacious"
-}, L = (e) => i(ie, e), R = a({
+}, F = (e) => i(se, e), I = a({
 	tone: {
 		primary: {
-			className: L("tonePrimary"),
+			className: F("tonePrimary"),
 			purpose: "Primary bordered surface",
 			tokens: ["color-surface-1", "color-border-1"]
 		},
 		secondary: {
-			className: L("toneSecondary"),
+			className: F("toneSecondary"),
 			purpose: "Quiet secondary surface",
 			tokens: ["color-surface-2"]
 		},
 		tertiary: {
-			className: L("toneTertiary"),
+			className: F("toneTertiary"),
 			purpose: "Inset tertiary surface",
 			tokens: ["color-surface-3"]
 		}
 	},
 	form: {
 		card: {
-			className: L("shapeCard"),
+			className: F("shapeCard"),
 			purpose: "Standard card geometry",
 			tokens: ["radius-control"]
 		},
 		grouped: {
-			className: L("shapeGrouped"),
+			className: F("shapeGrouped"),
 			purpose: "Grouped content geometry",
 			tokens: ["radius-group"]
 		}
 	},
 	padding: {
 		none: {
-			className: L("paddingNone"),
+			className: F("paddingNone"),
 			purpose: "Caller-owned internal layout",
 			tokens: ["space-0"]
 		},
 		compact: {
-			className: L("paddingCompact"),
+			className: F("paddingCompact"),
 			purpose: "Dense supporting content",
 			tokens: ["space-16"]
 		},
 		default: {
-			className: L("paddingDefault"),
+			className: F("paddingDefault"),
 			purpose: "Standard content",
 			tokens: ["space-24"]
 		},
 		spacious: {
-			className: L("paddingSpacious"),
+			className: F("paddingSpacious"),
 			purpose: "Prominent grouped content",
 			tokens: ["space-32"]
 		}
 	}
-}), ae = a({
+}), ce = a({
 	tone: "primary",
 	form: "card",
 	padding: "default"
-}), z = ({ as: e, children: t, className: n, form: r = "card", padding: i = "default", ref: a, tone: s = "primary", ...c }) => d(e ?? "div", {
+}), L = ({ as: e, children: t, className: n, form: r = "card", padding: i = "default", ref: a, tone: s = "primary", ...c }) => f(e ?? "div", {
 	...c,
-	className: o(L("root"), R.tone[s].className, R.form[r].className, R.padding[i].className, n),
+	className: o(F("root"), I.tone[s].className, I.form[r].className, I.padding[i].className, n),
 	ref: a
-}, t), B = {
+}, t), R = {
 	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"
-}, V = (e) => i(B, e), H = a({ size: {
+}, z = (e) => i(R, e), B = a({ size: {
 	default: {
-		className: V("defaultSize"),
+		className: z("defaultSize"),
 		purpose: "Standard section navigation",
 		tokens: [
 			"type-label",
@@ -309,11 +305,11 @@ var h = {
 		]
 	},
 	large: {
-		className: V("large"),
+		className: z("large"),
 		purpose: "Prominent page-level navigation",
 		tokens: ["type-body", "space-48"]
 	}
-} }), U = a({ size: "default" }), W = (e) => {
+} }), V = a({ size: "default" }), H = (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) {
@@ -323,43 +319,43 @@ var h = {
 	}
 	if (n === void 0) throw Error("Tabs items must contain at least one enabled tab");
 	return n;
-}, G = ({ "aria-label": e, className: t, defaultValue: n, direction: i, items: a, onValueChange: s, ref: c, size: l = "default", value: f, ...h }) => {
-	let g = r(e, "Tabs aria-label"), _ = W(a), v = f ?? n ?? _.value, y = a.find((e) => e.value === v);
+}, U = ({ "aria-label": e, className: t, defaultValue: n, direction: i, items: a, onValueChange: s, ref: c, size: l = "default", value: u, ...p }) => {
+	let g = r(e, "Tabs aria-label"), _ = H(a), v = u ?? n ?? _.value, y = a.find((e) => e.value === v);
 	if (y === void 0 || y.disabled) throw Error(`Tabs selected value must identify an enabled tab: ${v}`);
-	let b = f === void 0 ? s === void 0 ? { defaultValue: v } : {
+	let b = u === void 0 ? s === void 0 ? { defaultValue: v } : {
 		defaultValue: v,
 		onValueChange: s
 	} : {
 		onValueChange: s,
-		value: f
+		value: u
 	}, x = i === void 0 ? {} : { dir: i };
-	return /* @__PURE__ */ m(u.Root, {
-		...h,
+	return /* @__PURE__ */ h(d.Root, {
+		...p,
 		...b,
 		...x,
 		activationMode: "automatic",
-		className: o(V("root"), H.size[l].className, t),
+		className: o(z("root"), B.size[l].className, t),
 		orientation: "horizontal",
 		ref: c,
-		children: [/* @__PURE__ */ p(u.List, {
+		children: [/* @__PURE__ */ m(d.List, {
 			"aria-label": g,
-			className: V("list"),
+			className: z("list"),
 			loop: !0,
-			children: a.map((e) => /* @__PURE__ */ p(u.Trigger, {
-				className: V("trigger"),
+			children: a.map((e) => /* @__PURE__ */ m(d.Trigger, {
+				className: z("trigger"),
 				"data-tab-value": e.value,
 				disabled: e.disabled,
 				value: e.value,
 				children: e.label
 			}, e.value))
-		}), a.map((e) => /* @__PURE__ */ d(u.Content, {
-			className: V("panel"),
+		}), a.map((e) => /* @__PURE__ */ f(d.Content, {
+			className: z("panel"),
 			...e.forceMount === void 0 ? {} : { forceMount: e.forceMount },
 			key: e.value,
 			value: e.value
 		}, e.content))]
 	});
-}, K = {
+}, W = {
 	root: "rly_Text-module__root",
 	verdict: "rly_Text-module__verdict",
 	pageTitle: "rly_Text-module__pageTitle",
@@ -374,139 +370,149 @@ var h = {
 	toneSecondary: "rly_Text-module__toneSecondary",
 	toneTertiary: "rly_Text-module__toneTertiary",
 	toneInherit: "rly_Text-module__toneInherit"
-}, q = (e) => i(K, e), J = a({
+}, G = (e) => i(W, e), K = a({
 	variant: {
 		verdict: {
-			className: q("verdict"),
+			className: G("verdict"),
 			purpose: "One restrained verdict thesis",
 			tokens: ["type-verdict"]
 		},
 		"page-title": {
-			className: q("pageTitle"),
+			className: G("pageTitle"),
 			purpose: "Primary page title",
 			tokens: ["type-page-title"]
 		},
 		"section-title": {
-			className: q("sectionTitle"),
+			className: G("sectionTitle"),
 			purpose: "Section heading",
 			tokens: ["type-section-title"]
 		},
 		"card-title": {
-			className: q("cardTitle"),
+			className: G("cardTitle"),
 			purpose: "Card or panel heading",
 			tokens: ["type-card-title"]
 		},
 		"body-large": {
-			className: q("bodyLarge"),
+			className: G("bodyLarge"),
 			purpose: "Leading explanatory copy",
 			tokens: ["type-body-large"]
 		},
 		body: {
-			className: q("body"),
+			className: G("body"),
 			purpose: "Default interface copy",
 			tokens: ["type-body"]
 		},
 		label: {
-			className: q("label"),
+			className: G("label"),
 			purpose: "Control and metadata labels",
 			tokens: ["type-label"]
 		},
 		meta: {
-			className: q("meta"),
+			className: G("meta"),
 			purpose: "Supporting metadata",
 			tokens: ["type-meta"]
 		},
 		code: {
-			className: q("code"),
+			className: G("code"),
 			purpose: "Code and tabular data",
 			tokens: ["type-code"]
 		}
 	},
 	tone: {
 		primary: {
-			className: q("tonePrimary"),
+			className: G("tonePrimary"),
 			purpose: "Primary readable text",
 			tokens: ["color-text-1"]
 		},
 		secondary: {
-			className: q("toneSecondary"),
+			className: G("toneSecondary"),
 			purpose: "Supporting text",
 			tokens: ["color-text-2"]
 		},
 		tertiary: {
-			className: q("toneTertiary"),
+			className: G("toneTertiary"),
 			purpose: "Restricted tertiary text",
 			tokens: ["color-text-3"]
 		},
 		inherit: {
-			className: q("toneInherit"),
+			className: G("toneInherit"),
 			purpose: "Inherit semantic context",
 			tokens: []
 		}
 	}
-}), Y = a({
+}), q = a({
 	variant: "body",
 	tone: "primary"
-}), oe = (e) => e === "code" ? "code" : e === "verdict" ? "p" : e === "label" || e === "meta" ? "span" : "p", se = ({ as: e, children: t, className: n, ref: r, tone: i = Y.tone, variant: a = Y.variant, ...s }) => d(e ?? oe(a), {
+}), le = (e) => e === "code" ? "code" : e === "verdict" ? "p" : e === "label" || e === "meta" ? "span" : "p", ue = ({ as: e, children: t, className: n, ref: r, tone: i = q.tone, variant: a = q.variant, ...s }) => f(e ?? le(a), {
 	...s,
-	className: o(q("root"), J.variant[a].className, J.tone[i].className, n),
+	className: o(G("root"), K.variant[a].className, K.tone[i].className, n),
 	ref: r
-}, t), ce = { intrinsic: "rly_ThemeSelect-module__intrinsic" }, le = {
+}, t), de = { intrinsic: "rly_ThemeSelect-module__intrinsic" }, fe = {
 	system: "System",
 	light: "Light",
 	dark: "Dark"
-}, X = t.map((e) => ({
-	label: le[e],
+}, J = t.map((e) => ({
+	label: fe[e],
 	value: e
-})), ue = ({ className: t, label: n = "Appearance", labelVisibility: r = "visible", onValueChange: a, size: l = "compact", value: u }) => {
-	let d = (t) => {
+})), pe = ({ className: t, label: n = "Appearance", labelVisibility: r = "visible", onValueChange: a, size: u = l.size, value: d }) => {
+	let f = (t) => {
 		let n = e(t);
 		n !== void 0 && a(n);
 	};
-	return r === "hidden" ? /* @__PURE__ */ p(s, {
+	return r === "hidden" ? /* @__PURE__ */ m(s, {
 		"aria-label": n,
-		className: o(i(ce, "intrinsic"), t),
-		onValueChange: d,
-		options: X,
-		size: l,
-		value: u
-	}) : /* @__PURE__ */ p(c, {
+		className: o(i(de, "intrinsic"), t),
+		onValueChange: f,
+		options: J,
+		size: u,
+		value: d
+	}) : /* @__PURE__ */ m(c, {
 		...t === void 0 ? {} : { className: t },
 		label: n,
-		size: l,
-		children: (e) => /* @__PURE__ */ p(s, {
+		size: u,
+		children: (e) => /* @__PURE__ */ m(s, {
 			...e,
-			onValueChange: d,
-			options: X,
-			size: l,
-			value: u
+			onValueChange: f,
+			options: J,
+			size: u,
+			value: d
 		})
 	});
-}, de = {
+}, me = {
 	root: "rly_ToggleGroup-module__root",
 	item: "rly_ToggleGroup-module__item",
-	defaultSize: "rly_ToggleGroup-module__defaultSize",
-	compact: "rly_ToggleGroup-module__compact"
-}, Z = (e) => i(de, e), Q = a({ size: {
+	dense: "rly_ToggleGroup-module__dense",
+	compact: "rly_ToggleGroup-module__compact",
+	defaultSize: "rly_ToggleGroup-module__defaultSize"
+}, Y = (e) => i(me, e), X = a({ size: {
+	dense: {
+		className: Y("dense"),
+		purpose: "Tool-density choice beside dense controls; the default",
+		tokens: [
+			"control-height-dense",
+			"type-meta",
+			"radius-tag"
+		]
+	},
 	compact: {
-		className: Z("compact"),
-		purpose: "Dense filter rows beside other controls",
+		className: Y("compact"),
+		purpose: "Filter rows beside compact controls",
 		tokens: [
+			"control-height-compact",
 			"type-meta",
-			"space-32",
-			"space-2"
+			"radius-tag"
 		]
 	},
 	default: {
-		className: Z("defaultSize"),
+		className: Y("defaultSize"),
 		purpose: "Standard view and filter choices",
 		tokens: [
+			"control-height-default",
 			"type-label",
-			"space-40",
-			"space-2"
+			"radius-tag"
 		]
 	}
-} }), fe = a({ size: "default" }), pe = (e) => e === "ArrowLeft" || e === "ArrowUp" ? -1 : e === "ArrowRight" || e === "ArrowDown" ? 1 : null, me = (e, t) => {
+} }), Z = a({ size: "dense" }), Q = (e) => e === "ArrowLeft" || e === "ArrowUp" ? -1 : e === "ArrowRight" || e === "ArrowDown" ? 1 : null, he = (e, t) => {
 	let n = /* @__PURE__ */ new Set();
 	for (let t of e) {
 		let e = r(t.value, "ToggleGroup item value");
@@ -514,62 +520,62 @@ var h = {
 		n.add(e);
 	}
 	if (!n.has(t)) throw Error(`ToggleGroup value must identify an option: ${t}`);
-}, he = ({ "aria-label": e, className: t, items: n, onValueChange: i, ref: a, size: s = "default", value: c, ...u }) => {
+}, ge = ({ "aria-label": e, className: t, items: n, onValueChange: i, ref: a, size: s = Z.size, value: c, ...l }) => {
 	let d = r(e, "ToggleGroup aria-label");
-	me(n, c);
-	let m = f(/* @__PURE__ */ new Map()), h = (e, t) => {
-		let r = pe(e.key);
+	he(n, c);
+	let f = p(/* @__PURE__ */ new Map()), h = (e, t) => {
+		let r = Q(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), m.current.get(a.value)?.focus());
+		a !== void 0 && (a.value !== c && i(a.value), f.current.get(a.value)?.focus());
 	};
-	return /* @__PURE__ */ p(l.Root, {
-		...u,
+	return /* @__PURE__ */ m(u.Root, {
+		...l,
 		"aria-label": d,
-		className: o(Z("root"), Q.size[s].className, t),
+		className: o(Y("root"), X.size[s].className, t),
 		loop: !0,
 		onValueChange: i,
 		orientation: "horizontal",
 		ref: a,
 		value: c,
-		children: n.map((e, t) => /* @__PURE__ */ p(l.Item, {
-			className: Z("item"),
+		children: n.map((e, t) => /* @__PURE__ */ m(u.Item, {
+			className: Y("item"),
 			onKeyDown: (e) => h(e, t),
 			ref: (t) => {
-				t === null ? m.current.delete(e.value) : m.current.set(e.value, t);
+				t === null ? f.current.delete(e.value) : f.current.set(e.value, t);
 			},
 			value: e.value,
 			children: e.label
 		}, e.value))
 	});
-}, ge = {
+}, _e = {
 	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"
-}, $ = (e) => i(ge, e), _e = [
+}, $ = (e) => i(_e, e), ve = [
 	"near",
 	"projected",
 	"stale",
 	"unknown"
-], ve = ({ className: e, items: t, label: n, ...i }) => {
+], ye = ({ 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__ */ p("ul", {
+	return /* @__PURE__ */ m("ul", {
 		...i,
 		"aria-label": r(n, "TrackKey label"),
 		className: o($("root"), e),
 		role: "list",
-		children: t.map((e) => /* @__PURE__ */ m("li", {
+		children: t.map((e) => /* @__PURE__ */ h("li", {
 			className: $("item"),
-			children: [/* @__PURE__ */ p("span", {
+			children: [/* @__PURE__ */ m("span", {
 				"aria-hidden": "true",
 				className: $(e.mark),
 				"data-mark": e.mark
@@ -578,6 +584,6 @@ var h = {
 	});
 };
 //#endregion
-export { te as C, _ as D, b as E, v as O, A as S, C as T, F as _, he as a, D as b, J as c, H as d, G as f, re as g, z as h, Q as i, se as l, R as m, ve as n, ue as o, ae as p, fe as r, Y as s, _e as t, U as u, P as v, ee as w, E as x, M as y };
+export { ne as C, v as D, x as E, y as O, k as S, C as T, ie as _, ge as a, E as b, K as c, B as d, U as f, oe as g, L as h, X as i, ue as l, I as m, ye as n, pe as o, ce as p, Z as r, q as s, ve as t, V as u, P as v, te as w, T as x, j as y };
 
-//# sourceMappingURL=primitives-Dj-qYrUZ.js.map
+//# sourceMappingURL=primitives-CgvvYKjR.js.map