themelia-ui 2.0.0 → 3.0.0

package/dist/features/activities.js

@@ -1,20 +1,18 @@
 "use client";
-import "../core.css";
-import "../css/activities.css";
 import { t as e } from "../cx--CBrhWH0.js";
-import { i as t, o as n, r } from "../typography-B8Iurhy1.js";
-import { _ as i, g as a, h as o, n as s, p as c, t as l, v as u } from "../feedback-BmquisO3.js";
-import { t as d } from "../ui-provider-BzyJxcKH.js";
-import { c as f } from "../buttons-Corm-KHK.js";
-import { a as p, i as m, n as h } from "../action-menu-DqQX1_H8.js";
-import { n as g } from "../display-DVhYS75K.js";
-import { t as _ } from "../badge-D34FkKLD.js";
-import { f as v } from "../mentions-BU1sDupC.js";
-import { i as y, n as b, o as x } from "../comments-CIZ1L-DR.js";
-import { ActivityIcon as S, ArrowLeftRightIcon as C, BanIcon as w, CheckIcon as T, ChevronDownIcon as E, ChevronRightIcon as D, CircleDotIcon as O, FileEditIcon as k, FlagIcon as A, HeartIcon as ee, LinkIcon as te, MailCheckIcon as j, MailIcon as ne, MailOpenIcon as M, MailXIcon as N, MessageCircleIcon as re, MessageSquareIcon as P, PencilIcon as F, PlusIcon as I, ShieldCheckIcon as L, ShoppingBagIcon as R, SparklesIcon as z, StarIcon as B, Trash2Icon as V, TriangleAlertIcon as H, UserMinusIcon as U, UserPlusIcon as W } from "lucide-react";
-import { Fragment as G, useCallback as K, useEffect as q, useId as ie, useMemo as J, useRef as ae, useState as oe } from "react";
-import { Fragment as se, jsx as Y, jsxs as X } from "react/jsx-runtime";
-import { format as ce, formatDistanceToNow as Z, isToday as le, isValid as ue, isYesterday as de, parseISO as fe } from "date-fns";
+import { i as t, o as n, r } from "../typography-BkxEiwQ1.js";
+import { _ as i, g as a, h as o, n as s, p as c, t as l, v as u } from "../feedback-DRerHGuV.js";
+import { t as d } from "../ui-provider-Cmoq6i_D.js";
+import { c as f } from "../buttons-CqXKWty3.js";
+import { a as p, i as m, n as h } from "../action-menu-BNLURfMK.js";
+import { l as g, n as _ } from "../display-B3Q17h5z.js";
+import { t as v } from "../badge-CxOuTfVr.js";
+import { f as y } from "../mentions-BbsEHlcH.js";
+import { i as b, n as x, o as ee } from "../comments-CAnDlyXO.js";
+import { ActivityIcon as te, ArrowLeftRightIcon as S, BanIcon as C, CheckIcon as w, ChevronDownIcon as ne, ChevronRightIcon as T, CircleDotIcon as E, FileEditIcon as D, FlagIcon as O, HeartIcon as re, LinkIcon as k, MailCheckIcon as A, MailIcon as ie, MailOpenIcon as j, MailXIcon as M, MessageCircleIcon as ae, MessageSquareIcon as N, PencilIcon as P, PlusIcon as F, ShieldCheckIcon as I, ShoppingBagIcon as L, SparklesIcon as R, StarIcon as z, Trash2Icon as B, TriangleAlertIcon as V, UserMinusIcon as H, UserPlusIcon as U } from "lucide-react";
+import { Fragment as W, useCallback as G, useEffect as oe, useId as se, useMemo as K, useRef as ce, useState as le } from "react";
+import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
+import { format as X, formatDistanceToNow as ue, isToday as de, isValid as Z, isYesterday as fe, parseISO as pe } from "date-fns";
 var Q = {
 	feed: "activities__feed___ngaRb",
 	state: "activities__state___XVSXH",
@@ -66,55 +64,55 @@ var Q = {
 };
 //#endregion
 //#region src/components/features/activities/activity-parts.tsx
-function pe({ icon: t, tone: n, density: r, last: i, className: a }) {
-	return /* @__PURE__ */ X("div", {
+function me({ icon: t, tone: n, density: r, last: i, className: a }) {
+	return /* @__PURE__ */ Y("div", {
 		"data-slot": "activity-marker",
 		"data-tone": n,
 		"data-activity-density": r,
 		className: e("activity-marker--component", Q.marker, a),
-		children: [r === "compact" ? /* @__PURE__ */ Y("span", {
+		children: [r === "compact" ? /* @__PURE__ */ J("span", {
 			"aria-hidden": !0,
 			className: Q.markerDot
-		}) : /* @__PURE__ */ Y("span", {
+		}) : /* @__PURE__ */ J("span", {
 			"aria-hidden": !0,
 			className: Q.markerDisc,
 			children: t
-		}), !i && /* @__PURE__ */ Y("span", {
+		}), !i && /* @__PURE__ */ J("span", {
 			"aria-hidden": !0,
 			className: Q.markerRail
 		})]
 	});
 }
-function me({ label: n, first: r, className: i }) {
-	return n === "" ? null : /* @__PURE__ */ Y(t, {
+function he({ label: n, first: r, className: i }) {
+	return n === "" ? null : /* @__PURE__ */ J(t, {
 		"data-first": r || void 0,
 		className: e("activity-date-label--component", Q.dateLabel, i),
 		children: n
 	});
 }
-function he({ change: e }) {
+function ge({ change: e }) {
 	let t = e.old !== null && e.old !== void 0, r = e.new !== null && e.new !== void 0;
-	return !t && !r ? /* @__PURE__ */ Y(n, {
+	return !t && !r ? /* @__PURE__ */ J(n, {
 		tag: "span",
 		children: e.description
-	}) : /* @__PURE__ */ X("span", {
+	}) : /* @__PURE__ */ Y("span", {
 		className: Q.changeValues,
 		children: [
-			t && /* @__PURE__ */ Y(n, {
+			t && /* @__PURE__ */ J(n, {
 				tag: "span",
 				size: "inherit",
 				type: "inherit",
 				className: Q.changeOld,
 				children: e.old
 			}),
-			t && r && /* @__PURE__ */ Y(n, {
+			t && r && /* @__PURE__ */ J(n, {
 				tag: "span",
 				size: "inherit",
 				type: "secondary",
 				"aria-hidden": !0,
 				children: "→"
 			}),
-			r && /* @__PURE__ */ Y(n, {
+			r && /* @__PURE__ */ J(n, {
 				tag: "span",
 				size: "inherit",
 				type: "inherit",
@@ -124,23 +122,23 @@ function he({ change: e }) {
 		]
 	});
 }
-function ge({ changes: t, bare: n = !1, className: r }) {
-	return t.length === 0 ? null : /* @__PURE__ */ Y(g, {
+function _e({ changes: t, bare: n = !1, className: r }) {
+	return t.length === 0 ? null : /* @__PURE__ */ J(_, {
 		layout: "rows",
 		density: "compact",
 		className: e("activity-changes--component", !n && Q.changes, r),
 		items: t.map((e) => ({
 			id: e.key,
 			label: e.label,
-			render: () => /* @__PURE__ */ Y(he, { change: e })
+			render: () => /* @__PURE__ */ J(ge, { change: e })
 		}))
 	});
 }
-function _e({ resource: t, config: r, fallbackText: i, onClick: a, showDetails: o = !0 }) {
-	let s = r?.tone ?? "neutral", c = r?.icon ?? O, l = r?.label ?? i ?? t.label ?? t.key, u = /* @__PURE__ */ X(se, { children: [
-		/* @__PURE__ */ X("span", {
+function ve({ resource: t, config: r, fallbackText: i, onClick: a, showDetails: o = !0 }) {
+	let s = r?.tone ?? "neutral", c = r?.icon ?? E, l = r?.label ?? i ?? t.label ?? t.key, u = /* @__PURE__ */ Y(q, { children: [
+		/* @__PURE__ */ Y("span", {
 			className: Q.tagIdentity,
-			children: [/* @__PURE__ */ Y(c, { className: Q.tagIcon }), /* @__PURE__ */ Y(n, {
+			children: [/* @__PURE__ */ J(c, { className: Q.tagIcon }), /* @__PURE__ */ J(n, {
 				tag: "span",
 				size: "inherit",
 				type: "inherit",
@@ -150,14 +148,14 @@ function _e({ resource: t, config: r, fallbackText: i, onClick: a, showDetails:
 				children: l
 			})]
 		}),
-		o && !!r?.tags?.length && /* @__PURE__ */ Y(n, {
+		o && !!r?.tags?.length && /* @__PURE__ */ J(n, {
 			tag: "span",
 			size: "xs",
 			type: "secondary",
 			className: Q.tagTags,
 			children: r.tags.join(" · ")
 		}),
-		o && !!r?.badge && /* @__PURE__ */ Y(n, {
+		o && !!r?.badge && /* @__PURE__ */ J(n, {
 			tag: "span",
 			size: "xs",
 			type: "inherit",
@@ -172,24 +170,24 @@ function _e({ resource: t, config: r, fallbackText: i, onClick: a, showDetails:
 		title: r?.note,
 		className: e("activity-resource-tag--component", Q.tag)
 	};
-	return a ? /* @__PURE__ */ Y("button", {
+	return a ? /* @__PURE__ */ J("button", {
 		type: "button",
 		...d,
 		onClick: (e) => {
 			e.stopPropagation(), a();
 		},
 		children: u
-	}) : /* @__PURE__ */ Y("span", {
+	}) : /* @__PURE__ */ J("span", {
 		...d,
 		children: u
 	});
 }
-function ve({ activity: e, actions: t, onAction: n, label: r }) {
+function ye({ activity: e, actions: t, onAction: n, label: r }) {
 	let i = m(t, e, { onAction: (t) => n?.(t, e) }).map((e) => ({
 		...e,
 		tone: e.tone === "destructive" ? "destructive" : void 0
 	}));
-	return i.length === 0 ? null : /* @__PURE__ */ Y(h, {
+	return i.length === 0 ? null : /* @__PURE__ */ J(h, {
 		actions: i,
 		strings: { trigger: r },
 		align: "end",
@@ -200,10 +198,10 @@ function ve({ activity: e, actions: t, onAction: n, label: r }) {
 		}
 	});
 }
-function ye({ expanded: t, showLabel: i, hideLabel: a, onToggle: o, controls: s }) {
+function be({ expanded: t, showLabel: i, hideLabel: a, onToggle: o, controls: s }) {
 	let c = t ? a : i;
-	return /* @__PURE__ */ X(r, {
-		render: /* @__PURE__ */ Y("button", { type: "button" }),
+	return /* @__PURE__ */ Y(r, {
+		render: /* @__PURE__ */ J("button", { type: "button" }),
 		variant: "subtle",
 		"data-hit-area": !0,
 		onClick: (e) => {
@@ -214,7 +212,7 @@ function ye({ expanded: t, showLabel: i, hideLabel: a, onToggle: o, controls: s
 		"aria-controls": t ? s : void 0,
 		title: c,
 		className: e("activity-expand-toggle--component", Q.expandToggle),
-		children: [Y(t ? E : D, { "aria-hidden": !0 }), /* @__PURE__ */ Y(n, {
+		children: [J(t ? ne : T, { "aria-hidden": !0 }), /* @__PURE__ */ J(n, {
 			tag: "span",
 			size: "xs",
 			weight: "medium",
@@ -223,12 +221,12 @@ function ye({ expanded: t, showLabel: i, hideLabel: a, onToggle: o, controls: s
 		})]
 	});
 }
-function be({ title: t, hint: n, action: r, className: i }) {
-	return /* @__PURE__ */ Y(c, {
+function xe({ title: t, hint: n, action: r, className: i }) {
+	return /* @__PURE__ */ J(c, {
 		padding: "md",
 		title: t,
 		description: n ?? !1,
-		media: /* @__PURE__ */ Y(S, {}),
+		media: /* @__PURE__ */ J(te, {}),
 		mediaVariant: "icon-soft",
 		action: r,
 		className: e("activity-empty-state--component", i)
@@ -264,7 +262,7 @@ var $ = {
 	},
 	events: {}
 };
-function xe(e) {
+function Se(e) {
 	return {
 		...$,
 		...e,
@@ -280,49 +278,49 @@ function xe(e) {
 }
 //#endregion
 //#region src/components/features/activities/activity-headline.tsx
-function Se({ actorId: e, text: t, href: r, activity: i, youLabel: a, currentUserId: o, onActorClick: s }) {
+function Ce({ actorId: e, text: t, href: r, activity: i, youLabel: a, currentUserId: o, onActorClick: s }) {
 	let c = o !== void 0 && e !== void 0 && o === e ? a : t, l = i.actor ?? {
 		id: e,
 		name: t
 	};
-	return r ? /* @__PURE__ */ Y("a", {
+	return r ? /* @__PURE__ */ J("a", {
 		href: r,
 		className: Q.actor,
 		onClick: (e) => {
 			s && (e.preventDefault(), e.stopPropagation(), s(l, i));
 		},
-		children: /* @__PURE__ */ Y(n, {
+		children: /* @__PURE__ */ J(n, {
 			tag: "span",
 			size: "inherit",
 			type: "inherit",
 			weight: "semibold",
 			children: c
 		})
-	}) : s ? /* @__PURE__ */ Y("button", {
+	}) : s ? /* @__PURE__ */ J("button", {
 		type: "button",
 		className: Q.actor,
 		onClick: (e) => {
 			e.stopPropagation(), s(l, i);
 		},
-		children: /* @__PURE__ */ Y(n, {
+		children: /* @__PURE__ */ J(n, {
 			tag: "span",
 			size: "inherit",
 			type: "inherit",
 			weight: "semibold",
 			children: c
 		})
-	}) : /* @__PURE__ */ Y(n, {
+	}) : /* @__PURE__ */ J(n, {
 		tag: "span",
 		size: "inherit",
 		weight: "semibold",
 		children: c
 	});
 }
-function Ce({ segments: e, props: t }) {
-	return /* @__PURE__ */ Y(se, { children: e.map((e, r) => {
+function we({ segments: e, props: t }) {
+	return /* @__PURE__ */ J(q, { children: e.map((e, r) => {
 		let i = `${r}-${e.type}`;
 		switch (e.type) {
-			case "actor": return /* @__PURE__ */ X(G, { children: [/* @__PURE__ */ Y(Se, {
+			case "actor": return /* @__PURE__ */ Y(W, { children: [/* @__PURE__ */ J(Ce, {
 				actorId: e.actorId,
 				text: e.text,
 				href: e.href,
@@ -332,19 +330,19 @@ function Ce({ segments: e, props: t }) {
 				onActorClick: t.onActorClick
 			}), " "] }, i);
 			case "field":
-			case "value": return /* @__PURE__ */ X(G, { children: [/* @__PURE__ */ Y(n, {
+			case "value": return /* @__PURE__ */ Y(W, { children: [/* @__PURE__ */ J(n, {
 				tag: "span",
 				size: "inherit",
 				weight: "semibold",
 				children: e.text
 			}), " "] }, i);
-			case "status": return /* @__PURE__ */ X(G, { children: [/* @__PURE__ */ Y(_, {
+			case "status": return /* @__PURE__ */ Y(W, { children: [/* @__PURE__ */ J(v, {
 				tone: e.tone ?? "neutral",
 				children: e.text
 			}), " "] }, i);
 			case "resource": {
 				let n = t.getResourceConfig?.(e.resource);
-				return /* @__PURE__ */ X(G, { children: [/* @__PURE__ */ Y(_e, {
+				return /* @__PURE__ */ Y(W, { children: [/* @__PURE__ */ J(ve, {
 					showDetails: !1,
 					resource: e.resource,
 					config: n,
@@ -352,7 +350,7 @@ function Ce({ segments: e, props: t }) {
 					onClick: t.onResourceClick ? () => t.onResourceClick?.(e.resource, n, t.activity) : void 0
 				}), " "] }, i);
 			}
-			default: return /* @__PURE__ */ X(G, { children: [/* @__PURE__ */ Y(n, {
+			default: return /* @__PURE__ */ Y(W, { children: [/* @__PURE__ */ J(n, {
 				tag: "span",
 				size: "inherit",
 				children: e.text
@@ -360,21 +358,21 @@ function Ce({ segments: e, props: t }) {
 		}
 	}) });
 }
-function we(e) {
+function Te(e) {
 	let { activity: t } = e, r = t.headline ?? t.event, i = t.actor?.name;
-	if (!i || !r.includes(i)) return /* @__PURE__ */ Y(n, {
+	if (!i || !r.includes(i)) return /* @__PURE__ */ J(n, {
 		tag: "span",
 		size: "inherit",
 		children: r
 	});
 	let [a, ...o] = r.split(i);
-	return /* @__PURE__ */ X(se, { children: [
-		!!a && /* @__PURE__ */ Y(n, {
+	return /* @__PURE__ */ Y(q, { children: [
+		!!a && /* @__PURE__ */ J(n, {
 			tag: "span",
 			size: "inherit",
 			children: a
 		}),
-		/* @__PURE__ */ Y(Se, {
+		/* @__PURE__ */ J(Ce, {
 			actorId: t.actor?.id,
 			text: i,
 			href: t.actor?.href,
@@ -383,31 +381,31 @@ function we(e) {
 			currentUserId: e.currentUserId,
 			onActorClick: e.onActorClick
 		}),
-		o.length > 0 && /* @__PURE__ */ Y(n, {
+		o.length > 0 && /* @__PURE__ */ J(n, {
 			tag: "span",
 			size: "inherit",
 			children: o.join(i)
 		})
 	] });
 }
-function Te(t) {
+function Ee(t) {
 	let n = t.activity.segments;
-	return /* @__PURE__ */ Y("span", {
+	return /* @__PURE__ */ J("span", {
 		className: e("activity-headline--component", Q.headline),
-		children: n && n.length > 0 ? /* @__PURE__ */ Y(Ce, {
+		children: n && n.length > 0 ? /* @__PURE__ */ J(we, {
 			segments: n,
 			props: t
-		}) : /* @__PURE__ */ Y(we, { ...t })
+		}) : /* @__PURE__ */ J(Te, { ...t })
 	});
 }
 //#endregion
 //#region src/components/features/activities/activity-row.tsx
-var Ee = 3;
-function De({ metadata: e, moreLabel: t }) {
-	let r = e.slice(0, Ee), i = e.length - r.length;
-	return /* @__PURE__ */ X("div", {
+var De = 3;
+function Oe({ metadata: e, moreLabel: t }) {
+	let r = e.slice(0, De), i = e.length - r.length;
+	return /* @__PURE__ */ Y("div", {
 		className: Q.metaPreview,
-		children: [/* @__PURE__ */ Y(g, {
+		children: [/* @__PURE__ */ J(_, {
 			layout: "inline",
 			density: "compact",
 			itemSeparator: !0,
@@ -416,7 +414,7 @@ function De({ metadata: e, moreLabel: t }) {
 				label: e.label,
 				value: e.value
 			}))
-		}), i > 0 && /* @__PURE__ */ Y(n, {
+		}), i > 0 && /* @__PURE__ */ J(n, {
 			tag: "span",
 			size: "xs",
 			type: "secondary",
@@ -424,8 +422,8 @@ function De({ metadata: e, moreLabel: t }) {
 		})]
 	});
 }
-function Oe({ metadata: e }) {
-	return /* @__PURE__ */ Y(g, {
+function ke({ metadata: e }) {
+	return /* @__PURE__ */ J(_, {
 		columns: { base: 2 },
 		density: "compact",
 		className: Q.metaGrid,
@@ -436,60 +434,60 @@ function Oe({ metadata: e }) {
 		}))
 	});
 }
-function ke({ activity: r, density: i, itemSpacing: a, eventConfig: o, tone: s, last: c, expanded: l, onExpandedChange: u, detailsCollapsible: d, detailLabels: h, relativeTime: g, absoluteTime: _, sourceLabel: v, youLabel: y, showChangesLabel: b, hideChangesLabel: x, moreLabel: S, actionsLabel: C, currentUserId: w, actions: T, onActivityClick: E, onActorClick: D, onResourceClick: O, onAction: k, getResourceConfig: A, headlineOverride: ee, markerOverride: te, customDetails: j, rowClassName: ne, markerClassName: M, contentClassName: N, detailsClassName: re }) {
-	let P = r.iconOverride ?? o.icon, F = ie(), I = (r.segments ?? []).flatMap((e) => e.type === "resource" ? [e.resource] : []), L = [...new Map([...r.resources ?? [], ...I].map((e) => [e.key, e])).values()], R = r.metadata ?? [], z = R.length > 0, B = (r.changes?.length ?? 0) > 0, V = L.length > 0, H = r.details !== void 0 && r.details !== null && r.details !== !1, U = j != null && j !== !1, W = z || B || H || U || V, G = r.description !== void 0 && r.description !== null && r.description !== "", K = i === "rich", q = d ?? (z || B || V), J = K && W && (!q || l), ae = K && z && q && !l, oe = T.map((e) => ({
+function Ae({ activity: r, density: i, itemSpacing: a, eventConfig: o, tone: s, last: c, expanded: l, onExpandedChange: u, detailsCollapsible: d, detailLabels: h, relativeTime: g, absoluteTime: _, sourceLabel: v, youLabel: y, showChangesLabel: b, hideChangesLabel: x, moreLabel: ee, actionsLabel: te, currentUserId: S, actions: C, onActivityClick: w, onActorClick: ne, onResourceClick: T, onAction: E, getResourceConfig: D, headlineOverride: O, markerOverride: re, customDetails: k, rowClassName: A, markerClassName: ie, contentClassName: j, detailsClassName: M }) {
+	let ae = r.iconOverride ?? o.icon, N = se(), P = (r.segments ?? []).flatMap((e) => e.type === "resource" ? [e.resource] : []), F = [...new Map([...r.resources ?? [], ...P].map((e) => [e.key, e])).values()], I = r.metadata ?? [], L = I.length > 0, R = (r.changes?.length ?? 0) > 0, z = F.length > 0, B = r.details !== void 0 && r.details !== null && r.details !== !1, V = k != null && k !== !1, H = L || R || B || V || z, U = r.description !== void 0 && r.description !== null && r.description !== "", W = i === "rich", G = d ?? (L || R || z), oe = W && H && (!G || l), K = W && L && G && !l, ce = C.map((e) => ({
 		...e,
 		placement: e.placement ?? (e.presentation === "inline" ? "inline" : "menu")
-	})), { inline: se, overflow: ce } = p(oe), Z = m(se, r, { onAction: (e) => k?.(e, r) }), le = typeof E == "function", ue = K && W && q || V || ce.length > 0 || Z.length > 0 || typeof D == "function" || typeof O == "function", de = le && !ue;
-	return /* @__PURE__ */ X("div", {
+	})), { inline: le, overflow: q } = p(ce), X = m(le, r, { onAction: (e) => E?.(e, r) }), ue = typeof w == "function", de = W && H && G || z || q.length > 0 || X.length > 0 || typeof ne == "function" || typeof T == "function", Z = ue && !de;
+	return /* @__PURE__ */ Y("div", {
 		"data-slot": "activity-row",
 		"data-activity-density": i,
 		"data-spacing": a,
 		"data-last": c || void 0,
-		"data-interactive": le || void 0,
-		className: e("activity-row--component", Q.row, ne),
-		onClick: le ? () => E?.(r) : void 0,
-		role: de ? "button" : void 0,
-		tabIndex: de ? 0 : void 0,
-		onKeyDown: de ? (e) => {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), E?.(r));
+		"data-interactive": ue || void 0,
+		className: e("activity-row--component", Q.row, A),
+		onClick: ue ? () => w?.(r) : void 0,
+		role: Z ? "button" : void 0,
+		tabIndex: Z ? 0 : void 0,
+		onKeyDown: Z ? (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), w?.(r));
 		} : void 0,
-		children: [te ?? /* @__PURE__ */ Y(pe, {
-			icon: /* @__PURE__ */ Y(P, {}),
+		children: [re ?? /* @__PURE__ */ J(me, {
+			icon: /* @__PURE__ */ J(ae, {}),
 			tone: s,
 			density: i,
 			last: c,
-			className: M
-		}), /* @__PURE__ */ X("div", {
-			className: e(Q.content, N),
+			className: ie
+		}), /* @__PURE__ */ Y("div", {
+			className: e(Q.content, j),
 			children: [
-				/* @__PURE__ */ X("div", {
+				/* @__PURE__ */ Y("div", {
 					className: Q.summary,
-					children: [/* @__PURE__ */ X("div", {
+					children: [/* @__PURE__ */ Y("div", {
 						className: Q.summaryMain,
-						children: [/* @__PURE__ */ Y("div", {
+						children: [/* @__PURE__ */ J("div", {
 							className: Q.headlineRow,
-							children: ee ?? /* @__PURE__ */ Y(Te, {
+							children: O ?? /* @__PURE__ */ J(Ee, {
 								activity: r,
-								currentUserId: w,
+								currentUserId: S,
 								youLabel: y,
-								onActorClick: D,
-								onResourceClick: O,
-								getResourceConfig: A
+								onActorClick: ne,
+								onResourceClick: T,
+								getResourceConfig: D
 							})
-						}), (g || v) && /* @__PURE__ */ X("div", {
+						}), (g || v) && /* @__PURE__ */ Y("div", {
 							className: Q.eventMeta,
-							children: [!!g && /* @__PURE__ */ Y(n, {
+							children: [!!g && /* @__PURE__ */ J(n, {
 								tag: "span",
 								size: "xs",
 								type: "secondary",
 								className: Q.time,
-								children: /* @__PURE__ */ Y("time", {
+								children: /* @__PURE__ */ J("time", {
 									dateTime: r.createdAt,
 									title: _ ?? void 0,
 									children: g
 								})
-							}), !!v && /* @__PURE__ */ Y(n, {
+							}), !!v && /* @__PURE__ */ J(n, {
 								tag: "span",
 								size: "xs",
 								type: "secondary",
@@ -497,88 +495,89 @@ function ke({ activity: r, density: i, itemSpacing: a, eventConfig: o, tone: s,
 								children: v
 							})]
 						})]
-					}), /* @__PURE__ */ Y("div", {
+					}), /* @__PURE__ */ J("div", {
 						className: Q.summaryTrailing,
-						children: K && ce.length > 0 && /* @__PURE__ */ Y(ve, {
+						children: W && q.length > 0 && /* @__PURE__ */ J(ye, {
 							activity: r,
-							actions: ce,
-							onAction: k,
-							label: C
+							actions: q,
+							onAction: E,
+							label: te
 						})
 					})]
 				}),
-				i !== "compact" && G && /* @__PURE__ */ Y(n, {
+				i !== "compact" && U && /* @__PURE__ */ J(n, {
 					tag: "div",
 					type: "secondary",
+					lineHeight: "relaxed",
 					className: Q.description,
 					children: r.description
 				}),
-				ae && /* @__PURE__ */ Y(De, {
-					metadata: R,
-					moreLabel: S
+				K && /* @__PURE__ */ J(Oe, {
+					metadata: I,
+					moreLabel: ee
 				}),
-				K && W && q && /* @__PURE__ */ Y("div", {
+				W && H && G && /* @__PURE__ */ J("div", {
 					className: Q.disclosure,
-					children: /* @__PURE__ */ Y(ye, {
-						controls: F,
+					children: /* @__PURE__ */ J(be, {
+						controls: N,
 						expanded: l,
 						showLabel: b,
 						hideLabel: x,
 						onToggle: () => u(!l)
 					})
 				}),
-				J && /* @__PURE__ */ X("div", {
-					id: F,
-					className: e(Q.panel, re),
+				oe && /* @__PURE__ */ Y("div", {
+					id: N,
+					className: e(Q.panel, M),
 					children: [
-						B && !!r.changes && /* @__PURE__ */ X("div", {
+						R && !!r.changes && /* @__PURE__ */ Y("div", {
 							className: Q.detailSection,
 							role: "group",
 							"aria-label": h?.changes ?? $.changesTitle,
-							children: [/* @__PURE__ */ Y(t, { children: h?.changes ?? $.changesTitle }), /* @__PURE__ */ Y(ge, {
+							children: [/* @__PURE__ */ J(t, { children: h?.changes ?? $.changesTitle }), /* @__PURE__ */ J(_e, {
 								changes: r.changes,
 								bare: !0
 							})]
 						}),
-						z && /* @__PURE__ */ X("div", {
+						L && /* @__PURE__ */ Y("div", {
 							className: Q.detailSection,
 							role: "group",
 							"aria-label": h?.metadata ?? $.metadataTitle,
-							children: [/* @__PURE__ */ Y(t, { children: h?.metadata ?? $.metadataTitle }), /* @__PURE__ */ Y(Oe, { metadata: R })]
+							children: [/* @__PURE__ */ J(t, { children: h?.metadata ?? $.metadataTitle }), /* @__PURE__ */ J(ke, { metadata: I })]
 						}),
-						V && /* @__PURE__ */ X("div", {
+						z && /* @__PURE__ */ Y("div", {
 							className: Q.detailSection,
 							role: "group",
 							"aria-label": h?.resources ?? $.resourcesTitle,
-							children: [/* @__PURE__ */ Y(t, { children: h?.resources ?? $.resourcesTitle }), /* @__PURE__ */ Y("div", {
+							children: [/* @__PURE__ */ J(t, { children: h?.resources ?? $.resourcesTitle }), /* @__PURE__ */ J("div", {
 								className: Q.resources,
-								children: L.map((e) => {
-									let t = A?.(e);
-									return /* @__PURE__ */ Y(_e, {
+								children: F.map((e) => {
+									let t = D?.(e);
+									return /* @__PURE__ */ J(ve, {
 										resource: e,
 										config: t,
-										onClick: O ? () => O(e, t, r) : void 0
+										onClick: T ? () => T(e, t, r) : void 0
 									}, e.key);
 								})
 							})]
 						}),
-						H && /* @__PURE__ */ Y("div", {
+						B && /* @__PURE__ */ J("div", {
 							className: Q.detailSection,
 							children: r.details
 						}),
-						U && /* @__PURE__ */ Y("div", {
+						V && /* @__PURE__ */ J("div", {
 							className: Q.detailSection,
-							children: j
+							children: k
 						})
 					]
 				}),
-				K && Z.length > 0 && /* @__PURE__ */ Y("div", {
+				W && X.length > 0 && /* @__PURE__ */ J("div", {
 					className: Q.rowFooter,
-					children: K && Z.length > 0 && /* @__PURE__ */ Y("div", {
+					children: W && X.length > 0 && /* @__PURE__ */ J("div", {
 						className: Q.inlineActions,
-						children: Z.map((e) => {
+						children: X.map((e) => {
 							let t = e.icon;
-							return /* @__PURE__ */ X(f, {
+							return /* @__PURE__ */ Y(f, {
 								type: "button",
 								tone: e.tone === "destructive" ? "destructive" : "neutral",
 								buttonStyle: "ghost",
@@ -586,7 +585,7 @@ function ke({ activity: r, density: i, itemSpacing: a, eventConfig: o, tone: s,
 								onClick: (t) => {
 									t.stopPropagation(), e.onClick?.();
 								},
-								children: [!!t && /* @__PURE__ */ Y(t, {}), e.label]
+								children: [!!t && /* @__PURE__ */ J(t, {}), e.label]
 							}, e.id);
 						})
 					})
@@ -597,180 +596,180 @@ function ke({ activity: r, density: i, itemSpacing: a, eventConfig: o, tone: s,
 }
 //#endregion
 //#region src/components/features/activities/activities.config.ts
-var Ae = {
-	icon: O,
+var je = {
+	icon: E,
 	tone: "neutral"
-}, je = {
+}, Me = {
 	created: {
-		icon: I,
+		icon: F,
 		tone: "success",
 		label: "Created"
 	},
 	updated: {
-		icon: F,
+		icon: P,
 		tone: "info",
 		label: "Updated"
 	},
 	edited: {
-		icon: k,
+		icon: D,
 		tone: "info",
 		label: "Edited"
 	},
 	deleted: {
-		icon: V,
+		icon: B,
 		tone: "destructive",
 		label: "Deleted"
 	},
 	cancelled: {
-		icon: w,
+		icon: C,
 		tone: "destructive",
 		label: "Cancelled"
 	},
 	restored: {
-		icon: z,
+		icon: R,
 		tone: "success",
 		label: "Restored"
 	},
 	status_changed: {
-		icon: C,
+		icon: S,
 		tone: "primary",
 		label: "Status changed"
 	},
 	status_transition: {
-		icon: C,
+		icon: S,
 		tone: "primary",
 		label: "Status changed"
 	},
 	status_override: {
-		icon: C,
+		icon: S,
 		tone: "warning",
 		label: "Status overridden"
 	},
 	assigned: {
-		icon: W,
+		icon: U,
 		tone: "info",
 		label: "Assigned"
 	},
 	unassigned: {
-		icon: U,
+		icon: H,
 		tone: "destructive",
 		label: "Unassigned"
 	},
 	mail_sent: {
-		icon: ne,
+		icon: ie,
 		tone: "info",
 		label: "Email sent"
 	},
 	mail_delivered: {
-		icon: j,
+		icon: A,
 		tone: "success",
 		label: "Email delivered"
 	},
 	mail_opened: {
-		icon: M,
+		icon: j,
 		tone: "info",
 		label: "Email opened"
 	},
 	mail_clicked: {
-		icon: M,
+		icon: j,
 		tone: "info",
 		label: "Email clicked"
 	},
 	mail_bounced: {
-		icon: N,
+		icon: M,
 		tone: "destructive",
 		label: "Email bounced"
 	},
 	mail_failed: {
-		icon: N,
+		icon: M,
 		tone: "destructive",
 		label: "Email failed"
 	},
 	comment: {
-		icon: P,
+		icon: N,
 		tone: "neutral",
 		label: "Comment"
 	},
 	comment_created: {
-		icon: P,
+		icon: N,
 		tone: "warning",
 		label: "Comment posted"
 	},
 	comment_deleted: {
-		icon: P,
+		icon: N,
 		tone: "destructive",
 		label: "Comment deleted"
 	},
 	paid: {
-		icon: T,
+		icon: w,
 		tone: "success",
 		label: "Paid"
 	},
 	refunded: {
-		icon: C,
+		icon: S,
 		tone: "warning",
 		label: "Refunded"
 	},
 	confirmed: {
-		icon: L,
+		icon: I,
 		tone: "success",
 		label: "Confirmed"
 	},
 	favorited: {
-		icon: ee,
+		icon: re,
 		tone: "warning",
 		label: "Favorited"
 	},
 	ordered: {
-		icon: R,
+		icon: L,
 		tone: "primary",
 		label: "Order placed"
 	},
 	published: {
-		icon: B,
+		icon: z,
 		tone: "success",
 		label: "Published"
 	},
 	flagged: {
-		icon: A,
+		icon: O,
 		tone: "warning",
 		label: "Flagged"
 	},
 	linked: {
-		icon: te,
+		icon: k,
 		tone: "info",
 		label: "Linked"
 	},
 	failed: {
-		icon: H,
+		icon: V,
 		tone: "destructive",
 		label: "Failed"
 	},
 	health_check_failed: {
-		icon: H,
+		icon: V,
 		tone: "destructive",
 		label: "Health check failed"
 	}
 };
-function Me(e, t) {
-	return t[e] ?? Ae;
+function Ne(e, t) {
+	return t[e] ?? je;
 }
 //#endregion
 //#region src/components/features/activities/use-activity-feed.ts
-function Ne(e, t, n) {
+function Pe(e, t, n) {
 	if (!e) return t.undated;
 	let r = new Date(e);
-	if (!ue(r)) return t.undated;
-	if (le(r)) return t.today;
-	if (de(r)) return t.yesterday;
+	if (!Z(r)) return t.undated;
+	if (de(r)) return t.today;
+	if (fe(r)) return t.yesterday;
 	try {
-		return ce(r, "PPP", n ? { locale: n } : void 0);
+		return X(r, "PPP", n ? { locale: n } : void 0);
 	} catch {
 		return e;
 	}
 }
-function Pe({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, defaultExpandedIds: r, expandedIds: i, onExpandedIdsChange: a, locale: o, strings: s, formatDateGroupLabel: c }) {
-	let [l, u] = oe({}), d = i !== void 0, f = J(() => {
+function Fe({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, defaultExpandedIds: r, expandedIds: i, onExpandedIdsChange: a, locale: o, strings: s, formatDateGroupLabel: c }) {
+	let [l, u] = le({}), d = i !== void 0, f = K(() => {
 		let t = /* @__PURE__ */ new Map();
 		return e.map((e) => {
 			let n = [
@@ -784,14 +783,14 @@ function Pe({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, def
 				key: `${n}:${r}`
 			};
 		});
-	}, [e]), p = J(() => {
+	}, [e]), p = K(() => {
 		if (!t) return f.length > 0 ? [{
 			label: "",
 			items: f
 		}] : [];
 		let e = [], n = "\0", r = [];
 		for (let t of f) {
-			let i = t.activity.createdAt ?? null, a = c ? c(i, s) : Ne(i, s, o);
+			let i = t.activity.createdAt ?? null, a = c ? c(i, s) : Pe(i, s, o);
 			a === n ? r.push(t) : (r.length > 0 && e.push({
 				label: n,
 				items: r
@@ -807,17 +806,17 @@ function Pe({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, def
 		f,
 		o,
 		s
-	]), m = J(() => {
+	]), m = K(() => {
 		let e = new Set(r ?? []);
 		for (let { activity: t } of f) t.defaultExpanded === !0 && e.add(t.id);
 		return e;
-	}, [r, f]), h = J(() => new Set(i ?? []), [i]), g = K((e) => d ? h.has(e) : l[e] ?? (m.has(e) || n), [
+	}, [r, f]), h = K(() => new Set(i ?? []), [i]), g = G((e) => d ? h.has(e) : l[e] ?? (m.has(e) || n), [
 		h,
 		m,
 		n,
 		l,
 		d
-	]), _ = K((e, t) => {
+	]), _ = G((e, t) => {
 		let n = d ? Array.from(h) : f.filter(({ activity: e }) => g(e.id)).map(({ activity: e }) => e.id), r = new Set(n);
 		t ? r.add(e) : r.delete(e), d || u((n) => ({
 			...n,
@@ -829,14 +828,14 @@ function Pe({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, def
 		g,
 		f,
 		a
-	]), v = K((e) => _(e, !g(e)), [g, _]), y = K(() => {
+	]), v = G((e) => _(e, !g(e)), [g, _]), y = G(() => {
 		let e = Array.from(new Set(f.map(({ activity: e }) => e.id)));
 		d || u(Object.fromEntries(e.map((e) => [e, !0]))), a?.(e);
 	}, [
 		d,
 		f,
 		a
-	]), b = K(() => {
+	]), b = G(() => {
 		d || u(Object.fromEntries(f.map(({ activity: e }) => [e.id, !1]))), a?.([]);
 	}, [
 		d,
@@ -855,22 +854,22 @@ function Pe({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, def
 }
 //#endregion
 //#region src/components/features/activities/use-activity-resources.ts
-function Fe({ resources: e, onResourcesChange: t } = {}) {
-	let [n, r] = oe(() => e ?? {}), i = ae(e);
-	q(() => {
+function Ie({ resources: e, onResourcesChange: t } = {}) {
+	let [n, r] = le(() => e ?? {}), i = ce(e);
+	oe(() => {
 		e !== i.current && (i.current = e, r(e ?? {}));
 	}, [e]);
-	let a = ae(t);
-	q(() => {
+	let a = ce(t);
+	oe(() => {
 		a.current = t;
 	});
-	let o = K((e) => a.current?.(e), []), s = K((e, t) => r((n) => {
+	let o = G((e) => a.current?.(e), []), s = G((e, t) => r((n) => {
 		let r = {
 			...n,
 			[e]: t
 		};
 		return o(r), r;
-	}), [o]), c = K((e, t) => r((n) => {
+	}), [o]), c = G((e, t) => r((n) => {
 		let r = n[e];
 		if (!r) return n;
 		let i = {
@@ -881,19 +880,19 @@ function Fe({ resources: e, onResourcesChange: t } = {}) {
 			}
 		};
 		return o(i), i;
-	}), [o]), l = K((e) => r((t) => {
+	}), [o]), l = G((e) => r((t) => {
 		if (!(e in t)) return t;
 		let n = { ...t };
 		return delete n[e], o(n), n;
-	}), [o]), u = K((e) => {
+	}), [o]), u = G((e) => {
 		r(e), o(e);
-	}, [o]), d = K(() => {
+	}, [o]), d = G(() => {
 		let e = i.current ?? {};
 		r(e), o(e);
 	}, [o]);
 	return {
 		registry: n,
-		get: K((e) => n[typeof e == "string" ? e : e.key], [n]),
+		get: G((e) => n[typeof e == "string" ? e : e.key], [n]),
 		register: s,
 		update: c,
 		remove: l,
@@ -903,91 +902,91 @@ function Fe({ resources: e, onResourcesChange: t } = {}) {
 }
 //#endregion
 //#region src/components/features/activities/activities-feed.tsx
-function Ie(e, t) {
+function Le(e, t) {
 	try {
 		let n = new Date(e);
-		return ue(n) ? ce(n, "PP p", t ? { locale: t } : void 0) : e;
+		return Z(n) ? X(n, "PP p", t ? { locale: t } : void 0) : e;
 	} catch {
 		return e;
 	}
 }
-function Le(e, t) {
+function Re(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function Re({ activities: t = [], density: n = "default", itemSpacing: r = "default", groupByDate: c = !0, expandedByDefault: p = !1, detailsCollapsible: m, defaultExpandedIds: h, expandedIds: g, onExpandedIdsChange: _, currentUserId: v, loading: y = !1, error: b, onRetry: x, eventConfig: S, strings: C, slots: w, rowClassNames: T, className: E, locale: D, formatRelativeTime: O, formatAbsoluteTime: k, formatDateGroupLabel: A, getSourceLabel: ee, actionsForActivity: te, onActivityClick: j, onActorClick: ne, onResourceClick: M, onAction: N, onActivityExpandedChange: re, resources: P, onResourcesChange: F }) {
-	let I = xe(C), L = J(() => ({
-		...je,
-		...S
-	}), [S]), R = Fe({
-		resources: P,
-		onResourcesChange: F
-	}), z = d(), B = D ?? z.locale, V = Pe({
+function ze({ activities: t = [], density: n = "default", itemSpacing: r = "default", groupByDate: c = !0, expandedByDefault: p = !1, detailsCollapsible: m, defaultExpandedIds: h, expandedIds: g, onExpandedIdsChange: _, currentUserId: v, loading: y = !1, error: b, onRetry: x, eventConfig: ee, strings: te, slots: S, rowClassNames: C, className: w, locale: ne, formatRelativeTime: T, formatAbsoluteTime: E, formatDateGroupLabel: D, getSourceLabel: O, actionsForActivity: re, onActivityClick: k, onActorClick: A, onResourceClick: ie, onAction: j, onActivityExpandedChange: M, resources: ae, onResourcesChange: N }) {
+	let P = Se(te), F = K(() => ({
+		...Me,
+		...ee
+	}), [ee]), I = Ie({
+		resources: ae,
+		onResourcesChange: N
+	}), L = d(), R = ne ?? L.locale, z = Fe({
 		activities: t,
 		groupByDate: c,
 		expandedByDefault: p,
 		defaultExpandedIds: h,
 		expandedIds: g,
 		onExpandedIdsChange: _,
-		locale: B,
-		strings: I,
-		formatDateGroupLabel: A
-	}), H = O ?? ((e) => {
-		let t = fe(e);
-		return ue(t) ? z.formatRelativeTime ? z.formatRelativeTime(t, /* @__PURE__ */ new Date()) : Z(t, {
+		locale: R,
+		strings: P,
+		formatDateGroupLabel: D
+	}), B = T ?? ((e) => {
+		let t = pe(e);
+		return Z(t) ? L.formatRelativeTime ? L.formatRelativeTime(t, /* @__PURE__ */ new Date()) : ue(t, {
 			addSuffix: !0,
-			...B ? { locale: B } : {}
+			...R ? { locale: R } : {}
 		}) : e;
-	}), U = k ?? ((e) => Ie(e, B)), W = V.groups.reduce((e, t) => e + t.items.length, 0), G = b != null && b !== !1, K = 0;
-	return /* @__PURE__ */ X("div", {
+	}), V = E ?? ((e) => Le(e, R)), H = z.groups.reduce((e, t) => e + t.items.length, 0), U = b != null && b !== !1, W = 0;
+	return /* @__PURE__ */ Y("div", {
 		"data-slot": "activity-feed",
 		"aria-busy": y || void 0,
-		className: e("activities-feed--component", Q.feed, E),
+		className: e("activities-feed--component", Q.feed, w),
 		children: [
-			!!w?.header && /* @__PURE__ */ Y("div", {
+			!!S?.header && /* @__PURE__ */ J("div", {
 				className: Q.feedHeader,
-				children: w.header
+				children: S.header
 			}),
-			y && /* @__PURE__ */ Y("div", {
-				className: w?.loading == null ? void 0 : Q.state,
-				children: w?.loading ?? /* @__PURE__ */ Y(s, {
-					label: t.length > 0 ? I.refreshing : I.loading,
+			y && /* @__PURE__ */ J("div", {
+				className: S?.loading == null ? void 0 : Q.state,
+				children: S?.loading ?? /* @__PURE__ */ J(s, {
+					label: t.length > 0 ? P.refreshing : P.loading,
 					className: t.length > 0 ? Q.refreshing : Q.state
 				})
 			}),
-			!y && G && (t.length > 0 ? /* @__PURE__ */ X(o, {
+			!y && U && (t.length > 0 ? /* @__PURE__ */ Y(o, {
 				tone: "warning",
 				role: "alert",
 				children: [
-					/* @__PURE__ */ Y(u, { children: I.refreshError }),
-					/* @__PURE__ */ Y(i, { children: b }),
-					x && /* @__PURE__ */ Y(a, { children: /* @__PURE__ */ Y(f, {
+					/* @__PURE__ */ J(u, { children: P.refreshError }),
+					/* @__PURE__ */ J(i, { children: b }),
+					x && /* @__PURE__ */ J(a, { children: /* @__PURE__ */ J(f, {
 						tone: "neutral",
 						buttonStyle: "outline",
 						onClick: x,
-						children: I.retry
+						children: P.retry
 					}) })
 				]
-			}) : /* @__PURE__ */ Y(l, {
-				title: I.error,
+			}) : /* @__PURE__ */ J(l, {
+				title: P.error,
 				description: b,
 				onRetry: x,
-				strings: { retry: I.retry }
+				strings: { retry: P.retry }
 			})),
-			!y && !G && t.length === 0 && (w?.empty ?? /* @__PURE__ */ Y(be, {
-				title: I.empty,
-				hint: I.emptyHint
+			!y && !U && t.length === 0 && (S?.empty ?? /* @__PURE__ */ J(xe, {
+				title: P.empty,
+				hint: P.emptyHint
 			})),
-			t.length > 0 && /* @__PURE__ */ Y("div", {
+			t.length > 0 && /* @__PURE__ */ J("div", {
 				className: Q.groups,
-				children: V.groups.map((e, t) => /* @__PURE__ */ X("div", {
+				children: z.groups.map((e, t) => /* @__PURE__ */ Y("div", {
 					className: Q.group,
-					children: [w?.renderDateLabel ? w.renderDateLabel(e.label, t === 0) : /* @__PURE__ */ Y(me, {
+					children: [S?.renderDateLabel ? S.renderDateLabel(e.label, t === 0) : /* @__PURE__ */ J(he, {
 						label: e.label,
 						first: t === 0
-					}), /* @__PURE__ */ Y("div", {
+					}), /* @__PURE__ */ J("div", {
 						className: Q.rows,
 						children: e.items.map(({ activity: e, key: t }, i) => {
-							let a = ++K === W, o = Me(e.event, L), s = e.toneOverride ?? o.tone, c = e.timestamp ?? (e.createdAt ? H(e.createdAt) : null), l = e.createdAt ? U(e.createdAt) : null, u = e.source ? ee?.(e.source) ?? I.sources[e.source] ?? o.sourceLabel ?? null : o.sourceLabel ?? null, d = u && u.trim().length > 0 ? u : null, f = te?.(e) ?? [], p = {
+							let a = ++W === H, o = Ne(e.event, F), s = e.toneOverride ?? o.tone, c = e.timestamp ?? (e.createdAt ? B(e.createdAt) : null), l = e.createdAt ? V(e.createdAt) : null, u = e.source ? O?.(e.source) ?? P.sources[e.source] ?? o.sourceLabel ?? null : o.sourceLabel ?? null, d = u && u.trim().length > 0 ? u : null, f = re?.(e) ?? [], p = {
 								density: n,
 								isLast: a,
 								isFirstInGroup: i === 0,
@@ -997,12 +996,12 @@ function Re({ activities: t = [], density: n = "default", itemSpacing: r = "defa
 								relativeTime: c,
 								absoluteTime: l,
 								sourceLabel: d,
-								expanded: V.isExpanded(e.id),
+								expanded: z.isExpanded(e.id),
 								itemSpacing: r,
-								setExpanded: (t) => V.setExpanded(e.id, t),
-								toggleExpanded: () => V.toggleExpanded(e.id)
-							}, h = w?.renderRow?.(e, p);
-							return h === void 0 ? /* @__PURE__ */ Y(ke, {
+								setExpanded: (t) => z.setExpanded(e.id, t),
+								toggleExpanded: () => z.toggleExpanded(e.id)
+							}, h = S?.renderRow?.(e, p);
+							return h === void 0 ? /* @__PURE__ */ J(Ae, {
 								activity: e,
 								density: n,
 								itemSpacing: r,
@@ -1011,71 +1010,71 @@ function Re({ activities: t = [], density: n = "default", itemSpacing: r = "defa
 								last: a,
 								expanded: p.expanded,
 								onExpandedChange: (t) => {
-									V.setExpanded(e.id, t), re?.(e, t);
+									z.setExpanded(e.id, t), M?.(e, t);
 								},
 								detailsCollapsible: e.collapsible ?? m,
 								relativeTime: c,
 								absoluteTime: l,
 								sourceLabel: d,
-								youLabel: I.you,
-								showChangesLabel: I.showChanges,
-								hideChangesLabel: I.hideChanges,
-								moreLabel: I.moreLabel,
-								actionsLabel: I.actionsLabel,
+								youLabel: P.you,
+								showChangesLabel: P.showChanges,
+								hideChangesLabel: P.hideChanges,
+								moreLabel: P.moreLabel,
+								actionsLabel: P.actionsLabel,
 								detailLabels: {
-									changes: I.changesTitle,
-									metadata: I.metadataTitle,
-									resources: I.resourcesTitle
+									changes: P.changesTitle,
+									metadata: P.metadataTitle,
+									resources: P.resourcesTitle
 								},
 								currentUserId: v,
 								actions: f,
-								onActivityClick: j,
-								onActorClick: ne,
-								onResourceClick: M,
-								onAction: N,
-								getResourceConfig: (e) => R.get(e),
-								headlineOverride: w?.renderHeadline?.(e, p),
-								markerOverride: w?.renderMarker?.(e, p),
-								customDetails: w?.renderDetails?.(e, p),
-								rowClassName: Le(T?.row, e),
-								markerClassName: Le(T?.marker, e),
-								contentClassName: Le(T?.content, e),
-								detailsClassName: Le(T?.details, e)
-							}, t) : /* @__PURE__ */ Y("div", { children: h }, t);
+								onActivityClick: k,
+								onActorClick: A,
+								onResourceClick: ie,
+								onAction: j,
+								getResourceConfig: (e) => I.get(e),
+								headlineOverride: S?.renderHeadline?.(e, p),
+								markerOverride: S?.renderMarker?.(e, p),
+								customDetails: S?.renderDetails?.(e, p),
+								rowClassName: Re(C?.row, e),
+								markerClassName: Re(C?.marker, e),
+								contentClassName: Re(C?.content, e),
+								detailsClassName: Re(C?.details, e)
+							}, t) : /* @__PURE__ */ J("div", { children: h }, t);
 						})
 					})]
 				}, `${e.label}-${t}`))
 			}),
-			!!w?.footer && /* @__PURE__ */ Y("div", {
+			!!S?.footer && /* @__PURE__ */ J("div", {
 				className: Q.feedFooter,
-				children: w.footer
+				children: S.footer
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/features/activities/activity-log.tsx
-function ze(e, t) {
+function Be(e, t) {
 	return [...e].sort((e, n) => {
 		let r = e.timestamp ? new Date(e.timestamp).getTime() : NaN, i = n.timestamp ? new Date(n.timestamp).getTime() : NaN, a = !Number.isFinite(r), o = !Number.isFinite(i);
 		return a || o ? a && o ? 0 : a ? 1 : -1 : t === "asc" ? r - i : i - r;
 	});
 }
-function Be(e) {
+function Ve(e) {
 	if (e) return typeof e == "string" ? { name: e } : e;
 }
-function Ve(e) {
+function He(e) {
 	return e != null && e !== !1;
 }
-function He(e, t) {
+function Ue(e, t) {
 	if (!(!e || !t || t.kind === "comment")) return typeof e == "function" ? e(t) : e;
 }
-function Ue(e, t) {
-	let n = Be(e.actor), r = e.descriptionHtml ? /* @__PURE__ */ Y(v, {
+function We(e, t) {
+	let n = Ve(e.actor), r = e.descriptionHtml ? /* @__PURE__ */ J(y, {
 		html: e.descriptionHtml,
 		mentions: e.mentions,
 		resources: t
-	}) : e.description, i = n || e.action || Ve(e.target) ? [
+	}) : e.description, i = n || e.action || He(e.target) ? [
 		...n ? [{
 			type: "actor",
 			text: n.name,
@@ -1085,7 +1084,7 @@ function Ue(e, t) {
 			type: "text",
 			text: e.action
 		}] : [],
-		...Ve(e.target) ? [{
+		...He(e.target) ? [{
 			type: "value",
 			text: String(e.target)
 		}] : []
@@ -1109,42 +1108,42 @@ function Ue(e, t) {
 		data: e
 	};
 }
-function We({ entries: t, loading: r, error: i, onRetry: a, order: o = "desc", itemSpacing: s = "default", resources: c, onResourceSearch: l, canModerate: u, onCommentDelete: f, onCommentReact: p, onCommentReply: m, onCommentPinToggle: h, strings: g, activityStrings: _, renderers: v, renderEventDetails: S, eventDetailsCollapsible: C = !0, defaultExpandedIds: w, expandedIds: T, onExpandedIdsChange: E, onEventExpandedChange: D, onEventAction: O, classNames: k, composer: A, bare: ee = !1, title: te, getMediaUrl: j, getMediaName: ne, getStatusLabel: M, className: N }) {
-	let P = xe(_), F = d(), I = K((e) => {
-		let t = fe(e);
-		return ue(t) ? F.formatRelativeTime ? F.formatRelativeTime(t, /* @__PURE__ */ new Date()) : Z(t, {
+function Ge({ entries: t, loading: n, error: r, onRetry: i, order: a = "desc", itemSpacing: o = "default", resources: s, onResourceSearch: c, canModerate: l, onCommentDelete: u, onCommentReact: f, onCommentReply: p, onCommentPinToggle: m, strings: h, activityStrings: _, renderers: v, renderEventDetails: y, eventDetailsCollapsible: te = !0, defaultExpandedIds: S, expandedIds: C, onExpandedIdsChange: w, onEventExpandedChange: ne, onEventAction: T, classNames: E, composer: D, bare: O = !1, title: re, getMediaUrl: k, getMediaName: A, getStatusLabel: ie, className: j }) {
+	let M = Se(_), N = d(), P = G((e) => {
+		let t = pe(e);
+		return Z(t) ? N.formatRelativeTime ? N.formatRelativeTime(t, /* @__PURE__ */ new Date()) : ue(t, {
 			addSuffix: !0,
-			...F.locale ? { locale: F.locale } : {}
+			...N.locale ? { locale: N.locale } : {}
 		}) : e;
-	}, [F]), L = b({
-		onSubmit: A?.onSubmit,
-		onAfterMutate: A?.onAfterMutate,
-		onError: A?.onError
-	}), R = J(() => ze(t, o), [t, o]), z = J(() => R.map((e) => e.kind === "comment" ? {
+	}, [N]), F = x({
+		onSubmit: D?.onSubmit,
+		onAfterMutate: D?.onAfterMutate,
+		onError: D?.onError
+	}), I = K(() => Be(t, a), [t, a]), L = K(() => I.map((e) => e.kind === "comment" ? {
 		id: e.id,
 		event: "comment",
 		source: "comment",
 		createdAt: e.timestamp,
 		data: e
-	} : Ue(e, c)), [c, R]), B = J(() => ({
-		row: (e) => He(k?.eventRow, e.data),
-		marker: (e) => He(k?.eventMarker, e.data),
-		content: (e) => He(k?.eventContent, e.data),
-		details: (e) => He(k?.eventDetails, e.data)
-	}), [k]), V = A?.enabled ? /* @__PURE__ */ Y(x, {
-		context: A.context,
+	} : We(e, s)), [s, I]), R = K(() => ({
+		row: (e) => Ue(E?.eventRow, e.data),
+		marker: (e) => Ue(E?.eventMarker, e.data),
+		content: (e) => Ue(E?.eventContent, e.data),
+		details: (e) => Ue(E?.eventDetails, e.data)
+	}), [E]), z = D?.enabled ? /* @__PURE__ */ J(ee, {
+		context: D.context,
 		canComment: !0,
-		submitting: L.isSubmitting,
-		errors: L.formErrors,
-		resetKey: L.resetKey,
-		onSubmit: L.submit,
-		resources: c,
-		onResourceSearch: l,
-		strings: g,
-		placeholder: A.placeholder,
-		autoFocus: A.autoFocus,
-		inlineSubmit: A.inlineSubmit ?? !1
-	}) : null, H = A?.position ?? "top", U = K((e) => {
+		submitting: F.isSubmitting,
+		errors: F.formErrors,
+		resetKey: F.resetKey,
+		onSubmit: F.submit,
+		resources: s,
+		onResourceSearch: c,
+		strings: h,
+		placeholder: D.placeholder,
+		autoFocus: D.autoFocus,
+		inlineSubmit: D.inlineSubmit ?? !1
+	}) : null, B = D?.position ?? "top", V = G((e) => {
 		let t = e.data;
 		if (!t || t.kind === "comment") return [];
 		let n = t;
@@ -1158,113 +1157,110 @@ function We({ entries: t, loading: r, error: i, onRetry: a, order: o = "desc", i
 			presentation: e.presentation,
 			onClick: () => e.onSelect?.(n)
 		}));
-	}, []), W = /* @__PURE__ */ Y(Re, {
-		activities: z,
-		loading: r,
-		error: i,
-		onRetry: a,
+	}, []), H = /* @__PURE__ */ J(ze, {
+		activities: L,
+		loading: n,
+		error: r,
+		onRetry: i,
 		density: "rich",
-		itemSpacing: s,
+		itemSpacing: o,
 		groupByDate: !0,
 		strings: _,
-		detailsCollapsible: C,
-		defaultExpandedIds: w,
-		expandedIds: T,
-		onExpandedIdsChange: E,
-		formatRelativeTime: I,
-		getSourceLabel: (e) => P.sources[e] ?? e,
-		actionsForActivity: U,
-		rowClassNames: B,
+		detailsCollapsible: te,
+		defaultExpandedIds: S,
+		expandedIds: C,
+		onExpandedIdsChange: w,
+		formatRelativeTime: P,
+		getSourceLabel: (e) => M.sources[e] ?? e,
+		actionsForActivity: V,
+		rowClassNames: R,
 		onAction: (e, t) => {
 			let n = t.data;
-			n && n.kind !== "comment" && O?.(e, n);
+			n && n.kind !== "comment" && T?.(e, n);
 		},
 		onActivityExpandedChange: (e, t) => {
 			let n = e.data;
-			n && n.kind !== "comment" && D?.(n, t);
+			n && n.kind !== "comment" && ne?.(n, t);
 		},
 		slots: {
-			header: H === "top" ? V : void 0,
-			footer: H === "bottom" ? V : void 0,
+			header: B === "top" ? z : void 0,
+			footer: B === "bottom" ? z : void 0,
 			renderRow: (e, t) => {
 				let n = e.data;
 				if (!n) return;
 				let r = v?.[n.kind];
 				if (r) return r(n, {
-					resources: c,
+					resources: s,
 					accessors: {
-						getMediaUrl: j,
-						getMediaName: ne,
-						getStatusLabel: M
+						getMediaUrl: k,
+						getMediaName: A,
+						getStatusLabel: ie
 					},
-					strings: g
+					strings: h
 				});
 				if (n.kind !== "comment") return;
 				let i = n;
-				return /* @__PURE__ */ X("div", {
+				return /* @__PURE__ */ Y("div", {
 					"data-slot": "activity-comment-row",
 					"data-spacing": t.itemSpacing,
 					"data-last": t.isLast || void 0,
 					className: Q.commentRow,
-					children: [/* @__PURE__ */ Y(pe, {
-						icon: /* @__PURE__ */ Y(re, {}),
+					children: [/* @__PURE__ */ J(me, {
+						icon: /* @__PURE__ */ J(ae, {}),
 						tone: "neutral",
 						density: t.density,
 						last: t.isLast
-					}), /* @__PURE__ */ Y("div", {
+					}), /* @__PURE__ */ J("div", {
 						className: Q.commentBody,
-						children: /* @__PURE__ */ Y(y, {
+						children: /* @__PURE__ */ J(b, {
 							comment: i.comment,
-							canModerate: u,
-							onDelete: f,
-							onPinToggle: h,
-							onReact: p,
-							onReply: m,
-							strings: g,
-							resources: c,
-							getMediaUrl: j,
-							getMediaName: ne,
-							getStatusLabel: M
+							canModerate: l,
+							onDelete: u,
+							onPinToggle: m,
+							onReact: f,
+							onReply: p,
+							strings: h,
+							resources: s,
+							getMediaUrl: k,
+							getMediaName: A,
+							getStatusLabel: ie
 						})
 					})]
 				});
 			},
 			renderDetails: (e, t) => {
 				let n = e.data;
-				return !n || n.kind === "comment" ? null : S?.(n, {
+				return !n || n.kind === "comment" ? null : y?.(n, {
 					expanded: t.expanded,
 					setExpanded: t.setExpanded,
 					relativeTime: t.relativeTime,
 					isLast: t.isLast,
-					resources: c
+					resources: s
 				});
 			}
 		},
-		className: e(k?.list, ee && N)
+		className: e(E?.list, O && j)
 	});
-	if (ee) return W;
-	let G = te ?? P.title;
-	return /* @__PURE__ */ X("section", {
+	if (O) return H;
+	let U = re ?? M.title;
+	return /* @__PURE__ */ Y("section", {
 		"data-slot": "activity-log",
-		"aria-label": typeof G == "string" ? G : void 0,
-		className: e("activity-log--component", Q.log, N),
-		children: [!!G && /* @__PURE__ */ Y(n, {
-			weight: "semibold",
-			children: G
-		}), W]
+		"aria-label": typeof U == "string" ? U : void 0,
+		className: e("activity-log--component", Q.log, j),
+		children: [!!U && /* @__PURE__ */ J(g, { title: U }), H]
 	});
 }
 //#endregion
 //#region src/components/features/activities/activity-event-adapter.ts
-function Ge(e) {
+function Ke(e) {
 	if (typeof e == "object" && e && "kind" in e) {
 		let t = e.kind;
 		if (typeof t == "string") return t;
 	}
 	return "event";
 }
-function Ke(e, t) {
-	let n = t.kind?.(e) ?? Ge(e), r = t.id(e), i = t.timestamp(e), a = t.comment?.(e);
+function qe(e, t) {
+	let n = t.kind?.(e) ?? Ke(e), r = t.id(e), i = t.timestamp(e), a = t.comment?.(e);
 	return n === "comment" && a ? {
 		id: r,
 		kind: "comment",
@@ -1291,8 +1287,8 @@ function Ke(e, t) {
 		data: t.data?.(e) ?? e
 	};
 }
-function qe(e) {
-	return (t) => Ke(t, e);
+function Je(e) {
+	return (t) => qe(t, e);
 }
 //#endregion
-export { ve as ActivityActionsMenu, ge as ActivityChanges, me as ActivityDateLabel, be as ActivityEmptyState, ye as ActivityExpandToggle, Re as ActivityFeed, Te as ActivityHeadline, We as ActivityLog, pe as ActivityMarker, _e as ActivityResourceTag, ke as ActivityRow, qe as createActivityEventAdapter, $ as defaultActivitiesStrings, je as defaultActivityEventConfig, Ae as defaultEventConfig, xe as resolveActivitiesStrings, Me as resolveEventConfig, Ke as toActivityLogEntry, Pe as useActivityFeed, Fe as useActivityResources };
+export { ye as ActivityActionsMenu, _e as ActivityChanges, he as ActivityDateLabel, xe as ActivityEmptyState, be as ActivityExpandToggle, ze as ActivityFeed, Ee as ActivityHeadline, Ge as ActivityLog, me as ActivityMarker, ve as ActivityResourceTag, Ae as ActivityRow, Je as createActivityEventAdapter, $ as defaultActivitiesStrings, Me as defaultActivityEventConfig, je as defaultEventConfig, Se as resolveActivitiesStrings, Ne as resolveEventConfig, qe as toActivityLogEntry, Fe as useActivityFeed, Ie as useActivityResources };