wcz-test 6.22.1 → 6.22.2

package/dist/components.js

@@ -1,5 +1,6 @@
 import { j as jsxRuntimeExports } from "./DialogsContext-DMZRefiY.js";
-import { Typography, Stack, Box, useTheme, Paper, Menu, List, ListItemButton, ListItemIcon, ListItemText, ImageListItem, ImageListItemBar, IconButton, Tooltip, Dialog, Fab, Chip, Button, Link, Tab, Divider } from "@mui/material";
+import { c as compilerRuntimeExports } from "./compiler-runtime-BGHur82y.js";
+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, { useRef, useState, useEffectEvent, useEffect, createContext, useContext, Fragment } from "react";
 import CloudUpload from "@mui/icons-material/CloudUpload";
 import { useDropzone } from "react-dropzone";
@@ -9,8 +10,8 @@ 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 "./DialogsHooks-DBK6rBoU.js";
-import { c as useDownloadFile, f as useDeleteFile, a as useGetFileThumbnail, d as useOpenFile, b as useGetFile, u as useGetFileMetas } from "./FileHooks-BM2Oyvh6.js";
+import { u as useDialogs } from "./DialogsHooks-BEZgPVSk.js";
+import { c as useDownloadFile, f as useDeleteFile, a as useGetFileThumbnail, d as useOpenFile, b as useGetFile, u as useGetFileMetas } from "./FileHooks-BJdvBvBr.js";
 import AttachFile from "@mui/icons-material/AttachFile";
 import Image from "@mui/icons-material/Image";
 import SmartDisplay from "@mui/icons-material/SmartDisplay";
