@devalok/shilp-sutra 0.42.1 → 0.44.0

package/dist/composed/file-preview.js

@@ -5,22 +5,23 @@ import { Icon as r } from "../ui/icon.js";
 import { n as i } from "../_chunks/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 "../_chunks/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";
+import { TruncatedText as s } from "../ui/truncated-text.js";
+import { a as c, i as l, t as u } from "../_chunks/shared.js";
+import * as d from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { IconDownload as m, IconMaximize as h, IconPlayerPause as g, IconPlayerPlay as _ } from "@tabler/icons-react";
+import { AnimatePresence as v, motion as y } 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 b({ url: e, fileName: t, onError: n }) {
+	let i = d.useRef(null), o = d.useRef(null), [m, h] = d.useState(!1), [v, y] = d.useState(0), [b, x] = d.useState(0), [S, C] = d.useState(0), [w, T] = d.useState(1), [E, D] = d.useState(!1), [O, k] = d.useState(!1), [A, j] = d.useState(null);
+	d.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));
+					e.preventDefault(), h((e) => (e ? n.pause() : n.play(), !e));
 					break;
 				case "ArrowRight":
 					e.preventDefault(), n.currentTime = Math.min(n.duration || 0, n.currentTime + 5);
@@ -29,120 +30,122 @@ function y({ url: e, fileName: t, onError: n }) {
 					e.preventDefault(), n.currentTime = Math.max(0, n.currentTime - 5);
 					break;
 				case "m":
-					e.preventDefault(), E((e) => (n.muted = !e, !e));
+					e.preventDefault(), D((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() {
+		i.current && (m ? i.current.pause() : i.current.play(), h(!m));
 	}
-	function M(e) {
-		if (!i.current || !y) return;
+	function N(e) {
+		if (!i.current || !b) return;
 		let t = e.currentTarget.getBoundingClientRect(), n = Math.max(0, Math.min(1, (e.clientX - t.left) / t.width));
-		i.current.currentTime = n * y;
+		i.current.currentTime = n * b;
 	}
-	function N(e) {
-		if (!y) return;
+	function P(e) {
+		if (!b) return;
 		let t = e.currentTarget.getBoundingClientRect();
-		A((e.clientX - t.left) / t.width * y);
+		j((e.clientX - t.left) / t.width * b);
 	}
-	function P() {
+	function F() {
 		if (!i.current) return;
-		let e = !T;
-		E(e), i.current.muted = e;
+		let e = !E;
+		D(e), i.current.muted = e;
 	}
-	return D ? /* @__PURE__ */ d(l, {
+	return O ? /* @__PURE__ */ f(u, {
 		message: "Could not load audio",
 		url: e
-	}) : /* @__PURE__ */ f("div", {
+	}) : /* @__PURE__ */ p("div", {
 		ref: o,
-		className: "rounded-surface border border-surface-border bg-surface-raised shadow-raised overflow-hidden",
+		className: "rounded-surface bg-surface-raised shadow-raised overflow-hidden",
 		tabIndex: -1,
 		children: [
-			/* @__PURE__ */ d("audio", {
+			/* @__PURE__ */ f("audio", {
 				ref: i,
 				src: e,
 				onTimeUpdate: () => {
-					i.current && (S(i.current.currentTime), i.current.duration && v(i.current.currentTime / i.current.duration * 100));
+					i.current && (C(i.current.currentTime), i.current.duration && y(i.current.currentTime / i.current.duration * 100));
 				},
-				onLoadedMetadata: () => b(i.current?.duration ?? 0),
-				onEnded: () => m(!1),
+				onLoadedMetadata: () => x(i.current?.duration ?? 0),
+				onEnded: () => h(!1),
 				onError: () => {
-					O(!0), n?.("Audio failed to load");
+					k(!0), n?.("Audio failed to load");
 				}
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "relative h-1 w-full cursor-pointer bg-surface-sunken group/bar",
-				onClick: M,
-				onMouseMove: N,
-				onMouseLeave: () => A(null),
+				onClick: N,
+				onMouseMove: P,
+				onMouseLeave: () => j(null),
 				role: "slider",
 				"aria-label": "Audio progress",
-				"aria-valuenow": Math.round(_),
+				"aria-valuenow": Math.round(v),
 				"aria-valuemin": 0,
 				"aria-valuemax": 100,
 				tabIndex: 0,
 				children: [
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ f("div", {
 						className: "absolute left-0 top-0 h-full bg-accent-9 transition-[width] duration-75",
-						style: { width: `${_}%` }
+						style: { width: `${v}%` }
 					}),
-					k !== null && /* @__PURE__ */ d("div", {
+					A !== null && /* @__PURE__ */ f("div", {
 						className: "absolute -top-7 -translate-x-1/2 rounded-control-inner 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)
+						style: { left: `${A / (b || 1) * 100}%` },
+						children: c(A)
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ f("div", {
 						className: "absolute top-1/2 -translate-y-1/2 h-2.5 w-2.5 rounded-pill bg-accent-9 shadow-raised opacity-0 group-hover/bar:opacity-100 transition-opacity",
 						style: {
-							left: `${_}%`,
+							left: `${v}%`,
 							marginLeft: "-5px"
 						}
 					})
 				]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex items-center gap-ds-04 px-ds-05 py-ds-04",
 				children: [
-					/* @__PURE__ */ d(a, {
+					/* @__PURE__ */ f(a, {
 						variant: "solid",
 						size: "icon-sm",
-						onClick: j,
-						"aria-label": p ? "Pause" : "Play",
-						title: p ? "Pause" : "Play",
+						onClick: M,
+						"aria-label": m ? "Pause" : "Play",
+						title: m ? "Pause" : "Play",
 						className: "shrink-0",
-						children: p ? /* @__PURE__ */ d(r, {
-							icon: h,
-							size: "sm"
-						}) : /* @__PURE__ */ d(r, {
+						children: m ? /* @__PURE__ */ f(r, {
 							icon: g,
+							size: "sm"
+						}) : /* @__PURE__ */ f(r, {
+							icon: _,
 							size: "sm",
 							className: "ml-0.5"
 						})
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("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(s, {
+							as: "p",
+							mode: "middle",
+							className: "text-ds-sm font-semibold text-surface-fg",
 							children: t
-						}), /* @__PURE__ */ f("p", {
+						}), /* @__PURE__ */ p("p", {
 							className: "text-ds-xs font-mono text-surface-fg-muted tabular-nums",
 							children: [
-								s(x),
+								c(S),
 								" / ",
-								s(y)
+								c(b)
 							]
 						})]
 					}),
-					/* @__PURE__ */ d(c, {
-						volume: C,
-						muted: T,
+					/* @__PURE__ */ f(l, {
+						volume: w,
+						muted: E,
 						onVolumeChange: (e) => {
-							w(e), i.current && (i.current.volume = e), e > 0 && T && (E(!1), i.current && (i.current.muted = !1));
+							T(e), i.current && (i.current.volume = e), e > 0 && E && (D(!1), i.current && (i.current.muted = !1));
 						},
-						onMuteToggle: P,
+						onMuteToggle: F,
 						variant: "light"
 					})
 				]
@@ -152,20 +155,20 @@ function y({ url: e, fileName: t, onError: n }) {
 }
 //#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(() => {
+function x({ url: e, embedUrl: n, onError: r }) {
+	let [i, a] = d.useState(!1), [s, c] = d.useState(!1);
+	return d.useEffect(() => {
 		let e = setTimeout(() => {
 			i || (c(!0), r?.("Embed timed out"));
 		}, 15e3);
 		return () => clearTimeout(e);
-	}, [i, r]), s ? /* @__PURE__ */ d(l, {
+	}, [i, r]), s ? /* @__PURE__ */ f(u, {
 		message: "Could not load embed",
 		url: e
-	}) : /* @__PURE__ */ f("div", {
+	}) : /* @__PURE__ */ p("div", {
 		className: "relative w-full rounded-control overflow-hidden",
 		style: { aspectRatio: "16 / 9" },
-		children: [!i && /* @__PURE__ */ d(o, { className: "absolute inset-0" }), /* @__PURE__ */ d(v.iframe, {
+		children: [!i && /* @__PURE__ */ f(o, { className: "absolute inset-0" }), /* @__PURE__ */ f(y.iframe, {
 			src: n,
 			title: "Embedded content",
 			onLoad: () => a(!0),
@@ -182,7 +185,7 @@ function b({ url: e, embedUrl: n, onError: r }) {
 }
 //#endregion
 //#region src/composed/file-preview/video-preview.tsx
-var x = [
+var S = [
 	.5,
 	.75,
 	1,
@@ -190,9 +193,9 @@ var x = [
 	1.5,
 	2
 ];
-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 C({ url: n, onError: i }) {
+	let a = d.useRef(null), o = d.useRef(null), [s, m] = d.useState(!1), [b, x] = d.useState(0), [C, w] = d.useState(0), [T, E] = d.useState(0), [D, O] = d.useState(!1), [k, A] = d.useState(!1), [j, M] = d.useState(!0), [N, P] = d.useState(1), F = d.useRef(void 0);
+	d.useEffect(() => () => clearTimeout(F.current), []), d.useEffect(() => {
 		function e(e) {
 			let t = o.current;
 			if (!t || !t.contains(document.activeElement) && document.activeElement !== t) return;
@@ -200,7 +203,7 @@ function S({ url: n, onError: i }) {
 			if (n) switch (e.key) {
 				case " ":
 				case "k":
-					e.preventDefault(), y((e) => (e ? n.pause() : n.play(), !e));
+					e.preventDefault(), m((e) => (e ? n.pause() : n.play(), !e));
 					break;
 				case "ArrowRight":
 					e.preventDefault(), n.currentTime = Math.min(n.duration, n.currentTime + 5);
@@ -231,11 +234,11 @@ function S({ url: n, onError: i }) {
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, []);
 	function I(e) {
-		let t = x.indexOf(N), n = x[Math.max(0, Math.min(x.length - 1, t + e))];
+		let t = S.indexOf(N), n = S[Math.max(0, Math.min(S.length - 1, t + e))];
 		P(n), a.current && (a.current.playbackRate = n);
 	}
 	function L() {
-		a.current && (p ? a.current.pause() : a.current.play(), y(!p));
+		a.current && (s ? a.current.pause() : a.current.play(), m(!s));
 	}
 	function R(e) {
 		if (!a.current || !C) return;
@@ -243,37 +246,37 @@ function S({ url: n, onError: i }) {
 		a.current.currentTime = n * C;
 	}
 	function z() {
-		M(!0), clearTimeout(F.current), p && (F.current = setTimeout(() => M(!1), 3e3));
+		M(!0), clearTimeout(F.current), s && (F.current = setTimeout(() => M(!1), 3e3));
 	}
-	return k ? /* @__PURE__ */ d(l, {
+	return k ? /* @__PURE__ */ f(u, {
 		message: "Could not load video",
 		url: n
-	}) : /* @__PURE__ */ f("div", {
+	}) : /* @__PURE__ */ p("div", {
 		ref: o,
 		className: "group relative rounded-control bg-black overflow-hidden",
 		onMouseMove: z,
-		onMouseLeave: () => p && M(!1),
+		onMouseLeave: () => s && M(!1),
 		tabIndex: -1,
 		children: [
-			/* @__PURE__ */ d("video", {
+			/* @__PURE__ */ f("video", {
 				ref: a,
 				src: n,
 				className: "max-h-[70vh] w-full",
 				onClick: L,
 				muted: D,
 				onTimeUpdate: () => {
-					a.current && (E(a.current.currentTime), a.current.duration && S(a.current.currentTime / a.current.duration * 100));
+					a.current && (E(a.current.currentTime), a.current.duration && x(a.current.currentTime / a.current.duration * 100));
 				},
 				onLoadedMetadata: () => w(a.current?.duration ?? 0),
 				onEnded: () => {
-					y(!1), M(!0);
+					m(!1), M(!0);
 				},
 				onError: () => {
 					A(!0), i?.("Video failed to load");
 				},
 				playsInline: !0
 			}),
-			!p && /* @__PURE__ */ d(v.button, {
+			!s && /* @__PURE__ */ f(y.button, {
 				initial: {
 					opacity: 0,
 					scale: .8
@@ -286,16 +289,16 @@ function S({ url: n, onError: i }) {
 				onClick: L,
 				className: "absolute inset-0 flex items-center justify-center bg-black/30",
 				"aria-label": "Play video",
-				children: /* @__PURE__ */ d("div", {
+				children: /* @__PURE__ */ f("div", {
 					className: "flex h-14 w-14 items-center justify-center rounded-pill bg-white/90 shadow-floating",
-					children: /* @__PURE__ */ d(r, {
-						icon: g,
+					children: /* @__PURE__ */ f(r, {
+						icon: _,
 						size: "xl",
 						className: "text-surface-fg ml-0.5"
 					})
 				})
 			}),
-			/* @__PURE__ */ d(_, { children: j && C > 0 && /* @__PURE__ */ f(v.div, {
+			/* @__PURE__ */ f(v, { children: j && C > 0 && /* @__PURE__ */ p(y.div, {
 				initial: {
 					opacity: 0,
 					y: 10
@@ -310,7 +313,7 @@ function S({ url: n, onError: i }) {
 				},
 				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", {
+				children: [/* @__PURE__ */ p("div", {
 					className: "relative h-1 w-full cursor-pointer rounded-pill bg-white/30 mb-ds-03 group/progress",
 					onClick: R,
 					role: "slider",
@@ -319,33 +322,33 @@ function S({ url: n, onError: i }) {
 					"aria-valuemin": 0,
 					"aria-valuemax": 100,
 					tabIndex: 0,
-					children: [/* @__PURE__ */ d("div", {
+					children: [/* @__PURE__ */ f("div", {
 						className: "absolute left-0 top-0 h-full rounded-pill bg-white transition-[width] duration-75",
 						style: { width: `${b}%` }
-					}), /* @__PURE__ */ d("div", {
+					}), /* @__PURE__ */ f("div", {
 						className: "absolute top-1/2 -translate-y-1/2 h-3 w-3 rounded-pill bg-white shadow-raised opacity-0 group-hover/progress:opacity-100 transition-opacity",
 						style: {
 							left: `${b}%`,
 							marginLeft: "-6px"
 						}
 					})]
-				}), /* @__PURE__ */ f("div", {
+				}), /* @__PURE__ */ p("div", {
 					className: "flex items-center gap-ds-03",
 					children: [
-						/* @__PURE__ */ d("button", {
+						/* @__PURE__ */ f("button", {
 							onClick: L,
 							className: "text-white hover:text-white/80",
-							"aria-label": p ? "Pause" : "Play",
-							title: p ? "Pause" : "Play",
-							children: p ? /* @__PURE__ */ d(r, {
-								icon: h,
-								size: "lg"
-							}) : /* @__PURE__ */ d(r, {
+							"aria-label": s ? "Pause" : "Play",
+							title: s ? "Pause" : "Play",
+							children: s ? /* @__PURE__ */ f(r, {
 								icon: g,
 								size: "lg"
+							}) : /* @__PURE__ */ f(r, {
+								icon: _,
+								size: "lg"
 							})
 						}),
-						/* @__PURE__ */ d(c, {
+						/* @__PURE__ */ f(l, {
 							volume: +!D,
 							muted: D,
 							onVolumeChange: (e) => {
@@ -356,28 +359,28 @@ function S({ url: n, onError: i }) {
 							},
 							variant: "dark"
 						}),
-						/* @__PURE__ */ f("span", {
+						/* @__PURE__ */ p("span", {
 							className: "text-[11px] font-mono text-white/70 tabular-nums",
 							children: [
-								s(T),
+								c(T),
 								" / ",
-								s(C)
+								c(C)
 							]
 						}),
-						/* @__PURE__ */ d("div", { className: "flex-1" }),
-						/* @__PURE__ */ f("button", {
+						/* @__PURE__ */ f("div", { className: "flex-1" }),
+						/* @__PURE__ */ p("button", {
 							onClick: () => I(1),
 							className: "text-[11px] font-mono text-white/70 hover:text-white px-1 rounded-control-inner hover:bg-white/10 transition-colors",
 							"aria-label": `Playback speed: ${N}x`,
 							children: [N, "x"]
 						}),
-						/* @__PURE__ */ d("button", {
+						/* @__PURE__ */ f("button", {
 							onClick: () => a.current?.requestFullscreen?.(),
 							className: "text-white hover:text-white/80",
 							"aria-label": "Fullscreen (F)",
 							title: "Fullscreen",
-							children: /* @__PURE__ */ d(r, {
-								icon: m,
+							children: /* @__PURE__ */ f(r, {
+								icon: h,
 								size: "sm"
 							})
 						})
@@ -389,8 +392,8 @@ function S({ url: n, onError: i }) {
 }
 //#endregion
 //#region src/composed/file-preview.tsx
-var C = u.lazy(() => import("../_chunks/image-preview.js")), w = u.lazy(() => import("../_chunks/document-preview.js"));
-function T(e, t) {
+var w = d.lazy(() => import("../_chunks/image-preview.js")), T = d.lazy(() => import("../_chunks/document-preview.js"));
+function E(e, t) {
 	if (t) {
 		if (t.startsWith("image/")) return "image";
 		if (t === "application/pdf") return "pdf";
@@ -420,7 +423,7 @@ function T(e, t) {
 		"flac"
 	].includes(n ?? "") ? "audio" : e.includes("figma.com") || e.includes("loom.com") || e.includes("youtube.com") || e.includes("youtu.be") || e.includes("vimeo.com") ? "embed" : "image";
 }
-function E(e) {
+function D(e) {
 	let t = e.match(/(?:youtube\.com\/watch\?v=|youtu\.be\/)([^&?]+)/);
 	if (t) return `https://www.youtube.com/embed/${t[1]}`;
 	let n = e.match(/vimeo\.com\/(\d+)/);
@@ -429,61 +432,62 @@ 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: 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-control" });
-	return /* @__PURE__ */ f("div", {
-		className: n("flex flex-col gap-ds-03", _),
-		...v,
+function O({ url: e, type: t, mimeType: c, alt: l, initialPage: u = 1, fileName: h, fileSize: g, onError: _, className: v, ...y }) {
+	let S = t ?? E(e, c), O = /* @__PURE__ */ f(o, { className: "h-64 w-full rounded-control" });
+	return /* @__PURE__ */ p("div", {
+		className: n("flex flex-col gap-ds-03", v),
+		...y,
 		children: [
-			(m || h) && /* @__PURE__ */ f("div", {
+			(h || g) && /* @__PURE__ */ p("div", {
 				className: "flex items-center gap-ds-03",
-				children: [m && /* @__PURE__ */ d("span", {
-					className: "text-ds-sm font-semibold text-surface-fg truncate",
-					children: m
-				}), h && /* @__PURE__ */ d(i, {
+				children: [h && /* @__PURE__ */ f(s, {
+					mode: "middle",
+					className: "min-w-0 text-ds-sm font-semibold text-surface-fg",
+					children: h
+				}), g && /* @__PURE__ */ f(i, {
 					variant: "subtle",
 					size: "xs",
-					children: h
+					children: g
 				})]
 			}),
-			x === "image" && /* @__PURE__ */ d(u.Suspense, {
-				fallback: D,
-				children: /* @__PURE__ */ d(C, {
+			S === "image" && /* @__PURE__ */ f(d.Suspense, {
+				fallback: O,
+				children: /* @__PURE__ */ f(w, {
 					url: e,
-					alt: c,
-					onError: g
+					alt: l,
+					onError: _
 				})
 			}),
-			x === "pdf" && /* @__PURE__ */ d(u.Suspense, {
-				fallback: D,
-				children: /* @__PURE__ */ d(w, {
+			S === "pdf" && /* @__PURE__ */ f(d.Suspense, {
+				fallback: O,
+				children: /* @__PURE__ */ f(T, {
 					url: e,
-					initialPage: l,
-					onError: g
+					initialPage: u,
+					onError: _
 				})
 			}),
-			x === "video" && /* @__PURE__ */ d(S, {
+			S === "video" && /* @__PURE__ */ f(C, {
 				url: e,
-				onError: g
+				onError: _
 			}),
-			x === "audio" && /* @__PURE__ */ d(y, {
+			S === "audio" && /* @__PURE__ */ f(b, {
 				url: e,
-				fileName: m,
-				onError: g
+				fileName: h,
+				onError: _
 			}),
-			x === "embed" && /* @__PURE__ */ d(b, {
+			S === "embed" && /* @__PURE__ */ f(x, {
 				url: e,
-				embedUrl: E(e),
-				onError: g
+				embedUrl: D(e),
+				onError: _
 			}),
-			x !== "audio" && /* @__PURE__ */ d("div", {
+			S !== "audio" && /* @__PURE__ */ f("div", {
 				className: "flex justify-end",
-				children: /* @__PURE__ */ d(a, {
+				children: /* @__PURE__ */ f(a, {
 					variant: "ghost",
 					size: "xs",
-					startIcon: /* @__PURE__ */ d(r, { icon: p }),
+					startIcon: /* @__PURE__ */ f(r, { icon: m }),
 					asChild: !0,
-					children: /* @__PURE__ */ d("a", {
+					children: /* @__PURE__ */ f("a", {
 						href: e,
 						download: !0,
 						target: "_blank",
@@ -496,4 +500,4 @@ function D({ url: e, type: t, mimeType: s, alt: c, initialPage: l = 1, fileName:
 	});
 }
 //#endregion
-export { D as FilePreview };
+export { O as FilePreview };