wcz-layout 6.7.2 → 8.3.2

package/dist/components.js

@@ -0,0 +1,1554 @@
+import { n as RouterIconButton, t as RouterListItemButton } from "./RouterListItemButton-owZVvuC_.js";
+import { a as fileQueryOptions, i as fileMetasQueryOptions, n as deleteFileMutationOptions, o as fileThumbnailQueryOptions, r as downloadFileMutationOptions, s as openFileMutationOptions } from "./file-Dsht7yOP.js";
+import { t as useDialogs } from "./useDialogs-BJVhBr8S.js";
+import { c } from "react/compiler-runtime";
+import { Box, Button, Chip, Dialog, Divider, Fab, IconButton, ImageListItem, ImageListItemBar, Link, List, ListItemButton, ListItemIcon, ListItemText, Menu, 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 } 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;
+			setHeight(Math.max(0, Math.floor(viewportHeight - top)));
+		};
+		$[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(28);
+	if ($[0] !== "a5cc9eacf700dc99d6fa09d79a30e7ee2585596689730acf08a56fb43f1c5490") {
+		for (let $i = 0; $i < 28; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "a5cc9eacf700dc99d6fa09d79a30e7ee2585596689730acf08a56fb43f1c5490";
+	}
+	let props;
+	let sx;
+	if ($[1] !== t0) {
+		({sx, ...props} = t0);
+		$[1] = t0;
+		$[2] = props;
+		$[3] = sx;
+	} else {
+		props = $[2];
+		sx = $[3];
+	}
+	const { getRootProps, getInputProps, isFocused, isDragAccept, isDragReject } = useDropzone(props);
+	const { t } = useTranslation();
+	const theme = useTheme();
+	const t1 = theme.vars || theme;
+	let T0;
+	let t2;
+	if ($[4] !== getRootProps || $[5] !== isDragAccept || $[6] !== isDragReject || $[7] !== isFocused || $[8] !== t1.palette.text.disabled || $[9] !== theme) {
+		const style = {
+			...baseStyle,
+			borderColor: t1.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;
+		t2 = getRootProps({ style });
+		$[4] = getRootProps;
+		$[5] = isDragAccept;
+		$[6] = isDragReject;
+		$[7] = isFocused;
+		$[8] = t1.palette.text.disabled;
+		$[9] = theme;
+		$[10] = T0;
+		$[11] = t2;
+	} else {
+		T0 = $[10];
+		t2 = $[11];
+	}
+	let t3;
+	if ($[12] !== getInputProps) {
+		t3 = getInputProps();
+		$[12] = getInputProps;
+		$[13] = t3;
+	} else t3 = $[13];
+	let t4;
+	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = { display: "none" };
+		$[14] = t4;
+	} else t4 = $[14];
+	let t5;
+	if ($[15] !== t3) {
+		t5 = /* @__PURE__ */ jsx("input", {
+			...t3,
+			style: t4
+		});
+		$[15] = t3;
+		$[16] = t5;
+	} else t5 = $[16];
+	let t6;
+	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx(CloudUpload, {});
+		$[17] = t6;
+	} else t6 = $[17];
+	let t7;
+	if ($[18] !== t) {
+		t7 = t("Layout.File.DragSomeFilesHereOrClickToSelectThem");
+		$[18] = t;
+		$[19] = t7;
+	} else t7 = $[19];
+	let t8;
+	if ($[20] !== t7) {
+		t8 = /* @__PURE__ */ jsx(Typography, { children: t7 });
+		$[20] = t7;
+		$[21] = t8;
+	} else t8 = $[21];
+	let t9;
+	if ($[22] !== T0 || $[23] !== sx || $[24] !== t2 || $[25] !== t5 || $[26] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(T0, {
+			...t2,
+			sx,
+			children: [
+				t5,
+				t6,
+				t8
+			]
+		});
+		$[22] = T0;
+		$[23] = sx;
+		$[24] = t2;
+		$[25] = t5;
+		$[26] = t8;
+		$[27] = t9;
+	} else t9 = $[27];
+	return t9;
+};
+//#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(41);
+	if ($[0] !== "065d5e3dc7bbc07bde537dac78860875eaf5ff7d841ab2d2563f9a1e917484ce") {
+		for (let $i = 0; $i < 41; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "065d5e3dc7bbc07bde537dac78860875eaf5ff7d841ab2d2563f9a1e917484ce";
+	}
+	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 = downloadFileMutationOptions();
+		$[3] = t2;
+	} else t2 = $[3];
+	const { mutate: download, isPending: isDownloading } = useMutation(t2);
+	let t3;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = deleteFileMutationOptions();
+		$[4] = t3;
+	} else t3 = $[4];
+	const { mutate: deleteFile, isPending: isDeleting } = useMutation(t3);
+	let t4;
+	if ($[5] !== appName || $[6] !== download || $[7] !== handleMenuClose || $[8] !== meta.fileExtension || $[9] !== meta.fileName || $[10] !== meta.id) {
+		t4 = () => {
+			handleMenuClose();
+			download({
+				id: meta.id,
+				appName,
+				fileName: meta.fileName,
+				fileExtension: meta.fileExtension
+			});
+		};
+		$[5] = appName;
+		$[6] = download;
+		$[7] = handleMenuClose;
+		$[8] = meta.fileExtension;
+		$[9] = meta.fileName;
+		$[10] = meta.id;
+		$[11] = t4;
+	} else t4 = $[11];
+	const handleOnDownload = t4;
+	let t5;
+	if ($[12] !== appName || $[13] !== confirm || $[14] !== deleteFile || $[15] !== fileMetas || $[16] !== handleMenuClose || $[17] !== meta || $[18] !== onDelete || $[19] !== t) {
+		t5 = async () => {
+			if (!await confirm(t("Layout.File.AreYouSureYouWantToDelete", { fileName: meta.fileName }))) return;
+			deleteFile({
+				id: meta.id,
+				appName
+			});
+			handleMenuClose();
+			if (onDelete) onDelete({
+				remainingFileMetas: fileMetas.filter((m) => m.id !== meta.id),
+				deletedFileMeta: meta
+			});
+		};
+		$[12] = appName;
+		$[13] = confirm;
+		$[14] = deleteFile;
+		$[15] = fileMetas;
+		$[16] = handleMenuClose;
+		$[17] = meta;
+		$[18] = onDelete;
+		$[19] = t;
+		$[20] = t5;
+	} else t5 = $[20];
+	const handleOnDelete = t5;
+	const t6 = menu !== null;
+	let t7;
+	if ($[21] !== menu) {
+		t7 = menu === null ? void 0 : {
+			top: menu.mouseY,
+			left: menu.mouseX
+		};
+		$[21] = menu;
+		$[22] = t7;
+	} else t7 = $[22];
+	let t8;
+	if ($[23] !== actions?.download || $[24] !== handleOnDownload || $[25] !== isDownloading || $[26] !== t) {
+		t8 = 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") })]
+		});
+		$[23] = actions?.download;
+		$[24] = handleOnDownload;
+		$[25] = isDownloading;
+		$[26] = t;
+		$[27] = t8;
+	} else t8 = $[27];
+	let t9;
+	if ($[28] !== actions?.delete || $[29] !== handleOnDelete || $[30] !== isDeleting || $[31] !== t) {
+		t9 = 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") })]
+		});
+		$[28] = actions?.delete;
+		$[29] = handleOnDelete;
+		$[30] = isDeleting;
+		$[31] = t;
+		$[32] = t9;
+	} else t9 = $[32];
+	let t10;
+	if ($[33] !== t8 || $[34] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(List, {
+			disablePadding: true,
+			children: [t8, t9]
+		});
+		$[33] = t8;
+		$[34] = t9;
+		$[35] = t10;
+	} else t10 = $[35];
+	let t11;
+	if ($[36] !== handleMenuClose || $[37] !== t10 || $[38] !== t6 || $[39] !== t7) {
+		t11 = /* @__PURE__ */ jsx(Menu, {
+			open: t6,
+			onClose: handleMenuClose,
+			anchorReference: "anchorPosition",
+			variant: "menu",
+			anchorPosition: t7,
+			children: t10
+		});
+		$[36] = handleMenuClose;
+		$[37] = t10;
+		$[38] = t6;
+		$[39] = t7;
+		$[40] = t11;
+	} else t11 = $[40];
+	return t11;
+};
+//#endregion
+//#region src/components/file/fileViewer/FileViewerGrid.tsx
+const IMAGE_SIZE = 150;
+const FileViewerGrid = (t0) => {
+	const $ = c(13);
+	if ($[0] !== "3e954c19d9307f26fc0c027db715c548050f1edc63bc8018f98f7ef1ddd8a841") {
+		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "3e954c19d9307f26fc0c027db715c548050f1edc63bc8018f98f7ef1ddd8a841";
+	}
+	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(61);
+	if ($[0] !== "3e954c19d9307f26fc0c027db715c548050f1edc63bc8018f98f7ef1ddd8a841") {
+		for (let $i = 0; $i < 61; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "3e954c19d9307f26fc0c027db715c548050f1edc63bc8018f98f7ef1ddd8a841";
+	}
+	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 } = 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];
+	const t14 = "thumbnail-" + meta.id;
+	let t15;
+	if ($[29] !== appName || $[30] !== meta.id || $[31] !== queryClient) {
+		t15 = () => queryClient.prefetchQuery(fileQueryOptions({
+			id: meta.id,
+			appName
+		}));
+		$[29] = appName;
+		$[30] = meta.id;
+		$[31] = queryClient;
+		$[32] = t15;
+	} else t15 = $[32];
+	const t16 = size ?? IMAGE_SIZE;
+	const t17 = size ?? IMAGE_SIZE;
+	let t18;
+	if ($[33] !== t16 || $[34] !== t17) {
+		t18 = {
+			cursor: "pointer",
+			objectFit: "contain",
+			width: t16,
+			height: t17
+		};
+		$[33] = t16;
+		$[34] = t17;
+		$[35] = t18;
+	} else t18 = $[35];
+	let t19;
+	if ($[36] !== onClick || $[37] !== source || $[38] !== t14 || $[39] !== t15 || $[40] !== t18) {
+		t19 = /* @__PURE__ */ jsx(Box, {
+			component: "img",
+			src: source,
+			loading: "lazy",
+			alt: t14,
+			onClick,
+			onMouseEnter: t15,
+			sx: t18
+		});
+		$[36] = onClick;
+		$[37] = source;
+		$[38] = t14;
+		$[39] = t15;
+		$[40] = t18;
+		$[41] = t19;
+	} else t19 = $[41];
+	let t20;
+	if ($[42] !== actions || $[43] !== itemBar || $[44] !== meta.fileName || $[45] !== openMenu || $[46] !== showItemBar) {
+		t20 = 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,
+				children: /* @__PURE__ */ jsx(MoreVert, {})
+			})
+		});
+		$[42] = actions;
+		$[43] = itemBar;
+		$[44] = meta.fileName;
+		$[45] = openMenu;
+		$[46] = showItemBar;
+		$[47] = t20;
+	} else t20 = $[47];
+	let t21;
+	if ($[48] !== handleOnMouseLeave || $[49] !== ref || $[50] !== t13 || $[51] !== t19 || $[52] !== t20) {
+		t21 = /* @__PURE__ */ jsxs(ImageListItem, {
+			sx: t13,
+			onMouseEnter: handleOnMouseEnter,
+			onMouseLeave: handleOnMouseLeave,
+			ref,
+			children: [t19, t20]
+		});
+		$[48] = handleOnMouseLeave;
+		$[49] = ref;
+		$[50] = t13;
+		$[51] = t19;
+		$[52] = t20;
+		$[53] = t21;
+	} else t21 = $[53];
+	let t22;
+	if ($[54] !== actions || $[55] !== menu || $[56] !== meta) {
+		t22 = (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(ActionsMenu, {
+			meta,
+			menu,
+			setMenu
+		});
+		$[54] = actions;
+		$[55] = menu;
+		$[56] = meta;
+		$[57] = t22;
+	} else t22 = $[57];
+	let t23;
+	if ($[58] !== t21 || $[59] !== t22) {
+		t23 = /* @__PURE__ */ jsxs(Fragment, { children: [t21, t22] });
+		$[58] = t21;
+		$[59] = t22;
+		$[60] = t23;
+	} else t23 = $[60];
+	return t23;
+};
+//#endregion
+//#region src/components/file/fileViewer/FileViewerList.tsx
+const FileViewerList = (t0) => {
+	const $ = c(6);
+	if ($[0] !== "519ce0b1cd0e1ff366f419a3d4fcc40f8f4803131e99ea94eeb3c8d64dd0d680") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "519ce0b1cd0e1ff366f419a3d4fcc40f8f4803131e99ea94eeb3c8d64dd0d680";
+	}
+	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] !== "519ce0b1cd0e1ff366f419a3d4fcc40f8f4803131e99ea94eeb3c8d64dd0d680") {
+		for (let $i = 0; $i < 41; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "519ce0b1cd0e1ff366f419a3d4fcc40f8f4803131e99ea94eeb3c8d64dd0d680";
+	}
+	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,
+			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 { data: source } = useQuery(fileQueryOptions({
+		id: fileMetas.find((m) => m.id === metaId).id,
+		appName
+	}));
+	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 (!metaId) return null;
+	return /* @__PURE__ */ jsxs(Dialog, {
+		open: true,
+		onClose,
+		maxWidth: "xl",
+		children: [/* @__PURE__ */ jsx(Box, {
+			component: "img",
+			src: source,
+			alt: metaId,
+			sx: {
+				maxWidth: "100vw",
+				maxHeight: {
+					xs: "calc(100vh - 56px)",
+					sm: "calc(100vh - 64px)"
+				}
+			}
+		}), /* @__PURE__ */ jsx(Fab, {
+			size: "medium",
+			onClick: onClose,
+			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/ChipInputCell.tsx
+const isArray = (value) => Array.isArray(value);
+const ChipInputCell = (t0) => {
+	const $ = c(21);
+	if ($[0] !== "8808ff69594136f018ebc4ce0aab35ef49e53d008a1bbd04540ff4298aff7091") {
+		for (let $i = 0; $i < 21; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "8808ff69594136f018ebc4ce0aab35ef49e53d008a1bbd04540ff4298aff7091";
+	}
+	const { params, slotProps, getLabel } = t0;
+	if (!params.value) return null;
+	let t1;
+	if ($[1] !== getLabel) {
+		t1 = (value) => {
+			if (getLabel) return getLabel(value);
+			return value;
+		};
+		$[1] = getLabel;
+		$[2] = t1;
+	} else t1 = $[2];
+	const getLabelValue = t1;
+	if (isArray(params.value)) {
+		let t2;
+		if ($[3] !== params.colDef.computedWidth) {
+			t2 = {
+				alignItems: "center",
+				gap: 1,
+				overflowX: "auto",
+				height: "100%",
+				width: params.colDef.computedWidth
+			};
+			$[3] = params.colDef.computedWidth;
+			$[4] = t2;
+		} else t2 = $[4];
+		let t3;
+		if ($[5] !== getLabelValue || $[6] !== params.value || $[7] !== slotProps) {
+			let t4;
+			if ($[9] !== getLabelValue || $[10] !== slotProps) {
+				t4 = (value_0, index) => /* @__PURE__ */ jsx(Chip, {
+					label: getLabelValue(value_0),
+					...slotProps
+				}, `${index + 1}-chip-input-cell`);
+				$[9] = getLabelValue;
+				$[10] = slotProps;
+				$[11] = t4;
+			} else t4 = $[11];
+			t3 = params.value.map(t4);
+			$[5] = getLabelValue;
+			$[6] = params.value;
+			$[7] = slotProps;
+			$[8] = t3;
+		} else t3 = $[8];
+		let t4;
+		if ($[12] !== t2 || $[13] !== t3) {
+			t4 = /* @__PURE__ */ jsx(Stack, {
+				direction: "row",
+				sx: t2,
+				children: t3
+			});
+			$[12] = t2;
+			$[13] = t3;
+			$[14] = t4;
+		} else t4 = $[14];
+		return t4;
+	}
+	let t2;
+	if ($[15] !== getLabelValue || $[16] !== params.value) {
+		t2 = getLabelValue(params.value);
+		$[15] = getLabelValue;
+		$[16] = params.value;
+		$[17] = t2;
+	} else t2 = $[17];
+	let t3;
+	if ($[18] !== slotProps || $[19] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Chip, {
+			label: t2,
+			...slotProps
+		});
+		$[18] = slotProps;
+		$[19] = t2;
+		$[20] = t3;
+	} else t3 = $[20];
+	return t3;
+};
+//#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 { ChipInputCell, Dropzone, EditableColumnHeader, FileViewer, Fullscreen, RouterButton, RouterError, RouterFab, RouterGridActionsCellItem, RouterIconButton, RouterLink, RouterListItemButton, RouterNotFound, RouterTab, TypographyWithIcon };
+
+//# sourceMappingURL=components.js.map