themelia-react-ui 2.0.1 → 2.0.3

package/dist/features/activities.js

@@ -1,138 +1,139 @@
 "use client";
-import { o as e } from "../ui-provider-1D_NSYzO.js";
+import { o as e } from "../ui-provider-C_U0Xma4.js";
 import { useStrings as t } from "../lib/strings.js";
-import { t as n } from "../utils-l5LpDw2z.js";
-import { n as r } from "../buttons-SbIcm1HJ.js";
-import { s as i, t as a } from "../typography-DTRkE9zL.js";
-import { r as o, t as s } from "../structure-DC2dygdA.js";
-import { r as c, t as l } from "../tone-recipes-CPoExcTE.js";
-import { n as u } from "../action-menu-TzCoSlwL.js";
-import { t as d } from "../interaction-recipes-CHr0dJUs.js";
-import { t as f } from "../badge-MrKVNzW9.js";
-import { s as p } from "../data-display-DafIvCl5.js";
-import { o as m, r as h, u as g } from "../comments-BpDuCUUu.js";
-import { o as _ } from "../mentions-D-uyCh01.js";
-import { Fragment as v, useCallback as y, useEffect as b, useMemo as x, useRef as S, useState as C } from "react";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
-import { Activity as D, AlertTriangle as O, ArrowLeftRight as k, Ban as A, Check as j, ChevronDown as ee, ChevronRight as M, CircleDot as N, FileEdit as P, Flag as F, Heart as I, LinkIcon as L, Mail as R, MailCheck as z, MailOpen as B, MailX as V, MessageCircle as H, MessageSquare as U, Pencil as W, Plus as G, ShieldCheck as K, ShoppingBag as q, Sparkles as te, Star as ne, Trash2 as J, UserMinus as Y, UserPlus as X } from "lucide-react";
-import { format as Z, formatDistanceToNow as re, isToday as ie, isValid as ae, isYesterday as oe, parseISO as se } from "date-fns";
+import { t as n } from "../utils-BRhFDwuU.js";
+import { n as r } from "../buttons-DPZekJFu.js";
+import { c as i, i as a, t as o } from "../typography-UTnveOEy.js";
+import { r as s, t as c } from "../structure-BmisBK-3.js";
+import { i as l, n as u, t as d } from "../tone-recipes-BPsRAvhu.js";
+import { n as f } from "../action-menu-CllU52Mm.js";
+import { t as p } from "../interaction-recipes-XR9ZpVYL.js";
+import { t as m } from "../icon-badge-DYKIwvOV.js";
+import { t as h } from "../badge-HpFqoqSY.js";
+import { s as g } from "../data-display-DT_khPl_.js";
+import { o as _, r as v, u as y } from "../comments-DD0DUPwJ.js";
+import { o as b } from "../mentions-CGlEJ15c.js";
+import { Fragment as x, useCallback as S, useEffect as C, useMemo as w, useRef as T, useState as E } from "react";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+import { Activity as A, AlertTriangle as j, ArrowLeftRight as M, Ban as N, Check as P, ChevronDown as F, ChevronRight as ee, CircleDot as I, FileEdit as L, Flag as R, Heart as z, LinkIcon as B, Mail as V, MailCheck as H, MailOpen as U, MailX as W, MessageCircle as te, MessageSquare as G, Pencil as K, Plus as ne, ShieldCheck as re, ShoppingBag as q, Sparkles as J, Star as Y, Trash2 as X, UserMinus as ie, UserPlus as ae } from "lucide-react";
+import { format as oe, formatDistanceToNow as se, isToday as ce, isValid as le, isYesterday as ue, parseISO as de } from "date-fns";
 //#region src/components/features/activities/activities.config.ts
