@metaphor-cloud/ui 0.16.0 → 0.19.0

package/dist/metaphor-ui.js

@@ -4107,33 +4107,36 @@ For more information, see https://radix-ui.com/primitives/docs/components/${n.do
 function Ko({ className: e, ref: t, ...n }) {
 	return /* @__PURE__ */ l(Lo, {
 		ref: t,
-		className: W("fixed inset-0 z-50 bg-black/60 backdrop-blur-sm", "data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out", e),
+		className: W("fixed inset-0 z-[150] bg-black/60 backdrop-blur-sm", "data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out", e),
 		...n
 	});
 }
 function qo({ className: e, children: t, hideCloseButton: n, ref: r, ...i }) {
-	return /* @__PURE__ */ u(Go, { children: [/* @__PURE__ */ l(Ko, {}), /* @__PURE__ */ u(Ro, {
-		ref: r,
-		className: W("fixed left-1/2 top-1/2 z-50 w-full max-w-lg -translate-x-1/2 -translate-y-1/2", "max-h-[calc(100vh-2rem)] overflow-y-auto overscroll-contain", "rounded-lg border border-border bg-bg-elevated p-6 shadow-xl", "data-[state=open]:animate-fade-up", "duration-200", e),
-		...i,
-		children: [t, !n && /* @__PURE__ */ l(Vo, {
-			"aria-label": "Close",
-			className: "absolute right-4 top-4 rounded-sm text-text-tertiary opacity-70 hover:opacity-100 transition-opacity focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-bg-elevated",
-			children: /* @__PURE__ */ u("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				width: "16",
-				height: "16",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				"aria-hidden": "true",
-				children: [/* @__PURE__ */ l("path", { d: "M18 6 6 18" }), /* @__PURE__ */ l("path", { d: "m6 6 12 12" })]
-			})
-		})]
-	})] });
+	return /* @__PURE__ */ l(Go, { children: /* @__PURE__ */ l(Lo, {
+		className: W("fixed inset-0 z-[150] flex items-center justify-center p-4", "bg-black/60 backdrop-blur-sm", "data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out"),
+		children: /* @__PURE__ */ u(Ro, {
+			ref: r,
+			className: W("relative w-full max-w-lg", "max-h-[calc(100vh-2rem)] overflow-y-auto overscroll-contain", "rounded-lg border border-border bg-bg-elevated p-6 shadow-xl", "data-[state=open]:animate-fade-up", "duration-200", e),
+			...i,
+			children: [t, !n && /* @__PURE__ */ l(Vo, {
+				"aria-label": "Close",
+				className: "absolute right-4 top-4 rounded-sm text-text-tertiary opacity-70 hover:opacity-100 transition-opacity focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-bg-elevated",
+				children: /* @__PURE__ */ u("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					width: "16",
+					height: "16",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					"aria-hidden": "true",
+					children: [/* @__PURE__ */ l("path", { d: "M18 6 6 18" }), /* @__PURE__ */ l("path", { d: "m6 6 12 12" })]
+				})
+			})]
+		})
+	}) });
 }
 var Jo = ({ className: e, ...t }) => /* @__PURE__ */ l("div", {
 	className: W("flex flex-col gap-1.5 text-center sm:text-left", e),
@@ -9435,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" }
 });
@@ -10635,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",
@@ -10657,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;
@@ -10686,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",
@@ -10723,39 +10779,45 @@ 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({
+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,
+		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,
 		hasSelectionColumn: y,
 		onColumnResize: x,
-		tableRef: F
-	}), re = e.useRef(o);
+		tableRef: ne
+	}), ae = e.useRef(o);
 	e.useLayoutEffect(() => {
-		re.current = o;
+		ae.current = o;
 	});
