themelia-react-ui 1.0.2 → 2.0.0

package/dist/features/activities.js

@@ -1,15 +1,15 @@
 "use client";
-import { o as e } from "../ui-provider-DRPn3qNl.js";
+import { o as e } from "../ui-provider-D2_TeLqw.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 { t as n } from "../utils-Cospvlj1.js";
+import { s as r, t as i } from "../typography-CAr3dQhX.js";
+import { t as a } from "../button-BS3KDg00.js";
+import { r as o, t as s } from "../structure-hzCW-XsV.js";
+import { n as c } from "../action-menu-BTpyPWJ2.js";
+import { t as l } from "../badge-0tATj-tW.js";
+import { l as u } from "../data-display-3xWQUnMA.js";
+import { o as d, r as f, u as p } from "../comments-You0Bzbr.js";
+import { o as m } from "../mentions-DwnO1hh4.js";
 import { Fragment as h, useCallback as g, useEffect as _, useMemo as v, useRef as y, useState as b } from "react";
 import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
 import { Activity as w, AlertTriangle as T, ArrowLeftRight as E, Ban as D, Check as O, ChevronDown as ee, ChevronRight as te, CircleDot as k, FileEdit as A, Flag as j, Heart as M, LinkIcon as N, Mail as P, MailCheck as F, MailOpen as I, MailX as L, MessageCircle as ne, MessageSquare as R, Pencil as z, Plus as B, ShieldCheck as V, ShoppingBag as H, Sparkles as U, Star as W, Trash2 as G, UserMinus as re, UserPlus as K } from "lucide-react";
@@ -26,12 +26,12 @@ var ae = {
 	},
 	updated: {
 		icon: z,
-		tone: "info",
+		tone: "neutral",
 		label: "Updated"
 	},
 	edited: {
 		icon: A,
-		tone: "info",
+		tone: "neutral",
 		label: "Edited"
 	},
 	deleted: {
@@ -51,12 +51,12 @@ var ae = {
 	},
 	status_changed: {
 		icon: E,
-		tone: "primary",
+		tone: "neutral",
 		label: "Status changed"
 	},
 	status_transition: {
 		icon: E,
-		tone: "primary",
+		tone: "neutral",
 		label: "Status changed"
 	},
 	status_override: {
@@ -66,17 +66,17 @@ var ae = {
 	},
 	assigned: {
 		icon: K,
-		tone: "info",
+		tone: "neutral",
 		label: "Assigned"
 	},
 	unassigned: {
 		icon: re,
-		tone: "destructive",
+		tone: "neutral",
 		label: "Unassigned"
 	},
 	mail_sent: {
 		icon: P,
-		tone: "info",
+		tone: "neutral",
 		label: "Email sent"
 	},
 	mail_delivered: {
@@ -86,12 +86,12 @@ var ae = {
 	},
 	mail_opened: {
 		icon: I,
-		tone: "info",
+		tone: "neutral",
 		label: "Email opened"
 	},
 	mail_clicked: {
 		icon: I,
-		tone: "info",
+		tone: "neutral",
 		label: "Email clicked"
 	},
 	mail_bounced: {
@@ -106,7 +106,7 @@ var ae = {
 	},
 	comment_created: {
 		icon: R,
-		tone: "warning",
+		tone: "neutral",
 		label: "Comment posted"
 	},
 	comment_deleted: {
@@ -131,12 +131,12 @@ var ae = {
 	},
 	favorited: {
 		icon: M,
-		tone: "warning",
+		tone: "neutral",
 		label: "Favorited"
 	},
 	ordered: {
 		icon: H,
-		tone: "primary",
+		tone: "neutral",
 		label: "Order placed"
 	},
 	published: {
@@ -151,7 +151,7 @@ var ae = {
 	},
 	linked: {
 		icon: N,
-		tone: "info",
+		tone: "neutral",
 		label: "Linked"
 	},
 	failed: {
@@ -206,9 +206,13 @@ function le(e, t, n) {
 	if (Y(r)) return t.today;
 	if (Z(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 q(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 }) {
@@ -456,7 +460,6 @@ function ge({ label: e, first: t, className: i }) {
 			size: "xs",
 			type: "secondary",
 			weight: "medium",
-			className: "uppercase tracking-wider",
 			children: e
 		})
 	});
@@ -612,7 +615,7 @@ 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",
+		className: "h-auto min-h-0 rounded-inner px-0 py-0 text-foreground underline-offset-2 hover:underline",
 		children: /* @__PURE__ */ S(r, {
 			tag: "span",
 			weight: "semibold",
@@ -792,11 +795,11 @@ function De({ metadata: e }) {
 			base: 1,
 			sm: 2
 		},
-		gap: "xs",
+		gap: "md",
 		className: "activity-row--metadata",
 		children: e.map((e) => /* @__PURE__ */ C(s, {
 			gap: "dense",
-			className: "min-w-0 rounded-radius border border-border/60 bg-background/70 px-space-sm py-space-xs",
+			className: "min-w-0",
 			children: [/* @__PURE__ */ S(r, {
 				tag: "div",
 				size: "xs",
@@ -933,7 +936,7 @@ function Oe(e) {
 							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",
@@ -947,9 +950,9 @@ function Oe(e) {
 				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),
+						className: n("activity-row--details", ne),
 						children: /* @__PURE__ */ C(s, {
-							gap: "sm",
+							gap: "md",
 							children: [
 								V && /* @__PURE__ */ S(De, { metadata: B }),
 								z && t.changes && /* @__PURE__ */ S(he, {
@@ -957,11 +960,11 @@ function Oe(e) {
 									className: "border-0 bg-transparent p-0"
 								}),
 								U && /* @__PURE__ */ S("div", {
-									className: n(z && "pt-space-xs"),
+									className: "activity-row--details-body",
 									children: t.details
 								}),
 								W && /* @__PURE__ */ S("div", {
-									className: n((z || U) && "pt-space-xs"),
+									className: "activity-row--details-custom",
 									children: P
 								})
 							]
@@ -1128,7 +1131,7 @@ 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,