wcz-test 4.0.0 → 4.1.0

package/dist/{index.cjs → index.js}

@@ -1,4 +1,3 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -8,10 +7,6 @@ var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -28,11 +23,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), 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"(exports2) {
+  "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;
@@ -86,66 +80,66 @@ var require_react_is_production_min = __commonJS({
     function A(a) {
       return z2(a) === m;
     }
-    exports2.AsyncMode = l;
-    exports2.ConcurrentMode = m;
-    exports2.ContextConsumer = k;
-    exports2.ContextProvider = h;
-    exports2.Element = c;
-    exports2.ForwardRef = n;
-    exports2.Fragment = e;
-    exports2.Lazy = t2;
-    exports2.Memo = r;
-    exports2.Portal = d;
-    exports2.Profiler = g;
-    exports2.StrictMode = f;
-    exports2.Suspense = p;
-    exports2.isAsyncMode = function(a) {
+    exports.AsyncMode = l;
+    exports.ConcurrentMode = m;
+    exports.ContextConsumer = k;
+    exports.ContextProvider = h;
+    exports.Element = c;
+    exports.ForwardRef = n;
+    exports.Fragment = e;
+    exports.Lazy = t2;
+    exports.Memo = r;
+    exports.Portal = d;
+    exports.Profiler = g;
+    exports.StrictMode = f;
+    exports.Suspense = p;
+    exports.isAsyncMode = function(a) {
       return A(a) || z2(a) === l;
     };
-    exports2.isConcurrentMode = A;
-    exports2.isContextConsumer = function(a) {
+    exports.isConcurrentMode = A;
+    exports.isContextConsumer = function(a) {
       return z2(a) === k;
     };
-    exports2.isContextProvider = function(a) {
+    exports.isContextProvider = function(a) {
       return z2(a) === h;
     };
-    exports2.isElement = function(a) {
+    exports.isElement = function(a) {
       return "object" === typeof a && null !== a && a.$$typeof === c;
     };
-    exports2.isForwardRef = function(a) {
+    exports.isForwardRef = function(a) {
       return z2(a) === n;
     };
-    exports2.isFragment = function(a) {
+    exports.isFragment = function(a) {
       return z2(a) === e;
     };
-    exports2.isLazy = function(a) {
+    exports.isLazy = function(a) {
       return z2(a) === t2;
     };
-    exports2.isMemo = function(a) {
+    exports.isMemo = function(a) {
       return z2(a) === r;
     };
-    exports2.isPortal = function(a) {
+    exports.isPortal = function(a) {
       return z2(a) === d;
     };
-    exports2.isProfiler = function(a) {
+    exports.isProfiler = function(a) {
       return z2(a) === g;
     };
-    exports2.isStrictMode = function(a) {
+    exports.isStrictMode = function(a) {
       return z2(a) === f;
     };
-    exports2.isSuspense = function(a) {
+    exports.isSuspense = function(a) {
       return z2(a) === p;
     };
-    exports2.isValidElementType = function(a) {
+    exports.isValidElementType = function(a) {
       return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t2 || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
     };
-    exports2.typeOf = z2;
+    exports.typeOf = z2;
   }
 });
 
 // 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"(exports2) {
+  "node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js"(exports) {
     "use strict";
     if (process.env.NODE_ENV !== "production") {
       (function() {
@@ -265,34 +259,34 @@ var require_react_is_development = __commonJS({
         function isSuspense(object) {
           return typeOf(object) === REACT_SUSPENSE_TYPE;
         }
-        exports2.AsyncMode = AsyncMode;
-        exports2.ConcurrentMode = ConcurrentMode;
-        exports2.ContextConsumer = ContextConsumer;
-        exports2.ContextProvider = ContextProvider;
-        exports2.Element = Element;
-        exports2.ForwardRef = ForwardRef;
-        exports2.Fragment = Fragment7;
-        exports2.Lazy = Lazy;
-        exports2.Memo = Memo;
-        exports2.Portal = Portal;
-        exports2.Profiler = Profiler;
-        exports2.StrictMode = StrictMode;
-        exports2.Suspense = Suspense;
-        exports2.isAsyncMode = isAsyncMode;
-        exports2.isConcurrentMode = isConcurrentMode;
-        exports2.isContextConsumer = isContextConsumer;
-        exports2.isContextProvider = isContextProvider;
-        exports2.isElement = isElement;
-        exports2.isForwardRef = isForwardRef;
-        exports2.isFragment = isFragment;
-        exports2.isLazy = isLazy;
-        exports2.isMemo = isMemo;
-        exports2.isPortal = isPortal;
-        exports2.isProfiler = isProfiler;
-        exports2.isStrictMode = isStrictMode;
-        exports2.isSuspense = isSuspense;
-        exports2.isValidElementType = isValidElementType;
-        exports2.typeOf = typeOf;
+        exports.AsyncMode = AsyncMode;
+        exports.ConcurrentMode = ConcurrentMode;
+        exports.ContextConsumer = ContextConsumer;
+        exports.ContextProvider = ContextProvider;
+        exports.Element = Element;
+        exports.ForwardRef = ForwardRef;
+        exports.Fragment = Fragment7;
+        exports.Lazy = Lazy;
+        exports.Memo = Memo;
+        exports.Portal = Portal;
+        exports.Profiler = Profiler;
+        exports.StrictMode = StrictMode;
+        exports.Suspense = Suspense;
+        exports.isAsyncMode = isAsyncMode;
+        exports.isConcurrentMode = isConcurrentMode;
+        exports.isContextConsumer = isContextConsumer;
+        exports.isContextProvider = isContextProvider;
+        exports.isElement = isElement;
+        exports.isForwardRef = isForwardRef;
+        exports.isFragment = isFragment;
+        exports.isLazy = isLazy;
+        exports.isMemo = isMemo;
+        exports.isPortal = isPortal;
+        exports.isProfiler = isProfiler;
+        exports.isStrictMode = isStrictMode;
+        exports.isSuspense = isSuspense;
+        exports.isValidElementType = isValidElementType;
+        exports.typeOf = typeOf;
       })();
     }
   }
@@ -300,19 +294,19 @@ 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"(exports2, module2) {
+  "node_modules/prop-types/node_modules/react-is/index.js"(exports, module) {
     "use strict";
     if (process.env.NODE_ENV === "production") {
-      module2.exports = require_react_is_production_min();
+      module.exports = require_react_is_production_min();
     } else {
-      module2.exports = require_react_is_development();
+      module.exports = require_react_is_development();
     }
   }
 });
 
 // node_modules/object-assign/index.js
 var require_object_assign = __commonJS({
-  "node_modules/object-assign/index.js"(exports2, module2) {
+  "node_modules/object-assign/index.js"(exports, module) {
     "use strict";
     var getOwnPropertySymbols = Object.getOwnPropertySymbols;
     var hasOwnProperty = Object.prototype.hasOwnProperty;
@@ -355,7 +349,7 @@ var require_object_assign = __commonJS({
         return false;
       }
     }
-    module2.exports = shouldUseNative() ? Object.assign : function(target, source) {
+    module.exports = shouldUseNative() ? Object.assign : function(target, source) {
       var from;
       var to = toObject(target);
       var symbols;
@@ -382,24 +376,24 @@ var require_object_assign = __commonJS({
 
 // node_modules/prop-types/lib/ReactPropTypesSecret.js
 var require_ReactPropTypesSecret = __commonJS({
-  "node_modules/prop-types/lib/ReactPropTypesSecret.js"(exports2, module2) {
+  "node_modules/prop-types/lib/ReactPropTypesSecret.js"(exports, module) {
     "use strict";
     var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-    module2.exports = ReactPropTypesSecret;
+    module.exports = ReactPropTypesSecret;
   }
 });
 
 // node_modules/prop-types/lib/has.js
 var require_has = __commonJS({
-  "node_modules/prop-types/lib/has.js"(exports2, module2) {
+  "node_modules/prop-types/lib/has.js"(exports, module) {
     "use strict";
-    module2.exports = Function.call.bind(Object.prototype.hasOwnProperty);
+    module.exports = Function.call.bind(Object.prototype.hasOwnProperty);
   }
 });
 
 // node_modules/prop-types/checkPropTypes.js
 var require_checkPropTypes = __commonJS({
-  "node_modules/prop-types/checkPropTypes.js"(exports2, module2) {
+  "node_modules/prop-types/checkPropTypes.js"(exports, module) {
     "use strict";
     var printWarning = function() {
     };
@@ -459,13 +453,13 @@ var require_checkPropTypes = __commonJS({
         loggedTypeFailures = {};
       }
     };
-    module2.exports = checkPropTypes;
+    module.exports = checkPropTypes;
   }
 });
 
 // node_modules/prop-types/factoryWithTypeCheckers.js
 var require_factoryWithTypeCheckers = __commonJS({
-  "node_modules/prop-types/factoryWithTypeCheckers.js"(exports2, module2) {
+  "node_modules/prop-types/factoryWithTypeCheckers.js"(exports, module) {
     "use strict";
     var ReactIs = require_react_is();
     var assign = require_object_assign();
@@ -489,7 +483,7 @@ var require_factoryWithTypeCheckers = __commonJS({
     function emptyFunctionThatReturnsNull() {
       return null;
     }
-    module2.exports = function(isValidElement, throwOnDirectAccess) {
+    module.exports = function(isValidElement, throwOnDirectAccess) {
       var ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
       var FAUX_ITERATOR_SYMBOL = "@@iterator";
       function getIteratorFn(maybeIterable) {
@@ -908,7 +902,7 @@ var require_factoryWithTypeCheckers = __commonJS({
 
 // node_modules/prop-types/factoryWithThrowingShims.js
 var require_factoryWithThrowingShims = __commonJS({
-  "node_modules/prop-types/factoryWithThrowingShims.js"(exports2, module2) {
+  "node_modules/prop-types/factoryWithThrowingShims.js"(exports, module) {
     "use strict";
     var ReactPropTypesSecret = require_ReactPropTypesSecret();
     function emptyFunction() {
@@ -916,7 +910,7 @@ var require_factoryWithThrowingShims = __commonJS({
     function emptyFunctionWithReset() {
     }
     emptyFunctionWithReset.resetWarningCache = emptyFunction;
-    module2.exports = function() {
+    module.exports = function() {
       function shim(props, propName, componentName, location, propFullName, secret) {
         if (secret === ReactPropTypesSecret) {
           return;
@@ -964,66 +958,23 @@ var require_factoryWithThrowingShims = __commonJS({
 
 // node_modules/prop-types/index.js
 var require_prop_types = __commonJS({
-  "node_modules/prop-types/index.js"(exports2, module2) {
+  "node_modules/prop-types/index.js"(exports, module) {
     "use strict";
     if (process.env.NODE_ENV !== "production") {
       ReactIs = require_react_is();
       throwOnDirectAccess = true;
-      module2.exports = require_factoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
+      module.exports = require_factoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
     } else {
-      module2.exports = require_factoryWithThrowingShims()();
+      module.exports = require_factoryWithThrowingShims()();
     }
     var ReactIs;
     var throwOnDirectAccess;
   }
 });
 
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  ChipInputCell: () => ChipInputCell,
-  Dropzone: () => Dropzone,
-  EditableColumnHeader: () => EditableColumnHeader,
-  FileViewer: () => FileViewer,
-  LayoutProvider: () => LayoutProvider,
-  PageHeader: () => PageHeader,
-  Platform: () => Platform,
-  RouterButton: () => RouterButton,
-  RouterError: () => RouterError,
-  RouterGridActionsCellItem: () => RouterGridActionsCellItem,
-  RouterIconButton: () => RouterIconButton,
-  RouterLink: () => RouterLink,
-  RouterListItemButton: () => RouterListItemButton,
-  RouterNotFound: () => RouterNotFound,
-  RouterTab: () => RouterTab,
-  TableContainer: () => TableContainer,
-  TypographyWithIcon: () => TypographyWithIcon,
-  rootRouteHead: () => rootRouteHead,
-  t: () => import_i18next3.t,
-  useDeleteFile: () => useDeleteFile,
-  useDeleteFiles: () => useDeleteFiles,
-  useDialogs: () => useDialogs,
-  useDownloadFile: () => useDownloadFile,
-  useFieldContext: () => useFieldContext,
-  useFormContext: () => useFormContext,
-  useGetFile: () => useGetFile,
-  useGetFileMetas: () => useGetFileMetas,
-  useGetFileThumbnail: () => useGetFileThumbnail,
-  useLayoutForm: () => useLayoutForm,
-  useLocalStorageState: () => import_use_local_storage_state2.default,
-  useOpenFile: () => useOpenFile,
-  useTranslation: () => import_react_i18next9.useTranslation,
-  useUpdateFileMeta: () => useUpdateFileMeta,
-  useUploadFile: () => useUploadFile,
-  uuidv7: () => import_uuidv72.uuidv7,
-  wczApiClient: () => wczApiClient,
-  withLayoutForm: () => withLayoutForm
-});
-module.exports = __toCommonJS(index_exports);
-
 // src/components/core/TypographyWithIcon.tsx
-var import_material = require("@mui/material");
-var import_jsx_runtime = require("react/jsx-runtime");
+import { Stack, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
 var stackSxProps = [
   "margin",
   "marginTop",
@@ -1082,28 +1033,28 @@ var TypographyWithIcon = ({ startIcon, endIcon, children, sx, gutterBottom, ...p
       }
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Stack, { direction: "row", alignItems: "center", gap: 1, sx: stackStyles, mb: gutterBottom ? 0.7 : void 0, children: [
+  return /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", gap: 1, sx: stackStyles, mb: gutterBottom ? 0.7 : void 0, children: [
     startIcon,
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { ...props, sx: sxCopy, children }),
+    /* @__PURE__ */ jsx(Typography, { ...props, sx: sxCopy, children }),
     endIcon
   ] });
 };
 
 // src/components/core/PageHeader.tsx
-var import_material2 = require("@mui/material");
-var import_jsx_runtime2 = require("react/jsx-runtime");
+import { CardHeader, Typography as Typography2 } from "@mui/material";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var PageHeader = ({ title, action, sx }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.CardHeader, { title: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.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
-var import_material3 = require("@mui/material");
-var import_react = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+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 = (0, import_react.useRef)(null);
-  const [height, setHeight] = (0, import_react.useState)();
-  (0, import_react.useEffect)(() => {
+  const reference = useRef(null);
+  const [height, setHeight] = useState();
+  useEffect(() => {
     const element = reference.current;
     if (!element) return;
     const recompute = () => {
@@ -1123,8 +1074,8 @@ var TableContainer = ({ children, sx, ...props }) => {
       ro.disconnect();
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_material3.Box,
+  return /* @__PURE__ */ jsx3(
+    Box,
     {
       ref: reference,
       sx: {
@@ -1136,7 +1087,7 @@ var TableContainer = ({ children, sx, ...props }) => {
       },
       height,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Box, { sx: (theme) => ({
+      children: /* @__PURE__ */ jsx3(Box, { sx: (theme) => ({
         flex: 1,
         minHeight: 0,
         height: "100%",
@@ -1164,11 +1115,11 @@ var TableContainer = ({ children, sx, ...props }) => {
 };
 
 // src/components/file/Dropzone.tsx
-var import_CloudUpload = __toESM(require("@mui/icons-material/CloudUpload"), 1);
-var import_material4 = require("@mui/material");
-var import_react_dropzone = require("react-dropzone");
-var import_react_i18next = require("react-i18next");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+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",
@@ -1183,63 +1134,142 @@ var baseStyle = {
   cursor: "pointer"
 };
 var Dropzone = ({ sx, ...props }) => {
-  const { getRootProps, getInputProps, isFocused, isDragAccept, isDragReject } = (0, import_react_dropzone.useDropzone)(props);
-  const { t: t2 } = (0, import_react_i18next.useTranslation)();
-  const theme = (0, import_material4.useTheme)();
+  const { getRootProps, getInputProps, isFocused, isDragAccept, isDragReject } = useDropzone(props);
+  const { t: t2 } = useTranslation();
+  const theme = useTheme();
   const style = {
     ...baseStyle,
     ...isFocused ? { borderColor: theme.palette.primary.main } : {},
     ...isDragAccept ? { borderColor: theme.palette.success.main } : {},
     ...isDragReject ? { borderColor: theme.palette.error.main } : {}
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_material4.Paper, { variant: "outlined", ...getRootProps({ style }), sx, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { ...getInputProps(), style: { display: "none" } }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_CloudUpload.default, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material4.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
-var import_react9 = require("react");
+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
-var import_react2 = require("react");
-var FileContext = (0, import_react2.createContext)(null);
+import { createContext, useContext } from "react";
+var FileContext = createContext(null);
 var useFile = () => {
-  const context = (0, import_react2.useContext)(FileContext);
+  const context = useContext(FileContext);
   if (!context) {
     throw new Error("FileViewer components must be used within FileViewer");
   }
   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
-var import_react_query = require("@tanstack/react-query");
-var import_file_saver = __toESM(require("file-saver"), 1);
-var import_react3 = require("react");
-var import_tus_js_client = require("tus-js-client");
-var import_uuidv7 = require("uuidv7");
+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
-var import_material5 = require("@mui/material");
-var import_react_router = require("@tanstack/react-router");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var import_meta = {};
+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__ */ (0, import_jsx_runtime5.jsxs)(import_material5.Stack, { direction: "row", alignItems: "center", spacing: 2, flexGrow: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: "/favicon-32x32.png", alt: "app-logo", loading: "lazy" }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material5.Typography, { variant: "h6", children: title }),
-    import_meta.env.DEV && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material5.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 = (0, import_react_router.useRouterState)({ select: (s) => s.matches[0] });
+  const rootRouterState = useRouterState({ select: (s) => s.matches[0] });
   return rootRouterState.meta?.find((meta) => meta?.title)?.title;
 };
 
 // src/utils/ClientUtils.ts
-var import_axios = __toESM(require("axios"), 1);
+import axios from "axios";
 var Platform = class {
   static get isAndroid() {
     return /android/i.test(this.userAgent);
@@ -1274,16 +1304,15 @@ var rootRouteHead = ({ title }) => () => ({
     { rel: "icon", href: "/favicon.ico" }
   ]
 });
-var wczApiClient = import_axios.default.create();
+var wczApiClient = axios.create();
 
 // src/hooks/FileHooks.ts
-var import_meta2 = {};
-var BASE_URL = import_meta2.env.VITE_FILE_API_BASE_URL;
+var BASE_URL = import.meta.env.VITE_FILE_API_BASE_URL;
 var QUERY_KEY = "Files";
 var HOUR = 1e3 * 60 * 60;
 var useGetFileMetas = (subId, options) => {
   const appTitle = useAppTitle();
-  return (0, import_react_query.useQuery)({
+  return useQuery({
     ...options,
     queryKey: [QUERY_KEY, "meta", subId, appTitle],
     queryFn: ({ signal }) => wczApiClient.request({
@@ -1298,7 +1327,7 @@ var useGetFileMetas = (subId, options) => {
 };
 var useGetFileThumbnail = (meta, options) => {
   const appTitle = useAppTitle();
-  return (0, import_react_query.useQuery)({
+  return useQuery({
     ...options,
     queryKey: [QUERY_KEY, "thumbnail", meta?.id, appTitle],
     queryFn: ({ signal }) => wczApiClient.request({
@@ -1316,7 +1345,7 @@ var useGetFileThumbnail = (meta, options) => {
 };
 var useGetFile = (meta, options) => {
   const appTitle = useAppTitle();
-  return (0, import_react_query.useQuery)({
+  return useQuery({
     ...options,
     queryKey: [QUERY_KEY, meta?.id, appTitle],
     queryFn: ({ signal }) => wczApiClient.request({
@@ -1334,19 +1363,19 @@ var useGetFile = (meta, options) => {
 };
 var useDownloadFile = (options) => {
   const appTitle = useAppTitle();
-  return (0, import_react_query.useMutation)({
+  return useMutation({
     ...options,
     mutationFn: (meta) => wczApiClient.request({
       url: `${BASE_URL}/v1/download?appName=${appTitle}&id=${meta.id}`,
       method: "GET",
       responseType: "blob"
     }),
-    onSuccess: (data, variables) => (0, import_file_saver.default)(data, `${variables.fileName}.${variables.fileExtension}`)
+    onSuccess: (data, variables) => saveAs(data, `${variables.fileName}.${variables.fileExtension}`)
   });
 };
 var useOpenFile = (options) => {
   const appTitle = useAppTitle();
-  return (0, import_react_query.useMutation)({
+  return useMutation({
     ...options,
     mutationFn: (meta) => wczApiClient.request({
       url: `${BASE_URL}/v1?appName=${appTitle}&id=${meta.id}`,
@@ -1360,8 +1389,8 @@ var useOpenFile = (options) => {
 };
 var useUpdateFileMeta = (options) => {
   const appTitle = useAppTitle();
-  const queryClient = (0, import_react_query.useQueryClient)();
-  return (0, import_react_query.useMutation)({
+  const queryClient = useQueryClient();
+  return useMutation({
     ...options,
     mutationFn: (meta) => wczApiClient.request({
       url: `${BASE_URL}/v1/meta?appName=${appTitle}&id=${meta.id}`,
@@ -1373,8 +1402,8 @@ var useUpdateFileMeta = (options) => {
 };
 var useDeleteFile = (options) => {
   const appTitle = useAppTitle();
-  const queryClient = (0, import_react_query.useQueryClient)();
-  return (0, import_react_query.useMutation)({
+  const queryClient = useQueryClient();
+  return useMutation({
     ...options,
     mutationFn: (meta) => wczApiClient.request({
       url: `${BASE_URL}/v1?appName=${appTitle}&id=${meta.id}`,
@@ -1385,8 +1414,8 @@ var useDeleteFile = (options) => {
 };
 var useDeleteFiles = (options) => {
   const appTitle = useAppTitle();
-  const queryClient = (0, import_react_query.useQueryClient)();
-  return (0, import_react_query.useMutation)({
+  const queryClient = useQueryClient();
+  return useMutation({
     ...options,
     mutationFn: (subId) => wczApiClient.request({
       url: `${BASE_URL}/v1?appName=${appTitle}&subId=${subId}`,
@@ -1397,18 +1426,18 @@ var useDeleteFiles = (options) => {
 };
 var useUploadFile = ({ subId, onSuccess, onError }) => {
   const appTitle = useAppTitle();
-  const [progress, setProgress] = (0, import_react3.useState)(0);
-  const queryClient = (0, import_react_query.useQueryClient)();
+  const [progress, setProgress] = useState2(0);
+  const queryClient = useQueryClient();
   const mutate = async (file) => {
     if (!subId) throw new Error("subId is required for file upload");
     if (!appTitle) throw new Error("appTitle is required for file upload");
     const metadata = {
-      id: (0, import_uuidv7.uuidv7)(),
+      id: uuidv7(),
       appName: appTitle,
       subId,
       fileName: file.name
     };
-    const upload = new import_tus_js_client.Upload(file, {
+    const upload = new TusUpload(file, {
       endpoint: `${BASE_URL}/v1/upload`,
       chunkSize: 1048576,
       // 1 MB
@@ -1419,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);
@@ -1442,90 +1471,10 @@ var useUploadFile = ({ subId, onSuccess, onError }) => {
   return { mutate, progress };
 };
 
-// src/components/file/fileViewer/FileViewerGrid.tsx
-var import_MoreVert = __toESM(require("@mui/icons-material/MoreVert"), 1);
-var import_material7 = require("@mui/material");
-var import_colors = require("@mui/material/colors");
-var import_react6 = require("react");
-
-// src/components/file/fileViewer/common/ActionsMenu.tsx
-var import_Delete = __toESM(require("@mui/icons-material/Delete"), 1);
-var import_FileDownload = __toESM(require("@mui/icons-material/FileDownload"), 1);
-var import_material6 = require("@mui/material");
-var import_react_i18next3 = require("react-i18next");
-
-// src/hooks/DialogsHooks.tsx
-var import_Button = __toESM(require("@mui/material/Button"), 1);
-var import_Dialog = __toESM(require("@mui/material/Dialog"), 1);
-var import_DialogActions = __toESM(require("@mui/material/DialogActions"), 1);
-var import_DialogContent = __toESM(require("@mui/material/DialogContent"), 1);
-var import_DialogTitle = __toESM(require("@mui/material/DialogTitle"), 1);
-
-// node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js
-var React2 = __toESM(require("react"), 1);
-
-// node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js
-var React = __toESM(require("react"), 1);
-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
-var import_react5 = require("react");
-var import_react_i18next2 = require("react-i18next");
-
-// src/contexts/DialogsContext.ts
-var import_react4 = require("react");
-var DialogsContext = (0, import_react4.createContext)({});
-
-// src/hooks/DialogsHooks.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function AlertDialog({ open, payload, onClose }) {
-  const { t: t2 } = (0, import_react_i18next2.useTranslation)();
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_Dialog.default, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_DialogTitle.default, { children: payload.title ?? t2("Layout.Dialog.Alert") }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_DialogContent.default, { children: payload.message }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_DialogActions.default, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Button.default, { disabled: !open, onClick: () => onClose(), children: t2("Layout.Dialog.Confirm") }) })
-  ] });
-}
-function ConfirmDialog({ open, payload, onClose }) {
-  const { t: t2 } = (0, import_react_i18next2.useTranslation)();
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_Dialog.default, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(false), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_DialogTitle.default, { children: payload.title ?? t2("Layout.Dialog.Confirm") }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_DialogContent.default, { children: payload.message }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_DialogActions.default, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Button.default, { autoFocus: true, disabled: !open, onClick: () => onClose(false), children: payload.cancelText ?? t2("Layout.Dialog.Cancel") }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Button.default, { disabled: !open, onClick: () => onClose(true), children: t2("Layout.Dialog.Confirm") })
-    ] })
-  ] });
-}
-function useDialogs() {
-  const { open, close } = (0, import_react5.useContext)(DialogsContext);
-  const alert = useEventCallback_default(
-    (message, { ...options } = {}) => open(AlertDialog, { ...options, message })
-  );
-  const confirm = useEventCallback_default(
-    (message, { ...options } = {}) => open(ConfirmDialog, { ...options, message })
-  );
-  return (0, import_react5.useMemo)(() => ({ alert, confirm, open, close }), [alert, close, confirm, open]);
-}
-
 // src/components/file/fileViewer/common/ActionsMenu.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var ActionsMenu = ({ meta, menu, setMenu }) => {
-  const { t: t2 } = (0, import_react_i18next3.useTranslation)();
+  const { t: t2 } = useTranslation3();
   const { fileMetas, onDelete, actions } = useFile();
   const { confirm } = useDialogs();
   const handleMenuClose = () => {
@@ -1547,22 +1496,22 @@ var ActionsMenu = ({ meta, menu, setMenu }) => {
       onDelete({ remainingFileMetas, deletedFileMeta: meta });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    import_material6.Menu,
+  return /* @__PURE__ */ jsx7(
+    Menu,
     {
       open: menu !== null,
       onClose: handleMenuClose,
       anchorReference: "anchorPosition",
       variant: "menu",
       anchorPosition: menu === null ? void 0 : { top: menu.mouseY, left: menu.mouseX },
-      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.List, { disablePadding: true, children: [
-        actions?.download !== false && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.ListItemButton, { onClick: handleOnDownload, disabled: isDownloading, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_FileDownload.default, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.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__ */ (0, import_jsx_runtime7.jsxs)(import_material6.ListItemButton, { onClick: handleOnDelete, disabled: isDeleting, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_Delete.default, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.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") })
         ] })
       ] })
     }
@@ -1570,11 +1519,11 @@ var ActionsMenu = ({ meta, menu, setMenu }) => {
 };
 
 // src/components/file/fileViewer/FileViewerGrid.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+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__ */ (0, import_jsx_runtime8.jsx)(import_material7.Stack, { direction: "row", spacing: 1, sx: { overflow: "auto", ...sx }, children: fileMetas.map((fileMeta) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ jsx8(Stack3, { direction: "row", spacing: 1, sx: { overflow: "auto", ...sx }, children: fileMetas.map((fileMeta) => /* @__PURE__ */ jsx8(
     GridFileViewerItem,
     {
       meta: fileMeta,
@@ -1586,9 +1535,9 @@ var FileViewerGrid = ({ sx, size, itemBar }) => {
 };
 var GridFileViewerItem = ({ meta, size, itemBar }) => {
   const { setImageId, actions } = useFile();
-  const [showItemBar, setShowItemBar] = (0, import_react6.useState)(itemBar === "always");
-  const [menu, setMenu] = (0, import_react6.useState)(null);
-  (0, import_react6.useEffect)(() => {
+  const [showItemBar, setShowItemBar] = useState3(itemBar === "always");
+  const [menu, setMenu] = useState3(null);
+  useEffect3(() => {
     setShowItemBar(itemBar === "always");
   }, [itemBar]);
   const { data: source } = useGetFileThumbnail(meta);
@@ -1616,10 +1565,10 @@ var GridFileViewerItem = ({ meta, size, itemBar }) => {
       }
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react6.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material7.ImageListItem, { sx: { width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        import_material7.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,
@@ -1629,30 +1578,30 @@ var GridFileViewerItem = ({ meta, size, itemBar }) => {
           sx: { cursor: "pointer", objectFit: "contain", width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }
         }
       ),
-      itemBar !== "hidden" && showItemBar && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        import_material7.ImageListItemBar,
+      itemBar !== "hidden" && showItemBar && /* @__PURE__ */ jsx8(
+        ImageListItemBar,
         {
-          title: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Tooltip, { title: meta.fileName, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Box, { children: meta.fileName }) }),
-          actionIcon: (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.IconButton, { sx: { color: import_colors.grey[100] }, onClick: openMenu, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_MoreVert.default, {}) })
+          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__ */ (0, import_jsx_runtime8.jsx)(ActionsMenu, { meta, menu, setMenu })
+    (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx8(ActionsMenu, { meta, menu, setMenu })
   ] });
 };
 
 // src/components/file/fileViewer/FileViewerList.tsx
-var import_AttachFile = __toESM(require("@mui/icons-material/AttachFile"), 1);
-var import_Image = __toESM(require("@mui/icons-material/Image"), 1);
-var import_MoreVert2 = __toESM(require("@mui/icons-material/MoreVert"), 1);
-var import_SmartDisplay = __toESM(require("@mui/icons-material/SmartDisplay"), 1);
-var import_material8 = require("@mui/material");
-var import_react7 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+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__ */ (0, import_jsx_runtime9.jsx)(import_material8.List, { dense: true, sx, children: fileMetas.map(
-    (fileMeta) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ jsx9(List2, { dense: true, sx, children: fileMetas.map(
+    (fileMeta) => /* @__PURE__ */ jsx9(
       ListFileViewerItem,
       {
         meta: fileMeta
@@ -1663,7 +1612,7 @@ var FileViewerList = ({ sx }) => {
 };
 var ListFileViewerItem = ({ meta }) => {
   const { setImageId, actions } = useFile();
-  const [menu, setMenu] = (0, import_react7.useState)(null);
+  const [menu, setMenu] = useState4(null);
   const openMenu = (event) => {
     event.stopPropagation();
     setMenu(menu === null ? { mouseX: event.clientX, mouseY: event.clientY } : null);
@@ -1689,37 +1638,37 @@ var ListFileViewerItem = ({ meta }) => {
   const icon = () => {
     switch (meta.mediaType) {
       case "image": {
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Image.default, {});
+        return /* @__PURE__ */ jsx9(Image, {});
       }
       case "video": {
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_SmartDisplay.default, {});
+        return /* @__PURE__ */ jsx9(SmartDisplay, {});
       }
       default: {
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_AttachFile.default, {});
+        return /* @__PURE__ */ jsx9(AttachFile, {});
       }
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react7.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material8.ListItemButton, { onClick, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.ListItemIcon, { children: icon() }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.ListItemText, { primary: `${meta.fileName}.${meta.fileExtension}` }),
-      (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.IconButton, { edge: "end", onClick: openMenu, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_MoreVert2.default, {}) })
+  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__ */ (0, import_jsx_runtime9.jsx)(ActionsMenu, { meta, menu, setMenu })
+    (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx9(ActionsMenu, { meta, menu, setMenu })
   ] });
 };
 
 // src/components/file/fileViewer/ImageViewer.tsx
-var import_Close = __toESM(require("@mui/icons-material/Close"), 1);
-var import_material9 = require("@mui/material");
-var import_react8 = require("react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+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);
-  (0, import_react8.useEffect)(() => {
-    if (globalThis.window !== void 0 && metaId)
+  useEffect4(() => {
+    if (metaId)
       globalThis.addEventListener("keydown", handleOnKeydown);
     return () => {
       globalThis.removeEventListener("keydown", handleOnKeydown);
@@ -1756,28 +1705,28 @@ var ImageViewer = ({ metaId }) => {
   };
   const onClose = () => setImageId("");
   if (!metaId) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Dialog, { open: true, onClose, maxWidth: "xl", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Box, { component: "img", src: source, alt: metaId, sx: { maxWidth: "100vw", maxHeight: { xs: "calc(100vh - 56px)", sm: "calc(100vh - 64px)" } } }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Fab, { size: "medium", onClick: onClose, sx: { position: "fixed", top: 8, right: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Close.default, {}) })
+  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
-var import_jsx_runtime11 = require("react/jsx-runtime");
+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] = (0, import_react9.useState)("");
+  const [imageId, setImageId] = useState5("");
   const components = { Grid: FileViewerGrid, List: FileViewerList };
   if (fileMetas.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(FileContext.Provider, { value: { fileMetas, onDelete, actions, setImageId }, children: [
+  return /* @__PURE__ */ jsxs9(FileContext.Provider, { value: { fileMetas, onDelete, actions, setImageId }, children: [
     children(components),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ImageViewer, { metaId: imageId })
+    /* @__PURE__ */ jsx11(ImageViewer, { metaId: imageId })
   ] });
 };
 
 // src/components/data-grid/ChipInputCell.tsx
-var import_material10 = require("@mui/material");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+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;
@@ -1786,120 +1735,120 @@ var ChipInputCell = ({ params, slotProps, getLabel }) => {
     return value;
   };
   if (isArray(params.value))
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.Stack, { direction: "row", alignItems: "center", gap: 1, sx: { overflowX: "auto", height: "100%", width: params.colDef.computedWidth }, children: params.value.map(
-      (value, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.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__ */ (0, import_jsx_runtime12.jsx)(import_material10.Chip, { label: getLabelValue(params.value), ...slotProps });
+  return /* @__PURE__ */ jsx12(Chip2, { label: getLabelValue(params.value), ...slotProps });
 };
 
 // src/components/data-grid/EditableColumnHeader.tsx
-var import_Edit = __toESM(require("@mui/icons-material/Edit"), 1);
-var import_jsx_runtime13 = require("react/jsx-runtime");
+import Edit from "@mui/icons-material/Edit";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var EditableColumnHeader = ({ colDef }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TypographyWithIcon, { endIcon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Edit.default, { 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 });
 };
 
 // src/components/router/RouterButton.tsx
-var import_material11 = require("@mui/material");
-var import_react_router2 = require("@tanstack/react-router");
-var import_react10 = __toESM(require("react"), 1);
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var Component = import_react10.default.forwardRef(function ButtonComponent(props, reference) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material11.Button, { ref: reference, component: "a", ...props });
+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 = (0, import_react_router2.createLink)(Component);
+var CreatedComponent = createLink(Component);
 var RouterButton = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CreatedComponent, { ...props });
+  return /* @__PURE__ */ jsx14(CreatedComponent, { ...props });
 };
 
 // src/components/router/RouterGridActionsCellItem.tsx
-var import_x_data_grid_premium = require("@mui/x-data-grid-premium");
-var import_react_router3 = require("@tanstack/react-router");
-var import_react11 = __toESM(require("react"), 1);
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var Component2 = import_react11.default.forwardRef(
+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__ */ (0, import_jsx_runtime15.jsx)(import_x_data_grid_premium.GridActionsCellItem, { ref: reference, component: "a", ...props });
+    return /* @__PURE__ */ jsx15(GridActionsCellItem, { ref: reference, component: "a", ...props });
   }
 );
-var CreatedComponent2 = (0, import_react_router3.createLink)(Component2);
+var CreatedComponent2 = createLink2(Component2);
 var RouterGridActionsCellItem = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CreatedComponent2, { ...props });
+  return /* @__PURE__ */ jsx15(CreatedComponent2, { ...props });
 };
 
 // src/components/router/RouterIconButton.tsx
-var import_material12 = require("@mui/material");
-var import_react_router4 = require("@tanstack/react-router");
-var import_react12 = __toESM(require("react"), 1);
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var Component3 = import_react12.default.forwardRef(function IconButtonComponent(props, reference) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material12.IconButton, { ref: reference, component: "a", ...props });
+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 = (0, import_react_router4.createLink)(Component3);
+var CreatedComponent3 = createLink3(Component3);
 var RouterIconButton = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CreatedComponent3, { ...props });
+  return /* @__PURE__ */ jsx16(CreatedComponent3, { ...props });
 };
 
 // src/components/router/RouterLink.tsx
-var import_material13 = require("@mui/material");
-var import_react_router5 = require("@tanstack/react-router");
-var import_react13 = __toESM(require("react"), 1);
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var Component4 = import_react13.default.forwardRef(function LinkComponent(props, reference) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material13.Link, { ref: reference, ...props });
+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 = (0, import_react_router5.createLink)(Component4);
+var CreatedComponent4 = createLink4(Component4);
 var RouterLink = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CreatedComponent4, { ...props });
+  return /* @__PURE__ */ jsx17(CreatedComponent4, { ...props });
 };
 
 // src/components/router/RouterTab.tsx
-var import_material14 = require("@mui/material");
-var import_react_router6 = require("@tanstack/react-router");
-var import_react14 = __toESM(require("react"), 1);
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var Component5 = import_react14.default.forwardRef(function TabComponent(props, reference) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material14.Tab, { ref: reference, component: "a", ...props });
+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 = (0, import_react_router6.createLink)(Component5);
+var CreatedComponent5 = createLink5(Component5);
 var RouterTab = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CreatedComponent5, { ...props });
+  return /* @__PURE__ */ jsx18(CreatedComponent5, { ...props });
 };
 
 // src/components/router/RouterListItemButton.tsx
-var import_material15 = require("@mui/material");
-var import_react_router7 = require("@tanstack/react-router");
-var import_react15 = __toESM(require("react"), 1);
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var Component6 = import_react15.default.forwardRef(function ButtonComponent2(props, reference) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material15.ListItemButton, { ref: reference, component: "a", ...props });
+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 = (0, import_react_router7.createLink)(Component6);
+var CreatedComponent6 = createLink6(Component6);
 var RouterListItemButton = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CreatedComponent6, { ...props });
+  return /* @__PURE__ */ jsx19(CreatedComponent6, { ...props });
 };
 
 // src/components/router/RouterNotFound.tsx
-var import_material16 = require("@mui/material");
-var import_react_i18next4 = require("react-i18next");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+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 } = (0, import_react_i18next4.useTranslation)();
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Box, { display: "flex", alignItems: "center", mb: 4, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Typography, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.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
-var import_material17 = require("@mui/material");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+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__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { display: "flex", alignItems: "center", mb: 4, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: error.name || "500" }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.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 })
   ] }) });
 };
 
@@ -1926,10 +1875,10 @@ function _objectWithoutPropertiesLoose(r, e) {
 }
 
 // node_modules/@mui/x-date-pickers/esm/LocalizationProvider/LocalizationProvider.js
-var React11 = __toESM(require("react"), 1);
 var import_prop_types = __toESM(require_prop_types(), 1);
-var import_styles = require("@mui/material/styles");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+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";
@@ -1945,7 +1894,7 @@ var LocalizationProvider = function LocalizationProvider2(inProps) {
     adapter: void 0,
     localeText: void 0
   };
-  const props = (0, import_styles.useThemeProps)({
+  const props = useThemeProps({
     // We don't want to pass the `localeText` prop to the theme, that way it will always return the theme value,
     // We will then merge this theme value with our value manually
     props: otherInProps,
@@ -1995,7 +1944,7 @@ var LocalizationProvider = function LocalizationProvider2(inProps) {
       localeText
     };
   }, [defaultDates, adapter, localeText]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PickerAdapterContext.Provider, {
+  return /* @__PURE__ */ _jsx(PickerAdapterContext.Provider, {
     value: contextValue,
     children
   });
@@ -2073,16 +2022,16 @@ function warnOnce(message, gravity = "warning") {
 }
 
 // node_modules/@mui/x-date-pickers/esm/AdapterDayjs/AdapterDayjs.js
-var import_dayjs = __toESM(require("dayjs"), 1);
-var import_weekOfYear = __toESM(require("dayjs/plugin/weekOfYear.js"), 1);
-var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat.js"), 1);
-var import_localizedFormat = __toESM(require("dayjs/plugin/localizedFormat.js"), 1);
-var import_isBetween = __toESM(require("dayjs/plugin/isBetween.js"), 1);
-var import_advancedFormat = __toESM(require("dayjs/plugin/advancedFormat.js"), 1);
-import_dayjs.default.extend(import_localizedFormat.default);
-import_dayjs.default.extend(import_weekOfYear.default);
-import_dayjs.default.extend(import_isBetween.default);
-import_dayjs.default.extend(import_advancedFormat.default);
+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);
+dayjs.extend(advancedFormatPlugin);
 var formatTokenMap = {
   // Year
   YY: "year",
@@ -2206,7 +2155,7 @@ var AdapterDayjs = class {
   } = {}) {
     this.locale = locale;
     this.formats = _extends({}, defaultFormats, formats);
-    import_dayjs.default.extend(import_customParseFormat.default);
+    dayjs.extend(customParseFormatPlugin);
   }
   setLocaleToValue = (value) => {
     const expectedLocale = this.getCurrentLocaleCode();
@@ -2215,8 +2164,8 @@ var AdapterDayjs = class {
     }
     return value.locale(expectedLocale);
   };
-  hasUTCPlugin = () => typeof import_dayjs.default.utc !== "undefined";
-  hasTimezonePlugin = () => typeof import_dayjs.default.tz !== "undefined";
+  hasUTCPlugin = () => typeof dayjs.utc !== "undefined";
+  hasTimezonePlugin = () => typeof dayjs.tz !== "undefined";
   isSame = (value, comparing, comparisonTemplate) => {
     const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
     return value.format(comparisonTemplate) === comparingInValueTimezone.format(comparisonTemplate);
@@ -2230,7 +2179,7 @@ var AdapterDayjs = class {
         return void 0;
       }
       case "system": {
-        return import_dayjs.default.tz.guess();
+        return dayjs.tz.guess();
       }
       default: {
         return timezone;
@@ -2240,14 +2189,14 @@ var AdapterDayjs = class {
   createSystemDate = (value) => {
     let date;
     if (this.hasUTCPlugin() && this.hasTimezonePlugin()) {
-      const timezone = import_dayjs.default.tz.guess();
+      const timezone = dayjs.tz.guess();
       if (timezone === "UTC") {
-        date = (0, import_dayjs.default)(value);
+        date = dayjs(value);
       } else {
-        date = import_dayjs.default.tz(value, timezone);
+        date = dayjs.tz(value, timezone);
       }
     } else {
-      date = (0, import_dayjs.default)(value);
+      date = dayjs(value);
     }
     return this.setLocaleToValue(date);
   };
@@ -2255,7 +2204,7 @@ var AdapterDayjs = class {
     if (!this.hasUTCPlugin()) {
       throw new Error(MISSING_UTC_PLUGIN);
     }
-    return this.setLocaleToValue(import_dayjs.default.utc(value));
+    return this.setLocaleToValue(dayjs.utc(value));
   };
   createTZDate = (value, timezone) => {
     if (!this.hasUTCPlugin()) {
@@ -2265,10 +2214,10 @@ var AdapterDayjs = class {
       throw new Error(MISSING_TIMEZONE_PLUGIN);
     }
     const keepLocalTime = value !== void 0 && !value.endsWith("Z");
-    return this.setLocaleToValue((0, import_dayjs.default)(value).tz(this.cleanTimezone(timezone), keepLocalTime));
+    return this.setLocaleToValue(dayjs(value).tz(this.cleanTimezone(timezone), keepLocalTime));
   };
   getLocaleFormats = () => {
-    const locales = import_dayjs.default.Ls;
+    const locales = dayjs.Ls;
     const locale = this.locale || "en";
     let localeObject = locales[locale];
     if (localeObject === void 0) {
@@ -2311,7 +2260,7 @@ var AdapterDayjs = class {
     }
     return this.createTZDate(value, timezone);
   };
-  getInvalidDate = () => (0, import_dayjs.default)(/* @__PURE__ */ new Date("Invalid date"));
+  getInvalidDate = () => dayjs(/* @__PURE__ */ new Date("Invalid date"));
   getTimezone = (value) => {
     if (this.hasTimezonePlugin()) {
       const zone = value.$x?.$timezone;
@@ -2343,7 +2292,7 @@ var AdapterDayjs = class {
       }
       throw new Error(MISSING_TIMEZONE_PLUGIN);
     }
-    return this.setLocaleToValue(import_dayjs.default.tz(value, this.cleanTimezone(timezone)));
+    return this.setLocaleToValue(dayjs.tz(value, this.cleanTimezone(timezone)));
   };
   toJsDate = (value) => {
     return value.toDate();
@@ -2352,7 +2301,7 @@ var AdapterDayjs = class {
     if (value === "") {
       return null;
     }
-    return (0, import_dayjs.default)(value, format, this.locale, true);
+    return dayjs(value, format, this.locale, true);
   };
   getCurrentLocaleCode = () => {
     return this.locale || "en";
@@ -2562,116 +2511,143 @@ var AdapterDayjs = class {
 };
 
 // src/providers/LayoutProvider.tsx
-var import_react21 = require("react");
-var import_react_i18next8 = require("react-i18next");
-var z = __toESM(require("zod"), 1);
-var import_locales3 = require("zod/locales");
+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/components/core/Layout.tsx
-var import_Menu = __toESM(require("@mui/icons-material/Menu"), 1);
-var import_MenuOpen = __toESM(require("@mui/icons-material/MenuOpen"), 1);
-var import_material22 = require("@mui/material");
-var import_styles4 = require("@mui/material/styles");
-var import_react_query2 = require("@tanstack/react-query");
-var import_use_local_storage_state = __toESM(require("use-local-storage-state"), 1);
-
-// src/hooks/ThemeHook.ts
-var import_material18 = require("@mui/material");
-var import_colors2 = require("@mui/material/colors");
-var import_locale = require("@mui/material/locale");
-var import_locales = require("@mui/x-data-grid-premium/locales");
-var import_locales2 = require("@mui/x-date-pickers-pro/locales");
-var import_react_i18next5 = require("react-i18next");
-var WISTRON_PRIMARY_COLOR = "#00506E";
-var WISTRON_SECONDARY_COLOR = "#64DC00";
-var useGetTheme = (theme) => {
-  const { i18n: i18n2 } = (0, import_react_i18next5.useTranslation)();
-  return (0, import_material18.createTheme)(
-    {
-      cssVariables: {
-        colorSchemeSelector: "data-mui-color-scheme"
-      },
-      colorSchemes: {
-        light: {
-          palette: {
-            primary: { main: WISTRON_PRIMARY_COLOR },
-            secondary: { main: WISTRON_SECONDARY_COLOR }
-          }
-        },
-        dark: {
-          palette: {
-            primary: { main: (0, import_material18.lighten)(WISTRON_PRIMARY_COLOR, 0.5) },
-            secondary: { main: (0, import_material18.darken)(WISTRON_SECONDARY_COLOR, 0.5) }
-          }
-        },
-        ...theme?.colorSchemes
+// 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" ? import_colors2.grey[900] : import_colors2.grey[200],
-                  borderRadius: "5px"
-                },
-                "&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb": {
-                  backgroundColor: theme2.palette.mode === "dark" ? import_colors2.grey[800] : import_colors2.grey[400],
-                  borderRadius: "10px"
-                },
-                "&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover": {
-                  backgroundColor: theme2.palette.mode === "dark" ? import_colors2.grey[700] : import_colors2.grey[500]
-                },
-                "&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner": {
-                  backgroundColor: "transparent"
-                }
-              }
-            };
-          }
-        },
-        ...theme?.components
-      }
-    },
-    i18n2.resolvedLanguage === "cs" ? import_locales2.csCZ : import_locales2.enUS,
-    i18n2.resolvedLanguage === "cs" ? import_locales.csCZ : import_locales.enUS,
-    i18n2.resolvedLanguage === "cs" ? import_locale.csCZ : import_locale.enUS
-  );
-};
+      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
-var import_material20 = require("@mui/material");
-var import_Box2 = __toESM(require("@mui/material/Box"), 1);
-var import_Drawer = __toESM(require("@mui/material/Drawer"), 1);
-var import_styles3 = require("@mui/material/styles");
-var import_react_router8 = require("@tanstack/react-router");
+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
-var import_Divider = __toESM(require("@mui/material/Divider"), 1);
-var import_List = __toESM(require("@mui/material/List"), 1);
-var import_ListSubheader = __toESM(require("@mui/material/ListSubheader"), 1);
-var import_react17 = require("react");
+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
-var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"), 1);
-var import_Avatar = __toESM(require("@mui/material/Avatar"), 1);
-var import_Box = __toESM(require("@mui/material/Box"), 1);
-var import_Popper = __toESM(require("@mui/material/Popper"), 1);
-var import_ListItem = __toESM(require("@mui/material/ListItem"), 1);
-var import_ListItemButton = __toESM(require("@mui/material/ListItemButton"), 1);
-var import_ListItemIcon = __toESM(require("@mui/material/ListItemIcon"), 1);
-var import_ListItemText = __toESM(require("@mui/material/ListItemText"), 1);
-var import_Paper = __toESM(require("@mui/material/Paper"), 1);
-var import_styles2 = require("@mui/material/styles");
-var import_Typography = __toESM(require("@mui/material/Typography"), 1);
-var import_react16 = require("react");
-var import_material19 = require("@mui/material");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+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 = (0, import_styles2.styled)(import_ListItemButton.default)(({ theme }) => ({
+var StyledNavButton = styled(ListItemButton4)(({ theme }) => ({
   borderRadius: 8,
   "&.Mui-selected": {
     "& .MuiListItemIcon-root, & .MuiTypography-root, & .MuiSvgIcon-root": {
@@ -2691,7 +2667,7 @@ var StyledNavButton = (0, import_styles2.styled)(import_ListItemButton.default)(
     backgroundColor: (theme.vars ?? theme).palette.action.active
   }
 }));
-var StyledRouterButton = (0, import_styles2.styled)(RouterListItemButton)(({ theme }) => ({
+var StyledRouterButton = styled(RouterListItemButton)(({ theme }) => ({
   borderRadius: 8,
   "&.Mui-selected": {
     "& .MuiListItemIcon-root, & .MuiTypography-root, & .MuiSvgIcon-root": {
@@ -2713,13 +2689,13 @@ var StyledRouterButton = (0, import_styles2.styled)(RouterListItemButton)(({ the
 }));
 var IconOrAvatar = ({ item, collapsed }) => {
   if (item.icon || collapsed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_Box.default, { sx: collapsed ? { position: "absolute", left: "50%", top: "calc(50% - 6px)", transform: "translate(-50%, -50%)" } : {}, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_ListItemIcon.default, { 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__ */ (0, import_jsx_runtime23.jsx)(import_Avatar.default, { 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__ */ (0, import_jsx_runtime23.jsx)(
-        import_Typography.default,
+      collapsed ? /* @__PURE__ */ jsx23(
+        Typography7,
         {
           variant: "caption",
           sx: {
@@ -2742,8 +2718,8 @@ var IconOrAvatar = ({ item, collapsed }) => {
   }
   return null;
 };
-var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-  import_Popper.default,
+var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx23(
+  Popper,
   {
     open,
     anchorEl,
@@ -2753,8 +2729,8 @@ var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ (0, import_j
       { name: "preventOverflow", options: { padding: 8 } },
       { name: "flip", options: { fallbackPlacements: ["right-end", "left-start"] } }
     ],
-    children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-      import_Paper.default,
+    children: /* @__PURE__ */ jsx23(
+      Paper2,
       {
         sx: {
           pt: 0.5,
@@ -2769,9 +2745,9 @@ var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ (0, import_j
   }
 );
 var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, onClick, renderNested }) => {
-  const [hoveredPopoverItem, setHoveredPopoverItem] = (0, import_react16.useState)(null);
-  const [anchorElement, setAnchorElement] = (0, import_react16.useState)(null);
-  const chevronSx = (0, import_react16.useMemo)(() => {
+  const [hoveredPopoverItem, setHoveredPopoverItem] = useState7(null);
+  const [anchorElement, setAnchorElement] = useState7(null);
+  const chevronSx = useMemo4(() => {
     if (collapsed && isSidebarFullyCollapsed && item.children) {
       return {
         fontSize: 18,
@@ -2795,20 +2771,20 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
     disabled,
     sx: { px: 1.4, height: collapsed ? 60 : 48 }
   };
-  const buttonContent = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(IconOrAvatar, { item, collapsed }),
-    !collapsed && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-      import_ListItemText.default,
+  const buttonContent = /* @__PURE__ */ jsxs13(Fragment4, { children: [
+    /* @__PURE__ */ jsx23(IconOrAvatar, { item, collapsed }),
+    !collapsed && /* @__PURE__ */ jsx23(
+      ListItemText3,
       {
         primary: item.title,
         slotProps: { primary: { noWrap: true, title: item.title } },
         sx: { ml: 1.2, flex: 1, minWidth: 0, "& .MuiTypography-root": { whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" } }
       }
     ),
-    item.children ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_ExpandMore.default, { sx: chevronSx }) : null
+    item.children ? /* @__PURE__ */ jsx23(ExpandMoreIcon, { sx: chevronSx }) : null
   ] });
-  const listItem = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-    import_ListItem.default,
+  const listItem = /* @__PURE__ */ jsxs13(
+    ListItem,
     {
       ...item.children && collapsed ? {
         onMouseEnter: (event) => {
@@ -2821,7 +2797,7 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
       } : {},
       sx: { py: 0, px: 1, overflowX: "hidden" },
       children: [
-        shouldJustExpand ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        shouldJustExpand ? /* @__PURE__ */ jsx23(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ jsx23(
           StyledRouterButton,
           {
             ...buttonProps,
@@ -2832,28 +2808,28 @@ var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSideb
             children: buttonContent
           }
         ),
-        item.children && collapsed ? /* @__PURE__ */ (0, import_jsx_runtime23.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__ */ (0, import_jsx_runtime23.jsxs)(import_react16.Fragment, { children: [
+  return /* @__PURE__ */ jsxs13(Fragment3, { children: [
     listItem,
-    item.children && !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.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
-var import_jsx_runtime24 = require("react/jsx-runtime");
+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] = (0, import_react17.useState)([]);
-  (0, import_react17.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__ */ (0, import_jsx_runtime24.jsx)(
+  const renderNested = (children) => /* @__PURE__ */ jsx24(
     NavigationList,
     {
       subNavigation: children,
@@ -2865,8 +2841,8 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
     }
   );
   const filteredNavigation = subNavigation.filter((nav) => !nav.hidden);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-    import_List.default,
+  return /* @__PURE__ */ jsx24(
+    List3,
     {
       sx: {
         padding: 0,
@@ -2878,8 +2854,8 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
       },
       children: filteredNavigation.map((navItem, index) => {
         if (isHeader(navItem)) {
-          return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-            import_ListSubheader.default,
+          return /* @__PURE__ */ jsx24(
+            ListSubheader,
             {
               sx: {
                 fontSize: 12,
@@ -2901,13 +2877,13 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
         }
         if (isDivider(navItem)) {
           const nextItem = filteredNavigation[index + 1];
-          return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_Divider.default, { 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__ */ (0, import_jsx_runtime24.jsx)(import_react17.Fragment, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
-        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        if (renderItem) return /* @__PURE__ */ jsx24(Fragment5, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
+        return /* @__PURE__ */ jsx24(
           NavigationListItem,
           {
             item: navItem,
@@ -2927,17 +2903,17 @@ var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSideba
 };
 
 // src/components/core/navigation/NavigationRail.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+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 = (0, import_react_router8.useNavigate)();
-  const routerState = (0, import_react_router8.useRouterState)();
-  const theme = (0, import_styles3.useTheme)();
-  const showPermanent = (0, import_material20.useMediaQuery)(theme.breakpoints.up("sm"));
-  const drawerContent = (collapsed) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-    import_Box2.default,
+  const navigate = useNavigate();
+  const routerState = useRouterState2();
+  const theme = useTheme2();
+  const showPermanent = useMediaQuery(theme.breakpoints.up("sm"));
+  const drawerContent = (collapsed) => /* @__PURE__ */ jsx25(
+    Box7,
     {
       component: "nav",
       sx: {
@@ -2950,7 +2926,7 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
         overflowX: "hidden",
         pt: navigation[0] && isHeader(navigation[0]) && !collapsed ? 0 : 2
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      children: /* @__PURE__ */ jsx25(
         NavigationList,
         {
           subNavigation: navigation,
@@ -2965,8 +2941,8 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
     }
   );
   if (showPermanent)
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      import_Drawer.default,
+    return /* @__PURE__ */ jsx25(
+      Drawer,
       {
         variant: "permanent",
         sx: {
@@ -2981,50 +2957,49 @@ var NavigationRail = ({ navigation, expanded, setExpanded }) => {
         children: drawerContent(!expanded)
       }
     );
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_Drawer.default, { 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
-var import_AccountCircle = __toESM(require("@mui/icons-material/AccountCircle"), 1);
-var import_ArrowBack = __toESM(require("@mui/icons-material/ArrowBack"), 1);
-var import_Brightness4 = __toESM(require("@mui/icons-material/Brightness4"), 1);
-var import_ChevronRight = __toESM(require("@mui/icons-material/ChevronRight"), 1);
-var import_DarkMode = __toESM(require("@mui/icons-material/DarkMode"), 1);
-var import_LightMode = __toESM(require("@mui/icons-material/LightMode"), 1);
-var import_Login = __toESM(require("@mui/icons-material/Login"), 1);
-var import_Logout = __toESM(require("@mui/icons-material/Logout"), 1);
-var import_SettingsBrightness = __toESM(require("@mui/icons-material/SettingsBrightness"), 1);
-var import_Translate = __toESM(require("@mui/icons-material/Translate"), 1);
-var import_material21 = require("@mui/material");
-var import_react18 = require("react");
-var import_react_i18next6 = require("react-i18next");
+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
-var import_react_router9 = require("@tanstack/react-router");
-var import_keycloak_js = __toESM(require("keycloak-js"), 1);
-var import_meta3 = {};
+import { useRouter } from "@tanstack/react-router";
+import Keycloak from "keycloak-js";
 var keycloakConfig = {
-  url: import_meta3.env.VITE_KEYCLOAK_URL,
-  realm: import_meta3.env.VITE_KEYCLOAK_REALM,
-  clientId: import_meta3.env.VITE_KEYCLOAK_CLIENT_ID,
-  idpHint: import_meta3.env.VITE_KEYCLOAK_IDP_HINT,
-  confidentialClientId: import_meta3.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_ID,
-  confidentialClientSecret: import_meta3.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_SECRET
+  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 = (0, import_react_router9.useRouter)();
+  const routerContext = useRouter();
   const keycloak = routerContext.options.context.keycloak;
   return keycloak;
 }
 
 // src/components/core/ToolbarAccount.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 var ToolbarAccount = () => {
-  const [anchorElement, setAnchorElement] = (0, import_react18.useState)();
-  const [tab, setTab] = (0, import_react18.useState)("settings");
+  const [anchorElement, setAnchorElement] = useState9();
+  const [tab, setTab] = useState9("settings");
   const open = Boolean(anchorElement);
-  const { t: t2, i18n: i18n2 } = (0, import_react_i18next6.useTranslation)();
-  const { mode, setMode } = (0, import_material21.useColorScheme)();
+  const { t: t2, i18n: i18n2 } = useTranslation5();
+  const { mode, setMode } = useColorScheme();
   const changeLanguage = (newLanguage) => () => {
     i18n2.changeLanguage(newLanguage).finally(() => closeMenu());
   };
@@ -3058,60 +3033,60 @@ var ToolbarAccount = () => {
     setTimeout(() => setTab("settings"), 300);
   };
   const changeTab = (newTab) => () => setTab(newTab);
-  const settings = /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.List, { component: "nav", subheader: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListSubheader, { sx: { backgroundColor: "transparent" }, children: t2("Layout.Settings") }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.ListItemButton, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_Brightness4.default, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemText, { primary: t2("Layout.Appearance"), secondary: getModeText() }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_ChevronRight.default, {})
+  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__ */ (0, import_jsx_runtime26.jsxs)(import_material21.ListItemButton, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_Translate.default, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemText, { primary: t2("Layout.Language"), secondary: i18n2.resolvedLanguage === "en" ? "English" : "\u010Ce\u0161tina" }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_ChevronRight.default, {})
+    /* @__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__ */ (0, import_jsx_runtime26.jsxs)(import_material21.List, { subheader: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.ListSubheader, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.IconButton, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_ArrowBack.default, { 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__ */ (0, import_jsx_runtime26.jsxs)(import_material21.ListItemButton, { onClick: changeMode("light"), disabled: mode === "light", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_LightMode.default, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.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__ */ (0, import_jsx_runtime26.jsxs)(import_material21.ListItemButton, { onClick: changeMode("dark"), disabled: mode === "dark", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_DarkMode.default, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.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__ */ (0, import_jsx_runtime26.jsxs)(import_material21.ListItemButton, { onClick: changeMode("system"), disabled: mode === "system", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_SettingsBrightness.default, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.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__ */ (0, import_jsx_runtime26.jsxs)(import_material21.List, { subheader: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.ListSubheader, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.IconButton, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_ArrowBack.default, { 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__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemButton, { onClick: changeLanguage("en"), disabled: i18n2.resolvedLanguage === "en", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemText, { primary: "English" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemButton, { onClick: changeLanguage("cs"), disabled: i18n2.resolvedLanguage === "cs", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.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__ */ (0, import_jsx_runtime26.jsxs)(import_react18.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.IconButton, { size: "small", edge: "end", onClick: openMenu, children: user?.name ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Avatar, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Typography, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_AccountCircle.default, { fontSize: "large" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Menu, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.Box, { sx: { width: 240 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.List, { children: user?.name ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react18.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItem, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemText, { primary: user.name, secondary: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: user.employeeId }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("br", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime26.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__ */ (0, import_jsx_runtime26.jsxs)(import_material21.ListItemButton, { onClick: () => keycloak.logout(), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_Logout.default, { color: "error" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.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__ */ (0, import_jsx_runtime26.jsxs)(import_material21.ListItemButton, { onClick: () => keycloak.login(), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_Login.default, { color: "success" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.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,
@@ -3120,9 +3095,76 @@ var ToolbarAccount = () => {
   ] });
 };
 
+// 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
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var DrawerHeader = (0, import_styles4.styled)("div")(({ theme }) => ({
+import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
+var DrawerHeader = styled2("div")(({ theme }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "flex-end",
@@ -3131,15 +3173,15 @@ var DrawerHeader = (0, import_styles4.styled)("div")(({ theme }) => ({
 }));
 var Layout = (props) => {
   const theme = useGetTheme(props.theme);
-  const [navigationOpen, setNavigationOpen] = (0, import_use_local_storage_state.default)("navigationOpen", { defaultServerValue: false });
-  const isFetching = !!(0, import_react_query2.useIsFetching)();
-  const isMutating = !!(0, import_react_query2.useIsMutating)();
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_styles4.ThemeProvider, { theme, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.InitColorSchemeScript, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.CssBaseline, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material22.Box, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-        import_material22.AppBar,
+  const [navigationOpen, setNavigationOpen] = useLocalStorageState("navigationOpen", { defaultServerValue: false });
+  const isFetching = !!useIsFetching();
+  const isMutating = !!useIsMutating();
+  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",
           position: "fixed",
@@ -3148,160 +3190,74 @@ var Layout = (props) => {
             borderColor: theme.vars?.palette.divider,
             boxShadow: "none"
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material22.Toolbar, { children: [
-            props.navigation && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-              import_material22.IconButton,
+          children: /* @__PURE__ */ jsxs15(Toolbar, { children: [
+            props.navigation && /* @__PURE__ */ jsx27(
+              IconButton5,
               {
                 onClick: () => setNavigationOpen((previous) => !previous),
                 sx: { marginRight: 2 },
-                children: navigationOpen ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_MenuOpen.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_Menu.default, {})
+                children: navigationOpen ? /* @__PURE__ */ jsx27(MenuOpen, {}) : /* @__PURE__ */ jsx27(Menu3, {})
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AppTitle, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ToolbarAccount, {})
+            /* @__PURE__ */ jsx27(AppTitle, {}),
+            /* @__PURE__ */ jsx27(ToolbarAccount, {})
           ] })
         }
       ),
-      props.navigation && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(NavigationRail, { navigation: props.navigation, expanded: navigationOpen ?? false, setExpanded: setNavigationOpen }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material22.Box, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DrawerHeader, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.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__ */ (0, import_jsx_runtime27.jsx)(import_material22.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 } })
   ] });
 };
 
 // src/contexts/LayoutContext.ts
-var import_react19 = require("react");
-var LayoutContext = (0, import_react19.createContext)(null);
-
-// src/utils/i18n.ts
-var import_i18next = __toESM(require("i18next"), 1);
-var import_i18next_browser_languagedetector = __toESM(require("i18next-browser-languagedetector"), 1);
-var import_i18next_http_backend = __toESM(require("i18next-http-backend"), 1);
-var import_react_i18next7 = require("react-i18next");
-var import_i18next2 = __toESM(require("i18next"), 1);
-import_i18next.default.use(import_i18next_http_backend.default).use(import_i18next_browser_languagedetector.default).use(import_react_i18next7.initReactI18next).init({
-  fallbackLng: "en",
-  interpolation: {
-    escapeValue: false
-  },
-  react: {
-    useSuspense: false
-  }
-});
-
-// src/providers/DialogsProvider.tsx
-var import_react20 = require("react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
-function DialogsProvider({ children, unmountAfter = 1e3 }) {
-  const [stack, setStack] = (0, import_react20.useState)([]);
-  const keyPrefix = (0, import_react20.useId)();
-  const nextId = (0, import_react20.useRef)(0);
-  const dialogMetadata = (0, import_react20.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 = (0, import_react20.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 = (0, import_react20.useMemo)(() => ({ open: requestDialog, close: closeDialog }), [requestDialog, closeDialog]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(DialogsContext.Provider, { value: contextValue, children: [
-    children,
-    stack.map(({ key, open, Component: Component7, payload, promise }) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-      Component7,
-      {
-        payload,
-        open,
-        onClose: async (result) => {
-          await closeDialog(promise, result);
-        }
-      },
-      key
-    ))
-  ] });
-}
+import { createContext as createContext4, useContext as useContext4 } from "react";
+var LayoutContext = createContext4(null);
 
 // src/providers/LayoutProvider.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+import { jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
 var LayoutProvider = (props) => {
-  const [user, setUser] = (0, import_react21.useState)({ employeeId: "", name: "Unknown", department: "", company: "", category: "" });
-  const { t: t2 } = (0, import_react_i18next8.useTranslation)();
+  const [user, setUser] = useState10({ employeeId: "", name: "Unknown", department: "", company: "", category: "" });
+  const { t: t2 } = useTranslation7();
   const navigation = props.getNavigation?.({ user, t: t2 });
-  (0, import_react21.useEffect)(() => {
-    z.config(import_i18next2.default.resolvedLanguage === "cs" ? (0, import_locales3.cs)() : (0, import_locales3.en)());
+  useEffect6(() => {
+    z.config(default2.resolvedLanguage === "cs" ? cs() : en());
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_i18next8.I18nextProvider, { i18n: import_i18next2.default, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: import_i18next2.default.resolvedLanguage, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(LayoutContext.Provider, { value: { user: { get: user, set: setUser } }, children: /* @__PURE__ */ (0, import_jsx_runtime29.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__ */ (0, import_jsx_runtime29.jsx)(DialogsProvider, { children: props.children })
+    /* @__PURE__ */ jsx28(DialogsProvider, { children: props.children })
   ] }) }) }) });
 };
 
 // src/index.ts
-var import_uuidv72 = require("uuidv7");
+import { uuidv7 as uuidv72 } from "uuidv7";
 
 // src/hooks/FormHooks.ts
-var import_react_form = require("@tanstack/react-form");
+import { createFormHook, createFormHookContexts } from "@tanstack/react-form";
 
 // src/components/form/FormAutocomplete.tsx
-var import_material23 = require("@mui/material");
+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
-var import_jsx_runtime30 = require("react/jsx-runtime");
+import { jsx as jsx29 } from "react/jsx-runtime";
 var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-    import_material23.Autocomplete,
+  return /* @__PURE__ */ jsx29(
+    Autocomplete,
     {
       value: field.state.value,
       onChange: (_, value) => !autocompleteProps.freeSolo && field.handleChange(value),
@@ -3309,8 +3265,8 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
       onBlur: field.handleBlur,
       "aria-label": field.name,
       ...autocompleteProps,
-      renderInput: (parameters) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-        import_material23.TextField,
+      renderInput: (parameters) => /* @__PURE__ */ jsx29(
+        TextField,
         {
           ...parameters,
           name: field.name,
@@ -3324,17 +3280,17 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
 };
 
 // src/components/form/FormCheckbox.tsx
-var import_material24 = require("@mui/material");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+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__ */ (0, import_jsx_runtime31.jsxs)(import_material24.FormControl, { component: "fieldset", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-      import_material24.FormControlLabel,
+  return /* @__PURE__ */ jsxs17(FormControl, { component: "fieldset", children: [
+    /* @__PURE__ */ jsx30(
+      FormControlLabel,
       {
-        control: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-          import_material24.Checkbox,
+        control: /* @__PURE__ */ jsx30(
+          Checkbox,
           {
             name: field.name,
             checked: Boolean(field.state.value),
@@ -3347,22 +3303,22 @@ var FormCheckbox = (props) => {
         label: props.label ?? ""
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material24.FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx30(FormHelperText, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormDatePicker.tsx
-var import_x_date_pickers_pro = require("@mui/x-date-pickers-pro");
-var import_dayjs2 = __toESM(require("dayjs"), 1);
-var import_jsx_runtime32 = require("react/jsx-runtime");
+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__ */ (0, import_jsx_runtime32.jsx)(
-    import_x_date_pickers_pro.DatePicker,
+  return /* @__PURE__ */ jsx31(
+    DatePicker,
     {
       name: field.name,
-      value: field.state.value ? (0, import_dayjs2.default)(field.state.value) : null,
+      value: field.state.value ? dayjs2(field.state.value) : null,
       onChange: (value) => field.handleChange(value ? value.format() : null),
       slotProps: {
         textField: {
@@ -3380,17 +3336,17 @@ var FormDatePicker = (props) => {
 };
 
 // src/components/form/FormDateTimePicker.tsx
-var import_x_date_pickers_pro2 = require("@mui/x-date-pickers-pro");
-var import_dayjs3 = __toESM(require("dayjs"), 1);
-var import_jsx_runtime33 = require("react/jsx-runtime");
+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__ */ (0, import_jsx_runtime33.jsx)(
-    import_x_date_pickers_pro2.DateTimePicker,
+  return /* @__PURE__ */ jsx32(
+    DateTimePicker,
     {
       name: field.name,
-      value: field.state.value ? (0, import_dayjs3.default)(field.state.value) : null,
+      value: field.state.value ? dayjs3(field.state.value) : null,
       onChange: (value) => field.handleChange(value ? value.format() : null),
       slotProps: {
         textField: {
@@ -3408,16 +3364,16 @@ var FormDateTimePicker = (props) => {
 };
 
 // src/components/form/FormNumberField.tsx
-var import_material25 = require("@mui/material");
-var import_react_number_format = require("react-number-format");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+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__ */ (0, import_jsx_runtime34.jsx)(
-    import_react_number_format.NumericFormat,
+  return /* @__PURE__ */ jsx33(
+    NumericFormat,
     {
-      customInput: import_material25.TextField,
+      customInput: TextField2,
       name: field.name,
       value: field.state.value ?? "",
       onValueChange: ({ floatValue }) => field.handleChange(floatValue),
@@ -3432,15 +3388,15 @@ var FormNumberField = ({ options, ...props }) => {
 };
 
 // src/components/form/FormRadioGroup.tsx
-var import_material26 = require("@mui/material");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+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__ */ (0, import_jsx_runtime35.jsxs)(import_material26.FormControl, { component: "fieldset", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material26.FormLabel, { component: "legend", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-      import_material26.RadioGroup,
+  return /* @__PURE__ */ jsxs18(FormControl2, { component: "fieldset", children: [
+    label && /* @__PURE__ */ jsx34(FormLabel, { component: "legend", children: label }),
+    /* @__PURE__ */ jsx34(
+      RadioGroup,
       {
         name: field.name,
         value: field.state.value ?? "",
@@ -3448,31 +3404,31 @@ var FormRadioGroup = ({ label, options, ...props }) => {
         onBlur: field.handleBlur,
         "aria-label": field.name,
         ...props,
-        children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-          import_material26.FormControlLabel,
+        children: options.map((option) => /* @__PURE__ */ jsx34(
+          FormControlLabel2,
           {
             value: option.value,
-            control: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material26.Radio, {}),
+            control: /* @__PURE__ */ jsx34(Radio, {}),
             label: option.label
           },
           option.value
         ))
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material26.FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx34(FormHelperText2, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormSlider.tsx
-var import_material27 = require("@mui/material");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+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__ */ (0, import_jsx_runtime36.jsxs)(import_material27.FormControl, { component: "fieldset", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material27.FormLabel, { children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      import_material27.Slider,
+  return /* @__PURE__ */ jsxs19(FormControl3, { component: "fieldset", children: [
+    label && /* @__PURE__ */ jsx35(FormLabel2, { children: label }),
+    /* @__PURE__ */ jsx35(
+      Slider,
       {
         name: field.name,
         value: field.state.value ?? 0,
@@ -3482,13 +3438,13 @@ var FormSlider = ({ label, ...props }) => {
         ...props
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material27.FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx35(FormHelperText3, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormSubmitButton.tsx
-var import_material28 = require("@mui/material");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+import { Button as Button3 } from "@mui/material";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var FormSubmitButton = (props) => {
   const form = useFormContext();
   const handleClick = (event) => {
@@ -3496,8 +3452,8 @@ var FormSubmitButton = (props) => {
     event.stopPropagation();
     form.handleSubmit();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-    import_material28.Button,
+  return /* @__PURE__ */ jsx36(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ jsx36(
+    Button3,
     {
       loading: isSubmitting,
       disabled: !canSubmit,
@@ -3510,17 +3466,17 @@ var FormSubmitButton = (props) => {
 };
 
 // src/components/form/FormSwitch.tsx
-var import_material29 = require("@mui/material");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+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__ */ (0, import_jsx_runtime38.jsxs)(import_material29.FormControl, { component: "fieldset", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-      import_material29.FormControlLabel,
+  return /* @__PURE__ */ jsxs20(FormControl4, { component: "fieldset", children: [
+    /* @__PURE__ */ jsx37(
+      FormControlLabel3,
       {
-        control: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-          import_material29.Switch,
+        control: /* @__PURE__ */ jsx37(
+          Switch,
           {
             name: field.name,
             checked: Boolean(field.state.value),
@@ -3533,18 +3489,18 @@ var FormSwitch = (props) => {
         label: props.label ?? ""
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_material29.FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx37(FormHelperText4, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormTextField.tsx
-var import_material30 = require("@mui/material");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+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__ */ (0, import_jsx_runtime39.jsx)(
-    import_material30.TextField,
+  return /* @__PURE__ */ jsx38(
+    TextField3,
     {
       name: field.name,
       value: field.state.value ?? "",
@@ -3559,8 +3515,8 @@ var FormTextField = (props) => {
 };
 
 // src/hooks/FormHooks.ts
-var { fieldContext, useFieldContext, formContext, useFormContext } = (0, import_react_form.createFormHookContexts)();
-var { useAppForm: useLayoutForm, withForm: withLayoutForm } = (0, import_react_form.createFormHook)({
+var { fieldContext, useFieldContext, formContext, useFormContext } = createFormHookContexts();
+var { useAppForm: useLayoutForm, withForm: withLayoutForm } = createFormHook({
   fieldComponents: {
     TextField: FormTextField,
     NumberField: FormNumberField,
@@ -3580,11 +3536,10 @@ var { useAppForm: useLayoutForm, withForm: withLayoutForm } = (0, import_react_f
 });
 
 // src/index.ts
-var import_use_local_storage_state2 = __toESM(require("use-local-storage-state"), 1);
-var import_react_i18next9 = require("react-i18next");
-var import_i18next3 = require("i18next");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+import { default as default3 } from "use-local-storage-state";
+import { useTranslation as useTranslation8 } from "react-i18next";
+import { t } from "i18next";
+export {
   ChipInputCell,
   Dropzone,
   EditableColumnHeader,
@@ -3614,15 +3569,15 @@ var import_i18next3 = require("i18next");
   useGetFileMetas,
   useGetFileThumbnail,
   useLayoutForm,
-  useLocalStorageState,
+  default3 as useLocalStorageState,
   useOpenFile,
-  useTranslation,
+  useTranslation8 as useTranslation,
   useUpdateFileMeta,
   useUploadFile,
-  uuidv7,
+  uuidv72 as uuidv7,
   wczApiClient,
   withLayoutForm
-});
+};
 /*! Bundled license information:
 
 react-is/cjs/react-is.production.min.js:
@@ -3652,3 +3607,4 @@ object-assign/index.js:
   @license MIT
   *)
 */
+//# sourceMappingURL=index.js.map