arxatec-ui 0.1.65 → 0.1.67

package/dist/components/file_view/components/file_simple_preview_render/index.d.ts

@@ -1,5 +1,7 @@
+import { FileViewLoadingChangeHandler } from '../../types';
 export interface FileSimplePreviewRenderProps {
     file: File;
     url: string;
+    onLoadingChange?: FileViewLoadingChangeHandler;
 }
-export declare const FileSimplePreviewRender: ({ file, url }: FileSimplePreviewRenderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileSimplePreviewRender: ({ file, url, onLoadingChange, }: FileSimplePreviewRenderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/file_view/components/file_simple_preview_render/index.js

@@ -12,32 +12,45 @@ import { downloadFromUrl as u } from "../../utilities/download_from_url.js";
 import { CODE_FILE_EXTENSIONS as d, CODE_MIME_PREFIXES as f, OFFICE_MIME_TYPES as p } from "./constants/index.js";
 import { jsx as m } from "react/jsx-runtime";
 //#region src/components/file_view/components/file_simple_preview_render/index.tsx
-var h = ({ file: h, url: g }) => {
-	let _ = s(h), v = () => u(g, h.name);
-	return _ === "application/pdf" ? /* @__PURE__ */ m(e, {
+var h = ({ file: h, url: g, onLoadingChange: _ }) => {
+	let v = s(h), y = () => u(g, h.name);
+	return v === "application/pdf" ? /* @__PURE__ */ m(e, {
 		url: g,
 		fileName: h.name,
-		onDownload: v
-	}) : _.startsWith("image/") ? /* @__PURE__ */ m(t, {
+		onDownload: y,
+		onLoadingChange: _
+	}) : v.startsWith("image/") ? /* @__PURE__ */ m(t, {
 		url: g,
-		mimeType: _,
+		mimeType: v,
 		fileId: g,
 		fileName: h.name,
-		onDownload: v
-	}) : _.startsWith("video/") ? /* @__PURE__ */ m(n, {
+		onDownload: y,
+		onLoadingChange: _
+	}) : v.startsWith("video/") ? /* @__PURE__ */ m(n, {
 		url: g,
 		fileName: h.name,
-		onDownload: v
-	}) : _.startsWith("audio/") ? /* @__PURE__ */ m(r, {
+		onDownload: y,
+		onLoadingChange: _
+	}) : v.startsWith("audio/") ? /* @__PURE__ */ m(r, {
 		url: g,
 		fileName: h.name,
-		onDownload: v
-	}) : f.some((e) => _.startsWith(e)) || d.test(h.name) ? /* @__PURE__ */ m(c, { file: h }) : _ === "application/vnd.openxmlformats-officedocument.wordprocessingml.document" ? /* @__PURE__ */ m(o, { file: h }) : _ === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" || _ === "application/vnd.ms-excel" ? /* @__PURE__ */ m(l, { file: h }) : p.includes(_) ? /* @__PURE__ */ m(a, {
+		onDownload: y,
+		onLoadingChange: _
+	}) : f.some((e) => v.startsWith(e)) || d.test(h.name) ? /* @__PURE__ */ m(c, {
+		file: h,
+		onLoadingChange: _
+	}) : v === "application/vnd.openxmlformats-officedocument.wordprocessingml.document" ? /* @__PURE__ */ m(o, {
+		file: h,
+		onLoadingChange: _
+	}) : v === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" || v === "application/vnd.ms-excel" ? /* @__PURE__ */ m(l, {
+		file: h,
+		onLoadingChange: _
+	}) : p.includes(v) ? /* @__PURE__ */ m(a, {
 		url: g,
 		fileName: h.name
 	}) : /* @__PURE__ */ m(i, {
 		fileName: h.name,
-		onDownload: v
+		onDownload: y
 	});
 };
 //#endregion

package/dist/components/file_view/components/file_simple_preview_render/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/file_simple_preview_render/index.tsx"],"sourcesContent":["import { FileAudioPlayer } from \"../audio_player\";\nimport { FileBlobOfficeUnavailable } from \"../blob_office_unavailable\";\nimport { FileDocxPreviewViewer } from \"../docx_preview_viewer\";\nimport { FileImageViewer } from \"../image_viewer\";\nimport { FilePdfViewer } from \"../pdf_viewer\";\nimport { FileSourceFileViewer } from \"../file_source_file_viewer\";\nimport { FileUnknownViewer } from \"../unknown_viewer\";\nimport { FileVideoPlayer } from \"../video_player\";\nimport { FileXlsxPreviewViewer } from \"../xlsx_preview_viewer\";\nimport { downloadFromUrl } from \"../../utilities/download_from_url\";\nimport { effectiveMimeFromFile } from \"../../utilities/effective_mime_from_file\";\nimport { CODE_FILE_EXTENSIONS, CODE_MIME_PREFIXES, DOCX_MIME, OFFICE_MIME_TYPES, XLSX_MIME, XLS_MIME } from \"./constants\";\n\nexport interface FileSimplePreviewRenderProps {\n  file: File;\n  url: string;\n}\n\nexport const FileSimplePreviewRender = ({ file, url }: FileSimplePreviewRenderProps) => {\n  const mimeType = effectiveMimeFromFile(file);\n  const download = () => downloadFromUrl(url, file.name);\n\n  if (mimeType === \"application/pdf\") {\n    return (\n      <FilePdfViewer url={url} fileName={file.name} onDownload={download} />\n    );\n  }\n\n  if (mimeType.startsWith(\"image/\")) {\n    return (\n      <FileImageViewer\n        url={url}\n        mimeType={mimeType}\n        fileId={url}\n        fileName={file.name}\n        onDownload={download}\n      />\n    );\n  }\n\n  if (mimeType.startsWith(\"video/\")) {\n    return (\n      <FileVideoPlayer url={url} fileName={file.name} onDownload={download} />\n    );\n  }\n\n  if (mimeType.startsWith(\"audio/\")) {\n    return (\n      <FileAudioPlayer url={url} fileName={file.name} onDownload={download} />\n    );\n  }\n\n  const isCode =\n    CODE_MIME_PREFIXES.some((prefix) => mimeType.startsWith(prefix)) ||\n    CODE_FILE_EXTENSIONS.test(file.name);\n\n  if (isCode) return <FileSourceFileViewer file={file} />;\n\n  if (mimeType === DOCX_MIME) return <FileDocxPreviewViewer file={file} />;\n\n  if (mimeType === XLSX_MIME || mimeType === XLS_MIME) {\n    return <FileXlsxPreviewViewer file={file} />;\n  }\n\n  if ((OFFICE_MIME_TYPES as readonly string[]).includes(mimeType)) {\n    return <FileBlobOfficeUnavailable url={url} fileName={file.name} />;\n  }\n\n  return <FileUnknownViewer fileName={file.name} onDownload={download} />;\n};\n"],"mappings":";;;;;;;;;;;;;;AAkBA,IAAa,KAA2B,EAAE,SAAM,aAAwC;CACtF,IAAM,IAAW,EAAsB,EAAK,EACtC,UAAiB,EAAgB,GAAK,EAAK,KAAK;AAgDtD,QA9CI,MAAa,oBAEb,kBAAC,GAAD;EAAoB;EAAK,UAAU,EAAK;EAAM,YAAY;EAAY,CAAA,GAItE,EAAS,WAAW,SAAS,GAE7B,kBAAC,GAAD;EACO;EACK;EACV,QAAQ;EACR,UAAU,EAAK;EACf,YAAY;EACZ,CAAA,GAIF,EAAS,WAAW,SAAS,GAE7B,kBAAC,GAAD;EAAsB;EAAK,UAAU,EAAK;EAAM,YAAY;EAAY,CAAA,GAIxE,EAAS,WAAW,SAAS,GAE7B,kBAAC,GAAD;EAAsB;EAAK,UAAU,EAAK;EAAM,YAAY;EAAY,CAAA,GAK1E,EAAmB,MAAM,MAAW,EAAS,WAAW,EAAO,CAAC,IAChE,EAAqB,KAAK,EAAK,KAAK,GAEnB,kBAAC,GAAD,EAA4B,SAAQ,CAAA,GAEnD,MAAA,4EAA+B,kBAAC,GAAD,EAA6B,SAAQ,CAAA,GAEpE,MAAA,uEAA0B,MAAA,6BACrB,kBAAC,GAAD,EAA6B,SAAQ,CAAA,GAGzC,EAAwC,SAAS,EAAS,GACtD,kBAAC,GAAD;EAAgC;EAAK,UAAU,EAAK;EAAQ,CAAA,GAG9D,kBAAC,GAAD;EAAmB,UAAU,EAAK;EAAM,YAAY;EAAY,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/file_simple_preview_render/index.tsx"],"sourcesContent":["import { FileAudioPlayer } from \"../audio_player\";\nimport { FileBlobOfficeUnavailable } from \"../blob_office_unavailable\";\nimport { FileDocxPreviewViewer } from \"../docx_preview_viewer\";\nimport { FileImageViewer } from \"../image_viewer\";\nimport { FilePdfViewer } from \"../pdf_viewer\";\nimport { FileSourceFileViewer } from \"../file_source_file_viewer\";\nimport { FileUnknownViewer } from \"../unknown_viewer\";\nimport { FileVideoPlayer } from \"../video_player\";\nimport { FileXlsxPreviewViewer } from \"../xlsx_preview_viewer\";\nimport { downloadFromUrl } from \"../../utilities/download_from_url\";\nimport { effectiveMimeFromFile } from \"../../utilities/effective_mime_from_file\";\nimport { CODE_FILE_EXTENSIONS, CODE_MIME_PREFIXES, DOCX_MIME, OFFICE_MIME_TYPES, XLSX_MIME, XLS_MIME } from \"./constants\";\nimport type { FileViewLoadingChangeHandler } from \"../../types\";\n\nexport interface FileSimplePreviewRenderProps {\n  file: File;\n  url: string;\n  onLoadingChange?: FileViewLoadingChangeHandler;\n}\n\nexport const FileSimplePreviewRender = ({\n  file,\n  url,\n  onLoadingChange,\n}: FileSimplePreviewRenderProps) => {\n  const mimeType = effectiveMimeFromFile(file);\n  const download = () => downloadFromUrl(url, file.name);\n\n  if (mimeType === \"application/pdf\") {\n    return (\n      <FilePdfViewer\n        url={url}\n        fileName={file.name}\n        onDownload={download}\n        onLoadingChange={onLoadingChange}\n      />\n    );\n  }\n\n  if (mimeType.startsWith(\"image/\")) {\n    return (\n      <FileImageViewer\n        url={url}\n        mimeType={mimeType}\n        fileId={url}\n        fileName={file.name}\n        onDownload={download}\n        onLoadingChange={onLoadingChange}\n      />\n    );\n  }\n\n  if (mimeType.startsWith(\"video/\")) {\n    return (\n      <FileVideoPlayer\n        url={url}\n        fileName={file.name}\n        onDownload={download}\n        onLoadingChange={onLoadingChange}\n      />\n    );\n  }\n\n  if (mimeType.startsWith(\"audio/\")) {\n    return (\n      <FileAudioPlayer\n        url={url}\n        fileName={file.name}\n        onDownload={download}\n        onLoadingChange={onLoadingChange}\n      />\n    );\n  }\n\n  const isCode =\n    CODE_MIME_PREFIXES.some((prefix) => mimeType.startsWith(prefix)) ||\n    CODE_FILE_EXTENSIONS.test(file.name);\n\n  if (isCode) {\n    return <FileSourceFileViewer file={file} onLoadingChange={onLoadingChange} />;\n  }\n\n  if (mimeType === DOCX_MIME) {\n    return <FileDocxPreviewViewer file={file} onLoadingChange={onLoadingChange} />;\n  }\n\n  if (mimeType === XLSX_MIME || mimeType === XLS_MIME) {\n    return <FileXlsxPreviewViewer file={file} onLoadingChange={onLoadingChange} />;\n  }\n\n  if ((OFFICE_MIME_TYPES as readonly string[]).includes(mimeType)) {\n    return <FileBlobOfficeUnavailable url={url} fileName={file.name} />;\n  }\n\n  return <FileUnknownViewer fileName={file.name} onDownload={download} />;\n};\n"],"mappings":";;;;;;;;;;;;;;AAoBA,IAAa,KAA2B,EACtC,SACA,QACA,yBACkC;CAClC,IAAM,IAAW,EAAsB,EAAK,EACtC,UAAiB,EAAgB,GAAK,EAAK,KAAK;AAoEtD,QAlEI,MAAa,oBAEb,kBAAC,GAAD;EACO;EACL,UAAU,EAAK;EACf,YAAY;EACK;EACjB,CAAA,GAIF,EAAS,WAAW,SAAS,GAE7B,kBAAC,GAAD;EACO;EACK;EACV,QAAQ;EACR,UAAU,EAAK;EACf,YAAY;EACK;EACjB,CAAA,GAIF,EAAS,WAAW,SAAS,GAE7B,kBAAC,GAAD;EACO;EACL,UAAU,EAAK;EACf,YAAY;EACK;EACjB,CAAA,GAIF,EAAS,WAAW,SAAS,GAE7B,kBAAC,GAAD;EACO;EACL,UAAU,EAAK;EACf,YAAY;EACK;EACjB,CAAA,GAKJ,EAAmB,MAAM,MAAW,EAAS,WAAW,EAAO,CAAC,IAChE,EAAqB,KAAK,EAAK,KAAK,GAG7B,kBAAC,GAAD;EAA4B;EAAuB;EAAmB,CAAA,GAG3E,MAAA,4EACK,kBAAC,GAAD;EAA6B;EAAuB;EAAmB,CAAA,GAG5E,MAAA,uEAA0B,MAAA,6BACrB,kBAAC,GAAD;EAA6B;EAAuB;EAAmB,CAAA,GAG3E,EAAwC,SAAS,EAAS,GACtD,kBAAC,GAAD;EAAgC;EAAK,UAAU,EAAK;EAAQ,CAAA,GAG9D,kBAAC,GAAD;EAAmB,UAAU,EAAK;EAAM,YAAY;EAAY,CAAA"}

