themelia-react-ui 1.0.1 → 2.0.0

package/dist/{timelines-B9ICkQcV.js → timelines-CxuAFIc2.js}

@@ -1,12 +1,13 @@
 "use client";
 import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-C2EKeIw3.js";
-import { a as n } from "./typography-Cv8MT-82.js";
-import { g as r, m as i } from "./primitives-DKPOGVpj.js";
-import { n as a } from "./number-BNT_BIzJ.js";
-import { t as o } from "./badge-BZXZT9wd.js";
-import { n as s } from "./display-CFM5myut.js";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { t } from "./utils-Cospvlj1.js";
+import { s as n } from "./typography-CAr3dQhX.js";
+import { t as r } from "./structure-hzCW-XsV.js";
+import { g as i, m as a } from "./primitives-BHrwQXFC.js";
+import { n as o } from "./number-CKRBYmZK.js";
+import { t as s } from "./badge-0tATj-tW.js";
+import { n as c } from "./display-DrdvPwF0.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { Check as d, Circle as f, Clock as p, GitCommit as m, Loader2 as h, Minus as g, Plus as _, Wrench as v, X as y } from "lucide-react";
 //#region src/components/blocks/timelines/shared/timeline.tsx
 var b = {
@@ -61,54 +62,52 @@ var b = {
 		line: "bg-border"
 	}
 };
