wcz-test 4.0.1 → 4.1.0

package/dist/index.js

@@ -1,82 +1,3 @@
-import { Button, IconButton, Link, Tab, ListItemButton, FormControl, FormLabel, Slider, FormHelperText, RadioGroup, FormControlLabel, Radio, Switch, Checkbox, Autocomplete, TextField, Stack, Typography, CardHeader, Box, useTheme, Paper, Chip, Divider, List, Dialog, Fab, InitColorSchemeScript, CssBaseline, AppBar, Toolbar, LinearProgress, ListItemIcon, ListItemText, ImageListItem, ImageListItemBar, Tooltip, createTheme, darken, lighten, useColorScheme, ListSubheader, Avatar, Menu, ListItem, useMediaQuery, Collapse } from '@mui/material';
-import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
-import * as React11 from 'react';
-import React11__default, { createContext, useRef, useState, useEffect, useContext, useMemo, useId, useCallback, Fragment } from 'react';
-import CloudUpload from '@mui/icons-material/CloudUpload';
-import { useDropzone } from 'react-dropzone';
-import { initReactI18next, useTranslation, I18nextProvider } from 'react-i18next';
-export { useTranslation } from 'react-i18next';
-import { useQuery, useMutation, useQueryClient, useIsFetching, useIsMutating } from '@tanstack/react-query';
-import saveAs from 'file-saver';
-import { Upload } from 'tus-js-client';
-import { uuidv7 } from 'uuidv7';
-export { uuidv7 } from 'uuidv7';
-import { createLink, useRouterState, useNavigate, useRouter } from '@tanstack/react-router';
-import axios from 'axios';
-import MoreVert from '@mui/icons-material/MoreVert';
-import { grey } from '@mui/material/colors';
-import Delete from '@mui/icons-material/Delete';
-import FileDownload from '@mui/icons-material/FileDownload';
-import Button$1 from '@mui/material/Button';
-import Dialog$1 from '@mui/material/Dialog';
-import DialogActions from '@mui/material/DialogActions';
-import DialogContent from '@mui/material/DialogContent';
-import DialogTitle from '@mui/material/DialogTitle';
-import AttachFile from '@mui/icons-material/AttachFile';
-import Image from '@mui/icons-material/Image';
-import SmartDisplay from '@mui/icons-material/SmartDisplay';
-import Close from '@mui/icons-material/Close';
-import Edit from '@mui/icons-material/Edit';
-import { GridActionsCellItem } from '@mui/x-data-grid-premium';
-import { styled, useThemeProps, ThemeProvider, useTheme as useTheme$1 } from '@mui/material/styles';
-import dayjs from 'dayjs';
-import weekOfYearPlugin from 'dayjs/plugin/weekOfYear.js';
-import customParseFormatPlugin from 'dayjs/plugin/customParseFormat.js';
-import localizedFormatPlugin from 'dayjs/plugin/localizedFormat.js';
-import isBetweenPlugin from 'dayjs/plugin/isBetween.js';
-import advancedFormatPlugin from 'dayjs/plugin/advancedFormat.js';
-import * as z from 'zod';
-import { cs, en } from 'zod/locales';
-import Menu3 from '@mui/icons-material/Menu';
-import MenuOpen from '@mui/icons-material/MenuOpen';
-import useLocalStorageState from 'use-local-storage-state';
-export { default as useLocalStorageState } from 'use-local-storage-state';
-import { csCZ as csCZ$2, enUS as enUS$2 } from '@mui/material/locale';
-import { csCZ as csCZ$1, enUS as enUS$1 } from '@mui/x-data-grid-premium/locales';
-import { csCZ, enUS } from '@mui/x-date-pickers-pro/locales';
-import Box6 from '@mui/material/Box';
-import Drawer from '@mui/material/Drawer';
-import Divider3 from '@mui/material/Divider';
-import List3 from '@mui/material/List';
-import ListSubheader$1 from '@mui/material/ListSubheader';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import Avatar$1 from '@mui/material/Avatar';
-import Popper from '@mui/material/Popper';
-import ListItem$1 from '@mui/material/ListItem';
-import ListItemButton4 from '@mui/material/ListItemButton';
-import ListItemIcon3 from '@mui/material/ListItemIcon';
-import ListItemText3 from '@mui/material/ListItemText';
-import Paper2 from '@mui/material/Paper';
-import Typography7 from '@mui/material/Typography';
-import AccountCircle from '@mui/icons-material/AccountCircle';
-import ArrowBack from '@mui/icons-material/ArrowBack';
-import Brightness4 from '@mui/icons-material/Brightness4';
-import ChevronRight from '@mui/icons-material/ChevronRight';
-import DarkMode from '@mui/icons-material/DarkMode';
-import LightMode from '@mui/icons-material/LightMode';
-import Login from '@mui/icons-material/Login';
-import Logout from '@mui/icons-material/Logout';
-import SettingsBrightness from '@mui/icons-material/SettingsBrightness';
-import Translate from '@mui/icons-material/Translate';
-import 'keycloak-js';
-import default2 from 'i18next';
-export { t } from 'i18next';
-import LanguageDetector from 'i18next-browser-languagedetector';
-import HttpBackend from 'i18next-http-backend';
-import { createFormHookContexts, createFormHook } from '@tanstack/react-form';
-import { DateTimePicker, DatePicker } from '@mui/x-date-pickers-pro';
-import { NumericFormat } from 'react-number-format';
-
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -99,13 +20,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
   // "default" to the CommonJS "module.exports" for node compatibility.