package/dist/components/file_view/components/file_simple_preview_sheet/index.d.ts

@@ -1,6 +1,10 @@
+import { FileViewLoadingChangeHandler } from '../../types';
 export interface FileSimplePreviewSheetProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     file: File | null;
+    isLoading?: boolean;
+    loadingOverlay?: React.ReactNode;
+    onLoadingChange?: FileViewLoadingChangeHandler;
 }
-export declare const FileSimplePreviewSheet: ({ open, onOpenChange, file, }: FileSimplePreviewSheetProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileSimplePreviewSheet: ({ open, onOpenChange, file, isLoading, loadingOverlay, onLoadingChange, }: FileSimplePreviewSheetProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/file_view/components/file_simple_preview_sheet/index.js

@@ -3,11 +3,11 @@ import { FileSimplePreviewRender as i } from "../file_simple_preview_render/inde
 import { useEffect as a, useMemo as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/file_view/components/file_simple_preview_sheet/index.tsx
-var l = ({ open: l, onOpenChange: u, file: d }) => {
-	let f = o(() => d ? URL.createObjectURL(d) : null, [d]);
+var l = ({ open: l, onOpenChange: u, file: d, isLoading: f = !1, loadingOverlay: p, onLoadingChange: m }) => {
+	let h = o(() => d ? URL.createObjectURL(d) : null, [d]);
 	return a(() => () => {
-		f && URL.revokeObjectURL(f);
-	}, [f]), /* @__PURE__ */ s(e, {
+		h && URL.revokeObjectURL(h);
+	}, [h]), /* @__PURE__ */ s(e, {
 		open: l,
 		onOpenChange: u,
 		children: /* @__PURE__ */ c(t, {
@@ -18,15 +18,19 @@ var l = ({ open: l, onOpenChange: u, file: d }) => {
 					className: "line-clamp-1 flex-1 mr-4",
 					children: d?.name || "Vista previa del archivo"
 				})
-			}), /* @__PURE__ */ s("div", {
+			}), /* @__PURE__ */ c("div", {
 				className: "flex-1 relative min-h-0 bg-background",
-				children: d && f && /* @__PURE__ */ s("div", {
+				children: [d && h && /* @__PURE__ */ s("div", {
 					className: "absolute inset-0 overflow-hidden min-w-0",
 					children: /* @__PURE__ */ s(i, {
 						file: d,
-						url: f
+						url: h,
+						onLoadingChange: m
 					})
-				})
+				}), f && p ? /* @__PURE__ */ s("div", {
+					className: "absolute inset-0 z-50 bg-background",
+					children: p
+				}) : null]
 			})]
 		})
 	});

package/dist/components/file_view/components/file_simple_preview_sheet/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/file_simple_preview_sheet/index.tsx"],"sourcesContent":["import { useEffect, useMemo } from \"react\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetHeader,\n  SheetTitle,\n} from \"@/components/sheet\";\nimport { FileSimplePreviewRender } from \"../file_simple_preview_render\";\n\nexport interface FileSimplePreviewSheetProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  file: File | null;\n}\n\nexport const FileSimplePreviewSheet = ({\n  open,\n  onOpenChange,\n  file,\n}: FileSimplePreviewSheetProps) => {\n  const url = useMemo(() => {\n    if (!file) return null;\n    return URL.createObjectURL(file);\n  }, [file]);\n\n  useEffect(() => {\n    return () => {\n      if (url) URL.revokeObjectURL(url);\n    };\n  }, [url]);\n\n  return (\n    <Sheet open={open} onOpenChange={onOpenChange}>\n      <SheetContent className=\"sm:max-w-[95vw] w-full p-0 flex flex-col gap-0 overflow-hidden\">\n        <SheetHeader className=\"px-6 flex flex-row items-center justify-between space-y-0 border-b bg-background relative z-10\">\n          <SheetTitle className=\"line-clamp-1 flex-1 mr-4\">\n            {file?.name || \"Vista previa del archivo\"}\n          </SheetTitle>\n        </SheetHeader>\n\n        <div className=\"flex-1 relative min-h-0 bg-background\">\n          {file && url && (\n            <div className=\"absolute inset-0 overflow-hidden min-w-0\">\n              <FileSimplePreviewRender file={file} url={url} />\n            </div>\n          )}\n        </div>\n      </SheetContent>\n    </Sheet>\n  );\n};\n"],"mappings":";;;;;AAeA,IAAa,KAA0B,EACrC,SACA,iBACA,cACiC;CACjC,IAAM,IAAM,QACL,IACE,IAAI,gBAAgB,EAAK,GADd,MAEjB,CAAC,EAAK,CAAC;AAQV,QANA,cACe;AACX,EAAI,KAAK,IAAI,gBAAgB,EAAI;IAElC,CAAC,EAAI,CAAC,EAGP,kBAAC,GAAD;EAAa;EAAoB;YAC/B,kBAAC,GAAD;GAAc,WAAU;aAAxB,CACE,kBAAC,GAAD;IAAa,WAAU;cACrB,kBAAC,GAAD;KAAY,WAAU;eACnB,GAAM,QAAQ;KACJ,CAAA;IACD,CAAA,EAEd,kBAAC,OAAD;IAAK,WAAU;cACZ,KAAQ,KACP,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAA+B;MAAW;MAAO,CAAA;KAC7C,CAAA;IAEJ,CAAA,CACO;;EACT,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/file_simple_preview_sheet/index.tsx"],"sourcesContent":["import { useEffect, useMemo } from \"react\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetHeader,\n  SheetTitle,\n} from \"@/components/sheet\";\nimport { FileSimplePreviewRender } from \"../file_simple_preview_render\";\nimport type { FileViewLoadingChangeHandler } from \"../../types\";\n\nexport interface FileSimplePreviewSheetProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  file: File | null;\n  isLoading?: boolean;\n  loadingOverlay?: React.ReactNode;\n  onLoadingChange?: FileViewLoadingChangeHandler;\n}\n\nexport const FileSimplePreviewSheet = ({\n  open,\n  onOpenChange,\n  file,\n  isLoading = false,\n  loadingOverlay,\n  onLoadingChange,\n}: FileSimplePreviewSheetProps) => {\n  const url = useMemo(() => {\n    if (!file) return null;\n    return URL.createObjectURL(file);\n  }, [file]);\n\n  useEffect(() => {\n    return () => {\n      if (url) URL.revokeObjectURL(url);\n    };\n  }, [url]);\n\n  return (\n    <Sheet open={open} onOpenChange={onOpenChange}>\n      <SheetContent className=\"sm:max-w-[95vw] w-full p-0 flex flex-col gap-0 overflow-hidden\">\n        <SheetHeader className=\"px-6 flex flex-row items-center justify-between space-y-0 border-b bg-background relative z-10\">\n          <SheetTitle className=\"line-clamp-1 flex-1 mr-4\">\n            {file?.name || \"Vista previa del archivo\"}\n          </SheetTitle>\n        </SheetHeader>\n\n        <div className=\"flex-1 relative min-h-0 bg-background\">\n          {file && url && (\n            <div className=\"absolute inset-0 overflow-hidden min-w-0\">\n              <FileSimplePreviewRender\n                file={file}\n                url={url}\n                onLoadingChange={onLoadingChange}\n              />\n            </div>\n          )}\n          {isLoading && loadingOverlay ? (\n            <div className=\"absolute inset-0 z-50 bg-background\">\n              {loadingOverlay}\n            </div>\n          ) : null}\n        </div>\n      </SheetContent>\n    </Sheet>\n  );\n};\n"],"mappings":";;;;;AAmBA,IAAa,KAA0B,EACrC,SACA,iBACA,SACA,eAAY,IACZ,mBACA,yBACiC;CACjC,IAAM,IAAM,QACL,IACE,IAAI,gBAAgB,EAAK,GADd,MAEjB,CAAC,EAAK,CAAC;AAQV,QANA,cACe;AACX,EAAI,KAAK,IAAI,gBAAgB,EAAI;IAElC,CAAC,EAAI,CAAC,EAGP,kBAAC,GAAD;EAAa;EAAoB;YAC/B,kBAAC,GAAD;GAAc,WAAU;aAAxB,CACE,kBAAC,GAAD;IAAa,WAAU;cACrB,kBAAC,GAAD;KAAY,WAAU;eACnB,GAAM,QAAQ;KACJ,CAAA;IACD,CAAA,EAEd,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,KAAQ,KACP,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MACQ;MACD;MACY;MACjB,CAAA;KACE,CAAA,EAEP,KAAa,IACZ,kBAAC,OAAD;KAAK,WAAU;eACZ;KACG,CAAA,GACJ,KACA;MACO;;EACT,CAAA"}

