themelia-react-ui 2.0.0 → 2.0.2

package/dist/features/activities.js

@@ -1,176 +1,179 @@
 "use client";
-import { o as e } from "../ui-provider-D2_TeLqw.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-Cospvlj1.js";
-import { s as r, t as i } from "../typography-CAr3dQhX.js";
-import { t as a } from "../button-BS3KDg00.js";
-import { r as o, t as s } from "../structure-hzCW-XsV.js";
-import { n as c } from "../action-menu-BTpyPWJ2.js";
-import { t as l } from "../badge-0tATj-tW.js";
-import { l as u } from "../data-display-3xWQUnMA.js";
-import { o as d, r as f, u as p } from "../comments-You0Bzbr.js";
-import { o as m } from "../mentions-DwnO1hh4.js";
-import { Fragment as h, useCallback as g, useEffect as _, useMemo as v, useRef as y, useState as b } from "react";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { Activity as w, AlertTriangle as T, ArrowLeftRight as E, Ban as D, Check as O, ChevronDown as ee, ChevronRight as te, CircleDot as k, FileEdit as A, Flag as j, Heart as M, LinkIcon as N, Mail as P, MailCheck as F, MailOpen as I, MailX as L, MessageCircle as ne, MessageSquare as R, Pencil as z, Plus as B, ShieldCheck as V, ShoppingBag as H, Sparkles as U, Star as W, Trash2 as G, UserMinus as re, UserPlus as K } from "lucide-react";
-import { format as q, formatDistanceToNow as J, isToday as Y, isValid as X, isYesterday as Z, parseISO as ie } 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-BYYlTA8E.js";
+import { o as b } from "../mentions-utuUvH1K.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 ae = {
-	icon: k,
+var fe = {
+	icon: I,
 	tone: "neutral"
-}, oe = {
+}, pe = {
 	created: {
-		icon: B,
+		icon: ne,
 		tone: "success",
 		label: "Created"
 	},
 	updated: {
-		icon: z,
+		icon: K,
 		tone: "neutral",
 		label: "Updated"
 	},
 	edited: {
-		icon: A,
+		icon: L,
 		tone: "neutral",
 		label: "Edited"
 	},
 	deleted: {
-		icon: G,
+		icon: X,
 		tone: "destructive",
 		label: "Deleted"
 	},
 	cancelled: {
-		icon: D,
+		icon: N,
 		tone: "destructive",
 		label: "Cancelled"
 	},
 	restored: {
-		icon: U,
+		icon: J,
 		tone: "success",
 		label: "Restored"
 	},
 	status_changed: {
-		icon: E,
+		icon: M,
 		tone: "neutral",
 		label: "Status changed"
 	},
 	status_transition: {
-		icon: E,
+		icon: M,
 		tone: "neutral",
 		label: "Status changed"
 	},
 	status_override: {
-		icon: E,
+		icon: M,
 		tone: "warning",
 		label: "Status overridden"
 	},
 	assigned: {
-		icon: K,
+		icon: ae,
 		tone: "neutral",
 		label: "Assigned"
 	},
 	unassigned: {
-		icon: re,
+		icon: ie,
 		tone: "neutral",
 		label: "Unassigned"
 	},
 	mail_sent: {
-		icon: P,
+		icon: V,
 		tone: "neutral",
 		label: "Email sent"
 	},
 	mail_delivered: {
-		icon: F,
+		icon: H,
 		tone: "success",
 		label: "Email delivered"
 	},
 	mail_opened: {
-		icon: I,
+		icon: U,
 		tone: "neutral",
 		label: "Email opened"
 	},
 	mail_clicked: {
-		icon: I,
+		icon: U,
 		tone: "neutral",
 		label: "Email clicked"
 	},
 	mail_bounced: {
-		icon: L,
+		icon: W,
 		tone: "destructive",
 		label: "Email bounced"
 	},
 	mail_failed: {
-		icon: L,
+		icon: W,
 		tone: "destructive",
 		label: "Email failed"
 	},
 	comment_created: {
-		icon: R,
+		icon: G,
 		tone: "neutral",
 		label: "Comment posted"
 	},
 	comment_deleted: {
-		icon: R,
+		icon: G,
 		tone: "destructive",
 		label: "Comment deleted"
 	},
 	paid: {
-		icon: O,
+		icon: P,
 		tone: "success",
 		label: "Paid"
 	},
 	refunded: {
-		icon: E,
+		icon: M,
 		tone: "warning",
 		label: "Refunded"
 	},
 	confirmed: {
-		icon: V,
+		icon: re,
 		tone: "success",
 		label: "Confirmed"
 	},
 	favorited: {
-		icon: M,
+		icon: z,
 		tone: "neutral",
 		label: "Favorited"
 	},
 	ordered: {
-		icon: H,
+		icon: q,
 		tone: "neutral",
 		label: "Order placed"
 	},
 	published: {
-		icon: W,
+		icon: Y,
 		tone: "success",
 		label: "Published"
 	},
 	flagged: {
-		icon: j,
+		icon: R,
 		tone: "warning",
 		label: "Flagged"
 	},
 	linked: {
-		icon: N,
+		icon: B,
 		tone: "neutral",
 		label: "Linked"
 	},
 	failed: {
-		icon: T,
+		icon: j,
 		tone: "destructive",
 		label: "Failed"
 	},
 	health_check_failed: {
-		icon: T,
+		icon: j,
 		tone: "destructive",
 		label: "Health check failed"
 	}
 };
