@metaphor-cloud/ui 0.19.0 → 0.21.0

package/dist/metaphor-ui.js

@@ -9002,15 +9002,15 @@ function ky({ className: e, ref: t, ...n }) {
 }
 //#endregion
 //#region src/components/Table.tsx
-function Ay({ className: e, ref: t, tableLayout: n, ...r }) {
-	return /* @__PURE__ */ l("div", {
-		className: "relative w-full overflow-auto",
-		children: /* @__PURE__ */ l("table", {
-			ref: t,
+function Ay({ className: e, containerClassName: t, overlay: n, ref: r, tableLayout: i, ...a }) {
+	return /* @__PURE__ */ u("div", {
+		className: W("relative w-full overflow-auto", t),
+		children: [/* @__PURE__ */ l("table", {
+			ref: r,
 			className: W("w-full caption-bottom text-sm", e),
-			style: n ? { tableLayout: n } : void 0,
-			...r
-		})
+			style: i ? { tableLayout: i } : void 0,
+			...a
+		}), n]
 	});
 }
 function jy({ className: e, ref: t, ...n }) {
@@ -10692,7 +10692,32 @@ function qx({ columns: t, containerRef: n, hasSelectionColumn: r = !1, selection
 var Jx = /* @__PURE__ */ new Set();
 //#endregion
 //#region src/components/DataTable.tsx
-function Yx({ filled: e, className: t }) {
+function Yx({ className: e }) {
+	return /* @__PURE__ */ u("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		width: 20,
+		height: 20,
+		className: W("animate-spin text-accent", e),
+		"aria-hidden": !0,
+		children: [/* @__PURE__ */ l("circle", {
+			cx: "12",
+			cy: "12",
+			r: "9",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "3",
+			strokeOpacity: "0.25"
+		}), /* @__PURE__ */ l("path", {
+			d: "M21 12a9 9 0 0 0-9-9",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "3",
+			strokeLinecap: "round"
+		})]
+	});
+}
+function Xx({ filled: e, className: t }) {
 	return /* @__PURE__ */ l("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 16 16",
@@ -10713,7 +10738,7 @@ function Yx({ filled: e, className: t }) {
 		})
 	});
 }
-function Xx({ column: t, data: n, value: r, onChange: i, onClear: a, onToggle: o }) {
+function Zx({ 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;
@@ -10742,7 +10767,7 @@ function Xx({ 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(Yx, { filled: p })
+				children: /* @__PURE__ */ l(Xx, { filled: p })
 			})
 		}), /* @__PURE__ */ u(cg, {
 			align: "start",
@@ -10779,80 +10804,91 @@ function Xx({ column: t, data: n, value: r, onChange: i, onClear: a, onToggle: o
 		})]
 	});
 }
-function Zx({ children: e, className: t, ...n }) {
+function Qx({ children: e, className: t, ...n }) {
 	return /* @__PURE__ */ l("div", {
 		className: W("flex items-center gap-2", t),
 		...n,
 		children: e
 	});
 }
-Zx.displayName = "DataTableToolbar";
-function Qx({ children: e, className: t, ...n }) {
-	return /* @__PURE__ */ l("div", {
-		className: t,
-		...n,
-		children: e
+Qx.displayName = "DataTableToolbar";
+function $x({ image: e, title: t, description: n, action: r, children: i, className: a, ...o }) {
+	return i ? /* @__PURE__ */ l("div", {
+		className: a,
+		...o,
+		children: i
+	}) : /* @__PURE__ */ l(Ax, {
+		icon: typeof e == "string" ? /* @__PURE__ */ l("img", {
+			src: e,
+			alt: "",
+			className: "h-12 w-12 object-contain"
+		}) : e,
+		title: t ?? "No results",
+		description: n,
+		action: r,
+		className: a,
+		...o
 	});
 }
-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, 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 = e.useCallback((e) => {
-		F.current = e, typeof C == "function" ? C(e) : C && typeof C == "object" && (C.current = e);
-	}, [C]), { hiddenColumnIds: ee } = qx({
-		columns: P,
-		containerRef: F,
+$x.displayName = "DataTableEmpty";
+function eS({ 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
-	}), te = e.useMemo(() => ee.size === 0 ? P : P.filter((e) => !ee.has(e.id)), [P, ee]), ne = e.useRef(null), re = te.some((e) => e.resizable), { columnWidths: L, resizingColumnId: R, startResize: ie } = Ux({
-		columns: te,
+	}), 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: ne
-	}), ae = e.useRef(o);
+		tableRef: re
+	}), z = e.useRef(o);
 	e.useLayoutEffect(() => {
-		ae.current = o;
+		z.current = o;
 	});
-	let z = e.useRef(!1);
+	let oe = e.useRef(!1);
 	e.useEffect(() => {
-		if (!z.current) {
-			z.current = !0;
+		if (!oe.current) {
+			oe.current = !0;
 			return;
 		}
-		ae.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 oe = 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);
-	}, []), B = e.useCallback((e) => {
-		D(e), j(1);
-	}, []), se = 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);
-	}, []), ce = e.useCallback((e) => {
-		k((t) => {
+		})), M(1);
+	}, []), le = e.useCallback((e) => {
+		A((t) => {
 			let n = { ...t };
 			return delete n[e], n;
-		}), j(1);
-	}, []), le = 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;
@@ -10862,11 +10898,11 @@ function $x({ columns: t, data: n, children: r, loading: i, totalRows: a, onStat
 				...n,
 				[e]: i
 			};
-		}), j(1);
-	}, []), ue = 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];
@@ -10874,7 +10910,7 @@ function $x({ 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) => {
@@ -10885,137 +10921,165 @@ function $x({ 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
-	]), de = m ? a ?? n.length : ue.length, fe = p > 0 ? Math.max(1, Math.ceil(de / p)) : 1, pe = e.useMemo(() => {
-		if (p <= 0 || m) return ue;
-		let e = (A - 1) * p;
-		return ue.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);
 	}, [
-		ue,
-		A,
+		de,
+		j,
 		p,
 		m
-	]), me = e.useCallback((e) => {
-		j(e);
-	}, []), he = e.useCallback((e) => v ? v(e) : String(e.id ?? ""), [v]), V = e.useCallback((e) => {
-		let t = he(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(he(e)));
+			let i = n.filter((e) => r.has(V(e)));
 			return b?.(i), r;
 		});
 	}, [
 		n,
-		he,
+		V,
 		b
-	]), ge = e.useCallback(() => {
-		N((e) => {
-			if (e.size === pe.length) return b?.([]), /* @__PURE__ */ new Set();
-			let t = new Set(pe.map((e) => he(e)));
-			return b?.(pe), 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;
 		});
 	}, [
-		pe,
-		he,
+		me,
+		V,
 		b
-	]), _e = e.useCallback((e) => M.has(he(e)), [M, he]), ve = null, ye = 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" ? ve = t : t.type?.displayName === "DataTableEmpty" && (ye = t));
+		e.isValidElement(t) && (t.type?.displayName === "DataTableToolbar" ? ye = t : t.type?.displayName === "DataTableEmpty" && (be = t));
 	});
