themelia-ui 1.0.0

package/dist/theming-CE6lkbbb.js

@@ -0,0 +1,112 @@
+import { wcagContrast as e } from "culori";
+//#region src/lib/theming/contrast.ts
+var t = "oklch(0.18 0.01 260)", n = "oklch(0.985 0 0)";
+function r(e, r = "light", a = [t, n]) {
+	let o = a.map((t) => {
+		let n = i(t, e);
+		return n === null ? null : {
+			color: t,
+			ratio: n
+		};
+	}).filter((e) => e !== null);
+	if (o.length === 0) return {
+		color: r === "dark" ? t : n,
+		ratio: 0,
+		meetsAA: !1,
+		measured: !1
+	};
+	let s = o.reduce((e, t) => t.ratio > e.ratio ? t : e);
+	return {
+		color: s.color,
+		ratio: Number(s.ratio.toFixed(2)),
+		meetsAA: s.ratio >= 4.5,
+		measured: !0
+	};
+}
+function i(t, n) {
+	try {
+		let r = e(t, n);
+		return Number.isFinite(r) ? r : null;
+	} catch {
+		return null;
+	}
+}
+//#endregion
+//#region src/lib/theming/recipes.ts
+function a(e, t, n) {
+	return Math.min(n, Math.max(t, e));
+}
+function o(e, t) {
+	return r(e, t).color;
+}
+function s({ primary: e, mode: t = "light" }) {
+	return {
+		"--primary": e,
+		"--primary-foreground": o(e, t),
+		"--secondary": "color-mix(in oklch, var(--primary) 10%, var(--background))",
+		"--secondary-foreground": "var(--foreground)",
+		"--muted": "color-mix(in oklch, var(--primary) 7%, var(--background))",
+		"--muted-foreground": "color-mix(in oklch, var(--foreground) 62%, var(--background))",
+		"--accent": "color-mix(in oklch, var(--primary) 14%, var(--background))",
+		"--accent-foreground": "var(--foreground)",
+		"--border": "color-mix(in oklch, var(--primary) 14%, var(--background))",
+		"--input": "color-mix(in oklch, var(--primary) 18%, var(--background))",
+		"--ring": "var(--primary)",
+		"--link-color": "var(--primary)",
+		"--chart-1": "var(--primary)",
+		"--chart-2": "color-mix(in oklch, var(--primary) 68%, var(--info))",
+		"--chart-3": "color-mix(in oklch, var(--primary) 60%, var(--success))",
+		"--chart-4": "color-mix(in oklch, var(--primary) 58%, var(--warning))",
+		"--chart-5": "color-mix(in oklch, var(--primary) 52%, var(--destructive))",
+		"--sidebar-primary": "var(--primary)",
+		"--sidebar-primary-foreground": "var(--primary-foreground)",
+		"--sidebar-accent": "var(--accent)",
+		"--sidebar-accent-foreground": "var(--accent-foreground)",
+		"--sidebar-border": "var(--border)",
+		"--sidebar-ring": "var(--ring)"
+	};
+}
+var c = {
+	xxs: .75,
+	xs: .75,
+	pxs: .8125,
+	sm: .875,
+	base: 1
+}, l = [
+	"lg",
+	"xl",
+	"2xl",
+	"3xl",
+	"4xl",
+	"5xl",
+	"6xl",
+	"7xl",
+	"8xl",
+	"9xl"
+];
+function u({ baseSize: e, ratio: t = 1.2 }) {
+	let n = a(e, 14, 20), r = a(t, 1.125, 1.333), i = {};
+	for (let [e, t] of Object.entries(c)) {
+		let r = Math.max(12, n * t);
+		i[`--text-${e}`] = `${Number((r / 16).toFixed(4))}rem`, i[`--text-${e}--line-height`] = `${Number((Math.max(r + 6, r * 1.45) / r).toFixed(4))}`;
+	}
+	return l.forEach((e, t) => {
+		let o = n * r ** (t + 1);
+		i[`--text-${e}`] = `${Number((o / 16).toFixed(4))}rem`, i[`--text-${e}--line-height`] = `${Number(a(1.55 - t * .065, 1, 1.5).toFixed(4))}`;
+	}), i;
+}
+function d({ intensity: e }) {
+	let t = a(e, 0, 1), n = (e) => Number((t * e).toFixed(3));
+	return {
+		"--shadow-2xs": `0 1px 2px 0 oklch(0 0 0 / ${n(.06)})`,
+		"--shadow-xs": `0 1px 3px 0 oklch(0 0 0 / ${n(.07)})`,
+		"--shadow-sm": `0 1px 3px 0 oklch(0 0 0 / ${n(.11)}), 0 1px 2px -1px oklch(0 0 0 / ${n(.1)})`,
+		"--shadow": `0 1px 3px 0 oklch(0 0 0 / ${n(.12)}), 0 1px 2px -1px oklch(0 0 0 / ${n(.1)})`,
+		"--shadow-md": `0 2px 5px -1px oklch(0 0 0 / ${n(.14)}), 0 1px 3px -1px oklch(0 0 0 / ${n(.09)})`,
+		"--shadow-lg": `0 7px 14px -4px oklch(0 0 0 / ${n(.18)}), 0 3px 6px -3px oklch(0 0 0 / ${n(.1)})`,
+		"--shadow-xl": `0 14px 28px -8px oklch(0 0 0 / ${n(.22)}), 0 6px 12px -6px oklch(0 0 0 / ${n(.12)})`,
+		"--shadow-2xl": `0 24px 48px -14px oklch(0 0 0 / ${n(.28)})`
+	};
+}
+//#endregion
+export { n as a, t as i, s as n, r as o, u as r, d as t };