-var ce = {
-	icon: N,
+var fe = {
+	icon: I,
 	tone: "neutral"
-}, Q = {
+}, pe = {
 	created: {
-		icon: G,
+		icon: ne,
 		tone: "success",
 		label: "Created"
 	},
 	updated: {
-		icon: W,
+		icon: K,
 		tone: "neutral",
 		label: "Updated"
 	},
 	edited: {
-		icon: P,
+		icon: L,
 		tone: "neutral",
 		label: "Edited"
 	},
 	deleted: {
-		icon: J,
+		icon: X,
 		tone: "destructive",
 		label: "Deleted"
 	},
 	cancelled: {
-		icon: A,
+		icon: N,
 		tone: "destructive",
 		label: "Cancelled"
 	},
 	restored: {
-		icon: te,
+		icon: J,
 		tone: "success",
 		label: "Restored"
 	},
 	status_changed: {
-		icon: k,
+		icon: M,
 		tone: "neutral",
 		label: "Status changed"
 	},
 	status_transition: {
-		icon: k,
+		icon: M,
 		tone: "neutral",
 		label: "Status changed"
 	},
 	status_override: {
-		icon: k,
+		icon: M,
 		tone: "warning",
 		label: "Status overridden"
 	},
 	assigned: {
-		icon: X,
+		icon: ae,
 		tone: "neutral",
 		label: "Assigned"
 	},
 	unassigned: {
-		icon: Y,
+		icon: ie,
 		tone: "neutral",
 		label: "Unassigned"
 	},
 	mail_sent: {
-		icon: R,
+		icon: V,
 		tone: "neutral",
 		label: "Email sent"
 	},
 	mail_delivered: {
-		icon: z,
+		icon: H,
 		tone: "success",
 		label: "Email delivered"
 	},
 	mail_opened: {
-		icon: B,
+		icon: U,
 		tone: "neutral",
 		label: "Email opened"
 	},
 	mail_clicked: {
-		icon: B,
+		icon: U,
 		tone: "neutral",
 		label: "Email clicked"
 	},
 	mail_bounced: {
-		icon: V,
+		icon: W,
 		tone: "destructive",
 		label: "Email bounced"
 	},
 	mail_failed: {
-		icon: V,
+		icon: W,
 		tone: "destructive",
 		label: "Email failed"
 	},
 	comment_created: {
-		icon: U,
+		icon: G,
 		tone: "neutral",
 		label: "Comment posted"
 	},
 	comment_deleted: {
-		icon: U,
+		icon: G,
 		tone: "destructive",
 		label: "Comment deleted"
 	},
 	paid: {
-		icon: j,
+		icon: P,
 		tone: "success",
 		label: "Paid"
 	},
 	refunded: {
-		icon: k,
+		icon: M,
 		tone: "warning",
 		label: "Refunded"
 	},
 	confirmed: {
-		icon: K,
+		icon: re,
 		tone: "success",
 		label: "Confirmed"
 	},
 	favorited: {
-		icon: I,
+		icon: z,
 		tone: "neutral",
 		label: "Favorited"
 	},
@@ -142,37 +143,37 @@ var ce = {
 		label: "Order placed"
 	},
 	published: {
-		icon: ne,
+		icon: Y,
 		tone: "success",
 		label: "Published"
 	},
 	flagged: {
-		icon: F,
+		icon: R,
 		tone: "warning",
 		label: "Flagged"
 	},
 	linked: {
-		icon: L,
+		icon: B,
 		tone: "neutral",
 		label: "Linked"
 	},
 	failed: {
-		icon: O,
+		icon: j,
 		tone: "destructive",
 		label: "Failed"
 	},
 	health_check_failed: {
-		icon: O,
+		icon: j,
 		tone: "destructive",
 		label: "Health check failed"
 	}
 };
-function le(e, t) {
-	return t[e] ?? ce;
+function me(e, t) {
+	return t[e] ?? fe;
 }
 //#endregion
 //#region src/components/features/activities/activities.strings.ts
-var ue = {
+var he = {
 	title: "Activity",
 	empty: "No activity yet.",
 	loading: "Loading activity…",
@@ -193,7 +194,7 @@ var ue = {
 	},
 	events: {}
 };
-function de(e, t) {
+function ge(e, t) {
 	return e.replace(/\{\{\s*(\w+)\s*\}\}/g, (e, n) => {
 		let r = t[n];
 		return r === void 0 ? e : String(r);
@@ -201,24 +202,24 @@ function de(e, t) {
 }
 //#endregion
 //#region src/components/features/activities/hooks/use-activity-feed.ts
-function fe(e, t, n) {
+function _e(e, t, n) {
 	if (!e) return t.undated;
 	let r = new Date(e);
-	if (!ae(r)) return t.undated;
-	if (ie(r)) return t.today;
-	if (oe(r)) return t.yesterday;
+	if (!le(r)) return t.undated;
+	if (ce(r)) return t.today;
+	if (ue(r)) return t.yesterday;
 	try {
 		return new Intl.DateTimeFormat(n?.code ?? "en-US", { dateStyle: "long" }).format(r);
 	} catch {
 		try {
-			return Z(r, "PP", n ? { locale: n } : void 0);
+			return oe(r, "PP", 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] = C({}), d = i !== void 0, f = x(() => {
+function ve({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, defaultExpandedIds: r, expandedIds: i, onExpandedIdsChange: a, locale: o, strings: s, formatDateGroupLabel: c }) {
+	let [l, u] = E({}), d = i !== void 0, f = w(() => {
 		let t = /* @__PURE__ */ new Map();
 		return e.map((e) => {
 			let n = [
@@ -232,12 +233,12 @@ function pe({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, def
 				key: `${n}:${r}`
 			};
 		});
-	}, [e]), p = x(() => {
+	}, [e]), p = w(() => {
 		if (!t) return f.length > 0 ? [{
 			label: "",
 			items: f
 		}] : [];
-		let e = [], n = "__init__", r = [], i = (e) => c ? c(e, s) : fe(e, s, o);
+		let e = [], n = "__init__", r = [], i = (e) => c ? c(e, s) : _e(e, s, o);
 		for (let t of f) {
 			let a = i(t.activity.createdAt ?? null);
 			a === n ? r.push(t) : (r.length > 0 && e.push({
@@ -255,11 +256,11 @@ function pe({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, def
 		o,
 		s,
 		c
-	]), m = x(() => {
+	]), m = w(() => {
 		let e = new Set(r ?? []);
 		for (let t of f) t.activity.defaultExpanded === !0 && e.add(t.activity.id);
 		return e;
-	}, [f, r]), h = x(() => new Set(i ?? []), [i]), g = y((e, t) => {
+	}, [f, r]), h = w(() => new Set(i ?? []), [i]), g = S((e, t) => {
 		let r = d ? Array.from(h) : f.filter((e) => l[e.activity.id] ?? (m.has(e.activity.id) || n)).map((e) => e.activity.id), i = new Set(r);
 		t ? i.add(e) : i.delete(e);
 		let o = Array.from(i);
@@ -275,15 +276,15 @@ function pe({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, def
 		d,
 		f,
 		a
-	]), _ = y((e) => d ? h.has(e) : l[e] ?? (m.has(e) || n), [
+	]), _ = S((e) => d ? h.has(e) : l[e] ?? (m.has(e) || n), [
 		h,
 		m,
 		n,
 		l,
 		d
-	]), v = y((e) => {
+	]), v = S((e) => {
 		g(e, !_(e));
-	}, [_, g]), b = y(() => {
+	}, [_, g]), y = S(() => {
 		let e = {};
 		for (let t of f) e[t.activity.id] = !0;
 		d || u(e), a?.(f.map((e) => e.activity.id));
@@ -291,7 +292,7 @@ function pe({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, def
 		d,
 		f,
 		a
-	]), S = y(() => {
+	]), b = S(() => {
 		let e = {};
 		for (let t of f) e[t.activity.id] = !1;
 		d || u(e), a?.([]);
@@ -306,24 +307,24 @@ function pe({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, def
 		isExpanded: _,
 		toggleExpanded: v,
 		setExpanded: g,
-		expandAll: b,
-		collapseAll: S
+		expandAll: y,
+		collapseAll: b
 	};
 }
 //#endregion
 //#region src/components/features/activities/hooks/use-activity-resources.ts
-function me({ resources: e, onResourcesChange: t } = {}) {
-	let [n, r] = C(() => e ?? {}), i = S(e);
-	b(() => {
+function ye({ resources: e, onResourcesChange: t } = {}) {
+	let [n, r] = E(() => e ?? {}), i = T(e);
+	C(() => {
 		e !== i.current && (i.current = e, r(e ?? {}));
 	}, [e]);
-	let a = S(t);
-	b(() => {
+	let a = T(t);
+	C(() => {
 		a.current = t;
 	}, [t]);
-	let o = y((e) => {
+	let o = S((e) => {
 		a.current?.(e);
-	}, []), s = y((e, t) => {
+	}, []), s = S((e, t) => {
 		r((n) => {
 			let r = {
 				...n,
@@ -331,7 +332,7 @@ function me({ resources: e, onResourcesChange: t } = {}) {
 			};
 			return o(r), r;
 		});
-	}, [o]), c = y((e, t) => {
+	}, [o]), c = S((e, t) => {
 		r((n) => {
 			let r = n[e];
 			if (!r) return n;
@@ -344,21 +345,21 @@ function me({ resources: e, onResourcesChange: t } = {}) {
 			};
 			return o(i), i;
 		});
-	}, [o]), l = y((e) => {
+	}, [o]), l = S((e) => {
 		r((t) => {
 			if (!(e in t)) return t;
 			let n = { ...t };
 			return delete n[e], o(n), n;
 		});
-	}, [o]), u = y((e) => {
+	}, [o]), u = S((e) => {
 		r(e), o(e);
-	}, [o]), d = y(() => {
+	}, [o]), d = S(() => {
 		let e = i.current ?? {};
 		r(e), o(e);
 	}, [o]);
 	return {
 		registry: n,
-		get: y((e) => {
+		get: S((e) => {
 			let t = typeof e == "string" ? e : e.key;
 			return n[t];
 		}, [n]),
@@ -371,11 +372,11 @@ function me({ resources: e, onResourcesChange: t } = {}) {
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-actions-menu.tsx
-function he(e) {
+function be(e) {
 	if (e === "destructive") return "destructive";
 	if (e === "primary" || e === "secondary") return e;
 }
-function ge({ activity: e, actions: t, onAction: n, label: r }) {
+function xe({ activity: e, actions: t, onAction: n, label: r }) {
 	if (t.length === 0) return null;
 	let i = t.map((t) => ({
 		id: t.id,
@@ -383,12 +384,12 @@ function ge({ activity: e, actions: t, onAction: n, label: r }) {
 		label: t.label,
 		href: t.href,
 		disabled: t.disabled,
-		tone: he(t.tone),
+		tone: be(t.tone),
 		onClick: () => {
 			t.onClick?.(e), n?.(t.id, e);
 		}
 	}));
-	return /* @__PURE__ */ T(u, {
+	return /* @__PURE__ */ O(f, {
 		actions: i,
 		srText: r,
 		align: "end",
@@ -402,61 +403,65 @@ function ge({ activity: e, actions: t, onAction: n, label: r }) {
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-changes.tsx
-function _e({ change: e }) {
+function Se({ change: e }) {
 	let t = e.old !== null && e.old !== void 0, n = e.new !== null && e.new !== void 0;
-	return !t && !n ? /* @__PURE__ */ T(i, {
+	return !t && !n ? /* @__PURE__ */ O(i, {
+		type: "inherit",
 		tag: "span",
 		children: e.description
-	}) : /* @__PURE__ */ E(i, {
+	}) : /* @__PURE__ */ k(i, {
+		type: "inherit",
 		tag: "span",
 		className: "inline-flex flex-wrap items-baseline gap-space-xs",
 		children: [
-			!!t && /* @__PURE__ */ T(i, {
+			!!t && /* @__PURE__ */ O(i, {
+				type: "inherit",
 				tag: "span",
 				size: "inherit",
-				className: l.removed,
+				className: u.removed,
 				children: e.old
 			}),
-			t && n && /* @__PURE__ */ T(i, {
+			t && n && /* @__PURE__ */ O(i, {
 				tag: "span",
 				size: "inherit",
 				type: "secondary",
 				children: "→"
 			}),
-			!!n && /* @__PURE__ */ T(i, {
+			!!n && /* @__PURE__ */ O(i, {
+				type: "inherit",
 				tag: "span",
 				size: "inherit",
-				className: l.added,
+				className: u.added,
 				children: e.new
 			})
 		]
 	});
 }
-function ve({ changes: e, className: t }) {
-	return e.length === 0 ? null : /* @__PURE__ */ T("div", {
+function Ce({ changes: e, className: t }) {
+	return e.length === 0 ? null : /* @__PURE__ */ O("div", {
 		className: n("activity-changes--component", "rounded-radius border border-border/60 bg-muted/30 p-surface-xs", t),
-		children: /* @__PURE__ */ T(s, {
+		children: /* @__PURE__ */ O(c, {
 			gap: "sm",
-			children: e.map((e) => /* @__PURE__ */ E("div", {
+			children: e.map((e) => /* @__PURE__ */ k("div", {
 				className: "flex items-baseline gap-space-md",
-				children: [/* @__PURE__ */ T(i, {
+				children: [/* @__PURE__ */ O(i, {
 					size: "xs",
 					type: "secondary",
 					weight: "medium",
 					className: "shrink-0",
 					children: e.label
-				}), /* @__PURE__ */ T(_e, { change: e })]
+				}), /* @__PURE__ */ O(Se, { change: e })]
 			}, `${e.key}-${e.label}`))
 		})
 	});
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-date-label.tsx
-function ye({ label: e, first: t, className: r }) {
-	return e === "" ? null : /* @__PURE__ */ T(s, {
+function we({ label: e, first: t, className: r }) {
+	return e === "" ? null : /* @__PURE__ */ O(c, {
 		gap: "none",
 		className: n("activity-date-label--component", !t && "mt-space-md", r),
-		children: /* @__PURE__ */ T(i, {
+		children: /* @__PURE__ */ O(i, {
 			size: "xs",
 			type: "secondary",
 			weight: "medium",
@@ -466,11 +471,11 @@ function ye({ label: e, first: t, className: r }) {
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-empty-state.tsx
-function be({ title: e, hint: t, className: r }) {
-	return /* @__PURE__ */ T(p, {
+function Te({ title: e, hint: t, className: r }) {
+	return /* @__PURE__ */ O(g, {
 		title: e,
 		description: t ?? !1,
-		media: /* @__PURE__ */ T(D, {
+		media: /* @__PURE__ */ O(A, {
 			className: "size-icon",
 			"aria-hidden": "true"
 		}),
@@ -481,29 +486,29 @@ function be({ title: e, hint: t, className: r }) {
 }
 //#endregion
 //#region src/components/features/activities/partials/tone-tokens.ts
-var $ = (e) => ({
-	bg: c[e].tint,
-	fg: c[e].ink,
-	dot: c[e].solid,
-	line: c[e].line,
-	chipBg: c[e].tint,
-	chipFg: c[e].ink
-}), xe = {
+var Z = (e) => ({
+	bg: l[e].tint,
+	fg: l[e].ink,
+	dot: l[e].solid,
+	line: l[e].line,
+	chipBg: l[e].tint,
+	chipFg: l[e].ink
+}), Ee = {
 	bg: "bg-muted",
 	fg: "text-muted-foreground",
 	dot: "bg-muted-foreground",
 	line: "bg-border",
 	chipBg: "bg-muted",
 	chipFg: "text-muted-foreground"
-}, Se = {
-	primary: $("primary"),
-	success: $("success"),
-	warning: $("warning"),
-	destructive: $("destructive"),
-	info: $("info"),
-	neutral: xe,
-	secondary: xe
-}, Ce = {
+}, De = {
+	primary: Z("primary"),
+	success: Z("success"),
+	warning: Z("warning"),
+	destructive: Z("destructive"),
+	info: Z("info"),
+	neutral: Ee,
+	secondary: Ee
+}, Oe = {
 	primary: "primary",
 	success: "success",
 	warning: "warning",
@@ -514,32 +519,33 @@ var $ = (e) => ({
 };
 //#endregion
 //#region src/components/features/activities/partials/activity-resource-tag.tsx
-function we({ resource: e, config: t, fallbackText: a, onClick: o }) {
-	let s = Se[t?.tone ?? "neutral"], c = t?.icon ?? N, l = t?.label ?? a ?? e.label ?? e.key, u = typeof o == "function", d = /* @__PURE__ */ E(w, { children: [
-		/* @__PURE__ */ T(c, { className: n("size-icon-sm shrink-0", s.fg) }),
-		/* @__PURE__ */ T(i, {
+function ke({ resource: e, config: t, fallbackText: a, onClick: o }) {
+	let s = t?.tone ?? "neutral", c = De[s], l = t?.icon ?? I, u = t?.label ?? a ?? e.label ?? e.key, d = typeof o == "function", f = /* @__PURE__ */ k(D, { children: [
+		/* @__PURE__ */ O(l, { className: n("size-icon-sm shrink-0", c.fg) }),
+		/* @__PURE__ */ O(i, {
+			type: "inherit",
 			tag: "span",
 			weight: "medium",
 			lineHeight: "none",
-			className: s.chipFg,
-			children: l
+			className: c.chipFg,
+			children: u
 		}),
-		!!t?.tags && t.tags.length > 0 && /* @__PURE__ */ T(i, {
+		!!t?.tags && t.tags.length > 0 && /* @__PURE__ */ O(i, {
 			tag: "span",
 			size: "xs",
 			type: "secondary",
 			className: "border-l border-border pl-space-sm",
 			children: t.tags.join(" · ")
 		}),
-		!!t?.badge && /* @__PURE__ */ T(f, {
+		!!t?.badge && /* @__PURE__ */ O(h, {
 			inline: !0,
 			size: "sm",
-			tone: Ce[t.badge.tone ?? "neutral"],
+			tone: Oe[t.badge.tone ?? "neutral"],
 			className: "ml-space-2xs",
 			children: t.badge.label
 		})
-	] }), p = n("inline-flex items-center gap-space-xs rounded-full px-space-sm py-px align-baseline", "border border-border shadow-none", s.chipBg, u && "cursor-pointer transition-colors");
-	return u ? /* @__PURE__ */ T(r, {
+	] });
+	return d ? /* @__PURE__ */ O(r, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
@@ -547,56 +553,60 @@ function we({ resource: e, config: t, fallbackText: a, onClick: o }) {
 		onClick: (e) => {
 			e.stopPropagation(), o?.();
 		},
-		className: n("activity-resource-tag--component gap-space-xs align-baseline", s.chipBg),
+		className: n("activity-resource-tag--component gap-space-xs align-baseline", c.chipBg),
 		title: t?.note,
-		children: d
-	}) : /* @__PURE__ */ T("span", {
-		className: n("activity-resource-tag--component", p),
+		children: f
+	}) : /* @__PURE__ */ O(h, {
+		inline: !0,
+		size: "sm",
+		tone: s === "primary" ? "neutral" : Oe[s],
+		className: "activity-resource-tag--component",
 		title: t?.note,
-		children: d
+		children: f
 	});
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-headline.tsx
-function Te({ actorId: e, text: t, href: n, activity: o, youLabel: s, currentUserId: c, onActorClick: l }) {
-	let u = c !== void 0 && e !== void 0 && c === e ? s : t, d = o.actor ?? {
+function Ae({ actorId: e, text: t, href: n, activity: s, youLabel: c, currentUserId: l, onActorClick: u }) {
+	let d = l !== void 0 && e !== void 0 && l === e ? c : t, f = s.actor ?? {
 		id: e,
 		name: t
 	};
-	return n ? /* @__PURE__ */ T(a, {
+	return n ? /* @__PURE__ */ O(o, {
 		href: n,
 		size: "inherit",
-		underline: !1,
+		weight: "semibold",
 		onClick: (e) => {
-			l && (e.preventDefault(), e.stopPropagation(), l(d, o));
+			u && (e.preventDefault(), e.stopPropagation(), u(f, s));
 		},
-		className: "font-semibold text-foreground underline-offset-2 hover:underline",
-		children: u
-	}) : l ? /* @__PURE__ */ T(r, {
+		children: d
+	}) : u ? /* @__PURE__ */ O(r, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		size: "sm",
 		onClick: (e) => {
-			e.stopPropagation(), l(d, o);
+			e.stopPropagation(), u(f, s);
 		},
-		className: "h-auto min-h-0 rounded-inner px-0 py-0 text-foreground underline-offset-2 hover:underline",
-		children: /* @__PURE__ */ T(i, {
+		className: `h-auto min-h-0 rounded-inner px-0 py-0 text-foreground ${a} hover:decoration-transparent`,
+		children: /* @__PURE__ */ O(i, {
+			type: "inherit",
 			tag: "span",
 			weight: "semibold",
-			children: u
+			children: d
 		})
-	}) : /* @__PURE__ */ T(i, {
+	}) : /* @__PURE__ */ O(i, {
+		type: "inherit",
 		tag: "span",
 		weight: "semibold",
-		children: u
+		children: d
 	});
 }
-function Ee(e, t) {
+function je(e, t) {
 	return e.map((e, n) => {
 		let r = `seg-${n}-${e.type}`;
 		switch (e.type) {
-			case "actor": return /* @__PURE__ */ E(v, { children: [/* @__PURE__ */ T(Te, {
+			case "actor": return /* @__PURE__ */ k(x, { children: [/* @__PURE__ */ O(Ae, {
 				actorId: e.actorId,
 				text: e.text,
 				href: e.href,
@@ -606,46 +616,50 @@ function Ee(e, t) {
 				onActorClick: t.onActorClick
 			}), " "] }, r);
 			case "field":
-			case "value": return /* @__PURE__ */ E(v, { children: [/* @__PURE__ */ T(i, {
+			case "value": return /* @__PURE__ */ k(x, { children: [/* @__PURE__ */ O(i, {
+				type: "inherit",
 				tag: "span",
 				weight: "semibold",
 				children: e.text
 			}), " "] }, r);
-			case "status": return /* @__PURE__ */ E(v, { children: [/* @__PURE__ */ T(f, {
+			case "status": return /* @__PURE__ */ k(x, { children: [/* @__PURE__ */ O(h, {
 				inline: !0,
 				size: "sm",
-				tone: Ce[e.tone ?? "neutral"],
+				tone: Oe[e.tone ?? "neutral"],
 				children: e.text
 			}), " "] }, r);
 			case "resource": {
 				let n = t.getResourceConfig?.(e.resource);
-				return /* @__PURE__ */ E(v, { children: [/* @__PURE__ */ T(we, {
+				return /* @__PURE__ */ k(x, { children: [/* @__PURE__ */ O(ke, {
 					resource: e.resource,
 					config: n,
 					fallbackText: e.text,
 					onClick: t.onResourceClick ? () => t.onResourceClick?.(e.resource, n, t.activity) : void 0
 				}), " "] }, r);
 			}
-			default: return /* @__PURE__ */ E(v, { children: [/* @__PURE__ */ T(i, {
+			default: return /* @__PURE__ */ k(x, { children: [/* @__PURE__ */ O(i, {
+				type: "inherit",
 				tag: "span",
 				children: e.text
 			}), " "] }, r);
 		}
 	});
 }
-function De(e) {
+function Me(e) {
 	let { activity: t } = e, n = t.headline ?? t.event, r = t.actor?.name;
-	if (!r || !n.includes(r)) return /* @__PURE__ */ T(i, {
+	if (!r || !n.includes(r)) return /* @__PURE__ */ O(i, {
+		type: "inherit",
 		tag: "span",
 		children: n
 	});
 	let [a, ...o] = n.split(r);
-	return /* @__PURE__ */ E(w, { children: [
-		!!a && /* @__PURE__ */ T(i, {
+	return /* @__PURE__ */ k(D, { children: [
+		!!a && /* @__PURE__ */ O(i, {
+			type: "inherit",
 			tag: "span",
 			children: a
 		}),
-		/* @__PURE__ */ T(Te, {
+		/* @__PURE__ */ O(Ae, {
 			actorId: t.actor?.id,
 			text: r,
 			href: t.actor?.href,
@@ -654,132 +668,138 @@ function De(e) {
 			currentUserId: e.currentUserId,
 			onActorClick: e.onActorClick
 		}),
-		o.length > 0 && /* @__PURE__ */ T(i, {
+		o.length > 0 && /* @__PURE__ */ O(i, {
+			type: "inherit",
 			tag: "span",
 			children: o.join(r)
 		})
 	] });
 }
-function Oe(e) {
+function Ne(e) {
 	let t = e.activity.segments;
-	return t && t.length > 0 ? /* @__PURE__ */ T("span", {
+	return t && t.length > 0 ? /* @__PURE__ */ O("span", {
 		className: "activity-headline--component leading-snug [&>span]:leading-snug",
-		children: Ee(t, e)
-	}) : /* @__PURE__ */ T("span", {
+		children: je(t, e)
+	}) : /* @__PURE__ */ O("span", {
 		className: "activity-headline--component leading-snug",
-		children: De(e)
+		children: Me(e)
 	});
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-marker.tsx
-function ke({ icon: e, tone: t, density: r, last: i, className: a }) {
-	let o = Se[t];
-	return r === "compact" ? /* @__PURE__ */ E("div", {
-		className: n("activity-marker--component flex flex-col items-center", a),
-		children: [/* @__PURE__ */ T("span", {
-			"aria-hidden": !0,
-			className: n("mt-1.5 size-2 shrink-0 rounded-full", o.dot)
-		}), !i && /* @__PURE__ */ T("span", {
-			"aria-hidden": !0,
-			className: n("mt-1 w-px flex-1", o.line)
-		})]
-	}) : r === "rich" ? /* @__PURE__ */ E("div", {
-		className: n("activity-marker--component flex flex-col items-center", a),
-		children: [/* @__PURE__ */ T("span", {
-			className: n("flex size-7 shrink-0 items-center justify-center rounded-full ring-1 ring-border/60", o.bg, o.fg),
-			children: /* @__PURE__ */ T(e, { className: "size-icon-md" })
-		}), !i && /* @__PURE__ */ T("span", {
-			"aria-hidden": !0,
-			className: n("mt-1 w-px flex-1", o.line)
-		})]
-	}) : /* @__PURE__ */ E("div", {
-		className: n("activity-marker--component flex flex-col items-center", a),
-		children: [/* @__PURE__ */ T("span", {
-			className: n("flex size-icon-lg shrink-0 items-center justify-center rounded-full", o.bg, o.fg),
-			children: /* @__PURE__ */ T(e, { className: "size-icon-sm" })
-		}), !i && /* @__PURE__ */ T("span", {
+var Pe = {
+	primary: "primary",
+	success: "success",
+	warning: "warning",
+	destructive: "destructive",
+	info: "info",
+	neutral: "neutral",
+	secondary: "neutral"
+};
+function Fe({ icon: e, tone: t, density: r, last: i, className: a }) {
+	let o = De[t], s = r === "compact" ? /* @__PURE__ */ O("span", {
+		"aria-hidden": !0,
+		className: n(d.marker, o.dot)
+	}) : r === "rich" ? /* @__PURE__ */ O(m, {
+		icon: e,
+		size: "sm",
+		tone: Pe[t],
+		bordered: !0
+	}) : /* @__PURE__ */ O("span", {
+		className: n("flex size-icon-lg shrink-0 items-center justify-center rounded-full", o.bg, o.fg),
+		children: /* @__PURE__ */ O(e, { className: "size-icon-sm" })
+	});
+	return /* @__PURE__ */ k("div", {
+		className: n("activity-marker--component flex flex-col items-center gap-space-xs", a),
+		children: [/* @__PURE__ */ O("span", {
+			className: "activity-marker--glyph flex min-h-icon-lg shrink-0 items-center justify-center",
+			children: s
+		}), !i && /* @__PURE__ */ O("span", {
 			"aria-hidden": !0,
-			className: n("mt-1 w-px flex-1", o.line)
+			className: n("w-px flex-1", o.line)
 		})]
 	});
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-row.tsx
-function Ae({ metadata: e }) {
-	return /* @__PURE__ */ T(o, {
+function Ie({ metadata: e }) {
+	return /* @__PURE__ */ O(s, {
 		columns: {
 			base: 1,
 			sm: 2
 		},
 		gap: "md",
 		className: "activity-row--metadata",
-		children: e.map((e) => /* @__PURE__ */ E(s, {
+		children: e.map((e) => /* @__PURE__ */ k(c, {
 			gap: "dense",
 			className: "min-w-0",
-			children: [/* @__PURE__ */ T(i, {
+			children: [/* @__PURE__ */ O(i, {
 				tag: "div",
 				size: "xs",
 				type: "discrete",
 				weight: "medium",
-				className: "leading-snug",
+				lineHeight: "snug",
 				children: e.label
-			}), /* @__PURE__ */ T(i, {
+			}), /* @__PURE__ */ O(i, {
+				type: "inherit",
 				tag: "div",
-				className: "min-w-0 break-words leading-snug",
+				lineHeight: "snug",
+				className: "min-w-0 break-words",
 				children: e.value
 			})]
 		}, e.label))
 	});
 }
-function je(e) {
-	let { activity: t, density: a, itemSpacing: o, eventConfig: c, tone: l, last: u, expanded: p, onExpandedChange: m, detailsCollapsible: h, relativeTime: g, absoluteTime: _, sourceLabel: v, youLabel: y, showChangesLabel: b, hideChangesLabel: x, actionsLabel: S, currentUserId: C, actions: w, onActivityClick: D, onActorClick: O, onResourceClick: k, onAction: A, getResourceConfig: j, headlineOverride: N, markerOverride: P, customDetails: F, rowClassName: I, markerClassName: L, contentClassName: R, detailsClassName: z } = e, B = t.iconOverride ?? c.icon, V = (t.changes?.length ?? 0) > 0, H = t.metadata ?? [], U = H.length > 0, W = (t.resources?.length ?? 0) > 0, G = t.details !== void 0 && t.details !== null && t.details !== !1, K = F != null && F !== !1, q = U || V || G || K, te = t.description !== void 0 && t.description !== null && t.description !== "", ne = a !== "compact", J = a === "rich", Y = h ?? (U || V), X = J && q && (!Y || p), Z = J && (!(q && Y) || p), re = w.filter((e) => e.presentation === "inline"), ie = w.filter((e) => e.presentation !== "inline"), ae = N ?? /* @__PURE__ */ T(Oe, {
+function Le(e) {
+	let { activity: t, density: a, itemSpacing: o, eventConfig: s, tone: l, last: u, expanded: d, onExpandedChange: f, detailsCollapsible: m, relativeTime: g, absoluteTime: _, sourceLabel: v, youLabel: y, showChangesLabel: b, hideChangesLabel: x, actionsLabel: S, currentUserId: C, actions: w, onActivityClick: T, onActorClick: E, onResourceClick: D, onAction: A, getResourceConfig: j, headlineOverride: M, markerOverride: N, customDetails: P, rowClassName: I, markerClassName: L, contentClassName: R, detailsClassName: z } = e, B = t.iconOverride ?? s.icon, V = (t.changes?.length ?? 0) > 0, H = t.metadata ?? [], U = H.length > 0, W = (t.resources?.length ?? 0) > 0, te = t.details !== void 0 && t.details !== null && t.details !== !1, G = P != null && P !== !1, K = U || V || te || G, ne = t.description !== void 0 && t.description !== null && t.description !== "", re = a !== "compact", q = a === "rich", J = m ?? (U || V), Y = q && K && (!J || d), X = q && (!(K && J) || d), ie = w.filter((e) => e.presentation === "inline"), ae = w.filter((e) => e.presentation !== "inline"), oe = M ?? /* @__PURE__ */ O(Ne, {
 		activity: t,
 		currentUserId: C,
 		youLabel: y,
-		onActorClick: O,
-		onResourceClick: k,
+		onActorClick: E,
+		onResourceClick: D,
 		getResourceConfig: j
-	}), oe = P ?? /* @__PURE__ */ T(ke, {
+	}), se = N ?? /* @__PURE__ */ O(Fe, {
 		icon: B,
 		tone: l,
 		density: a,
 		last: u,
 		className: L
-	}), se = typeof D == "function", ce = V || W || ie.length > 0 || re.length > 0 || typeof O == "function" || typeof k == "function", Q = se && !ce, le = a === "rich" ? "gap-space-md py-space-xs" : a === "compact" ? "gap-space-sm py-space-2xs" : "gap-space-md py-space-2xs", ue = u ? "" : o === "compact" ? "pb-space-sm" : o === "relaxed" ? "pb-space-xl" : "pb-space-md";
-	return /* @__PURE__ */ E("div", {
-		className: n("activity-row--component relative flex", le, se && `cursor-pointer rounded-inner ${d.rowHover}`, I),
-		onClick: se ? () => D?.(t) : void 0,
-		role: Q ? "button" : void 0,
-		tabIndex: Q ? 0 : void 0,
-		onKeyDown: Q ? (e) => {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), D?.(t));
+	}), ce = typeof T == "function", le = V || W || ae.length > 0 || ie.length > 0 || typeof E == "function" || typeof D == "function", ue = ce && !le, de = a === "rich" ? "gap-space-md py-space-xs" : a === "compact" ? "gap-space-sm py-space-2xs" : "gap-space-md py-space-2xs", fe = u ? "" : o === "compact" ? "pb-space-sm" : o === "relaxed" ? "pb-space-xl" : "pb-space-md";
+	return /* @__PURE__ */ k("div", {
+		className: n("activity-row--component relative flex", de, ce && `cursor-pointer rounded-inner ${p.rowHover}`, I),
+		onClick: ce ? () => T?.(t) : void 0,
+		role: ue ? "button" : void 0,
+		tabIndex: ue ? 0 : void 0,
+		onKeyDown: ue ? (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), T?.(t));
 		} : void 0,
-		children: [oe, /* @__PURE__ */ E("div", {
-			className: n("activity-row--content min-w-0 flex-1", ue, R),
+		children: [se, /* @__PURE__ */ k("div", {
+			className: n("activity-row--content min-w-0 flex-1", fe, R),
 			children: [
-				/* @__PURE__ */ E(s, {
+				/* @__PURE__ */ k(c, {
 					gap: "dense",
-					children: [/* @__PURE__ */ E("div", {
+					children: [/* @__PURE__ */ k("div", {
 						className: "activity-row--summary grid min-w-0 grid-cols-1 items-start gap-x-space-lg gap-y-space-sm sm:grid-cols-[minmax(0,1fr)_max-content]",
-						children: [/* @__PURE__ */ T(s, {
+						children: [/* @__PURE__ */ O(c, {
 							gap: "dense",
 							className: "min-w-0",
-							children: /* @__PURE__ */ E("div", {
+							children: /* @__PURE__ */ k("div", {
 								className: "activity-row--headline flex min-w-0 flex-wrap items-center gap-x-space-sm gap-y-space-xs",
-								children: [/* @__PURE__ */ T(i, {
+								children: [/* @__PURE__ */ O(i, {
+									type: "inherit",
 									tag: "span",
 									size: "inherit",
 									lineHeight: "snug",
 									className: "min-w-0 break-words [overflow-wrap:anywhere]",
-									children: ae
-								}), !!v && /* @__PURE__ */ T(f, {
+									children: oe
+								}), !!v && /* @__PURE__ */ O(h, {
 									inline: !0,
 									size: "sm",
 									tone: "secondary",
 									children: v
 								})]
 							})
-						}), /* @__PURE__ */ E(s, {
+						}), /* @__PURE__ */ k(c, {
 							direction: "horizontal",
 							gap: "xs",
 							justify: {
@@ -789,14 +809,15 @@ function je(e) {
 							wrap: !1,
 							className: "activity-row--trailing w-full shrink-0 justify-self-start sm:w-auto sm:justify-self-end",
 							children: [
-								!!g && /* @__PURE__ */ T(i, {
+								!!g && /* @__PURE__ */ O(i, {
 									size: "xs",
 									type: "secondary",
-									className: "whitespace-nowrap tabular-nums leading-snug",
+									lineHeight: "snug",
+									className: "whitespace-nowrap tabular-nums",
 									title: _ ?? void 0,
 									children: g
 								}),
-								J && q && Y && /* @__PURE__ */ T(r, {
+								q && K && J && /* @__PURE__ */ O(r, {
 									type: "button",
 									size: "sm",
 									iconOnly: !0,
@@ -804,72 +825,73 @@ function je(e) {
 									buttonStyle: "ghost",
 									className: "size-action-sm text-muted-foreground",
 									onClick: (e) => {
-										e.stopPropagation(), m(!p);
+										e.stopPropagation(), f(!d);
 									},
-									title: p ? x : b,
-									"aria-label": p ? x : b,
-									"aria-expanded": p,
-									children: T(p ? ee : M, { className: "size-icon-sm" })
+									title: d ? x : b,
+									"aria-label": d ? x : b,
+									"aria-expanded": d,
+									children: O(d ? F : ee, { className: "size-icon-sm" })
 								}),
-								J && ie.length > 0 && /* @__PURE__ */ T(ge, {
+								q && ae.length > 0 && /* @__PURE__ */ O(xe, {
 									activity: t,
-									actions: ie,
+									actions: ae,
 									onAction: A,
 									label: S
 								})
 							]
 						})]
-					}), !!ne && te && /* @__PURE__ */ T(i, {
+					}), !!re && ne && /* @__PURE__ */ O(i, {
 						tag: "div",
 						type: "secondary",
-						className: "max-w-3xl leading-relaxed",
+						lineHeight: "relaxed",
+						className: "max-w-3xl",
 						children: t.description
 					})]
 				}),
-				Z && W && t.resources && /* @__PURE__ */ T(s, {
+				X && W && t.resources && /* @__PURE__ */ O(c, {
 					direction: "horizontal",
 					gap: "xs",
 					className: "mt-space-sm",
 					children: t.resources.map((e) => {
 						let n = j?.(e);
-						return /* @__PURE__ */ T(we, {
+						return /* @__PURE__ */ O(ke, {
 							resource: e,
 							config: n,
-							onClick: k ? () => k(e, n, t) : void 0
+							onClick: D ? () => D(e, n, t) : void 0
 						}, e.key);
 					})
 				}),
-				X && /* @__PURE__ */ T("div", {
+				Y && /* @__PURE__ */ O("div", {
 					className: "mt-space-sm",
-					children: /* @__PURE__ */ T("div", {
+					children: /* @__PURE__ */ O("div", {
 						className: n("activity-row--details", z),
-						children: /* @__PURE__ */ E(s, {
+						children: /* @__PURE__ */ k(c, {
 							gap: "md",
 							children: [
-								U && /* @__PURE__ */ T(Ae, { metadata: H }),
-								V && t.changes && /* @__PURE__ */ T(ve, {
+								U && /* @__PURE__ */ O(Ie, { metadata: H }),
+								V && t.changes && /* @__PURE__ */ O(Ce, {
 									changes: t.changes,
 									className: "border-0 bg-transparent p-0"
 								}),
-								G && /* @__PURE__ */ T("div", {
+								te && /* @__PURE__ */ O("div", {
 									className: "activity-row--details-body",
 									children: t.details
 								}),
-								K && /* @__PURE__ */ T("div", {
+								G && /* @__PURE__ */ O("div", {
 									className: "activity-row--details-custom",
-									children: F
+									children: P
 								})
 							]
 						})
 					})
 				}),
-				Z && re.length > 0 && /* @__PURE__ */ T(s, {
+				X && ie.length > 0 && /* @__PURE__ */ O(c, {
 					direction: "horizontal",
 					gap: "xs",
 					className: "activity-row--inline-actions mt-space-sm",
-					children: re.map((e) => {
+					children: ie.map((e) => {
 						let n = e.icon;
-						return /* @__PURE__ */ T(r, {
+						return /* @__PURE__ */ O(r, {
 							type: "button",
 							size: "sm",
 							tone: e.tone === "destructive" ? "destructive" : "secondary",
@@ -890,28 +912,28 @@ function je(e) {
 }
 //#endregion
 //#region src/components/features/activities/activities-feed.tsx
-function Me(e, t) {
+function Re(e, t) {
 	try {
 		let n = new Date(e);
-		return ae(n) ? Z(n, "PP p", t ? { locale: t } : void 0) : e;
+		return le(n) ? oe(n, "PP p", t ? { locale: t } : void 0) : e;
 	} catch {
 		return e;
 	}
 }
-function Ne(e, t) {
+function Q(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function Pe(e, t) {
+function ze(e, t) {
 	return e.toneOverride ?? t;
 }
-function Fe(r) {
-	let { activities: a = [], density: o = "default", itemSpacing: c = "relaxed", groupByDate: l = !0, expandedByDefault: u = !1, detailsCollapsible: d, defaultExpandedIds: f, expandedIds: p, onExpandedIdsChange: m, currentUserId: h, loading: g = !1, eventConfig: _, strings: v, slots: y, rowClassNames: b, className: S, locale: C, formatRelativeTime: w, formatAbsoluteTime: D, formatDateGroupLabel: O, getEventLabel: k, getSourceLabel: A, actionsForActivity: j, onActivityClick: ee, onActorClick: M, onResourceClick: N, onAction: P, onActivityExpandedChange: F, resources: I, onResourcesChange: L } = r, R = t(ue, v), z = x(() => ({
-		...Q,
+function Be(r) {
+	let { activities: a = [], density: o = "default", itemSpacing: s = "relaxed", groupByDate: l = !0, expandedByDefault: u = !1, detailsCollapsible: d, defaultExpandedIds: f, expandedIds: p, onExpandedIdsChange: m, currentUserId: h, loading: g = !1, eventConfig: _, strings: v, slots: y, rowClassNames: b, className: x, locale: S, formatRelativeTime: C, formatAbsoluteTime: T, formatDateGroupLabel: E, getEventLabel: D, getSourceLabel: A, actionsForActivity: j, onActivityClick: M, onActorClick: N, onResourceClick: P, onAction: F, onActivityExpandedChange: ee, resources: I, onResourcesChange: L } = r, R = t(he, v), z = w(() => ({
+		...pe,
 		..._
-	}), [_]), B = me({
+	}), [_]), B = ye({
 		resources: I,
 		onResourcesChange: L
-	}), V = e(), H = C ?? V.locale, U = pe({
+	}), V = e(), H = S ?? V.locale, U = ve({
 		activities: a,
 		groupByDate: l,
 		expandedByDefault: u,
@@ -920,65 +942,65 @@ function Fe(r) {
 		onExpandedIdsChange: m,
 		locale: H,
 		strings: R,
-		formatDateGroupLabel: O
-	}), W = w ?? V.formatRelativeTime ?? ((e) => e), G = D ?? ((e) => Me(e, H));
-	if (g) return /* @__PURE__ */ T("div", {
-		className: n("activities-feed--component", "px-space-md py-space-xl", S),
-		children: y?.loading ?? /* @__PURE__ */ T(i, {
+		formatDateGroupLabel: E
+	}), W = C ?? V.formatRelativeTime ?? ((e) => e), te = T ?? ((e) => Re(e, H));
+	if (g) return /* @__PURE__ */ O("div", {
+		className: n("activities-feed--component", "px-space-md py-space-xl", x),
+		children: y?.loading ?? /* @__PURE__ */ O(i, {
 			type: "secondary",
 			align: "center",
 			children: R.loading
 		})
 	});
-	if (a.length === 0) return /* @__PURE__ */ T("div", {
-		className: n("activities-feed--component", "px-space-md py-space-md", S),
-		children: y?.empty ?? /* @__PURE__ */ T(be, { title: R.empty })
+	if (a.length === 0) return /* @__PURE__ */ O("div", {
+		className: n("activities-feed--component", "px-space-md py-space-md", x),
+		children: y?.empty ?? /* @__PURE__ */ O(Te, { title: R.empty })
 	});
-	let K = U.groups.reduce((e, t) => e + t.items.length, 0), q = 0;
-	return /* @__PURE__ */ E(s, {
+	let G = U.groups.reduce((e, t) => e + t.items.length, 0), K = 0;
+	return /* @__PURE__ */ k(c, {
 		gap: "xl",
-		className: n("activities-feed--component", S),
+		className: n("activities-feed--component", x),
 		children: [
-			!!y?.header && /* @__PURE__ */ T("div", { children: y.header }),
-			/* @__PURE__ */ T("div", {
+			!!y?.header && /* @__PURE__ */ O("div", { children: y.header }),
+			/* @__PURE__ */ O("div", {
 				className: "flex flex-col",
 				children: U.groups.map((e, t) => {
 					let r = t === 0;
-					return /* @__PURE__ */ E("div", {
+					return /* @__PURE__ */ k("div", {
 						className: n(r ? "" : "mt-1"),
-						children: [y?.renderDateLabel ? y.renderDateLabel(e.label, r) : /* @__PURE__ */ T(ye, {
+						children: [y?.renderDateLabel ? y.renderDateLabel(e.label, r) : /* @__PURE__ */ O(we, {
 							label: e.label,
 							first: r
-						}), /* @__PURE__ */ T("div", {
+						}), /* @__PURE__ */ O("div", {
 							className: n("flex flex-col", !!e.label && "mt-space-md"),
 							children: e.items.map((e, t) => {
-								let n = e.activity, r = t === 0, i = ++q === K, a = le(n.event, z), s = Pe(n, a.tone), l = n.timestamp ?? (n.createdAt ? W(n.createdAt) : null), u = n.createdAt ? G(n.createdAt) : null, f = n.source ? A?.(n.source) ?? R.sources[n.source] ?? a.sourceLabel ?? null : a.sourceLabel ?? null, p = f && f.trim().length > 0 ? f : null, m = j?.(n) ?? [], g = {
+								let n = e.activity, r = t === 0, i = ++K === G, a = me(n.event, z), c = ze(n, a.tone), l = n.timestamp ?? (n.createdAt ? W(n.createdAt) : null), u = n.createdAt ? te(n.createdAt) : null, f = n.source ? A?.(n.source) ?? R.sources[n.source] ?? a.sourceLabel ?? null : a.sourceLabel ?? null, p = f && f.trim().length > 0 ? f : null, m = j?.(n) ?? [], g = {
 									density: o,
 									isLast: i,
 									isFirstInGroup: r,
 									activity: n,
 									eventConfig: a,
-									tone: s,
+									tone: c,
 									relativeTime: l,
 									absoluteTime: u,
 									sourceLabel: p,
 									expanded: U.isExpanded(n.id),
-									itemSpacing: c,
+									itemSpacing: s,
 									setExpanded: (e) => U.setExpanded(n.id, e),
 									toggleExpanded: () => U.toggleExpanded(n.id)
 								}, _ = y?.renderDetails?.(n, g), v = y?.renderRow?.(n, g);
-								if (v !== void 0) return /* @__PURE__ */ T("div", { children: v }, e.key);
+								if (v !== void 0) return /* @__PURE__ */ O("div", { children: v }, e.key);
 								let x = y?.renderHeadline?.(n, g), S = y?.renderMarker?.(n, g);
-								return /* @__PURE__ */ T(je, {
+								return /* @__PURE__ */ O(Le, {
 									activity: n,
 									density: o,
-									itemSpacing: c,
+									itemSpacing: s,
 									eventConfig: a,
-									tone: s,
+									tone: c,
 									last: i,
 									expanded: g.expanded,
 									onExpandedChange: (e) => {
-										U.setExpanded(n.id, e), F?.(n, e);
+										U.setExpanded(n.id, e), ee?.(n, e);
 									},
 									detailsCollapsible: n.collapsible ?? d,
 									relativeTime: l,
@@ -991,52 +1013,52 @@ function Fe(r) {
 									actionsLabel: R.actionsLabel,
 									currentUserId: h,
 									actions: m,
-									onActivityClick: ee,
-									onActorClick: M,
-									onResourceClick: N,
-									onAction: P,
+									onActivityClick: M,
+									onActorClick: N,
+									onResourceClick: P,
+									onAction: F,
 									getResourceConfig: (e) => B.get(e),
 									headlineOverride: x,
 									markerOverride: S,
 									customDetails: _,
-									rowClassName: Ne(b?.row, n),
-									markerClassName: Ne(b?.marker, n),
-									contentClassName: Ne(b?.content, n),
-									detailsClassName: Ne(b?.details, n)
+									rowClassName: Q(b?.row, n),
+									markerClassName: Q(b?.marker, n),
+									contentClassName: Q(b?.content, n),
+									detailsClassName: Q(b?.details, n)
 								}, e.key);
 							})
 						})]
 					}, `${e.label}-${t}`);
 				})
 			}),
-			!!y?.footer && /* @__PURE__ */ T("div", { children: y.footer })
+			!!y?.footer && /* @__PURE__ */ O("div", { children: y.footer })
 		]
 	});
 }
-Fe.displayName = "ActivityFeed";
+Be.displayName = "ActivityFeed";
 //#endregion
 //#region src/components/features/activities/activity-log.tsx
-function Ie(e, t) {
+function Ve(e, t) {
 	let n = [...e];
 	return n.sort((e, n) => {
 		let r = e.timestamp ? new Date(e.timestamp).getTime() : 0, i = n.timestamp ? new Date(n.timestamp).getTime() : 0;
 		return t === "asc" ? r - i : i - r;
 	}), n;
 }
-function Le(e) {
+function He(e) {
 	return e ?? "secondary";
 }
-function Re(e) {
+function Ue(e) {
 	if (e) return typeof e == "string" ? { name: e } : e;
 }
-function ze(e) {
+function We(e) {
 	return e != null && e !== !1;
 }
-function Be(e, t) {
+function $(e, t) {
 	if (e && t && t.kind !== "comment") return typeof e == "function" ? e(t) : e;
 }
-function Ve(e, t) {
-	let n = Re(e.actor), r = e.descriptionHtml ? /* @__PURE__ */ T(_, {
+function Ge(e, t) {
+	let n = Ue(e.actor), r = e.descriptionHtml ? /* @__PURE__ */ O(b, {
 		html: e.descriptionHtml,
 		mentions: e.mentions,
 		resources: t
@@ -1049,7 +1071,7 @@ function Ve(e, t) {
 		createdAt: e.timestamp,
 		timestamp: void 0,
 		iconOverride: e.icon,
-		toneOverride: Le(e.tone),
+		toneOverride: He(e.tone),
 		headline: typeof e.headline == "string" ? e.headline : void 0,
 		description: r,
 		metadata: e.metadata,
@@ -1068,7 +1090,7 @@ function Ve(e, t) {
 				type: "text",
 				text: e.action
 			}] : [],
-			...ze(e.target) ? [{
+			...We(e.target) ? [{
 				type: "value",
 				text: String(e.target)
 			}] : [],
@@ -1079,64 +1101,64 @@ function Ve(e, t) {
 		] : void 0
 	};
 }
-function He(r) {
-	let { entries: a, order: o = "desc", itemSpacing: c = "relaxed", resources: l, onResourceSearch: u, canModerate: d, onCommentDelete: f, onCommentReact: p, onCommentReply: _, onCommentPinToggle: v, strings: b, activityStrings: S, renderers: C, renderEventDetails: w, eventDetailsCollapsible: D = !0, defaultExpandedIds: O, expandedIds: k, onExpandedIdsChange: A, onEventExpandedChange: j, onEventAction: ee, classNames: M, composer: N, bare: P = !1, title: F, getMediaUrl: I, getMediaName: L, getStatusLabel: R, formatRelativeTime: z, className: B } = r, V = t(ue, S), U = e(), W = y((e) => {
-		let t = z ?? U.formatRelativeTime;
+function Ke(r) {
+	let { entries: a, order: o = "desc", itemSpacing: s = "relaxed", resources: l, onResourceSearch: u, canModerate: d, onCommentDelete: f, onCommentReact: p, onCommentReply: m, onCommentPinToggle: h, strings: g, activityStrings: b, renderers: x, renderEventDetails: C, eventDetailsCollapsible: T = !0, defaultExpandedIds: E, expandedIds: D, onExpandedIdsChange: A, onEventExpandedChange: j, onEventAction: M, classNames: N, composer: P, bare: F = !1, title: ee, getMediaUrl: I, getMediaName: L, getStatusLabel: R, formatRelativeTime: z, className: B } = r, V = t(he, b), H = e(), U = S((e) => {
+		let t = z ?? H.formatRelativeTime;
 		if (t) return t(e);
-		let n = se(e);
-		if (!ae(n)) return e;
-		let r = U.locale;
-		return re(n, {
+		let n = de(e);
+		if (!le(n)) return e;
+		let r = H.locale;
+		return se(n, {
 			addSuffix: !0,
 			...r ? { locale: r } : {}
 		});
 	}, [
-		U.formatRelativeTime,
-		U.locale,
+		H.formatRelativeTime,
+		H.locale,
 		z
-	]), G = g({
-		onSubmit: N?.onSubmit,
-		onAfterMutate: N?.onAfterMutate,
-		onError: N?.onError
-	}), K = x(() => Ie(a, o), [a, o]), q = x(() => K.map((e) => e.kind === "comment" ? {
+	]), W = y({
+		onSubmit: P?.onSubmit,
+		onAfterMutate: P?.onAfterMutate,
+		onError: P?.onError
+	}), G = w(() => Ve(a, o), [a, o]), K = w(() => G.map((e) => e.kind === "comment" ? {
 		id: e.id,
 		event: "comment",
 		source: "comment",
 		createdAt: e.timestamp,
 		data: e
-	} : Ve(e, l)), [l, K]), te = x(() => ({
-		row: (e) => Be(M?.eventRow, e.data),
-		marker: (e) => Be(M?.eventMarker, e.data),
-		content: (e) => Be(M?.eventContent, e.data),
-		details: (e) => Be(M?.eventDetails, e.data)
-	}), [M]), ne = N?.enabled ? /* @__PURE__ */ T("div", {
+	} : Ge(e, l)), [l, G]), ne = w(() => ({
+		row: (e) => $(N?.eventRow, e.data),
+		marker: (e) => $(N?.eventMarker, e.data),
+		content: (e) => $(N?.eventContent, e.data),
+		details: (e) => $(N?.eventDetails, e.data)
+	}), [N]), re = P?.enabled ? /* @__PURE__ */ O("div", {
 		className: "activity-log--composer",
-		children: /* @__PURE__ */ T(m, {
-			context: N.context,
+		children: /* @__PURE__ */ O(_, {
+			context: P.context,
 			canComment: !0,
-			submitting: G.isSubmitting,
-			errors: G.formErrors,
-			resetKey: G.resetKey,
-			onSubmit: G.submit,
+			submitting: W.isSubmitting,
+			errors: W.formErrors,
+			resetKey: W.resetKey,
+			onSubmit: W.submit,
 			resources: l,
 			onResourceSearch: u,
-			strings: b,
-			placeholder: N.placeholder,
-			autoFocus: N.autoFocus,
-			inlineSubmit: N.inlineSubmit ?? !1
+			strings: g,
+			placeholder: P.placeholder,
+			autoFocus: P.autoFocus,
+			inlineSubmit: P.inlineSubmit ?? !1
 		})
-	}) : null, J = N?.position ?? "top", Y = /* @__PURE__ */ T(Fe, {
-		activities: q,
+	}) : null, q = P?.position ?? "top", J = /* @__PURE__ */ O(Be, {
+		activities: K,
 		density: "rich",
-		itemSpacing: c,
+		itemSpacing: s,
 		groupByDate: !0,
 		resources: {},
-		strings: S,
-		detailsCollapsible: D,
-		defaultExpandedIds: O,
-		expandedIds: k,
+		strings: b,
+		detailsCollapsible: T,
+		defaultExpandedIds: E,
+		expandedIds: D,
 		onExpandedIdsChange: A,
-		formatRelativeTime: W,
+		formatRelativeTime: U,
 		getSourceLabel: (e) => V.sources[e] ?? e,
 		actionsForActivity: (e) => {
 			let t = e.data;
@@ -1153,68 +1175,68 @@ function He(r) {
 				onClick: () => e.onSelect?.(n)
 			}));
 		},
-		rowClassNames: te,
+		rowClassNames: ne,
 		onAction: (e, t) => {
 			let n = t.data;
-			n && n.kind !== "comment" && ee?.(e, n);
+			n && n.kind !== "comment" && M?.(e, n);
 		},
 		onActivityExpandedChange: (e, t) => {
 			let n = e.data;
 			n && n.kind !== "comment" && j?.(n, t);
 		},
 		slots: {
-			header: J === "top" ? ne : void 0,
-			footer: J === "bottom" ? ne : void 0,
+			header: q === "top" ? re : void 0,
+			footer: q === "bottom" ? re : void 0,
 			renderRow: (e, t) => {
 				let r = e.data;
 				if (!r) return;
-				let i = C?.[r.kind];
+				let i = x?.[r.kind];
 				if (i) return i(r, {
 					resources: l,
 					accessors: {
 						getMediaUrl: I,
 						getMediaName: L,
 						getStatusLabel: R,
-						formatRelativeTime: W
+						formatRelativeTime: U
 					},
-					strings: b
+					strings: g
 				});
 				if (r.kind !== "comment") return;
 				let a = r;
-				return /* @__PURE__ */ E(s, {
+				return /* @__PURE__ */ k(c, {
 					direction: "horizontal",
 					gap: "md",
 					align: "stretch",
 					wrap: !1,
 					className: n("activity-log--comment-row relative py-space-xs", !t.isLast && (t.itemSpacing === "compact" ? "pb-space-sm" : t.itemSpacing === "relaxed" ? "pb-space-xl" : "pb-space-md")),
 					"data-event-id": a.id,
-					children: [/* @__PURE__ */ T(ke, {
-						icon: H,
+					children: [/* @__PURE__ */ O(Fe, {
+						icon: te,
 						tone: "neutral",
 						density: t.density,
 						last: t.isLast
-					}), /* @__PURE__ */ T("div", {
+					}), /* @__PURE__ */ O("div", {
 						className: "activity-log--comment min-w-0 flex-1",
-						children: /* @__PURE__ */ T(h, {
+						children: /* @__PURE__ */ O(v, {
 							comment: a.comment,
 							canModerate: d,
 							onDelete: f,
-							onPinToggle: v,
+							onPinToggle: h,
 							onReact: p,
-							onReply: _,
-							strings: b,
+							onReply: m,
+							strings: g,
 							resources: l,
 							getMediaUrl: I,
 							getMediaName: L,
 							getStatusLabel: R,
-							formatRelativeTime: W
+							formatRelativeTime: U
 						})
 					})]
 				});
 			},
 			renderDetails: (e, t) => {
 				let n = e.data;
-				return !n || n.kind === "comment" ? null : w?.(n, {
+				return !n || n.kind === "comment" ? null : C?.(n, {
 					expanded: t.expanded,
 					setExpanded: t.setExpanded,
 					relativeTime: t.relativeTime,
@@ -1223,35 +1245,36 @@ function He(r) {
 				});
 			}
 		},
-		className: n("activity-log--component", M?.list, P && B)
+		className: n("activity-log--component", N?.list, F && B)
 	});
-	if (P) return Y;
-	let X = F ?? V.title, Z = typeof X == "string" ? X : void 0;
-	return /* @__PURE__ */ E(s, {
-		render: /* @__PURE__ */ T("section", {}),
+	if (F) return J;
+	let Y = ee ?? V.title, X = typeof Y == "string" ? Y : void 0;
+	return /* @__PURE__ */ k(c, {
+		render: /* @__PURE__ */ O("section", {}),
 		gap: "lg",
 		"data-component": "activity-log",
 		"data-slot": "activity-log",
 		className: n("activity-log--component", B),
-		"aria-label": Z,
-		children: [!!X && /* @__PURE__ */ T(i, {
+		"aria-label": X,
+		children: [!!Y && /* @__PURE__ */ O(i, {
+			type: "inherit",
 			weight: "semibold",
-			children: X
-		}), Y]
+			children: Y
+		}), J]
 	});
 }
-He.displayName = "ActivityLog";
+Ke.displayName = "ActivityLog";
 //#endregion
 //#region src/components/features/activities/activity-event-adapter.ts
-function Ue(e) {
+function qe(e) {
 	if (typeof e == "object" && e && "kind" in e) {
 		let t = e.kind;
 		if (typeof t == "string") return t;
 	}
 	return "event";
 }
-function We(e, t) {
-	let n = t.kind?.(e) ?? Ue(e), r = t.id(e), i = t.timestamp(e), a = t.comment?.(e);
+function Je(e, t) {
+	let n = t.kind?.(e) ?? qe(e), r = t.id(e), i = t.timestamp(e), a = t.comment?.(e);
 	return n === "comment" && a ? {
 		id: r,
 		kind: "comment",
@@ -1278,10 +1301,10 @@ function We(e, t) {
 		data: t.data?.(e) ?? e
 	};
 }
-function Ge(e) {
-	return (t) => We(t, e);
+function Ye(e) {
+	return (t) => Je(t, e);
 }
 //#endregion
-export { ge as ActivityActionsMenu, ve as ActivityChanges, ye as ActivityDateLabel, be as ActivityEmptyState, Fe as ActivityFeed, Oe as ActivityHeadline, He as ActivityLog, ke as ActivityMarker, we as ActivityResourceTag, je as ActivityRow, Ge as createActivityEventAdapter, ue as defaultActivitiesStrings, Q as defaultActivityEventConfig, ce as defaultEventConfig, de as interpolateActivityString, le as resolveEventConfig, We as toActivityLogEntry, pe as useActivityFeed, me as useActivityResources };
+export { xe as ActivityActionsMenu, Ce as ActivityChanges, we as ActivityDateLabel, Te as ActivityEmptyState, Be as ActivityFeed, Ne as ActivityHeadline, Ke as ActivityLog, Fe as ActivityMarker, ke as ActivityResourceTag, Le as ActivityRow, Ye as createActivityEventAdapter, he as defaultActivitiesStrings, pe as defaultActivityEventConfig, fe as defaultEventConfig, ge as interpolateActivityString, me as resolveEventConfig, Je as toActivityLogEntry, ve as useActivityFeed, ye as useActivityResources };
 
 //# sourceMappingURL=activities.js.map