@@ -18,78 +19,212 @@ 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 "./RouterListItemButton-Vj6OoqkV.js";
-const TypographyWithIcon = ({ startIcon, endIcon, children, sx, ...props }) => {
-  const iconSx = {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    flexShrink: 0,
-    lineHeight: 0,
-    "& > svg": {
-      display: "block"
-    }
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Typography,
-    {
-      component: "span",
-      sx: {
-        display: "inline-flex",
-        alignItems: "center",
-        verticalAlign: "middle",
-        ...sx
-      },
-      gap: 1,
-      ...props,
-      children: [
-        startIcon && /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { component: "span", sx: iconSx, children: startIcon }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { component: "span", sx: { display: "inline", lineHeight: "inherit" }, children }),
-        endIcon && /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { component: "span", sx: iconSx, children: endIcon })
-      ]
-    }
-  );
+import { R } from "./RouterListItemButton-CagMd8F_.js";
+const TypographyWithIcon = (t0) => {
+  const $ = compilerRuntimeExports.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] === 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__ */ jsxRuntimeExports.jsx(Stack, { component: "span", sx: iconSx, children: startIcon });
+    $[9] = startIcon;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  let t4;
+  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = {
+      display: "inline",
+      lineHeight: "inherit"
+    };
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  let t5;
+  if ($[12] !== children) {
+    t5 = /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { component: "span", sx: t4, children });
+    $[12] = children;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  let t6;
+  if ($[14] !== endIcon) {
+    t6 = endIcon && /* @__PURE__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.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 = ({ children, sx, ...props }) => {
+const Fullscreen = (t0) => {
+  const $ = compilerRuntimeExports.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();
-  const recompute = useEffectEvent(() => {
-    if (!reference.current) return;
-    const top = Math.ceil(reference.current.getBoundingClientRect().top);
-    const avail = Math.max(0, window.innerHeight - top);
-    setHeight(avail);
-  });
-  useEffect(() => {
-    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();
+  let t1;
+  if ($[4] === 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);
     };
-  }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Box,
-    {
-      ref: reference,
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        minHeight: 0,
-        width: "100%",
-        overflow: "auto",
-        ...sx
-      },
-      height,
-      ...props,
-      children
-    }
-  );
+    $[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] === 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
+    };
+    $[8] = sx;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  let t5;
+  if ($[10] !== children || $[11] !== height || $[12] !== props || $[13] !== t4) {
+    t5 = /* @__PURE__ */ jsxRuntimeExports.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 = {
   flex: 1,
@@ -104,21 +239,133 @@ const baseStyle = {
   transition: "border .24s ease-in-out",
   cursor: "pointer"
 };
-const Dropzone = ({ sx, ...props }) => {
-  const { getRootProps, getInputProps, isFocused, isDragAccept, isDragReject } = useDropzone(props);
-  const { t } = useTranslation();
+const Dropzone = (t0) => {
+  const $ = compilerRuntimeExports.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);
+  const {
+    t
+  } = useTranslation();
   const theme = useTheme();
-  const style = {
-    ...baseStyle,
-    ...isFocused ? { borderColor: theme.palette.primary.main } : {},
-    ...isDragAccept ? { borderColor: theme.palette.success.main } : {},
-    ...isDragReject ? { borderColor: theme.palette.error.main } : {}
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Paper, { variant: "outlined", ...getRootProps({ style }), sx, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("input", { ...getInputProps(), style: { display: "none" } }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CloudUpload, {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { children: t("Layout.File.DragSomeFilesHereOrClickToSelectThem") })
-  ] });
+  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
+      } : {},
+      ...isDragAccept ? {
+        borderColor: theme.palette.success.main
+      } : {},
+      ...isDragReject ? {
+        borderColor: theme.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] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = {
+      display: "none"
+    };
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  let t5;
+  if ($[14] !== t3) {
+    t5 = /* @__PURE__ */ jsxRuntimeExports.jsx("input", { ...t3, style: t4 });
+    $[14] = t3;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  let t6;
+  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = /* @__PURE__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.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 = () => {
@@ -128,193 +375,616 @@ const useFile = () => {
   }
   return context;
 };
-const ActionsMenu = ({ meta, menu, setMenu }) => {
-  const { t } = useTranslation();
-  const { fileMetas, onDelete, actions } = useFile();
-  const { confirm } = useDialogs();
-  const handleMenuClose = () => {
-    setMenu(null);
-  };
-  const { mutate: download, isPending: isDownloading } = useDownloadFile();
-  const { mutate: deleteFile, isPending: isDeleting } = useDeleteFile();
-  const handleOnDownload = () => {
-    handleMenuClose();
-    download(meta);
-  };
-  const handleOnDelete = 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 });
-    }
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Menu,
-    {
-      open: menu !== null,
-      onClose: handleMenuClose,
-      anchorReference: "anchorPosition",
-      variant: "menu",
-      anchorPosition: menu === null ? void 0 : { top: menu.mouseY, left: menu.mouseX },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(List, { disablePadding: true, children: [
-        actions?.download !== false && /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemButton, { onClick: handleOnDownload, disabled: isDownloading, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(FileDownload, {}) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText, { children: t("Layout.File.Download") })
-        ] }),
-        actions?.delete !== false && /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemButton, { onClick: handleOnDelete, disabled: isDeleting, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Delete, {}) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText, { children: t("Layout.File.Delete") })
-        ] })
-      ] })
-    }
-  );
+const ActionsMenu = (t0) => {
+  const $ = compilerRuntimeExports.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__ */ jsxRuntimeExports.jsxs(ListItemButton, { onClick: handleOnDownload, disabled: isDownloading, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(FileDownload, {}) }),
+      /* @__PURE__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.jsxs(ListItemButton, { onClick: handleOnDelete, disabled: isDeleting, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Delete, {}) }),
+      /* @__PURE__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.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 = ({ sx, size, itemBar }) => {
-  const { fileMetas } = useFile();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { direction: "row", spacing: 1, sx: { overflow: "auto", ...sx }, children: fileMetas.map((fileMeta) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-    GridFileViewerItem,
-    {
-      meta: fileMeta,
-      size,
-      itemBar
-    },
-    fileMeta.id
-  )) });
+const FileViewerGrid = (t0) => {
+  const $ = compilerRuntimeExports.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__ */ jsxRuntimeExports.jsx(GridFileViewerItem, { meta: fileMeta, size, itemBar }, fileMeta.id);
+      $[6] = itemBar;
+      $[7] = size;
+      $[8] = t32;
+    } else {
+      t32 = $[8];
+    }
+    t2 = fileMetas.map(t32);
+    $[2] = fileMetas;
+    $[3] = itemBar;
+    $[4] = size;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[9] !== t1 || $[10] !== t2) {
+    t3 = /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { direction: "row", spacing: 1, sx: t1, children: t2 });
+    $[9] = t1;
+    $[10] = t2;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  return t3;
 };
