@metaphor-cloud/ui 0.18.0 → 0.20.0

package/dist/metaphor-ui.js

@@ -9002,14 +9002,14 @@ function ky({ className: e, ref: t, ...n }) {
 }
 //#endregion
 //#region src/components/Table.tsx
-function Ay({ className: e, ref: t, tableLayout: n, ...r }) {
+function Ay({ className: e, containerClassName: t, ref: n, tableLayout: r, ...i }) {
 	return /* @__PURE__ */ l("div", {
-		className: "relative w-full overflow-auto",
+		className: W("relative w-full overflow-auto", t),
 		children: /* @__PURE__ */ l("table", {
-			ref: t,
+			ref: n,
 			className: W("w-full caption-bottom text-sm", e),
-			style: n ? { tableLayout: n } : void 0,
-			...r
+			style: r ? { tableLayout: r } : void 0,
+			...i
 		})
 	});
 }
@@ -9438,9 +9438,9 @@ function Pb({ className: e, ref: t, ...n }) {
 var Fb = Ht("group pointer-events-auto relative flex w-full items-center justify-between gap-4 overflow-hidden rounded-lg border p-4 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-slide-in-right data-[state=closed]:animate-fade-out", {
 	variants: { variant: {
 		default: "border-border bg-bg-elevated text-text-primary",
-		success: "border-success-border bg-success-glow text-success",
-		danger: "border-danger-border bg-danger-glow text-danger",
-		warning: "border-warning-border bg-warning-glow text-warning"
+		success: "border-success-border bg-bg-elevated bg-[linear-gradient(var(--green-glow),var(--green-glow))] text-success",
+		danger: "border-danger-border bg-bg-elevated bg-[linear-gradient(var(--red-glow),var(--red-glow))] text-danger",
+		warning: "border-warning-border bg-bg-elevated bg-[linear-gradient(var(--orange-glow),var(--orange-glow))] text-warning"
 	} },
 	defaultVariants: { variant: "default" }
 });
@@ -10638,8 +10638,61 @@ function Ux({ columns: t, hasSelectionColumn: n, onColumnResize: r, tableRef: i
 	};
 }
 //#endregion
+//#region src/hooks/use-responsive-columns.ts
+var Wx = 80;
+function Gx(e) {
+	if (e == null) return null;
+	let t = e.match(/^(\d+(?:\.\d+)?)px$/);
+	return t?.[1] == null ? null : parseFloat(t[1]);
+}
+function Kx(e) {
+	return e.minWidth == null ? Gx(e.width) ?? Wx : e.minWidth;
+}
+function qx({ columns: t, containerRef: n, hasSelectionColumn: r = !1, selectionColumnWidth: i = 40 }) {
+	let [a, o] = e.useState(null), s = e.useMemo(() => t.some((e) => e.priority != null && !e.hidden), [t]);
+	return e.useLayoutEffect(() => {
+		if (!s) {
+			o(null);
+			return;
+		}
+		let e = n.current;
+		if (!e) return;
+		if (typeof ResizeObserver > "u") {
+			o(e.getBoundingClientRect().width);
+			return;
+		}
+		let t = new ResizeObserver((e) => {
+			let t = e[0];
+			if (!t) return;
+			let n = t.contentRect.width;
+			o((e) => e === n ? e : n);
+		});
+		return t.observe(e), o(e.getBoundingClientRect().width), () => t.disconnect();
+	}, [n, s]), {
+		hiddenColumnIds: e.useMemo(() => {
+			if (!s || a == null) return Jx;
+			let e = t.filter((e) => !e.hidden), n = (r ? i : 0) + e.reduce((e, t) => e + Kx(t), 0);
+			if (n <= a) return Jx;
+			let o = e.filter((e) => e.priority != null).sort((e, t) => e.priority - t.priority), c = /* @__PURE__ */ new Set();
+			for (let e of o) {
+				if (n <= a) break;
+				c.add(e.id), n -= Kx(e);
+			}
+			return c;
+		}, [
+			t,
+			a,
+			r,
+			i,
+			s
+		]),
+		containerWidth: a
+	};
+}
+var Jx = /* @__PURE__ */ new Set();
+//#endregion
 //#region src/components/DataTable.tsx
-function Wx({ filled: e, className: t }) {
+function Yx({ filled: e, className: t }) {
 	return /* @__PURE__ */ l("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 16 16",
@@ -10660,7 +10713,7 @@ function Wx({ filled: e, className: t }) {
 		})
 	});
 }
-function Gx({ column: t, data: n, value: r, onChange: i, onClear: a, onToggle: o }) {
+function Xx({ column: t, data: n, value: r, onChange: i, onClear: a, onToggle: o }) {
 	let [s, c] = e.useState(!1), d = e.useMemo(() => {
 		if (t.filterOptions) return t.filterOptions;
 		if (!t.accessorKey) return null;
@@ -10689,7 +10742,7 @@ function Gx({ column: t, data: n, value: r, onChange: i, onClear: a, onToggle: o
 				},
 				className: W("ml-1 inline-flex items-center justify-center rounded p-0.5", "hover:bg-accent/20 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent", p ? "text-accent" : "text-text-secondary"),
 				"aria-label": `Filter ${typeof t.header == "string" ? t.header : t.id}`,
-				children: /* @__PURE__ */ l(Wx, { filled: p })
+				children: /* @__PURE__ */ l(Yx, { filled: p })
 			})
 		}), /* @__PURE__ */ u(cg, {
 			align: "start",
@@ -10726,74 +10779,80 @@ function Gx({ column: t, data: n, value: r, onChange: i, onClear: a, onToggle: o
 		})]
 	});
 }
