@openrails/contentkit-ui 0.85.1 → 0.87.0-rc.1

package/dist/components/groups/memberships.js

@@ -1,15 +1,15 @@
 import { useMessages as e } from "../../i18n/context.js";
 import { ContentKitUiRoot as t } from "../../scope.js";
-import { Button as n } from "../../ui/button.js";
-import { SortableList as r } from "../sortable-list.js";
-import { Badge as i } from "../../ui/badge.js";
-import { Input as a } from "../../ui/input.js";
-import { Label as o } from "../../ui/label.js";
-import { Select as s, SelectContent as c, SelectItem as l, SelectTrigger as u, SelectValue as d } from "../../ui/select.js";
-import { Skeleton as f } from "../../ui/skeleton.js";
-import { ErrorLine as p, contentError as m, formatDate as h, useAction as g } from "../social/parts.js";
-import { fromLocalInput as _, toLocalInput as v } from "../../client/group-fields.js";
-import { useContentGroups as y, useGroupMembers as b, useKinds as x } from "../../react/groups.js";
+import { useContentGroups as n, useGroupMembers as r, useKinds as i } from "../../react/groups.js";
+import { Button as a } from "../../ui/button.js";
+import { SortableList as o } from "../sortable-list.js";
+import { Badge as s } from "../../ui/badge.js";
+import { Input as c } from "../../ui/input.js";
+import { Label as l } from "../../ui/label.js";
+import { Select as u, SelectContent as d, SelectItem as f, SelectTrigger as p, SelectValue as m } from "../../ui/select.js";
+import { Skeleton as h } from "../../ui/skeleton.js";
+import { ErrorLine as g, contentError as _, formatDate as v, useAction as y } from "../social/parts.js";
+import { fromLocalInput as b, toLocalInput as x } from "../../client/group-fields.js";
 import { GroupPicker as S, labelOf as C } from "./parts.js";
 import { useEffect as w, useId as T, useMemo as E, useRef as D, useState as O } from "react";
 import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
