wcz-test 6.7.7 → 6.8.0

package/dist/components.js

@@ -1,26 +1,25 @@
-import {
-  RouterListItemButton
-} from "./chunk-ZMWQQXZT.js";
-import {
-  useDialogs
-} from "./chunk-4UULRYGW.js";
-import {
-  useDeleteFile,
-  useDownloadFile,
-  useGetFile,
-  useGetFileMetas,
-  useGetFileThumbnail,
-  useOpenFile
-} from "./chunk-MIVD2XWB.js";
-import "./chunk-TME53DAF.js";
-import "./chunk-2ROTNT7W.js";
-import "./chunk-DXXZZHAK.js";
-import "./chunk-5WRI5ZAA.js";
-
-// src/components/core/TypographyWithIcon.tsx
-import { Stack, Typography } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-var TypographyWithIcon = ({ startIcon, endIcon, children, sx, ...props }) => {
+import { jsxs, jsx } from "react/jsx-runtime";
+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 React, { 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 "./DialogsHooks-BlUsVlfv.js";
+import { c as useDownloadFile, f as useDeleteFile, a as useGetFileThumbnail, d as useOpenFile, b as useGetFile, u as useGetFileMetas } from "./FileHooks-hWKTwLCr.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 "./RouterListItemButton-Cx7rXEfm.js";
+const TypographyWithIcon = ({ startIcon, endIcon, children, sx, ...props }) => {
   const iconSx = {
     display: "inline-flex",
     alignItems: "center",
@@ -51,12 +50,7 @@ var TypographyWithIcon = ({ startIcon, endIcon, children, sx, ...props }) => {
     }
   );
 };
-
-// src/components/core/Fullscreen.tsx
-import { Box } from "@mui/material";
-import { useEffect, useEffectEvent, useRef, useState } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Fullscreen = ({ children, sx, ...props }) => {
+const Fullscreen = ({ children, sx, ...props }) => {
   const reference = useRef(null);
   const [height, setHeight] = useState();
   const recompute = useEffectEvent(() => {
@@ -79,7 +73,7 @@ var Fullscreen = ({ children, sx, ...props }) => {
       ro.disconnect();
     };
   }, []);
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     Box,
     {
       ref: reference,
@@ -97,14 +91,7 @@ var Fullscreen = ({ children, sx, ...props }) => {
     }
   );
 };
-
-// src/components/file/Dropzone.tsx
-import CloudUpload from "@mui/icons-material/CloudUpload";
-import { Paper, Typography as Typography2, useTheme } from "@mui/material";
-import { useDropzone } from "react-dropzone";
-import { useTranslation } from "react-i18next";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var baseStyle = {
+const baseStyle = {
   flex: 1,
   display: "flex",
   flexDirection: "column",
@@ -117,7 +104,7 @@ var baseStyle = {
   transition: "border .24s ease-in-out",
   cursor: "pointer"
 };
-var Dropzone = ({ sx, ...props }) => {
+const Dropzone = ({ sx, ...props }) => {
   const { getRootProps, getInputProps, isFocused, isDragAccept, isDragReject } = useDropzone(props);
   const { t } = useTranslation();
   const theme = useTheme();
@@ -127,44 +114,22 @@ var Dropzone = ({ sx, ...props }) => {
     ...isDragAccept ? { borderColor: theme.palette.success.main } : {},
     ...isDragReject ? { borderColor: theme.palette.error.main } : {}
   };
-  return /* @__PURE__ */ jsxs2(Paper, { variant: "outlined", ...getRootProps({ style }), sx, children: [
-    /* @__PURE__ */ jsx3("input", { ...getInputProps(), style: { display: "none" } }),
-    /* @__PURE__ */ jsx3(CloudUpload, {}),
-    /* @__PURE__ */ jsx3(Typography2, { children: t("Layout.File.DragSomeFilesHereOrClickToSelectThem") })
+  return /* @__PURE__ */ jsxs(Paper, { variant: "outlined", ...getRootProps({ style }), sx, children: [
+    /* @__PURE__ */ jsx("input", { ...getInputProps(), style: { display: "none" } }),
+    /* @__PURE__ */ jsx(CloudUpload, {}),
+    /* @__PURE__ */ jsx(Typography, { children: t("Layout.File.DragSomeFilesHereOrClickToSelectThem") })
   ] });
 };
-
-// src/components/file/FileViewer.tsx
-import { useState as useState4 } from "react";
-
-// src/components/file/fileViewer/FileViewerGrid.tsx
-import MoreVert from "@mui/icons-material/MoreVert";
-import { Box as Box2, IconButton, ImageListItem, ImageListItemBar, Stack as Stack2, Tooltip } from "@mui/material";
-import { grey } from "@mui/material/colors";
-import { Fragment, useEffect as useEffect2, useState as useState2 } from "react";
-import { useInView } from "react-intersection-observer";
-
-// src/components/file/fileViewer/common/ActionsMenu.tsx
-import Delete from "@mui/icons-material/Delete";
-import FileDownload from "@mui/icons-material/FileDownload";
-import { List, ListItemButton, ListItemIcon, ListItemText, Menu } from "@mui/material";
-import { useTranslation as useTranslation2 } from "react-i18next";
-
-// src/contexts/FileContext.ts
-import { createContext, useContext } from "react";
-var FileContext = createContext(null);
-var useFile = () => {
+const FileContext = createContext(null);
+const useFile = () => {
   const context = useContext(FileContext);
   if (!context) {
     throw new Error("FileViewer components must be used within FileViewer");
   }
   return context;
 };
-
-// src/components/file/fileViewer/common/ActionsMenu.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var ActionsMenu = ({ meta, menu, setMenu }) => {
-  const { t } = useTranslation2();
+const ActionsMenu = ({ meta, menu, setMenu }) => {
+  const { t } = useTranslation();
   const { fileMetas, onDelete, actions } = useFile();
   const { confirm } = useDialogs();
   const handleMenuClose = () => {
@@ -186,7 +151,7 @@ var ActionsMenu = ({ meta, menu, setMenu }) => {
       onDelete({ remainingFileMetas, deletedFileMeta: meta });
     }
   };
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx(
     Menu,
     {
       open: menu !== null,
@@ -194,26 +159,23 @@ var ActionsMenu = ({ meta, menu, setMenu }) => {
       anchorReference: "anchorPosition",
       variant: "menu",
       anchorPosition: menu === null ? void 0 : { top: menu.mouseY, left: menu.mouseX },
-      children: /* @__PURE__ */ jsxs3(List, { disablePadding: true, children: [
-        actions?.download !== false && /* @__PURE__ */ jsxs3(ListItemButton, { onClick: handleOnDownload, disabled: isDownloading, children: [
-          /* @__PURE__ */ jsx4(ListItemIcon, { children: /* @__PURE__ */ jsx4(FileDownload, {}) }),
-          /* @__PURE__ */ jsx4(ListItemText, { children: t("Layout.File.Download") })
+      children: /* @__PURE__ */ jsxs(List, { disablePadding: true, children: [
+        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") })
         ] }),
-        actions?.delete !== false && /* @__PURE__ */ jsxs3(ListItemButton, { onClick: handleOnDelete, disabled: isDeleting, children: [
-          /* @__PURE__ */ jsx4(ListItemIcon, { children: /* @__PURE__ */ jsx4(Delete, {}) }),
-          /* @__PURE__ */ jsx4(ListItemText, { children: t("Layout.File.Delete") })
+        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") })
         ] })
       ] })
     }
   );
 };
-
-// src/components/file/fileViewer/FileViewerGrid.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var IMAGE_SIZE = 150;
-var FileViewerGrid = ({ sx, size, itemBar }) => {
+const IMAGE_SIZE = 150;
+const FileViewerGrid = ({ sx, size, itemBar }) => {
   const { fileMetas } = useFile();
-  return /* @__PURE__ */ jsx5(Stack2, { direction: "row", spacing: 1, sx: { overflow: "auto", ...sx }, children: fileMetas.map((fileMeta) => /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 1, sx: { overflow: "auto", ...sx }, children: fileMetas.map((fileMeta) => /* @__PURE__ */ jsx(
     GridFileViewerItem,
     {
       meta: fileMeta,
@@ -223,12 +185,12 @@ var FileViewerGrid = ({ sx, size, itemBar }) => {
     fileMeta.id
   )) });
 };
-var GridFileViewerItem = ({ meta, size, itemBar }) => {
+const GridFileViewerItem = ({ meta, size, itemBar }) => {
   const { setImageId, actions } = useFile();
-  const [showItemBar, setShowItemBar] = useState2(itemBar === "always");
-  const [menu, setMenu] = useState2(null);
+  const [showItemBar, setShowItemBar] = useState(itemBar === "always");
+  const [menu, setMenu] = useState(null);
   const { ref, inView } = useInView();
-  useEffect2(() => {
+  useEffect(() => {
     setShowItemBar(itemBar === "always");
   }, [itemBar]);
   const { data: source } = useGetFileThumbnail({ meta }, { enabled: inView });
@@ -256,10 +218,10 @@ var GridFileViewerItem = ({ meta, size, itemBar }) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs4(Fragment, { children: [
-    /* @__PURE__ */ jsxs4(ImageListItem, { sx: { width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, ref, children: [
-      /* @__PURE__ */ jsx5(
-        Box2,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(ImageListItem, { sx: { width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, ref, children: [
+      /* @__PURE__ */ jsx(
+        Box,
         {
           component: "img",
           src: source,
@@ -269,30 +231,21 @@ var GridFileViewerItem = ({ meta, size, itemBar }) => {
           sx: { cursor: "pointer", objectFit: "contain", width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }
         }
       ),
-      itemBar !== "hidden" && showItemBar && /* @__PURE__ */ jsx5(
+      itemBar !== "hidden" && showItemBar && /* @__PURE__ */ jsx(
         ImageListItemBar,
         {
-          title: /* @__PURE__ */ jsx5(Tooltip, { title: meta.fileName, children: /* @__PURE__ */ jsx5(Box2, { children: meta.fileName }) }),
-          actionIcon: (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx5(IconButton, { sx: { color: grey[100] }, onClick: openMenu, children: /* @__PURE__ */ jsx5(MoreVert, {}) })
+          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, {}) })
         }
       )
     ] }),
-    (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx5(ActionsMenu, { meta, menu, setMenu })
+    (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(ActionsMenu, { meta, menu, setMenu })
   ] });
 };
-
-// src/components/file/fileViewer/FileViewerList.tsx
-import AttachFile from "@mui/icons-material/AttachFile";
-import Image from "@mui/icons-material/Image";
-import MoreVert2 from "@mui/icons-material/MoreVert";
-import SmartDisplay from "@mui/icons-material/SmartDisplay";
-import { IconButton as IconButton2, List as List2, ListItemButton as ListItemButton2, ListItemIcon as ListItemIcon2, ListItemText as ListItemText2 } from "@mui/material";
-import { Fragment as Fragment2, useState as useState3 } from "react";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-var FileViewerList = ({ sx }) => {
+const FileViewerList = ({ sx }) => {
   const { fileMetas } = useFile();
-  return /* @__PURE__ */ jsx6(List2, { dense: true, sx, children: fileMetas.map(
-    (fileMeta) => /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx(List, { dense: true, sx, children: fileMetas.map(
+    (fileMeta) => /* @__PURE__ */ jsx(
       ListFileViewerItem,
       {
         meta: fileMeta
@@ -301,9 +254,9 @@ var FileViewerList = ({ sx }) => {
     )
   ) });
 };
-var ListFileViewerItem = ({ meta }) => {
+const ListFileViewerItem = ({ meta }) => {
   const { setImageId, actions } = useFile();
-  const [menu, setMenu] = useState3(null);
+  const [menu, setMenu] = useState(null);
   const openMenu = (event) => {
     event.stopPropagation();
     setMenu(menu === null ? { mouseX: event.clientX, mouseY: event.clientY } : null);
@@ -329,36 +282,30 @@ var ListFileViewerItem = ({ meta }) => {
   const icon = () => {
     switch (meta.mediaType) {
       case "image": {
-        return /* @__PURE__ */ jsx6(Image, {});
+        return /* @__PURE__ */ jsx(Image, {});
       }
       case "video": {
-        return /* @__PURE__ */ jsx6(SmartDisplay, {});
+        return /* @__PURE__ */ jsx(SmartDisplay, {});
       }
       default: {
-        return /* @__PURE__ */ jsx6(AttachFile, {});
+        return /* @__PURE__ */ jsx(AttachFile, {});
       }
     }
   };
-  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
-    /* @__PURE__ */ jsxs5(ListItemButton2, { onClick, children: [
-      /* @__PURE__ */ jsx6(ListItemIcon2, { children: icon() }),
-      /* @__PURE__ */ jsx6(ListItemText2, { primary: `${meta.fileName}.${meta.fileExtension}` }),
-      (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx6(IconButton2, { edge: "end", onClick: openMenu, children: /* @__PURE__ */ jsx6(MoreVert2, {}) })
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(ListItemButton, { onClick, children: [
+      /* @__PURE__ */ jsx(ListItemIcon, { children: icon() }),
+      /* @__PURE__ */ jsx(ListItemText, { primary: `${meta.fileName}.${meta.fileExtension}` }),
+      (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(IconButton, { edge: "end", onClick: openMenu, children: /* @__PURE__ */ jsx(MoreVert, {}) })
     ] }, meta.id),
-    (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx6(ActionsMenu, { meta, menu, setMenu })
+    (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(ActionsMenu, { meta, menu, setMenu })
   ] });
 };
-
-// src/components/file/fileViewer/ImageViewer.tsx
-import Close from "@mui/icons-material/Close";
-import { Box as Box3, Dialog, Fab } from "@mui/material";
-import { useEffect as useEffect3 } from "react";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-var ImageViewer = ({ metaId }) => {
+const ImageViewer = ({ metaId }) => {
   const { fileMetas, setImageId } = useFile();
   const meta = fileMetas.find((m) => m.id === metaId);
   const { data: source } = useGetFile({ meta });
-  useEffect3(() => {
+  useEffect(() => {
     if (metaId)
       globalThis.addEventListener("keydown", handleOnKeydown);
     return () => {
@@ -396,137 +343,87 @@ var ImageViewer = ({ metaId }) => {
   };
   const onClose = () => setImageId("");
   if (!metaId) return null;
-  return /* @__PURE__ */ jsxs6(Dialog, { open: true, onClose, maxWidth: "xl", children: [
-    /* @__PURE__ */ jsx7(Box3, { component: "img", src: source, alt: metaId, sx: { maxWidth: "100vw", maxHeight: { xs: "calc(100vh - 56px)", sm: "calc(100vh - 64px)" } } }),
-    /* @__PURE__ */ jsx7(Fab, { size: "medium", onClick: onClose, sx: { position: "fixed", top: 8, right: 8 }, children: /* @__PURE__ */ jsx7(Close, {}) })
+  return /* @__PURE__ */ jsxs(Dialog, { open: true, onClose, maxWidth: "xl", children: [
+    /* @__PURE__ */ jsx(Box, { component: "img", src: source, alt: metaId, sx: { maxWidth: "100vw", maxHeight: { xs: "calc(100vh - 56px)", sm: "calc(100vh - 64px)" } } }),
+    /* @__PURE__ */ jsx(Fab, { size: "medium", onClick: onClose, sx: { position: "fixed", top: 8, right: 8 }, children: /* @__PURE__ */ jsx(Close, {}) })
   ] });
 };
-
-// src/components/file/FileViewer.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-var FileViewer = ({ subId, onDelete, actions, children }) => {
+const FileViewer = ({ subId, onDelete, actions, children }) => {
   const { data: fileMetas = [] } = useGetFileMetas({ subId }, { enabled: !!subId });
-  const [imageId, setImageId] = useState4("");
+  const [imageId, setImageId] = useState("");
   const components = { Grid: FileViewerGrid, List: FileViewerList };
   if (fileMetas.length === 0) return null;
-  return /* @__PURE__ */ jsxs7(FileContext.Provider, { value: { fileMetas, onDelete, actions, setImageId }, children: [
+  return /* @__PURE__ */ jsxs(FileContext.Provider, { value: { fileMetas, onDelete, actions, setImageId }, children: [
     children(components),
-    /* @__PURE__ */ jsx8(ImageViewer, { metaId: imageId })
+    /* @__PURE__ */ jsx(ImageViewer, { metaId: imageId })
   ] });
 };
-
-// src/components/data-grid/ChipInputCell.tsx
-import { Chip, Stack as Stack3 } from "@mui/material";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var isArray = (value) => Array.isArray(value);
-var ChipInputCell = ({ params, slotProps, getLabel }) => {
+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__ */ jsx9(Stack3, { direction: "row", alignItems: "center", gap: 1, sx: { overflowX: "auto", height: "100%", width: params.colDef.computedWidth }, children: params.value.map(
-      (value, index) => /* @__PURE__ */ jsx9(Chip, { label: getLabelValue(value), ...slotProps }, `${index + 1}-chip-input-cell`)
+    return /* @__PURE__ */ jsx(Stack, { direction: "row", alignItems: "center", gap: 1, sx: { overflowX: "auto", height: "100%", width: params.colDef.computedWidth }, children: params.value.map(
+      (value, index) => /* @__PURE__ */ jsx(Chip, { label: getLabelValue(value), ...slotProps }, `${index + 1}-chip-input-cell`)
     ) });
-  return /* @__PURE__ */ jsx9(Chip, { label: getLabelValue(params.value), ...slotProps });
+  return /* @__PURE__ */ jsx(Chip, { label: getLabelValue(params.value), ...slotProps });
 };
-
-// src/components/data-grid/EditableColumnHeader.tsx
-import Edit from "@mui/icons-material/Edit";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var EditableColumnHeader = ({ colDef }) => {
-  return /* @__PURE__ */ jsx10(TypographyWithIcon, { endIcon: /* @__PURE__ */ jsx10(Edit, { color: "disabled", fontSize: "small" }), variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
+const EditableColumnHeader = ({ colDef }) => {
+  return /* @__PURE__ */ jsx(TypographyWithIcon, { endIcon: /* @__PURE__ */ jsx(Edit, { color: "disabled", fontSize: "small" }), variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
 };
-
-// src/components/router/RouterButton.tsx
-import { Button } from "@mui/material";
-import { createLink } from "@tanstack/react-router";
-import React3 from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var Component = React3.forwardRef(function ButtonComponent(props, reference) {
-  return /* @__PURE__ */ jsx11(Button, { ref: reference, component: "a", ...props });
+const Component$4 = React.forwardRef(function ButtonComponent(props, reference) {
+  return /* @__PURE__ */ jsx(Button, { ref: reference, component: "a", ...props });
 });
-var CreatedComponent = createLink(Component);
-var RouterButton = (props) => {
-  return /* @__PURE__ */ jsx11(CreatedComponent, { ...props });
+const CreatedComponent$4 = createLink(Component$4);
+const RouterButton = (props) => {
+  return /* @__PURE__ */ jsx(CreatedComponent$4, { ...props });
 };
-
-// src/components/router/RouterGridActionsCellItem.tsx
-import { GridActionsCellItem } from "@mui/x-data-grid-premium";
-import { createLink as createLink2 } from "@tanstack/react-router";
-import React4 from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var Component2 = React4.forwardRef(
+const Component$3 = React.forwardRef(
   function GridActionsCellItemComponent(props, reference) {
-    return /* @__PURE__ */ jsx12(GridActionsCellItem, { ref: reference, component: "a", ...props });
+    return /* @__PURE__ */ jsx(GridActionsCellItem, { ref: reference, component: "a", ...props });
   }
 );
-var CreatedComponent2 = createLink2(Component2);
-var RouterGridActionsCellItem = (props) => {
-  return /* @__PURE__ */ jsx12(CreatedComponent2, { ...props });
+const CreatedComponent$3 = createLink(Component$3);
+const RouterGridActionsCellItem = (props) => {
+  return /* @__PURE__ */ jsx(CreatedComponent$3, { ...props });
 };
-
-// src/components/router/RouterIconButton.tsx
-import { IconButton as IconButton3 } from "@mui/material";
-import { createLink as createLink3 } from "@tanstack/react-router";
-import React5 from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var Component3 = React5.forwardRef(function IconButtonComponent(props, reference) {
-  return /* @__PURE__ */ jsx13(IconButton3, { ref: reference, component: "a", ...props });
+const Component$2 = React.forwardRef(function IconButtonComponent(props, reference) {
+  return /* @__PURE__ */ jsx(IconButton, { ref: reference, component: "a", ...props });
 });
-var CreatedComponent3 = createLink3(Component3);
-var RouterIconButton = (props) => {
-  return /* @__PURE__ */ jsx13(CreatedComponent3, { ...props });
+const CreatedComponent$2 = createLink(Component$2);
+const RouterIconButton = (props) => {
+  return /* @__PURE__ */ jsx(CreatedComponent$2, { ...props });
 };
-
-// src/components/router/RouterLink.tsx
-import { Link } from "@mui/material";
-import { createLink as createLink4 } from "@tanstack/react-router";
-import React6 from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var Component4 = React6.forwardRef(function LinkComponent(props, reference) {
-  return /* @__PURE__ */ jsx14(Link, { ref: reference, ...props });
+const Component$1 = React.forwardRef(function LinkComponent(props, reference) {
+  return /* @__PURE__ */ jsx(Link, { ref: reference, ...props });
 });
-var CreatedComponent4 = createLink4(Component4);
-var RouterLink = (props) => {
-  return /* @__PURE__ */ jsx14(CreatedComponent4, { ...props });
+const CreatedComponent$1 = createLink(Component$1);
+const RouterLink = (props) => {
+  return /* @__PURE__ */ jsx(CreatedComponent$1, { ...props });
 };
-
-// src/components/router/RouterTab.tsx
-import { Tab } from "@mui/material";
-import { createLink as createLink5 } from "@tanstack/react-router";
-import React7 from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
-var Component5 = React7.forwardRef(function TabComponent(props, reference) {
-  return /* @__PURE__ */ jsx15(Tab, { ref: reference, component: "a", ...props });
+const Component = React.forwardRef(function TabComponent(props, reference) {
+  return /* @__PURE__ */ jsx(Tab, { ref: reference, component: "a", ...props });
 });
-var CreatedComponent5 = createLink5(Component5);
-var RouterTab = (props) => {
-  return /* @__PURE__ */ jsx15(CreatedComponent5, { ...props });
+const CreatedComponent = createLink(Component);
+const RouterTab = (props) => {
+  return /* @__PURE__ */ jsx(CreatedComponent, { ...props });
 };
-
-// src/components/router/RouterNotFound.tsx
-import { Box as Box4, Divider, Typography as Typography3 } from "@mui/material";
-import { useTranslation as useTranslation3 } from "react-i18next";
-import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
 function RouterNotFound() {
-  const { t } = useTranslation3();
-  return /* @__PURE__ */ jsx16(Box4, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs8(Box4, { display: "flex", alignItems: "center", mb: 4, children: [
-    /* @__PURE__ */ jsx16(Typography3, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
-    /* @__PURE__ */ jsx16(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
-    /* @__PURE__ */ jsx16(Typography3, { variant: "h5", component: "span", children: t("Layout.ThisPageCouldNotBeFound") })
+  const { t } = useTranslation();
+  return /* @__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: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
+    /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
+    /* @__PURE__ */ jsx(Typography, { variant: "h5", component: "span", children: t("Layout.ThisPageCouldNotBeFound") })
   ] }) });
 }
-
-// src/components/router/RouterError.tsx
-import { Box as Box5, Divider as Divider2, Typography as Typography4 } from "@mui/material";
-import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
-var RouterError = ({ error }) => {
-  return /* @__PURE__ */ jsx17(Box5, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs9(Box5, { display: "flex", alignItems: "center", mb: 4, children: [
-    /* @__PURE__ */ jsx17(Typography4, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: error.name || "500" }),
-    /* @__PURE__ */ jsx17(Divider2, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
-    /* @__PURE__ */ jsx17(Typography4, { variant: "h5", component: "span", children: error.message })
+const RouterError = ({ error }) => {
+  return /* @__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: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: error.name || "500" }),
+    /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
+    /* @__PURE__ */ jsx(Typography, { variant: "h5", component: "span", children: error.message })
   ] }) });
 };
 export {
@@ -540,9 +437,9 @@ export {
   RouterGridActionsCellItem,
   RouterIconButton,
   RouterLink,
-  RouterListItemButton,
+  R as RouterListItemButton,
   RouterNotFound,
   RouterTab,
   TypographyWithIcon
 };
-//# sourceMappingURL=components.js.map
+//# sourceMappingURL=components.js.map