themelia-ui 3.0.0 → 3.2.0

package/dist/features/activities.js

@@ -1,19 +1,24 @@
 "use client";
-import { t as e } from "../cx--CBrhWH0.js";
-import { i as t, o as n, r } from "../typography-BkxEiwQ1.js";
-import { _ as i, g as a, h as o, n as s, p as c, t as l, v as u } from "../feedback-DRerHGuV.js";
-import { t as d } from "../ui-provider-Cmoq6i_D.js";
-import { c as f } from "../buttons-CqXKWty3.js";
-import { a as p, i as m, n as h } from "../action-menu-BNLURfMK.js";
-import { l as g, n as _ } from "../display-B3Q17h5z.js";
-import { t as v } from "../badge-CxOuTfVr.js";
-import { f as y } from "../mentions-BbsEHlcH.js";
-import { i as b, n as x, o as ee } from "../comments-CAnDlyXO.js";
-import { ActivityIcon as te, ArrowLeftRightIcon as S, BanIcon as C, CheckIcon as w, ChevronDownIcon as ne, ChevronRightIcon as T, CircleDotIcon as E, FileEditIcon as D, FlagIcon as O, HeartIcon as re, LinkIcon as k, MailCheckIcon as A, MailIcon as ie, MailOpenIcon as j, MailXIcon as M, MessageCircleIcon as ae, MessageSquareIcon as N, PencilIcon as P, PlusIcon as F, ShieldCheckIcon as I, ShoppingBagIcon as L, SparklesIcon as R, StarIcon as z, Trash2Icon as B, TriangleAlertIcon as V, UserMinusIcon as H, UserPlusIcon as U } from "lucide-react";
+import "#core.css";
+import { a as e, i as t, s as n } from "../typography-DmeR05Er.js";
+import { t as r } from "../cx--CBrhWH0.js";
+import { t as i } from "../ui-provider-DpzLUD12.js";
+import { c as a } from "../buttons-BX2JfL5X.js";
+import { a as o, i as s, n as c } from "../action-menu-BwiL_F6I.js";
+import { t as l } from "../badge-VlJVZjdm.js";
+import { _ as u, g as d, h as f, n as p, p as m, t as h, v as g } from "../feedback-D4qVsKlD.js";
+import { l as _, n as v } from "../display-a7AoX_u7.js";
+import { f as y } from "../mentions-BOxbigwp.js";
+import { i as b, n as ee, o as te } from "../comments-CCQ2QRaU.js";
+import { ActivityIcon as ne, ArrowLeftRightIcon as x, BanIcon as S, CheckIcon as C, ChevronDownIcon as w, ChevronRightIcon as T, CircleDotIcon as E, FileEditIcon as D, FlagIcon as re, HeartIcon as ie, LinkIcon as O, MailCheckIcon as k, MailIcon as A, MailOpenIcon as j, MailXIcon as M, MessageCircleIcon as ae, MessageSquareIcon as N, PencilIcon as P, PlusIcon as F, ShieldCheckIcon as I, ShoppingBagIcon as L, SparklesIcon as R, StarIcon as z, Trash2Icon as B, TriangleAlertIcon as V, UserMinusIcon as H, UserPlusIcon as U } from "lucide-react";
 import { Fragment as W, useCallback as G, useEffect as oe, useId as se, useMemo as K, useRef as ce, useState as le } from "react";
 import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
 import { format as X, formatDistanceToNow as ue, isToday as de, isValid as Z, isYesterday as fe, parseISO as pe } from "date-fns";