package/dist/components/file_view/components/file_source_file_viewer/components/file_source_file_viewer_content/index.d.ts

@@ -1,3 +1,3 @@
 import { FileSourceFileViewerProps } from '../../types';
-declare const FileSourceFileViewerContent: ({ file, }: FileSourceFileViewerProps) => import("react/jsx-runtime").JSX.Element;
+declare const FileSourceFileViewerContent: ({ file, onLoadingChange, }: FileSourceFileViewerProps) => import("react/jsx-runtime").JSX.Element;
 export { FileSourceFileViewerContent };

package/dist/components/file_view/components/file_source_file_viewer/components/file_source_file_viewer_content/index.js

@@ -3,23 +3,24 @@ import { effectiveMimeFromFile as t } from "../../../../utilities/effective_mime
 import { useEffect as n, useState as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/file_view/components/file_source_file_viewer/components/file_source_file_viewer_content/index.tsx
-var a = ({ file: a }) => {
-	let [o, s] = r(null), [c, l] = r(!0), [u, d] = r(!1);
+var a = ({ file: a, onLoadingChange: o }) => {
+	let [s, c] = r(null), [l, u] = r(!0), [d, f] = r(!1);
 	return n(() => {
 		let e = !1;
 		return a.text().then((t) => {
-			e || (s(t), l(!1));
+			e || (c(t), u(!1));
 		}).catch(() => {
-			e || (l(!1), d(!0));
+			e || (u(!1), f(!0));
 		}), () => {
 			e = !0;
 		};
 	}, [a]), /* @__PURE__ */ i(e, {
-		content: o,
+		content: s,
 		mimeType: t(a),
 		fileName: a.name,
-		isPending: c,
-		isError: u
+		isPending: l,
+		isError: d,
+		onLoadingChange: o
 	});
 };
 //#endregion

package/dist/components/file_view/components/file_source_file_viewer/components/file_source_file_viewer_content/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../../../src/components/file_view/components/file_source_file_viewer/components/file_source_file_viewer_content/index.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { FileSourceViewer } from \"../../../source_viewer\";\nimport { effectiveMimeFromFile } from \"../../../../utilities/effective_mime_from_file\";\nimport type { FileSourceFileViewerProps } from \"../../types\";\n\nconst FileSourceFileViewerContent = ({\n  file,\n}: FileSourceFileViewerProps) => {\n  const [content, setContent] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState(false);\n\n  useEffect(() => {\n    let cancelled = false;\n\n    file\n      .text()\n      .then((text) => {\n        if (!cancelled) {\n          setContent(text);\n          setLoading(false);\n        }\n      })\n      .catch(() => {\n        if (!cancelled) {\n          setLoading(false);\n          setError(true);\n        }\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [file]);\n\n  return (\n    <FileSourceViewer\n      content={content}\n      mimeType={effectiveMimeFromFile(file)}\n      fileName={file.name}\n      isPending={loading}\n      isError={error}\n    />\n  );\n};\n\nexport { FileSourceFileViewerContent };\n"],"mappings":";;;;;AAKA,IAAM,KAA+B,EACnC,cAC+B;CAC/B,IAAM,CAAC,GAAS,KAAc,EAAwB,KAAK,EACrD,CAAC,GAAS,KAAc,EAAS,GAAK,EACtC,CAAC,GAAO,KAAY,EAAS,GAAM;AAyBzC,QAvBA,QAAgB;EACd,IAAI,IAAY;AAiBhB,SAfA,EACG,MAAM,CACN,MAAM,MAAS;AACd,GAAK,MACH,EAAW,EAAK,EAChB,EAAW,GAAM;IAEnB,CACD,YAAY;AACX,GAAK,MACH,EAAW,GAAM,EACjB,EAAS,GAAK;IAEhB,QAES;AACX,OAAY;;IAEb,CAAC,EAAK,CAAC,EAGR,kBAAC,GAAD;EACW;EACT,UAAU,EAAsB,EAAK;EACrC,UAAU,EAAK;EACf,WAAW;EACX,SAAS;EACT,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../../src/components/file_view/components/file_source_file_viewer/components/file_source_file_viewer_content/index.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { FileSourceViewer } from \"../../../source_viewer\";\nimport { effectiveMimeFromFile } from \"../../../../utilities/effective_mime_from_file\";\nimport type { FileSourceFileViewerProps } from \"../../types\";\n\nconst FileSourceFileViewerContent = ({\n  file,\n  onLoadingChange,\n}: FileSourceFileViewerProps) => {\n  const [content, setContent] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState(false);\n\n  useEffect(() => {\n    let cancelled = false;\n\n    file\n      .text()\n      .then((text) => {\n        if (!cancelled) {\n          setContent(text);\n          setLoading(false);\n        }\n      })\n      .catch(() => {\n        if (!cancelled) {\n          setLoading(false);\n          setError(true);\n        }\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [file]);\n\n  return (\n    <FileSourceViewer\n      content={content}\n      mimeType={effectiveMimeFromFile(file)}\n      fileName={file.name}\n      isPending={loading}\n      isError={error}\n      onLoadingChange={onLoadingChange}\n    />\n  );\n};\n\nexport { FileSourceFileViewerContent };\n"],"mappings":";;;;;AAKA,IAAM,KAA+B,EACnC,SACA,yBAC+B;CAC/B,IAAM,CAAC,GAAS,KAAc,EAAwB,KAAK,EACrD,CAAC,GAAS,KAAc,EAAS,GAAK,EACtC,CAAC,GAAO,KAAY,EAAS,GAAM;AAyBzC,QAvBA,QAAgB;EACd,IAAI,IAAY;AAiBhB,SAfA,EACG,MAAM,CACN,MAAM,MAAS;AACd,GAAK,MACH,EAAW,EAAK,EAChB,EAAW,GAAM;IAEnB,CACD,YAAY;AACX,GAAK,MACH,EAAW,GAAM,EACjB,EAAS,GAAK;IAEhB,QAES;AACX,OAAY;;IAEb,CAAC,EAAK,CAAC,EAGR,kBAAC,GAAD;EACW;EACT,UAAU,EAAsB,EAAK;EACrC,UAAU,EAAK;EACf,WAAW;EACX,SAAS;EACQ;EACjB,CAAA"}

