wcz-layout 6.7.2 → 9.4.2

package/dist/components.mjs

@@ -0,0 +1,1500 @@
+import { n as RouterIconButton, t as RouterListItemButton } from "./RouterListItemButton-owZVvuC_.mjs";
+import { a as fileQueryOptions, i as fileMetasQueryOptions, n as deleteFileMutationOptions, o as fileThumbnailQueryOptions, r as downloadFileMutationOptions, s as openFileMutationOptions } from "./file-C5-a_6W6.mjs";
+import { t as useDialogs } from "./useDialogs-BUzVrTSP.mjs";
+import { c } from "react/compiler-runtime";
+import { Box, Button, CircularProgress, Dialog, Divider, Fab, IconButton, ImageListItem, ImageListItemBar, Link, List, ListItemButton, ListItemIcon, ListItemText, Menu, Skeleton, Stack, Tab, Tooltip, Typography, useTheme } from "@mui/material";
+import React, { Fragment, createContext, useContext, useEffect, useEffectEvent, useLayoutEffect, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { createLink, rootRouteId, useMatch } from "@tanstack/react-router";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { jsx, jsxs } from "react/jsx-runtime";
+import CloudUpload from "@mui/icons-material/CloudUpload";
+import { useDropzone } from "react-dropzone";
+import MoreVert from "@mui/icons-material/MoreVert";
+import { grey } from "@mui/material/colors";
+import { useInView } from "react-intersection-observer";
+import Delete from "@mui/icons-material/Delete";
+import FileDownload from "@mui/icons-material/FileDownload";
+import AttachFile from "@mui/icons-material/AttachFile";
+import Image from "@mui/icons-material/Image";
+import SmartDisplay from "@mui/icons-material/SmartDisplay";
+import Close from "@mui/icons-material/Close";
+import Edit from "@mui/icons-material/Edit";
+import { GridActionsCellItem } from "@mui/x-data-grid-premium";
+//#region src/components/core/TypographyWithIcon.tsx
+const TypographyWithIcon = (t0) => {
+	const $ = c(22);
+	if ($[0] !== "9c8023a1fff996854b80705f821f262546dcf4698b35bf44797fd667c170087f") {
+		for (let $i = 0; $i < 22; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "9c8023a1fff996854b80705f821f262546dcf4698b35bf44797fd667c170087f";
+	}
+	let children;
+	let endIcon;
+	let props;
+	let startIcon;
+	let sx;
+	let t1;
+	if ($[1] !== t0) {
+		({startIcon, endIcon, children, gap: t1, sx, ...props} = t0);
+		$[1] = t0;
+		$[2] = children;
+		$[3] = endIcon;
+		$[4] = props;
+		$[5] = startIcon;
+		$[6] = sx;
+		$[7] = t1;
+	} else {
+		children = $[2];
+		endIcon = $[3];
+		props = $[4];
+		startIcon = $[5];
+		sx = $[6];
+		t1 = $[7];
+	}
+	const gap = t1 === void 0 ? 1 : t1;
+	let t2;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = {
+			display: "block",
+			flexShrink: 0
+		};
+		$[8] = t2;
+	} else t2 = $[8];
+	let t3;
+	if ($[9] !== gap) {
+		t3 = {
+			display: "inline-flex",
+			alignItems: "center",
+			verticalAlign: "middle",
+			gap,
+			"& > svg": t2
+		};
+		$[9] = gap;
+		$[10] = t3;
+	} else t3 = $[10];
+	let t4;
+	if ($[11] !== sx) {
+		t4 = Array.isArray(sx) ? sx : [sx];
+		$[11] = sx;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== t3 || $[14] !== t4) {
+		t5 = [t3, ...t4];
+		$[13] = t3;
+		$[14] = t4;
+		$[15] = t5;
+	} else t5 = $[15];
+	let t6;
+	if ($[16] !== children || $[17] !== endIcon || $[18] !== props || $[19] !== startIcon || $[20] !== t5) {
+		t6 = /* @__PURE__ */ jsxs(Typography, {
+			component: "span",
+			sx: t5,
+			...props,
+			children: [
+				startIcon,
+				children,
+				endIcon
+			]
+		});
+		$[16] = children;
+		$[17] = endIcon;
+		$[18] = props;
+		$[19] = startIcon;
+		$[20] = t5;
+		$[21] = t6;
+	} else t6 = $[21];
+	return t6;
+};
+//#endregion
+//#region src/components/core/Fullscreen.tsx
+const Fullscreen = (t0) => {
+	const $ = c(16);
+	if ($[0] !== "2243979894039564df2fd1f70562faf7a7d5878eaeea3b472ad974fd8b0c233e") {
+		for (let $i = 0; $i < 16; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "2243979894039564df2fd1f70562faf7a7d5878eaeea3b472ad974fd8b0c233e";
+	}
+	let children;
+	let props;
+	let sx;
+	if ($[1] !== t0) {
+		({children, sx, ...props} = t0);
+		$[1] = t0;
+		$[2] = children;
+		$[3] = props;
+		$[4] = sx;
+	} else {
+		children = $[2];
+		props = $[3];
+		sx = $[4];
+	}
+	const reference = useRef(null);
+	const [height, setHeight] = useState();
+	let t1;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = () => {
+			if (!reference.current) return;
+			const top = reference.current.getBoundingClientRect().top;
+			const viewportHeight = window.visualViewport?.height ?? window.innerHeight;
+			const avail = Math.max(0, Math.floor(viewportHeight - top));
+			setHeight(avail);
+		};
+		$[5] = t1;
+	} else t1 = $[5];
+	const recompute = useEffectEvent(t1);
+	let t2;
+	if ($[6] !== recompute) {
+		t2 = () => {
+			const element = reference.current;
+			if (!element) return;
+			recompute();
+			window.addEventListener("resize", recompute);
+			const ro = new ResizeObserver(recompute);
+			ro.observe(document.documentElement);
+			ro.observe(document.body);
+			ro.observe(element);
+			return () => {
+				window.removeEventListener("resize", recompute);
+				ro.disconnect();
+			};
+		};
+		$[6] = recompute;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = [];
+		$[8] = t3;
+	} else t3 = $[8];
+	useLayoutEffect(t2, t3);
+	let t4;
+	if ($[9] !== height || $[10] !== sx) {
+		t4 = {
+			display: "flex",
+			flexDirection: "column",
+			boxSizing: "border-box",
+			minHeight: 0,
+			width: "100%",
+			overflow: "auto",
+			height,
+			...sx
+		};
+		$[9] = height;
+		$[10] = sx;
+		$[11] = t4;
+	} else t4 = $[11];
+	let t5;
+	if ($[12] !== children || $[13] !== props || $[14] !== t4) {
+		t5 = /* @__PURE__ */ jsx(Box, {
+			ref: reference,
+			sx: t4,
+			...props,
+			children
+		});
+		$[12] = children;
+		$[13] = props;
+		$[14] = t4;
+		$[15] = t5;
+	} else t5 = $[15];
+	return t5;
+};
+//#endregion
+//#region src/components/file/Dropzone.tsx
+const baseStyle = {
+	flex: 1,
+	display: "flex",
+	flexDirection: "column",
+	alignItems: "center",
+	padding: "20px",
+	borderWidth: 2,
+	borderRadius: 2,
+	borderStyle: "dashed",
+	outline: "none",
+	transition: "border .24s ease-in-out",
+	cursor: "pointer"
+};
+const Dropzone = (t0) => {
+	const $ = c(32);
+	if ($[0] !== "82c770c45377ab601777291a216aa1889d6ec92458acfb8e98e4900f981e436b") {
+		for (let $i = 0; $i < 32; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "82c770c45377ab601777291a216aa1889d6ec92458acfb8e98e4900f981e436b";
+	}
+	let progress;
+	let props;
+	let sx;
+	if ($[1] !== t0) {
+		({sx, progress, ...props} = t0);
+		$[1] = t0;
+		$[2] = progress;
+		$[3] = props;
+		$[4] = sx;
+	} else {
+		progress = $[2];
+		props = $[3];
+		sx = $[4];
+	}
+	const { getRootProps, getInputProps, isFocused, isDragAccept, isDragReject } = useDropzone(props);
+	const { t } = useTranslation();
+	const theme = useTheme();
+	const t1 = progress ? "progress" : props.disabled ? "not-allowed" : "pointer";
+	const t2 = theme.vars || theme;
+	let T0;
+	let t3;
+	if ($[5] !== getRootProps || $[6] !== isDragAccept || $[7] !== isDragReject || $[8] !== isFocused || $[9] !== t1 || $[10] !== t2.palette.text.disabled || $[11] !== theme) {
+		const style = {
+			...baseStyle,
+			cursor: t1,
+			borderColor: t2.palette.text.disabled,
+			...isFocused ? { borderColor: (theme.vars || theme).palette.primary.main } : {},
+			...isDragAccept ? { borderColor: (theme.vars || theme).palette.success.main } : {},
+			...isDragReject ? { borderColor: (theme.vars || theme).palette.error.main } : {}
+		};
+		T0 = Box;
+		t3 = getRootProps({ style });
+		$[5] = getRootProps;
+		$[6] = isDragAccept;
+		$[7] = isDragReject;
+		$[8] = isFocused;
+		$[9] = t1;
+		$[10] = t2.palette.text.disabled;
+		$[11] = theme;
+		$[12] = T0;
+		$[13] = t3;
+	} else {
+		T0 = $[12];
+		t3 = $[13];
+	}
+	let t4;
+	if ($[14] !== getInputProps) {
+		t4 = getInputProps();
+		$[14] = getInputProps;
+		$[15] = t4;
+	} else t4 = $[15];
+	let t5;
+	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = { display: "none" };
+		$[16] = t5;
+	} else t5 = $[16];
+	let t6;
+	if ($[17] !== t4) {
+		t6 = /* @__PURE__ */ jsx("input", {
+			...t4,
+			style: t5
+		});
+		$[17] = t4;
+		$[18] = t6;
+	} else t6 = $[18];
+	let t7;
+	if ($[19] !== progress) {
+		t7 = progress ? /* @__PURE__ */ jsx(CircularProgress, {
+			size: 24,
+			variant: "determinate",
+			value: progress
+		}) : /* @__PURE__ */ jsx(CloudUpload, {});
+		$[19] = progress;
+		$[20] = t7;
+	} else t7 = $[20];
+	let t8;
+	if ($[21] !== t) {
+		t8 = t("Layout.File.DragSomeFilesHereOrClickToSelectThem");
+		$[21] = t;
+		$[22] = t8;
+	} else t8 = $[22];
+	let t9;
+	if ($[23] !== t8) {
+		t9 = /* @__PURE__ */ jsx(Typography, { children: t8 });
+		$[23] = t8;
+		$[24] = t9;
+	} else t9 = $[24];
+	let t10;
+	if ($[25] !== T0 || $[26] !== sx || $[27] !== t3 || $[28] !== t6 || $[29] !== t7 || $[30] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(T0, {
+			...t3,
+			sx,
+			children: [
+				t6,
+				t7,
+				t9
+			]
+		});
+		$[25] = T0;
+		$[26] = sx;
+		$[27] = t3;
+		$[28] = t6;
+		$[29] = t7;
+		$[30] = t9;
+		$[31] = t10;
+	} else t10 = $[31];
+	return t10;
+};
+//#endregion
+//#region src/contexts/FileContext.ts
+const FileContext = createContext(null);
+const useFile = () => {
+	const $ = c(1);
+	if ($[0] !== "a9a469a99242723a03ab2ab21b9513f8d7f393e7a397296039721f8243a94fd9") {
+		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "a9a469a99242723a03ab2ab21b9513f8d7f393e7a397296039721f8243a94fd9";
+	}
+	const context = useContext(FileContext);
+	if (!context) throw new Error("FileViewer components must be used within FileViewer");
+	return context;
+};
+//#endregion
+//#region src/components/file/fileViewer/common/ActionsMenu.tsx
+const ActionsMenu = (t0) => {
+	const $ = c(43);
+	if ($[0] !== "6eb84d1b42ada694d43e5cfc1e200edbb4eef104bdd9b5612054591d9c8531c5") {
+		for (let $i = 0; $i < 43; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "6eb84d1b42ada694d43e5cfc1e200edbb4eef104bdd9b5612054591d9c8531c5";
+	}
+	const { meta, menu, setMenu } = t0;
+	const { t } = useTranslation();
+	const { fileMetas, onDelete, actions, appName } = useFile();
+	const { confirm } = useDialogs();
+	let t1;
+	if ($[1] !== setMenu) {
+		t1 = () => {
+			setMenu(null);
+		};
+		$[1] = setMenu;
+		$[2] = t1;
+	} else t1 = $[2];
+	const handleMenuClose = t1;
+	let t2;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = { from: rootRouteId };
+		$[3] = t2;
+	} else t2 = $[3];
+	const queryClient = useMatch(t2).context.queryClient;
+	let t3;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = downloadFileMutationOptions();
+		$[4] = t3;
+	} else t3 = $[4];
+	const { mutate: download, isPending: isDownloading } = useMutation(t3);
+	let t4;
+	if ($[5] !== queryClient) {
+		t4 = deleteFileMutationOptions({ queryClient });
+		$[5] = queryClient;
+		$[6] = t4;
+	} else t4 = $[6];
+	const { mutate: deleteFile, isPending: isDeleting } = useMutation(t4);
+	let t5;
+	if ($[7] !== appName || $[8] !== download || $[9] !== handleMenuClose || $[10] !== meta.fileExtension || $[11] !== meta.fileName || $[12] !== meta.id) {
+		t5 = () => {
+			handleMenuClose();
+			download({
+				id: meta.id,
+				appName,
+				fileName: meta.fileName,
+				fileExtension: meta.fileExtension
+			});
+		};
+		$[7] = appName;
+		$[8] = download;
+		$[9] = handleMenuClose;
+		$[10] = meta.fileExtension;
+		$[11] = meta.fileName;
+		$[12] = meta.id;
+		$[13] = t5;
+	} else t5 = $[13];
+	const handleOnDownload = t5;
+	let t6;
+	if ($[14] !== appName || $[15] !== confirm || $[16] !== deleteFile || $[17] !== fileMetas || $[18] !== handleMenuClose || $[19] !== meta || $[20] !== onDelete || $[21] !== t) {
+		t6 = async () => {
+			if (!await confirm(t("Layout.File.AreYouSureYouWantToDelete", { name: meta.fileName }))) return;
+			deleteFile({
+				id: meta.id,
+				appName
+			});
+			handleMenuClose();
+			if (onDelete) {
+				const remainingFileMetas = fileMetas.filter((m) => m.id !== meta.id);
+				onDelete({
+					remainingFileMetas,
+					deletedFileMeta: meta
+				});
+			}
+		};
+		$[14] = appName;
+		$[15] = confirm;
+		$[16] = deleteFile;
+		$[17] = fileMetas;
+		$[18] = handleMenuClose;
+		$[19] = meta;
+		$[20] = onDelete;
+		$[21] = t;
+		$[22] = t6;
+	} else t6 = $[22];
+	const handleOnDelete = t6;
+	const t7 = menu !== null;
+	let t8;
+	if ($[23] !== menu) {
+		t8 = menu === null ? void 0 : {
+			top: menu.mouseY,
+			left: menu.mouseX
+		};
+		$[23] = menu;
+		$[24] = t8;
+	} else t8 = $[24];
+	let t9;
+	if ($[25] !== actions?.download || $[26] !== handleOnDownload || $[27] !== isDownloading || $[28] !== t) {
+		t9 = actions?.download !== false && /* @__PURE__ */ jsxs(ListItemButton, {
+			onClick: handleOnDownload,
+			disabled: isDownloading,
+			children: [/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(FileDownload, {}) }), /* @__PURE__ */ jsx(ListItemText, { children: t("Layout.File.Download") })]
+		});
+		$[25] = actions?.download;
+		$[26] = handleOnDownload;
+		$[27] = isDownloading;
+		$[28] = t;
+		$[29] = t9;
+	} else t9 = $[29];
+	let t10;
+	if ($[30] !== actions?.delete || $[31] !== handleOnDelete || $[32] !== isDeleting || $[33] !== t) {
+		t10 = actions?.delete !== false && /* @__PURE__ */ jsxs(ListItemButton, {
+			onClick: handleOnDelete,
+			disabled: isDeleting,
+			children: [/* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Delete, {}) }), /* @__PURE__ */ jsx(ListItemText, { children: t("Layout.File.Delete") })]
+		});
+		$[30] = actions?.delete;
+		$[31] = handleOnDelete;
+		$[32] = isDeleting;
+		$[33] = t;
+		$[34] = t10;
+	} else t10 = $[34];
+	let t11;
+	if ($[35] !== t10 || $[36] !== t9) {
+		t11 = /* @__PURE__ */ jsxs(List, {
+			disablePadding: true,
+			children: [t9, t10]
+		});
+		$[35] = t10;
+		$[36] = t9;
+		$[37] = t11;
+	} else t11 = $[37];
+	let t12;
+	if ($[38] !== handleMenuClose || $[39] !== t11 || $[40] !== t7 || $[41] !== t8) {
+		t12 = /* @__PURE__ */ jsx(Menu, {
+			open: t7,
+			onClose: handleMenuClose,
+			anchorReference: "anchorPosition",
+			variant: "menu",
+			anchorPosition: t8,
+			children: t11
+		});
+		$[38] = handleMenuClose;
+		$[39] = t11;
+		$[40] = t7;
+		$[41] = t8;
+		$[42] = t12;
+	} else t12 = $[42];
+	return t12;
+};
+//#endregion
+//#region src/components/file/fileViewer/FileViewerGrid.tsx
+const IMAGE_SIZE = 150;
+const FileViewerGrid = (t0) => {
+	const $ = c(13);
+	if ($[0] !== "5d77705eb7d3c9a0156b26bd48f623dca912b69c2621470852f3a952a02eb0ba") {
+		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "5d77705eb7d3c9a0156b26bd48f623dca912b69c2621470852f3a952a02eb0ba";
+	}
+	const { sx, size, itemBar } = t0;
+	const { fileMetas } = useFile();
+	let t1;
+	if ($[1] !== sx) {
+		t1 = {
+			overflow: "auto",
+			...sx
+		};
+		$[1] = sx;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== fileMetas || $[4] !== itemBar || $[5] !== size) {
+		let t3;
+		if ($[7] !== itemBar || $[8] !== size) {
+			t3 = (fileMeta) => /* @__PURE__ */ jsx(GridFileViewerItem, {
+				meta: fileMeta,
+				size,
+				itemBar
+			}, fileMeta.id);
+			$[7] = itemBar;
+			$[8] = size;
+			$[9] = t3;
+		} else t3 = $[9];
+		t2 = fileMetas.map(t3);
+		$[3] = fileMetas;
+		$[4] = itemBar;
+		$[5] = size;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[10] !== t1 || $[11] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Stack, {
+			direction: "row",
+			spacing: 1,
+			sx: t1,
+			children: t2
+		});
+		$[10] = t1;
+		$[11] = t2;
+		$[12] = t3;
+	} else t3 = $[12];
+	return t3;
+};
+const GridFileViewerItem = (t0) => {
+	const $ = c(56);
+	if ($[0] !== "5d77705eb7d3c9a0156b26bd48f623dca912b69c2621470852f3a952a02eb0ba") {
+		for (let $i = 0; $i < 56; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "5d77705eb7d3c9a0156b26bd48f623dca912b69c2621470852f3a952a02eb0ba";
+	}
+	const { meta, size, itemBar } = t0;
+	const { setImageId, actions, appName } = useFile();
+	const [showItemBar, setShowItemBar] = useState(itemBar === "always");
+	const [menu, setMenu] = useState(null);
+	const { ref, inView } = useInView();
+	const queryClient = useQueryClient();
+	let t1;
+	let t2;
+	if ($[1] !== itemBar) {
+		t1 = () => {
+			setShowItemBar(itemBar === "always");
+		};
+		t2 = [itemBar];
+		$[1] = itemBar;
+		$[2] = t1;
+		$[3] = t2;
+	} else {
+		t1 = $[2];
+		t2 = $[3];
+	}
+	useEffect(t1, t2);
+	let t3;
+	if ($[4] !== appName || $[5] !== meta.id) {
+		t3 = fileThumbnailQueryOptions({
+			id: meta.id,
+			appName
+		});
+		$[4] = appName;
+		$[5] = meta.id;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== inView || $[8] !== t3) {
+		t4 = {
+			...t3,
+			enabled: inView
+		};
+		$[7] = inView;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	const { data: source, isPending } = useQuery(t4);
+	let t5;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = () => setShowItemBar(true);
+		$[10] = t5;
+	} else t5 = $[10];
+	const handleOnMouseEnter = t5;
+	let t6;
+	if ($[11] !== itemBar) {
+		t6 = () => itemBar !== "always" && setShowItemBar(false);
+		$[11] = itemBar;
+		$[12] = t6;
+	} else t6 = $[12];
+	const handleOnMouseLeave = t6;
+	let t7;
+	if ($[13] !== menu) {
+		t7 = (event) => {
+			setMenu(menu === null ? {
+				mouseX: event.clientX,
+				mouseY: event.clientY
+			} : null);
+			setTimeout(() => setShowItemBar(true));
+		};
+		$[13] = menu;
+		$[14] = t7;
+	} else t7 = $[14];
+	const openMenu = t7;
+	let t8;
+	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = openFileMutationOptions();
+		$[15] = t8;
+	} else t8 = $[15];
+	const { mutate: openFile } = useMutation(t8);
+	let t9;
+	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = downloadFileMutationOptions();
+		$[16] = t9;
+	} else t9 = $[16];
+	const { mutate: download } = useMutation(t9);
+	let t10;
+	if ($[17] !== appName || $[18] !== download || $[19] !== meta.fileExtension || $[20] !== meta.fileName || $[21] !== meta.id || $[22] !== meta.mediaType || $[23] !== openFile || $[24] !== setImageId) {
+		t10 = () => {
+			switch (meta.mediaType) {
+				case "image": return setImageId(meta.id);
+				case "application": return openFile({
+					id: meta.id,
+					appName
+				});
+				case "video": return openFile({
+					id: meta.id,
+					appName
+				});
+				default: return download({
+					id: meta.id,
+					appName,
+					fileName: meta.fileName,
+					fileExtension: meta.fileExtension
+				});
+			}
+		};
+		$[17] = appName;
+		$[18] = download;
+		$[19] = meta.fileExtension;
+		$[20] = meta.fileName;
+		$[21] = meta.id;
+		$[22] = meta.mediaType;
+		$[23] = openFile;
+		$[24] = setImageId;
+		$[25] = t10;
+	} else t10 = $[25];
+	const onClick = t10;
+	const t11 = size ?? IMAGE_SIZE;
+	const t12 = size ?? IMAGE_SIZE;
+	let t13;
+	if ($[26] !== t11 || $[27] !== t12) {
+		t13 = {
+			width: t11,
+			height: t12
+		};
+		$[26] = t11;
+		$[27] = t12;
+		$[28] = t13;
+	} else t13 = $[28];
+	let t14;
+	if ($[29] !== appName || $[30] !== isPending || $[31] !== meta.id || $[32] !== onClick || $[33] !== queryClient || $[34] !== size || $[35] !== source) {
+		t14 = isPending ? /* @__PURE__ */ jsx(Skeleton, {
+			variant: "rectangular",
+			width: size ?? IMAGE_SIZE,
+			height: size ?? IMAGE_SIZE
+		}) : /* @__PURE__ */ jsx(Box, {
+			component: "img",
+			src: source,
+			loading: "lazy",
+			alt: "thumbnail-" + meta.id,
+			onClick,
+			onMouseEnter: () => queryClient.prefetchQuery(fileQueryOptions({
+				id: meta.id,
+				appName
+			})),
+			sx: {
+				cursor: "pointer",
+				objectFit: "contain",
+				width: size ?? IMAGE_SIZE,
+				height: size ?? IMAGE_SIZE
+			}
+		});
+		$[29] = appName;
+		$[30] = isPending;
+		$[31] = meta.id;
+		$[32] = onClick;
+		$[33] = queryClient;
+		$[34] = size;
+		$[35] = source;
+		$[36] = t14;
+	} else t14 = $[36];
+	let t15;
+	if ($[37] !== actions || $[38] !== itemBar || $[39] !== meta.fileName || $[40] !== openMenu || $[41] !== showItemBar) {
+		t15 = itemBar !== "hidden" && showItemBar && /* @__PURE__ */ jsx(ImageListItemBar, {
+			title: /* @__PURE__ */ jsx(Tooltip, {
+				title: meta.fileName,
+				children: /* @__PURE__ */ jsx(Box, { children: meta.fileName })
+			}),
+			actionIcon: (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(IconButton, {
+				sx: { color: grey[100] },
+				onClick: openMenu,
+				"aria-label": "File actions",
+				children: /* @__PURE__ */ jsx(MoreVert, {})
+			})
+		});
+		$[37] = actions;
+		$[38] = itemBar;
+		$[39] = meta.fileName;
+		$[40] = openMenu;
+		$[41] = showItemBar;
+		$[42] = t15;
+	} else t15 = $[42];
+	let t16;
+	if ($[43] !== handleOnMouseLeave || $[44] !== ref || $[45] !== t13 || $[46] !== t14 || $[47] !== t15) {
+		t16 = /* @__PURE__ */ jsxs(ImageListItem, {
+			sx: t13,
+			onMouseEnter: handleOnMouseEnter,
+			onMouseLeave: handleOnMouseLeave,
+			ref,
+			children: [t14, t15]
+		});
+		$[43] = handleOnMouseLeave;
+		$[44] = ref;
+		$[45] = t13;
+		$[46] = t14;
+		$[47] = t15;
+		$[48] = t16;
+	} else t16 = $[48];
+	let t17;
+	if ($[49] !== actions || $[50] !== menu || $[51] !== meta) {
+		t17 = (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(ActionsMenu, {
+			meta,
+			menu,
+			setMenu
+		});
+		$[49] = actions;
+		$[50] = menu;
+		$[51] = meta;
+		$[52] = t17;
+	} else t17 = $[52];
+	let t18;
+	if ($[53] !== t16 || $[54] !== t17) {
+		t18 = /* @__PURE__ */ jsxs(Fragment, { children: [t16, t17] });
+		$[53] = t16;
+		$[54] = t17;
+		$[55] = t18;
+	} else t18 = $[55];
+	return t18;
+};
+//#endregion
+//#region src/components/file/fileViewer/FileViewerList.tsx
+const FileViewerList = (t0) => {
+	const $ = c(6);
+	if ($[0] !== "a4215cc2ecb024896765e7f105faef1183c309efe5e27865642494da8f087679") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "a4215cc2ecb024896765e7f105faef1183c309efe5e27865642494da8f087679";
+	}
+	const { sx } = t0;
+	const { fileMetas } = useFile();
+	let t1;
+	if ($[1] !== fileMetas) {
+		t1 = fileMetas.map(_temp);
+		$[1] = fileMetas;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== sx || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx(List, {
+			dense: true,
+			sx,
+			children: t1
+		});
+		$[3] = sx;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+};
+const ListFileViewerItem = (t0) => {
+	const $ = c(41);
+	if ($[0] !== "a4215cc2ecb024896765e7f105faef1183c309efe5e27865642494da8f087679") {
+		for (let $i = 0; $i < 41; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "a4215cc2ecb024896765e7f105faef1183c309efe5e27865642494da8f087679";
+	}
+	const { meta } = t0;
+	const { setImageId, actions, appName } = useFile();
+	const [menu, setMenu] = useState(null);
+	const queryClient = useQueryClient();
+	let t1;
+	if ($[1] !== menu) {
+		t1 = (event) => {
+			event.stopPropagation();
+			setMenu(menu === null ? {
+				mouseX: event.clientX,
+				mouseY: event.clientY
+			} : null);
+		};
+		$[1] = menu;
+		$[2] = t1;
+	} else t1 = $[2];
+	const openMenu = t1;
+	let t2;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = openFileMutationOptions();
+		$[3] = t2;
+	} else t2 = $[3];
+	const { mutate: openFile } = useMutation(t2);
+	let t3;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = downloadFileMutationOptions();
+		$[4] = t3;
+	} else t3 = $[4];
+	const { mutate: download } = useMutation(t3);
+	let t4;
+	if ($[5] !== appName || $[6] !== download || $[7] !== meta.fileExtension || $[8] !== meta.fileName || $[9] !== meta.id || $[10] !== meta.mediaType || $[11] !== openFile || $[12] !== setImageId) {
+		t4 = () => {
+			switch (meta.mediaType) {
+				case "image": return setImageId(meta.id);
+				case "application": return openFile({
+					id: meta.id,
+					appName
+				});
+				case "video": return openFile({
+					id: meta.id,
+					appName
+				});
+				default: return download({
+					id: meta.id,
+					appName,
+					fileName: meta.fileName,
+					fileExtension: meta.fileExtension
+				});
+			}
+		};
+		$[5] = appName;
+		$[6] = download;
+		$[7] = meta.fileExtension;
+		$[8] = meta.fileName;
+		$[9] = meta.id;
+		$[10] = meta.mediaType;
+		$[11] = openFile;
+		$[12] = setImageId;
+		$[13] = t4;
+	} else t4 = $[13];
+	const onClick = t4;
+	let t5;
+	if ($[14] !== meta.mediaType) {
+		t5 = () => {
+			switch (meta.mediaType) {
+				case "image": return /* @__PURE__ */ jsx(Image, {});
+				case "video": return /* @__PURE__ */ jsx(SmartDisplay, {});
+				default: return /* @__PURE__ */ jsx(AttachFile, {});
+			}
+		};
+		$[14] = meta.mediaType;
+		$[15] = t5;
+	} else t5 = $[15];
+	const icon = t5;
+	let t6;
+	if ($[16] !== appName || $[17] !== meta.id || $[18] !== queryClient) {
+		t6 = () => queryClient.prefetchQuery(fileQueryOptions({
+			id: meta.id,
+			appName
+		}));
+		$[16] = appName;
+		$[17] = meta.id;
+		$[18] = queryClient;
+		$[19] = t6;
+	} else t6 = $[19];
+	let t7;
+	if ($[20] !== icon) {
+		t7 = /* @__PURE__ */ jsx(ListItemIcon, { children: icon() });
+		$[20] = icon;
+		$[21] = t7;
+	} else t7 = $[21];
+	const t8 = `${meta.fileName}.${meta.fileExtension}`;
+	let t9;
+	if ($[22] !== t8) {
+		t9 = /* @__PURE__ */ jsx(ListItemText, { primary: t8 });
+		$[22] = t8;
+		$[23] = t9;
+	} else t9 = $[23];
+	let t10;
+	if ($[24] !== actions || $[25] !== openMenu) {
+		t10 = (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(IconButton, {
+			edge: "end",
+			onClick: openMenu,
+			"aria-label": "File actions",
+			children: /* @__PURE__ */ jsx(MoreVert, {})
+		});
+		$[24] = actions;
+		$[25] = openMenu;
+		$[26] = t10;
+	} else t10 = $[26];
+	let t11;
+	if ($[27] !== meta.id || $[28] !== onClick || $[29] !== t10 || $[30] !== t6 || $[31] !== t7 || $[32] !== t9) {
+		t11 = /* @__PURE__ */ jsxs(ListItemButton, {
+			onClick,
+			onMouseEnter: t6,
+			children: [
+				t7,
+				t9,
+				t10
+			]
+		}, meta.id);
+		$[27] = meta.id;
+		$[28] = onClick;
+		$[29] = t10;
+		$[30] = t6;
+		$[31] = t7;
+		$[32] = t9;
+		$[33] = t11;
+	} else t11 = $[33];
+	let t12;
+	if ($[34] !== actions || $[35] !== menu || $[36] !== meta) {
+		t12 = (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(ActionsMenu, {
+			meta,
+			menu,
+			setMenu
+		});
+		$[34] = actions;
+		$[35] = menu;
+		$[36] = meta;
+		$[37] = t12;
+	} else t12 = $[37];
+	let t13;
+	if ($[38] !== t11 || $[39] !== t12) {
+		t13 = /* @__PURE__ */ jsxs(Fragment, { children: [t11, t12] });
+		$[38] = t11;
+		$[39] = t12;
+		$[40] = t13;
+	} else t13 = $[40];
+	return t13;
+};
+function _temp(fileMeta) {
+	return /* @__PURE__ */ jsx(ListFileViewerItem, { meta: fileMeta }, fileMeta.id);
+}
+//#endregion
+//#region src/components/file/fileViewer/ImageViewer.tsx
+const ImageViewer = ({ metaId }) => {
+	const { fileMetas, setImageId, appName } = useFile();
+	const meta = fileMetas.find((m) => m.id === metaId);
+	const { data: source, isPending } = useQuery({
+		...fileQueryOptions({
+			id: meta?.id ?? "",
+			appName
+		}),
+		enabled: !!meta
+	});
+	useEffect(() => {
+		if (metaId) globalThis.addEventListener("keydown", handleOnKeydown);
+		return () => {
+			globalThis.removeEventListener("keydown", handleOnKeydown);
+		};
+	}, [metaId]);
+	const handleOnKeydown = (event) => {
+		const images = fileMetas.filter((m_0) => m_0.mediaType === "image");
+		const imageIndex = images.findIndex((m_1) => m_1.id === metaId);
+		switch (event.key) {
+			case "ArrowLeft": return handleOnArrowLeft(images, imageIndex);
+			case "ArrowRight": return handleOnArrowRight(images, imageIndex);
+			case "Backspace":
+			case "Escape":
+				event.preventDefault();
+				return onClose();
+		}
+	};
+	const handleOnArrowLeft = (images_0, index) => {
+		if (index > 0) {
+			const previousFile = images_0[index - 1];
+			setImageId(previousFile.id);
+		}
+	};
+	const handleOnArrowRight = (images_1, index_0) => {
+		if (index_0 < images_1.length - 1) {
+			const nextFile = images_1[index_0 + 1];
+			setImageId(nextFile.id);
+		}
+	};
+	const onClose = () => setImageId("");
+	if (!meta) return null;
+	return /* @__PURE__ */ jsxs(Dialog, {
+		open: true,
+		onClose,
+		maxWidth: "xl",
+		children: [isPending ? /* @__PURE__ */ jsx(Skeleton, {
+			variant: "rectangular",
+			sx: {
+				width: {
+					xs: "100vw",
+					sm: 600
+				},
+				height: {
+					xs: "calc(100vh - 56px)",
+					sm: "calc(100vh - 64px)"
+				}
+			}
+		}) : /* @__PURE__ */ jsx(Box, {
+			component: "img",
+			src: source,
+			alt: meta.fileName,
+			sx: {
+				maxWidth: "100vw",
+				maxHeight: {
+					xs: "calc(100vh - 56px)",
+					sm: "calc(100vh - 64px)"
+				}
+			}
+		}), /* @__PURE__ */ jsx(Fab, {
+			size: "medium",
+			onClick: onClose,
+			"aria-label": "Close",
+			sx: {
+				position: "fixed",
+				top: 8,
+				right: 8
+			},
+			children: /* @__PURE__ */ jsx(Close, {})
+		})]
+	});
+};
+//#endregion
+//#region src/components/file/FileViewer.tsx
+const FileViewer = (t0) => {
+	const $ = c(22);
+	if ($[0] !== "f20716e955e976c65e4217e568b647786c1c8599751fff5b227781489170527e") {
+		for (let $i = 0; $i < 22; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "f20716e955e976c65e4217e568b647786c1c8599751fff5b227781489170527e";
+	}
+	const { appName, subId, onDelete, actions, children } = t0;
+	let t1;
+	if ($[1] !== appName || $[2] !== subId) {
+		t1 = fileMetasQueryOptions({
+			appName,
+			subId
+		});
+		$[1] = appName;
+		$[2] = subId;
+		$[3] = t1;
+	} else t1 = $[3];
+	const t2 = !!subId;
+	let t3;
+	if ($[4] !== t1 || $[5] !== t2) {
+		t3 = {
+			...t1,
+			enabled: t2
+		};
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	const { data: t4 } = useQuery(t3);
+	let t5;
+	if ($[7] !== t4) {
+		t5 = t4 === void 0 ? [] : t4;
+		$[7] = t4;
+		$[8] = t5;
+	} else t5 = $[8];
+	const fileMetas = t5;
+	const [imageId, setImageId] = useState("");
+	if (fileMetas.length === 0) return null;
+	let t6;
+	if ($[9] !== actions || $[10] !== appName || $[11] !== fileMetas || $[12] !== onDelete) {
+		t6 = {
+			appName,
+			fileMetas,
+			onDelete,
+			actions,
+			setImageId
+		};
+		$[9] = actions;
+		$[10] = appName;
+		$[11] = fileMetas;
+		$[12] = onDelete;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== children) {
+		t7 = children({
+			Grid: FileViewerGrid,
+			List: FileViewerList
+		});
+		$[14] = children;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== imageId) {
+		t8 = /* @__PURE__ */ jsx(ImageViewer, { metaId: imageId });
+		$[16] = imageId;
+		$[17] = t8;
+	} else t8 = $[17];
+	let t9;
+	if ($[18] !== t6 || $[19] !== t7 || $[20] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(FileContext.Provider, {
+			value: t6,
+			children: [t7, t8]
+		});
+		$[18] = t6;
+		$[19] = t7;
+		$[20] = t8;
+		$[21] = t9;
+	} else t9 = $[21];
+	return t9;
+};
+//#endregion
+//#region src/components/data-grid/EditableColumnHeader.tsx
+const EditableColumnHeader = (t0) => {
+	const $ = c(4);
+	if ($[0] !== "6a15ed1416d709da03e45c16a891abdc148cf158eccf7a8f811dad6581ee54b2") {
+		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "6a15ed1416d709da03e45c16a891abdc148cf158eccf7a8f811dad6581ee54b2";
+	}
+	const { colDef } = t0;
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(Edit, {
+			color: "disabled",
+			fontSize: "small"
+		});
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== colDef.headerName) {
+		t2 = /* @__PURE__ */ jsx(TypographyWithIcon, {
+			endIcon: t1,
+			variant: "body2",
+			className: "MuiDataGrid-columnHeaderTitle",
+			children: colDef.headerName
+		});
+		$[2] = colDef.headerName;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+};
+//#endregion
+//#region src/components/router/RouterButton.tsx
+const CreatedComponent$4 = createLink(React.forwardRef(function ButtonComponent(props, reference) {
+	const $ = c(4);
+	if ($[0] !== "ac6204c9fa419bc8efad3ebea0df725f19f2cc476a09c695e535caec26527133") {
+		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "ac6204c9fa419bc8efad3ebea0df725f19f2cc476a09c695e535caec26527133";
+	}
+	let t0;
+	if ($[1] !== props || $[2] !== reference) {
+		t0 = /* @__PURE__ */ jsx(Button, {
+			ref: reference,
+			component: "a",
+			...props
+		});
+		$[1] = props;
+		$[2] = reference;
+		$[3] = t0;
+	} else t0 = $[3];
+	return t0;
+}));
+const RouterButton = (props) => {
+	const $ = c(3);
+	if ($[0] !== "ac6204c9fa419bc8efad3ebea0df725f19f2cc476a09c695e535caec26527133") {
+		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "ac6204c9fa419bc8efad3ebea0df725f19f2cc476a09c695e535caec26527133";
+	}
+	let t0;
+	if ($[1] !== props) {
+		t0 = /* @__PURE__ */ jsx(CreatedComponent$4, { ...props });
+		$[1] = props;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
+};
+//#endregion
+//#region src/components/router/RouterFab.tsx
+const CreatedComponent$3 = createLink(React.forwardRef(function FabComponent(props, reference) {
+	const $ = c(4);
+	if ($[0] !== "ecf406c2f1df75bd8d4f8cc1e2a0841119cda75e807b28c7c03400a2d927c16b") {
+		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "ecf406c2f1df75bd8d4f8cc1e2a0841119cda75e807b28c7c03400a2d927c16b";
+	}
+	let t0;
+	if ($[1] !== props || $[2] !== reference) {
+		t0 = /* @__PURE__ */ jsx(Fab, {
+			ref: reference,
+			component: "a",
+			...props
+		});
+		$[1] = props;
+		$[2] = reference;
+		$[3] = t0;
+	} else t0 = $[3];
+	return t0;
+}));
+const RouterFab = (props) => {
+	const $ = c(3);
+	if ($[0] !== "ecf406c2f1df75bd8d4f8cc1e2a0841119cda75e807b28c7c03400a2d927c16b") {
+		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "ecf406c2f1df75bd8d4f8cc1e2a0841119cda75e807b28c7c03400a2d927c16b";
+	}
+	let t0;
+	if ($[1] !== props) {
+		t0 = /* @__PURE__ */ jsx(CreatedComponent$3, { ...props });
+		$[1] = props;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
+};
+//#endregion
+//#region src/components/router/RouterGridActionsCellItem.tsx
+const CreatedComponent$2 = createLink(React.forwardRef(function GridActionsCellItemComponent(props, reference) {
+	const $ = c(4);
+	if ($[0] !== "fe0074f677567d6263d3c9001c809e24912c6a92680ef5ea22c5d1aebd696958") {
+		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "fe0074f677567d6263d3c9001c809e24912c6a92680ef5ea22c5d1aebd696958";
+	}
+	let t0;
+	if ($[1] !== props || $[2] !== reference) {
+		t0 = /* @__PURE__ */ jsx(GridActionsCellItem, {
+			ref: reference,
+			component: "a",
+			...props
+		});
+		$[1] = props;
+		$[2] = reference;
+		$[3] = t0;
+	} else t0 = $[3];
+	return t0;
+}));
+const RouterGridActionsCellItem = (props) => {
+	const $ = c(3);
+	if ($[0] !== "fe0074f677567d6263d3c9001c809e24912c6a92680ef5ea22c5d1aebd696958") {
+		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "fe0074f677567d6263d3c9001c809e24912c6a92680ef5ea22c5d1aebd696958";
+	}
+	let t0;
+	if ($[1] !== props) {
+		t0 = /* @__PURE__ */ jsx(CreatedComponent$2, { ...props });
+		$[1] = props;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
+};
+//#endregion
+//#region src/components/router/RouterLink.tsx
+const CreatedComponent$1 = createLink(React.forwardRef(function LinkComponent(props, reference) {
+	const $ = c(4);
+	if ($[0] !== "b12e87e18a050ab0e29a4efcc3bd2a9fa6915db983e56ea2dc68853a7dc4b979") {
+		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "b12e87e18a050ab0e29a4efcc3bd2a9fa6915db983e56ea2dc68853a7dc4b979";
+	}
+	let t0;
+	if ($[1] !== props || $[2] !== reference) {
+		t0 = /* @__PURE__ */ jsx(Link, {
+			ref: reference,
+			...props
+		});
+		$[1] = props;
+		$[2] = reference;
+		$[3] = t0;
+	} else t0 = $[3];
+	return t0;
+}));
+const RouterLink = (props) => {
+	const $ = c(3);
+	if ($[0] !== "b12e87e18a050ab0e29a4efcc3bd2a9fa6915db983e56ea2dc68853a7dc4b979") {
+		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "b12e87e18a050ab0e29a4efcc3bd2a9fa6915db983e56ea2dc68853a7dc4b979";
+	}
+	let t0;
+	if ($[1] !== props) {
+		t0 = /* @__PURE__ */ jsx(CreatedComponent$1, { ...props });
+		$[1] = props;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
+};
+//#endregion
+//#region src/components/router/RouterTab.tsx
+const CreatedComponent = createLink(React.forwardRef(function TabComponent(props, reference) {
+	const $ = c(4);
+	if ($[0] !== "219e07108be3e229bc6eb53840beb65505cbaaf46f02d872937e7895165a73de") {
+		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "219e07108be3e229bc6eb53840beb65505cbaaf46f02d872937e7895165a73de";
+	}
+	let t0;
+	if ($[1] !== props || $[2] !== reference) {
+		t0 = /* @__PURE__ */ jsx(Tab, {
+			ref: reference,
+			component: "a",
+			...props
+		});
+		$[1] = props;
+		$[2] = reference;
+		$[3] = t0;
+	} else t0 = $[3];
+	return t0;
+}));
+const RouterTab = (props) => {
+	const $ = c(3);
+	if ($[0] !== "219e07108be3e229bc6eb53840beb65505cbaaf46f02d872937e7895165a73de") {
+		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "219e07108be3e229bc6eb53840beb65505cbaaf46f02d872937e7895165a73de";
+	}
+	let t0;
+	if ($[1] !== props) {
+		t0 = /* @__PURE__ */ jsx(CreatedComponent, { ...props });
+		$[1] = props;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
+};
+//#endregion
+//#region src/components/router/RouterNotFound.tsx
+function RouterNotFound() {
+	const $ = c(9);
+	if ($[0] !== "a2fff6f270e5984a013a333cd77bf760bd02234c9fba174ec98da467b3cc7c39") {
+		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "a2fff6f270e5984a013a333cd77bf760bd02234c9fba174ec98da467b3cc7c39";
+	}
+	const { t } = useTranslation();
+	let t0;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = {
+			height: "100vh",
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			justifyContent: "center",
+			textAlign: "center",
+			px: 2
+		};
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = {
+			display: "flex",
+			alignItems: "center",
+			mb: 4
+		};
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(Typography, {
+			variant: "h3",
+			component: "span",
+			sx: {
+				fontWeight: 500,
+				lineHeight: 1
+			},
+			children: "404"
+		});
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(Divider, {
+			orientation: "vertical",
+			flexItem: true,
+			sx: { mx: 3 }
+		});
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== t) {
+		t4 = t("Layout.ThisPageCouldNotBeFound");
+		$[5] = t;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== t4) {
+		t5 = /* @__PURE__ */ jsx(Box, {
+			sx: t0,
+			children: /* @__PURE__ */ jsxs(Box, {
+				sx: t1,
+				children: [
+					t2,
+					t3,
+					/* @__PURE__ */ jsx(Typography, {
+						variant: "h5",
+						component: "span",
+						children: t4
+					})
+				]
+			})
+		});
+		$[7] = t4;
+		$[8] = t5;
+	} else t5 = $[8];
+	return t5;
+}
+//#endregion
+//#region src/components/router/RouterError.tsx
+const RouterError = (t0) => {
+	const $ = c(12);
+	if ($[0] !== "cf071e5896b5a38250f396768818719aba3f257e614991b086e2337a7a292d24") {
+		for (let $i = 0; $i < 12; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "cf071e5896b5a38250f396768818719aba3f257e614991b086e2337a7a292d24";
+	}
+	const { error } = t0;
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = {
+			height: "100vh",
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			justifyContent: "center",
+			textAlign: "center",
+			px: 2
+		};
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = {
+			display: "flex",
+			alignItems: "center",
+			mb: 4
+		};
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = {
+			fontWeight: 500,
+			lineHeight: 1
+		};
+		$[3] = t3;
+	} else t3 = $[3];
+	const t4 = error.name || "500";
+	let t5;
+	if ($[4] !== t4) {
+		t5 = /* @__PURE__ */ jsx(Typography, {
+			variant: "h3",
+			component: "span",
+			sx: t3,
+			children: t4
+		});
+		$[4] = t4;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx(Divider, {
+			orientation: "vertical",
+			flexItem: true,
+			sx: { mx: 3 }
+		});
+		$[6] = t6;
+	} else t6 = $[6];
+	let t7;
+	if ($[7] !== error.message) {
+		t7 = /* @__PURE__ */ jsx(Typography, {
+			variant: "h5",
+			component: "span",
+			children: error.message
+		});
+		$[7] = error.message;
+		$[8] = t7;
+	} else t7 = $[8];
+	let t8;
+	if ($[9] !== t5 || $[10] !== t7) {
+		t8 = /* @__PURE__ */ jsx(Box, {
+			sx: t1,
+			children: /* @__PURE__ */ jsxs(Box, {
+				sx: t2,
+				children: [
+					t5,
+					t6,
+					t7
+				]
+			})
+		});
+		$[9] = t5;
+		$[10] = t7;
+		$[11] = t8;
+	} else t8 = $[11];
+	return t8;
+};
+//#endregion
+export { Dropzone, EditableColumnHeader, FileViewer, Fullscreen, RouterButton, RouterError, RouterFab, RouterGridActionsCellItem, RouterIconButton, RouterLink, RouterListItemButton, RouterNotFound, RouterTab, TypographyWithIcon };
+
+//# sourceMappingURL=components.mjs.map