themelia-react-ui 2.0.5 → 3.0.0

package/dist/timelines-mOmS9Eh3.js

@@ -0,0 +1,479 @@
+"use client";
+import { useStrings as e } from "./lib/strings.js";
+import { t } from "./utils-BVbAG2J6.js";
+import { c as n } from "./typography-C0dELqYV.js";
+import { t as r } from "./structure-DElaQwwN.js";
+import { i } from "./tone-recipes-BPsRAvhu.js";
+import { t as a } from "./smart-card-C59z6KFO.js";
+import { t as o } from "./progress-RARK8AjB.js";
+import { g as s, m as c } from "./primitives-BlC1lXBr.js";
+import { n as l } from "./number-NFWKIoiK.js";
+import { t as u } from "./icon-badge-B0Kq7wom.js";
+import { t as d } from "./badge-oGiXblW7.js";
+import { t as f } from "./content-block-hooks-Z3iKjqd1.js";
+import "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Check as h, Circle as g, Clock as _, GitCommit as v, Loader2 as y, Minus as b, Plus as x, Wrench as S, X as C } from "lucide-react";
+//#region src/components/blocks/timelines/steps-card/types.ts
+var w = { statusLabels: {
+	completed: "Completed",
+	current: "Current",
+	upcoming: "Upcoming"
+} }, T = {
+	sm: "size-2.5",
+	md: "size-icon-md",
+	lg: "size-icon-lg"
+}, E = {
+	sm: "size-2",
+	md: "size-2.5",
+	lg: "size-icon-sm"
+}, D = {
+	completed: {
+		bg: i.success.solid,
+		text: "text-success-foreground",
+		ring: i.success.halo,
+		line: i.success.line
+	},
+	current: {
+		bg: i.primary.solid,
+		text: "text-primary-foreground",
+		ring: i.primary.halo,
+		line: i.primary.line
+	},
+	pending: {
+		bg: "bg-muted",
+		text: "text-muted-foreground",
+		ring: "ring-border",
+		line: "bg-border"
+	},
+	success: {
+		bg: i.success.solid,
+		text: "text-success-foreground",
+		ring: i.success.halo,
+		line: i.success.line
+	},
+	warning: {
+		bg: i.warning.solid,
+		text: "text-warning-foreground",
+		ring: i.warning.halo,
+		line: i.warning.line
+	},
+	error: {
+		bg: i.destructive.solid,
+		text: "text-destructive-foreground",
+		ring: i.destructive.halo,
+		line: i.destructive.line
+	},
+	neutral: {
+		bg: "bg-card",
+		text: "text-card-foreground",
+		ring: "ring-border",
+		line: "bg-border"
+	}
+};
+function O({ items: e, dotSize: i = "md", className: a }) {
+	return /* @__PURE__ */ p(r, {
+		render: /* @__PURE__ */ p("ol", {}),
+		gap: "xl",
+		className: t("timeline--component", "relative m-0 p-0 list-none", a),
+		children: e.map((a, o) => {
+			let c = a.status ?? "neutral", l = D[c], u = a.icon, d = o === e.length - 1;
+			return /* @__PURE__ */ m("li", {
+				"data-status": c,
+				"aria-current": c === "current" ? "step" : void 0,
+				className: "timeline--item relative flex gap-space-lg",
+				children: [/* @__PURE__ */ m("div", {
+					className: "timeline--marker relative z-[1] mt-0.5 flex shrink-0 flex-col items-center",
+					children: [/* @__PURE__ */ p("span", {
+						className: t("inline-flex shrink-0 items-center justify-center rounded-full ring-2", l.bg, l.text, l.ring, T[i]),
+						children: !!u && /* @__PURE__ */ p(u, { className: E[i] })
+					}), !d && /* @__PURE__ */ p("span", {
+						"aria-hidden": "true",
+						className: t("timeline--connector mt-space-2xs -mb-space-xl w-px flex-1", l.line)
+					})]
+				}), /* @__PURE__ */ m(r, {
+					gap: "md",
+					className: "min-w-0 flex-1 pb-space-md",
+					children: [/* @__PURE__ */ m(r, {
+						gap: "dense",
+						children: [/* @__PURE__ */ m("div", {
+							className: "timeline--heading flex flex-wrap items-baseline justify-between gap-x-space-md gap-y-dense",
+							children: [/* @__PURE__ */ m(n, {
+								type: "inherit",
+								weight: "medium",
+								lineHeight: "tight",
+								className: "min-w-0 break-words",
+								children: [!!a.statusLabel && /* @__PURE__ */ m("span", {
+									className: "sr-only",
+									children: [a.statusLabel, ": "]
+								}), a.title]
+							}), !!a.timestamp && /* @__PURE__ */ p(s, {
+								size: "xs",
+								className: "min-w-0 tabular-nums",
+								children: a.timestamp
+							})]
+						}), !!a.description && /* @__PURE__ */ p(n, {
+							size: "xs",
+							type: "secondary",
+							children: a.description
+						})]
+					}), !!a.children && /* @__PURE__ */ p("div", {
+						className: "min-w-0",
+						children: a.children
+					})]
+				})]
+			}, a.id);
+		})
+	});
+}
+O.displayName = "Timeline";
+//#endregion
+//#region src/components/blocks/timelines/steps-card/steps-card.tsx
+var k = {
+	completed: {
+		title: "inherit",
+		Icon: h
+	},
+	current: {
+		title: "inherit",
+		Icon: y
+	},
+	upcoming: {
+		title: "secondary",
+		Icon: g
+	}
+};
+function A({ title: r, description: i, steps: o, footerText: s, surface: c = "flat", padding: l = c === "flat" ? "none" : "md", headerDivider: u, className: h, strings: g }) {
+	let _ = e(w, g), v = o.map((e) => {
+		let { Icon: t, title: r } = k[e.status];
+		return {
+			id: e.id,
+			title: /* @__PURE__ */ m("span", {
+				className: "inline-flex flex-wrap items-center gap-space-sm",
+				children: [/* @__PURE__ */ p(n, {
+					tag: "span",
+					size: "inherit",
+					weight: "semibold",
+					type: r,
+					children: e.title
+				}), e.badge ? /* @__PURE__ */ p(d, {
+					tone: e.badgeTone ?? "secondary",
+					children: e.badge
+				}) : null]
+			}),
+			description: e.description,
+			timestamp: e.timestamp,
+			icon: t,
+			status: e.status === "upcoming" ? "pending" : e.status,
+			statusLabel: e.status === "current" ? void 0 : _.statusLabels[e.status],
+			children: e.content
+		};
+	});
+	return /* @__PURE__ */ p(a, {
+		surface: c,
+		padding: l,
+		headerDivider: u,
+		title: r,
+		description: i,
+		footerSlot: s,
+		...f(t("steps-card--component", h)),
+		children: /* @__PURE__ */ p(O, {
+			items: v,
+			dotSize: "lg"
+		})
+	});
+}
+A.displayName = "StepsCard";
+function j({ status: e, stepNumber: t }) {
+	return e === "completed" ? /* @__PURE__ */ p(u, {
+		icon: h,
+		tone: "success",
+		solid: !0,
+		shape: "square",
+		size: "md",
+		className: "relative z-10"
+	}) : /* @__PURE__ */ p(u, {
+		tone: e === "current" ? "primary" : "neutral",
+		solid: e === "current",
+		shape: "square",
+		size: "md",
+		"aria-hidden": !1,
+		className: "relative z-10",
+		children: /* @__PURE__ */ p(n, {
+			tag: "span",
+			type: "inherit",
+			weight: e === "current" ? "bold" : "medium",
+			className: "tabular-nums",
+			children: t
+		})
+	});
+}
+function M({ title: i, description: a, steps: o, footerText: s, className: c, strings: l }) {
+	let u = e(w, l), d = (e) => e === "current" ? null : /* @__PURE__ */ m("span", {
+		className: "sr-only",
+		children: [u.statusLabels[e], ": "]
+	});
+	return /* @__PURE__ */ m("div", {
+		"data-component": "steps-horizontal",
+		"data-slot": "steps-horizontal",
+		className: t("steps-horizontal--component @container/steps-horizontal grid min-w-0 gap-space-md", c),
+		children: [
+			!!(i || a) && /* @__PURE__ */ m("div", {
+				className: "steps-horizontal--header grid min-w-0 gap-normal",
+				children: [!!i && /* @__PURE__ */ p(n, {
+					type: "inherit",
+					weight: "semibold",
+					children: i
+				}), !!a && /* @__PURE__ */ p(n, {
+					type: "secondary",
+					children: a
+				})]
+			}),
+			/* @__PURE__ */ p(r, {
+				render: /* @__PURE__ */ p("ol", {}),
+				gap: "lg",
+				className: "m-0 list-none p-0 @xl/steps-horizontal:hidden",
+				children: o.map((e, i) => {
+					let a = i === o.length - 1, s = e.status === "completed" ? "bg-success" : "bg-border";
+					return /* @__PURE__ */ m("li", {
+						"aria-current": e.status === "current" ? "step" : void 0,
+						className: "flex gap-space-lg",
+						children: [/* @__PURE__ */ m("div", {
+							className: "flex flex-col items-center",
+							children: [/* @__PURE__ */ p(j, {
+								status: e.status,
+								stepNumber: i + 1
+							}), !a && /* @__PURE__ */ p("div", {
+								"aria-hidden": "true",
+								className: t("mt-1 w-0.5 flex-1 min-h-5", s)
+							})]
+						}), /* @__PURE__ */ m(r, {
+							gap: "dense",
+							className: t("min-w-0 flex-1 pb-space-md", a && "pb-0"),
+							children: [/* @__PURE__ */ m(n, {
+								weight: "semibold",
+								lineHeight: "snug",
+								type: k[e.status].title,
+								children: [d(e.status), e.title]
+							}), !!e.description && /* @__PURE__ */ p(n, {
+								size: "xs",
+								type: "secondary",
+								className: "line-clamp-2",
+								children: e.description
+							})]
+						})]
+					}, e.id);
+				})
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "hidden overflow-x-auto @xl/steps-horizontal:block",
+				children: /* @__PURE__ */ p("ol", {
+					className: "m-0 flex min-w-fit list-none items-start p-0",
+					children: o.map((e, i) => {
+						let a = i === o.length - 1, s = e.status === "completed" ? "bg-success" : "bg-border";
+						return /* @__PURE__ */ p("li", {
+							"aria-current": e.status === "current" ? "step" : void 0,
+							className: "flex min-w-28 flex-1 items-start",
+							children: /* @__PURE__ */ m(r, {
+								gap: "md",
+								align: "center",
+								className: "w-full",
+								children: [/* @__PURE__ */ m("div", {
+									className: "flex w-full items-center",
+									children: [
+										i > 0 && /* @__PURE__ */ p("div", {
+											"aria-hidden": "true",
+											className: t("h-0.5 flex-1", o[i - 1].status === "completed" ? "bg-success" : "bg-border")
+										}),
+										i === 0 && /* @__PURE__ */ p("div", { className: "flex-1" }),
+										/* @__PURE__ */ p(j, {
+											status: e.status,
+											stepNumber: i + 1
+										}),
+										!a && /* @__PURE__ */ p("div", {
+											"aria-hidden": "true",
+											className: t("h-0.5 flex-1", s)
+										}),
+										!!a && /* @__PURE__ */ p("div", { className: "flex-1" })
+									]
+								}), /* @__PURE__ */ m(r, {
+									gap: "dense",
+									align: "center",
+									className: "w-full px-space-xs",
+									children: [/* @__PURE__ */ m(n, {
+										weight: "semibold",
+										lineHeight: "snug",
+										align: "center",
+										type: k[e.status].title,
+										className: "line-clamp-2",
+										children: [d(e.status), e.title]
+									}), !!e.description && /* @__PURE__ */ p(n, {
+										size: "xs",
+										type: "secondary",
+										lineHeight: "snug",
+										align: "center",
+										className: "line-clamp-2",
+										children: e.description
+									})]
+								})]
+							})
+						}, e.id);
+					})
+				})
+			}),
+			!!s && /* @__PURE__ */ p(n, {
+				size: "xs",
+				type: "secondary",
+				children: s
+			})
+		]
+	});
+}
+M.displayName = "StepsHorizontal";
+//#endregion
+//#region src/components/blocks/timelines/changelog/types.ts
+var N = {
+	added: "Added",
+	removed: "Removed",
+	modified: "Modified",
+	fixed: "Fixed"
+}, P = {
+	added: x,
+	removed: b,
+	modified: S,
+	fixed: v
+};
+function F({ entries: i, className: a, strings: o }) {
+	let s = e(N, o), l = {
+		added: s.added,
+		removed: s.removed,
+		modified: s.modified,
+		fixed: s.fixed
+	}, u = i.map((e) => ({
+		id: e.id,
+		title: /* @__PURE__ */ m("span", {
+			className: "inline-flex flex-wrap items-center gap-space-sm",
+			children: [
+				/* @__PURE__ */ p(d, { children: l[e.kind] }),
+				/* @__PURE__ */ p(n, {
+					type: "inherit",
+					tag: "span",
+					size: "inherit",
+					weight: "medium",
+					lineHeight: "tight",
+					children: e.title
+				}),
+				!!e.version && /* @__PURE__ */ p(c, {
+					size: "xs",
+					className: "text-muted-foreground",
+					children: e.version
+				})
+			]
+		}),
+		description: e.author ? /* @__PURE__ */ m(r, {
+			render: /* @__PURE__ */ p("span", {}),
+			direction: "horizontal",
+			gap: "md",
+			className: "inline-flex",
+			children: [e.description, /* @__PURE__ */ p(n, {
+				tag: "span",
+				size: "xs",
+				type: "discrete",
+				children: s.formatAuthor?.(e.author) ?? `— ${e.author}`
+			})]
+		}) : e.description,
+		timestamp: e.timestamp,
+		icon: P[e.kind],
+		status: "neutral"
+	}));
+	return /* @__PURE__ */ p("div", {
+		"data-component": "changelog-timeline",
+		"data-slot": "changelog-timeline",
+		className: t("changelog-timeline--component", a),
+		children: /* @__PURE__ */ p(O, {
+			items: u,
+			dotSize: "md"
+		})
+	});
+}
+F.displayName = "ChangelogTimeline";
+//#endregion
+//#region src/components/blocks/timelines/milestones/types.ts
+var I = {
+	completed: "Completed",
+	in_progress: "In progress",
+	upcoming: "Upcoming",
+	blocked: "Blocked",
+	dueOn: "Due"
+}, L = {
+	completed: "completed",
+	in_progress: "current",
+	upcoming: "pending",
+	blocked: "error"
+}, R = {
+	completed: h,
+	in_progress: _,
+	upcoming: g,
+	blocked: C
+}, z = {
+	completed: "success",
+	in_progress: "info",
+	upcoming: "secondary",
+	blocked: "destructive"
+};
+function B({ milestones: i, className: a, strings: s }) {
+	let c = e(I, s), u = {
+		completed: c.completed,
+		in_progress: c.in_progress,
+		upcoming: c.upcoming,
+		blocked: c.blocked
+	}, f = i.map((e) => ({
+		id: e.id,
+		title: /* @__PURE__ */ m("span", {
+			className: "inline-flex flex-wrap items-center gap-space-sm",
+			children: [/* @__PURE__ */ p(n, {
+				type: "inherit",
+				tag: "span",
+				size: "inherit",
+				weight: "medium",
+				lineHeight: "tight",
+				children: e.title
+			}), /* @__PURE__ */ p(d, {
+				tone: z[e.status],
+				children: u[e.status]
+			})]
+		}),
+		description: e.description,
+		timestamp: e.dueDate ? c.formatDueOn?.(e.dueDate) ?? `${c.dueOn} ${e.dueDate}` : void 0,
+		icon: R[e.status],
+		status: L[e.status],
+		children: e.status === "in_progress" && typeof e.progress == "number" ? /* @__PURE__ */ m(r, {
+			gap: "xs",
+			className: "milestones-timeline--progress",
+			children: [/* @__PURE__ */ p(o, {
+				value: e.progress,
+				"aria-label": u.in_progress
+			}), /* @__PURE__ */ p(l, {
+				value: Math.round(e.progress),
+				scaled: !0,
+				size: "xs",
+				type: "secondary",
+				align: "left"
+			})]
+		}) : void 0
+	}));
+	return /* @__PURE__ */ p("div", {
+		"data-component": "milestones-timeline",
+		"data-slot": "milestones-timeline",
+		className: t("milestones-timeline--component", a),
+		children: /* @__PURE__ */ p(O, {
+			items: f,
+			dotSize: "md"
+		})
+	});
+}
+B.displayName = "MilestonesTimeline";
+//#endregion
+export { A as a, w as c, N as i, I as n, M as o, F as r, O as s, B as t };
+
+//# sourceMappingURL=timelines-mOmS9Eh3.js.map