package/dist/theming-ak8N63kI.cjs

@@ -0,0 +1 @@
+let e=require("culori");var t=`oklch(0.18 0.01 260)`,n=`oklch(0.985 0 0)`;function r(e,r=`light`,a=[t,n]){let o=a.map(t=>{let n=i(t,e);return n===null?null:{color:t,ratio:n}}).filter(e=>e!==null);if(o.length===0)return{color:r===`dark`?t:n,ratio:0,meetsAA:!1,measured:!1};let s=o.reduce((e,t)=>t.ratio>e.ratio?t:e);return{color:s.color,ratio:Number(s.ratio.toFixed(2)),meetsAA:s.ratio>=4.5,measured:!0}}function i(t,n){try{let r=(0,e.wcagContrast)(t,n);return Number.isFinite(r)?r:null}catch{return null}}function a(e,t,n){return Math.min(n,Math.max(t,e))}function o(e,t){return r(e,t).color}function s({primary:e,mode:t=`light`}){return{"--primary":e,"--primary-foreground":o(e,t),"--secondary":`color-mix(in oklch, var(--primary) 10%, var(--background))`,"--secondary-foreground":`var(--foreground)`,"--muted":`color-mix(in oklch, var(--primary) 7%, var(--background))`,"--muted-foreground":`color-mix(in oklch, var(--foreground) 62%, var(--background))`,"--accent":`color-mix(in oklch, var(--primary) 14%, var(--background))`,"--accent-foreground":`var(--foreground)`,"--border":`color-mix(in oklch, var(--primary) 14%, var(--background))`,"--input":`color-mix(in oklch, var(--primary) 18%, var(--background))`,"--ring":`var(--primary)`,"--link-color":`var(--primary)`,"--chart-1":`var(--primary)`,"--chart-2":`color-mix(in oklch, var(--primary) 68%, var(--info))`,"--chart-3":`color-mix(in oklch, var(--primary) 60%, var(--success))`,"--chart-4":`color-mix(in oklch, var(--primary) 58%, var(--warning))`,"--chart-5":`color-mix(in oklch, var(--primary) 52%, var(--destructive))`,"--sidebar-primary":`var(--primary)`,"--sidebar-primary-foreground":`var(--primary-foreground)`,"--sidebar-accent":`var(--accent)`,"--sidebar-accent-foreground":`var(--accent-foreground)`,"--sidebar-border":`var(--border)`,"--sidebar-ring":`var(--ring)`}}var c={xxs:.75,xs:.75,pxs:.8125,sm:.875,base:1},l=[`lg`,`xl`,`2xl`,`3xl`,`4xl`,`5xl`,`6xl`,`7xl`,`8xl`,`9xl`];function u({baseSize:e,ratio:t=1.2}){let n=a(e,14,20),r=a(t,1.125,1.333),i={};for(let[e,t]of Object.entries(c)){let r=Math.max(12,n*t);i[`--text-${e}`]=`${Number((r/16).toFixed(4))}rem`,i[`--text-${e}--line-height`]=`${Number((Math.max(r+6,r*1.45)/r).toFixed(4))}`}return l.forEach((e,t)=>{let o=n*r**(t+1);i[`--text-${e}`]=`${Number((o/16).toFixed(4))}rem`,i[`--text-${e}--line-height`]=`${Number(a(1.55-t*.065,1,1.5).toFixed(4))}`}),i}function d({intensity:e}){let t=a(e,0,1),n=e=>Number((t*e).toFixed(3));return{"--shadow-2xs":`0 1px 2px 0 oklch(0 0 0 / ${n(.06)})`,"--shadow-xs":`0 1px 3px 0 oklch(0 0 0 / ${n(.07)})`,"--shadow-sm":`0 1px 3px 0 oklch(0 0 0 / ${n(.11)}), 0 1px 2px -1px oklch(0 0 0 / ${n(.1)})`,"--shadow":`0 1px 3px 0 oklch(0 0 0 / ${n(.12)}), 0 1px 2px -1px oklch(0 0 0 / ${n(.1)})`,"--shadow-md":`0 2px 5px -1px oklch(0 0 0 / ${n(.14)}), 0 1px 3px -1px oklch(0 0 0 / ${n(.09)})`,"--shadow-lg":`0 7px 14px -4px oklch(0 0 0 / ${n(.18)}), 0 3px 6px -3px oklch(0 0 0 / ${n(.1)})`,"--shadow-xl":`0 14px 28px -8px oklch(0 0 0 / ${n(.22)}), 0 6px 12px -6px oklch(0 0 0 / ${n(.12)})`,"--shadow-2xl":`0 24px 48px -14px oklch(0 0 0 / ${n(.28)})`}}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});