-const GridFileViewerItem = ({ meta, size, itemBar }) => {
-  const { setImageId, actions } = useFile();
+const GridFileViewerItem = (t0) => {
+  const $ = compilerRuntimeExports.c(47);
+  const {
+    meta,
+    size,
+    itemBar
+  } = t0;
+  const {
+    setImageId,
+    actions
+  } = useFile();
   const [showItemBar, setShowItemBar] = useState(itemBar === "always");
   const [menu, setMenu] = useState(null);
-  const { ref, inView } = useInView();
-  useEffect(() => {
-    setShowItemBar(itemBar === "always");
-  }, [itemBar]);
-  const { data: source } = useGetFileThumbnail({ meta }, { enabled: inView });
-  const handleOnMouseEnter = () => setShowItemBar(true);
-  const handleOnMouseLeave = () => itemBar !== "always" && setShowItemBar(false);
-  const openMenu = (event) => {
-    setMenu(menu === null ? { mouseX: event.clientX, mouseY: event.clientY } : null);
-    setTimeout(() => setShowItemBar(true));
-  };
-  const { mutate: openFile } = useOpenFile();
-  const { mutate: download } = useDownloadFile();
-  const onClick = () => {
-    switch (meta.mediaType) {
-      case "image": {
-        return setImageId(meta.id);
-      }
-      case "application": {
-        return openFile(meta);
-      }
-      case "video": {
-        return openFile(meta);
-      }
-      default: {
-        return download(meta);
-      }
-    }
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(ImageListItem, { sx: { width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, ref, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Box,
-        {
-          component: "img",
-          src: source,
-          loading: "lazy",
-          alt: "thumbnail-" + meta.id,
-          onClick,
-          sx: { cursor: "pointer", objectFit: "contain", width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }
+  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] === 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);
         }
-      ),
-      itemBar !== "hidden" && showItemBar && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        ImageListItemBar,
-        {
-          title: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: meta.fileName, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { children: meta.fileName }) }),
-          actionIcon: (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { sx: { color: grey[100] }, onClick: openMenu, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MoreVert, {}) })
+        case "application": {
+          return openFile(meta);
         }