-function C({ items: e, dotSize: i = "md", className: a }) {
+function C({ items: e, dotSize: a = "md", className: o }) {
 	return /* @__PURE__ */ l("ol", {
-		className: t("timeline--component", "relative space-y-space-xl", a),
-		children: e.map((a, o) => {
-			let s = S[a.status ?? "neutral"], c = a.icon, d = o === e.length - 1;
+		className: t("timeline--component", "relative m-0 p-0 list-none space-y-space-xl", o),
+		children: e.map((o, s) => {
+			let c = S[o.status ?? "neutral"], d = o.icon, f = s === e.length - 1;
 			return /* @__PURE__ */ u("li", {
 				className: "relative flex gap-space-lg",
 				children: [
-					!d && /* @__PURE__ */ l("span", {
+					!f && /* @__PURE__ */ l("span", {
 						"aria-hidden": "true",
-						className: t("absolute left-[7px] top-4 bottom-[-1rem] w-px", s.line, i === "lg" && "left-[10px]", i === "sm" && "left-[5px]")
+						className: t("absolute left-[7px] top-4 bottom-[-1rem] w-px", c.line, a === "lg" && "left-[10px]", a === "sm" && "left-[5px]")
 					}),
 					/* @__PURE__ */ l("div", {
 						className: "relative z-[1] mt-0.5 flex shrink-0 items-start",
 						children: /* @__PURE__ */ l("span", {
-							className: t("inline-flex items-center justify-center rounded-full ring-2", s.bg, s.text, s.ring, b[i]),
-							children: !!c && /* @__PURE__ */ l(c, { className: x[i] })
+							className: t("inline-flex items-center justify-center rounded-full ring-2", c.bg, c.text, c.ring, b[a]),
+							children: !!d && /* @__PURE__ */ l(d, { className: x[a] })
 						})
 					}),
 					/* @__PURE__ */ u("div", {
 						className: "min-w-0 flex-1 pb-space-md",
-						children: [
-							/* @__PURE__ */ u("div", {
+						children: [/* @__PURE__ */ u(r, {
+							gap: "dense",
+							children: [/* @__PURE__ */ u("div", {
 								className: "flex items-baseline justify-between gap-space-md",
 								children: [/* @__PURE__ */ l(n, {
 									weight: "medium",
 									className: "leading-tight",
-									children: a.title
-								}), !!a.timestamp && /* @__PURE__ */ l(r, {
+									children: o.title
+								}), !!o.timestamp && /* @__PURE__ */ l(i, {
 									size: "xs",
 									className: "shrink-0 tabular-nums",
-									children: a.timestamp
+									children: o.timestamp
 								})]
-							}),
-							!!a.description && /* @__PURE__ */ l(n, {
+							}), !!o.description && /* @__PURE__ */ l(n, {
 								size: "xs",
 								type: "secondary",
-								className: "mt-0.5",
-								children: a.description
-							}),
-							!!a.children && /* @__PURE__ */ l("div", {
-								className: "mt-space-md",
-								children: a.children
-							})
-						]
+								children: o.description
+							})]
+						}), !!o.children && /* @__PURE__ */ l("div", {
+							className: "mt-space-md",
+							children: o.children
+						})]
 					})
 				]
-			}, a.id);
+			}, o.id);
 		})
 	});
 }
@@ -135,7 +134,7 @@ var w = {
 		Icon: f
 	}
 };
-function T({ title: e, description: r, steps: i, footerText: a, className: c }) {
+function T({ title: e, description: r, steps: i, footerText: a, className: o }) {
 	let d = i.map((e) => {
 		let { Icon: t, title: r } = w[e.status];
 		return {
@@ -148,7 +147,7 @@ function T({ title: e, description: r, steps: i, footerText: a, className: c })
 					weight: "semibold",
 					className: r,
 					children: e.title
-				}), e.badge ? /* @__PURE__ */ l(o, {
+				}), e.badge ? /* @__PURE__ */ l(s, {
 					tone: e.badgeTone ?? "secondary",
 					children: e.badge
 				}) : null]
@@ -160,13 +159,13 @@ function T({ title: e, description: r, steps: i, footerText: a, className: c })
 			children: e.content
 		};
 	});
-	return /* @__PURE__ */ l(s, {
+	return /* @__PURE__ */ l(c, {
 		"data-component": "steps-card",
 		"data-slot": "steps-card",
 		title: e,
 		description: r,
 		footerText: a,
-		className: t("steps-card--component", c),
+		className: t("steps-card--component", o),
 		children: /* @__PURE__ */ l(C, {
 			items: d,
 			dotSize: "lg"
@@ -194,36 +193,37 @@ function E({ status: e, stepNumber: t }) {
 		})
 	});
 }
-function D({ title: e, description: r, steps: i, footerText: a, className: o }) {
+function D({ title: e, description: i, steps: a, footerText: o, className: s }) {
 	return /* @__PURE__ */ u("div", {
 		"data-component": "steps-horizontal",
 		"data-slot": "steps-horizontal",
-		className: t("steps-horizontal--component @container/steps-horizontal grid min-w-0 gap-space-md", o),
+		className: t("steps-horizontal--component @container/steps-horizontal grid min-w-0 gap-space-md", s),
 		children: [
-			!!(e || r) && /* @__PURE__ */ u("div", {
-				className: "steps-horizontal--header grid min-w-0 gap-space-xs",
+			!!(e || i) && /* @__PURE__ */ u("div", {
+				className: "steps-horizontal--header grid min-w-0 gap-normal",
 				children: [!!e && /* @__PURE__ */ l(n, {
 					weight: "semibold",
 					children: e
-				}), !!r && /* @__PURE__ */ l(n, {
+				}), !!i && /* @__PURE__ */ l(n, {
 					type: "secondary",
-					children: r
+					children: i
 				})]
 			}),
 			/* @__PURE__ */ l("div", {
 				className: "space-y-space-lg @xl/steps-horizontal:hidden",
-				children: i.map((e, r) => {
-					let a = r === i.length - 1, o = e.status === "completed" ? "bg-success" : "bg-border";
+				children: a.map((e, i) => {
+					let o = i === a.length - 1, s = e.status === "completed" ? "bg-success" : "bg-border";
 					return /* @__PURE__ */ u("div", {
 						className: "flex gap-space-lg",
 						children: [/* @__PURE__ */ u("div", {
 							className: "flex flex-col items-center",
 							children: [/* @__PURE__ */ l(E, {
 								status: e.status,
-								stepNumber: r + 1
-							}), !a && /* @__PURE__ */ l("div", { className: t("mt-1 w-0.5 flex-1 min-h-5", o) })]
-						}), /* @__PURE__ */ u("div", {
-							className: t("min-w-0 flex-1 pb-space-md", a && "pb-0"),
+								stepNumber: i + 1
+							}), !o && /* @__PURE__ */ l("div", { className: t("mt-1 w-0.5 flex-1 min-h-5", s) })]
+						}), /* @__PURE__ */ u(r, {
+							gap: "dense",
+							className: t("min-w-0 flex-1 pb-space-md", o && "pb-0"),
 							children: [/* @__PURE__ */ l(n, {
 								weight: "semibold",
 								className: t("leading-snug", e.status === "upcoming" ? "text-muted-foreground" : "text-foreground"),
@@ -231,7 +231,7 @@ function D({ title: e, description: r, steps: i, footerText: a, className: o })
 							}), !!e.description && /* @__PURE__ */ l(n, {
 								size: "xs",
 								type: "secondary",
-								className: "mt-0.5 line-clamp-2",
+								className: "line-clamp-2",
 								children: e.description
 							})]
 						})]
@@ -239,11 +239,11 @@ function D({ title: e, description: r, steps: i, footerText: a, className: o })
 				})
 			}),
 			/* @__PURE__ */ l("div", {
-				className: "-mx-1 hidden overflow-x-auto px-1 @xl/steps-horizontal:block",
+				className: "hidden overflow-x-auto @xl/steps-horizontal:block",
 				children: /* @__PURE__ */ l("div", {
 					className: "flex min-w-fit items-start",
-					children: i.map((e, r) => {
-						let a = r === i.length - 1, o = e.status === "completed" ? "bg-success" : "bg-border";
+					children: a.map((e, i) => {
+						let o = i === a.length - 1, s = e.status === "completed" ? "bg-success" : "bg-border";
 						return /* @__PURE__ */ l("div", {
 							className: "flex min-w-28 flex-1 items-start",
 							children: /* @__PURE__ */ u("div", {
@@ -251,16 +251,17 @@ function D({ title: e, description: r, steps: i, footerText: a, className: o })
 								children: [/* @__PURE__ */ u("div", {
 									className: "flex w-full items-center",
 									children: [
-										r > 0 && /* @__PURE__ */ l("div", { className: t("h-0.5 flex-1", i[r - 1].status === "completed" ? "bg-success" : "bg-border") }),
-										r === 0 && /* @__PURE__ */ l("div", { className: "flex-1" }),
+										i > 0 && /* @__PURE__ */ l("div", { className: t("h-0.5 flex-1", a[i - 1].status === "completed" ? "bg-success" : "bg-border") }),
+										i === 0 && /* @__PURE__ */ l("div", { className: "flex-1" }),
 										/* @__PURE__ */ l(E, {
 											status: e.status,
-											stepNumber: r + 1
+											stepNumber: i + 1
 										}),
-										!a && /* @__PURE__ */ l("div", { className: t("h-0.5 flex-1", o) }),
-										!!a && /* @__PURE__ */ l("div", { className: "flex-1" })
+										!o && /* @__PURE__ */ l("div", { className: t("h-0.5 flex-1", s) }),
+										!!o && /* @__PURE__ */ l("div", { className: "flex-1" })
 									]
-								}), /* @__PURE__ */ u("div", {
+								}), /* @__PURE__ */ u(r, {
+									gap: "dense",
 									className: "mt-space-md flex w-full flex-col items-center px-space-xs text-center",
 									children: [/* @__PURE__ */ l(n, {
 										weight: "semibold",
@@ -269,7 +270,7 @@ function D({ title: e, description: r, steps: i, footerText: a, className: o })
 									}), !!e.description && /* @__PURE__ */ l(n, {
 										size: "xs",
 										type: "secondary",
-										className: "mt-0.5 leading-snug line-clamp-2",
+										className: "leading-snug line-clamp-2",
 										children: e.description
 									})]
 								})]
@@ -278,10 +279,10 @@ function D({ title: e, description: r, steps: i, footerText: a, className: o })
 					})
 				})
 			}),
-			!!a && /* @__PURE__ */ l(n, {
+			!!o && /* @__PURE__ */ l(n, {
 				size: "xs",
 				type: "secondary",
-				children: a
+				children: o
 			})
 		]
 	});
@@ -296,36 +297,23 @@ var O = {
 	modified: "Modified",
 	fixed: "Fixed"
 }, k = {
-	added: "success",
-	removed: "error",
-	modified: "warning",
-	fixed: "current"
-}, A = {
-	added: "success",
-	removed: "destructive",
-	modified: "warning",
-	fixed: "info"
-}, j = {
 	added: _,
 	removed: g,
 	modified: v,
 	fixed: m
 };
-function M({ entries: r, className: a, strings: s }) {
-	let d = e(O, s), f = {
+function A({ entries: i, className: o, strings: c }) {
+	let d = e(O, c), f = {
 		added: d.added,
 		removed: d.removed,
 		modified: d.modified,
 		fixed: d.fixed
-	}, p = r.map((e) => ({
+	}, p = i.map((e) => ({
 		id: e.id,
 		title: /* @__PURE__ */ u("span", {
 			className: "inline-flex flex-wrap items-center gap-space-sm",
 			children: [
-				/* @__PURE__ */ l(o, {
-					tone: A[e.kind],
-					children: f[e.kind]
-				}),
+				/* @__PURE__ */ l(s, { children: f[e.kind] }),
 				/* @__PURE__ */ l(n, {
 					tag: "span",
 					size: "inherit",
@@ -333,62 +321,67 @@ function M({ entries: r, className: a, strings: s }) {
 					lineHeight: "tight",
 					children: e.title
 				}),
-				!!e.version && /* @__PURE__ */ l(i, {
+				!!e.version && /* @__PURE__ */ l(a, {
 					size: "xs",
 					className: "text-muted-foreground",
 					children: e.version
 				})
 			]
 		}),
-		description: e.author ? /* @__PURE__ */ u(c, { children: [e.description, /* @__PURE__ */ u(n, {
-			tag: "span",
-			size: "xs",
-			type: "discrete",
-			className: "ml-space-md",
-			children: ["— ", e.author]
-		})] }) : e.description,
+		description: e.author ? /* @__PURE__ */ u(r, {
+			render: /* @__PURE__ */ l("span", {}),
+			direction: "horizontal",
+			gap: "md",
+			className: "inline-flex",
+			children: [e.description, /* @__PURE__ */ u(n, {
+				tag: "span",
+				size: "xs",
+				type: "discrete",
+				children: ["— ", e.author]
+			})]
+		}) : e.description,
 		timestamp: e.timestamp,
-		icon: j[e.kind],
-		status: k[e.kind]
+		icon: k[e.kind],
+		status: "neutral"
 	}));
 	return /* @__PURE__ */ l("div", {
 		"data-component": "changelog-timeline",
 		"data-slot": "changelog-timeline",
-		className: t("changelog-timeline--component", a),
+		className: t("changelog-timeline--component", o),
 		children: /* @__PURE__ */ l(C, {
 			items: p,
 			dotSize: "md"
 		})
 	});
 }
-M.displayName = "ChangelogTimeline";
+A.displayName = "ChangelogTimeline";
 //#endregion
 //#region src/components/blocks/timelines/milestones/types.ts
-var N = {
+var j = {
 	title: "Milestones",
 	completed: "Completed",
 	in_progress: "In progress",
 	upcoming: "Upcoming",
 	blocked: "Blocked",
 	dueOn: "Due"
-}, P = {
+}, M = {
 	completed: "completed",
 	in_progress: "current",
 	upcoming: "pending",
 	blocked: "error"
-}, F = {
+}, N = {
 	completed: d,
 	in_progress: p,
 	upcoming: f,
 	blocked: y
-}, I = {
+}, P = {
 	completed: "success",
-	in_progress: "primary",
+	in_progress: "info",
 	upcoming: "secondary",
 	blocked: "destructive"
 };
-function L({ milestones: r, className: i, strings: s }) {
-	let c = e(N, s), d = {
+function F({ milestones: r, className: i, strings: a }) {
+	let c = e(j, a), d = {
 		completed: c.completed,
 		in_progress: c.in_progress,
 		upcoming: c.upcoming,
@@ -403,15 +396,15 @@ function L({ milestones: r, className: i, strings: s }) {
 				weight: "medium",
 				lineHeight: "tight",
 				children: e.title
-			}), /* @__PURE__ */ l(o, {
-				tone: I[e.status],
+			}), /* @__PURE__ */ l(s, {
+				tone: P[e.status],
 				children: d[e.status]
 			})]
 		}),
 		description: e.description,
 		timestamp: e.dueDate ? `${c.dueOn} ${e.dueDate}` : void 0,
-		icon: F[e.status],
-		status: P[e.status],
+		icon: N[e.status],
+		status: M[e.status],
 		children: e.status === "in_progress" && typeof e.progress == "number" ? /* @__PURE__ */ u("div", {
 			className: "space-y-space-xs",
 			children: [/* @__PURE__ */ l("div", {
@@ -420,7 +413,7 @@ function L({ milestones: r, className: i, strings: s }) {
 					className: t("h-full rounded-full bg-primary transition-[width] duration-300"),
 					style: { width: `${Math.max(0, Math.min(100, e.progress))}%` }
 				})
-			}), /* @__PURE__ */ l(a, {
+			}), /* @__PURE__ */ l(o, {
 				value: Math.round(e.progress),
 				scaled: !0,
 				size: "xs",
@@ -439,8 +432,8 @@ function L({ milestones: r, className: i, strings: s }) {
 		})
 	});
 }
-L.displayName = "MilestonesTimeline";
+F.displayName = "MilestonesTimeline";
 //#endregion
-export { T as a, O as i, N as n, D as o, M as r, C as s, L as t };
+export { T as a, O as i, j as n, D as o, A as r, C as s, F as t };
 
-//# sourceMappingURL=timelines-B9ICkQcV.js.map
+//# sourceMappingURL=timelines-CxuAFIc2.js.map

package/dist/timelines-CxuAFIc2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timelines-CxuAFIc2.js","names":["Text","Stack","SecondaryValue","MonoValue","Percent","Badge","ContentBlock","DOT_PX","ICON_PX","STATUS_TONE","Timeline","cn","className","items","tone","item","Icon","isLast","i","dotSize","statusStyles","Check","Loader2","Circle","StepsCard","steps","titleColor","step","HorizontalDot","status","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';\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: 'bg-success', text: 'text-success-foreground', ring: 'ring-success/20', line: 'bg-success/40' },\n\tcurrent: { bg: 'bg-primary', text: 'text-primary-foreground', ring: 'ring-primary/30', line: 'bg-primary/40' },\n\tpending: { bg: 'bg-muted', text: 'text-muted-foreground', ring: 'ring-border', line: 'bg-border' },\n\tsuccess: { bg: 'bg-success', text: 'text-success-foreground', ring: 'ring-success/20', line: 'bg-success/40' },\n\twarning: { bg: 'bg-warning', text: 'text-warning-foreground', ring: 'ring-warning/30', line: 'bg-warning/40' },\n\terror: { bg: 'bg-destructive', text: 'text-destructive-foreground', ring: 'ring-destructive/30', line: 'bg-destructive/40' },\n\tneutral: { bg: 'bg-card', text: 'text-foreground', ring: 'ring-border', line: 'bg-border' },\n};\n\nexport function Timeline({ items, dotSize = 'md', className }: TimelineProps) {\n\treturn (\n\t\t<ol className={cn('timeline--component', 'relative m-0 p-0 list-none space-y-space-xl', 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<li key={item.id} className=\"relative flex gap-space-lg\">\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<div 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<div className=\"flex items-baseline justify-between gap-space-md\">\n\t\t\t\t\t\t\t\t<Text weight=\"medium\" className=\"leading-tight\">\n\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t{!!item.timestamp && (\n\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{item.timestamp}\n\t\t\t\t\t\t\t\t\t</SecondaryValue>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t</Text>\n\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=\"mt-space-md\">{item.children}</div>}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t})}\n\t\t</ol>\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 } 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\tdot: string;\n\tline: string;\n\ttitle: string;\n\tIcon: typeof Check;\n}> = {\n\tcompleted: {\n\t\tdot: 'bg-success text-success-foreground',\n\t\tline: 'bg-success',\n\t\ttitle: 'text-foreground',\n\t\tIcon: Check,\n\t},\n\tcurrent: {\n\t\tdot: 'bg-primary text-primary-foreground ring-4 ring-primary/20',\n\t\tline: 'bg-border',\n\t\ttitle: 'text-foreground',\n\t\tIcon: Loader2,\n\t},\n\tupcoming: {\n\t\tdot: 'bg-muted text-muted-foreground',\n\t\tline: 'bg-border',\n\t\ttitle: 'text-muted-foreground',\n\t\tIcon: Circle,\n\t},\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: titleColor } = 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\" className={titleColor}>\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\nfunction HorizontalDot({ status, stepNumber }: { status: StepStatus; stepNumber: number }) {\n\tif (status === 'completed') {\n\t\treturn (\n\t\t\t<div className=\"relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-radius bg-success text-success-foreground\">\n\t\t\t\t<Check className=\"h-4 w-4\" />\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif (status === 'current') {\n\t\treturn (\n\t\t\t<div className=\"relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-radius bg-primary text-primary-foreground\">\n\t\t\t\t<Text weight=\"bold\" className=\"text-primary-foreground\">\n\t\t\t\t\t{stepNumber}\n\t\t\t\t</Text>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className=\"relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-radius border-2 border-muted text-muted-foreground\">\n\t\t\t<Text weight=\"medium\" className=\"text-muted-foreground\">\n\t\t\t\t{stepNumber}\n\t\t\t</Text>\n\t\t</div>\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 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<div className=\"space-y-space-lg @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\n\t\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'leading-snug',\n\t\t\t\t\t\t\t\t\t\tstep.status === 'upcoming' ? 'text-muted-foreground' : 'text-foreground',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\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</div>\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<div className=\"flex w-full flex-col items-center\">\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\" className=\"mt-space-md flex w-full flex-col items-center px-space-xs text-center\">\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'leading-snug line-clamp-2',\n\t\t\t\t\t\t\t\t\t\t\t\tstep.status === 'upcoming' ? 'text-muted-foreground' : 'text-foreground',\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\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\" className=\"leading-snug 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</div>\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 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 { 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 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<div className=\"space-y-space-xs\">\n\t\t\t\t\t<div className=\"h-1.5 w-full overflow-hidden rounded-full bg-muted\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={cn('h-full rounded-full bg-primary transition-[width] duration-300')}\n\t\t\t\t\t\t\tstyle={{ width: `${Math.max(0, Math.min(100, m.progress))}%` }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Percent value={Math.round(m.progress)} scaled size=\"xs\" type=\"secondary\" align=\"left\" />\n\t\t\t\t</div>\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/track-recipes-CDcKmndW.js

@@ -0,0 +1,10 @@
+//#region src/lib/track-recipes.ts
+var e = {
+	sm: "h-[calc(0.25rem*var(--space-scale)+2px)]",
+	md: "h-[calc(0.375rem*var(--space-scale)+2px)]",
+	lg: "h-[calc(0.5rem*var(--space-scale)+2px)]"
+}, t = "data-[orientation=horizontal]:h-[calc(0.375rem*var(--space-scale)+2px)] data-[orientation=vertical]:w-[calc(0.375rem*var(--space-scale)+2px)]";
+//#endregion
+export { e as n, t };
+
+//# sourceMappingURL=track-recipes-CDcKmndW.js.map

package/dist/track-recipes-CDcKmndW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"track-recipes-CDcKmndW.js","names":["trackHeightClasses","sliderTrackThickness"],"sources":["../src/lib/track-recipes.ts"],"sourcesContent":["import type { ComponentScale } from './component-vocabulary';\n\n/** Shared progress/slider track thickness, derived from spacing; no public knobs. */\nexport const trackHeightClasses: Record<ComponentScale, string> = {\n sm: 'h-[calc(0.25rem*var(--space-scale)+2px)]',\n md: 'h-[calc(0.375rem*var(--space-scale)+2px)]',\n lg: 'h-[calc(0.5rem*var(--space-scale)+2px)]',\n};\nexport const sliderTrackThickness = 'data-[orientation=horizontal]:h-[calc(0.375rem*var(--space-scale)+2px)] data-[orientation=vertical]:w-[calc(0.375rem*var(--space-scale)+2px)]';\n"],"mappings":";AAGA,IAAaA,IAAqD;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;AACL,GACaC,IAAuB"}

package/dist/{tree-BdWSaoFT.js → tree-BotPlyiD.js}

@@ -1,13 +1,13 @@
 "use client";
-import { p as e } from "./ui-provider-CftIB6TY.js";
-import { t } from "./utils-C2EKeIw3.js";
-import { i as n } from "./text.styles-BwB7vAF2.js";
-import { a as r } from "./typography-Cv8MT-82.js";
-import { t as i } from "./button-BS6l5JUw.js";
+import { p as e } from "./ui-provider-D2_TeLqw.js";
+import { t } from "./utils-Cospvlj1.js";
+import { s as n } from "./typography-CAr3dQhX.js";
+import { a as r } from "./text.styles-g4He6UIW.js";
+import { t as i } from "./button-R9CCoH7A.js";
 import { n as a } from "./icon-size-B6PVwjbC.js";
 import { t as ee } from "./row-recipes-DL8n7t_b.js";
-import { t as o } from "./collection-content-C4fthJV_.js";
-import { n as s, r as te, t as c } from "./navigation-row-recipes-GVh11KiT.js";
+import { t as o } from "./collection-content-Ys-OZOkY.js";
+import { n as s, r as te, t as c } from "./navigation-row-recipes-DlU-4QYO.js";
 import { useLayoutEffect as l, useMemo as u, useRef as d, useState as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import { Check as h, ChevronDown as g, ChevronRight as _ } from "lucide-react";
@@ -87,7 +87,7 @@ function b({ items: b, expandedValues: x, defaultExpandedValues: re = [], onExpa
 		} else return;
 		e.preventDefault();
 	}
-	function $(e, r) {
+	function $(e, n) {
 		return e.map((s, l) => {
 			let u = D || !!z.get(s.value)?.disabled, d = y(s), f = L.includes(s.value), v = R.includes(s.value);
 			return /* @__PURE__ */ m("div", {
@@ -98,7 +98,7 @@ function b({ items: b, expandedValues: x, defaultExpandedValues: re = [], onExpa
 				},
 				role: "treeitem",
 				"aria-label": s.label,
-				"aria-level": r,
+				"aria-level": n,
 				"aria-posinset": l + 1,
 				"aria-setsize": e.length,
 				title: !Y && typeof s.description == "string" ? s.description : void 0,
@@ -116,7 +116,7 @@ function b({ items: b, expandedValues: x, defaultExpandedValues: re = [], onExpa
 				children: [/* @__PURE__ */ m("div", {
 					"data-selected": v || void 0,
 					"data-disabled": u || void 0,
-					className: t("tree--item flex w-full items-center cursor-default outline-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring data-selected:bg-accent data-selected:text-accent-foreground data-disabled:opacity-50", te, Y ? ee[O] : r === 1 ? J.height : J.childHeight, n[de ?? "sm"]),
+					className: t("tree--item flex w-full items-center cursor-default outline-none hover:bg-accent/50 hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring data-selected:bg-accent data-selected:hover:bg-accent data-selected:text-accent-foreground data-disabled:opacity-50", te, Y ? ee[O] : n === 1 ? J.height : J.childHeight, r[de ?? "sm"]),
 					children: [/* @__PURE__ */ p("span", {
 						className: "tree--caret relative size-icon-sm shrink-0",
 						children: d && /* @__PURE__ */ p(i, {
@@ -160,7 +160,7 @@ function b({ items: b, expandedValues: x, defaultExpandedValues: re = [], onExpa
 						marginInlineStart: Math.max(0, A) / 2,
 						paddingInlineStart: Math.max(0, A) / 2
 					},
-					children: $(s.children, r + 1)
+					children: $(s.children, n + 1)
 				})]
 			}, s.value);
 		});
@@ -173,7 +173,7 @@ function b({ items: b, expandedValues: x, defaultExpandedValues: re = [], onExpa
 		"aria-disabled": D || void 0,
 		onKeyDown: fe,
 		className: t("tree--component flex min-w-0 flex-col", J.gap, ae),
-		children: b.length ? $(b, 1) : /* @__PURE__ */ p(r, {
+		children: b.length ? $(b, 1) : /* @__PURE__ */ p(n, {
 			type: "secondary",
 			children: M
 		})
@@ -182,4 +182,4 @@ function b({ items: b, expandedValues: x, defaultExpandedValues: re = [], onExpa
 //#endregion
 export { v as n, y as r, b as t };
 
-//# sourceMappingURL=tree-BdWSaoFT.js.map
+//# sourceMappingURL=tree-BotPlyiD.js.map