@devalok/shilp-sutra 0.44.0 → 0.45.0

package/dist/composed/file-preview.js

@@ -6,22 +6,22 @@ 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 { 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";
+import { a as c, n as l, o as u, t as d } from "../_chunks/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 { AnimatePresence as y, motion as b } from "framer-motion";
 //#region src/composed/file-preview/audio-preview.tsx
-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 x({ url: e, fileName: t, onError: n }) {
+	let i = f.useRef(null), o = f.useRef(null), [h, g] = f.useState(!1), [y, b] = f.useState(0), [x, S] = f.useState(0), [C, w] = f.useState(0), [T, E] = f.useState(1), [D, O] = f.useState(!1), [k, A] = f.useState(!1);
+	f.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(), h((e) => (e ? n.pause() : n.play(), !e));
+					e.preventDefault(), g((e) => (e ? n.pause() : n.play(), !e));
 					break;
 				case "ArrowRight":
 					e.preventDefault(), n.currentTime = Math.min(n.duration || 0, n.currentTime + 5);
@@ -30,122 +30,96 @@ function b({ url: e, fileName: t, onError: n }) {
 					e.preventDefault(), n.currentTime = Math.max(0, n.currentTime - 5);
 					break;
 				case "m":
-					e.preventDefault(), D((e) => (n.muted = !e, !e));
+					e.preventDefault(), O((e) => (n.muted = !e, !e));
 					break;
 			}
 		}
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, []);
-	function M() {
-		i.current && (m ? i.current.pause() : i.current.play(), h(!m));
-	}
-	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 * b;
+	function j() {
+		i.current && (h ? i.current.pause() : i.current.play(), g(!h));
 	}