-      )
-    ] }),
-    (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsxRuntimeExports.jsx(ActionsMenu, { meta, menu, setMenu })
-  ] });
+        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__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.jsx(ImageListItemBar, { title: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: meta.fileName, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { children: meta.fileName }) }), actionIcon: (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { sx: {
+      color: grey[100]
+    }, onClick: openMenu, children: /* @__PURE__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+      t18,
+      t19
+    ] });
+    $[44] = t18;
+    $[45] = t19;
+    $[46] = t20;
+  } else {
+    t20 = $[46];
+  }
+  return t20;
 };
-const FileViewerList = ({ sx }) => {
-  const { fileMetas } = useFile();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(List, { dense: true, sx, children: fileMetas.map(
-    (fileMeta) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ListFileViewerItem,
-      {
-        meta: fileMeta
-      },
-      fileMeta.id
-    )
-  ) });
+const FileViewerList = (t0) => {
+  const $ = compilerRuntimeExports.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__ */ jsxRuntimeExports.jsx(List, { dense: true, sx, children: t1 });
+    $[2] = sx;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
 };
-const ListFileViewerItem = ({ meta }) => {
-  const { setImageId, actions } = useFile();
+const ListFileViewerItem = (t0) => {
+  const $ = compilerRuntimeExports.c(29);
+  const {
+    meta
+  } = t0;
+  const {
+    setImageId,
+    actions
+  } = useFile();
   const [menu, setMenu] = useState(null);
-  const openMenu = (event) => {
-    event.stopPropagation();
-    setMenu(menu === null ? { mouseX: event.clientX, mouseY: event.clientY } : null);
-  };
-  const { mutate: openFile } = useOpenFile();
-  const { mutate: download } = useDownloadFile();
-  const onClick = () => {
-    switch (meta.mediaType) {
-      case "image": {
-        return setImageId(meta.id);
-      }
-      case "application": {
-        return openFile(meta);
-      }
-      case "video": {
-        return openFile(meta);
-      }
-      default: {
-        return download(meta);
-      }
-    }
-  };
-  const icon = () => {
-    switch (meta.mediaType) {
-      case "image": {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(Image, {});
-      }
-      case "video": {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(SmartDisplay, {});
+  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);
+        }
       }
-      default: {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(AttachFile, {});
+    };
+    $[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__ */ jsxRuntimeExports.jsx(Image, {});
+        }
+        case "video": {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(SmartDisplay, {});
+        }
+        default: {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(AttachFile, {});
+        }
       }
-    }
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemButton, { onClick, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon, { children: icon() }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText, { primary: `${meta.fileName}.${meta.fileExtension}` }),
-      (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { edge: "end", onClick: openMenu, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MoreVert, {}) })
-    ] }, meta.id),
-    (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsxRuntimeExports.jsx(ActionsMenu, { meta, menu, setMenu })
-  ] });
+    };
+    $[7] = meta.mediaType;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  const icon = t3;
+  let t4;
+  if ($[9] !== icon) {
+    t4 = /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon, { children: icon() });
+    $[9] = icon;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  const t5 = `${meta.fileName}.${meta.fileExtension}`;
+  let t6;
+  if ($[11] !== t5) {
+    t6 = /* @__PURE__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.jsx(IconButton, { edge: "end", onClick: openMenu, children: /* @__PURE__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+      t8,
+      t9
+    ] });
+    $[26] = t8;
+    $[27] = t9;
+    $[28] = t10;
+  } else {
+    t10 = $[28];
+  }
+  return t10;
 };
-const ImageViewer = ({ metaId }) => {
-  const { fileMetas, setImageId } = useFile();
+function _temp(fileMeta) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ListFileViewerItem, { meta: fileMeta }, fileMeta.id);
+}
+const ImageViewer = ({
+  metaId
+}) => {
+  const {
+    fileMetas,
+    setImageId
+  } = useFile();
   const meta = fileMetas.find((m) => m.id === metaId);
-  const { data: source } = useGetFile({ meta });
+  const {
+    data: source
+  } = useGetFile({
+    meta
+  });
   useEffect(() => {
-    if (metaId)
-      globalThis.addEventListener("keydown", handleOnKeydown);
+    if (metaId) globalThis.addEventListener("keydown", handleOnKeydown);
     return () => {
       globalThis.removeEventListener("keydown", handleOnKeydown);
     };
   }, [metaId]);
   const handleOnKeydown = (event) => {
-    const images = fileMetas.filter((m) => m.mediaType === "image");
-    const imageIndex = images.findIndex((m) => m.id === metaId);
+    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);
@@ -329,102 +999,489 @@ const ImageViewer = ({ metaId }) => {
       }
     }
   };
-  const handleOnArrowLeft = (images, index) => {
+  const handleOnArrowLeft = (images_0, index) => {
     if (index > 0) {
-      const previousFile = images[index - 1];
+      const previousFile = images_0[index - 1];
       setImageId(previousFile.id);
     }
   };
-  const handleOnArrowRight = (images, index) => {
-    if (index < images.length - 1) {
-      const nextFile = images[index + 1];
+  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__ */ jsxRuntimeExports.jsxs(Dialog, { open: true, onClose, maxWidth: "xl", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { component: "img", src: source, alt: metaId, sx: { maxWidth: "100vw", maxHeight: { xs: "calc(100vh - 56px)", sm: "calc(100vh - 64px)" } } }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Fab, { size: "medium", onClick: onClose, sx: { position: "fixed", top: 8, right: 8 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Close, {}) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { component: "img", src: source, alt: metaId, sx: {
+      maxWidth: "100vw",
+      maxHeight: {
+        xs: "calc(100vh - 56px)",
+        sm: "calc(100vh - 64px)"
+      }
+    } }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Fab, { size: "medium", onClick: onClose, sx: {
+      position: "fixed",
+      top: 8,
+      right: 8
+    }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Close, {}) })
   ] });
 };
