@devalok/shilp-sutra 0.36.0 → 0.37.0-next.0

package/dist/_chunks/file-preview.js

@@ -1,17 +1,188 @@
 "use client";
-import { a as e, c as t } from "./framer.js";
-import { springs as n, tweens as r } from "../ui/lib/motion.js";
-import { cn as i } from "../ui/lib/utils.js";
-import { Icon as a } from "../ui/icon.js";
-import { n as o } from "./badge-group.js";
-import { Button as s } from "../ui/button.js";
-import { Skeleton as c } from "../ui/skeleton.js";
-import { a as l, i as u, t as d } from "./shared.js";
-import * as f from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { IconDownload as h, IconMaximize as g, IconPlayerPause as _, IconPlayerPlay as v } from "@tabler/icons-react";
+import { springs as e, tweens as t } from "../ui/lib/motion.js";
+import { cn as n } from "../ui/lib/utils.js";
+import { Icon as r } from "../ui/icon.js";
+import { n as i } from "./badge-group.js";
+import { Button as a } from "../ui/button.js";
+import { Skeleton as o } from "../ui/skeleton.js";
+import { a as s, i as c, t as l } from "./shared.js";
+import * as u from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { IconDownload as p, IconMaximize as m, IconPlayerPause as h, IconPlayerPlay as g } from "@tabler/icons-react";
+import { AnimatePresence as _, motion as v } from "framer-motion";
+//#region src/composed/file-preview/audio-preview.tsx
+function y({ url: e, fileName: t, onError: n }) {
+	let i = u.useRef(null), o = u.useRef(null), [p, m] = u.useState(!1), [_, v] = u.useState(0), [y, b] = u.useState(0), [x, S] = u.useState(0), [C, w] = u.useState(1), [T, E] = u.useState(!1), [D, O] = u.useState(!1), [k, A] = u.useState(null);
+	u.useEffect(() => {
+		function e(e) {
+			let t = o.current;
+			if (!t || !t.contains(document.activeElement) && document.activeElement !== t) return;
+			let n = i.current;
+			if (n) switch (e.key) {
+				case " ":
+					e.preventDefault(), m((e) => (e ? n.pause() : n.play(), !e));
+					break;
+				case "ArrowRight":
+					e.preventDefault(), n.currentTime = Math.min(n.duration || 0, n.currentTime + 5);
+					break;
+				case "ArrowLeft":
+					e.preventDefault(), n.currentTime = Math.max(0, n.currentTime - 5);
+					break;
+				case "m":
+					e.preventDefault(), E((e) => (n.muted = !e, !e));
+					break;
+			}
+		}
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, []);
+	function j() {
+		i.current && (p ? i.current.pause() : i.current.play(), m(!p));
+	}
+	function M(e) {
+		if (!i.current || !y) return;
+		let t = e.currentTarget.getBoundingClientRect(), n = Math.max(0, Math.min(1, (e.clientX - t.left) / t.width));
+		i.current.currentTime = n * y;
+	}
+	function N(e) {
+		if (!y) return;
+		let t = e.currentTarget.getBoundingClientRect();
+		A((e.clientX - t.left) / t.width * y);
+	}
+	function P() {
+		if (!i.current) return;
+		let e = !T;
+		E(e), i.current.muted = e;
+	}
+	return D ? /* @__PURE__ */ d(l, {
+		message: "Could not load audio",
+		url: e
+	}) : /* @__PURE__ */ f("div", {
+		ref: o,
+		className: "rounded-ds-lg border border-surface-border bg-surface-raised shadow-raised overflow-hidden",
+		tabIndex: -1,
+		children: [
+			/* @__PURE__ */ d("audio", {
+				ref: i,
+				src: e,
+				onTimeUpdate: () => {
+					i.current && (S(i.current.currentTime), i.current.duration && v(i.current.currentTime / i.current.duration * 100));
+				},
+				onLoadedMetadata: () => b(i.current?.duration ?? 0),
+				onEnded: () => m(!1),
+				onError: () => {
+					O(!0), n?.("Audio failed to load");
+				}
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "relative h-1 w-full cursor-pointer bg-surface-sunken group/bar",
+				onClick: M,
+				onMouseMove: N,
+				onMouseLeave: () => A(null),
+				role: "slider",
+				"aria-label": "Audio progress",
+				"aria-valuenow": Math.round(_),
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				tabIndex: 0,
+				children: [
+					/* @__PURE__ */ d("div", {
+						className: "absolute left-0 top-0 h-full bg-accent-9 transition-[width] duration-75",
+						style: { width: `${_}%` }
+					}),
+					k !== null && /* @__PURE__ */ d("div", {
+						className: "absolute -top-7 -translate-x-1/2 rounded-ds-sm bg-surface-overlay px-1.5 py-0.5 text-[10px] font-mono text-surface-fg shadow-floating pointer-events-none",
+						style: { left: `${k / (y || 1) * 100}%` },
+						children: s(k)
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "absolute top-1/2 -translate-y-1/2 h-2.5 w-2.5 rounded-full bg-accent-9 shadow-raised opacity-0 group-hover/bar:opacity-100 transition-opacity",
+						style: {
+							left: `${_}%`,
+							marginLeft: "-5px"
+						}
+					})
+				]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "flex items-center gap-ds-04 px-ds-05 py-ds-04",
+				children: [
+					/* @__PURE__ */ d(a, {
+						variant: "solid",
+						size: "icon-sm",
+						onClick: j,
+						"aria-label": p ? "Pause" : "Play",
+						title: p ? "Pause" : "Play",
+						className: "shrink-0",
+						children: p ? /* @__PURE__ */ d(r, {
+							icon: h,
+							size: "sm"
+						}) : /* @__PURE__ */ d(r, {
+							icon: g,
+							size: "sm",
+							className: "ml-0.5"
+						})
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "flex-1 min-w-0",
+						children: [t && /* @__PURE__ */ d("p", {
+							className: "text-ds-sm font-semibold text-surface-fg truncate",
+							children: t
+						}), /* @__PURE__ */ f("p", {
+							className: "text-ds-xs font-mono text-surface-fg-muted tabular-nums",
+							children: [
+								s(x),
+								" / ",
+								s(y)
+							]
+						})]
+					}),
+					/* @__PURE__ */ d(c, {
+						volume: C,
+						muted: T,
+						onVolumeChange: (e) => {
+							w(e), i.current && (i.current.volume = e), e > 0 && T && (E(!1), i.current && (i.current.muted = !1));
+						},
+						onMuteToggle: P,
+						variant: "light"
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/composed/file-preview/embed-preview.tsx
+function b({ url: e, embedUrl: n, onError: r }) {
+	let [i, a] = u.useState(!1), [s, c] = u.useState(!1);
+	return u.useEffect(() => {
+		let e = setTimeout(() => {
+			i || (c(!0), r?.("Embed timed out"));
+		}, 15e3);
+		return () => clearTimeout(e);
+	}, [i, r]), s ? /* @__PURE__ */ d(l, {
+		message: "Could not load embed",
+		url: e
+	}) : /* @__PURE__ */ f("div", {
+		className: "relative w-full rounded-ds-md overflow-hidden",
+		style: { aspectRatio: "16 / 9" },
+		children: [!i && /* @__PURE__ */ d(o, { className: "absolute inset-0" }), /* @__PURE__ */ d(v.iframe, {
+			src: n,
+			title: "Embedded content",
+			onLoad: () => a(!0),
+			onError: () => {
+				c(!0), r?.("Embed failed to load");
+			},
+			initial: { opacity: 0 },
+			animate: { opacity: +!!i },
+			transition: t.fade,
+			className: "absolute inset-0 h-full w-full border-none",
+			allowFullScreen: !0
+		})]
+	});
+}
+//#endregion
 //#region src/composed/file-preview/video-preview.tsx
-var y = [
+var x = [
 	.5,
 	.75,
 	1,
@@ -19,17 +190,17 @@ var y = [
 	1.5,
 	2
 ];
-function b({ url: i, onError: o }) {
-	let s = f.useRef(null), c = f.useRef(null), [h, b] = f.useState(!1), [x, S] = f.useState(0), [C, w] = f.useState(0), [T, E] = f.useState(0), [D, O] = f.useState(!1), [k, A] = f.useState(!1), [j, M] = f.useState(!0), [N, P] = f.useState(1), F = f.useRef(void 0);
-	f.useEffect(() => () => clearTimeout(F.current), []), f.useEffect(() => {
+function S({ url: n, onError: i }) {
+	let a = u.useRef(null), o = u.useRef(null), [p, y] = u.useState(!1), [b, S] = u.useState(0), [C, w] = u.useState(0), [T, E] = u.useState(0), [D, O] = u.useState(!1), [k, A] = u.useState(!1), [j, M] = u.useState(!0), [N, P] = u.useState(1), F = u.useRef(void 0);
+	u.useEffect(() => () => clearTimeout(F.current), []), u.useEffect(() => {
 		function e(e) {
-			let t = c.current;
+			let t = o.current;
 			if (!t || !t.contains(document.activeElement) && document.activeElement !== t) return;
-			let n = s.current;
+			let n = a.current;
 			if (n) switch (e.key) {
 				case " ":
 				case "k":
-					e.preventDefault(), b((e) => (e ? n.pause() : n.play(), !e));
+					e.preventDefault(), y((e) => (e ? n.pause() : n.play(), !e));
 					break;
 				case "ArrowRight":
 					e.preventDefault(), n.currentTime = Math.min(n.duration, n.currentTime + 5);
@@ -60,49 +231,49 @@ function b({ url: i, onError: o }) {
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, []);
 	function I(e) {
-		let t = y.indexOf(N), n = y[Math.max(0, Math.min(y.length - 1, t + e))];
-		P(n), s.current && (s.current.playbackRate = n);
+		let t = x.indexOf(N), n = x[Math.max(0, Math.min(x.length - 1, t + e))];
+		P(n), a.current && (a.current.playbackRate = n);
 	}
 	function L() {
-		s.current && (h ? s.current.pause() : s.current.play(), b(!h));
+		a.current && (p ? a.current.pause() : a.current.play(), y(!p));
 	}
 	function R(e) {
-		if (!s.current || !C) return;
+		if (!a.current || !C) return;
 		let t = e.currentTarget.getBoundingClientRect(), n = (e.clientX - t.left) / t.width;
-		s.current.currentTime = n * C;
+		a.current.currentTime = n * C;
 	}
 	function z() {
-		M(!0), clearTimeout(F.current), h && (F.current = setTimeout(() => M(!1), 3e3));
+		M(!0), clearTimeout(F.current), p && (F.current = setTimeout(() => M(!1), 3e3));
 	}
-	return k ? /* @__PURE__ */ p(d, {
+	return k ? /* @__PURE__ */ d(l, {
 		message: "Could not load video",
-		url: i
-	}) : /* @__PURE__ */ m("div", {
-		ref: c,
+		url: n
+	}) : /* @__PURE__ */ f("div", {
+		ref: o,
 		className: "group relative rounded-ds-md bg-black overflow-hidden",
 		onMouseMove: z,
-		onMouseLeave: () => h && M(!1),
+		onMouseLeave: () => p && M(!1),
 		tabIndex: -1,
 		children: [
-			/* @__PURE__ */ p("video", {
-				ref: s,
-				src: i,
+			/* @__PURE__ */ d("video", {
+				ref: a,
+				src: n,
 				className: "max-h-[70vh] w-full",
 				onClick: L,
 				muted: D,
 				onTimeUpdate: () => {
-					s.current && (E(s.current.currentTime), s.current.duration && S(s.current.currentTime / s.current.duration * 100));
+					a.current && (E(a.current.currentTime), a.current.duration && S(a.current.currentTime / a.current.duration * 100));
 				},
-				onLoadedMetadata: () => w(s.current?.duration ?? 0),
+				onLoadedMetadata: () => w(a.current?.duration ?? 0),
 				onEnded: () => {
-					b(!1), M(!0);
+					y(!1), M(!0);
 				},
 				onError: () => {
-					A(!0), o?.("Video failed to load");
+					A(!0), i?.("Video failed to load");
 				},
 				playsInline: !0
 			}),
-			!h && /* @__PURE__ */ p(e.button, {
+			!p && /* @__PURE__ */ d(v.button, {
 				initial: {
 					opacity: 0,
 					scale: .8
@@ -111,20 +282,20 @@ function b({ url: i, onError: o }) {
 					opacity: 1,
 					scale: 1
 				},
-				transition: n.snappy,
+				transition: e.snappy,
 				onClick: L,
 				className: "absolute inset-0 flex items-center justify-center bg-black/30",
 				"aria-label": "Play video",
-				children: /* @__PURE__ */ p("div", {
+				children: /* @__PURE__ */ d("div", {
 					className: "flex h-14 w-14 items-center justify-center rounded-full bg-white/90 shadow-floating",
-					children: /* @__PURE__ */ p(a, {
-						icon: v,
+					children: /* @__PURE__ */ d(r, {
+						icon: g,
 						size: "xl",
 						className: "text-surface-fg ml-0.5"
 					})
 				})
 			}),
-			/* @__PURE__ */ p(t, { children: j && C > 0 && /* @__PURE__ */ m(e.div, {
+			/* @__PURE__ */ d(_, { children: j && C > 0 && /* @__PURE__ */ f(v.div, {
 				initial: {
 					opacity: 0,
 					y: 10
@@ -137,76 +308,76 @@ function b({ url: i, onError: o }) {
 					opacity: 0,
 					y: 10
 				},
-				transition: r.fade,
-				className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent px-ds-04 pb-ds-04 pt-ds-08",
-				children: [/* @__PURE__ */ m("div", {
+				transition: t.fade,
+				className: "absolute bottom-0 left-0 right-0 bg-linear-to-t from-black/80 to-transparent px-ds-04 pb-ds-04 pt-ds-08",
+				children: [/* @__PURE__ */ f("div", {
 					className: "relative h-1 w-full cursor-pointer rounded-full bg-white/30 mb-ds-03 group/progress",
 					onClick: R,
 					role: "slider",
 					"aria-label": "Video progress",
-					"aria-valuenow": Math.round(x),
+					"aria-valuenow": Math.round(b),
 					"aria-valuemin": 0,
 					"aria-valuemax": 100,
 					tabIndex: 0,
-					children: [/* @__PURE__ */ p("div", {
+					children: [/* @__PURE__ */ d("div", {
 						className: "absolute left-0 top-0 h-full rounded-full bg-white transition-[width] duration-75",
-						style: { width: `${x}%` }
-					}), /* @__PURE__ */ p("div", {
+						style: { width: `${b}%` }
+					}), /* @__PURE__ */ d("div", {
 						className: "absolute top-1/2 -translate-y-1/2 h-3 w-3 rounded-full bg-white shadow-raised opacity-0 group-hover/progress:opacity-100 transition-opacity",
 						style: {
-							left: `${x}%`,
+							left: `${b}%`,
 							marginLeft: "-6px"
 						}
 					})]
-				}), /* @__PURE__ */ m("div", {
+				}), /* @__PURE__ */ f("div", {
 					className: "flex items-center gap-ds-03",
 					children: [
-						/* @__PURE__ */ p("button", {
+						/* @__PURE__ */ d("button", {
 							onClick: L,
 							className: "text-white hover:text-white/80",
-							"aria-label": h ? "Pause" : "Play",
-							title: h ? "Pause" : "Play",
-							children: h ? /* @__PURE__ */ p(a, {
-								icon: _,
+							"aria-label": p ? "Pause" : "Play",
+							title: p ? "Pause" : "Play",
+							children: p ? /* @__PURE__ */ d(r, {
+								icon: h,
 								size: "lg"
-							}) : /* @__PURE__ */ p(a, {
-								icon: v,
+							}) : /* @__PURE__ */ d(r, {
+								icon: g,
 								size: "lg"
 							})
 						}),
-						/* @__PURE__ */ p(u, {
+						/* @__PURE__ */ d(c, {
 							volume: +!D,
 							muted: D,
 							onVolumeChange: (e) => {
-								s.current && (s.current.volume = e), e > 0 && D && (O(!1), s.current && (s.current.muted = !1));
+								a.current && (a.current.volume = e), e > 0 && D && (O(!1), a.current && (a.current.muted = !1));
 							},
 							onMuteToggle: () => {
-								O(!D), s.current && (s.current.muted = !D);
+								O(!D), a.current && (a.current.muted = !D);
 							},
 							variant: "dark"
 						}),
-						/* @__PURE__ */ m("span", {
+						/* @__PURE__ */ f("span", {
 							className: "text-[11px] font-mono text-white/70 tabular-nums",
 							children: [
-								l(T),
+								s(T),
 								" / ",
-								l(C)
+								s(C)
 							]
 						}),
-						/* @__PURE__ */ p("div", { className: "flex-1" }),
-						/* @__PURE__ */ m("button", {
+						/* @__PURE__ */ d("div", { className: "flex-1" }),
+						/* @__PURE__ */ f("button", {
 							onClick: () => I(1),
 							className: "text-[11px] font-mono text-white/70 hover:text-white px-1 rounded-ds-sm hover:bg-white/10 transition-colors",
 							"aria-label": `Playback speed: ${N}x`,
 							children: [N, "x"]
 						}),
-						/* @__PURE__ */ p("button", {
-							onClick: () => s.current?.requestFullscreen?.(),
+						/* @__PURE__ */ d("button", {
+							onClick: () => a.current?.requestFullscreen?.(),
 							className: "text-white hover:text-white/80",
 							"aria-label": "Fullscreen (F)",
 							title: "Fullscreen",
-							children: /* @__PURE__ */ p(a, {
-								icon: g,
+							children: /* @__PURE__ */ d(r, {
+								icon: m,
 								size: "sm"
 							})
 						})
@@ -217,179 +388,8 @@ function b({ url: i, onError: o }) {
 	});
 }
 //#endregion
-//#region src/composed/file-preview/audio-preview.tsx
-function x({ url: e, fileName: t, onError: n }) {
-	let r = f.useRef(null), i = f.useRef(null), [o, c] = f.useState(!1), [h, g] = f.useState(0), [y, b] = f.useState(0), [x, S] = f.useState(0), [C, w] = f.useState(1), [T, E] = f.useState(!1), [D, O] = f.useState(!1), [k, A] = f.useState(null);
-	f.useEffect(() => {
-		function e(e) {
-			let t = i.current;
-			if (!t || !t.contains(document.activeElement) && document.activeElement !== t) return;
-			let n = r.current;
-			if (n) switch (e.key) {
-				case " ":
-					e.preventDefault(), c((e) => (e ? n.pause() : n.play(), !e));
-					break;
-				case "ArrowRight":
-					e.preventDefault(), n.currentTime = Math.min(n.duration || 0, n.currentTime + 5);
-					break;
-				case "ArrowLeft":
-					e.preventDefault(), n.currentTime = Math.max(0, n.currentTime - 5);
-					break;
-				case "m":
-					e.preventDefault(), E((e) => (n.muted = !e, !e));
-					break;
-			}
-		}
-		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, []);
-	function j() {
-		r.current && (o ? r.current.pause() : r.current.play(), c(!o));
-	}
-	function M(e) {
-		if (!r.current || !y) return;
-		let t = e.currentTarget.getBoundingClientRect(), n = Math.max(0, Math.min(1, (e.clientX - t.left) / t.width));
-		r.current.currentTime = n * y;
-	}
-	function N(e) {
-		if (!y) return;
-		let t = e.currentTarget.getBoundingClientRect();
-		A((e.clientX - t.left) / t.width * y);
-	}
-	function P() {
-		if (!r.current) return;
-		let e = !T;
-		E(e), r.current.muted = e;
-	}
-	return D ? /* @__PURE__ */ p(d, {
-		message: "Could not load audio",
-		url: e
-	}) : /* @__PURE__ */ m("div", {
-		ref: i,
-		className: "rounded-ds-lg border border-surface-border bg-surface-raised shadow-raised overflow-hidden",
-		tabIndex: -1,
-		children: [
-			/* @__PURE__ */ p("audio", {
-				ref: r,
-				src: e,
-				onTimeUpdate: () => {
-					r.current && (S(r.current.currentTime), r.current.duration && g(r.current.currentTime / r.current.duration * 100));
-				},
-				onLoadedMetadata: () => b(r.current?.duration ?? 0),
-				onEnded: () => c(!1),
-				onError: () => {
-					O(!0), n?.("Audio failed to load");
-				}
-			}),
-			/* @__PURE__ */ m("div", {
-				className: "relative h-1 w-full cursor-pointer bg-surface-sunken group/bar",
-				onClick: M,
-				onMouseMove: N,
-				onMouseLeave: () => A(null),
-				role: "slider",
-				"aria-label": "Audio progress",
-				"aria-valuenow": Math.round(h),
-				"aria-valuemin": 0,
-				"aria-valuemax": 100,
-				tabIndex: 0,
-				children: [
-					/* @__PURE__ */ p("div", {
-						className: "absolute left-0 top-0 h-full bg-accent-9 transition-[width] duration-75",
-						style: { width: `${h}%` }
-					}),
-					k !== null && /* @__PURE__ */ p("div", {
-						className: "absolute -top-7 -translate-x-1/2 rounded-ds-sm bg-surface-overlay px-1.5 py-0.5 text-[10px] font-mono text-surface-fg shadow-floating pointer-events-none",
-						style: { left: `${k / (y || 1) * 100}%` },
-						children: l(k)
-					}),
-					/* @__PURE__ */ p("div", {
-						className: "absolute top-1/2 -translate-y-1/2 h-2.5 w-2.5 rounded-full bg-accent-9 shadow-raised opacity-0 group-hover/bar:opacity-100 transition-opacity",
-						style: {
-							left: `${h}%`,
-							marginLeft: "-5px"
-						}
-					})
-				]
-			}),
-			/* @__PURE__ */ m("div", {
-				className: "flex items-center gap-ds-04 px-ds-05 py-ds-04",
-				children: [
-					/* @__PURE__ */ p(s, {
-						variant: "solid",
-						size: "icon-sm",
-						onClick: j,
-						"aria-label": o ? "Pause" : "Play",
-						title: o ? "Pause" : "Play",
-						className: "shrink-0",
-						children: o ? /* @__PURE__ */ p(a, {
-							icon: _,
-							size: "sm"
-						}) : /* @__PURE__ */ p(a, {
-							icon: v,
-							size: "sm",
-							className: "ml-0.5"
-						})
-					}),
-					/* @__PURE__ */ m("div", {
-						className: "flex-1 min-w-0",
-						children: [t && /* @__PURE__ */ p("p", {
-							className: "text-ds-sm font-semibold text-surface-fg truncate",
-							children: t
-						}), /* @__PURE__ */ m("p", {
-							className: "text-ds-xs font-mono text-surface-fg-muted tabular-nums",
-							children: [
-								l(x),
-								" / ",
-								l(y)
-							]
-						})]
-					}),
-					/* @__PURE__ */ p(u, {
-						volume: C,
-						muted: T,
-						onVolumeChange: (e) => {
-							w(e), r.current && (r.current.volume = e), e > 0 && T && (E(!1), r.current && (r.current.muted = !1));
-						},
-						onMuteToggle: P,
-						variant: "light"
-					})
-				]
-			})
-		]
-	});
-}
-//#endregion
-//#region src/composed/file-preview/embed-preview.tsx
-function S({ url: t, embedUrl: n, onError: i }) {
-	let [a, o] = f.useState(!1), [s, l] = f.useState(!1);
-	return f.useEffect(() => {
-		let e = setTimeout(() => {
-			a || (l(!0), i?.("Embed timed out"));
-		}, 15e3);
-		return () => clearTimeout(e);
-	}, [a, i]), s ? /* @__PURE__ */ p(d, {
-		message: "Could not load embed",
-		url: t
-	}) : /* @__PURE__ */ m("div", {
-		className: "relative w-full rounded-ds-md overflow-hidden",
-		style: { aspectRatio: "16 / 9" },
-		children: [!a && /* @__PURE__ */ p(c, { className: "absolute inset-0" }), /* @__PURE__ */ p(e.iframe, {
-			src: n,
-			title: "Embedded content",
-			onLoad: () => o(!0),
-			onError: () => {
-				l(!0), i?.("Embed failed to load");
-			},
-			initial: { opacity: 0 },
-			animate: { opacity: +!!a },
-			transition: r.fade,
-			className: "absolute inset-0 h-full w-full border-none",
-			allowFullScreen: !0
-		})]
-	});
-}
-//#endregion
 //#region src/composed/file-preview.tsx
-var C = f.lazy(() => import("./image-preview.js")), w = f.lazy(() => import("./document-preview.js"));
+var C = u.lazy(() => import("./image-preview.js")), w = u.lazy(() => import("./document-preview.js"));
 function T(e, t) {
 	if (t) {
 		if (t.startsWith("image/")) return "image";
@@ -429,61 +429,61 @@ function E(e) {
 	let r = e.match(/loom\.com\/share\/([^?]+)/);
 	return r ? `https://www.loom.com/embed/${r[1]}` : e;
 }
-function D({ url: e, type: t, mimeType: n, alt: r, initialPage: l = 1, fileName: u, fileSize: d, onError: g, className: _, ...v }) {
-	let y = t ?? T(e, n), D = /* @__PURE__ */ p(c, { className: "h-64 w-full rounded-ds-md" });
-	return /* @__PURE__ */ m("div", {
-		className: i("flex flex-col gap-ds-03", _),
+function D({ url: e, type: t, mimeType: s, alt: c, initialPage: l = 1, fileName: m, fileSize: h, onError: g, className: _, ...v }) {
+	let x = t ?? T(e, s), D = /* @__PURE__ */ d(o, { className: "h-64 w-full rounded-ds-md" });
+	return /* @__PURE__ */ f("div", {
+		className: n("flex flex-col gap-ds-03", _),
 		...v,
 		children: [
-			(u || d) && /* @__PURE__ */ m("div", {
+			(m || h) && /* @__PURE__ */ f("div", {
 				className: "flex items-center gap-ds-03",
-				children: [u && /* @__PURE__ */ p("span", {
+				children: [m && /* @__PURE__ */ d("span", {
 					className: "text-ds-sm font-semibold text-surface-fg truncate",
-					children: u
-				}), d && /* @__PURE__ */ p(o, {
+					children: m
+				}), h && /* @__PURE__ */ d(i, {
 					variant: "subtle",
 					size: "xs",
-					children: d
+					children: h
 				})]
 			}),
-			y === "image" && /* @__PURE__ */ p(f.Suspense, {
+			x === "image" && /* @__PURE__ */ d(u.Suspense, {
 				fallback: D,
-				children: /* @__PURE__ */ p(C, {
+				children: /* @__PURE__ */ d(C, {
 					url: e,
-					alt: r,
+					alt: c,
 					onError: g
 				})
 			}),
-			y === "pdf" && /* @__PURE__ */ p(f.Suspense, {
+			x === "pdf" && /* @__PURE__ */ d(u.Suspense, {
 				fallback: D,
-				children: /* @__PURE__ */ p(w, {
+				children: /* @__PURE__ */ d(w, {
 					url: e,
 					initialPage: l,
 					onError: g
 				})
 			}),
-			y === "video" && /* @__PURE__ */ p(b, {
+			x === "video" && /* @__PURE__ */ d(S, {
 				url: e,
 				onError: g
 			}),
-			y === "audio" && /* @__PURE__ */ p(x, {
+			x === "audio" && /* @__PURE__ */ d(y, {
 				url: e,
-				fileName: u,
+				fileName: m,
 				onError: g
 			}),
-			y === "embed" && /* @__PURE__ */ p(S, {
+			x === "embed" && /* @__PURE__ */ d(b, {
 				url: e,
 				embedUrl: E(e),
 				onError: g
 			}),
-			y !== "audio" && /* @__PURE__ */ p("div", {
+			x !== "audio" && /* @__PURE__ */ d("div", {
 				className: "flex justify-end",
-				children: /* @__PURE__ */ p(s, {
+				children: /* @__PURE__ */ d(a, {
 					variant: "ghost",
 					size: "xs",
-					startIcon: /* @__PURE__ */ p(a, { icon: h }),
+					startIcon: /* @__PURE__ */ d(r, { icon: p }),
 					asChild: !0,
-					children: /* @__PURE__ */ p("a", {
+					children: /* @__PURE__ */ d("a", {
 						href: e,
 						download: !0,
 						target: "_blank",