package/dist/timelines-mOmS9Eh3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timelines-mOmS9Eh3.js","names":["Text","Stack","Card","Progress","SecondaryValue","MonoValue","Percent","IconBadge","Badge","contentBlockHooks","defaultStepsStrings","DOT_PX","ICON_PX","STATUS_TONE","toneRecipes","Timeline","cn","className","items","status","item","tone","Icon","isLast","i","dotSize","statusStyles","Check","Loader2","Circle","StepsCard","surface","stringsProp","strings","useStrings","steps","titleType","step","footerText","HorizontalDot","stepNumber","StepsHorizontal","stateText","title","description","idx","lineColor","defaultChangelogTimelineStrings","KIND_ICON","Plus","Minus","Wrench","GitCommit","ChangelogTimeline","labelByKind","entries","entry","defaultMilestonesTimelineStrings","STATUS_TO_TIMELINE","STATUS_ICON","Clock","X","STATUS_BADGE","MilestonesTimeline","labelByStatus","milestones","m"],"sources":["../src/components/blocks/timelines/steps-card/types.ts","../src/components/blocks/timelines/shared/timeline.tsx","../src/components/blocks/timelines/steps-card/steps-card.tsx","../src/components/blocks/timelines/changelog/types.ts","../src/components/blocks/timelines/changelog/changelog-timeline.tsx","../src/components/blocks/timelines/milestones/types.ts","../src/components/blocks/timelines/milestones/milestones-timeline.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport type { BadgeTone } from '../../../base/badge';\nimport type { CardProps } from '../../../base/cards';\nimport type { StringsProp } from '../../../../lib/strings';\n\nexport type StepStatus = 'completed' | 'current' | 'upcoming';\n\nexport interface StepItem {\n\t/** Stable identity for this entry. */\n\tid: string;\n\t/** Surface title. */\n\ttitle: string;\n\t/** Supporting copy shown under the label. */\n\tdescription?: string;\n\tstatus: StepStatus;\n\t/** Formatted time for the entry. */\n\ttimestamp?: string;\n\t/** Chip rendered beside the label. */\n\tbadge?: string;\n\tbadgeTone?: BadgeTone;\n\tcontent?: ReactNode;\n}\n\nexport interface StepsStrings {\n\t/** Each step state in words, for assistive technology; the markers show it by colour and glyph. */\n\tstatusLabels: Record<StepStatus, string>;\n}\n\nexport const defaultStepsStrings: StepsStrings = {\n\tstatusLabels: {\n\t\tcompleted: 'Completed',\n\t\tcurrent: 'Current',\n\t\tupcoming: 'Upcoming',\n\t},\n};\n\n/** Unframed by default. Set surface=\"card\" to let this owner frame its heading and body. */\nexport interface StepsCardProps extends Pick<CardProps, 'surface' | 'padding' | 'headerDivider'> {\n\t/** Surface title. */\n\ttitle: string;\n\t/** Supporting copy shown under the label. */\n\tdescription?: string;\n\tsteps: StepItem[];\n\tfooterText?: ReactNode;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<StepsStrings>;\n}\n\nexport interface StepsHorizontalProps {\n\t/** Surface title. */\n\ttitle: string;\n\t/** Supporting copy shown under the label. */\n\tdescription?: string;\n\tsteps: StepItem[];\n\tfooterText?: ReactNode;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<StepsStrings>;\n}\n","/**\n * Timeline — shared base primitive for the blocks timeline family.\n *\n * Renders a vertical, dot-and-line list of events. Each item supports an\n * icon (Lucide component), a status that maps to dot tone, a title row, an\n * optional description block, an optional timestamp, and free-form content\n * via `children`. Use this primitive directly for new timeline variants\n * instead of reinventing the dot/line geometry — see `ChangeLogTimeline`,\n * `MilestonesTimeline`, and the existing OrderTimeline / PaymentTimeline /\n * ActivityStream consumers for examples.\n */\nimport type { LucideIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\nimport { SecondaryValue } from '../../../primitives';\nimport { Text } from '../../../typography';\nimport { Stack } from '../../../base/structure';\nimport type { ComponentScale } from '../../../../lib/component-vocabulary';\nimport { cn } from '../../../../lib/utils';\nimport { toneRecipes } from '../../../../lib/tone-recipes';\n\nexport type TimelineStatus =\n\t| 'completed'\n\t| 'current'\n\t| 'pending'\n\t| 'success'\n\t| 'warning'\n\t| 'error'\n\t| 'neutral';\n\nexport type TimelineDotSize = ComponentScale;\n\nexport interface TimelineItem {\n\t/** Stable identity for this entry. */\n\tid: string;\n\t/** Surface title. */\n\ttitle: ReactNode;\n\t/** Supporting copy shown under the label. */\n\tdescription?: ReactNode;\n\t/** Formatted time for the entry. */\n\ttimestamp?: ReactNode;\n\t/** Leading glyph. */\n\ticon?: LucideIcon;\n\tstatus?: TimelineStatus;\n\t/**\n\t * State in words, read out before the title. The dot shows state by colour\n\t * and glyph only; the current step is already announced through\n\t * `aria-current`, so pass this for the other states.\n\t */\n\tstatusLabel?: ReactNode;\n\tchildren?: ReactNode;\n}\n\nexport interface TimelineProps {\n\titems: TimelineItem[];\n\tdotSize?: TimelineDotSize;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n}\n\nconst DOT_PX: Record<TimelineDotSize, string> = {\n\tsm: 'size-2.5',\n\tmd: 'size-icon-md',\n\tlg: 'size-icon-lg',\n};\n\nconst ICON_PX: Record<TimelineDotSize, string> = {\n\tsm: 'size-2',\n\tmd: 'size-2.5',\n\tlg: 'size-icon-sm',\n};\n\nconst STATUS_TONE: Record<TimelineStatus, { bg: string; text: string; ring: string; line: string }> = {\n\tcompleted: { bg: toneRecipes.success.solid, text: 'text-success-foreground', ring: toneRecipes.success.halo, line: toneRecipes.success.line },\n\tcurrent: { bg: toneRecipes.primary.solid, text: 'text-primary-foreground', ring: toneRecipes.primary.halo, line: toneRecipes.primary.line },\n\tpending: { bg: 'bg-muted', text: 'text-muted-foreground', ring: 'ring-border', line: 'bg-border' },\n\tsuccess: { bg: toneRecipes.success.solid, text: 'text-success-foreground', ring: toneRecipes.success.halo, line: toneRecipes.success.line },\n\twarning: { bg: toneRecipes.warning.solid, text: 'text-warning-foreground', ring: toneRecipes.warning.halo, line: toneRecipes.warning.line },\n\terror: { bg: toneRecipes.destructive.solid, text: 'text-destructive-foreground', ring: toneRecipes.destructive.halo, line: toneRecipes.destructive.line },\n\tneutral: { bg: 'bg-card', text: 'text-card-foreground', ring: 'ring-border', line: 'bg-border' },\n};\n\nexport function Timeline({ items, dotSize = 'md', className }: TimelineProps) {\n\treturn (\n\t\t<Stack render={<ol />} gap=\"xl\" className={cn('timeline--component', 'relative m-0 p-0 list-none', className)}>\n\t\t\t{items.map((item, i) => {\n\t\t\t\tconst status = item.status ?? 'neutral';\n\t\t\t\tconst tone = STATUS_TONE[status];\n\t\t\t\tconst Icon = item.icon;\n\t\t\t\tconst isLast = i === items.length - 1;\n\n\t\t\t\treturn (\n\t\t\t\t\t// `data-status` exposes the state as a hook; the current step is\n\t\t\t\t\t// announced through `aria-current`, independently of its colour.\n\t\t\t\t\t<li\n\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\tdata-status={status}\n\t\t\t\t\t\taria-current={status === 'current' ? 'step' : undefined}\n\t\t\t\t\t\tclassName=\"timeline--item relative flex gap-space-lg\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{/* The marker column is as wide as the dot and as tall as the item, so\n\t\t\t\t\t\t    the connector centres under any dot size and runs from the dot to\n\t\t\t\t\t\t    the item's end; its negative end margin carries it across the list\n\t\t\t\t\t\t    gap to the next dot. Both follow `--icon` and `--space-scale`. */}\n\t\t\t\t\t\t<div className=\"timeline--marker relative z-[1] mt-0.5 flex shrink-0 flex-col items-center\">\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'inline-flex shrink-0 items-center justify-center rounded-full ring-2',\n\t\t\t\t\t\t\t\t\ttone.bg,\n\t\t\t\t\t\t\t\t\ttone.text,\n\t\t\t\t\t\t\t\t\ttone.ring,\n\t\t\t\t\t\t\t\t\tDOT_PX[dotSize],\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!!Icon && <Icon className={ICON_PX[dotSize]} />}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t{!isLast && (\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\tclassName={cn('timeline--connector mt-space-2xs -mb-space-xl w-px flex-1', tone.line)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<Stack gap=\"md\" className=\"min-w-0 flex-1 pb-space-md\">\n\t\t\t\t\t\t\t<Stack gap=\"dense\">\n\t\t\t\t\t\t\t\t{/* One line when there is room; in a narrow rail the timestamp drops\n\t\t\t\t\t\t\t\t    under the title instead of pushing past the container edge. */}\n\t\t\t\t\t\t\t\t<div className=\"timeline--heading flex flex-wrap items-baseline justify-between gap-x-space-md gap-y-dense\">\n\t\t\t\t\t\t\t\t\t<Text type=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"min-w-0 break-words\">\n\t\t\t\t\t\t\t\t\t\t{!!item.statusLabel && <span className=\"sr-only\">{item.statusLabel}: </span>}\n\t\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t{!!item.timestamp && (\n\t\t\t\t\t\t\t\t\t\t<SecondaryValue size=\"xs\" className=\"min-w-0 tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t\t{item.timestamp}\n\t\t\t\t\t\t\t\t\t\t</SecondaryValue>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t{!!item.children && <div className=\"min-w-0\">{item.children}</div>}\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t})}\n\t\t</Stack>\n\t);\n}\n\nTimeline.displayName = 'Timeline';\n","import { Stack } from '../../../base/structure';\nimport { Text } from '../../../typography/text';\nimport { Badge } from '../../../base/badge';\nimport { Card } from '../../../base/cards';\nimport { IconBadge } from '../../../base/display';\nimport { useStrings } from '../../../../lib/strings';\nimport { cn } from '../../../../lib/utils';\nimport { Check, Circle, Loader2 } from 'lucide-react';\nimport { Timeline, type TimelineItem } from '../shared';\nimport { defaultStepsStrings, type StepStatus, type StepsCardProps, type StepsHorizontalProps } from './types';\nimport { contentBlockHooks } from '../../content-block-hooks';\n\nconst statusStyles: Record<StepStatus, {\n\ttitle: 'inherit' | 'secondary';\n\tIcon: typeof Check;\n}> = {\n\tcompleted: { title: 'inherit', Icon: Check },\n\tcurrent: { title: 'inherit', Icon: Loader2 },\n\tupcoming: { title: 'secondary', Icon: Circle },\n};\n\n/* ─── Vertical StepsCard (original) ────────────────────────────────────────── */\n\nexport function StepsCard({\n\ttitle,\n\tdescription,\n\tsteps,\n\tfooterText,\n\tsurface = 'flat',\n\tpadding = surface === 'flat' ? 'none' : 'md',\n\theaderDivider,\n\tclassName,\n\tstrings: stringsProp,\n}: StepsCardProps) {\n\tconst strings = useStrings(defaultStepsStrings, stringsProp);\n\tconst items: TimelineItem[] = steps.map((step) => {\n\t\tconst { Icon, title: titleType } = statusStyles[step.status];\n\t\treturn {\n\t\t\tid: step.id,\n\t\t\ttitle: (\n\t\t\t\t<span className=\"inline-flex flex-wrap items-center gap-space-sm\">\n\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"semibold\" type={titleType}>\n\t\t\t\t\t\t{step.title}\n\t\t\t\t\t</Text>\n\t\t\t\t\t{step.badge ? (\n\t\t\t\t\t\t<Badge tone={step.badgeTone ?? 'secondary'}>{step.badge}</Badge>\n\t\t\t\t\t) : null}\n\t\t\t\t</span>\n\t\t\t),\n\t\t\tdescription: step.description,\n\t\t\ttimestamp: step.timestamp,\n\t\t\ticon: Icon,\n\t\t\tstatus: step.status === 'upcoming' ? 'pending' : step.status,\n\t\t\t// The current step is announced through `aria-current`.\n\t\t\tstatusLabel: step.status === 'current' ? undefined : strings.statusLabels[step.status],\n\t\t\tchildren: step.content,\n\t\t};\n\t});\n\n\treturn (\n\t\t<Card\n\t\t\tsurface={surface}\n\t\t\tpadding={padding}\n\t\t\theaderDivider={headerDivider}\n\t\t\ttitle={title}\n\t\t\tdescription={description}\n\t\t\tfooterSlot={footerText}\n\t\t\t{...contentBlockHooks(cn('steps-card--component', className))}\n\t\t>\n\t\t\t<Timeline items={items} dotSize=\"lg\" />\n\t\t</Card>\n\t);\n}\n\nStepsCard.displayName = 'StepsCard';\n\n/*──────────────────────────────────────────────────────────────────────────────\n * STEPS HORIZONTAL — Horizontal step bar with connecting lines\n *────────────────────────────────────────────────────────────────────────────*/\n\n/** Step marker on the shared IconBadge tile: reached steps show a check, the rest their number. */\nfunction HorizontalDot({ status, stepNumber }: { status: StepStatus; stepNumber: number }) {\n\tif (status === 'completed') {\n\t\treturn <IconBadge icon={Check} tone=\"success\" solid shape=\"square\" size=\"md\" className=\"relative z-10\" />;\n\t}\n\n\t// The number is the step's position, so it stays readable to assistive technology.\n\treturn (\n\t\t<IconBadge\n\t\t\ttone={status === 'current' ? 'primary' : 'neutral'}\n\t\t\tsolid={status === 'current'}\n\t\t\tshape=\"square\"\n\t\t\tsize=\"md\"\n\t\t\taria-hidden={false}\n\t\t\tclassName=\"relative z-10\"\n\t\t>\n\t\t\t<Text tag=\"span\" type=\"inherit\" weight={status === 'current' ? 'bold' : 'medium'} className=\"tabular-nums\">\n\t\t\t\t{stepNumber}\n\t\t\t</Text>\n\t\t</IconBadge>\n\t);\n}\n\nexport function StepsHorizontal({ title, description, steps, footerText, className, strings: stringsProp }: StepsHorizontalProps) {\n\tconst strings = useStrings(defaultStepsStrings, stringsProp);\n\t// A reached step's marker hides its number and an upcoming one is told apart\n\t// by tone alone, so both state it in words. The current step is announced\n\t// through `aria-current`.\n\tconst stateText = (status: StepStatus) => status === 'current'\n\t\t? null\n\t\t: <span className=\"sr-only\">{strings.statusLabels[status]}: </span>;\n\n\treturn (\n\t\t<div\n\t\t\tdata-component=\"steps-horizontal\"\n\t\t\tdata-slot=\"steps-horizontal\"\n\t\t\tclassName={cn('steps-horizontal--component @container/steps-horizontal grid min-w-0 gap-space-md', className)}\n\t\t>\n\t\t\t{!!(title || description) && (\n\t\t\t\t<div className=\"steps-horizontal--header grid min-w-0 gap-normal\">\n\t\t\t\t\t{!!title && <Text type=\"inherit\" weight=\"semibold\">{title}</Text>}\n\t\t\t\t\t{!!description && <Text type=\"secondary\">{description}</Text>}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<Stack render={<ol />} gap=\"lg\" className=\"m-0 list-none p-0 @xl/steps-horizontal:hidden\">\n\t\t\t\t{steps.map((step, idx) => {\n\t\t\t\t\tconst isLast = idx === steps.length - 1;\n\t\t\t\t\tconst lineColor = step.status === 'completed' ? 'bg-success' : 'bg-border';\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li key={step.id} aria-current={step.status === 'current' ? 'step' : undefined} className=\"flex gap-space-lg\">\n\t\t\t\t\t\t\t<div className=\"flex flex-col items-center\">\n\t\t\t\t\t\t\t\t<HorizontalDot status={step.status} stepNumber={idx + 1} />\n\t\t\t\t\t\t\t\t{!isLast && <div aria-hidden=\"true\" className={cn('mt-1 w-0.5 flex-1 min-h-5', lineColor)} />}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Stack gap=\"dense\" className={cn('min-w-0 flex-1 pb-space-md', isLast && 'pb-0')}>\n\t\t\t\t\t\t\t\t<Text weight=\"semibold\" lineHeight=\"snug\" type={statusStyles[step.status].title}>\n\t\t\t\t\t\t\t\t\t{stateText(step.status)}\n\t\t\t\t\t\t\t\t\t{step.title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t{!!step.description && (\n\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"line-clamp-2\">\n\t\t\t\t\t\t\t\t\t\t{step.description}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</Stack>\n\n\t\t\t{/* Horizontal scroll wrapper — when total step width exceeds the\n\t\t\t\tcard, this lets users scroll instead of clipping labels. */}\n\t\t\t<div className=\"hidden overflow-x-auto @xl/steps-horizontal:block\">\n\t\t\t\t<ol className=\"m-0 flex min-w-fit list-none items-start p-0\">\n\t\t\t\t\t{steps.map((step, idx) => {\n\t\t\t\t\t\tconst isLast = idx === steps.length - 1;\n\t\t\t\t\t\tconst lineColor = step.status === 'completed' ? 'bg-success' : 'bg-border';\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<li key={step.id} aria-current={step.status === 'current' ? 'step' : undefined} className=\"flex min-w-28 flex-1 items-start\">\n\t\t\t\t\t\t\t\t<Stack gap=\"md\" align=\"center\" className=\"w-full\">\n\t\t\t\t\t\t\t\t\t<div className=\"flex w-full items-center\">\n\t\t\t\t\t\t\t\t\t\t{idx > 0 && (\n\t\t\t\t\t\t\t\t\t\t\t<div aria-hidden=\"true\" className={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'h-0.5 flex-1',\n\t\t\t\t\t\t\t\t\t\t\t\tsteps[idx - 1].status === 'completed' ? 'bg-success' : 'bg-border',\n\t\t\t\t\t\t\t\t\t\t\t)} />\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{idx === 0 && <div className=\"flex-1\" />}\n\n\t\t\t\t\t\t\t\t\t\t<HorizontalDot status={step.status} stepNumber={idx + 1} />\n\n\t\t\t\t\t\t\t\t\t\t{!isLast && (\n\t\t\t\t\t\t\t\t\t\t\t<div aria-hidden=\"true\" className={cn('h-0.5 flex-1', lineColor)} />\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{!!isLast && <div className=\"flex-1\" />}\n\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t{/* Labels below dot — clamped to 2 lines so long step\n\t\t\t\t\t\t\t\t\t\tnames break gracefully instead of pushing the\n\t\t\t\t\t\t\t\t\t\trow taller. */}\n\t\t\t\t\t\t\t\t\t<Stack gap=\"dense\" align=\"center\" className=\"w-full px-space-xs\">\n\t\t\t\t\t\t\t\t\t\t<Text weight=\"semibold\" lineHeight=\"snug\" align=\"center\" type={statusStyles[step.status].title} className=\"line-clamp-2\">\n\t\t\t\t\t\t\t\t\t\t\t{stateText(step.status)}\n\t\t\t\t\t\t\t\t\t\t\t{step.title}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t{!!step.description && (\n\t\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" lineHeight=\"snug\" align=\"center\" className=\"line-clamp-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t{step.description}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</ol>\n\t\t\t</div>\n\t\t\t{!!footerText && <Text size=\"xs\" type=\"secondary\">{footerText}</Text>}\n\t\t</div>\n\t);\n}\n\nStepsHorizontal.displayName = 'StepsHorizontal';\n","import type { ReactNode } from 'react';\nimport type { StringsProp } from '../../../../lib/strings';\n\nexport type ChangelogEntryKind = 'added' | 'removed' | 'modified' | 'fixed';\n\nexport interface ChangelogEntry {\n\t/** Stable identity for this entry. */\n\tid: string;\n\tkind: ChangelogEntryKind;\n\t/** Surface title. */\n\ttitle: ReactNode;\n\t/** Supporting copy shown under the label. */\n\tdescription?: ReactNode;\n\tversion?: string;\n\t/** Formatted time for the entry. */\n\ttimestamp?: string;\n\t/** Who produced the entry. */\n\tauthor?: string;\n}\n\nexport interface ChangelogTimelineStrings {\n\tadded: string;\n\tremoved: string;\n\tmodified: string;\n\tfixed: string;\n\t/** Writes the author credit after an entry. Defaults to an em dash and the name. */\n\tformatAuthor?: (author: string) => string;\n}\n\nexport const defaultChangelogTimelineStrings: ChangelogTimelineStrings = {\n\tadded: 'Added',\n\tremoved: 'Removed',\n\tmodified: 'Modified',\n\tfixed: 'Fixed',\n};\n\nexport interface ChangelogTimelineProps {\n\tentries: ChangelogEntry[];\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<ChangelogTimelineStrings>;\n}\n","/**\n * ChangelogTimeline — code/release changelog rendered through the shared\n * `Timeline` primitive. Each entry's kind (added / removed / modified /\n * fixed) is a neutral chip plus the marker glyph: a kind is a category, not a\n * status, so it carries no colour. An optional version label and timestamp\n * follow. Strings overridable for i18n.\n */\nimport { GitCommit, Minus, Plus, Wrench } from 'lucide-react';\nimport { Badge } from '../../../base/badge';\nimport { MonoValue } from '../../../primitives';\nimport { Text } from '../../../typography';\nimport { Stack } from '../../../base/structure';\nimport { useStrings } from '../../../../lib/strings';\n\nimport {\n\tTimeline,\n\ttype TimelineItem,\n} from '../shared';\nimport {\n\tdefaultChangelogTimelineStrings,\n\ttype ChangelogEntry,\n\ttype ChangelogEntryKind,\n\ttype ChangelogTimelineProps,\n} from './types';\n\nimport { cn } from '../../../../lib/utils';\nconst KIND_ICON = {\n\tadded: Plus,\n\tremoved: Minus,\n\tmodified: Wrench,\n\tfixed: GitCommit,\n} as const;\n\nexport function ChangelogTimeline({\n\tentries,\n\tclassName,\n\tstrings: stringsProp,\n}: ChangelogTimelineProps) {\n\tconst strings = useStrings(defaultChangelogTimelineStrings, stringsProp);\n\tconst labelByKind: Record<ChangelogEntryKind, string> = {\n\t\tadded: strings.added,\n\t\tremoved: strings.removed,\n\t\tmodified: strings.modified,\n\t\tfixed: strings.fixed,\n\t};\n\n\tconst items: TimelineItem[] = entries.map((entry: ChangelogEntry) => ({\n\t\tid: entry.id,\n\t\ttitle: (\n\t\t\t<span className=\"inline-flex flex-wrap items-center gap-space-sm\">\n\t\t\t\t<Badge>\n\t\t\t\t\t{labelByKind[entry.kind]}\n\t\t\t\t</Badge>\n\t\t\t\t<Text type=\"inherit\" tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\">\n\t\t\t\t\t{entry.title}\n\t\t\t\t</Text>\n\t\t\t\t{!!entry.version && (\n\t\t\t\t\t<MonoValue size=\"xs\" className=\"text-muted-foreground\">\n\t\t\t\t\t\t{entry.version}\n\t\t\t\t\t</MonoValue>\n\t\t\t\t)}\n\t\t\t</span>\n\t\t),\n\t\tdescription: entry.author ? (\n\t\t\t<Stack render={<span />} direction=\"horizontal\" gap=\"md\" className=\"inline-flex\">\n\t\t\t\t{entry.description}\n\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"discrete\">\n\t\t\t\t\t{strings.formatAuthor?.(entry.author) ?? `— ${entry.author}`}\n\t\t\t\t</Text>\n\t\t\t</Stack>\n\t\t) : (\n\t\t\tentry.description\n\t\t),\n\t\ttimestamp: entry.timestamp,\n\t\ticon: KIND_ICON[entry.kind],\n\t\tstatus: 'neutral',\n\t}));\n\n\treturn (\n\t\t<div\n\t\t\tdata-component=\"changelog-timeline\"\n\t\t\tdata-slot=\"changelog-timeline\"\n\t\t\tclassName={cn('changelog-timeline--component', className)}\n\t\t>\n\t\t\t<Timeline items={items} dotSize=\"md\" />\n\t\t</div>\n\t);\n}\n\nChangelogTimeline.displayName = 'ChangelogTimeline';\n","import type { ReactNode } from 'react';\nimport type { StringsProp } from '../../../../lib/strings';\n\nexport type MilestoneStatus = 'completed' | 'in_progress' | 'upcoming' | 'blocked';\n\nexport interface MilestoneItem {\n\t/** Stable identity for this entry. */\n\tid: string;\n\t/** Surface title. */\n\ttitle: ReactNode;\n\t/** Supporting copy shown under the label. */\n\tdescription?: ReactNode;\n\tdueDate?: string;\n\tstatus: MilestoneStatus;\n\t/** 0–100; only used when status is `in_progress`. */\n\tprogress?: number;\n}\n\nexport interface MilestonesTimelineStrings {\n\tcompleted: string;\n\tin_progress: string;\n\tupcoming: string;\n\tblocked: string;\n\tdueOn: string;\n\t/** Writes the due date line. Defaults to `dueOn` followed by the date. */\n\tformatDueOn?: (date: string) => string;\n}\n\nexport const defaultMilestonesTimelineStrings: MilestonesTimelineStrings = {\n\tcompleted: 'Completed',\n\tin_progress: 'In progress',\n\tupcoming: 'Upcoming',\n\tblocked: 'Blocked',\n\tdueOn: 'Due',\n};\n\nexport interface MilestonesTimelineProps {\n\tmilestones: MilestoneItem[];\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<MilestonesTimelineStrings>;\n}\n","/**\n * MilestonesTimeline — project / goal milestones rendered through the\n * shared `Timeline` primitive. Each milestone has a status (completed /\n * in-progress / upcoming / blocked) that drives the dot tone, and an\n * optional `progress` percent that renders an inline progress bar when the\n * milestone is in flight. Strings overridable for i18n.\n */\nimport { Check, Circle, Clock, X } from 'lucide-react';\nimport { Badge } from '../../../base/badge';\nimport { Progress } from '../../../base/feedback';\nimport { Stack } from '../../../base/structure';\nimport { Percent } from '../../../primitives';\nimport { Text } from '../../../typography';\nimport { useStrings } from '../../../../lib/strings';\nimport { cn } from '../../../../lib/utils';\n\nimport {\n\tTimeline,\n\ttype TimelineItem,\n\ttype TimelineStatus,\n} from '../shared';\nimport {\n\tdefaultMilestonesTimelineStrings,\n\ttype MilestoneItem,\n\ttype MilestoneStatus,\n\ttype MilestonesTimelineProps,\n} from './types';\n\nconst STATUS_TO_TIMELINE: Record<MilestoneStatus, TimelineStatus> = {\n\tcompleted: 'completed',\n\tin_progress: 'current',\n\tupcoming: 'pending',\n\tblocked: 'error',\n};\n\nconst STATUS_ICON = {\n\tcompleted: Check,\n\tin_progress: Clock,\n\tupcoming: Circle,\n\tblocked: X,\n} as const;\n\n// In progress is a status (info); primary is reserved for the main command.\nconst STATUS_BADGE: Record<MilestoneStatus, 'success' | 'info' | 'secondary' | 'destructive'> = {\n\tcompleted: 'success',\n\tin_progress: 'info',\n\tupcoming: 'secondary',\n\tblocked: 'destructive',\n};\n\nexport function MilestonesTimeline({\n\tmilestones,\n\tclassName,\n\tstrings: stringsProp,\n}: MilestonesTimelineProps) {\n\tconst strings = useStrings(defaultMilestonesTimelineStrings, stringsProp);\n\tconst labelByStatus: Record<MilestoneStatus, string> = {\n\t\tcompleted: strings.completed,\n\t\tin_progress: strings.in_progress,\n\t\tupcoming: strings.upcoming,\n\t\tblocked: strings.blocked,\n\t};\n\n\tconst items: TimelineItem[] = milestones.map((m: MilestoneItem) => ({\n\t\tid: m.id,\n\t\ttitle: (\n\t\t\t<span className=\"inline-flex flex-wrap items-center gap-space-sm\">\n\t\t\t\t<Text type=\"inherit\" tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\">\n\t\t\t\t\t{m.title}\n\t\t\t\t</Text>\n\t\t\t\t<Badge tone={STATUS_BADGE[m.status]}>\n\t\t\t\t\t{labelByStatus[m.status]}\n\t\t\t\t</Badge>\n\t\t\t</span>\n\t\t),\n\t\tdescription: m.description,\n\t\ttimestamp: m.dueDate ? strings.formatDueOn?.(m.dueDate) ?? `${strings.dueOn} ${m.dueDate}` : undefined,\n\t\ticon: STATUS_ICON[m.status],\n\t\tstatus: STATUS_TO_TIMELINE[m.status],\n\t\tchildren:\n\t\t\tm.status === 'in_progress' && typeof m.progress === 'number' ? (\n\t\t\t\t<Stack gap=\"xs\" className=\"milestones-timeline--progress\">\n\t\t\t\t\t<Progress value={m.progress} aria-label={labelByStatus.in_progress} />\n\t\t\t\t\t<Percent value={Math.round(m.progress)} scaled size=\"xs\" type=\"secondary\" align=\"left\" />\n\t\t\t\t</Stack>\n\t\t\t) : undefined,\n\t}));\n\n\treturn (\n\t\t<div\n\t\t\tdata-component=\"milestones-timeline\"\n\t\t\tdata-slot=\"milestones-timeline\"\n\t\t\tclassName={cn('milestones-timeline--component', className)}\n\t\t>\n\t\t\t<Timeline items={items} dotSize=\"md\" />\n\t\t</div>\n\t);\n}\n\nMilestonesTimeline.displayName = 'MilestonesTimeline';\n"],"mappings":"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"}

package/dist/tooltip-yjX-Uv-p.js

@@ -0,0 +1,112 @@
+"use client";
+import { a as e } from "./ui-provider-Bu1S-o96.js";
+import { t } from "./utils-BVbAG2J6.js";
+import { c as n } from "./typography-C0dELqYV.js";
+import { n as r } from "./anchored-positioning-1U_eBFNx.js";
+import { t as i } from "./portal-recipes-BPeS4rGB.js";
+import { t as a } from "./motion-recipes-CUc_aHuG.js";
+import { createContext as o, useContext as s, useId as c, useLayoutEffect as l, useState as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
+import { Tooltip as f } from "@base-ui/react/tooltip";
+//#region src/components/ui/tooltip.tsx
+function p({ delay: e = 0, delayDuration: t, ...n }) {
+	return /* @__PURE__ */ d(f.Provider, {
+		"data-slot": "tooltip-provider",
+		delay: t ?? e,
+		...n
+	});
+}
+function m({ ...e }) {
+	return /* @__PURE__ */ d(p, { children: /* @__PURE__ */ d(f.Root, {
+		"data-slot": "tooltip",
+		...e
+	}) });
+}
+function h({ render: e, children: t, ...n }) {
+	let r = typeof e == "function" ? ((t, n) => {
+		let { nativeButton: r, ...i } = t;
+		return e(i, n);
+	}) : e;
+	return /* @__PURE__ */ d(f.Trigger, {
+		"data-slot": "tooltip-trigger",
+		render: r,
+		...n,
+		children: t
+	});
+}
+function g({ className: n, container: o, side: s = "top", sideOffset: c = 4, align: l = "center", alignOffset: u = 0, positionMethod: p = r, children: m, ...h }) {
+	let g = e(o);
+	return /* @__PURE__ */ d(f.Portal, {
+		container: g,
+		className: i(),
+		children: /* @__PURE__ */ d(f.Positioner, {
+			positionMethod: p,
+			align: l,
+			alignOffset: u,
+			side: s,
+			sideOffset: c,
+			className: "isolate z-50",
+			children: /* @__PURE__ */ d(f.Popup, {
+				"data-slot": "tooltip-content",
+				className: t(a.popup, "rounded-radius-xs px-space-md py-space-xs text-xs bg-inverse-background text-inverse-foreground z-50 w-fit max-w-xs origin-(--transform-origin)", n),
+				...h,
+				children: m
+			})
+		})
+	});
+}
+//#endregion
+//#region src/components/base/display/tooltip.tsx
+var _ = o(void 0), v = o(!1);
+function y(e) {
+	let t = s(v), n = c(), [r, i] = u(n), a = /* @__PURE__ */ d(_.Provider, {
+		value: {
+			id: r,
+			setId: i
+		},
+		children: /* @__PURE__ */ d(f.Root, {
+			"data-slot": "tooltip",
+			...e
+		})
+	});
+	return t ? a : /* @__PURE__ */ d(p, { children: a });
+}
+function b(e) {
+	return /* @__PURE__ */ d(v.Provider, {
+		value: !0,
+		children: /* @__PURE__ */ d(p, { ...e })
+	});
+}
+function x({ className: e, ...n }) {
+	let r = s(_)?.id;
+	return /* @__PURE__ */ d(h, {
+		className: t("tooltip-trigger--component", e),
+		...n,
+		"aria-describedby": [n["aria-describedby"], r].filter(Boolean).join(" ") || void 0
+	});
+}
+function S({ children: e, className: r, ...i }) {
+	let a = s(_), o = i.id ?? a?.id, c = a?.setId;
+	l(() => {
+		o && c?.(o);
+	}, [o, c]);
+	let u = typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ d(n, {
+		tag: "span",
+		size: "inherit",
+		lineHeight: "snug",
+		className: "tooltip-content--text text-inherit",
+		children: e
+	}) : e;
+	return /* @__PURE__ */ d(g, {
+		id: o,
+		role: "tooltip",
+		className: t("tooltip-content--component max-w-xs rounded-radius-xs px-space-md py-space-xs text-xs leading-snug", r),
+		...i,
+		children: u
+	});
+}
+y.displayName = "Tooltip", b.displayName = "TooltipProvider", x.displayName = "TooltipTrigger", S.displayName = "TooltipContent";
+//#endregion
+export { m as a, x as i, S as n, g as o, b as r, h as s, y as t };
+
+//# sourceMappingURL=tooltip-yjX-Uv-p.js.map