themelia-react-ui 1.0.2 → 2.0.1

package/dist/features/activities.js

@@ -1,176 +1,178 @@
 "use client";
-import { o as e } from "../ui-provider-DRPn3qNl.js";
+import { o as e } from "../ui-provider-1D_NSYzO.js";
 import { useStrings as t } from "../lib/strings.js";
-import { t as n } from "../utils-BvH9PSmq.js";
-import { a as r, t as i } from "../typography-BxQgiZyw.js";
-import { t as a } from "../button-BZDasD04.js";
-import { r as o, t as s } from "../structure-CRdqVawd.js";
-import { n as c } from "../action-menu-Drxw_vJk.js";
-import { t as l } from "../badge-CzId1Wlm.js";
-import { l as u } from "../data-display-Bihs9Ven.js";
-import { o as d, r as f, u as p } from "../comments-u5L0OGip.js";
-import { o as m } from "../mentions-Cl0Kt_Pd.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-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";
 //#region src/components/features/activities/activities.config.ts
-var ae = {
-	icon: k,
+var ce = {
+	icon: N,
 	tone: "neutral"
-}, oe = {
+}, Q = {
 	created: {
-		icon: B,
+		icon: G,
 		tone: "success",
 		label: "Created"
 	},
 	updated: {
-		icon: z,
-		tone: "info",
+		icon: W,
+		tone: "neutral",
 		label: "Updated"
 	},
 	edited: {
-		icon: A,
-		tone: "info",
+		icon: P,
+		tone: "neutral",
 		label: "Edited"
 	},
 	deleted: {
-		icon: G,
+		icon: J,
 		tone: "destructive",
 		label: "Deleted"
 	},
 	cancelled: {
-		icon: D,
+		icon: A,
 		tone: "destructive",
 		label: "Cancelled"
 	},
 	restored: {
-		icon: U,
+		icon: te,
 		tone: "success",
 		label: "Restored"
 	},
 	status_changed: {
-		icon: E,
-		tone: "primary",
+		icon: k,
+		tone: "neutral",
 		label: "Status changed"
 	},
 	status_transition: {
-		icon: E,
-		tone: "primary",
+		icon: k,
+		tone: "neutral",
 		label: "Status changed"
 	},
 	status_override: {
-		icon: E,
+		icon: k,
 		tone: "warning",
 		label: "Status overridden"
 	},
 	assigned: {
-		icon: K,
-		tone: "info",
+		icon: X,
+		tone: "neutral",
 		label: "Assigned"
 	},
 	unassigned: {
-		icon: re,
-		tone: "destructive",
+		icon: Y,
+		tone: "neutral",
 		label: "Unassigned"
 	},
 	mail_sent: {
-		icon: P,
-		tone: "info",
+		icon: R,
+		tone: "neutral",
 		label: "Email sent"
 	},
 	mail_delivered: {
-		icon: F,
+		icon: z,
 		tone: "success",
 		label: "Email delivered"
 	},
 	mail_opened: {
-		icon: I,
-		tone: "info",
+		icon: B,
+		tone: "neutral",
 		label: "Email opened"
 	},
 	mail_clicked: {
-		icon: I,
-		tone: "info",
+		icon: B,
+		tone: "neutral",
 		label: "Email clicked"
 	},
 	mail_bounced: {
-		icon: L,
+		icon: V,
 		tone: "destructive",
 		label: "Email bounced"
 	},
 	mail_failed: {
-		icon: L,
+		icon: V,
 		tone: "destructive",
 		label: "Email failed"
 	},
 	comment_created: {
-		icon: R,
-		tone: "warning",
+		icon: U,
+		tone: "neutral",
 		label: "Comment posted"
 	},
 	comment_deleted: {
-		icon: R,
+		icon: U,
 		tone: "destructive",
 		label: "Comment deleted"
 	},
 	paid: {
-		icon: O,
+		icon: j,
 		tone: "success",
 		label: "Paid"
 	},
 	refunded: {
-		icon: E,
+		icon: k,
 		tone: "warning",
 		label: "Refunded"
 	},
 	confirmed: {
-		icon: V,
+		icon: K,
 		tone: "success",
 		label: "Confirmed"
 	},
 	favorited: {
-		icon: M,
-		tone: "warning",
+		icon: I,
+		tone: "neutral",
 		label: "Favorited"
 	},
 	ordered: {
-		icon: H,
-		tone: "primary",
+		icon: q,
+		tone: "neutral",
 		label: "Order placed"
 	},
 	published: {
-		icon: W,
+		icon: ne,
 		tone: "success",
 		label: "Published"
 	},
 	flagged: {
-		icon: j,
+		icon: F,
 		tone: "warning",
 		label: "Flagged"
 	},
 	linked: {
-		icon: N,
-		tone: "info",
+		icon: L,
+		tone: "neutral",
 		label: "Linked"
 	},
 	failed: {
-		icon: T,
+		icon: O,
 		tone: "destructive",
 		label: "Failed"
 	},
 	health_check_failed: {
-		icon: T,
+		icon: O,
 		tone: "destructive",
 		label: "Health check failed"
 	}
 };
-function Q(e, t) {
-	return t[e] ?? ae;
+function le(e, t) {
+	return t[e] ?? ce;
 }
 //#endregion
 //#region src/components/features/activities/activities.strings.ts
-var se = {
+var ue = {
 	title: "Activity",
 	empty: "No activity yet.",
 	loading: "Loading activity…",
@@ -191,7 +193,7 @@ var se = {
 	},
 	events: {}
 };
-function ce(e, t) {
+function de(e, t) {
 	return e.replace(/\{\{\s*(\w+)\s*\}\}/g, (e, n) => {
 		let r = t[n];
 		return r === void 0 ? e : String(r);
@@ -199,20 +201,24 @@ function ce(e, t) {
 }
 //#endregion
 //#region src/components/features/activities/hooks/use-activity-feed.ts
-function le(e, t, n) {
+function fe(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 (!ae(r)) return t.undated;
+	if (ie(r)) return t.today;
+	if (oe(r)) return t.yesterday;
 	try {
-		return q(r, "PPP", n ? { locale: n } : void 0);
+		return new Intl.DateTimeFormat(n?.code ?? "en-US", { dateStyle: "long" }).format(r);
 	} catch {
-		return e;
+		try {
+			return Z(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 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(() => {
 		let t = /* @__PURE__ */ new Map();
 		return e.map((e) => {
 			let n = [
@@ -226,12 +232,12 @@ function ue({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, def
 				key: `${n}:${r}`
 			};
 		});
-	}, [e]), p = v(() => {
+	}, [e]), p = x(() => {
 		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) : fe(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({
@@ -249,11 +255,11 @@ function ue({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, def
 		o,
 		s,
 		c
-	]), m = v(() => {
+	]), m = x(() => {
 		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 = x(() => new Set(i ?? []), [i]), g = y((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);
@@ -269,15 +275,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), [
+	]), _ = y((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 = y((e) => {
+		g(e, !_(e));
+	}, [_, g]), b = y(() => {
 		let e = {};
 		for (let t of f) e[t.activity.id] = !0;
 		d || u(e), a?.(f.map((e) => e.activity.id));
@@ -285,7 +291,7 @@ function ue({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, def
 		d,
 		f,
 		a
-	]), C = g(() => {
+	]), S = y(() => {
 		let e = {};
 		for (let t of f) e[t.activity.id] = !1;
 		d || u(e), a?.([]);
@@ -297,27 +303,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: b,
+		collapseAll: S
 	};
 }
 //#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 me({ resources: e, onResourcesChange: t } = {}) {
+	let [n, r] = C(() => e ?? {}), i = S(e);
+	b(() => {
 		e !== i.current && (i.current = e, r(e ?? {}));
 	}, [e]);
-	let a = y(t);
-	_(() => {
+	let a = S(t);
+	b(() => {
 		a.current = t;
 	}, [t]);
-	let o = g((e) => {
+	let o = y((e) => {
 		a.current?.(e);
-	}, []), s = g((e, t) => {
+	}, []), s = y((e, t) => {
 		r((n) => {
 			let r = {
 				...n,
@@ -325,7 +331,7 @@ function de({ resources: e, onResourcesChange: t } = {}) {
 			};
 			return o(r), r;
 		});
-	}, [o]), c = g((e, t) => {
+	}, [o]), c = y((e, t) => {
 		r((n) => {
 			let r = n[e];
 			if (!r) return n;
@@ -338,21 +344,21 @@ function de({ resources: e, onResourcesChange: t } = {}) {
 			};
 			return o(i), i;
 		});
-	}, [o]), l = g((e) => {
+	}, [o]), l = y((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 = y((e) => {
 		r(e), o(e);
-	}, [o]), d = g(() => {
+	}, [o]), d = y(() => {
 		let e = i.current ?? {};
 		r(e), o(e);
 	}, [o]);
 	return {
 		registry: n,
-		get: g((e) => {
+		get: y((e) => {
 			let t = typeof e == "string" ? e : e.key;
 			return n[t];
 		}, [n]),
@@ -365,11 +371,11 @@ function de({ resources: e, onResourcesChange: t } = {}) {
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-actions-menu.tsx
-function fe(e) {
+function he(e) {
 	if (e === "destructive") return "destructive";
 	if (e === "primary" || e === "secondary") return e;
 }
-function pe({ activity: e, actions: t, onAction: n, label: r }) {
+function ge({ activity: e, actions: t, onAction: n, label: r }) {
 	if (t.length === 0) return null;
 	let i = t.map((t) => ({
 		id: t.id,
@@ -377,97 +383,94 @@ function pe({ activity: e, actions: t, onAction: n, label: r }) {
 		label: t.label,
 		href: t.href,
 		disabled: t.disabled,
-		variant: fe(t.tone),
+		tone: he(t.tone),
 		onClick: () => {
 			t.onClick?.(e), n?.(t.id, e);
 		}
 	}));
-	return /* @__PURE__ */ S(c, {
+	return /* @__PURE__ */ T(u, {
 		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 _e({ 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__ */ T(i, {
 		tag: "span",
 		children: e.description
-	}) : /* @__PURE__ */ C(r, {
+	}) : /* @__PURE__ */ E(i, {
 		tag: "span",
 		className: "inline-flex flex-wrap items-baseline gap-space-xs",
 		children: [
-			!!t && /* @__PURE__ */ S(r, {
+			!!t && /* @__PURE__ */ T(i, {
 				tag: "span",
 				size: "inherit",
-				className: "rounded bg-destructive/10 text-destructive line-through px-1 py-px",
+				className: l.removed,
 				children: e.old
 			}),
-			t && n && /* @__PURE__ */ S(r, {
+			t && n && /* @__PURE__ */ T(i, {
 				tag: "span",
 				size: "inherit",
 				type: "secondary",
 				children: "→"
 			}),
-			!!n && /* @__PURE__ */ S(r, {
+			!!n && /* @__PURE__ */ T(i, {
 				tag: "span",
 				size: "inherit",
-				className: "rounded bg-success/15 text-success px-1 py-px",
+				className: l.added,
 				children: e.new
 			})
 		]
 	});
 }
-function he({ changes: e, className: t }) {
-	return e.length === 0 ? null : /* @__PURE__ */ S("div", {
+function ve({ changes: e, className: t }) {
+	return e.length === 0 ? null : /* @__PURE__ */ T("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__ */ T(s, {
 			gap: "sm",
-			children: e.map((e) => /* @__PURE__ */ C("div", {
+			children: e.map((e) => /* @__PURE__ */ E("div", {
 				className: "flex items-baseline gap-space-md",
-				children: [/* @__PURE__ */ S(r, {
+				children: [/* @__PURE__ */ T(i, {
 					size: "xs",
 					type: "secondary",
 					weight: "medium",
 					className: "shrink-0",
 					children: e.label
-				}), /* @__PURE__ */ S(me, { change: e })]
+				}), /* @__PURE__ */ T(_e, { 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 ye({ label: e, first: t, className: r }) {
+	return e === "" ? null : /* @__PURE__ */ T(s, {
 		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__ */ T(i, {
 			size: "xs",
 			type: "secondary",
 			weight: "medium",
-			className: "uppercase tracking-wider",
 			children: e
 		})
 	});
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-empty-state.tsx
-function _e({ title: e, hint: t, className: r }) {
-	return /* @__PURE__ */ S(u, {
+function be({ title: e, hint: t, className: r }) {
+	return /* @__PURE__ */ T(p, {
 		title: e,
 		description: t ?? !1,
-		media: /* @__PURE__ */ S(w, {
+		media: /* @__PURE__ */ T(D, {
 			className: "size-icon",
 			"aria-hidden": "true"
 		}),
@@ -478,64 +481,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 $ = (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 = {
+	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 = {
 	primary: "primary",
 	success: "success",
 	warning: "warning",
@@ -546,32 +514,32 @@ 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 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, {
 			tag: "span",
 			weight: "medium",
 			lineHeight: "none",
 			className: s.chipFg,
-			children: u
+			children: l
 		}),
-		!!t?.tags && t.tags.length > 0 && /* @__PURE__ */ S(r, {
+		!!t?.tags && t.tags.length > 0 && /* @__PURE__ */ T(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__ */ T(f, {
 			inline: !0,
 			size: "sm",
-			tone: ye[t.badge.tone ?? "neutral"],
+			tone: Ce[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, {
+	] }), 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, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
@@ -581,21 +549,21 @@ function be({ resource: e, config: t, fallbackText: i, onClick: o }) {
 		},
 		className: n("activity-resource-tag--component gap-space-xs align-baseline", s.chipBg),
 		title: t?.note,
-		children: f
-	}) : /* @__PURE__ */ S("span", {
+		children: d
+	}) : /* @__PURE__ */ T("span", {
 		className: n("activity-resource-tag--component", p),
 		title: t?.note,
-		children: f
+		children: d
 	});
 }
 //#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 }) {
+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 ?? {
 		id: e,
 		name: t
 	};
-	return n ? /* @__PURE__ */ S(i, {
+	return n ? /* @__PURE__ */ T(a, {
 		href: n,
 		size: "inherit",
 		underline: !1,
@@ -604,7 +572,7 @@ function xe({ actorId: e, text: t, href: n, activity: o, youLabel: s, currentUse
 		},
 		className: "font-semibold text-foreground underline-offset-2 hover:underline",
 		children: u
-	}) : l ? /* @__PURE__ */ S(a, {
+	}) : l ? /* @__PURE__ */ T(r, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
@@ -612,23 +580,23 @@ function xe({ actorId: e, text: t, href: n, activity: o, youLabel: s, currentUse
 		onClick: (e) => {
 			e.stopPropagation(), l(d, o);
 		},
-		className: "h-auto 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 underline-offset-2 hover:underline",
+		children: /* @__PURE__ */ T(i, {
 			tag: "span",
 			weight: "semibold",
 			children: u
 		})
-	}) : /* @__PURE__ */ S(r, {
+	}) : /* @__PURE__ */ T(i, {
 		tag: "span",
 		weight: "semibold",
 		children: u
 	});
 }
-function Se(e, t) {
+function Ee(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__ */ E(v, { children: [/* @__PURE__ */ T(Te, {
 				actorId: e.actorId,
 				text: e.text,
 				href: e.href,
@@ -636,100 +604,100 @@ 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__ */ E(v, { children: [/* @__PURE__ */ T(i, {
 				tag: "span",
 				weight: "semibold",
 				children: e.text
-			}), " "] }, i);
-			case "status": return /* @__PURE__ */ C(h, { children: [/* @__PURE__ */ S(l, {
+			}), " "] }, r);
+			case "status": return /* @__PURE__ */ E(v, { children: [/* @__PURE__ */ T(f, {
 				inline: !0,
 				size: "sm",
-				tone: ye[e.tone ?? "neutral"],
+				tone: Ce[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__ */ E(v, { children: [/* @__PURE__ */ T(we, {
 					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__ */ E(v, { children: [/* @__PURE__ */ T(i, {
 				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 De(e) {
+	let { activity: t } = e, n = t.headline ?? t.event, r = t.actor?.name;
+	if (!r || !n.includes(r)) return /* @__PURE__ */ T(i, {
 		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__ */ E(w, { children: [
+		!!a && /* @__PURE__ */ T(i, {
 			tag: "span",
 			children: a
 		}),
-		/* @__PURE__ */ S(xe, {
+		/* @__PURE__ */ T(Te, {
 			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__ */ T(i, {
 			tag: "span",
-			children: o.join(i)
+			children: o.join(r)
 		})
 	] });
 }
-function we(e) {
+function Oe(e) {
 	let t = e.activity.segments;
-	return t && t.length > 0 ? /* @__PURE__ */ S("span", {
+	return t && t.length > 0 ? /* @__PURE__ */ T("span", {
 		className: "activity-headline--component leading-snug [&>span]:leading-snug",
-		children: Se(t, e)
-	}) : /* @__PURE__ */ S("span", {
+		children: Ee(t, e)
+	}) : /* @__PURE__ */ T("span", {
 		className: "activity-headline--component leading-snug",
-		children: Ce(e)
+		children: De(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", {
+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__ */ S("span", {
+		children: [/* @__PURE__ */ T("span", {
 			"aria-hidden": !0,
 			className: n("mt-1.5 size-2 shrink-0 rounded-full", o.dot)
-		}), !i && /* @__PURE__ */ S("span", {
+		}), !i && /* @__PURE__ */ T("span", {
 			"aria-hidden": !0,
 			className: n("mt-1 w-px flex-1", o.line)
 		})]
-	}) : r === "rich" ? /* @__PURE__ */ C("div", {
+	}) : r === "rich" ? /* @__PURE__ */ E("div", {
 		className: n("activity-marker--component flex flex-col items-center", a),
-		children: [/* @__PURE__ */ S("span", {
+		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__ */ S(e, { className: "size-icon-md" })
-		}), !i && /* @__PURE__ */ S("span", {
+			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__ */ C("div", {
+	}) : /* @__PURE__ */ E("div", {
 		className: n("activity-marker--component flex flex-col items-center", a),
-		children: [/* @__PURE__ */ S("span", {
+		children: [/* @__PURE__ */ T("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", {
+			children: /* @__PURE__ */ T(e, { className: "size-icon-sm" })
+		}), !i && /* @__PURE__ */ T("span", {
 			"aria-hidden": !0,
 			className: n("mt-1 w-px flex-1", o.line)
 		})]
@@ -737,74 +705,25 @@ function Te({ icon: e, tone: t, density: r, last: i, className: a }) {
 }
 //#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 Ae({ metadata: e }) {
+	return /* @__PURE__ */ T(o, {
 		columns: {
 			base: 1,
 			sm: 2
 		},
-		gap: "xs",
+		gap: "md",
 		className: "activity-row--metadata",
-		children: e.map((e) => /* @__PURE__ */ C(s, {
+		children: e.map((e) => /* @__PURE__ */ E(s, {
 			gap: "dense",
-			className: "min-w-0 rounded-radius border border-border/60 bg-background/70 px-space-sm py-space-xs",
-			children: [/* @__PURE__ */ S(r, {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ T(i, {
 				tag: "div",
 				size: "xs",
 				type: "discrete",
 				weight: "medium",
 				className: "leading-snug",
 				children: e.label
-			}), /* @__PURE__ */ S(r, {
+			}), /* @__PURE__ */ T(i, {
 				tag: "div",
 				className: "min-w-0 break-words leading-snug",
 				children: e.value
@@ -812,58 +731,55 @@ function De({ metadata: e }) {
 		}, 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 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, {
 		activity: t,
-		currentUserId: T,
-		youLabel: v,
+		currentUserId: C,
+		youLabel: y,
 		onActorClick: O,
 		onResourceClick: k,
 		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) => {
+	}), oe = P ?? /* @__PURE__ */ T(ke, {
+		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));
 		} : void 0,
-		children: [oe, /* @__PURE__ */ C("div", {
-			className: n("activity-row--content min-w-0 flex-1", ue, L),
+		children: [oe, /* @__PURE__ */ E("div", {
+			className: n("activity-row--content min-w-0 flex-1", ue, R),
 			children: [
-				/* @__PURE__ */ C(s, {
+				/* @__PURE__ */ E(s, {
 					gap: "dense",
-					children: [/* @__PURE__ */ C("div", {
+					children: [/* @__PURE__ */ E("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__ */ T(s, {
 							gap: "dense",
 							className: "min-w-0",
-							children: [/* @__PURE__ */ C("div", {
+							children: /* @__PURE__ */ E("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__ */ T(i, {
 									tag: "span",
 									size: "inherit",
 									lineHeight: "snug",
 									className: "min-w-0 break-words [overflow-wrap:anywhere]",
 									children: ae
-								}), !!_ && /* @__PURE__ */ S(l, {
+								}), !!v && /* @__PURE__ */ T(f, {
 									inline: !0,
 									size: "sm",
 									tone: "secondary",
-									children: _
+									children: v
 								})]
-							}), X && /* @__PURE__ */ S(Ee, {
-								metadata: B,
-								moreLabel: x
-							})]
-						}), /* @__PURE__ */ C(s, {
+							})
+						}), /* @__PURE__ */ E(s, {
 							direction: "horizontal",
 							gap: "xs",
 							justify: {
@@ -873,14 +789,14 @@ 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__ */ T(i, {
 									size: "xs",
 									type: "secondary",
 									className: "whitespace-nowrap tabular-nums leading-snug",
-									title: g ?? void 0,
-									children: h
+									title: _ ?? void 0,
+									children: g
 								}),
-								q && G && J && /* @__PURE__ */ S(a, {
+								J && q && Y && /* @__PURE__ */ T(r, {
 									type: "button",
 									size: "sm",
 									iconOnly: !0,
@@ -888,52 +804,76 @@ function Oe(e) {
 									buttonStyle: "ghost",
 									className: "size-action-sm text-muted-foreground",
 									onClick: (e) => {
-										e.stopPropagation(), p(!f);
+										e.stopPropagation(), m(!p);
 									},
-									title: f ? b : y,
-									"aria-label": f ? b : y,
-									"aria-expanded": f,
-									children: S(f ? ee : te, { className: "size-icon-sm" })
+									title: p ? x : b,
+									"aria-label": p ? x : b,
+									"aria-expanded": p,
+									children: T(p ? ee : M, { className: "size-icon-sm" })
 								}),
-								q && ie.length > 0 && /* @__PURE__ */ S(pe, {
+								J && ie.length > 0 && /* @__PURE__ */ T(ge, {
 									activity: t,
 									actions: ie,
 									onAction: A,
-									label: w
+									label: S
 								})
 							]
 						})]
-					}), !!K && re && /* @__PURE__ */ S(r, {
+					}), !!ne && te && /* @__PURE__ */ T(i, {
 						tag: "div",
 						type: "secondary",
 						className: "max-w-3xl leading-relaxed",
 						children: t.description
 					})]
 				}),
-				!!q && H && t.resources && /* @__PURE__ */ S(s, {
+				Z && W && t.resources && /* @__PURE__ */ T(s, {
 					direction: "horizontal",
 					gap: "xs",
 					className: "mt-space-sm",
 					children: t.resources.map((e) => {
 						let n = j?.(e);
-						return /* @__PURE__ */ S(be, {
+						return /* @__PURE__ */ T(we, {
 							resource: e,
 							config: n,
 							onClick: k ? () => k(e, n, t) : void 0
 						}, e.key);
 					})
 				}),
-				q && Z.length > 0 && /* @__PURE__ */ S(s, {
+				X && /* @__PURE__ */ T("div", {
+					className: "mt-space-sm",
+					children: /* @__PURE__ */ T("div", {
+						className: n("activity-row--details", z),
+						children: /* @__PURE__ */ E(s, {
+							gap: "md",
+							children: [
+								U && /* @__PURE__ */ T(Ae, { metadata: H }),
+								V && t.changes && /* @__PURE__ */ T(ve, {
+									changes: t.changes,
+									className: "border-0 bg-transparent p-0"
+								}),
+								G && /* @__PURE__ */ T("div", {
+									className: "activity-row--details-body",
+									children: t.details
+								}),
+								K && /* @__PURE__ */ T("div", {
+									className: "activity-row--details-custom",
+									children: F
+								})
+							]
+						})
+					})
+				}),
+				Z && re.length > 0 && /* @__PURE__ */ T(s, {
 					direction: "horizontal",
 					gap: "xs",
 					className: "activity-row--inline-actions mt-space-sm",
-					children: Z.map((e) => {
+					children: re.map((e) => {
 						let n = e.icon;
-						return /* @__PURE__ */ S(a, {
+						return /* @__PURE__ */ T(r, {
 							type: "button",
 							size: "sm",
 							tone: e.tone === "destructive" ? "destructive" : "secondary",
-							buttonStyle: "ghost",
+							buttonStyle: "outline",
 							icon: n,
 							disabled: e.disabled,
 							className: "h-auto min-h-action-sm px-control-sm py-space-xs",
@@ -943,30 +883,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 rounded-radius border border-border/60 bg-card/70 p-surface shadow-xs", ne),
-						children: /* @__PURE__ */ C(s, {
-							gap: "sm",
-							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: n(z && "pt-space-xs"),
-									children: t.details
-								}),
-								W && /* @__PURE__ */ S("div", {
-									className: n((z || U) && "pt-space-xs"),
-									children: P
-								})
-							]
-						})
-					})
 				})
 			]
 		})]
@@ -974,69 +890,69 @@ function Oe(e) {
 }
 //#endregion
 //#region src/components/features/activities/activities-feed.tsx
-function ke(e, t) {
+function Me(e, t) {
 	try {
 		let n = new Date(e);
-		return X(n) ? q(n, "PP p", t ? { locale: t } : void 0) : e;
+		return ae(n) ? Z(n, "PP p", t ? { locale: t } : void 0) : e;
 	} catch {
 		return e;
 	}
 }
-function Ae(e, t) {
+function Ne(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function je(e, t) {
+function Pe(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 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,
 		..._
-	}), [_]), R = de({
-		resources: F,
-		onResourcesChange: I
-	}), z = e(), B = T ?? z.locale, V = ue({
+	}), [_]), B = me({
+		resources: I,
+		onResourcesChange: L
+	}), V = e(), H = C ?? V.locale, U = pe({
 		activities: a,
 		groupByDate: l,
 		expandedByDefault: u,
 		defaultExpandedIds: f,
 		expandedIds: p,
 		onExpandedIdsChange: m,
-		locale: B,
-		strings: L,
+		locale: H,
+		strings: R,
 		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, {
+	}), 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, {
 			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__ */ T("div", {
+		className: n("activities-feed--component", "px-space-md py-space-md", S),
+		children: y?.empty ?? /* @__PURE__ */ T(be, { title: R.empty })
 	});
-	let W = V.groups.reduce((e, t) => e + t.items.length, 0), G = 0;
-	return /* @__PURE__ */ C(s, {
+	let K = U.groups.reduce((e, t) => e + t.items.length, 0), q = 0;
+	return /* @__PURE__ */ E(s, {
 		gap: "xl",
-		className: n("activities-feed--component", w),
+		className: n("activities-feed--component", S),
 		children: [
-			!!b?.header && /* @__PURE__ */ S("div", { children: b.header }),
-			/* @__PURE__ */ S("div", {
+			!!y?.header && /* @__PURE__ */ T("div", { children: y.header }),
+			/* @__PURE__ */ T("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__ */ E("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__ */ T(ye, {
 							label: e.label,
 							first: r
-						}), /* @__PURE__ */ S("div", {
+						}), /* @__PURE__ */ T("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 = ++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 = {
 									density: o,
 									isLast: i,
 									isFirstInGroup: r,
@@ -1046,14 +962,14 @@ function Me(i) {
 									relativeTime: l,
 									absoluteTime: u,
 									sourceLabel: p,
-									expanded: V.isExpanded(n.id),
+									expanded: U.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, {
+									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);
+								let x = y?.renderHeadline?.(n, g), S = y?.renderMarker?.(n, g);
+								return /* @__PURE__ */ T(je, {
 									activity: n,
 									density: o,
 									itemSpacing: c,
@@ -1062,65 +978,65 @@ function Me(i) {
 									last: i,
 									expanded: g.expanded,
 									onExpandedChange: (e) => {
-										V.setExpanded(n.id, e), P?.(n, e);
+										U.setExpanded(n.id, e), F?.(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: ee,
+									onActorClick: M,
+									onResourceClick: N,
+									onAction: P,
+									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: Ne(b?.row, n),
+									markerClassName: Ne(b?.marker, n),
+									contentClassName: Ne(b?.content, n),
+									detailsClassName: Ne(b?.details, n)
 								}, e.key);
 							})
 						})]
 					}, `${e.label}-${t}`);
 				})
 			}),
-			!!b?.footer && /* @__PURE__ */ S("div", { children: b.footer })
+			!!y?.footer && /* @__PURE__ */ T("div", { children: y.footer })
 		]
 	});
 }
-Me.displayName = "ActivityFeed";
+Fe.displayName = "ActivityFeed";
 //#endregion
 //#region src/components/features/activities/activity-log.tsx
-function Ne(e, t) {
+function Ie(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 Le(e) {
 	return e ?? "secondary";
 }
-function Fe(e) {
+function Re(e) {
 	if (e) return typeof e == "string" ? { name: e } : e;
 }
-function Ie(e) {
+function ze(e) {
 	return e != null && e !== !1;
 }
-function $(e, t) {
+function Be(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 Ve(e, t) {
+	let n = Re(e.actor), r = e.descriptionHtml ? /* @__PURE__ */ T(_, {
 		html: e.descriptionHtml,
 		mentions: e.mentions,
 		resources: t
@@ -1128,12 +1044,12 @@ function Le(e, t) {
 	return {
 		id: e.id,
 		event: e.event ?? e.kind,
-		source: typeof e.label == "string" ? e.label : e.kind,
+		source: typeof e.label == "string" ? e.label : void 0,
 		actor: n,
 		createdAt: e.timestamp,
 		timestamp: void 0,
 		iconOverride: e.icon,
-		toneOverride: Pe(e.tone),
+		toneOverride: Le(e.tone),
 		headline: typeof e.headline == "string" ? e.headline : void 0,
 		description: r,
 		metadata: e.metadata,
@@ -1152,7 +1068,7 @@ function Le(e, t) {
 				type: "text",
 				text: e.action
 			}] : [],
-			...Ie(e.target) ? [{
+			...ze(e.target) ? [{
 				type: "value",
 				text: String(e.target)
 			}] : [],
@@ -1163,65 +1079,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 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;
 		if (t) return t(e);
-		let n = ie(e);
-		if (!X(n)) return e;
-		let r = V.locale;
-		return J(n, {
+		let n = se(e);
+		if (!ae(n)) return e;
+		let r = U.locale;
+		return re(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" ? {
+		U.formatRelativeTime,
+		U.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" ? {
 		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", {
+	} : 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", {
 		className: "activity-log--composer",
-		children: /* @__PURE__ */ S(d, {
-			context: M.context,
+		children: /* @__PURE__ */ T(m, {
+			context: N.context,
 			canComment: !0,
-			submitting: U.isSubmitting,
-			errors: U.formErrors,
-			resetKey: U.resetKey,
-			onSubmit: U.submit,
+			submitting: G.isSubmitting,
+			errors: G.formErrors,
+			resetKey: G.resetKey,
+			onSubmit: G.submit,
 			resources: l,
 			onResourceSearch: u,
-			strings: x,
-			placeholder: M.placeholder,
-			autoFocus: M.autoFocus,
-			inlineSubmit: M.inlineSubmit ?? !1
+			strings: b,
+			placeholder: N.placeholder,
+			autoFocus: N.autoFocus,
+			inlineSubmit: N.inlineSubmit ?? !1
 		})
-	}) : null, q = M?.position ?? "top", Y = /* @__PURE__ */ S(Me, {
-		activities: G,
+	}) : null, J = N?.position ?? "top", Y = /* @__PURE__ */ T(Fe, {
+		activities: q,
 		density: "rich",
 		itemSpacing: c,
 		groupByDate: !0,
 		resources: {},
-		strings: w,
+		strings: S,
 		detailsCollapsible: D,
 		defaultExpandedIds: O,
-		expandedIds: ee,
-		onExpandedIdsChange: te,
-		formatRelativeTime: H,
-		getSourceLabel: (e) => B.sources[e] ?? e,
+		expandedIds: k,
+		onExpandedIdsChange: A,
+		formatRelativeTime: W,
+		getSourceLabel: (e) => V.sources[e] ?? e,
 		actionsForActivity: (e) => {
 			let t = e.data;
 			if (!t || t.kind === "comment") return [];
@@ -1237,68 +1153,68 @@ function Re(i) {
 				onClick: () => e.onSelect?.(n)
 			}));
 		},
-		rowClassNames: re,
+		rowClassNames: te,
 		onAction: (e, t) => {
 			let n = t.data;
-			n && n.kind !== "comment" && A?.(e, n);
+			n && n.kind !== "comment" && ee?.(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: J === "top" ? ne : void 0,
+			footer: J === "bottom" ? ne : void 0,
 			renderRow: (e, t) => {
 				let r = e.data;
 				if (!r) return;
-				let i = T?.[r.kind];
+				let i = C?.[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: W
 					},
-					strings: x
+					strings: b
 				});
 				if (r.kind !== "comment") return;
 				let a = r;
-				return /* @__PURE__ */ C(s, {
+				return /* @__PURE__ */ E(s, {
 					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__ */ T(ke, {
+						icon: H,
 						tone: "neutral",
 						density: t.density,
 						last: t.isLast
-					}), /* @__PURE__ */ S("div", {
+					}), /* @__PURE__ */ T("div", {
 						className: "activity-log--comment min-w-0 flex-1",
-						children: /* @__PURE__ */ S(f, {
+						children: /* @__PURE__ */ T(h, {
 							comment: a.comment,
-							canModerate: m,
-							onDelete: h,
-							onPinToggle: b,
-							onReact: _,
-							onReply: y,
-							strings: x,
+							canModerate: d,
+							onDelete: f,
+							onPinToggle: v,
+							onReact: p,
+							onReply: _,
+							strings: b,
 							resources: l,
-							getMediaUrl: F,
-							getMediaName: I,
-							getStatusLabel: L,
-							formatRelativeTime: H
+							getMediaUrl: I,
+							getMediaName: L,
+							getStatusLabel: R,
+							formatRelativeTime: W
 						})
 					})]
 				});
 			},
 			renderDetails: (e, t) => {
 				let n = e.data;
-				return !n || n.kind === "comment" ? null : E?.(n, {
+				return !n || n.kind === "comment" ? null : w?.(n, {
 					expanded: t.expanded,
 					setExpanded: t.setExpanded,
 					relativeTime: t.relativeTime,
@@ -1307,35 +1223,35 @@ function Re(i) {
 				});
 			}
 		},
-		className: n("activity-log--component", j?.list, N && z)
+		className: n("activity-log--component", M?.list, P && 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 (P) return Y;
+	let X = F ?? V.title, Z = typeof X == "string" ? X : void 0;
+	return /* @__PURE__ */ E(s, {
+		render: /* @__PURE__ */ T("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": Z,
+		children: [!!X && /* @__PURE__ */ T(i, {
 			weight: "semibold",
-			children: Z
+			children: X
 		}), Y]
 	});
 }
-Re.displayName = "ActivityLog";
+He.displayName = "ActivityLog";
 //#endregion
 //#region src/components/features/activities/activity-event-adapter.ts
-function ze(e) {
+function Ue(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 We(e, t) {
+	let n = t.kind?.(e) ?? Ue(e), r = t.id(e), i = t.timestamp(e), a = t.comment?.(e);
 	return n === "comment" && a ? {
 		id: r,
 		kind: "comment",
@@ -1362,10 +1278,10 @@ function Be(e, t) {
 		data: t.data?.(e) ?? e
 	};
 }
-function Ve(e) {
-	return (t) => Be(t, e);
+function Ge(e) {
+	return (t) => We(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 { 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 };
 
 //# sourceMappingURL=activities.js.map