admin-ui-starter-kit 0.1.3 → 0.4.2

package/dist/components/features/activities/index.js

@@ -1,26 +1,27 @@
-import { a as e } from "../../../_shared/ui-provider-4qKSKMPd.js";
-import { cn as t } from "../../../lib/utils.js";
-import { t as n } from "../../../_shared/text-DIxMTECE.js";
-import { t as r } from "../../../_shared/badge-BVCh_hfL.js";
-import { t as i } from "../../../_shared/button-ChCkwoOD.js";
-import { t as a } from "../../../_shared/smart-card-MT6JjkoI.js";
-import { a as o, g as s, r as c, t as l } from "../../../_shared/dropdown-menu-4nxEBMnd.js";
-import { Fragment as u, useCallback as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
-import { isToday as g, isYesterday as _ } from "date-fns";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { Activity as x, AlertTriangle as S, ArrowLeftRight as C, Ban as w, Check as T, ChevronDown as E, ChevronRight as ee, CircleDot as D, FileEdit as O, Flag as k, Heart as A, LinkIcon as j, Mail as M, MailCheck as N, MailOpen as P, MailX as F, MessageSquare as I, MoreHorizontal as L, Pencil as te, Plus as ne, ShieldCheck as R, ShoppingBag as re, Sparkles as ie, Star as ae, Trash2 as oe, UserMinus as se, UserPlus as ce } from "lucide-react";
+import { useStrings as e } from "../../../lib/strings.js";
+import { a as t } from "../../../_shared/ui-provider-C8Ot88lS.js";
+import { cn as n } from "../../../lib/utils.js";
+import { n as r } from "../../../_shared/heading-HeP06nXG.js";
+import { t as i } from "../../../_shared/badge-yGlx9trX.js";
+import { t as a } from "../../../_shared/button-SuocMQFT.js";
+import { t as o } from "../../../_shared/smart-card-DYZGY_Su.js";
+import { a as s, g as c, r as l, t as u } from "../../../_shared/dropdown-menu-CoWmrjYX.js";
+import { Fragment as d, useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { isToday as _, isYesterday as v } from "date-fns";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { Activity as S, AlertTriangle as C, ArrowLeftRight as w, Ban as T, Check as E, ChevronDown as ee, ChevronRight as te, CircleDot as D, FileEdit as O, Flag as k, Heart as A, LinkIcon as j, Mail as M, MailCheck as N, MailOpen as P, MailX as F, MessageSquare as I, MoreHorizontal as L, Pencil as R, Plus as z, ShieldCheck as ne, ShoppingBag as B, Sparkles as re, Star as ie, Trash2 as ae, UserMinus as oe, UserPlus as se } from "lucide-react";
 //#region src/components/features/activities/activities.config.ts
-var z = {
+var V = {
 	icon: D,
 	tone: "neutral"
-}, B = {
+}, H = {
 	created: {
-		icon: ne,
+		icon: z,
 		tone: "success",
 		label: "Created"
 	},
 	updated: {
-		icon: te,
+		icon: R,
 		tone: "info",
 		label: "Updated"
 	},
@@ -30,42 +31,42 @@ var z = {
 		label: "Edited"
 	},
 	deleted: {
-		icon: oe,
+		icon: ae,
 		tone: "destructive",
 		label: "Deleted"
 	},
 	cancelled: {
-		icon: w,
+		icon: T,
 		tone: "destructive",
 		label: "Cancelled"
 	},
 	restored: {
-		icon: ie,
+		icon: re,
 		tone: "success",
 		label: "Restored"
 	},
 	status_changed: {
-		icon: C,
+		icon: w,
 		tone: "primary",
 		label: "Status changed"
 	},
 	status_transition: {
-		icon: C,
+		icon: w,
 		tone: "primary",
 		label: "Status changed"
 	},
 	status_override: {
-		icon: C,
+		icon: w,
 		tone: "warning",
 		label: "Status overridden"
 	},
 	assigned: {
-		icon: ce,
+		icon: se,
 		tone: "info",
 		label: "Assigned"
 	},
 	unassigned: {
-		icon: se,
+		icon: oe,
 		tone: "destructive",
 		label: "Unassigned"
 	},
@@ -110,17 +111,17 @@ var z = {
 		label: "Comment deleted"
 	},
 	paid: {
-		icon: T,
+		icon: E,
 		tone: "success",
 		label: "Paid"
 	},
 	refunded: {
-		icon: C,
+		icon: w,
 		tone: "warning",
 		label: "Refunded"
 	},
 	confirmed: {
-		icon: R,
+		icon: ne,
 		tone: "success",
 		label: "Confirmed"
 	},
@@ -130,12 +131,12 @@ var z = {
 		label: "Favorited"
 	},
 	ordered: {
-		icon: re,
+		icon: B,
 		tone: "primary",
 		label: "Order placed"
 	},
 	published: {
-		icon: ae,
+		icon: ie,
 		tone: "success",
 		label: "Published"
 	},
@@ -150,22 +151,22 @@ var z = {
 		label: "Linked"
 	},
 	failed: {
-		icon: S,
+		icon: C,
 		tone: "destructive",
 		label: "Failed"
 	},
 	health_check_failed: {
-		icon: S,
+		icon: C,
 		tone: "destructive",
 		label: "Health check failed"
 	}
 };
-function V(e, t) {
-	return t[e] ?? z;
+function U(e, t) {
+	return t[e] ?? V;
 }
 //#endregion
 //#region src/components/features/activities/activities.strings.ts
-var H = {
+var W = {
 	title: "Activity",
 	empty: "No activity yet.",
 	loading: "Loading activity…",
@@ -186,7 +187,7 @@ var H = {
 	},
 	events: {}
 };
-function le(e, t) {
+function ce(e, t) {
 	return e.replace(/\{\{\s*(\w+)\s*\}\}/g, (e, n) => {
 		let r = t[n];
 		return r === void 0 ? e : String(r);
@@ -194,11 +195,11 @@ function le(e, t) {
 }
 //#endregion
 //#region src/components/features/activities/hooks/use-activity-feed.ts
-function ue(e, t, n) {
+function le(e, t, n) {
 	if (!e) return t.undated;
 	let r = new Date(e);
-	if (g(r)) return t.today;
-	if (_(r)) return t.yesterday;
+	if (_(r)) return t.today;
+	if (v(r)) return t.yesterday;
 	try {
 		return new Intl.DateTimeFormat(n, {
 			year: "numeric",
@@ -213,8 +214,8 @@ function ue(e, t, n) {
 		}).format(r);
 	}
 }
-function U({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, locale: r, strings: i, formatDateGroupLabel: a }) {
-	let [o, s] = h({}), c = p(() => {
+function G({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, locale: r, strings: i, formatDateGroupLabel: a }) {
+	let [o, s] = g({}), c = m(() => {
 		let t = /* @__PURE__ */ new Map();
 		return e.map((e) => {
 			let n = [
@@ -228,12 +229,12 @@ function U({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, loca
 				key: `${n}:${r}`
 			};
 		});
-	}, [e]), l = p(() => {
+	}, [e]), l = m(() => {
 		if (!t) return c.length > 0 ? [{
 			label: "",
 			items: c
 		}] : [];
-		let e = [], n = "__init__", o = [], s = (e) => a ? a(e, i) : ue(e, i, r);
+		let e = [], n = "__init__", o = [], s = (e) => a ? a(e, i) : le(e, i, r);
 		for (let t of c) {
 			let r = s(t.activity.createdAt ?? null);
 			r === n ? o.push(t) : (o.length > 0 && e.push({
@@ -251,45 +252,45 @@ function U({ activities: e, groupByDate: t = !0, expandedByDefault: n = !1, loca
 		r,
 		i,
 		a
-	]), u = d((e) => o[e] ?? n, [o, n]), f = d((e) => {
+	]), u = f((e) => o[e] ?? n, [o, n]), d = f((e) => {
 		s((t) => ({
 			...t,
 			[e]: !(t[e] ?? !1)
 		}));
-	}, []), m = d((e, t) => {
+	}, []), p = f((e, t) => {
 		s((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), g = d(() => {
+	}, []), h = f(() => {
 		let e = {};
 		for (let t of c) e[t.activity.id] = !0;
 		s(e);
-	}, [c]), _ = d(() => s({}), []);
+	}, [c]), _ = f(() => s({}), []);
 	return {
 		groups: l,
 		total: c.length,
 		isExpanded: u,
-		toggleExpanded: f,
-		setExpanded: m,
-		expandAll: g,
+		toggleExpanded: d,
+		setExpanded: p,
+		expandAll: h,
 		collapseAll: _
 	};
 }
 //#endregion
 //#region src/components/features/activities/hooks/use-activity-resources.ts
-function W({ resources: e, onResourcesChange: t } = {}) {
-	let [n, r] = h(() => e ?? {}), i = m(e);
-	f(() => {
+function K({ resources: e, onResourcesChange: t } = {}) {
+	let [n, r] = g(() => e ?? {}), i = h(e);
+	p(() => {
 		e !== i.current && (i.current = e, r(e ?? {}));
 	}, [e]);
-	let a = m(t);
-	f(() => {
+	let a = h(t);
+	p(() => {
 		a.current = t;
 	}, [t]);
-	let o = d((e) => {
+	let o = f((e) => {
 		a.current?.(e);
-	}, []), s = d((e, t) => {
+	}, []), s = f((e, t) => {
 		r((n) => {
 			let r = {
 				...n,
@@ -297,7 +298,7 @@ function W({ resources: e, onResourcesChange: t } = {}) {
 			};
 			return o(r), r;
 		});
-	}, [o]), c = d((e, t) => {
+	}, [o]), c = f((e, t) => {
 		r((n) => {
 			let r = n[e];
 			if (!r) return n;
@@ -310,32 +311,32 @@ function W({ resources: e, onResourcesChange: t } = {}) {
 			};
 			return o(i), i;
 		});
-	}, [o]), l = d((e) => {
+	}, [o]), l = f((e) => {
 		r((t) => {
 			if (!(e in t)) return t;
 			let n = { ...t };
 			return delete n[e], o(n), n;
 		});
-	}, [o]), u = d((e) => {
+	}, [o]), u = f((e) => {
 		r(e), o(e);
-	}, [o]), p = d(() => {
+	}, [o]), d = f(() => {
 		let e = i.current ?? {};
 		r(e), o(e);
 	}, [o]);
 	return {
 		registry: n,
-		get: d((e) => n[typeof e == "string" ? e : e.key], [n]),
+		get: f((e) => n[typeof e == "string" ? e : e.key], [n]),
 		register: s,
 		update: c,
 		remove: l,
 		setAll: u,
-		reset: p
+		reset: d
 	};
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-actions-menu.tsx
-function G({ activity: e, actions: t, onAction: n, label: r }) {
-	return t.length === 0 ? null : /* @__PURE__ */ b(l, { children: [/* @__PURE__ */ y(s, { render: (e) => /* @__PURE__ */ y(i, {
+function q({ activity: e, actions: t, onAction: n, label: r }) {
+	return t.length === 0 ? null : /* @__PURE__ */ x(u, { children: [/* @__PURE__ */ b(c, { render: (e) => /* @__PURE__ */ b(a, {
 		...e,
 		type: "button",
 		variant: "secondary",
@@ -343,50 +344,50 @@ function G({ activity: e, actions: t, onAction: n, label: r }) {
 		size: "icon-sm",
 		"aria-label": r,
 		className: "h-7 w-7 text-muted-foreground",
-		children: /* @__PURE__ */ y(L, { className: "size-4" })
-	}) }), /* @__PURE__ */ y(c, {
+		children: /* @__PURE__ */ b(L, { className: "size-4" })
+	}) }), /* @__PURE__ */ b(l, {
 		align: "end",
 		className: "min-w-[160px]",
 		children: t.map((t) => {
 			let r = t.icon;
-			return /* @__PURE__ */ b(o, {
+			return /* @__PURE__ */ x(s, {
 				onClick: () => {
 					t.disabled || (t.onClick(e), n?.(t.id, e));
 				},
 				disabled: t.disabled,
 				variant: t.tone === "destructive" ? "destructive" : "default",
 				className: "gap-2 px-2 py-1.5 text-xs",
-				children: [!!r && /* @__PURE__ */ y(r, { className: "size-3.5" }), t.label]
+				children: [!!r && /* @__PURE__ */ b(r, { className: "size-3.5" }), t.label]
 			}, t.id);
 		})
 	})] });
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-changes.tsx
-function de({ change: e }) {
-	let t = e.old !== null && e.old !== void 0, r = e.new !== null && e.new !== void 0;
-	return !t && !r ? /* @__PURE__ */ y(n, {
+function ue({ change: e }) {
+	let t = e.old !== null && e.old !== void 0, n = e.new !== null && e.new !== void 0;
+	return !t && !n ? /* @__PURE__ */ b(r, {
 		size: "xs",
 		tag: "span",
 		children: e.description
-	}) : /* @__PURE__ */ b(n, {
+	}) : /* @__PURE__ */ x(r, {
 		tag: "span",
 		size: "xs",
 		className: "inline-flex flex-wrap items-baseline gap-1",
 		children: [
-			!!t && /* @__PURE__ */ y(n, {
+			!!t && /* @__PURE__ */ b(r, {
 				tag: "span",
 				size: "xs",
 				className: "rounded bg-destructive/10 text-destructive line-through px-1 py-px",
 				children: e.old
 			}),
-			t && r && /* @__PURE__ */ y(n, {
+			t && n && /* @__PURE__ */ b(r, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
 				children: "→"
 			}),
-			!!r && /* @__PURE__ */ y(n, {
+			!!n && /* @__PURE__ */ b(r, {
 				tag: "span",
 				size: "xs",
 				className: "rounded bg-success/15 text-success px-1 py-px",
@@ -395,50 +396,50 @@ function de({ change: e }) {
 		]
 	});
 }
-function K({ changes: e, className: r }) {
-	return e.length === 0 ? null : /* @__PURE__ */ y("div", {
-		className: t("space-y-1.5 rounded-lg border border-border/60 bg-muted/30 px-3 py-2", r),
-		children: e.map((e) => /* @__PURE__ */ b("div", {
+function J({ changes: e, className: t }) {
+	return e.length === 0 ? null : /* @__PURE__ */ b("div", {
+		className: n("space-y-1.5 rounded-lg border border-border/60 bg-muted/30 px-3 py-2", t),
+		children: e.map((e) => /* @__PURE__ */ x("div", {
 			className: "flex items-baseline gap-2",
-			children: [/* @__PURE__ */ y(n, {
+			children: [/* @__PURE__ */ b(r, {
 				size: "xs",
 				type: "secondary",
 				weight: "medium",
 				className: "shrink-0",
 				children: e.label
-			}), /* @__PURE__ */ y(de, { change: e })]
+			}), /* @__PURE__ */ b(ue, { change: e })]
 		}, `${e.key}-${e.label}`))
 	});
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-date-label.tsx
-function q({ label: e, isFirst: r, className: i }) {
-	return e === "" ? null : /* @__PURE__ */ y(n, {
+function de({ label: e, isFirst: t, className: i }) {
+	return e === "" ? null : /* @__PURE__ */ b(r, {
 		size: "xxs",
 		type: "secondary",
 		weight: "medium",
-		className: t("uppercase tracking-wider", !r && "mt-5", i),
+		className: n("uppercase tracking-wider", !t && "mt-5", i),
 		children: e
 	});
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-empty-state.tsx
-function J({ title: e, hint: r, className: i }) {
-	return /* @__PURE__ */ b("div", {
-		className: t("flex flex-col items-center justify-center gap-2 px-6 py-10 text-center", i),
+function fe({ title: e, hint: t, className: i }) {
+	return /* @__PURE__ */ x("div", {
+		className: n("flex flex-col items-center justify-center gap-2 px-6 py-10 text-center", i),
 		children: [
-			/* @__PURE__ */ y("span", {
+			/* @__PURE__ */ b("span", {
 				className: "flex size-9 items-center justify-center rounded-full bg-muted text-muted-foreground",
-				children: /* @__PURE__ */ y(x, { className: "size-4" })
+				children: /* @__PURE__ */ b(S, { className: "size-4" })
 			}),
-			/* @__PURE__ */ y(n, {
+			/* @__PURE__ */ b(r, {
 				weight: "medium",
 				children: e
 			}),
-			!!r && /* @__PURE__ */ y(n, {
+			!!t && /* @__PURE__ */ b(r, {
 				size: "xs",
 				type: "secondary",
-				children: r
+				children: t
 			})
 		]
 	});
@@ -447,19 +448,19 @@ function J({ title: e, hint: r, className: i }) {
 //#region src/components/features/activities/partials/tone-tokens.ts
 var Y = {
 	primary: {
-		bg: "bg-primary/15",
+		bg: "bg-primary/10",
 		fg: "text-primary",
 		dot: "bg-primary",
 		line: "bg-primary/30",
-		chipBg: "bg-primary/10",
+		chipBg: "bg-primary/5",
 		chipFg: "text-primary"
 	},
 	success: {
-		bg: "bg-success/15",
+		bg: "bg-success/10",
 		fg: "text-success",
 		dot: "bg-success",
 		line: "bg-success/30",
-		chipBg: "bg-success/15",
+		chipBg: "bg-success/10",
 		chipFg: "text-success"
 	},
 	warning: {
@@ -471,19 +472,19 @@ var Y = {
 		chipFg: "text-warning-foreground"
 	},
 	destructive: {
-		bg: "bg-destructive/15",
+		bg: "bg-destructive/10",
 		fg: "text-destructive",
 		dot: "bg-destructive",
 		line: "bg-destructive/30",
-		chipBg: "bg-destructive/15",
+		chipBg: "bg-destructive/10",
 		chipFg: "text-destructive"
 	},
 	info: {
-		bg: "bg-info/15",
+		bg: "bg-info/10",
 		fg: "text-info",
 		dot: "bg-info",
 		line: "bg-info/30",
-		chipBg: "bg-info/15",
+		chipBg: "bg-info/10",
 		chipFg: "text-info"
 	},
 	neutral: {
@@ -504,76 +505,82 @@ var Y = {
 };
 //#endregion
 //#region src/components/features/activities/partials/activity-resource-tag.tsx
-function Z({ resource: e, config: i, fallbackText: a, onClick: o }) {
-	let s = Y[i?.tone ?? "neutral"], c = i?.icon ?? D, l = i?.label ?? a ?? e.label ?? e.key, u = typeof o == "function", d = /* @__PURE__ */ b(v, { children: [
-		/* @__PURE__ */ y(c, { className: t("size-3 shrink-0", s.fg) }),
-		/* @__PURE__ */ y(n, {
+function Z({ resource: e, config: t, fallbackText: o, onClick: s }) {
+	let c = Y[t?.tone ?? "neutral"], l = t?.icon ?? D, u = t?.label ?? o ?? e.label ?? e.key, d = typeof s == "function", f = /* @__PURE__ */ x(y, { children: [
+		/* @__PURE__ */ b(l, { className: n("size-3 shrink-0", c.fg) }),
+		/* @__PURE__ */ b(r, {
 			tag: "span",
 			size: "xs",
 			weight: "medium",
-			className: s.chipFg,
-			children: l
+			className: c.chipFg,
+			children: u
 		}),
-		!!i?.tags && i.tags.length > 0 && /* @__PURE__ */ y(n, {
+		!!t?.tags && t.tags.length > 0 && /* @__PURE__ */ b(r, {
 			tag: "span",
 			size: "xxs",
 			type: "secondary",
 			className: "border-l border-current/20 pl-1.5 ml-0.5",
-			children: i.tags.join(" · ")
+			children: t.tags.join(" · ")
 		}),
-		!!i?.badge && /* @__PURE__ */ y(r, {
+		!!t?.badge && /* @__PURE__ */ b(i, {
 			inline: !0,
-			variant: X[i.badge.tone ?? "neutral"],
+			variant: X[t.badge.tone ?? "neutral"],
 			className: "ml-1",
-			children: i.badge.label
+			children: t.badge.label
 		})
-	] }), f = t("inline-flex items-center gap-1 rounded-full px-2 py-0.5 align-baseline", "border border-border/60", s.chipBg, u && "cursor-pointer transition-colors hover:bg-foreground/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring");
-	return u ? /* @__PURE__ */ y("button", {
+	] }), p = n("inline-flex items-center gap-1 rounded-full px-2 py-0.5 align-baseline", "border border-border/60", c.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__ */ b(a, {
 		type: "button",
+		variant: "secondary",
+		buttonStyle: "ghost",
+		size: "xs",
 		onClick: (e) => {
-			e.stopPropagation(), o?.();
+			e.stopPropagation(), s?.();
 		},
-		className: f,
-		title: i?.note,
-		children: d
-	}) : /* @__PURE__ */ y("span", {
-		className: f,
-		title: i?.note,
-		children: d
+		className: n(p, "h-auto rounded-full"),
+		title: t?.note,
+		children: f
+	}) : /* @__PURE__ */ b("span", {
+		className: p,
+		title: t?.note,
+		children: f
 	});
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-headline.tsx
-function fe({ actorId: e, text: t, href: r, activity: i, youLabel: a, currentUserId: o, onActorClick: s }) {
-	let c = o !== void 0 && e !== void 0 && o === e ? a : t, l = i.actor ?? {
+function Q({ actorId: e, text: t, href: n, activity: i, youLabel: o, currentUserId: s, onActorClick: c }) {
+	let l = s !== void 0 && e !== void 0 && s === e ? o : t, u = i.actor ?? {
 		id: e,
 		name: t
 	};
-	return r ? /* @__PURE__ */ y("a", {
-		href: r,
+	return n ? /* @__PURE__ */ b("a", {
+		href: n,
 		onClick: (e) => {
-			s && (e.preventDefault(), e.stopPropagation(), s(l, i));
+			c && (e.preventDefault(), e.stopPropagation(), c(u, i));
 		},
 		className: "font-semibold text-foreground underline-offset-2 hover:underline",
-		children: c
-	}) : s ? /* @__PURE__ */ y("button", {
+		children: l
+	}) : c ? /* @__PURE__ */ b(a, {
 		type: "button",
+		variant: "secondary",
+		buttonStyle: "ghost",
+		size: "xs",
 		onClick: (e) => {
-			e.stopPropagation(), s(l, i);
+			e.stopPropagation(), c(u, i);
 		},
-		className: "font-semibold text-foreground underline-offset-2 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded",
-		children: c
-	}) : /* @__PURE__ */ y(n, {
+		className: "h-auto rounded px-0 py-0 font-semibold text-foreground underline-offset-2 hover:underline",
+		children: l
+	}) : /* @__PURE__ */ b(r, {
 		tag: "span",
 		weight: "semibold",
-		children: c
+		children: l
 	});
 }
 function pe(e, t) {
-	return e.map((e, i) => {
-		let a = `seg-${i}-${e.type}`;
+	return e.map((e, n) => {
+		let a = `seg-${n}-${e.type}`;
 		switch (e.type) {
-			case "actor": return /* @__PURE__ */ b(u, { children: [/* @__PURE__ */ y(fe, {
+			case "actor": return /* @__PURE__ */ x(d, { children: [/* @__PURE__ */ b(Q, {
 				actorId: e.actorId,
 				text: e.text,
 				href: e.href,
@@ -583,26 +590,26 @@ function pe(e, t) {
 				onActorClick: t.onActorClick
 			}), " "] }, a);
 			case "field":
-			case "value": return /* @__PURE__ */ b(u, { children: [/* @__PURE__ */ y(n, {
+			case "value": return /* @__PURE__ */ x(d, { children: [/* @__PURE__ */ b(r, {
 				tag: "span",
 				weight: "semibold",
 				children: e.text
 			}), " "] }, a);
-			case "status": return /* @__PURE__ */ b(u, { children: [/* @__PURE__ */ y(r, {
+			case "status": return /* @__PURE__ */ x(d, { children: [/* @__PURE__ */ b(i, {
 				inline: !0,
 				variant: X[e.tone ?? "neutral"],
 				children: e.text
 			}), " "] }, a);
 			case "resource": {
 				let n = t.getResourceConfig?.(e.resource);
-				return /* @__PURE__ */ b(u, { children: [/* @__PURE__ */ y(Z, {
+				return /* @__PURE__ */ x(d, { children: [/* @__PURE__ */ b(Z, {
 					resource: e.resource,
 					config: n,
 					fallbackText: e.text,
 					onClick: t.onResourceClick ? () => t.onResourceClick?.(e.resource, n, t.activity) : void 0
 				}), " "] }, a);
 			}
-			default: return /* @__PURE__ */ b(u, { children: [/* @__PURE__ */ y(n, {
+			default: return /* @__PURE__ */ x(d, { children: [/* @__PURE__ */ b(r, {
 				tag: "span",
 				children: e.text
 			}), " "] }, a);
@@ -610,18 +617,18 @@ function pe(e, t) {
 	});
 }
 function me(e) {
-	let { activity: t } = e, r = t.headline ?? t.event, i = t.actor?.name;
-	if (!i || !r.includes(i)) return /* @__PURE__ */ y(n, {
+	let { activity: t } = e, n = t.headline ?? t.event, i = t.actor?.name;
+	if (!i || !n.includes(i)) return /* @__PURE__ */ b(r, {
 		tag: "span",
-		children: r
+		children: n
 	});
-	let [a, ...o] = r.split(i);
-	return /* @__PURE__ */ b(v, { children: [
-		!!a && /* @__PURE__ */ y(n, {
+	let [a, ...o] = n.split(i);
+	return /* @__PURE__ */ x(y, { children: [
+		!!a && /* @__PURE__ */ b(r, {
 			tag: "span",
 			children: a
 		}),
-		/* @__PURE__ */ y(fe, {
+		/* @__PURE__ */ b(Q, {
 			actorId: t.actor?.id,
 			text: i,
 			href: t.actor?.href,
@@ -630,98 +637,98 @@ function me(e) {
 			currentUserId: e.currentUserId,
 			onActorClick: e.onActorClick
 		}),
-		o.length > 0 && /* @__PURE__ */ y(n, {
+		o.length > 0 && /* @__PURE__ */ b(r, {
 			tag: "span",
 			children: o.join(i)
 		})
 	] });
 }
-function Q(e) {
+function he(e) {
 	let t = e.activity.segments;
-	return t && t.length > 0 ? /* @__PURE__ */ y("span", {
+	return t && t.length > 0 ? /* @__PURE__ */ b("span", {
 		className: "leading-snug [&>span]:leading-snug",
 		children: pe(t, e)
-	}) : /* @__PURE__ */ y("span", {
+	}) : /* @__PURE__ */ b("span", {
 		className: "leading-snug",
 		children: me(e)
 	});
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-marker.tsx
-function he({ icon: e, tone: n, density: r, isLast: i }) {
-	let a = Y[n];
-	return r === "compact" ? /* @__PURE__ */ b("div", {
+function ge({ icon: e, tone: t, density: r, isLast: i }) {
+	let a = Y[t];
+	return r === "compact" ? /* @__PURE__ */ x("div", {
 		className: "flex flex-col items-center",
-		children: [/* @__PURE__ */ y("span", {
+		children: [/* @__PURE__ */ b("span", {
 			"aria-hidden": !0,
-			className: t("mt-1.5 size-2 shrink-0 rounded-full", a.dot)
-		}), !i && /* @__PURE__ */ y("span", {
+			className: n("mt-1.5 size-2 shrink-0 rounded-full", a.dot)
+		}), !i && /* @__PURE__ */ b("span", {
 			"aria-hidden": !0,
-			className: t("mt-1 w-px flex-1", a.line)
+			className: n("mt-1 w-px flex-1", a.line)
 		})]
-	}) : r === "rich" ? /* @__PURE__ */ b("div", {
+	}) : r === "rich" ? /* @__PURE__ */ x("div", {
 		className: "flex flex-col items-center",
-		children: [/* @__PURE__ */ y("span", {
-			className: t("flex size-7 shrink-0 items-center justify-center rounded-full ring-1 ring-border/60", a.bg, a.fg),
-			children: /* @__PURE__ */ y(e, { className: "size-3.5" })
-		}), !i && /* @__PURE__ */ y("span", {
+		children: [/* @__PURE__ */ b("span", {
+			className: n("flex size-7 shrink-0 items-center justify-center rounded-full ring-1 ring-border/60", a.bg, a.fg),
+			children: /* @__PURE__ */ b(e, { className: "size-3.5" })
+		}), !i && /* @__PURE__ */ b("span", {
 			"aria-hidden": !0,
-			className: t("mt-1 w-px flex-1", a.line)
+			className: n("mt-1 w-px flex-1", a.line)
 		})]
-	}) : /* @__PURE__ */ b("div", {
+	}) : /* @__PURE__ */ x("div", {
 		className: "flex flex-col items-center",
-		children: [/* @__PURE__ */ y("span", {
-			className: t("flex size-5 shrink-0 items-center justify-center rounded-full", a.bg, a.fg),
-			children: /* @__PURE__ */ y(e, { className: "size-3" })
-		}), !i && /* @__PURE__ */ y("span", {
+		children: [/* @__PURE__ */ b("span", {
+			className: n("flex size-5 shrink-0 items-center justify-center rounded-full", a.bg, a.fg),
+			children: /* @__PURE__ */ b(e, { className: "size-3" })
+		}), !i && /* @__PURE__ */ b("span", {
 			"aria-hidden": !0,
-			className: t("mt-1 w-px flex-1", a.line)
+			className: n("mt-1 w-px flex-1", a.line)
 		})]
 	});
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-row.tsx
-function ge(e) {
-	let { activity: a, density: o, eventConfig: s, tone: c, isLast: l, expanded: u, onToggleExpanded: d, relativeTime: f, absoluteTime: p, sourceLabel: m, youLabel: h, showChangesLabel: g, hideChangesLabel: _, actionsLabel: v, currentUserId: x, actions: S, onActivityClick: C, onActorClick: w, onResourceClick: T, onAction: D, getResourceConfig: O, headlineOverride: k, markerOverride: A } = e, j = a.iconOverride ?? s.icon, M = (a.changes?.length ?? 0) > 0, N = (a.metadata?.length ?? 0) > 0, P = (a.resources?.length ?? 0) > 0, F = a.description !== void 0 && a.description !== null && a.description !== "", I = o !== "compact", L = o === "rich", te = k ?? /* @__PURE__ */ y(Q, {
-		activity: a,
-		currentUserId: x,
+function _e(e) {
+	let { activity: t, density: o, eventConfig: s, tone: c, isLast: l, expanded: u, onToggleExpanded: d, relativeTime: f, absoluteTime: p, sourceLabel: m, youLabel: h, showChangesLabel: g, hideChangesLabel: _, actionsLabel: v, currentUserId: y, actions: S, onActivityClick: C, onActorClick: w, onResourceClick: T, onAction: E, getResourceConfig: D, headlineOverride: O, markerOverride: k } = e, A = t.iconOverride ?? s.icon, j = (t.changes?.length ?? 0) > 0, M = (t.metadata?.length ?? 0) > 0, N = (t.resources?.length ?? 0) > 0, P = t.description !== void 0 && t.description !== null && t.description !== "", F = o !== "compact", I = o === "rich", L = O ?? /* @__PURE__ */ b(he, {
+		activity: t,
+		currentUserId: y,
 		youLabel: h,
 		onActorClick: w,
 		onResourceClick: T,
-		getResourceConfig: O
-	}), ne = A ?? /* @__PURE__ */ y(he, {
-		icon: j,
+		getResourceConfig: D
+	}), R = k ?? /* @__PURE__ */ b(ge, {
+		icon: A,
 		tone: c,
 		density: o,
 		isLast: l
-	}), R = typeof C == "function";
-	return /* @__PURE__ */ b("div", {
-		className: t("relative flex gap-3", R && "cursor-pointer rounded-md hover:bg-muted/40"),
-		onClick: R ? () => C?.(a) : void 0,
-		role: R ? "button" : void 0,
-		tabIndex: R ? 0 : void 0,
-		onKeyDown: R ? (e) => {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), C?.(a));
+	}), z = typeof C == "function", ne = j || N || S.length > 0 || typeof w == "function" || typeof T == "function", B = z && !ne;
+	return /* @__PURE__ */ x("div", {
+		className: n("relative flex gap-3", z && "cursor-pointer rounded-md hover:bg-muted/40"),
+		onClick: z ? () => C?.(t) : void 0,
+		role: B ? "button" : void 0,
+		tabIndex: B ? 0 : void 0,
+		onKeyDown: B ? (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), C?.(t));
 		} : void 0,
-		children: [ne, /* @__PURE__ */ b("div", {
-			className: t("min-w-0 flex-1", !l && (o === "rich" ? "pb-4" : o === "compact" ? "pb-2.5" : "pb-3")),
+		children: [R, /* @__PURE__ */ x("div", {
+			className: n("min-w-0 flex-1", !l && (o === "rich" ? "pb-4" : o === "compact" ? "pb-2.5" : "pb-3")),
 			children: [
-				/* @__PURE__ */ b("div", {
-					className: "flex items-start justify-between gap-3",
-					children: [/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ x("div", {
+					className: "flex flex-col gap-1 sm:flex-row sm:items-start sm:justify-between sm:gap-3",
+					children: [/* @__PURE__ */ x("div", {
 						className: "flex min-w-0 flex-wrap items-center gap-x-1.5 gap-y-1",
 						children: [
-							/* @__PURE__ */ y(n, {
+							/* @__PURE__ */ b(r, {
 								tag: "span",
 								lineHeight: "snug",
-								children: te
+								children: L
 							}),
-							!!m && /* @__PURE__ */ y(r, {
+							!!m && /* @__PURE__ */ b(i, {
 								inline: !0,
 								variant: "secondary",
 								children: m
 							}),
-							L && M && /* @__PURE__ */ y(i, {
+							I && j && /* @__PURE__ */ b(a, {
 								type: "button",
 								size: "icon-xs",
 								variant: "secondary",
@@ -733,38 +740,38 @@ function ge(e) {
 								title: u ? _ : g,
 								"aria-label": u ? _ : g,
 								"aria-expanded": u,
-								children: y(u ? E : ee, { className: "size-3.5" })
+								children: b(u ? ee : te, { className: "size-3.5" })
 							})
 						]
-					}), /* @__PURE__ */ b("div", {
+					}), /* @__PURE__ */ x("div", {
 						className: "flex shrink-0 items-center gap-1",
-						children: [!!f && /* @__PURE__ */ y(n, {
+						children: [!!f && /* @__PURE__ */ b(r, {
 							size: "xs",
 							type: "secondary",
 							className: "whitespace-nowrap tabular-nums pt-0.5",
 							title: p ?? void 0,
 							children: f
-						}), L && S.length > 0 && /* @__PURE__ */ y(G, {
-							activity: a,
+						}), I && S.length > 0 && /* @__PURE__ */ b(q, {
+							activity: t,
 							actions: S,
-							onAction: D,
+							onAction: E,
 							label: v
 						})]
 					})]
 				}),
-				!!I && F && /* @__PURE__ */ y(n, {
+				!!F && P && /* @__PURE__ */ b(r, {
 					tag: "div",
 					size: "xs",
 					type: "secondary",
 					className: "mt-1",
-					children: a.description
+					children: t.description
 				}),
-				!!L && N && a.metadata && /* @__PURE__ */ y("div", {
+				!!I && M && t.metadata && /* @__PURE__ */ b("div", {
 					className: "mt-2 flex flex-wrap gap-x-3 gap-y-1",
-					children: a.metadata.map((e) => /* @__PURE__ */ b(n, {
+					children: t.metadata.map((e) => /* @__PURE__ */ x(r, {
 						size: "xs",
 						type: "secondary",
-						children: [/* @__PURE__ */ b(n, {
+						children: [/* @__PURE__ */ x(r, {
 							tag: "span",
 							size: "xs",
 							type: "discrete",
@@ -776,20 +783,20 @@ function ge(e) {
 						}), e.value]
 					}, e.label))
 				}),
-				!!L && P && a.resources && /* @__PURE__ */ y("div", {
+				!!I && N && t.resources && /* @__PURE__ */ b("div", {
 					className: "mt-2 flex flex-wrap gap-1.5",
-					children: a.resources.map((e) => {
-						let t = O?.(e);
-						return /* @__PURE__ */ y(Z, {
+					children: t.resources.map((e) => {
+						let n = D?.(e);
+						return /* @__PURE__ */ b(Z, {
 							resource: e,
-							config: t,
-							onClick: T ? () => T(e, t, a) : void 0
+							config: n,
+							onClick: T ? () => T(e, n, t) : void 0
 						}, e.key);
 					})
 				}),
-				!!L && M && u && a.changes && /* @__PURE__ */ y("div", {
+				!!I && j && u && t.changes && /* @__PURE__ */ b("div", {
 					className: "mt-2",
-					children: /* @__PURE__ */ y(K, { changes: a.changes })
+					children: /* @__PURE__ */ b(J, { changes: t.changes })
 				})
 			]
 		})]
@@ -797,7 +804,7 @@ function ge(e) {
 }
 //#endregion
 //#region src/components/features/activities/activities-feed.tsx
-function _e(e, t) {
+function ve(e, t) {
 	try {
 		return new Intl.DateTimeFormat(t, {
 			dateStyle: "medium",
@@ -807,116 +814,105 @@ function _e(e, t) {
 		return e;
 	}
 }
-function ve(e, t) {
+function ye(e, t) {
 	return e.toneOverride ?? t;
 }
-function $(r) {
-	let { activities: i = [], density: a = "default", groupByDate: o = !0, expandedByDefault: s = !1, currentUserId: c, loading: l = !1, eventConfig: u, strings: d, slots: f, className: m, locale: h, formatRelativeTime: g, formatAbsoluteTime: _, formatDateGroupLabel: v, getEventLabel: x, getSourceLabel: S, actionsForActivity: C, onActivityClick: w, onActorClick: T, onResourceClick: E, onAction: ee, resources: D, onResourcesChange: O } = r, k = p(() => ({
+function $(i) {
+	let { activities: a = [], density: o = "default", groupByDate: s = !0, expandedByDefault: c = !1, currentUserId: l, loading: u = !1, eventConfig: d, strings: f, slots: p, className: h, locale: g, formatRelativeTime: _, formatAbsoluteTime: v, formatDateGroupLabel: y, getEventLabel: S, getSourceLabel: C, actionsForActivity: w, onActivityClick: T, onActorClick: E, onResourceClick: ee, onAction: te, resources: D, onResourcesChange: O } = i, k = e(W, f), A = m(() => ({
 		...H,
-		...d,
-		sources: {
-			...H.sources,
-			...d?.sources ?? {}
-		},
-		events: {
-			...H.events,
-			...d?.events ?? {}
-		}
-	}), [d]), A = p(() => ({
-		...B,
-		...u
-	}), [u]), j = W({
+		...d
+	}), [d]), j = K({
 		resources: D,
 		onResourcesChange: O
-	}), M = U({
-		activities: i,
-		groupByDate: o,
-		expandedByDefault: s,
-		locale: h,
+	}), M = G({
+		activities: a,
+		groupByDate: s,
+		expandedByDefault: c,
+		locale: g,
 		strings: k,
-		formatDateGroupLabel: v
-	}), { formatRelativeTime: N } = e(), P = g ?? N ?? ((e) => e), F = _ ?? ((e) => _e(e, h));
-	if (l) return /* @__PURE__ */ y("div", {
-		className: t("activities-feed--component", "px-2 py-4", m),
-		children: f?.loading ?? /* @__PURE__ */ y(n, {
+		formatDateGroupLabel: y
+	}), { formatRelativeTime: N } = t(), P = _ ?? N ?? ((e) => e), F = v ?? ((e) => ve(e, g));
+	if (u) return /* @__PURE__ */ b("div", {
+		className: n("activities-feed--component", "px-2 py-4", h),
+		children: p?.loading ?? /* @__PURE__ */ b(r, {
 			type: "secondary",
 			align: "center",
 			children: k.loading
 		})
 	});
-	if (i.length === 0) return /* @__PURE__ */ y("div", {
-		className: t("px-2 py-2", m),
-		children: f?.empty ?? /* @__PURE__ */ y(J, { title: k.empty })
+	if (a.length === 0) return /* @__PURE__ */ b("div", {
+		className: n("activities-feed--component", "px-2 py-2", h),
+		children: p?.empty ?? /* @__PURE__ */ b(fe, { title: k.empty })
 	});
 	let I = M.groups.reduce((e, t) => e + t.items.length, 0), L = 0;
-	return /* @__PURE__ */ b("div", {
-		className: t("flex flex-col", m),
+	return /* @__PURE__ */ x("div", {
+		className: n("activities-feed--component flex flex-col", h),
 		children: [
-			!!f?.header && /* @__PURE__ */ y("div", {
+			!!p?.header && /* @__PURE__ */ b("div", {
 				className: "mb-3",
-				children: f.header
+				children: p.header
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex flex-col",
-				children: M.groups.map((e, n) => {
-					let r = n === 0;
-					return /* @__PURE__ */ b("div", {
-						className: t(r ? "" : "mt-1"),
-						children: [f?.renderDateLabel ? f.renderDateLabel(e.label, r) : /* @__PURE__ */ y(q, {
+				children: M.groups.map((e, t) => {
+					let r = t === 0;
+					return /* @__PURE__ */ x("div", {
+						className: n(r ? "" : "mt-1"),
+						children: [p?.renderDateLabel ? p.renderDateLabel(e.label, r) : /* @__PURE__ */ b(de, {
 							label: e.label,
 							isFirst: r,
 							className: r ? "" : "mb-2"
-						}), /* @__PURE__ */ y("div", {
-							className: t("flex flex-col", !!e.label && "mt-2"),
+						}), /* @__PURE__ */ b("div", {
+							className: n("flex flex-col", !!e.label && "mt-2"),
 							children: e.items.map((e, t) => {
-								let n = e.activity, r = t === 0, i = ++L === I, o = V(n.event, A), s = ve(n, o.tone), l = n.timestamp ?? (n.createdAt ? P(n.createdAt) : null), u = n.createdAt ? F(n.createdAt) : null, d = n.source ? S?.(n.source) ?? k.sources[n.source] ?? o.sourceLabel ?? null : o.sourceLabel ?? null, p = d && d.trim().length > 0 ? d : null, m = C?.(n) ?? [], h = {
-									density: a,
+								let n = e.activity, r = t === 0, i = ++L === I, a = U(n.event, A), s = ye(n, a.tone), c = n.timestamp ?? (n.createdAt ? P(n.createdAt) : null), u = n.createdAt ? F(n.createdAt) : null, d = n.source ? C?.(n.source) ?? k.sources[n.source] ?? a.sourceLabel ?? null : a.sourceLabel ?? null, f = d && d.trim().length > 0 ? d : null, m = w?.(n) ?? [], h = {
+									density: o,
 									isLast: i,
 									isFirstInGroup: r,
 									activity: n,
-									eventConfig: o,
+									eventConfig: a,
 									tone: s,
-									relativeTime: l,
+									relativeTime: c,
 									absoluteTime: u,
-									sourceLabel: p,
+									sourceLabel: f,
 									expanded: M.isExpanded(n.id),
 									toggleExpanded: () => M.toggleExpanded(n.id)
-								}, g = f?.renderRow?.(n, h);
-								if (g !== void 0) return /* @__PURE__ */ y("div", { children: g }, e.key);
-								let _ = f?.renderHeadline?.(n, h), v = f?.renderMarker?.(n, h);
-								return /* @__PURE__ */ y(ge, {
+								}, g = p?.renderRow?.(n, h);
+								if (g !== void 0) return /* @__PURE__ */ b("div", { children: g }, e.key);
+								let _ = p?.renderHeadline?.(n, h), v = p?.renderMarker?.(n, h);
+								return /* @__PURE__ */ b(_e, {
 									activity: n,
-									density: a,
-									eventConfig: o,
+									density: o,
+									eventConfig: a,
 									tone: s,
 									isLast: i,
 									expanded: h.expanded,
 									onToggleExpanded: h.toggleExpanded,
-									relativeTime: l,
+									relativeTime: c,
 									absoluteTime: u,
-									sourceLabel: p,
+									sourceLabel: f,
 									youLabel: k.you,
 									showChangesLabel: k.showChanges,
 									hideChangesLabel: k.hideChanges,
 									actionsLabel: k.actionsLabel,
-									currentUserId: c,
+									currentUserId: l,
 									actions: m,
-									onActivityClick: w,
-									onActorClick: T,
-									onResourceClick: E,
-									onAction: ee,
+									onActivityClick: T,
+									onActorClick: E,
+									onResourceClick: ee,
+									onAction: te,
 									getResourceConfig: (e) => j.get(e),
 									headlineOverride: _,
 									markerOverride: v
 								}, e.key);
 							})
 						})]
-					}, `${e.label}-${n}`);
+					}, `${e.label}-${t}`);
 				})
 			}),
-			!!f?.footer && /* @__PURE__ */ y("div", {
+			!!p?.footer && /* @__PURE__ */ b("div", {
 				className: "mt-3",
-				children: f.footer
+				children: p.footer
 			})
 		]
 	});
@@ -924,38 +920,27 @@ function $(r) {
 $.displayName = "ActivityFeed";
 //#endregion
 //#region src/components/features/activities/partials/activities-feed-card.tsx
-function ye({ title: e, titleSuffix: t, description: n, padding: r = "base", composerSlot: i, className: o, strings: s, slots: c, ...l }) {
-	let u = {
-		...H,
-		...s,
-		sources: {
-			...H.sources,
-			...s?.sources ?? {}
-		},
-		events: {
-			...H.events,
-			...s?.events ?? {}
-		}
-	}, d = e ?? u.title;
-	return /* @__PURE__ */ y(a, {
-		icon: /* @__PURE__ */ y(x, { className: "size-4" }),
-		title: d,
-		titleSuffix: t,
-		description: n,
-		padding: r,
-		className: o,
-		children: /* @__PURE__ */ y($, {
-			...l,
-			strings: s,
+function be({ title: t, titleSuffix: n, description: r, padding: i = "base", composerSlot: a, className: s, strings: c, slots: l, ...u }) {
+	let d = e(W, c), f = t ?? d.title;
+	return /* @__PURE__ */ b(o, {
+		icon: /* @__PURE__ */ b(S, { className: "size-4" }),
+		title: f,
+		titleSuffix: n,
+		description: r,
+		padding: i,
+		className: s,
+		children: /* @__PURE__ */ b($, {
+			...u,
+			strings: c,
 			slots: {
-				...c,
-				header: i ?? c?.header
+				...l,
+				header: a ?? l?.header
 			}
 		})
 	});
 }
-ye.displayName = "ActivityFeedCard";
+be.displayName = "ActivityFeedCard";
 //#endregion
-export { Y as ACTIVITY_TONE, G as ActivityActionsMenu, K as ActivityChanges, q as ActivityDateLabel, J as ActivityEmptyState, $ as ActivityFeed, ye as ActivityFeedCard, Q as ActivityHeadline, he as ActivityMarker, Z as ActivityResourceTag, ge as ActivityRow, X as TONE_TO_BADGE_VARIANT, H as defaultActivitiesStrings, B as defaultActivityEventConfig, z as defaultEventConfig, le as interpolateActivityString, V as resolveEventConfig, U as useActivityFeed, W as useActivityResources };
+export { Y as ACTIVITY_TONE, q as ActivityActionsMenu, J as ActivityChanges, de as ActivityDateLabel, fe as ActivityEmptyState, $ as ActivityFeed, be as ActivityFeedCard, he as ActivityHeadline, ge as ActivityMarker, Z as ActivityResourceTag, _e as ActivityRow, X as TONE_TO_BADGE_VARIANT, W as defaultActivitiesStrings, H as defaultActivityEventConfig, V as defaultEventConfig, ce as interpolateActivityString, U as resolveEventConfig, G as useActivityFeed, K as useActivityResources };
 
 //# sourceMappingURL=index.js.map