-function Kx({ children: e, className: t, ...n }) {
+function Zx({ children: e, className: t, ...n }) {
 	return /* @__PURE__ */ l("div", {
 		className: W("flex items-center gap-2", t),
 		...n,
 		children: e
 	});
 }
-Kx.displayName = "DataTableToolbar";
-function qx({ children: e, className: t, ...n }) {
+Zx.displayName = "DataTableToolbar";
+function Qx({ children: e, className: t, ...n }) {
 	return /* @__PURE__ */ l("div", {
 		className: t,
 		...n,
 		children: e
 	});
 }
-qx.displayName = "DataTableEmpty";
-function Jx({ columns: t, data: n, children: r, loading: i, totalRows: a, onStateChange: o, defaultSort: s, manualSorting: c = !1, globalFilter: d = !1, manualFiltering: f = !1, pageSize: p = 20, manualPagination: m = !1, onRowClick: h, renderRowLink: g, rowClassName: _, getRowId: v, selectable: y = !1, onSelectionChange: b, onColumnResize: x, className: S, ref: C }) {
-	let [w, T] = e.useState(s ?? null), [E, D] = e.useState(""), [O, k] = e.useState({}), [A, j] = e.useState(1), [M, N] = e.useState(/* @__PURE__ */ new Set()), P = e.useMemo(() => t.filter((e) => !e.hidden), [t]), F = e.useRef(null), I = P.some((e) => e.resizable), { columnWidths: ee, resizingColumnId: te, startResize: ne } = Ux({
-		columns: P,
+Qx.displayName = "DataTableEmpty";
+function $x({ columns: t, data: n, children: r, loading: i, totalRows: a, onStateChange: o, defaultSort: s, manualSorting: c = !1, globalFilter: d = !1, manualFiltering: f = !1, pageSize: p = 20, manualPagination: m = !1, onRowClick: h, renderRowLink: g, rowClassName: _, getRowId: v, selectable: y = !1, onSelectionChange: b, onColumnResize: x, fullHeight: S = !1, className: C, ref: w }) {
+	let [T, E] = e.useState(s ?? null), [D, O] = e.useState(""), [k, A] = e.useState({}), [j, M] = e.useState(1), [N, P] = e.useState(/* @__PURE__ */ new Set()), F = e.useMemo(() => t.filter((e) => !e.hidden), [t]), I = e.useRef(null), ee = e.useCallback((e) => {
+		I.current = e, typeof w == "function" ? w(e) : w && typeof w == "object" && (w.current = e);
+	}, [w]), { hiddenColumnIds: te } = qx({
+		columns: F,
+		containerRef: I,
+		hasSelectionColumn: y
+	}), ne = e.useMemo(() => te.size === 0 ? F : F.filter((e) => !te.has(e.id)), [F, te]), re = e.useRef(null), L = ne.some((e) => e.resizable), { columnWidths: R, resizingColumnId: ie, startResize: ae } = Ux({
+		columns: ne,
 		hasSelectionColumn: y,
 		onColumnResize: x,
-		tableRef: F
-	}), re = e.useRef(o);
+		tableRef: re
+	}), z = e.useRef(o);
 	e.useLayoutEffect(() => {
-		re.current = o;
+		z.current = o;
 	});
-	let L = e.useRef(!1);
+	let oe = e.useRef(!1);
 	e.useEffect(() => {
-		if (!L.current) {
-			L.current = !0;
+		if (!oe.current) {
+			oe.current = !0;
 			return;
 		}
-		re.current?.({
-			sort: w,
-			globalFilter: E,
-			columnFilters: O,
-			page: A,
+		z.current?.({
+			sort: T,
+			globalFilter: D,
+			columnFilters: k,
+			page: j,
 			pageSize: p
 		});
 	}, [
-		w,
-		E,
-		O,
-		A,
+		T,
+		D,
+		k,
+		j,
 		p
 	]);
-	let R = e.useCallback((e) => {
-		T((t) => !t || t.id !== e ? {
+	let B = e.useCallback((e) => {
+		E((t) => !t || t.id !== e ? {
 			id: e,
 			desc: !1
 		} : {
 			id: e,
 			desc: !t.desc
-		}), j(1);
-	}, []), ie = e.useCallback((e) => {
-		D(e), j(1);
-	}, []), ae = e.useCallback((e, t) => {
-		k((n) => ({
+		}), M(1);
+	}, []), se = e.useCallback((e) => {
+		O(e), M(1);
+	}, []), ce = e.useCallback((e, t) => {
+		A((n) => ({
 			...n,
 			[e]: t
-		})), j(1);
-	}, []), z = e.useCallback((e) => {
-		k((t) => {
+		})), M(1);
+	}, []), le = e.useCallback((e) => {
+		A((t) => {
 			let n = { ...t };
 			return delete n[e], n;
-		}), j(1);
-	}, []), oe = e.useCallback((e, t) => {
-		k((n) => {
+		}), M(1);
+	}, []), ue = e.useCallback((e, t) => {
+		A((n) => {
 			let r = Array.isArray(n[e]) ? n[e] : [], i = r.includes(t) ? r.filter((e) => e !== t) : [...r, t];
 			if (i.length === 0) {
 				let { [e]: t, ...r } = n;
@@ -10803,11 +10862,11 @@ function Jx({ columns: t, data: n, children: r, loading: i, totalRows: a, onStat
 				...n,
 				[e]: i
 			};
-		}), j(1);
-	}, []), B = e.useMemo(() => {
+		}), M(1);
+	}, []), de = e.useMemo(() => {
 		let e = [...n];
-		if (!f && E) {
-			let n = E.toLowerCase();
+		if (!f && D) {
+			let n = D.toLowerCase();
 			e = e.filter((e) => t.some((t) => {
 				if (!t.accessorKey) return !1;
 				let r = e[t.accessorKey];
@@ -10815,7 +10874,7 @@ function Jx({ columns: t, data: n, children: r, loading: i, totalRows: a, onStat
 			}));
 		}
 		if (!f) {
-			let n = Object.entries(O);
+			let n = Object.entries(k);
 			for (let [r, i] of n) {
 				let n = t.find((e) => e.id === r);
 				n && (e = e.filter((e) => {
@@ -10826,137 +10885,138 @@ function Jx({ columns: t, data: n, children: r, loading: i, totalRows: a, onStat
 				}));
 			}
 		}
-		if (!c && w) {
-			let n = t.find((e) => e.id === w.id);
+		if (!c && T) {
+			let n = t.find((e) => e.id === T.id);
 			n && e.sort((e, t) => {
 				let r;
-				return r = n.sortFn ? n.sortFn(e, t) : n.accessorKey ? String(e[n.accessorKey] ?? "").localeCompare(String(t[n.accessorKey] ?? "")) : 0, w.desc ? -r : r;
+				return r = n.sortFn ? n.sortFn(e, t) : n.accessorKey ? String(e[n.accessorKey] ?? "").localeCompare(String(t[n.accessorKey] ?? "")) : 0, T.desc ? -r : r;
 			});
 		}
 		return e;
 	}, [
 		n,
 		t,
-		w,
-		E,
-		O,
+		T,
+		D,
+		k,
 		c,
 		f
-	]), se = m ? a ?? n.length : B.length, ce = p > 0 ? Math.max(1, Math.ceil(se / p)) : 1, le = e.useMemo(() => {
-		if (p <= 0 || m) return B;
-		let e = (A - 1) * p;
-		return B.slice(e, e + p);
+	]), fe = m ? a ?? n.length : de.length, pe = p > 0 ? Math.max(1, Math.ceil(fe / p)) : 1, me = e.useMemo(() => {
+		if (p <= 0 || m) return de;
+		let e = (j - 1) * p;
+		return de.slice(e, e + p);
 	}, [
-		B,
-		A,
+		de,
+		j,
 		p,
 		m
-	]), ue = e.useCallback((e) => {
-		j(e);
-	}, []), de = e.useCallback((e) => v ? v(e) : String(e.id ?? ""), [v]), fe = e.useCallback((e) => {
-		let t = de(e);
-		N((e) => {
+	]), he = e.useCallback((e) => {
+		M(e);
+	}, []), V = e.useCallback((e) => v ? v(e) : String(e.id ?? ""), [v]), ge = e.useCallback((e) => {
+		let t = V(e);
+		P((e) => {
 			let r = new Set(e);
 			r.has(t) ? r.delete(t) : r.add(t);
-			let i = n.filter((e) => r.has(de(e)));
+			let i = n.filter((e) => r.has(V(e)));
 			return b?.(i), r;
 		});
 	}, [
 		n,
-		de,
+		V,
 		b
-	]), pe = e.useCallback(() => {
-		N((e) => {
-			if (e.size === le.length) return b?.([]), /* @__PURE__ */ new Set();
-			let t = new Set(le.map((e) => de(e)));
-			return b?.(le), t;
+	]), _e = e.useCallback(() => {
+		P((e) => {
+			if (e.size === me.length) return b?.([]), /* @__PURE__ */ new Set();
+			let t = new Set(me.map((e) => V(e)));
+			return b?.(me), t;
 		});
 	}, [
-		le,
-		de,
+		me,
+		V,
 		b
-	]), me = e.useCallback((e) => M.has(de(e)), [M, de]), he = null, V = null;
+	]), ve = e.useCallback((e) => N.has(V(e)), [N, V]), ye = null, be = null;
 	e.Children.forEach(r, (t) => {
-		e.isValidElement(t) && (t.type?.displayName === "DataTableToolbar" ? he = t : t.type?.displayName === "DataTableEmpty" && (V = t));
+		e.isValidElement(t) && (t.type?.displayName === "DataTableToolbar" ? ye = t : t.type?.displayName === "DataTableEmpty" && (be = t));
 	});
-	let ge = (e) => !w || w.id !== e ? "↕" : w.desc ? "↓" : "↑", _e = le.length === 0 && !i;
+	let xe = (e) => !T || T.id !== e ? "↕" : T.desc ? "↓" : "↑", Se = me.length === 0 && !i;
 	return /* @__PURE__ */ u("div", {
-		ref: C,
-		className: W("space-y-4", S),
+		ref: ee,
+		className: W(S ? "flex h-full min-h-0 flex-col gap-4" : "space-y-4", C),
 		children: [
-			(d || he) && /* @__PURE__ */ u("div", {
-				className: "flex items-center gap-4",
+			(d || ye) && /* @__PURE__ */ u("div", {
+				className: "flex shrink-0 items-center gap-4",
 				children: [d && /* @__PURE__ */ l(Zt, {
 					placeholder: "Search...",
-					value: E,
-					onChange: (e) => ie(e.target.value),
+					value: D,
+					onChange: (e) => se(e.target.value),
 					className: "max-w-sm"
 				}), /* @__PURE__ */ l("div", {
 					className: "ml-auto flex items-center gap-2",
-					children: he
+					children: ye
 				})]
 			}),
 			/* @__PURE__ */ u(Ay, {
-				tableLayout: I ? "fixed" : void 0,
-				ref: F,
+				tableLayout: L ? "fixed" : void 0,
+				ref: re,
+				containerClassName: S ? "flex-1 min-h-0 [&_thead]:sticky [&_thead]:top-0 [&_thead]:z-10 [&_thead_th]:bg-bg-card" : void 0,
 				children: [
-					I && /* @__PURE__ */ u("colgroup", { children: [y && /* @__PURE__ */ l("col", { style: { width: 40 } }), P.map((e) => {
-						let t = ee.get(e.id);
+					L && /* @__PURE__ */ u("colgroup", { children: [y && /* @__PURE__ */ l("col", { style: { width: 40 } }), ne.map((e) => {
+						let t = R.get(e.id);
 						return /* @__PURE__ */ l("col", { style: t == null ? void 0 : { width: t } }, e.id);
 					})] }),
 					/* @__PURE__ */ l(jy, { children: /* @__PURE__ */ u(Py, { children: [y && /* @__PURE__ */ l(Fy, {
 						className: "w-10",
 						children: /* @__PURE__ */ l(Op, {
-							checked: le.length > 0 && M.size === le.length,
-							onCheckedChange: pe,
+							checked: me.length > 0 && N.size === me.length,
+							onCheckedChange: _e,
 							"aria-label": "Select all"
 						})
-					}), P.map((e) => /* @__PURE__ */ u(Fy, {
-						className: W(e.sortable && "cursor-pointer select-none", I && "relative", e.className),
-						style: !I && e.width ? { width: e.width } : void 0,
-						onClick: e.sortable ? () => R(e.id) : void 0,
+					}), ne.map((e) => /* @__PURE__ */ u(Fy, {
+						className: W(e.sortable && "cursor-pointer select-none", L && "relative", e.className),
+						style: !L && e.width ? { width: e.width } : void 0,
+						onClick: e.sortable ? () => B(e.id) : void 0,
 						children: [/* @__PURE__ */ u("span", {
 							className: "inline-flex items-center",
 							children: [
-								typeof e.header == "function" ? e.header(w?.id === e.id ? w : null) : /* @__PURE__ */ l("span", { children: e.header }),
+								typeof e.header == "function" ? e.header(T?.id === e.id ? T : null) : /* @__PURE__ */ l("span", { children: e.header }),
 								e.sortable && typeof e.header != "function" && /* @__PURE__ */ l("span", {
 									"aria-hidden": !0,
 									className: "ml-1",
-									children: ge(e.id)
+									children: xe(e.id)
 								}),
-								e.filterable && /* @__PURE__ */ l(Gx, {
+								e.filterable && /* @__PURE__ */ l(Xx, {
 									column: e,
 									data: n,
-									value: O[e.id],
-									onChange: ae,
-									onClear: z,
-									onToggle: oe
+									value: k[e.id],
+									onChange: ce,
+									onClear: le,
+									onToggle: ue
 								})
 							]
 						}), e.resizable && /* @__PURE__ */ l("div", {
 							role: "separator",
 							"aria-orientation": "vertical",
 							onMouseDown: (t) => {
-								t.preventDefault(), t.stopPropagation(), ne(e.id, t);
+								t.preventDefault(), t.stopPropagation(), ae(e.id, t);
 							},
-							className: W("absolute top-0 -right-px z-10 h-full w-2 cursor-col-resize", "after:absolute after:inset-y-0 after:left-1/2 after:-translate-x-1/2 after:w-0.5", te === e.id ? "after:bg-accent" : "after:bg-transparent hover:after:bg-accent/20", "after:transition-colors")
+							className: W("absolute top-0 -right-px z-10 h-full w-2 cursor-col-resize", "after:absolute after:inset-y-0 after:left-1/2 after:-translate-x-1/2 after:w-0.5", ie === e.id ? "after:bg-accent" : "after:bg-transparent hover:after:bg-accent/20", "after:transition-colors")
 						})]
 					}, e.id))] }) }),
-					/* @__PURE__ */ l(My, { children: _e ? /* @__PURE__ */ l(Py, { children: /* @__PURE__ */ l(Iy, {
-						colSpan: P.length + +!!y,
+					/* @__PURE__ */ l(My, { children: Se ? /* @__PURE__ */ l(Py, { children: /* @__PURE__ */ l(Iy, {
+						colSpan: ne.length + +!!y,
 						className: "h-24",
-						children: V ?? /* @__PURE__ */ l(Ax, { title: "No results" })
-					}) }) : le.map((e, t) => {
-						let n = m ? t : (A - 1) * p + t, r = g?.(e), i = y && /* @__PURE__ */ l(Iy, {
+						children: be ?? /* @__PURE__ */ l(Ax, { title: "No results" })
+					}) }) : me.map((e, t) => {
+						let n = m ? t : (j - 1) * p + t, r = g?.(e), i = y && /* @__PURE__ */ l(Iy, {
 							className: "w-10",
 							onClick: (e) => e.stopPropagation(),
 							children: /* @__PURE__ */ l(Op, {
-								checked: me(e),
-								onCheckedChange: () => fe(e),
+								checked: ve(e),
+								onCheckedChange: () => ge(e),
 								"aria-label": "Select row"
 							})
-						}), a = P.map((t) => /* @__PURE__ */ l(Iy, {
-							className: W(t.className, I && "overflow-hidden text-ellipsis"),
+						}), a = ne.map((t) => /* @__PURE__ */ l(Iy, {
+							className: W(t.className, L && "overflow-hidden text-ellipsis"),
 							children: r ? /* @__PURE__ */ l("a", {
 								href: r.href,
 								className: "contents",
@@ -10966,25 +11026,28 @@ function Jx({ columns: t, data: n, children: r, loading: i, totalRows: a, onStat
 						return /* @__PURE__ */ u(Py, {
 							className: W((h || r) && "cursor-pointer", _?.(e, n)),
 							onClick: h ? () => h(e, n) : void 0,
-							"data-state": me(e) ? "selected" : void 0,
+							"data-state": ve(e) ? "selected" : void 0,
 							children: [i, a]
 						}, v ? v(e) : t);
 					}) })
 				]
 			}),
-			p > 0 && ce > 1 && /* @__PURE__ */ l(jx, {
-				page: A,
-				pageSize: p,
-				totalItems: se,
-				totalPages: ce,
-				onPageChange: ue
+			p > 0 && pe > 1 && /* @__PURE__ */ l("div", {
+				className: S ? "shrink-0" : void 0,
+				children: /* @__PURE__ */ l(jx, {
+					page: j,
+					pageSize: p,
+					totalItems: fe,
+					totalPages: pe,
+					onPageChange: he
+				})
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/Timeline.tsx
-function Yx({ className: e, children: t, ref: n, ...r }) {
+function eS({ className: e, children: t, ref: n, ...r }) {
 	return /* @__PURE__ */ l("div", {
 		ref: n,
 		className: W("relative space-y-0", e),
@@ -10992,20 +11055,20 @@ function Yx({ className: e, children: t, ref: n, ...r }) {
 		children: t
 	});
 }
-var Xx = e.createContext({
+var tS = e.createContext({
 	expanded: !1,
 	setExpanded: () => {},
 	expandable: !1
-}), Zx = {
+}), nS = {
 	default: "border-border bg-bg-elevated",
 	success: "border-green bg-green text-white",
 	danger: "border-red bg-red text-white",
 	warning: "border-orange bg-orange text-white",
 	info: "border-accent bg-accent text-white"
 };
-function Qx({ className: t, children: n, icon: r, variant: i = "default", timestamp: a, expandable: o = !1, defaultExpanded: s = !1, ref: c, ...d }) {
+function rS({ className: t, children: n, icon: r, variant: i = "default", timestamp: a, expandable: o = !1, defaultExpanded: s = !1, ref: c, ...d }) {
 	let [f, p] = e.useState(s);
-	return /* @__PURE__ */ l(Xx.Provider, {
+	return /* @__PURE__ */ l(tS.Provider, {
 		value: {
 			expanded: f,
 			setExpanded: p,
@@ -11019,7 +11082,7 @@ function Qx({ className: t, children: n, icon: r, variant: i = "default", timest
 				/* @__PURE__ */ l("div", { className: "absolute left-[0.6875rem] top-6 bottom-0 w-px bg-border last-of-type:hidden" }),
 				/* @__PURE__ */ l("div", {
 					"data-timeline-marker": "",
-					className: W("relative z-10 flex h-6 w-6 shrink-0 items-center justify-center rounded-full border-2", Zx[i]),
+					className: W("relative z-10 flex h-6 w-6 shrink-0 items-center justify-center rounded-full border-2", nS[i]),
 					children: r && /* @__PURE__ */ l("span", {
 						className: "h-3.5 w-3.5 [&>svg]:h-3.5 [&>svg]:w-3.5",
 						children: r
@@ -11036,8 +11099,8 @@ function Qx({ className: t, children: n, icon: r, variant: i = "default", timest
 		})
 	});
 }
-function $x({ className: t, title: n, description: r, detail: i, actions: a, onClick: o, renderLink: s, ref: d, ...f }) {
-	let { expanded: p, setExpanded: m, expandable: h } = e.useContext(Xx), g = /* @__PURE__ */ l("span", {
+function iS({ className: t, title: n, description: r, detail: i, actions: a, onClick: o, renderLink: s, ref: d, ...f }) {
+	let { expanded: p, setExpanded: m, expandable: h } = e.useContext(tS), g = /* @__PURE__ */ l("span", {
 		className: W("text-sm font-medium text-text-primary", o && "cursor-pointer hover:underline"),
 		onClick: o,
 		children: n
@@ -11070,7 +11133,7 @@ function $x({ className: t, title: n, description: r, detail: i, actions: a, onC
 		})] })]
 	});
 }
-function eS({ className: e, filters: t, value: n, onChange: r, ref: i, ...a }) {
+function aS({ className: e, filters: t, value: n, onChange: r, ref: i, ...a }) {
 	let o = (e) => {
 		n.includes(e) ? r(n.filter((t) => t !== e)) : r([...n, e]);
 	};
@@ -11087,4 +11150,4 @@ function eS({ className: e, filters: t, value: n, onChange: r, ref: i, ...a }) {
 	});
 }
 //#endregion
-export { Vr as Accordion, Wr as AccordionContent, Hr as AccordionItem, Ur as AccordionTrigger, cn as Alert, un as AlertDescription, Ps as AlertDialog, Us as AlertDialogAction, Ws as AlertDialogCancel, Rs as AlertDialogContent, Hs as AlertDialogDescription, Bs as AlertDialogFooter, zs as AlertDialogHeader, Ls as AlertDialogOverlay, Is as AlertDialogPortal, Vs as AlertDialogTitle, Fs as AlertDialogTrigger, ln as AlertTitle, rx as AnimatedCounter, Ix as AppShell, Bx as AppShellFooter, zx as AppShellMain, Rx as AppShellNav, Lx as AppShellSidebar, on as Badge, yx as Breadcrumb, Wt as Button, Gt as Card, Yt as CardContent, Jt as CardDescription, Xt as CardFooter, Kt as CardHeader, qt as CardTitle, Op as Checkbox, Hb as CodeBlock, Zb as Combobox, ex as ComboboxContent, nx as ComboboxEmpty, $b as ComboboxInput, tx as ComboboxItem, Qb as ComboboxTrigger, Jx as DataTable, qx as DataTableEmpty, Kx as DataTableToolbar, Ho as Dialog, Wo as DialogClose, qo as DialogContent, Zo as DialogDescription, Yo as DialogFooter, Jo as DialogHeader, Ko as DialogOverlay, Go as DialogPortal, Xo as DialogTitle, Uo as DialogTrigger, Jv as DropdownMenu, iy as DropdownMenuCheckboxItem, Qv as DropdownMenuContent, Xv as DropdownMenuGroup, $v as DropdownMenuItem, ey as DropdownMenuLabel, ry as DropdownMenuRadioGroup, ay as DropdownMenuRadioItem, ty as DropdownMenuSeparator, Zv as DropdownMenuSub, oy as DropdownMenuSubContent, ny as DropdownMenuSubTrigger, Yv as DropdownMenuTrigger, Ax as EmptyState, Zt as Input, rn as Label, mx as MetaHead, dx as Nav, kx as PageHeader, jx as Pagination, og as Popover, cg as PopoverContent, sg as PopoverTrigger, Oy as Progress, nm as RadioGroup, rm as RadioGroupItem, ip as Select, cp as SelectContent, ap as SelectGroup, up as SelectItem, lp as SelectLabel, dp as SelectSeparator, sp as SelectTrigger, op as SelectValue, vn as Separator, Cm as Sheet, Tm as SheetClose, km as SheetContent, Nm as SheetDescription, jm as SheetFooter, Am as SheetHeader, Dm as SheetOverlay, Em as SheetPortal, Mm as SheetTitle, wm as SheetTrigger, Cx as Sidebar, Tx as SidebarContent, Ex as SidebarFooter, Dx as SidebarGroup, wx as SidebarHeader, Ox as SidebarItem, ky as Skeleton, Nx as StatCard, gx as StructuredData, _m as Switch, Ay as Table, My as TableBody, Ly as TableCaption, Iy as TableCell, Ny as TableFooter, Fy as TableHead, jy as TableHeader, Py as TableRow, jc as Tabs, Pc as TabsContent, Mc as TabsList, Nc as TabsTrigger, Qt as Textarea, Tt as ThemeProvider, Yx as Timeline, $x as TimelineContent, eS as TimelineFilter, Qx as TimelineItem, Ib as Toast, Lb as ToastAction, Rb as ToastClose, Bb as ToastDescription, Nb as ToastProvider, zb as ToastTitle, Pb as ToastViewport, Vb as Toaster, Sm as Toggle, xh as Tooltip, Ch as TooltipContent, bh as TooltipProvider, Sh as TooltipTrigger, Kb as Video, sn as alertVariants, an as badgeVariants, Ut as buttonVariants, qb as cloudflareStreamHls, Jb as cloudflareStreamMp4, W as cn, Ze as createOgImageUrl, vt as dismissAll, _t as toast, xm as toggleVariants, Ct as useAlternateLinks, Fx as useAppShell, xt as useCanonical, Xb as useComboboxContext, ot as useMobile, st as useScrollNav, it as useTheme, Et as useThemeContext, yt as useToast };
+export { Vr as Accordion, Wr as AccordionContent, Hr as AccordionItem, Ur as AccordionTrigger, cn as Alert, un as AlertDescription, Ps as AlertDialog, Us as AlertDialogAction, Ws as AlertDialogCancel, Rs as AlertDialogContent, Hs as AlertDialogDescription, Bs as AlertDialogFooter, zs as AlertDialogHeader, Ls as AlertDialogOverlay, Is as AlertDialogPortal, Vs as AlertDialogTitle, Fs as AlertDialogTrigger, ln as AlertTitle, rx as AnimatedCounter, Ix as AppShell, Bx as AppShellFooter, zx as AppShellMain, Rx as AppShellNav, Lx as AppShellSidebar, on as Badge, yx as Breadcrumb, Wt as Button, Gt as Card, Yt as CardContent, Jt as CardDescription, Xt as CardFooter, Kt as CardHeader, qt as CardTitle, Op as Checkbox, Hb as CodeBlock, Zb as Combobox, ex as ComboboxContent, nx as ComboboxEmpty, $b as ComboboxInput, tx as ComboboxItem, Qb as ComboboxTrigger, $x as DataTable, Qx as DataTableEmpty, Zx as DataTableToolbar, Ho as Dialog, Wo as DialogClose, qo as DialogContent, Zo as DialogDescription, Yo as DialogFooter, Jo as DialogHeader, Ko as DialogOverlay, Go as DialogPortal, Xo as DialogTitle, Uo as DialogTrigger, Jv as DropdownMenu, iy as DropdownMenuCheckboxItem, Qv as DropdownMenuContent, Xv as DropdownMenuGroup, $v as DropdownMenuItem, ey as DropdownMenuLabel, ry as DropdownMenuRadioGroup, ay as DropdownMenuRadioItem, ty as DropdownMenuSeparator, Zv as DropdownMenuSub, oy as DropdownMenuSubContent, ny as DropdownMenuSubTrigger, Yv as DropdownMenuTrigger, Ax as EmptyState, Zt as Input, rn as Label, mx as MetaHead, dx as Nav, kx as PageHeader, jx as Pagination, og as Popover, cg as PopoverContent, sg as PopoverTrigger, Oy as Progress, nm as RadioGroup, rm as RadioGroupItem, ip as Select, cp as SelectContent, ap as SelectGroup, up as SelectItem, lp as SelectLabel, dp as SelectSeparator, sp as SelectTrigger, op as SelectValue, vn as Separator, Cm as Sheet, Tm as SheetClose, km as SheetContent, Nm as SheetDescription, jm as SheetFooter, Am as SheetHeader, Dm as SheetOverlay, Em as SheetPortal, Mm as SheetTitle, wm as SheetTrigger, Cx as Sidebar, Tx as SidebarContent, Ex as SidebarFooter, Dx as SidebarGroup, wx as SidebarHeader, Ox as SidebarItem, ky as Skeleton, Nx as StatCard, gx as StructuredData, _m as Switch, Ay as Table, My as TableBody, Ly as TableCaption, Iy as TableCell, Ny as TableFooter, Fy as TableHead, jy as TableHeader, Py as TableRow, jc as Tabs, Pc as TabsContent, Mc as TabsList, Nc as TabsTrigger, Qt as Textarea, Tt as ThemeProvider, eS as Timeline, iS as TimelineContent, aS as TimelineFilter, rS as TimelineItem, Ib as Toast, Lb as ToastAction, Rb as ToastClose, Bb as ToastDescription, Nb as ToastProvider, zb as ToastTitle, Pb as ToastViewport, Vb as Toaster, Sm as Toggle, xh as Tooltip, Ch as TooltipContent, bh as TooltipProvider, Sh as TooltipTrigger, Kb as Video, sn as alertVariants, an as badgeVariants, Ut as buttonVariants, qb as cloudflareStreamHls, Jb as cloudflareStreamMp4, W as cn, Ze as createOgImageUrl, vt as dismissAll, _t as toast, xm as toggleVariants, Ct as useAlternateLinks, Fx as useAppShell, xt as useCanonical, Xb as useComboboxContext, ot as useMobile, st as useScrollNav, it as useTheme, Et as useThemeContext, yt as useToast };