package/dist/theming.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./theming-ak8N63kI.cjs");exports.INK=e.i,exports.PAPER=e.a,exports.deriveThemeElevation=e.t,exports.deriveThemePalette=e.n,exports.deriveThemeTypeScale=e.r,exports.readableForeground=e.o;

package/dist/theming.js

@@ -0,0 +1,2 @@
+import { a as e, i as t, n, o as r, r as i, t as a } from "./theming-CE6lkbbb.js";
+export { t as INK, e as PAPER, a as deriveThemeElevation, n as deriveThemePalette, i as deriveThemeTypeScale, r as readableForeground };

package/dist/timeline-BgYt7lmn.cjs

@@ -0,0 +1 @@
+const e=require("./typography-kBzTy-jM.cjs");let t=require("react/jsx-runtime"),n=require("clsx");var r={light:`timeline-module__light___x6Dw1`,dark:`timeline-module__dark___tRGGO`,timeline:`timeline-module__timeline___F2qxf`,item:`timeline-module__item___cmt-a`,dot:`timeline-module__dot___fgxcN`,rail:`timeline-module__rail___VVlTK`,icon:`timeline-module__icon___GGL3I`,line:`timeline-module__line___dsbxC`,content:`timeline-module__content___KUC-M`,head:`timeline-module__head___mzcKv`,timestamp:`timeline-module__timestamp___jE5So`,body:`timeline-module__body___62o8j`};function i({items:i,className:a,...o}){return(0,t.jsx)(`ol`,{className:(0,n.clsx)(`timeline--component`,r.timeline,a),...o,children:i.map((a,o)=>(0,t.jsxs)(`li`,{"data-status":a.status??`neutral`,className:(0,n.clsx)(`timeline--item`,r.item),children:[(0,t.jsxs)(`div`,{className:r.rail,"aria-hidden":`true`,children:[(0,t.jsx)(`span`,{className:r.dot,children:a.icon?(0,t.jsx)(a.icon,{className:r.icon}):null}),o<i.length-1?(0,t.jsx)(`span`,{className:r.line}):null]}),(0,t.jsxs)(`div`,{className:(0,n.clsx)(`timeline--content`,r.content),children:[(0,t.jsxs)(`div`,{className:r.head,children:[(0,t.jsx)(e.o,{weight:`medium`,className:`timeline--title`,children:a.title}),a.trailing==null?a.timestamp!=null&&(0,t.jsx)(e.o,{size:`xs`,type:`secondary`,numeric:!0,className:(0,n.clsx)(`timeline--timestamp`,r.timestamp),children:a.timestamp}):(0,t.jsx)(`span`,{className:(0,n.clsx)(`timeline--trailing`,r.timestamp),children:a.trailing})]}),a.description!=null&&(0,t.jsx)(e.o,{size:`xs`,type:`secondary`,className:`timeline--description`,children:a.description}),a.children!=null&&(0,t.jsx)(`div`,{className:r.body,children:a.children})]})]},a.id))})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});