-	let L = e.useRef(!1);
+	let z = e.useRef(!1);
 	e.useEffect(() => {
-		if (!L.current) {
-			L.current = !0;
+		if (!z.current) {
+			z.current = !0;
 			return;
 		}
-		re.current?.({
+		ae.current?.({
 			sort: w,
 			globalFilter: E,
 			columnFilters: O,
@@ -10769,7 +10831,7 @@ function Jx({ columns: t, data: n, children: r, loading: i, totalRows: a, onStat
 		A,
 		p
 	]);
-	let R = e.useCallback((e) => {
+	let oe = e.useCallback((e) => {
 		T((t) => !t || t.id !== e ? {
 			id: e,
 			desc: !1
@@ -10777,19 +10839,19 @@ function Jx({ columns: t, data: n, children: r, loading: i, totalRows: a, onStat
 			id: e,
 			desc: !t.desc
 		}), j(1);
-	}, []), ie = e.useCallback((e) => {
+	}, []), B = e.useCallback((e) => {
 		D(e), j(1);
-	}, []), ae = e.useCallback((e, t) => {
+	}, []), se = e.useCallback((e, t) => {
 		k((n) => ({
 			...n,
 			[e]: t
 		})), j(1);
-	}, []), z = e.useCallback((e) => {
+	}, []), ce = e.useCallback((e) => {
 		k((t) => {
 			let n = { ...t };
 			return delete n[e], n;
 		}), j(1);
-	}, []), oe = e.useCallback((e, t) => {
+	}, []), le = e.useCallback((e, t) => {
 		k((n) => {
 			let r = Array.isArray(n[e]) ? n[e] : [], i = r.includes(t) ? r.filter((e) => e !== t) : [...r, t];
 			if (i.length === 0) {
@@ -10801,7 +10863,7 @@ function Jx({ columns: t, data: n, children: r, loading: i, totalRows: a, onStat
 				[e]: i
 			};
 		}), j(1);
-	}, []), B = e.useMemo(() => {
+	}, []), ue = e.useMemo(() => {
 		let e = [...n];
 		if (!f && E) {
 			let n = E.toLowerCase();
@@ -10839,79 +10901,79 @@ function Jx({ columns: t, data: n, children: r, loading: i, totalRows: a, onStat
 		O,
 		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;
+	]), 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 B.slice(e, e + p);
+		return ue.slice(e, e + p);
 	}, [
-		B,
+		ue,
 		A,
 		p,
 		m
-	]), ue = e.useCallback((e) => {
+	]), me = e.useCallback((e) => {
 		j(e);
-	}, []), de = e.useCallback((e) => v ? v(e) : String(e.id ?? ""), [v]), fe = e.useCallback((e) => {
-		let t = de(e);
+	}, []), he = e.useCallback((e) => v ? v(e) : String(e.id ?? ""), [v]), V = e.useCallback((e) => {
+		let t = he(e);
 		N((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(he(e)));
 			return b?.(i), r;
 		});
 	}, [
 		n,
-		de,
+		he,
 		b
-	]), pe = e.useCallback(() => {
+	]), ge = 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;
+			if (e.size === pe.length) return b?.([]), /* @__PURE__ */ new Set();
+			let t = new Set(pe.map((e) => he(e)));
+			return b?.(pe), t;
 		});
 	}, [
-		le,
-		de,
+		pe,
+		he,
 		b
-	]), me = e.useCallback((e) => M.has(de(e)), [M, de]), he = null, V = null;
+	]), _e = e.useCallback((e) => M.has(he(e)), [M, he]), ve = null, ye = 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" ? ve = t : t.type?.displayName === "DataTableEmpty" && (ye = t));
 	});
-	let ge = (e) => !w || w.id !== e ? "↕" : w.desc ? "↓" : "↑", _e = le.length === 0 && !i;
+	let be = (e) => !w || w.id !== e ? "↕" : w.desc ? "↓" : "↑", xe = pe.length === 0 && !i;
 	return /* @__PURE__ */ u("div", {
-		ref: C,
+		ref: I,
 		className: W("space-y-4", S),
 		children: [
-			(d || he) && /* @__PURE__ */ u("div", {
+			(d || ve) && /* @__PURE__ */ u("div", {
 				className: "flex items-center gap-4",
 				children: [d && /* @__PURE__ */ l(Zt, {
 					placeholder: "Search...",
 					value: E,
-					onChange: (e) => ie(e.target.value),
+					onChange: (e) => B(e.target.value),
 					className: "max-w-sm"
 				}), /* @__PURE__ */ l("div", {
 					className: "ml-auto flex items-center gap-2",
-					children: he
+					children: ve
 				})]
 			}),
 			/* @__PURE__ */ u(Ay, {
-				tableLayout: I ? "fixed" : void 0,
-				ref: F,
+				tableLayout: re ? "fixed" : void 0,
+				ref: ne,
 				children: [
-					I && /* @__PURE__ */ u("colgroup", { children: [y && /* @__PURE__ */ l("col", { style: { width: 40 } }), P.map((e) => {
-						let t = ee.get(e.id);
+					re && /* @__PURE__ */ u("colgroup", { children: [y && /* @__PURE__ */ l("col", { style: { width: 40 } }), te.map((e) => {
+						let t = L.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: pe.length > 0 && M.size === pe.length,
+							onCheckedChange: ge,
 							"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,
+					}), 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,
 						children: [/* @__PURE__ */ u("span", {
 							className: "inline-flex items-center",
 							children: [
@@ -10919,41 +10981,41 @@ function Jx({ columns: t, data: n, children: r, loading: i, totalRows: a, onStat
 								e.sortable && typeof e.header != "function" && /* @__PURE__ */ l("span", {
 									"aria-hidden": !0,
 									className: "ml-1",
-									children: ge(e.id)
+									children: be(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
+									onChange: se,
+									onClear: ce,
+									onToggle: le
 								})
 							]
 						}), e.resizable && /* @__PURE__ */ l("div", {
 							role: "separator",
 							"aria-orientation": "vertical",
 							onMouseDown: (t) => {
-								t.preventDefault(), t.stopPropagation(), ne(e.id, t);
+								t.preventDefault(), t.stopPropagation(), ie(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", R === 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: xe ? /* @__PURE__ */ l(Py, { children: /* @__PURE__ */ l(Iy, {
+						colSpan: te.length + +!!y,
 						className: "h-24",
-						children: V ?? /* @__PURE__ */ l(Ax, { title: "No results" })
-					}) }) : le.map((e, t) => {
+						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, {
 							className: "w-10",
 							onClick: (e) => e.stopPropagation(),
 							children: /* @__PURE__ */ l(Op, {
-								checked: me(e),
-								onCheckedChange: () => fe(e),
+								checked: _e(e),
+								onCheckedChange: () => V(e),
 								"aria-label": "Select row"
 							})
-						}), a = P.map((t) => /* @__PURE__ */ l(Iy, {
-							className: W(t.className, I && "overflow-hidden text-ellipsis"),
+						}), a = te.map((t) => /* @__PURE__ */ l(Iy, {
+							className: W(t.className, re && "overflow-hidden text-ellipsis"),
 							children: r ? /* @__PURE__ */ l("a", {
 								href: r.href,
 								className: "contents",
@@ -10963,25 +11025,25 @@ 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": _e(e) ? "selected" : void 0,
 							children: [i, a]
 						}, v ? v(e) : t);
 					}) })
 				]
 			}),
-			p > 0 && ce > 1 && /* @__PURE__ */ l(jx, {
+			p > 0 && fe > 1 && /* @__PURE__ */ l(jx, {
 				page: A,
 				pageSize: p,
-				totalItems: se,
-				totalPages: ce,
-				onPageChange: ue
+				totalItems: de,
+				totalPages: fe,
+				onPageChange: me
 			})
 		]
 	});
 }
 //#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),
@@ -10989,20 +11051,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,
@@ -11016,7 +11078,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
@@ -11033,8 +11095,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
@@ -11067,7 +11129,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]);
 	};
@@ -11084,4 +11146,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 };