admin-ui-starter-kit 0.4.3 → 0.4.5

package/dist/components/composed/navigation/index.js

@@ -1,9 +1,9 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { n } from "../../../_shared/heading-HeP06nXG.js";
-import { t as r } from "../../../_shared/badge-yGlx9trX.js";
-import { t as i } from "../../../_shared/button-SuocMQFT.js";
-import { t as a } from "../../../_shared/smart-card-DYZGY_Su.js";
+import { t as n } from "../../../_shared/button-BGKY8UY0.js";
+import { n as r } from "../../../_shared/heading-HeP06nXG.js";
+import { t as i } from "../../../_shared/badge-6WYAMJwA.js";
+import { t as a } from "../../../_shared/smart-card-thLb85Ih.js";
 import { c as o, i as s, l as c, n as l, o as u, r as d, t as f, u as p } from "../../../_shared/item-DAjqQhhj.js";
 import { useState as m } from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
@@ -24,39 +24,39 @@ var b = {
 	warning: "bg-warning",
 	destructive: "bg-destructive"
 };
-function S({ columns: e, className: i }) {
+function S({ columns: e, className: n }) {
 	return /* @__PURE__ */ h(a, {
 		title: "Pipeline Overview",
-		titleSuffix: /* @__PURE__ */ g(r, {
+		titleSuffix: /* @__PURE__ */ g(i, {
 			variant: "secondary",
 			children: [e.reduce((e, t) => e + t.items.length, 0), " items"]
 		}),
-		className: t("kanban-board--component", i),
+		className: t("kanban-board--component", n),
 		children: /* @__PURE__ */ h("div", {
 			className: "grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-4",
 			children: e.map((e) => {
-				let i = e.tone ?? "neutral";
+				let n = e.tone ?? "neutral";
 				return /* @__PURE__ */ g("div", {
 					className: "rounded-md border border-border/60 bg-muted/30 p-2",
 					children: [/* @__PURE__ */ g("div", {
 						className: "mb-2 flex items-center justify-between gap-2",
-						children: [/* @__PURE__ */ h(n, {
+						children: [/* @__PURE__ */ h(r, {
 							size: "xs",
 							weight: "semibold",
 							className: "truncate",
 							children: e.title
-						}), /* @__PURE__ */ h(r, {
-							variant: b[i],
+						}), /* @__PURE__ */ h(i, {
+							variant: b[n],
 							children: e.items.length
 						})]
 					}), /* @__PURE__ */ h("div", {
 						className: "space-y-1.5",
-						children: e.items.map((r, a) => /* @__PURE__ */ g("div", {
+						children: e.items.map((i, a) => /* @__PURE__ */ g("div", {
 							className: "flex min-h-8 items-center gap-2 rounded-md border border-border/50 bg-card px-2 py-1.5 shadow-sm",
-							children: [/* @__PURE__ */ h("div", { className: t("h-1.5 w-1.5 flex-shrink-0 rounded-full", x[r.tone ?? i]) }), /* @__PURE__ */ h(n, {
+							children: [/* @__PURE__ */ h("div", { className: t("h-1.5 w-1.5 flex-shrink-0 rounded-full", x[i.tone ?? n]) }), /* @__PURE__ */ h(r, {
 								size: "xs",
 								className: "truncate",
-								children: r.title
+								children: i.title
 							})]
 						}, `${e.title}-${a}`))
 					})]
@@ -68,14 +68,14 @@ function S({ columns: e, className: i }) {
 S.displayName = "KanbanMicroBoard";
 //#endregion
 //#region src/components/composed/navigation/tab-switcher/tab-switcher.tsx
-function C({ title: e, tabs: r, defaultTab: o, className: s }) {
-	let c = Object.keys(r), [l, u] = m(o ?? c[0] ?? "");
+function C({ title: e, tabs: i, defaultTab: o, className: s }) {
+	let c = Object.keys(i), [l, u] = m(o ?? c[0] ?? "");
 	return /* @__PURE__ */ g(a, {
 		title: e,
 		className: t("tab-switcher--component", "bg-gradient-to-b from-muted/30 to-card", s),
 		children: [/* @__PURE__ */ h("div", {
 			className: "mt-4 flex gap-1 rounded-full bg-muted/50 p-1",
-			children: c.map((e) => /* @__PURE__ */ h(i, {
+			children: c.map((e) => /* @__PURE__ */ h(n, {
 				variant: l === e ? "light" : "secondary",
 				buttonStyle: l === e ? "solid" : "ghost",
 				onClick: () => u(e),
@@ -84,18 +84,18 @@ function C({ title: e, tabs: r, defaultTab: o, className: s }) {
 			}, e))
 		}), /* @__PURE__ */ h("div", {
 			className: "mt-4 space-y-2",
-			children: r[l]?.map((e) => /* @__PURE__ */ g("div", {
+			children: i[l]?.map((e) => /* @__PURE__ */ g("div", {
 				className: "flex items-center gap-3 rounded-xl px-2 py-2 transition-colors hover:bg-muted/20",
 				children: [
 					!!e.icon && /* @__PURE__ */ h("div", {
 						className: "flex size-8 items-center justify-center rounded-full bg-primary/10",
 						children: /* @__PURE__ */ h(e.icon, { className: "size-4 text-primary" })
 					}),
-					/* @__PURE__ */ h(n, {
+					/* @__PURE__ */ h(r, {
 						className: "flex-1",
 						children: e.name
 					}),
-					/* @__PURE__ */ h(n, {
+					/* @__PURE__ */ h(r, {
 						weight: "bold",
 						children: e.value
 					})
@@ -117,8 +117,8 @@ var w = {
 };
 //#endregion
 //#region src/components/composed/navigation/time-ruler/time-ruler.tsx
-function T({ hours: r, currentHour: i, className: a, strings: o }) {
-	let s = e(w, o), c = Math.max(...r, 1), l = r.indexOf(Math.max(...r));
+function T({ hours: n, currentHour: i, className: a, strings: o }) {
+	let s = e(w, o), c = Math.max(...n, 1), l = n.indexOf(Math.max(...n));
 	function u(e) {
 		if (e === 0) return "bg-muted";
 		let t = e / c;
@@ -129,16 +129,16 @@ function T({ hours: r, currentHour: i, className: a, strings: o }) {
 		children: [
 			/* @__PURE__ */ h("div", {
 				className: "relative flex h-8 gap-[1px] rounded-md overflow-hidden",
-				children: r.map((e, n) => /* @__PURE__ */ h("div", {
+				children: n.map((e, n) => /* @__PURE__ */ h("div", {
 					className: t("relative flex-1 transition-colors duration-200", u(e), n === l && "ring-1 ring-primary ring-inset"),
 					title: s.formatHourTitle(String(n).padStart(2, "0"), e)
 				}, n))
 			}),
 			/* @__PURE__ */ h("div", {
 				className: "relative flex",
-				children: r.map((e, t) => /* @__PURE__ */ h("div", {
+				children: n.map((e, t) => /* @__PURE__ */ h("div", {
 					className: "flex-1 text-center",
-					children: t % 4 == 0 && /* @__PURE__ */ h(n, {
+					children: t % 4 == 0 && /* @__PURE__ */ h(r, {
 						size: "xxs",
 						type: "secondary",
 						className: "tabular-nums",
@@ -162,7 +162,7 @@ function T({ hours: r, currentHour: i, className: a, strings: o }) {
 				children: [
 					/* @__PURE__ */ g("div", {
 						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ h("div", { className: "h-2 w-3 rounded-sm bg-muted" }), /* @__PURE__ */ h(n, {
+						children: [/* @__PURE__ */ h("div", { className: "h-2 w-3 rounded-sm bg-muted" }), /* @__PURE__ */ h(r, {
 							size: "xxs",
 							type: "secondary",
 							children: s.legendNone
@@ -170,7 +170,7 @@ function T({ hours: r, currentHour: i, className: a, strings: o }) {
 					}),
 					/* @__PURE__ */ g("div", {
 						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ h("div", { className: "h-2 w-3 rounded-sm bg-primary/25" }), /* @__PURE__ */ h(n, {
+						children: [/* @__PURE__ */ h("div", { className: "h-2 w-3 rounded-sm bg-primary/25" }), /* @__PURE__ */ h(r, {
 							size: "xxs",
 							type: "secondary",
 							children: s.legendLow
@@ -178,7 +178,7 @@ function T({ hours: r, currentHour: i, className: a, strings: o }) {
 					}),
 					/* @__PURE__ */ g("div", {
 						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ h("div", { className: "h-2 w-3 rounded-sm bg-primary/55" }), /* @__PURE__ */ h(n, {
+						children: [/* @__PURE__ */ h("div", { className: "h-2 w-3 rounded-sm bg-primary/55" }), /* @__PURE__ */ h(r, {
 							size: "xxs",
 							type: "secondary",
 							children: s.legendMedium
@@ -186,7 +186,7 @@ function T({ hours: r, currentHour: i, className: a, strings: o }) {
 					}),
 					/* @__PURE__ */ g("div", {
 						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ h("div", { className: "h-2 w-3 rounded-sm bg-primary" }), /* @__PURE__ */ h(n, {
+						children: [/* @__PURE__ */ h("div", { className: "h-2 w-3 rounded-sm bg-primary" }), /* @__PURE__ */ h(r, {
 							size: "xxs",
 							type: "secondary",
 							children: s.legendHigh
@@ -194,7 +194,7 @@ function T({ hours: r, currentHour: i, className: a, strings: o }) {
 					}),
 					i !== void 0 && /* @__PURE__ */ g("div", {
 						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ h("div", { className: "h-0 w-0 border-x-[3px] border-b-[4px] border-x-transparent border-b-destructive" }), /* @__PURE__ */ h(n, {
+						children: [/* @__PURE__ */ h("div", { className: "h-0 w-0 border-x-[3px] border-b-[4px] border-x-transparent border-b-destructive" }), /* @__PURE__ */ h(r, {
 							size: "xxs",
 							type: "secondary",
 							children: s.legendNow
@@ -223,17 +223,17 @@ function E({ rating: e, maxRating: n = 5 }) {
 function D(e) {
 	return e >= 80 ? "bg-success" : e >= 50 ? "bg-warning" : "bg-destructive";
 }
-function O({ vendorName: e, rating: r, maxRating: i = 5, metrics: o, performanceScore: s, lastActive: c, joinedDate: l, className: u }) {
+function O({ vendorName: e, rating: n, maxRating: i = 5, metrics: o, performanceScore: s, lastActive: c, joinedDate: l, className: u }) {
 	return /* @__PURE__ */ h(a, {
 		title: e,
 		className: u,
 		footerText: /* @__PURE__ */ g("div", {
 			className: "flex items-center justify-between gap-4",
-			children: [/* @__PURE__ */ g(n, {
+			children: [/* @__PURE__ */ g(r, {
 				size: "xxs",
 				type: "secondary",
 				children: ["Last active: ", c]
-			}), /* @__PURE__ */ g(n, {
+			}), /* @__PURE__ */ g(r, {
 				size: "xxs",
 				type: "secondary",
 				children: ["Joined: ", l]
@@ -243,7 +243,7 @@ function O({ vendorName: e, rating: r, maxRating: i = 5, metrics: o, performance
 			className: "space-y-4",
 			children: [
 				/* @__PURE__ */ h(E, {
-					rating: r,
+					rating: n,
 					maxRating: i
 				}),
 				/* @__PURE__ */ h("div", {
@@ -267,12 +267,12 @@ function O({ vendorName: e, rating: r, maxRating: i = 5, metrics: o, performance
 						}
 					].map((e) => /* @__PURE__ */ g("div", {
 						className: "rounded-lg bg-muted/50 p-3 text-center",
-						children: [/* @__PURE__ */ h(n, {
+						children: [/* @__PURE__ */ h(r, {
 							size: "lg",
 							weight: "bold",
 							className: "tabular-nums",
 							children: e.value
-						}), /* @__PURE__ */ h(n, {
+						}), /* @__PURE__ */ h(r, {
 							size: "xxs",
 							type: "secondary",
 							children: e.label
@@ -283,7 +283,7 @@ function O({ vendorName: e, rating: r, maxRating: i = 5, metrics: o, performance
 					className: "space-y-1.5",
 					children: [/* @__PURE__ */ g("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ h(n, { children: "Performance" }), /* @__PURE__ */ g(n, {
+						children: [/* @__PURE__ */ h(r, { children: "Performance" }), /* @__PURE__ */ g(r, {
 							weight: "semibold",
 							className: "tabular-nums",
 							children: [s, "%"]
@@ -309,12 +309,12 @@ var k = {
 };
 //#endregion
 //#region src/components/composed/navigation/experience-activity/experience-activity.tsx
-function A({ completed: r, total: l, activities: m, onAdd: _, strings: v, className: b }) {
+function A({ completed: i, total: l, activities: m, onAdd: _, strings: v, className: b }) {
 	let x = e(k, v);
 	return /* @__PURE__ */ h(a, {
-		title: `${r} out of ${l}`,
+		title: `${i} out of ${l}`,
 		description: x.description,
-		headerEnd: !!_ && /* @__PURE__ */ h(i, {
+		headerEnd: !!_ && /* @__PURE__ */ h(n, {
 			variant: "secondary",
 			buttonStyle: "ghost",
 			size: "icon-sm",
@@ -339,11 +339,11 @@ function A({ completed: r, total: l, activities: m, onAdd: _, strings: v, classN
 					className: "mt-2 grid grid-cols-2 gap-1.5",
 					children: e.metrics.map((e) => /* @__PURE__ */ g("div", {
 						className: "rounded-md border border-border/50 bg-muted/25 px-2.5 py-1.5",
-						children: [/* @__PURE__ */ h(n, {
+						children: [/* @__PURE__ */ h(r, {
 							size: "xs",
 							type: "secondary",
 							children: e.label
-						}), /* @__PURE__ */ h(n, {
+						}), /* @__PURE__ */ h(r, {
 							size: "xs",
 							weight: "semibold",
 							children: e.value
@@ -363,13 +363,13 @@ var j = {
 };
 //#endregion
 //#region src/components/composed/navigation/breadcrumb-progress/breadcrumb-progress.tsx
-function M({ steps: r, currentIndex: a, onStepClick: o, className: s, strings: c }) {
+function M({ steps: i, currentIndex: a, onStepClick: o, className: s, strings: c }) {
 	let l = e(j, c);
 	return /* @__PURE__ */ g("div", {
 		className: t("breadcrumb-progress--component", "w-full", s),
 		children: [/* @__PURE__ */ g("div", {
 			className: "flex items-center justify-between mb-2",
-			children: [/* @__PURE__ */ g(n, {
+			children: [/* @__PURE__ */ g(r, {
 				size: "xs",
 				type: "secondary",
 				weight: "medium",
@@ -381,22 +381,22 @@ function M({ steps: r, currentIndex: a, onStepClick: o, className: s, strings: c
 					" ",
 					l.ofLabel,
 					" ",
-					r.length
+					i.length
 				]
-			}), /* @__PURE__ */ g(n, {
+			}), /* @__PURE__ */ g(r, {
 				tag: "span",
 				size: "xs",
 				weight: "semibold",
 				className: "tabular-nums",
-				children: [Math.round((a + 1) / r.length * 100), "%"]
+				children: [Math.round((a + 1) / i.length * 100), "%"]
 			})]
 		}), /* @__PURE__ */ h("ol", {
 			className: "flex items-center gap-2",
-			children: r.map((e, s) => {
+			children: i.map((e, s) => {
 				let c = s < a, l = s === a, u = o && (c || l);
 				return /* @__PURE__ */ g("li", {
 					className: "flex min-w-0 flex-1 items-center gap-2",
-					children: [/* @__PURE__ */ g(i, {
+					children: [/* @__PURE__ */ g(n, {
 						type: "button",
 						onClick: () => u && o?.(e.id, s),
 						disabled: !u,
@@ -409,19 +409,19 @@ function M({ steps: r, currentIndex: a, onStepClick: o, className: s, strings: c
 							children: c ? /* @__PURE__ */ h(_, { className: "size-3.5" }) : s + 1
 						}), /* @__PURE__ */ g("div", {
 							className: "hidden min-w-0 lg:block",
-							children: [/* @__PURE__ */ h(n, {
+							children: [/* @__PURE__ */ h(r, {
 								size: "xs",
 								weight: "semibold",
 								className: t(!l && !c && "text-muted-foreground"),
 								children: e.label
-							}), !!e.hint && /* @__PURE__ */ h(n, {
+							}), !!e.hint && /* @__PURE__ */ h(r, {
 								size: "xxs",
 								type: "discrete",
 								className: "truncate",
 								children: e.hint
 							})]
 						})]
-					}), s < r.length - 1 && /* @__PURE__ */ h("div", { className: t("h-px flex-1", c ? "bg-success" : "bg-border") })]
+					}), s < i.length - 1 && /* @__PURE__ */ h("div", { className: t("h-px flex-1", c ? "bg-success" : "bg-border") })]
 				}, e.id);
 			})
 		})]
@@ -430,13 +430,13 @@ function M({ steps: r, currentIndex: a, onStepClick: o, className: s, strings: c
 M.displayName = "BreadcrumbProgress";
 //#endregion
 //#region src/components/composed/navigation/category-nav/category-nav.tsx
-function N({ title: e, items: n, activeId: i, onSelect: c, className: m }) {
+function N({ title: e, items: n, activeId: r, onSelect: c, className: m }) {
 	return /* @__PURE__ */ h(a, {
 		title: e,
 		padding: "sm",
 		className: t("category-nav--component", m),
 		children: /* @__PURE__ */ h(u, { children: n.map((e) => {
-			let n = e.icon, a = e.id === i;
+			let n = e.icon, a = e.id === r;
 			return /* @__PURE__ */ g(f, {
 				size: "xs",
 				onClick: () => c?.(e.id),
@@ -455,7 +455,7 @@ function N({ title: e, items: n, activeId: i, onSelect: c, className: m }) {
 						clamp: 1,
 						children: e.hint
 					})] }),
-					/* @__PURE__ */ g(l, { children: [typeof e.count == "number" && /* @__PURE__ */ h(r, {
+					/* @__PURE__ */ g(l, { children: [typeof e.count == "number" && /* @__PURE__ */ h(i, {
 						variant: a ? "primary" : "secondary",
 						className: "tabular-nums",
 						children: e.count

package/dist/components/composed/onboarding/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/heading-0DYCOrgC.cjs"),r=require("../../../_shared/accordion-BWU7zxlO.cjs"),i=require("../../../_shared/spinner-DWn3x9Tl.cjs");let a=require("react"),o=require("react/jsx-runtime"),s=require("lucide-react");var c={regionAriaLabel:void 0,statusCompletedAria:`Completed`,statusInProgressAria:`In progress`,statusPendingAria:`Pending`};function l({status:e,ariaLabel:n,className:r}){return e===`completed`?(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-success/15 text-success ring-1 ring-success/20`,r),children:(0,o.jsx)(s.CheckCircle2,{className:`size-4`})}):e===`in-progress`?(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-warning/15 ring-1 ring-warning/30`,r),children:(0,o.jsx)(`span`,{className:`size-2 rounded-full bg-warning`})}):(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground/70 ring-1 ring-border/70`,r),children:(0,o.jsx)(i.t,{className:`size-4 opacity-60`})})}l.displayName=`StepStatusIndicator`;var u={completed:`text-foreground`,"in-progress":`text-foreground`,pending:`text-muted-foreground`};function d(e,t){return e===`completed`?t.statusCompletedAria:e===`in-progress`?t.statusInProgressAria:t.statusPendingAria}function f(e){let t=e.find(e=>e.status!==`completed`&&!e.disabled);return t?[t.id]:[]}var p=(0,a.forwardRef)(function({steps:i,defaultExpanded:s,multiple:p=!1,value:m,onValueChange:h,onStepOpen:g,variant:_=`bordered`,className:v,stepClassName:y,strings:b},x){let S=e.useStrings(c,b),C=m!==void 0,w=(0,a.useMemo)(()=>s??f(i),[]),[T,E]=(0,a.useState)(w),D=(0,a.useRef)(!1),O=C?m:T,k=(0,a.useRef)(new Set(w));(0,a.useEffect)(()=>{if(C||D.current||s!==void 0||i.length===0||T.length>0)return;let e=f(i);e.length>0&&E(e)},[i,C,s,T.length]);let A=(0,a.useCallback)(e=>{let t=e??[];D.current=!0,C||E(t),h?.(t)},[C,h]);return(0,a.useEffect)(()=>{if(!g){k.current=new Set(O);return}let e=k.current;for(let t of O)e.has(t)||g(t);k.current=new Set(O)},[O,g]),(0,o.jsx)(r.s,{ref:x,multiple:p,value:O,onValueChange:A,"aria-label":S.regionAriaLabel,className:t.cn(`checklist--component`,r.a[_],v),children:i.map(e=>(0,o.jsxs)(r.l,{value:e.id,className:t.cn(r.i[_],y),children:[(0,o.jsx)(r.u,{disabled:e.disabled,className:t.cn(r.o,`min-h-16 items-center`),children:(0,o.jsxs)(`div`,{className:`flex w-full min-w-0 items-center gap-3 pr-2`,children:[(0,o.jsx)(l,{status:e.status,ariaLabel:d(e.status,S)}),(0,o.jsx)(n.n,{tag:`span`,weight:`semibold`,className:t.cn(u[e.status]),children:e.title}),!!e.badge&&(0,o.jsx)(`span`,{className:`ml-auto inline-flex shrink-0`,children:e.badge})]})}),!!e.content&&(0,o.jsx)(r.c,{className:r.r.withMedallion,children:(0,o.jsx)(n.n,{type:`secondary`,className:`leading-relaxed`,tag:`div`,children:e.content})})]},e.id))})});p.displayName=`OnboardingChecklist`,exports.OnboardingChecklist=p,exports.StepStatusIndicator=l,exports.defaultOnboardingChecklistStrings=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/heading-0DYCOrgC.cjs"),r=require("../../../_shared/accordion-Df1XrCDv.cjs"),i=require("../../../_shared/spinner-DWn3x9Tl.cjs");let a=require("react"),o=require("react/jsx-runtime"),s=require("lucide-react");var c={regionAriaLabel:void 0,statusCompletedAria:`Completed`,statusInProgressAria:`In progress`,statusPendingAria:`Pending`};function l({status:e,ariaLabel:n,className:r}){return e===`completed`?(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-success/15 text-success ring-1 ring-success/20`,r),children:(0,o.jsx)(s.CheckCircle2,{className:`size-4`})}):e===`in-progress`?(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-warning/15 ring-1 ring-warning/30`,r),children:(0,o.jsx)(`span`,{className:`size-2 rounded-full bg-warning`})}):(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground/70 ring-1 ring-border/70`,r),children:(0,o.jsx)(i.t,{className:`size-4 opacity-60`})})}l.displayName=`StepStatusIndicator`;var u={completed:`text-foreground`,"in-progress":`text-foreground`,pending:`text-muted-foreground`};function d(e,t){return e===`completed`?t.statusCompletedAria:e===`in-progress`?t.statusInProgressAria:t.statusPendingAria}function f(e){let t=e.find(e=>e.status!==`completed`&&!e.disabled);return t?[t.id]:[]}var p=(0,a.forwardRef)(function({steps:i,defaultExpanded:s,multiple:p=!1,value:m,onValueChange:h,onStepOpen:g,variant:_=`bordered`,className:v,stepClassName:y,strings:b},x){let S=e.useStrings(c,b),C=m!==void 0,w=(0,a.useMemo)(()=>s??f(i),[]),[T,E]=(0,a.useState)(w),D=(0,a.useRef)(!1),O=C?m:T,k=(0,a.useRef)(new Set(w));(0,a.useEffect)(()=>{if(C||D.current||s!==void 0||i.length===0||T.length>0)return;let e=f(i);e.length>0&&E(e)},[i,C,s,T.length]);let A=(0,a.useCallback)(e=>{let t=e??[];D.current=!0,C||E(t),h?.(t)},[C,h]);return(0,a.useEffect)(()=>{if(!g){k.current=new Set(O);return}let e=k.current;for(let t of O)e.has(t)||g(t);k.current=new Set(O)},[O,g]),(0,o.jsx)(r.s,{ref:x,multiple:p,value:O,onValueChange:A,"aria-label":S.regionAriaLabel,className:t.cn(`checklist--component`,r.a[_],v),children:i.map(e=>(0,o.jsxs)(r.l,{value:e.id,className:t.cn(r.i[_],y),children:[(0,o.jsx)(r.u,{disabled:e.disabled,className:t.cn(r.o,`min-h-16 items-center`),children:(0,o.jsxs)(`div`,{className:`flex w-full min-w-0 items-center gap-3 pr-2`,children:[(0,o.jsx)(l,{status:e.status,ariaLabel:d(e.status,S)}),(0,o.jsx)(n.n,{tag:`span`,weight:`semibold`,className:t.cn(u[e.status]),children:e.title}),!!e.badge&&(0,o.jsx)(`span`,{className:`ml-auto inline-flex shrink-0`,children:e.badge})]})}),!!e.content&&(0,o.jsx)(r.c,{className:r.r.withMedallion,children:(0,o.jsx)(n.n,{type:`secondary`,className:`leading-relaxed`,tag:`div`,children:e.content})})]},e.id))})});p.displayName=`OnboardingChecklist`,exports.OnboardingChecklist=p,exports.StepStatusIndicator=l,exports.defaultOnboardingChecklistStrings=c;
 //# sourceMappingURL=index.cjs.map

package/dist/components/composed/onboarding/index.js

@@ -1,7 +1,7 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
 import { n } from "../../../_shared/heading-HeP06nXG.js";
-import { a as r, c as i, i as a, l as o, o as s, r as c, s as l, u } from "../../../_shared/accordion-DTYKGqWD.js";
+import { a as r, c as i, i as a, l as o, o as s, r as c, s as l, u } from "../../../_shared/accordion-Rzi9wEl6.js";
 import { t as d } from "../../../_shared/spinner-BfAbXTQ7.js";
 import { forwardRef as f, useCallback as p, useEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";

package/dist/components/composed/timelines/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/heading-0DYCOrgC.cjs"),r=require("../../../_shared/badge--o9wFHB_.cjs"),i=require("../../../_shared/smart-card-Df80VF8x.cjs");let a=require("react/jsx-runtime"),o=require("lucide-react");var s={completed:{dot:`bg-success text-success-foreground`,line:`bg-success`,title:`text-foreground`,Icon:o.Check},current:{dot:`bg-primary text-primary-foreground ring-4 ring-primary/20`,line:`bg-border`,title:`text-foreground`,Icon:o.Loader2},upcoming:{dot:`bg-muted text-muted-foreground`,line:`bg-border`,title:`text-muted-foreground`,Icon:o.Circle}};function c({status:e}){let{dot:n,Icon:r}=s[e],i=e===`current`;return(0,a.jsx)(`div`,{className:t.cn(`steps-card--component`,`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full transition-all`,n),children:(0,a.jsx)(r,{className:t.cn(`h-4 w-4`,i&&`animate-spin`)})})}function l({title:e,description:o,steps:l,footerText:u,className:d}){return(0,a.jsx)(i.t,{title:e,description:o,footerText:u,className:d,children:(0,a.jsx)(`div`,{className:`relative`,children:l.map((e,i)=>{let o=i===l.length-1,{line:u,title:d}=s[e.status];return(0,a.jsxs)(`div`,{className:`relative flex gap-4`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(c,{status:e.status}),!o&&(0,a.jsx)(`div`,{className:t.cn(`w-0.5 flex-1 min-h-6`,u)})]}),(0,a.jsxs)(`div`,{className:t.cn(`flex-1 pb-6`,o&&`pb-0`),children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-2 pt-1`,children:[(0,a.jsx)(n.n,{weight:`semibold`,className:d,children:e.title}),!!e.badge&&(0,a.jsx)(r.t,{variant:e.badgeVariant??`secondary`,children:e.badge})]}),!!e.description&&(0,a.jsx)(n.n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description}),!!e.timestamp&&(0,a.jsx)(n.n,{size:`xxs`,type:`discrete`,className:`mt-1`,children:e.timestamp}),!!e.content&&(0,a.jsx)(`div`,{className:`mt-2`,children:e.content})]})]},e.id)})})})}l.displayName=`StepsCard`;function u({status:e,stepNumber:t}){return e===`completed`?(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-success text-success-foreground`,children:(0,a.jsx)(o.Check,{className:`h-4 w-4`})}):e===`current`?(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground`,children:(0,a.jsx)(n.n,{weight:`bold`,className:`text-primary-foreground`,children:t})}):(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg border-2 border-muted text-muted-foreground`,children:(0,a.jsx)(n.n,{weight:`medium`,className:`text-muted-foreground`,children:t})})}function d({title:e,description:r,steps:o,footerText:s,className:c}){return(0,a.jsxs)(i.t,{title:e,description:r,footerText:s,className:c,children:[(0,a.jsx)(`div`,{className:`space-y-3 sm:hidden`,children:o.map((e,r)=>{let i=r===o.length-1,s=e.status===`completed`?`bg-success`:`bg-border`;return(0,a.jsxs)(`div`,{className:`flex gap-3`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(u,{status:e.status,stepNumber:r+1}),!i&&(0,a.jsx)(`div`,{className:t.cn(`mt-1 w-0.5 flex-1 min-h-5`,s)})]}),(0,a.jsxs)(`div`,{className:t.cn(`min-w-0 flex-1 pb-2`,i&&`pb-0`),children:[(0,a.jsx)(n.n,{weight:`semibold`,className:t.cn(`leading-snug`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,a.jsx)(n.n,{size:`xs`,type:`secondary`,className:`mt-0.5 line-clamp-2`,children:e.description})]})]},e.id)})}),(0,a.jsx)(`div`,{className:`-mx-1 hidden overflow-x-auto px-1 sm:block`,children:(0,a.jsx)(`div`,{className:`flex min-w-fit items-start`,children:o.map((e,r)=>{let i=r===o.length-1,s=e.status===`completed`?`bg-success`:`bg-border`;return(0,a.jsx)(`div`,{className:`flex min-w-[110px] flex-1 items-start`,children:(0,a.jsxs)(`div`,{className:`flex w-full flex-col items-center`,children:[(0,a.jsxs)(`div`,{className:`flex w-full items-center`,children:[r>0&&(0,a.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,o[r-1].status===`completed`?`bg-success`:`bg-border`)}),r===0&&(0,a.jsx)(`div`,{className:`flex-1`}),(0,a.jsx)(u,{status:e.status,stepNumber:r+1}),!i&&(0,a.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,s)}),!!i&&(0,a.jsx)(`div`,{className:`flex-1`})]}),(0,a.jsxs)(`div`,{className:`mt-2 flex w-full flex-col items-center px-1 text-center`,children:[(0,a.jsx)(n.n,{size:`xs`,weight:`semibold`,className:t.cn(`leading-snug line-clamp-2`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,a.jsx)(n.n,{size:`xxs`,type:`secondary`,className:`mt-0.5 leading-snug line-clamp-2`,children:e.description})]})]})},e.id)})})})]})}d.displayName=`StepsHorizontal`;var f={completed:`bg-success`,current:`bg-primary ring-3 ring-primary/20`,pending:`bg-muted`};function p({title:e,description:r,events:o,footerText:s,className:c}){return(0,a.jsx)(i.t,{title:e,description:r,footerText:s,className:t.cn(`order-timeline--component`,c),children:(0,a.jsx)(`div`,{className:`relative space-y-0`,children:o.map((e,r)=>(0,a.jsxs)(`div`,{className:`relative flex gap-3 pb-4 last:pb-0`,children:[r!==o.length-1&&(0,a.jsx)(`div`,{className:`absolute left-[5px] top-[14px] h-[calc(100%-6px)] w-px bg-border`}),(0,a.jsx)(`div`,{className:`relative z-10 mt-[5px] flex-shrink-0`,children:(0,a.jsx)(`div`,{className:t.cn(`h-[11px] w-[11px] rounded-full`,f[e.status])})}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,a.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,a.jsx)(n.n,{weight:`medium`,className:`truncate`,children:e.title}),(0,a.jsx)(n.n,{size:`xxs`,type:`secondary`,className:`flex-shrink-0 font-mono tabular-nums`,children:e.timestamp})]}),!!e.description&&(0,a.jsx)(n.n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description})]})]},e.id))})})}function m({events:e,className:r}){return(0,a.jsx)(i.t,{title:`Payment Timeline`,className:t.cn(`payment-timeline--component`,r),children:(0,a.jsx)(`div`,{className:`mt-5 space-y-0`,children:e.map((r,i)=>{let o=r.icon;return(0,a.jsxs)(`div`,{className:`flex gap-4`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(`div`,{className:t.cn(`flex size-8 items-center justify-center rounded-full`,r.done?`bg-success/20`:`bg-muted`),children:(0,a.jsx)(o,{className:t.cn(`size-3.5`,r.done?`text-success`:`text-muted-foreground`)})}),i<e.length-1&&(0,a.jsx)(`div`,{className:t.cn(`mt-1 h-8 w-px`,r.done?`bg-success/30`:`bg-border`)})]}),(0,a.jsxs)(`div`,{className:`pb-6`,children:[(0,a.jsx)(n.n,{weight:`medium`,children:r.label}),(0,a.jsx)(n.n,{size:`xs`,type:`secondary`,children:r.date}),!!r.amount&&(0,a.jsx)(n.n,{size:`xs`,weight:`medium`,className:`mt-0.5 tabular-nums text-success`,children:r.amount})]})]},r.label)})})})}var h={title:`Activity`,empty:`No activity yet`},g={primary:`bg-primary/10 text-primary`,secondary:`bg-secondary text-secondary-foreground`,success:`bg-success/15 text-success`,info:`bg-info/15 text-info`,warning:`bg-warning/30 text-warning-foreground`,error:`bg-destructive/15 text-destructive`};function _({items:r,className:s,strings:c}){let l=e.useStrings(h,c);return r.length===0?(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Activity,{className:`size-4`}),title:l.title,className:t.cn(`activity-stream--component`,s),children:(0,a.jsx)(n.n,{type:`secondary`,align:`center`,className:`py-6`,children:l.empty})}):(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Activity,{className:`size-4`}),title:l.title,className:s,children:(0,a.jsx)(`ul`,{className:`space-y-3`,children:r.map((e,i)=>{let s=e.icon??o.Circle,c=i===r.length-1;return(0,a.jsxs)(`li`,{className:`relative flex gap-3`,children:[(0,a.jsxs)(`div`,{className:`relative flex flex-col items-center`,children:[(0,a.jsx)(`div`,{className:t.cn(`flex size-7 items-center justify-center rounded-full`,g[e.iconVariant??`primary`]),children:(0,a.jsx)(s,{className:`size-3.5`})}),!c&&(0,a.jsx)(`div`,{className:`mt-1 w-px flex-1 bg-border`})]}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1 pb-3`,children:[(0,a.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-1.5`,children:[!!e.actor&&(0,a.jsx)(n.n,{tag:`span`,weight:`semibold`,children:e.actor}),(0,a.jsx)(n.n,{tag:`span`,type:`secondary`,children:e.action}),!!e.target&&(0,a.jsx)(n.n,{tag:`span`,weight:`medium`,children:e.target})]}),!!e.metadata&&e.metadata.length>0&&(0,a.jsx)(`div`,{className:`mt-1 flex flex-wrap gap-x-3 gap-y-0.5`,children:e.metadata.map(e=>(0,a.jsxs)(n.n,{size:`xs`,type:`secondary`,children:[(0,a.jsxs)(n.n,{tag:`span`,size:`xs`,type:`discrete`,children:[e.label,`: `]}),e.value]},e.label))}),(0,a.jsx)(n.n,{size:`xxs`,type:`discrete`,className:`mt-0.5 tabular-nums`,children:e.timestamp})]})]},e.id)})})})}_.displayName=`ActivityStreamCard`;var v={sm:`size-2.5`,base:`size-3.5`,lg:`size-5`},y={sm:`size-2`,base:`size-2.5`,lg:`size-3`},b={completed:{bg:`bg-success`,text:`text-success-foreground`,ring:`ring-success/20`,line:`bg-success/40`},current:{bg:`bg-primary`,text:`text-primary-foreground`,ring:`ring-primary/30`,line:`bg-primary/40`},pending:{bg:`bg-muted`,text:`text-muted-foreground`,ring:`ring-border`,line:`bg-border`},success:{bg:`bg-success`,text:`text-success-foreground`,ring:`ring-success/20`,line:`bg-success/40`},warning:{bg:`bg-warning`,text:`text-warning-foreground`,ring:`ring-warning/30`,line:`bg-warning/40`},error:{bg:`bg-destructive`,text:`text-destructive-foreground`,ring:`ring-destructive/30`,line:`bg-destructive/40`},neutral:{bg:`bg-card`,text:`text-foreground`,ring:`ring-border`,line:`bg-border`}};function x({items:e,dotSize:r=`base`,className:i}){return(0,a.jsx)(`ol`,{className:t.cn(`timeline--component`,`relative space-y-4`,i),children:e.map((i,o)=>{let s=b[i.status??`neutral`],c=i.icon;return(0,a.jsxs)(`li`,{className:`relative flex gap-3`,children:[o!==e.length-1&&(0,a.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(`absolute left-[7px] top-4 bottom-[-1rem] w-px`,s.line,r===`lg`&&`left-[10px]`,r===`sm`&&`left-[5px]`)}),(0,a.jsx)(`div`,{className:`relative z-[1] mt-0.5 flex shrink-0 items-start`,children:(0,a.jsx)(`span`,{className:t.cn(`inline-flex items-center justify-center rounded-full ring-2`,s.bg,s.text,s.ring,v[r]),children:!!c&&(0,a.jsx)(c,{className:y[r]})})}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1 pb-2`,children:[(0,a.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,a.jsx)(n.n,{weight:`medium`,className:`leading-tight`,children:i.title}),!!i.timestamp&&(0,a.jsx)(n.n,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:i.timestamp})]}),!!i.description&&(0,a.jsx)(n.n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:i.description}),!!i.children&&(0,a.jsx)(`div`,{className:`mt-2`,children:i.children})]})]},i.id)})})}x.displayName=`Timeline`;var S={title:`Changelog`,added:`Added`,removed:`Removed`,modified:`Modified`,fixed:`Fixed`},C={added:`success`,removed:`error`,modified:`warning`,fixed:`current`},w={added:`success`,removed:`error`,modified:`warning`,fixed:`info`},T={added:o.Plus,removed:o.Minus,modified:o.Wrench,fixed:o.GitCommit};function E({entries:s,className:c,strings:l}){let u=e.useStrings(S,l),d={added:u.added,removed:u.removed,modified:u.modified,fixed:u.fixed},f=s.map(e=>({id:e.id,title:(0,a.jsxs)(`span`,{className:`inline-flex flex-wrap items-center gap-1.5`,children:[(0,a.jsx)(r.t,{variant:w[e.kind],children:d[e.kind]}),(0,a.jsx)(`span`,{children:e.title}),!!e.version&&(0,a.jsx)(n.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`font-mono`,children:e.version})]}),description:e.author?(0,a.jsxs)(a.Fragment,{children:[e.description,(0,a.jsxs)(n.n,{tag:`span`,size:`xxs`,type:`discrete`,className:`ml-2`,children:[`— `,e.author]})]}):e.description,timestamp:e.timestamp,icon:T[e.kind],status:C[e.kind]}));return(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.GitCommit,{className:`size-4`}),title:u.title,className:t.cn(`changelog-timeline--component`,c),children:(0,a.jsx)(x,{items:f,dotSize:`base`})})}E.displayName=`ChangelogTimelineCard`;var D={title:`Milestones`,completed:`Completed`,in_progress:`In progress`,upcoming:`Upcoming`,blocked:`Blocked`,dueOn:`Due`},O={completed:`completed`,in_progress:`current`,upcoming:`pending`,blocked:`error`},k={completed:o.Check,in_progress:o.Clock,upcoming:o.Circle,blocked:o.X},A={completed:`success`,in_progress:`primary`,upcoming:`secondary`,blocked:`error`};function j({milestones:s,className:c,strings:l}){let u=e.useStrings(D,l),d={completed:u.completed,in_progress:u.in_progress,upcoming:u.upcoming,blocked:u.blocked},f=s.map(e=>({id:e.id,title:(0,a.jsxs)(`span`,{className:`inline-flex flex-wrap items-center gap-1.5`,children:[(0,a.jsx)(`span`,{children:e.title}),(0,a.jsx)(r.t,{variant:A[e.status],children:d[e.status]})]}),description:e.description,timestamp:e.dueDate?`${u.dueOn} ${e.dueDate}`:void 0,icon:k[e.status],status:O[e.status],children:e.status===`in_progress`&&typeof e.progress==`number`?(0,a.jsxs)(`div`,{className:`space-y-1`,children:[(0,a.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,a.jsx)(`div`,{className:t.cn(`h-full rounded-full bg-primary transition-[width] duration-300`),style:{width:`${Math.max(0,Math.min(100,e.progress))}%`}})}),(0,a.jsxs)(n.n,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[Math.round(e.progress),`%`]})]}):void 0}));return(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Flag,{className:`size-4`}),title:u.title,className:t.cn(`milestones-timeline--component`,c),children:(0,a.jsx)(x,{items:f,dotSize:`base`})})}j.displayName=`MilestonesTimelineCard`,exports.ActivityStreamCard=_,exports.ChangelogTimelineCard=E,exports.MilestonesTimelineCard=j,exports.OrderTimelineCard=p,exports.PaymentTimelineCard=m,exports.StepsCard=l,exports.StepsHorizontal=d,exports.Timeline=x,exports.defaultActivityStreamStrings=h,exports.defaultChangelogTimelineStrings=S,exports.defaultMilestonesTimelineStrings=D;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/heading-0DYCOrgC.cjs"),r=require("../../../_shared/badge-CBof1rbF.cjs"),i=require("../../../_shared/smart-card-B6m7tmt0.cjs");let a=require("react/jsx-runtime"),o=require("lucide-react");var s={completed:{dot:`bg-success text-success-foreground`,line:`bg-success`,title:`text-foreground`,Icon:o.Check},current:{dot:`bg-primary text-primary-foreground ring-4 ring-primary/20`,line:`bg-border`,title:`text-foreground`,Icon:o.Loader2},upcoming:{dot:`bg-muted text-muted-foreground`,line:`bg-border`,title:`text-muted-foreground`,Icon:o.Circle}};function c({status:e}){let{dot:n,Icon:r}=s[e],i=e===`current`;return(0,a.jsx)(`div`,{className:t.cn(`steps-card--component`,`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full transition-all`,n),children:(0,a.jsx)(r,{className:t.cn(`h-4 w-4`,i&&`animate-spin`)})})}function l({title:e,description:o,steps:l,footerText:u,className:d}){return(0,a.jsx)(i.t,{title:e,description:o,footerText:u,className:d,children:(0,a.jsx)(`div`,{className:`relative`,children:l.map((e,i)=>{let o=i===l.length-1,{line:u,title:d}=s[e.status];return(0,a.jsxs)(`div`,{className:`relative flex gap-4`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(c,{status:e.status}),!o&&(0,a.jsx)(`div`,{className:t.cn(`w-0.5 flex-1 min-h-6`,u)})]}),(0,a.jsxs)(`div`,{className:t.cn(`flex-1 pb-6`,o&&`pb-0`),children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-2 pt-1`,children:[(0,a.jsx)(n.n,{weight:`semibold`,className:d,children:e.title}),!!e.badge&&(0,a.jsx)(r.t,{variant:e.badgeVariant??`secondary`,children:e.badge})]}),!!e.description&&(0,a.jsx)(n.n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description}),!!e.timestamp&&(0,a.jsx)(n.n,{size:`xxs`,type:`discrete`,className:`mt-1`,children:e.timestamp}),!!e.content&&(0,a.jsx)(`div`,{className:`mt-2`,children:e.content})]})]},e.id)})})})}l.displayName=`StepsCard`;function u({status:e,stepNumber:t}){return e===`completed`?(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-success text-success-foreground`,children:(0,a.jsx)(o.Check,{className:`h-4 w-4`})}):e===`current`?(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground`,children:(0,a.jsx)(n.n,{weight:`bold`,className:`text-primary-foreground`,children:t})}):(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg border-2 border-muted text-muted-foreground`,children:(0,a.jsx)(n.n,{weight:`medium`,className:`text-muted-foreground`,children:t})})}function d({title:e,description:r,steps:o,footerText:s,className:c}){return(0,a.jsxs)(i.t,{title:e,description:r,footerText:s,className:c,children:[(0,a.jsx)(`div`,{className:`space-y-3 sm:hidden`,children:o.map((e,r)=>{let i=r===o.length-1,s=e.status===`completed`?`bg-success`:`bg-border`;return(0,a.jsxs)(`div`,{className:`flex gap-3`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(u,{status:e.status,stepNumber:r+1}),!i&&(0,a.jsx)(`div`,{className:t.cn(`mt-1 w-0.5 flex-1 min-h-5`,s)})]}),(0,a.jsxs)(`div`,{className:t.cn(`min-w-0 flex-1 pb-2`,i&&`pb-0`),children:[(0,a.jsx)(n.n,{weight:`semibold`,className:t.cn(`leading-snug`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,a.jsx)(n.n,{size:`xs`,type:`secondary`,className:`mt-0.5 line-clamp-2`,children:e.description})]})]},e.id)})}),(0,a.jsx)(`div`,{className:`-mx-1 hidden overflow-x-auto px-1 sm:block`,children:(0,a.jsx)(`div`,{className:`flex min-w-fit items-start`,children:o.map((e,r)=>{let i=r===o.length-1,s=e.status===`completed`?`bg-success`:`bg-border`;return(0,a.jsx)(`div`,{className:`flex min-w-[110px] flex-1 items-start`,children:(0,a.jsxs)(`div`,{className:`flex w-full flex-col items-center`,children:[(0,a.jsxs)(`div`,{className:`flex w-full items-center`,children:[r>0&&(0,a.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,o[r-1].status===`completed`?`bg-success`:`bg-border`)}),r===0&&(0,a.jsx)(`div`,{className:`flex-1`}),(0,a.jsx)(u,{status:e.status,stepNumber:r+1}),!i&&(0,a.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,s)}),!!i&&(0,a.jsx)(`div`,{className:`flex-1`})]}),(0,a.jsxs)(`div`,{className:`mt-2 flex w-full flex-col items-center px-1 text-center`,children:[(0,a.jsx)(n.n,{size:`xs`,weight:`semibold`,className:t.cn(`leading-snug line-clamp-2`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,a.jsx)(n.n,{size:`xxs`,type:`secondary`,className:`mt-0.5 leading-snug line-clamp-2`,children:e.description})]})]})},e.id)})})})]})}d.displayName=`StepsHorizontal`;var f={completed:`bg-success`,current:`bg-primary ring-3 ring-primary/20`,pending:`bg-muted`};function p({title:e,description:r,events:o,footerText:s,className:c}){return(0,a.jsx)(i.t,{title:e,description:r,footerText:s,className:t.cn(`order-timeline--component`,c),children:(0,a.jsx)(`div`,{className:`relative space-y-0`,children:o.map((e,r)=>(0,a.jsxs)(`div`,{className:`relative flex gap-3 pb-4 last:pb-0`,children:[r!==o.length-1&&(0,a.jsx)(`div`,{className:`absolute left-[5px] top-[14px] h-[calc(100%-6px)] w-px bg-border`}),(0,a.jsx)(`div`,{className:`relative z-10 mt-[5px] flex-shrink-0`,children:(0,a.jsx)(`div`,{className:t.cn(`h-[11px] w-[11px] rounded-full`,f[e.status])})}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,a.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,a.jsx)(n.n,{weight:`medium`,className:`truncate`,children:e.title}),(0,a.jsx)(n.n,{size:`xxs`,type:`secondary`,className:`flex-shrink-0 font-mono tabular-nums`,children:e.timestamp})]}),!!e.description&&(0,a.jsx)(n.n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description})]})]},e.id))})})}function m({events:e,className:r}){return(0,a.jsx)(i.t,{title:`Payment Timeline`,className:t.cn(`payment-timeline--component`,r),children:(0,a.jsx)(`div`,{className:`mt-5 space-y-0`,children:e.map((r,i)=>{let o=r.icon;return(0,a.jsxs)(`div`,{className:`flex gap-4`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(`div`,{className:t.cn(`flex size-8 items-center justify-center rounded-full`,r.done?`bg-success/20`:`bg-muted`),children:(0,a.jsx)(o,{className:t.cn(`size-3.5`,r.done?`text-success`:`text-muted-foreground`)})}),i<e.length-1&&(0,a.jsx)(`div`,{className:t.cn(`mt-1 h-8 w-px`,r.done?`bg-success/30`:`bg-border`)})]}),(0,a.jsxs)(`div`,{className:`pb-6`,children:[(0,a.jsx)(n.n,{weight:`medium`,children:r.label}),(0,a.jsx)(n.n,{size:`xs`,type:`secondary`,children:r.date}),!!r.amount&&(0,a.jsx)(n.n,{size:`xs`,weight:`medium`,className:`mt-0.5 tabular-nums text-success`,children:r.amount})]})]},r.label)})})})}var h={title:`Activity`,empty:`No activity yet`},g={primary:`bg-primary/10 text-primary`,secondary:`bg-secondary text-secondary-foreground`,success:`bg-success/15 text-success`,info:`bg-info/15 text-info`,warning:`bg-warning/30 text-warning-foreground`,error:`bg-destructive/15 text-destructive`};function _({items:r,className:s,strings:c}){let l=e.useStrings(h,c);return r.length===0?(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Activity,{className:`size-4`}),title:l.title,className:t.cn(`activity-stream--component`,s),children:(0,a.jsx)(n.n,{type:`secondary`,align:`center`,className:`py-6`,children:l.empty})}):(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Activity,{className:`size-4`}),title:l.title,className:s,children:(0,a.jsx)(`ul`,{className:`space-y-3`,children:r.map((e,i)=>{let s=e.icon??o.Circle,c=i===r.length-1;return(0,a.jsxs)(`li`,{className:`relative flex gap-3`,children:[(0,a.jsxs)(`div`,{className:`relative flex flex-col items-center`,children:[(0,a.jsx)(`div`,{className:t.cn(`flex size-7 items-center justify-center rounded-full`,g[e.iconVariant??`primary`]),children:(0,a.jsx)(s,{className:`size-3.5`})}),!c&&(0,a.jsx)(`div`,{className:`mt-1 w-px flex-1 bg-border`})]}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1 pb-3`,children:[(0,a.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-1.5`,children:[!!e.actor&&(0,a.jsx)(n.n,{tag:`span`,weight:`semibold`,children:e.actor}),(0,a.jsx)(n.n,{tag:`span`,type:`secondary`,children:e.action}),!!e.target&&(0,a.jsx)(n.n,{tag:`span`,weight:`medium`,children:e.target})]}),!!e.metadata&&e.metadata.length>0&&(0,a.jsx)(`div`,{className:`mt-1 flex flex-wrap gap-x-3 gap-y-0.5`,children:e.metadata.map(e=>(0,a.jsxs)(n.n,{size:`xs`,type:`secondary`,children:[(0,a.jsxs)(n.n,{tag:`span`,size:`xs`,type:`discrete`,children:[e.label,`: `]}),e.value]},e.label))}),(0,a.jsx)(n.n,{size:`xxs`,type:`discrete`,className:`mt-0.5 tabular-nums`,children:e.timestamp})]})]},e.id)})})})}_.displayName=`ActivityStreamCard`;var v={sm:`size-2.5`,base:`size-3.5`,lg:`size-5`},y={sm:`size-2`,base:`size-2.5`,lg:`size-3`},b={completed:{bg:`bg-success`,text:`text-success-foreground`,ring:`ring-success/20`,line:`bg-success/40`},current:{bg:`bg-primary`,text:`text-primary-foreground`,ring:`ring-primary/30`,line:`bg-primary/40`},pending:{bg:`bg-muted`,text:`text-muted-foreground`,ring:`ring-border`,line:`bg-border`},success:{bg:`bg-success`,text:`text-success-foreground`,ring:`ring-success/20`,line:`bg-success/40`},warning:{bg:`bg-warning`,text:`text-warning-foreground`,ring:`ring-warning/30`,line:`bg-warning/40`},error:{bg:`bg-destructive`,text:`text-destructive-foreground`,ring:`ring-destructive/30`,line:`bg-destructive/40`},neutral:{bg:`bg-card`,text:`text-foreground`,ring:`ring-border`,line:`bg-border`}};function x({items:e,dotSize:r=`base`,className:i}){return(0,a.jsx)(`ol`,{className:t.cn(`timeline--component`,`relative space-y-4`,i),children:e.map((i,o)=>{let s=b[i.status??`neutral`],c=i.icon;return(0,a.jsxs)(`li`,{className:`relative flex gap-3`,children:[o!==e.length-1&&(0,a.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(`absolute left-[7px] top-4 bottom-[-1rem] w-px`,s.line,r===`lg`&&`left-[10px]`,r===`sm`&&`left-[5px]`)}),(0,a.jsx)(`div`,{className:`relative z-[1] mt-0.5 flex shrink-0 items-start`,children:(0,a.jsx)(`span`,{className:t.cn(`inline-flex items-center justify-center rounded-full ring-2`,s.bg,s.text,s.ring,v[r]),children:!!c&&(0,a.jsx)(c,{className:y[r]})})}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1 pb-2`,children:[(0,a.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,a.jsx)(n.n,{weight:`medium`,className:`leading-tight`,children:i.title}),!!i.timestamp&&(0,a.jsx)(n.n,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:i.timestamp})]}),!!i.description&&(0,a.jsx)(n.n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:i.description}),!!i.children&&(0,a.jsx)(`div`,{className:`mt-2`,children:i.children})]})]},i.id)})})}x.displayName=`Timeline`;var S={title:`Changelog`,added:`Added`,removed:`Removed`,modified:`Modified`,fixed:`Fixed`},C={added:`success`,removed:`error`,modified:`warning`,fixed:`current`},w={added:`success`,removed:`error`,modified:`warning`,fixed:`info`},T={added:o.Plus,removed:o.Minus,modified:o.Wrench,fixed:o.GitCommit};function E({entries:s,className:c,strings:l}){let u=e.useStrings(S,l),d={added:u.added,removed:u.removed,modified:u.modified,fixed:u.fixed},f=s.map(e=>({id:e.id,title:(0,a.jsxs)(`span`,{className:`inline-flex flex-wrap items-center gap-1.5`,children:[(0,a.jsx)(r.t,{variant:w[e.kind],children:d[e.kind]}),(0,a.jsx)(`span`,{children:e.title}),!!e.version&&(0,a.jsx)(n.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`font-mono`,children:e.version})]}),description:e.author?(0,a.jsxs)(a.Fragment,{children:[e.description,(0,a.jsxs)(n.n,{tag:`span`,size:`xxs`,type:`discrete`,className:`ml-2`,children:[`— `,e.author]})]}):e.description,timestamp:e.timestamp,icon:T[e.kind],status:C[e.kind]}));return(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.GitCommit,{className:`size-4`}),title:u.title,className:t.cn(`changelog-timeline--component`,c),children:(0,a.jsx)(x,{items:f,dotSize:`base`})})}E.displayName=`ChangelogTimelineCard`;var D={title:`Milestones`,completed:`Completed`,in_progress:`In progress`,upcoming:`Upcoming`,blocked:`Blocked`,dueOn:`Due`},O={completed:`completed`,in_progress:`current`,upcoming:`pending`,blocked:`error`},k={completed:o.Check,in_progress:o.Clock,upcoming:o.Circle,blocked:o.X},A={completed:`success`,in_progress:`primary`,upcoming:`secondary`,blocked:`error`};function j({milestones:s,className:c,strings:l}){let u=e.useStrings(D,l),d={completed:u.completed,in_progress:u.in_progress,upcoming:u.upcoming,blocked:u.blocked},f=s.map(e=>({id:e.id,title:(0,a.jsxs)(`span`,{className:`inline-flex flex-wrap items-center gap-1.5`,children:[(0,a.jsx)(`span`,{children:e.title}),(0,a.jsx)(r.t,{variant:A[e.status],children:d[e.status]})]}),description:e.description,timestamp:e.dueDate?`${u.dueOn} ${e.dueDate}`:void 0,icon:k[e.status],status:O[e.status],children:e.status===`in_progress`&&typeof e.progress==`number`?(0,a.jsxs)(`div`,{className:`space-y-1`,children:[(0,a.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,a.jsx)(`div`,{className:t.cn(`h-full rounded-full bg-primary transition-[width] duration-300`),style:{width:`${Math.max(0,Math.min(100,e.progress))}%`}})}),(0,a.jsxs)(n.n,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[Math.round(e.progress),`%`]})]}):void 0}));return(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Flag,{className:`size-4`}),title:u.title,className:t.cn(`milestones-timeline--component`,c),children:(0,a.jsx)(x,{items:f,dotSize:`base`})})}j.displayName=`MilestonesTimelineCard`,exports.ActivityStreamCard=_,exports.ChangelogTimelineCard=E,exports.MilestonesTimelineCard=j,exports.OrderTimelineCard=p,exports.PaymentTimelineCard=m,exports.StepsCard=l,exports.StepsHorizontal=d,exports.Timeline=x,exports.defaultActivityStreamStrings=h,exports.defaultChangelogTimelineStrings=S,exports.defaultMilestonesTimelineStrings=D;
 //# sourceMappingURL=index.cjs.map

package/dist/components/composed/timelines/index.js

@@ -1,8 +1,8 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
 import { n } from "../../../_shared/heading-HeP06nXG.js";
-import { t as r } from "../../../_shared/badge-yGlx9trX.js";
-import { t as i } from "../../../_shared/smart-card-DYZGY_Su.js";
+import { t as r } from "../../../_shared/badge-6WYAMJwA.js";
+import { t as i } from "../../../_shared/smart-card-thLb85Ih.js";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 import { Activity as c, Check as l, Circle as u, Clock as d, Flag as f, GitCommit as p, Loader2 as m, Minus as h, Plus as g, Wrench as _, X as v } from "lucide-react";
 //#region src/components/composed/timelines/steps-card/steps-card.tsx

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

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../_shared/ui-provider-BF4m2cR0.cjs"),n=require("../../../lib/utils.cjs"),r=require("../../../_shared/heading-0DYCOrgC.cjs"),i=require("../../../_shared/badge--o9wFHB_.cjs"),a=require("../../../_shared/button-C1qc97U1.cjs"),o=require("../../../_shared/smart-card-Df80VF8x.cjs"),s=require("../../../_shared/dropdown-menu-CHQzQWUK.cjs");let c=require("react"),l=require("date-fns"),u=require("react/jsx-runtime"),d=require("lucide-react");var f={icon:d.CircleDot,tone:`neutral`},p={created:{icon:d.Plus,tone:`success`,label:`Created`},updated:{icon:d.Pencil,tone:`info`,label:`Updated`},edited:{icon:d.FileEdit,tone:`info`,label:`Edited`},deleted:{icon:d.Trash2,tone:`destructive`,label:`Deleted`},cancelled:{icon:d.Ban,tone:`destructive`,label:`Cancelled`},restored:{icon:d.Sparkles,tone:`success`,label:`Restored`},status_changed:{icon:d.ArrowLeftRight,tone:`primary`,label:`Status changed`},status_transition:{icon:d.ArrowLeftRight,tone:`primary`,label:`Status changed`},status_override:{icon:d.ArrowLeftRight,tone:`warning`,label:`Status overridden`},assigned:{icon:d.UserPlus,tone:`info`,label:`Assigned`},unassigned:{icon:d.UserMinus,tone:`destructive`,label:`Unassigned`},mail_sent:{icon:d.Mail,tone:`info`,label:`Email sent`},mail_delivered:{icon:d.MailCheck,tone:`success`,label:`Email delivered`},mail_opened:{icon:d.MailOpen,tone:`info`,label:`Email opened`},mail_clicked:{icon:d.MailOpen,tone:`info`,label:`Email clicked`},mail_bounced:{icon:d.MailX,tone:`destructive`,label:`Email bounced`},mail_failed:{icon:d.MailX,tone:`destructive`,label:`Email failed`},comment_created:{icon:d.MessageSquare,tone:`warning`,label:`Comment posted`},comment_deleted:{icon:d.MessageSquare,tone:`destructive`,label:`Comment deleted`},paid:{icon:d.Check,tone:`success`,label:`Paid`},refunded:{icon:d.ArrowLeftRight,tone:`warning`,label:`Refunded`},confirmed:{icon:d.ShieldCheck,tone:`success`,label:`Confirmed`},favorited:{icon:d.Heart,tone:`warning`,label:`Favorited`},ordered:{icon:d.ShoppingBag,tone:`primary`,label:`Order placed`},published:{icon:d.Star,tone:`success`,label:`Published`},flagged:{icon:d.Flag,tone:`warning`,label:`Flagged`},linked:{icon:d.LinkIcon,tone:`info`,label:`Linked`},failed:{icon:d.AlertTriangle,tone:`destructive`,label:`Failed`},health_check_failed:{icon:d.AlertTriangle,tone:`destructive`,label:`Health check failed`}};function m(e,t){return t[e]??f}var h={title:`Activity`,empty:`No activity yet.`,loading:`Loading activity…`,today:`Today`,yesterday:`Yesterday`,undated:`Undated`,you:`You`,showChanges:`Show changes`,hideChanges:`Hide changes`,actionsLabel:`Activity actions`,moreLabel:`More`,sources:{comment:`Comment`,mail:`Mail`,booking_log:`Booking log`,activity_log:``,system:`System`},events:{}};function g(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function _(e,t,n){if(!e)return t.undated;let r=new Date(e);if((0,l.isToday)(r))return t.today;if((0,l.isYesterday)(r))return t.yesterday;try{return new Intl.DateTimeFormat(n,{year:`numeric`,month:`long`,day:`numeric`}).format(r)}catch{return new Intl.DateTimeFormat(void 0,{year:`numeric`,month:`long`,day:`numeric`}).format(r)}}function v({activities:e,groupByDate:t=!0,expandedByDefault:n=!1,locale:r,strings:i,formatDateGroupLabel:a}){let[o,s]=(0,c.useState)({}),l=(0,c.useMemo)(()=>{let t=new Map;return e.map(e=>{let n=[String(e.id??``).trim(),String(e.createdAt??``).trim(),String(e.event??``).trim(),String(e.source??``).trim()].join(`:`),r=(t.get(n)??0)+1;return t.set(n,r),{activity:e,key:`${n}:${r}`}})},[e]),u=(0,c.useMemo)(()=>{if(!t)return l.length>0?[{label:``,items:l}]:[];let e=[],n=`__init__`,o=[],s=e=>a?a(e,i):_(e,i,r);for(let t of l){let r=s(t.activity.createdAt??null);r===n?o.push(t):(o.length>0&&e.push({label:n,items:o}),n=r,o=[t])}return o.length>0&&e.push({label:n,items:o}),e},[l,t,r,i,a]),d=(0,c.useCallback)(e=>o[e]??n,[o,n]),f=(0,c.useCallback)(e=>{s(t=>({...t,[e]:!(t[e]??!1)}))},[]),p=(0,c.useCallback)((e,t)=>{s(n=>({...n,[e]:t}))},[]),m=(0,c.useCallback)(()=>{let e={};for(let t of l)e[t.activity.id]=!0;s(e)},[l]),h=(0,c.useCallback)(()=>s({}),[]);return{groups:u,total:l.length,isExpanded:d,toggleExpanded:f,setExpanded:p,expandAll:m,collapseAll:h}}function y({resources:e,onResourcesChange:t}={}){let[n,r]=(0,c.useState)(()=>e??{}),i=(0,c.useRef)(e);(0,c.useEffect)(()=>{e!==i.current&&(i.current=e,r(e??{}))},[e]);let a=(0,c.useRef)(t);(0,c.useEffect)(()=>{a.current=t},[t]);let o=(0,c.useCallback)(e=>{a.current?.(e)},[]),s=(0,c.useCallback)((e,t)=>{r(n=>{let r={...n,[e]:t};return o(r),r})},[o]),l=(0,c.useCallback)((e,t)=>{r(n=>{let r=n[e];if(!r)return n;let i={...n,[e]:{...r,...t}};return o(i),i})},[o]),u=(0,c.useCallback)(e=>{r(t=>{if(!(e in t))return t;let n={...t};return delete n[e],o(n),n})},[o]),d=(0,c.useCallback)(e=>{r(e),o(e)},[o]),f=(0,c.useCallback)(()=>{let e=i.current??{};r(e),o(e)},[o]);return{registry:n,get:(0,c.useCallback)(e=>n[typeof e==`string`?e:e.key],[n]),register:s,update:l,remove:u,setAll:d,reset:f}}function b({activity:e,actions:t,onAction:n,label:r}){return t.length===0?null:(0,u.jsxs)(s.t,{children:[(0,u.jsx)(s.g,{render:e=>(0,u.jsx)(a.t,{...e,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-sm`,"aria-label":r,className:`h-7 w-7 text-muted-foreground`,children:(0,u.jsx)(d.MoreHorizontal,{className:`size-4`})})}),(0,u.jsx)(s.r,{align:`end`,className:`min-w-[160px]`,children:t.map(t=>{let r=t.icon;return(0,u.jsxs)(s.a,{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&&(0,u.jsx)(r,{className:`size-3.5`}),t.label]},t.id)})})]})}function x({change:e}){let t=e.old!==null&&e.old!==void 0,n=e.new!==null&&e.new!==void 0;return!t&&!n?(0,u.jsx)(r.n,{size:`xs`,tag:`span`,children:e.description}):(0,u.jsxs)(r.n,{tag:`span`,size:`xs`,className:`inline-flex flex-wrap items-baseline gap-1`,children:[!!t&&(0,u.jsx)(r.n,{tag:`span`,size:`xs`,className:`rounded bg-destructive/10 text-destructive line-through px-1 py-px`,children:e.old}),t&&n&&(0,u.jsx)(r.n,{tag:`span`,size:`xs`,type:`secondary`,children:`→`}),!!n&&(0,u.jsx)(r.n,{tag:`span`,size:`xs`,className:`rounded bg-success/15 text-success px-1 py-px`,children:e.new})]})}function S({changes:e,className:t}){return e.length===0?null:(0,u.jsx)(`div`,{className:n.cn(`space-y-1.5 rounded-lg border border-border/60 bg-muted/30 px-3 py-2`,t),children:e.map(e=>(0,u.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,u.jsx)(r.n,{size:`xs`,type:`secondary`,weight:`medium`,className:`shrink-0`,children:e.label}),(0,u.jsx)(x,{change:e})]},`${e.key}-${e.label}`))})}function C({label:e,isFirst:t,className:i}){return e===``?null:(0,u.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:n.cn(`uppercase tracking-wider`,!t&&`mt-5`,i),children:e})}function w({title:e,hint:t,className:i}){return(0,u.jsxs)(`div`,{className:n.cn(`flex flex-col items-center justify-center gap-2 px-6 py-10 text-center`,i),children:[(0,u.jsx)(`span`,{className:`flex size-9 items-center justify-center rounded-full bg-muted text-muted-foreground`,children:(0,u.jsx)(d.Activity,{className:`size-4`})}),(0,u.jsx)(r.n,{weight:`medium`,children:e}),!!t&&(0,u.jsx)(r.n,{size:`xs`,type:`secondary`,children:t})]})}var T={primary:{bg:`bg-primary/10`,fg:`text-primary`,dot:`bg-primary`,line:`bg-primary/30`,chipBg:`bg-primary/5`,chipFg:`text-primary`},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/30`,fg:`text-warning-foreground`,dot:`bg-warning`,line:`bg-warning/40`,chipBg:`bg-warning/30`,chipFg:`text-warning-foreground`},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`}},E={primary:`primary`,success:`success`,warning:`warning`,destructive:`destructive`,info:`info`,neutral:`secondary`};function D({resource:e,config:t,fallbackText:o,onClick:s}){let c=T[t?.tone??`neutral`],l=t?.icon??d.CircleDot,f=t?.label??o??e.label??e.key,p=typeof s==`function`,m=(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(l,{className:n.cn(`size-3 shrink-0`,c.fg)}),(0,u.jsx)(r.n,{tag:`span`,size:`xs`,weight:`medium`,className:c.chipFg,children:f}),!!t?.tags&&t.tags.length>0&&(0,u.jsx)(r.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`border-l border-current/20 pl-1.5 ml-0.5`,children:t.tags.join(` · `)}),!!t?.badge&&(0,u.jsx)(i.t,{inline:!0,variant:E[t.badge.tone??`neutral`],className:`ml-1`,children:t.badge.label})]}),h=n.cn(`inline-flex items-center gap-1 rounded-full px-2 py-0.5 align-baseline`,`border border-border/60`,c.chipBg,p&&`cursor-pointer transition-colors hover:bg-foreground/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`);return p?(0,u.jsx)(a.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:e=>{e.stopPropagation(),s?.()},className:n.cn(h,`h-auto rounded-full`),title:t?.note,children:m}):(0,u.jsx)(`span`,{className:h,title:t?.note,children:m})}function O({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,d=i.actor??{id:e,name:t};return n?(0,u.jsx)(`a`,{href:n,onClick:e=>{c&&(e.preventDefault(),e.stopPropagation(),c(d,i))},className:`font-semibold text-foreground underline-offset-2 hover:underline`,children:l}):c?(0,u.jsx)(a.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:e=>{e.stopPropagation(),c(d,i)},className:`h-auto rounded px-0 py-0 font-semibold text-foreground underline-offset-2 hover:underline`,children:l}):(0,u.jsx)(r.n,{tag:`span`,weight:`semibold`,children:l})}function k(e,t){return e.map((e,n)=>{let a=`seg-${n}-${e.type}`;switch(e.type){case`actor`:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(O,{actorId:e.actorId,text:e.text,href:e.href,activity:t.activity,youLabel:t.youLabel,currentUserId:t.currentUserId,onActorClick:t.onActorClick}),` `]},a);case`field`:case`value`:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(r.n,{tag:`span`,weight:`semibold`,children:e.text}),` `]},a);case`status`:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(i.t,{inline:!0,variant:E[e.tone??`neutral`],children:e.text}),` `]},a);case`resource`:{let n=t.getResourceConfig?.(e.resource);return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(D,{resource:e.resource,config:n,fallbackText:e.text,onClick:t.onResourceClick?()=>t.onResourceClick?.(e.resource,n,t.activity):void 0}),` `]},a)}default:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(r.n,{tag:`span`,children:e.text}),` `]},a)}})}function A(e){let{activity:t}=e,n=t.headline??t.event,i=t.actor?.name;if(!i||!n.includes(i))return(0,u.jsx)(r.n,{tag:`span`,children:n});let[a,...o]=n.split(i);return(0,u.jsxs)(u.Fragment,{children:[!!a&&(0,u.jsx)(r.n,{tag:`span`,children:a}),(0,u.jsx)(O,{actorId:t.actor?.id,text:i,href:t.actor?.href,activity:t,youLabel:e.youLabel,currentUserId:e.currentUserId,onActorClick:e.onActorClick}),o.length>0&&(0,u.jsx)(r.n,{tag:`span`,children:o.join(i)})]})}function j(e){let t=e.activity.segments;return t&&t.length>0?(0,u.jsx)(`span`,{className:`leading-snug [&>span]:leading-snug`,children:k(t,e)}):(0,u.jsx)(`span`,{className:`leading-snug`,children:A(e)})}function M({icon:e,tone:t,density:r,isLast:i}){let a=T[t];return r===`compact`?(0,u.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1.5 size-2 shrink-0 rounded-full`,a.dot)}),!i&&(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1 w-px flex-1`,a.line)})]}):r===`rich`?(0,u.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,u.jsx)(`span`,{className:n.cn(`flex size-7 shrink-0 items-center justify-center rounded-full ring-1 ring-border/60`,a.bg,a.fg),children:(0,u.jsx)(e,{className:`size-3.5`})}),!i&&(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1 w-px flex-1`,a.line)})]}):(0,u.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,u.jsx)(`span`,{className:n.cn(`flex size-5 shrink-0 items-center justify-center rounded-full`,a.bg,a.fg),children:(0,u.jsx)(e,{className:`size-3`})}),!i&&(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1 w-px flex-1`,a.line)})]})}function N(e){let{activity:t,density:o,eventConfig:s,tone:c,isLast:l,expanded:f,onToggleExpanded:p,relativeTime:m,absoluteTime:h,sourceLabel:g,youLabel:_,showChangesLabel:v,hideChangesLabel:y,actionsLabel:x,currentUserId:C,actions:w,onActivityClick:T,onActorClick:E,onResourceClick:O,onAction:k,getResourceConfig:A,headlineOverride:N,markerOverride:P}=e,F=t.iconOverride??s.icon,I=(t.changes?.length??0)>0,L=(t.metadata?.length??0)>0,R=(t.resources?.length??0)>0,z=t.description!==void 0&&t.description!==null&&t.description!==``,B=o!==`compact`,V=o===`rich`,H=N??(0,u.jsx)(j,{activity:t,currentUserId:C,youLabel:_,onActorClick:E,onResourceClick:O,getResourceConfig:A}),U=P??(0,u.jsx)(M,{icon:F,tone:c,density:o,isLast:l}),W=typeof T==`function`,G=I||R||w.length>0||typeof E==`function`||typeof O==`function`,K=W&&!G;return(0,u.jsxs)(`div`,{className:n.cn(`relative flex gap-3`,W&&`cursor-pointer rounded-md hover:bg-muted/40`),onClick:W?()=>T?.(t):void 0,role:K?`button`:void 0,tabIndex:K?0:void 0,onKeyDown:K?e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),T?.(t))}:void 0,children:[U,(0,u.jsxs)(`div`,{className:n.cn(`min-w-0 flex-1`,!l&&(o===`rich`?`pb-4`:o===`compact`?`pb-2.5`:`pb-3`)),children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-1 sm:flex-row sm:items-start sm:justify-between sm:gap-3`,children:[(0,u.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-x-1.5 gap-y-1`,children:[(0,u.jsx)(r.n,{tag:`span`,lineHeight:`snug`,children:H}),!!g&&(0,u.jsx)(i.t,{inline:!0,variant:`secondary`,children:g}),V&&I&&(0,u.jsx)(a.t,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,className:`h-5 w-5 text-muted-foreground`,onClick:e=>{e.stopPropagation(),p()},title:f?y:v,"aria-label":f?y:v,"aria-expanded":f,children:f?(0,u.jsx)(d.ChevronDown,{className:`size-3.5`}):(0,u.jsx)(d.ChevronRight,{className:`size-3.5`})})]}),(0,u.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[!!m&&(0,u.jsx)(r.n,{size:`xs`,type:`secondary`,className:`whitespace-nowrap tabular-nums pt-0.5`,title:h??void 0,children:m}),V&&w.length>0&&(0,u.jsx)(b,{activity:t,actions:w,onAction:k,label:x})]})]}),!!B&&z&&(0,u.jsx)(r.n,{tag:`div`,size:`xs`,type:`secondary`,className:`mt-1`,children:t.description}),!!V&&L&&t.metadata&&(0,u.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-x-3 gap-y-1`,children:t.metadata.map(e=>(0,u.jsxs)(r.n,{size:`xs`,type:`secondary`,children:[(0,u.jsxs)(r.n,{tag:`span`,size:`xs`,type:`discrete`,children:[e.label,`:`,` `]}),e.value]},e.label))}),!!V&&R&&t.resources&&(0,u.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:t.resources.map(e=>{let n=A?.(e);return(0,u.jsx)(D,{resource:e,config:n,onClick:O?()=>O(e,n,t):void 0},e.key)})}),!!V&&I&&f&&t.changes&&(0,u.jsx)(`div`,{className:`mt-2`,children:(0,u.jsx)(S,{changes:t.changes})})]})]})}function P(e,t){try{return new Intl.DateTimeFormat(t,{dateStyle:`medium`,timeStyle:`short`}).format(new Date(e))}catch{return e}}function F(e,t){return e.toneOverride??t}function I(i){let{activities:a=[],density:o=`default`,groupByDate:s=!0,expandedByDefault:l=!1,currentUserId:d,loading:f=!1,eventConfig:g,strings:_,slots:b,className:x,locale:S,formatRelativeTime:T,formatAbsoluteTime:E,formatDateGroupLabel:D,getEventLabel:O,getSourceLabel:k,actionsForActivity:A,onActivityClick:j,onActorClick:M,onResourceClick:I,onAction:L,resources:R,onResourcesChange:z}=i,B=e.useStrings(h,_),V=(0,c.useMemo)(()=>({...p,...g}),[g]),H=y({resources:R,onResourcesChange:z}),U=v({activities:a,groupByDate:s,expandedByDefault:l,locale:S,strings:B,formatDateGroupLabel:D}),{formatRelativeTime:W}=t.a(),G=T??W??(e=>e),K=E??(e=>P(e,S));if(f)return(0,u.jsx)(`div`,{className:n.cn(`activities-feed--component`,`px-2 py-4`,x),children:b?.loading??(0,u.jsx)(r.n,{type:`secondary`,align:`center`,children:B.loading})});if(a.length===0)return(0,u.jsx)(`div`,{className:n.cn(`activities-feed--component`,`px-2 py-2`,x),children:b?.empty??(0,u.jsx)(w,{title:B.empty})});let q=U.groups.reduce((e,t)=>e+t.items.length,0),J=0;return(0,u.jsxs)(`div`,{className:n.cn(`activities-feed--component flex flex-col`,x),children:[!!b?.header&&(0,u.jsx)(`div`,{className:`mb-3`,children:b.header}),(0,u.jsx)(`div`,{className:`flex flex-col`,children:U.groups.map((e,t)=>{let r=t===0;return(0,u.jsxs)(`div`,{className:n.cn(r?``:`mt-1`),children:[b?.renderDateLabel?b.renderDateLabel(e.label,r):(0,u.jsx)(C,{label:e.label,isFirst:r,className:r?``:`mb-2`}),(0,u.jsx)(`div`,{className:n.cn(`flex flex-col`,!!e.label&&`mt-2`),children:e.items.map((e,t)=>{let n=e.activity,r=t===0,i=++J===q,a=m(n.event,V),s=F(n,a.tone),c=n.timestamp??(n.createdAt?G(n.createdAt):null),l=n.createdAt?K(n.createdAt):null,f=n.source?k?.(n.source)??B.sources[n.source]??a.sourceLabel??null:a.sourceLabel??null,p=f&&f.trim().length>0?f:null,h=A?.(n)??[],g={density:o,isLast:i,isFirstInGroup:r,activity:n,eventConfig:a,tone:s,relativeTime:c,absoluteTime:l,sourceLabel:p,expanded:U.isExpanded(n.id),toggleExpanded:()=>U.toggleExpanded(n.id)},_=b?.renderRow?.(n,g);if(_!==void 0)return(0,u.jsx)(`div`,{children:_},e.key);let v=b?.renderHeadline?.(n,g),y=b?.renderMarker?.(n,g);return(0,u.jsx)(N,{activity:n,density:o,eventConfig:a,tone:s,isLast:i,expanded:g.expanded,onToggleExpanded:g.toggleExpanded,relativeTime:c,absoluteTime:l,sourceLabel:p,youLabel:B.you,showChangesLabel:B.showChanges,hideChangesLabel:B.hideChanges,actionsLabel:B.actionsLabel,currentUserId:d,actions:h,onActivityClick:j,onActorClick:M,onResourceClick:I,onAction:L,getResourceConfig:e=>H.get(e),headlineOverride:v,markerOverride:y},e.key)})})]},`${e.label}-${t}`)})}),!!b?.footer&&(0,u.jsx)(`div`,{className:`mt-3`,children:b.footer})]})}I.displayName=`ActivityFeed`;function L({title:t,titleSuffix:n,description:r,padding:i=`base`,composerSlot:a,className:s,strings:c,slots:l,...f}){let p=e.useStrings(h,c),m=t??p.title;return(0,u.jsx)(o.t,{icon:(0,u.jsx)(d.Activity,{className:`size-4`}),title:m,titleSuffix:n,description:r,padding:i,className:s,children:(0,u.jsx)(I,{...f,strings:c,slots:{...l,header:a??l?.header}})})}L.displayName=`ActivityFeedCard`,exports.ACTIVITY_TONE=T,exports.ActivityActionsMenu=b,exports.ActivityChanges=S,exports.ActivityDateLabel=C,exports.ActivityEmptyState=w,exports.ActivityFeed=I,exports.ActivityFeedCard=L,exports.ActivityHeadline=j,exports.ActivityMarker=M,exports.ActivityResourceTag=D,exports.ActivityRow=N,exports.TONE_TO_BADGE_VARIANT=E,exports.defaultActivitiesStrings=h,exports.defaultActivityEventConfig=p,exports.defaultEventConfig=f,exports.interpolateActivityString=g,exports.resolveEventConfig=m,exports.useActivityFeed=v,exports.useActivityResources=y;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../_shared/ui-provider-BF4m2cR0.cjs"),n=require("../../../lib/utils.cjs"),r=require("../../../_shared/button-BI347RlM.cjs"),i=require("../../../_shared/heading-0DYCOrgC.cjs"),a=require("../../../_shared/badge-CBof1rbF.cjs"),o=require("../../../_shared/smart-card-B6m7tmt0.cjs"),s=require("../../../_shared/dropdown-menu-CHQzQWUK.cjs");let c=require("react"),l=require("date-fns"),u=require("react/jsx-runtime"),d=require("lucide-react");var f={icon:d.CircleDot,tone:`neutral`},p={created:{icon:d.Plus,tone:`success`,label:`Created`},updated:{icon:d.Pencil,tone:`info`,label:`Updated`},edited:{icon:d.FileEdit,tone:`info`,label:`Edited`},deleted:{icon:d.Trash2,tone:`destructive`,label:`Deleted`},cancelled:{icon:d.Ban,tone:`destructive`,label:`Cancelled`},restored:{icon:d.Sparkles,tone:`success`,label:`Restored`},status_changed:{icon:d.ArrowLeftRight,tone:`primary`,label:`Status changed`},status_transition:{icon:d.ArrowLeftRight,tone:`primary`,label:`Status changed`},status_override:{icon:d.ArrowLeftRight,tone:`warning`,label:`Status overridden`},assigned:{icon:d.UserPlus,tone:`info`,label:`Assigned`},unassigned:{icon:d.UserMinus,tone:`destructive`,label:`Unassigned`},mail_sent:{icon:d.Mail,tone:`info`,label:`Email sent`},mail_delivered:{icon:d.MailCheck,tone:`success`,label:`Email delivered`},mail_opened:{icon:d.MailOpen,tone:`info`,label:`Email opened`},mail_clicked:{icon:d.MailOpen,tone:`info`,label:`Email clicked`},mail_bounced:{icon:d.MailX,tone:`destructive`,label:`Email bounced`},mail_failed:{icon:d.MailX,tone:`destructive`,label:`Email failed`},comment_created:{icon:d.MessageSquare,tone:`warning`,label:`Comment posted`},comment_deleted:{icon:d.MessageSquare,tone:`destructive`,label:`Comment deleted`},paid:{icon:d.Check,tone:`success`,label:`Paid`},refunded:{icon:d.ArrowLeftRight,tone:`warning`,label:`Refunded`},confirmed:{icon:d.ShieldCheck,tone:`success`,label:`Confirmed`},favorited:{icon:d.Heart,tone:`warning`,label:`Favorited`},ordered:{icon:d.ShoppingBag,tone:`primary`,label:`Order placed`},published:{icon:d.Star,tone:`success`,label:`Published`},flagged:{icon:d.Flag,tone:`warning`,label:`Flagged`},linked:{icon:d.LinkIcon,tone:`info`,label:`Linked`},failed:{icon:d.AlertTriangle,tone:`destructive`,label:`Failed`},health_check_failed:{icon:d.AlertTriangle,tone:`destructive`,label:`Health check failed`}};function m(e,t){return t[e]??f}var h={title:`Activity`,empty:`No activity yet.`,loading:`Loading activity…`,today:`Today`,yesterday:`Yesterday`,undated:`Undated`,you:`You`,showChanges:`Show changes`,hideChanges:`Hide changes`,actionsLabel:`Activity actions`,moreLabel:`More`,sources:{comment:`Comment`,mail:`Mail`,booking_log:`Booking log`,activity_log:``,system:`System`},events:{}};function g(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function _(e,t,n){if(!e)return t.undated;let r=new Date(e);if((0,l.isToday)(r))return t.today;if((0,l.isYesterday)(r))return t.yesterday;try{return new Intl.DateTimeFormat(n,{year:`numeric`,month:`long`,day:`numeric`}).format(r)}catch{return new Intl.DateTimeFormat(void 0,{year:`numeric`,month:`long`,day:`numeric`}).format(r)}}function v({activities:e,groupByDate:t=!0,expandedByDefault:n=!1,locale:r,strings:i,formatDateGroupLabel:a}){let[o,s]=(0,c.useState)({}),l=(0,c.useMemo)(()=>{let t=new Map;return e.map(e=>{let n=[String(e.id??``).trim(),String(e.createdAt??``).trim(),String(e.event??``).trim(),String(e.source??``).trim()].join(`:`),r=(t.get(n)??0)+1;return t.set(n,r),{activity:e,key:`${n}:${r}`}})},[e]),u=(0,c.useMemo)(()=>{if(!t)return l.length>0?[{label:``,items:l}]:[];let e=[],n=`__init__`,o=[],s=e=>a?a(e,i):_(e,i,r);for(let t of l){let r=s(t.activity.createdAt??null);r===n?o.push(t):(o.length>0&&e.push({label:n,items:o}),n=r,o=[t])}return o.length>0&&e.push({label:n,items:o}),e},[l,t,r,i,a]),d=(0,c.useCallback)(e=>o[e]??n,[o,n]),f=(0,c.useCallback)(e=>{s(t=>({...t,[e]:!(t[e]??!1)}))},[]),p=(0,c.useCallback)((e,t)=>{s(n=>({...n,[e]:t}))},[]),m=(0,c.useCallback)(()=>{let e={};for(let t of l)e[t.activity.id]=!0;s(e)},[l]),h=(0,c.useCallback)(()=>s({}),[]);return{groups:u,total:l.length,isExpanded:d,toggleExpanded:f,setExpanded:p,expandAll:m,collapseAll:h}}function y({resources:e,onResourcesChange:t}={}){let[n,r]=(0,c.useState)(()=>e??{}),i=(0,c.useRef)(e);(0,c.useEffect)(()=>{e!==i.current&&(i.current=e,r(e??{}))},[e]);let a=(0,c.useRef)(t);(0,c.useEffect)(()=>{a.current=t},[t]);let o=(0,c.useCallback)(e=>{a.current?.(e)},[]),s=(0,c.useCallback)((e,t)=>{r(n=>{let r={...n,[e]:t};return o(r),r})},[o]),l=(0,c.useCallback)((e,t)=>{r(n=>{let r=n[e];if(!r)return n;let i={...n,[e]:{...r,...t}};return o(i),i})},[o]),u=(0,c.useCallback)(e=>{r(t=>{if(!(e in t))return t;let n={...t};return delete n[e],o(n),n})},[o]),d=(0,c.useCallback)(e=>{r(e),o(e)},[o]),f=(0,c.useCallback)(()=>{let e=i.current??{};r(e),o(e)},[o]);return{registry:n,get:(0,c.useCallback)(e=>n[typeof e==`string`?e:e.key],[n]),register:s,update:l,remove:u,setAll:d,reset:f}}function b({activity:e,actions:t,onAction:n,label:i}){return t.length===0?null:(0,u.jsxs)(s.t,{children:[(0,u.jsx)(s.g,{render:e=>(0,u.jsx)(r.t,{...e,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-sm`,"aria-label":i,className:`h-7 w-7 text-muted-foreground`,children:(0,u.jsx)(d.MoreHorizontal,{className:`size-4`})})}),(0,u.jsx)(s.r,{align:`end`,className:`min-w-[160px]`,children:t.map(t=>{let r=t.icon;return(0,u.jsxs)(s.a,{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&&(0,u.jsx)(r,{className:`size-3.5`}),t.label]},t.id)})})]})}function x({change:e}){let t=e.old!==null&&e.old!==void 0,n=e.new!==null&&e.new!==void 0;return!t&&!n?(0,u.jsx)(i.n,{size:`xs`,tag:`span`,children:e.description}):(0,u.jsxs)(i.n,{tag:`span`,size:`xs`,className:`inline-flex flex-wrap items-baseline gap-1`,children:[!!t&&(0,u.jsx)(i.n,{tag:`span`,size:`xs`,className:`rounded bg-destructive/10 text-destructive line-through px-1 py-px`,children:e.old}),t&&n&&(0,u.jsx)(i.n,{tag:`span`,size:`xs`,type:`secondary`,children:`→`}),!!n&&(0,u.jsx)(i.n,{tag:`span`,size:`xs`,className:`rounded bg-success/15 text-success px-1 py-px`,children:e.new})]})}function S({changes:e,className:t}){return e.length===0?null:(0,u.jsx)(`div`,{className:n.cn(`space-y-1.5 rounded-lg border border-border/60 bg-muted/30 px-3 py-2`,t),children:e.map(e=>(0,u.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,u.jsx)(i.n,{size:`xs`,type:`secondary`,weight:`medium`,className:`shrink-0`,children:e.label}),(0,u.jsx)(x,{change:e})]},`${e.key}-${e.label}`))})}function C({label:e,isFirst:t,className:r}){return e===``?null:(0,u.jsx)(i.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:n.cn(`uppercase tracking-wider`,!t&&`mt-5`,r),children:e})}function w({title:e,hint:t,className:r}){return(0,u.jsxs)(`div`,{className:n.cn(`flex flex-col items-center justify-center gap-2 px-6 py-10 text-center`,r),children:[(0,u.jsx)(`span`,{className:`flex size-9 items-center justify-center rounded-full bg-muted text-muted-foreground`,children:(0,u.jsx)(d.Activity,{className:`size-4`})}),(0,u.jsx)(i.n,{weight:`medium`,children:e}),!!t&&(0,u.jsx)(i.n,{size:`xs`,type:`secondary`,children:t})]})}var T={primary:{bg:`bg-primary/10`,fg:`text-primary`,dot:`bg-primary`,line:`bg-primary/30`,chipBg:`bg-primary/5`,chipFg:`text-primary`},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/30`,fg:`text-warning-foreground`,dot:`bg-warning`,line:`bg-warning/40`,chipBg:`bg-warning/30`,chipFg:`text-warning-foreground`},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`}},E={primary:`primary`,success:`success`,warning:`warning`,destructive:`destructive`,info:`info`,neutral:`secondary`};function D({resource:e,config:t,fallbackText:o,onClick:s}){let c=T[t?.tone??`neutral`],l=t?.icon??d.CircleDot,f=t?.label??o??e.label??e.key,p=typeof s==`function`,m=(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(l,{className:n.cn(`size-3 shrink-0`,c.fg)}),(0,u.jsx)(i.n,{tag:`span`,size:`xs`,weight:`medium`,className:c.chipFg,children:f}),!!t?.tags&&t.tags.length>0&&(0,u.jsx)(i.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`border-l border-current/20 pl-1.5 ml-0.5`,children:t.tags.join(` · `)}),!!t?.badge&&(0,u.jsx)(a.t,{inline:!0,variant:E[t.badge.tone??`neutral`],className:`ml-1`,children:t.badge.label})]}),h=n.cn(`inline-flex items-center gap-1 rounded-full px-2 py-0.5 align-baseline`,`border border-border/60`,c.chipBg,p&&`cursor-pointer transition-colors hover:bg-foreground/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`);return p?(0,u.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:e=>{e.stopPropagation(),s?.()},className:n.cn(h,`h-auto rounded-full`),title:t?.note,children:m}):(0,u.jsx)(`span`,{className:h,title:t?.note,children:m})}function O({actorId:e,text:t,href:n,activity:a,youLabel:o,currentUserId:s,onActorClick:c}){let l=s!==void 0&&e!==void 0&&s===e?o:t,d=a.actor??{id:e,name:t};return n?(0,u.jsx)(`a`,{href:n,onClick:e=>{c&&(e.preventDefault(),e.stopPropagation(),c(d,a))},className:`font-semibold text-foreground underline-offset-2 hover:underline`,children:l}):c?(0,u.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:e=>{e.stopPropagation(),c(d,a)},className:`h-auto rounded px-0 py-0 font-semibold text-foreground underline-offset-2 hover:underline`,children:l}):(0,u.jsx)(i.n,{tag:`span`,weight:`semibold`,children:l})}function k(e,t){return e.map((e,n)=>{let r=`seg-${n}-${e.type}`;switch(e.type){case`actor`:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(O,{actorId:e.actorId,text:e.text,href:e.href,activity:t.activity,youLabel:t.youLabel,currentUserId:t.currentUserId,onActorClick:t.onActorClick}),` `]},r);case`field`:case`value`:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(i.n,{tag:`span`,weight:`semibold`,children:e.text}),` `]},r);case`status`:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(a.t,{inline:!0,variant:E[e.tone??`neutral`],children:e.text}),` `]},r);case`resource`:{let n=t.getResourceConfig?.(e.resource);return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(D,{resource:e.resource,config:n,fallbackText:e.text,onClick:t.onResourceClick?()=>t.onResourceClick?.(e.resource,n,t.activity):void 0}),` `]},r)}default:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(i.n,{tag:`span`,children:e.text}),` `]},r)}})}function A(e){let{activity:t}=e,n=t.headline??t.event,r=t.actor?.name;if(!r||!n.includes(r))return(0,u.jsx)(i.n,{tag:`span`,children:n});let[a,...o]=n.split(r);return(0,u.jsxs)(u.Fragment,{children:[!!a&&(0,u.jsx)(i.n,{tag:`span`,children:a}),(0,u.jsx)(O,{actorId:t.actor?.id,text:r,href:t.actor?.href,activity:t,youLabel:e.youLabel,currentUserId:e.currentUserId,onActorClick:e.onActorClick}),o.length>0&&(0,u.jsx)(i.n,{tag:`span`,children:o.join(r)})]})}function j(e){let t=e.activity.segments;return t&&t.length>0?(0,u.jsx)(`span`,{className:`leading-snug [&>span]:leading-snug`,children:k(t,e)}):(0,u.jsx)(`span`,{className:`leading-snug`,children:A(e)})}function M({icon:e,tone:t,density:r,isLast:i}){let a=T[t];return r===`compact`?(0,u.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1.5 size-2 shrink-0 rounded-full`,a.dot)}),!i&&(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1 w-px flex-1`,a.line)})]}):r===`rich`?(0,u.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,u.jsx)(`span`,{className:n.cn(`flex size-7 shrink-0 items-center justify-center rounded-full ring-1 ring-border/60`,a.bg,a.fg),children:(0,u.jsx)(e,{className:`size-3.5`})}),!i&&(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1 w-px flex-1`,a.line)})]}):(0,u.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,u.jsx)(`span`,{className:n.cn(`flex size-5 shrink-0 items-center justify-center rounded-full`,a.bg,a.fg),children:(0,u.jsx)(e,{className:`size-3`})}),!i&&(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1 w-px flex-1`,a.line)})]})}function N(e){let{activity:t,density:o,eventConfig:s,tone:c,isLast:l,expanded:f,onToggleExpanded:p,relativeTime:m,absoluteTime:h,sourceLabel:g,youLabel:_,showChangesLabel:v,hideChangesLabel:y,actionsLabel:x,currentUserId:C,actions:w,onActivityClick:T,onActorClick:E,onResourceClick:O,onAction:k,getResourceConfig:A,headlineOverride:N,markerOverride:P}=e,F=t.iconOverride??s.icon,I=(t.changes?.length??0)>0,L=(t.metadata?.length??0)>0,R=(t.resources?.length??0)>0,z=t.description!==void 0&&t.description!==null&&t.description!==``,B=o!==`compact`,V=o===`rich`,H=N??(0,u.jsx)(j,{activity:t,currentUserId:C,youLabel:_,onActorClick:E,onResourceClick:O,getResourceConfig:A}),U=P??(0,u.jsx)(M,{icon:F,tone:c,density:o,isLast:l}),W=typeof T==`function`,G=I||R||w.length>0||typeof E==`function`||typeof O==`function`,K=W&&!G;return(0,u.jsxs)(`div`,{className:n.cn(`relative flex gap-3`,W&&`cursor-pointer rounded-md hover:bg-muted/40`),onClick:W?()=>T?.(t):void 0,role:K?`button`:void 0,tabIndex:K?0:void 0,onKeyDown:K?e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),T?.(t))}:void 0,children:[U,(0,u.jsxs)(`div`,{className:n.cn(`min-w-0 flex-1`,!l&&(o===`rich`?`pb-4`:o===`compact`?`pb-2.5`:`pb-3`)),children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-1 sm:flex-row sm:items-start sm:justify-between sm:gap-3`,children:[(0,u.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-x-1.5 gap-y-1`,children:[(0,u.jsx)(i.n,{tag:`span`,lineHeight:`snug`,children:H}),!!g&&(0,u.jsx)(a.t,{inline:!0,variant:`secondary`,children:g}),V&&I&&(0,u.jsx)(r.t,{type:`button`,size:`icon-xs`,variant:`secondary`,buttonStyle:`ghost`,className:`h-5 w-5 text-muted-foreground`,onClick:e=>{e.stopPropagation(),p()},title:f?y:v,"aria-label":f?y:v,"aria-expanded":f,children:f?(0,u.jsx)(d.ChevronDown,{className:`size-3.5`}):(0,u.jsx)(d.ChevronRight,{className:`size-3.5`})})]}),(0,u.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[!!m&&(0,u.jsx)(i.n,{size:`xs`,type:`secondary`,className:`whitespace-nowrap tabular-nums pt-0.5`,title:h??void 0,children:m}),V&&w.length>0&&(0,u.jsx)(b,{activity:t,actions:w,onAction:k,label:x})]})]}),!!B&&z&&(0,u.jsx)(i.n,{tag:`div`,size:`xs`,type:`secondary`,className:`mt-1`,children:t.description}),!!V&&L&&t.metadata&&(0,u.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-x-3 gap-y-1`,children:t.metadata.map(e=>(0,u.jsxs)(i.n,{size:`xs`,type:`secondary`,children:[(0,u.jsxs)(i.n,{tag:`span`,size:`xs`,type:`discrete`,children:[e.label,`:`,` `]}),e.value]},e.label))}),!!V&&R&&t.resources&&(0,u.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1.5`,children:t.resources.map(e=>{let n=A?.(e);return(0,u.jsx)(D,{resource:e,config:n,onClick:O?()=>O(e,n,t):void 0},e.key)})}),!!V&&I&&f&&t.changes&&(0,u.jsx)(`div`,{className:`mt-2`,children:(0,u.jsx)(S,{changes:t.changes})})]})]})}function P(e,t){try{return new Intl.DateTimeFormat(t,{dateStyle:`medium`,timeStyle:`short`}).format(new Date(e))}catch{return e}}function F(e,t){return e.toneOverride??t}function I(r){let{activities:a=[],density:o=`default`,groupByDate:s=!0,expandedByDefault:l=!1,currentUserId:d,loading:f=!1,eventConfig:g,strings:_,slots:b,className:x,locale:S,formatRelativeTime:T,formatAbsoluteTime:E,formatDateGroupLabel:D,getEventLabel:O,getSourceLabel:k,actionsForActivity:A,onActivityClick:j,onActorClick:M,onResourceClick:I,onAction:L,resources:R,onResourcesChange:z}=r,B=e.useStrings(h,_),V=(0,c.useMemo)(()=>({...p,...g}),[g]),H=y({resources:R,onResourcesChange:z}),U=v({activities:a,groupByDate:s,expandedByDefault:l,locale:S,strings:B,formatDateGroupLabel:D}),{formatRelativeTime:W}=t.a(),G=T??W??(e=>e),K=E??(e=>P(e,S));if(f)return(0,u.jsx)(`div`,{className:n.cn(`activities-feed--component`,`px-2 py-4`,x),children:b?.loading??(0,u.jsx)(i.n,{type:`secondary`,align:`center`,children:B.loading})});if(a.length===0)return(0,u.jsx)(`div`,{className:n.cn(`activities-feed--component`,`px-2 py-2`,x),children:b?.empty??(0,u.jsx)(w,{title:B.empty})});let q=U.groups.reduce((e,t)=>e+t.items.length,0),J=0;return(0,u.jsxs)(`div`,{className:n.cn(`activities-feed--component flex flex-col`,x),children:[!!b?.header&&(0,u.jsx)(`div`,{className:`mb-3`,children:b.header}),(0,u.jsx)(`div`,{className:`flex flex-col`,children:U.groups.map((e,t)=>{let r=t===0;return(0,u.jsxs)(`div`,{className:n.cn(r?``:`mt-1`),children:[b?.renderDateLabel?b.renderDateLabel(e.label,r):(0,u.jsx)(C,{label:e.label,isFirst:r,className:r?``:`mb-2`}),(0,u.jsx)(`div`,{className:n.cn(`flex flex-col`,!!e.label&&`mt-2`),children:e.items.map((e,t)=>{let n=e.activity,r=t===0,i=++J===q,a=m(n.event,V),s=F(n,a.tone),c=n.timestamp??(n.createdAt?G(n.createdAt):null),l=n.createdAt?K(n.createdAt):null,f=n.source?k?.(n.source)??B.sources[n.source]??a.sourceLabel??null:a.sourceLabel??null,p=f&&f.trim().length>0?f:null,h=A?.(n)??[],g={density:o,isLast:i,isFirstInGroup:r,activity:n,eventConfig:a,tone:s,relativeTime:c,absoluteTime:l,sourceLabel:p,expanded:U.isExpanded(n.id),toggleExpanded:()=>U.toggleExpanded(n.id)},_=b?.renderRow?.(n,g);if(_!==void 0)return(0,u.jsx)(`div`,{children:_},e.key);let v=b?.renderHeadline?.(n,g),y=b?.renderMarker?.(n,g);return(0,u.jsx)(N,{activity:n,density:o,eventConfig:a,tone:s,isLast:i,expanded:g.expanded,onToggleExpanded:g.toggleExpanded,relativeTime:c,absoluteTime:l,sourceLabel:p,youLabel:B.you,showChangesLabel:B.showChanges,hideChangesLabel:B.hideChanges,actionsLabel:B.actionsLabel,currentUserId:d,actions:h,onActivityClick:j,onActorClick:M,onResourceClick:I,onAction:L,getResourceConfig:e=>H.get(e),headlineOverride:v,markerOverride:y},e.key)})})]},`${e.label}-${t}`)})}),!!b?.footer&&(0,u.jsx)(`div`,{className:`mt-3`,children:b.footer})]})}I.displayName=`ActivityFeed`;function L({title:t,titleSuffix:n,description:r,padding:i=`base`,composerSlot:a,className:s,strings:c,slots:l,...f}){let p=e.useStrings(h,c),m=t??p.title;return(0,u.jsx)(o.t,{icon:(0,u.jsx)(d.Activity,{className:`size-4`}),title:m,titleSuffix:n,description:r,padding:i,className:s,children:(0,u.jsx)(I,{...f,strings:c,slots:{...l,header:a??l?.header}})})}L.displayName=`ActivityFeedCard`,exports.ACTIVITY_TONE=T,exports.ActivityActionsMenu=b,exports.ActivityChanges=S,exports.ActivityDateLabel=C,exports.ActivityEmptyState=w,exports.ActivityFeed=I,exports.ActivityFeedCard=L,exports.ActivityHeadline=j,exports.ActivityMarker=M,exports.ActivityResourceTag=D,exports.ActivityRow=N,exports.TONE_TO_BADGE_VARIANT=E,exports.defaultActivitiesStrings=h,exports.defaultActivityEventConfig=p,exports.defaultEventConfig=f,exports.interpolateActivityString=g,exports.resolveEventConfig=m,exports.useActivityFeed=v,exports.useActivityResources=y;
 //# sourceMappingURL=index.cjs.map