@metaphor-cloud/ui 0.14.0 → 0.16.0

package/dist/metaphor-ui.js

@@ -4114,7 +4114,7 @@ function Ko({ className: e, ref: t, ...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", "rounded-lg border border-border bg-bg-elevated p-6 shadow-xl", "data-[state=open]:animate-fade-up", "duration-200", e),
+		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",
@@ -9521,14 +9521,71 @@ function Hb({ className: e, inline: t, children: n, ref: r, ...i }) {
 	});
 }
 //#endregion
-//#region src/components/Combobox.tsx
-var Ub = e.createContext(null);
+//#region src/components/Video.tsx
+var Ub = "https://cdn.jsdelivr.net/npm/hls.js@1.5.20/dist/hls.min.js";
 function Wb() {
-	let t = e.useContext(Ub);
+	return typeof window > "u" ? Promise.reject(/* @__PURE__ */ Error("SSR")) : window.Hls ? Promise.resolve(window.Hls) : (window.__metaphorHlsLoader || (window.__metaphorHlsLoader = new Promise((e, t) => {
+		let n = document.createElement("script");
+		n.src = Ub, n.async = !0, n.crossOrigin = "anonymous", n.onload = () => window.Hls ? e(window.Hls) : t(/* @__PURE__ */ Error("hls.js not on window")), n.onerror = () => t(/* @__PURE__ */ Error("Failed to load hls.js")), document.head.appendChild(n);
+	})), window.__metaphorHlsLoader);
+}
+function Gb(e) {
+	return /\.m3u8(\?|$)/i.test(e);
+}
+function Kb({ src: t, hls: n, autoPlay: r, className: i, ref: a, ...o }) {
+	let s = e.useRef(null);
+	e.useImperativeHandle(a, () => s.current, []);
+	let c = n ?? Gb(t);
+	return e.useEffect(() => {
+		let e = s.current;
+		if (!e) return;
+		let n = !1, i = null, a = () => {
+			if (!r) return;
+			let t = e.play();
+			t && typeof t.catch == "function" && t.catch(() => {});
+		};
+		return !c || e.canPlayType("application/vnd.apple.mpegurl") ? (e.src = t, a(), () => {
+			n = !0;
+		}) : (Wb().then((r) => {
+			if (!(n || !e)) {
+				if (!r.isSupported()) {
+					e.src = t, a();
+					return;
+				}
+				i = new r(), i.loadSource(t), i.attachMedia(e), a();
+			}
+		}).catch(() => {
+			n || !e || (e.src = t, a());
+		}), () => {
+			n = !0, i?.destroy();
+		});
+	}, [
+		t,
+		c,
+		r
+	]), /* @__PURE__ */ l("video", {
+		ref: s,
+		autoPlay: r,
+		className: W("block", i),
+		...o
+	});
+}
+function qb(e, t, n) {
+	let r = `https://${e}.cloudflarestream.com/${t}/manifest/video.m3u8`;
+	return n ? `${r}?clientBandwidthHint=${n}` : r;
+}
+function Jb(e, t) {
+	return `https://${e}.cloudflarestream.com/${t}/downloads/default.mp4`;
+}
+//#endregion
+//#region src/components/Combobox.tsx
+var Yb = e.createContext(null);
+function Xb() {
+	let t = e.useContext(Yb);
 	if (!t) throw Error("Combobox.* must be used within <Combobox>");
 	return t;
 }