-	function P(e) {
-		if (!b) return;
-		let t = e.currentTarget.getBoundingClientRect();
-		j((e.clientX - t.left) / t.width * b);
+	function M(e) {
+		!i.current || !x || (i.current.currentTime = e / 100 * x);
 	}
-	function F() {
+	function N() {
 		if (!i.current) return;
-		let e = !E;
-		D(e), i.current.muted = e;
+		let e = !D;
+		O(e), i.current.muted = e;
 	}
-	return O ? /* @__PURE__ */ f(u, {
+	return k ? /* @__PURE__ */ p(d, {
 		message: "Could not load audio",
 		url: e
-	}) : /* @__PURE__ */ p("div", {
+	}) : /* @__PURE__ */ m("div", {
 		ref: o,
 		className: "rounded-surface bg-surface-raised shadow-raised overflow-hidden",
 		tabIndex: -1,
 		children: [
-			/* @__PURE__ */ f("audio", {
+			/* @__PURE__ */ p("audio", {
 				ref: i,
 				src: e,
 				onTimeUpdate: () => {
-					i.current && (C(i.current.currentTime), i.current.duration && y(i.current.currentTime / i.current.duration * 100));
+					i.current && (w(i.current.currentTime), i.current.duration && b(i.current.currentTime / i.current.duration * 100));
 				},
-				onLoadedMetadata: () => x(i.current?.duration ?? 0),
-				onEnded: () => h(!1),
+				onLoadedMetadata: () => S(i.current?.duration ?? 0),
+				onEnded: () => g(!1),
 				onError: () => {
-					k(!0), n?.("Audio failed to load");
+					A(!0), n?.("Audio failed to load");
 				}
 			}),
 			/* @__PURE__ */ p("div", {
-				className: "relative h-1 w-full cursor-pointer bg-surface-sunken group/bar",
-				onClick: N,
-				onMouseMove: P,
-				onMouseLeave: () => j(null),
-				role: "slider",
-				"aria-label": "Audio progress",
-				"aria-valuenow": Math.round(v),
-				"aria-valuemin": 0,
-				"aria-valuemax": 100,
-				tabIndex: 0,
-				children: [
-					/* @__PURE__ */ f("div", {
-						className: "absolute left-0 top-0 h-full bg-accent-9 transition-[width] duration-75",
-						style: { width: `${v}%` }
-					}),
-					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: `${A / (b || 1) * 100}%` },
-						children: c(A)
-					}),
-					/* @__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: `${v}%`,
-							marginLeft: "-5px"
-						}
-					})
-				]
+				className: "px-ds-03 pt-ds-02",
+				children: /* @__PURE__ */ p(l, {
+					value: y,
+					max: 100,
+					step: .1,
+					onValueChange: M,
+					tone: "light",
+					ariaLabel: "Audio progress"
+				})
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex items-center gap-ds-04 px-ds-05 py-ds-04",
 				children: [
-					/* @__PURE__ */ f(a, {
+					/* @__PURE__ */ p(a, {
 						variant: "solid",
 						size: "icon-sm",
-						onClick: M,
-						"aria-label": m ? "Pause" : "Play",
-						title: m ? "Pause" : "Play",
+						onClick: j,
+						"aria-label": h ? "Pause" : "Play",
+						title: h ? "Pause" : "Play",
 						className: "shrink-0",
-						children: m ? /* @__PURE__ */ f(r, {
-							icon: g,
-							size: "sm"
-						}) : /* @__PURE__ */ f(r, {
+						children: h ? /* @__PURE__ */ p(r, {
 							icon: _,
+							size: "sm"
+						}) : /* @__PURE__ */ p(r, {
+							icon: v,
 							size: "sm",
 							className: "ml-0.5"
 						})
 					}),
-					/* @__PURE__ */ p("div", {
+					/* @__PURE__ */ m("div", {
 						className: "flex-1 min-w-0",
-						children: [t && /* @__PURE__ */ f(s, {
+						children: [t && /* @__PURE__ */ p(s, {
 							as: "p",
 							mode: "middle",
 							className: "text-ds-sm font-semibold text-surface-fg",
 							children: t
-						}), /* @__PURE__ */ p("p", {
+						}), /* @__PURE__ */ m("p", {
 							className: "text-ds-xs font-mono text-surface-fg-muted tabular-nums",
 							children: [
-								c(S),
+								u(C),
 								" / ",
-								c(b)
+								u(x)
 							]
 						})]
 					}),
-					/* @__PURE__ */ f(l, {
-						volume: w,
-						muted: E,
+					/* @__PURE__ */ p(c, {
+						volume: T,
+						muted: D,
 						onVolumeChange: (e) => {
-							T(e), i.current && (i.current.volume = e), e > 0 && E && (D(!1), i.current && (i.current.muted = !1));
+							E(e), i.current && (i.current.volume = e), e > 0 && D && (O(!1), i.current && (i.current.muted = !1));
 						},
-						onMuteToggle: F,
+						onMuteToggle: N,
 						variant: "light"
 					})
 				]
@@ -155,20 +129,20 @@ function b({ url: e, fileName: t, onError: n }) {
 }
 //#endregion
 //#region src/composed/file-preview/embed-preview.tsx
-function x({ url: e, embedUrl: n, onError: r }) {
-	let [i, a] = d.useState(!1), [s, c] = d.useState(!1);
-	return d.useEffect(() => {
+function S({ url: e, embedUrl: n, onError: r }) {
+	let [i, a] = f.useState(!1), [s, c] = f.useState(!1);
+	return f.useEffect(() => {
 		let e = setTimeout(() => {
 			i || (c(!0), r?.("Embed timed out"));
 		}, 15e3);
 		return () => clearTimeout(e);
-	}, [i, r]), s ? /* @__PURE__ */ f(u, {
+	}, [i, r]), s ? /* @__PURE__ */ p(d, {
 		message: "Could not load embed",
 		url: e
-	}) : /* @__PURE__ */ p("div", {
+	}) : /* @__PURE__ */ m("div", {
 		className: "relative w-full rounded-control overflow-hidden",
 		style: { aspectRatio: "16 / 9" },
-		children: [!i && /* @__PURE__ */ f(o, { className: "absolute inset-0" }), /* @__PURE__ */ f(y.iframe, {
+		children: [!i && /* @__PURE__ */ p(o, { className: "absolute inset-0" }), /* @__PURE__ */ p(b.iframe, {
 			src: n,
 			title: "Embedded content",
 			onLoad: () => a(!0),
@@ -185,7 +159,7 @@ function x({ url: e, embedUrl: n, onError: r }) {
 }
 //#endregion
 //#region src/composed/file-preview/video-preview.tsx
-var S = [
+var C = [
 	.5,
 	.75,
 	1,
@@ -193,9 +167,9 @@ var S = [
 	1.5,
 	2
 ];
-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 w({ url: n, onError: i }) {
+	let a = f.useRef(null), o = f.useRef(null), [s, h] = f.useState(!1), [x, S] = f.useState(0), [w, T] = f.useState(0), [E, D] = f.useState(0), [O, k] = f.useState(!1), [A, j] = f.useState(!1), [M, N] = f.useState(!0), [P, F] = f.useState(1), I = f.useRef(void 0);
+	f.useEffect(() => () => clearTimeout(I.current), []), f.useEffect(() => {
 		function e(e) {
 			let t = o.current;
 			if (!t || !t.contains(document.activeElement) && document.activeElement !== t) return;
@@ -203,7 +177,7 @@ function C({ url: n, onError: i }) {
 			if (n) switch (e.key) {
 				case " ":
 				case "k":
-					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, n.currentTime + 5);
@@ -218,65 +192,63 @@ function C({ url: n, onError: i }) {
 					e.preventDefault(), n.currentTime = Math.min(n.duration, n.currentTime + 10);
 					break;
 				case "m":
-					e.preventDefault(), O((e) => (n.muted = !e, !e));
+					e.preventDefault(), k((e) => (n.muted = !e, !e));
 					break;
 				case "f":
 					e.preventDefault(), n.requestFullscreen?.();
 					break;
 				case ">":
-					e.preventDefault(), I(1);
+					e.preventDefault(), L(1);
 					break;
 				case "<":
-					e.preventDefault(), I(-1);
+					e.preventDefault(), L(-1);
 					break;
 			}
 		}
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, []);
-	function I(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(e) {
+		let t = C.indexOf(P), n = C[Math.max(0, Math.min(C.length - 1, t + e))];
+		F(n), a.current && (a.current.playbackRate = n);
 	}
-	function L() {
-		a.current && (s ? a.current.pause() : a.current.play(), m(!s));
+	function R() {
+		a.current && (s ? a.current.pause() : a.current.play(), h(!s));
 	}
-	function R(e) {
-		if (!a.current || !C) return;
-		let t = e.currentTarget.getBoundingClientRect(), n = (e.clientX - t.left) / t.width;
-		a.current.currentTime = n * C;
+	function z(e) {
+		!a.current || !w || (a.current.currentTime = e / 100 * w);
 	}
-	function z() {
-		M(!0), clearTimeout(F.current), s && (F.current = setTimeout(() => M(!1), 3e3));
+	function B() {
+		N(!0), clearTimeout(I.current), s && (I.current = setTimeout(() => N(!1), 3e3));
 	}
-	return k ? /* @__PURE__ */ f(u, {
+	return A ? /* @__PURE__ */ p(d, {
 		message: "Could not load video",
 		url: n
-	}) : /* @__PURE__ */ p("div", {
+	}) : /* @__PURE__ */ m("div", {
 		ref: o,
 		className: "group relative rounded-control bg-black overflow-hidden",
-		onMouseMove: z,
-		onMouseLeave: () => s && M(!1),
+		onMouseMove: B,
+		onMouseLeave: () => s && N(!1),
 		tabIndex: -1,
 		children: [
-			/* @__PURE__ */ f("video", {
+			/* @__PURE__ */ p("video", {
 				ref: a,
 				src: n,
 				className: "max-h-[70vh] w-full",
-				onClick: L,
-				muted: D,
+				onClick: R,
+				muted: O,
 				onTimeUpdate: () => {
-					a.current && (E(a.current.currentTime), a.current.duration && x(a.current.currentTime / a.current.duration * 100));
+					a.current && (D(a.current.currentTime), a.current.duration && S(a.current.currentTime / a.current.duration * 100));
 				},
-				onLoadedMetadata: () => w(a.current?.duration ?? 0),
+				onLoadedMetadata: () => T(a.current?.duration ?? 0),
 				onEnded: () => {
-					m(!1), M(!0);
+					h(!1), N(!0);
 				},
 				onError: () => {
-					A(!0), i?.("Video failed to load");
+					j(!0), i?.("Video failed to load");
 				},
 				playsInline: !0
 			}),
-			!s && /* @__PURE__ */ f(y.button, {
+			!s && /* @__PURE__ */ p(b.button, {
 				initial: {
 					opacity: 0,
 					scale: .8
@@ -286,19 +258,19 @@ function C({ url: n, onError: i }) {
 					scale: 1
 				},
 				transition: e.snappy,
-				onClick: L,
+				onClick: R,
 				className: "absolute inset-0 flex items-center justify-center bg-black/30",
 				"aria-label": "Play video",
-				children: /* @__PURE__ */ f("div", {
+				children: /* @__PURE__ */ p("div", {
 					className: "flex h-14 w-14 items-center justify-center rounded-pill bg-white/90 shadow-floating",
-					children: /* @__PURE__ */ f(r, {
-						icon: _,
+					children: /* @__PURE__ */ p(r, {
+						icon: v,
 						size: "xl",
 						className: "text-surface-fg ml-0.5"
 					})
 				})
 			}),
-			/* @__PURE__ */ f(v, { children: j && C > 0 && /* @__PURE__ */ p(y.div, {
+			/* @__PURE__ */ p(y, { children: M && w > 0 && /* @__PURE__ */ m(b.div, {
 				initial: {
 					opacity: 0,
 					y: 10
@@ -313,74 +285,63 @@ function C({ 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__ */ p("div", {
-					className: "relative h-1 w-full cursor-pointer rounded-pill bg-white/30 mb-ds-03 group/progress",
-					onClick: R,
-					role: "slider",
-					"aria-label": "Video progress",
-					"aria-valuenow": Math.round(b),
-					"aria-valuemin": 0,
-					"aria-valuemax": 100,
-					tabIndex: 0,
-					children: [/* @__PURE__ */ f("div", {
-						className: "absolute left-0 top-0 h-full rounded-pill bg-white transition-[width] duration-75",
-						style: { width: `${b}%` }
-					}), /* @__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__ */ p("div", {
+				children: [/* @__PURE__ */ p(l, {
+					className: "mb-ds-03",
+					value: x,
+					max: 100,
+					step: .1,
+					onValueChange: z,
+					tone: "dark",
+					ariaLabel: "Video progress"
+				}), /* @__PURE__ */ m("div", {
 					className: "flex items-center gap-ds-03",
 					children: [
-						/* @__PURE__ */ f("button", {
-							onClick: L,
+						/* @__PURE__ */ p("button", {
+							onClick: R,
 							className: "text-white hover:text-white/80",
 							"aria-label": s ? "Pause" : "Play",
 							title: s ? "Pause" : "Play",
-							children: s ? /* @__PURE__ */ f(r, {
-								icon: g,
-								size: "lg"
-							}) : /* @__PURE__ */ f(r, {
+							children: s ? /* @__PURE__ */ p(r, {
 								icon: _,
 								size: "lg"
+							}) : /* @__PURE__ */ p(r, {
+								icon: v,
+								size: "lg"
 							})
 						}),
-						/* @__PURE__ */ f(l, {
-							volume: +!D,
-							muted: D,
+						/* @__PURE__ */ p(c, {
+							volume: +!O,
+							muted: O,
 							onVolumeChange: (e) => {
-								a.current && (a.current.volume = e), e > 0 && D && (O(!1), a.current && (a.current.muted = !1));
+								a.current && (a.current.volume = e), e > 0 && O && (k(!1), a.current && (a.current.muted = !1));
 							},
 							onMuteToggle: () => {
-								O(!D), a.current && (a.current.muted = !D);
+								k(!O), a.current && (a.current.muted = !O);
 							},
 							variant: "dark"
 						}),
-						/* @__PURE__ */ p("span", {
+						/* @__PURE__ */ m("span", {
 							className: "text-[11px] font-mono text-white/70 tabular-nums",
 							children: [
-								c(T),
+								u(E),
 								" / ",
-								c(C)
+								u(w)
 							]
 						}),
-						/* @__PURE__ */ f("div", { className: "flex-1" }),
-						/* @__PURE__ */ p("button", {
-							onClick: () => I(1),
+						/* @__PURE__ */ p("div", { className: "flex-1" }),
+						/* @__PURE__ */ m("button", {
+							onClick: () => L(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"]
+							"aria-label": `Playback speed: ${P}x`,
+							children: [P, "x"]
 						}),
-						/* @__PURE__ */ f("button", {
+						/* @__PURE__ */ p("button", {
 							onClick: () => a.current?.requestFullscreen?.(),
 							className: "text-white hover:text-white/80",
 							"aria-label": "Fullscreen (F)",
 							title: "Fullscreen",
-							children: /* @__PURE__ */ f(r, {
-								icon: h,
+							children: /* @__PURE__ */ p(r, {
+								icon: g,
 								size: "sm"
 							})
 						})
@@ -392,8 +353,8 @@ function C({ url: n, onError: i }) {
 }
 //#endregion
 //#region src/composed/file-preview.tsx
-var w = d.lazy(() => import("../_chunks/image-preview.js")), T = d.lazy(() => import("../_chunks/document-preview.js"));
-function E(e, t) {
+var T = f.lazy(() => import("../_chunks/image-preview.js")), E = f.lazy(() => import("../_chunks/document-preview.js"));
+function D(e, t) {
 	if (t) {
 		if (t.startsWith("image/")) return "image";
 		if (t === "application/pdf") return "pdf";
@@ -423,7 +384,7 @@ function E(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 D(e) {
+function O(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+)/);
@@ -432,62 +393,62 @@ function D(e) {
 	let r = e.match(/loom\.com\/share\/([^?]+)/);
 	return r ? `https://www.loom.com/embed/${r[1]}` : e;
 }
-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", {
+function k({ url: e, type: t, mimeType: c, alt: l, initialPage: u = 1, fileName: d, fileSize: g, onError: _, className: v, ...y }) {
+	let b = t ?? D(e, c), C = /* @__PURE__ */ p(o, { className: "h-64 w-full rounded-control" });
+	return /* @__PURE__ */ m("div", {
 		className: n("flex flex-col gap-ds-03", v),
 		...y,
 		children: [
-			(h || g) && /* @__PURE__ */ p("div", {
+			(d || g) && /* @__PURE__ */ m("div", {
 				className: "flex items-center gap-ds-03",
-				children: [h && /* @__PURE__ */ f(s, {
+				children: [d && /* @__PURE__ */ p(s, {
 					mode: "middle",
 					className: "min-w-0 text-ds-sm font-semibold text-surface-fg",
-					children: h
-				}), g && /* @__PURE__ */ f(i, {
+					children: d
+				}), g && /* @__PURE__ */ p(i, {
 					variant: "subtle",
 					size: "xs",
 					children: g
 				})]
 			}),
-			S === "image" && /* @__PURE__ */ f(d.Suspense, {
-				fallback: O,
-				children: /* @__PURE__ */ f(w, {
+			b === "image" && /* @__PURE__ */ p(f.Suspense, {
+				fallback: C,
+				children: /* @__PURE__ */ p(T, {
 					url: e,
 					alt: l,
 					onError: _
 				})
 			}),
-			S === "pdf" && /* @__PURE__ */ f(d.Suspense, {
-				fallback: O,
-				children: /* @__PURE__ */ f(T, {
+			b === "pdf" && /* @__PURE__ */ p(f.Suspense, {
+				fallback: C,
+				children: /* @__PURE__ */ p(E, {
 					url: e,
 					initialPage: u,
 					onError: _
 				})
 			}),
-			S === "video" && /* @__PURE__ */ f(C, {
+			b === "video" && /* @__PURE__ */ p(w, {
 				url: e,
 				onError: _
 			}),
-			S === "audio" && /* @__PURE__ */ f(b, {
+			b === "audio" && /* @__PURE__ */ p(x, {
 				url: e,
-				fileName: h,
+				fileName: d,
 				onError: _
 			}),
-			S === "embed" && /* @__PURE__ */ f(x, {
+			b === "embed" && /* @__PURE__ */ p(S, {
 				url: e,
-				embedUrl: D(e),
+				embedUrl: O(e),
 				onError: _
 			}),
-			S !== "audio" && /* @__PURE__ */ f("div", {
+			b !== "audio" && /* @__PURE__ */ p("div", {
 				className: "flex justify-end",
-				children: /* @__PURE__ */ f(a, {
+				children: /* @__PURE__ */ p(a, {
 					variant: "ghost",
 					size: "xs",
-					startIcon: /* @__PURE__ */ f(r, { icon: m }),
+					startIcon: /* @__PURE__ */ p(r, { icon: h }),
 					asChild: !0,
-					children: /* @__PURE__ */ f("a", {
+					children: /* @__PURE__ */ p("a", {
 						href: e,
 						download: !0,
 						target: "_blank",
@@ -500,4 +461,4 @@ function O({ url: e, type: t, mimeType: c, alt: l, initialPage: u = 1, fileName:
 	});
 }
 //#endregion
-export { O as FilePreview };
+export { k as FilePreview };