@knpkv/rly 0.4.0 → 0.5.0

package/dist/Dialog-DSwimdwG.js

@@ -0,0 +1,955 @@
+import { i as e, t } from "./PortalProvider-CN_81Fy3.js";
+import { a as n, c as r, i, l as a, n as o, o as s, r as c, s as l, t as u } from "./component-DKy8kjZl.js";
+import { Avatar as d, Dialog as f, Select as p } from "radix-ui";
+import { createContext as m, createElement as h, useCallback as g, useContext as _, useId as v, useLayoutEffect as y, useRef as b, useState as x } from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region src/internal/modal.ts
+var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = m(null), D = 0, O = (e, t) => {
+	let n = b({
+		open: e,
+		value: t
+	}), r = e && !n.current.open ? t : n.current.value;
+	return y(() => {
+		e ? n.current.open || (n.current = {
+			open: !0,
+			value: t
+		}) : n.current = {
+			open: !1,
+			value: t
+		};
+	}, [e, t]), r;
+}, k = (e) => "inert" in e && n(e.inert), A = (e) => e !== null && k(e), j = ({ children: e }) => {
+	let [t, n] = x(!1);
+	return h(E.Provider, { value: {
+		isContentMounted: t,
+		setContentMounted: n
+	} }, e);
+}, M = () => _(E)?.isContentMounted ?? !0, N = () => _(E) !== null, P = () => {
+	let e = _(E)?.setContentMounted;
+	y(() => (e?.(!0), () => e?.(!1)), [e]);
+}, ee = (e) => {
+	let t = w.get(e);
+	if (t === void 0) {
+		w.set(e, {
+			count: 1,
+			previous: e.inert
+		}), e.inert = !0;
+		return;
+	}
+	t.count += 1;
+}, te = (e) => {
+	let t = w.get(e);
+	if (t !== void 0) {
+		if (t.count > 1) {
+			--t.count;
+			return;
+		}
+		e.inert = t.previous, w.delete(e);
+	}
+}, F = (e, t) => {
+	y(() => {
+		if (!t) return;
+		let n = e.current;
+		if (n === null) return;
+		let i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), o = n.ownerDocument.defaultView?.MutationObserver, s = null, c = () => {
+			let e = n;
+			for (; e !== e.ownerDocument.body;) {
+				let t = e.parentNode;
+				if (t === null) break;
+				a.has(t) || (s?.observe(t, { childList: !0 }), a.add(t));
+				let n = !1;
+				for (let r of t.children) {
+					if (r === e) {
+						n = !0;
+						continue;
+					}
+					!(n && r.hasAttribute("data-rly-modal-layer")) && A(r) && !i.has(r) && (ee(r), i.add(r));
+				}
+				let o = e.parentElement;
+				if (o !== null) {
+					e = o;
+					continue;
+				}
+				if (!("host" in t)) break;
+				let c = t.host;
+				if (!r(c) || !k(c)) break;
+				e = c;
+			}
+		};
+		return o !== void 0 && (s = new o(c)), c(), () => {
+			s?.disconnect();
+			for (let e of i) te(e);
+		};
+	}, [t, e]);
+}, I = (e) => {
+	let t = T.get(e);
+	if (t !== void 0) {
+		t.count += 1;
+		return;
+	}
+	let n = e.documentElement;
+	T.set(e, {
+		count: 1,
+		overflow: n.style.overflow,
+		overscrollBehavior: n.style.overscrollBehavior
+	}), n.style.overflow = "hidden", n.style.overscrollBehavior = "none";
+}, ne = (e) => {
+	let t = T.get(e);
+	if (t === void 0) return;
+	if (t.count > 1) {
+		--t.count;
+		return;
+	}
+	let n = e.documentElement;
+	n.style.overflow = t.overflow, n.style.overscrollBehavior = t.overscrollBehavior, T.delete(e);
+}, re = (e, t) => {
+	y(() => {
+		if (!t) return;
+		let n = e.current?.ownerDocument;
+		if (n !== void 0) return I(n), () => ne(n);
+	}, [t, e]);
+}, L = () => {
+	D += 1;
+}, ie = (e) => {
+	let t = ++D;
+	setTimeout(() => {
+		D === t && e !== null && e.isConnected === !0 && e.focus();
+	}, 0);
+}, ae = {
+	layer: "rly_Sheet-module__layer",
+	trigger: "rly_Sheet-module__trigger",
+	close: "rly_Sheet-module__close",
+	iconClose: "rly_Sheet-module__iconClose",
+	overlay: "rly_Sheet-module__overlay",
+	"rly-sheet-overlay-out": "rly_Sheet-module__rly-sheet-overlay-out",
+	"rly-sheet-overlay-in": "rly_Sheet-module__rly-sheet-overlay-in",
+	content: "rly_Sheet-module__content",
+	end: "rly_Sheet-module__end",
+	"rly-sheet-end-out": "rly_Sheet-module__rly-sheet-end-out",
+	"rly-sheet-end-in": "rly_Sheet-module__rly-sheet-end-in",
+	start: "rly_Sheet-module__start",
+	"rly-sheet-start-out": "rly_Sheet-module__rly-sheet-start-out",
+	"rly-sheet-start-in": "rly_Sheet-module__rly-sheet-start-in",
+	header: "rly_Sheet-module__header",
+	heading: "rly_Sheet-module__heading",
+	title: "rly_Sheet-module__title",
+	description: "rly_Sheet-module__description",
+	body: "rly_Sheet-module__body",
+	footer: "rly_Sheet-module__footer"
+}, R = (e) => o(ae, e), oe = c({ side: {
+	end: {
+		className: R("end"),
+		purpose: "Supporting detail that follows the current reading flow",
+		tokens: [
+			"color-surface-1",
+			"radius-overlay",
+			"motion-standard"
+		]
+	},
+	start: {
+		className: R("start"),
+		purpose: "Navigation or context that precedes the current reading flow",
+		tokens: [
+			"color-surface-1",
+			"radius-overlay",
+			"motion-standard"
+		]
+	}
+} }), se = c({ side: "end" }), ce = m(null), z = () => {
+	let e = _(ce);
+	if (e === null) throw Error("Sheet compound components must be nested inside Sheet.Root");
+	return e;
+}, le = ({ children: e, entryMotion: t }) => {
+	let n = z(), r = b(null);
+	return P(), F(r, n.open), /* @__PURE__ */ S("div", {
+		className: R("layer"),
+		"data-rly-modal-layer": "",
+		"data-rly-sheet-entry-motion": t,
+		"data-rly-sheet-layer": "",
+		ref: r,
+		children: e
+	});
+}, ue = (e, t) => (a(e) && i(e, `${t} children`), e), de = Object.freeze({
+	Body: ({ className: e, ...t }) => /* @__PURE__ */ S("div", {
+		...t,
+		className: u(R("body"), e)
+	}),
+	Close: ({ children: e, className: t, type: n, ...r }) => /* @__PURE__ */ S(f.Close, {
+		...r,
+		className: u(R("close"), t),
+		type: n ?? "button",
+		children: ue(e, "Sheet.Close")
+	}),
+	Content: ({ children: n, className: r, closeLabel: a, description: o, entryMotion: c = "intrinsic", initialFocusRef: l, ref: d, side: p = se.side, tabIndex: m, title: h, ..._ }) => {
+		let v = z(), y = O(v.open, c), x = i(h, "Sheet title"), w = o === void 0 ? void 0 : i(o, "Sheet description"), T = i(a ?? `Close ${x}`, "Sheet closeLabel"), E = b(null), D = g((e) => {
+			E.current = e, s(d) ? d(e) : d != null && (d.current = e);
+		}, [d]);
+		return /* @__PURE__ */ S(t, { children: (t) => /* @__PURE__ */ S(f.Portal, {
+			container: t,
+			children: /* @__PURE__ */ C(le, {
+				entryMotion: y,
+				children: [/* @__PURE__ */ S(f.Overlay, {
+					className: R("overlay"),
+					"data-rly-sheet-overlay": "",
+					onPointerDown: () => v.requestOpenChange(!1)
+				}), /* @__PURE__ */ C(f.Content, {
+					..._,
+					...w === void 0 ? { "aria-describedby": void 0 } : {},
+					className: u(R("content"), oe.side[p].className, r),
+					"data-rly-sheet-side": p,
+					onCloseAutoFocus: (e) => e.preventDefault(),
+					onOpenAutoFocus: (e) => {
+						e.preventDefault();
+						let t = E.current?.ownerDocument.activeElement ?? null;
+						v.restoreFocusRef.current === null && A(t) && (v.restoreFocusRef.current = t);
+						let n = l?.current ?? E.current;
+						n?.focus(), n !== E.current && n?.ownerDocument.activeElement !== n && E.current?.focus();
+					},
+					ref: D,
+					tabIndex: m ?? -1,
+					children: [/* @__PURE__ */ C("div", {
+						className: R("header"),
+						children: [/* @__PURE__ */ C("div", {
+							className: R("heading"),
+							children: [/* @__PURE__ */ S(f.Title, {
+								className: R("title"),
+								children: x
+							}), w === void 0 ? null : /* @__PURE__ */ S(f.Description, {
+								className: R("description"),
+								children: w
+							})]
+						}), /* @__PURE__ */ S(f.Close, {
+							"aria-label": T,
+							className: R("iconClose"),
+							type: "button",
+							children: /* @__PURE__ */ S(e, {
+								decorative: !0,
+								name: "close",
+								size: "default"
+							})
+						})]
+					}), n]
+				})]
+			})
+		}) });
+	},
+	Footer: ({ className: e, ...t }) => /* @__PURE__ */ S("footer", {
+		...t,
+		className: u(R("footer"), e)
+	}),
+	Root: (e) => {
+		let { children: t, defaultOpen: n = !1, onOpenChange: r, open: i } = e, [a, o] = x(n), s = M(), c = b(null), l = (i ?? a) && s, u = b(l), d = (e) => {
+			i === void 0 && o(e), r?.(e);
+		};
+		return y(() => {
+			u.current !== l && (u.current = l, l ? L() : ie(c.current));
+		}, [l]), /* @__PURE__ */ S(j, { children: /* @__PURE__ */ S(ce.Provider, {
+			value: {
+				open: l,
+				requestOpenChange: d,
+				restoreFocusRef: c
+			},
+			children: /* @__PURE__ */ S(f.Root, {
+				modal: !0,
+				onOpenChange: d,
+				open: l,
+				children: t
+			})
+		}) });
+	},
+	Trigger: ({ children: e, className: t, onClick: n, type: r, ...i }) => {
+		let a = z();
+		return /* @__PURE__ */ S(f.Trigger, {
+			...i,
+			className: u(R("trigger"), t),
+			onClick: (e) => {
+				a.restoreFocusRef.current = e.currentTarget, n?.(e);
+			},
+			type: r ?? "button",
+			children: ue(e, "Sheet.Trigger")
+		});
+	}
+}), fe = {
+	root: "rly_Button-module__root",
+	primary: "rly_Button-module__primary",
+	secondary: "rly_Button-module__secondary",
+	quiet: "rly_Button-module__quiet",
+	compact: "rly_Button-module__compact",
+	defaultSize: "rly_Button-module__defaultSize",
+	principal: "rly_Button-module__principal",
+	stretch: "rly_Button-module__stretch",
+	content: "rly_Button-module__content",
+	label: "rly_Button-module__label",
+	loadingContent: "rly_Button-module__loadingContent",
+	loader: "rly_Button-module__loader"
+}, B = (e) => o(fe, e), V = c({
+	variant: {
+		primary: {
+			className: B("primary"),
+			purpose: "Single principal action",
+			tokens: ["color-action-background", "color-action-foreground"]
+		},
+		secondary: {
+			className: B("secondary"),
+			purpose: "Default supporting action",
+			tokens: ["color-surface-1", "color-border-2"]
+		},
+		quiet: {
+			className: B("quiet"),
+			purpose: "Low-emphasis contextual action",
+			tokens: ["color-text-1", "color-surface-2"]
+		}
+	},
+	size: {
+		compact: {
+			className: B("compact"),
+			purpose: "Dense text action",
+			tokens: ["space-40"]
+		},
+		default: {
+			className: B("defaultSize"),
+			purpose: "Standard action",
+			tokens: ["space-48"]
+		},
+		principal: {
+			className: B("principal"),
+			purpose: "Prominent consequential action",
+			tokens: ["space-48", "space-8"]
+		}
+	}
+}), pe = c({
+	variant: "secondary",
+	size: "default"
+}), H = ({ "aria-label": t, "aria-labelledby": n, children: r, className: i, disabled: o, leadingIcon: s, loading: c = !1, size: d = "default", stretch: f = !1, trailingIcon: p, type: m, variant: h = "secondary", ...g }) => {
+	if (!l(r) && !a(r) || a(r) && r.trim().length === 0) throw Error("Button children must contain visible content");
+	return /* @__PURE__ */ C("button", {
+		...g,
+		"aria-busy": c ? "true" : void 0,
+		"aria-label": c && !n?.trim() ? t?.trim() ? t : String(r) : t,
+		"aria-labelledby": n,
+		className: u(B("root"), V.variant[h].className, V.size[d].className, f && B("stretch"), i),
+		"data-loading": c ? "true" : void 0,
+		disabled: o || c,
+		type: m ?? "button",
+		children: [/* @__PURE__ */ C("span", {
+			className: u(B("content"), c && B("loadingContent")),
+			children: [
+				s === void 0 ? null : /* @__PURE__ */ S(e, {
+					decorative: !0,
+					name: s,
+					size: d === "compact" ? "small" : "default"
+				}),
+				/* @__PURE__ */ S("span", {
+					className: B("label"),
+					children: r
+				}),
+				p === void 0 ? null : /* @__PURE__ */ S(e, {
+					decorative: !0,
+					name: p,
+					size: d === "compact" ? "small" : "default"
+				})
+			]
+		}), c ? /* @__PURE__ */ S("span", {
+			"aria-hidden": "true",
+			className: B("loader"),
+			children: /* @__PURE__ */ S(e, {
+				decorative: !0,
+				name: "loader",
+				size: d === "compact" ? "small" : "default"
+			})
+		}) : null]
+	});
+}, me = {
+	root: "rly_StateLabel-module__root",
+	neutral: "rly_StateLabel-module__neutral",
+	positive: "rly_StateLabel-module__positive",
+	critical: "rly_StateLabel-module__critical",
+	caution: "rly_StateLabel-module__caution",
+	progress: "rly_StateLabel-module__progress",
+	compact: "rly_StateLabel-module__compact",
+	defaultSize: "rly_StateLabel-module__defaultSize"
+}, U = (e) => o(me, e), W = c({
+	tone: {
+		neutral: {
+			className: U("neutral"),
+			purpose: "Neutral or unavailable state",
+			tokens: ["color-text-2", "color-surface-2"]
+		},
+		positive: {
+			className: U("positive"),
+			purpose: "Positive state",
+			tokens: ["color-success-ink", "color-success-tint"]
+		},
+		critical: {
+			className: U("critical"),
+			purpose: "Critical state",
+			tokens: ["color-blocked-ink", "color-blocked-tint"]
+		},
+		caution: {
+			className: U("caution"),
+			purpose: "Caution state",
+			tokens: ["color-held-ink", "color-held-tint"]
+		},
+		progress: {
+			className: U("progress"),
+			purpose: "Work in progress",
+			tokens: ["color-deploying-ink", "color-deploying-tint"]
+		}
+	},
+	size: {
+		compact: {
+			className: U("compact"),
+			purpose: "Dense metadata state",
+			tokens: ["type-meta"]
+		},
+		default: {
+			className: U("defaultSize"),
+			purpose: "Standard explicit state",
+			tokens: ["type-label"]
+		}
+	}
+}), he = c({
+	tone: "neutral",
+	size: "default"
+}), ge = {
+	neutral: "minus",
+	positive: "check",
+	critical: "alert",
+	caution: "clock",
+	progress: "loader"
+}, _e = ({ className: t, icon: n, label: r, size: a = "default", tone: o = "neutral", ...s }) => /* @__PURE__ */ C("span", {
+	...s,
+	className: u(U("root"), W.tone[o].className, W.size[a].className, t),
+	children: [/* @__PURE__ */ S(e, {
+		decorative: !0,
+		name: n ?? ge[o],
+		size: "small"
+	}), /* @__PURE__ */ S("span", { children: i(r, "StateLabel label") })]
+}), ve = {
+	root: "rly_Avatar-module__root",
+	small: "rly_Avatar-module__small",
+	defaultSize: "rly_Avatar-module__defaultSize",
+	large: "rly_Avatar-module__large",
+	hero: "rly_Avatar-module__hero",
+	circle: "rly_Avatar-module__circle",
+	roundedSquare: "rly_Avatar-module__roundedSquare",
+	image: "rly_Avatar-module__image",
+	fallback: "rly_Avatar-module__fallback"
+}, G = (e) => o(ve, e), K = c({
+	size: {
+		small: {
+			className: G("small"),
+			purpose: "Compact supporting identity",
+			tokens: ["space-24"]
+		},
+		default: {
+			className: G("defaultSize"),
+			purpose: "Standard identity",
+			tokens: ["space-32"]
+		},
+		large: {
+			className: G("large"),
+			purpose: "Prominent identity",
+			tokens: ["space-40"]
+		},
+		hero: {
+			className: G("hero"),
+			purpose: "Page-level identity",
+			tokens: ["space-48", "space-8"]
+		}
+	},
+	form: {
+		circle: {
+			className: G("circle"),
+			purpose: "Human or general identity",
+			tokens: ["radius-round"]
+		},
+		"rounded-square": {
+			className: G("roundedSquare"),
+			purpose: "Non-human or system identity",
+			tokens: ["radius-field"]
+		}
+	}
+}), ye = c({
+	size: "default",
+	form: "circle"
+}), be = ({ className: e, decorative: t, fallback: n, form: r = "circle", label: a, size: o = "default", src: s, ...c }) => {
+	let l = t ? void 0 : i(a, "Avatar label"), f = i(n, "Avatar fallback");
+	return /* @__PURE__ */ C(d.Root, {
+		...c,
+		"aria-hidden": t ? "true" : void 0,
+		"aria-label": l,
+		className: u(G("root"), K.size[o].className, K.form[r].className, e),
+		role: t ? void 0 : "img",
+		children: [s === void 0 ? null : /* @__PURE__ */ S(d.Image, {
+			alt: "",
+			className: G("image"),
+			decoding: "async",
+			loading: "lazy",
+			src: s
+		}), /* @__PURE__ */ S(d.Fallback, {
+			"aria-hidden": "true",
+			className: G("fallback"),
+			children: f
+		})]
+	});
+}, xe = {
+	root: "rly_Skeleton-module__root",
+	text: "rly_Skeleton-module__text",
+	block: "rly_Skeleton-module__block",
+	circle: "rly_Skeleton-module__circle"
+}, q = (e) => o(xe, e), Se = c({ variant: {
+	text: {
+		className: q("text"),
+		purpose: "A line of unavailable copy",
+		tokens: ["type-body", "radius-tag"]
+	},
+	block: {
+		className: q("block"),
+		purpose: "A rectangular unavailable region",
+		tokens: ["space-64", "radius-control"]
+	},
+	circle: {
+		className: q("circle"),
+		purpose: "A circular unavailable image",
+		tokens: ["radius-round"]
+	}
+} }), Ce = c({ variant: "text" }), we = ({ className: e, decorative: t = !0, height: n, label: r, style: a, variant: o = "text", width: s, ...c }) => {
+	if (!t && r === void 0) throw Error("Skeleton label must contain visible text");
+	let l = t || r === void 0 ? void 0 : i(r, "Skeleton label"), d = {
+		...n !== void 0 && { blockSize: n },
+		...s !== void 0 && { inlineSize: s }
+	};
+	return /* @__PURE__ */ S("div", {
+		...c,
+		"aria-busy": t ? void 0 : "true",
+		"aria-hidden": t ? "true" : void 0,
+		"aria-label": l,
+		className: u(q("root"), Se.variant[o].className, e),
+		role: t ? "presentation" : "status",
+		style: {
+			...a,
+			...d
+		}
+	});
+}, Te = {
+	root: "rly_StatePanel-module__root",
+	neutral: "rly_StatePanel-module__neutral",
+	positive: "rly_StatePanel-module__positive",
+	critical: "rly_StatePanel-module__critical",
+	caution: "rly_StatePanel-module__caution",
+	progress: "rly_StatePanel-module__progress",
+	rail: "rly_StatePanel-module__rail",
+	icon: "rly_StatePanel-module__icon",
+	content: "rly_StatePanel-module__content",
+	title: "rly_StatePanel-module__title",
+	description: "rly_StatePanel-module__description",
+	action: "rly_StatePanel-module__action"
+}, J = (e) => o(Te, e), Ee = c({ tone: {
+	neutral: {
+		className: J("neutral"),
+		purpose: "Neutral explanatory state",
+		tokens: ["color-text-2", "color-surface-2"]
+	},
+	positive: {
+		className: J("positive"),
+		purpose: "Positive outcome",
+		tokens: ["color-success-ink", "color-success-tint"]
+	},
+	critical: {
+		className: J("critical"),
+		purpose: "Critical outcome requiring attention",
+		tokens: ["color-blocked-ink", "color-blocked-tint"]
+	},
+	caution: {
+		className: J("caution"),
+		purpose: "Held outcome requiring review",
+		tokens: ["color-held-ink", "color-held-tint"]
+	},
+	progress: {
+		className: J("progress"),
+		purpose: "Work currently in progress",
+		tokens: ["color-deploying-ink", "color-deploying-tint"]
+	}
+} }), De = c({ tone: "neutral" }), Oe = {
+	neutral: "minus",
+	positive: "check",
+	critical: "alert",
+	caution: "clock",
+	progress: "loader"
+}, ke = ({ action: t, announce: n = "off", className: r, description: a, icon: o, title: s, tone: c = "neutral", ...l }) => {
+	let d = n === "assertive" ? "alert" : n === "polite" ? "status" : void 0;
+	return /* @__PURE__ */ C("section", {
+		...l,
+		"aria-live": n === "off" ? void 0 : n,
+		className: u(J("root"), Ee.tone[c].className, r),
+		role: d,
+		children: [
+			/* @__PURE__ */ S("span", {
+				"aria-hidden": "true",
+				className: J("rail")
+			}),
+			/* @__PURE__ */ S("span", {
+				"aria-hidden": "true",
+				className: J("icon"),
+				children: /* @__PURE__ */ S(e, {
+					decorative: !0,
+					name: o ?? Oe[c]
+				})
+			}),
+			/* @__PURE__ */ C("div", {
+				className: J("content"),
+				children: [
+					/* @__PURE__ */ S("strong", {
+						className: J("title"),
+						children: i(s, "StatePanel title")
+					}),
+					a === void 0 ? null : /* @__PURE__ */ S("div", {
+						className: J("description"),
+						children: a
+					}),
+					t === void 0 ? null : /* @__PURE__ */ S("div", {
+						className: J("action"),
+						children: t
+					})
+				]
+			})
+		]
+	});
+}, Ae = /* @__PURE__ */ new WeakSet(), je = (e) => (Ae.add(e), e), Me = (e) => Ae.has(e), Ne = {
+	root: "rly_Field-module__root",
+	label: "rly_Field-module__label",
+	required: "rly_Field-module__required",
+	description: "rly_Field-module__description",
+	error: "rly_Field-module__error",
+	controlSlot: "rly_Field-module__controlSlot",
+	control: "rly_Field-module__control",
+	compact: "rly_Field-module__compact",
+	defaultSize: "rly_Field-module__defaultSize"
+}, Y = (e) => o(Ne, e), Pe = [
+	"aria-describedby",
+	"aria-errormessage",
+	"aria-invalid",
+	"aria-labelledby",
+	"aria-required",
+	"id",
+	"required"
+], Fe = /* @__PURE__ */ new Set([
+	"button",
+	"input",
+	"select",
+	"textarea"
+]), Ie = c({ size: {
+	compact: {
+		className: Y("compact"),
+		purpose: "Dense form rows",
+		tokens: ["space-40", "type-meta"]
+	},
+	default: {
+		className: Y("defaultSize"),
+		purpose: "Standard form controls",
+		tokens: ["space-48", "type-label"]
+	}
+} }), Le = c({ size: "default" }), Re = ({ children: e, className: t, controlId: n, description: o, error: c, label: l, required: d = !1, size: f = Le.size, ...p }) => {
+	let m = v(), h = n ?? `rly-field-${m}`, g = `${h}-label`, _ = o === void 0 ? void 0 : `${h}-description`, y = c === void 0 ? void 0 : `${h}-error`, b = {
+		"aria-describedby": [_, y].filter((e) => e !== void 0).join(" ") || void 0,
+		"aria-errormessage": y,
+		"aria-invalid": c !== void 0 || void 0,
+		"aria-labelledby": g,
+		"aria-required": d ? !0 : void 0,
+		className: Y("control"),
+		id: h
+	}, x = d ? {
+		...b,
+		required: !0
+	} : b, w = e(x), T = w.type;
+	if (!(a(T) ? Fe.has(T) : (s(T) || r(T)) && T !== null && Me(T))) throw Error("Field children must render one concrete or rly-owned control");
+	for (let e of Pe) if (w.props[e] !== x[e]) throw Error(`Field control must apply ${e}`);
+	if (!w.props.className.split(" ").includes(x.className)) throw Error("Field control must apply className");
+	return /* @__PURE__ */ C("div", {
+		...p,
+		className: u(Y("root"), Ie.size[f].className, t),
+		"data-error": c === void 0 ? void 0 : "true",
+		children: [
+			/* @__PURE__ */ C("label", {
+				className: Y("label"),
+				htmlFor: h,
+				id: g,
+				children: [i(l, "Field label"), d ? /* @__PURE__ */ S("span", {
+					className: Y("required"),
+					children: "Required"
+				}) : null]
+			}),
+			o === void 0 ? null : /* @__PURE__ */ S("p", {
+				className: Y("description"),
+				id: _,
+				children: i(o, "Field description")
+			}),
+			/* @__PURE__ */ S("div", {
+				className: Y("controlSlot"),
+				children: w
+			}),
+			c === void 0 ? null : /* @__PURE__ */ S("p", {
+				className: Y("error"),
+				id: y,
+				role: "alert",
+				children: i(c, "Field error")
+			})
+		]
+	});
+}, ze = {
+	trigger: "rly_Select-module__trigger",
+	compact: "rly_Select-module__compact",
+	defaultSize: "rly_Select-module__defaultSize",
+	triggerIcon: "rly_Select-module__triggerIcon",
+	content: "rly_Select-module__content",
+	viewport: "rly_Select-module__viewport",
+	item: "rly_Select-module__item",
+	itemIndicator: "rly_Select-module__itemIndicator",
+	scrollButton: "rly_Select-module__scrollButton"
+}, X = (e) => o(ze, e), Z = c({ size: {
+	compact: {
+		className: X("compact"),
+		purpose: "Dense form rows",
+		tokens: ["space-40", "type-meta"]
+	},
+	default: {
+		className: X("defaultSize"),
+		purpose: "Standard selection control",
+		tokens: ["space-48", "type-body"]
+	}
+} }), Be = c({ size: "default" }), Ve = (e, t) => {
+	if (!t && !e.some((e) => !e.disabled)) throw Error("Select options must contain at least one enabled option");
+	let n = /* @__PURE__ */ new Set();
+	for (let t of e) {
+		i(t.label, "Select option label");
+		let e = i(t.value, "Select option value");
+		if (n.has(e)) throw Error(`Duplicate Select option value: ${e}`);
+		n.add(e);
+	}
+}, He = /* @__PURE__ */ je((n) => {
+	let r = "value" in n, { "aria-describedby": a, "aria-errormessage": o, "aria-invalid": s, "aria-label": c, "aria-labelledby": l, "aria-required": d, autoComplete: f, className: m, defaultOpen: g, defaultValue: _, disabled: v = !1, form: y, id: b, name: x, onBlur: w, onFocus: T, onKeyDown: E, onOpenChange: D, onValueChange: O, open: k, options: A, placeholder: j = "Select an option", ref: M, required: N = !1, size: P = Be.size, tabIndex: ee, value: te } = n;
+	Ve(A, v), i(c ?? l, c === void 0 ? "Select aria-labelledby" : "Select aria-label");
+	let F = i(j, "Select placeholder"), I = te ?? _;
+	if (I !== void 0 && !A.some((e) => e.value === I)) throw Error(`Select value does not match an option: ${I}`);
+	return /* @__PURE__ */ C(p.Root, {
+		...f === void 0 ? {} : { autoComplete: f },
+		...g === void 0 ? {} : { defaultOpen: g },
+		..._ === void 0 ? {} : { defaultValue: _ },
+		disabled: v,
+		...y === void 0 ? {} : { form: y },
+		...x === void 0 ? {} : { name: x },
+		...D === void 0 ? {} : { onOpenChange: D },
+		...O === void 0 ? {} : { onValueChange: O },
+		...k === void 0 ? {} : { open: k },
+		required: N,
+		...r ? { value: te ?? "" } : {},
+		children: [/* @__PURE__ */ C(p.Trigger, {
+			"aria-describedby": a,
+			"aria-errormessage": o,
+			"aria-invalid": s,
+			"aria-label": c,
+			"aria-labelledby": l,
+			"aria-required": d ?? (N ? !0 : void 0),
+			className: u(X("trigger"), Z.size[P].className, m),
+			id: b,
+			onBlur: w,
+			onFocus: T,
+			onKeyDown: E,
+			ref: M,
+			tabIndex: ee,
+			children: [/* @__PURE__ */ S(p.Value, { placeholder: F }), /* @__PURE__ */ S(p.Icon, {
+				asChild: !0,
+				children: /* @__PURE__ */ S("span", {
+					"aria-hidden": "true",
+					className: X("triggerIcon"),
+					children: /* @__PURE__ */ S(e, {
+						decorative: !0,
+						name: "chevron-down",
+						size: "small"
+					})
+				})
+			})]
+		}), /* @__PURE__ */ S(t, { children: (t) => /* @__PURE__ */ S(p.Portal, {
+			container: t,
+			children: /* @__PURE__ */ C(p.Content, {
+				align: "start",
+				className: u(X("content"), Z.size[P].className),
+				position: "popper",
+				sideOffset: 6,
+				children: [
+					/* @__PURE__ */ S(p.ScrollUpButton, {
+						"aria-hidden": "true",
+						className: X("scrollButton"),
+						children: /* @__PURE__ */ S(e, {
+							decorative: !0,
+							name: "chevron-up",
+							size: "small"
+						})
+					}),
+					/* @__PURE__ */ S(p.Viewport, {
+						className: X("viewport"),
+						children: A.map((t) => /* @__PURE__ */ h(p.Item, {
+							className: X("item"),
+							...t.disabled === void 0 ? {} : { disabled: t.disabled },
+							key: t.value,
+							textValue: t.label,
+							value: t.value
+						}, /* @__PURE__ */ S(p.ItemText, { children: t.label }), /* @__PURE__ */ S(p.ItemIndicator, {
+							className: X("itemIndicator"),
+							children: /* @__PURE__ */ S(e, {
+								decorative: !0,
+								name: "check",
+								size: "small"
+							})
+						})))
+					}),
+					/* @__PURE__ */ S(p.ScrollDownButton, {
+						"aria-hidden": "true",
+						className: X("scrollButton"),
+						children: /* @__PURE__ */ S(e, {
+							decorative: !0,
+							name: "chevron-down",
+							size: "small"
+						})
+					})
+				]
+			})
+		}) })]
+	});
+}), Ue = {
+	layer: "rly_Dialog-module__layer",
+	overlay: "rly_Dialog-module__overlay",
+	content: "rly_Dialog-module__content",
+	defaultSize: "rly_Dialog-module__defaultSize",
+	wide: "rly_Dialog-module__wide",
+	header: "rly_Dialog-module__header",
+	title: "rly_Dialog-module__title",
+	description: "rly_Dialog-module__description",
+	body: "rly_Dialog-module__body",
+	"dialog-fade-in": "rly_Dialog-module__dialog-fade-in",
+	"dialog-fade-out": "rly_Dialog-module__dialog-fade-out",
+	"dialog-enter": "rly_Dialog-module__dialog-enter",
+	"dialog-exit": "rly_Dialog-module__dialog-exit",
+	"dialog-compact-in": "rly_Dialog-module__dialog-compact-in",
+	"dialog-compact-out": "rly_Dialog-module__dialog-compact-out"
+}, Q = (e) => o(Ue, e), We = m(null), Ge = () => {
+	let e = _(We);
+	if (e === null) throw Error("Dialog compound components must be nested inside Dialog");
+	return e;
+}, Ke = (e, t) => {
+	s(e) ? e(t) : e != null && (e.current = t);
+}, $ = () => {
+	try {
+		return A(document.activeElement) ? document.activeElement : null;
+	} catch {
+		return null;
+	}
+}, qe = c({ size: {
+	default: {
+		className: Q("defaultSize"),
+		purpose: "Focused decision or short form",
+		tokens: ["radius-overlay", "space-32"]
+	},
+	wide: {
+		className: Q("wide"),
+		purpose: "Detailed comparison or multi-section form",
+		tokens: ["radius-overlay", "space-64"]
+	}
+} }), Je = c({ size: "default" }), Ye = ({ children: e, entryMotion: t }) => {
+	let n = Ge(), r = b(null);
+	return P(), F(r, n.open), /* @__PURE__ */ S("div", {
+		className: Q("layer"),
+		"data-rly-dialog-entry-motion": t,
+		"data-rly-dialog-layer": "",
+		"data-rly-modal-layer": "",
+		ref: r,
+		children: e
+	});
+}, Xe = Object.freeze({
+	Close: (e) => /* @__PURE__ */ S(f.Close, {
+		asChild: !0,
+		children: /* @__PURE__ */ S(H, { ...e })
+	}),
+	Content: ({ children: e, className: n, description: r, entryMotion: a = "intrinsic", initialFocusRef: o, size: s = "default", title: c, ...l }) => {
+		let d = Ge(), p = O(d.open, a), m = i(c, "Dialog title"), h = r === void 0 ? void 0 : i(r, "Dialog description");
+		return /* @__PURE__ */ S(t, { children: (t) => /* @__PURE__ */ S(f.Portal, {
+			container: t,
+			children: /* @__PURE__ */ C(Ye, {
+				entryMotion: p,
+				children: [/* @__PURE__ */ S(f.Overlay, {
+					className: Q("overlay"),
+					"data-rly-dialog-overlay": "",
+					onPointerDown: () => {
+						d.requestOpenChange(!1);
+					}
+				}), /* @__PURE__ */ C(f.Content, {
+					...l,
+					...h === void 0 ? { "aria-describedby": void 0 } : {},
+					className: u(Q("content"), qe.size[s].className, n),
+					onCloseAutoFocus: (e) => {
+						e.preventDefault();
+					},
+					onOpenAutoFocus: (e) => {
+						let t = $();
+						d.triggerRef.current === null && t !== null && (d.restoreTargetRef.current = t);
+						let n = o?.current;
+						n != null && (e.preventDefault(), n.focus());
+					},
+					children: [/* @__PURE__ */ C("header", {
+						className: Q("header"),
+						children: [/* @__PURE__ */ S(f.Title, {
+							className: Q("title"),
+							children: m
+						}), h === void 0 ? null : /* @__PURE__ */ S(f.Description, {
+							className: Q("description"),
+							children: h
+						})]
+					}), /* @__PURE__ */ S("div", {
+						className: Q("body"),
+						children: e
+					})]
+				})]
+			})
+		}) });
+	},
+	Root: ({ children: e, defaultOpen: t = !1, onOpenChange: n, open: r }) => {
+		let [i, a] = x(t), o = M(), s = (r ?? i) && o, c = b(s), l = b(null), u = b(s ? $() : null);
+		s && !c.current && (u.current = l.current ?? $());
+		let d = (e) => {
+			e && (u.current = l.current ?? $()), r === void 0 && a(e), n?.(e);
+		};
+		return y(() => {
+			c.current !== s && (c.current = s, s ? L() : ie(u.current));
+		}, [s]), /* @__PURE__ */ S(j, { children: /* @__PURE__ */ S(We.Provider, {
+			value: {
+				open: s,
+				requestOpenChange: d,
+				restoreTargetRef: u,
+				triggerRef: l
+			},
+			children: /* @__PURE__ */ S(f.Root, {
+				modal: !0,
+				onOpenChange: d,
+				open: s,
+				children: e
+			})
+		}) });
+	},
+	Trigger: ({ ref: e, ...t }) => {
+		let n = Ge();
+		return /* @__PURE__ */ S(f.Trigger, {
+			asChild: !0,
+			children: /* @__PURE__ */ S(H, {
+				...t,
+				ref: (t) => {
+					n.triggerRef.current = t, Ke(e, t);
+				}
+			})
+		});
+	}
+});
+//#endregion
+export { A, pe as C, de as D, oe as E, N as F, M as I, P as M, F as N, j as O, re as P, H as S, se as T, ye as _, Z as a, W as b, Le as c, Ee as d, ke as f, be as g, we as h, Be as i, ie as j, L as k, Ie as l, Se as m, Je as n, He as o, Ce as p, qe as r, Re as s, Xe as t, De as u, K as v, V as w, _e as x, he as y };
+
+//# sourceMappingURL=Dialog-DSwimdwG.js.map