themelia-react-ui 2.0.0 → 2.0.2

package/dist/themes/green.css

@@ -5,20 +5,24 @@
  *   import 'themelia-react-ui/style.css';
  *   import 'themelia-react-ui/themes/green.css';
  *
- * It replaces only the brand roles. The green sits about 22° of hue from the
- * success color, so pair it with labels or icons wherever state matters.
+ * It replaces only the brand roles; the sidebar's primary follows them. The
+ * green sits about 22° of hue from the success color, so pair it with labels
+ * or icons wherever state matters. The first chart series is already this
+ * green in the default theme, so it needs no override here.
  * Both blocks are needed: a later :root rule alone would also win in dark mode.
  */
-:root,
-.light {
-	--primary: oklch(0.45 0.09 167.35); /* Green primary-action fill and brand ink. */
-	--primary-foreground: oklch(0.985 0 0); /* Text and icons on the green fill. */
-	--chart-1: oklch(0.56 0.11 167); /* The first chart series follows the brand. */
+@layer theme {
+	:root,
+	.light {
+		--primary: oklch(0.45 0.09 167.35); /* Green primary-action fill and brand ink. */
+		--primary-foreground: oklch(0.985 0 0); /* Text and icons on the green fill. */
+	}
 }
 
-.dark {
-	--primary: oklch(0.70 0.13 167.35); /* Lightened for readable brand text and controls on dark surfaces. */
-	--primary-foreground: oklch(0.18 0.03 167.35); /* Dark ink on the lightened primary fill. */
-	--primary-accent: oklch(0.72 0.124 167.35); /* Brand foreground accent on dark surfaces. */
-	--chart-1: oklch(0.74 0.13 167);
+@layer theme {
+	.dark {
+		--primary: oklch(0.70 0.13 167.35); /* Lightened for readable brand text and controls on dark surfaces. */
+		--primary-foreground: oklch(0.18 0.03 167.35); /* Dark ink on the lightened primary fill. */
+		--primary-accent: oklch(0.72 0.124 167.35); /* Brand foreground accent on dark surfaces. */
+	}
 }

package/dist/timelines-CwM_9IhD.js

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

package/dist/timelines-CwM_9IhD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timelines-CwM_9IhD.js","names":["Text","Stack","Progress","SecondaryValue","MonoValue","Percent","IconBadge","Badge","ContentBlock","DOT_PX","ICON_PX","STATUS_TONE","toneRecipes","Timeline","cn","className","items","status","item","tone","Icon","isLast","i","dotSize","statusStyles","Check","Loader2","Circle","StepsCard","steps","titleType","step","HorizontalDot","stepNumber","StepsHorizontal","title","description","idx","lineColor","footerText","defaultChangelogTimelineStrings","KIND_ICON","Plus","Minus","Wrench","GitCommit","ChangelogTimeline","stringsProp","strings","useStrings","labelByKind","entries","entry","defaultMilestonesTimelineStrings","STATUS_TO_TIMELINE","STATUS_ICON","Clock","X","STATUS_BADGE","MilestonesTimeline","labelByStatus","milestones","m"],"sources":["../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":["/**\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\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{/* Connector line — fills available space below dot until last */}\n\t\t\t\t\t\t{!isLast && (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'absolute left-[7px] top-4 bottom-[-1rem] w-px',\n\t\t\t\t\t\t\t\t\ttone.line,\n\t\t\t\t\t\t\t\t\tdotSize === 'lg' && 'left-[10px]',\n\t\t\t\t\t\t\t\t\tdotSize === 'sm' && 'left-[5px]',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<div className=\"relative z-[1] mt-0.5 flex shrink-0 items-start\">\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 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</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<div className=\"flex items-baseline justify-between gap-space-md\">\n\t\t\t\t\t\t\t\t\t<Text type=\"inherit\" weight=\"medium\" lineHeight=\"tight\">\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=\"shrink-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 { ContentBlock, IconBadge } from '../../../base/display';\nimport { cn } from '../../../../lib/utils';\nimport { Check, Circle, Loader2 } from 'lucide-react';\nimport { Timeline, type TimelineItem } from '../shared';\nimport { type StepStatus, type StepsCardProps, type StepsHorizontalProps } from './types';\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({ title, description, steps, footerText, className }: StepsCardProps) {\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\tchildren: step.content,\n\t\t};\n\t});\n\n\treturn (\n\t\t<ContentBlock\n\t\t\tdata-component=\"steps-card\"\n\t\t\tdata-slot=\"steps-card\"\n\t\t\ttitle={title}\n\t\t\tdescription={description}\n\t\t\tfooterText={footerText}\n\t\t\tclassName={cn('steps-card--component', className)}\n\t\t>\n\t\t\t<Timeline items={items} dotSize=\"lg\" />\n\t\t</ContentBlock>\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 }: StepsHorizontalProps) {\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 gap=\"lg\" className=\"@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<div key={step.id} 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 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{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</div>\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<div className=\"flex min-w-fit items-start\">\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<div key={step.id} 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 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 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{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</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\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\t/** Surface title. */\n\ttitle: string;\n\tadded: string;\n\tremoved: string;\n\tmodified: string;\n\tfixed: string;\n}\n\nexport const defaultChangelogTimelineStrings: ChangelogTimelineStrings = {\n\ttitle: 'Changelog',\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— {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\t/** Surface title. */\n\ttitle: string;\n\tcompleted: string;\n\tin_progress: string;\n\tupcoming: string;\n\tblocked: string;\n\tdueOn: string;\n}\n\nexport const defaultMilestonesTimelineStrings: MilestonesTimelineStrings = {\n\ttitle: 'Milestones',\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.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/tone-recipes-BPsRAvhu.js

@@ -0,0 +1,73 @@
+//#region src/lib/tone-recipes.ts
+var e = {
+	info: {
+		wash: "bg-info/5",
+		tint: "bg-info/20",
+		edge: "border-info/30",
+		halo: "ring-info/30",
+		line: "bg-info/30",
+		ink: "text-info",
+		solid: "bg-info"
+	},
+	success: {
+		wash: "bg-success/10",
+		tint: "bg-success/20",
+		edge: "border-success/30",
+		halo: "ring-success/30",
+		line: "bg-success/30",
+		ink: "text-success",
+		solid: "bg-success"
+	},
+	warning: {
+		wash: "bg-warning/10",
+		tint: "bg-warning/20",
+		edge: "border-warning/40",
+		halo: "ring-warning/40",
+		line: "bg-warning/40",
+		ink: "text-warning-accent",
+		solid: "bg-warning"
+	},
+	destructive: {
+		wash: "bg-destructive/5",
+		tint: "bg-destructive/10",
+		edge: "border-destructive/30",
+		halo: "ring-destructive/30",
+		line: "bg-destructive/30",
+		ink: "text-destructive",
+		solid: "bg-destructive"
+	},
+	primary: {
+		wash: "bg-primary/5",
+		tint: "bg-primary/20",
+		edge: "border-primary/30",
+		halo: "ring-primary/30",
+		line: "bg-primary/30",
+		ink: "text-primary-accent",
+		solid: "bg-primary"
+	}
+}, t = {
+	match: `rounded-radius-xs text-foreground ${e.warning.tint}`,
+	removed: `rounded-radius-sm px-space-2xs line-through ${e.destructive.tint} ${e.destructive.ink}`,
+	added: `rounded-radius-sm px-space-2xs ${e.success.tint} ${e.success.ink}`
+}, n = {
+	inline: "size-1.5 shrink-0 rounded-full",
+	marker: "size-2 shrink-0 rounded-full"
+}, r = {
+	activity: [
+		"fill-muted",
+		"fill-success/20",
+		"fill-success/40",
+		"fill-success/65",
+		"fill-success"
+	],
+	density: [
+		"bg-muted",
+		"bg-primary/25",
+		"bg-primary/55",
+		"bg-primary"
+	]
+};
+//#endregion
+export { e as i, t as n, r, n as t };
+
+//# sourceMappingURL=tone-recipes-BPsRAvhu.js.map

package/dist/tone-recipes-BPsRAvhu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tone-recipes-BPsRAvhu.js","names":["toneRecipes","markRecipes","dotRecipes","rampRecipes"],"sources":["../src/lib/tone-recipes.ts"],"sourcesContent":["/**\n * One tint scale for every status tone. The contrast contract tests each tone's ink\n * on its own tint (20%, destructive 10%), so strengths live here, not in each\n * component:\n * - `wash` tints a large surface (alerts, callouts, highlighted rows) and stays\n *   subtle; the saturated hues (info, destructive, primary) wash at 5%.\n * - `tint` fills chips, badges and icon tiles that carry the tone's ink.\n * - `edge`, `halo` and `line` draw a toned border, ring and connector.\n * - `solid` fills dots, bars and markers.\n * Design lint rejects status tints spelled anywhere else.\n */\nexport const toneRecipes = {\n\tinfo: {\n\t\twash: 'bg-info/5', tint: 'bg-info/20', edge: 'border-info/30', halo: 'ring-info/30',\n\t\tline: 'bg-info/30', ink: 'text-info', solid: 'bg-info',\n\t},\n\tsuccess: {\n\t\twash: 'bg-success/10', tint: 'bg-success/20', edge: 'border-success/30', halo: 'ring-success/30',\n\t\tline: 'bg-success/30', ink: 'text-success', solid: 'bg-success',\n\t},\n\twarning: {\n\t\twash: 'bg-warning/10', tint: 'bg-warning/20', edge: 'border-warning/40', halo: 'ring-warning/40',\n\t\tline: 'bg-warning/40', ink: 'text-warning-accent', solid: 'bg-warning',\n\t},\n\tdestructive: {\n\t\twash: 'bg-destructive/5', tint: 'bg-destructive/10', edge: 'border-destructive/30', halo: 'ring-destructive/30',\n\t\tline: 'bg-destructive/30', ink: 'text-destructive', solid: 'bg-destructive',\n\t},\n\tprimary: {\n\t\twash: 'bg-primary/5', tint: 'bg-primary/20', edge: 'border-primary/30', halo: 'ring-primary/30',\n\t\tline: 'bg-primary/30', ink: 'text-primary-accent', solid: 'bg-primary',\n\t},\n} as const;\n\nexport type ToneRecipeName = keyof typeof toneRecipes;\n\n/**\n * Inline marks inside running text: a search match, and an edit's removed and\n * added values. Each is a tone tint behind the run, never a box around it. A\n * match often sits inside a word, so it adds no inline padding that would split it.\n */\nexport const markRecipes = {\n\tmatch: `rounded-radius-xs text-foreground ${toneRecipes.warning.tint}`,\n\tremoved: `rounded-radius-sm px-space-2xs line-through ${toneRecipes.destructive.tint} ${toneRecipes.destructive.ink}`,\n\tadded: `rounded-radius-sm px-space-2xs ${toneRecipes.success.tint} ${toneRecipes.success.ink}`,\n} as const;\n\n/**\n * Status dots. One size sits beside text (badges, legends, labels); the other is a\n * standalone marker (feeds, queues, timelines). The colour comes from the tone.\n */\nexport const dotRecipes = {\n\tinline: 'size-1.5 shrink-0 rounded-full',\n\tmarker: 'size-2 shrink-0 rounded-full',\n} as const;\n\n/**\n * Sequential data ramps: an empty step, then rising strengths of one hue. They\n * encode quantity, not status, so they live apart from the tint scale above.\n */\nexport const rampRecipes = {\n\t/** Activity heatmap cells (SVG fills): empty and four levels. */\n\tactivity: ['fill-muted', 'fill-success/20', 'fill-success/40', 'fill-success/65', 'fill-success'],\n\t/** Distribution ruler segments: empty, low, medium and high. */\n\tdensity: ['bg-muted', 'bg-primary/25', 'bg-primary/55', 'bg-primary'],\n} as const;\n"],"mappings":";AAWA,IAAaA,IAAc;CAC1B,MAAM;EACL,MAAM;EAAa,MAAM;EAAc,MAAM;EAAkB,MAAM;EACrE,MAAM;EAAc,KAAK;EAAa,OAAO;CAC9C;CACA,SAAS;EACR,MAAM;EAAiB,MAAM;EAAiB,MAAM;EAAqB,MAAM;EAC/E,MAAM;EAAiB,KAAK;EAAgB,OAAO;CACpD;CACA,SAAS;EACR,MAAM;EAAiB,MAAM;EAAiB,MAAM;EAAqB,MAAM;EAC/E,MAAM;EAAiB,KAAK;EAAuB,OAAO;CAC3D;CACA,aAAa;EACZ,MAAM;EAAoB,MAAM;EAAqB,MAAM;EAAyB,MAAM;EAC1F,MAAM;EAAqB,KAAK;EAAoB,OAAO;CAC5D;CACA,SAAS;EACR,MAAM;EAAgB,MAAM;EAAiB,MAAM;EAAqB,MAAM;EAC9E,MAAM;EAAiB,KAAK;EAAuB,OAAO;CAC3D;AACD,GASaC,IAAc;CAC1B,OAAO,qCAAqCD,EAAY,QAAQ;CAChE,SAAS,+CAA+CA,EAAY,YAAY,KAAK,GAAGA,EAAY,YAAY;CAChH,OAAO,kCAAkCA,EAAY,QAAQ,KAAK,GAAGA,EAAY,QAAQ;AAC1F,GAMaE,IAAa;CACzB,QAAQ;CACR,QAAQ;AACT,GAMaC,IAAc;CAE1B,UAAU;EAAC;EAAc;EAAmB;EAAmB;EAAmB;CAAc;CAEhG,SAAS;EAAC;EAAY;EAAiB;EAAiB;CAAY;AACrE"}