package/dist/timeline-C1iIrqIM.js

@@ -0,0 +1,71 @@
+import "./css/timeline.css";
+import { t as e } from "./cx--CBrhWH0.js";
+import { o as t } from "./typography-vC_wwEBm.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+var i = {
+	light: "timeline-module__light___x6Dw1",
+	dark: "timeline-module__dark___tRGGO",
+	timeline: "timeline-module__timeline___F2qxf",
+	item: "timeline-module__item___cmt-a",
+	dot: "timeline-module__dot___fgxcN",
+	rail: "timeline-module__rail___VVlTK",
+	icon: "timeline-module__icon___GGL3I",
+	line: "timeline-module__line___dsbxC",
+	content: "timeline-module__content___KUC-M",
+	head: "timeline-module__head___mzcKv",
+	timestamp: "timeline-module__timestamp___jE5So",
+	body: "timeline-module__body___62o8j"
+};
+//#endregion
+//#region src/components/base/timeline/timeline.tsx
+function a({ items: a, className: o, ...s }) {
+	return /* @__PURE__ */ n("ol", {
+		className: e("timeline--component", i.timeline, o),
+		...s,
+		children: a.map((o, s) => /* @__PURE__ */ r("li", {
+			"data-status": o.status ?? "neutral",
+			className: e("timeline--item", i.item),
+			children: [/* @__PURE__ */ r("div", {
+				className: i.rail,
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ n("span", {
+					className: i.dot,
+					children: o.icon ? /* @__PURE__ */ n(o.icon, { className: i.icon }) : null
+				}), s < a.length - 1 ? /* @__PURE__ */ n("span", { className: i.line }) : null]
+			}), /* @__PURE__ */ r("div", {
+				className: e("timeline--content", i.content),
+				children: [
+					/* @__PURE__ */ r("div", {
+						className: i.head,
+						children: [/* @__PURE__ */ n(t, {
+							weight: "medium",
+							className: "timeline--title",
+							children: o.title
+						}), o.trailing == null ? o.timestamp != null && /* @__PURE__ */ n(t, {
+							size: "xs",
+							type: "secondary",
+							numeric: !0,
+							className: e("timeline--timestamp", i.timestamp),
+							children: o.timestamp
+						}) : /* @__PURE__ */ n("span", {
+							className: e("timeline--trailing", i.timestamp),
+							children: o.trailing
+						})]
+					}),
+					o.description != null && /* @__PURE__ */ n(t, {
+						size: "xs",
+						type: "secondary",
+						className: "timeline--description",
+						children: o.description
+					}),
+					o.children != null && /* @__PURE__ */ n("div", {
+						className: i.body,
+						children: o.children
+					})
+				]
+			})]
+		}, o.id))
+	});
+}
+//#endregion
+export { a as t };

package/dist/timelines-BA7Fe__3.js

