wcz-test 6.24.7 → 6.24.8

package/dist/components.js

@@ -1,232 +1,113 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { c } from "react/compiler-runtime";
-import { Typography, Stack, Box, useTheme, Paper, ListItemButton, ListItemIcon, ListItemText, List, Menu, ImageListItemBar, IconButton, Tooltip, ImageListItem, Dialog, Fab, Chip, Button, Link, Tab, Divider } from "@mui/material";
-import React__default, { useRef, useState, useEffectEvent, useEffect, createContext, useContext, Fragment } from "react";
-import CloudUpload from "@mui/icons-material/CloudUpload";
-import { useDropzone } from "react-dropzone";
-import { useTranslation } from "react-i18next";
-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 { u as useDialogs } from "./chunks/DialogsHooks-DOT0O_b4.js";
-import { c as useDownloadFile, f as useDeleteFile, a as useGetFileThumbnail, d as useOpenFile, b as useGetFile, u as useGetFileMetas } from "./chunks/FileHooks-DCnXvUtq.js";
-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 { createLink } from "@tanstack/react-router";
-import { GridActionsCellItem } from "@mui/x-data-grid-premium";
-import { R } from "./chunks/RouterListItemButton-DTYXk1kh.js";
-const TypographyWithIcon = (t0) => {
-  const $ = c(22);
-  let children;
-  let endIcon;
-  let props;
-  let startIcon;
-  let sx;
-  if ($[0] !== t0) {
-    ({
-      startIcon,
-      endIcon,
-      children,
-      sx,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = endIcon;
-    $[3] = props;
-    $[4] = startIcon;
-    $[5] = sx;
-  } else {
-    children = $[1];
-    endIcon = $[2];
-    props = $[3];
-    startIcon = $[4];
-    sx = $[5];
-  }
-  let t1;
-  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = {
-      display: "inline-flex",
-      alignItems: "center",
-      justifyContent: "center",
-      flexShrink: 0,
-      lineHeight: 0,
-      "& > svg": {
-        display: "block"
-      }
-    };
-    $[6] = t1;
-  } else {
-    t1 = $[6];
-  }
-  const iconSx = t1;
-  let t2;
-  if ($[7] !== sx) {
-    t2 = {
-      display: "inline-flex",
-      alignItems: "center",
-      verticalAlign: "middle",
-      ...sx
-    };
-    $[7] = sx;
-    $[8] = t2;
-  } else {
-    t2 = $[8];
-  }
-  let t3;
-  if ($[9] !== startIcon) {
-    t3 = startIcon && /* @__PURE__ */ jsx(Stack, { component: "span", sx: iconSx, children: startIcon });
-    $[9] = startIcon;
-    $[10] = t3;
-  } else {
-    t3 = $[10];
-  }
-  let t4;
-  if ($[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t4 = {
-      display: "inline",
-      lineHeight: "inherit"
-    };
-    $[11] = t4;
-  } else {
-    t4 = $[11];
-  }
-  let t5;
-  if ($[12] !== children) {
-    t5 = /* @__PURE__ */ jsx(Stack, { component: "span", sx: t4, children });
-    $[12] = children;
-    $[13] = t5;
-  } else {
-    t5 = $[13];
-  }
-  let t6;
-  if ($[14] !== endIcon) {
-    t6 = endIcon && /* @__PURE__ */ jsx(Stack, { component: "span", sx: iconSx, children: endIcon });
-    $[14] = endIcon;
-    $[15] = t6;
-  } else {
-    t6 = $[15];
-  }
-  let t7;
-  if ($[16] !== props || $[17] !== t2 || $[18] !== t3 || $[19] !== t5 || $[20] !== t6) {
-    t7 = /* @__PURE__ */ jsxs(Typography, { component: "span", sx: t2, gap: 1, ...props, children: [
-      t3,
-      t5,
-      t6
-    ] });
-    $[16] = props;
-    $[17] = t2;
-    $[18] = t3;
-    $[19] = t5;
-    $[20] = t6;
-    $[21] = t7;
-  } else {
-    t7 = $[21];
-  }
-  return t7;
-};
-const Fullscreen = (t0) => {
-  const $ = c(15);
-  let children;
-  let props;
-  let sx;
-  if ($[0] !== t0) {
-    ({
-      children,
-      sx,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = props;
-    $[3] = sx;
-  } else {
-    children = $[1];
-    props = $[2];
-    sx = $[3];
-  }
-  const reference = useRef(null);
-  const [height, setHeight] = useState();
-  let t1;
-  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = () => {
-      if (!reference.current) {
-        return;
-      }
-      const top = Math.ceil(reference.current.getBoundingClientRect().top);
-      const avail = Math.max(0, window.innerHeight - top);
-      setHeight(avail);
-    };
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  const recompute = useEffectEvent(t1);
-  let t2;
-  if ($[5] !== 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();
-      };
-    };
-    $[5] = recompute;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  let t3;
-  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t3 = [];
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  useEffect(t2, t3);
-  let t4;
-  if ($[8] !== sx) {
-    t4 = {
-      display: "flex",
-      flexDirection: "column",
-      minHeight: 0,
-      width: "100%",
-      overflow: "auto",
-      ...sx
+import { jsxs as $, jsx as r } from "react/jsx-runtime";
+import { c as C } from "react/compiler-runtime";
+import { Typography as N, Stack as G, Box as S, useTheme as ue, Paper as he, ListItemButton as q, ListItemIcon as J, ListItemText as Q, List as se, Menu as pe, ImageListItemBar as ge, IconButton as ee, Tooltip as we, ImageListItem as ye, Dialog as xe, Fab as be, Chip as ie, Button as Ce, Link as Ie, Tab as ve, Divider as re } from "@mui/material";
+import z, { useRef as Fe, useState as H, useEffectEvent as $e, useEffect as te, createContext as De, useContext as _e, Fragment as ce } from "react";
+import Le from "@mui/icons-material/CloudUpload";
+import { useDropzone as Se } from "react-dropzone";
+import { useTranslation as ne } from "react-i18next";
+import ae from "@mui/icons-material/MoreVert";
+import { grey as Te } from "@mui/material/colors";
+import { useInView as Re } from "react-intersection-observer";
+import Me from "@mui/icons-material/Delete";
+import ke from "@mui/icons-material/FileDownload";
+import { u as Ae } from "./DialogsHooks-DWkC9zAf.js";
+import { c as le, f as Ee, a as Be, d as me, b as Ne, u as Pe } from "./FileHooks-kGkVKOf9.js";
+import Ve from "@mui/icons-material/AttachFile";
+import Ge from "@mui/icons-material/Image";
+import He from "@mui/icons-material/SmartDisplay";
+import ze from "@mui/icons-material/Close";
+import Oe from "@mui/icons-material/Edit";
+import { createLink as O } from "@tanstack/react-router";
+import { GridActionsCellItem as We } from "@mui/x-data-grid-premium";
+import { R as jt } from "./RouterListItemButton-C_SG0uka.js";
+const je = (o) => {
+  const e = C(22);
+  let t, n, l, i, c;
+  e[0] !== o ? ({
+    startIcon: i,
+    endIcon: n,
+    children: t,
+    sx: c,
+    ...l
+  } = o, e[0] = o, e[1] = t, e[2] = n, e[3] = l, e[4] = i, e[5] = c) : (t = e[1], n = e[2], l = e[3], i = e[4], c = e[5]);
+  let d;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: 0,
+    lineHeight: 0,
+    "& > svg": {
+      display: "block"
+    }
+  }, e[6] = d) : d = e[6];
+  const f = d;
+  let s;
+  e[7] !== c ? (s = {
+    display: "inline-flex",
+    alignItems: "center",
+    verticalAlign: "middle",
+    ...c
+  }, e[7] = c, e[8] = s) : s = e[8];
+  let a;
+  e[9] !== i ? (a = i && /* @__PURE__ */ r(G, { component: "span", sx: f, children: i }), e[9] = i, e[10] = a) : a = e[10];
+  let m;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
+    display: "inline",
+    lineHeight: "inherit"
+  }, e[11] = m) : m = e[11];
+  let u;
+  e[12] !== t ? (u = /* @__PURE__ */ r(G, { component: "span", sx: m, children: t }), e[12] = t, e[13] = u) : u = e[13];
+  let p;
+  e[14] !== n ? (p = n && /* @__PURE__ */ r(G, { component: "span", sx: f, children: n }), e[14] = n, e[15] = p) : p = e[15];
+  let h;
+  return e[16] !== l || e[17] !== s || e[18] !== a || e[19] !== u || e[20] !== p ? (h = /* @__PURE__ */ $(N, { component: "span", sx: s, gap: 1, ...l, children: [
+    a,
+    u,
+    p
+  ] }), e[16] = l, e[17] = s, e[18] = a, e[19] = u, e[20] = p, e[21] = h) : h = e[21], h;
+}, Rt = (o) => {
+  const e = C(15);
+  let t, n, l;
+  e[0] !== o ? ({
+    children: t,
+    sx: l,
+    ...n
+  } = o, e[0] = o, e[1] = t, e[2] = n, e[3] = l) : (t = e[1], n = e[2], l = e[3]);
+  const i = Fe(null), [c, d] = H();
+  let f;
+  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = () => {
+    if (!i.current)
+      return;
+    const h = Math.ceil(i.current.getBoundingClientRect().top), g = Math.max(0, window.innerHeight - h);
+    d(g);
+  }, e[4] = f) : f = e[4];
+  const s = $e(f);
+  let a;
+  e[5] !== s ? (a = () => {
+    const h = i.current;
+    if (!h)
+      return;
+    s(), window.addEventListener("resize", s);
+    const g = new ResizeObserver(s);
+    return g.observe(document.documentElement), g.observe(document.body), g.observe(h), () => {
+      window.removeEventListener("resize", s), g.disconnect();
     };
-    $[8] = sx;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  let t5;
-  if ($[10] !== children || $[11] !== height || $[12] !== props || $[13] !== t4) {
-    t5 = /* @__PURE__ */ jsx(Box, { ref: reference, sx: t4, height, ...props, children });
-    $[10] = children;
-    $[11] = height;
-    $[12] = props;
-    $[13] = t4;
-    $[14] = t5;
-  } else {
-    t5 = $[14];
-  }
-  return t5;
-};
-const baseStyle = {
+  }, e[5] = s, e[6] = a) : a = e[6];
+  let m;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = [], e[7] = m) : m = e[7], te(a, m);
+  let u;
+  e[8] !== l ? (u = {
+    display: "flex",
+    flexDirection: "column",
+    minHeight: 0,
+    width: "100%",
+    overflow: "auto",
+    ...l
+  }, e[8] = l, e[9] = u) : u = e[9];
+  let p;
+  return e[10] !== t || e[11] !== c || e[12] !== n || e[13] !== u ? (p = /* @__PURE__ */ r(S, { ref: i, sx: u, height: c, ...n, children: t }), e[10] = t, e[11] = c, e[12] = n, e[13] = u, e[14] = p) : p = e[14], p;
+}, Ye = {
   flex: 1,
   display: "flex",
   flexDirection: "column",
@@ -238,1265 +119,562 @@ const baseStyle = {
   outline: "none",
   transition: "border .24s ease-in-out",
   cursor: "pointer"
-};
-const Dropzone = (t0) => {
-  const $ = c(28);
-  let props;
-  let sx;
-  if ($[0] !== t0) {
-    ({
-      sx,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = props;
-    $[2] = sx;
-  } else {
-    props = $[1];
-    sx = $[2];
-  }
-  const {
-    getRootProps,
-    getInputProps,
-    isFocused,
-    isDragAccept,
-    isDragReject
-  } = useDropzone(props);
+}, Mt = (o) => {
+  const e = C(28);
+  let t, n;
+  e[0] !== o ? ({
+    sx: n,
+    ...t
+  } = o, e[0] = o, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
   const {
-    t
-  } = useTranslation();
-  const theme = useTheme();
-  let T0;
-  let t1;
-  let t2;
-  if ($[3] !== getRootProps || $[4] !== isDragAccept || $[5] !== isDragReject || $[6] !== isFocused || $[7] !== theme) {
-    const style = {
-      ...baseStyle,
-      ...isFocused ? {
-        borderColor: theme.palette.primary.main
+    getRootProps: l,
+    getInputProps: i,
+    isFocused: c,
+    isDragAccept: d,
+    isDragReject: f
+  } = Se(t), {
+    t: s
+  } = ne(), a = ue();
+  let m, u, p;
+  if (e[3] !== l || e[4] !== d || e[5] !== f || e[6] !== c || e[7] !== a) {
+    const v = {
+      ...Ye,
+      ...c ? {
+        borderColor: a.palette.primary.main
       } : {},
-      ...isDragAccept ? {
-        borderColor: theme.palette.success.main
+      ...d ? {
+        borderColor: a.palette.success.main
       } : {},
-      ...isDragReject ? {
-        borderColor: theme.palette.error.main
+      ...f ? {
+        borderColor: a.palette.error.main
       } : {}
     };
-    T0 = Paper;
-    t1 = "outlined";
-    t2 = getRootProps({
-      style
-    });
-    $[3] = getRootProps;
-    $[4] = isDragAccept;
-    $[5] = isDragReject;
-    $[6] = isFocused;
-    $[7] = theme;
-    $[8] = T0;
-    $[9] = t1;
-    $[10] = t2;
-  } else {
-    T0 = $[8];
-    t1 = $[9];
-    t2 = $[10];
-  }
-  let t3;
-  if ($[11] !== getInputProps) {
-    t3 = getInputProps();
-    $[11] = getInputProps;
-    $[12] = t3;
-  } else {
-    t3 = $[12];
-  }
-  let t4;
-  if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t4 = {
-      display: "none"
-    };
-    $[13] = t4;
-  } else {
-    t4 = $[13];
-  }
-  let t5;
-  if ($[14] !== t3) {
-    t5 = /* @__PURE__ */ jsx("input", { ...t3, style: t4 });
-    $[14] = t3;
-    $[15] = t5;
-  } else {
-    t5 = $[15];
-  }
-  let t6;
-  if ($[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t6 = /* @__PURE__ */ jsx(CloudUpload, {});
-    $[16] = t6;
-  } else {
-    t6 = $[16];
-  }
-  let t7;
-  if ($[17] !== t) {
-    t7 = t("Layout.File.DragSomeFilesHereOrClickToSelectThem");
-    $[17] = t;
-    $[18] = t7;
-  } else {
-    t7 = $[18];
-  }
-  let t8;
-  if ($[19] !== t7) {
-    t8 = /* @__PURE__ */ jsx(Typography, { children: t7 });
-    $[19] = t7;
-    $[20] = t8;
-  } else {
-    t8 = $[20];
-  }
-  let t9;
-  if ($[21] !== T0 || $[22] !== sx || $[23] !== t1 || $[24] !== t2 || $[25] !== t5 || $[26] !== t8) {
-    t9 = /* @__PURE__ */ jsxs(T0, { variant: t1, ...t2, sx, children: [
-      t5,
-      t6,
-      t8
-    ] });
-    $[21] = T0;
-    $[22] = sx;
-    $[23] = t1;
-    $[24] = t2;
-    $[25] = t5;
-    $[26] = t8;
-    $[27] = t9;
-  } else {
-    t9 = $[27];
-  }
-  return t9;
-};
-const FileContext = createContext(null);
-const useFile = () => {
-  const context = useContext(FileContext);
-  if (!context) {
+    m = he, u = "outlined", p = l({
+      style: v
+    }), e[3] = l, e[4] = d, e[5] = f, e[6] = c, e[7] = a, e[8] = m, e[9] = u, e[10] = p;
+  } else
+    m = e[8], u = e[9], p = e[10];
+  let h;
+  e[11] !== i ? (h = i(), e[11] = i, e[12] = h) : h = e[12];
+  let g;
+  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = {
+    display: "none"
+  }, e[13] = g) : g = e[13];
+  let y;
+  e[14] !== h ? (y = /* @__PURE__ */ r("input", { ...h, style: g }), e[14] = h, e[15] = y) : y = e[15];
+  let x;
+  e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ r(Le, {}), e[16] = x) : x = e[16];
+  let w;
+  e[17] !== s ? (w = s("Layout.File.DragSomeFilesHereOrClickToSelectThem"), e[17] = s, e[18] = w) : w = e[18];
+  let b;
+  e[19] !== w ? (b = /* @__PURE__ */ r(N, { children: w }), e[19] = w, e[20] = b) : b = e[20];
+  let I;
+  return e[21] !== m || e[22] !== n || e[23] !== u || e[24] !== p || e[25] !== y || e[26] !== b ? (I = /* @__PURE__ */ $(m, { variant: u, ...p, sx: n, children: [
+    y,
+    x,
+    b
+  ] }), e[21] = m, e[22] = n, e[23] = u, e[24] = p, e[25] = y, e[26] = b, e[27] = I) : I = e[27], I;
+}, de = De(null), P = () => {
+  const o = _e(de);
+  if (!o)
     throw new Error("FileViewer components must be used within FileViewer");
-  }
-  return context;
-};
-const ActionsMenu = (t0) => {
-  const $ = c(34);
-  const {
-    meta,
-    menu,
-    setMenu
-  } = t0;
-  const {
-    t
-  } = useTranslation();
-  const {
-    fileMetas,
-    onDelete,
-    actions
-  } = useFile();
-  const {
-    confirm
-  } = useDialogs();
-  let t1;
-  if ($[0] !== setMenu) {
-    t1 = () => {
-      setMenu(null);
-    };
-    $[0] = setMenu;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const handleMenuClose = t1;
-  const {
-    mutate: download,
-    isPending: isDownloading
-  } = useDownloadFile();
-  const {
-    mutate: deleteFile,
-    isPending: isDeleting
-  } = useDeleteFile();
-  let t2;
-  if ($[2] !== download || $[3] !== handleMenuClose || $[4] !== meta) {
-    t2 = () => {
-      handleMenuClose();
-      download(meta);
-    };
-    $[2] = download;
-    $[3] = handleMenuClose;
-    $[4] = meta;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  const handleOnDownload = t2;
-  let t3;
-  if ($[6] !== confirm || $[7] !== deleteFile || $[8] !== fileMetas || $[9] !== handleMenuClose || $[10] !== meta || $[11] !== onDelete || $[12] !== t) {
-    t3 = async () => {
-      if (!await confirm(t("Layout.File.AreYouSureYouWantToDelete", {
-        fileName: meta.fileName
-      }))) {
-        return;
-      }
-      deleteFile(meta);
-      handleMenuClose();
-      if (onDelete) {
-        const remainingFileMetas = fileMetas.filter((m) => m.id !== meta.id);
-        onDelete({
-          remainingFileMetas,
-          deletedFileMeta: meta
-        });
-      }
-    };
-    $[6] = confirm;
-    $[7] = deleteFile;
-    $[8] = fileMetas;
-    $[9] = handleMenuClose;
-    $[10] = meta;
-    $[11] = onDelete;
-    $[12] = t;
-    $[13] = t3;
-  } else {
-    t3 = $[13];
-  }
-  const handleOnDelete = t3;
-  const t4 = menu !== null;
-  let t5;
-  if ($[14] !== menu) {
-    t5 = menu === null ? void 0 : {
-      top: menu.mouseY,
-      left: menu.mouseX
-    };
-    $[14] = menu;
-    $[15] = t5;
-  } else {
-    t5 = $[15];
-  }
-  let t6;
-  if ($[16] !== actions?.download || $[17] !== handleOnDownload || $[18] !== isDownloading || $[19] !== t) {
-    t6 = 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") })
-    ] });
-    $[16] = actions?.download;
-    $[17] = handleOnDownload;
-    $[18] = isDownloading;
-    $[19] = t;
-    $[20] = t6;
-  } else {
-    t6 = $[20];
-  }
-  let t7;
-  if ($[21] !== actions?.delete || $[22] !== handleOnDelete || $[23] !== isDeleting || $[24] !== t) {
-    t7 = 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") })
-    ] });
-    $[21] = actions?.delete;
-    $[22] = handleOnDelete;
-    $[23] = isDeleting;
-    $[24] = t;
-    $[25] = t7;
-  } else {
-    t7 = $[25];
-  }
-  let t8;
-  if ($[26] !== t6 || $[27] !== t7) {
-    t8 = /* @__PURE__ */ jsxs(List, { disablePadding: true, children: [
-      t6,
-      t7
-    ] });
-    $[26] = t6;
-    $[27] = t7;
-    $[28] = t8;
-  } else {
-    t8 = $[28];
-  }
-  let t9;
-  if ($[29] !== handleMenuClose || $[30] !== t4 || $[31] !== t5 || $[32] !== t8) {
-    t9 = /* @__PURE__ */ jsx(Menu, { open: t4, onClose: handleMenuClose, anchorReference: "anchorPosition", variant: "menu", anchorPosition: t5, children: t8 });
-    $[29] = handleMenuClose;
-    $[30] = t4;
-    $[31] = t5;
-    $[32] = t8;
-    $[33] = t9;
-  } else {
-    t9 = $[33];
-  }
-  return t9;
-};
-const IMAGE_SIZE = 150;
-const FileViewerGrid = (t0) => {
-  const $ = c(12);
-  const {
-    sx,
-    size,
-    itemBar
-  } = t0;
-  const {
-    fileMetas
-  } = useFile();
-  let t1;
-  if ($[0] !== sx) {
-    t1 = {
-      overflow: "auto",
-      ...sx
-    };
-    $[0] = sx;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== fileMetas || $[3] !== itemBar || $[4] !== size) {
-    let t32;
-    if ($[6] !== itemBar || $[7] !== size) {
-      t32 = (fileMeta) => /* @__PURE__ */ jsx(GridFileViewerItem, { meta: fileMeta, size, itemBar }, fileMeta.id);
-      $[6] = itemBar;
-      $[7] = size;
-      $[8] = t32;
-    } else {
-      t32 = $[8];
+  return o;
+}, fe = (o) => {
+  const e = C(34), {
+    meta: t,
+    menu: n,
+    setMenu: l
+  } = o, {
+    t: i
+  } = ne(), {
+    fileMetas: c,
+    onDelete: d,
+    actions: f
+  } = P(), {
+    confirm: s
+  } = Ae();
+  let a;
+  e[0] !== l ? (a = () => {
+    l(null);
+  }, e[0] = l, e[1] = a) : a = e[1];
+  const m = a, {
+    mutate: u,
+    isPending: p
+  } = le(), {
+    mutate: h,
+    isPending: g
+  } = Ee();
+  let y;
+  e[2] !== u || e[3] !== m || e[4] !== t ? (y = () => {
+    m(), u(t);
+  }, e[2] = u, e[3] = m, e[4] = t, e[5] = y) : y = e[5];
+  const x = y;
+  let w;
+  e[6] !== s || e[7] !== h || e[8] !== c || e[9] !== m || e[10] !== t || e[11] !== d || e[12] !== i ? (w = async () => {
+    if (await s(i("Layout.File.AreYouSureYouWantToDelete", {
+      fileName: t.fileName
+    })) && (h(t), m(), d)) {
+      const T = c.filter((V) => V.id !== t.id);
+      d({
+        remainingFileMetas: T,
+        deletedFileMeta: t
+      });
     }
-    t2 = fileMetas.map(t32);
-    $[2] = fileMetas;
-    $[3] = itemBar;
-    $[4] = size;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  let t3;
-  if ($[9] !== t1 || $[10] !== t2) {
-    t3 = /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 1, sx: t1, children: t2 });
-    $[9] = t1;
-    $[10] = t2;
-    $[11] = t3;
-  } else {
-    t3 = $[11];
-  }
-  return t3;
-};
-const GridFileViewerItem = (t0) => {
-  const $ = c(47);
-  const {
-    meta,
-    size,
-    itemBar
-  } = t0;
+  }, e[6] = s, e[7] = h, e[8] = c, e[9] = m, e[10] = t, e[11] = d, e[12] = i, e[13] = w) : w = e[13];
+  const b = w, I = n !== null;
+  let v;
+  e[14] !== n ? (v = n === null ? void 0 : {
+    top: n.mouseY,
+    left: n.mouseX
+  }, e[14] = n, e[15] = v) : v = e[15];
+  let F;
+  e[16] !== f?.download || e[17] !== x || e[18] !== p || e[19] !== i ? (F = f?.download !== !1 && /* @__PURE__ */ $(q, { onClick: x, disabled: p, children: [
+    /* @__PURE__ */ r(J, { children: /* @__PURE__ */ r(ke, {}) }),
+    /* @__PURE__ */ r(Q, { children: i("Layout.File.Download") })
+  ] }), e[16] = f?.download, e[17] = x, e[18] = p, e[19] = i, e[20] = F) : F = e[20];
+  let _;
+  e[21] !== f?.delete || e[22] !== b || e[23] !== g || e[24] !== i ? (_ = f?.delete !== !1 && /* @__PURE__ */ $(q, { onClick: b, disabled: g, children: [
+    /* @__PURE__ */ r(J, { children: /* @__PURE__ */ r(Me, {}) }),
+    /* @__PURE__ */ r(Q, { children: i("Layout.File.Delete") })
+  ] }), e[21] = f?.delete, e[22] = b, e[23] = g, e[24] = i, e[25] = _) : _ = e[25];
+  let D;
+  e[26] !== F || e[27] !== _ ? (D = /* @__PURE__ */ $(se, { disablePadding: !0, children: [
+    F,
+    _
+  ] }), e[26] = F, e[27] = _, e[28] = D) : D = e[28];
+  let L;
+  return e[29] !== m || e[30] !== I || e[31] !== v || e[32] !== D ? (L = /* @__PURE__ */ r(pe, { open: I, onClose: m, anchorReference: "anchorPosition", variant: "menu", anchorPosition: v, children: D }), e[29] = m, e[30] = I, e[31] = v, e[32] = D, e[33] = L) : L = e[33], L;
+}, j = 150, Xe = (o) => {
+  const e = C(12), {
+    sx: t,
+    size: n,
+    itemBar: l
+  } = o, {
+    fileMetas: i
+  } = P();
+  let c;
+  e[0] !== t ? (c = {
+    overflow: "auto",
+    ...t
+  }, e[0] = t, e[1] = c) : c = e[1];
+  let d;
+  if (e[2] !== i || e[3] !== l || e[4] !== n) {
+    let s;
+    e[6] !== l || e[7] !== n ? (s = (a) => /* @__PURE__ */ r(Ke, { meta: a, size: n, itemBar: l }, a.id), e[6] = l, e[7] = n, e[8] = s) : s = e[8], d = i.map(s), e[2] = i, e[3] = l, e[4] = n, e[5] = d;
+  } else
+    d = e[5];
+  let f;
+  return e[9] !== c || e[10] !== d ? (f = /* @__PURE__ */ r(G, { direction: "row", spacing: 1, sx: c, children: d }), e[9] = c, e[10] = d, e[11] = f) : f = e[11], f;
+}, Ke = (o) => {
+  const e = C(47), {
+    meta: t,
+    size: n,
+    itemBar: l
+  } = o, {
+    setImageId: i,
+    actions: c
+  } = P(), [d, f] = H(l === "always"), [s, a] = H(null), {
+    ref: m,
+    inView: u
+  } = Re();
+  let p, h;
+  e[0] !== l ? (p = () => {
+    f(l === "always");
+  }, h = [l], e[0] = l, e[1] = p, e[2] = h) : (p = e[1], h = e[2]), te(p, h);
+  let g;
+  e[3] !== t ? (g = {
+    meta: t
+  }, e[3] = t, e[4] = g) : g = e[4];
+  let y;
+  e[5] !== u ? (y = {
+    enabled: u
+  }, e[5] = u, e[6] = y) : y = e[6];
   const {
-    setImageId,
-    actions
-  } = useFile();
-  const [showItemBar, setShowItemBar] = useState(itemBar === "always");
-  const [menu, setMenu] = useState(null);
-  const {
-    ref,
-    inView
-  } = useInView();
-  let t1;
-  let t2;
-  if ($[0] !== itemBar) {
-    t1 = () => {
-      setShowItemBar(itemBar === "always");
-    };
-    t2 = [itemBar];
-    $[0] = itemBar;
-    $[1] = t1;
-    $[2] = t2;
-  } else {
-    t1 = $[1];
-    t2 = $[2];
-  }
-  useEffect(t1, t2);
-  let t3;
-  if ($[3] !== meta) {
-    t3 = {
-      meta
-    };
-    $[3] = meta;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  let t4;
-  if ($[5] !== inView) {
-    t4 = {
-      enabled: inView
-    };
-    $[5] = inView;
-    $[6] = t4;
-  } else {
-    t4 = $[6];
-  }
-  const {
-    data: source
-  } = useGetFileThumbnail(t3, t4);
-  let t5;
-  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t5 = () => setShowItemBar(true);
-    $[7] = t5;
-  } else {
-    t5 = $[7];
-  }
-  const handleOnMouseEnter = t5;
-  let t6;
-  if ($[8] !== itemBar) {
-    t6 = () => itemBar !== "always" && setShowItemBar(false);
-    $[8] = itemBar;
-    $[9] = t6;
-  } else {
-    t6 = $[9];
-  }
-  const handleOnMouseLeave = t6;
-  let t7;
-  if ($[10] !== menu) {
-    t7 = (event) => {
-      setMenu(menu === null ? {
-        mouseX: event.clientX,
-        mouseY: event.clientY
-      } : null);
-      setTimeout(() => setShowItemBar(true));
-    };
-    $[10] = menu;
-    $[11] = t7;
-  } else {
-    t7 = $[11];
-  }
-  const openMenu = t7;
-  const {
-    mutate: openFile
-  } = useOpenFile();
-  const {
-    mutate: download
-  } = useDownloadFile();
-  let t8;
-  if ($[12] !== download || $[13] !== meta || $[14] !== openFile || $[15] !== setImageId) {
-    t8 = () => {
-      switch (meta.mediaType) {
-        case "image": {
-          return setImageId(meta.id);
-        }
-        case "application": {
-          return openFile(meta);
-        }
-        case "video": {
-          return openFile(meta);
-        }
-        default: {
-          return download(meta);
-        }
-      }
-    };
-    $[12] = download;
-    $[13] = meta;
-    $[14] = openFile;
-    $[15] = setImageId;
-    $[16] = t8;
-  } else {
-    t8 = $[16];
-  }
-  const onClick = t8;
-  const t9 = size ?? IMAGE_SIZE;
-  const t10 = size ?? IMAGE_SIZE;
-  let t11;
-  if ($[17] !== t10 || $[18] !== t9) {
-    t11 = {
-      width: t9,
-      height: t10
-    };
-    $[17] = t10;
-    $[18] = t9;
-    $[19] = t11;
-  } else {
-    t11 = $[19];
-  }
-  const t12 = "thumbnail-" + meta.id;
-  const t13 = size ?? IMAGE_SIZE;
-  const t14 = size ?? IMAGE_SIZE;
-  let t15;
-  if ($[20] !== t13 || $[21] !== t14) {
-    t15 = {
-      cursor: "pointer",
-      objectFit: "contain",
-      width: t13,
-      height: t14
-    };
-    $[20] = t13;
-    $[21] = t14;
-    $[22] = t15;
-  } else {
-    t15 = $[22];
-  }
-  let t16;
-  if ($[23] !== onClick || $[24] !== source || $[25] !== t12 || $[26] !== t15) {
-    t16 = /* @__PURE__ */ jsx(Box, { component: "img", src: source, loading: "lazy", alt: t12, onClick, sx: t15 });
-    $[23] = onClick;
-    $[24] = source;
-    $[25] = t12;
-    $[26] = t15;
-    $[27] = t16;
-  } else {
-    t16 = $[27];
-  }
-  let t17;
-  if ($[28] !== actions || $[29] !== itemBar || $[30] !== meta.fileName || $[31] !== openMenu || $[32] !== showItemBar) {
-    t17 = 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, {}) }) });
-    $[28] = actions;
-    $[29] = itemBar;
-    $[30] = meta.fileName;
-    $[31] = openMenu;
-    $[32] = showItemBar;
-    $[33] = t17;
-  } else {
-    t17 = $[33];
-  }
-  let t18;
-  if ($[34] !== handleOnMouseLeave || $[35] !== ref || $[36] !== t11 || $[37] !== t16 || $[38] !== t17) {
-    t18 = /* @__PURE__ */ jsxs(ImageListItem, { sx: t11, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, ref, children: [
-      t16,
-      t17
-    ] });
-    $[34] = handleOnMouseLeave;
-    $[35] = ref;
-    $[36] = t11;
-    $[37] = t16;
-    $[38] = t17;
-    $[39] = t18;
-  } else {
-    t18 = $[39];
-  }
-  let t19;
-  if ($[40] !== actions || $[41] !== menu || $[42] !== meta) {
-    t19 = (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(ActionsMenu, { meta, menu, setMenu });
-    $[40] = actions;
-    $[41] = menu;
-    $[42] = meta;
-    $[43] = t19;
-  } else {
-    t19 = $[43];
-  }
-  let t20;
-  if ($[44] !== t18 || $[45] !== t19) {
-    t20 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t18,
-      t19
-    ] });
-    $[44] = t18;
-    $[45] = t19;
-    $[46] = t20;
-  } else {
-    t20 = $[46];
-  }
-  return t20;
-};
-const FileViewerList = (t0) => {
-  const $ = c(5);
-  const {
-    sx
-  } = t0;
-  const {
-    fileMetas
-  } = useFile();
-  let t1;
-  if ($[0] !== fileMetas) {
-    t1 = fileMetas.map(_temp);
-    $[0] = fileMetas;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== sx || $[3] !== t1) {
-    t2 = /* @__PURE__ */ jsx(List, { dense: true, sx, children: t1 });
-    $[2] = sx;
-    $[3] = t1;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  return t2;
-};
-const ListFileViewerItem = (t0) => {
-  const $ = c(29);
-  const {
-    meta
-  } = t0;
-  const {
-    setImageId,
-    actions
-  } = useFile();
-  const [menu, setMenu] = useState(null);
-  let t1;
-  if ($[0] !== menu) {
-    t1 = (event) => {
-      event.stopPropagation();
-      setMenu(menu === null ? {
-        mouseX: event.clientX,
-        mouseY: event.clientY
-      } : null);
-    };
-    $[0] = menu;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const openMenu = t1;
-  const {
-    mutate: openFile
-  } = useOpenFile();
-  const {
-    mutate: download
-  } = useDownloadFile();
-  let t2;
-  if ($[2] !== download || $[3] !== meta || $[4] !== openFile || $[5] !== setImageId) {
-    t2 = () => {
-      switch (meta.mediaType) {
-        case "image": {
-          return setImageId(meta.id);
-        }
-        case "application": {
-          return openFile(meta);
-        }
-        case "video": {
-          return openFile(meta);
-        }
-        default: {
-          return download(meta);
-        }
-      }
-    };
-    $[2] = download;
-    $[3] = meta;
-    $[4] = openFile;
-    $[5] = setImageId;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  const onClick = t2;
-  let t3;
-  if ($[7] !== meta.mediaType) {
-    t3 = () => {
-      switch (meta.mediaType) {
-        case "image": {
-          return /* @__PURE__ */ jsx(Image, {});
-        }
-        case "video": {
-          return /* @__PURE__ */ jsx(SmartDisplay, {});
-        }
-        default: {
-          return /* @__PURE__ */ jsx(AttachFile, {});
-        }
-      }
-    };
-    $[7] = meta.mediaType;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  const icon = t3;
-  let t4;
-  if ($[9] !== icon) {
-    t4 = /* @__PURE__ */ jsx(ListItemIcon, { children: icon() });
-    $[9] = icon;
-    $[10] = t4;
-  } else {
-    t4 = $[10];
-  }
-  const t5 = `${meta.fileName}.${meta.fileExtension}`;
-  let t6;
-  if ($[11] !== t5) {
-    t6 = /* @__PURE__ */ jsx(ListItemText, { primary: t5 });
-    $[11] = t5;
-    $[12] = t6;
-  } else {
-    t6 = $[12];
-  }
-  let t7;
-  if ($[13] !== actions || $[14] !== openMenu) {
-    t7 = (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(IconButton, { edge: "end", onClick: openMenu, children: /* @__PURE__ */ jsx(MoreVert, {}) });
-    $[13] = actions;
-    $[14] = openMenu;
-    $[15] = t7;
-  } else {
-    t7 = $[15];
-  }
-  let t8;
-  if ($[16] !== meta.id || $[17] !== onClick || $[18] !== t4 || $[19] !== t6 || $[20] !== t7) {
-    t8 = /* @__PURE__ */ jsxs(ListItemButton, { onClick, children: [
-      t4,
-      t6,
-      t7
-    ] }, meta.id);
-    $[16] = meta.id;
-    $[17] = onClick;
-    $[18] = t4;
-    $[19] = t6;
-    $[20] = t7;
-    $[21] = t8;
-  } else {
-    t8 = $[21];
-  }
-  let t9;
-  if ($[22] !== actions || $[23] !== menu || $[24] !== meta) {
-    t9 = (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(ActionsMenu, { meta, menu, setMenu });
-    $[22] = actions;
-    $[23] = menu;
-    $[24] = meta;
-    $[25] = t9;
-  } else {
-    t9 = $[25];
-  }
-  let t10;
-  if ($[26] !== t8 || $[27] !== t9) {
-    t10 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t8,
-      t9
-    ] });
-    $[26] = t8;
-    $[27] = t9;
-    $[28] = t10;
-  } else {
-    t10 = $[28];
-  }
-  return t10;
+    data: x
+  } = Be(g, y);
+  let w;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = () => f(!0), e[7] = w) : w = e[7];
+  const b = w;
+  let I;
+  e[8] !== l ? (I = () => l !== "always" && f(!1), e[8] = l, e[9] = I) : I = e[9];
+  const v = I;
+  let F;
+  e[10] !== s ? (F = (oe) => {
+    a(s === null ? {
+      mouseX: oe.clientX,
+      mouseY: oe.clientY
+    } : null), setTimeout(() => f(!0));
+  }, e[10] = s, e[11] = F) : F = e[11];
+  const _ = F, {
+    mutate: D
+  } = me(), {
+    mutate: L
+  } = le();
+  let T;
+  e[12] !== L || e[13] !== t || e[14] !== D || e[15] !== i ? (T = () => {
+    switch (t.mediaType) {
+      case "image":
+        return i(t.id);
+      case "application":
+        return D(t);
+      case "video":
+        return D(t);
+      default:
+        return L(t);
+    }
+  }, e[12] = L, e[13] = t, e[14] = D, e[15] = i, e[16] = T) : T = e[16];
+  const V = T, Y = n ?? j, X = n ?? j;
+  let R;
+  e[17] !== X || e[18] !== Y ? (R = {
+    width: Y,
+    height: X
+  }, e[17] = X, e[18] = Y, e[19] = R) : R = e[19];
+  const K = "thumbnail-" + t.id, U = n ?? j, Z = n ?? j;
+  let M;
+  e[20] !== U || e[21] !== Z ? (M = {
+    cursor: "pointer",
+    objectFit: "contain",
+    width: U,
+    height: Z
+  }, e[20] = U, e[21] = Z, e[22] = M) : M = e[22];
+  let k;
+  e[23] !== V || e[24] !== x || e[25] !== K || e[26] !== M ? (k = /* @__PURE__ */ r(S, { component: "img", src: x, loading: "lazy", alt: K, onClick: V, sx: M }), e[23] = V, e[24] = x, e[25] = K, e[26] = M, e[27] = k) : k = e[27];
+  let A;
+  e[28] !== c || e[29] !== l || e[30] !== t.fileName || e[31] !== _ || e[32] !== d ? (A = l !== "hidden" && d && /* @__PURE__ */ r(ge, { title: /* @__PURE__ */ r(we, { title: t.fileName, children: /* @__PURE__ */ r(S, { children: t.fileName }) }), actionIcon: (c?.download !== !1 || c.delete !== !1) && /* @__PURE__ */ r(ee, { sx: {
+    color: Te[100]
+  }, onClick: _, children: /* @__PURE__ */ r(ae, {}) }) }), e[28] = c, e[29] = l, e[30] = t.fileName, e[31] = _, e[32] = d, e[33] = A) : A = e[33];
+  let E;
+  e[34] !== v || e[35] !== m || e[36] !== R || e[37] !== k || e[38] !== A ? (E = /* @__PURE__ */ $(ye, { sx: R, onMouseEnter: b, onMouseLeave: v, ref: m, children: [
+    k,
+    A
+  ] }), e[34] = v, e[35] = m, e[36] = R, e[37] = k, e[38] = A, e[39] = E) : E = e[39];
+  let B;
+  e[40] !== c || e[41] !== s || e[42] !== t ? (B = (c?.download !== !1 || c.delete !== !1) && /* @__PURE__ */ r(fe, { meta: t, menu: s, setMenu: a }), e[40] = c, e[41] = s, e[42] = t, e[43] = B) : B = e[43];
+  let W;
+  return e[44] !== E || e[45] !== B ? (W = /* @__PURE__ */ $(ce, { children: [
+    E,
+    B
+  ] }), e[44] = E, e[45] = B, e[46] = W) : W = e[46], W;
+}, Ue = (o) => {
+  const e = C(5), {
+    sx: t
+  } = o, {
+    fileMetas: n
+  } = P();
+  let l;
+  e[0] !== n ? (l = n.map(qe), e[0] = n, e[1] = l) : l = e[1];
+  let i;
+  return e[2] !== t || e[3] !== l ? (i = /* @__PURE__ */ r(se, { dense: !0, sx: t, children: l }), e[2] = t, e[3] = l, e[4] = i) : i = e[4], i;
+}, Ze = (o) => {
+  const e = C(29), {
+    meta: t
+  } = o, {
+    setImageId: n,
+    actions: l
+  } = P(), [i, c] = H(null);
+  let d;
+  e[0] !== i ? (d = (F) => {
+    F.stopPropagation(), c(i === null ? {
+      mouseX: F.clientX,
+      mouseY: F.clientY
+    } : null);
+  }, e[0] = i, e[1] = d) : d = e[1];
+  const f = d, {
+    mutate: s
+  } = me(), {
+    mutate: a
+  } = le();
+  let m;
+  e[2] !== a || e[3] !== t || e[4] !== s || e[5] !== n ? (m = () => {
+    switch (t.mediaType) {
+      case "image":
+        return n(t.id);
+      case "application":
+        return s(t);
+      case "video":
+        return s(t);
+      default:
+        return a(t);
+    }
+  }, e[2] = a, e[3] = t, e[4] = s, e[5] = n, e[6] = m) : m = e[6];
+  const u = m;
+  let p;
+  e[7] !== t.mediaType ? (p = () => {
+    switch (t.mediaType) {
+      case "image":
+        return /* @__PURE__ */ r(Ge, {});
+      case "video":
+        return /* @__PURE__ */ r(He, {});
+      default:
+        return /* @__PURE__ */ r(Ve, {});
+    }
+  }, e[7] = t.mediaType, e[8] = p) : p = e[8];
+  const h = p;
+  let g;
+  e[9] !== h ? (g = /* @__PURE__ */ r(J, { children: h() }), e[9] = h, e[10] = g) : g = e[10];
+  const y = `${t.fileName}.${t.fileExtension}`;
+  let x;
+  e[11] !== y ? (x = /* @__PURE__ */ r(Q, { primary: y }), e[11] = y, e[12] = x) : x = e[12];
+  let w;
+  e[13] !== l || e[14] !== f ? (w = (l?.download !== !1 || l.delete !== !1) && /* @__PURE__ */ r(ee, { edge: "end", onClick: f, children: /* @__PURE__ */ r(ae, {}) }), e[13] = l, e[14] = f, e[15] = w) : w = e[15];
+  let b;
+  e[16] !== t.id || e[17] !== u || e[18] !== g || e[19] !== x || e[20] !== w ? (b = /* @__PURE__ */ $(q, { onClick: u, children: [
+    g,
+    x,
+    w
+  ] }, t.id), e[16] = t.id, e[17] = u, e[18] = g, e[19] = x, e[20] = w, e[21] = b) : b = e[21];
+  let I;
+  e[22] !== l || e[23] !== i || e[24] !== t ? (I = (l?.download !== !1 || l.delete !== !1) && /* @__PURE__ */ r(fe, { meta: t, menu: i, setMenu: c }), e[22] = l, e[23] = i, e[24] = t, e[25] = I) : I = e[25];
+  let v;
+  return e[26] !== b || e[27] !== I ? (v = /* @__PURE__ */ $(ce, { children: [
+    b,
+    I
+  ] }), e[26] = b, e[27] = I, e[28] = v) : v = e[28], v;
 };
-function _temp(fileMeta) {
-  return /* @__PURE__ */ jsx(ListFileViewerItem, { meta: fileMeta }, fileMeta.id);
+function qe(o) {
+  return /* @__PURE__ */ r(Ze, { meta: o }, o.id);
 }
-const ImageViewer = ({
-  metaId
+const Je = ({
+  metaId: o
 }) => {
   const {
-    fileMetas,
-    setImageId
-  } = useFile();
-  const meta = fileMetas.find((m) => m.id === metaId);
-  const {
-    data: source
-  } = useGetFile({
-    meta
+    fileMetas: e,
+    setImageId: t
+  } = P(), n = e.find((s) => s.id === o), {
+    data: l
+  } = Ne({
+    meta: n
   });
-  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);
-      }
+  te(() => (o && globalThis.addEventListener("keydown", i), () => {
+    globalThis.removeEventListener("keydown", i);
+  }), [o]);
+  const i = (s) => {
+    const a = e.filter((u) => u.mediaType === "image"), m = a.findIndex((u) => u.id === o);
+    switch (s.key) {
+      case "ArrowLeft":
+        return c(a, m);
+      case "ArrowRight":
+        return d(a, m);
       case "Backspace":
-      case "Escape": {
-        event.preventDefault();
-        return onClose();
-      }
+      case "Escape":
+        return s.preventDefault(), f();
     }
-  };
-  const handleOnArrowLeft = (images_0, index) => {
-    if (index > 0) {
-      const previousFile = images_0[index - 1];
-      setImageId(previousFile.id);
+  }, c = (s, a) => {
+    if (a > 0) {
+      const m = s[a - 1];
+      t(m.id);
     }
-  };
-  const handleOnArrowRight = (images_1, index_0) => {
-    if (index_0 < images_1.length - 1) {
-      const nextFile = images_1[index_0 + 1];
-      setImageId(nextFile.id);
+  }, d = (s, a) => {
+    if (a < s.length - 1) {
+      const m = s[a + 1];
+      t(m.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: {
+  }, f = () => t("");
+  return o ? /* @__PURE__ */ $(xe, { open: !0, onClose: f, maxWidth: "xl", children: [
+    /* @__PURE__ */ r(S, { component: "img", src: l, alt: o, sx: {
       maxWidth: "100vw",
       maxHeight: {
         xs: "calc(100vh - 56px)",
         sm: "calc(100vh - 64px)"
       }
     } }),
-    /* @__PURE__ */ jsx(Fab, { size: "medium", onClick: onClose, sx: {
+    /* @__PURE__ */ r(be, { size: "medium", onClick: f, sx: {
       position: "fixed",
       top: 8,
       right: 8
-    }, children: /* @__PURE__ */ jsx(Close, {}) })
-  ] });
-};
-const FileViewer = (t0) => {
-  const $ = c(25);
-  const {
-    subId,
-    onDelete,
-    actions,
-    children
-  } = t0;
-  let t1;
-  if ($[0] !== subId) {
-    t1 = {
-      subId
-    };
-    $[0] = subId;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const t2 = !!subId;
-  let t3;
-  if ($[2] !== t2) {
-    t3 = {
-      enabled: t2
-    };
-    $[2] = t2;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
+    }, children: /* @__PURE__ */ r(ze, {}) })
+  ] }) : null;
+}, kt = (o) => {
+  const e = C(25), {
+    subId: t,
+    onDelete: n,
+    actions: l,
+    children: i
+  } = o;
+  let c;
+  e[0] !== t ? (c = {
+    subId: t
+  }, e[0] = t, e[1] = c) : c = e[1];
+  const d = !!t;
+  let f;
+  e[2] !== d ? (f = {
+    enabled: d
+  }, e[2] = d, e[3] = f) : f = e[3];
   const {
-    data: t4
-  } = useGetFileMetas(t1, t3);
-  let t5;
-  if ($[4] !== t4) {
-    t5 = t4 === void 0 ? [] : t4;
-    $[4] = t4;
-    $[5] = t5;
-  } else {
-    t5 = $[5];
-  }
-  const fileMetas = t5;
-  const [imageId, setImageId] = useState("");
-  let T0;
-  let t6;
-  let t7;
-  let t8;
-  if ($[6] !== actions || $[7] !== children || $[8] !== fileMetas || $[9] !== onDelete) {
-    t8 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
-    bb0: {
-      const components = {
-        Grid: FileViewerGrid,
-        List: FileViewerList
+    data: s
+  } = Pe(c, f);
+  let a;
+  e[4] !== s ? (a = s === void 0 ? [] : s, e[4] = s, e[5] = a) : a = e[5];
+  const m = a, [u, p] = H("");
+  let h, g, y, x;
+  if (e[6] !== l || e[7] !== i || e[8] !== m || e[9] !== n) {
+    x = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+    e: {
+      const I = {
+        Grid: Xe,
+        List: Ue
       };
-      if (fileMetas.length === 0) {
-        t8 = null;
-        break bb0;
-      }
-      T0 = FileContext.Provider;
-      if ($[14] !== actions || $[15] !== fileMetas || $[16] !== onDelete) {
-        t6 = {
-          fileMetas,
-          onDelete,
-          actions,
-          setImageId
-        };
-        $[14] = actions;
-        $[15] = fileMetas;
-        $[16] = onDelete;
-        $[17] = t6;
-      } else {
-        t6 = $[17];
+      if (m.length === 0) {
+        x = null;
+        break e;
       }
-      t7 = children(components);
+      h = de.Provider, e[14] !== l || e[15] !== m || e[16] !== n ? (g = {
+        fileMetas: m,
+        onDelete: n,
+        actions: l,
+        setImageId: p
+      }, e[14] = l, e[15] = m, e[16] = n, e[17] = g) : g = e[17], y = i(I);
     }
-    $[6] = actions;
-    $[7] = children;
-    $[8] = fileMetas;
-    $[9] = onDelete;
-    $[10] = T0;
-    $[11] = t6;
-    $[12] = t7;
-    $[13] = t8;
-  } else {
-    T0 = $[10];
-    t6 = $[11];
-    t7 = $[12];
-    t8 = $[13];
-  }
-  if (t8 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) {
-    return t8;
-  }
-  let t9;
-  if ($[18] !== imageId) {
-    t9 = /* @__PURE__ */ jsx(ImageViewer, { metaId: imageId });
-    $[18] = imageId;
-    $[19] = t9;
-  } else {
-    t9 = $[19];
-  }
-  let t10;
-  if ($[20] !== T0 || $[21] !== t6 || $[22] !== t7 || $[23] !== t9) {
-    t10 = /* @__PURE__ */ jsxs(T0, { value: t6, children: [
-      t7,
-      t9
-    ] });
-    $[20] = T0;
-    $[21] = t6;
-    $[22] = t7;
-    $[23] = t9;
-    $[24] = t10;
-  } else {
-    t10 = $[24];
-  }
-  return t10;
-};
-const isArray = (value) => Array.isArray(value);
-const ChipInputCell = (t0) => {
-  const $ = c(20);
-  const {
-    params,
-    slotProps,
-    getLabel
-  } = t0;
-  if (!params.value) {
+    e[6] = l, e[7] = i, e[8] = m, e[9] = n, e[10] = h, e[11] = g, e[12] = y, e[13] = x;
+  } else
+    h = e[10], g = e[11], y = e[12], x = e[13];
+  if (x !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
+    return x;
+  let w;
+  e[18] !== u ? (w = /* @__PURE__ */ r(Je, { metaId: u }), e[18] = u, e[19] = w) : w = e[19];
+  let b;
+  return e[20] !== h || e[21] !== g || e[22] !== y || e[23] !== w ? (b = /* @__PURE__ */ $(h, { value: g, children: [
+    y,
+    w
+  ] }), e[20] = h, e[21] = g, e[22] = y, e[23] = w, e[24] = b) : b = e[24], b;
+}, Qe = (o) => Array.isArray(o), At = (o) => {
+  const e = C(20), {
+    params: t,
+    slotProps: n,
+    getLabel: l
+  } = o;
+  if (!t.value)
     return null;
-  }
-  let t1;
-  if ($[0] !== getLabel) {
-    t1 = (value) => {
-      if (getLabel) {
-        return getLabel(value);
-      }
-      return value;
-    };
-    $[0] = getLabel;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const getLabelValue = t1;
-  if (isArray(params.value)) {
-    let t22;
-    if ($[2] !== params.colDef.computedWidth) {
-      t22 = {
-        overflowX: "auto",
-        height: "100%",
-        width: params.colDef.computedWidth
-      };
-      $[2] = params.colDef.computedWidth;
-      $[3] = t22;
-    } else {
-      t22 = $[3];
-    }
-    let t32;
-    if ($[4] !== getLabelValue || $[5] !== params.value || $[6] !== slotProps) {
-      let t42;
-      if ($[8] !== getLabelValue || $[9] !== slotProps) {
-        t42 = (value_0, index) => /* @__PURE__ */ jsx(Chip, { label: getLabelValue(value_0), ...slotProps }, `${index + 1}-chip-input-cell`);
-        $[8] = getLabelValue;
-        $[9] = slotProps;
-        $[10] = t42;
-      } else {
-        t42 = $[10];
-      }
-      t32 = params.value.map(t42);
-      $[4] = getLabelValue;
-      $[5] = params.value;
-      $[6] = slotProps;
-      $[7] = t32;
-    } else {
-      t32 = $[7];
-    }
-    let t4;
-    if ($[11] !== t22 || $[12] !== t32) {
-      t4 = /* @__PURE__ */ jsx(Stack, { direction: "row", alignItems: "center", gap: 1, sx: t22, children: t32 });
-      $[11] = t22;
-      $[12] = t32;
-      $[13] = t4;
-    } else {
-      t4 = $[13];
-    }
-    return t4;
-  }
-  let t2;
-  if ($[14] !== getLabelValue || $[15] !== params.value) {
-    t2 = getLabelValue(params.value);
-    $[14] = getLabelValue;
-    $[15] = params.value;
-    $[16] = t2;
-  } else {
-    t2 = $[16];
-  }
-  let t3;
-  if ($[17] !== slotProps || $[18] !== t2) {
-    t3 = /* @__PURE__ */ jsx(Chip, { label: t2, ...slotProps });
-    $[17] = slotProps;
-    $[18] = t2;
-    $[19] = t3;
-  } else {
-    t3 = $[19];
-  }
-  return t3;
-};
-const EditableColumnHeader = (t0) => {
-  const $ = c(3);
-  const {
-    colDef
-  } = t0;
-  let t1;
-  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ jsx(Edit, { color: "disabled", fontSize: "small" });
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  let t2;
-  if ($[1] !== colDef.headerName) {
-    t2 = /* @__PURE__ */ jsx(TypographyWithIcon, { endIcon: t1, variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
-    $[1] = colDef.headerName;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  return t2;
-};
-const Component$4 = React__default.forwardRef(function ButtonComponent(props, reference) {
-  const $ = c(3);
-  let t0;
-  if ($[0] !== props || $[1] !== reference) {
-    t0 = /* @__PURE__ */ jsx(Button, { ref: reference, component: "a", ...props });
-    $[0] = props;
-    $[1] = reference;
-    $[2] = t0;
-  } else {
-    t0 = $[2];
-  }
-  return t0;
-});
-const CreatedComponent$4 = createLink(Component$4);
-const RouterButton = (props) => {
-  const $ = c(2);
-  let t0;
-  if ($[0] !== props) {
-    t0 = /* @__PURE__ */ jsx(CreatedComponent$4, { ...props });
-    $[0] = props;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
-};
-const Component$3 = React__default.forwardRef(function GridActionsCellItemComponent(props, reference) {
-  const $ = c(3);
-  let t0;
-  if ($[0] !== props || $[1] !== reference) {
-    t0 = /* @__PURE__ */ jsx(GridActionsCellItem, { ref: reference, component: "a", ...props });
-    $[0] = props;
-    $[1] = reference;
-    $[2] = t0;
-  } else {
-    t0 = $[2];
-  }
-  return t0;
-});
-const CreatedComponent$3 = createLink(Component$3);
-const RouterGridActionsCellItem = (props) => {
-  const $ = c(2);
-  let t0;
-  if ($[0] !== props) {
-    t0 = /* @__PURE__ */ jsx(CreatedComponent$3, { ...props });
-    $[0] = props;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
-};
-const Component$2 = React__default.forwardRef(function IconButtonComponent(props, reference) {
-  const $ = c(3);
-  let t0;
-  if ($[0] !== props || $[1] !== reference) {
-    t0 = /* @__PURE__ */ jsx(IconButton, { ref: reference, component: "a", ...props });
-    $[0] = props;
-    $[1] = reference;
-    $[2] = t0;
-  } else {
-    t0 = $[2];
-  }
-  return t0;
-});
-const CreatedComponent$2 = createLink(Component$2);
-const RouterIconButton = (props) => {
-  const $ = c(2);
-  let t0;
-  if ($[0] !== props) {
-    t0 = /* @__PURE__ */ jsx(CreatedComponent$2, { ...props });
-    $[0] = props;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
-};
-const Component$1 = React__default.forwardRef(function LinkComponent(props, reference) {
-  const $ = c(3);
-  let t0;
-  if ($[0] !== props || $[1] !== reference) {
-    t0 = /* @__PURE__ */ jsx(Link, { ref: reference, ...props });
-    $[0] = props;
-    $[1] = reference;
-    $[2] = t0;
-  } else {
-    t0 = $[2];
-  }
-  return t0;
-});
-const CreatedComponent$1 = createLink(Component$1);
-const RouterLink = (props) => {
-  const $ = c(2);
-  let t0;
-  if ($[0] !== props) {
-    t0 = /* @__PURE__ */ jsx(CreatedComponent$1, { ...props });
-    $[0] = props;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
-};
-const Component = React__default.forwardRef(function TabComponent(props, reference) {
-  const $ = c(3);
-  let t0;
-  if ($[0] !== props || $[1] !== reference) {
-    t0 = /* @__PURE__ */ jsx(Tab, { ref: reference, component: "a", ...props });
-    $[0] = props;
-    $[1] = reference;
-    $[2] = t0;
-  } else {
-    t0 = $[2];
-  }
-  return t0;
-});
-const CreatedComponent = createLink(Component);
-const RouterTab = (props) => {
-  const $ = c(2);
-  let t0;
-  if ($[0] !== props) {
-    t0 = /* @__PURE__ */ jsx(CreatedComponent, { ...props });
-    $[0] = props;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
+  let i;
+  e[0] !== l ? (i = (s) => l ? l(s) : s, e[0] = l, e[1] = i) : i = e[1];
+  const c = i;
+  if (Qe(t.value)) {
+    let s;
+    e[2] !== t.colDef.computedWidth ? (s = {
+      overflowX: "auto",
+      height: "100%",
+      width: t.colDef.computedWidth
+    }, e[2] = t.colDef.computedWidth, e[3] = s) : s = e[3];
+    let a;
+    if (e[4] !== c || e[5] !== t.value || e[6] !== n) {
+      let u;
+      e[8] !== c || e[9] !== n ? (u = (p, h) => /* @__PURE__ */ r(ie, { label: c(p), ...n }, `${h + 1}-chip-input-cell`), e[8] = c, e[9] = n, e[10] = u) : u = e[10], a = t.value.map(u), e[4] = c, e[5] = t.value, e[6] = n, e[7] = a;
+    } else
+      a = e[7];
+    let m;
+    return e[11] !== s || e[12] !== a ? (m = /* @__PURE__ */ r(G, { direction: "row", alignItems: "center", gap: 1, sx: s, children: a }), e[11] = s, e[12] = a, e[13] = m) : m = e[13], m;
+  }
+  let d;
+  e[14] !== c || e[15] !== t.value ? (d = c(t.value), e[14] = c, e[15] = t.value, e[16] = d) : d = e[16];
+  let f;
+  return e[17] !== n || e[18] !== d ? (f = /* @__PURE__ */ r(ie, { label: d, ...n }), e[17] = n, e[18] = d, e[19] = f) : f = e[19], f;
+}, Et = (o) => {
+  const e = C(3), {
+    colDef: t
+  } = o;
+  let n;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ r(Oe, { color: "disabled", fontSize: "small" }), e[0] = n) : n = e[0];
+  let l;
+  return e[1] !== t.headerName ? (l = /* @__PURE__ */ r(je, { endIcon: n, variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: t.headerName }), e[1] = t.headerName, e[2] = l) : l = e[2], l;
+}, et = z.forwardRef(function(e, t) {
+  const n = C(3);
+  let l;
+  return n[0] !== e || n[1] !== t ? (l = /* @__PURE__ */ r(Ce, { ref: t, component: "a", ...e }), n[0] = e, n[1] = t, n[2] = l) : l = n[2], l;
+}), tt = O(et), Bt = (o) => {
+  const e = C(2);
+  let t;
+  return e[0] !== o ? (t = /* @__PURE__ */ r(tt, { ...o }), e[0] = o, e[1] = t) : t = e[1], t;
+}, nt = z.forwardRef(function(e, t) {
+  const n = C(3);
+  let l;
+  return n[0] !== e || n[1] !== t ? (l = /* @__PURE__ */ r(We, { ref: t, component: "a", ...e }), n[0] = e, n[1] = t, n[2] = l) : l = n[2], l;
+}), lt = O(nt), Nt = (o) => {
+  const e = C(2);
+  let t;
+  return e[0] !== o ? (t = /* @__PURE__ */ r(lt, { ...o }), e[0] = o, e[1] = t) : t = e[1], t;
+}, ot = z.forwardRef(function(e, t) {
+  const n = C(3);
+  let l;
+  return n[0] !== e || n[1] !== t ? (l = /* @__PURE__ */ r(ee, { ref: t, component: "a", ...e }), n[0] = e, n[1] = t, n[2] = l) : l = n[2], l;
+}), it = O(ot), Pt = (o) => {
+  const e = C(2);
+  let t;
+  return e[0] !== o ? (t = /* @__PURE__ */ r(it, { ...o }), e[0] = o, e[1] = t) : t = e[1], t;
+}, st = z.forwardRef(function(e, t) {
+  const n = C(3);
+  let l;
+  return n[0] !== e || n[1] !== t ? (l = /* @__PURE__ */ r(Ie, { ref: t, ...e }), n[0] = e, n[1] = t, n[2] = l) : l = n[2], l;
+}), rt = O(st), Vt = (o) => {
+  const e = C(2);
+  let t;
+  return e[0] !== o ? (t = /* @__PURE__ */ r(rt, { ...o }), e[0] = o, e[1] = t) : t = e[1], t;
+}, ct = z.forwardRef(function(e, t) {
+  const n = C(3);
+  let l;
+  return n[0] !== e || n[1] !== t ? (l = /* @__PURE__ */ r(ve, { ref: t, component: "a", ...e }), n[0] = e, n[1] = t, n[2] = l) : l = n[2], l;
+}), at = O(ct), Gt = (o) => {
+  const e = C(2);
+  let t;
+  return e[0] !== o ? (t = /* @__PURE__ */ r(at, { ...o }), e[0] = o, e[1] = t) : t = e[1], t;
 };
-function RouterNotFound() {
-  const $ = c(6);
-  const {
-    t
-  } = useTranslation();
-  let t0;
-  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /* @__PURE__ */ jsx(Typography, { variant: "h3", component: "span", fontWeight: 500, sx: {
-      lineHeight: 1
-    }, children: "404" });
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  let t1;
-  if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, sx: {
-      mx: 3
-    } });
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== t) {
-    t2 = t("Layout.ThisPageCouldNotBeFound");
-    $[2] = t;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  let t3;
-  if ($[4] !== t2) {
-    t3 = /* @__PURE__ */ jsx(Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", mb: 4, children: [
-      t0,
-      t1,
-      /* @__PURE__ */ jsx(Typography, { variant: "h5", component: "span", children: t2 })
-    ] }) });
-    $[4] = t2;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  return t3;
+function Ht() {
+  const o = C(6), {
+    t: e
+  } = ne();
+  let t;
+  o[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ r(N, { variant: "h3", component: "span", fontWeight: 500, sx: {
+    lineHeight: 1
+  }, children: "404" }), o[0] = t) : t = o[0];
+  let n;
+  o[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ r(re, { orientation: "vertical", flexItem: !0, sx: {
+    mx: 3
+  } }), o[1] = n) : n = o[1];
+  let l;
+  o[2] !== e ? (l = e("Layout.ThisPageCouldNotBeFound"), o[2] = e, o[3] = l) : l = o[3];
+  let i;
+  return o[4] !== l ? (i = /* @__PURE__ */ r(S, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ $(S, { display: "flex", alignItems: "center", mb: 4, children: [
+    t,
+    n,
+    /* @__PURE__ */ r(N, { variant: "h5", component: "span", children: l })
+  ] }) }), o[4] = l, o[5] = i) : i = o[5], i;
 }
-const RouterError = (t0) => {
-  const $ = c(9);
-  const {
-    error
-  } = t0;
-  let t1;
-  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = {
-      lineHeight: 1
-    };
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  const t2 = error.name || "500";
-  let t3;
-  if ($[1] !== t2) {
-    t3 = /* @__PURE__ */ jsx(Typography, { variant: "h3", component: "span", fontWeight: 500, sx: t1, children: t2 });
-    $[1] = t2;
-    $[2] = t3;
-  } else {
-    t3 = $[2];
-  }
-  let t4;
-  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, sx: {
-      mx: 3
-    } });
-    $[3] = t4;
-  } else {
-    t4 = $[3];
-  }
-  let t5;
-  if ($[4] !== error.message) {
-    t5 = /* @__PURE__ */ jsx(Typography, { variant: "h5", component: "span", children: error.message });
-    $[4] = error.message;
-    $[5] = t5;
-  } else {
-    t5 = $[5];
-  }
-  let t6;
-  if ($[6] !== t3 || $[7] !== t5) {
-    t6 = /* @__PURE__ */ jsx(Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", mb: 4, children: [
-      t3,
-      t4,
-      t5
-    ] }) });
-    $[6] = t3;
-    $[7] = t5;
-    $[8] = t6;
-  } else {
-    t6 = $[8];
-  }
-  return t6;
+const zt = (o) => {
+  const e = C(9), {
+    error: t
+  } = o;
+  let n;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = {
+    lineHeight: 1
+  }, e[0] = n) : n = e[0];
+  const l = t.name || "500";
+  let i;
+  e[1] !== l ? (i = /* @__PURE__ */ r(N, { variant: "h3", component: "span", fontWeight: 500, sx: n, children: l }), e[1] = l, e[2] = i) : i = e[2];
+  let c;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ r(re, { orientation: "vertical", flexItem: !0, sx: {
+    mx: 3
+  } }), e[3] = c) : c = e[3];
+  let d;
+  e[4] !== t.message ? (d = /* @__PURE__ */ r(N, { variant: "h5", component: "span", children: t.message }), e[4] = t.message, e[5] = d) : d = e[5];
+  let f;
+  return e[6] !== i || e[7] !== d ? (f = /* @__PURE__ */ r(S, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ $(S, { display: "flex", alignItems: "center", mb: 4, children: [
+    i,
+    c,
+    d
+  ] }) }), e[6] = i, e[7] = d, e[8] = f) : f = e[8], f;
 };
 export {
-  ChipInputCell,
-  Dropzone,
-  EditableColumnHeader,
-  FileViewer,
-  Fullscreen,
-  RouterButton,
-  RouterError,
-  RouterGridActionsCellItem,
-  RouterIconButton,
-  RouterLink,
-  R as RouterListItemButton,
-  RouterNotFound,
-  RouterTab,
-  TypographyWithIcon
+  At as ChipInputCell,
+  Mt as Dropzone,
+  Et as EditableColumnHeader,
+  kt as FileViewer,
+  Rt as Fullscreen,
+  Bt as RouterButton,
+  zt as RouterError,
+  Nt as RouterGridActionsCellItem,
+  Pt as RouterIconButton,
+  Vt as RouterLink,
+  jt as RouterListItemButton,
+  Ht as RouterNotFound,
+  Gt as RouterTab,
+  je as TypographyWithIcon
 };
-//# sourceMappingURL=components.js.map