-  __defProp(target, "default", { value: mod, enumerable: true }) ,
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
 
 // node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js
 var require_react_is_production_min = __commonJS({
   "node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js"(exports) {
+    "use strict";
     var b = "function" === typeof Symbol && Symbol.for;
     var c = b ? Symbol.for("react.element") : 60103;
     var d = b ? Symbol.for("react.portal") : 60106;
@@ -218,8 +140,10 @@ var require_react_is_production_min = __commonJS({
 // node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js
 var require_react_is_development = __commonJS({
   "node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js"(exports) {
+    "use strict";
     if (process.env.NODE_ENV !== "production") {
       (function() {
+        "use strict";
         var hasSymbol = typeof Symbol === "function" && Symbol.for;
         var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103;
         var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106;
@@ -371,6 +295,7 @@ var require_react_is_development = __commonJS({
 // node_modules/prop-types/node_modules/react-is/index.js
 var require_react_is = __commonJS({
   "node_modules/prop-types/node_modules/react-is/index.js"(exports, module) {
+    "use strict";
     if (process.env.NODE_ENV === "production") {
       module.exports = require_react_is_production_min();
     } else {
@@ -382,6 +307,7 @@ var require_react_is = __commonJS({
 // node_modules/object-assign/index.js
 var require_object_assign = __commonJS({
   "node_modules/object-assign/index.js"(exports, module) {
+    "use strict";
     var getOwnPropertySymbols = Object.getOwnPropertySymbols;
     var hasOwnProperty = Object.prototype.hasOwnProperty;
     var propIsEnumerable = Object.prototype.propertyIsEnumerable;
@@ -451,6 +377,7 @@ var require_object_assign = __commonJS({
 // node_modules/prop-types/lib/ReactPropTypesSecret.js
 var require_ReactPropTypesSecret = __commonJS({
   "node_modules/prop-types/lib/ReactPropTypesSecret.js"(exports, module) {
+    "use strict";
     var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
     module.exports = ReactPropTypesSecret;
   }
@@ -459,6 +386,7 @@ var require_ReactPropTypesSecret = __commonJS({
 // node_modules/prop-types/lib/has.js
 var require_has = __commonJS({
   "node_modules/prop-types/lib/has.js"(exports, module) {
+    "use strict";
     module.exports = Function.call.bind(Object.prototype.hasOwnProperty);
   }
 });
@@ -466,6 +394,7 @@ var require_has = __commonJS({
 // node_modules/prop-types/checkPropTypes.js
 var require_checkPropTypes = __commonJS({
   "node_modules/prop-types/checkPropTypes.js"(exports, module) {
+    "use strict";
     var printWarning = function() {
     };
     if (process.env.NODE_ENV !== "production") {
@@ -531,6 +460,7 @@ var require_checkPropTypes = __commonJS({
 // node_modules/prop-types/factoryWithTypeCheckers.js
 var require_factoryWithTypeCheckers = __commonJS({
   "node_modules/prop-types/factoryWithTypeCheckers.js"(exports, module) {
+    "use strict";
     var ReactIs = require_react_is();
     var assign = require_object_assign();
     var ReactPropTypesSecret = require_ReactPropTypesSecret();
@@ -973,6 +903,7 @@ var require_factoryWithTypeCheckers = __commonJS({
 // node_modules/prop-types/factoryWithThrowingShims.js
 var require_factoryWithThrowingShims = __commonJS({
   "node_modules/prop-types/factoryWithThrowingShims.js"(exports, module) {
+    "use strict";
     var ReactPropTypesSecret = require_ReactPropTypesSecret();
     function emptyFunction() {
     }
@@ -990,10 +921,12 @@ var require_factoryWithThrowingShims = __commonJS({
         err.name = "Invariant Violation";
         throw err;
       }
+      ;
       shim.isRequired = shim;
       function getShim() {
         return shim;
       }
+      ;
       var ReactPropTypes = {
         array: shim,
         bigint: shim,
@@ -1026,6 +959,7 @@ var require_factoryWithThrowingShims = __commonJS({
 // node_modules/prop-types/index.js
 var require_prop_types = __commonJS({
   "node_modules/prop-types/index.js"(exports, module) {
+    "use strict";
     if (process.env.NODE_ENV !== "production") {
       ReactIs = require_react_is();
       throwOnDirectAccess = true;
@@ -1037,6 +971,10 @@ var require_prop_types = __commonJS({
     var throwOnDirectAccess;
   }
 });
+
+// src/components/core/TypographyWithIcon.tsx
+import { Stack, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
 var stackSxProps = [
   "margin",
   "marginTop",
@@ -1101,9 +1039,18 @@ var TypographyWithIcon = ({ startIcon, endIcon, children, sx, gutterBottom, ...p
     endIcon
   ] });
 };
+
+// src/components/core/PageHeader.tsx
+import { CardHeader, Typography as Typography2 } from "@mui/material";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var PageHeader = ({ title, action, sx }) => {
-  return /* @__PURE__ */ jsx(CardHeader, { title: /* @__PURE__ */ jsx(Typography, { variant: "h4", fontWeight: 600, children: title }), action, sx: { px: 0, ...sx } });
+  return /* @__PURE__ */ jsx2(CardHeader, { title: /* @__PURE__ */ jsx2(Typography2, { variant: "h4", fontWeight: 600, children: title }), action, sx: { px: 0, ...sx } });
 };
+
+// src/components/core/TableContainer.tsx
+import { Box } from "@mui/material";
+import { useEffect, useRef, useState } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var TableContainer = ({ children, sx, ...props }) => {
   const reference = useRef(null);
   const [height, setHeight] = useState();
@@ -1127,7 +1074,7 @@ var TableContainer = ({ children, sx, ...props }) => {
       ro.disconnect();
     };
   }, []);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx3(
     Box,
     {
       ref: reference,
@@ -1140,7 +1087,7 @@ var TableContainer = ({ children, sx, ...props }) => {
       },
       height,
       ...props,
-      children: /* @__PURE__ */ jsx(Box, { sx: (theme) => ({
+      children: /* @__PURE__ */ jsx3(Box, { sx: (theme) => ({
         flex: 1,
         minHeight: 0,
         height: "100%",
@@ -1166,6 +1113,13 @@ var TableContainer = ({ children, sx, ...props }) => {
     }
   );
 };
+
+// src/components/file/Dropzone.tsx
+import CloudUpload from "@mui/icons-material/CloudUpload";
+import { Paper, Typography as Typography3, useTheme } from "@mui/material";
+import { useDropzone } from "react-dropzone";
+import { useTranslation } from "react-i18next";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var baseStyle = {
   flex: 1,
   display: "flex",
@@ -1189,12 +1143,30 @@ var Dropzone = ({ sx, ...props }) => {
     ...isDragAccept ? { borderColor: theme.palette.success.main } : {},
     ...isDragReject ? { borderColor: theme.palette.error.main } : {}
   };
-  return /* @__PURE__ */ jsxs(Paper, { variant: "outlined", ...getRootProps({ style }), sx, children: [
-    /* @__PURE__ */ jsx("input", { ...getInputProps(), style: { display: "none" } }),
-    /* @__PURE__ */ jsx(CloudUpload, {}),
-    /* @__PURE__ */ jsx(Typography, { children: t2("Layout.File.DragSomeFilesHereOrClickToSelectThem") })
+  return /* @__PURE__ */ jsxs2(Paper, { variant: "outlined", ...getRootProps({ style }), sx, children: [
+    /* @__PURE__ */ jsx4("input", { ...getInputProps(), style: { display: "none" } }),
+    /* @__PURE__ */ jsx4(CloudUpload, {}),
+    /* @__PURE__ */ jsx4(Typography3, { children: t2("Layout.File.DragSomeFilesHereOrClickToSelectThem") })
   ] });
 };
+
+// src/components/file/FileViewer.tsx
+import { useState as useState5 } from "react";
+
+// src/components/file/fileViewer/FileViewerGrid.tsx
+import MoreVert from "@mui/icons-material/MoreVert";
+import { Box as Box2, IconButton, ImageListItem, ImageListItemBar, Stack as Stack3, Tooltip } from "@mui/material";
+import { grey } from "@mui/material/colors";
+import { Fragment, useEffect as useEffect3, useState as useState3 } from "react";
+
+// 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 useTranslation3 } from "react-i18next";
+
+// src/contexts/FileContext.ts
+import { createContext, useContext } from "react";
 var FileContext = createContext(null);
 var useFile = () => {
   const context = useContext(FileContext);
@@ -1203,18 +1175,101 @@ var useFile = () => {
   }
   return context;
 };
+
+// src/hooks/DialogsHooks.tsx
+import Button from "@mui/material/Button";
+import Dialog from "@mui/material/Dialog";
+import DialogActions from "@mui/material/DialogActions";
+import DialogContent from "@mui/material/DialogContent";
+import DialogTitle from "@mui/material/DialogTitle";
+
+// node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js
+import * as React2 from "react";
+
+// node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js
+import * as React from "react";
+var useEnhancedEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
+var useEnhancedEffect_default = useEnhancedEffect;
+
+// node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js
+function useEventCallback(fn) {
+  const ref = React2.useRef(fn);
+  useEnhancedEffect_default(() => {
+    ref.current = fn;
+  });
+  return React2.useRef((...args) => (
+    // @ts-expect-error hide `this`
+    (0, ref.current)(...args)
+  )).current;
+}
+var useEventCallback_default = useEventCallback;
+
+// src/hooks/DialogsHooks.tsx
+import { useContext as useContext2, useMemo } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/contexts/DialogsContext.ts
+import { createContext as createContext2 } from "react";
+var DialogsContext = createContext2({});
+
+// src/hooks/DialogsHooks.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+function AlertDialog({ open, payload, onClose }) {
+  const { t: t2 } = useTranslation2();
+  return /* @__PURE__ */ jsxs3(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(), children: [
+    /* @__PURE__ */ jsx5(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Alert") }),
+    /* @__PURE__ */ jsx5(DialogContent, { children: payload.message }),
+    /* @__PURE__ */ jsx5(DialogActions, { children: /* @__PURE__ */ jsx5(Button, { disabled: !open, onClick: () => onClose(), children: t2("Layout.Dialog.Confirm") }) })
+  ] });
+}
+function ConfirmDialog({ open, payload, onClose }) {
+  const { t: t2 } = useTranslation2();
+  return /* @__PURE__ */ jsxs3(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(false), children: [
+    /* @__PURE__ */ jsx5(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Confirm") }),
+    /* @__PURE__ */ jsx5(DialogContent, { children: payload.message }),
+    /* @__PURE__ */ jsxs3(DialogActions, { children: [
+      /* @__PURE__ */ jsx5(Button, { autoFocus: true, disabled: !open, onClick: () => onClose(false), children: payload.cancelText ?? t2("Layout.Dialog.Cancel") }),
+      /* @__PURE__ */ jsx5(Button, { disabled: !open, onClick: () => onClose(true), children: t2("Layout.Dialog.Confirm") })
+    ] })
+  ] });
+}
+function useDialogs() {
+  const { open, close } = useContext2(DialogsContext);
+  const alert = useEventCallback_default(
+    (message, { ...options } = {}) => open(AlertDialog, { ...options, message })
+  );
+  const confirm = useEventCallback_default(
+    (message, { ...options } = {}) => open(ConfirmDialog, { ...options, message })
+  );
+  return useMemo(() => ({ alert, confirm, open, close }), [alert, close, confirm, open]);
+}
+
+// src/hooks/FileHooks.ts
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import saveAs from "file-saver";
+import { useState as useState2 } from "react";
+import { Upload as TusUpload } from "tus-js-client";
+import { uuidv7 } from "uuidv7";
+
+// src/components/core/AppTitle.tsx
+import { Chip, Stack as Stack2, Typography as Typography4 } from "@mui/material";
+import { useRouterState } from "@tanstack/react-router";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var AppTitle = () => {
   const title = useAppTitle();
-  return /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", spacing: 2, flexGrow: 1, children: [
-    /* @__PURE__ */ jsx("img", { src: "/favicon-32x32.png", alt: "app-logo", loading: "lazy" }),
-    /* @__PURE__ */ jsx(Typography, { variant: "h6", children: title }),
-    import.meta.env.DEV && /* @__PURE__ */ jsx(Chip, { size: "small", label: "TEST", color: "info" })
+  return /* @__PURE__ */ jsxs4(Stack2, { direction: "row", alignItems: "center", spacing: 2, flexGrow: 1, children: [
+    /* @__PURE__ */ jsx6("img", { src: "/favicon-32x32.png", alt: "app-logo", loading: "lazy" }),
+    /* @__PURE__ */ jsx6(Typography4, { variant: "h6", children: title }),
+    import.meta.env.DEV && /* @__PURE__ */ jsx6(Chip, { size: "small", label: "TEST", color: "info" })
   ] });
 };
 var useAppTitle = () => {
   const rootRouterState = useRouterState({ select: (s) => s.matches[0] });
   return rootRouterState.meta?.find((meta) => meta?.title)?.title;
 };
+
+// src/utils/ClientUtils.ts
+import axios from "axios";
 var Platform = class {
   static get isAndroid() {
     return /android/i.test(this.userAgent);
@@ -1371,7 +1426,7 @@ var useDeleteFiles = (options) => {
 };
 var useUploadFile = ({ subId, onSuccess, onError }) => {
   const appTitle = useAppTitle();
-  const [progress, setProgress] = useState(0);
+  const [progress, setProgress] = useState2(0);
   const queryClient = useQueryClient();
   const mutate = async (file) => {
     if (!subId) throw new Error("subId is required for file upload");
@@ -1382,7 +1437,7 @@ var useUploadFile = ({ subId, onSuccess, onError }) => {
       subId,
       fileName: file.name
     };
-    const upload = new Upload(file, {
+    const upload = new TusUpload(file, {
       endpoint: `${BASE_URL}/v1/upload`,
       chunkSize: 1048576,
       // 1 MB
@@ -1393,7 +1448,7 @@ var useUploadFile = ({ subId, onSuccess, onError }) => {
         fileName: metadata.fileName,
         fileExtension: file.type
       },
-      //headers: { "Authorization": `Bearer ${await getToken()}` }, //TODO: implement token retrieval
+      // headers: { "Authorization": `Bearer ${await getToken()}` }, //TODO: implement token retrieval
       onError: (error) => {
         setProgress(0);
         onError?.(error);
@@ -1415,53 +1470,11 @@ var useUploadFile = ({ subId, onSuccess, onError }) => {
   };
   return { mutate, progress };
 };
-var useEnhancedEffect = typeof window !== "undefined" ? React11.useLayoutEffect : React11.useEffect;
-var useEnhancedEffect_default = useEnhancedEffect;
 
-// node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js
-function useEventCallback(fn) {
-  const ref = React11.useRef(fn);
-  useEnhancedEffect_default(() => {
-    ref.current = fn;
-  });
-  return React11.useRef((...args) => (
-    // @ts-expect-error hide `this`
-    (0, ref.current)(...args)
-  )).current;
-}
-var useEventCallback_default = useEventCallback;
-var DialogsContext = createContext({});
-function AlertDialog({ open, payload, onClose }) {
-  const { t: t2 } = useTranslation();
-  return /* @__PURE__ */ jsxs(Dialog$1, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(), children: [
-    /* @__PURE__ */ jsx(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Alert") }),
-    /* @__PURE__ */ jsx(DialogContent, { children: payload.message }),
-    /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button$1, { disabled: !open, onClick: () => onClose(), children: t2("Layout.Dialog.Confirm") }) })
-  ] });
-}
-function ConfirmDialog({ open, payload, onClose }) {
-  const { t: t2 } = useTranslation();
-  return /* @__PURE__ */ jsxs(Dialog$1, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(false), children: [
-    /* @__PURE__ */ jsx(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Confirm") }),
-    /* @__PURE__ */ jsx(DialogContent, { children: payload.message }),
-    /* @__PURE__ */ jsxs(DialogActions, { children: [
-      /* @__PURE__ */ jsx(Button$1, { autoFocus: true, disabled: !open, onClick: () => onClose(false), children: payload.cancelText ?? t2("Layout.Dialog.Cancel") }),
-      /* @__PURE__ */ jsx(Button$1, { disabled: !open, onClick: () => onClose(true), children: t2("Layout.Dialog.Confirm") })
-    ] })
-  ] });
-}
-function useDialogs() {
-  const { open, close } = useContext(DialogsContext);
-  const alert = useEventCallback_default(
-    (message, { ...options } = {}) => open(AlertDialog, { ...options, message })
-  );
-  const confirm = useEventCallback_default(
-    (message, { ...options } = {}) => open(ConfirmDialog, { ...options, message })
-  );
-  return useMemo(() => ({ alert, confirm, open, close }), [alert, close, confirm, open]);
-}
+// src/components/file/fileViewer/common/ActionsMenu.tsx
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var ActionsMenu = ({ meta, menu, setMenu }) => {
-  const { t: t2 } = useTranslation();
+  const { t: t2 } = useTranslation3();
   const { fileMetas, onDelete, actions } = useFile();
   const { confirm } = useDialogs();
   const handleMenuClose = () => {
@@ -1483,7 +1496,7 @@ var ActionsMenu = ({ meta, menu, setMenu }) => {
       onDelete({ remainingFileMetas, deletedFileMeta: meta });
     }
   };
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx7(
     Menu,
     {
       open: menu !== null,
@@ -1491,23 +1504,26 @@ var ActionsMenu = ({ meta, menu, setMenu }) => {
       anchorReference: "anchorPosition",
       variant: "menu",
       anchorPosition: menu === null ? void 0 : { top: menu.mouseY, left: menu.mouseX },
-      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: t2("Layout.File.Download") })
+      children: /* @__PURE__ */ jsxs5(List, { disablePadding: true, children: [
+        actions?.download !== false && /* @__PURE__ */ jsxs5(ListItemButton, { onClick: handleOnDownload, disabled: isDownloading, children: [
+          /* @__PURE__ */ jsx7(ListItemIcon, { children: /* @__PURE__ */ jsx7(FileDownload, {}) }),
+          /* @__PURE__ */ jsx7(ListItemText, { children: t2("Layout.File.Download") })
         ] }),
-        actions?.delete !== false && /* @__PURE__ */ jsxs(ListItemButton, { onClick: handleOnDelete, disabled: isDeleting, children: [
-          /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Delete, {}) }),
-          /* @__PURE__ */ jsx(ListItemText, { children: t2("Layout.File.Delete") })
+        actions?.delete !== false && /* @__PURE__ */ jsxs5(ListItemButton, { onClick: handleOnDelete, disabled: isDeleting, children: [
+          /* @__PURE__ */ jsx7(ListItemIcon, { children: /* @__PURE__ */ jsx7(Delete, {}) }),
+          /* @__PURE__ */ jsx7(ListItemText, { children: t2("Layout.File.Delete") })
         ] })
       ] })
     }
   );
 };
+
+// src/components/file/fileViewer/FileViewerGrid.tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var IMAGE_SIZE = 150;
 var FileViewerGrid = ({ sx, size, itemBar }) => {
   const { fileMetas } = useFile();
-  return /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 1, sx: { overflow: "auto", ...sx }, children: fileMetas.map((fileMeta) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx8(Stack3, { direction: "row", spacing: 1, sx: { overflow: "auto", ...sx }, children: fileMetas.map((fileMeta) => /* @__PURE__ */ jsx8(
     GridFileViewerItem,
     {
       meta: fileMeta,
@@ -1519,9 +1535,9 @@ var FileViewerGrid = ({ sx, size, itemBar }) => {
 };
 var GridFileViewerItem = ({ meta, size, itemBar }) => {
   const { setImageId, actions } = useFile();
-  const [showItemBar, setShowItemBar] = useState(itemBar === "always");
-  const [menu, setMenu] = useState(null);
-  useEffect(() => {
+  const [showItemBar, setShowItemBar] = useState3(itemBar === "always");
+  const [menu, setMenu] = useState3(null);
+  useEffect3(() => {
     setShowItemBar(itemBar === "always");
   }, [itemBar]);
   const { data: source } = useGetFileThumbnail(meta);
@@ -1549,10 +1565,10 @@ var GridFileViewerItem = ({ meta, size, itemBar }) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(ImageListItem, { sx: { width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, children: [
-      /* @__PURE__ */ jsx(
-        Box,
+  return /* @__PURE__ */ jsxs6(Fragment, { children: [
+    /* @__PURE__ */ jsxs6(ImageListItem, { sx: { width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, children: [
+      /* @__PURE__ */ jsx8(
+        Box2,
         {
           component: "img",
           src: source,
@@ -1562,21 +1578,30 @@ var GridFileViewerItem = ({ meta, size, itemBar }) => {
           sx: { cursor: "pointer", objectFit: "contain", width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }
         }
       ),
-      itemBar !== "hidden" && showItemBar && /* @__PURE__ */ jsx(
+      itemBar !== "hidden" && showItemBar && /* @__PURE__ */ jsx8(
         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, {}) })
+          title: /* @__PURE__ */ jsx8(Tooltip, { title: meta.fileName, children: /* @__PURE__ */ jsx8(Box2, { children: meta.fileName }) }),
+          actionIcon: (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx8(IconButton, { sx: { color: grey[100] }, onClick: openMenu, children: /* @__PURE__ */ jsx8(MoreVert, {}) })
         }
       )
     ] }),
-    (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx(ActionsMenu, { meta, menu, setMenu })
+    (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx8(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 useState4 } from "react";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var FileViewerList = ({ sx }) => {
   const { fileMetas } = useFile();
-  return /* @__PURE__ */ jsx(List, { dense: true, sx, children: fileMetas.map(
-    (fileMeta) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx9(List2, { dense: true, sx, children: fileMetas.map(
+    (fileMeta) => /* @__PURE__ */ jsx9(
       ListFileViewerItem,
       {
         meta: fileMeta
@@ -1587,7 +1612,7 @@ var FileViewerList = ({ sx }) => {
 };
 var ListFileViewerItem = ({ meta }) => {
   const { setImageId, actions } = useFile();
-  const [menu, setMenu] = useState(null);
+  const [menu, setMenu] = useState4(null);
   const openMenu = (event) => {
     event.stopPropagation();
     setMenu(menu === null ? { mouseX: event.clientX, mouseY: event.clientY } : null);
@@ -1613,31 +1638,37 @@ var ListFileViewerItem = ({ meta }) => {
   const icon = () => {
     switch (meta.mediaType) {
       case "image": {
-        return /* @__PURE__ */ jsx(Image, {});
+        return /* @__PURE__ */ jsx9(Image, {});
       }
       case "video": {
-        return /* @__PURE__ */ jsx(SmartDisplay, {});
+        return /* @__PURE__ */ jsx9(SmartDisplay, {});
       }
       default: {
-        return /* @__PURE__ */ jsx(AttachFile, {});
+        return /* @__PURE__ */ jsx9(AttachFile, {});
       }
     }
   };
-  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, {}) })
+  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
+    /* @__PURE__ */ jsxs7(ListItemButton2, { onClick, children: [
+      /* @__PURE__ */ jsx9(ListItemIcon2, { children: icon() }),
+      /* @__PURE__ */ jsx9(ListItemText2, { primary: `${meta.fileName}.${meta.fileExtension}` }),
+      (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx9(IconButton2, { edge: "end", onClick: openMenu, children: /* @__PURE__ */ jsx9(MoreVert2, {}) })
     ] }, meta.id),
-    (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx(ActionsMenu, { meta, menu, setMenu })
+    (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx9(ActionsMenu, { meta, menu, setMenu })
   ] });
 };
+
+// src/components/file/fileViewer/ImageViewer.tsx
+import Close from "@mui/icons-material/Close";
+import { Box as Box3, Dialog as Dialog2, Fab } from "@mui/material";
+import { useEffect as useEffect4 } from "react";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var ImageViewer = ({ metaId }) => {
   const { fileMetas, setImageId } = useFile();
   const meta = fileMetas.find((m) => m.id === metaId);
   const { data: source } = useGetFile(meta);
-  useEffect(() => {
-    if (globalThis.window !== void 0 && metaId)
+  useEffect4(() => {
+    if (metaId)
       globalThis.addEventListener("keydown", handleOnKeydown);
     return () => {
       globalThis.removeEventListener("keydown", handleOnKeydown);
@@ -1674,21 +1705,28 @@ var ImageViewer = ({ metaId }) => {
   };
   const onClose = () => setImageId("");
   if (!metaId) return null;
-  return /* @__PURE__ */ jsxs(Dialog, { open: true, onClose, maxWidth: "xl", children: [
-    /* @__PURE__ */ jsx(Box, { component: "img", src: source, alt: metaId, sx: { maxWidth: "100vw", maxHeight: { xs: "calc(100vh - 56px)", sm: "calc(100vh - 64px)" } } }),
-    /* @__PURE__ */ jsx(Fab, { size: "medium", onClick: onClose, sx: { position: "fixed", top: 8, right: 8 }, children: /* @__PURE__ */ jsx(Close, {}) })
+  return /* @__PURE__ */ jsxs8(Dialog2, { open: true, onClose, maxWidth: "xl", children: [
+    /* @__PURE__ */ jsx10(Box3, { component: "img", src: source, alt: metaId, sx: { maxWidth: "100vw", maxHeight: { xs: "calc(100vh - 56px)", sm: "calc(100vh - 64px)" } } }),
+    /* @__PURE__ */ jsx10(Fab, { size: "medium", onClick: onClose, sx: { position: "fixed", top: 8, right: 8 }, children: /* @__PURE__ */ jsx10(Close, {}) })
   ] });
 };
+
+// src/components/file/FileViewer.tsx
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var FileViewer = ({ subId, onDelete, actions, children }) => {
   const { data: fileMetas = [] } = useGetFileMetas(subId, { enabled: !!subId });
-  const [imageId, setImageId] = useState("");
+  const [imageId, setImageId] = useState5("");
   const components = { Grid: FileViewerGrid, List: FileViewerList };
   if (fileMetas.length === 0) return null;
-  return /* @__PURE__ */ jsxs(FileContext.Provider, { value: { fileMetas, onDelete, actions, setImageId }, children: [
+  return /* @__PURE__ */ jsxs9(FileContext.Provider, { value: { fileMetas, onDelete, actions, setImageId }, children: [
     children(components),
-    /* @__PURE__ */ jsx(ImageViewer, { metaId: imageId })
+    /* @__PURE__ */ jsx11(ImageViewer, { metaId: imageId })
   ] });
 };
+
+// src/components/data-grid/ChipInputCell.tsx
+import { Chip as Chip2, Stack as Stack4 } from "@mui/material";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var isArray = (value) => Array.isArray(value);
 var ChipInputCell = ({ params, slotProps, getLabel }) => {
   if (!params.value) return null;
@@ -1697,71 +1735,120 @@ var ChipInputCell = ({ params, slotProps, getLabel }) => {
     return value;
   };
   if (isArray(params.value))
-    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__ */ jsx12(Stack4, { direction: "row", alignItems: "center", gap: 1, sx: { overflowX: "auto", height: "100%", width: params.colDef.computedWidth }, children: params.value.map(
+      (value, index) => /* @__PURE__ */ jsx12(Chip2, { label: getLabelValue(value), ...slotProps }, `${index + 1}-chip-input-cell`)
     ) });
-  return /* @__PURE__ */ jsx(Chip, { label: getLabelValue(params.value), ...slotProps });
+  return /* @__PURE__ */ jsx12(Chip2, { label: getLabelValue(params.value), ...slotProps });
 };
+
+// src/components/data-grid/EditableColumnHeader.tsx
+import Edit from "@mui/icons-material/Edit";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var EditableColumnHeader = ({ colDef }) => {
-  return /* @__PURE__ */ jsx(TypographyWithIcon, { endIcon: /* @__PURE__ */ jsx(Edit, { color: "disabled", fontSize: "small" }), variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
+  return /* @__PURE__ */ jsx13(TypographyWithIcon, { endIcon: /* @__PURE__ */ jsx13(Edit, { color: "disabled", fontSize: "small" }), variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
 };
-var Component = React11__default.forwardRef(function ButtonComponent(props, reference) {
-  return /* @__PURE__ */ jsx(Button, { ref: reference, component: "a", ...props });
+
+// src/components/router/RouterButton.tsx
+import { Button as Button2 } from "@mui/material";
+import { createLink } from "@tanstack/react-router";
+import React5 from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var Component = React5.forwardRef(function ButtonComponent(props, reference) {
+  return /* @__PURE__ */ jsx14(Button2, { ref: reference, component: "a", ...props });
 });
 var CreatedComponent = createLink(Component);
 var RouterButton = (props) => {
-  return /* @__PURE__ */ jsx(CreatedComponent, { ...props });
+  return /* @__PURE__ */ jsx14(CreatedComponent, { ...props });
 };
-var Component2 = React11__default.forwardRef(
+
+// src/components/router/RouterGridActionsCellItem.tsx
+import { GridActionsCellItem } from "@mui/x-data-grid-premium";
+import { createLink as createLink2 } from "@tanstack/react-router";
+import React6 from "react";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var Component2 = React6.forwardRef(
   function GridActionsCellItemComponent(props, reference) {
-    return /* @__PURE__ */ jsx(GridActionsCellItem, { ref: reference, component: "a", ...props });
+    return /* @__PURE__ */ jsx15(GridActionsCellItem, { ref: reference, component: "a", ...props });
   }
 );
-var CreatedComponent2 = createLink(Component2);
+var CreatedComponent2 = createLink2(Component2);
 var RouterGridActionsCellItem = (props) => {
-  return /* @__PURE__ */ jsx(CreatedComponent2, { ...props });
+  return /* @__PURE__ */ jsx15(CreatedComponent2, { ...props });
 };
-var Component3 = React11__default.forwardRef(function IconButtonComponent(props, reference) {
-  return /* @__PURE__ */ jsx(IconButton, { ref: reference, component: "a", ...props });
+
+// src/components/router/RouterIconButton.tsx
+import { IconButton as IconButton3 } from "@mui/material";
+import { createLink as createLink3 } from "@tanstack/react-router";
+import React7 from "react";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var Component3 = React7.forwardRef(function IconButtonComponent(props, reference) {
+  return /* @__PURE__ */ jsx16(IconButton3, { ref: reference, component: "a", ...props });
 });
-var CreatedComponent3 = createLink(Component3);
+var CreatedComponent3 = createLink3(Component3);
 var RouterIconButton = (props) => {
-  return /* @__PURE__ */ jsx(CreatedComponent3, { ...props });
+  return /* @__PURE__ */ jsx16(CreatedComponent3, { ...props });
 };
-var Component4 = React11__default.forwardRef(function LinkComponent(props, reference) {
-  return /* @__PURE__ */ jsx(Link, { ref: reference, ...props });
+
+// src/components/router/RouterLink.tsx
+import { Link } from "@mui/material";
+import { createLink as createLink4 } from "@tanstack/react-router";
+import React8 from "react";
+import { jsx as jsx17 } from "react/jsx-runtime";
+var Component4 = React8.forwardRef(function LinkComponent(props, reference) {
+  return /* @__PURE__ */ jsx17(Link, { ref: reference, ...props });
 });
-var CreatedComponent4 = createLink(Component4);
+var CreatedComponent4 = createLink4(Component4);
 var RouterLink = (props) => {
-  return /* @__PURE__ */ jsx(CreatedComponent4, { ...props });
+  return /* @__PURE__ */ jsx17(CreatedComponent4, { ...props });
 };
-var Component5 = React11__default.forwardRef(function TabComponent(props, reference) {
-  return /* @__PURE__ */ jsx(Tab, { ref: reference, component: "a", ...props });
+
+// src/components/router/RouterTab.tsx
+import { Tab } from "@mui/material";
+import { createLink as createLink5 } from "@tanstack/react-router";
+import React9 from "react";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var Component5 = React9.forwardRef(function TabComponent(props, reference) {
+  return /* @__PURE__ */ jsx18(Tab, { ref: reference, component: "a", ...props });
 });
-var CreatedComponent5 = createLink(Component5);
+var CreatedComponent5 = createLink5(Component5);
 var RouterTab = (props) => {
-  return /* @__PURE__ */ jsx(CreatedComponent5, { ...props });
+  return /* @__PURE__ */ jsx18(CreatedComponent5, { ...props });
 };
-var Component6 = React11__default.forwardRef(function ButtonComponent2(props, reference) {
-  return /* @__PURE__ */ jsx(ListItemButton, { ref: reference, component: "a", ...props });
+
+// src/components/router/RouterListItemButton.tsx
+import { ListItemButton as ListItemButton3 } from "@mui/material";
+import { createLink as createLink6 } from "@tanstack/react-router";
+import React10 from "react";
+import { jsx as jsx19 } from "react/jsx-runtime";
+var Component6 = React10.forwardRef(function ButtonComponent2(props, reference) {
+  return /* @__PURE__ */ jsx19(ListItemButton3, { ref: reference, component: "a", ...props });
 });
-var CreatedComponent6 = createLink(Component6);
+var CreatedComponent6 = createLink6(Component6);
 var RouterListItemButton = (props) => {
-  return /* @__PURE__ */ jsx(CreatedComponent6, { ...props });
+  return /* @__PURE__ */ jsx19(CreatedComponent6, { ...props });
 };
+
+// src/components/router/RouterNotFound.tsx
+import { Box as Box4, Divider, Typography as Typography5 } from "@mui/material";
+import { useTranslation as useTranslation4 } from "react-i18next";
+import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
 function RouterNotFound() {
-  const { t: t2 } = 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: t2("Layout.ThisPageCouldNotBeFound") })
+  const { t: t2 } = useTranslation4();
+  return /* @__PURE__ */ jsx20(Box4, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs10(Box4, { display: "flex", alignItems: "center", mb: 4, children: [
+    /* @__PURE__ */ jsx20(Typography5, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
+    /* @__PURE__ */ jsx20(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
+    /* @__PURE__ */ jsx20(Typography5, { variant: "h5", component: "span", children: t2("Layout.ThisPageCouldNotBeFound") })
   ] }) });
 }
+
+// src/components/router/RouterError.tsx
+import { Box as Box5, Divider as Divider2, Typography as Typography6 } from "@mui/material";
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
 var 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 })
+  return /* @__PURE__ */ jsx21(Box5, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs11(Box5, { display: "flex", alignItems: "center", mb: 4, children: [
+    /* @__PURE__ */ jsx21(Typography6, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: error.name || "500" }),
+    /* @__PURE__ */ jsx21(Divider2, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
+    /* @__PURE__ */ jsx21(Typography6, { variant: "h5", component: "span", children: error.message })
   ] }) });
 };
 
@@ -1788,7 +1875,10 @@ function _objectWithoutPropertiesLoose(r, e) {
 }
 
 // node_modules/@mui/x-date-pickers/esm/LocalizationProvider/LocalizationProvider.js
-var import_prop_types = __toESM(require_prop_types());
+var import_prop_types = __toESM(require_prop_types(), 1);
+import * as React11 from "react";
+import { useThemeProps } from "@mui/material/styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 var _excluded = ["localeText"];
 var PickerAdapterContext = /* @__PURE__ */ React11.createContext(null);
 if (process.env.NODE_ENV !== "production") PickerAdapterContext.displayName = "PickerAdapterContext";
@@ -1800,6 +1890,7 @@ var LocalizationProvider = function LocalizationProvider2(inProps) {
     adapter: parentAdapter,
     localeText: parentLocaleText
   } = React11.useContext(PickerAdapterContext) ?? {
+    utils: void 0,
     adapter: void 0,
     localeText: void 0
   };
@@ -1853,7 +1944,7 @@ var LocalizationProvider = function LocalizationProvider2(inProps) {
       localeText
     };
   }, [defaultDates, adapter, localeText]);
-  return /* @__PURE__ */ jsx(PickerAdapterContext.Provider, {
+  return /* @__PURE__ */ _jsx(PickerAdapterContext.Provider, {
     value: contextValue,
     children
   });
@@ -1929,6 +2020,14 @@ function warnOnce(message, gravity = "warning") {
     }
   }
 }
+
+// node_modules/@mui/x-date-pickers/esm/AdapterDayjs/AdapterDayjs.js
+import dayjs from "dayjs";
+import weekOfYearPlugin from "dayjs/plugin/weekOfYear.js";
+import customParseFormatPlugin from "dayjs/plugin/customParseFormat.js";
+import localizedFormatPlugin from "dayjs/plugin/localizedFormat.js";
+import isBetweenPlugin from "dayjs/plugin/isBetween.js";
+import advancedFormatPlugin from "dayjs/plugin/advancedFormat.js";
 dayjs.extend(localizedFormatPlugin);
 dayjs.extend(weekOfYearPlugin);
 dayjs.extend(isBetweenPlugin);
@@ -2410,65 +2509,143 @@ var AdapterDayjs = class {
     return years;
   };
 };
-var WISTRON_PRIMARY_COLOR = "#00506E";
-var WISTRON_SECONDARY_COLOR = "#64DC00";
-var useGetTheme = (theme) => {
-  const { i18n: i18n2 } = useTranslation();
-  return createTheme(
-    {
-      cssVariables: {
-        colorSchemeSelector: "data-mui-color-scheme"
-      },
-      colorSchemes: {
-        light: {
-          palette: {
-            primary: { main: WISTRON_PRIMARY_COLOR },
-            secondary: { main: WISTRON_SECONDARY_COLOR }
-          }
-        },
-        dark: {
-          palette: {
-            primary: { main: lighten(WISTRON_PRIMARY_COLOR, 0.5) },
-            secondary: { main: darken(WISTRON_SECONDARY_COLOR, 0.5) }
-          }
-        },
-        ...theme?.colorSchemes
+
+// src/providers/LayoutProvider.tsx
+import { useEffect as useEffect6, useState as useState10 } from "react";
+import { I18nextProvider, useTranslation as useTranslation7 } from "react-i18next";
+import * as z from "zod";
+import { cs, en } from "zod/locales";
+
+// src/providers/DialogsProvider.tsx
+import { useCallback, useId, useMemo as useMemo3, useRef as useRef3, useState as useState6 } from "react";
+import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+function DialogsProvider({ children, unmountAfter = 1e3 }) {
+  const [stack, setStack] = useState6([]);
+  const keyPrefix = useId();
+  const nextId = useRef3(0);
+  const dialogMetadata = useRef3(/* @__PURE__ */ new WeakMap());
+  const requestDialog = useEventCallback_default(function open(Component7, payload, options = {}) {
+    const { onClose = async () => {
+    } } = options;
+    let resolve;
+    const promise = new Promise((resolveImpl) => {
+      resolve = resolveImpl;
+    });
+    const key = `${keyPrefix}-${nextId.current}`;
+    nextId.current += 1;
+    const newEntry = {
+      key,
+      open: true,
+      promise,
+      Component: Component7,
+      payload,
+      onClose,
+      resolve
+    };
+    dialogMetadata.current.set(promise, newEntry);
+    setStack((previousStack) => [...previousStack, newEntry]);
+    return promise;
+  });
+  const removeDialogFromStack = useCallback((dialog) => {
+    setStack((previousStack) => previousStack.filter((entry) => entry.promise !== dialog));
+    dialogMetadata.current.delete(dialog);
+  }, []);
+  const closeDialogUi = useEventCallback_default(function closeDialogUi2(dialog) {
+    setStack(
+      (previousStack) => previousStack.map((entry) => entry.promise === dialog ? { ...entry, open: false } : entry)
+    );
+    setTimeout(() => removeDialogFromStack(dialog), unmountAfter);
+  });
+  const closeDialog = useEventCallback_default(async function closeDialog2(dialog, result) {
+    const entryToClose = dialogMetadata.current.get(dialog);
+    if (!entryToClose) {
+      throw new Error("Dialog not found in stack");
+    }
+    try {
+      await entryToClose.onClose(result);
+    } finally {
+      entryToClose.resolve(result);
+      closeDialogUi(dialog);
+    }
+    return dialog;
+  });
+  const contextValue = useMemo3(() => ({ open: requestDialog, close: closeDialog }), [requestDialog, closeDialog]);
+  return /* @__PURE__ */ jsxs12(DialogsContext.Provider, { value: contextValue, children: [
+    children,
+    stack.map(({ key, open, Component: Component7, payload, promise }) => /* @__PURE__ */ jsx22(
+      Component7,
+      {
+        payload,
+        open,
+        onClose: async (result) => {
+          await closeDialog(promise, result);
+        }
       },
-      components: {
-        MuiCssBaseline: {
-          styleOverrides: (theme2) => {
-            return {
-              body: {
-                "&::-webkit-scrollbar, & *::-webkit-scrollbar": {
-                  width: "0.7em",
-                  height: "0.7em"
-                },
-                "&::-webkit-scrollbar-track, & *::-webkit-scrollbar-track": {
-                  backgroundColor: theme2.palette.mode === "dark" ? grey[900] : grey[200],
-                  borderRadius: "5px"
-                },
-                "&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb": {
-                  backgroundColor: theme2.palette.mode === "dark" ? grey[800] : grey[400],
-                  borderRadius: "10px"
-                },
-                "&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover": {
-                  backgroundColor: theme2.palette.mode === "dark" ? grey[700] : grey[500]
-                },
-                "&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner": {
-                  backgroundColor: "transparent"
-                }
-              }
-            };
-          }
-        },
-        ...theme?.components
-      }
-    },
-    i18n2.resolvedLanguage === "cs" ? csCZ : enUS,
-    i18n2.resolvedLanguage === "cs" ? csCZ$1 : enUS$1,
-    i18n2.resolvedLanguage === "cs" ? csCZ$2 : enUS$2
-  );
-};
+      key
+    ))
+  ] });
+}
+
+// src/utils/i18n.ts
+import { createIsomorphicFn } from "@tanstack/react-start";
+import { getCookie } from "@tanstack/react-start/server";
+import i18n from "i18next";
+import LanguageDetector from "i18next-browser-languagedetector";
+import HttpBackend from "i18next-http-backend";
+import { initReactI18next } from "react-i18next";
+import { default as default2 } from "i18next";
+var i18nCookieName = "i18nextLng";
+i18n.use(HttpBackend).use(LanguageDetector).use(initReactI18next).init({
+  fallbackLng: "en",
+  detection: {
+    order: ["cookie"],
+    lookupCookie: i18nCookieName,
+    caches: ["cookie"],
+    cookieMinutes: 60 * 24 * 365
+  },
+  interpolation: { escapeValue: false }
+});
+var setupRouterSsrI18nIntegration = createIsomorphicFn().server(async () => {
+  const language = getCookie(i18nCookieName);
+  await i18n.changeLanguage(language || "en");
+});
+
+// src/components/core/Layout.tsx
+import Menu3 from "@mui/icons-material/Menu";
+import MenuOpen from "@mui/icons-material/MenuOpen";
+import { AppBar, Box as Box9, CssBaseline, IconButton as IconButton5, InitColorSchemeScript, LinearProgress, Toolbar } from "@mui/material";
+import { ThemeProvider, styled as styled2 } from "@mui/material/styles";
+import { useIsFetching, useIsMutating } from "@tanstack/react-query";
+import useLocalStorageState from "use-local-storage-state";
+
+// src/components/core/navigation/NavigationRail.tsx
+import { useMediaQuery } from "@mui/material";
+import Box7 from "@mui/material/Box";
+import Drawer from "@mui/material/Drawer";
+import { useTheme as useTheme2 } from "@mui/material/styles";
+import { useNavigate, useRouterState as useRouterState2 } from "@tanstack/react-router";
+
+// src/components/core/navigation/NavigationList.tsx
+import Divider3 from "@mui/material/Divider";
+import List3 from "@mui/material/List";
+import ListSubheader from "@mui/material/ListSubheader";
+import { Fragment as Fragment5, useEffect as useEffect5, useState as useState8 } from "react";
+
+// src/components/core/navigation/NavigationListItem.tsx
+import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+import Avatar from "@mui/material/Avatar";
+import Box6 from "@mui/material/Box";
+import Popper from "@mui/material/Popper";
+import ListItem from "@mui/material/ListItem";
+import ListItemButton4 from "@mui/material/ListItemButton";
+import ListItemIcon3 from "@mui/material/ListItemIcon";
+import ListItemText3 from "@mui/material/ListItemText";
+import Paper2 from "@mui/material/Paper";
+import { styled } from "@mui/material/styles";
+import Typography7 from "@mui/material/Typography";
+import { Fragment as Fragment3, useMemo as useMemo4, useState as useState7 } from "react";
+import { Collapse } from "@mui/material";
+import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
 var ICON_SIZE = 34;
 var StyledNavButton = styled(ListItemButton4)(({ theme }) => ({
   borderRadius: 8,
@@ -2512,12 +2689,12 @@ var StyledRouterButton = styled(RouterListItemButton)(({ theme }) => ({
 }));
 var IconOrAvatar = ({ item, collapsed }) => {
   if (item.icon || collapsed) {
-    return /* @__PURE__ */ jsxs(Box6, { sx: collapsed ? { position: "absolute", left: "50%", top: "calc(50% - 6px)", transform: "translate(-50%, -50%)" } : {}, children: [
-      /* @__PURE__ */ jsxs(ListItemIcon3, { sx: { display: "flex", alignItems: "center", justifyContent: "center", minWidth: ICON_SIZE }, children: [
+    return /* @__PURE__ */ jsxs13(Box6, { sx: collapsed ? { position: "absolute", left: "50%", top: "calc(50% - 6px)", transform: "translate(-50%, -50%)" } : {}, children: [
+      /* @__PURE__ */ jsxs13(ListItemIcon3, { sx: { display: "flex", alignItems: "center", justifyContent: "center", minWidth: ICON_SIZE }, children: [
         item.icon ?? null,
-        !item.icon && collapsed ? /* @__PURE__ */ jsx(Avatar$1, { sx: { width: ICON_SIZE - 7, height: ICON_SIZE - 7, fontSize: 12 }, children: item.title }) : null
+        !item.icon && collapsed ? /* @__PURE__ */ jsx23(Avatar, { sx: { width: ICON_SIZE - 7, height: ICON_SIZE - 7, fontSize: 12 }, children: item.title }) : null
       ] }),
-      collapsed ? /* @__PURE__ */ jsx(
+      collapsed ? /* @__PURE__ */ jsx23(
         Typography7,
         {
           variant: "caption",
@@ -2541,7 +2718,7 @@ var IconOrAvatar = ({ item, collapsed }) => {
   }
   return null;
 };
-var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx(
+var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx23(
   Popper,
   {
     open,
@@ -2552,7 +2729,7 @@ var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx(
       { name: "preventOverflow", options: { padding: 8 } },
       { name: "flip", options: { fallbackPlacements: ["right-end", "left-start"] } }
     ],
-    children: /* @__PURE__ */ jsx(
+    children: /* @__PURE__ */ jsx23(
       Paper2,
       {
         sx: {
@@ -2568,9 +2745,9 @@ var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx(
   }
 );
 var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, onClick, renderNested }) => {
-  const [hoveredPopoverItem, setHoveredPopoverItem] = useState(null);
-  const [anchorElement, setAnchorElement] = useState(null);
-  const chevronSx = useMemo(() => {
+  const [hoveredPopoverItem, setHoveredPopoverItem] = useState7(null);
+  const [anchorElement, setAnchorElement] = useState7(null);
+  const chevronSx = useMemo4(() => {
     if (collapsed && isSidebarFullyCollapsed && item.children) {
       return {
         fontSize: 18,
@@ -2594,9 +2771,9 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
     disabled,
     sx: { px: 1.4, height: collapsed ? 60 : 48 }
   };
-  const buttonContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsx(IconOrAvatar, { item, collapsed }),
-    !collapsed && /* @__PURE__ */ jsx(
+  const buttonContent = /* @__PURE__ */ jsxs13(Fragment4, { children: [
+    /* @__PURE__ */ jsx23(IconOrAvatar, { item, collapsed }),
+    !collapsed && /* @__PURE__ */ jsx23(
       ListItemText3,
       {
         primary: item.title,
@@ -2604,10 +2781,10 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
         sx: { ml: 1.2, flex: 1, minWidth: 0, "& .MuiTypography-root": { whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" } }
       }
     ),
-    item.children ? /* @__PURE__ */ jsx(ExpandMoreIcon, { sx: chevronSx }) : null
+    item.children ? /* @__PURE__ */ jsx23(ExpandMoreIcon, { sx: chevronSx }) : null
   ] });
-  const listItem = /* @__PURE__ */ jsxs(
-    ListItem$1,
+  const listItem = /* @__PURE__ */ jsxs13(
+    ListItem,
     {
       ...item.children && collapsed ? {
         onMouseEnter: (event) => {
@@ -2620,7 +2797,7 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
       } : {},
       sx: { py: 0, px: 1, overflowX: "hidden" },
       children: [
-        shouldJustExpand ? /* @__PURE__ */ jsx(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ jsx(
+        shouldJustExpand ? /* @__PURE__ */ jsx23(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ jsx23(
           StyledRouterButton,
           {
             ...buttonProps,
@@ -2631,25 +2808,28 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
             children: buttonContent
           }
         ),
-        item.children && collapsed ? /* @__PURE__ */ jsx(MiniPopover, { open: item.title === hoveredPopoverItem, anchorEl: anchorElement, children: renderNested?.(item.children) }) : null
+        item.children && collapsed ? /* @__PURE__ */ jsx23(MiniPopover, { open: item.title === hoveredPopoverItem, anchorEl: anchorElement, children: renderNested?.(item.children) }) : null
       ]
     }
   );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs13(Fragment3, { children: [
     listItem,
-    item.children && !collapsed ? /* @__PURE__ */ jsx(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, children: renderNested?.(item.children) }) : null
+    item.children && !collapsed ? /* @__PURE__ */ jsx23(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, children: renderNested?.(item.children) }) : null
   ] }, item.to);
 };
+
+// src/components/core/navigation/NavigationList.tsx
+import { jsx as jsx24 } from "react/jsx-runtime";
 var isPageItem = (item) => !("kind" in item);
 var isDivider = (item) => "kind" in item && item.kind === "divider";
 var isHeader = (item) => "kind" in item && item.kind === "header";
 var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, expandedWidth, renderItem, activePath, onNavigate }) => {
-  const [openKeys, setOpenKeys] = useState([]);
-  useEffect(() => {
+  const [openKeys, setOpenKeys] = useState8([]);
+  useEffect5(() => {
     if (collapsed) setOpenKeys([]);
   }, [collapsed]);
   const toggleKey = (key) => setOpenKeys((previous) => previous.includes(key) ? previous.filter((k) => k !== key) : [...previous, key]);
-  const renderNested = (children) => /* @__PURE__ */ jsx(
+  const renderNested = (children) => /* @__PURE__ */ jsx24(
     NavigationList,
     {
       subNavigation: children,
@@ -2661,7 +2841,7 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
     }
   );
   const filteredNavigation = subNavigation.filter((nav) => !nav.hidden);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx24(
     List3,
     {
       sx: {
@@ -2674,8 +2854,8 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
       },
       children: filteredNavigation.map((navItem, index) => {
         if (isHeader(navItem)) {
-          return /* @__PURE__ */ jsx(
-            ListSubheader$1,
+          return /* @__PURE__ */ jsx24(
+            ListSubheader,
             {
               sx: {
                 fontSize: 12,
@@ -2697,13 +2877,13 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
         }
         if (isDivider(navItem)) {
           const nextItem = filteredNavigation[index + 1];
-          return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Divider3, { sx: { mx: 1, mt: 1, mb: nextItem && isHeader(nextItem) && !collapsed ? 0 : 1 } }) }, `divider-${depth}-${index}`);
+          return /* @__PURE__ */ jsx24("li", { children: /* @__PURE__ */ jsx24(Divider3, { sx: { mx: 1, mt: 1, mb: isHeader(nextItem) && !collapsed ? 0 : 1 } }) }, `divider-${depth}-${index}`);
         }
         if (!isPageItem(navItem)) return null;
         const key = `item-${depth}-${index}`;
         const uniqueItemKey = `${depth}-${index}-${navItem.title}`;
-        if (renderItem) return /* @__PURE__ */ jsx(Fragment, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
-        return /* @__PURE__ */ jsx(
+        if (renderItem) return /* @__PURE__ */ jsx24(Fragment5, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
+        return /* @__PURE__ */ jsx24(
           NavigationListItem,
           {
             item: navItem,
@@ -2721,16 +2901,19 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
     }
   );
 };
+
+// src/components/core/navigation/NavigationRail.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
 var MINI_WIDTH = 84;
 var EXPANDED_WIDTH = 320;
 var TOOLBAR_HEIGHT = 65;
 var NavigationRail = ({ navigation, expanded, setExpanded }) => {
   const navigate = useNavigate();
-  const routerState = useRouterState();
-  const theme = useTheme$1();
+  const routerState = useRouterState2();
+  const theme = useTheme2();
   const showPermanent = useMediaQuery(theme.breakpoints.up("sm"));
-  const drawerContent = (collapsed) => /* @__PURE__ */ jsx(
-    Box6,
+  const drawerContent = (collapsed) => /* @__PURE__ */ jsx25(
+    Box7,
     {
       component: "nav",
       sx: {
@@ -2743,7 +2926,7 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
         overflowX: "hidden",
         pt: navigation[0] && isHeader(navigation[0]) && !collapsed ? 0 : 2
       },
-      children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx25(
         NavigationList,
         {
           subNavigation: navigation,
@@ -2758,7 +2941,7 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
     }
   );
   if (showPermanent)
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx25(
       Drawer,
       {
         variant: "permanent",
@@ -2774,26 +2957,48 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
         children: drawerContent(!expanded)
       }
     );
-  return /* @__PURE__ */ jsx(Drawer, { open: expanded, onClose: () => setExpanded(false), children: drawerContent(!expanded) });
+  return /* @__PURE__ */ jsx25(Drawer, { open: expanded, onClose: () => setExpanded(false), children: drawerContent(!expanded) });
 };
-({
+
+// src/components/core/ToolbarAccount.tsx
+import AccountCircle from "@mui/icons-material/AccountCircle";
+import ArrowBack from "@mui/icons-material/ArrowBack";
+import Brightness4 from "@mui/icons-material/Brightness4";
+import ChevronRight from "@mui/icons-material/ChevronRight";
+import DarkMode from "@mui/icons-material/DarkMode";
+import LightMode from "@mui/icons-material/LightMode";
+import Login from "@mui/icons-material/Login";
+import Logout from "@mui/icons-material/Logout";
+import SettingsBrightness from "@mui/icons-material/SettingsBrightness";
+import Translate from "@mui/icons-material/Translate";
+import { Avatar as Avatar2, Box as Box8, IconButton as IconButton4, List as List4, ListItem as ListItem2, ListItemButton as ListItemButton5, ListItemIcon as ListItemIcon4, ListItemText as ListItemText4, ListSubheader as ListSubheader2, Menu as Menu2, Typography as Typography8, useColorScheme } from "@mui/material";
+import { Fragment as Fragment6, useState as useState9 } from "react";
+import { useTranslation as useTranslation5 } from "react-i18next";
+
+// src/auth-test/keycloak.ts
+import { useRouter } from "@tanstack/react-router";
+import Keycloak from "keycloak-js";
+var keycloakConfig = {
   url: import.meta.env.VITE_KEYCLOAK_URL,
   realm: import.meta.env.VITE_KEYCLOAK_REALM,
   clientId: import.meta.env.VITE_KEYCLOAK_CLIENT_ID,
   idpHint: import.meta.env.VITE_KEYCLOAK_IDP_HINT,
   confidentialClientId: import.meta.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_ID,
   confidentialClientSecret: import.meta.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_SECRET
-});
+};
 function useKeycloak() {
   const routerContext = useRouter();
   const keycloak = routerContext.options.context.keycloak;
   return keycloak;
 }
+
+// src/components/core/ToolbarAccount.tsx
+import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 var ToolbarAccount = () => {
-  const [anchorElement, setAnchorElement] = useState();
-  const [tab, setTab] = useState("settings");
+  const [anchorElement, setAnchorElement] = useState9();
+  const [tab, setTab] = useState9("settings");
   const open = Boolean(anchorElement);
-  const { t: t2, i18n: i18n2 } = useTranslation();
+  const { t: t2, i18n: i18n2 } = useTranslation5();
   const { mode, setMode } = useColorScheme();
   const changeLanguage = (newLanguage) => () => {
     i18n2.changeLanguage(newLanguage).finally(() => closeMenu());
@@ -2828,60 +3033,60 @@ var ToolbarAccount = () => {
     setTimeout(() => setTab("settings"), 300);
   };
   const changeTab = (newTab) => () => setTab(newTab);
-  const settings = /* @__PURE__ */ jsxs(List, { component: "nav", subheader: /* @__PURE__ */ jsx(ListSubheader, { sx: { backgroundColor: "transparent" }, children: t2("Layout.Settings") }), children: [
-    /* @__PURE__ */ jsxs(ListItemButton, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
-      /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Brightness4, {}) }),
-      /* @__PURE__ */ jsx(ListItemText, { primary: t2("Layout.Appearance"), secondary: getModeText() }),
-      /* @__PURE__ */ jsx(ChevronRight, {})
+  const settings = /* @__PURE__ */ jsxs14(List4, { component: "nav", subheader: /* @__PURE__ */ jsx26(ListSubheader2, { sx: { backgroundColor: "transparent" }, children: t2("Layout.Settings") }), children: [
+    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(Brightness4, {}) }),
+      /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.Appearance"), secondary: getModeText() }),
+      /* @__PURE__ */ jsx26(ChevronRight, {})
     ] }),
-    /* @__PURE__ */ jsxs(ListItemButton, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
-      /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Translate, {}) }),
-      /* @__PURE__ */ jsx(ListItemText, { primary: t2("Layout.Language"), secondary: i18n2.resolvedLanguage === "en" ? "English" : "\u010Ce\u0161tina" }),
-      /* @__PURE__ */ jsx(ChevronRight, {})
+    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(Translate, {}) }),
+      /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.Language"), secondary: i18n2.resolvedLanguage === "en" ? "English" : "\u010Ce\u0161tina" }),
+      /* @__PURE__ */ jsx26(ChevronRight, {})
     ] })
   ] });
-  const theme = /* @__PURE__ */ jsxs(List, { subheader: /* @__PURE__ */ jsxs(ListSubheader, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
-    /* @__PURE__ */ jsx(IconButton, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx(ArrowBack, { fontSize: "small" }) }),
+  const theme = /* @__PURE__ */ jsxs14(List4, { subheader: /* @__PURE__ */ jsxs14(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+    /* @__PURE__ */ jsx26(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx26(ArrowBack, { fontSize: "small" }) }),
     " ",
     t2("Layout.Appearance")
   ] }), children: [
-    /* @__PURE__ */ jsxs(ListItemButton, { onClick: changeMode("light"), disabled: mode === "light", children: [
-      /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(LightMode, {}) }),
-      /* @__PURE__ */ jsx(ListItemText, { primary: t2("Layout.Light") })
+    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeMode("light"), disabled: mode === "light", children: [
+      /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(LightMode, {}) }),
+      /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.Light") })
     ] }),
-    /* @__PURE__ */ jsxs(ListItemButton, { onClick: changeMode("dark"), disabled: mode === "dark", children: [
-      /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(DarkMode, {}) }),
-      /* @__PURE__ */ jsx(ListItemText, { primary: t2("Layout.Dark") })
+    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeMode("dark"), disabled: mode === "dark", children: [
+      /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(DarkMode, {}) }),
+      /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.Dark") })
     ] }),
-    /* @__PURE__ */ jsxs(ListItemButton, { onClick: changeMode("system"), disabled: mode === "system", children: [
-      /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(SettingsBrightness, {}) }),
-      /* @__PURE__ */ jsx(ListItemText, { primary: t2("Layout.System") })
+    /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: changeMode("system"), disabled: mode === "system", children: [
+      /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(SettingsBrightness, {}) }),
+      /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.System") })
     ] })
   ] });
-  const language = /* @__PURE__ */ jsxs(List, { subheader: /* @__PURE__ */ jsxs(ListSubheader, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
-    /* @__PURE__ */ jsx(IconButton, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx(ArrowBack, { fontSize: "small" }) }),
+  const language = /* @__PURE__ */ jsxs14(List4, { subheader: /* @__PURE__ */ jsxs14(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+    /* @__PURE__ */ jsx26(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx26(ArrowBack, { fontSize: "small" }) }),
     " ",
     t2("Layout.Language")
   ] }), children: [
-    /* @__PURE__ */ jsx(ListItemButton, { onClick: changeLanguage("en"), disabled: i18n2.resolvedLanguage === "en", children: /* @__PURE__ */ jsx(ListItemText, { primary: "English" }) }),
-    /* @__PURE__ */ jsx(ListItemButton, { onClick: changeLanguage("cs"), disabled: i18n2.resolvedLanguage === "cs", children: /* @__PURE__ */ jsx(ListItemText, { primary: "\u010Ce\u0161tina" }) })
+    /* @__PURE__ */ jsx26(ListItemButton5, { onClick: changeLanguage("en"), disabled: i18n2.resolvedLanguage === "en", children: /* @__PURE__ */ jsx26(ListItemText4, { primary: "English" }) }),
+    /* @__PURE__ */ jsx26(ListItemButton5, { onClick: changeLanguage("cs"), disabled: i18n2.resolvedLanguage === "cs", children: /* @__PURE__ */ jsx26(ListItemText4, { primary: "\u010Ce\u0161tina" }) })
   ] });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(IconButton, { size: "small", edge: "end", onClick: openMenu, children: user?.name ? /* @__PURE__ */ jsx(Avatar, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ jsx(AccountCircle, { fontSize: "large" }) }),
-    /* @__PURE__ */ jsx(Menu, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ jsxs(Box, { sx: { width: 240 }, children: [
-      /* @__PURE__ */ jsx(List, { children: user?.name ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(ListItemText, { primary: user.name, secondary: /* @__PURE__ */ jsxs("span", { children: [
-          /* @__PURE__ */ jsx("span", { children: user.employeeId }),
-          /* @__PURE__ */ jsx("br", {}),
-          /* @__PURE__ */ jsx("span", { children: user.department })
+  return /* @__PURE__ */ jsxs14(Fragment6, { children: [
+    /* @__PURE__ */ jsx26(IconButton4, { size: "small", edge: "end", onClick: openMenu, children: user?.name ? /* @__PURE__ */ jsx26(Avatar2, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsx26(Typography8, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ jsx26(AccountCircle, { fontSize: "large" }) }),
+    /* @__PURE__ */ jsx26(Menu2, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ jsxs14(Box8, { sx: { width: 240 }, children: [
+      /* @__PURE__ */ jsx26(List4, { children: user?.name ? /* @__PURE__ */ jsxs14(Fragment6, { children: [
+        /* @__PURE__ */ jsx26(ListItem2, { children: /* @__PURE__ */ jsx26(ListItemText4, { primary: user.name, secondary: /* @__PURE__ */ jsxs14("span", { children: [
+          /* @__PURE__ */ jsx26("span", { children: user.employeeId }),
+          /* @__PURE__ */ jsx26("br", {}),
+          /* @__PURE__ */ jsx26("span", { children: user.department })
         ] }) }) }),
-        /* @__PURE__ */ jsxs(ListItemButton, { onClick: () => keycloak.logout(), children: [
-          /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Logout, { color: "error" }) }),
-          /* @__PURE__ */ jsx(ListItemText, { primary: t2("Layout.Logout") })
+        /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: () => keycloak.logout(), children: [
+          /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(Logout, { color: "error" }) }),
+          /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.Logout") })
         ] })
-      ] }) : /* @__PURE__ */ jsxs(ListItemButton, { onClick: () => keycloak.login(), children: [
-        /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Login, { color: "success" }) }),
-        /* @__PURE__ */ jsx(ListItemText, { primary: t2("Layout.LogIn") })
+      ] }) : /* @__PURE__ */ jsxs14(ListItemButton5, { onClick: () => keycloak.login(), children: [
+        /* @__PURE__ */ jsx26(ListItemIcon4, { children: /* @__PURE__ */ jsx26(Login, { color: "success" }) }),
+        /* @__PURE__ */ jsx26(ListItemText4, { primary: t2("Layout.LogIn") })
       ] }) }),
       tab === "settings" && settings,
       tab === "theme" && theme,
@@ -2889,7 +3094,77 @@ var ToolbarAccount = () => {
     ] }) })
   ] });
 };
-var DrawerHeader = styled("div")(({ theme }) => ({
+
+// src/hooks/ThemeHook.ts
+import { createTheme, darken, lighten } from "@mui/material";
+import { grey as grey2 } from "@mui/material/colors";
+import { csCZ, enUS } from "@mui/material/locale";
+import { csCZ as dataGridCsCz, enUS as dataGridEnUs } from "@mui/x-data-grid-premium/locales";
+import { csCZ as datePickersCsCz, enUS as datePickersEnUs } from "@mui/x-date-pickers-pro/locales";
+import { useTranslation as useTranslation6 } from "react-i18next";
+var WISTRON_PRIMARY_COLOR = "#00506E";
+var WISTRON_SECONDARY_COLOR = "#64DC00";
+var useGetTheme = (theme) => {
+  const { i18n: i18n2 } = useTranslation6();
+  return createTheme(
+    {
+      cssVariables: {
+        colorSchemeSelector: "data-mui-color-scheme"
+      },
+      colorSchemes: {
+        light: {
+          palette: {
+            primary: { main: WISTRON_PRIMARY_COLOR },
+            secondary: { main: WISTRON_SECONDARY_COLOR }
+          }
+        },
+        dark: {
+          palette: {
+            primary: { main: lighten(WISTRON_PRIMARY_COLOR, 0.5) },
+            secondary: { main: darken(WISTRON_SECONDARY_COLOR, 0.5) }
+          }
+        },
+        ...theme?.colorSchemes
+      },
+      components: {
+        MuiCssBaseline: {
+          styleOverrides: (theme2) => {
+            return {
+              body: {
+                "&::-webkit-scrollbar, & *::-webkit-scrollbar": {
+                  width: "0.7em",
+                  height: "0.7em"
+                },
+                "&::-webkit-scrollbar-track, & *::-webkit-scrollbar-track": {
+                  backgroundColor: theme2.palette.mode === "dark" ? grey2[900] : grey2[200],
+                  borderRadius: "5px"
+                },
+                "&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb": {
+                  backgroundColor: theme2.palette.mode === "dark" ? grey2[800] : grey2[400],
+                  borderRadius: "10px"
+                },
+                "&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover": {
+                  backgroundColor: theme2.palette.mode === "dark" ? grey2[700] : grey2[500]
+                },
+                "&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner": {
+                  backgroundColor: "transparent"
+                }
+              }
+            };
+          }
+        },
+        ...theme?.components
+      }
+    },
+    i18n2.resolvedLanguage === "cs" ? datePickersCsCz : datePickersEnUs,
+    i18n2.resolvedLanguage === "cs" ? dataGridCsCz : dataGridEnUs,
+    i18n2.resolvedLanguage === "cs" ? csCZ : enUS
+  );
+};
+
+// src/components/core/Layout.tsx
+import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
+var DrawerHeader = styled2("div")(({ theme }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "flex-end",
@@ -2901,11 +3176,11 @@ var Layout = (props) => {
   const [navigationOpen, setNavigationOpen] = useLocalStorageState("navigationOpen", { defaultServerValue: false });
   const isFetching = !!useIsFetching();
   const isMutating = !!useIsMutating();
-  return /* @__PURE__ */ jsxs(ThemeProvider, { theme, children: [
-    /* @__PURE__ */ jsx(InitColorSchemeScript, {}),
-    /* @__PURE__ */ jsx(CssBaseline, {}),
-    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
-      /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs15(ThemeProvider, { theme, children: [
+    /* @__PURE__ */ jsx27(InitColorSchemeScript, {}),
+    /* @__PURE__ */ jsx27(CssBaseline, {}),
+    /* @__PURE__ */ jsxs15(Box9, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
+      /* @__PURE__ */ jsx27(
         AppBar,
         {
           color: "transparent",
@@ -2915,130 +3190,73 @@ var Layout = (props) => {
             borderColor: theme.vars?.palette.divider,
             boxShadow: "none"
           },
-          children: /* @__PURE__ */ jsxs(Toolbar, { children: [
-            props.navigation && /* @__PURE__ */ jsx(
-              IconButton,
+          children: /* @__PURE__ */ jsxs15(Toolbar, { children: [
+            props.navigation && /* @__PURE__ */ jsx27(
+              IconButton5,
               {
                 onClick: () => setNavigationOpen((previous) => !previous),
                 sx: { marginRight: 2 },
-                children: navigationOpen ? /* @__PURE__ */ jsx(MenuOpen, {}) : /* @__PURE__ */ jsx(Menu3, {})
+                children: navigationOpen ? /* @__PURE__ */ jsx27(MenuOpen, {}) : /* @__PURE__ */ jsx27(Menu3, {})
               }
             ),
-            /* @__PURE__ */ jsx(AppTitle, {}),
-            /* @__PURE__ */ jsx(ToolbarAccount, {})
+            /* @__PURE__ */ jsx27(AppTitle, {}),
+            /* @__PURE__ */ jsx27(ToolbarAccount, {})
           ] })
         }
       ),
-      props.navigation && /* @__PURE__ */ jsx(NavigationRail, { navigation: props.navigation, expanded: navigationOpen ?? false, setExpanded: setNavigationOpen }),
-      /* @__PURE__ */ jsxs(Box, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
-        /* @__PURE__ */ jsx(DrawerHeader, {}),
-        /* @__PURE__ */ jsx(Box, { sx: { flex: 1, overflow: "auto", position: "relative" }, children: props.children })
+      props.navigation && /* @__PURE__ */ jsx27(NavigationRail, { navigation: props.navigation, expanded: navigationOpen ?? false, setExpanded: setNavigationOpen }),
+      /* @__PURE__ */ jsxs15(Box9, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
+        /* @__PURE__ */ jsx27(DrawerHeader, {}),
+        /* @__PURE__ */ jsx27(Box9, { sx: { flex: 1, overflow: "auto", position: "relative" }, children: props.children })
       ] })
     ] }),
-    (isFetching || isMutating) && /* @__PURE__ */ jsx(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
+    (isFetching || isMutating) && /* @__PURE__ */ jsx27(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
   ] });
 };
-var LayoutContext = createContext(null);
-default2.use(HttpBackend).use(LanguageDetector).use(initReactI18next).init({
-  fallbackLng: "en",
-  interpolation: {
-    escapeValue: false
-  },
-  react: {
-    useSuspense: false
-  }
-});
-function DialogsProvider({ children, unmountAfter = 1e3 }) {
-  const [stack, setStack] = useState([]);
-  const keyPrefix = useId();
-  const nextId = useRef(0);
-  const dialogMetadata = useRef(/* @__PURE__ */ new WeakMap());
-  const requestDialog = useEventCallback_default(function open(Component7, payload, options = {}) {
-    const { onClose = async () => {
-    } } = options;
-    let resolve;
-    const promise = new Promise((resolveImpl) => {
-      resolve = resolveImpl;
-    });
-    const key = `${keyPrefix}-${nextId.current}`;
-    nextId.current += 1;
-    const newEntry = {
-      key,
-      open: true,
-      promise,
-      Component: Component7,
-      payload,
-      onClose,
-      resolve
-    };
-    dialogMetadata.current.set(promise, newEntry);
-    setStack((previousStack) => [...previousStack, newEntry]);
-    return promise;
-  });
-  const removeDialogFromStack = useCallback((dialog) => {
-    setStack((previousStack) => previousStack.filter((entry) => entry.promise !== dialog));
-    dialogMetadata.current.delete(dialog);
-  }, []);
-  const closeDialogUi = useEventCallback_default(function closeDialogUi2(dialog) {
-    setStack(
-      (previousStack) => previousStack.map((entry) => entry.promise === dialog ? { ...entry, open: false } : entry)
-    );
-    setTimeout(() => removeDialogFromStack(dialog), unmountAfter);
-  });
-  const closeDialog = useEventCallback_default(async function closeDialog2(dialog, result) {
-    const entryToClose = dialogMetadata.current.get(dialog);
-    if (!entryToClose) {
-      throw new Error("Dialog not found in stack");
-    }
-    try {
-      await entryToClose.onClose(result);
-    } finally {
-      entryToClose.resolve(result);
-      closeDialogUi(dialog);
-    }
-    return dialog;
-  });
-  const contextValue = useMemo(() => ({ open: requestDialog, close: closeDialog }), [requestDialog, closeDialog]);
-  return /* @__PURE__ */ jsxs(DialogsContext.Provider, { value: contextValue, children: [
-    children,
-    stack.map(({ key, open, Component: Component7, payload, promise }) => /* @__PURE__ */ jsx(
-      Component7,
-      {
-        payload,
-        open,
-        onClose: async (result) => {
-          await closeDialog(promise, result);
-        }
-      },
-      key
-    ))
-  ] });
-}
+
+// src/contexts/LayoutContext.ts
+import { createContext as createContext4, useContext as useContext4 } from "react";
+var LayoutContext = createContext4(null);
+
+// src/providers/LayoutProvider.tsx
+import { jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
 var LayoutProvider = (props) => {
-  const [user, setUser] = useState({ employeeId: "", name: "Unknown", department: "", company: "", category: "" });
-  const { t: t2 } = useTranslation();
+  const [user, setUser] = useState10({ employeeId: "", name: "Unknown", department: "", company: "", category: "" });
+  const { t: t2 } = useTranslation7();
   const navigation = props.getNavigation?.({ user, t: t2 });
-  useEffect(() => {
+  useEffect6(() => {
     z.config(default2.resolvedLanguage === "cs" ? cs() : en());
   }, []);
-  return /* @__PURE__ */ jsx(I18nextProvider, { i18n: default2, children: /* @__PURE__ */ jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: default2.resolvedLanguage, children: /* @__PURE__ */ jsx(LayoutContext.Provider, { value: { user: { get: user, set: setUser } }, children: /* @__PURE__ */ jsxs(Layout, { navigation, theme: props.theme, children: [
+  return /* @__PURE__ */ jsx28(I18nextProvider, { i18n: default2, children: /* @__PURE__ */ jsx28(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: default2.resolvedLanguage, children: /* @__PURE__ */ jsx28(LayoutContext.Provider, { value: { user: { get: user, set: setUser } }, children: /* @__PURE__ */ jsxs16(Layout, { navigation, theme: props.theme, children: [
     "\xA8",
-    /* @__PURE__ */ jsx(DialogsProvider, { children: props.children })
+    /* @__PURE__ */ jsx28(DialogsProvider, { children: props.children })
   ] }) }) }) });
 };
 
+// src/index.ts
+import { uuidv7 as uuidv72 } from "uuidv7";
+
+// src/hooks/FormHooks.ts
+import { createFormHook, createFormHookContexts } from "@tanstack/react-form";
+
+// src/components/form/FormAutocomplete.tsx
+import { Autocomplete, TextField } from "@mui/material";
+
 // src/utils/FormUtils.ts
 var getFieldStatus = (field) => {
   const { meta } = field.state;
   const isTouched = meta.isTouched;
-  const hasError = !!meta.errors?.length;
-  const helperText = meta.errors?.[0]?.message;
+  const hasError = !!meta.errors.length;
+  const helperText = meta.errors[0]?.message;
   return { isTouched, hasError, helperText };
 };
+
+// src/components/form/FormAutocomplete.tsx
+import { jsx as jsx29 } from "react/jsx-runtime";
 var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx29(
     Autocomplete,
     {
       value: field.state.value,
@@ -3047,7 +3265,7 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
       onBlur: field.handleBlur,
       "aria-label": field.name,
       ...autocompleteProps,
-      renderInput: (parameters) => /* @__PURE__ */ jsx(
+      renderInput: (parameters) => /* @__PURE__ */ jsx29(
         TextField,
         {
           ...parameters,
@@ -3060,14 +3278,18 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
     }
   );
 };
+
+// src/components/form/FormCheckbox.tsx
+import { Checkbox, FormControl, FormControlLabel, FormHelperText } from "@mui/material";
+import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
 var FormCheckbox = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs17(FormControl, { component: "fieldset", children: [
+    /* @__PURE__ */ jsx30(
       FormControlLabel,
       {
-        control: /* @__PURE__ */ jsx(
+        control: /* @__PURE__ */ jsx30(
           Checkbox,
           {
             name: field.name,
@@ -3081,17 +3303,22 @@ var FormCheckbox = (props) => {
         label: props.label ?? ""
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx(FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx30(FormHelperText, { error: hasError, children: helperText })
   ] });
 };
+
+// src/components/form/FormDatePicker.tsx
+import { DatePicker } from "@mui/x-date-pickers-pro";
+import dayjs2 from "dayjs";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var FormDatePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx31(
     DatePicker,
     {
       name: field.name,
-      value: field.state.value ? dayjs(field.state.value) : null,
+      value: field.state.value ? dayjs2(field.state.value) : null,
       onChange: (value) => field.handleChange(value ? value.format() : null),
       slotProps: {
         textField: {
@@ -3107,14 +3334,19 @@ var FormDatePicker = (props) => {
     }
   );
 };
+
+// src/components/form/FormDateTimePicker.tsx
+import { DateTimePicker } from "@mui/x-date-pickers-pro";
+import dayjs3 from "dayjs";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var FormDateTimePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx32(
     DateTimePicker,
     {
       name: field.name,
-      value: field.state.value ? dayjs(field.state.value) : null,
+      value: field.state.value ? dayjs3(field.state.value) : null,
       onChange: (value) => field.handleChange(value ? value.format() : null),
       slotProps: {
         textField: {
@@ -3130,13 +3362,18 @@ var FormDateTimePicker = (props) => {
     }
   );
 };
+
+// src/components/form/FormNumberField.tsx
+import { TextField as TextField2 } from "@mui/material";
+import { NumericFormat } from "react-number-format";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var FormNumberField = ({ options, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx33(
     NumericFormat,
     {
-      customInput: TextField,
+      customInput: TextField2,
       name: field.name,
       value: field.state.value ?? "",
       onValueChange: ({ floatValue }) => field.handleChange(floatValue),
@@ -3149,12 +3386,16 @@ var FormNumberField = ({ options, ...props }) => {
     }
   );
 };
+
+// src/components/form/FormRadioGroup.tsx
+import { FormControl as FormControl2, FormControlLabel as FormControlLabel2, FormHelperText as FormHelperText2, FormLabel, Radio, RadioGroup } from "@mui/material";
+import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
 var FormRadioGroup = ({ label, options, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", children: [
-    label && /* @__PURE__ */ jsx(FormLabel, { component: "legend", children: label }),
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs18(FormControl2, { component: "fieldset", children: [
+    label && /* @__PURE__ */ jsx34(FormLabel, { component: "legend", children: label }),
+    /* @__PURE__ */ jsx34(
       RadioGroup,
       {
         name: field.name,
@@ -3163,26 +3404,30 @@ var FormRadioGroup = ({ label, options, ...props }) => {
         onBlur: field.handleBlur,
         "aria-label": field.name,
         ...props,
-        children: options.map((option) => /* @__PURE__ */ jsx(
-          FormControlLabel,
+        children: options.map((option) => /* @__PURE__ */ jsx34(
+          FormControlLabel2,
           {
             value: option.value,
-            control: /* @__PURE__ */ jsx(Radio, {}),
+            control: /* @__PURE__ */ jsx34(Radio, {}),
             label: option.label
           },
           option.value
         ))
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx(FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx34(FormHelperText2, { error: hasError, children: helperText })
   ] });
 };
+
+// src/components/form/FormSlider.tsx
+import { FormControl as FormControl3, FormHelperText as FormHelperText3, FormLabel as FormLabel2, Slider } from "@mui/material";
+import { jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
 var FormSlider = ({ label, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", children: [
-    label && /* @__PURE__ */ jsx(FormLabel, { children: label }),
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs19(FormControl3, { component: "fieldset", children: [
+    label && /* @__PURE__ */ jsx35(FormLabel2, { children: label }),
+    /* @__PURE__ */ jsx35(
       Slider,
       {
         name: field.name,
@@ -3193,9 +3438,13 @@ var FormSlider = ({ label, ...props }) => {
         ...props
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx(FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx35(FormHelperText3, { error: hasError, children: helperText })
   ] });
 };
+
+// src/components/form/FormSubmitButton.tsx
+import { Button as Button3 } from "@mui/material";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var FormSubmitButton = (props) => {
   const form = useFormContext();
   const handleClick = (event) => {
@@ -3203,8 +3452,8 @@ var FormSubmitButton = (props) => {
     event.stopPropagation();
     form.handleSubmit();
   };
-  return /* @__PURE__ */ jsx(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ jsx(
-    Button,
+  return /* @__PURE__ */ jsx36(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ jsx36(
+    Button3,
     {
       loading: isSubmitting,
       disabled: !canSubmit,
@@ -3215,14 +3464,18 @@ var FormSubmitButton = (props) => {
     }
   ) });
 };
+
+// src/components/form/FormSwitch.tsx
+import { FormControl as FormControl4, FormControlLabel as FormControlLabel3, FormHelperText as FormHelperText4, Switch } from "@mui/material";
+import { jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
 var FormSwitch = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", children: [
-    /* @__PURE__ */ jsx(
-      FormControlLabel,
+  return /* @__PURE__ */ jsxs20(FormControl4, { component: "fieldset", children: [
+    /* @__PURE__ */ jsx37(
+      FormControlLabel3,
       {
-        control: /* @__PURE__ */ jsx(
+        control: /* @__PURE__ */ jsx37(
           Switch,
           {
             name: field.name,
@@ -3236,14 +3489,18 @@ var FormSwitch = (props) => {
         label: props.label ?? ""
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx(FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx37(FormHelperText4, { error: hasError, children: helperText })
   ] });
 };
+
+// src/components/form/FormTextField.tsx
+import { TextField as TextField3 } from "@mui/material";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var FormTextField = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx(
-    TextField,
+  return /* @__PURE__ */ jsx38(
+    TextField3,
     {
       name: field.name,
       value: field.state.value ?? "",
@@ -3277,6 +3534,50 @@ var { useAppForm: useLayoutForm, withForm: withLayoutForm } = createFormHook({
   fieldContext,
   formContext
 });
+
+// src/index.ts
+import { default as default3 } from "use-local-storage-state";
+import { useTranslation as useTranslation8 } from "react-i18next";
+import { t } from "i18next";
+export {
+  ChipInputCell,
+  Dropzone,
+  EditableColumnHeader,
+  FileViewer,
+  LayoutProvider,
+  PageHeader,
+  Platform,
+  RouterButton,
+  RouterError,
+  RouterGridActionsCellItem,
+  RouterIconButton,
+  RouterLink,
+  RouterListItemButton,
+  RouterNotFound,
+  RouterTab,
+  TableContainer,
+  TypographyWithIcon,
+  rootRouteHead,
+  t,
+  useDeleteFile,
+  useDeleteFiles,
+  useDialogs,
+  useDownloadFile,
+  useFieldContext,
+  useFormContext,
+  useGetFile,
+  useGetFileMetas,
+  useGetFileThumbnail,
+  useLayoutForm,
+  default3 as useLocalStorageState,
+  useOpenFile,
+  useTranslation8 as useTranslation,
+  useUpdateFileMeta,
+  useUploadFile,
+  uuidv72 as uuidv7,
+  wczApiClient,
+  withLayoutForm
+};
 /*! Bundled license information:
 
 react-is/cjs/react-is.production.min.js:
@@ -3306,7 +3607,4 @@ object-assign/index.js:
   @license MIT
   *)
 */
-
-export { ChipInputCell, Dropzone, EditableColumnHeader, FileViewer, LayoutProvider, PageHeader, Platform, RouterButton, RouterError, RouterGridActionsCellItem, RouterIconButton, RouterLink, RouterListItemButton, RouterNotFound, RouterTab, TableContainer, TypographyWithIcon, rootRouteHead, useDeleteFile, useDeleteFiles, useDialogs, useDownloadFile, useFieldContext, useFormContext, useGetFile, useGetFileMetas, useGetFileThumbnail, useLayoutForm, useOpenFile, useUpdateFileMeta, useUploadFile, wczApiClient, withLayoutForm };
-//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map