@openrails/contentkit-ui 0.104.0-rc.1 → 0.104.0-rc.3

package/dist/components/groups/memberships.js

@@ -1,534 +1,159 @@
 import { useMessages as e } from "../../i18n/context.js";
 import { ContentKitUiRoot as t } from "../../scope.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";
-import { cn as M } from "cn";
+import { useContentGroups as n, useKinds as r } from "../../react/groups.js";
+import { Button as i } from "../../ui/button.js";
+import { Skeleton as a } from "../../ui/skeleton.js";
+import { ErrorLine as o, contentError as s, useAction as c } from "../social/parts.js";
+import { labelOf as l } from "./parts.js";
+import { EntityChips as u } from "./entity-chips.js";
+import { useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { cn as _ } 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 o = e(), { t: s } = o, { kinds: c, loading: l } = i({ client: r.client }), u = n(r.content, {
-		language: r.language,
-		client: r.client
-	}), d = E(() => r.groupKinds ?? c?.kinds[r.contentKind]?.entities ?? [], [
-		r.groupKinds,
-		c,
-		r.contentKind
-	]), [f, p] = O(/* @__PURE__ */ new Map()), m = E(() => new Map([...u.entities, ...f]), [u.entities, f]), v = D(0), b = E(() => u.memberships.filter((e) => d.includes(u.entities.get(e.group_id ?? "")?.kind ?? "")).map((e) => ({
+var v = ({ key: e, ...t }) => t, y = (e, t) => JSON.stringify(e) === JSON.stringify(t);
+function b(b) {
+	let x = e(), { t: S } = x, { kinds: C, loading: w } = r({ client: b.client }), T = n(b.content, {
+		language: b.language,
+		client: b.client
+	}), E = f(() => b.groupKinds ?? C?.kinds[b.contentKind]?.entities ?? [], [
+		b.groupKinds,
+		C,
+		b.contentKind
+	]), [D, O] = m(/* @__PURE__ */ new Map()), k = f(() => new Map([...T.entities, ...D]), [T.entities, D]), A = p(0), j = f(() => T.memberships.filter((e) => E.includes(T.entities.get(e.group_id ?? "")?.kind ?? "")).map((e) => ({
 		...e,
 		content_id: void 0
 	})), [
-		u.memberships,
-		u.entities,
-		d
-	]), [x, T] = O([]), k = !F(x.map(P), b), N = D(k);
-	N.current = k, w(() => {
-		(!N.current || !x.length) && T(b.map((e) => ({
+		T.memberships,
+		T.entities,
+		E
+	]), [M, N] = m([]), [P, F] = m({}), I = (e) => {
+		let t = C?.entity_kinds?.[e]?.scoped_by;
+		if (t) return new Set(M.filter((e) => k.get(e.group_id ?? "")?.kind === t).map((e) => e.group_id)).size + (P[t]?.length ?? 0) === 1 ? void 0 : l(b.labels, t);
+	}, L = Object.entries(P).flatMap(([e, t]) => I(e) ? [] : t.map((t) => ({
+		kind: e,
+		name: t,
+		language: b.language
+	}))), R = !y(M.map(v), j) || L.length > 0, z = p(R);
+	z.current = R, d(() => {
+		(!z.current || !M.length) && N(j.map((e) => ({
 			...e,
-			key: ++v.current
+			key: ++A.current
 		})));
-	}, [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 ? {
+	}, [j]);
+	let B = c("membership.save", b.onError), [V, H] = m(!1), U = (e, t) => {
+		H(!1), N((n) => n.map((n) => n.key === e ? {
 			...n,
 			...t
 		} : n));
-	}, V = (e) => /* @__PURE__ */ A(t, {
-		appearance: r.appearance,
-		className: M("grid gap-4 text-sm", r.className),
+	}, W = (e) => /* @__PURE__ */ h(t, {
+		appearance: b.appearance,
+		className: _("grid gap-4 text-sm", b.className),
 		"data-ckui": "membership-editor",
 		children: e
 	});
-	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", {
+	if (w || T.loading && !T.memberships.length) return W(/* @__PURE__ */ h(a, { className: "h-32 w-full" }));
+	if (T.error && !T.memberships.length) return W(/* @__PURE__ */ g("div", {
 		role: "alert",
 		className: "grid justify-items-start gap-2",
-		children: [/* @__PURE__ */ A("p", {
+		children: [/* @__PURE__ */ h("p", {
 			className: "text-destructive",
-			children: _(o, u.error)
-		}), /* @__PURE__ */ A(a, {
+			children: s(x, T.error)
+		}), /* @__PURE__ */ h(i, {
 			size: "sm",
 			variant: "outline",
-			onClick: u.reload,
-			children: s("common.retry")
+			onClick: T.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", {
+	let G = (e) => b.versions?.find((t) => t.id === e)?.label ?? e.slice(0, 8);
+	return W(/* @__PURE__ */ g("form", {
 		className: "grid gap-5",
 		onSubmit: (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.entities.find((e) => e.id === t.group_id)?.kind ?? "")).map((e) => ({
+			e.preventDefault(), H(!1), B.run(() => T.set(M.map(v), [...E], L)).then((e) => {
+				e && (H(!0), F((e) => Object.fromEntries(Object.entries(e).filter(([e]) => I(e)))), N(e.memberships.filter((t) => E.includes(e.entities.find((e) => e.id === t.group_id)?.kind ?? "")).map((e) => ({
 					...e,
 					content_id: void 0,
-					key: ++v.current
-				}))), r.onSaved?.(e));
+					key: ++A.current
+				}))), b.onSaved?.(e));
 			});
 		},
 		children: [
-			d.map((e) => {
-				let t = c?.entity_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",
+			E.map((e) => {
+				let t = C?.entity_kinds?.[e] ?? {}, n = M.filter((t) => k.get(t.group_id ?? "")?.kind === e), r = l(b.labels, e);
+				return /* @__PURE__ */ h("div", {
 					"data-ckui": "membership-kind",
 					"data-group-kind": e,
-					children: [
-						/* @__PURE__ */ A("legend", {
-							className: "mb-1 font-medium",
-							children: i
-						}),
-						n.length > 0 && /* @__PURE__ */ A("ul", {
-							className: "grid gap-2",
-							children: n.map((e) => /* @__PURE__ */ A(L, {
-								m: e,
-								card: m.get(e.group_id ?? ""),
-								spec: t,
-								labels: r.labels,
-								versions: r.versions,
-								versionLabel: H,
-								onChange: (t) => B(e.key, t),
-								onRemove: () => {
-									z(!1), T((t) => t.filter((t) => t.key !== e.key));
-								}
-							}, e.key))
-						}),
-						/* @__PURE__ */ A(S, {
-							management: r.management,
-							kind: e,
-							language: r.language,
-							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), p((t) => new Map(t).set(e.id, e)), T((t) => [...t, {
-									group_id: e.id,
-									key: ++v.current
-								}]);
-							}
-						})
-					]
+					children: /* @__PURE__ */ h(u, {
+						kind: e,
+						label: r,
+						memberships: n,
+						cards: k,
+						spec: t,
+						labels: b.labels,
+						versions: b.versions,
+						versionLabel: G,
+						language: b.language,
+						management: b.management,
+						client: b.client,
+						created: P[e] ?? [],
+						needsScope: I(e),
+						onCreatedChange: (t) => {
+							H(!1), F((n) => ({
+								...n,
+								[e]: t
+							}));
+						},
+						onChange: (e, t) => U(n[e].key, t),
+						onRemove: (e) => {
+							H(!1), N((t) => t.filter((t) => t.key !== n[e].key));
+						},
+						onAdd: (e) => {
+							H(!1), O((t) => new Map(t).set(e.id, e)), N((t) => [...t, {
+								group_id: e.id,
+								key: ++A.current
+							}]);
+						}
+					})
 				}, e);
 			}),
-			!d.length && /* @__PURE__ */ A("p", {
+			!E.length && /* @__PURE__ */ h("p", {
 				className: "text-muted-foreground",
-				children: s("memberships.noKinds")
+				children: S("memberships.noKinds")
 			}),
-			/* @__PURE__ */ A(g, { error: I.error }),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ h(o, { error: B.error }),
+			/* @__PURE__ */ g("div", {
 				className: "flex items-center gap-3",
 				children: [
-					/* @__PURE__ */ A(a, {
+					/* @__PURE__ */ h(i, {
 						type: "submit",
 						size: "sm",
-						disabled: I.pending || !k,
-						children: I.pending ? s("common.saving") : s("common.save")
+						disabled: B.pending || !R,
+						children: B.pending ? S("common.saving") : S("common.save")
 					}),
-					k && /* @__PURE__ */ A(a, {
+					R && /* @__PURE__ */ h(i, {
 						type: "button",
 						size: "sm",
 						variant: "ghost",
-						disabled: I.pending,
-						onClick: () => T(b.map((e) => ({
-							...e,
-							key: ++v.current
-						}))),
-						children: s("memberships.discard")
+						disabled: B.pending,
+						onClick: () => {
+							F({}), N(j.map((e) => ({
+								...e,
+								key: ++A.current
+							})));
+						},
+						children: S("memberships.discard")
 					}),
-					R && !k && /* @__PURE__ */ A("span", {
+					V && !R && /* @__PURE__ */ h("span", {
 						role: "status",
 						className: "text-muted-foreground",
-						children: s("memberships.saved")
+						children: S("memberships.saved")
 					})
 				]
 			})
 		]
 	}));
 }
-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": 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(s, {
-				variant: "secondary",
-				children: v("memberships.proposed")
-			}), /* @__PURE__ */ A(a, {
-				type: "button",
-				size: "xs",
-				variant: "outline",
-				onClick: () => g({ state: "active" }),
-				children: v("memberships.accept")
-			})] }),
-			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(p, {
-					size: "sm",
-					"aria-label": v("memberships.versionOf", { name: b }),
-					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(f, {
-					value: e,
-					children: h(e)
-				}, e))] })]
-			}),
-			!!r.roles?.length && /* @__PURE__ */ j(u, {
-				value: t.role || N,
-				onValueChange: (e) => g({ role: e === N ? void 0 : String(e) }),
-				children: [/* @__PURE__ */ A(p, {
-					size: "sm",
-					"aria-label": v("memberships.roleOf", { name: b }),
-					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")
-				}), r.roles.map((e) => /* @__PURE__ */ A(f, {
-					value: e,
-					children: C(i, e)
-				}, e))] })]
-			}),
-			r.ordered && /* @__PURE__ */ j("div", {
-				className: "flex items-center gap-1",
-				children: [/* @__PURE__ */ A(l, {
-					htmlFor: `${y}-pos`,
-					className: "text-xs text-muted-foreground",
-					children: v("memberships.position")
-				}), /* @__PURE__ */ A(c, {
-					id: `${y}-pos`,
-					className: "h-8 w-20",
-					type: "number",
-					min: 0,
-					step: 1,
-					value: t.position ?? "",
-					placeholder: v("memberships.last"),
-					onChange: (e) => g({ position: e.target.value === "" ? void 0 : Math.max(0, Math.trunc(Number(e.target.value))) })
-				})]
-			}),
-			r.windows && /* @__PURE__ */ A(R, {
-				from: t.active_from,
-				until: t.active_until,
-				name: b,
-				onChange: g
-			}),
-			/* @__PURE__ */ A(a, {
-				type: "button",
-				size: "xs",
-				variant: "ghost",
-				"aria-label": v("memberships.remove", { name: b }),
-				onClick: _,
-				children: v("common.remove")
-			})
-		]
-	});
-}
-function R({ from: t, until: n, name: r, onChange: i }) {
-	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(l, {
-				htmlFor: `${o}-from`,
-				className: "text-xs text-muted-foreground",
-				children: a("memberships.from")
-			}),
-			/* @__PURE__ */ A(c, {
-				id: `${o}-from`,
-				className: "h-8 w-48",
-				type: "datetime-local",
-				"aria-label": a("memberships.fromOf", { name: r }),
-				value: x(t),
-				onChange: (e) => i({ active_from: b(e.target.value) })
-			}),
-			/* @__PURE__ */ A(l, {
-				htmlFor: `${o}-until`,
-				className: "text-xs text-muted-foreground",
-				children: a("memberships.until")
-			}),
-			/* @__PURE__ */ A(c, {
-				id: `${o}-until`,
-				className: "h-8 w-48",
-				type: "datetime-local",
-				"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(n) {
-	let c = e(), { t: l } = c, { kinds: u } = i({ client: n.client }), d = u?.entity_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), {
-		content_id: e.content_id,
-		version_id: e.version_id
-	}])).values()], D = ({ id: e, ...t }) => t, N = (e, t) => /* @__PURE__ */ j("div", {
-		className: "flex flex-wrap items-center gap-2",
-		"data-ckui": "group-member",
-		"data-content": e.content_id,
-		"data-state": e.state ?? "active",
-		children: [
-			t,
-			d.ordered && e.position !== void 0 && /* @__PURE__ */ A("span", {
-				className: "w-8 text-xs text-muted-foreground tabular-nums",
-				children: e.position
-			}),
-			/* @__PURE__ */ A("span", {
-				className: "min-w-0 flex-1",
-				children: w(e)
-			}),
-			e.version_id && /* @__PURE__ */ A(s, {
-				variant: "outline",
-				children: l("memberships.version")
-			}),
-			e.role && /* @__PURE__ */ A(s, {
-				variant: "secondary",
-				children: C(n.labels, e.role)
-			}),
-			e.state === "proposed" && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(s, {
-				variant: "secondary",
-				children: l("memberships.proposed")
-			}), /* @__PURE__ */ A(a, {
-				size: "xs",
-				variant: "outline",
-				disabled: p.pending,
-				onClick: () => void p.run(() => f.add([{
-					...D(e),
-					state: "active"
-				}])),
-				children: l("memberships.accept")
-			})] }),
-			d.windows && (m === e.id ? /* @__PURE__ */ j("span", {
-				className: "flex flex-wrap items-center gap-1",
-				children: [
-					/* @__PURE__ */ A(R, {
-						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(a, {
-						size: "xs",
-						disabled: p.pending,
-						onClick: () => void p.run(() => f.add([{
-							...D(e),
-							active_from: x.from,
-							active_until: x.until
-						}])).then((e) => e !== void 0 && b(null)),
-						children: l("common.save")
-					}),
-					/* @__PURE__ */ A(a, {
-						size: "xs",
-						variant: "ghost",
-						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 ? 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
-					}), b(e.id);
-				},
-				children: l("memberships.editWindow")
-			})] })),
-			n.onUseCover && !e.version_id && /* @__PURE__ */ A(a, {
-				size: "xs",
-				variant: "ghost",
-				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(a, {
-				size: "xs",
-				variant: "ghost",
-				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: n.appearance,
-		className: M("grid gap-3 text-sm", n.className),
-		"data-ckui": "group-members",
-		children: [
-			/* @__PURE__ */ A("h3", {
-				className: "font-medium",
-				children: l("memberships.members")
-			}),
-			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: _(c, f.error)
-				}), /* @__PURE__ */ A(a, {
-					size: "sm",
-					variant: "outline",
-					onClick: f.reload,
-					children: l("common.retry")
-				})]
-			}) : f.items.length ? d.ordered ? /* @__PURE__ */ A(o, {
-				items: f.items,
-				id: (e) => e.id,
-				name: T,
-				label: l("memberships.members"),
-				disabled: p.pending,
-				onMove: (e, t) => {
-					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: f.items.map((e) => /* @__PURE__ */ A("li", {
-					className: "p-2",
-					children: N(e)
-				}, e.id))
-			}) : /* @__PURE__ */ A("p", {
-				className: "text-muted-foreground",
-				children: l("memberships.noMembers")
-			}),
-			f.hasMore && /* @__PURE__ */ j("div", {
-				className: "grid justify-items-center gap-2",
-				children: [f.error && /* @__PURE__ */ A("p", {
-					role: "alert",
-					className: "text-destructive",
-					children: _(c, f.error)
-				}), /* @__PURE__ */ A(a, {
-					variant: "outline",
-					size: "sm",
-					disabled: f.loadingMore,
-					onClick: () => void f.loadMore(),
-					children: f.loadingMore ? l("groups.loading") : f.error ? l("common.retry") : l("groups.loadMore")
-				})]
-			}),
-			/* @__PURE__ */ A(H, {
-				spec: d,
-				labels: n.labels,
-				onAdd: (e) => p.run(() => f.add([e]))
-			}),
-			/* @__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: 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 && r({
-				content_id: s.trim(),
-				version_id: g.trim() || void 0,
-				role: v || void 0,
-				active_from: b,
-				active_until: S
-			}).then((e) => {
-				e !== void 0 && (h(""), _(""));
-			});
-		},
-		children: [
-			/* @__PURE__ */ j("div", {
-				className: "grid gap-1",
-				children: [/* @__PURE__ */ A(l, {
-					htmlFor: `${o}-c`,
-					className: "text-xs text-muted-foreground",
-					children: i("memberships.contentId")
-				}), /* @__PURE__ */ A(c, {
-					id: `${o}-c`,
-					className: "h-8 w-80 max-w-full font-mono",
-					value: s,
-					onChange: (e) => h(e.target.value)
-				})]
-			}),
-			t.version_level && /* @__PURE__ */ j("div", {
-				className: "grid gap-1",
-				children: [/* @__PURE__ */ A(l, {
-					htmlFor: `${o}-v`,
-					className: "text-xs text-muted-foreground",
-					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(u, {
-				value: v || N,
-				onValueChange: (e) => y(e === N ? "" : String(e)),
-				children: [/* @__PURE__ */ A(p, {
-					size: "sm",
-					"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: i("memberships.noRole")
-				}), t.roles.map((e) => /* @__PURE__ */ A(f, {
-					value: e,
-					children: C(n, e)
-				}, e))] })]
-			}),
-			t.windows && /* @__PURE__ */ A(R, {
-				from: b,
-				until: S,
-				name: i("memberships.newMember"),
-				onChange: (e) => {
-					"active_from" in e && x(e.active_from), "active_until" in e && w(e.active_until);
-				}
-			}),
-			/* @__PURE__ */ A(a, {
-				type: "submit",
-				size: "sm",
-				variant: "outline",
-				disabled: !E,
-				children: i("memberships.addMember")
-			})
-		]
-	});
-}
 //#endregion
-export { B as GroupMembers, I as MembershipEditor, L as MembershipRow };
+export { b as MembershipEditor };
 
 //# sourceMappingURL=memberships.js.map