@knpkv/rly 0.8.0 → 0.10.0

package/dist/primitives/index.js

@@ -1,6 +1,6 @@
 "use client";
-import { A as e, C as t, D as n, E as r, O as i, S as a, T as o, _ as s, a as c, b as l, c as u, d, f, g as p, h as m, i as h, k as g, l as _, m as v, n as y, o as b, p as x, r as S, s as C, t as w, u as T, v as E, w as D, x as O, y as k } from "../Dialog-_t9OodCK.js";
-import { _ as A, a as j, c as M, d as N, f as P, g as F, h as I, i as L, l as R, m as z, n as B, o as V, p as H, r as U, s as W, t as G, u as K, v as q, y as J } from "../primitives-CjQX0eVM.js";
-export { k as Avatar, o as Button, w as Dialog, A as Divider, h as Field, p as IconButton, z as Notice, l as RLY_AVATAR_DEFAULT_VARIANTS, O as RLY_AVATAR_VARIANTS, r as RLY_BUTTON_DEFAULT_VARIANTS, n as RLY_BUTTON_VARIANTS, y as RLY_DIALOG_DEFAULT_VARIANTS, S as RLY_DIALOG_VARIANTS, q as RLY_DIVIDER_DEFAULT_VARIANTS, J as RLY_DIVIDER_VARIANTS, c as RLY_FIELD_DEFAULT_VARIANTS, b as RLY_FIELD_VARIANTS, s as RLY_ICON_BUTTON_DEFAULT_VARIANTS, E as RLY_ICON_BUTTON_VARIANTS, I as RLY_NOTICE_DEFAULT_VARIANTS, F as RLY_NOTICE_VARIANTS, x as RLY_SELECT_DEFAULT_VARIANTS, v as RLY_SELECT_VARIANTS, i as RLY_SHEET_DEFAULT_VARIANTS, g as RLY_SHEET_VARIANTS, T as RLY_SKELETON_DEFAULT_VARIANTS, d as RLY_SKELETON_VARIANTS, a as RLY_STATE_LABEL_DEFAULT_VARIANTS, t as RLY_STATE_LABEL_VARIANTS, C as RLY_STATE_PANEL_DEFAULT_VARIANTS, u as RLY_STATE_PANEL_VARIANTS, N as RLY_SURFACE_DEFAULT_VARIANTS, P as RLY_SURFACE_VARIANTS, M as RLY_TABS_DEFAULT_VARIANTS, R as RLY_TABS_VARIANTS, j as RLY_TEXT_DEFAULT_VARIANTS, V as RLY_TEXT_VARIANTS, G as RLY_TOGGLE_GROUP_DEFAULT_VARIANTS, B as RLY_TOGGLE_GROUP_VARIANTS, m as Select, e as Sheet, f as Skeleton, D as StateLabel, _ as StatePanel, H as Surface, K as Tabs, W as Text, L as ThemeSelect, U as ToggleGroup };
+import { A as e, C as t, D as n, E as r, O as i, S as a, T as o, _ as s, a as c, b as l, c as u, d, f, g as p, h as m, i as h, k as g, l as _, m as v, n as y, o as b, p as x, r as S, s as C, t as w, u as T, v as E, w as D, x as O, y as k } from "../Dialog-B9Ub_gMT.js";
+import { C as A, D as j, E as M, O as N, S as P, T as F, _ as I, a as L, b as R, c as z, d as B, f as V, g as H, h as U, i as W, l as G, m as K, n as q, o as J, p as Y, r as X, s as Z, t as Q, u as $, v as ee, w as te, x as ne, y as re } from "../primitives-CgvvYKjR.js";
+export { k as Avatar, o as Button, M as ChartLegend, w as Dialog, A as Divider, h as Field, p as IconButton, re as LimitTrack, H as Notice, l as RLY_AVATAR_DEFAULT_VARIANTS, O as RLY_AVATAR_VARIANTS, r as RLY_BUTTON_DEFAULT_VARIANTS, n as RLY_BUTTON_VARIANTS, y as RLY_DIALOG_DEFAULT_VARIANTS, S as RLY_DIALOG_VARIANTS, te as RLY_DIVIDER_DEFAULT_VARIANTS, F as RLY_DIVIDER_VARIANTS, c as RLY_FIELD_DEFAULT_VARIANTS, b as RLY_FIELD_VARIANTS, s as RLY_ICON_BUTTON_DEFAULT_VARIANTS, E as RLY_ICON_BUTTON_VARIANTS, R as RLY_LIMIT_TRACK_DEFAULT_VARIANTS, ne as RLY_LIMIT_TRACK_VARIANTS, I as RLY_NOTICE_DEFAULT_VARIANTS, ee as RLY_NOTICE_VARIANTS, x as RLY_SELECT_DEFAULT_VARIANTS, v as RLY_SELECT_VARIANTS, j as RLY_SERIES, i as RLY_SHEET_DEFAULT_VARIANTS, g as RLY_SHEET_VARIANTS, T as RLY_SKELETON_DEFAULT_VARIANTS, d as RLY_SKELETON_VARIANTS, a as RLY_STATE_LABEL_DEFAULT_VARIANTS, t as RLY_STATE_LABEL_VARIANTS, C as RLY_STATE_PANEL_DEFAULT_VARIANTS, u as RLY_STATE_PANEL_VARIANTS, Y as RLY_SURFACE_DEFAULT_VARIANTS, K as RLY_SURFACE_VARIANTS, $ as RLY_TABS_DEFAULT_VARIANTS, B as RLY_TABS_VARIANTS, Z as RLY_TEXT_DEFAULT_VARIANTS, z as RLY_TEXT_VARIANTS, X as RLY_TOGGLE_GROUP_DEFAULT_VARIANTS, W as RLY_TOGGLE_GROUP_VARIANTS, Q as RLY_TRACK_KEY_MARKS, m as Select, e as Sheet, f as Skeleton, D as StateLabel, _ as StatePanel, U as Surface, V as Tabs, G as Text, J as ThemeSelect, L as ToggleGroup, q as TrackKey, P as limitTrackTone, N as rlySeriesColor };
 
 //# sourceMappingURL=index.js.map