+import "#css/activities.css";
 var Q = {
+	marker: "activities__marker___L4_uy",
+	tag: "activities__tag___oEoeE",
+	tagBadge: "activities__tagBadge___4KOR9",
 	feed: "activities__feed___ngaRb",
 	state: "activities__state___XVSXH",
 	refreshing: "activities__refreshing___GmCr-",
@@ -25,7 +30,6 @@ var Q = {
 	dateLabel: "activities__dateLabel___mZWyA",
 	row: "activities__row___FwEWr",
 	content: "activities__content___lHOgM",
-	marker: "activities__marker___L4_uy",
 	markerDot: "activities__markerDot___lE8rH",
 	markerDisc: "activities__markerDisc___a_mmc",
 	markerRail: "activities__markerRail___BRDHb",
@@ -46,12 +50,10 @@ var Q = {
 	changeValues: "activities__changeValues___jIDSQ",
 	changeOld: "activities__changeOld___-e98o",
 	changeNew: "activities__changeNew____7WvX",
-	tag: "activities__tag___oEoeE",
 	tagIdentity: "activities__tagIdentity___AxeIo",
 	tagLabel: "activities__tagLabel___wbxAL",
 	tagIcon: "activities__tagIcon___LIa5-",
 	tagTags: "activities__tagTags___IqI8U",
-	tagBadge: "activities__tagBadge___4KOR9",
 	resources: "activities__resources___7CtP2",
 	inlineActions: "activities__inlineActions___fNtnk",
 	rowFooter: "activities__rowFooter___IBxZ_",
@@ -64,30 +66,30 @@ var Q = {
 };
 //#endregion
 //#region src/components/features/activities/activity-parts.tsx
-function me({ icon: t, tone: n, density: r, last: i, className: a }) {
+function me({ icon: e, tone: t, variant: n, last: i, className: a }) {
 	return /* @__PURE__ */ Y("div", {
 		"data-slot": "activity-marker",
-		"data-tone": n,
-		"data-activity-density": r,
-		className: e("activity-marker--component", Q.marker, a),
-		children: [r === "compact" ? /* @__PURE__ */ J("span", {
+		"data-tone": t,
+		"data-variant": n,
+		className: r("activity-marker--component", Q.marker, a),
+		children: [n === "compact" ? /* @__PURE__ */ J("span", {
 			"aria-hidden": !0,
 			className: Q.markerDot
 		}) : /* @__PURE__ */ J("span", {
 			"aria-hidden": !0,
 			className: Q.markerDisc,
-			children: t
+			children: e
 		}), !i && /* @__PURE__ */ J("span", {
 			"aria-hidden": !0,
 			className: Q.markerRail
 		})]
 	});
 }
-function he({ label: n, first: r, className: i }) {
-	return n === "" ? null : /* @__PURE__ */ J(t, {
-		"data-first": r || void 0,
-		className: e("activity-date-label--component", Q.dateLabel, i),
-		children: n
+function he({ label: t, first: n, className: i }) {
+	return t === "" ? null : /* @__PURE__ */ J(e, {
+		"data-first": n || void 0,
+		className: r("activity-date-label--component", Q.dateLabel, i),
+		children: t
 	});
 }
 function ge({ change: e }) {
@@ -102,6 +104,7 @@ function ge({ change: e }) {
 				tag: "span",
 				size: "inherit",
 				type: "inherit",
+				"data-tone": "destructive",
 				className: Q.changeOld,
 				children: e.old
 			}),
@@ -116,26 +119,27 @@ function ge({ change: e }) {
 				tag: "span",
 				size: "inherit",
 				type: "inherit",
+				"data-tone": "success",
 				className: Q.changeNew,
 				children: e.new
 			})
 		]
 	});
 }
-function _e({ changes: t, bare: n = !1, className: r }) {
-	return t.length === 0 ? null : /* @__PURE__ */ J(_, {
+function _e({ changes: e, bare: t = !1, className: n }) {
+	return e.length === 0 ? null : /* @__PURE__ */ J(v, {
 		layout: "rows",
-		density: "compact",
-		className: e("activity-changes--component", !n && Q.changes, r),
-		items: t.map((e) => ({
+		size: "sm",
+		className: r("activity-changes--component", !t && Q.changes, n),
+		items: e.map((e) => ({
 			id: e.key,
 			label: e.label,
 			render: () => /* @__PURE__ */ J(ge, { change: e })
 		}))
 	});
 }
-function ve({ resource: t, config: r, fallbackText: i, onClick: a, showDetails: o = !0 }) {
-	let s = r?.tone ?? "neutral", c = r?.icon ?? E, l = r?.label ?? i ?? t.label ?? t.key, u = /* @__PURE__ */ Y(q, { children: [
+function ve({ resource: e, config: t, fallbackText: i, onClick: a, showDetails: o = !0 }) {
+	let s = t?.tone ?? "neutral", c = t?.icon ?? E, l = t?.label ?? i ?? e.label ?? e.key, u = /* @__PURE__ */ Y(q, { children: [
 		/* @__PURE__ */ Y("span", {
 			className: Q.tagIdentity,
 			children: [/* @__PURE__ */ J(c, { className: Q.tagIcon }), /* @__PURE__ */ J(n, {
@@ -148,27 +152,27 @@ function ve({ resource: t, config: r, fallbackText: i, onClick: a, showDetails:
 				children: l
 			})]
 		}),
-		o && !!r?.tags?.length && /* @__PURE__ */ J(n, {
+		o && !!t?.tags?.length && /* @__PURE__ */ J(n, {
 			tag: "span",
 			size: "xs",
 			type: "secondary",
 			className: Q.tagTags,
-			children: r.tags.join(" · ")
+			children: t.tags.join(" · ")
 		}),
-		o && !!r?.badge && /* @__PURE__ */ J(n, {
+		o && !!t?.badge && /* @__PURE__ */ J(n, {
 			tag: "span",
 			size: "xs",
 			type: "inherit",
 			weight: "medium",
-			"data-tone": r.badge.tone ?? "neutral",
+			"data-tone": t.badge.tone ?? "neutral",
 			className: Q.tagBadge,
-			children: r.badge.label
+			children: t.badge.label
 		})
 	] }), d = {
 		"data-slot": "activity-resource",
 		"data-tone": s,
-		title: r?.note,
-		className: e("activity-resource-tag--component", Q.tag)
+		title: t?.note,
+		className: r("activity-resource-tag--component", Q.tag)
 	};
 	return a ? /* @__PURE__ */ J("button", {
 		type: "button",
@@ -183,24 +187,24 @@ function ve({ resource: t, config: r, fallbackText: i, onClick: a, showDetails:
 	});
 }
 function ye({ activity: e, actions: t, onAction: n, label: r }) {
-	let i = m(t, e, { onAction: (t) => n?.(t, e) }).map((e) => ({
+	let i = s(t, e, { onAction: (t) => n?.(t, e) }).map((e) => ({
 		...e,
 		tone: e.tone === "destructive" ? "destructive" : void 0
 	}));
-	return i.length === 0 ? null : /* @__PURE__ */ J(h, {
+	return i.length === 0 ? null : /* @__PURE__ */ J(c, {
 		actions: i,
 		strings: { trigger: r },
 		align: "end",
 		buttonProps: {
 			iconOnly: !0,
-			buttonStyle: "ghost",
+			appearance: "ghost",
 			tone: "neutral"
 		}
 	});
 }
-function be({ expanded: t, showLabel: i, hideLabel: a, onToggle: o, controls: s }) {
-	let c = t ? a : i;
-	return /* @__PURE__ */ Y(r, {
+function be({ expanded: e, showLabel: i, hideLabel: a, onToggle: o, controls: s }) {
+	let c = e ? a : i;
+	return /* @__PURE__ */ Y(t, {
 		render: /* @__PURE__ */ J("button", { type: "button" }),
 		variant: "subtle",
 		"data-hit-area": !0,
@@ -208,11 +212,11 @@ function be({ expanded: t, showLabel: i, hideLabel: a, onToggle: o, controls: s
 			e.stopPropagation(), o();
 		},
 		"aria-label": c,
-		"aria-expanded": t,
-		"aria-controls": t ? s : void 0,
+		"aria-expanded": e,
+		"aria-controls": e ? s : void 0,
 		title: c,
-		className: e("activity-expand-toggle--component", Q.expandToggle),
-		children: [J(t ? ne : T, { "aria-hidden": !0 }), /* @__PURE__ */ J(n, {
+		className: r("activity-expand-toggle--component", Q.expandToggle),
+		children: [J(e ? w : T, { "aria-hidden": !0 }), /* @__PURE__ */ J(n, {
 			tag: "span",
 			size: "xs",
 			weight: "medium",
@@ -221,15 +225,14 @@ function be({ expanded: t, showLabel: i, hideLabel: a, onToggle: o, controls: s
 		})]
 	});
 }
-function xe({ title: t, hint: n, action: r, className: i }) {
-	return /* @__PURE__ */ J(c, {
-		padding: "md",
-		title: t,
-		description: n ?? !1,
-		media: /* @__PURE__ */ J(te, {}),
+function xe({ title: e, hint: t, action: n, className: i }) {
+	return /* @__PURE__ */ J(m, {
+		title: e,
+		description: t ?? !1,
+		media: /* @__PURE__ */ J(ne, {}),
 		mediaVariant: "icon-soft",
-		action: r,
-		className: e("activity-empty-state--component", i)
+		action: n,
+		className: r("activity-empty-state--component", i)
 	});
 }
 //#endregion
@@ -336,7 +339,7 @@ function we({ segments: e, props: t }) {
 				weight: "semibold",
 				children: e.text
 			}), " "] }, i);
-			case "status": return /* @__PURE__ */ Y(W, { children: [/* @__PURE__ */ J(v, {
+			case "status": return /* @__PURE__ */ Y(W, { children: [/* @__PURE__ */ J(l, {
 				tone: e.tone ?? "neutral",
 				children: e.text
 			}), " "] }, i);
@@ -388,14 +391,14 @@ function Te(e) {
 		})
 	] });
 }
-function Ee(t) {
-	let n = t.activity.segments;
+function Ee(e) {
+	let t = e.activity.segments;
 	return /* @__PURE__ */ J("span", {
-		className: e("activity-headline--component", Q.headline),
-		children: n && n.length > 0 ? /* @__PURE__ */ J(we, {
-			segments: n,
-			props: t
-		}) : /* @__PURE__ */ J(Te, { ...t })
+		className: r("activity-headline--component", Q.headline),
+		children: t && t.length > 0 ? /* @__PURE__ */ J(we, {
+			segments: t,
+			props: e
+		}) : /* @__PURE__ */ J(Te, { ...e })
 	});
 }
 //#endregion
@@ -405,9 +408,9 @@ function Oe({ metadata: e, moreLabel: t }) {
 	let r = e.slice(0, De), i = e.length - r.length;
 	return /* @__PURE__ */ Y("div", {
 		className: Q.metaPreview,
-		children: [/* @__PURE__ */ J(_, {
+		children: [/* @__PURE__ */ J(v, {
 			layout: "inline",
-			density: "compact",
+			size: "sm",
 			itemSeparator: !0,
 			items: r.map((e) => ({
 				id: e.label,
@@ -423,9 +426,9 @@ function Oe({ metadata: e, moreLabel: t }) {
 	});
 }
 function ke({ metadata: e }) {
-	return /* @__PURE__ */ J(_, {
+	return /* @__PURE__ */ J(v, {
 		columns: { base: 2 },
-		density: "compact",
+		size: "sm",
 		className: Q.metaGrid,
 		items: e.map((e) => ({
 			id: e.label,
@@ -434,32 +437,32 @@ function ke({ metadata: e }) {
 		}))
 	});
 }
-function Ae({ activity: r, density: i, itemSpacing: a, eventConfig: o, tone: s, last: c, expanded: l, onExpandedChange: u, detailsCollapsible: d, detailLabels: h, relativeTime: g, absoluteTime: _, sourceLabel: v, youLabel: y, showChangesLabel: b, hideChangesLabel: x, moreLabel: ee, actionsLabel: te, currentUserId: S, actions: C, onActivityClick: w, onActorClick: ne, onResourceClick: T, onAction: E, getResourceConfig: D, headlineOverride: O, markerOverride: re, customDetails: k, rowClassName: A, markerClassName: ie, contentClassName: j, detailsClassName: M }) {
-	let ae = r.iconOverride ?? o.icon, N = se(), P = (r.segments ?? []).flatMap((e) => e.type === "resource" ? [e.resource] : []), F = [...new Map([...r.resources ?? [], ...P].map((e) => [e.key, e])).values()], I = r.metadata ?? [], L = I.length > 0, R = (r.changes?.length ?? 0) > 0, z = F.length > 0, B = r.details !== void 0 && r.details !== null && r.details !== !1, V = k != null && k !== !1, H = L || R || B || V || z, U = r.description !== void 0 && r.description !== null && r.description !== "", W = i === "rich", G = d ?? (L || R || z), oe = W && H && (!G || l), K = W && L && G && !l, ce = C.map((e) => ({
+function Ae({ activity: t, variant: i, itemSpacing: c, eventConfig: l, tone: u, last: d, expanded: f, onExpandedChange: p, detailsCollapsible: m, detailLabels: h, relativeTime: g, absoluteTime: _, sourceLabel: v, youLabel: y, showChangesLabel: b, hideChangesLabel: ee, moreLabel: te, actionsLabel: ne, currentUserId: x, actions: S, onActivityClick: C, onActorClick: w, onResourceClick: T, onAction: E, getResourceConfig: D, headlineOverride: re, markerOverride: ie, customDetails: O, rowClassName: k, markerClassName: A, contentClassName: j, detailsClassName: M }) {
+	let ae = t.iconOverride ?? l.icon, N = se(), P = (t.segments ?? []).flatMap((e) => e.type === "resource" ? [e.resource] : []), F = [...new Map([...t.resources ?? [], ...P].map((e) => [e.key, e])).values()], I = t.metadata ?? [], L = I.length > 0, R = (t.changes?.length ?? 0) > 0, z = F.length > 0, B = t.details !== void 0 && t.details !== null && t.details !== !1, V = O != null && O !== !1, H = L || R || B || V || z, U = t.description !== void 0 && t.description !== null && t.description !== "", W = i === "rich", G = m ?? (L || R || z), oe = W && H && (!G || f), K = W && L && G && !f, ce = S.map((e) => ({
 		...e,
 		placement: e.placement ?? (e.presentation === "inline" ? "inline" : "menu")
-	})), { inline: le, overflow: q } = p(ce), X = m(le, r, { onAction: (e) => E?.(e, r) }), ue = typeof w == "function", de = W && H && G || z || q.length > 0 || X.length > 0 || typeof ne == "function" || typeof T == "function", Z = ue && !de;
+	})), { inline: le, overflow: q } = o(ce), X = s(le, t, { onAction: (e) => E?.(e, t) }), ue = typeof C == "function", de = W && H && G || z || q.length > 0 || X.length > 0 || typeof w == "function" || typeof T == "function", Z = ue && !de;
 	return /* @__PURE__ */ Y("div", {
 		"data-slot": "activity-row",
-		"data-activity-density": i,
-		"data-spacing": a,
-		"data-last": c || void 0,
+		"data-variant": i,
+		"data-spacing": c,
+		"data-last": d || void 0,
 		"data-interactive": ue || void 0,
-		className: e("activity-row--component", Q.row, A),
-		onClick: ue ? () => w?.(r) : void 0,
+		className: r("activity-row--component", Q.row, k),
+		onClick: ue ? () => C?.(t) : void 0,
 		role: Z ? "button" : void 0,
 		tabIndex: Z ? 0 : void 0,
 		onKeyDown: Z ? (e) => {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), w?.(r));
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), C?.(t));
 		} : void 0,
-		children: [re ?? /* @__PURE__ */ J(me, {
+		children: [ie ?? /* @__PURE__ */ J(me, {
 			icon: /* @__PURE__ */ J(ae, {}),
-			tone: s,
-			density: i,
-			last: c,
-			className: ie
+			tone: u,
+			variant: i,
+			last: d,
+			className: A
 		}), /* @__PURE__ */ Y("div", {
-			className: e(Q.content, j),
+			className: r(Q.content, j),
 			children: [
 				/* @__PURE__ */ Y("div", {
 					className: Q.summary,
@@ -467,11 +470,11 @@ function Ae({ activity: r, density: i, itemSpacing: a, eventConfig: o, tone: s,
 						className: Q.summaryMain,
 						children: [/* @__PURE__ */ J("div", {
 							className: Q.headlineRow,
-							children: O ?? /* @__PURE__ */ J(Ee, {
-								activity: r,
-								currentUserId: S,
+							children: re ?? /* @__PURE__ */ J(Ee, {
+								activity: t,
+								currentUserId: x,
 								youLabel: y,
-								onActorClick: ne,
+								onActorClick: w,
 								onResourceClick: T,
 								getResourceConfig: D
 							})
@@ -483,7 +486,7 @@ function Ae({ activity: r, density: i, itemSpacing: a, eventConfig: o, tone: s,
 								type: "secondary",
 								className: Q.time,
 								children: /* @__PURE__ */ J("time", {
-									dateTime: r.createdAt,
+									dateTime: t.createdAt,
 									title: _ ?? void 0,
 									children: g
 								})
@@ -498,10 +501,10 @@ function Ae({ activity: r, density: i, itemSpacing: a, eventConfig: o, tone: s,
 					}), /* @__PURE__ */ J("div", {
 						className: Q.summaryTrailing,
 						children: W && q.length > 0 && /* @__PURE__ */ J(ye, {
-							activity: r,
+							activity: t,
 							actions: q,
 							onAction: E,
-							label: te
+							label: ne
 						})
 					})]
 				}),
@@ -510,32 +513,32 @@ function Ae({ activity: r, density: i, itemSpacing: a, eventConfig: o, tone: s,
 					type: "secondary",
 					lineHeight: "relaxed",
 					className: Q.description,
-					children: r.description
+					children: t.description
 				}),
 				K && /* @__PURE__ */ J(Oe, {
 					metadata: I,
-					moreLabel: ee
+					moreLabel: te
 				}),
 				W && H && G && /* @__PURE__ */ J("div", {
 					className: Q.disclosure,
 					children: /* @__PURE__ */ J(be, {
 						controls: N,
-						expanded: l,
+						expanded: f,
 						showLabel: b,
-						hideLabel: x,
-						onToggle: () => u(!l)
+						hideLabel: ee,
+						onToggle: () => p(!f)
 					})
 				}),
 				oe && /* @__PURE__ */ Y("div", {
 					id: N,
-					className: e(Q.panel, M),
+					className: r(Q.panel, M),
 					children: [
-						R && !!r.changes && /* @__PURE__ */ Y("div", {
+						R && !!t.changes && /* @__PURE__ */ Y("div", {
 							className: Q.detailSection,
 							role: "group",
 							"aria-label": h?.changes ?? $.changesTitle,
-							children: [/* @__PURE__ */ J(t, { children: h?.changes ?? $.changesTitle }), /* @__PURE__ */ J(_e, {
-								changes: r.changes,
+							children: [/* @__PURE__ */ J(e, { children: h?.changes ?? $.changesTitle }), /* @__PURE__ */ J(_e, {
+								changes: t.changes,
 								bare: !0
 							})]
 						}),
@@ -543,31 +546,31 @@ function Ae({ activity: r, density: i, itemSpacing: a, eventConfig: o, tone: s,
 							className: Q.detailSection,
 							role: "group",
 							"aria-label": h?.metadata ?? $.metadataTitle,
-							children: [/* @__PURE__ */ J(t, { children: h?.metadata ?? $.metadataTitle }), /* @__PURE__ */ J(ke, { metadata: I })]
+							children: [/* @__PURE__ */ J(e, { children: h?.metadata ?? $.metadataTitle }), /* @__PURE__ */ J(ke, { metadata: I })]
 						}),
 						z && /* @__PURE__ */ Y("div", {
 							className: Q.detailSection,
 							role: "group",
 							"aria-label": h?.resources ?? $.resourcesTitle,
-							children: [/* @__PURE__ */ J(t, { children: h?.resources ?? $.resourcesTitle }), /* @__PURE__ */ J("div", {
+							children: [/* @__PURE__ */ J(e, { children: h?.resources ?? $.resourcesTitle }), /* @__PURE__ */ J("div", {
 								className: Q.resources,
 								children: F.map((e) => {
-									let t = D?.(e);
+									let n = D?.(e);
 									return /* @__PURE__ */ J(ve, {
 										resource: e,
-										config: t,
-										onClick: T ? () => T(e, t, r) : void 0
+										config: n,
+										onClick: T ? () => T(e, n, t) : void 0
 									}, e.key);
 								})
 							})]
 						}),
 						B && /* @__PURE__ */ J("div", {
 							className: Q.detailSection,
-							children: r.details
+							children: t.details
 						}),
 						V && /* @__PURE__ */ J("div", {
 							className: Q.detailSection,
-							children: k
+							children: O
 						})
 					]
 				}),
@@ -577,10 +580,10 @@ function Ae({ activity: r, density: i, itemSpacing: a, eventConfig: o, tone: s,
 						className: Q.inlineActions,
 						children: X.map((e) => {
 							let t = e.icon;
-							return /* @__PURE__ */ Y(f, {
+							return /* @__PURE__ */ Y(a, {
 								type: "button",
 								tone: e.tone === "destructive" ? "destructive" : "neutral",
-								buttonStyle: "ghost",
+								appearance: "ghost",
 								disabled: e.disabled,
 								onClick: (t) => {
 									t.stopPropagation(), e.onClick?.();
@@ -621,7 +624,7 @@ var je = {
 		label: "Deleted"
 	},
 	cancelled: {
-		icon: C,
+		icon: S,
 		tone: "destructive",
 		label: "Cancelled"
 	},
@@ -631,17 +634,17 @@ var je = {
 		label: "Restored"
 	},
 	status_changed: {
-		icon: S,
+		icon: x,
 		tone: "primary",
 		label: "Status changed"
 	},
 	status_transition: {
-		icon: S,
+		icon: x,
 		tone: "primary",
 		label: "Status changed"
 	},
 	status_override: {
-		icon: S,
+		icon: x,
 		tone: "warning",
 		label: "Status overridden"
 	},
@@ -656,12 +659,12 @@ var je = {
 		label: "Unassigned"
 	},
 	mail_sent: {
-		icon: ie,
+		icon: A,
 		tone: "info",
 		label: "Email sent"
 	},
 	mail_delivered: {
-		icon: A,
+		icon: k,
 		tone: "success",
 		label: "Email delivered"
 	},
@@ -701,12 +704,12 @@ var je = {
 		label: "Comment deleted"
 	},
 	paid: {
-		icon: w,
+		icon: C,
 		tone: "success",
 		label: "Paid"
 	},
 	refunded: {
-		icon: S,
+		icon: x,
 		tone: "warning",
 		label: "Refunded"
 	},
@@ -716,7 +719,7 @@ var je = {
 		label: "Confirmed"
 	},
 	favorited: {
-		icon: re,
+		icon: ie,
 		tone: "warning",
 		label: "Favorited"
 	},
@@ -731,12 +734,12 @@ var je = {
 		label: "Published"
 	},
 	flagged: {
-		icon: O,
+		icon: re,
 		tone: "warning",
 		label: "Flagged"
 	},
 	linked: {
-		icon: k,
+		icon: O,
 		tone: "info",
 		label: "Linked"
 	},
@@ -913,19 +916,19 @@ function Le(e, t) {
 function Re(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function ze({ activities: t = [], density: n = "default", itemSpacing: r = "default", groupByDate: c = !0, expandedByDefault: p = !1, detailsCollapsible: m, defaultExpandedIds: h, expandedIds: g, onExpandedIdsChange: _, currentUserId: v, loading: y = !1, error: b, onRetry: x, eventConfig: ee, strings: te, slots: S, rowClassNames: C, className: w, locale: ne, formatRelativeTime: T, formatAbsoluteTime: E, formatDateGroupLabel: D, getSourceLabel: O, actionsForActivity: re, onActivityClick: k, onActorClick: A, onResourceClick: ie, onAction: j, onActivityExpandedChange: M, resources: ae, onResourcesChange: N }) {
-	let P = Se(te), F = K(() => ({
+function ze({ activities: e = [], variant: t = "default", itemSpacing: n = "default", groupByDate: o = !0, expandedByDefault: s = !1, detailsCollapsible: c, defaultExpandedIds: l, expandedIds: m, onExpandedIdsChange: _, currentUserId: v, loading: y = !1, error: b, onRetry: ee, eventConfig: te, strings: ne, slots: x, rowClassNames: S, className: C, locale: w, formatRelativeTime: T, formatAbsoluteTime: E, formatDateGroupLabel: D, getSourceLabel: re, actionsForActivity: ie, onActivityClick: O, onActorClick: k, onResourceClick: A, onAction: j, onActivityExpandedChange: M, resources: ae, onResourcesChange: N }) {
+	let P = Se(ne), F = K(() => ({
 		...Me,
-		...ee
-	}), [ee]), I = Ie({
+		...te
+	}), [te]), I = Ie({
 		resources: ae,
 		onResourcesChange: N
-	}), L = d(), R = ne ?? L.locale, z = Fe({
-		activities: t,
-		groupByDate: c,
-		expandedByDefault: p,
-		defaultExpandedIds: h,
-		expandedIds: g,
+	}), L = i(), R = w ?? L.locale, z = Fe({
+		activities: e,
+		groupByDate: o,
+		expandedByDefault: s,
+		defaultExpandedIds: l,
+		expandedIds: m,
 		onExpandedIdsChange: _,
 		locale: R,
 		strings: P,
@@ -940,82 +943,82 @@ function ze({ activities: t = [], density: n = "default", itemSpacing: r = "defa
 	return /* @__PURE__ */ Y("div", {
 		"data-slot": "activity-feed",
 		"aria-busy": y || void 0,
-		className: e("activities-feed--component", Q.feed, w),
+		className: r("activities-feed--component", Q.feed, C),
 		children: [
-			!!S?.header && /* @__PURE__ */ J("div", {
+			!!x?.header && /* @__PURE__ */ J("div", {
 				className: Q.feedHeader,
-				children: S.header
+				children: x.header
 			}),
 			y && /* @__PURE__ */ J("div", {
-				className: S?.loading == null ? void 0 : Q.state,
-				children: S?.loading ?? /* @__PURE__ */ J(s, {
-					label: t.length > 0 ? P.refreshing : P.loading,
-					className: t.length > 0 ? Q.refreshing : Q.state
+				className: x?.loading == null ? void 0 : Q.state,
+				children: x?.loading ?? /* @__PURE__ */ J(p, {
+					label: e.length > 0 ? P.refreshing : P.loading,
+					className: e.length > 0 ? Q.refreshing : Q.state
 				})
 			}),
-			!y && U && (t.length > 0 ? /* @__PURE__ */ Y(o, {
+			!y && U && (e.length > 0 ? /* @__PURE__ */ Y(f, {
 				tone: "warning",
 				role: "alert",
 				children: [
-					/* @__PURE__ */ J(u, { children: P.refreshError }),
-					/* @__PURE__ */ J(i, { children: b }),
-					x && /* @__PURE__ */ J(a, { children: /* @__PURE__ */ J(f, {
+					/* @__PURE__ */ J(g, { children: P.refreshError }),
+					/* @__PURE__ */ J(u, { children: b }),
+					ee && /* @__PURE__ */ J(d, { children: /* @__PURE__ */ J(a, {
 						tone: "neutral",
-						buttonStyle: "outline",
-						onClick: x,
+						appearance: "outline",
+						onClick: ee,
 						children: P.retry
 					}) })
 				]
-			}) : /* @__PURE__ */ J(l, {
+			}) : /* @__PURE__ */ J(h, {
 				title: P.error,
 				description: b,
-				onRetry: x,
+				onRetry: ee,
 				strings: { retry: P.retry }
 			})),
-			!y && !U && t.length === 0 && (S?.empty ?? /* @__PURE__ */ J(xe, {
+			!y && !U && e.length === 0 && (x?.empty ?? /* @__PURE__ */ J(xe, {
 				title: P.empty,
 				hint: P.emptyHint
 			})),
-			t.length > 0 && /* @__PURE__ */ J("div", {
+			e.length > 0 && /* @__PURE__ */ J("div", {
 				className: Q.groups,
-				children: z.groups.map((e, t) => /* @__PURE__ */ Y("div", {
+				children: z.groups.map((e, r) => /* @__PURE__ */ Y("div", {
 					className: Q.group,
-					children: [S?.renderDateLabel ? S.renderDateLabel(e.label, t === 0) : /* @__PURE__ */ J(he, {
+					children: [x?.renderDateLabel ? x.renderDateLabel(e.label, r === 0) : /* @__PURE__ */ J(he, {
 						label: e.label,
-						first: t === 0
+						first: r === 0
 					}), /* @__PURE__ */ J("div", {
 						className: Q.rows,
-						children: e.items.map(({ activity: e, key: t }, i) => {
-							let a = ++W === H, o = Ne(e.event, F), s = e.toneOverride ?? o.tone, c = e.timestamp ?? (e.createdAt ? B(e.createdAt) : null), l = e.createdAt ? V(e.createdAt) : null, u = e.source ? O?.(e.source) ?? P.sources[e.source] ?? o.sourceLabel ?? null : o.sourceLabel ?? null, d = u && u.trim().length > 0 ? u : null, f = re?.(e) ?? [], p = {
-								density: n,
+						children: e.items.map(({ activity: e, key: r }, i) => {
+							let a = ++W === H, o = Ne(e.event, F), s = e.toneOverride ?? o.tone, l = e.timestamp ?? (e.createdAt ? B(e.createdAt) : null), u = e.createdAt ? V(e.createdAt) : null, d = e.source ? re?.(e.source) ?? P.sources[e.source] ?? o.sourceLabel ?? null : o.sourceLabel ?? null, f = d && d.trim().length > 0 ? d : null, p = ie?.(e) ?? [], m = {
+								variant: t,
 								isLast: a,
 								isFirstInGroup: i === 0,
 								activity: e,
 								eventConfig: o,
 								tone: s,
-								relativeTime: c,
-								absoluteTime: l,
-								sourceLabel: d,
+								relativeTime: l,
+								absoluteTime: u,
+								sourceLabel: f,
 								expanded: z.isExpanded(e.id),
-								itemSpacing: r,
+								itemSpacing: n,
 								setExpanded: (t) => z.setExpanded(e.id, t),
 								toggleExpanded: () => z.toggleExpanded(e.id)
-							}, h = S?.renderRow?.(e, p);
+							}, h = x?.renderRow?.(e, m);
 							return h === void 0 ? /* @__PURE__ */ J(Ae, {
 								activity: e,
-								density: n,
-								itemSpacing: r,
+								variant: t,
+								itemSpacing: n,
 								eventConfig: o,
 								tone: s,
 								last: a,
-								expanded: p.expanded,
+								expanded: m.expanded,
 								onExpandedChange: (t) => {
 									z.setExpanded(e.id, t), M?.(e, t);
 								},
-								detailsCollapsible: e.collapsible ?? m,
-								relativeTime: c,
-								absoluteTime: l,
-								sourceLabel: d,
+								detailsCollapsible: e.collapsible ?? c,
+								relativeTime: l,
+								absoluteTime: u,
+								sourceLabel: f,
 								youLabel: P.you,
 								showChangesLabel: P.showChanges,
 								hideChangesLabel: P.hideChanges,
@@ -1027,27 +1030,27 @@ function ze({ activities: t = [], density: n = "default", itemSpacing: r = "defa
 									resources: P.resourcesTitle
 								},
 								currentUserId: v,
-								actions: f,
-								onActivityClick: k,
-								onActorClick: A,
-								onResourceClick: ie,
+								actions: p,
+								onActivityClick: O,
+								onActorClick: k,
+								onResourceClick: A,
 								onAction: j,
 								getResourceConfig: (e) => I.get(e),
-								headlineOverride: S?.renderHeadline?.(e, p),
-								markerOverride: S?.renderMarker?.(e, p),
-								customDetails: S?.renderDetails?.(e, p),
-								rowClassName: Re(C?.row, e),
-								markerClassName: Re(C?.marker, e),
-								contentClassName: Re(C?.content, e),
-								detailsClassName: Re(C?.details, e)
-							}, t) : /* @__PURE__ */ J("div", { children: h }, t);
+								headlineOverride: x?.renderHeadline?.(e, m),
+								markerOverride: x?.renderMarker?.(e, m),
+								customDetails: x?.renderDetails?.(e, m),
+								rowClassName: Re(S?.row, e),
+								markerClassName: Re(S?.marker, e),
+								contentClassName: Re(S?.content, e),
+								detailsClassName: Re(S?.details, e)
+							}, r) : /* @__PURE__ */ J("div", { children: h }, r);
 						})
 					})]
-				}, `${e.label}-${t}`))
+				}, `${e.label}-${r}`))
 			}),
-			!!S?.footer && /* @__PURE__ */ J("div", {
+			!!x?.footer && /* @__PURE__ */ J("div", {
 				className: Q.feedFooter,
-				children: S.footer
+				children: x.footer
 			})
 		]
 	});
@@ -1108,37 +1111,37 @@ function We(e, t) {
 		data: e
 	};
 }
-function Ge({ entries: t, loading: n, error: r, onRetry: i, order: a = "desc", itemSpacing: o = "default", resources: s, onResourceSearch: c, canModerate: l, onCommentDelete: u, onCommentReact: f, onCommentReply: p, onCommentPinToggle: m, strings: h, activityStrings: _, renderers: v, renderEventDetails: y, eventDetailsCollapsible: te = !0, defaultExpandedIds: S, expandedIds: C, onExpandedIdsChange: w, onEventExpandedChange: ne, onEventAction: T, classNames: E, composer: D, bare: O = !1, title: re, getMediaUrl: k, getMediaName: A, getStatusLabel: ie, className: j }) {
-	let M = Se(_), N = d(), P = G((e) => {
+function Ge({ entries: e, loading: t, error: n, onRetry: a, order: o = "desc", itemSpacing: s = "default", resources: c, onResourceSearch: l, canModerate: u, onCommentDelete: d, onCommentReact: f, onCommentReply: p, onCommentPinToggle: m, strings: h, activityStrings: g, renderers: v, renderEventDetails: y, eventDetailsCollapsible: ne = !0, defaultExpandedIds: x, expandedIds: S, onExpandedIdsChange: C, onEventExpandedChange: w, onEventAction: T, classNames: E, composer: D, bare: re = !1, title: ie, getMediaUrl: O, getMediaName: k, getStatusLabel: A, className: j }) {
+	let M = Se(g), N = i(), P = G((e) => {
 		let t = pe(e);
 		return Z(t) ? N.formatRelativeTime ? N.formatRelativeTime(t, /* @__PURE__ */ new Date()) : ue(t, {
 			addSuffix: !0,
 			...N.locale ? { locale: N.locale } : {}
 		}) : e;
-	}, [N]), F = x({
+	}, [N]), F = ee({
 		onSubmit: D?.onSubmit,
 		onAfterMutate: D?.onAfterMutate,
 		onError: D?.onError
-	}), I = K(() => Be(t, a), [t, a]), L = K(() => I.map((e) => e.kind === "comment" ? {
+	}), I = K(() => Be(e, o), [e, o]), L = K(() => I.map((e) => e.kind === "comment" ? {
 		id: e.id,
 		event: "comment",
 		source: "comment",
 		createdAt: e.timestamp,
 		data: e
-	} : We(e, s)), [s, I]), R = K(() => ({
+	} : We(e, c)), [c, I]), R = K(() => ({
 		row: (e) => Ue(E?.eventRow, e.data),
 		marker: (e) => Ue(E?.eventMarker, e.data),
 		content: (e) => Ue(E?.eventContent, e.data),
 		details: (e) => Ue(E?.eventDetails, e.data)
-	}), [E]), z = D?.enabled ? /* @__PURE__ */ J(ee, {
+	}), [E]), z = D?.enabled ? /* @__PURE__ */ J(te, {
 		context: D.context,
 		canComment: !0,
 		submitting: F.isSubmitting,
 		errors: F.formErrors,
 		resetKey: F.resetKey,
 		onSubmit: F.submit,
-		resources: s,
-		onResourceSearch: c,
+		resources: c,
+		onResourceSearch: l,
 		strings: h,
 		placeholder: D.placeholder,
 		autoFocus: D.autoFocus,
@@ -1159,17 +1162,17 @@ function Ge({ entries: t, loading: n, error: r, onRetry: i, order: a = "desc", i
 		}));
 	}, []), H = /* @__PURE__ */ J(ze, {
 		activities: L,
-		loading: n,
-		error: r,
-		onRetry: i,
-		density: "rich",
-		itemSpacing: o,
+		loading: t,
+		error: n,
+		onRetry: a,
+		variant: "rich",
+		itemSpacing: s,
 		groupByDate: !0,
-		strings: _,
-		detailsCollapsible: te,
-		defaultExpandedIds: S,
-		expandedIds: C,
-		onExpandedIdsChange: w,
+		strings: g,
+		detailsCollapsible: ne,
+		defaultExpandedIds: x,
+		expandedIds: S,
+		onExpandedIdsChange: C,
 		formatRelativeTime: P,
 		getSourceLabel: (e) => M.sources[e] ?? e,
 		actionsForActivity: V,
@@ -1180,7 +1183,7 @@ function Ge({ entries: t, loading: n, error: r, onRetry: i, order: a = "desc", i
 		},
 		onActivityExpandedChange: (e, t) => {
 			let n = e.data;
-			n && n.kind !== "comment" && ne?.(n, t);
+			n && n.kind !== "comment" && w?.(n, t);
 		},
 		slots: {
 			header: B === "top" ? z : void 0,
@@ -1190,11 +1193,11 @@ function Ge({ entries: t, loading: n, error: r, onRetry: i, order: a = "desc", i
 				if (!n) return;
 				let r = v?.[n.kind];
 				if (r) return r(n, {
-					resources: s,
+					resources: c,
 					accessors: {
-						getMediaUrl: k,
-						getMediaName: A,
-						getStatusLabel: ie
+						getMediaUrl: O,
+						getMediaName: k,
+						getStatusLabel: A
 					},
 					strings: h
 				});
@@ -1208,22 +1211,22 @@ function Ge({ entries: t, loading: n, error: r, onRetry: i, order: a = "desc", i
 					children: [/* @__PURE__ */ J(me, {
 						icon: /* @__PURE__ */ J(ae, {}),
 						tone: "neutral",
-						density: t.density,
+						variant: t.variant,
 						last: t.isLast
 					}), /* @__PURE__ */ J("div", {
 						className: Q.commentBody,
 						children: /* @__PURE__ */ J(b, {
 							comment: i.comment,
-							canModerate: l,
-							onDelete: u,
+							canModerate: u,
+							onDelete: d,
 							onPinToggle: m,
 							onReact: f,
 							onReply: p,
 							strings: h,
-							resources: s,
-							getMediaUrl: k,
-							getMediaName: A,
-							getStatusLabel: ie
+							resources: c,
+							getMediaUrl: O,
+							getMediaName: k,
+							getStatusLabel: A
 						})
 					})]
 				});
@@ -1235,19 +1238,19 @@ function Ge({ entries: t, loading: n, error: r, onRetry: i, order: a = "desc", i
 					setExpanded: t.setExpanded,
 					relativeTime: t.relativeTime,
 					isLast: t.isLast,
-					resources: s
+					resources: c
 				});
 			}
 		},
-		className: e(E?.list, O && j)
+		className: r(E?.list, re && j)
 	});
-	if (O) return H;
-	let U = re ?? M.title;
+	if (re) return H;
+	let U = ie ?? M.title;
 	return /* @__PURE__ */ Y("section", {
 		"data-slot": "activity-log",
 		"aria-label": typeof U == "string" ? U : void 0,
-		className: e("activity-log--component", Q.log, j),
-		children: [!!U && /* @__PURE__ */ J(g, { title: U }), H]
+		className: r("activity-log--component", Q.log, j),
+		children: [!!U && /* @__PURE__ */ J(_, { title: U }), H]
 	});
 }
 //#endregion