-function Gb({ open: t, onOpenChange: n, value: r = "", onValueChange: i, children: a }) {
+function Zb({ open: t, onOpenChange: n, value: r = "", onValueChange: i, children: a }) {
 	let [o, s] = e.useState(!1), [c, u] = e.useState(""), d = t ?? o, f = e.useCallback((e) => {
 		n?.(e), s(e), e || u("");
 	}, [n]), p = e.useCallback((e) => {
@@ -9547,7 +9604,7 @@ function Gb({ open: t, onOpenChange: n, value: r = "", onValueChange: i, childre
 		r,
 		p
 	]);
-	return /* @__PURE__ */ l(Ub.Provider, {
+	return /* @__PURE__ */ l(Yb.Provider, {
 		value: m,
 		children: /* @__PURE__ */ l(ng, {
 			open: d,
@@ -9556,9 +9613,9 @@ function Gb({ open: t, onOpenChange: n, value: r = "", onValueChange: i, childre
 		})
 	});
 }
-var Kb = rg;
-function qb({ className: e, ref: t, ...n }) {
-	let { search: r, setSearch: i, setOpen: a } = Wb();
+var Qb = rg;
+function $b({ className: e, ref: t, ...n }) {
+	let { search: r, setSearch: i, setOpen: a } = Xb();
 	return /* @__PURE__ */ l("input", {
 		ref: t,
 		type: "text",
@@ -9573,7 +9630,7 @@ function qb({ className: e, ref: t, ...n }) {
 		...n
 	});
 }
-function Jb({ className: e, children: t, align: n = "start", sideOffset: r = 4, ref: i, ...a }) {
+function ex({ className: e, children: t, align: n = "start", sideOffset: r = 4, ref: i, ...a }) {
 	return /* @__PURE__ */ l(ig, { children: /* @__PURE__ */ l(ag, {
 		ref: i,
 		align: n,
@@ -9584,8 +9641,8 @@ function Jb({ className: e, children: t, align: n = "start", sideOffset: r = 4,
 		children: t
 	}) });
 }
-function Yb({ className: e, children: t, value: n, ref: r, ...i }) {
-	let { value: a, onValueChange: o } = Wb(), s = a === n;
+function tx({ className: e, children: t, value: n, ref: r, ...i }) {
+	let { value: a, onValueChange: o } = Xb(), s = a === n;
 	return /* @__PURE__ */ u("button", {
 		ref: r,
 		type: "button",
@@ -9612,7 +9669,7 @@ function Yb({ className: e, children: t, value: n, ref: r, ...i }) {
 		}), t]
 	});
 }
-function Xb({ className: e, ref: t, ...n }) {
+function nx({ className: e, ref: t, ...n }) {
 	return /* @__PURE__ */ l("div", {
 		ref: t,
 		className: W("py-6 text-center text-sm text-text-tertiary", e),
@@ -9621,7 +9678,7 @@ function Xb({ className: e, ref: t, ...n }) {
 }
 //#endregion
 //#region src/components/AnimatedCounter.tsx
-function Zb({ value: t, duration: n = 600, formatter: r = (e) => Math.round(e).toLocaleString(), className: i, ref: a, ...o }) {
+function rx({ value: t, duration: n = 600, formatter: r = (e) => Math.round(e).toLocaleString(), className: i, ref: a, ...o }) {
 	let [s, c] = e.useState(t), u = e.useRef(t), d = e.useRef(0);
 	return e.useEffect(() => {
 		let e = u.current, r = t;
@@ -9644,7 +9701,7 @@ function Zb({ value: t, duration: n = 600, formatter: r = (e) => Math.round(e).t
 }
 //#endregion
 //#region src/components/Nav.tsx
-function Qb({ className: e }) {
+function ix({ className: e }) {
 	return /* @__PURE__ */ u("svg", {
 		className: e,
 		xmlns: "http://www.w3.org/2000/svg",
@@ -9659,7 +9716,7 @@ function Qb({ className: e }) {
 		}), /* @__PURE__ */ l("path", { d: "M12 1v2m0 18v2M4.22 4.22l1.42 1.42m12.72 12.72l1.42 1.42M1 12h2m18 0h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" })]
 	});
 }
-function $b({ className: e }) {
+function ax({ className: e }) {
 	return /* @__PURE__ */ l("svg", {
 		className: e,
 		xmlns: "http://www.w3.org/2000/svg",
@@ -9670,7 +9727,7 @@ function $b({ className: e }) {
 		children: /* @__PURE__ */ l("path", { d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z" })
 	});
 }
-function ex({ open: e }) {
+function ox({ open: e }) {
 	return /* @__PURE__ */ l("svg", {
 		width: "10",
 		height: "10",
@@ -9686,7 +9743,7 @@ function ex({ open: e }) {
 		})
 	});
 }
-function tx({ href: e, className: t, onClick: n, children: r, target: i, rel: a }) {
+function sx({ href: e, className: t, onClick: n, children: r, target: i, rel: a }) {
 	return /* @__PURE__ */ l("a", {
 		href: e,
 		className: t,
@@ -9696,7 +9753,7 @@ function tx({ href: e, className: t, onClick: n, children: r, target: i, rel: a
 		children: r
 	});
 }
-function nx({ items: e, open: t, align: n = "left", renderLink: r, onClose: i }) {
+function cx({ items: e, open: t, align: n = "left", renderLink: r, onClose: i }) {
 	return /* @__PURE__ */ l("div", {
 		className: W("absolute top-[calc(100%+12px)] min-w-[260px] w-max bg-[var(--bg-card)] border border-[var(--border)] rounded-[14px] p-2 shadow-[0_8px_32px_rgba(0,0,0,0.2)] z-[120] transition-all duration-200 max-h-[70vh] overflow-y-auto", n === "left" ? "left-0" : "right-0", t ? "opacity-100 visible translate-y-0" : "opacity-0 invisible -translate-y-2"),
 		children: e.map((e, t) => /* @__PURE__ */ u("div", { children: [
@@ -9719,16 +9776,16 @@ function nx({ items: e, open: t, align: n = "left", renderLink: r, onClose: i })
 		] }, t))
 	});
 }
-function rx() {
+function lx() {
 	let { theme: e, resolved: t, cycleTheme: n } = Et(), r = e !== "system", i = t === "light";
 	return /* @__PURE__ */ u("button", {
 		className: W("bg-transparent border border-[var(--border)] rounded-lg p-1.5 cursor-pointer text-[var(--text-secondary)] flex items-center justify-center w-[34px] h-[34px] transition-all duration-200 flex-shrink-0 relative overflow-hidden hover:text-[var(--text-primary)] hover:border-[var(--text-tertiary)]", r && "border-[var(--accent)] shadow-[0_0_10px_var(--accent-glow-strong),0_0_3px_var(--accent-glow)]"),
 		onClick: n,
 		"aria-label": "Toggle theme",
-		children: [/* @__PURE__ */ l(Qb, { className: W("w-[18px] h-[18px] absolute transition-all duration-250", i ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2") }), /* @__PURE__ */ l($b, { className: W("w-[18px] h-[18px] absolute transition-all duration-250", i ? "opacity-0 translate-y-2" : "opacity-100 translate-y-0") })]
+		children: [/* @__PURE__ */ l(ix, { className: W("w-[18px] h-[18px] absolute transition-all duration-250", i ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2") }), /* @__PURE__ */ l(ax, { className: W("w-[18px] h-[18px] absolute transition-all duration-250", i ? "opacity-0 translate-y-2" : "opacity-100 translate-y-0") })]
 	});
 }
-function ix({ open: e, onClick: t }) {
+function ux({ open: e, onClick: t }) {
 	return /* @__PURE__ */ u("button", {
 		className: "hidden max-lg:flex w-[34px] h-[34px] bg-transparent border border-[var(--border)] rounded-lg cursor-pointer relative z-[110] items-center justify-center transition-colors duration-200 hover:border-[var(--text-tertiary)]",
 		onClick: t,
@@ -9740,7 +9797,7 @@ function ix({ open: e, onClick: t }) {
 		]
 	});
 }
-function ax({ logo: e, items: t, actions: n = [], cta: i, renderLink: a = tx, showThemeToggle: d = !0, scrollThreshold: f = 20, skipToContentId: p = "main-content", mobileFooter: m, className: h, variant: g = "floating", logoClassName: _ }) {
+function dx({ logo: e, items: t, actions: n = [], cta: i, renderLink: a = sx, showThemeToggle: d = !0, scrollThreshold: f = 20, skipToContentId: p = "main-content", mobileFooter: m, className: h, variant: g = "floating", logoClassName: _ }) {
 	let v = st(f), y = ot(1024), [b, x] = s(!1), [S, C] = s(null), w = o(/* @__PURE__ */ new Map());
 	r(() => {
 		function e(e) {
@@ -9794,7 +9851,7 @@ function ax({ logo: e, items: t, actions: n = [], cta: i, renderLink: a = tx, sh
 								children: e.light
 							})] })
 						}),
-						/* @__PURE__ */ l(ix, {
+						/* @__PURE__ */ l(ux, {
 							open: b,
 							onClick: () => x(!b)
 						}),
@@ -9812,8 +9869,8 @@ function ax({ logo: e, items: t, actions: n = [], cta: i, renderLink: a = tx, sh
 												e.stopPropagation(), D(t);
 											},
 											"aria-expanded": S === t,
-											children: [e.label, /* @__PURE__ */ l(ex, { open: S === t })]
-										}), /* @__PURE__ */ l(nx, {
+											children: [e.label, /* @__PURE__ */ l(ox, { open: S === t })]
+										}), /* @__PURE__ */ l(cx, {
 											items: e.children,
 											open: S === t,
 											align: "left",
@@ -9839,7 +9896,7 @@ function ax({ logo: e, items: t, actions: n = [], cta: i, renderLink: a = tx, sh
 											"aria-label": e.label,
 											"aria-expanded": S === t,
 											children: [e.icon, e.label]
-										}), /* @__PURE__ */ l(nx, {
+										}), /* @__PURE__ */ l(cx, {
 											items: e.children,
 											open: S === t,
 											align: "right",
@@ -9855,7 +9912,7 @@ function ax({ logo: e, items: t, actions: n = [], cta: i, renderLink: a = tx, sh
 										children: [e.icon, e.label]
 									}) }, t);
 								}),
-								d && /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(rx, {}) }),
+								d && /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(lx, {}) }),
 								i && /* @__PURE__ */ l("li", { children: a({
 									href: i.href,
 									className: "px-5 py-2 rounded-full bg-[var(--accent)] text-white font-semibold text-sm transition-all hover:bg-[var(--accent-light)] hover:shadow-[0_0_20px_var(--accent-glow-strong)]",
@@ -9935,7 +9992,7 @@ function ax({ logo: e, items: t, actions: n = [], cta: i, renderLink: a = tx, sh
 				})] }),
 				/* @__PURE__ */ u("div", {
 					className: "mt-auto pt-6 border-t border-[var(--border-subtle)] flex items-center justify-between",
-					children: [m ?? /* @__PURE__ */ l("span", {}), d && /* @__PURE__ */ l(rx, {})]
+					children: [m ?? /* @__PURE__ */ l("span", {}), d && /* @__PURE__ */ l(lx, {})]
 				})
 			]
 		})
@@ -9943,17 +10000,17 @@ function ax({ logo: e, items: t, actions: n = [], cta: i, renderLink: a = tx, sh
 }
 //#endregion
 //#region src/components/MetaHead.tsx
-var ox = "data-meta-head";
+var fx = "data-meta-head";
 function $(e, t, n) {
-	let r = Object.entries(t).filter(([e]) => e !== "content" && e !== "href").map(([t, n]) => `${e}[${t}="${n}"]`).join(""), i = document.head.querySelector(`${r}[${ox}]`);
-	i ? (t.content !== void 0 && i.setAttribute("content", t.content), t.href !== void 0 && i.setAttribute("href", t.href)) : (i = document.createElement(e), Object.entries(t).forEach(([e, t]) => i.setAttribute(e, t)), i.setAttribute(ox, ""), document.head.appendChild(i)), n.add(i);
+	let r = Object.entries(t).filter(([e]) => e !== "content" && e !== "href").map(([t, n]) => `${e}[${t}="${n}"]`).join(""), i = document.head.querySelector(`${r}[${fx}]`);
+	i ? (t.content !== void 0 && i.setAttribute("content", t.content), t.href !== void 0 && i.setAttribute("href", t.href)) : (i = document.createElement(e), Object.entries(t).forEach(([e, t]) => i.setAttribute(e, t)), i.setAttribute(fx, ""), document.head.appendChild(i)), n.add(i);
 }
-function sx(e) {
-	document.head.querySelectorAll(`[${ox}]`).forEach((t) => {
+function px(e) {
+	document.head.querySelectorAll(`[${fx}]`).forEach((t) => {
 		e.has(t) || t.remove();
 	});
 }
-function cx({ title: e, titleTemplate: t, description: n, url: i, image: a, imageAlt: s, imageWidth: c, imageHeight: l, type: u = "website", siteName: d, locale: f, twitterCard: p = "summary_large_image", twitterSite: m, twitterCreator: h, noindex: g, nofollow: _ }) {
+function mx({ title: e, titleTemplate: t, description: n, url: i, image: a, imageAlt: s, imageWidth: c, imageHeight: l, type: u = "website", siteName: d, locale: f, twitterCard: p = "summary_large_image", twitterSite: m, twitterCreator: h, noindex: g, nofollow: _ }) {
 	let v = o(void 0);
 	return r(() => {
 		let r = /* @__PURE__ */ new Set();
@@ -10023,7 +10080,7 @@ function cx({ title: e, titleTemplate: t, description: n, url: i, image: a, imag
 		return g && o.push("noindex"), _ && o.push("nofollow"), o.length > 0 && $("meta", {
 			name: "robots",
 			content: o.join(", ")
-		}, r), sx(r), () => {
+		}, r), px(r), () => {
 			v.current !== void 0 && (document.title = v.current), r.forEach((e) => e.remove());
 		};
 	}, [
@@ -10047,8 +10104,8 @@ function cx({ title: e, titleTemplate: t, description: n, url: i, image: a, imag
 }
 //#endregion
 //#region src/components/StructuredData.tsx
-var lx = "data-structured-data";
-function ux({ data: e, context: t = "https://schema.org" }) {
+var hx = "data-structured-data";
+function gx({ data: e, context: t = "https://schema.org" }) {
 	let n = o(null);
 	return r(() => {
 		let r = JSON.stringify({
@@ -10058,7 +10115,7 @@ function ux({ data: e, context: t = "https://schema.org" }) {
 		if (n.current) n.current.textContent = r;
 		else {
 			let e = document.createElement("script");
-			e.type = "application/ld+json", e.setAttribute(lx, ""), e.textContent = r, document.head.appendChild(e), n.current = e;
+			e.type = "application/ld+json", e.setAttribute(hx, ""), e.textContent = r, document.head.appendChild(e), n.current = e;
 		}
 		return () => {
 			n.current &&= (n.current.remove(), null);
@@ -10067,7 +10124,7 @@ function ux({ data: e, context: t = "https://schema.org" }) {
 }
 //#endregion
 //#region src/components/Breadcrumb.tsx
-function dx() {
+function _x() {
 	return /* @__PURE__ */ l("svg", {
 		width: "16",
 		height: "16",
@@ -10084,15 +10141,15 @@ function dx() {
 		})
 	});
 }
-function fx({ href: e, className: t, children: n }) {
+function vx({ href: e, className: t, children: n }) {
 	return /* @__PURE__ */ l("a", {
 		href: e,
 		className: t,
 		children: n
 	});
 }
-function px({ items: e, separator: t, renderLink: n = fx, structuredData: r = !0, className: i, ref: a, ...o }) {
-	let s = t ?? /* @__PURE__ */ l(dx, {});
+function yx({ items: e, separator: t, renderLink: n = vx, structuredData: r = !0, className: i, ref: a, ...o }) {
+	let s = t ?? /* @__PURE__ */ l(_x, {});
 	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("nav", {
 		ref: a,
 		"aria-label": "Breadcrumb",
@@ -10120,7 +10177,7 @@ function px({ items: e, separator: t, renderLink: n = fx, structuredData: r = !0
 				}, r);
 			})
 		})
-	}), r && e.length > 0 && /* @__PURE__ */ l(ux, { data: {
+	}), r && e.length > 0 && /* @__PURE__ */ l(gx, { data: {
 		"@type": "BreadcrumbList",
 		itemListElement: e.map((e, t) => ({
 			"@type": "ListItem",
@@ -10132,7 +10189,7 @@ function px({ items: e, separator: t, renderLink: n = fx, structuredData: r = !0
 }
 //#endregion
 //#region src/components/Sidebar.tsx
-function mx({ href: e, className: t, onClick: n, children: r }) {
+function bx({ href: e, className: t, onClick: n, children: r }) {
 	return /* @__PURE__ */ l("a", {
 		href: e,
 		className: t,
@@ -10140,11 +10197,11 @@ function mx({ href: e, className: t, onClick: n, children: r }) {
 		children: r
 	});
 }
-var hx = e.createContext({ renderLink: mx });
-function gx() {
-	return e.useContext(hx);
+var xx = e.createContext({ renderLink: bx });
+function Sx() {
+	return e.useContext(xx);
 }
-function _x({ className: t, children: n, renderLink: r = mx, width: i, resizable: a = !1, minWidth: o = 200, maxWidth: s = 480, onWidthChange: c, style: d, ref: f, ...p }) {
+function Cx({ className: t, children: n, renderLink: r = bx, width: i, resizable: a = !1, minWidth: o = 200, maxWidth: s = 480, onWidthChange: c, style: d, ref: f, ...p }) {
 	let m = e.useRef(null), h = f ?? m, [g, _] = e.useState(null), [v, y] = e.useState(!1);
 	e.useEffect(() => {
 		if (!v) return;
@@ -10167,7 +10224,7 @@ function _x({ className: t, children: n, renderLink: r = mx, width: i, resizable
 		i != null && _(null);
 	}, [i]);
 	let b = g == null ? i ?? "18rem" : `${g}px`;
-	return /* @__PURE__ */ l(hx.Provider, {
+	return /* @__PURE__ */ l(xx.Provider, {
 		value: { renderLink: r },
 		children: /* @__PURE__ */ u("aside", {
 			ref: h,
@@ -10188,28 +10245,28 @@ function _x({ className: t, children: n, renderLink: r = mx, width: i, resizable
 		})
 	});
 }
-function vx({ className: e, ref: t, ...n }) {
+function wx({ className: e, ref: t, ...n }) {
 	return /* @__PURE__ */ l("div", {
 		ref: t,
 		className: W("flex h-16 shrink-0 items-center px-6", e),
 		...n
 	});
 }
-function yx({ className: e, ref: t, ...n }) {
+function Tx({ className: e, ref: t, ...n }) {
 	return /* @__PURE__ */ l("div", {
 		ref: t,
 		className: W("flex flex-1 flex-col gap-y-6 overflow-y-auto px-4", e),
 		...n
 	});
 }
-function bx({ className: e, ref: t, ...n }) {
+function Ex({ className: e, ref: t, ...n }) {
 	return /* @__PURE__ */ l("div", {
 		ref: t,
 		className: W("mt-auto px-4 pb-4", e),
 		...n
 	});
 }
-function xx({ className: e, label: t, children: n, ref: r, ...i }) {
+function Dx({ className: e, label: t, children: n, ref: r, ...i }) {
 	return /* @__PURE__ */ u("div", {
 		ref: r,
 		className: W("space-y-1", e),
@@ -10223,8 +10280,8 @@ function xx({ className: e, label: t, children: n, ref: r, ...i }) {
 		})]
 	});
 }
-function Sx({ className: e, href: t, icon: n, active: r, children: i, ref: a, ...o }) {
-	let { renderLink: s } = gx();
+function Ox({ className: e, href: t, icon: n, active: r, children: i, ref: a, ...o }) {
+	let { renderLink: s } = Sx();
 	return /* @__PURE__ */ l("li", {
 		ref: a,
 		className: e,
@@ -10241,7 +10298,7 @@ function Sx({ className: e, href: t, icon: n, active: r, children: i, ref: a, ..
 }
 //#endregion
 //#region src/components/PageHeader.tsx
-function Cx({ className: e, title: t, description: n, action: r, ref: i, ...a }) {
+function kx({ className: e, title: t, description: n, action: r, ref: i, ...a }) {
 	return /* @__PURE__ */ u("div", {
 		ref: i,
 		className: W("sm:flex sm:items-center sm:justify-between", e),
@@ -10260,7 +10317,7 @@ function Cx({ className: e, title: t, description: n, action: r, ref: i, ...a })
 }
 //#endregion
 //#region src/components/EmptyState.tsx
-function wx({ className: e, icon: t, title: n, description: r, action: i, ref: a, ...o }) {
+function Ax({ className: e, icon: t, title: n, description: r, action: i, ref: a, ...o }) {
 	return /* @__PURE__ */ u("div", {
 		ref: a,
 		className: W("text-center py-12", e),
@@ -10287,7 +10344,7 @@ function wx({ className: e, icon: t, title: n, description: r, action: i, ref: a
 }
 //#endregion
 //#region src/components/Pagination.tsx
-function Tx({ className: e, page: t, pageSize: n, totalItems: r, totalPages: i, onPageChange: a, ref: o, ...s }) {
+function jx({ className: e, page: t, pageSize: n, totalItems: r, totalPages: i, onPageChange: a, ref: o, ...s }) {
 	if (i <= 1) return null;
 	let c = (t - 1) * n + 1, d = Math.min(t * n, r);
 	return /* @__PURE__ */ u("div", {
@@ -10325,7 +10382,7 @@ function Tx({ className: e, page: t, pageSize: n, totalItems: r, totalPages: i,
 }
 //#endregion
 //#region src/components/StatCard.tsx
-var Ex = {
+var Mx = {
 	accent: {
 		bg: "bg-accent/10",
 		text: "text-accent",
@@ -10352,8 +10409,8 @@ var Ex = {
 		icon: "text-text-secondary"
 	}
 };
-function Dx({ className: e, icon: t, label: n, value: r, loading: i = !1, color: a = "default", ref: o, ...s }) {
-	let c = Ex[a];
+function Nx({ className: e, icon: t, label: n, value: r, loading: i = !1, color: a = "default", ref: o, ...s }) {
+	let c = Mx[a];
 	return /* @__PURE__ */ l(Gt, {
 		ref: o,
 		className: e,
@@ -10387,13 +10444,13 @@ function Dx({ className: e, icon: t, label: n, value: r, loading: i = !1, color:
 }
 //#endregion
 //#region src/components/AppShell.tsx
-var Ox = e.createContext(null);
-function kx() {
-	let t = e.useContext(Ox);
+var Px = e.createContext(null);
+function Fx() {
+	let t = e.useContext(Px);
 	if (!t) throw Error("useAppShell must be used within <AppShell>");
 	return t;
 }
-function Ax({ className: t, children: n, defaultCollapsed: r = !1, sidebarVariant: i = "overlay", sidebarWidth: a = "18rem", sidebarCollapsedWidth: o = "4rem", breakpoint: s = 1024, ref: c, ...u }) {
+function Ix({ className: t, children: n, defaultCollapsed: r = !1, sidebarVariant: i = "overlay", sidebarWidth: a = "18rem", sidebarCollapsedWidth: o = "4rem", breakpoint: s = 1024, ref: c, ...u }) {
 	let [d, f] = e.useState(r), [p, m] = e.useState(!1), [h, g] = e.useState(!1), _ = ot(s);
 	e.useEffect(() => {
 		_ || m(!1);
@@ -10419,7 +10476,7 @@ function Ax({ className: t, children: n, defaultCollapsed: r = !1, sidebarVarian
 		h,
 		v
 	]);
-	return /* @__PURE__ */ l(Ox.Provider, {
+	return /* @__PURE__ */ l(Px.Provider, {
 		value: y,
 		children: /* @__PURE__ */ l("div", {
 			ref: c,
@@ -10429,8 +10486,8 @@ function Ax({ className: t, children: n, defaultCollapsed: r = !1, sidebarVarian
 		})
 	});
 }
-function jx({ className: t, children: n, ref: r, ...i }) {
-	let { collapsed: a, isMobile: o, mobileOpen: s, setMobileOpen: d, sidebarVariant: f, sidebarWidth: p, sidebarCollapsedWidth: m, registerSidebar: h } = kx();
+function Lx({ className: t, children: n, ref: r, ...i }) {
+	let { collapsed: a, isMobile: o, mobileOpen: s, setMobileOpen: d, sidebarVariant: f, sidebarWidth: p, sidebarCollapsedWidth: m, registerSidebar: h } = Fx();
 	if (e.useEffect(() => h(), [h]), e.useEffect(() => {
 		if (!s) return;
 		let e = (e) => {
@@ -10467,7 +10524,7 @@ function jx({ className: t, children: n, ref: r, ...i }) {
 		children: n
 	});
 }
-function Mx({ className: e, children: t, ref: n, ...r }) {
+function Rx({ className: e, children: t, ref: n, ...r }) {
 	return /* @__PURE__ */ l("header", {
 		ref: n,
 		"data-appshell-nav": "",
@@ -10476,8 +10533,8 @@ function Mx({ className: e, children: t, ref: n, ...r }) {
 		children: t
 	});
 }
-function Nx({ className: t, children: n, ref: r, ...i }) {
-	let a = e.useContext(Ox), o;
+function zx({ className: t, children: n, ref: r, ...i }) {
+	let a = e.useContext(Px), o;
 	return a?.hasSidebar && (a.isMobile ? a.sidebarVariant === "rail" && (o = a.sidebarCollapsedWidth) : o = a.collapsed ? a.sidebarCollapsedWidth : a.sidebarWidth), /* @__PURE__ */ l("main", {
 		ref: r,
 		"data-appshell-main": "",
@@ -10487,7 +10544,7 @@ function Nx({ className: t, children: n, ref: r, ...i }) {
 		children: n
 	});
 }
-function Px({ className: e, children: t, ref: n, ...r }) {
+function Bx({ className: e, children: t, ref: n, ...r }) {
 	return /* @__PURE__ */ l("footer", {
 		ref: n,
 		"data-appshell-footer": "",
@@ -10498,17 +10555,17 @@ function Px({ className: e, children: t, ref: n, ...r }) {
 }
 //#endregion
 //#region src/hooks/use-column-resize.ts
-var Fx = 60;
-function Ix(e) {
+var Vx = 60;
+function Hx(e) {
 	if (e == null) return null;
 	let t = e.match(/^(\d+(?:\.\d+)?)px$/);
 	return t?.[1] == null ? null : parseFloat(t[1]);
 }
-function Lx({ columns: t, hasSelectionColumn: n, onColumnResize: r, tableRef: i }) {
+function Ux({ columns: t, hasSelectionColumn: n, onColumnResize: r, tableRef: i }) {
 	let [a, o] = e.useState(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let n of t) {
-			let t = Ix(n.width);
+			let t = Hx(n.width);
 			t != null && e.set(n.id, t);
 		}
 		return e;
@@ -10540,7 +10597,7 @@ function Lx({ columns: t, hasSelectionColumn: n, onColumnResize: r, tableRef: i
 			columnId: e,
 			startX: n.clientX,
 			startWidth: i,
-			minWidth: r.minWidth ?? Fx,
+			minWidth: r.minWidth ?? Vx,
 			maxWidth: r.maxWidth ?? Infinity
 		}, u(e), c(!0));
 	}, [t, a]);
@@ -10579,7 +10636,7 @@ function Lx({ columns: t, hasSelectionColumn: n, onColumnResize: r, tableRef: i
 }
 //#endregion
 //#region src/components/DataTable.tsx
-function Rx({ filled: e, className: t }) {
+function Wx({ filled: e, className: t }) {
 	return /* @__PURE__ */ l("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 16 16",
@@ -10600,7 +10657,7 @@ function Rx({ filled: e, className: t }) {
 		})
 	});
 }
-function zx({ column: t, data: n, value: r, onChange: i, onClear: a, onToggle: o }) {
+function Gx({ 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;
@@ -10629,7 +10686,7 @@ function zx({ 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(Rx, { filled: p })
+				children: /* @__PURE__ */ l(Wx, { filled: p })
 			})
 		}), /* @__PURE__ */ u(cg, {
 			align: "start",
@@ -10666,24 +10723,24 @@ function zx({ column: t, data: n, value: r, onChange: i, onClear: a, onToggle: o
 		})]
 	});
 }
-function Bx({ children: e, className: t, ...n }) {
+function Kx({ children: e, className: t, ...n }) {
 	return /* @__PURE__ */ l("div", {
 		className: W("flex items-center gap-2", t),
 		...n,
 		children: e
 	});
 }
-Bx.displayName = "DataTableToolbar";
-function Vx({ children: e, className: t, ...n }) {
+Kx.displayName = "DataTableToolbar";
+function qx({ children: e, className: t, ...n }) {
 	return /* @__PURE__ */ l("div", {
 		className: t,
 		...n,
 		children: e
 	});
 }
-Vx.displayName = "DataTableEmpty";
-function Hx({ 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 } = Lx({
+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,
 		hasSelectionColumn: y,
 		onColumnResize: x,
@@ -10864,7 +10921,7 @@ function Hx({ columns: t, data: n, children: r, loading: i, totalRows: a, onStat
 									className: "ml-1",
 									children: ge(e.id)
 								}),
-								e.filterable && /* @__PURE__ */ l(zx, {
+								e.filterable && /* @__PURE__ */ l(Gx, {
 									column: e,
 									data: n,
 									value: O[e.id],
@@ -10885,7 +10942,7 @@ function Hx({ columns: t, data: n, children: r, loading: i, totalRows: a, onStat
 					/* @__PURE__ */ l(My, { children: _e ? /* @__PURE__ */ l(Py, { children: /* @__PURE__ */ l(Iy, {
 						colSpan: P.length + +!!y,
 						className: "h-24",
-						children: V ?? /* @__PURE__ */ l(wx, { title: "No results" })
+						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, {
 							className: "w-10",
@@ -10912,7 +10969,7 @@ function Hx({ columns: t, data: n, children: r, loading: i, totalRows: a, onStat
 					}) })
 				]
 			}),
-			p > 0 && ce > 1 && /* @__PURE__ */ l(Tx, {
+			p > 0 && ce > 1 && /* @__PURE__ */ l(jx, {
 				page: A,
 				pageSize: p,
 				totalItems: se,
@@ -10924,7 +10981,7 @@ function Hx({ columns: t, data: n, children: r, loading: i, totalRows: a, onStat
 }
 //#endregion
 //#region src/components/Timeline.tsx
-function Ux({ className: e, children: t, ref: n, ...r }) {
+function Yx({ className: e, children: t, ref: n, ...r }) {
 	return /* @__PURE__ */ l("div", {
 		ref: n,
 		className: W("relative space-y-0", e),
@@ -10932,20 +10989,20 @@ function Ux({ className: e, children: t, ref: n, ...r }) {
 		children: t
 	});
 }
-var Wx = e.createContext({
+var Xx = e.createContext({
 	expanded: !1,
 	setExpanded: () => {},
 	expandable: !1
-}), Gx = {
+}), Zx = {
 	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 Kx({ className: t, children: n, icon: r, variant: i = "default", timestamp: a, expandable: o = !1, defaultExpanded: s = !1, ref: c, ...d }) {
+function Qx({ 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(Wx.Provider, {
+	return /* @__PURE__ */ l(Xx.Provider, {
 		value: {
 			expanded: f,
 			setExpanded: p,
@@ -10959,7 +11016,7 @@ function Kx({ 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", Gx[i]),
+					className: W("relative z-10 flex h-6 w-6 shrink-0 items-center justify-center rounded-full border-2", Zx[i]),
 					children: r && /* @__PURE__ */ l("span", {
 						className: "h-3.5 w-3.5 [&>svg]:h-3.5 [&>svg]:w-3.5",
 						children: r
@@ -10976,8 +11033,8 @@ function Kx({ className: t, children: n, icon: r, variant: i = "default", timest
 		})
 	});
 }
-function qx({ 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(Wx), g = /* @__PURE__ */ l("span", {
+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", {
 		className: W("text-sm font-medium text-text-primary", o && "cursor-pointer hover:underline"),
 		onClick: o,
 		children: n
@@ -11010,7 +11067,7 @@ function qx({ className: t, title: n, description: r, detail: i, actions: a, onC
 		})] })]
 	});
 }
-function Jx({ className: e, filters: t, value: n, onChange: r, ref: i, ...a }) {
+function eS({ 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]);
 	};
@@ -11027,4 +11084,4 @@ function Jx({ 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, Zb as AnimatedCounter, Ax as AppShell, Px as AppShellFooter, Nx as AppShellMain, Mx as AppShellNav, jx as AppShellSidebar, on as Badge, px 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, Gb as Combobox, Jb as ComboboxContent, Xb as ComboboxEmpty, qb as ComboboxInput, Yb as ComboboxItem, Kb as ComboboxTrigger, Hx as DataTable, Vx as DataTableEmpty, Bx 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, wx as EmptyState, Zt as Input, rn as Label, cx as MetaHead, ax as Nav, Cx as PageHeader, Tx 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, _x as Sidebar, yx as SidebarContent, bx as SidebarFooter, xx as SidebarGroup, vx as SidebarHeader, Sx as SidebarItem, ky as Skeleton, Dx as StatCard, ux 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, Ux as Timeline, qx as TimelineContent, Jx as TimelineFilter, Kx 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, sn as alertVariants, an as badgeVariants, Ut as buttonVariants, W as cn, Ze as createOgImageUrl, vt as dismissAll, _t as toast, xm as toggleVariants, Ct as useAlternateLinks, kx as useAppShell, xt as useCanonical, Wb 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, 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 };