package/dist/primitives-CgvvYKjR.js

@@ -0,0 +1,589 @@
+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, 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"
+}, _ = (e) => i(g, e), v = [
+	1,
+	2,
+	3,
+	4,
+	5,
+	6,
+	7,
+	8,
+	"other"
+], 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);
+	}
+}, 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(_("root"), e),
+	role: "list",
+	children: t.map((e) => /* @__PURE__ */ h("li", {
+		className: _("item"),
+		children: [/* @__PURE__ */ m("span", {
+			"aria-hidden": "true",
+			className: _("swatch"),
+			"data-series": String(e.series),
+			style: { background: y(e.series) }
+		}), r(e.label, "ChartLegend item label")]
+	}, e.id))
+})), 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(ee, e), C = a({
+	orientation: {
+		horizontal: {
+			className: S("horizontal"),
+			purpose: "Separate stacked content",
+			tokens: ["space-0"]
+		},
+		vertical: {
+			className: S("vertical"),
+			purpose: "Separate adjacent content",
+			tokens: ["space-0"]
+		}
+	},
+	strength: {
+		subtle: {
+			className: S("subtle"),
+			purpose: "Quiet structural boundary",
+			tokens: ["color-border-1"]
+		},
+		strong: {
+			className: S("strong"),
+			purpose: "Explicit structural boundary",
+			tokens: ["color-border-2"]
+		}
+	}
+}), te = a({
+	orientation: "horizontal",
+	strength: "subtle"
+}), 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__ */ m("div", {
+		...s,
+		"aria-hidden": t ? "true" : void 0,
+		"aria-label": c,
+		"aria-orientation": t ? void 0 : i,
+		className: o(S("root"), C.orientation[i].className, C.strength[a].className, e),
+		role: t ? "presentation" : "separator"
+	});
+}, 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"
+}, w = (e) => i(re, e), T = a({ size: {
+	default: {
+		className: w("defaultSize"),
+		purpose: "A limit beside its numbers",
+		tokens: ["space-12", "radius-tag"]
+	},
+	slim: {
+		className: w("slim"),
+		purpose: "A limit inside a dense row",
+		tokens: ["space-6", "radius-tag"]
+	}
+} }), 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;
+}, k = (e, t) => {
+	let n = O(t, "limitTrackTone near"), r = D(e);
+	return r === null ? "unknown" : r >= 100 ? "full" : r >= n ? "near" : "ok";
+}, 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__ */ 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 ? A(f) : void 0,
+		"aria-valuetext": y ? v : void 0,
+		className: o(w("root"), T.size[s].className, e),
+		"data-stale": c ? "true" : void 0,
+		"data-tone": k(f, p),
+		role: g ? y ? "meter" : "img" : void 0,
+		children: [
+			f === null ? null : /* @__PURE__ */ m("span", {
+				className: w("fill"),
+				"data-part": "fill",
+				style: { inlineSize: `${A(f)}%` }
+			}),
+			b === null ? null : /* @__PURE__ */ m("span", {
+				className: w("projection"),
+				"data-part": "projection",
+				style: {
+					inlineSize: `${b.length}%`,
+					insetInlineStart: `${b.start}%`
+				}
+			}),
+			/* @__PURE__ */ m("span", {
+				className: w("near"),
+				"data-part": "near",
+				style: { insetInlineStart: `min(${A(p)}%, 100% - 1px)` }
+			})
+		]
+	});
+}, M = {
+	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"
+}, N = (e) => i(M, e), P = a({ tone: {
+	neutral: {
+		className: N("neutral"),
+		purpose: "Neutral context",
+		tokens: ["color-text-2", "color-border-1"]
+	},
+	positive: {
+		className: N("positive"),
+		purpose: "Completed outcome",
+		tokens: ["color-success-ink"]
+	},
+	critical: {
+		className: N("critical"),
+		purpose: "Failure that needs attention",
+		tokens: ["color-blocked-ink"]
+	},
+	caution: {
+		className: N("caution"),
+		purpose: "Limitation or warning",
+		tokens: ["color-held-ink"]
+	},
+	progress: {
+		className: N("progress"),
+		purpose: "Work in progress",
+		tokens: ["color-deploying-ink"]
+	}
+} }), ie = a({ tone: "neutral" }), ae = {
+	neutral: void 0,
+	positive: "check",
+	critical: "alert",
+	caution: "clock",
+	progress: "loader"
+}, 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__ */ h("div", {
+			className: N("lead"),
+			children: [l === void 0 ? null : /* @__PURE__ */ m("span", {
+				"aria-hidden": "true",
+				className: N("icon"),
+				children: /* @__PURE__ */ m(n, {
+					decorative: !0,
+					name: l,
+					size: "small"
+				})
+			}), /* @__PURE__ */ m("div", {
+				className: N("message"),
+				children: r
+			})]
+		}), e === void 0 ? null : /* @__PURE__ */ m("div", {
+			className: N("action"),
+			children: e
+		})]
+	});
+}, se = {
+	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"
+}, F = (e) => i(se, e), I = a({
+	tone: {
+		primary: {
+			className: F("tonePrimary"),
+			purpose: "Primary bordered surface",
+			tokens: ["color-surface-1", "color-border-1"]
+		},
+		secondary: {
+			className: F("toneSecondary"),
+			purpose: "Quiet secondary surface",
+			tokens: ["color-surface-2"]
+		},
+		tertiary: {
+			className: F("toneTertiary"),
+			purpose: "Inset tertiary surface",
+			tokens: ["color-surface-3"]
+		}
+	},
+	form: {
+		card: {
+			className: F("shapeCard"),
+			purpose: "Standard card geometry",
+			tokens: ["radius-control"]
+		},
+		grouped: {
+			className: F("shapeGrouped"),
+			purpose: "Grouped content geometry",
+			tokens: ["radius-group"]
+		}
+	},
+	padding: {
+		none: {
+			className: F("paddingNone"),
+			purpose: "Caller-owned internal layout",
+			tokens: ["space-0"]
+		},
+		compact: {
+			className: F("paddingCompact"),
+			purpose: "Dense supporting content",
+			tokens: ["space-16"]
+		},
+		default: {
+			className: F("paddingDefault"),
+			purpose: "Standard content",
+			tokens: ["space-24"]
+		},
+		spacious: {
+			className: F("paddingSpacious"),
+			purpose: "Prominent grouped content",
+			tokens: ["space-32"]
+		}
+	}
+}), ce = a({
+	tone: "primary",
+	form: "card",
+	padding: "default"
+}), 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(F("root"), I.tone[s].className, I.form[r].className, I.padding[i].className, n),
+	ref: a
+}, 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"
+}, z = (e) => i(R, e), B = a({ size: {
+	default: {
+		className: z("defaultSize"),
+		purpose: "Standard section navigation",
+		tokens: [
+			"type-label",
+			"space-40",
+			"space-4"
+		]
+	},
+	large: {
+		className: z("large"),
+		purpose: "Prominent page-level navigation",
+		tokens: ["type-body", "space-48"]
+	}
+} }), 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) {
+		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;
+}, 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 = u === void 0 ? s === void 0 ? { defaultValue: v } : {
+		defaultValue: v,
+		onValueChange: s
+	} : {
+		onValueChange: s,
+		value: u
+	}, x = i === void 0 ? {} : { dir: i };
+	return /* @__PURE__ */ h(d.Root, {
+		...p,
+		...b,
+		...x,
+		activationMode: "automatic",
+		className: o(z("root"), B.size[l].className, t),
+		orientation: "horizontal",
+		ref: c,
+		children: [/* @__PURE__ */ m(d.List, {
+			"aria-label": g,
+			className: z("list"),
+			loop: !0,
+			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__ */ f(d.Content, {
+			className: z("panel"),
+			...e.forceMount === void 0 ? {} : { forceMount: e.forceMount },
+			key: e.value,
+			value: e.value
+		}, e.content))]
+	});
+}, W = {
+	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"
+}, G = (e) => i(W, e), K = a({
+	variant: {
+		verdict: {
+			className: G("verdict"),
+			purpose: "One restrained verdict thesis",
+			tokens: ["type-verdict"]
+		},
+		"page-title": {
+			className: G("pageTitle"),
+			purpose: "Primary page title",
+			tokens: ["type-page-title"]
+		},
+		"section-title": {
+			className: G("sectionTitle"),
+			purpose: "Section heading",
+			tokens: ["type-section-title"]
+		},
+		"card-title": {
+			className: G("cardTitle"),
+			purpose: "Card or panel heading",
+			tokens: ["type-card-title"]
+		},
+		"body-large": {
+			className: G("bodyLarge"),
+			purpose: "Leading explanatory copy",
+			tokens: ["type-body-large"]
+		},
+		body: {
+			className: G("body"),
+			purpose: "Default interface copy",
+			tokens: ["type-body"]
+		},
+		label: {
+			className: G("label"),
+			purpose: "Control and metadata labels",
+			tokens: ["type-label"]
+		},
+		meta: {
+			className: G("meta"),
+			purpose: "Supporting metadata",
+			tokens: ["type-meta"]
+		},
+		code: {
+			className: G("code"),
+			purpose: "Code and tabular data",
+			tokens: ["type-code"]
+		}
+	},
+	tone: {
+		primary: {
+			className: G("tonePrimary"),
+			purpose: "Primary readable text",
+			tokens: ["color-text-1"]
+		},
+		secondary: {
+			className: G("toneSecondary"),
+			purpose: "Supporting text",
+			tokens: ["color-text-2"]
+		},
+		tertiary: {
+			className: G("toneTertiary"),
+			purpose: "Restricted tertiary text",
+			tokens: ["color-text-3"]
+		},
+		inherit: {
+			className: G("toneInherit"),
+			purpose: "Inherit semantic context",
+			tokens: []
+		}
+	}
+}), q = a({
+	variant: "body",
+	tone: "primary"
+}), 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(G("root"), K.variant[a].className, K.tone[i].className, n),
+	ref: r
+}, t), de = { intrinsic: "rly_ThemeSelect-module__intrinsic" }, fe = {
+	system: "System",
+	light: "Light",
+	dark: "Dark"
+}, J = t.map((e) => ({
+	label: fe[e],
+	value: e
+})), 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__ */ m(s, {
+		"aria-label": n,
+		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: u,
+		children: (e) => /* @__PURE__ */ m(s, {
+			...e,
+			onValueChange: f,
+			options: J,
+			size: u,
+			value: d
+		})
+	});
+}, me = {
+	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"
+}, 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: Y("compact"),
+		purpose: "Filter rows beside compact controls",
+		tokens: [
+			"control-height-compact",
+			"type-meta",
+			"radius-tag"
+		]
+	},
+	default: {
+		className: Y("defaultSize"),
+		purpose: "Standard view and filter choices",
+		tokens: [
+			"control-height-default",
+			"type-label",
+			"radius-tag"
+		]
+	}
+} }), 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");
+		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}`);
+}, 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");
+	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), f.current.get(a.value)?.focus());
+	};
+	return /* @__PURE__ */ m(u.Root, {
+		...l,
+		"aria-label": d,
+		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__ */ m(u.Item, {
+			className: Y("item"),
+			onKeyDown: (e) => h(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))
+	});
+}, _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(_e, e), ve = [
+	"near",
+	"projected",
+	"stale",
+	"unknown"
+], 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__ */ m("ul", {
+		...i,
+		"aria-label": r(n, "TrackKey label"),
+		className: o($("root"), e),
+		role: "list",
+		children: t.map((e) => /* @__PURE__ */ h("li", {
+			className: $("item"),
+			children: [/* @__PURE__ */ m("span", {
+				"aria-hidden": "true",
+				className: $(e.mark),
+				"data-mark": e.mark
+			}), r(e.label, "TrackKey item label")]
+		}, e.mark))
+	});
+};
+//#endregion
+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-CgvvYKjR.js.map