-	let be = (e) => !w || w.id !== e ? "↕" : w.desc ? "↓" : "↑", xe = pe.length === 0 && !i;
+	let xe = (e) => !T || T.id !== e ? "↕" : T.desc ? "↓" : "↑", Se = me.length === 0 && !i, Ce = me.length === 0 && i, we = me.length > 0 && i;
 	return /* @__PURE__ */ u("div", {
-		ref: I,
-		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 || ve) && /* @__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) => B(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: ve
+					children: ye
 				})]
 			}),
 			/* @__PURE__ */ u(Ay, {
-				tableLayout: re ? "fixed" : void 0,
-				ref: ne,
+				tableLayout: L ? "fixed" : void 0,
+				ref: re,
+				className: S ? "h-full" : void 0,
+				containerClassName: S ? "flex-1 min-h-0 [&_thead]:sticky [&_thead]:top-0 [&_thead]:z-10 [&_thead_th]:bg-bg-card" : void 0,
+				overlay: we ? /* @__PURE__ */ l("div", {
+					className: "pointer-events-none absolute inset-0 z-20 flex items-start justify-center pt-12",
+					role: "status",
+					"aria-live": "polite",
+					"aria-busy": "true",
+					children: /* @__PURE__ */ u("div", {
+						className: "flex items-center gap-2 rounded-md border border-border bg-bg-card/95 px-3 py-2 shadow-md backdrop-blur-sm",
+						children: [/* @__PURE__ */ l(Yx, {}), /* @__PURE__ */ l("span", {
+							className: "text-sm text-text-secondary",
+							children: "Loading..."
+						})]
+					})
+				}) : void 0,
 				children: [
-					re && /* @__PURE__ */ u("colgroup", { children: [y && /* @__PURE__ */ l("col", { style: { width: 40 } }), te.map((e) => {
-						let t = L.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: pe.length > 0 && M.size === pe.length,
-							onCheckedChange: ge,
+							checked: me.length > 0 && N.size === me.length,
+							onCheckedChange: _e,
 							"aria-label": "Select all"
 						})
-					}), te.map((e) => /* @__PURE__ */ u(Fy, {
-						className: W(e.sortable && "cursor-pointer select-none", re && "relative", e.className),
-						style: !re && e.width ? { width: e.width } : void 0,
-						onClick: e.sortable ? () => oe(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: be(e.id)
+									children: xe(e.id)
 								}),
-								e.filterable && /* @__PURE__ */ l(Xx, {
+								e.filterable && /* @__PURE__ */ l(Zx, {
 									column: e,
 									data: n,
-									value: O[e.id],
-									onChange: se,
-									onClear: ce,
-									onToggle: le
+									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(), ie(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", R === 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: xe ? /* @__PURE__ */ l(Py, { children: /* @__PURE__ */ l(Iy, {
-						colSpan: te.length + +!!y,
+					/* @__PURE__ */ l(My, { children: Ce ? /* @__PURE__ */ l(Py, { children: /* @__PURE__ */ l(Iy, {
+						colSpan: ne.length + +!!y,
 						className: "h-24",
-						children: ye ?? /* @__PURE__ */ l(Ax, { title: "No results" })
-					}) }) : pe.map((e, t) => {
-						let n = m ? t : (A - 1) * p + t, r = g?.(e), i = y && /* @__PURE__ */ l(Iy, {
+						role: "status",
+						"aria-live": "polite",
+						"aria-busy": "true",
+						children: /* @__PURE__ */ u("div", {
+							className: "flex items-center justify-center gap-2 text-text-secondary",
+							children: [/* @__PURE__ */ l(Yx, {}), /* @__PURE__ */ l("span", {
+								className: "text-sm",
+								children: "Loading..."
+							})]
+						})
+					}) }) : Se ? /* @__PURE__ */ l(Py, { children: /* @__PURE__ */ l(Iy, {
+						colSpan: ne.length + +!!y,
+						className: "h-24",
+						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: _e(e),
-								onCheckedChange: () => V(e),
+								checked: ve(e),
+								onCheckedChange: () => ge(e),
 								"aria-label": "Select row"
 							})
-						}), a = te.map((t) => /* @__PURE__ */ l(Iy, {
-							className: W(t.className, re && "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",
@@ -11025,25 +11089,28 @@ function $x({ 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": _e(e) ? "selected" : void 0,
+							"data-state": ve(e) ? "selected" : void 0,
 							children: [i, a]
 						}, v ? v(e) : t);
 					}) })
 				]
 			}),
-			p > 0 && fe > 1 && /* @__PURE__ */ l(jx, {
-				page: A,
-				pageSize: p,
-				totalItems: de,
-				totalPages: fe,
-				onPageChange: me
+			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 eS({ className: e, children: t, ref: n, ...r }) {
+function tS({ className: e, children: t, ref: n, ...r }) {
 	return /* @__PURE__ */ l("div", {
 		ref: n,
 		className: W("relative space-y-0", e),
@@ -11051,20 +11118,20 @@ function eS({ className: e, children: t, ref: n, ...r }) {
 		children: t
 	});
 }
-var tS = e.createContext({
+var nS = e.createContext({
 	expanded: !1,
 	setExpanded: () => {},
 	expandable: !1
-}), nS = {
+}), rS = {
 	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 rS({ className: t, children: n, icon: r, variant: i = "default", timestamp: a, expandable: o = !1, defaultExpanded: s = !1, ref: c, ...d }) {
+function iS({ 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(tS.Provider, {
+	return /* @__PURE__ */ l(nS.Provider, {
 		value: {
 			expanded: f,
 			setExpanded: p,
@@ -11078,7 +11145,7 @@ function rS({ 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", nS[i]),
+					className: W("relative z-10 flex h-6 w-6 shrink-0 items-center justify-center rounded-full border-2", rS[i]),
 					children: r && /* @__PURE__ */ l("span", {
 						className: "h-3.5 w-3.5 [&>svg]:h-3.5 [&>svg]:w-3.5",
 						children: r
@@ -11095,8 +11162,8 @@ function rS({ className: t, children: n, icon: r, variant: i = "default", timest
 		})
 	});
 }
-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", {
+function aS({ 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(nS), g = /* @__PURE__ */ l("span", {
 		className: W("text-sm font-medium text-text-primary", o && "cursor-pointer hover:underline"),
 		onClick: o,
 		children: n
@@ -11129,7 +11196,7 @@ function iS({ className: t, title: n, description: r, detail: i, actions: a, onC
 		})] })]
 	});
 }
-function aS({ className: e, filters: t, value: n, onChange: r, ref: i, ...a }) {
+function oS({ 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]);
 	};
@@ -11146,4 +11213,4 @@ function aS({ 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, $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 };
+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, eS as DataTable, $x as DataTableEmpty, Qx 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, tS as Timeline, aS as TimelineContent, oS as TimelineFilter, iS 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 };