wcz-test 3.4.9 → 4.0.1

package/dist/index.js

@@ -0,0 +1,3312 @@
+import { Button, IconButton, Link, Tab, ListItemButton, FormControl, FormLabel, Slider, FormHelperText, RadioGroup, FormControlLabel, Radio, Switch, Checkbox, Autocomplete, TextField, Stack, Typography, CardHeader, Box, useTheme, Paper, Chip, Divider, List, Dialog, Fab, InitColorSchemeScript, CssBaseline, AppBar, Toolbar, LinearProgress, ListItemIcon, ListItemText, ImageListItem, ImageListItemBar, Tooltip, createTheme, darken, lighten, useColorScheme, ListSubheader, Avatar, Menu, ListItem, useMediaQuery, Collapse } from '@mui/material';
+import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
+import * as React11 from 'react';
+import React11__default, { createContext, useRef, useState, useEffect, useContext, useMemo, useId, useCallback, Fragment } from 'react';
+import CloudUpload from '@mui/icons-material/CloudUpload';
+import { useDropzone } from 'react-dropzone';
+import { initReactI18next, useTranslation, I18nextProvider } from 'react-i18next';
+export { useTranslation } from 'react-i18next';
+import { useQuery, useMutation, useQueryClient, useIsFetching, useIsMutating } from '@tanstack/react-query';
+import saveAs from 'file-saver';
+import { Upload } from 'tus-js-client';
+import { uuidv7 } from 'uuidv7';
+export { uuidv7 } from 'uuidv7';
+import { createLink, useRouterState, useNavigate, useRouter } from '@tanstack/react-router';
+import axios from 'axios';
+import MoreVert from '@mui/icons-material/MoreVert';
+import { grey } from '@mui/material/colors';
+import Delete from '@mui/icons-material/Delete';
+import FileDownload from '@mui/icons-material/FileDownload';
+import Button$1 from '@mui/material/Button';
+import Dialog$1 from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import AttachFile from '@mui/icons-material/AttachFile';
+import Image from '@mui/icons-material/Image';
+import SmartDisplay from '@mui/icons-material/SmartDisplay';
+import Close from '@mui/icons-material/Close';
+import Edit from '@mui/icons-material/Edit';
+import { GridActionsCellItem } from '@mui/x-data-grid-premium';
+import { styled, useThemeProps, ThemeProvider, useTheme as useTheme$1 } from '@mui/material/styles';
+import dayjs from 'dayjs';
+import weekOfYearPlugin from 'dayjs/plugin/weekOfYear.js';
+import customParseFormatPlugin from 'dayjs/plugin/customParseFormat.js';
+import localizedFormatPlugin from 'dayjs/plugin/localizedFormat.js';
+import isBetweenPlugin from 'dayjs/plugin/isBetween.js';
+import advancedFormatPlugin from 'dayjs/plugin/advancedFormat.js';
+import * as z from 'zod';
+import { cs, en } from 'zod/locales';
+import Menu3 from '@mui/icons-material/Menu';
+import MenuOpen from '@mui/icons-material/MenuOpen';
+import useLocalStorageState from 'use-local-storage-state';
+export { default as useLocalStorageState } from 'use-local-storage-state';
+import { csCZ as csCZ$2, enUS as enUS$2 } from '@mui/material/locale';
+import { csCZ as csCZ$1, enUS as enUS$1 } from '@mui/x-data-grid-premium/locales';
+import { csCZ, enUS } from '@mui/x-date-pickers-pro/locales';
+import Box6 from '@mui/material/Box';
+import Drawer from '@mui/material/Drawer';
+import Divider3 from '@mui/material/Divider';
+import List3 from '@mui/material/List';
+import ListSubheader$1 from '@mui/material/ListSubheader';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import Avatar$1 from '@mui/material/Avatar';
+import Popper from '@mui/material/Popper';
+import ListItem$1 from '@mui/material/ListItem';
+import ListItemButton4 from '@mui/material/ListItemButton';
+import ListItemIcon3 from '@mui/material/ListItemIcon';
+import ListItemText3 from '@mui/material/ListItemText';
+import Paper2 from '@mui/material/Paper';
+import Typography7 from '@mui/material/Typography';
+import AccountCircle from '@mui/icons-material/AccountCircle';
+import ArrowBack from '@mui/icons-material/ArrowBack';
+import Brightness4 from '@mui/icons-material/Brightness4';
+import ChevronRight from '@mui/icons-material/ChevronRight';
+import DarkMode from '@mui/icons-material/DarkMode';
+import LightMode from '@mui/icons-material/LightMode';
+import Login from '@mui/icons-material/Login';
+import Logout from '@mui/icons-material/Logout';
+import SettingsBrightness from '@mui/icons-material/SettingsBrightness';
+import Translate from '@mui/icons-material/Translate';
+import 'keycloak-js';
+import default2 from 'i18next';
+export { t } from 'i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
+import HttpBackend from 'i18next-http-backend';
+import { createFormHookContexts, createFormHook } from '@tanstack/react-form';
+import { DateTimePicker, DatePicker } from '@mui/x-date-pickers-pro';
+import { NumericFormat } from 'react-number-format';
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  __defProp(target, "default", { value: mod, enumerable: true }) ,
+  mod
+));
+
+// node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js
+var require_react_is_production_min = __commonJS({
+  "node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js"(exports) {
+    var b = "function" === typeof Symbol && Symbol.for;
+    var c = b ? Symbol.for("react.element") : 60103;
+    var d = b ? Symbol.for("react.portal") : 60106;
+    var e = b ? Symbol.for("react.fragment") : 60107;
+    var f = b ? Symbol.for("react.strict_mode") : 60108;
+    var g = b ? Symbol.for("react.profiler") : 60114;
+    var h = b ? Symbol.for("react.provider") : 60109;
+    var k = b ? Symbol.for("react.context") : 60110;
+    var l = b ? Symbol.for("react.async_mode") : 60111;
+    var m = b ? Symbol.for("react.concurrent_mode") : 60111;
+    var n = b ? Symbol.for("react.forward_ref") : 60112;
+    var p = b ? Symbol.for("react.suspense") : 60113;
+    var q = b ? Symbol.for("react.suspense_list") : 60120;
+    var r = b ? Symbol.for("react.memo") : 60115;
+    var t2 = b ? Symbol.for("react.lazy") : 60116;
+    var v = b ? Symbol.for("react.block") : 60121;
+    var w = b ? Symbol.for("react.fundamental") : 60117;
+    var x = b ? Symbol.for("react.responder") : 60118;
+    var y = b ? Symbol.for("react.scope") : 60119;
+    function z2(a) {
+      if ("object" === typeof a && null !== a) {
+        var u = a.$$typeof;
+        switch (u) {
+          case c:
+            switch (a = a.type, a) {
+              case l:
+              case m:
+              case e:
+              case g:
+              case f:
+              case p:
+                return a;
+              default:
+                switch (a = a && a.$$typeof, a) {
+                  case k:
+                  case n:
+                  case t2:
+                  case r:
+                  case h:
+                    return a;
+                  default:
+                    return u;
+                }
+            }
+          case d:
+            return u;
+        }
+      }
+    }
+    function A(a) {
+      return z2(a) === m;
+    }
+    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;
+    };
+    exports.isConcurrentMode = A;
+    exports.isContextConsumer = function(a) {
+      return z2(a) === k;
+    };
+    exports.isContextProvider = function(a) {
+      return z2(a) === h;
+    };
+    exports.isElement = function(a) {
+      return "object" === typeof a && null !== a && a.$$typeof === c;
+    };
+    exports.isForwardRef = function(a) {
+      return z2(a) === n;
+    };
+    exports.isFragment = function(a) {
+      return z2(a) === e;
+    };
+    exports.isLazy = function(a) {
+      return z2(a) === t2;
+    };
+    exports.isMemo = function(a) {
+      return z2(a) === r;
+    };
+    exports.isPortal = function(a) {
+      return z2(a) === d;
+    };
+    exports.isProfiler = function(a) {
+      return z2(a) === g;
+    };
+    exports.isStrictMode = function(a) {
+      return z2(a) === f;
+    };
+    exports.isSuspense = function(a) {
+      return z2(a) === p;
+    };
+    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);
+    };
+    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"(exports) {
+    if (process.env.NODE_ENV !== "production") {
+      (function() {
+        var hasSymbol = typeof Symbol === "function" && Symbol.for;
+        var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103;
+        var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106;
+        var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107;
+        var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108;
+        var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114;
+        var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109;
+        var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110;
+        var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 60111;
+        var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for("react.concurrent_mode") : 60111;
+        var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112;
+        var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113;
+        var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for("react.suspense_list") : 60120;
+        var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115;
+        var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
+        var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121;
+        var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for("react.fundamental") : 60117;
+        var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 60118;
+        var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 60119;
+        function isValidElementType(type) {
+          return typeof type === "string" || typeof type === "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+          type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
+        }
+        function typeOf(object) {
+          if (typeof object === "object" && object !== null) {
+            var $$typeof = object.$$typeof;
+            switch ($$typeof) {
+              case REACT_ELEMENT_TYPE:
+                var type = object.type;
+                switch (type) {
+                  case REACT_ASYNC_MODE_TYPE:
+                  case REACT_CONCURRENT_MODE_TYPE:
+                  case REACT_FRAGMENT_TYPE:
+                  case REACT_PROFILER_TYPE:
+                  case REACT_STRICT_MODE_TYPE:
+                  case REACT_SUSPENSE_TYPE:
+                    return type;
+                  default:
+                    var $$typeofType = type && type.$$typeof;
+                    switch ($$typeofType) {
+                      case REACT_CONTEXT_TYPE:
+                      case REACT_FORWARD_REF_TYPE:
+                      case REACT_LAZY_TYPE:
+                      case REACT_MEMO_TYPE:
+                      case REACT_PROVIDER_TYPE:
+                        return $$typeofType;
+                      default:
+                        return $$typeof;
+                    }
+                }
+              case REACT_PORTAL_TYPE:
+                return $$typeof;
+            }
+          }
+          return void 0;
+        }
+        var AsyncMode = REACT_ASYNC_MODE_TYPE;
+        var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
+        var ContextConsumer = REACT_CONTEXT_TYPE;
+        var ContextProvider = REACT_PROVIDER_TYPE;
+        var Element = REACT_ELEMENT_TYPE;
+        var ForwardRef = REACT_FORWARD_REF_TYPE;
+        var Fragment7 = REACT_FRAGMENT_TYPE;
+        var Lazy = REACT_LAZY_TYPE;
+        var Memo = REACT_MEMO_TYPE;
+        var Portal = REACT_PORTAL_TYPE;
+        var Profiler = REACT_PROFILER_TYPE;
+        var StrictMode = REACT_STRICT_MODE_TYPE;
+        var Suspense = REACT_SUSPENSE_TYPE;
+        var hasWarnedAboutDeprecatedIsAsyncMode = false;
+        function isAsyncMode(object) {
+          {
+            if (!hasWarnedAboutDeprecatedIsAsyncMode) {
+              hasWarnedAboutDeprecatedIsAsyncMode = true;
+              console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.");
+            }
+          }
+          return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
+        }
+        function isConcurrentMode(object) {
+          return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
+        }
+        function isContextConsumer(object) {
+          return typeOf(object) === REACT_CONTEXT_TYPE;
+        }
+        function isContextProvider(object) {
+          return typeOf(object) === REACT_PROVIDER_TYPE;
+        }
+        function isElement(object) {
+          return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+        }
+        function isForwardRef(object) {
+          return typeOf(object) === REACT_FORWARD_REF_TYPE;
+        }
+        function isFragment(object) {
+          return typeOf(object) === REACT_FRAGMENT_TYPE;
+        }
+        function isLazy(object) {
+          return typeOf(object) === REACT_LAZY_TYPE;
+        }
+        function isMemo(object) {
+          return typeOf(object) === REACT_MEMO_TYPE;
+        }
+        function isPortal(object) {
+          return typeOf(object) === REACT_PORTAL_TYPE;
+        }
+        function isProfiler(object) {
+          return typeOf(object) === REACT_PROFILER_TYPE;
+        }
+        function isStrictMode(object) {
+          return typeOf(object) === REACT_STRICT_MODE_TYPE;
+        }
+        function isSuspense(object) {
+          return typeOf(object) === REACT_SUSPENSE_TYPE;
+        }
+        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;
+      })();
+    }
+  }
+});
+
+// node_modules/prop-types/node_modules/react-is/index.js
+var require_react_is = __commonJS({
+  "node_modules/prop-types/node_modules/react-is/index.js"(exports, module) {
+    if (process.env.NODE_ENV === "production") {
+      module.exports = require_react_is_production_min();
+    } else {
+      module.exports = require_react_is_development();
+    }
+  }
+});
+
+// node_modules/object-assign/index.js
+var require_object_assign = __commonJS({
+  "node_modules/object-assign/index.js"(exports, module) {
+    var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+    var hasOwnProperty = Object.prototype.hasOwnProperty;
+    var propIsEnumerable = Object.prototype.propertyIsEnumerable;
+    function toObject(val) {
+      if (val === null || val === void 0) {
+        throw new TypeError("Object.assign cannot be called with null or undefined");
+      }
+      return Object(val);
+    }
+    function shouldUseNative() {
+      try {
+        if (!Object.assign) {
+          return false;
+        }
+        var test1 = new String("abc");
+        test1[5] = "de";
+        if (Object.getOwnPropertyNames(test1)[0] === "5") {
+          return false;
+        }
+        var test2 = {};
+        for (var i = 0; i < 10; i++) {
+          test2["_" + String.fromCharCode(i)] = i;
+        }
+        var order2 = Object.getOwnPropertyNames(test2).map(function(n) {
+          return test2[n];
+        });
+        if (order2.join("") !== "0123456789") {
+          return false;
+        }
+        var test3 = {};
+        "abcdefghijklmnopqrst".split("").forEach(function(letter) {
+          test3[letter] = letter;
+        });
+        if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") {
+          return false;
+        }
+        return true;
+      } catch (err) {
+        return false;
+      }
+    }
+    module.exports = shouldUseNative() ? Object.assign : function(target, source) {
+      var from;
+      var to = toObject(target);
+      var symbols;
+      for (var s = 1; s < arguments.length; s++) {
+        from = Object(arguments[s]);
+        for (var key in from) {
+          if (hasOwnProperty.call(from, key)) {
+            to[key] = from[key];
+          }
+        }
+        if (getOwnPropertySymbols) {
+          symbols = getOwnPropertySymbols(from);
+          for (var i = 0; i < symbols.length; i++) {
+            if (propIsEnumerable.call(from, symbols[i])) {
+              to[symbols[i]] = from[symbols[i]];
+            }
+          }
+        }
+      }
+      return to;
+    };
+  }
+});
+
+// node_modules/prop-types/lib/ReactPropTypesSecret.js
+var require_ReactPropTypesSecret = __commonJS({
+  "node_modules/prop-types/lib/ReactPropTypesSecret.js"(exports, module) {
+    var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+    module.exports = ReactPropTypesSecret;
+  }
+});
+
+// node_modules/prop-types/lib/has.js
+var require_has = __commonJS({
+  "node_modules/prop-types/lib/has.js"(exports, module) {
+    module.exports = Function.call.bind(Object.prototype.hasOwnProperty);
+  }
+});
+
+// node_modules/prop-types/checkPropTypes.js
+var require_checkPropTypes = __commonJS({
+  "node_modules/prop-types/checkPropTypes.js"(exports, module) {
+    var printWarning = function() {
+    };
+    if (process.env.NODE_ENV !== "production") {
+      ReactPropTypesSecret = require_ReactPropTypesSecret();
+      loggedTypeFailures = {};
+      has = require_has();
+      printWarning = function(text) {
+        var message = "Warning: " + text;
+        if (typeof console !== "undefined") {
+          console.error(message);
+        }
+        try {
+          throw new Error(message);
+        } catch (x) {
+        }
+      };
+    }
+    var ReactPropTypesSecret;
+    var loggedTypeFailures;
+    var has;
+    function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
+      if (process.env.NODE_ENV !== "production") {
+        for (var typeSpecName in typeSpecs) {
+          if (has(typeSpecs, typeSpecName)) {
+            var error;
+            try {
+              if (typeof typeSpecs[typeSpecName] !== "function") {
+                var err = Error(
+                  (componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                );
+                err.name = "Invariant Violation";
+                throw err;
+              }
+              error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
+            } catch (ex) {
+              error = ex;
+            }
+            if (error && !(error instanceof Error)) {
+              printWarning(
+                (componentName || "React class") + ": type specification of " + location + " `" + typeSpecName + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof error + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+              );
+            }
+            if (error instanceof Error && !(error.message in loggedTypeFailures)) {
+              loggedTypeFailures[error.message] = true;
+              var stack = getStack ? getStack() : "";
+              printWarning(
+                "Failed " + location + " type: " + error.message + (stack != null ? stack : "")
+              );
+            }
+          }
+        }
+      }
+    }
+    checkPropTypes.resetWarningCache = function() {
+      if (process.env.NODE_ENV !== "production") {
+        loggedTypeFailures = {};
+      }
+    };
+    module.exports = checkPropTypes;
+  }
+});
+
+// node_modules/prop-types/factoryWithTypeCheckers.js
+var require_factoryWithTypeCheckers = __commonJS({
+  "node_modules/prop-types/factoryWithTypeCheckers.js"(exports, module) {
+    var ReactIs = require_react_is();
+    var assign = require_object_assign();
+    var ReactPropTypesSecret = require_ReactPropTypesSecret();
+    var has = require_has();
+    var checkPropTypes = require_checkPropTypes();
+    var printWarning = function() {
+    };
+    if (process.env.NODE_ENV !== "production") {
+      printWarning = function(text) {
+        var message = "Warning: " + text;
+        if (typeof console !== "undefined") {
+          console.error(message);
+        }
+        try {
+          throw new Error(message);
+        } catch (x) {
+        }
+      };
+    }
+    function emptyFunctionThatReturnsNull() {
+      return null;
+    }
+    module.exports = function(isValidElement, throwOnDirectAccess) {
+      var ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
+      var FAUX_ITERATOR_SYMBOL = "@@iterator";
+      function getIteratorFn(maybeIterable) {
+        var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
+        if (typeof iteratorFn === "function") {
+          return iteratorFn;
+        }
+      }
+      var ANONYMOUS = "<<anonymous>>";
+      var ReactPropTypes = {
+        array: createPrimitiveTypeChecker("array"),
+        bigint: createPrimitiveTypeChecker("bigint"),
+        bool: createPrimitiveTypeChecker("boolean"),
+        func: createPrimitiveTypeChecker("function"),
+        number: createPrimitiveTypeChecker("number"),
+        object: createPrimitiveTypeChecker("object"),
+        string: createPrimitiveTypeChecker("string"),
+        symbol: createPrimitiveTypeChecker("symbol"),
+        any: createAnyTypeChecker(),
+        arrayOf: createArrayOfTypeChecker,
+        element: createElementTypeChecker(),
+        elementType: createElementTypeTypeChecker(),
+        instanceOf: createInstanceTypeChecker,
+        node: createNodeChecker(),
+        objectOf: createObjectOfTypeChecker,
+        oneOf: createEnumTypeChecker,
+        oneOfType: createUnionTypeChecker,
+        shape: createShapeTypeChecker,
+        exact: createStrictShapeTypeChecker
+      };
+      function is(x, y) {
+        if (x === y) {
+          return x !== 0 || 1 / x === 1 / y;
+        } else {
+          return x !== x && y !== y;
+        }
+      }
+      function PropTypeError(message, data) {
+        this.message = message;
+        this.data = data && typeof data === "object" ? data : {};
+        this.stack = "";
+      }
+      PropTypeError.prototype = Error.prototype;
+      function createChainableTypeChecker(validate) {
+        if (process.env.NODE_ENV !== "production") {
+          var manualPropTypeCallCache = {};
+          var manualPropTypeWarningCount = 0;
+        }
+        function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
+          componentName = componentName || ANONYMOUS;
+          propFullName = propFullName || propName;
+          if (secret !== ReactPropTypesSecret) {
+            if (throwOnDirectAccess) {
+              var err = new Error(
+                "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
+              );
+              err.name = "Invariant Violation";
+              throw err;
+            } else if (process.env.NODE_ENV !== "production" && typeof console !== "undefined") {
+              var cacheKey = componentName + ":" + propName;
+              if (!manualPropTypeCallCache[cacheKey] && // Avoid spamming the console because they are often not actionable except for lib authors
+              manualPropTypeWarningCount < 3) {
+                printWarning(
+                  "You are manually calling a React.PropTypes validation function for the `" + propFullName + "` prop on `" + componentName + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+                );
+                manualPropTypeCallCache[cacheKey] = true;
+                manualPropTypeWarningCount++;
+              }
+            }
+          }
+          if (props[propName] == null) {
+            if (isRequired) {
+              if (props[propName] === null) {
+                return new PropTypeError("The " + location + " `" + propFullName + "` is marked as required " + ("in `" + componentName + "`, but its value is `null`."));
+              }
+              return new PropTypeError("The " + location + " `" + propFullName + "` is marked as required in " + ("`" + componentName + "`, but its value is `undefined`."));
+            }
+            return null;
+          } else {
+            return validate(props, propName, componentName, location, propFullName);
+          }
+        }
+        var chainedCheckType = checkType.bind(null, false);
+        chainedCheckType.isRequired = checkType.bind(null, true);
+        return chainedCheckType;
+      }
+      function createPrimitiveTypeChecker(expectedType) {
+        function validate(props, propName, componentName, location, propFullName, secret) {
+          var propValue = props[propName];
+          var propType = getPropType(propValue);
+          if (propType !== expectedType) {
+            var preciseType = getPreciseType(propValue);
+            return new PropTypeError(
+              "Invalid " + location + " `" + propFullName + "` of type " + ("`" + preciseType + "` supplied to `" + componentName + "`, expected ") + ("`" + expectedType + "`."),
+              { expectedType }
+            );
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createAnyTypeChecker() {
+        return createChainableTypeChecker(emptyFunctionThatReturnsNull);
+      }
+      function createArrayOfTypeChecker(typeChecker) {
+        function validate(props, propName, componentName, location, propFullName) {
+          if (typeof typeChecker !== "function") {
+            return new PropTypeError("Property `" + propFullName + "` of component `" + componentName + "` has invalid PropType notation inside arrayOf.");
+          }
+          var propValue = props[propName];
+          if (!Array.isArray(propValue)) {
+            var propType = getPropType(propValue);
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected an array."));
+          }
+          for (var i = 0; i < propValue.length; i++) {
+            var error = typeChecker(propValue, i, componentName, location, propFullName + "[" + i + "]", ReactPropTypesSecret);
+            if (error instanceof Error) {
+              return error;
+            }
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createElementTypeChecker() {
+        function validate(props, propName, componentName, location, propFullName) {
+          var propValue = props[propName];
+          if (!isValidElement(propValue)) {
+            var propType = getPropType(propValue);
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected a single ReactElement."));
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createElementTypeTypeChecker() {
+        function validate(props, propName, componentName, location, propFullName) {
+          var propValue = props[propName];
+          if (!ReactIs.isValidElementType(propValue)) {
+            var propType = getPropType(propValue);
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected a single ReactElement type."));
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createInstanceTypeChecker(expectedClass) {
+        function validate(props, propName, componentName, location, propFullName) {
+          if (!(props[propName] instanceof expectedClass)) {
+            var expectedClassName = expectedClass.name || ANONYMOUS;
+            var actualClassName = getClassName(props[propName]);
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + actualClassName + "` supplied to `" + componentName + "`, expected ") + ("instance of `" + expectedClassName + "`."));
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createEnumTypeChecker(expectedValues) {
+        if (!Array.isArray(expectedValues)) {
+          if (process.env.NODE_ENV !== "production") {
+            if (arguments.length > 1) {
+              printWarning(
+                "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
+              );
+            } else {
+              printWarning("Invalid argument supplied to oneOf, expected an array.");
+            }
+          }
+          return emptyFunctionThatReturnsNull;
+        }
+        function validate(props, propName, componentName, location, propFullName) {
+          var propValue = props[propName];
+          for (var i = 0; i < expectedValues.length; i++) {
+            if (is(propValue, expectedValues[i])) {
+              return null;
+            }
+          }
+          var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
+            var type = getPreciseType(value);
+            if (type === "symbol") {
+              return String(value);
+            }
+            return value;
+          });
+          return new PropTypeError("Invalid " + location + " `" + propFullName + "` of value `" + String(propValue) + "` " + ("supplied to `" + componentName + "`, expected one of " + valuesString + "."));
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createObjectOfTypeChecker(typeChecker) {
+        function validate(props, propName, componentName, location, propFullName) {
+          if (typeof typeChecker !== "function") {
+            return new PropTypeError("Property `" + propFullName + "` of component `" + componentName + "` has invalid PropType notation inside objectOf.");
+          }
+          var propValue = props[propName];
+          var propType = getPropType(propValue);
+          if (propType !== "object") {
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected an object."));
+          }
+          for (var key in propValue) {
+            if (has(propValue, key)) {
+              var error = typeChecker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
+              if (error instanceof Error) {
+                return error;
+              }
+            }
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createUnionTypeChecker(arrayOfTypeCheckers) {
+        if (!Array.isArray(arrayOfTypeCheckers)) {
+          process.env.NODE_ENV !== "production" ? printWarning("Invalid argument supplied to oneOfType, expected an instance of array.") : void 0;
+          return emptyFunctionThatReturnsNull;
+        }
+        for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+          var checker = arrayOfTypeCheckers[i];
+          if (typeof checker !== "function") {
+            printWarning(
+              "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + getPostfixForTypeWarning(checker) + " at index " + i + "."
+            );
+            return emptyFunctionThatReturnsNull;
+          }
+        }
+        function validate(props, propName, componentName, location, propFullName) {
+          var expectedTypes = [];
+          for (var i2 = 0; i2 < arrayOfTypeCheckers.length; i2++) {
+            var checker2 = arrayOfTypeCheckers[i2];
+            var checkerResult = checker2(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
+            if (checkerResult == null) {
+              return null;
+            }
+            if (checkerResult.data && has(checkerResult.data, "expectedType")) {
+              expectedTypes.push(checkerResult.data.expectedType);
+            }
+          }
+          var expectedTypesMessage = expectedTypes.length > 0 ? ", expected one of type [" + expectedTypes.join(", ") + "]" : "";
+          return new PropTypeError("Invalid " + location + " `" + propFullName + "` supplied to " + ("`" + componentName + "`" + expectedTypesMessage + "."));
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createNodeChecker() {
+        function validate(props, propName, componentName, location, propFullName) {
+          if (!isNode(props[propName])) {
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` supplied to " + ("`" + componentName + "`, expected a ReactNode."));
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function invalidValidatorError(componentName, location, propFullName, key, type) {
+        return new PropTypeError(
+          (componentName || "React class") + ": " + location + " type `" + propFullName + "." + key + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + type + "`."
+        );
+      }
+      function createShapeTypeChecker(shapeTypes) {
+        function validate(props, propName, componentName, location, propFullName) {
+          var propValue = props[propName];
+          var propType = getPropType(propValue);
+          if (propType !== "object") {
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + propType + "` " + ("supplied to `" + componentName + "`, expected `object`."));
+          }
+          for (var key in shapeTypes) {
+            var checker = shapeTypes[key];
+            if (typeof checker !== "function") {
+              return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+            }
+            var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
+            if (error) {
+              return error;
+            }
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createStrictShapeTypeChecker(shapeTypes) {
+        function validate(props, propName, componentName, location, propFullName) {
+          var propValue = props[propName];
+          var propType = getPropType(propValue);
+          if (propType !== "object") {
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + propType + "` " + ("supplied to `" + componentName + "`, expected `object`."));
+          }
+          var allKeys = assign({}, props[propName], shapeTypes);
+          for (var key in allKeys) {
+            var checker = shapeTypes[key];
+            if (has(shapeTypes, key) && typeof checker !== "function") {
+              return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+            }
+            if (!checker) {
+              return new PropTypeError(
+                "Invalid " + location + " `" + propFullName + "` key `" + key + "` supplied to `" + componentName + "`.\nBad object: " + JSON.stringify(props[propName], null, "  ") + "\nValid keys: " + JSON.stringify(Object.keys(shapeTypes), null, "  ")
+              );
+            }
+            var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
+            if (error) {
+              return error;
+            }
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function isNode(propValue) {
+        switch (typeof propValue) {
+          case "number":
+          case "string":
+          case "undefined":
+            return true;
+          case "boolean":
+            return !propValue;
+          case "object":
+            if (Array.isArray(propValue)) {
+              return propValue.every(isNode);
+            }
+            if (propValue === null || isValidElement(propValue)) {
+              return true;
+            }
+            var iteratorFn = getIteratorFn(propValue);
+            if (iteratorFn) {
+              var iterator = iteratorFn.call(propValue);
+              var step;
+              if (iteratorFn !== propValue.entries) {
+                while (!(step = iterator.next()).done) {
+                  if (!isNode(step.value)) {
+                    return false;
+                  }
+                }
+              } else {
+                while (!(step = iterator.next()).done) {
+                  var entry = step.value;
+                  if (entry) {
+                    if (!isNode(entry[1])) {
+                      return false;
+                    }
+                  }
+                }
+              }
+            } else {
+              return false;
+            }
+            return true;
+          default:
+            return false;
+        }
+      }
+      function isSymbol(propType, propValue) {
+        if (propType === "symbol") {
+          return true;
+        }
+        if (!propValue) {
+          return false;
+        }
+        if (propValue["@@toStringTag"] === "Symbol") {
+          return true;
+        }
+        if (typeof Symbol === "function" && propValue instanceof Symbol) {
+          return true;
+        }
+        return false;
+      }
+      function getPropType(propValue) {
+        var propType = typeof propValue;
+        if (Array.isArray(propValue)) {
+          return "array";
+        }
+        if (propValue instanceof RegExp) {
+          return "object";
+        }
+        if (isSymbol(propType, propValue)) {
+          return "symbol";
+        }
+        return propType;
+      }
+      function getPreciseType(propValue) {
+        if (typeof propValue === "undefined" || propValue === null) {
+          return "" + propValue;
+        }
+        var propType = getPropType(propValue);
+        if (propType === "object") {
+          if (propValue instanceof Date) {
+            return "date";
+          } else if (propValue instanceof RegExp) {
+            return "regexp";
+          }
+        }
+        return propType;
+      }
+      function getPostfixForTypeWarning(value) {
+        var type = getPreciseType(value);
+        switch (type) {
+          case "array":
+          case "object":
+            return "an " + type;
+          case "boolean":
+          case "date":
+          case "regexp":
+            return "a " + type;
+          default:
+            return type;
+        }
+      }
+      function getClassName(propValue) {
+        if (!propValue.constructor || !propValue.constructor.name) {
+          return ANONYMOUS;
+        }
+        return propValue.constructor.name;
+      }
+      ReactPropTypes.checkPropTypes = checkPropTypes;
+      ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
+      ReactPropTypes.PropTypes = ReactPropTypes;
+      return ReactPropTypes;
+    };
+  }
+});
+
+// node_modules/prop-types/factoryWithThrowingShims.js
+var require_factoryWithThrowingShims = __commonJS({
+  "node_modules/prop-types/factoryWithThrowingShims.js"(exports, module) {
+    var ReactPropTypesSecret = require_ReactPropTypesSecret();
+    function emptyFunction() {
+    }
+    function emptyFunctionWithReset() {
+    }
+    emptyFunctionWithReset.resetWarningCache = emptyFunction;
+    module.exports = function() {
+      function shim(props, propName, componentName, location, propFullName, secret) {
+        if (secret === ReactPropTypesSecret) {
+          return;
+        }
+        var err = new Error(
+          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+        );
+        err.name = "Invariant Violation";
+        throw err;
+      }
+      shim.isRequired = shim;
+      function getShim() {
+        return shim;
+      }
+      var ReactPropTypes = {
+        array: shim,
+        bigint: shim,
+        bool: shim,
+        func: shim,
+        number: shim,
+        object: shim,
+        string: shim,
+        symbol: shim,
+        any: shim,
+        arrayOf: getShim,
+        element: shim,
+        elementType: shim,
+        instanceOf: getShim,
+        node: shim,
+        objectOf: getShim,
+        oneOf: getShim,
+        oneOfType: getShim,
+        shape: getShim,
+        exact: getShim,
+        checkPropTypes: emptyFunctionWithReset,
+        resetWarningCache: emptyFunction
+      };
+      ReactPropTypes.PropTypes = ReactPropTypes;
+      return ReactPropTypes;
+    };
+  }
+});
+
+// node_modules/prop-types/index.js
+var require_prop_types = __commonJS({
+  "node_modules/prop-types/index.js"(exports, module) {
+    if (process.env.NODE_ENV !== "production") {
+      ReactIs = require_react_is();
+      throwOnDirectAccess = true;
+      module.exports = require_factoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
+    } else {
+      module.exports = require_factoryWithThrowingShims()();
+    }
+    var ReactIs;
+    var throwOnDirectAccess;
+  }
+});
+var stackSxProps = [
+  "margin",
+  "marginTop",
+  "marginRight",
+  "marginBottom",
+  "marginLeft",
+  "m",
+  "mt",
+  "mr",
+  "mb",
+  "ml",
+  "mx",
+  "my",
+  "padding",
+  "paddingTop",
+  "paddingRight",
+  "paddingBottom",
+  "paddingLeft",
+  "p",
+  "pt",
+  "pr",
+  "pb",
+  "pl",
+  "px",
+  "py",
+  "flexGrow",
+  "flexShrink",
+  "flexBasis",
+  "flexDirection",
+  "alignItems",
+  "justifyContent",
+  "position",
+  "zIndex",
+  "top",
+  "right",
+  "bottom",
+  "left",
+  "gridGap",
+  "gridColumnGap",
+  "gridRowGap",
+  "gridColumn",
+  "gridRow",
+  "gridAutoFlow",
+  "gap",
+  "columnGap",
+  "rowGap"
+];
+var TypographyWithIcon = ({ startIcon, endIcon, children, sx, gutterBottom, ...props }) => {
+  const sxCopy = { ...sx };
+  const stackStyles = {};
+  if (sxCopy) {
+    for (const current of stackSxProps) {
+      if (sxCopy[current]) {
+        stackStyles[current] = sxCopy[current];
+        delete sxCopy[current];
+      }
+    }
+  }
+  return /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", gap: 1, sx: stackStyles, mb: gutterBottom ? 0.7 : void 0, children: [
+    startIcon,
+    /* @__PURE__ */ jsx(Typography, { ...props, sx: sxCopy, children }),
+    endIcon
+  ] });
+};
+var PageHeader = ({ title, action, sx }) => {
+  return /* @__PURE__ */ jsx(CardHeader, { title: /* @__PURE__ */ jsx(Typography, { variant: "h4", fontWeight: 600, children: title }), action, sx: { px: 0, ...sx } });
+};
+var TableContainer = ({ children, sx, ...props }) => {
+  const reference = useRef(null);
+  const [height, setHeight] = useState();
+  useEffect(() => {
+    const element = reference.current;
+    if (!element) return;
+    const recompute = () => {
+      if (!reference.current) return;
+      const top = Math.ceil(reference.current.getBoundingClientRect().top);
+      const avail = Math.max(0, window.innerHeight - top);
+      setHeight(avail);
+    };
+    recompute();
+    window.addEventListener("resize", recompute);
+    const ro = new ResizeObserver(recompute);
+    ro.observe(document.documentElement);
+    ro.observe(document.body);
+    ro.observe(element);
+    return () => {
+      window.removeEventListener("resize", recompute);
+      ro.disconnect();
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref: reference,
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        minHeight: 0,
+        width: "100%",
+        ...sx
+      },
+      height,
+      ...props,
+      children: /* @__PURE__ */ jsx(Box, { sx: (theme) => ({
+        flex: 1,
+        minHeight: 0,
+        height: "100%",
+        "& .MuiDataGrid-cell--editing": {
+          "& .MuiInputBase-root": {
+            height: "100%"
+          }
+        },
+        "& .MuiDataGrid-columnHeaderTitle": {
+          fontWeight: 600
+        },
+        "& .Mui-error": {
+          backgroundColor: theme.palette.error.main,
+          color: theme.palette.error.contrastText
+        },
+        "& .MuiDataGrid-booleanCell[data-value='true']": {
+          color: `${theme.palette.success.main} !important`
+        },
+        "& .MuiDataGrid-booleanCell[data-value='false']": {
+          color: `${theme.palette.error.main} !important`
+        }
+      }), children })
+    }
+  );
+};
+var baseStyle = {
+  flex: 1,
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  padding: "20px",
+  borderWidth: 2,
+  borderRadius: 2,
+  borderStyle: "dashed",
+  outline: "none",
+  transition: "border .24s ease-in-out",
+  cursor: "pointer"
+};
+var Dropzone = ({ sx, ...props }) => {
+  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__ */ jsxs(Paper, { variant: "outlined", ...getRootProps({ style }), sx, children: [
+    /* @__PURE__ */ jsx("input", { ...getInputProps(), style: { display: "none" } }),
+    /* @__PURE__ */ jsx(CloudUpload, {}),
+    /* @__PURE__ */ jsx(Typography, { children: t2("Layout.File.DragSomeFilesHereOrClickToSelectThem") })
+  ] });
+};
+var FileContext = createContext(null);
+var useFile = () => {
+  const context = useContext(FileContext);
+  if (!context) {
+    throw new Error("FileViewer components must be used within FileViewer");
+  }
+  return context;
+};
+var AppTitle = () => {
+  const title = useAppTitle();
+  return /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", spacing: 2, flexGrow: 1, children: [
+    /* @__PURE__ */ jsx("img", { src: "/favicon-32x32.png", alt: "app-logo", loading: "lazy" }),
+    /* @__PURE__ */ jsx(Typography, { variant: "h6", children: title }),
+    import.meta.env.DEV && /* @__PURE__ */ jsx(Chip, { size: "small", label: "TEST", color: "info" })
+  ] });
+};
+var useAppTitle = () => {
+  const rootRouterState = useRouterState({ select: (s) => s.matches[0] });
+  return rootRouterState.meta?.find((meta) => meta?.title)?.title;
+};
+var Platform = class {
+  static get isAndroid() {
+    return /android/i.test(this.userAgent);
+  }
+  static get isIOS() {
+    return /iPad|iPhone|iPod/.test(this.userAgent);
+  }
+  static get isWindows() {
+    return /windows/i.test(this.userAgent);
+  }
+  static get isMacOS() {
+    return /Macintosh|MacIntel|MacPPC|Mac68K/.test(this.userAgent);
+  }
+  static get userAgent() {
+    return typeof navigator === "undefined" ? "" : navigator.userAgent;
+  }
+};
+var rootRouteHead = ({ title }) => () => ({
+  meta: [
+    { charSet: "utf-8" },
+    { name: "viewport", content: "width=device-width, initial-scale=1" },
+    { title },
+    { name: "og:type", content: "website" },
+    { name: "og:title", content: title },
+    { name: "og:image", content: "/favicon-32x32.png" }
+  ],
+  links: [
+    { rel: "apple-touch-icon", sizes: "180x180", href: "/apple-touch-icon.png" },
+    { rel: "icon", type: "image/png", sizes: "32x32", href: "/favicon-32x32.png" },
+    { rel: "icon", type: "image/png", sizes: "16x16", href: "/favicon-16x16.png" },
+    { rel: "manifest", href: "/site.webmanifest" },
+    { rel: "icon", href: "/favicon.ico" }
+  ]
+});
+var wczApiClient = axios.create();
+
+// src/hooks/FileHooks.ts
+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 useQuery({
+    ...options,
+    queryKey: [QUERY_KEY, "meta", subId, appTitle],
+    queryFn: ({ signal }) => wczApiClient.request({
+      url: `${BASE_URL}/v1/meta?appName=${appTitle}&subId=${subId}`,
+      method: "GET",
+      signal
+    }),
+    staleTime: HOUR,
+    gcTime: HOUR,
+    refetchOnWindowFocus: false
+  });
+};
+var useGetFileThumbnail = (meta, options) => {
+  const appTitle = useAppTitle();
+  return useQuery({
+    ...options,
+    queryKey: [QUERY_KEY, "thumbnail", meta?.id, appTitle],
+    queryFn: ({ signal }) => wczApiClient.request({
+      url: `${BASE_URL}/v1/thumbnail?appName=${appTitle}&id=${meta?.id}`,
+      method: "GET",
+      signal,
+      responseType: "blob"
+    }),
+    select: (data) => URL.createObjectURL(data),
+    staleTime: HOUR,
+    gcTime: HOUR,
+    refetchOnWindowFocus: false,
+    enabled: !!meta?.id && options?.enabled
+  });
+};
+var useGetFile = (meta, options) => {
+  const appTitle = useAppTitle();
+  return useQuery({
+    ...options,
+    queryKey: [QUERY_KEY, meta?.id, appTitle],
+    queryFn: ({ signal }) => wczApiClient.request({
+      url: `${BASE_URL}/v1?appName=${appTitle}&id=${meta?.id}`,
+      method: "GET",
+      signal,
+      responseType: "blob"
+    }),
+    select: (data) => URL.createObjectURL(data),
+    staleTime: HOUR,
+    gcTime: HOUR,
+    refetchOnWindowFocus: false,
+    enabled: !!meta?.id && options?.enabled
+  });
+};
+var useDownloadFile = (options) => {
+  const appTitle = useAppTitle();
+  return useMutation({
+    ...options,
+    mutationFn: (meta) => wczApiClient.request({
+      url: `${BASE_URL}/v1/download?appName=${appTitle}&id=${meta.id}`,
+      method: "GET",
+      responseType: "blob"
+    }),
+    onSuccess: (data, variables) => saveAs(data, `${variables.fileName}.${variables.fileExtension}`)
+  });
+};
+var useOpenFile = (options) => {
+  const appTitle = useAppTitle();
+  return useMutation({
+    ...options,
+    mutationFn: (meta) => wczApiClient.request({
+      url: `${BASE_URL}/v1?appName=${appTitle}&id=${meta.id}`,
+      method: "GET",
+      responseType: "blob"
+    }),
+    onSuccess: (data) => {
+      window.open(URL.createObjectURL(data));
+    }
+  });
+};
+var useUpdateFileMeta = (options) => {
+  const appTitle = useAppTitle();
+  const queryClient = useQueryClient();
+  return useMutation({
+    ...options,
+    mutationFn: (meta) => wczApiClient.request({
+      url: `${BASE_URL}/v1/meta?appName=${appTitle}&id=${meta.id}`,
+      method: "PUT",
+      data: meta
+    }),
+    onSettled: () => queryClient.invalidateQueries({ queryKey: [QUERY_KEY, "meta"], exact: false })
+  });
+};
+var useDeleteFile = (options) => {
+  const appTitle = useAppTitle();
+  const queryClient = useQueryClient();
+  return useMutation({
+    ...options,
+    mutationFn: (meta) => wczApiClient.request({
+      url: `${BASE_URL}/v1?appName=${appTitle}&id=${meta.id}`,
+      method: "DELETE"
+    }),
+    onSettled: () => queryClient.invalidateQueries({ queryKey: [QUERY_KEY, "meta"], exact: false })
+  });
+};
+var useDeleteFiles = (options) => {
+  const appTitle = useAppTitle();
+  const queryClient = useQueryClient();
+  return useMutation({
+    ...options,
+    mutationFn: (subId) => wczApiClient.request({
+      url: `${BASE_URL}/v1?appName=${appTitle}&subId=${subId}`,
+      method: "DELETE"
+    }),
+    onSettled: () => queryClient.invalidateQueries({ queryKey: [QUERY_KEY, "meta"], exact: false })
+  });
+};
+var useUploadFile = ({ subId, onSuccess, onError }) => {
+  const appTitle = useAppTitle();
+  const [progress, setProgress] = useState(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: uuidv7(),
+      appName: appTitle,
+      subId,
+      fileName: file.name
+    };
+    const upload = new Upload(file, {
+      endpoint: `${BASE_URL}/v1/upload`,
+      chunkSize: 1048576,
+      // 1 MB
+      metadata: {
+        id: metadata.id,
+        appName: metadata.appName,
+        subId: metadata.subId,
+        fileName: metadata.fileName,
+        fileExtension: file.type
+      },
+      //headers: { "Authorization": `Bearer ${await getToken()}` }, //TODO: implement token retrieval
+      onError: (error) => {
+        setProgress(0);
+        onError?.(error);
+      },
+      onProgress: (bytesUploaded, bytesTotal) => {
+        setProgress(bytesUploaded / bytesTotal * 100);
+      },
+      onSuccess: () => {
+        setProgress(0);
+        queryClient.invalidateQueries({ queryKey: [QUERY_KEY, "meta", subId, appTitle], exact: false });
+        onSuccess?.(metadata);
+      }
+    });
+    const previousUploads = await upload.findPreviousUploads();
+    if (previousUploads.length > 0) {
+      upload.resumeFromPreviousUpload(previousUploads[0]);
+    }
+    upload.start();
+  };
+  return { mutate, progress };
+};
+var useEnhancedEffect = typeof window !== "undefined" ? React11.useLayoutEffect : React11.useEffect;
+var useEnhancedEffect_default = useEnhancedEffect;
+
+// node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js
+function useEventCallback(fn) {
+  const ref = React11.useRef(fn);
+  useEnhancedEffect_default(() => {
+    ref.current = fn;
+  });
+  return React11.useRef((...args) => (
+    // @ts-expect-error hide `this`
+    (0, ref.current)(...args)
+  )).current;
+}
+var useEventCallback_default = useEventCallback;
+var DialogsContext = createContext({});
+function AlertDialog({ open, payload, onClose }) {
+  const { t: t2 } = useTranslation();
+  return /* @__PURE__ */ jsxs(Dialog$1, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(), children: [
+    /* @__PURE__ */ jsx(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Alert") }),
+    /* @__PURE__ */ jsx(DialogContent, { children: payload.message }),
+    /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button$1, { disabled: !open, onClick: () => onClose(), children: t2("Layout.Dialog.Confirm") }) })
+  ] });
+}
+function ConfirmDialog({ open, payload, onClose }) {
+  const { t: t2 } = useTranslation();
+  return /* @__PURE__ */ jsxs(Dialog$1, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(false), children: [
+    /* @__PURE__ */ jsx(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Confirm") }),
+    /* @__PURE__ */ jsx(DialogContent, { children: payload.message }),
+    /* @__PURE__ */ jsxs(DialogActions, { children: [
+      /* @__PURE__ */ jsx(Button$1, { autoFocus: true, disabled: !open, onClick: () => onClose(false), children: payload.cancelText ?? t2("Layout.Dialog.Cancel") }),
+      /* @__PURE__ */ jsx(Button$1, { disabled: !open, onClick: () => onClose(true), children: t2("Layout.Dialog.Confirm") })
+    ] })
+  ] });
+}
+function useDialogs() {
+  const { open, close } = useContext(DialogsContext);
+  const alert = useEventCallback_default(
+    (message, { ...options } = {}) => open(AlertDialog, { ...options, message })
+  );
+  const confirm = useEventCallback_default(
+    (message, { ...options } = {}) => open(ConfirmDialog, { ...options, message })
+  );
+  return useMemo(() => ({ alert, confirm, open, close }), [alert, close, confirm, open]);
+}
+var ActionsMenu = ({ meta, menu, setMenu }) => {
+  const { t: t2 } = useTranslation();
+  const { fileMetas, onDelete, actions } = useFile();
+  const { confirm } = useDialogs();
+  const handleMenuClose = () => {
+    setMenu(null);
+  };
+  const { mutate: download, isPending: isDownloading } = useDownloadFile();
+  const { mutate: deleteFile, isPending: isDeleting } = useDeleteFile();
+  const handleOnDownload = () => {
+    handleMenuClose();
+    download(meta);
+  };
+  const handleOnDelete = async () => {
+    if (!await confirm(t2("Layout.File.AreYouSureYouWantToDelete", { fileName: meta.fileName })))
+      return;
+    deleteFile(meta);
+    handleMenuClose();
+    if (onDelete) {
+      const remainingFileMetas = fileMetas.filter((m) => m.id !== meta.id);
+      onDelete({ remainingFileMetas, deletedFileMeta: meta });
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Menu,
+    {
+      open: menu !== null,
+      onClose: handleMenuClose,
+      anchorReference: "anchorPosition",
+      variant: "menu",
+      anchorPosition: menu === null ? void 0 : { top: menu.mouseY, left: menu.mouseX },
+      children: /* @__PURE__ */ jsxs(List, { disablePadding: true, children: [
+        actions?.download !== false && /* @__PURE__ */ jsxs(ListItemButton, { onClick: handleOnDownload, disabled: isDownloading, children: [
+          /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(FileDownload, {}) }),
+          /* @__PURE__ */ jsx(ListItemText, { children: t2("Layout.File.Download") })
+        ] }),
+        actions?.delete !== false && /* @__PURE__ */ jsxs(ListItemButton, { onClick: handleOnDelete, disabled: isDeleting, children: [
+          /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Delete, {}) }),
+          /* @__PURE__ */ jsx(ListItemText, { children: t2("Layout.File.Delete") })
+        ] })
+      ] })
+    }
+  );
+};
+var IMAGE_SIZE = 150;
+var FileViewerGrid = ({ sx, size, itemBar }) => {
+  const { fileMetas } = useFile();
+  return /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 1, sx: { overflow: "auto", ...sx }, children: fileMetas.map((fileMeta) => /* @__PURE__ */ jsx(
+    GridFileViewerItem,
+    {
+      meta: fileMeta,
+      size,
+      itemBar
+    },
+    fileMeta.id
+  )) });
+};
+var GridFileViewerItem = ({ meta, size, itemBar }) => {
+  const { setImageId, actions } = useFile();
+  const [showItemBar, setShowItemBar] = useState(itemBar === "always");
+  const [menu, setMenu] = useState(null);
+  useEffect(() => {
+    setShowItemBar(itemBar === "always");
+  }, [itemBar]);
+  const { data: source } = useGetFileThumbnail(meta);
+  const handleOnMouseEnter = () => setShowItemBar(true);
+  const handleOnMouseLeave = () => itemBar !== "always" && setShowItemBar(false);
+  const openMenu = (event) => {
+    setMenu(menu === null ? { mouseX: event.clientX, mouseY: event.clientY } : null);
+    setTimeout(() => setShowItemBar(true));
+  };
+  const { mutate: openFile } = useOpenFile();
+  const { mutate: download } = useDownloadFile();
+  const onClick = () => {
+    switch (meta.mediaType) {
+      case "image": {
+        return setImageId(meta.id);
+      }
+      case "application": {
+        return openFile(meta);
+      }
+      case "video": {
+        return openFile(meta);
+      }
+      default: {
+        return download(meta);
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(ImageListItem, { sx: { width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, children: [
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          component: "img",
+          src: source,
+          loading: "lazy",
+          alt: "thumbnail-" + meta.id,
+          onClick,
+          sx: { cursor: "pointer", objectFit: "contain", width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }
+        }
+      ),
+      itemBar !== "hidden" && showItemBar && /* @__PURE__ */ jsx(
+        ImageListItemBar,
+        {
+          title: /* @__PURE__ */ jsx(Tooltip, { title: meta.fileName, children: /* @__PURE__ */ jsx(Box, { children: meta.fileName }) }),
+          actionIcon: (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx(IconButton, { sx: { color: grey[100] }, onClick: openMenu, children: /* @__PURE__ */ jsx(MoreVert, {}) })
+        }
+      )
+    ] }),
+    (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx(ActionsMenu, { meta, menu, setMenu })
+  ] });
+};
+var FileViewerList = ({ sx }) => {
+  const { fileMetas } = useFile();
+  return /* @__PURE__ */ jsx(List, { dense: true, sx, children: fileMetas.map(
+    (fileMeta) => /* @__PURE__ */ jsx(
+      ListFileViewerItem,
+      {
+        meta: fileMeta
+      },
+      fileMeta.id
+    )
+  ) });
+};
+var ListFileViewerItem = ({ meta }) => {
+  const { setImageId, actions } = useFile();
+  const [menu, setMenu] = useState(null);
+  const openMenu = (event) => {
+    event.stopPropagation();
+    setMenu(menu === null ? { mouseX: event.clientX, mouseY: event.clientY } : null);
+  };
+  const { mutate: openFile } = useOpenFile();
+  const { mutate: download } = useDownloadFile();
+  const onClick = () => {
+    switch (meta.mediaType) {
+      case "image": {
+        return setImageId(meta.id);
+      }
+      case "application": {
+        return openFile(meta);
+      }
+      case "video": {
+        return openFile(meta);
+      }
+      default: {
+        return download(meta);
+      }
+    }
+  };
+  const icon = () => {
+    switch (meta.mediaType) {
+      case "image": {
+        return /* @__PURE__ */ jsx(Image, {});
+      }
+      case "video": {
+        return /* @__PURE__ */ jsx(SmartDisplay, {});
+      }
+      default: {
+        return /* @__PURE__ */ jsx(AttachFile, {});
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(ListItemButton, { onClick, children: [
+      /* @__PURE__ */ jsx(ListItemIcon, { children: icon() }),
+      /* @__PURE__ */ jsx(ListItemText, { primary: `${meta.fileName}.${meta.fileExtension}` }),
+      (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx(IconButton, { edge: "end", onClick: openMenu, children: /* @__PURE__ */ jsx(MoreVert, {}) })
+    ] }, meta.id),
+    (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx(ActionsMenu, { meta, menu, setMenu })
+  ] });
+};
+var ImageViewer = ({ metaId }) => {
+  const { fileMetas, setImageId } = useFile();
+  const meta = fileMetas.find((m) => m.id === metaId);
+  const { data: source } = useGetFile(meta);
+  useEffect(() => {
+    if (globalThis.window !== void 0 && metaId)
+      globalThis.addEventListener("keydown", handleOnKeydown);
+    return () => {
+      globalThis.removeEventListener("keydown", handleOnKeydown);
+    };
+  }, [metaId]);
+  const handleOnKeydown = (event) => {
+    const images = fileMetas.filter((m) => m.mediaType === "image");
+    const imageIndex = images.findIndex((m) => m.id === metaId);
+    switch (event.key) {
+      case "ArrowLeft": {
+        return handleOnArrowLeft(images, imageIndex);
+      }
+      case "ArrowRight": {
+        return handleOnArrowRight(images, imageIndex);
+      }
+      case "Backspace":
+      case "Escape": {
+        event.preventDefault();
+        return onClose();
+      }
+    }
+  };
+  const handleOnArrowLeft = (images, index) => {
+    if (index > 0) {
+      const previousFile = images[index - 1];
+      setImageId(previousFile.id);
+    }
+  };
+  const handleOnArrowRight = (images, index) => {
+    if (index < images.length - 1) {
+      const nextFile = images[index + 1];
+      setImageId(nextFile.id);
+    }
+  };
+  const onClose = () => setImageId("");
+  if (!metaId) return null;
+  return /* @__PURE__ */ jsxs(Dialog, { open: true, onClose, maxWidth: "xl", children: [
+    /* @__PURE__ */ jsx(Box, { component: "img", src: source, alt: metaId, sx: { maxWidth: "100vw", maxHeight: { xs: "calc(100vh - 56px)", sm: "calc(100vh - 64px)" } } }),
+    /* @__PURE__ */ jsx(Fab, { size: "medium", onClick: onClose, sx: { position: "fixed", top: 8, right: 8 }, children: /* @__PURE__ */ jsx(Close, {}) })
+  ] });
+};
+var FileViewer = ({ subId, onDelete, actions, children }) => {
+  const { data: fileMetas = [] } = useGetFileMetas(subId, { enabled: !!subId });
+  const [imageId, setImageId] = useState("");
+  const components = { Grid: FileViewerGrid, List: FileViewerList };
+  if (fileMetas.length === 0) return null;
+  return /* @__PURE__ */ jsxs(FileContext.Provider, { value: { fileMetas, onDelete, actions, setImageId }, children: [
+    children(components),
+    /* @__PURE__ */ jsx(ImageViewer, { metaId: imageId })
+  ] });
+};
+var isArray = (value) => Array.isArray(value);
+var ChipInputCell = ({ params, slotProps, getLabel }) => {
+  if (!params.value) return null;
+  const getLabelValue = (value) => {
+    if (getLabel) return getLabel(value);
+    return value;
+  };
+  if (isArray(params.value))
+    return /* @__PURE__ */ jsx(Stack, { direction: "row", alignItems: "center", gap: 1, sx: { overflowX: "auto", height: "100%", width: params.colDef.computedWidth }, children: params.value.map(
+      (value, index) => /* @__PURE__ */ jsx(Chip, { label: getLabelValue(value), ...slotProps }, `${index + 1}-chip-input-cell`)
+    ) });
+  return /* @__PURE__ */ jsx(Chip, { label: getLabelValue(params.value), ...slotProps });
+};
+var EditableColumnHeader = ({ colDef }) => {
+  return /* @__PURE__ */ jsx(TypographyWithIcon, { endIcon: /* @__PURE__ */ jsx(Edit, { color: "disabled", fontSize: "small" }), variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
+};
+var Component = React11__default.forwardRef(function ButtonComponent(props, reference) {
+  return /* @__PURE__ */ jsx(Button, { ref: reference, component: "a", ...props });
+});
+var CreatedComponent = createLink(Component);
+var RouterButton = (props) => {
+  return /* @__PURE__ */ jsx(CreatedComponent, { ...props });
+};
+var Component2 = React11__default.forwardRef(
+  function GridActionsCellItemComponent(props, reference) {
+    return /* @__PURE__ */ jsx(GridActionsCellItem, { ref: reference, component: "a", ...props });
+  }
+);
+var CreatedComponent2 = createLink(Component2);
+var RouterGridActionsCellItem = (props) => {
+  return /* @__PURE__ */ jsx(CreatedComponent2, { ...props });
+};
+var Component3 = React11__default.forwardRef(function IconButtonComponent(props, reference) {
+  return /* @__PURE__ */ jsx(IconButton, { ref: reference, component: "a", ...props });
+});
+var CreatedComponent3 = createLink(Component3);
+var RouterIconButton = (props) => {
+  return /* @__PURE__ */ jsx(CreatedComponent3, { ...props });
+};
+var Component4 = React11__default.forwardRef(function LinkComponent(props, reference) {
+  return /* @__PURE__ */ jsx(Link, { ref: reference, ...props });
+});
+var CreatedComponent4 = createLink(Component4);
+var RouterLink = (props) => {
+  return /* @__PURE__ */ jsx(CreatedComponent4, { ...props });
+};
+var Component5 = React11__default.forwardRef(function TabComponent(props, reference) {
+  return /* @__PURE__ */ jsx(Tab, { ref: reference, component: "a", ...props });
+});
+var CreatedComponent5 = createLink(Component5);
+var RouterTab = (props) => {
+  return /* @__PURE__ */ jsx(CreatedComponent5, { ...props });
+};
+var Component6 = React11__default.forwardRef(function ButtonComponent2(props, reference) {
+  return /* @__PURE__ */ jsx(ListItemButton, { ref: reference, component: "a", ...props });
+});
+var CreatedComponent6 = createLink(Component6);
+var RouterListItemButton = (props) => {
+  return /* @__PURE__ */ jsx(CreatedComponent6, { ...props });
+};
+function RouterNotFound() {
+  const { t: t2 } = useTranslation();
+  return /* @__PURE__ */ jsx(Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", mb: 4, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
+    /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
+    /* @__PURE__ */ jsx(Typography, { variant: "h5", component: "span", children: t2("Layout.ThisPageCouldNotBeFound") })
+  ] }) });
+}
+var RouterError = ({ error }) => {
+  return /* @__PURE__ */ jsx(Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", mb: 4, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: error.name || "500" }),
+    /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
+    /* @__PURE__ */ jsx(Typography, { variant: "h5", component: "span", children: error.message })
+  ] }) });
+};
+
+// node_modules/@babel/runtime/helpers/esm/extends.js
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t2 = arguments[e];
+      for (var r in t2) ({}).hasOwnProperty.call(t2, r) && (n[r] = t2[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+
+// node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t2 = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t2[n] = r[n];
+  }
+  return t2;
+}
+
+// node_modules/@mui/x-date-pickers/esm/LocalizationProvider/LocalizationProvider.js
+var import_prop_types = __toESM(require_prop_types());
+var _excluded = ["localeText"];
+var PickerAdapterContext = /* @__PURE__ */ React11.createContext(null);
+if (process.env.NODE_ENV !== "production") PickerAdapterContext.displayName = "PickerAdapterContext";
+var LocalizationProvider = function LocalizationProvider2(inProps) {
+  const {
+    localeText: inLocaleText
+  } = inProps, otherInProps = _objectWithoutPropertiesLoose(inProps, _excluded);
+  const {
+    adapter: parentAdapter,
+    localeText: parentLocaleText
+  } = React11.useContext(PickerAdapterContext) ?? {
+    adapter: void 0,
+    localeText: void 0
+  };
+  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,
+    name: "MuiLocalizationProvider"
+  });
+  const {
+    children,
+    dateAdapter: DateAdapter,
+    dateFormats,
+    dateLibInstance,
+    adapterLocale,
+    localeText: themeLocaleText
+  } = props;
+  const localeText = React11.useMemo(() => _extends({}, themeLocaleText, parentLocaleText, inLocaleText), [themeLocaleText, parentLocaleText, inLocaleText]);
+  const adapter = React11.useMemo(() => {
+    if (!DateAdapter) {
+      if (parentAdapter) {
+        return parentAdapter;
+      }
+      return null;
+    }
+    const dateAdapter = new DateAdapter({
+      locale: adapterLocale,
+      formats: dateFormats,
+      instance: dateLibInstance
+    });
+    if (!dateAdapter.isMUIAdapter) {
+      throw new Error(["MUI X: The date adapter should be imported from `@mui/x-date-pickers` or `@mui/x-date-pickers-pro`, not from `@date-io`", "For example, `import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'` instead of `import AdapterDayjs from '@date-io/dayjs'`", "More information on the installation documentation: https://mui.com/x/react-date-pickers/quickstart/#installation"].join(`
+`));
+    }
+    return dateAdapter;
+  }, [DateAdapter, adapterLocale, dateFormats, dateLibInstance, parentAdapter]);
+  const defaultDates = React11.useMemo(() => {
+    if (!adapter) {
+      return null;
+    }
+    return {
+      minDate: adapter.date("1900-01-01T00:00:00.000"),
+      maxDate: adapter.date("2099-12-31T00:00:00.000")
+    };
+  }, [adapter]);
+  const contextValue = React11.useMemo(() => {
+    return {
+      utils: adapter,
+      adapter,
+      defaultDates,
+      localeText
+    };
+  }, [defaultDates, adapter, localeText]);
+  return /* @__PURE__ */ jsx(PickerAdapterContext.Provider, {
+    value: contextValue,
+    children
+  });
+};
+if (process.env.NODE_ENV !== "production") LocalizationProvider.displayName = "LocalizationProvider";
+process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Locale for the date library you are using
+   */
+  adapterLocale: import_prop_types.default.any,
+  children: import_prop_types.default.node,
+  /**
+   * Date library adapter class function.
+   * @see See the localization provider {@link https://mui.com/x/react-date-pickers/quickstart/#integrate-provider-and-adapter date adapter setup section} for more details.
+   */
+  dateAdapter: import_prop_types.default.func,
+  /**
+   * Formats that are used for any child pickers
+   */
+  dateFormats: import_prop_types.default.shape({
+    dayOfMonth: import_prop_types.default.string,
+    dayOfMonthFull: import_prop_types.default.string,
+    fullDate: import_prop_types.default.string,
+    fullTime12h: import_prop_types.default.string,
+    fullTime24h: import_prop_types.default.string,
+    hours12h: import_prop_types.default.string,
+    hours24h: import_prop_types.default.string,
+    keyboardDate: import_prop_types.default.string,
+    keyboardDateTime12h: import_prop_types.default.string,
+    keyboardDateTime24h: import_prop_types.default.string,
+    meridiem: import_prop_types.default.string,
+    minutes: import_prop_types.default.string,
+    month: import_prop_types.default.string,
+    monthShort: import_prop_types.default.string,
+    normalDate: import_prop_types.default.string,
+    normalDateWithWeekday: import_prop_types.default.string,
+    seconds: import_prop_types.default.string,
+    shortDate: import_prop_types.default.string,
+    weekday: import_prop_types.default.string,
+    weekdayShort: import_prop_types.default.string,
+    year: import_prop_types.default.string
+  }),
+  /**
+   * Date library instance you are using, if it has some global overrides
+   * ```jsx
+   * dateLibInstance={momentTimeZone}
+   * ```
+   */
+  dateLibInstance: import_prop_types.default.any,
+  /**
+   * Locale for components texts
+   */
+  localeText: import_prop_types.default.object
+} : void 0;
+
+// node_modules/@mui/x-internals/esm/warning/warning.js
+var warnedOnceCache = /* @__PURE__ */ new Set();
+function warnOnce(message, gravity = "warning") {
+  if (process.env.NODE_ENV === "production") {
+    return;
+  }
+  const cleanMessage = Array.isArray(message) ? message.join("\n") : message;
+  if (!warnedOnceCache.has(cleanMessage)) {
+    warnedOnceCache.add(cleanMessage);
+    if (gravity === "error") {
+      console.error(cleanMessage);
+    } else {
+      console.warn(cleanMessage);
+    }
+  }
+}
+dayjs.extend(localizedFormatPlugin);
+dayjs.extend(weekOfYearPlugin);
+dayjs.extend(isBetweenPlugin);
+dayjs.extend(advancedFormatPlugin);
+var formatTokenMap = {
+  // Year
+  YY: "year",
+  YYYY: {
+    sectionType: "year",
+    contentType: "digit",
+    maxLength: 4
+  },
+  // Month
+  M: {
+    sectionType: "month",
+    contentType: "digit",
+    maxLength: 2
+  },
+  MM: "month",
+  MMM: {
+    sectionType: "month",
+    contentType: "letter"
+  },
+  MMMM: {
+    sectionType: "month",
+    contentType: "letter"
+  },
+  // Day of the month
+  D: {
+    sectionType: "day",
+    contentType: "digit",
+    maxLength: 2
+  },
+  DD: "day",
+  Do: {
+    sectionType: "day",
+    contentType: "digit-with-letter"
+  },
+  // Day of the week
+  d: {
+    sectionType: "weekDay",
+    contentType: "digit",
+    maxLength: 2
+  },
+  dd: {
+    sectionType: "weekDay",
+    contentType: "letter"
+  },
+  ddd: {
+    sectionType: "weekDay",
+    contentType: "letter"
+  },
+  dddd: {
+    sectionType: "weekDay",
+    contentType: "letter"
+  },
+  // Meridiem
+  A: "meridiem",
+  a: "meridiem",
+  // Hours
+  H: {
+    sectionType: "hours",
+    contentType: "digit",
+    maxLength: 2
+  },
+  HH: "hours",
+  h: {
+    sectionType: "hours",
+    contentType: "digit",
+    maxLength: 2
+  },
+  hh: "hours",
+  // Minutes
+  m: {
+    sectionType: "minutes",
+    contentType: "digit",
+    maxLength: 2
+  },
+  mm: "minutes",
+  // Seconds
+  s: {
+    sectionType: "seconds",
+    contentType: "digit",
+    maxLength: 2
+  },
+  ss: "seconds"
+};
+var defaultFormats = {
+  year: "YYYY",
+  month: "MMMM",
+  monthShort: "MMM",
+  dayOfMonth: "D",
+  dayOfMonthFull: "Do",
+  weekday: "dddd",
+  weekdayShort: "dd",
+  hours24h: "HH",
+  hours12h: "hh",
+  meridiem: "A",
+  minutes: "mm",
+  seconds: "ss",
+  fullDate: "ll",
+  keyboardDate: "L",
+  shortDate: "MMM D",
+  normalDate: "D MMMM",
+  normalDateWithWeekday: "ddd, MMM D",
+  fullTime12h: "hh:mm A",
+  fullTime24h: "HH:mm",
+  keyboardDateTime12h: "L hh:mm A",
+  keyboardDateTime24h: "L HH:mm"
+};
+var MISSING_UTC_PLUGIN = ["Missing UTC plugin", "To be able to use UTC or timezones, you have to enable the `utc` plugin", "Find more information on https://mui.com/x/react-date-pickers/timezone/#day-js-and-utc"].join("\n");
+var MISSING_TIMEZONE_PLUGIN = ["Missing timezone plugin", "To be able to use timezones, you have to enable both the `utc` and the `timezone` plugin", "Find more information on https://mui.com/x/react-date-pickers/timezone/#day-js-and-timezone"].join("\n");
+var AdapterDayjs = class {
+  isMUIAdapter = true;
+  isTimezoneCompatible = true;
+  lib = "dayjs";
+  escapedCharacters = {
+    start: "[",
+    end: "]"
+  };
+  formatTokenMap = /* @__PURE__ */ (() => formatTokenMap)();
+  constructor({
+    locale,
+    formats
+  } = {}) {
+    this.locale = locale;
+    this.formats = _extends({}, defaultFormats, formats);
+    dayjs.extend(customParseFormatPlugin);
+  }
+  setLocaleToValue = (value) => {
+    const expectedLocale = this.getCurrentLocaleCode();
+    if (expectedLocale === value.locale()) {
+      return value;
+    }
+    return value.locale(expectedLocale);
+  };
+  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);
+  };
+  /**
+   * Replaces "default" by undefined and "system" by the system timezone before passing it to `dayjs`.
+   */
+  cleanTimezone = (timezone) => {
+    switch (timezone) {
+      case "default": {
+        return void 0;
+      }
+      case "system": {
+        return dayjs.tz.guess();
+      }
+      default: {
+        return timezone;
+      }
+    }
+  };
+  createSystemDate = (value) => {
+    let date;
+    if (this.hasUTCPlugin() && this.hasTimezonePlugin()) {
+      const timezone = dayjs.tz.guess();
+      if (timezone === "UTC") {
+        date = dayjs(value);
+      } else {
+        date = dayjs.tz(value, timezone);
+      }
+    } else {
+      date = dayjs(value);
+    }
+    return this.setLocaleToValue(date);
+  };
+  createUTCDate = (value) => {
+    if (!this.hasUTCPlugin()) {
+      throw new Error(MISSING_UTC_PLUGIN);
+    }
+    return this.setLocaleToValue(dayjs.utc(value));
+  };
+  createTZDate = (value, timezone) => {
+    if (!this.hasUTCPlugin()) {
+      throw new Error(MISSING_UTC_PLUGIN);
+    }
+    if (!this.hasTimezonePlugin()) {
+      throw new Error(MISSING_TIMEZONE_PLUGIN);
+    }
+    const keepLocalTime = value !== void 0 && !value.endsWith("Z");
+    return this.setLocaleToValue(dayjs(value).tz(this.cleanTimezone(timezone), keepLocalTime));
+  };
+  getLocaleFormats = () => {
+    const locales = dayjs.Ls;
+    const locale = this.locale || "en";
+    let localeObject = locales[locale];
+    if (localeObject === void 0) {
+      if (process.env.NODE_ENV !== "production") {
+        warnOnce(["MUI X: Your locale has not been found.", "Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale.", "Or you forget to import the locale from 'dayjs/locale/{localeUsed}'", "fallback on English locale."]);
+      }
+      localeObject = locales.en;
+    }
+    return localeObject.formats;
+  };
+  /**
+   * If the new day does not have the same offset as the old one (when switching to summer day time for example),
+   * Then dayjs will not automatically adjust the offset (moment does).
+   * We have to parse again the value to make sure the `fixOffset` method is applied.
+   * See https://github.com/iamkun/dayjs/blob/b3624de619d6e734cd0ffdbbd3502185041c1b60/src/plugin/timezone/index.js#L72
+   */
+  adjustOffset = (value) => {
+    if (!this.hasTimezonePlugin()) {
+      return value;
+    }
+    const timezone = this.getTimezone(value);
+    if (timezone !== "UTC") {
+      const fixedValue = value.tz(this.cleanTimezone(timezone), true);
+      if (fixedValue.$offset === (value.$offset ?? 0)) {
+        return value;
+      }
+      value.$offset = fixedValue.$offset;
+    }
+    return value;
+  };
+  date = (value, timezone = "default") => {
+    if (value === null) {
+      return null;
+    }
+    if (timezone === "UTC") {
+      return this.createUTCDate(value);
+    }
+    if (timezone === "system" || timezone === "default" && !this.hasTimezonePlugin()) {
+      return this.createSystemDate(value);
+    }
+    return this.createTZDate(value, timezone);
+  };
+  getInvalidDate = () => dayjs(/* @__PURE__ */ new Date("Invalid date"));
+  getTimezone = (value) => {
+    if (this.hasTimezonePlugin()) {
+      const zone = value.$x?.$timezone;
+      if (zone) {
+        return zone;
+      }
+    }
+    if (this.hasUTCPlugin() && value.isUTC()) {
+      return "UTC";
+    }
+    return "system";
+  };
+  setTimezone = (value, timezone) => {
+    if (this.getTimezone(value) === timezone) {
+      return value;
+    }
+    if (timezone === "UTC") {
+      if (!this.hasUTCPlugin()) {
+        throw new Error(MISSING_UTC_PLUGIN);
+      }
+      return value.utc();
+    }
+    if (timezone === "system") {
+      return value.local();
+    }
+    if (!this.hasTimezonePlugin()) {
+      if (timezone === "default") {
+        return value;
+      }
+      throw new Error(MISSING_TIMEZONE_PLUGIN);
+    }
+    return this.setLocaleToValue(dayjs.tz(value, this.cleanTimezone(timezone)));
+  };
+  toJsDate = (value) => {
+    return value.toDate();
+  };
+  parse = (value, format) => {
+    if (value === "") {
+      return null;
+    }
+    return dayjs(value, format, this.locale, true);
+  };
+  getCurrentLocaleCode = () => {
+    return this.locale || "en";
+  };
+  is12HourCycleInCurrentLocale = () => {
+    return /A|a/.test(this.getLocaleFormats().LT || "");
+  };
+  expandFormat = (format) => {
+    const localeFormats = this.getLocaleFormats();
+    const t2 = (formatBis) => formatBis.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (_, a, b) => a || b.slice(1));
+    return format.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (_, a, b) => {
+      const B = b && b.toUpperCase();
+      return a || localeFormats[b] || t2(localeFormats[B]);
+    });
+  };
+  isValid = (value) => {
+    if (value == null) {
+      return false;
+    }
+    return value.isValid();
+  };
+  format = (value, formatKey) => {
+    return this.formatByString(value, this.formats[formatKey]);
+  };
+  formatByString = (value, formatString) => {
+    return this.setLocaleToValue(value).format(formatString);
+  };
+  formatNumber = (numberToFormat) => {
+    return numberToFormat;
+  };
+  isEqual = (value, comparing) => {
+    if (value === null && comparing === null) {
+      return true;
+    }
+    if (value === null || comparing === null) {
+      return false;
+    }
+    return value.toDate().getTime() === comparing.toDate().getTime();
+  };
+  isSameYear = (value, comparing) => {
+    return this.isSame(value, comparing, "YYYY");
+  };
+  isSameMonth = (value, comparing) => {
+    return this.isSame(value, comparing, "YYYY-MM");
+  };
+  isSameDay = (value, comparing) => {
+    return this.isSame(value, comparing, "YYYY-MM-DD");
+  };
+  isSameHour = (value, comparing) => {
+    return value.isSame(comparing, "hour");
+  };
+  isAfter = (value, comparing) => {
+    return value > comparing;
+  };
+  isAfterYear = (value, comparing) => {
+    if (!this.hasUTCPlugin()) {
+      return value.isAfter(comparing, "year");
+    }
+    return !this.isSameYear(value, comparing) && value.utc() > comparing.utc();
+  };
+  isAfterDay = (value, comparing) => {
+    if (!this.hasUTCPlugin()) {
+      return value.isAfter(comparing, "day");
+    }
+    return !this.isSameDay(value, comparing) && value.utc() > comparing.utc();
+  };
+  isBefore = (value, comparing) => {
+    return value < comparing;
+  };
+  isBeforeYear = (value, comparing) => {
+    if (!this.hasUTCPlugin()) {
+      return value.isBefore(comparing, "year");
+    }
+    return !this.isSameYear(value, comparing) && value.utc() < comparing.utc();
+  };
+  isBeforeDay = (value, comparing) => {
+    if (!this.hasUTCPlugin()) {
+      return value.isBefore(comparing, "day");
+    }
+    return !this.isSameDay(value, comparing) && value.utc() < comparing.utc();
+  };
+  isWithinRange = (value, [start, end]) => {
+    return value >= start && value <= end;
+  };
+  startOfYear = (value) => {
+    return this.adjustOffset(value.startOf("year"));
+  };
+  startOfMonth = (value) => {
+    return this.adjustOffset(value.startOf("month"));
+  };
+  startOfWeek = (value) => {
+    return this.adjustOffset(this.setLocaleToValue(value).startOf("week"));
+  };
+  startOfDay = (value) => {
+    return this.adjustOffset(value.startOf("day"));
+  };
+  endOfYear = (value) => {
+    return this.adjustOffset(value.endOf("year"));
+  };
+  endOfMonth = (value) => {
+    return this.adjustOffset(value.endOf("month"));
+  };
+  endOfWeek = (value) => {
+    return this.adjustOffset(this.setLocaleToValue(value).endOf("week"));
+  };
+  endOfDay = (value) => {
+    return this.adjustOffset(value.endOf("day"));
+  };
+  addYears = (value, amount) => {
+    return this.adjustOffset(value.add(amount, "year"));
+  };
+  addMonths = (value, amount) => {
+    return this.adjustOffset(value.add(amount, "month"));
+  };
+  addWeeks = (value, amount) => {
+    return this.adjustOffset(value.add(amount, "week"));
+  };
+  addDays = (value, amount) => {
+    return this.adjustOffset(value.add(amount, "day"));
+  };
+  addHours = (value, amount) => {
+    return this.adjustOffset(value.add(amount, "hour"));
+  };
+  addMinutes = (value, amount) => {
+    return this.adjustOffset(value.add(amount, "minute"));
+  };
+  addSeconds = (value, amount) => {
+    return this.adjustOffset(value.add(amount, "second"));
+  };
+  getYear = (value) => {
+    return value.year();
+  };
+  getMonth = (value) => {
+    return value.month();
+  };
+  getDate = (value) => {
+    return value.date();
+  };
+  getHours = (value) => {
+    return value.hour();
+  };
+  getMinutes = (value) => {
+    return value.minute();
+  };
+  getSeconds = (value) => {
+    return value.second();
+  };
+  getMilliseconds = (value) => {
+    return value.millisecond();
+  };
+  setYear = (value, year) => {
+    return this.adjustOffset(value.set("year", year));
+  };
+  setMonth = (value, month) => {
+    return this.adjustOffset(value.set("month", month));
+  };
+  setDate = (value, date) => {
+    return this.adjustOffset(value.set("date", date));
+  };
+  setHours = (value, hours) => {
+    return this.adjustOffset(value.set("hour", hours));
+  };
+  setMinutes = (value, minutes) => {
+    return this.adjustOffset(value.set("minute", minutes));
+  };
+  setSeconds = (value, seconds) => {
+    return this.adjustOffset(value.set("second", seconds));
+  };
+  setMilliseconds = (value, milliseconds) => {
+    return this.adjustOffset(value.set("millisecond", milliseconds));
+  };
+  getDaysInMonth = (value) => {
+    return value.daysInMonth();
+  };
+  getWeekArray = (value) => {
+    const start = this.startOfWeek(this.startOfMonth(value));
+    const end = this.endOfWeek(this.endOfMonth(value));
+    let count = 0;
+    let current = start;
+    const nestedWeeks = [];
+    while (current < end) {
+      const weekNumber = Math.floor(count / 7);
+      nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
+      nestedWeeks[weekNumber].push(current);
+      current = this.addDays(current, 1);
+      count += 1;
+    }
+    return nestedWeeks;
+  };
+  getWeekNumber = (value) => {
+    return value.week();
+  };
+  getDayOfWeek(value) {
+    return value.day() + 1;
+  }
+  getYearRange = ([start, end]) => {
+    const startDate = this.startOfYear(start);
+    const endDate = this.endOfYear(end);
+    const years = [];
+    let current = startDate;
+    while (this.isBefore(current, endDate)) {
+      years.push(current);
+      current = this.addYears(current, 1);
+    }
+    return years;
+  };
+};
+var WISTRON_PRIMARY_COLOR = "#00506E";
+var WISTRON_SECONDARY_COLOR = "#64DC00";
+var useGetTheme = (theme) => {
+  const { i18n: i18n2 } = useTranslation();
+  return createTheme(
+    {
+      cssVariables: {
+        colorSchemeSelector: "data-mui-color-scheme"
+      },
+      colorSchemes: {
+        light: {
+          palette: {
+            primary: { main: WISTRON_PRIMARY_COLOR },
+            secondary: { main: WISTRON_SECONDARY_COLOR }
+          }
+        },
+        dark: {
+          palette: {
+            primary: { main: lighten(WISTRON_PRIMARY_COLOR, 0.5) },
+            secondary: { main: darken(WISTRON_SECONDARY_COLOR, 0.5) }
+          }
+        },
+        ...theme?.colorSchemes
+      },
+      components: {
+        MuiCssBaseline: {
+          styleOverrides: (theme2) => {
+            return {
+              body: {
+                "&::-webkit-scrollbar, & *::-webkit-scrollbar": {
+                  width: "0.7em",
+                  height: "0.7em"
+                },
+                "&::-webkit-scrollbar-track, & *::-webkit-scrollbar-track": {
+                  backgroundColor: theme2.palette.mode === "dark" ? grey[900] : grey[200],
+                  borderRadius: "5px"
+                },
+                "&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb": {
+                  backgroundColor: theme2.palette.mode === "dark" ? grey[800] : grey[400],
+                  borderRadius: "10px"
+                },
+                "&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover": {
+                  backgroundColor: theme2.palette.mode === "dark" ? grey[700] : grey[500]
+                },
+                "&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner": {
+                  backgroundColor: "transparent"
+                }
+              }
+            };
+          }
+        },
+        ...theme?.components
+      }
+    },
+    i18n2.resolvedLanguage === "cs" ? csCZ : enUS,
+    i18n2.resolvedLanguage === "cs" ? csCZ$1 : enUS$1,
+    i18n2.resolvedLanguage === "cs" ? csCZ$2 : enUS$2
+  );
+};
+var ICON_SIZE = 34;
+var StyledNavButton = styled(ListItemButton4)(({ theme }) => ({
+  borderRadius: 8,
+  "&.Mui-selected": {
+    "& .MuiListItemIcon-root, & .MuiTypography-root, & .MuiSvgIcon-root": {
+      color: (theme.vars ?? theme).palette.primary.dark
+    },
+    "& .MuiAvatar-root": {
+      backgroundColor: (theme.vars ?? theme).palette.primary.dark
+    },
+    "& .MuiTouchRipple-child": {
+      backgroundColor: (theme.vars ?? theme).palette.primary.dark
+    }
+  },
+  "& .MuiSvgIcon-root": {
+    color: (theme.vars ?? theme).palette.action.active
+  },
+  "& .MuiAvatar-root": {
+    backgroundColor: (theme.vars ?? theme).palette.action.active
+  }
+}));
+var StyledRouterButton = styled(RouterListItemButton)(({ theme }) => ({
+  borderRadius: 8,
+  "&.Mui-selected": {
+    "& .MuiListItemIcon-root, & .MuiTypography-root, & .MuiSvgIcon-root": {
+      color: (theme.vars ?? theme).palette.primary.dark
+    },
+    "& .MuiAvatar-root": {
+      backgroundColor: (theme.vars ?? theme).palette.primary.dark
+    },
+    "& .MuiTouchRipple-child": {
+      backgroundColor: (theme.vars ?? theme).palette.primary.dark
+    }
+  },
+  "& .MuiSvgIcon-root": {
+    color: (theme.vars ?? theme).palette.action.active
+  },
+  "& .MuiAvatar-root": {
+    backgroundColor: (theme.vars ?? theme).palette.action.active
+  }
+}));
+var IconOrAvatar = ({ item, collapsed }) => {
+  if (item.icon || collapsed) {
+    return /* @__PURE__ */ jsxs(Box6, { sx: collapsed ? { position: "absolute", left: "50%", top: "calc(50% - 6px)", transform: "translate(-50%, -50%)" } : {}, children: [
+      /* @__PURE__ */ jsxs(ListItemIcon3, { sx: { display: "flex", alignItems: "center", justifyContent: "center", minWidth: ICON_SIZE }, children: [
+        item.icon ?? null,
+        !item.icon && collapsed ? /* @__PURE__ */ jsx(Avatar$1, { sx: { width: ICON_SIZE - 7, height: ICON_SIZE - 7, fontSize: 12 }, children: item.title }) : null
+      ] }),
+      collapsed ? /* @__PURE__ */ jsx(
+        Typography7,
+        {
+          variant: "caption",
+          sx: {
+            position: "absolute",
+            bottom: -18,
+            left: "50%",
+            transform: "translateX(-50%)",
+            fontSize: 10,
+            fontWeight: 500,
+            textAlign: "center",
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            maxWidth: MINI_WIDTH - 28
+          },
+          children: item.title
+        }
+      ) : null
+    ] });
+  }
+  return null;
+};
+var MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx(
+  Popper,
+  {
+    open,
+    anchorEl,
+    placement: "right-start",
+    modifiers: [
+      { name: "offset", options: { offset: [6, 0] } },
+      { name: "preventOverflow", options: { padding: 8 } },
+      { name: "flip", options: { fallbackPlacements: ["right-end", "left-start"] } }
+    ],
+    children: /* @__PURE__ */ jsx(
+      Paper2,
+      {
+        sx: {
+          pt: 0.5,
+          pb: 0.5,
+          maxHeight: "min(calc(100vh - 100px), 560px)",
+          overflowY: "auto",
+          overscrollBehavior: "contain"
+        },
+        children
+      }
+    )
+  }
+);
+var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, onClick, renderNested }) => {
+  const [hoveredPopoverItem, setHoveredPopoverItem] = useState(null);
+  const [anchorElement, setAnchorElement] = useState(null);
+  const chevronSx = useMemo(() => {
+    if (collapsed && isSidebarFullyCollapsed && item.children) {
+      return {
+        fontSize: 18,
+        position: "absolute",
+        top: "41.5%",
+        right: "2px",
+        transform: "translateY(-50%) rotate(-90deg)"
+      };
+    }
+    if (!collapsed && isSidebarFullyExpanded && item.children) {
+      return {
+        ml: 0.5,
+        transform: `rotate(${isOpen ? 0 : -90}deg)`
+      };
+    }
+    return { display: "none" };
+  }, [collapsed, isSidebarFullyExpanded, isSidebarFullyCollapsed, isOpen, item.children]);
+  const shouldJustExpand = item.children && !collapsed;
+  const buttonProps = {
+    selected,
+    disabled,
+    sx: { px: 1.4, height: collapsed ? 60 : 48 }
+  };
+  const buttonContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(IconOrAvatar, { item, collapsed }),
+    !collapsed && /* @__PURE__ */ jsx(
+      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__ */ jsx(ExpandMoreIcon, { sx: chevronSx }) : null
+  ] });
+  const listItem = /* @__PURE__ */ jsxs(
+    ListItem$1,
+    {
+      ...item.children && collapsed ? {
+        onMouseEnter: (event) => {
+          setAnchorElement(event.currentTarget);
+          setHoveredPopoverItem(item.title);
+        },
+        onMouseLeave: () => {
+          setHoveredPopoverItem(null);
+        }
+      } : {},
+      sx: { py: 0, px: 1, overflowX: "hidden" },
+      children: [
+        shouldJustExpand ? /* @__PURE__ */ jsx(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ jsx(
+          StyledRouterButton,
+          {
+            ...buttonProps,
+            to: item.to,
+            href: item.href,
+            params: item.params,
+            search: item.search,
+            children: buttonContent
+          }
+        ),
+        item.children && collapsed ? /* @__PURE__ */ jsx(MiniPopover, { open: item.title === hoveredPopoverItem, anchorEl: anchorElement, children: renderNested?.(item.children) }) : null
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    listItem,
+    item.children && !collapsed ? /* @__PURE__ */ jsx(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, children: renderNested?.(item.children) }) : null
+  ] }, item.to);
+};
+var isPageItem = (item) => !("kind" in item);
+var isDivider = (item) => "kind" in item && item.kind === "divider";
+var isHeader = (item) => "kind" in item && item.kind === "header";
+var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, expandedWidth, renderItem, activePath, onNavigate }) => {
+  const [openKeys, setOpenKeys] = useState([]);
+  useEffect(() => {
+    if (collapsed) setOpenKeys([]);
+  }, [collapsed]);
+  const toggleKey = (key) => setOpenKeys((previous) => previous.includes(key) ? previous.filter((k) => k !== key) : [...previous, key]);
+  const renderNested = (children) => /* @__PURE__ */ jsx(
+    NavigationList,
+    {
+      subNavigation: children,
+      depth: depth + 1,
+      isPopover: collapsed,
+      expandedWidth,
+      activePath,
+      onNavigate
+    }
+  );
+  const filteredNavigation = subNavigation.filter((nav) => !nav.hidden);
+  return /* @__PURE__ */ jsx(
+    List3,
+    {
+      sx: {
+        padding: 0,
+        mt: isPopover && depth === 1 ? 0.5 : 0,
+        mb: depth === 0 && !isPopover ? 4 : 0.5,
+        pl: (isPopover ? 1 : 2) * (isPopover ? depth - 1 : depth),
+        minWidth: isPopover && depth === 1 ? EXPANDED_WIDTH : "auto",
+        width: collapsed ? MINI_WIDTH : "auto"
+      },
+      children: filteredNavigation.map((navItem, index) => {
+        if (isHeader(navItem)) {
+          return /* @__PURE__ */ jsx(
+            ListSubheader$1,
+            {
+              sx: {
+                fontSize: 12,
+                fontWeight: "700",
+                height: collapsed ? 0 : 40,
+                px: 2,
+                minWidth: expandedWidth,
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap",
+                zIndex: 2,
+                bgcolor: "transparent",
+                position: "static"
+              },
+              children: navItem.title
+            },
+            `subheader-${depth}-${index}`
+          );
+        }
+        if (isDivider(navItem)) {
+          const nextItem = filteredNavigation[index + 1];
+          return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Divider3, { sx: { mx: 1, mt: 1, mb: nextItem && isHeader(nextItem) && !collapsed ? 0 : 1 } }) }, `divider-${depth}-${index}`);
+        }
+        if (!isPageItem(navItem)) return null;
+        const key = `item-${depth}-${index}`;
+        const uniqueItemKey = `${depth}-${index}-${navItem.title}`;
+        if (renderItem) return /* @__PURE__ */ jsx(Fragment, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
+        return /* @__PURE__ */ jsx(
+          NavigationListItem,
+          {
+            item: navItem,
+            isOpen: openKeys.includes(uniqueItemKey),
+            selected: activePath === navItem.to,
+            collapsed,
+            isSidebarFullyExpanded,
+            isSidebarFullyCollapsed,
+            onClick: navItem.children && !collapsed ? () => toggleKey(uniqueItemKey) : void 0,
+            renderNested
+          },
+          key
+        );
+      })
+    }
+  );
+};
+var MINI_WIDTH = 84;
+var EXPANDED_WIDTH = 320;
+var TOOLBAR_HEIGHT = 65;
+var NavigationRail = ({ navigation, expanded, setExpanded }) => {
+  const navigate = useNavigate();
+  const routerState = useRouterState();
+  const theme = useTheme$1();
+  const showPermanent = useMediaQuery(theme.breakpoints.up("sm"));
+  const drawerContent = (collapsed) => /* @__PURE__ */ jsx(
+    Box6,
+    {
+      component: "nav",
+      sx: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "space-between",
+        overflow: "auto",
+        scrollbarGutter: collapsed ? "stable" : "auto",
+        overflowX: "hidden",
+        pt: navigation[0] && isHeader(navigation[0]) && !collapsed ? 0 : 2
+      },
+      children: /* @__PURE__ */ jsx(
+        NavigationList,
+        {
+          subNavigation: navigation,
+          collapsed,
+          isSidebarFullyExpanded: expanded,
+          isSidebarFullyCollapsed: !expanded,
+          expandedWidth: EXPANDED_WIDTH,
+          activePath: routerState.location.pathname,
+          onNavigate: navigate
+        }
+      )
+    }
+  );
+  if (showPermanent)
+    return /* @__PURE__ */ jsx(
+      Drawer,
+      {
+        variant: "permanent",
+        sx: {
+          width: expanded ? EXPANDED_WIDTH : MINI_WIDTH,
+          ["& .MuiDrawer-paper"]: {
+            position: "absolute",
+            top: `${TOOLBAR_HEIGHT}px`,
+            height: `calc(100% - ${TOOLBAR_HEIGHT}px)`,
+            width: expanded ? EXPANDED_WIDTH : MINI_WIDTH
+          }
+        },
+        children: drawerContent(!expanded)
+      }
+    );
+  return /* @__PURE__ */ jsx(Drawer, { open: expanded, onClose: () => setExpanded(false), children: drawerContent(!expanded) });
+};
+({
+  url: import.meta.env.VITE_KEYCLOAK_URL,
+  realm: import.meta.env.VITE_KEYCLOAK_REALM,
+  clientId: import.meta.env.VITE_KEYCLOAK_CLIENT_ID,
+  idpHint: import.meta.env.VITE_KEYCLOAK_IDP_HINT,
+  confidentialClientId: import.meta.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_ID,
+  confidentialClientSecret: import.meta.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_SECRET
+});
+function useKeycloak() {
+  const routerContext = useRouter();
+  const keycloak = routerContext.options.context.keycloak;
+  return keycloak;
+}
+var ToolbarAccount = () => {
+  const [anchorElement, setAnchorElement] = useState();
+  const [tab, setTab] = useState("settings");
+  const open = Boolean(anchorElement);
+  const { t: t2, i18n: i18n2 } = useTranslation();
+  const { mode, setMode } = useColorScheme();
+  const changeLanguage = (newLanguage) => () => {
+    i18n2.changeLanguage(newLanguage).finally(() => closeMenu());
+  };
+  const changeMode = (newMode) => () => {
+    setMode(newMode);
+    closeMenu();
+  };
+  const keycloak = useKeycloak();
+  const user = keycloak.user;
+  const getModeText = () => {
+    switch (mode) {
+      case "light": {
+        return t2("Layout.Light");
+      }
+      case "dark": {
+        return t2("Layout.Dark");
+      }
+      default: {
+        return t2("Layout.System");
+      }
+    }
+  };
+  const usernameInitials = () => {
+    if (!user?.name) return "";
+    const splittedName = user.name.split(" ");
+    return `${splittedName[0][0]}${splittedName.length > 1 ? splittedName[1][0] : ""}`;
+  };
+  const openMenu = (event) => setAnchorElement(event.currentTarget);
+  const closeMenu = () => {
+    setAnchorElement(void 0);
+    setTimeout(() => setTab("settings"), 300);
+  };
+  const changeTab = (newTab) => () => setTab(newTab);
+  const settings = /* @__PURE__ */ jsxs(List, { component: "nav", subheader: /* @__PURE__ */ jsx(ListSubheader, { sx: { backgroundColor: "transparent" }, children: t2("Layout.Settings") }), children: [
+    /* @__PURE__ */ jsxs(ListItemButton, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Brightness4, {}) }),
+      /* @__PURE__ */ jsx(ListItemText, { primary: t2("Layout.Appearance"), secondary: getModeText() }),
+      /* @__PURE__ */ jsx(ChevronRight, {})
+    ] }),
+    /* @__PURE__ */ jsxs(ListItemButton, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Translate, {}) }),
+      /* @__PURE__ */ jsx(ListItemText, { primary: t2("Layout.Language"), secondary: i18n2.resolvedLanguage === "en" ? "English" : "\u010Ce\u0161tina" }),
+      /* @__PURE__ */ jsx(ChevronRight, {})
+    ] })
+  ] });
+  const theme = /* @__PURE__ */ jsxs(List, { subheader: /* @__PURE__ */ jsxs(ListSubheader, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+    /* @__PURE__ */ jsx(IconButton, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx(ArrowBack, { fontSize: "small" }) }),
+    " ",
+    t2("Layout.Appearance")
+  ] }), children: [
+    /* @__PURE__ */ jsxs(ListItemButton, { onClick: changeMode("light"), disabled: mode === "light", children: [
+      /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(LightMode, {}) }),
+      /* @__PURE__ */ jsx(ListItemText, { primary: t2("Layout.Light") })
+    ] }),
+    /* @__PURE__ */ jsxs(ListItemButton, { onClick: changeMode("dark"), disabled: mode === "dark", children: [
+      /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(DarkMode, {}) }),
+      /* @__PURE__ */ jsx(ListItemText, { primary: t2("Layout.Dark") })
+    ] }),
+    /* @__PURE__ */ jsxs(ListItemButton, { onClick: changeMode("system"), disabled: mode === "system", children: [
+      /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(SettingsBrightness, {}) }),
+      /* @__PURE__ */ jsx(ListItemText, { primary: t2("Layout.System") })
+    ] })
+  ] });
+  const language = /* @__PURE__ */ jsxs(List, { subheader: /* @__PURE__ */ jsxs(ListSubheader, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+    /* @__PURE__ */ jsx(IconButton, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx(ArrowBack, { fontSize: "small" }) }),
+    " ",
+    t2("Layout.Language")
+  ] }), children: [
+    /* @__PURE__ */ jsx(ListItemButton, { onClick: changeLanguage("en"), disabled: i18n2.resolvedLanguage === "en", children: /* @__PURE__ */ jsx(ListItemText, { primary: "English" }) }),
+    /* @__PURE__ */ jsx(ListItemButton, { onClick: changeLanguage("cs"), disabled: i18n2.resolvedLanguage === "cs", children: /* @__PURE__ */ jsx(ListItemText, { primary: "\u010Ce\u0161tina" }) })
+  ] });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(IconButton, { size: "small", edge: "end", onClick: openMenu, children: user?.name ? /* @__PURE__ */ jsx(Avatar, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ jsx(AccountCircle, { fontSize: "large" }) }),
+    /* @__PURE__ */ jsx(Menu, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ jsxs(Box, { sx: { width: 240 }, children: [
+      /* @__PURE__ */ jsx(List, { children: user?.name ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(ListItemText, { primary: user.name, secondary: /* @__PURE__ */ jsxs("span", { children: [
+          /* @__PURE__ */ jsx("span", { children: user.employeeId }),
+          /* @__PURE__ */ jsx("br", {}),
+          /* @__PURE__ */ jsx("span", { children: user.department })
+        ] }) }) }),
+        /* @__PURE__ */ jsxs(ListItemButton, { onClick: () => keycloak.logout(), children: [
+          /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Logout, { color: "error" }) }),
+          /* @__PURE__ */ jsx(ListItemText, { primary: t2("Layout.Logout") })
+        ] })
+      ] }) : /* @__PURE__ */ jsxs(ListItemButton, { onClick: () => keycloak.login(), children: [
+        /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Login, { color: "success" }) }),
+        /* @__PURE__ */ jsx(ListItemText, { primary: t2("Layout.LogIn") })
+      ] }) }),
+      tab === "settings" && settings,
+      tab === "theme" && theme,
+      tab === "language" && language
+    ] }) })
+  ] });
+};
+var DrawerHeader = styled("div")(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "flex-end",
+  padding: theme.spacing(0, 1),
+  ...theme.mixins.toolbar
+}));
+var Layout = (props) => {
+  const theme = useGetTheme(props.theme);
+  const [navigationOpen, setNavigationOpen] = useLocalStorageState("navigationOpen", { defaultServerValue: false });
+  const isFetching = !!useIsFetching();
+  const isMutating = !!useIsMutating();
+  return /* @__PURE__ */ jsxs(ThemeProvider, { theme, children: [
+    /* @__PURE__ */ jsx(InitColorSchemeScript, {}),
+    /* @__PURE__ */ jsx(CssBaseline, {}),
+    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
+      /* @__PURE__ */ jsx(
+        AppBar,
+        {
+          color: "transparent",
+          position: "fixed",
+          sx: {
+            borderBottom: "1px solid",
+            borderColor: theme.vars?.palette.divider,
+            boxShadow: "none"
+          },
+          children: /* @__PURE__ */ jsxs(Toolbar, { children: [
+            props.navigation && /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                onClick: () => setNavigationOpen((previous) => !previous),
+                sx: { marginRight: 2 },
+                children: navigationOpen ? /* @__PURE__ */ jsx(MenuOpen, {}) : /* @__PURE__ */ jsx(Menu3, {})
+              }
+            ),
+            /* @__PURE__ */ jsx(AppTitle, {}),
+            /* @__PURE__ */ jsx(ToolbarAccount, {})
+          ] })
+        }
+      ),
+      props.navigation && /* @__PURE__ */ jsx(NavigationRail, { navigation: props.navigation, expanded: navigationOpen ?? false, setExpanded: setNavigationOpen }),
+      /* @__PURE__ */ jsxs(Box, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
+        /* @__PURE__ */ jsx(DrawerHeader, {}),
+        /* @__PURE__ */ jsx(Box, { sx: { flex: 1, overflow: "auto", position: "relative" }, children: props.children })
+      ] })
+    ] }),
+    (isFetching || isMutating) && /* @__PURE__ */ jsx(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
+  ] });
+};
+var LayoutContext = createContext(null);
+default2.use(HttpBackend).use(LanguageDetector).use(initReactI18next).init({
+  fallbackLng: "en",
+  interpolation: {
+    escapeValue: false
+  },
+  react: {
+    useSuspense: false
+  }
+});
+function DialogsProvider({ children, unmountAfter = 1e3 }) {
+  const [stack, setStack] = useState([]);
+  const keyPrefix = useId();
+  const nextId = useRef(0);
+  const dialogMetadata = useRef(/* @__PURE__ */ new WeakMap());
+  const requestDialog = useEventCallback_default(function open(Component7, payload, options = {}) {
+    const { onClose = async () => {
+    } } = options;
+    let resolve;
+    const promise = new Promise((resolveImpl) => {
+      resolve = resolveImpl;
+    });
+    const key = `${keyPrefix}-${nextId.current}`;
+    nextId.current += 1;
+    const newEntry = {
+      key,
+      open: true,
+      promise,
+      Component: Component7,
+      payload,
+      onClose,
+      resolve
+    };
+    dialogMetadata.current.set(promise, newEntry);
+    setStack((previousStack) => [...previousStack, newEntry]);
+    return promise;
+  });
+  const removeDialogFromStack = useCallback((dialog) => {
+    setStack((previousStack) => previousStack.filter((entry) => entry.promise !== dialog));
+    dialogMetadata.current.delete(dialog);
+  }, []);
+  const closeDialogUi = useEventCallback_default(function closeDialogUi2(dialog) {
+    setStack(
+      (previousStack) => previousStack.map((entry) => entry.promise === dialog ? { ...entry, open: false } : entry)
+    );
+    setTimeout(() => removeDialogFromStack(dialog), unmountAfter);
+  });
+  const closeDialog = useEventCallback_default(async function closeDialog2(dialog, result) {
+    const entryToClose = dialogMetadata.current.get(dialog);
+    if (!entryToClose) {
+      throw new Error("Dialog not found in stack");
+    }
+    try {
+      await entryToClose.onClose(result);
+    } finally {
+      entryToClose.resolve(result);
+      closeDialogUi(dialog);
+    }
+    return dialog;
+  });
+  const contextValue = useMemo(() => ({ open: requestDialog, close: closeDialog }), [requestDialog, closeDialog]);
+  return /* @__PURE__ */ jsxs(DialogsContext.Provider, { value: contextValue, children: [
+    children,
+    stack.map(({ key, open, Component: Component7, payload, promise }) => /* @__PURE__ */ jsx(
+      Component7,
+      {
+        payload,
+        open,
+        onClose: async (result) => {
+          await closeDialog(promise, result);
+        }
+      },
+      key
+    ))
+  ] });
+}
+var LayoutProvider = (props) => {
+  const [user, setUser] = useState({ employeeId: "", name: "Unknown", department: "", company: "", category: "" });
+  const { t: t2 } = useTranslation();
+  const navigation = props.getNavigation?.({ user, t: t2 });
+  useEffect(() => {
+    z.config(default2.resolvedLanguage === "cs" ? cs() : en());
+  }, []);
+  return /* @__PURE__ */ jsx(I18nextProvider, { i18n: default2, children: /* @__PURE__ */ jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: default2.resolvedLanguage, children: /* @__PURE__ */ jsx(LayoutContext.Provider, { value: { user: { get: user, set: setUser } }, children: /* @__PURE__ */ jsxs(Layout, { navigation, theme: props.theme, children: [
+    "\xA8",
+    /* @__PURE__ */ jsx(DialogsProvider, { children: props.children })
+  ] }) }) }) });
+};
+
+// 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;
+  return { isTouched, hasError, helperText };
+};
+var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ jsx(
+    Autocomplete,
+    {
+      value: field.state.value,
+      onChange: (_, value) => !autocompleteProps.freeSolo && field.handleChange(value),
+      onInputChange: (_, value, reason) => reason !== "reset" && autocompleteProps.freeSolo && field.handleChange(value),
+      onBlur: field.handleBlur,
+      "aria-label": field.name,
+      ...autocompleteProps,
+      renderInput: (parameters) => /* @__PURE__ */ jsx(
+        TextField,
+        {
+          ...parameters,
+          name: field.name,
+          error: isTouched && hasError,
+          helperText: isTouched && helperText,
+          ...textFieldProps
+        }
+      )
+    }
+  );
+};
+var FormCheckbox = (props) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", children: [
+    /* @__PURE__ */ jsx(
+      FormControlLabel,
+      {
+        control: /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            name: field.name,
+            checked: Boolean(field.state.value),
+            onChange: (event) => field.handleChange(event.target.checked),
+            onBlur: field.handleBlur,
+            "aria-label": field.name,
+            ...props
+          }
+        ),
+        label: props.label ?? ""
+      }
+    ),
+    isTouched && hasError && /* @__PURE__ */ jsx(FormHelperText, { error: hasError, children: helperText })
+  ] });
+};
+var FormDatePicker = (props) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ jsx(
+    DatePicker,
+    {
+      name: field.name,
+      value: field.state.value ? dayjs(field.state.value) : null,
+      onChange: (value) => field.handleChange(value ? value.format() : null),
+      slotProps: {
+        textField: {
+          onBlur: field.handleBlur,
+          error: isTouched && hasError,
+          helperText: isTouched && helperText,
+          ...props.textFieldProps
+        },
+        ...props.slotProps
+      },
+      "aria-label": field.name,
+      ...props
+    }
+  );
+};
+var FormDateTimePicker = (props) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ jsx(
+    DateTimePicker,
+    {
+      name: field.name,
+      value: field.state.value ? dayjs(field.state.value) : null,
+      onChange: (value) => field.handleChange(value ? value.format() : null),
+      slotProps: {
+        textField: {
+          onBlur: field.handleBlur,
+          error: isTouched && hasError,
+          helperText: isTouched && helperText,
+          ...props.textFieldProps
+        },
+        ...props.slotProps
+      },
+      "aria-label": field.name,
+      ...props
+    }
+  );
+};
+var FormNumberField = ({ options, ...props }) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ jsx(
+    NumericFormat,
+    {
+      customInput: TextField,
+      name: field.name,
+      value: field.state.value ?? "",
+      onValueChange: ({ floatValue }) => field.handleChange(floatValue),
+      onBlur: field.handleBlur,
+      error: isTouched && hasError,
+      helperText: isTouched && helperText,
+      "aria-label": field.name,
+      ...props,
+      ...options
+    }
+  );
+};
+var FormRadioGroup = ({ label, options, ...props }) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", children: [
+    label && /* @__PURE__ */ jsx(FormLabel, { component: "legend", children: label }),
+    /* @__PURE__ */ jsx(
+      RadioGroup,
+      {
+        name: field.name,
+        value: field.state.value ?? "",
+        onChange: (event) => field.handleChange(event.target.value),
+        onBlur: field.handleBlur,
+        "aria-label": field.name,
+        ...props,
+        children: options.map((option) => /* @__PURE__ */ jsx(
+          FormControlLabel,
+          {
+            value: option.value,
+            control: /* @__PURE__ */ jsx(Radio, {}),
+            label: option.label
+          },
+          option.value
+        ))
+      }
+    ),
+    isTouched && hasError && /* @__PURE__ */ jsx(FormHelperText, { error: hasError, children: helperText })
+  ] });
+};
+var FormSlider = ({ label, ...props }) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", children: [
+    label && /* @__PURE__ */ jsx(FormLabel, { children: label }),
+    /* @__PURE__ */ jsx(
+      Slider,
+      {
+        name: field.name,
+        value: field.state.value ?? 0,
+        onChange: (_, value) => field.handleChange(Array.isArray(value) ? value[0] : value),
+        onBlur: field.handleBlur,
+        "aria-label": field.name,
+        ...props
+      }
+    ),
+    isTouched && hasError && /* @__PURE__ */ jsx(FormHelperText, { error: hasError, children: helperText })
+  ] });
+};
+var FormSubmitButton = (props) => {
+  const form = useFormContext();
+  const handleClick = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    form.handleSubmit();
+  };
+  return /* @__PURE__ */ jsx(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ jsx(
+    Button,
+    {
+      loading: isSubmitting,
+      disabled: !canSubmit,
+      onClick: handleClick,
+      type: "submit",
+      "aria-label": "submit",
+      ...props
+    }
+  ) });
+};
+var FormSwitch = (props) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", children: [
+    /* @__PURE__ */ jsx(
+      FormControlLabel,
+      {
+        control: /* @__PURE__ */ jsx(
+          Switch,
+          {
+            name: field.name,
+            checked: Boolean(field.state.value),
+            onChange: (event) => field.handleChange(event.target.checked),
+            onBlur: field.handleBlur,
+            "aria-label": field.name,
+            ...props
+          }
+        ),
+        label: props.label ?? ""
+      }
+    ),
+    isTouched && hasError && /* @__PURE__ */ jsx(FormHelperText, { error: hasError, children: helperText })
+  ] });
+};
+var FormTextField = (props) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ jsx(
+    TextField,
+    {
+      name: field.name,
+      value: field.state.value ?? "",
+      onChange: (event) => field.handleChange(event.target.value),
+      onBlur: field.handleBlur,
+      error: isTouched && hasError,
+      helperText: isTouched && helperText,
+      "aria-label": field.name,
+      ...props
+    }
+  );
+};
+
+// src/hooks/FormHooks.ts
+var { fieldContext, useFieldContext, formContext, useFormContext } = createFormHookContexts();
+var { useAppForm: useLayoutForm, withForm: withLayoutForm } = createFormHook({
+  fieldComponents: {
+    TextField: FormTextField,
+    NumberField: FormNumberField,
+    Autocomplete: FormAutocomplete,
+    Checkbox: FormCheckbox,
+    Switch: FormSwitch,
+    RadioGroup: FormRadioGroup,
+    Slider: FormSlider,
+    DatePicker: FormDatePicker,
+    DateTimePicker: FormDateTimePicker
+  },
+  formComponents: {
+    SubmitButton: FormSubmitButton
+  },
+  fieldContext,
+  formContext
+});
+/*! Bundled license information:
+
+react-is/cjs/react-is.production.min.js:
+  (** @license React v16.13.1
+   * react-is.production.min.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+
+react-is/cjs/react-is.development.js:
+  (** @license React v16.13.1
+   * react-is.development.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+
+object-assign/index.js:
+  (*
+  object-assign
+  (c) Sindre Sorhus
+  @license MIT
+  *)
+*/
+
+export { ChipInputCell, Dropzone, EditableColumnHeader, FileViewer, LayoutProvider, PageHeader, Platform, RouterButton, RouterError, RouterGridActionsCellItem, RouterIconButton, RouterLink, RouterListItemButton, RouterNotFound, RouterTab, TableContainer, TypographyWithIcon, rootRouteHead, useDeleteFile, useDeleteFiles, useDialogs, useDownloadFile, useFieldContext, useFormContext, useGetFile, useGetFileMetas, useGetFileThumbnail, useLayoutForm, useOpenFile, useUpdateFileMeta, useUploadFile, wczApiClient, withLayoutForm };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map