package/dist/components/file_view/components/file_source_file_viewer/index.d.ts

@@ -1,3 +1,3 @@
 import { FileSourceFileViewerProps } from './types';
-export declare const FileSourceFileViewer: ({ file, }: FileSourceFileViewerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileSourceFileViewer: ({ file, onLoadingChange, }: FileSourceFileViewerProps) => import("react/jsx-runtime").JSX.Element;
 export type { FileSourceFileViewerProps } from './types';

package/dist/components/file_view/components/file_source_file_viewer/index.js

@@ -2,7 +2,10 @@ import { getFilePreviewKey as e } from "../../utilities/file_preview_key.js";
 import { FileSourceFileViewerContent as t } from "./components/file_source_file_viewer_content/index.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/file_view/components/file_source_file_viewer/index.tsx
-var r = ({ file: r }) => /* @__PURE__ */ n(t, { file: r }, e(r));
+var r = ({ file: r, onLoadingChange: i }) => /* @__PURE__ */ n(t, {
+	file: r,
+	onLoadingChange: i
+}, e(r));
 //#endregion
 export { r as FileSourceFileViewer };
 

package/dist/components/file_view/components/file_source_file_viewer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/file_source_file_viewer/index.tsx"],"sourcesContent":["import { getFilePreviewKey } from \"../../utilities/file_preview_key\";\nimport { FileSourceFileViewerContent } from \"./components/file_source_file_viewer_content\";\nimport type { FileSourceFileViewerProps } from \"./types\";\n\nexport const FileSourceFileViewer = ({\n  file,\n}: FileSourceFileViewerProps) => <FileSourceFileViewerContent key={getFilePreviewKey(file)} file={file} />;\n\nexport type { FileSourceFileViewerProps } from \"./types\";\n"],"mappings":";;;;AAIA,IAAa,KAAwB,EACnC,cAC+B,kBAAC,GAAD,EAAiE,SAAQ,EAAvC,EAAkB,EAAK,CAAgB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/file_source_file_viewer/index.tsx"],"sourcesContent":["import { getFilePreviewKey } from \"../../utilities/file_preview_key\";\nimport { FileSourceFileViewerContent } from \"./components/file_source_file_viewer_content\";\nimport type { FileSourceFileViewerProps } from \"./types\";\n\nexport const FileSourceFileViewer = ({\n  file,\n  onLoadingChange,\n}: FileSourceFileViewerProps) => (\n  <FileSourceFileViewerContent\n    key={getFilePreviewKey(file)}\n    file={file}\n    onLoadingChange={onLoadingChange}\n  />\n);\n\nexport type { FileSourceFileViewerProps } from \"./types\";\n"],"mappings":";;;;AAIA,IAAa,KAAwB,EACnC,SACA,yBAEA,kBAAC,GAAD;CAEQ;CACW;CACjB,EAHK,EAAkB,EAAK,CAG5B"}

