@jfrader/ui 0.4.0 → 0.5.0

package/dist/timeline-k3nURuCP.js

@@ -0,0 +1,618 @@
+'use client';
+import { i as e, r as t, t as n } from "./sx-Dx9JUKp5.js";
+import { t as r } from "./disclosure-caret-C5T3fcl6.js";
+import { t as i } from "./focus-ring-BK5W5_NY.js";
+import { n as a, r as o } from "./media-8yrN85VT.js";
+import { r as s } from "./roving-focus-CYlo_Kf8.js";
+import { t as c } from "./use-controlled-state-DpeVQZNR.js";
+import { t as l } from "./visually-hidden-BJdvqqvn.js";
+import { t as u } from "./renderable-DzcIj1Lo.js";
+import { t as d } from "./icon-wrapper-stN8sD7R.js";
+import { t as f } from "./avatar-BahDVO9t.js";
+import { t as p } from "./part-id-D0zksy32.js";
+import { useEffect as ee, useId as te, useLayoutEffect as ne, useMemo as m, useRef as h, useState as re } from "react";
+import { vars as g } from "@jfrader/tokens/vars";
+import { jsx as _, jsxs as v } from "@emotion/react/jsx-runtime";
+import { useMergeRefs as ie } from "@floating-ui/react";
+//#region src/components/timeline/timeline.tsx
+var y = "UTC", b = "invalid", ae = [], x = 864e13, oe = 1e3, S = 864e5, se = [
+	["second", 60],
+	["minute", 60],
+	["hour", 24]
+], ce = /^(\d{4})-(\d{2})-(\d{2})T\d{2}:\d{2}(?::\d{2}(?:\.\d+)?)?(?:Z|[+-]\d{2}:\d{2})$/, C = "en-US", w = {
+	itemSelector: "[data-ui=\"timeline-item\"]",
+	ownerSelector: "[data-ui=\"timeline\"]"
+}, T = {
+	itemSelector: "[data-ui=\"timeline-trigger\"]",
+	ownerSelector: "[data-ui=\"timeline\"]"
+}, le = {
+	ArrowDown: (e, t) => Math.min(e + 1, t - 1),
+	ArrowUp: (e) => Math.max(e - 1, 0),
+	Home: () => 0,
+	End: (e, t) => t - 1
+}, E = (e) => u(e) && e !== "", D = (e) => Number.isFinite(e) && Math.abs(e) <= x;
+function O(e) {
+	if (typeof e == "number") return D(e) ? e : null;
+	if (e instanceof Date) return D(e.getTime()) ? e.getTime() : null;
+	let t = ce.exec(e);
+	if (!t) return null;
+	let [n, r, i] = t.slice(1, 4).map(Number), a = new Date(Date.UTC(n, r - 1, i));
+	if (a.getUTCMonth() !== r - 1 || a.getUTCDate() !== i) return null;
+	let o = Date.parse(e);
+	return D(o) ? o : null;
+}
+function k(e, t) {
+	return {
+		dayParts: new Intl.DateTimeFormat(C, {
+			timeZone: t,
+			calendar: "gregory",
+			numberingSystem: "latn",
+			year: "numeric",
+			month: "2-digit",
+			day: "2-digit"
+		}),
+		day: new Intl.DateTimeFormat(e, {
+			timeZone: t,
+			dateStyle: "full"
+		}),
+		full: new Intl.DateTimeFormat(e, {
+			timeZone: t,
+			dateStyle: "full",
+			timeStyle: "long"
+		}),
+		clock: new Intl.DateTimeFormat(e, {
+			timeZone: t,
+			timeStyle: "short"
+		}),
+		relative: new Intl.RelativeTimeFormat(e, { numeric: "auto" }),
+		number: new Intl.NumberFormat(e),
+		plural: new Intl.PluralRules(e)
+	};
+}
+function ue(e, t) {
+	let n = [], r = e;
+	try {
+		Intl.getCanonicalLocales(e);
+	} catch {
+		n.push(`Timeline: locale ${JSON.stringify(String(e))} is not a valid language tag; using the default locale.`), r = void 0;
+	}
+	let i = t;
+	try {
+		new Intl.DateTimeFormat(C, { timeZone: t });
+	} catch {
+		n.push(`Timeline: timeZone ${JSON.stringify(t)} is not a valid IANA time zone; using ${y}.`), i = y;
+	}
+	return {
+		formatters: k(r, i),
+		problems: n
+	};
+}
+function A(e, t) {
+	let n = Object.fromEntries(e.formatToParts(t).map(({ type: e, value: t }) => [e, t]));
+	return `${n.year.padStart(4, "0")}-${n.month}-${n.day}`;
+}
+var j = (e) => Date.parse(`${e}T00:00:00Z`) / S;
+function de(e, t, n) {
+	let r = e.map((e, t) => ({
+		event: e,
+		order: t,
+		epoch: O(e.at)
+	}));
+	r.sort((e, t) => e.epoch === null || t.epoch === null ? e.epoch === t.epoch ? e.order - t.order : e.epoch === null ? 1 : -1 : t.epoch - e.epoch || e.order - t.order);
+	let i = n === null ? null : j(A(t, n)), a = [];
+	for (let e of r) {
+		let n = e.epoch === null ? b : A(t, e.epoch), r = a.at(-1);
+		if (r?.key === n) {
+			r.rows.push(e);
+			continue;
+		}
+		let o = e.epoch === null || i === null ? null : j(n) - i;
+		a.push({
+			key: n,
+			distance: o,
+			epoch: e.epoch,
+			rows: [e]
+		});
+	}
+	return a;
+}
+function fe(e) {
+	let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set();
+	for (let r of e) (t.has(r) ? n : t).add(r);
+	return [...n];
+}
+var pe = (e) => JSON.stringify([...new Set(e)].sort());
+function me(e, t, n, r) {
+	let i = (e - t) / oe;
+	for (let [e, t] of se) {
+		if (Math.abs(i) < t) return r.relative.format(Math.trunc(i), e);
+		i /= t;
+	}
+	return r.relative.format(n, "day");
+}
+function he(e, t, n) {
+	return e.epoch === null ? n.invalidTime : e.distance !== null && Math.abs(e.distance) <= 1 ? t.relative.format(e.distance, "day") : t.day.format(e.epoch);
+}
+function ge(e) {
+	let t = (t, n, r) => `${e.number.format(t)} ${e.plural.select(t) === "one" ? n : r}`;
+	return {
+		region: "Activity",
+		empty: "No activity yet",
+		invalidTime: "Unknown time",
+		newEvents: (e) => t(e, "new event", "new events"),
+		dayCount: (e) => t(e, "event", "events")
+	};
+}
+var M = "(prefers-reduced-motion: reduce)", _e = (e) => e.ownerDocument.defaultView?.matchMedia(M).matches ?? !1, N = e({
+	from: { opacity: 0 },
+	to: { opacity: 1 }
+}), ve = t({
+	position: "relative",
+	minInlineSize: 0,
+	fontFamily: g.font.sans,
+	fontSize: g.textSize.sm,
+	lineHeight: g.lineHeight.base,
+	color: g.color.text
+}), ye = {
+	sm: t({
+		"--timeline-row-gap": g.space[2],
+		"--timeline-heading-pad": g.space[1],
+		"--timeline-trigger-pad": g.space[1]
+	}),
+	md: t({
+		"--timeline-row-gap": g.space[4],
+		"--timeline-heading-pad": g.space[2],
+		"--timeline-trigger-pad": g.space[2]
+	})
+}, be = t({
+	"&[data-bounded]": {
+		overflowY: "auto",
+		overscrollBehavior: "contain",
+		overflowAnchor: "none",
+		scrollPaddingBlockStart: g.space[10]
+	},
+	"&:focus-visible": { ...i }
+}), xe = t({ "& + &": { marginBlockStart: "var(--timeline-row-gap)" } }), Se = t({
+	position: "sticky",
+	insetBlockStart: 0,
+	zIndex: 1,
+	display: "flex",
+	flexWrap: "wrap",
+	alignItems: "baseline",
+	columnGap: g.space[2],
+	margin: 0,
+	marginBlockEnd: g.space[2],
+	paddingBlock: "var(--timeline-heading-pad)",
+	backgroundColor: g.color.surface,
+	fontSize: g.textSize.sm,
+	fontWeight: g.fontWeight.semibold,
+	color: g.color.text
+}), Ce = t({
+	fontSize: g.textSize.xs,
+	fontWeight: g.fontWeight.regular,
+	color: g.color.textMuted
+}), we = t({
+	listStyle: "none",
+	margin: 0,
+	padding: 0
+}), Te = t({
+	position: "relative",
+	display: "grid",
+	gridTemplateColumns: `${g.space[6]} minmax(0, 1fr)`,
+	columnGap: g.space[3],
+	paddingBlockEnd: "var(--timeline-row-gap)",
+	"&::before": {
+		content: "\"\"",
+		position: "absolute",
+		insetBlockStart: g.space[6],
+		insetBlockEnd: 0,
+		insetInlineStart: `calc(${g.space[6]} / 2 - 1px)`,
+		borderInlineStart: `2px solid ${g.color.border}`
+	},
+	"&:last-child::before": { content: "none" },
+	"&[data-new]": {
+		animationName: N,
+		animationDuration: g.motion.duration.base,
+		animationTimingFunction: g.motion.easeStandard
+	},
+	[o]: { "&[data-new]": { animation: "none" } },
+	[a]: { "&::before": { borderInlineStartColor: "GrayText" } }
+}), P = t({
+	boxSizing: "border-box",
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center",
+	inlineSize: g.space[6],
+	blockSize: g.space[6],
+	borderRadius: g.radius.full,
+	border: `1px solid ${g.color.borderStrong}`,
+	backgroundColor: g.color.surface,
+	color: g.color.textMuted,
+	overflow: "hidden",
+	fontSize: g.textSize.xs,
+	"&[data-kind=\"avatar\"]": { border: 0 },
+	[a]: {
+		borderColor: "CanvasText",
+		color: "CanvasText"
+	}
+}), F = {
+	neutral: t({}),
+	success: t({
+		borderColor: g.color.success,
+		color: g.color.success
+	}),
+	danger: t({
+		borderColor: g.color.dangerText,
+		color: g.color.dangerText
+	})
+}, I = t({
+	inlineSize: g.space[2],
+	blockSize: g.space[2],
+	borderRadius: g.radius.full,
+	backgroundColor: "currentColor",
+	[a]: {
+		backgroundColor: "CanvasText",
+		forcedColorAdjust: "none"
+	}
+}), Ee = t({
+	minInlineSize: 0,
+	display: "flex",
+	flexWrap: "wrap",
+	alignItems: "baseline",
+	columnGap: g.space[3],
+	rowGap: g.space[1]
+}), De = t({
+	flex: "1 1 0",
+	minInlineSize: "fit-content",
+	maxInlineSize: "100%",
+	display: "grid",
+	rowGap: g.space[1],
+	overflowWrap: "anywhere"
+}), Oe = t({
+	display: "flex",
+	flexWrap: "wrap",
+	alignItems: "baseline",
+	columnGap: g.space[1],
+	minBlockSize: g.space[6]
+}), ke = t({ fontWeight: g.fontWeight.semibold }), Ae = t({ fontWeight: g.fontWeight.medium }), je = t({
+	appearance: "none",
+	boxSizing: "border-box",
+	display: "inline-flex",
+	alignItems: "center",
+	gap: g.space[2],
+	maxInlineSize: "100%",
+	minBlockSize: g.space[8],
+	margin: 0,
+	paddingBlock: g.space[1],
+	paddingInline: "var(--timeline-trigger-pad)",
+	border: "1px solid transparent",
+	borderRadius: g.radius.sm,
+	background: "transparent",
+	font: "inherit",
+	fontWeight: g.fontWeight.medium,
+	color: g.color.text,
+	textAlign: "start",
+	overflowWrap: "anywhere",
+	cursor: "pointer",
+	transitionProperty: "background-color",
+	transitionDuration: g.motion.duration.fast,
+	transitionTimingFunction: g.motion.easeStandard,
+	"&::after": {
+		...r,
+		transitionDuration: g.motion.duration.fast
+	},
+	"&[aria-expanded=\"true\"]::after": { transform: "rotate(90deg)" },
+	"&[aria-expanded=\"true\"]:dir(rtl)::after": { transform: "rotate(-90deg)" },
+	"&:hover": { backgroundColor: g.color.surfaceHover },
+	"&:focus-visible": { ...i },
+	[o]: {
+		transitionDuration: "0s",
+		"&::after": { transitionDuration: "0s" }
+	},
+	[a]: { "&:focus-visible": { outlineColor: "Highlight" } }
+}), Me = t({
+	fontSize: g.textSize.xs,
+	color: g.color.textMuted
+}), Ne = t({
+	flexShrink: 0,
+	fontSize: g.textSize.xs,
+	color: g.color.textMuted,
+	fontVariantNumeric: "tabular-nums",
+	whiteSpace: "nowrap"
+}), Pe = t({
+	gridColumn: 2,
+	marginBlockStart: g.space[2],
+	paddingBlock: g.space[3],
+	paddingInline: g.space[3],
+	border: `1px solid ${g.color.border}`,
+	borderRadius: g.radius.md,
+	backgroundColor: g.color.surface,
+	color: g.color.text,
+	lineHeight: g.lineHeight.relaxed,
+	overflowWrap: "anywhere",
+	"&[hidden]": { display: "none" }
+}), Fe = t({
+	margin: 0,
+	paddingBlock: g.space[4],
+	color: g.color.textMuted
+});
+function Ie({ event: e, part: t }) {
+	let n = e.tone ?? "neutral", r = e.avatar ? "avatar" : E(e.icon) ? "icon" : e.actor ? "avatar" : "dot", i = {
+		avatar: /* @__PURE__ */ _(f, {
+			name: e.actor ?? "",
+			src: e.avatar,
+			size: "sm"
+		}),
+		icon: /* @__PURE__ */ _("span", {
+			css: d,
+			children: e.icon
+		}),
+		dot: /* @__PURE__ */ _("span", { css: I })
+	}[r];
+	return /* @__PURE__ */ _("span", {
+		"aria-hidden": "true",
+		"data-ui": "timeline-marker",
+		"data-kind": r,
+		"data-tone": n,
+		className: t?.className,
+		css: [
+			P,
+			F[n],
+			t?.css
+		],
+		children: i
+	});
+}
+function L({ ref: e, events: t, now: r, value: i, defaultValue: a, onValueChange: o, locale: u, timeZone: d = y, headingLevel: f = 3, maxHeight: g, scrollToNew: b = !1, size: x = "md", labels: oe, slotProps: S, className: se, sx: ce, onKeyDown: C, onFocus: O, onBlur: k, "aria-label": A, "aria-labelledby": j, "aria-describedby": M, ...N }) {
+	let P = te(), F = h(null), I = h(null), L = ie([e, F]), R = g !== void 0, z = D(r) ? r : null, { formatters: B, problems: Le } = m(() => ue(u, d), [u, d]), V = {
+		...ge(B),
+		...oe
+	}, H = m(() => de(t, B.dayParts, z), [
+		t,
+		B,
+		z
+	]), U = m(() => H.flatMap((e) => e.rows.map((e) => e.event.id)), [H]), W = H[0]?.epoch ?? null, [G = ae, Re] = c(i, a ?? ae, (e) => o?.([...e])), ze = new Set(G), Be = pe(G), K = h(null);
+	ne(() => {
+		K.current = null;
+	}, [Be]);
+	let Ve = (e) => {
+		let t = ze.has(e) ? G.filter((t) => t !== e) : [...G, e], n = pe(t);
+		n !== Be && n !== K.current && (K.current = n, Re(t));
+	}, q = h(null), J = h(null), Y = h(null), [X, He] = re({
+		text: "",
+		key: 0
+	}), Ue = m(() => {
+		let e = q.current?.ids;
+		return new Set(e ? U.filter((t) => !e.has(t)) : []);
+	}, [U]), We = () => F.current ? s(F.current, w) : [], Z = () => {
+		let e = I.current;
+		if (!R || !e) {
+			J.current = null;
+			return;
+		}
+		let t = e.getBoundingClientRect().top, n = e.ownerDocument.activeElement, r = (n && e.contains(n) ? n.closest(w.itemSelector) : null) ?? (e.scrollTop > 0 ? We().find((e) => e.getBoundingClientRect().bottom > t) : void 0);
+		J.current = r ? {
+			id: r.dataset.eventId,
+			top: r.getBoundingClientRect().top - t
+		} : null;
+	};
+	ne(() => {
+		let e = F.current, t = I.current, n = q.current;
+		if (q.current = {
+			ids: new Set(U),
+			order: U,
+			newestEpoch: W
+		}, !e || !t || !n) {
+			Z();
+			return;
+		}
+		let r = We(), i = (e) => r.find((t) => t.dataset.eventId === e), a = e.ownerDocument, o = Y.current, c = a.activeElement;
+		if (o && !o.element.isConnected && !q.current.ids.has(o.id) && (!c || c === a.body)) {
+			Y.current = null;
+			let t = new Set(s(e, T)), r = n.order.indexOf(o.id), a = (e) => {
+				let n = e === void 0 ? void 0 : i(e)?.querySelector(T.itemSelector);
+				return n && t.has(n) ? n : void 0;
+			};
+			for (let e = 1; e < n.order.length; e++) {
+				let t = a(n.order[r + e]) ?? a(n.order[r - e]);
+				if (t) {
+					t.focus();
+					break;
+				}
+			}
+		}
+		let l = e.contains(a.activeElement), u = W !== null && (n.newestEpoch === null || W > n.newestEpoch);
+		if (b && u && !l) i(U[0])?.closest("[data-ui=\"timeline-group\"]")?.scrollIntoView({
+			block: "nearest",
+			behavior: _e(e) ? "instant" : "smooth"
+		});
+		else if (R && J.current) {
+			let e = i(J.current.id);
+			if (e) {
+				let n = e.getBoundingClientRect().top - t.getBoundingClientRect().top - J.current.top;
+				n !== 0 && (t.scrollTop += n);
+			}
+		}
+		Z();
+		let d = U.filter((e) => !n.ids.has(e));
+		d.length > 0 && He((e) => ({
+			text: V.newEvents(d.length),
+			key: e.key + 1
+		}));
+	}, [U, R]);
+	let Ge = fe(U), Q = [
+		...Le,
+		...z === null ? [`Timeline: now ${String(r)} is not a finite epoch-ms value; showing absolute times.`] : [],
+		...Ge.length > 0 ? [`Timeline: duplicate event ids ${JSON.stringify(Ge)}.`] : []
+	].join("\n");
+	ee(() => {
+		process.env.NODE_ENV !== "production" && Q !== "" && console.error(Q);
+	}, [Q]);
+	let Ke = (e) => {
+		if (C?.(e), e.defaultPrevented || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) return;
+		let t = le[e.key];
+		if (!t) return;
+		let n = s(e.currentTarget, T), r = n.indexOf(e.target);
+		r !== -1 && (e.preventDefault(), n[t(r, n.length)]?.focus());
+	}, qe = (e) => {
+		O?.(e);
+		let t = e.target.closest(w.itemSelector);
+		Y.current = t?.closest(w.ownerSelector) === e.currentTarget ? {
+			element: e.target,
+			id: t.dataset.eventId
+		} : null, Z();
+	}, Je = (e) => {
+		if (k?.(e), e.currentTarget.contains(e.relatedTarget)) return;
+		let { target: t } = e;
+		queueMicrotask(() => {
+			t.isConnected && Y.current?.element === t && (Y.current = null);
+		});
+	}, Ye = t.length === 0, Xe = `${P}-empty`, Ze = `h${f}`, $ = {
+		"aria-label": A ?? (j ? void 0 : V.region),
+		"aria-labelledby": j
+	}, Qe = [M, Ye ? Xe : void 0].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ _(n, {
+		className: se,
+		styles: [ve, ye[x]],
+		sx: ce,
+		children: (e) => /* @__PURE__ */ v("div", {
+			...N,
+			ref: L,
+			role: "region",
+			...$,
+			"aria-describedby": Qe,
+			"data-ui": "timeline",
+			"data-size": x,
+			onKeyDown: Ke,
+			onFocus: qe,
+			onBlur: Je,
+			className: e,
+			children: [/* @__PURE__ */ _("div", {
+				ref: I,
+				"data-ui": "timeline-scroller",
+				"data-bounded": R ? "" : void 0,
+				...R ? {
+					tabIndex: 0,
+					role: "group",
+					...$
+				} : void 0,
+				style: R ? { maxBlockSize: g } : void 0,
+				onScroll: Z,
+				className: S?.scroller?.className,
+				css: [be, S?.scroller?.css],
+				children: Ye ? /* @__PURE__ */ _("p", {
+					id: Xe,
+					"data-ui": "timeline-empty",
+					css: Fe,
+					children: V.empty
+				}) : H.map((e) => {
+					let t = p(P, "day", e.key);
+					return /* @__PURE__ */ v("section", {
+						role: "group",
+						"aria-labelledby": t,
+						"data-ui": "timeline-group",
+						"data-day": e.key,
+						className: S?.group?.className,
+						css: [xe, S?.group?.css],
+						children: [/* @__PURE__ */ v(Ze, {
+							id: t,
+							"data-ui": "timeline-heading",
+							className: S?.heading?.className,
+							css: [Se, S?.heading?.css],
+							children: [e.epoch === null ? /* @__PURE__ */ _("span", { children: he(e, B, V) }) : /* @__PURE__ */ _("time", {
+								dateTime: e.key,
+								children: he(e, B, V)
+							}), /* @__PURE__ */ _("span", {
+								css: Ce,
+								children: V.dayCount(e.rows.length)
+							})]
+						}), /* @__PURE__ */ _("ol", {
+							"data-ui": "timeline-list",
+							className: S?.list?.className,
+							css: [we, S?.list?.css],
+							children: e.rows.map(({ event: t, epoch: n }) => {
+								let r = E(t.detail), i = r && ze.has(t.id), a = p(P, "detail", t.id), o = p(P, "when", t.id), s = r ? /* @__PURE__ */ _("button", {
+									type: "button",
+									"data-ui": "timeline-trigger",
+									"aria-expanded": i,
+									"aria-controls": a,
+									"aria-describedby": n === null ? void 0 : o,
+									onClick: () => Ve(t.id),
+									className: S?.trigger?.className,
+									css: [je, S?.trigger?.css],
+									children: t.title
+								}) : /* @__PURE__ */ _("span", {
+									"data-ui": "timeline-title",
+									css: Ae,
+									children: t.title
+								});
+								return /* @__PURE__ */ v("li", {
+									"data-ui": "timeline-item",
+									"data-event-id": t.id,
+									"data-tone": t.tone ?? "neutral",
+									"data-state": r ? i ? "open" : "closed" : void 0,
+									"data-new": Ue.has(t.id) ? "" : void 0,
+									className: S?.item?.className,
+									css: [Te, S?.item?.css],
+									children: [
+										/* @__PURE__ */ _(Ie, {
+											event: t,
+											part: S?.marker
+										}),
+										/* @__PURE__ */ v("div", {
+											css: Ee,
+											children: [/* @__PURE__ */ v("div", {
+												css: De,
+												children: [/* @__PURE__ */ v("div", {
+													css: Oe,
+													children: [t.actor ? /* @__PURE__ */ _("span", {
+														"data-ui": "timeline-actor",
+														css: ke,
+														children: t.actor
+													}) : null, s]
+												}), E(t.meta) ? /* @__PURE__ */ _("div", {
+													"data-ui": "timeline-meta",
+													css: Me,
+													children: t.meta
+												}) : null]
+											}), n === null ? null : /* @__PURE__ */ v("time", {
+												dateTime: new Date(n).toISOString(),
+												"data-ui": "timeline-time",
+												className: S?.time?.className,
+												css: [Ne, S?.time?.css],
+												children: [z === null ? B.clock.format(n) : me(n, z, e.distance ?? 0, B), /* @__PURE__ */ _("span", {
+													id: o,
+													css: l,
+													children: B.full.format(n)
+												})]
+											})]
+										}),
+										r ? /* @__PURE__ */ _("div", {
+											id: a,
+											hidden: !i,
+											"data-ui": "timeline-detail",
+											"data-state": i ? "open" : "closed",
+											className: S?.detail?.className,
+											css: [Pe, S?.detail?.css],
+											children: t.detail
+										}) : null
+									]
+								}, t.id);
+							})
+						})]
+					}, e.key);
+				})
+			}), /* @__PURE__ */ _("div", {
+				role: "status",
+				"aria-atomic": "true",
+				"data-ui": "timeline-status",
+				className: S?.status?.className,
+				css: [l, S?.status?.css],
+				children: X.text ? /* @__PURE__ */ _("span", { children: X.text }, X.key) : null
+			})]
+		})
+	});
+}
+L.displayName = "Timeline";
+//#endregion
+export { L as t };

package/dist/timeline.js

@@ -0,0 +1,2 @@
+'use client';
+export { t as Timeline } from "./timeline-k3nURuCP.js";