-const FileViewer = ({ subId, onDelete, actions, children }) => {
-  const { data: fileMetas = [] } = useGetFileMetas({ subId }, { enabled: !!subId });
+const FileViewer = (t0) => {
+  const $ = compilerRuntimeExports.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];
+  }
+  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("");
-  const components = { Grid: FileViewerGrid, List: FileViewerList };
-  if (fileMetas.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FileContext.Provider, { value: { fileMetas, onDelete, actions, setImageId }, children: [
-    children(components),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ImageViewer, { metaId: imageId })
-  ] });
+  let T0;
+  let t6;
+  let t7;
+  let t8;
+  if ($[6] !== actions || $[7] !== children || $[8] !== fileMetas || $[9] !== onDelete) {
+    t8 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const components = {
+        Grid: FileViewerGrid,
+        List: FileViewerList
+      };
+      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];
+      }
+      t7 = children(components);
+    }
+    $[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 !== Symbol.for("react.early_return_sentinel")) {
+    return t8;
+  }
+  let t9;
+  if ($[18] !== imageId) {
+    t9 = /* @__PURE__ */ jsxRuntimeExports.jsx(ImageViewer, { metaId: imageId });
+    $[18] = imageId;
+    $[19] = t9;
+  } else {
+    t9 = $[19];
+  }
+  let t10;
+  if ($[20] !== T0 || $[21] !== t6 || $[22] !== t7 || $[23] !== t9) {
+    t10 = /* @__PURE__ */ jsxRuntimeExports.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 = ({ params, slotProps, getLabel }) => {
-  if (!params.value) return null;
-  const getLabelValue = (value) => {
-    if (getLabel) return getLabel(value);
-    return value;
-  };
-  if (isArray(params.value))
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Stack, { direction: "row", alignItems: "center", gap: 1, sx: { overflowX: "auto", height: "100%", width: params.colDef.computedWidth }, children: params.value.map(
-      (value, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(Chip, { label: getLabelValue(value), ...slotProps }, `${index + 1}-chip-input-cell`)
-    ) });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Chip, { label: getLabelValue(params.value), ...slotProps });
+const ChipInputCell = (t0) => {
+  const $ = compilerRuntimeExports.c(20);
+  const {
+    params,
+    slotProps,
+    getLabel
+  } = t0;
+  if (!params.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__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.jsx(Chip, { label: t2, ...slotProps });
+    $[17] = slotProps;
+    $[18] = t2;
+    $[19] = t3;
+  } else {
+    t3 = $[19];
+  }
+  return t3;
 };
-const EditableColumnHeader = ({ colDef }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(TypographyWithIcon, { endIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(Edit, { color: "disabled", fontSize: "small" }), variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
+const EditableColumnHeader = (t0) => {
+  const $ = compilerRuntimeExports.c(3);
+  const {
+    colDef
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = /* @__PURE__ */ jsxRuntimeExports.jsx(Edit, { color: "disabled", fontSize: "small" });
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== colDef.headerName) {
+    t2 = /* @__PURE__ */ jsxRuntimeExports.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.forwardRef(function ButtonComponent(props, reference) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { ref: reference, component: "a", ...props });
+  const $ = compilerRuntimeExports.c(3);
+  let t0;
+  if ($[0] !== props || $[1] !== reference) {
+    t0 = /* @__PURE__ */ jsxRuntimeExports.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) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent$4, { ...props });
+  const $ = compilerRuntimeExports.c(2);
+  let t0;
+  if ($[0] !== props) {
+    t0 = /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent$4, { ...props });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 };
-const Component$3 = React.forwardRef(
-  function GridActionsCellItemComponent(props, reference) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(GridActionsCellItem, { ref: reference, component: "a", ...props });
+const Component$3 = React.forwardRef(function GridActionsCellItemComponent(props, reference) {
+  const $ = compilerRuntimeExports.c(3);
+  let t0;
+  if ($[0] !== props || $[1] !== reference) {
+    t0 = /* @__PURE__ */ jsxRuntimeExports.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) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent$3, { ...props });
+  const $ = compilerRuntimeExports.c(2);
+  let t0;
+  if ($[0] !== props) {
+    t0 = /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent$3, { ...props });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 };
 const Component$2 = React.forwardRef(function IconButtonComponent(props, reference) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { ref: reference, component: "a", ...props });
+  const $ = compilerRuntimeExports.c(3);
+  let t0;
+  if ($[0] !== props || $[1] !== reference) {
+    t0 = /* @__PURE__ */ jsxRuntimeExports.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) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent$2, { ...props });
+  const $ = compilerRuntimeExports.c(2);
+  let t0;
+  if ($[0] !== props) {
+    t0 = /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent$2, { ...props });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 };
 const Component$1 = React.forwardRef(function LinkComponent(props, reference) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { ref: reference, ...props });
+  const $ = compilerRuntimeExports.c(3);
+  let t0;
+  if ($[0] !== props || $[1] !== reference) {
+    t0 = /* @__PURE__ */ jsxRuntimeExports.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) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent$1, { ...props });
+  const $ = compilerRuntimeExports.c(2);
+  let t0;
+  if ($[0] !== props) {
+    t0 = /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent$1, { ...props });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 };
 const Component = React.forwardRef(function TabComponent(props, reference) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tab, { ref: reference, component: "a", ...props });
+  const $ = compilerRuntimeExports.c(3);
+  let t0;
+  if ($[0] !== props || $[1] !== reference) {
+    t0 = /* @__PURE__ */ jsxRuntimeExports.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) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent, { ...props });
+  const $ = compilerRuntimeExports.c(2);
+  let t0;
+  if ($[0] !== props) {
+    t0 = /* @__PURE__ */ jsxRuntimeExports.jsx(CreatedComponent, { ...props });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 };
 function RouterNotFound() {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { display: "flex", alignItems: "center", mb: 4, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h5", component: "span", children: t("Layout.ThisPageCouldNotBeFound") })
-  ] }) });
+  const $ = compilerRuntimeExports.c(6);
+  const {
+    t
+  } = useTranslation();
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h3", component: "span", fontWeight: 500, sx: {
+      lineHeight: 1
+    }, children: "404" });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = /* @__PURE__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.jsx(Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { display: "flex", alignItems: "center", mb: 4, children: [
+      t0,
+      t1,
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h5", component: "span", children: t2 })
+    ] }) });
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  return t3;
 }
-const RouterError = ({ error }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { display: "flex", alignItems: "center", mb: 4, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: error.name || "500" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h5", component: "span", children: error.message })
-  ] }) });
+const RouterError = (t0) => {
+  const $ = compilerRuntimeExports.c(9);
+  const {
+    error
+  } = t0;
+  let t1;
+  if ($[0] === 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__ */ jsxRuntimeExports.jsx(Typography, { variant: "h3", component: "span", fontWeight: 500, sx: t1, children: t2 });
+    $[1] = t2;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  let t4;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { orientation: "vertical", flexItem: true, sx: {
+      mx: 3
+    } });
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  let t5;
+  if ($[4] !== error.message) {
+    t5 = /* @__PURE__ */ jsxRuntimeExports.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__ */ jsxRuntimeExports.jsx(Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { display: "flex", alignItems: "center", mb: 4, children: [
+      t3,
+      t4,
+      t5
+    ] }) });
+    $[6] = t3;
+    $[7] = t5;
+    $[8] = t6;
+  } else {
+    t6 = $[8];
+  }
+  return t6;
 };
 export {
   ChipInputCell,