-function Q(e, t) {
-	return t[e] ?? ae;
+function me(e, t) {
+	return t[e] ?? fe;
 }
 //#endregion
 //#region src/components/features/activities/activities.strings.ts
-var se = {
+var he = {
 	title: "Activity",
 	empty: "No activity yet.",
 	loading: "Loading activity…",
@@ -191,7 +194,7 @@ var se = {
 	},
 	events: {}
 };
-function ce(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);
@@ -199,24 +202,24 @@ function ce(e, t) {
 }
 //#endregion
 //#region src/components/features/activities/hooks/use-activity-feed.ts
-function le(e, t, n) {
+function _e(e, t, n) {
 	if (!e) return t.undated;
 	let r = new Date(e);
-	if (!X(r)) return t.undated;
-	if (Y(r)) return t.today;
-	if (Z(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 q(r, "PP", n ? { locale: n } : void 0);
+			return oe(r, "PP", n ? { locale: n } : void 0);
 		} catch {
 			return e;
 		}
 	}
 }
-function ue({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, defaultExpandedIds: r, expandedIds: i, onExpandedIdsChange: a, locale: o, strings: s, formatDateGroupLabel: c }) {
-	let [l, u] = b({}), d = i !== void 0, f = v(() => {
+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 = [
@@ -230,12 +233,12 @@ function ue({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, def
 				key: `${n}:${r}`
 			};
 		});
-	}, [e]), p = v(() => {
+	}, [e]), p = w(() => {
 		if (!t) return f.length > 0 ? [{
 			label: "",
 			items: f
 		}] : [];
-		let e = [], n = "__init__", r = [], i = (e) => c ? c(e, s) : le(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({
@@ -253,11 +256,11 @@ function ue({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, def
 		o,
 		s,
 		c
-	]), m = v(() => {
+	]), 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 = v(() => new Set(i ?? []), [i]), _ = g((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);
@@ -273,15 +276,15 @@ function ue({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, def
 		d,
 		f,
 		a
-	]), y = g((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
-	]), x = g((e) => {
-		_(e, !y(e));
-	}, [y, _]), S = g(() => {
+	]), v = S((e) => {
+		g(e, !_(e));
+	}, [_, 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));
@@ -289,7 +292,7 @@ function ue({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, def
 		d,
 		f,
 		a
-	]), C = g(() => {
+	]), b = S(() => {
 		let e = {};
 		for (let t of f) e[t.activity.id] = !1;
 		d || u(e), a?.([]);
@@ -301,27 +304,27 @@ function ue({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, def
 	return {
 		groups: p,
 		total: f.length,
-		isExpanded: y,
-		toggleExpanded: x,
-		setExpanded: _,
-		expandAll: S,
-		collapseAll: C
+		isExpanded: _,
+		toggleExpanded: v,
+		setExpanded: g,
+		expandAll: y,
+		collapseAll: b
 	};
 }
 //#endregion
 //#region src/components/features/activities/hooks/use-activity-resources.ts
-function de({ resources: e, onResourcesChange: t } = {}) {
-	let [n, r] = b(() => e ?? {}), i = y(e);
-	_(() => {
+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 = y(t);
-	_(() => {
+	let a = T(t);
+	C(() => {
 		a.current = t;
 	}, [t]);
-	let o = g((e) => {
+	let o = S((e) => {
 		a.current?.(e);
-	}, []), s = g((e, t) => {
+	}, []), s = S((e, t) => {
 		r((n) => {
 			let r = {
 				...n,
@@ -329,7 +332,7 @@ function de({ resources: e, onResourcesChange: t } = {}) {
 			};
 			return o(r), r;
 		});
-	}, [o]), c = g((e, t) => {
+	}, [o]), c = S((e, t) => {
 		r((n) => {
 			let r = n[e];
 			if (!r) return n;
@@ -342,21 +345,21 @@ function de({ resources: e, onResourcesChange: t } = {}) {
 			};
 			return o(i), i;
 		});
-	}, [o]), l = g((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 = g((e) => {
+	}, [o]), u = S((e) => {
 		r(e), o(e);
-	}, [o]), d = g(() => {
+	}, [o]), d = S(() => {
 		let e = i.current ?? {};
 		r(e), o(e);
 	}, [o]);
 	return {
 		registry: n,
-		get: g((e) => {
+		get: S((e) => {
 			let t = typeof e == "string" ? e : e.key;
 			return n[t];
 		}, [n]),
@@ -369,11 +372,11 @@ function de({ resources: e, onResourcesChange: t } = {}) {
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-actions-menu.tsx
-function fe(e) {
+function be(e) {
 	if (e === "destructive") return "destructive";
 	if (e === "primary" || e === "secondary") return e;
 }
-function pe({ 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,
@@ -381,82 +384,84 @@ function pe({ activity: e, actions: t, onAction: n, label: r }) {
 		label: t.label,
 		href: t.href,
 		disabled: t.disabled,
-		variant: fe(t.tone),
+		tone: be(t.tone),
 		onClick: () => {
 			t.onClick?.(e), n?.(t.id, e);
 		}
 	}));
-	return /* @__PURE__ */ S(c, {
+	return /* @__PURE__ */ O(f, {
 		actions: i,
 		srText: r,
 		align: "end",
 		density: "table",
 		closeOnSelect: !0,
-		labelVisibility: "hidden",
 		buttonProps: {
 			size: "sm",
-			iconOnly: !0,
-			className: "activity-actions-menu--component size-action-sm text-muted-foreground"
+			className: "activity-actions-menu--component"
 		}
 	});
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-changes.tsx
-function me({ 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__ */ S(r, {
+	return !t && !n ? /* @__PURE__ */ O(i, {
+		type: "inherit",
 		tag: "span",
 		children: e.description
-	}) : /* @__PURE__ */ C(r, {
+	}) : /* @__PURE__ */ k(i, {
+		type: "inherit",
 		tag: "span",
 		className: "inline-flex flex-wrap items-baseline gap-space-xs",
 		children: [
-			!!t && /* @__PURE__ */ S(r, {
+			!!t && /* @__PURE__ */ O(i, {
+				type: "inherit",
 				tag: "span",
 				size: "inherit",
-				className: "rounded bg-destructive/10 text-destructive line-through px-1 py-px",
+				className: u.removed,
 				children: e.old
 			}),
-			t && n && /* @__PURE__ */ S(r, {
+			t && n && /* @__PURE__ */ O(i, {
 				tag: "span",
 				size: "inherit",
 				type: "secondary",
 				children: "→"
 			}),
-			!!n && /* @__PURE__ */ S(r, {
+			!!n && /* @__PURE__ */ O(i, {
+				type: "inherit",
 				tag: "span",
 				size: "inherit",
-				className: "rounded bg-success/15 text-success px-1 py-px",
+				className: u.added,
 				children: e.new
 			})
 		]
 	});
 }
-function he({ changes: e, className: t }) {
-	return e.length === 0 ? null : /* @__PURE__ */ S("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__ */ S(s, {
+		children: /* @__PURE__ */ O(c, {
 			gap: "sm",
-			children: e.map((e) => /* @__PURE__ */ C("div", {
+			children: e.map((e) => /* @__PURE__ */ k("div", {
 				className: "flex items-baseline gap-space-md",
-				children: [/* @__PURE__ */ S(r, {
+				children: [/* @__PURE__ */ O(i, {
 					size: "xs",
 					type: "secondary",
 					weight: "medium",
 					className: "shrink-0",
 					children: e.label
-				}), /* @__PURE__ */ S(me, { change: e })]
+				}), /* @__PURE__ */ O(Se, { change: e })]
 			}, `${e.key}-${e.label}`))
 		})
 	});
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-date-label.tsx
-function ge({ label: e, first: t, className: i }) {
-	return e === "" ? null : /* @__PURE__ */ S(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", i),
-		children: /* @__PURE__ */ S(r, {
+		className: n("activity-date-label--component", !t && "mt-space-md", r),
+		children: /* @__PURE__ */ O(i, {
 			size: "xs",
 			type: "secondary",
 			weight: "medium",
@@ -466,11 +471,11 @@ function ge({ label: e, first: t, className: i }) {
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-empty-state.tsx
-function _e({ title: e, hint: t, className: r }) {
-	return /* @__PURE__ */ S(u, {
+function Te({ title: e, hint: t, className: r }) {
+	return /* @__PURE__ */ O(g, {
 		title: e,
 		description: t ?? !1,
-		media: /* @__PURE__ */ S(w, {
+		media: /* @__PURE__ */ O(A, {
 			className: "size-icon",
 			"aria-hidden": "true"
 		}),
@@ -481,64 +486,29 @@ function _e({ title: e, hint: t, className: r }) {
 }
 //#endregion
 //#region src/components/features/activities/partials/tone-tokens.ts
-var ve = {
-	primary: {
-		bg: "bg-primary/10",
-		fg: "text-primary-accent",
-		dot: "bg-primary",
-		line: "bg-primary/30",
-		chipBg: "bg-primary/5",
-		chipFg: "text-primary-accent"
-	},
-	success: {
-		bg: "bg-success/10",
-		fg: "text-success",
-		dot: "bg-success",
-		line: "bg-success/30",
-		chipBg: "bg-success/10",
-		chipFg: "text-success"
-	},
-	warning: {
-		bg: "bg-warning/10",
-		fg: "text-warning-accent",
-		dot: "bg-warning",
-		line: "bg-warning/30",
-		chipBg: "bg-warning/10",
-		chipFg: "text-warning-accent"
-	},
-	destructive: {
-		bg: "bg-destructive/10",
-		fg: "text-destructive",
-		dot: "bg-destructive",
-		line: "bg-destructive/30",
-		chipBg: "bg-destructive/10",
-		chipFg: "text-destructive"
-	},
-	info: {
-		bg: "bg-info/10",
-		fg: "text-info",
-		dot: "bg-info",
-		line: "bg-info/30",
-		chipBg: "bg-info/10",
-		chipFg: "text-info"
-	},
-	neutral: {
-		bg: "bg-muted",
-		fg: "text-muted-foreground",
-		dot: "bg-muted-foreground/60",
-		line: "bg-border",
-		chipBg: "bg-muted",
-		chipFg: "text-muted-foreground"
-	},
-	secondary: {
-		bg: "bg-muted",
-		fg: "text-muted-foreground",
-		dot: "bg-muted-foreground/60",
-		line: "bg-border",
-		chipBg: "bg-muted",
-		chipFg: "text-muted-foreground"
-	}
-}, ye = {
+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"
+}, 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",
@@ -549,32 +519,33 @@ var ve = {
 };
 //#endregion
 //#region src/components/features/activities/partials/activity-resource-tag.tsx
-function be({ resource: e, config: t, fallbackText: i, onClick: o }) {
-	let s = ve[t?.tone ?? "neutral"], c = t?.icon ?? k, u = t?.label ?? i ?? e.label ?? e.key, d = typeof o == "function", f = /* @__PURE__ */ C(x, { children: [
-		/* @__PURE__ */ S(c, { className: n("size-icon-sm shrink-0", s.fg) }),
-		/* @__PURE__ */ S(r, {
+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,
+			className: c.chipFg,
 			children: u
 		}),
-		!!t?.tags && t.tags.length > 0 && /* @__PURE__ */ S(r, {
+		!!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__ */ S(l, {
+		!!t?.badge && /* @__PURE__ */ O(h, {
 			inline: !0,
 			size: "sm",
-			tone: ye[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/50 shadow-none", s.chipBg, d && "cursor-pointer transition-colors hover:bg-foreground/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring");
-	return d ? /* @__PURE__ */ S(a, {
+	] });
+	return d ? /* @__PURE__ */ O(r, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
@@ -582,56 +553,60 @@ function be({ resource: e, config: t, fallbackText: i, 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: f
-	}) : /* @__PURE__ */ S("span", {
-		className: n("activity-resource-tag--component", p),
+	}) : /* @__PURE__ */ O(h, {
+		inline: !0,
+		size: "sm",
+		tone: s === "primary" ? "neutral" : Oe[s],
+		className: "activity-resource-tag--component",
 		title: t?.note,
 		children: f
 	});
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-headline.tsx
-function xe({ 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__ */ S(i, {
+	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__ */ S(a, {
+		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__ */ S(r, {
+		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__ */ S(r, {
+	}) : /* @__PURE__ */ O(i, {
+		type: "inherit",
 		tag: "span",
 		weight: "semibold",
-		children: u
+		children: d
 	});
 }
-function Se(e, t) {
+function je(e, t) {
 	return e.map((e, n) => {
-		let i = `seg-${n}-${e.type}`;
+		let r = `seg-${n}-${e.type}`;
 		switch (e.type) {
-			case "actor": return /* @__PURE__ */ C(h, { children: [/* @__PURE__ */ S(xe, {
+			case "actor": return /* @__PURE__ */ k(x, { children: [/* @__PURE__ */ O(Ae, {
 				actorId: e.actorId,
 				text: e.text,
 				href: e.href,
@@ -639,234 +614,192 @@ function Se(e, t) {
 				youLabel: t.youLabel,
 				currentUserId: t.currentUserId,
 				onActorClick: t.onActorClick
-			}), " "] }, i);
+			}), " "] }, r);
 			case "field":
-			case "value": return /* @__PURE__ */ C(h, { children: [/* @__PURE__ */ S(r, {
+			case "value": return /* @__PURE__ */ k(x, { children: [/* @__PURE__ */ O(i, {
+				type: "inherit",
 				tag: "span",
 				weight: "semibold",
 				children: e.text
-			}), " "] }, i);
-			case "status": return /* @__PURE__ */ C(h, { children: [/* @__PURE__ */ S(l, {
+			}), " "] }, r);
+			case "status": return /* @__PURE__ */ k(x, { children: [/* @__PURE__ */ O(h, {
 				inline: !0,
 				size: "sm",
-				tone: ye[e.tone ?? "neutral"],
+				tone: Oe[e.tone ?? "neutral"],
 				children: e.text
-			}), " "] }, i);
+			}), " "] }, r);
 			case "resource": {
 				let n = t.getResourceConfig?.(e.resource);
-				return /* @__PURE__ */ C(h, { children: [/* @__PURE__ */ S(be, {
+				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
-				}), " "] }, i);
+				}), " "] }, r);
 			}
-			default: return /* @__PURE__ */ C(h, { children: [/* @__PURE__ */ S(r, {
+			default: return /* @__PURE__ */ k(x, { children: [/* @__PURE__ */ O(i, {
+				type: "inherit",
 				tag: "span",
 				children: e.text
-			}), " "] }, i);
+			}), " "] }, r);
 		}
 	});
 }
-function Ce(e) {
-	let { activity: t } = e, n = t.headline ?? t.event, i = t.actor?.name;
-	if (!i || !n.includes(i)) return /* @__PURE__ */ S(r, {
+function Me(e) {
+	let { activity: t } = e, n = t.headline ?? t.event, r = t.actor?.name;
+	if (!r || !n.includes(r)) return /* @__PURE__ */ O(i, {
+		type: "inherit",
 		tag: "span",
 		children: n
 	});
-	let [a, ...o] = n.split(i);
-	return /* @__PURE__ */ C(x, { children: [
-		!!a && /* @__PURE__ */ S(r, {
+	let [a, ...o] = n.split(r);
+	return /* @__PURE__ */ k(D, { children: [
+		!!a && /* @__PURE__ */ O(i, {
+			type: "inherit",
 			tag: "span",
 			children: a
 		}),
-		/* @__PURE__ */ S(xe, {
+		/* @__PURE__ */ O(Ae, {
 			actorId: t.actor?.id,
-			text: i,
+			text: r,
 			href: t.actor?.href,
 			activity: t,
 			youLabel: e.youLabel,
 			currentUserId: e.currentUserId,
 			onActorClick: e.onActorClick
 		}),
-		o.length > 0 && /* @__PURE__ */ S(r, {
+		o.length > 0 && /* @__PURE__ */ O(i, {
+			type: "inherit",
 			tag: "span",
-			children: o.join(i)
+			children: o.join(r)
 		})
 	] });
 }
-function we(e) {
+function Ne(e) {
 	let t = e.activity.segments;
-	return t && t.length > 0 ? /* @__PURE__ */ S("span", {
+	return t && t.length > 0 ? /* @__PURE__ */ O("span", {
 		className: "activity-headline--component leading-snug [&>span]:leading-snug",
-		children: Se(t, e)
-	}) : /* @__PURE__ */ S("span", {
+		children: je(t, e)
+	}) : /* @__PURE__ */ O("span", {
 		className: "activity-headline--component leading-snug",
-		children: Ce(e)
+		children: Me(e)
 	});
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-marker.tsx
-function Te({ icon: e, tone: t, density: r, last: i, className: a }) {
-	let o = ve[t];
-	return r === "compact" ? /* @__PURE__ */ C("div", {
-		className: n("activity-marker--component flex flex-col items-center", a),
-		children: [/* @__PURE__ */ S("span", {
-			"aria-hidden": !0,
-			className: n("mt-1.5 size-2 shrink-0 rounded-full", o.dot)
-		}), !i && /* @__PURE__ */ S("span", {
-			"aria-hidden": !0,
-			className: n("mt-1 w-px flex-1", o.line)
-		})]
-	}) : r === "rich" ? /* @__PURE__ */ C("div", {
-		className: n("activity-marker--component flex flex-col items-center", a),
-		children: [/* @__PURE__ */ S("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__ */ S(e, { className: "size-icon-md" })
-		}), !i && /* @__PURE__ */ S("span", {
-			"aria-hidden": !0,
-			className: n("mt-1 w-px flex-1", o.line)
-		})]
-	}) : /* @__PURE__ */ C("div", {
-		className: n("activity-marker--component flex flex-col items-center", a),
-		children: [/* @__PURE__ */ S("span", {
-			className: n("flex size-icon-lg shrink-0 items-center justify-center rounded-full", o.bg, o.fg),
-			children: /* @__PURE__ */ S(e, { className: "size-icon-sm" })
-		}), !i && /* @__PURE__ */ S("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 Ee({ metadata: e, moreLabel: t }) {
-	let n = e.slice(0, 3), i = e.length - n.length;
-	return /* @__PURE__ */ C(s, {
-		direction: "horizontal",
-		align: "center",
-		wrap: !0,
-		gap: "sm",
-		className: "activity-row--metadata-preview mt-space-xs min-w-0 gap-y-space-2xs",
-		children: [n.map((e, t) => /* @__PURE__ */ C(h, { children: [/* @__PURE__ */ C(r, {
-			tag: "span",
-			type: "secondary",
-			className: "inline-flex min-w-0 items-baseline gap-space-xs leading-snug",
-			children: [/* @__PURE__ */ C(r, {
-				tag: "span",
-				size: "xs",
-				type: "discrete",
-				className: "shrink-0",
-				children: [
-					e.label,
-					":",
-					" "
-				]
-			}), /* @__PURE__ */ S(r, {
-				tag: "span",
-				size: "inherit",
-				className: "min-w-0 truncate",
-				children: e.value
-			})]
-		}), t < n.length - 1 && /* @__PURE__ */ S(r, {
-			tag: "span",
-			size: "xs",
-			type: "discrete",
-			className: "leading-snug",
-			"aria-hidden": "true",
-			children: " · "
-		})] }, e.label)), i > 0 && /* @__PURE__ */ C(r, {
-			tag: "span",
-			size: "xs",
-			type: "discrete",
-			className: "leading-snug",
-			children: [
-				"+",
-				i,
-				" ",
-				t
-			]
-		})]
-	});
-}
-function De({ metadata: e }) {
-	return /* @__PURE__ */ S(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__ */ C(s, {
+		children: e.map((e) => /* @__PURE__ */ k(c, {
 			gap: "dense",
 			className: "min-w-0",
-			children: [/* @__PURE__ */ S(r, {
+			children: [/* @__PURE__ */ O(i, {
 				tag: "div",
 				size: "xs",
 				type: "discrete",
 				weight: "medium",
-				className: "leading-snug",
+				lineHeight: "snug",
 				children: e.label
-			}), /* @__PURE__ */ S(r, {
+			}), /* @__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 Oe(e) {
-	let { activity: t, density: i, itemSpacing: o, eventConfig: c, tone: u, last: d, expanded: f, onExpandedChange: p, detailsCollapsible: m, relativeTime: h, absoluteTime: g, sourceLabel: _, youLabel: v, showChangesLabel: y, hideChangesLabel: b, moreLabel: x, actionsLabel: w, currentUserId: T, actions: E, onActivityClick: D, onActorClick: O, onResourceClick: k, onAction: A, getResourceConfig: j, headlineOverride: M, markerOverride: N, customDetails: P, rowClassName: F, markerClassName: I, contentClassName: L, detailsClassName: ne } = e, R = t.iconOverride ?? c.icon, z = (t.changes?.length ?? 0) > 0, B = t.metadata ?? [], V = B.length > 0, H = (t.resources?.length ?? 0) > 0, U = t.details !== void 0 && t.details !== null && t.details !== !1, W = P != null && P !== !1, G = V || z || U || W, re = t.description !== void 0 && t.description !== null && t.description !== "", K = i !== "compact", q = i === "rich", J = m ?? (V || z), Y = q && G && (!J || f), X = q && V && J && !f, Z = E.filter((e) => e.presentation === "inline"), ie = E.filter((e) => e.presentation !== "inline"), ae = M ?? /* @__PURE__ */ S(we, {
+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: T,
-		youLabel: v,
-		onActorClick: O,
-		onResourceClick: k,
+		currentUserId: C,
+		youLabel: y,
+		onActorClick: E,
+		onResourceClick: D,
 		getResourceConfig: j
-	}), oe = N ?? /* @__PURE__ */ S(Te, {
-		icon: R,
-		tone: u,
-		density: i,
-		last: d,
-		className: I
-	}), Q = typeof D == "function", se = z || H || ie.length > 0 || Z.length > 0 || typeof O == "function" || typeof k == "function", ce = Q && !se, le = i === "rich" ? "gap-space-md py-space-xs" : i === "compact" ? "gap-space-sm py-space-2xs" : "gap-space-md py-space-2xs", ue = d ? "" : o === "compact" ? "pb-space-sm" : o === "relaxed" ? "pb-space-xl" : "pb-space-md";
-	return /* @__PURE__ */ C("div", {
-		className: n("activity-row--component relative flex", le, Q && "cursor-pointer rounded-radius hover:bg-muted/40", F),
-		onClick: Q ? () => D?.(t) : void 0,
-		role: ce ? "button" : void 0,
-		tabIndex: ce ? 0 : void 0,
-		onKeyDown: ce ? (e) => {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), D?.(t));
+	}), se = N ?? /* @__PURE__ */ O(Fe, {
+		icon: B,
+		tone: l,
+		density: a,
+		last: u,
+		className: L
+	}), 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__ */ C("div", {
-			className: n("activity-row--content min-w-0 flex-1", ue, L),
+		children: [se, /* @__PURE__ */ k("div", {
+			className: n("activity-row--content min-w-0 flex-1", fe, R),
 			children: [
-				/* @__PURE__ */ C(s, {
+				/* @__PURE__ */ k(c, {
 					gap: "dense",
-					children: [/* @__PURE__ */ C("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__ */ C(s, {
+						children: [/* @__PURE__ */ O(c, {
 							gap: "dense",
 							className: "min-w-0",
-							children: [/* @__PURE__ */ C("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__ */ S(r, {
+								children: [/* @__PURE__ */ O(i, {
+									type: "inherit",
 									tag: "span",
 									size: "inherit",
 									lineHeight: "snug",
 									className: "min-w-0 break-words [overflow-wrap:anywhere]",
-									children: ae
-								}), !!_ && /* @__PURE__ */ S(l, {
+									children: oe
+								}), !!v && /* @__PURE__ */ O(h, {
 									inline: !0,
 									size: "sm",
 									tone: "secondary",
-									children: _
+									children: v
 								})]
-							}), X && /* @__PURE__ */ S(Ee, {
-								metadata: B,
-								moreLabel: x
-							})]
-						}), /* @__PURE__ */ C(s, {
+							})
+						}), /* @__PURE__ */ k(c, {
 							direction: "horizontal",
 							gap: "xs",
 							justify: {
@@ -876,14 +809,15 @@ function Oe(e) {
 							wrap: !1,
 							className: "activity-row--trailing w-full shrink-0 justify-self-start sm:w-auto sm:justify-self-end",
 							children: [
-								!!h && /* @__PURE__ */ S(r, {
+								!!g && /* @__PURE__ */ O(i, {
 									size: "xs",
 									type: "secondary",
-									className: "whitespace-nowrap tabular-nums leading-snug",
-									title: g ?? void 0,
-									children: h
+									lineHeight: "snug",
+									className: "whitespace-nowrap tabular-nums",
+									title: _ ?? void 0,
+									children: g
 								}),
-								q && G && J && /* @__PURE__ */ S(a, {
+								q && K && J && /* @__PURE__ */ O(r, {
 									type: "button",
 									size: "sm",
 									iconOnly: !0,
@@ -891,48 +825,73 @@ function Oe(e) {
 									buttonStyle: "ghost",
 									className: "size-action-sm text-muted-foreground",
 									onClick: (e) => {
-										e.stopPropagation(), p(!f);
+										e.stopPropagation(), f(!d);
 									},
-									title: f ? b : y,
-									"aria-label": f ? b : y,
-									"aria-expanded": f,
-									children: S(f ? ee : te, { 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" })
 								}),
-								q && ie.length > 0 && /* @__PURE__ */ S(pe, {
+								q && ae.length > 0 && /* @__PURE__ */ O(xe, {
 									activity: t,
-									actions: ie,
+									actions: ae,
 									onAction: A,
-									label: w
+									label: S
 								})
 							]
 						})]
-					}), !!K && re && /* @__PURE__ */ S(r, {
+					}), !!re && ne && /* @__PURE__ */ O(i, {
 						tag: "div",
 						type: "secondary",
-						className: "max-w-3xl leading-relaxed",
+						lineHeight: "relaxed",
+						className: "max-w-3xl",
 						children: t.description
 					})]
 				}),
-				!!q && H && t.resources && /* @__PURE__ */ S(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__ */ S(be, {
+						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);
 					})
 				}),
-				q && Z.length > 0 && /* @__PURE__ */ S(s, {
+				Y && /* @__PURE__ */ O("div", {
+					className: "mt-space-sm",
+					children: /* @__PURE__ */ O("div", {
+						className: n("activity-row--details", z),
+						children: /* @__PURE__ */ k(c, {
+							gap: "md",
+							children: [
+								U && /* @__PURE__ */ O(Ie, { metadata: H }),
+								V && t.changes && /* @__PURE__ */ O(Ce, {
+									changes: t.changes,
+									className: "border-0 bg-transparent p-0"
+								}),
+								te && /* @__PURE__ */ O("div", {
+									className: "activity-row--details-body",
+									children: t.details
+								}),
+								G && /* @__PURE__ */ O("div", {
+									className: "activity-row--details-custom",
+									children: P
+								})
+							]
+						})
+					})
+				}),
+				X && ie.length > 0 && /* @__PURE__ */ O(c, {
 					direction: "horizontal",
 					gap: "xs",
 					className: "activity-row--inline-actions mt-space-sm",
-					children: Z.map((e) => {
+					children: ie.map((e) => {
 						let n = e.icon;
-						return /* @__PURE__ */ S(a, {
+						return /* @__PURE__ */ O(r, {
 							type: "button",
 							size: "sm",
 							tone: e.tone === "destructive" ? "destructive" : "secondary",
@@ -946,30 +905,6 @@ function Oe(e) {
 							children: e.label
 						}, e.id);
 					})
-				}),
-				Y && /* @__PURE__ */ S("div", {
-					className: "mt-space-sm",
-					children: /* @__PURE__ */ S("div", {
-						className: n("activity-row--details", ne),
-						children: /* @__PURE__ */ C(s, {
-							gap: "md",
-							children: [
-								V && /* @__PURE__ */ S(De, { metadata: B }),
-								z && t.changes && /* @__PURE__ */ S(he, {
-									changes: t.changes,
-									className: "border-0 bg-transparent p-0"
-								}),
-								U && /* @__PURE__ */ S("div", {
-									className: "activity-row--details-body",
-									children: t.details
-								}),
-								W && /* @__PURE__ */ S("div", {
-									className: "activity-row--details-custom",
-									children: P
-								})
-							]
-						})
-					})
 				})
 			]
 		})]
@@ -977,153 +912,153 @@ function Oe(e) {
 }
 //#endregion
 //#region src/components/features/activities/activities-feed.tsx
-function ke(e, t) {
+function Re(e, t) {
 	try {
 		let n = new Date(e);
-		return X(n) ? q(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 Ae(e, t) {
+function Q(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function je(e, t) {
+function ze(e, t) {
 	return e.toneOverride ?? t;
 }
-function Me(i) {
-	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: y, slots: b, rowClassNames: x, className: w, locale: T, formatRelativeTime: E, formatAbsoluteTime: D, formatDateGroupLabel: O, getEventLabel: ee, getSourceLabel: te, actionsForActivity: k, onActivityClick: A, onActorClick: j, onResourceClick: M, onAction: N, onActivityExpandedChange: P, resources: F, onResourcesChange: I } = i, L = t(se, y), ne = v(() => ({
-		...oe,
+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,
 		..._
-	}), [_]), R = de({
-		resources: F,
-		onResourcesChange: I
-	}), z = e(), B = T ?? z.locale, V = ue({
+	}), [_]), B = ye({
+		resources: I,
+		onResourcesChange: L
+	}), V = e(), H = S ?? V.locale, U = ve({
 		activities: a,
 		groupByDate: l,
 		expandedByDefault: u,
 		defaultExpandedIds: f,
 		expandedIds: p,
 		onExpandedIdsChange: m,
-		locale: B,
-		strings: L,
-		formatDateGroupLabel: O
-	}), H = E ?? z.formatRelativeTime ?? ((e) => e), U = D ?? ((e) => ke(e, B));
-	if (g) return /* @__PURE__ */ S("div", {
-		className: n("activities-feed--component", "px-space-md py-space-xl", w),
-		children: b?.loading ?? /* @__PURE__ */ S(r, {
+		locale: H,
+		strings: R,
+		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: L.loading
+			children: R.loading
 		})
 	});
-	if (a.length === 0) return /* @__PURE__ */ S("div", {
-		className: n("activities-feed--component", "px-space-md py-space-md", w),
-		children: b?.empty ?? /* @__PURE__ */ S(_e, { title: L.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 W = V.groups.reduce((e, t) => e + t.items.length, 0), G = 0;
-	return /* @__PURE__ */ C(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", w),
+		className: n("activities-feed--component", x),
 		children: [
-			!!b?.header && /* @__PURE__ */ S("div", { children: b.header }),
-			/* @__PURE__ */ S("div", {
+			!!y?.header && /* @__PURE__ */ O("div", { children: y.header }),
+			/* @__PURE__ */ O("div", {
 				className: "flex flex-col",
-				children: V.groups.map((e, t) => {
+				children: U.groups.map((e, t) => {
 					let r = t === 0;
-					return /* @__PURE__ */ C("div", {
+					return /* @__PURE__ */ k("div", {
 						className: n(r ? "" : "mt-1"),
-						children: [b?.renderDateLabel ? b.renderDateLabel(e.label, r) : /* @__PURE__ */ S(ge, {
+						children: [y?.renderDateLabel ? y.renderDateLabel(e.label, r) : /* @__PURE__ */ O(we, {
 							label: e.label,
 							first: r
-						}), /* @__PURE__ */ S("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 = ++G === W, a = Q(n.event, ne), s = je(n, a.tone), l = n.timestamp ?? (n.createdAt ? H(n.createdAt) : null), u = n.createdAt ? U(n.createdAt) : null, f = n.source ? te?.(n.source) ?? L.sources[n.source] ?? a.sourceLabel ?? null : a.sourceLabel ?? null, p = f && f.trim().length > 0 ? f : null, m = k?.(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: V.isExpanded(n.id),
-									itemSpacing: c,
-									setExpanded: (e) => V.setExpanded(n.id, e),
-									toggleExpanded: () => V.toggleExpanded(n.id)
-								}, _ = b?.renderDetails?.(n, g), v = b?.renderRow?.(n, g);
-								if (v !== void 0) return /* @__PURE__ */ S("div", { children: v }, e.key);
-								let y = b?.renderHeadline?.(n, g), C = b?.renderMarker?.(n, g);
-								return /* @__PURE__ */ S(Oe, {
+									expanded: U.isExpanded(n.id),
+									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__ */ O("div", { children: v }, e.key);
+								let x = y?.renderHeadline?.(n, g), S = y?.renderMarker?.(n, g);
+								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) => {
-										V.setExpanded(n.id, e), P?.(n, e);
+										U.setExpanded(n.id, e), ee?.(n, e);
 									},
 									detailsCollapsible: n.collapsible ?? d,
 									relativeTime: l,
 									absoluteTime: u,
 									sourceLabel: p,
-									youLabel: L.you,
-									showChangesLabel: L.showChanges,
-									hideChangesLabel: L.hideChanges,
-									moreLabel: L.moreLabel,
-									actionsLabel: L.actionsLabel,
+									youLabel: R.you,
+									showChangesLabel: R.showChanges,
+									hideChangesLabel: R.hideChanges,
+									moreLabel: R.moreLabel,
+									actionsLabel: R.actionsLabel,
 									currentUserId: h,
 									actions: m,
-									onActivityClick: A,
-									onActorClick: j,
-									onResourceClick: M,
-									onAction: N,
-									getResourceConfig: (e) => R.get(e),
-									headlineOverride: y,
-									markerOverride: C,
+									onActivityClick: M,
+									onActorClick: N,
+									onResourceClick: P,
+									onAction: F,
+									getResourceConfig: (e) => B.get(e),
+									headlineOverride: x,
+									markerOverride: S,
 									customDetails: _,
-									rowClassName: Ae(x?.row, n),
-									markerClassName: Ae(x?.marker, n),
-									contentClassName: Ae(x?.content, n),
-									detailsClassName: Ae(x?.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}`);
 				})
 			}),
-			!!b?.footer && /* @__PURE__ */ S("div", { children: b.footer })
+			!!y?.footer && /* @__PURE__ */ O("div", { children: y.footer })
 		]
 	});
 }
-Me.displayName = "ActivityFeed";
+Be.displayName = "ActivityFeed";
 //#endregion
 //#region src/components/features/activities/activity-log.tsx
-function Ne(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 Pe(e) {
+function He(e) {
 	return e ?? "secondary";
 }
-function Fe(e) {
+function Ue(e) {
 	if (e) return typeof e == "string" ? { name: e } : e;
 }
-function Ie(e) {
+function We(e) {
 	return e != null && e !== !1;
 }
 function $(e, t) {
 	if (e && t && t.kind !== "comment") return typeof e == "function" ? e(t) : e;
 }
-function Le(e, t) {
-	let n = Fe(e.actor), r = e.descriptionHtml ? /* @__PURE__ */ S(m, {
+function Ge(e, t) {
+	let n = Ue(e.actor), r = e.descriptionHtml ? /* @__PURE__ */ O(b, {
 		html: e.descriptionHtml,
 		mentions: e.mentions,
 		resources: t
@@ -1136,7 +1071,7 @@ function Le(e, t) {
 		createdAt: e.timestamp,
 		timestamp: void 0,
 		iconOverride: e.icon,
-		toneOverride: Pe(e.tone),
+		toneOverride: He(e.tone),
 		headline: typeof e.headline == "string" ? e.headline : void 0,
 		description: r,
 		metadata: e.metadata,
@@ -1155,7 +1090,7 @@ function Le(e, t) {
 				type: "text",
 				text: e.action
 			}] : [],
-			...Ie(e.target) ? [{
+			...We(e.target) ? [{
 				type: "value",
 				text: String(e.target)
 			}] : [],
@@ -1166,65 +1101,65 @@ function Le(e, t) {
 		] : void 0
 	};
 }
-function Re(i) {
-	let { entries: a, order: o = "desc", itemSpacing: c = "relaxed", resources: l, onResourceSearch: u, canModerate: m, onCommentDelete: h, onCommentReact: _, onCommentReply: y, onCommentPinToggle: b, strings: x, activityStrings: w, renderers: T, renderEventDetails: E, eventDetailsCollapsible: D = !0, defaultExpandedIds: O, expandedIds: ee, onExpandedIdsChange: te, onEventExpandedChange: k, onEventAction: A, classNames: j, composer: M, bare: N = !1, title: P, getMediaUrl: F, getMediaName: I, getStatusLabel: L, formatRelativeTime: R, className: z } = i, B = t(se, w), V = e(), H = g((e) => {
-		let t = R ?? V.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 = ie(e);
-		if (!X(n)) return e;
-		let r = V.locale;
-		return J(n, {
+		let n = de(e);
+		if (!le(n)) return e;
+		let r = H.locale;
+		return se(n, {
 			addSuffix: !0,
 			...r ? { locale: r } : {}
 		});
 	}, [
-		V.formatRelativeTime,
-		V.locale,
-		R
-	]), U = p({
-		onSubmit: M?.onSubmit,
-		onAfterMutate: M?.onAfterMutate,
-		onError: M?.onError
-	}), W = v(() => Ne(a, o), [a, o]), G = v(() => W.map((e) => e.kind === "comment" ? {
+		H.formatRelativeTime,
+		H.locale,
+		z
+	]), 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
-	} : Le(e, l)), [l, W]), re = v(() => ({
-		row: (e) => $(j?.eventRow, e.data),
-		marker: (e) => $(j?.eventMarker, e.data),
-		content: (e) => $(j?.eventContent, e.data),
-		details: (e) => $(j?.eventDetails, e.data)
-	}), [j]), K = M?.enabled ? /* @__PURE__ */ S("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__ */ S(d, {
-			context: M.context,
+		children: /* @__PURE__ */ O(_, {
+			context: P.context,
 			canComment: !0,
-			submitting: U.isSubmitting,
-			errors: U.formErrors,
-			resetKey: U.resetKey,
-			onSubmit: U.submit,
+			submitting: W.isSubmitting,
+			errors: W.formErrors,
+			resetKey: W.resetKey,
+			onSubmit: W.submit,
 			resources: l,
 			onResourceSearch: u,
-			strings: x,
-			placeholder: M.placeholder,
-			autoFocus: M.autoFocus,
-			inlineSubmit: M.inlineSubmit ?? !1
+			strings: g,
+			placeholder: P.placeholder,
+			autoFocus: P.autoFocus,
+			inlineSubmit: P.inlineSubmit ?? !1
 		})
-	}) : null, q = M?.position ?? "top", Y = /* @__PURE__ */ S(Me, {
-		activities: G,
+	}) : null, q = P?.position ?? "top", J = /* @__PURE__ */ O(Be, {
+		activities: K,
 		density: "rich",
-		itemSpacing: c,
+		itemSpacing: s,
 		groupByDate: !0,
 		resources: {},
-		strings: w,
-		detailsCollapsible: D,
-		defaultExpandedIds: O,
-		expandedIds: ee,
-		onExpandedIdsChange: te,
-		formatRelativeTime: H,
-		getSourceLabel: (e) => B.sources[e] ?? e,
+		strings: b,
+		detailsCollapsible: T,
+		defaultExpandedIds: E,
+		expandedIds: D,
+		onExpandedIdsChange: A,
+		formatRelativeTime: U,
+		getSourceLabel: (e) => V.sources[e] ?? e,
 		actionsForActivity: (e) => {
 			let t = e.data;
 			if (!t || t.kind === "comment") return [];
@@ -1240,68 +1175,68 @@ function Re(i) {
 				onClick: () => e.onSelect?.(n)
 			}));
 		},
-		rowClassNames: re,
+		rowClassNames: ne,
 		onAction: (e, t) => {
 			let n = t.data;
-			n && n.kind !== "comment" && A?.(e, n);
+			n && n.kind !== "comment" && M?.(e, n);
 		},
 		onActivityExpandedChange: (e, t) => {
 			let n = e.data;
-			n && n.kind !== "comment" && k?.(n, t);
+			n && n.kind !== "comment" && j?.(n, t);
 		},
 		slots: {
-			header: q === "top" ? K : void 0,
-			footer: q === "bottom" ? K : 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 = T?.[r.kind];
+				let i = x?.[r.kind];
 				if (i) return i(r, {
 					resources: l,
 					accessors: {
-						getMediaUrl: F,
-						getMediaName: I,
-						getStatusLabel: L,
-						formatRelativeTime: H
+						getMediaUrl: I,
+						getMediaName: L,
+						getStatusLabel: R,
+						formatRelativeTime: U
 					},
-					strings: x
+					strings: g
 				});
 				if (r.kind !== "comment") return;
 				let a = r;
-				return /* @__PURE__ */ C(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__ */ S(Te, {
-						icon: ne,
+					children: [/* @__PURE__ */ O(Fe, {
+						icon: te,
 						tone: "neutral",
 						density: t.density,
 						last: t.isLast
-					}), /* @__PURE__ */ S("div", {
+					}), /* @__PURE__ */ O("div", {
 						className: "activity-log--comment min-w-0 flex-1",
-						children: /* @__PURE__ */ S(f, {
+						children: /* @__PURE__ */ O(v, {
 							comment: a.comment,
-							canModerate: m,
-							onDelete: h,
-							onPinToggle: b,
-							onReact: _,
-							onReply: y,
-							strings: x,
+							canModerate: d,
+							onDelete: f,
+							onPinToggle: h,
+							onReact: p,
+							onReply: m,
+							strings: g,
 							resources: l,
-							getMediaUrl: F,
-							getMediaName: I,
-							getStatusLabel: L,
-							formatRelativeTime: H
+							getMediaUrl: I,
+							getMediaName: L,
+							getStatusLabel: R,
+							formatRelativeTime: U
 						})
 					})]
 				});
 			},
 			renderDetails: (e, t) => {
 				let n = e.data;
-				return !n || n.kind === "comment" ? null : E?.(n, {
+				return !n || n.kind === "comment" ? null : C?.(n, {
 					expanded: t.expanded,
 					setExpanded: t.setExpanded,
 					relativeTime: t.relativeTime,
@@ -1310,35 +1245,36 @@ function Re(i) {
 				});
 			}
 		},
-		className: n("activity-log--component", j?.list, N && z)
+		className: n("activity-log--component", N?.list, F && B)
 	});
-	if (N) return Y;
-	let Z = P ?? B.title, ae = typeof Z == "string" ? Z : void 0;
-	return /* @__PURE__ */ C(s, {
-		render: /* @__PURE__ */ S("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", z),
-		"aria-label": ae,
-		children: [!!Z && /* @__PURE__ */ S(r, {
+		className: n("activity-log--component", B),
+		"aria-label": X,
+		children: [!!Y && /* @__PURE__ */ O(i, {
+			type: "inherit",
 			weight: "semibold",
-			children: Z
-		}), Y]
+			children: Y
+		}), J]
 	});
 }
-Re.displayName = "ActivityLog";
+Ke.displayName = "ActivityLog";
 //#endregion
 //#region src/components/features/activities/activity-event-adapter.ts
-function ze(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 Be(e, t) {
-	let n = t.kind?.(e) ?? ze(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",
@@ -1365,10 +1301,10 @@ function Be(e, t) {
 		data: t.data?.(e) ?? e
 	};
 }
-function Ve(e) {
-	return (t) => Be(t, e);
+function Ye(e) {
+	return (t) => Je(t, e);
 }
 //#endregion
-export { pe as ActivityActionsMenu, he as ActivityChanges, ge as ActivityDateLabel, _e as ActivityEmptyState, Me as ActivityFeed, we as ActivityHeadline, Re as ActivityLog, Te as ActivityMarker, be as ActivityResourceTag, Oe as ActivityRow, Ve as createActivityEventAdapter, se as defaultActivitiesStrings, oe as defaultActivityEventConfig, ae as defaultEventConfig, ce as interpolateActivityString, Q as resolveEventConfig, Be as toActivityLogEntry, ue as useActivityFeed, de 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