@@ -0,0 +1,258 @@
+import "./css/timelines.css";
+import { t as e } from "./cx--CBrhWH0.js";
+import { o as t } from "./typography-vC_wwEBm.js";
+import { s as n } from "./feedback-DHdvxang.js";
+import { d as r } from "./display-DTWjv_bB.js";
+import { B as i, T as a } from "./primitives-D-cyAv5O.js";
+import { t as o } from "./badge-DwsR_WXN.js";
+import { t as s } from "./timeline-C1iIrqIM.js";
+import { CheckIcon as c, CircleIcon as l, ClockIcon as u, XIcon as d } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/patterns/timelines/timelines.strings.ts
+var h = {
+	added: "Added",
+	removed: "Removed",
+	modified: "Modified",
+	fixed: "Fixed",
+	byline: (e) => `— ${e}`
+}, g = {
+	completed: "Completed",
+	inProgress: "In progress",
+	upcoming: "Upcoming",
+	blocked: "Blocked",
+	dueOn: (e) => `Due ${e}`,
+	progressLabel: (e) => `${e} progress`
+}, _ = { stepLabel: (e, t) => `Step ${e} of ${t}` }, v = {
+	light: "timelines-module__light___wLSOt",
+	dark: "timelines-module__dark___-H7Th",
+	titleRow: "timelines-module__titleRow___KpLFR",
+	byline: "timelines-module__byline___gZV4-",
+	progressGroup: "timelines-module__progressGroup___qEpuU",
+	stepsBar: "timelines-module__stepsBar___JUJBX",
+	stepsBarTrack: "timelines-module__stepsBarTrack___c2i5A",
+	stepsBarItem: "timelines-module__stepsBarItem___KfSLA",
+	stepsBarRow: "timelines-module__stepsBarRow___mR-F3",
+	stepsBarLine: "timelines-module__stepsBarLine___KHtj0",
+	stepsBarDot: "timelines-module__stepsBarDot___lPA38",
+	stepsBarCheck: "timelines-module__stepsBarCheck___utI0v",
+	stepsBarTitle: "timelines-module__stepsBarTitle___lSP-W",
+	stepsBarDescription: "timelines-module__stepsBarDescription___Jb76O"
+}, y = {
+	added: "success",
+	removed: "destructive",
+	modified: "warning",
+	fixed: "current"
+}, b = {
+	added: "success",
+	removed: "destructive",
+	modified: "warning",
+	fixed: "info"
+};
+function x({ entries: n, strings: r, className: a, ...c }) {
+	let l = {
+		...h,
+		...r
+	}, u = {
+		added: l.added,
+		removed: l.removed,
+		modified: l.modified,
+		fixed: l.fixed
+	}, d = n.map((e) => ({
+		id: e.id,
+		status: y[e.kind],
+		timestamp: e.timestamp,
+		title: /* @__PURE__ */ m("span", {
+			className: v.titleRow,
+			children: [
+				/* @__PURE__ */ p(o, {
+					tone: b[e.kind],
+					children: u[e.kind]
+				}),
+				/* @__PURE__ */ p(t, {
+					tag: "span",
+					weight: "medium",
+					lineHeight: "tight",
+					children: e.title
+				}),
+				e.version != null && /* @__PURE__ */ p(i, {
+					size: "xs",
+					type: "secondary",
+					children: e.version
+				})
+			]
+		}),
+		description: e.author == null ? e.description : /* @__PURE__ */ m(f, { children: [e.description, /* @__PURE__ */ p(t, {
+			tag: "span",
+			size: "xs",
+			type: "discrete",
+			className: v.byline,
+			children: l.byline(e.author)
+		})] })
+	}));
+	return /* @__PURE__ */ p("div", {
+		className: e("changelog-timeline--component", a),
+		...c,
+		children: /* @__PURE__ */ p(s, { items: d })
+	});
+}
+//#endregion
+//#region src/components/patterns/timelines/milestones-timeline.tsx
+var S = {
+	completed: "completed",
+	inProgress: "current",
+	upcoming: "pending",
+	blocked: "destructive"
+}, C = {
+	completed: "success",
+	inProgress: "primary",
+	upcoming: "secondary",
+	blocked: "destructive"
+}, w = {
+	completed: c,
+	inProgress: u,
+	upcoming: l,
+	blocked: d
+};
+function T({ milestones: r, strings: i, className: c, ...l }) {
+	let u = {
+		...g,
+		...i
+	}, d = {
+		completed: u.completed,
+		inProgress: u.inProgress,
+		upcoming: u.upcoming,
+		blocked: u.blocked
+	}, f = r.map((e) => {
+		let r = e.status === "inProgress" && typeof e.progress == "number", i = r ? Math.min(Math.max(e.progress, 0), 100) : 0;
+		return {
+			id: e.id,
+			status: S[e.status],
+			icon: w[e.status],
+			timestamp: e.dueDate == null ? void 0 : u.dueOn(e.dueDate),
+			title: /* @__PURE__ */ m("span", {
+				className: v.titleRow,
+				children: [/* @__PURE__ */ p(t, {
+					tag: "span",
+					weight: "medium",
+					lineHeight: "tight",
+					children: e.title
+				}), /* @__PURE__ */ p(o, {
+					tone: C[e.status],
+					children: d[e.status]
+				})]
+			}),
+			description: e.description,
+			children: r ? /* @__PURE__ */ m("div", {
+				className: v.progressGroup,
+				children: [/* @__PURE__ */ p(n, {
+					value: i,
+					label: typeof e.title == "string" ? u.progressLabel(e.title) : u.progressLabel(d[e.status])
+				}), /* @__PURE__ */ p(a, {
+					value: Math.round(i),
+					scaled: !0,
+					size: "xs",
+					type: "secondary"
+				})]
+			}) : void 0
+		};
+	});
+	return /* @__PURE__ */ p("div", {
+		className: e("milestones-timeline--component", c),
+		...l,
+		children: /* @__PURE__ */ p(s, { items: f })
+	});
+}
+//#endregion
+//#region src/components/patterns/timelines/steps.tsx
+function E({ steps: n, className: r, ...i }) {
+	let a = n.map((e) => ({
+		id: e.id,
+		status: e.status === "upcoming" ? "pending" : e.status === "completed" ? "progress" : e.status,
+		icon: e.status === "completed" ? c : void 0,
+		timestamp: e.timestamp,
+		title: /* @__PURE__ */ m("span", {
+			className: v.titleRow,
+			children: [/* @__PURE__ */ p(t, {
+				tag: "span",
+				weight: "semibold",
+				lineHeight: "tight",
+				children: e.title
+			}), e.badge != null && /* @__PURE__ */ p(o, {
+				tone: e.badgeTone ?? "secondary",
+				children: e.badge
+			})]
+		}),
+		description: e.description,
+		children: e.content
+	}));
+	return /* @__PURE__ */ p("div", {
+		className: e("steps--component", r),
+		...i,
+		children: /* @__PURE__ */ p(s, { items: a })
+	});
+}
+function D({ steps: n, strings: i, className: a, ...o }) {
+	let s = {
+		..._,
+		...i
+	};
+	return /* @__PURE__ */ p("div", {
+		className: e("steps-bar--component", v.stepsBar, a),
+		...o,
+		children: /* @__PURE__ */ p("ol", {
+			className: v.stepsBarTrack,
+			children: n.map((e, i) => {
+				let a = n[i - 1];
+				return /* @__PURE__ */ m("li", {
+					"data-status": e.status,
+					className: v.stepsBarItem,
+					children: [
+						/* @__PURE__ */ m("div", {
+							className: v.stepsBarRow,
+							"aria-hidden": "true",
+							children: [
+								/* @__PURE__ */ p("span", {
+									"data-filled": a?.status === "completed" ? "" : void 0,
+									"data-hidden": i === 0 ? "" : void 0,
+									className: v.stepsBarLine
+								}),
+								/* @__PURE__ */ p("span", {
+									className: v.stepsBarDot,
+									children: e.status === "completed" ? /* @__PURE__ */ p(c, { className: v.stepsBarCheck }) : /* @__PURE__ */ p(t, {
+										tag: "span",
+										size: "xs",
+										weight: "bold",
+										numeric: !0,
+										type: "inherit",
+										children: i + 1
+									})
+								}),
+								/* @__PURE__ */ p("span", {
+									"data-filled": e.status === "completed" ? "" : void 0,
+									"data-hidden": i === n.length - 1 ? "" : void 0,
+									className: v.stepsBarLine
+								})
+							]
+						}),
+						/* @__PURE__ */ p(t, {
+							weight: "semibold",
+							lineHeight: "snug",
+							className: v.stepsBarTitle,
+							children: e.title
+						}),
+						e.description != null && /* @__PURE__ */ p(t, {
+							size: "xs",
+							type: "secondary",
+							lineHeight: "snug",
+							className: v.stepsBarDescription,
+							children: e.description
+						}),
+						/* @__PURE__ */ p(r, { children: s.stepLabel(i + 1, n.length) })
+					]
+				}, e.id);
+			})
+		})
+	});
+}
+//#endregion
+export { h as a, x as i, D as n, g as o, T as r, _ as s, E as t };