package/dist/components/file_view/components/file_source_file_viewer/types/index.d.ts

@@ -1,3 +1,5 @@
+import { FileViewLoadingChangeHandler } from '../../../types';
 export interface FileSourceFileViewerProps {
     file: File;
+    onLoadingChange?: FileViewLoadingChangeHandler;
 }

package/dist/components/file_view/components/file_url_preview_render/index.d.ts

@@ -1,5 +1,7 @@
+import { FileViewLoadingChangeHandler } from '../../types';
 export interface FileUrlPreviewRenderProps {
     url: string;
     fileName: string;
+    onLoadingChange?: FileViewLoadingChangeHandler;
 }
-export declare const FileUrlPreviewRender: ({ url, fileName, }: FileUrlPreviewRenderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileUrlPreviewRender: ({ url, fileName, onLoadingChange, }: FileUrlPreviewRenderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/file_view/components/file_url_preview_render/index.js

@@ -8,26 +8,29 @@ import { getExtensionFromUrl as o } from "../../utilities/get_extension_from_url
 import { IMAGE_EXTENSIONS as s, OFFICE_EXTENSIONS as c } from "./constants/index.js";
 import { jsx as l } from "react/jsx-runtime";
 //#region src/components/file_view/components/file_url_preview_render/index.tsx
-var u = ({ url: u, fileName: d }) => {
-	let f = o(u), p = () => a(u, d);
-	return f === "pdf" ? /* @__PURE__ */ l(e, {
+var u = ({ url: u, fileName: d, onLoadingChange: f }) => {
+	let p = o(u), m = () => a(u, d);
+	return p === "pdf" ? /* @__PURE__ */ l(e, {
 		url: u,
 		fileName: d,
-		onDownload: p
-	}) : s.includes(f) ? /* @__PURE__ */ l(t, {
+		onDownload: m,
+		onLoadingChange: f
+	}) : s.includes(p) ? /* @__PURE__ */ l(t, {
 		url: u,
 		mimeType: i(d) ?? void 0,
 		fileName: d,
 		fileId: u,
-		onDownload: p
-	}) : c.includes(f) ? /* @__PURE__ */ l(r, {
+		onDownload: m,
+		onLoadingChange: f
+	}) : c.includes(p) ? /* @__PURE__ */ l(r, {
 		url: u,
 		fileName: d,
 		mimeType: i(d) ?? void 0,
-		onDownload: p
+		onDownload: m,
+		onLoadingChange: f
 	}) : /* @__PURE__ */ l(n, {
 		fileName: d,
-		onDownload: p
+		onDownload: m
 	});
 };
 //#endregion

package/dist/components/file_view/components/file_url_preview_render/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/file_url_preview_render/index.tsx"],"sourcesContent":["import { FileImageViewer } from \"../image_viewer\";\nimport { FileOfficeViewer } from \"../office_viewer\";\nimport { FilePdfViewer } from \"../pdf_viewer\";\nimport { FileUnknownViewer } from \"../unknown_viewer\";\nimport { downloadFromUrl } from \"../../utilities/download_from_url\";\nimport { getExtensionFromUrl } from \"../../utilities/get_extension_from_url\";\nimport { inferMimeFromFileName } from \"../../utilities/infer_mime_from_file_name\";\nimport { IMAGE_EXTENSIONS, OFFICE_EXTENSIONS } from \"./constants\";\n\nexport interface FileUrlPreviewRenderProps {\n  url: string;\n  fileName: string;\n}\n\nexport const FileUrlPreviewRender = ({\n  url,\n  fileName,\n}: FileUrlPreviewRenderProps) => {\n  const ext = getExtensionFromUrl(url);\n  const download = () => downloadFromUrl(url, fileName);\n\n  if (ext === \"pdf\") {\n    return (\n      <FilePdfViewer url={url} fileName={fileName} onDownload={download} />\n    );\n  }\n\n  if (IMAGE_EXTENSIONS.includes(ext)) {\n    const mimeType = inferMimeFromFileName(fileName) ?? undefined;\n    return (\n      <FileImageViewer\n        url={url}\n        mimeType={mimeType}\n        fileName={fileName}\n        fileId={url}\n        onDownload={download}\n      />\n    );\n  }\n\n  if (OFFICE_EXTENSIONS.includes(ext)) {\n    return (\n      <FileOfficeViewer\n        url={url}\n        fileName={fileName}\n        mimeType={inferMimeFromFileName(fileName) ?? undefined}\n        onDownload={download}\n      />\n    );\n  }\n\n  return <FileUnknownViewer fileName={fileName} onDownload={download} />;\n};\n"],"mappings":";;;;;;;;;;AAcA,IAAa,KAAwB,EACnC,QACA,kBAC+B;CAC/B,IAAM,IAAM,EAAoB,EAAI,EAC9B,UAAiB,EAAgB,GAAK,EAAS;AAgCrD,QA9BI,MAAQ,QAER,kBAAC,GAAD;EAAoB;EAAe;EAAU,YAAY;EAAY,CAAA,GAIrE,EAAiB,SAAS,EAAI,GAG9B,kBAAC,GAAD;EACO;EACK,UAJG,EAAsB,EAAS,IAAI,KAAA;EAKtC;EACV,QAAQ;EACR,YAAY;EACZ,CAAA,GAIF,EAAkB,SAAS,EAAI,GAE/B,kBAAC,GAAD;EACO;EACK;EACV,UAAU,EAAsB,EAAS,IAAI,KAAA;EAC7C,YAAY;EACZ,CAAA,GAIC,kBAAC,GAAD;EAA6B;EAAU,YAAY;EAAY,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/file_url_preview_render/index.tsx"],"sourcesContent":["import { FileImageViewer } from \"../image_viewer\";\nimport { FileOfficeViewer } from \"../office_viewer\";\nimport { FilePdfViewer } from \"../pdf_viewer\";\nimport { FileUnknownViewer } from \"../unknown_viewer\";\nimport { downloadFromUrl } from \"../../utilities/download_from_url\";\nimport { getExtensionFromUrl } from \"../../utilities/get_extension_from_url\";\nimport { inferMimeFromFileName } from \"../../utilities/infer_mime_from_file_name\";\nimport { IMAGE_EXTENSIONS, OFFICE_EXTENSIONS } from \"./constants\";\nimport type { FileViewLoadingChangeHandler } from \"../../types\";\n\nexport interface FileUrlPreviewRenderProps {\n  url: string;\n  fileName: string;\n  onLoadingChange?: FileViewLoadingChangeHandler;\n}\n\nexport const FileUrlPreviewRender = ({\n  url,\n  fileName,\n  onLoadingChange,\n}: FileUrlPreviewRenderProps) => {\n  const ext = getExtensionFromUrl(url);\n  const download = () => downloadFromUrl(url, fileName);\n\n  if (ext === \"pdf\") {\n    return (\n      <FilePdfViewer\n        url={url}\n        fileName={fileName}\n        onDownload={download}\n        onLoadingChange={onLoadingChange}\n      />\n    );\n  }\n\n  if (IMAGE_EXTENSIONS.includes(ext)) {\n    const mimeType = inferMimeFromFileName(fileName) ?? undefined;\n    return (\n      <FileImageViewer\n        url={url}\n        mimeType={mimeType}\n        fileName={fileName}\n        fileId={url}\n        onDownload={download}\n        onLoadingChange={onLoadingChange}\n      />\n    );\n  }\n\n  if (OFFICE_EXTENSIONS.includes(ext)) {\n    return (\n      <FileOfficeViewer\n        url={url}\n        fileName={fileName}\n        mimeType={inferMimeFromFileName(fileName) ?? undefined}\n        onDownload={download}\n        onLoadingChange={onLoadingChange}\n      />\n    );\n  }\n\n  return <FileUnknownViewer fileName={fileName} onDownload={download} />;\n};\n"],"mappings":";;;;;;;;;;AAgBA,IAAa,KAAwB,EACnC,QACA,aACA,yBAC+B;CAC/B,IAAM,IAAM,EAAoB,EAAI,EAC9B,UAAiB,EAAgB,GAAK,EAAS;AAuCrD,QArCI,MAAQ,QAER,kBAAC,GAAD;EACO;EACK;EACV,YAAY;EACK;EACjB,CAAA,GAIF,EAAiB,SAAS,EAAI,GAG9B,kBAAC,GAAD;EACO;EACK,UAJG,EAAsB,EAAS,IAAI,KAAA;EAKtC;EACV,QAAQ;EACR,YAAY;EACK;EACjB,CAAA,GAIF,EAAkB,SAAS,EAAI,GAE/B,kBAAC,GAAD;EACO;EACK;EACV,UAAU,EAAsB,EAAS,IAAI,KAAA;EAC7C,YAAY;EACK;EACjB,CAAA,GAIC,kBAAC,GAAD;EAA6B;EAAU,YAAY;EAAY,CAAA"}

package/dist/components/file_view/components/file_url_preview_sheet/index.d.ts

@@ -1,9 +1,13 @@
+import { FileViewLoadingChangeHandler } from '../../types';
 export interface FileUrlPreviewSheetProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     url: string | null;
     fileName?: string;
     isPending?: boolean;
+    isLoading?: boolean;
     isError?: boolean;
+    loadingOverlay?: React.ReactNode;
+    onLoadingChange?: FileViewLoadingChangeHandler;
 }
-export declare const FileUrlPreviewSheet: ({ open, onOpenChange, url, fileName, isPending, isError, }: FileUrlPreviewSheetProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileUrlPreviewSheet: ({ open, onOpenChange, url, fileName, isPending, isLoading, isError, loadingOverlay, onLoadingChange, }: FileUrlPreviewSheetProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/file_view/components/file_url_preview_sheet/index.js

@@ -1,45 +1,45 @@
 import { StatusMessage as e } from "../../../status_message/index.js";
-import { Skeleton as t } from "../../../skeleton/index.js";
-import { Sheet as n, SheetContent as r, SheetDescription as i, SheetHeader as a, SheetTitle as o } from "../../../sheet/index.js";
-import { getFileNameFromUrl as s } from "../../utilities/get_extension_from_url.js";
-import { FileUrlPreviewRender as c } from "../file_url_preview_render/index.js";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { FileX as d } from "lucide-react";
+import { Sheet as t, SheetContent as n, SheetDescription as r, SheetHeader as i, SheetTitle as a } from "../../../sheet/index.js";
+import { getFileNameFromUrl as o } from "../../utilities/get_extension_from_url.js";
+import { FileUrlPreviewRender as s } from "../file_url_preview_render/index.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { FileX as u } from "lucide-react";
 //#region src/components/file_view/components/file_url_preview_sheet/index.tsx
-var f = ({ open: f, onOpenChange: p, url: m, fileName: h, isPending: g = !1, isError: _ = !1 }) => {
-	let v = h ?? (m ? s(m) : "Vista previa");
-	return /* @__PURE__ */ l(n, {
-		open: f,
-		onOpenChange: p,
-		children: /* @__PURE__ */ u(r, {
+var d = ({ open: d, onOpenChange: f, url: p, fileName: m, isPending: h = !1, isLoading: g = !1, isError: _ = !1, loadingOverlay: v, onLoadingChange: y }) => {
+	let b = m ?? (p ? o(p) : "Vista previa");
+	return /* @__PURE__ */ c(t, {
+		open: d,
+		onOpenChange: f,
+		children: /* @__PURE__ */ l(n, {
 			className: "sm:max-w-[95vw] w-full p-0 flex flex-col gap-0 overflow-hidden",
-			children: [/* @__PURE__ */ u(a, {
+			children: [/* @__PURE__ */ l(i, {
 				className: "px-6 flex flex-row items-center justify-between space-y-0 border-b bg-background relative z-10",
-				children: [/* @__PURE__ */ l(o, {
+				children: [/* @__PURE__ */ c(a, {
 					className: "line-clamp-1 flex-1 mr-4",
-					children: v
-				}), /* @__PURE__ */ l(i, {
+					children: b
+				}), /* @__PURE__ */ c(r, {
 					className: "sr-only",
 					children: "Vista previa del archivo."
 				})]
-			}), /* @__PURE__ */ u("div", {
+			}), /* @__PURE__ */ l("div", {
 				className: "flex-1 relative min-h-0 bg-background overflow-hidden",
 				children: [
-					g && /* @__PURE__ */ l("div", {
+					(h || g) && v ? /* @__PURE__ */ c("div", {
+						className: "absolute inset-0 z-50 bg-background",
+						children: v
+					}) : null,
+					_ && /* @__PURE__ */ c("div", {
 						className: "p-4",
-						children: /* @__PURE__ */ l(t, { className: "h-48 w-full rounded-md" })
-					}),
-					_ && /* @__PURE__ */ l("div", {
-						className: "p-4",
-						children: /* @__PURE__ */ l(e, {
+						children: /* @__PURE__ */ c(e, {
 							title: "Error al cargar el documento",
 							description: "Vuelve a intentarlo en unos minutos. Si el error persiste, contacta con soporte.",
-							icon: d
+							icon: u
 						})
 					}),
-					!g && !_ && m && /* @__PURE__ */ l(c, {
-						url: m,
-						fileName: v
+					!h && !_ && p && /* @__PURE__ */ c(s, {
+						url: p,
+						fileName: b,
+						onLoadingChange: y
 					})
 				]
 			})]
@@ -47,6 +47,6 @@ var f = ({ open: f, onOpenChange: p, url: m, fileName: h, isPending: g = !1, isE
 	});
 };
 //#endregion
-export { f as FileUrlPreviewSheet };
+export { d as FileUrlPreviewSheet };
 
 //# sourceMappingURL=index.js.map

package/dist/components/file_view/components/file_url_preview_sheet/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/file_url_preview_sheet/index.tsx"],"sourcesContent":["import { FileX } from \"lucide-react\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from \"@/components/sheet\";\nimport { Skeleton } from \"@/components/skeleton\";\nimport { StatusMessage } from \"@/components/status_message\";\nimport { FileUrlPreviewRender } from \"../file_url_preview_render\";\nimport { getFileNameFromUrl } from \"../../utilities/get_extension_from_url\";\n\nexport interface FileUrlPreviewSheetProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  url: string | null;\n  fileName?: string;\n  isPending?: boolean;\n  isError?: boolean;\n}\n\nexport const FileUrlPreviewSheet = ({\n  open,\n  onOpenChange,\n  url,\n  fileName,\n  isPending = false,\n  isError = false,\n}: FileUrlPreviewSheetProps) => {\n  const displayName =\n    fileName ?? (url ? getFileNameFromUrl(url) : \"Vista previa\");\n\n  return (\n    <Sheet open={open} onOpenChange={onOpenChange}>\n      <SheetContent className=\"sm:max-w-[95vw] w-full p-0 flex flex-col gap-0 overflow-hidden\">\n        <SheetHeader className=\"px-6 flex flex-row items-center justify-between space-y-0 border-b bg-background relative z-10\">\n          <SheetTitle className=\"line-clamp-1 flex-1 mr-4\">\n            {displayName}\n          </SheetTitle>\n          <SheetDescription className=\"sr-only\">\n            Vista previa del archivo.\n          </SheetDescription>\n        </SheetHeader>\n\n        <div className=\"flex-1 relative min-h-0 bg-background overflow-hidden\">\n          {isPending && (\n            <div className=\"p-4\">\n              <Skeleton className=\"h-48 w-full rounded-md\" />\n            </div>\n          )}\n\n          {isError && (\n            <div className=\"p-4\">\n              <StatusMessage\n                title=\"Error al cargar el documento\"\n                description=\"Vuelve a intentarlo en unos minutos. Si el error persiste, contacta con soporte.\"\n                icon={FileX}\n              />\n            </div>\n          )}\n\n          {!isPending && !isError && url && (\n            <FileUrlPreviewRender url={url} fileName={displayName} />\n          )}\n        </div>\n      </SheetContent>\n    </Sheet>\n  );\n};\n"],"mappings":";;;;;;;;AAsBA,IAAa,KAAuB,EAClC,SACA,iBACA,QACA,aACA,eAAY,IACZ,aAAU,SACoB;CAC9B,IAAM,IACJ,MAAa,IAAM,EAAmB,EAAI,GAAG;AAE/C,QACE,kBAAC,GAAD;EAAa;EAAoB;YAC/B,kBAAC,GAAD;GAAc,WAAU;aAAxB,CACE,kBAAC,GAAD;IAAa,WAAU;cAAvB,CACE,kBAAC,GAAD;KAAY,WAAU;eACnB;KACU,CAAA,EACb,kBAAC,GAAD;KAAkB,WAAU;eAAU;KAEnB,CAAA,CACP;OAEd,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,KACC,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD,EAAU,WAAU,0BAA2B,CAAA;MAC3C,CAAA;KAGP,KACC,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OACE,OAAM;OACN,aAAY;OACZ,MAAM;OACN,CAAA;MACE,CAAA;KAGP,CAAC,KAAa,CAAC,KAAW,KACzB,kBAAC,GAAD;MAA2B;MAAK,UAAU;MAAe,CAAA;KAEvD;MACO;;EACT,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/file_url_preview_sheet/index.tsx"],"sourcesContent":["import { FileX } from \"lucide-react\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from \"@/components/sheet\";\nimport { StatusMessage } from \"@/components/status_message\";\nimport { FileUrlPreviewRender } from \"../file_url_preview_render\";\nimport { getFileNameFromUrl } from \"../../utilities/get_extension_from_url\";\nimport type { FileViewLoadingChangeHandler } from \"../../types\";\n\nexport interface FileUrlPreviewSheetProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  url: string | null;\n  fileName?: string;\n  isPending?: boolean;\n  isLoading?: boolean;\n  isError?: boolean;\n  loadingOverlay?: React.ReactNode;\n  onLoadingChange?: FileViewLoadingChangeHandler;\n}\n\nexport const FileUrlPreviewSheet = ({\n  open,\n  onOpenChange,\n  url,\n  fileName,\n  isPending = false,\n  isLoading = false,\n  isError = false,\n  loadingOverlay,\n  onLoadingChange,\n}: FileUrlPreviewSheetProps) => {\n  const displayName =\n    fileName ?? (url ? getFileNameFromUrl(url) : \"Vista previa\");\n\n  return (\n    <Sheet open={open} onOpenChange={onOpenChange}>\n      <SheetContent className=\"sm:max-w-[95vw] w-full p-0 flex flex-col gap-0 overflow-hidden\">\n        <SheetHeader className=\"px-6 flex flex-row items-center justify-between space-y-0 border-b bg-background relative z-10\">\n          <SheetTitle className=\"line-clamp-1 flex-1 mr-4\">\n            {displayName}\n          </SheetTitle>\n          <SheetDescription className=\"sr-only\">\n            Vista previa del archivo.\n          </SheetDescription>\n        </SheetHeader>\n\n        <div className=\"flex-1 relative min-h-0 bg-background overflow-hidden\">\n          {(isPending || isLoading) && loadingOverlay ? (\n            <div className=\"absolute inset-0 z-50 bg-background\">\n              {loadingOverlay}\n            </div>\n          ) : null}\n\n          {isError && (\n            <div className=\"p-4\">\n              <StatusMessage\n                title=\"Error al cargar el documento\"\n                description=\"Vuelve a intentarlo en unos minutos. Si el error persiste, contacta con soporte.\"\n                icon={FileX}\n              />\n            </div>\n          )}\n\n          {!isPending && !isError && url && (\n            <FileUrlPreviewRender\n              url={url}\n              fileName={displayName}\n              onLoadingChange={onLoadingChange}\n            />\n          )}\n        </div>\n      </SheetContent>\n    </Sheet>\n  );\n};\n"],"mappings":";;;;;;;AAyBA,IAAa,KAAuB,EAClC,SACA,iBACA,QACA,aACA,eAAY,IACZ,eAAY,IACZ,aAAU,IACV,mBACA,yBAC8B;CAC9B,IAAM,IACJ,MAAa,IAAM,EAAmB,EAAI,GAAG;AAE/C,QACE,kBAAC,GAAD;EAAa;EAAoB;YAC/B,kBAAC,GAAD;GAAc,WAAU;aAAxB,CACE,kBAAC,GAAD;IAAa,WAAU;cAAvB,CACE,kBAAC,GAAD;KAAY,WAAU;eACnB;KACU,CAAA,EACb,kBAAC,GAAD;KAAkB,WAAU;eAAU;KAEnB,CAAA,CACP;OAEd,kBAAC,OAAD;IAAK,WAAU;cAAf;MACI,KAAa,MAAc,IAC3B,kBAAC,OAAD;MAAK,WAAU;gBACZ;MACG,CAAA,GACJ;KAEH,KACC,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OACE,OAAM;OACN,aAAY;OACZ,MAAM;OACN,CAAA;MACE,CAAA;KAGP,CAAC,KAAa,CAAC,KAAW,KACzB,kBAAC,GAAD;MACO;MACL,UAAU;MACO;MACjB,CAAA;KAEA;MACO;;EACT,CAAA"}

package/dist/components/file_view/components/file_view_sheet/components/file_view_sheet_panel_content/index.d.ts

@@ -1,3 +1,3 @@
 import { FileViewSheetPanelProps } from '../../types';
-declare const FileViewSheetPanelContent: ({ title, isPending, isError, tabs, defaultTab, showTabs, renderOriginal, renderTranscription, renderSummary, renderTemplate, renderEdit, renderVersions, }: FileViewSheetPanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const FileViewSheetPanelContent: ({ title, isPending, isLoading, loadingOverlay, isError, tabs, defaultTab, showTabs, renderOriginal, renderTranscription, renderSummary, renderTemplate, renderEdit, renderVersions, }: FileViewSheetPanelProps) => import("react/jsx-runtime").JSX.Element;
 export { FileViewSheetPanelContent };

package/dist/components/file_view/components/file_view_sheet/components/file_view_sheet_panel_content/index.js

@@ -1,92 +1,94 @@
 import { cn as e } from "../../../../../../utilities/class/index.js";
 import { StatusMessage as t } from "../../../../../status_message/index.js";
-import { Skeleton as n } from "../../../../../skeleton/index.js";
-import { SheetContent as r, SheetDescription as i, SheetHeader as a, SheetTitle as o } from "../../../../../sheet/index.js";
-import { Tabs as s, TabsList as c, TabsTrigger as l } from "../../../../../tabs/index.js";
-import { FILE_VIEW_SHEET_TAB as u } from "../../../../types/file_view_sheet.js";
-import { renderPanelContent as d } from "../../utilities/index.js";
-import { useState as f } from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { FileX as g } from "lucide-react";
+import { SheetContent as n, SheetDescription as r, SheetHeader as i, SheetTitle as a } from "../../../../../sheet/index.js";
+import { Tabs as o, TabsList as s, TabsTrigger as c } from "../../../../../tabs/index.js";
+import { FILE_VIEW_SHEET_TAB as l } from "../../../../types/file_view_sheet.js";
+import { renderPanelContent as u } from "../../utilities/index.js";
+import { useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { FileX as h } from "lucide-react";
 //#region src/components/file_view/components/file_view_sheet/components/file_view_sheet_panel_content/index.tsx
-var _ = ({ title: _, isPending: v = !1, isError: y = !1, tabs: b = [], defaultTab: x = u.ORIGINAL, showTabs: S = !1, renderOriginal: C, renderTranscription: w, renderSummary: T, renderTemplate: E, renderEdit: D, renderVersions: O }) => {
-	let [k, A] = f(x), j = !v && !y, M = !S, N = S && b.length > 0, P = (t, n = "hidden", r = !1) => e("absolute inset-0 min-w-0 transition-opacity duration-150", n === "auto" ? "overflow-auto" : "overflow-hidden", N && !r && "pt-16", k === t ? "opacity-100 z-10" : "opacity-0 pointer-events-none z-0");
-	return /* @__PURE__ */ h(r, {
+var g = ({ title: g, isPending: _ = !1, isLoading: v = !1, loadingOverlay: y, isError: b = !1, tabs: x = [], defaultTab: S = l.ORIGINAL, showTabs: C = !1, renderOriginal: w, renderTranscription: T, renderSummary: E, renderTemplate: D, renderEdit: O, renderVersions: k }) => {
+	let [A, j] = d(S), M = !_ && !b, N = !C, P = C && x.length > 0, F = (t, n = "hidden", r = !1) => e("absolute inset-0 min-w-0 transition-opacity duration-150", n === "auto" ? "overflow-auto" : "overflow-hidden", P && !r && "pt-16", A === t ? "opacity-100 z-10" : "opacity-0 pointer-events-none z-0");
+	return /* @__PURE__ */ m(n, {
 		className: "sm:max-w-[95vw] w-full p-0 flex flex-col gap-0 overflow-hidden",
 		children: [
-			/* @__PURE__ */ h(a, {
+			/* @__PURE__ */ m(i, {
 				className: "px-6 flex flex-row items-center justify-between space-y-0 border-b bg-background relative z-10",
-				children: [/* @__PURE__ */ m(o, {
+				children: [/* @__PURE__ */ p(a, {
 					className: "line-clamp-1 flex-1 mr-4",
-					children: _
-				}), /* @__PURE__ */ m(i, {
+					children: g
+				}), /* @__PURE__ */ p(r, {
 					className: "sr-only",
 					children: "Aquí podrás ver la vista previa del archivo seleccionado."
 				})]
 			}),
-			v && /* @__PURE__ */ m("div", {
+			b && /* @__PURE__ */ p("div", {
 				className: "p-4",
-				children: /* @__PURE__ */ m(n, { className: "flex-1 h-48 w-full rounded-md" })
-			}),
-			y && /* @__PURE__ */ m("div", {
-				className: "p-4",
-				children: /* @__PURE__ */ m(t, {
+				children: /* @__PURE__ */ p(t, {
 					title: "Sucedio un error inesperado",
 					description: "Vuelve a intentarlo dentro de unos minutos, si el error persiste, contacta con soporte.",
-					icon: g
+					icon: h
 				})
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex-1 relative min-h-0 bg-background",
-				children: [N && /* @__PURE__ */ m("div", {
-					className: "pointer-events-none absolute inset-x-0 top-5 z-30 flex justify-center px-4",
-					children: /* @__PURE__ */ m(s, {
-						value: k,
-						className: "pointer-events-auto max-w-full",
-						children: /* @__PURE__ */ m(c, {
-							className: "border-border bg-card/95 h-auto max-w-full flex-wrap border shadow-lg backdrop-blur-sm",
-							children: b.map((t) => /* @__PURE__ */ h(l, {
-								className: e("font-normal", k === t.id && "bg-background"),
-								value: t.id,
-								onClick: () => A(t.id),
-								children: [t.icon, t.label]
-							}, t.id))
+				children: [
+					(_ || v) && y ? /* @__PURE__ */ p("div", {
+						className: "absolute inset-0 z-50 bg-background",
+						children: y
+					}) : null,
+					P && /* @__PURE__ */ p("div", {
+						className: "pointer-events-none absolute inset-x-0 top-5 z-30 flex justify-center px-4",
+						children: /* @__PURE__ */ p(o, {
+							value: A,
+							className: "pointer-events-auto max-w-full",
+							children: /* @__PURE__ */ p(s, {
+								className: "border-border bg-card/95 h-auto max-w-full flex-wrap border shadow-lg backdrop-blur-sm",
+								children: x.map((t) => /* @__PURE__ */ m(c, {
+									className: e("font-normal", A === t.id && "bg-background"),
+									value: t.id,
+									onClick: () => j(t.id),
+									children: [t.icon, t.label]
+								}, t.id))
+							})
 						})
-					})
-				}), j && (M ? /* @__PURE__ */ m("div", {
-					className: "absolute inset-0 overflow-hidden min-w-0 z-10",
-					children: C
-				}) : /* @__PURE__ */ h(p, { children: [
-					/* @__PURE__ */ m("div", {
-						className: P(u.ORIGINAL, "hidden", !0),
-						children: C
 					}),
-					w ? /* @__PURE__ */ m("div", {
-						className: P(u.TRANSCRIPTION),
-						children: d(w, k === u.TRANSCRIPTION)
-					}) : null,
-					T ? /* @__PURE__ */ m("div", {
-						className: P(u.SUMMARY, "auto"),
-						children: d(T, k === u.SUMMARY)
-					}) : null,
-					E ? /* @__PURE__ */ m("div", {
-						className: P(u.TEMPLATE, "hidden", !0),
-						children: d(E, k === u.TEMPLATE)
-					}) : null,
-					D ? /* @__PURE__ */ m("div", {
-						className: P(u.EDIT, "auto"),
-						children: d(D, k === u.EDIT)
-					}) : null,
-					O ? /* @__PURE__ */ m("div", {
-						className: P(u.VERSIONS, "auto"),
-						children: d(O, k === u.VERSIONS)
-					}) : null
-				] }))]
+					M && (N ? /* @__PURE__ */ p("div", {
+						className: "absolute inset-0 overflow-hidden min-w-0 z-10",
+						children: w
+					}) : /* @__PURE__ */ m(f, { children: [
+						/* @__PURE__ */ p("div", {
+							className: F(l.ORIGINAL, "hidden", !0),
+							children: w
+						}),
+						T ? /* @__PURE__ */ p("div", {
+							className: F(l.TRANSCRIPTION),
+							children: u(T, A === l.TRANSCRIPTION)
+						}) : null,
+						E ? /* @__PURE__ */ p("div", {
+							className: F(l.SUMMARY, "auto"),
+							children: u(E, A === l.SUMMARY)
+						}) : null,
+						D ? /* @__PURE__ */ p("div", {
+							className: F(l.TEMPLATE, "hidden", !0),
+							children: u(D, A === l.TEMPLATE)
+						}) : null,
+						O ? /* @__PURE__ */ p("div", {
+							className: F(l.EDIT, "auto"),
+							children: u(O, A === l.EDIT)
+						}) : null,
+						k ? /* @__PURE__ */ p("div", {
+							className: F(l.VERSIONS, "auto"),
+							children: u(k, A === l.VERSIONS)
+						}) : null
+					] }))
+				]
 			})
 		]
 	});
 };
 //#endregion
-export { _ as FileViewSheetPanelContent };
+export { g as FileViewSheetPanelContent };
 
 //# sourceMappingURL=index.js.map