@@ -17,28 +17,28 @@ import { cn as M } from "cn";
 //#region src/components/groups/memberships.tsx
 var N = "__none__", P = ({ key: e, ...t }) => t, F = (e, t) => JSON.stringify(e) === JSON.stringify(t);
 function I(r) {
-	let i = e(), { t: a } = i, { kinds: o, loading: s } = x({ client: r.client }), c = y(r.content, {
+	let o = e(), { t: s } = o, { kinds: c, loading: l } = i({ client: r.client }), u = n(r.content, {
 		language: r.language,
 		client: r.client
-	}), l = E(() => r.groupKinds ?? o?.kinds[r.contentKind]?.groups ?? [], [
+	}), d = E(() => r.groupKinds ?? c?.kinds[r.contentKind]?.groups ?? [], [
 		r.groupKinds,
-		o,
+		c,
 		r.contentKind
-	]), [u, d] = O(/* @__PURE__ */ new Map()), h = E(() => new Map([...c.groups, ...u]), [c.groups, u]), _ = D(0), v = E(() => c.memberships.filter((e) => l.includes(c.groups.get(e.group_id ?? "")?.kind ?? "")).map((e) => ({
+	]), [f, p] = O(/* @__PURE__ */ new Map()), m = E(() => new Map([...u.groups, ...f]), [u.groups, f]), v = D(0), b = E(() => u.memberships.filter((e) => d.includes(u.groups.get(e.group_id ?? "")?.kind ?? "")).map((e) => ({
 		...e,
 		content_id: void 0
 	})), [
-		c.memberships,
-		c.groups,
-		l
-	]), [b, T] = O([]), k = !F(b.map(P), v), N = D(k);
+		u.memberships,
+		u.groups,
+		d
+	]), [x, T] = O([]), k = !F(x.map(P), b), N = D(k);
 	N.current = k, w(() => {
-		(!N.current || !b.length) && T(v.map((e) => ({
+		(!N.current || !x.length) && T(b.map((e) => ({
 			...e,
-			key: ++_.current
+			key: ++v.current
 		})));
-	}, [v]);
-	let I = g("membership.save", r.onError), [R, z] = O(!1), B = (e, t) => {
+	}, [b]);
+	let I = y("membership.save", r.onError), [R, z] = O(!1), B = (e, t) => {
 		z(!1), T((n) => n.map((n) => n.key === e ? {
 			...n,
 			...t
@@ -49,35 +49,35 @@ function I(r) {
 		"data-ckui": "membership-editor",
 		children: e
 	});
-	if (s || c.loading && !c.memberships.length) return V(/* @__PURE__ */ A(f, { className: "h-32 w-full" }));
-	if (c.error && !c.memberships.length) return V(/* @__PURE__ */ j("div", {
+	if (l || u.loading && !u.memberships.length) return V(/* @__PURE__ */ A(h, { className: "h-32 w-full" }));
+	if (u.error && !u.memberships.length) return V(/* @__PURE__ */ j("div", {
 		role: "alert",
 		className: "grid justify-items-start gap-2",
 		children: [/* @__PURE__ */ A("p", {
 			className: "text-destructive",
-			children: m(i, c.error)
-		}), /* @__PURE__ */ A(n, {
+			children: _(o, u.error)
+		}), /* @__PURE__ */ A(a, {
 			size: "sm",
 			variant: "outline",
-			onClick: c.reload,
-			children: a("common.retry")
+			onClick: u.reload,
+			children: s("common.retry")
 		})]
 	}));
 	let H = (e) => r.versions?.find((t) => t.id === e)?.label ?? e.slice(0, 8);
 	return V(/* @__PURE__ */ j("form", {
 		className: "grid gap-5",
 		onSubmit: (e) => {
-			e.preventDefault(), z(!1), I.run(() => c.set(b.map(P), [...l])).then((e) => {
-				e && (z(!0), T(e.memberships.filter((t) => l.includes(e.groups.find((e) => e.id === t.group_id)?.kind ?? "")).map((e) => ({
+			e.preventDefault(), z(!1), I.run(() => u.set(x.map(P), [...d])).then((e) => {
+				e && (z(!0), T(e.memberships.filter((t) => d.includes(e.groups.find((e) => e.id === t.group_id)?.kind ?? "")).map((e) => ({
 					...e,
 					content_id: void 0,
-					key: ++_.current
+					key: ++v.current
 				}))), r.onSaved?.(e));
 			});
 		},
 		children: [
-			l.map((e) => {
-				let t = o?.group_kinds?.[e] ?? {}, n = b.filter((t) => h.get(t.group_id ?? "")?.kind === e), i = C(r.labels, e);
+			d.map((e) => {
+				let t = c?.group_kinds?.[e] ?? {}, n = x.filter((t) => m.get(t.group_id ?? "")?.kind === e), i = C(r.labels, e);
 				return /* @__PURE__ */ j("fieldset", {
 					className: "grid gap-2",
 					"data-ckui": "membership-kind",
@@ -91,7 +91,7 @@ function I(r) {
 							className: "grid gap-2",
 							children: n.map((e) => /* @__PURE__ */ A(L, {
 								m: e,
-								card: h.get(e.group_id ?? ""),
+								card: m.get(e.group_id ?? ""),
 								spec: t,
 								labels: r.labels,
 								versions: r.versions,
@@ -105,113 +105,113 @@ function I(r) {
 						/* @__PURE__ */ A(S, {
 							kind: e,
 							language: r.language,
-							label: a("memberships.add", { kind: i }),
+							label: s("memberships.add", { kind: i }),
 							exclude: n.filter((e) => !e.version_id && !e.role).map((e) => e.group_id),
 							client: r.client,
 							onPick: (e) => {
-								z(!1), d((t) => new Map(t).set(e.id, e)), T((t) => [...t, {
+								z(!1), p((t) => new Map(t).set(e.id, e)), T((t) => [...t, {
 									group_id: e.id,
-									key: ++_.current
+									key: ++v.current
 								}]);
 							}
 						})
 					]
 				}, e);
 			}),
-			!l.length && /* @__PURE__ */ A("p", {
+			!d.length && /* @__PURE__ */ A("p", {
 				className: "text-muted-foreground",
-				children: a("memberships.noKinds")
+				children: s("memberships.noKinds")
 			}),
-			/* @__PURE__ */ A(p, { error: I.error }),
+			/* @__PURE__ */ A(g, { error: I.error }),
 			/* @__PURE__ */ j("div", {
 				className: "flex items-center gap-3",
 				children: [
-					/* @__PURE__ */ A(n, {
+					/* @__PURE__ */ A(a, {
 						type: "submit",
 						size: "sm",
 						disabled: I.pending || !k,
-						children: I.pending ? a("common.saving") : a("common.save")
+						children: I.pending ? s("common.saving") : s("common.save")
 					}),
-					k && /* @__PURE__ */ A(n, {
+					k && /* @__PURE__ */ A(a, {
 						type: "button",
 						size: "sm",
 						variant: "ghost",
 						disabled: I.pending,
-						onClick: () => T(v.map((e) => ({
+						onClick: () => T(b.map((e) => ({
 							...e,
-							key: ++_.current
+							key: ++v.current
 						}))),
-						children: a("memberships.discard")
+						children: s("memberships.discard")
 					}),
 					R && !k && /* @__PURE__ */ A("span", {
 						role: "status",
 						className: "text-muted-foreground",
-						children: a("memberships.saved")
+						children: s("memberships.saved")
 					})
 				]
 			})
 		]
 	}));
 }
-function L({ m: t, card: r, spec: f, labels: p, versions: m, versionLabel: h, onChange: g, onRemove: _ }) {
-	let { t: v } = e(), y = T(), b = r ? r.name || r.slug : t.group_id ?? "", x = [.../* @__PURE__ */ new Set([...(m ?? []).map((e) => e.id), ...t.version_id ? [t.version_id] : []])];
+function L({ m: t, card: n, spec: r, labels: i, versions: o, versionLabel: h, onChange: g, onRemove: _ }) {
+	let { t: v } = e(), y = T(), b = n ? n.name || n.slug : t.group_id ?? "", x = [.../* @__PURE__ */ new Set([...(o ?? []).map((e) => e.id), ...t.version_id ? [t.version_id] : []])];
 	return /* @__PURE__ */ j("li", {
 		className: "flex flex-wrap items-center gap-2 rounded-md border border-border p-2",
 		"data-ckui": "membership",
-		"data-group": r?.slug,
+		"data-group": n?.slug,
 		"data-state": t.state ?? "active",
 		children: [
 			/* @__PURE__ */ A("span", {
 				className: "min-w-0 flex-1 font-medium break-words",
 				children: b
 			}),
-			t.state === "proposed" && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(i, {
+			t.state === "proposed" && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(s, {
 				variant: "secondary",
 				children: v("memberships.proposed")
-			}), /* @__PURE__ */ A(n, {
+			}), /* @__PURE__ */ A(a, {
 				type: "button",
 				size: "xs",
 				variant: "outline",
 				onClick: () => g({ state: "active" }),
 				children: v("memberships.accept")
 			})] }),
-			f.version_level && x.length > 0 && /* @__PURE__ */ j(s, {
+			r.version_level && x.length > 0 && /* @__PURE__ */ j(u, {
 				value: t.version_id ?? N,
 				onValueChange: (e) => g({ version_id: e === N ? void 0 : String(e) }),
-				children: [/* @__PURE__ */ A(u, {
+				children: [/* @__PURE__ */ A(p, {
 					size: "sm",
 					"aria-label": v("memberships.versionOf", { name: b }),
-					children: /* @__PURE__ */ A(d, { children: (e) => e === N ? v("memberships.wholeContent") : h(e) })
-				}), /* @__PURE__ */ j(c, { children: [/* @__PURE__ */ A(l, {
+					children: /* @__PURE__ */ A(m, { children: (e) => e === N ? v("memberships.wholeContent") : h(e) })
+				}), /* @__PURE__ */ j(d, { children: [/* @__PURE__ */ A(f, {
 					value: N,
 					children: v("memberships.wholeContent")
-				}), x.map((e) => /* @__PURE__ */ A(l, {
+				}), x.map((e) => /* @__PURE__ */ A(f, {
 					value: e,
 					children: h(e)
 				}, e))] })]
 			}),
-			!!f.roles?.length && /* @__PURE__ */ j(s, {
+			!!r.roles?.length && /* @__PURE__ */ j(u, {
 				value: t.role || N,
 				onValueChange: (e) => g({ role: e === N ? void 0 : String(e) }),
-				children: [/* @__PURE__ */ A(u, {
+				children: [/* @__PURE__ */ A(p, {
 					size: "sm",
 					"aria-label": v("memberships.roleOf", { name: b }),
-					children: /* @__PURE__ */ A(d, { children: (e) => e === N ? v("memberships.noRole") : C(p, e) })
-				}), /* @__PURE__ */ j(c, { children: [/* @__PURE__ */ A(l, {
+					children: /* @__PURE__ */ A(m, { children: (e) => e === N ? v("memberships.noRole") : C(i, e) })
+				}), /* @__PURE__ */ j(d, { children: [/* @__PURE__ */ A(f, {
 					value: N,
 					children: v("memberships.noRole")
-				}), f.roles.map((e) => /* @__PURE__ */ A(l, {
+				}), r.roles.map((e) => /* @__PURE__ */ A(f, {
 					value: e,
-					children: C(p, e)
+					children: C(i, e)
 				}, e))] })]
 			}),
-			f.ordered && /* @__PURE__ */ j("div", {
+			r.ordered && /* @__PURE__ */ j("div", {
 				className: "flex items-center gap-1",
-				children: [/* @__PURE__ */ A(o, {
+				children: [/* @__PURE__ */ A(l, {
 					htmlFor: `${y}-pos`,
 					className: "text-xs text-muted-foreground",
 					children: v("memberships.position")
-				}), /* @__PURE__ */ A(a, {
+				}), /* @__PURE__ */ A(c, {
 					id: `${y}-pos`,
 					className: "h-8 w-20",
 					type: "number",
@@ -222,13 +222,13 @@ function L({ m: t, card: r, spec: f, labels: p, versions: m, versionLabel: h, on
 					onChange: (e) => g({ position: e.target.value === "" ? void 0 : Math.max(0, Math.trunc(Number(e.target.value))) })
 				})]
 			}),
-			f.windows && /* @__PURE__ */ A(R, {
+			r.windows && /* @__PURE__ */ A(R, {
 				from: t.active_from,
 				until: t.active_until,
 				name: b,
 				onChange: g
 			}),
-			/* @__PURE__ */ A(n, {
+			/* @__PURE__ */ A(a, {
 				type: "button",
 				size: "xs",
 				variant: "ghost",
@@ -240,46 +240,46 @@ function L({ m: t, card: r, spec: f, labels: p, versions: m, versionLabel: h, on
 	});
 }
 function R({ from: t, until: n, name: r, onChange: i }) {
-	let { t: s } = e(), c = T();
+	let { t: a } = e(), o = T();
 	return /* @__PURE__ */ j("div", {
 		className: "flex flex-wrap items-center gap-1",
 		"data-ckui": "membership-window",
 		children: [
-			/* @__PURE__ */ A(o, {
-				htmlFor: `${c}-from`,
+			/* @__PURE__ */ A(l, {
+				htmlFor: `${o}-from`,
 				className: "text-xs text-muted-foreground",
-				children: s("memberships.from")
+				children: a("memberships.from")
 			}),
-			/* @__PURE__ */ A(a, {
-				id: `${c}-from`,
+			/* @__PURE__ */ A(c, {
+				id: `${o}-from`,
 				className: "h-8 w-48",
 				type: "datetime-local",
-				"aria-label": s("memberships.fromOf", { name: r }),
-				value: v(t),
-				onChange: (e) => i({ active_from: _(e.target.value) })
+				"aria-label": a("memberships.fromOf", { name: r }),
+				value: x(t),
+				onChange: (e) => i({ active_from: b(e.target.value) })
 			}),
-			/* @__PURE__ */ A(o, {
-				htmlFor: `${c}-until`,
+			/* @__PURE__ */ A(l, {
+				htmlFor: `${o}-until`,
 				className: "text-xs text-muted-foreground",
-				children: s("memberships.until")
+				children: a("memberships.until")
 			}),
-			/* @__PURE__ */ A(a, {
-				id: `${c}-until`,
+			/* @__PURE__ */ A(c, {
+				id: `${o}-until`,
 				className: "h-8 w-48",
 				type: "datetime-local",
-				"aria-label": s("memberships.untilOf", { name: r }),
-				value: v(n),
-				onChange: (e) => i({ active_until: _(e.target.value) })
+				"aria-label": a("memberships.untilOf", { name: r }),
+				value: x(n),
+				onChange: (e) => i({ active_until: b(e.target.value) })
 			})
 		]
 	});
 }
 var z = (e) => `${e.content_id}|${e.version_id ?? ""}`;
-function B(a) {
-	let o = e(), { t: s } = o, { kinds: c } = x({ client: a.client }), l = c?.group_kinds?.[a.group.kind] ?? {}, u = b(a.group.id, {
-		pageSize: a.pageSize,
-		client: a.client
-	}), d = g("membership.save", a.onError), [_, v] = O(null), [y, S] = O({}), w = (e) => a.renderContent ? a.renderContent(e) : /* @__PURE__ */ A("span", {
+function B(n) {
+	let c = e(), { t: l } = c, { kinds: u } = i({ client: n.client }), d = u?.group_kinds?.[n.group.kind] ?? {}, f = r(n.group.id, {
+		pageSize: n.pageSize,
+		client: n.client
+	}), p = y("membership.save", n.onError), [m, b] = O(null), [x, S] = O({}), w = (e) => n.renderContent ? n.renderContent(e) : /* @__PURE__ */ A("span", {
 		className: "font-mono text-xs break-all",
 		children: e.content_id
 	}), T = (e) => `${e.content_id}${e.version_id ? ` ${e.version_id}` : ""}`, E = (e) => [...new Map(e.map((e) => [z(e), {
@@ -292,7 +292,7 @@ function B(a) {
 		"data-state": e.state ?? "active",
 		children: [
 			t,
-			l.ordered && e.position !== void 0 && /* @__PURE__ */ A("span", {
+			d.ordered && e.position !== void 0 && /* @__PURE__ */ A("span", {
 				className: "w-8 text-xs text-muted-foreground tabular-nums",
 				children: e.position
 			}),
@@ -300,159 +300,159 @@ function B(a) {
 				className: "min-w-0 flex-1",
 				children: w(e)
 			}),
-			e.version_id && /* @__PURE__ */ A(i, {
+			e.version_id && /* @__PURE__ */ A(s, {
 				variant: "outline",
-				children: s("memberships.version")
+				children: l("memberships.version")
 			}),
-			e.role && /* @__PURE__ */ A(i, {
+			e.role && /* @__PURE__ */ A(s, {
 				variant: "secondary",
-				children: C(a.labels, e.role)
+				children: C(n.labels, e.role)
 			}),
-			e.state === "proposed" && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(i, {
+			e.state === "proposed" && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(s, {
 				variant: "secondary",
-				children: s("memberships.proposed")
-			}), /* @__PURE__ */ A(n, {
+				children: l("memberships.proposed")
+			}), /* @__PURE__ */ A(a, {
 				size: "xs",
 				variant: "outline",
-				disabled: d.pending,
-				onClick: () => void d.run(() => u.add([{
+				disabled: p.pending,
+				onClick: () => void p.run(() => f.add([{
 					...D(e),
 					state: "active"
 				}])),
-				children: s("memberships.accept")
+				children: l("memberships.accept")
 			})] }),
-			l.windows && (_ === e.id ? /* @__PURE__ */ j("span", {
+			d.windows && (m === e.id ? /* @__PURE__ */ j("span", {
 				className: "flex flex-wrap items-center gap-1",
 				children: [
 					/* @__PURE__ */ A(R, {
-						from: y.from,
-						until: y.until,
+						from: x.from,
+						until: x.until,
 						name: T(e),
 						onChange: (e) => S((t) => ({
 							from: "active_from" in e ? e.active_from : t.from,
 							until: "active_until" in e ? e.active_until : t.until
 						}))
 					}),
-					/* @__PURE__ */ A(n, {
+					/* @__PURE__ */ A(a, {
 						size: "xs",
-						disabled: d.pending,
-						onClick: () => void d.run(() => u.add([{
+						disabled: p.pending,
+						onClick: () => void p.run(() => f.add([{
 							...D(e),
-							active_from: y.from,
-							active_until: y.until
-						}])).then((e) => e !== void 0 && v(null)),
-						children: s("common.save")
+							active_from: x.from,
+							active_until: x.until
+						}])).then((e) => e !== void 0 && b(null)),
+						children: l("common.save")
 					}),
-					/* @__PURE__ */ A(n, {
+					/* @__PURE__ */ A(a, {
 						size: "xs",
 						variant: "ghost",
-						onClick: () => v(null),
-						children: s("common.cancel")
+						onClick: () => b(null),
+						children: l("common.cancel")
 					})
 				]
 			}) : /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A("span", {
 				className: "text-xs text-muted-foreground",
 				"data-ckui": "member-window",
-				children: e.active_from || e.active_until ? s("memberships.window", {
-					from: e.active_from ? h(o, e.active_from) : "…",
-					until: e.active_until ? h(o, e.active_until) : "…"
-				}) : s("memberships.always")
-			}), /* @__PURE__ */ A(n, {
+				children: e.active_from || e.active_until ? l("memberships.window", {
+					from: e.active_from ? v(c, e.active_from) : "…",
+					until: e.active_until ? v(c, e.active_until) : "…"
+				}) : l("memberships.always")
+			}), /* @__PURE__ */ A(a, {
 				size: "xs",
 				variant: "ghost",
 				onClick: () => {
 					S({
 						from: e.active_from,
 						until: e.active_until
-					}), v(e.id);
+					}), b(e.id);
 				},
-				children: s("memberships.editWindow")
+				children: l("memberships.editWindow")
 			})] })),
-			a.onUseCover && !e.version_id && /* @__PURE__ */ A(n, {
+			n.onUseCover && !e.version_id && /* @__PURE__ */ A(a, {
 				size: "xs",
 				variant: "ghost",
-				disabled: d.pending || a.group.cover?.content_id === e.content_id && !a.group.cover?.auto,
-				onClick: () => void d.run(() => a.onUseCover(e.content_id)),
-				children: s("memberships.useCover")
+				disabled: p.pending || n.group.cover?.content_id === e.content_id && !n.group.cover?.auto,
+				onClick: () => void p.run(() => n.onUseCover(e.content_id)),
+				children: l("memberships.useCover")
 			}),
-			/* @__PURE__ */ A(n, {
+			/* @__PURE__ */ A(a, {
 				size: "xs",
 				variant: "ghost",
-				disabled: d.pending,
-				"aria-label": s("memberships.remove", { name: T(e) }),
-				onClick: () => void d.run(() => u.remove([D(e)])),
-				children: s("common.remove")
+				disabled: p.pending,
+				"aria-label": l("memberships.remove", { name: T(e) }),
+				onClick: () => void p.run(() => f.remove([D(e)])),
+				children: l("common.remove")
 			})
 		]
 	});
 	return /* @__PURE__ */ j(t, {
-		appearance: a.appearance,
-		className: M("grid gap-3 text-sm", a.className),
+		appearance: n.appearance,
+		className: M("grid gap-3 text-sm", n.className),
 		"data-ckui": "group-members",
 		children: [
 			/* @__PURE__ */ A("h3", {
 				className: "font-medium",
-				children: s("memberships.members")
+				children: l("memberships.members")
 			}),
-			u.loading && !u.items.length ? /* @__PURE__ */ A(f, { className: "h-20 w-full" }) : u.error && !u.items.length ? /* @__PURE__ */ j("div", {
+			f.loading && !f.items.length ? /* @__PURE__ */ A(h, { className: "h-20 w-full" }) : f.error && !f.items.length ? /* @__PURE__ */ j("div", {
 				role: "alert",
 				className: "grid justify-items-start gap-2",
 				children: [/* @__PURE__ */ A("p", {
 					className: "text-destructive",
-					children: m(o, u.error)
-				}), /* @__PURE__ */ A(n, {
+					children: _(c, f.error)
+				}), /* @__PURE__ */ A(a, {
 					size: "sm",
 					variant: "outline",
-					onClick: u.reload,
-					children: s("common.retry")
+					onClick: f.reload,
+					children: l("common.retry")
 				})]
-			}) : u.items.length ? l.ordered ? /* @__PURE__ */ A(r, {
-				items: u.items,
+			}) : f.items.length ? d.ordered ? /* @__PURE__ */ A(o, {
+				items: f.items,
 				id: (e) => e.id,
 				name: T,
-				label: s("memberships.members"),
-				disabled: d.pending,
+				label: l("memberships.members"),
+				disabled: p.pending,
 				onMove: (e, t) => {
-					let n = [...u.items], [r] = n.splice(e, 1);
-					n.splice(t, 0, r), d.run(() => u.reorder(E(n)));
+					let n = [...f.items], [r] = n.splice(e, 1);
+					n.splice(t, 0, r), p.run(() => f.reorder(E(n)));
 				},
 				children: (e, t) => N(e, t)
 			}) : /* @__PURE__ */ A("ul", {
 				className: "grid divide-y divide-border rounded-lg border border-border",
-				children: u.items.map((e) => /* @__PURE__ */ A("li", {
+				children: f.items.map((e) => /* @__PURE__ */ A("li", {
 					className: "p-2",
 					children: N(e)
 				}, e.id))
 			}) : /* @__PURE__ */ A("p", {
 				className: "text-muted-foreground",
-				children: s("memberships.noMembers")
+				children: l("memberships.noMembers")
 			}),
-			u.hasMore && /* @__PURE__ */ A(n, {
+			f.hasMore && /* @__PURE__ */ A(a, {
 				variant: "outline",
 				size: "sm",
 				className: "justify-self-center",
-				disabled: u.loadingMore,
-				onClick: () => void u.loadMore(),
-				children: s("groups.loadMore")
+				disabled: f.loadingMore,
+				onClick: () => void f.loadMore(),
+				children: l("groups.loadMore")
 			}),
 			/* @__PURE__ */ A(H, {
-				spec: l,
-				labels: a.labels,
-				onAdd: (e) => d.run(() => u.add([e]))
+				spec: d,
+				labels: n.labels,
+				onAdd: (e) => p.run(() => f.add([e]))
 			}),
-			/* @__PURE__ */ A(p, { error: d.error })
+			/* @__PURE__ */ A(g, { error: p.error })
 		]
 	});
 }
 var V = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/;
-function H({ spec: t, labels: r, onAdd: i }) {
-	let { t: f } = e(), p = T(), [m, h] = O(""), [g, _] = O(""), [v, y] = O(""), [b, x] = O(), [S, w] = O(), E = V.test(m.trim()) && (!g.trim() || V.test(g.trim()));
+function H({ spec: t, labels: n, onAdd: r }) {
+	let { t: i } = e(), o = T(), [s, h] = O(""), [g, _] = O(""), [v, y] = O(""), [b, x] = O(), [S, w] = O(), E = V.test(s.trim()) && (!g.trim() || V.test(g.trim()));
 	return /* @__PURE__ */ j("form", {
 		className: "flex flex-wrap items-end gap-2",
 		"data-ckui": "add-member",
 		onSubmit: (e) => {
-			e.preventDefault(), E && i({
-				content_id: m.trim(),
+			e.preventDefault(), E && r({
+				content_id: s.trim(),
 				version_id: g.trim() || void 0,
 				role: v || void 0,
 				active_from: b,
@@ -464,59 +464,59 @@ function H({ spec: t, labels: r, onAdd: i }) {
 		children: [
 			/* @__PURE__ */ j("div", {
 				className: "grid gap-1",
-				children: [/* @__PURE__ */ A(o, {
-					htmlFor: `${p}-c`,
+				children: [/* @__PURE__ */ A(l, {
+					htmlFor: `${o}-c`,
 					className: "text-xs text-muted-foreground",
-					children: f("memberships.contentId")
-				}), /* @__PURE__ */ A(a, {
-					id: `${p}-c`,
+					children: i("memberships.contentId")
+				}), /* @__PURE__ */ A(c, {
+					id: `${o}-c`,
 					className: "h-8 w-80 max-w-full font-mono",
-					value: m,
+					value: s,
 					onChange: (e) => h(e.target.value)
 				})]
 			}),
 			t.version_level && /* @__PURE__ */ j("div", {
 				className: "grid gap-1",
-				children: [/* @__PURE__ */ A(o, {
-					htmlFor: `${p}-v`,
+				children: [/* @__PURE__ */ A(l, {
+					htmlFor: `${o}-v`,
 					className: "text-xs text-muted-foreground",
-					children: f("memberships.versionId")
-				}), /* @__PURE__ */ A(a, {
-					id: `${p}-v`,
+					children: i("memberships.versionId")
+				}), /* @__PURE__ */ A(c, {
+					id: `${o}-v`,
 					className: "h-8 w-80 max-w-full font-mono",
 					value: g,
 					onChange: (e) => _(e.target.value)
 				})]
 			}),
-			!!t.roles?.length && /* @__PURE__ */ j(s, {
+			!!t.roles?.length && /* @__PURE__ */ j(u, {
 				value: v || N,
 				onValueChange: (e) => y(e === N ? "" : String(e)),
-				children: [/* @__PURE__ */ A(u, {
+				children: [/* @__PURE__ */ A(p, {
 					size: "sm",
-					"aria-label": f("memberships.role"),
-					children: /* @__PURE__ */ A(d, { children: (e) => e === N ? f("memberships.noRole") : C(r, e) })
-				}), /* @__PURE__ */ j(c, { children: [/* @__PURE__ */ A(l, {
+					"aria-label": i("memberships.role"),
+					children: /* @__PURE__ */ A(m, { children: (e) => e === N ? i("memberships.noRole") : C(n, e) })
+				}), /* @__PURE__ */ j(d, { children: [/* @__PURE__ */ A(f, {
 					value: N,
-					children: f("memberships.noRole")
-				}), t.roles.map((e) => /* @__PURE__ */ A(l, {
+					children: i("memberships.noRole")
+				}), t.roles.map((e) => /* @__PURE__ */ A(f, {
 					value: e,
-					children: C(r, e)
+					children: C(n, e)
 				}, e))] })]
 			}),
 			t.windows && /* @__PURE__ */ A(R, {
 				from: b,
 				until: S,
-				name: f("memberships.newMember"),
+				name: i("memberships.newMember"),
 				onChange: (e) => {
 					"active_from" in e && x(e.active_from), "active_until" in e && w(e.active_until);
 				}
 			}),
-			/* @__PURE__ */ A(n, {
+			/* @__PURE__ */ A(a, {
 				type: "submit",
 				size: "sm",
 				variant: "outline",
 				disabled: !E,
-				children: f("memberships.addMember")
+				children: i("memberships.addMember")
 			})
 		]
 	});