package/dist/timelines-Bfe2dePP.cjs

@@ -0,0 +1 @@
+const e=require("./typography-kBzTy-jM.cjs"),t=require("./feedback-lBKIc2cQ.cjs"),n=require("./display-BPuD0OAo.cjs"),r=require("./primitives-Bcjsjg7A.cjs"),i=require("./badge-CSoXP1oV.cjs"),a=require("./timeline-BgYt7lmn.cjs");let o=require("lucide-react"),s=require("react/jsx-runtime"),c=require("clsx");var l={added:`Added`,removed:`Removed`,modified:`Modified`,fixed:`Fixed`,byline:e=>`— ${e}`},u={completed:`Completed`,inProgress:`In progress`,upcoming:`Upcoming`,blocked:`Blocked`,dueOn:e=>`Due ${e}`,progressLabel:e=>`${e} progress`},d={stepLabel:(e,t)=>`Step ${e} of ${t}`},f={light:`timelines-module__light___wLSOt`,dark:`timelines-module__dark___-H7Th`,titleRow:`timelines-module__titleRow___KpLFR`,byline:`timelines-module__byline___gZV4-`,progressGroup:`timelines-module__progressGroup___qEpuU`,stepsBar:`timelines-module__stepsBar___JUJBX`,stepsBarTrack:`timelines-module__stepsBarTrack___c2i5A`,stepsBarItem:`timelines-module__stepsBarItem___KfSLA`,stepsBarRow:`timelines-module__stepsBarRow___mR-F3`,stepsBarLine:`timelines-module__stepsBarLine___KHtj0`,stepsBarDot:`timelines-module__stepsBarDot___lPA38`,stepsBarCheck:`timelines-module__stepsBarCheck___utI0v`,stepsBarTitle:`timelines-module__stepsBarTitle___lSP-W`,stepsBarDescription:`timelines-module__stepsBarDescription___Jb76O`},p={added:`success`,removed:`destructive`,modified:`warning`,fixed:`current`},m={added:`success`,removed:`destructive`,modified:`warning`,fixed:`info`};function h({entries:t,strings:n,className:o,...u}){let d={...l,...n},h={added:d.added,removed:d.removed,modified:d.modified,fixed:d.fixed},g=t.map(t=>({id:t.id,status:p[t.kind],timestamp:t.timestamp,title:(0,s.jsxs)(`span`,{className:f.titleRow,children:[(0,s.jsx)(i.t,{tone:m[t.kind],children:h[t.kind]}),(0,s.jsx)(e.o,{tag:`span`,weight:`medium`,lineHeight:`tight`,children:t.title}),t.version!=null&&(0,s.jsx)(r.B,{size:`xs`,type:`secondary`,children:t.version})]}),description:t.author==null?t.description:(0,s.jsxs)(s.Fragment,{children:[t.description,(0,s.jsx)(e.o,{tag:`span`,size:`xs`,type:`discrete`,className:f.byline,children:d.byline(t.author)})]})}));return(0,s.jsx)(`div`,{className:(0,c.clsx)(`changelog-timeline--component`,o),...u,children:(0,s.jsx)(a.t,{items:g})})}var g={completed:`completed`,inProgress:`current`,upcoming:`pending`,blocked:`destructive`},_={completed:`success`,inProgress:`primary`,upcoming:`secondary`,blocked:`destructive`},v={completed:o.CheckIcon,inProgress:o.ClockIcon,upcoming:o.CircleIcon,blocked:o.XIcon};function y({milestones:n,strings:o,className:l,...d}){let p={...u,...o},m={completed:p.completed,inProgress:p.inProgress,upcoming:p.upcoming,blocked:p.blocked},h=n.map(n=>{let a=n.status===`inProgress`&&typeof n.progress==`number`,o=a?Math.min(Math.max(n.progress,0),100):0;return{id:n.id,status:g[n.status],icon:v[n.status],timestamp:n.dueDate==null?void 0:p.dueOn(n.dueDate),title:(0,s.jsxs)(`span`,{className:f.titleRow,children:[(0,s.jsx)(e.o,{tag:`span`,weight:`medium`,lineHeight:`tight`,children:n.title}),(0,s.jsx)(i.t,{tone:_[n.status],children:m[n.status]})]}),description:n.description,children:a?(0,s.jsxs)(`div`,{className:f.progressGroup,children:[(0,s.jsx)(t.s,{value:o,label:typeof n.title==`string`?p.progressLabel(n.title):p.progressLabel(m[n.status])}),(0,s.jsx)(r.T,{value:Math.round(o),scaled:!0,size:`xs`,type:`secondary`})]}):void 0}});return(0,s.jsx)(`div`,{className:(0,c.clsx)(`milestones-timeline--component`,l),...d,children:(0,s.jsx)(a.t,{items:h})})}function b({steps:t,className:n,...r}){let l=t.map(t=>({id:t.id,status:t.status===`upcoming`?`pending`:t.status===`completed`?`progress`:t.status,icon:t.status===`completed`?o.CheckIcon:void 0,timestamp:t.timestamp,title:(0,s.jsxs)(`span`,{className:f.titleRow,children:[(0,s.jsx)(e.o,{tag:`span`,weight:`semibold`,lineHeight:`tight`,children:t.title}),t.badge!=null&&(0,s.jsx)(i.t,{tone:t.badgeTone??`secondary`,children:t.badge})]}),description:t.description,children:t.content}));return(0,s.jsx)(`div`,{className:(0,c.clsx)(`steps--component`,n),...r,children:(0,s.jsx)(a.t,{items:l})})}function x({steps:t,strings:r,className:i,...a}){let l={...d,...r};return(0,s.jsx)(`div`,{className:(0,c.clsx)(`steps-bar--component`,f.stepsBar,i),...a,children:(0,s.jsx)(`ol`,{className:f.stepsBarTrack,children:t.map((r,i)=>{let a=t[i-1];return(0,s.jsxs)(`li`,{"data-status":r.status,className:f.stepsBarItem,children:[(0,s.jsxs)(`div`,{className:f.stepsBarRow,"aria-hidden":`true`,children:[(0,s.jsx)(`span`,{"data-filled":a?.status===`completed`?``:void 0,"data-hidden":i===0?``:void 0,className:f.stepsBarLine}),(0,s.jsx)(`span`,{className:f.stepsBarDot,children:r.status===`completed`?(0,s.jsx)(o.CheckIcon,{className:f.stepsBarCheck}):(0,s.jsx)(e.o,{tag:`span`,size:`xs`,weight:`bold`,numeric:!0,type:`inherit`,children:i+1})}),(0,s.jsx)(`span`,{"data-filled":r.status===`completed`?``:void 0,"data-hidden":i===t.length-1?``:void 0,className:f.stepsBarLine})]}),(0,s.jsx)(e.o,{weight:`semibold`,lineHeight:`snug`,className:f.stepsBarTitle,children:r.title}),r.description!=null&&(0,s.jsx)(e.o,{size:`xs`,type:`secondary`,lineHeight:`snug`,className:f.stepsBarDescription,children:r.description}),(0,s.jsx)(n.d,{children:l.stepLabel(i+1,t.length)})]},r.id)})})})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return b}});