wcz-test 3.4.4 → 3.4.5

package/dist/index.js

@@ -1,3 +1,977 @@
+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.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js
+var require_react_is_production_min = __commonJS({
+  "node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js"(exports) {
+    "use strict";
+    var b = "function" === typeof Symbol && Symbol.for;
+    var c = b ? Symbol.for("react.element") : 60103;
+    var d = b ? Symbol.for("react.portal") : 60106;
+    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) {
+    "use strict";
+    if (process.env.NODE_ENV !== "production") {
+      (function() {
+        "use strict";
+        var hasSymbol = typeof Symbol === "function" && Symbol.for;
+        var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103;
+        var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106;
+        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) {
+    "use strict";
+    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) {
+    "use strict";
+    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) {
+    "use strict";
+    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) {
+    "use strict";
+    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) {
+    "use strict";
+    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) {
+    "use strict";
+    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) {
+    "use strict";
+    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) {
+    "use strict";
+    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;
+  }
+});
+
 // src/components/core/TypographyWithIcon.tsx
 import { Stack, Typography } from "@mui/material";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -177,103 +1151,404 @@ var Dropzone = ({ sx, ...props }) => {
 };
 
 // src/components/file/FileViewer.tsx
-import { useState as useState4 } from "react";
-import { FileContext } from "~/contexts/FileContext";
-import { useGetFileMetas } from "~/hooks/FileHooks";
+import { useState as useState5 } from "react";
 
-// src/components/file/fileViewer/FileViewerGrid.tsx
-import MoreVert from "@mui/icons-material/MoreVert";
-import { Box as Box2, IconButton, ImageListItem, ImageListItemBar, Stack as Stack2, Tooltip } from "@mui/material";
-import { grey } from "@mui/material/colors";
-import { Fragment, useEffect as useEffect2, useState as useState2 } from "react";
-import { useFile as useFile2 } from "~/contexts/FileContext";
-import { useDownloadFile as useDownloadFile2, useGetFileThumbnail, useOpenFile } from "~/hooks/FileHooks";
+// src/contexts/FileContext.ts
+import { createContext, useContext } from "react";
+var FileContext = createContext(null);
+var useFile = () => {
+  const context = useContext(FileContext);
+  if (!context) {
+    throw new Error("FileViewer components must be used within FileViewer");
+  }
+  return context;
+};
 
-// src/components/file/fileViewer/common/ActionsMenu.tsx
-import Delete from "@mui/icons-material/Delete";
-import FileDownload from "@mui/icons-material/FileDownload";
-import { List, ListItemButton, ListItemIcon, ListItemText, Menu } from "@mui/material";
-import { useTranslation as useTranslation2 } from "react-i18next";
-import { useFile } from "~/contexts/FileContext";
-import { useDialogs } from "~/hooks/DialogsHooks";
-import { useDeleteFile, useDownloadFile } from "~/hooks/FileHooks";
+// src/hooks/FileHooks.ts
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import saveAs from "file-saver";
+import { useState as useState2 } from "react";
+import { Upload as TusUpload } from "tus-js-client";
+import { uuidv7 } from "uuidv7";
+
+// src/components/core/AppTitle.tsx
+import { Chip, Stack as Stack2, Typography as Typography4 } from "@mui/material";
+import { useRouterState } from "@tanstack/react-router";
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var ActionsMenu = ({ meta, menu, setMenu }) => {
-  const { t: t2 } = useTranslation2();
-  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__ */ jsx5(
-    Menu,
-    {
-      open: menu !== null,
-      onClose: handleMenuClose,
-      anchorReference: "anchorPosition",
-      variant: "menu",
-      anchorPosition: menu === null ? void 0 : { top: menu.mouseY, left: menu.mouseX },
-      children: /* @__PURE__ */ jsxs3(List, { disablePadding: true, children: [
-        actions?.download !== false && /* @__PURE__ */ jsxs3(ListItemButton, { onClick: handleOnDownload, disabled: isDownloading, children: [
-          /* @__PURE__ */ jsx5(ListItemIcon, { children: /* @__PURE__ */ jsx5(FileDownload, {}) }),
-          /* @__PURE__ */ jsx5(ListItemText, { children: t2("Layout.File.Download") })
-        ] }),
-        actions?.delete !== false && /* @__PURE__ */ jsxs3(ListItemButton, { onClick: handleOnDelete, disabled: isDeleting, children: [
-          /* @__PURE__ */ jsx5(ListItemIcon, { children: /* @__PURE__ */ jsx5(Delete, {}) }),
-          /* @__PURE__ */ jsx5(ListItemText, { children: t2("Layout.File.Delete") })
-        ] })
-      ] })
-    }
-  );
+var AppTitle = () => {
+  const title = useAppTitle();
+  return /* @__PURE__ */ jsxs3(Stack2, { direction: "row", alignItems: "center", spacing: 2, flexGrow: 1, children: [
+    /* @__PURE__ */ jsx5("img", { src: "/favicon-32x32.png", alt: "app-logo", loading: "lazy" }),
+    /* @__PURE__ */ jsx5(Typography4, { variant: "h6", children: title }),
+    import.meta.env.DEV && /* @__PURE__ */ jsx5(Chip, { size: "small", label: "TEST", color: "info" })
+  ] });
 };
-
-// src/components/file/fileViewer/FileViewerGrid.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-var IMAGE_SIZE = 150;
-var FileViewerGrid = ({ sx, size, itemBar }) => {
-  const { fileMetas } = useFile2();
-  return /* @__PURE__ */ jsx6(Stack2, { direction: "row", spacing: 1, sx: { overflow: "auto", ...sx }, children: fileMetas.map((fileMeta) => /* @__PURE__ */ jsx6(
-    GridFileViewerItem,
-    {
-      meta: fileMeta,
-      size,
-      itemBar
-    },
-    fileMeta.id
-  )) });
+var useAppTitle = () => {
+  const rootRouterState = useRouterState({ select: (s) => s.matches[0] });
+  return rootRouterState.meta?.find((meta) => meta?.title)?.title;
 };
-var GridFileViewerItem = ({ meta, size, itemBar }) => {
-  const { setImageId, actions } = useFile2();
-  const [showItemBar, setShowItemBar] = useState2(itemBar === "always");
-  const [menu, setMenu] = useState2(null);
-  useEffect2(() => {
-    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);
+
+// src/utils/ClientUtils.ts
+import axios from "axios";
+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] = useState2(0);
+  const queryClient = useQueryClient();
+  const mutate = async (file) => {
+    if (!subId) throw new Error("subId is required for file upload");
+    if (!appTitle) throw new Error("appTitle is required for file upload");
+    const metadata = {
+      id: uuidv7(),
+      appName: appTitle,
+      subId,
+      fileName: file.name
+    };
+    const upload = new TusUpload(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 };
+};
+
+// src/components/file/fileViewer/FileViewerGrid.tsx
+import MoreVert from "@mui/icons-material/MoreVert";
+import { Box as Box2, IconButton, ImageListItem, ImageListItemBar, Stack as Stack3, Tooltip } from "@mui/material";
+import { grey } from "@mui/material/colors";
+import { Fragment, useEffect as useEffect3, useState as useState3 } from "react";
+
+// src/components/file/fileViewer/common/ActionsMenu.tsx
+import Delete from "@mui/icons-material/Delete";
+import FileDownload from "@mui/icons-material/FileDownload";
+import { List, ListItemButton, ListItemIcon, ListItemText, Menu } from "@mui/material";
+import { useTranslation as useTranslation3 } from "react-i18next";
+
+// src/hooks/DialogsHooks.tsx
+import Button from "@mui/material/Button";
+import Dialog from "@mui/material/Dialog";
+import DialogActions from "@mui/material/DialogActions";
+import DialogContent from "@mui/material/DialogContent";
+import DialogTitle from "@mui/material/DialogTitle";
+
+// node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js
+import * as React2 from "react";
+
+// node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js
+import * as React from "react";
+var useEnhancedEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
+var useEnhancedEffect_default = useEnhancedEffect;
+
+// node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js
+function useEventCallback(fn) {
+  const ref = React2.useRef(fn);
+  useEnhancedEffect_default(() => {
+    ref.current = fn;
+  });
+  return React2.useRef((...args) => (
+    // @ts-expect-error hide `this`
+    (0, ref.current)(...args)
+  )).current;
+}
+var useEventCallback_default = useEventCallback;
+
+// src/hooks/DialogsHooks.tsx
+import { useContext as useContext2, useMemo } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/contexts/DialogsContext.ts
+import { createContext as createContext2 } from "react";
+var DialogsContext = createContext2({});
+
+// src/hooks/DialogsHooks.tsx
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function AlertDialog({ open, payload, onClose }) {
+  const { t: t2 } = useTranslation2();
+  return /* @__PURE__ */ jsxs4(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(), children: [
+    /* @__PURE__ */ jsx6(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Alert") }),
+    /* @__PURE__ */ jsx6(DialogContent, { children: payload.message }),
+    /* @__PURE__ */ jsx6(DialogActions, { children: /* @__PURE__ */ jsx6(Button, { disabled: !open, onClick: () => onClose(), children: t2("Layout.Dialog.Confirm") }) })
+  ] });
+}
+function ConfirmDialog({ open, payload, onClose }) {
+  const { t: t2 } = useTranslation2();
+  return /* @__PURE__ */ jsxs4(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(false), children: [
+    /* @__PURE__ */ jsx6(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Confirm") }),
+    /* @__PURE__ */ jsx6(DialogContent, { children: payload.message }),
+    /* @__PURE__ */ jsxs4(DialogActions, { children: [
+      /* @__PURE__ */ jsx6(Button, { autoFocus: true, disabled: !open, onClick: () => onClose(false), children: payload.cancelText ?? t2("Layout.Dialog.Cancel") }),
+      /* @__PURE__ */ jsx6(Button, { disabled: !open, onClick: () => onClose(true), children: t2("Layout.Dialog.Confirm") })
+    ] })
+  ] });
+}
+function useDialogs() {
+  const { open, close } = useContext2(DialogsContext);
+  const alert = useEventCallback_default(
+    (message, { ...options } = {}) => open(AlertDialog, { ...options, message })
+  );
+  const confirm = useEventCallback_default(
+    (message, { ...options } = {}) => open(ConfirmDialog, { ...options, message })
+  );
+  return useMemo(() => ({ alert, confirm, open, close }), [alert, close, confirm, open]);
+}
+
+// src/components/file/fileViewer/common/ActionsMenu.tsx
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var ActionsMenu = ({ meta, menu, setMenu }) => {
+  const { t: t2 } = useTranslation3();
+  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__ */ jsx7(
+    Menu,
+    {
+      open: menu !== null,
+      onClose: handleMenuClose,
+      anchorReference: "anchorPosition",
+      variant: "menu",
+      anchorPosition: menu === null ? void 0 : { top: menu.mouseY, left: menu.mouseX },
+      children: /* @__PURE__ */ jsxs5(List, { disablePadding: true, children: [
+        actions?.download !== false && /* @__PURE__ */ jsxs5(ListItemButton, { onClick: handleOnDownload, disabled: isDownloading, children: [
+          /* @__PURE__ */ jsx7(ListItemIcon, { children: /* @__PURE__ */ jsx7(FileDownload, {}) }),
+          /* @__PURE__ */ jsx7(ListItemText, { children: t2("Layout.File.Download") })
+        ] }),
+        actions?.delete !== false && /* @__PURE__ */ jsxs5(ListItemButton, { onClick: handleOnDelete, disabled: isDeleting, children: [
+          /* @__PURE__ */ jsx7(ListItemIcon, { children: /* @__PURE__ */ jsx7(Delete, {}) }),
+          /* @__PURE__ */ jsx7(ListItemText, { children: t2("Layout.File.Delete") })
+        ] })
+      ] })
+    }
+  );
+};
+
+// src/components/file/fileViewer/FileViewerGrid.tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var IMAGE_SIZE = 150;
+var FileViewerGrid = ({ sx, size, itemBar }) => {
+  const { fileMetas } = useFile();
+  return /* @__PURE__ */ jsx8(Stack3, { direction: "row", spacing: 1, sx: { overflow: "auto", ...sx }, children: fileMetas.map((fileMeta) => /* @__PURE__ */ jsx8(
+    GridFileViewerItem,
+    {
+      meta: fileMeta,
+      size,
+      itemBar
+    },
+    fileMeta.id
+  )) });
+};
+var GridFileViewerItem = ({ meta, size, itemBar }) => {
+  const { setImageId, actions } = useFile();
+  const [showItemBar, setShowItemBar] = useState3(itemBar === "always");
+  const [menu, setMenu] = useState3(null);
+  useEffect3(() => {
+    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 } = useDownloadFile2();
+  const { mutate: download } = useDownloadFile();
   const onClick = () => {
     switch (meta.mediaType) {
       case "image": {
@@ -290,9 +1565,9 @@ var GridFileViewerItem = ({ meta, size, itemBar }) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs4(Fragment, { children: [
-    /* @__PURE__ */ jsxs4(ImageListItem, { sx: { width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, children: [
-      /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs6(Fragment, { children: [
+    /* @__PURE__ */ jsxs6(ImageListItem, { sx: { width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, children: [
+      /* @__PURE__ */ jsx8(
         Box2,
         {
           component: "img",
@@ -303,15 +1578,15 @@ var GridFileViewerItem = ({ meta, size, itemBar }) => {
           sx: { cursor: "pointer", objectFit: "contain", width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }
         }
       ),
-      itemBar !== "hidden" && showItemBar && /* @__PURE__ */ jsx6(
+      itemBar !== "hidden" && showItemBar && /* @__PURE__ */ jsx8(
         ImageListItemBar,
         {
-          title: /* @__PURE__ */ jsx6(Tooltip, { title: meta.fileName, children: /* @__PURE__ */ jsx6(Box2, { children: meta.fileName }) }),
-          actionIcon: (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx6(IconButton, { sx: { color: grey[100] }, onClick: openMenu, children: /* @__PURE__ */ jsx6(MoreVert, {}) })
+          title: /* @__PURE__ */ jsx8(Tooltip, { title: meta.fileName, children: /* @__PURE__ */ jsx8(Box2, { children: meta.fileName }) }),
+          actionIcon: (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx8(IconButton, { sx: { color: grey[100] }, onClick: openMenu, children: /* @__PURE__ */ jsx8(MoreVert, {}) })
         }
       )
     ] }),
-    (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx6(ActionsMenu, { meta, menu, setMenu })
+    (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx8(ActionsMenu, { meta, menu, setMenu })
   ] });
 };
 
@@ -321,14 +1596,12 @@ import Image from "@mui/icons-material/Image";
 import MoreVert2 from "@mui/icons-material/MoreVert";
 import SmartDisplay from "@mui/icons-material/SmartDisplay";
 import { IconButton as IconButton2, List as List2, ListItemButton as ListItemButton2, ListItemIcon as ListItemIcon2, ListItemText as ListItemText2 } from "@mui/material";
-import { Fragment as Fragment2, useState as useState3 } from "react";
-import { useFile as useFile3 } from "~/contexts/FileContext";
-import { useDownloadFile as useDownloadFile3, useOpenFile as useOpenFile2 } from "~/hooks/FileHooks";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, useState as useState4 } from "react";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var FileViewerList = ({ sx }) => {
-  const { fileMetas } = useFile3();
-  return /* @__PURE__ */ jsx7(List2, { dense: true, sx, children: fileMetas.map(
-    (fileMeta) => /* @__PURE__ */ jsx7(
+  const { fileMetas } = useFile();
+  return /* @__PURE__ */ jsx9(List2, { dense: true, sx, children: fileMetas.map(
+    (fileMeta) => /* @__PURE__ */ jsx9(
       ListFileViewerItem,
       {
         meta: fileMeta
@@ -338,14 +1611,14 @@ var FileViewerList = ({ sx }) => {
   ) });
 };
 var ListFileViewerItem = ({ meta }) => {
-  const { setImageId, actions } = useFile3();
-  const [menu, setMenu] = useState3(null);
+  const { setImageId, actions } = useFile();
+  const [menu, setMenu] = useState4(null);
   const openMenu = (event) => {
     event.stopPropagation();
     setMenu(menu === null ? { mouseX: event.clientX, mouseY: event.clientY } : null);
   };
-  const { mutate: openFile } = useOpenFile2();
-  const { mutate: download } = useDownloadFile3();
+  const { mutate: openFile } = useOpenFile();
+  const { mutate: download } = useDownloadFile();
   const onClick = () => {
     switch (meta.mediaType) {
       case "image": {
@@ -365,38 +1638,36 @@ var ListFileViewerItem = ({ meta }) => {
   const icon = () => {
     switch (meta.mediaType) {
       case "image": {
-        return /* @__PURE__ */ jsx7(Image, {});
+        return /* @__PURE__ */ jsx9(Image, {});
       }
       case "video": {
-        return /* @__PURE__ */ jsx7(SmartDisplay, {});
+        return /* @__PURE__ */ jsx9(SmartDisplay, {});
       }
       default: {
-        return /* @__PURE__ */ jsx7(AttachFile, {});
+        return /* @__PURE__ */ jsx9(AttachFile, {});
       }
     }
   };
-  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
-    /* @__PURE__ */ jsxs5(ListItemButton2, { onClick, children: [
-      /* @__PURE__ */ jsx7(ListItemIcon2, { children: icon() }),
-      /* @__PURE__ */ jsx7(ListItemText2, { primary: `${meta.fileName}.${meta.fileExtension}` }),
-      (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx7(IconButton2, { edge: "end", onClick: openMenu, children: /* @__PURE__ */ jsx7(MoreVert2, {}) })
+  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
+    /* @__PURE__ */ jsxs7(ListItemButton2, { onClick, children: [
+      /* @__PURE__ */ jsx9(ListItemIcon2, { children: icon() }),
+      /* @__PURE__ */ jsx9(ListItemText2, { primary: `${meta.fileName}.${meta.fileExtension}` }),
+      (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx9(IconButton2, { edge: "end", onClick: openMenu, children: /* @__PURE__ */ jsx9(MoreVert2, {}) })
     ] }, meta.id),
-    (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx7(ActionsMenu, { meta, menu, setMenu })
+    (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ jsx9(ActionsMenu, { meta, menu, setMenu })
   ] });
 };
 
 // src/components/file/fileViewer/ImageViewer.tsx
 import Close from "@mui/icons-material/Close";
-import { Box as Box3, Dialog, Fab } from "@mui/material";
-import { useEffect as useEffect3 } from "react";
-import { useFile as useFile4 } from "~/contexts/FileContext";
-import { useGetFile } from "~/hooks/FileHooks";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Box as Box3, Dialog as Dialog2, Fab } from "@mui/material";
+import { useEffect as useEffect4 } from "react";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var ImageViewer = ({ metaId }) => {
-  const { fileMetas, setImageId } = useFile4();
+  const { fileMetas, setImageId } = useFile();
   const meta = fileMetas.find((m) => m.id === metaId);
   const { data: source } = useGetFile(meta);
-  useEffect3(() => {
+  useEffect4(() => {
     if (globalThis.window !== void 0 && metaId)
       globalThis.addEventListener("keydown", handleOnKeydown);
     return () => {
@@ -434,28 +1705,28 @@ var ImageViewer = ({ metaId }) => {
   };
   const onClose = () => setImageId("");
   if (!metaId) return null;
-  return /* @__PURE__ */ jsxs6(Dialog, { open: true, onClose, maxWidth: "xl", children: [
-    /* @__PURE__ */ jsx8(Box3, { component: "img", src: source, alt: metaId, sx: { maxWidth: "100vw", maxHeight: { xs: "calc(100vh - 56px)", sm: "calc(100vh - 64px)" } } }),
-    /* @__PURE__ */ jsx8(Fab, { size: "medium", onClick: onClose, sx: { position: "fixed", top: 8, right: 8 }, children: /* @__PURE__ */ jsx8(Close, {}) })
+  return /* @__PURE__ */ jsxs8(Dialog2, { open: true, onClose, maxWidth: "xl", children: [
+    /* @__PURE__ */ jsx10(Box3, { component: "img", src: source, alt: metaId, sx: { maxWidth: "100vw", maxHeight: { xs: "calc(100vh - 56px)", sm: "calc(100vh - 64px)" } } }),
+    /* @__PURE__ */ jsx10(Fab, { size: "medium", onClick: onClose, sx: { position: "fixed", top: 8, right: 8 }, children: /* @__PURE__ */ jsx10(Close, {}) })
   ] });
 };
 
 // src/components/file/FileViewer.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var FileViewer = ({ subId, onDelete, actions, children }) => {
   const { data: fileMetas = [] } = useGetFileMetas(subId, { enabled: !!subId });
-  const [imageId, setImageId] = useState4("");
+  const [imageId, setImageId] = useState5("");
   const components = { Grid: FileViewerGrid, List: FileViewerList };
   if (fileMetas.length === 0) return null;
-  return /* @__PURE__ */ jsxs7(FileContext.Provider, { value: { fileMetas, onDelete, actions, setImageId }, children: [
+  return /* @__PURE__ */ jsxs9(FileContext.Provider, { value: { fileMetas, onDelete, actions, setImageId }, children: [
     children(components),
-    /* @__PURE__ */ jsx9(ImageViewer, { metaId: imageId })
+    /* @__PURE__ */ jsx11(ImageViewer, { metaId: imageId })
   ] });
 };
 
 // src/components/data-grid/ChipInputCell.tsx
-import { Chip, Stack as Stack3 } from "@mui/material";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { Chip as Chip2, Stack as Stack4 } from "@mui/material";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var isArray = (value) => Array.isArray(value);
 var ChipInputCell = ({ params, slotProps, getLabel }) => {
   if (!params.value) return null;
@@ -463,151 +1734,1421 @@ var ChipInputCell = ({ params, slotProps, getLabel }) => {
     if (getLabel) return getLabel(value);
     return value;
   };
-  if (isArray(params.value))
-    return /* @__PURE__ */ jsx10(Stack3, { direction: "row", alignItems: "center", gap: 1, sx: { overflowX: "auto", height: "100%", width: params.colDef.computedWidth }, children: params.value.map(
-      (value, index) => /* @__PURE__ */ jsx10(Chip, { label: getLabelValue(value), ...slotProps }, `${index + 1}-chip-input-cell`)
-    ) });
-  return /* @__PURE__ */ jsx10(Chip, { label: getLabelValue(params.value), ...slotProps });
+  if (isArray(params.value))
+    return /* @__PURE__ */ jsx12(Stack4, { direction: "row", alignItems: "center", gap: 1, sx: { overflowX: "auto", height: "100%", width: params.colDef.computedWidth }, children: params.value.map(
+      (value, index) => /* @__PURE__ */ jsx12(Chip2, { label: getLabelValue(value), ...slotProps }, `${index + 1}-chip-input-cell`)
+    ) });
+  return /* @__PURE__ */ jsx12(Chip2, { label: getLabelValue(params.value), ...slotProps });
+};
+
+// src/components/data-grid/EditableColumnHeader.tsx
+import Edit from "@mui/icons-material/Edit";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var EditableColumnHeader = ({ colDef }) => {
+  return /* @__PURE__ */ jsx13(TypographyWithIcon, { endIcon: /* @__PURE__ */ jsx13(Edit, { color: "disabled", fontSize: "small" }), variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
+};
+
+// src/components/router/RouterButton.tsx
+import { Button as Button2 } from "@mui/material";
+import { createLink } from "@tanstack/react-router";
+import React5 from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var Component = React5.forwardRef(function ButtonComponent(props, reference) {
+  return /* @__PURE__ */ jsx14(Button2, { ref: reference, component: "a", ...props });
+});
+var CreatedComponent = createLink(Component);
+var RouterButton = (props) => {
+  return /* @__PURE__ */ jsx14(CreatedComponent, { ...props });
+};
+
+// src/components/router/RouterGridActionsCellItem.tsx
+import { GridActionsCellItem } from "@mui/x-data-grid-premium";
+import { createLink as createLink2 } from "@tanstack/react-router";
+import React6 from "react";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var Component2 = React6.forwardRef(
+  function GridActionsCellItemComponent(props, reference) {
+    return /* @__PURE__ */ jsx15(GridActionsCellItem, { ref: reference, component: "a", ...props });
+  }
+);
+var CreatedComponent2 = createLink2(Component2);
+var RouterGridActionsCellItem = (props) => {
+  return /* @__PURE__ */ jsx15(CreatedComponent2, { ...props });
+};
+
+// src/components/router/RouterIconButton.tsx
+import { IconButton as IconButton3 } from "@mui/material";
+import { createLink as createLink3 } from "@tanstack/react-router";
+import React7 from "react";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var Component3 = React7.forwardRef(function IconButtonComponent(props, reference) {
+  return /* @__PURE__ */ jsx16(IconButton3, { ref: reference, component: "a", ...props });
+});
+var CreatedComponent3 = createLink3(Component3);
+var RouterIconButton = (props) => {
+  return /* @__PURE__ */ jsx16(CreatedComponent3, { ...props });
+};
+
+// src/components/router/RouterLink.tsx
+import { Link } from "@mui/material";
+import { createLink as createLink4 } from "@tanstack/react-router";
+import React8 from "react";
+import { jsx as jsx17 } from "react/jsx-runtime";
+var Component4 = React8.forwardRef(function LinkComponent(props, reference) {
+  return /* @__PURE__ */ jsx17(Link, { ref: reference, ...props });
+});
+var CreatedComponent4 = createLink4(Component4);
+var RouterLink = (props) => {
+  return /* @__PURE__ */ jsx17(CreatedComponent4, { ...props });
+};
+
+// src/components/router/RouterTab.tsx
+import { Tab } from "@mui/material";
+import { createLink as createLink5 } from "@tanstack/react-router";
+import React9 from "react";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var Component5 = React9.forwardRef(function TabComponent(props, reference) {
+  return /* @__PURE__ */ jsx18(Tab, { ref: reference, component: "a", ...props });
+});
+var CreatedComponent5 = createLink5(Component5);
+var RouterTab = (props) => {
+  return /* @__PURE__ */ jsx18(CreatedComponent5, { ...props });
+};
+
+// src/components/router/RouterListItemButton.tsx
+import { ListItemButton as ListItemButton3 } from "@mui/material";
+import { createLink as createLink6 } from "@tanstack/react-router";
+import React10 from "react";
+import { jsx as jsx19 } from "react/jsx-runtime";
+var Component6 = React10.forwardRef(function ButtonComponent2(props, reference) {
+  return /* @__PURE__ */ jsx19(ListItemButton3, { ref: reference, component: "a", ...props });
+});
+var CreatedComponent6 = createLink6(Component6);
+var RouterListItemButton = (props) => {
+  return /* @__PURE__ */ jsx19(CreatedComponent6, { ...props });
+};
+
+// src/components/router/RouterNotFound.tsx
+import { Box as Box4, Divider, Typography as Typography5 } from "@mui/material";
+import { useTranslation as useTranslation4 } from "react-i18next";
+import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
+function RouterNotFound() {
+  const { t: t2 } = useTranslation4();
+  return /* @__PURE__ */ jsx20(Box4, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs10(Box4, { display: "flex", alignItems: "center", mb: 4, children: [
+    /* @__PURE__ */ jsx20(Typography5, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
+    /* @__PURE__ */ jsx20(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
+    /* @__PURE__ */ jsx20(Typography5, { variant: "h5", component: "span", children: t2("Layout.ThisPageCouldNotBeFound") })
+  ] }) });
+}
+
+// src/components/router/RouterError.tsx
+import { Box as Box5, Divider as Divider2, Typography as Typography6 } from "@mui/material";
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+var RouterError = ({ error }) => {
+  return /* @__PURE__ */ jsx21(Box5, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs11(Box5, { display: "flex", alignItems: "center", mb: 4, children: [
+    /* @__PURE__ */ jsx21(Typography6, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: error.name || "500" }),
+    /* @__PURE__ */ jsx21(Divider2, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
+    /* @__PURE__ */ jsx21(Typography6, { variant: "h5", component: "span", children: error.message })
+  ] }) });
+};
+
+// 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(), 1);
+import * as React11 from "react";
+import { useThemeProps } from "@mui/material/styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+var _excluded = ["localeText"];
+var PickerAdapterContext = /* @__PURE__ */ React11.createContext(null);
+if (process.env.NODE_ENV !== "production") PickerAdapterContext.displayName = "PickerAdapterContext";
+var LocalizationProvider = function LocalizationProvider2(inProps) {
+  const {
+    localeText: inLocaleText
+  } = inProps, otherInProps = _objectWithoutPropertiesLoose(inProps, _excluded);
+  const {
+    adapter: parentAdapter,
+    localeText: parentLocaleText
+  } = React11.useContext(PickerAdapterContext) ?? {
+    utils: void 0,
+    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);
+    }
+  }
+}
+
+// node_modules/@mui/x-date-pickers/esm/AdapterDayjs/AdapterDayjs.js
+import dayjs from "dayjs";
+import weekOfYearPlugin from "dayjs/plugin/weekOfYear.js";
+import customParseFormatPlugin from "dayjs/plugin/customParseFormat.js";
+import localizedFormatPlugin from "dayjs/plugin/localizedFormat.js";
+import isBetweenPlugin from "dayjs/plugin/isBetween.js";
+import advancedFormatPlugin from "dayjs/plugin/advancedFormat.js";
+dayjs.extend(localizedFormatPlugin);
+dayjs.extend(weekOfYearPlugin);
+dayjs.extend(isBetweenPlugin);
+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;
+  };
 };
 
-// src/components/data-grid/EditableColumnHeader.tsx
-import Edit from "@mui/icons-material/Edit";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var EditableColumnHeader = ({ colDef }) => {
-  return /* @__PURE__ */ jsx11(TypographyWithIcon, { endIcon: /* @__PURE__ */ jsx11(Edit, { color: "disabled", fontSize: "small" }), variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
-};
+// src/providers/LayoutProvider.tsx
+import { useEffect as useEffect6, useState as useState10 } from "react";
+import { I18nextProvider, useTranslation as useTranslation7 } from "react-i18next";
+import * as z from "zod";
+import { cs, en } from "zod/locales";
 
-// src/components/router/RouterButton.tsx
-import { Button } from "@mui/material";
-import { createLink } from "@tanstack/react-router";
-import React3 from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var Component = React3.forwardRef(function ButtonComponent(props, reference) {
-  return /* @__PURE__ */ jsx12(Button, { ref: reference, component: "a", ...props });
-});
-var CreatedComponent = createLink(Component);
-var RouterButton = (props) => {
-  return /* @__PURE__ */ jsx12(CreatedComponent, { ...props });
+// src/components/core/Layout.tsx
+import Menu3 from "@mui/icons-material/Menu";
+import MenuOpen from "@mui/icons-material/MenuOpen";
+import { AppBar, Box as Box9, CssBaseline, IconButton as IconButton5, InitColorSchemeScript, LinearProgress, Toolbar } from "@mui/material";
+import { ThemeProvider, styled as styled2 } from "@mui/material/styles";
+import { useIsFetching, useIsMutating } from "@tanstack/react-query";
+import useLocalStorageState from "use-local-storage-state";
+
+// src/hooks/ThemeHook.ts
+import { createTheme, darken, lighten } from "@mui/material";
+import { grey as grey2 } from "@mui/material/colors";
+import { csCZ, enUS } from "@mui/material/locale";
+import { csCZ as dataGridCsCz, enUS as dataGridEnUs } from "@mui/x-data-grid-premium/locales";
+import { csCZ as datePickersCsCz, enUS as datePickersEnUs } from "@mui/x-date-pickers-pro/locales";
+import { useTranslation as useTranslation5 } from "react-i18next";
+var WISTRON_PRIMARY_COLOR = "#00506E";
+var WISTRON_SECONDARY_COLOR = "#64DC00";
+var useGetTheme = (theme) => {
+  const { i18n: i18n2 } = useTranslation5();
+  return createTheme(
+    {
+      cssVariables: {
+        colorSchemeSelector: "data-mui-color-scheme"
+      },
+      colorSchemes: {
+        light: {
+          palette: {
+            primary: { main: WISTRON_PRIMARY_COLOR },
+            secondary: { main: WISTRON_SECONDARY_COLOR }
+          }
+        },
+        dark: {
+          palette: {
+            primary: { main: lighten(WISTRON_PRIMARY_COLOR, 0.5) },
+            secondary: { main: darken(WISTRON_SECONDARY_COLOR, 0.5) }
+          }
+        },
+        ...theme?.colorSchemes
+      },
+      components: {
+        MuiCssBaseline: {
+          styleOverrides: (theme2) => {
+            return {
+              body: {
+                "&::-webkit-scrollbar, & *::-webkit-scrollbar": {
+                  width: "0.7em",
+                  height: "0.7em"
+                },
+                "&::-webkit-scrollbar-track, & *::-webkit-scrollbar-track": {
+                  backgroundColor: theme2.palette.mode === "dark" ? grey2[900] : grey2[200],
+                  borderRadius: "5px"
+                },
+                "&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb": {
+                  backgroundColor: theme2.palette.mode === "dark" ? grey2[800] : grey2[400],
+                  borderRadius: "10px"
+                },
+                "&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover": {
+                  backgroundColor: theme2.palette.mode === "dark" ? grey2[700] : grey2[500]
+                },
+                "&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner": {
+                  backgroundColor: "transparent"
+                }
+              }
+            };
+          }
+        },
+        ...theme?.components
+      }
+    },
+    i18n2.resolvedLanguage === "cs" ? datePickersCsCz : datePickersEnUs,
+    i18n2.resolvedLanguage === "cs" ? dataGridCsCz : dataGridEnUs,
+    i18n2.resolvedLanguage === "cs" ? csCZ : enUS
+  );
 };
 
-// src/components/router/RouterGridActionsCellItem.tsx
-import { GridActionsCellItem } from "@mui/x-data-grid-premium";
-import { createLink as createLink2 } from "@tanstack/react-router";
-import React4 from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var Component2 = React4.forwardRef(
-  function GridActionsCellItemComponent(props, reference) {
-    return /* @__PURE__ */ jsx13(GridActionsCellItem, { ref: reference, component: "a", ...props });
+// src/components/core/navigation/NavigationRail.tsx
+import { useMediaQuery } from "@mui/material";
+import Box7 from "@mui/material/Box";
+import Drawer from "@mui/material/Drawer";
+import { useTheme as useTheme2 } from "@mui/material/styles";
+import { useNavigate, useRouterState as useRouterState2 } from "@tanstack/react-router";
+
+// src/components/core/navigation/NavigationList.tsx
+import Divider3 from "@mui/material/Divider";
+import List3 from "@mui/material/List";
+import ListSubheader from "@mui/material/ListSubheader";
+import { Fragment as Fragment5, useEffect as useEffect5, useState as useState7 } from "react";
+
+// src/components/core/navigation/NavigationListItem.tsx
+import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+import Avatar from "@mui/material/Avatar";
+import Box6 from "@mui/material/Box";
+import Popper from "@mui/material/Popper";
+import ListItem from "@mui/material/ListItem";
+import ListItemButton4 from "@mui/material/ListItemButton";
+import ListItemIcon3 from "@mui/material/ListItemIcon";
+import ListItemText3 from "@mui/material/ListItemText";
+import Paper2 from "@mui/material/Paper";
+import { styled } from "@mui/material/styles";
+import Typography7 from "@mui/material/Typography";
+import { Fragment as Fragment3, useMemo as useMemo3, useState as useState6 } from "react";
+import { Collapse } from "@mui/material";
+import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+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__ */ jsxs12(Box6, { sx: collapsed ? { position: "absolute", left: "50%", top: "calc(50% - 6px)", transform: "translate(-50%, -50%)" } : {}, children: [
+      /* @__PURE__ */ jsxs12(ListItemIcon3, { sx: { display: "flex", alignItems: "center", justifyContent: "center", minWidth: ICON_SIZE }, children: [
+        item.icon ?? null,
+        !item.icon && collapsed ? /* @__PURE__ */ jsx22(Avatar, { sx: { width: ICON_SIZE - 7, height: ICON_SIZE - 7, fontSize: 12 }, children: item.title }) : null
+      ] }),
+      collapsed ? /* @__PURE__ */ jsx22(
+        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__ */ jsx22(
+  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__ */ jsx22(
+      Paper2,
+      {
+        sx: {
+          pt: 0.5,
+          pb: 0.5,
+          maxHeight: "min(calc(100vh - 100px), 560px)",
+          overflowY: "auto",
+          overscrollBehavior: "contain"
+        },
+        children
+      }
+    )
   }
 );
-var CreatedComponent2 = createLink2(Component2);
-var RouterGridActionsCellItem = (props) => {
-  return /* @__PURE__ */ jsx13(CreatedComponent2, { ...props });
+var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, onClick, renderNested }) => {
+  const [hoveredPopoverItem, setHoveredPopoverItem] = useState6(null);
+  const [anchorElement, setAnchorElement] = useState6(null);
+  const chevronSx = useMemo3(() => {
+    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__ */ jsxs12(Fragment4, { children: [
+    /* @__PURE__ */ jsx22(IconOrAvatar, { item, collapsed }),
+    !collapsed && /* @__PURE__ */ jsx22(
+      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__ */ jsx22(ExpandMoreIcon, { sx: chevronSx }) : null
+  ] });
+  const listItem = /* @__PURE__ */ jsxs12(
+    ListItem,
+    {
+      ...item.children && collapsed ? {
+        onMouseEnter: (event) => {
+          setAnchorElement(event.currentTarget);
+          setHoveredPopoverItem(item.title);
+        },
+        onMouseLeave: () => {
+          setHoveredPopoverItem(null);
+        }
+      } : {},
+      sx: { py: 0, px: 1, overflowX: "hidden" },
+      children: [
+        shouldJustExpand ? /* @__PURE__ */ jsx22(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ jsx22(
+          StyledRouterButton,
+          {
+            ...buttonProps,
+            to: item.to,
+            href: item.href,
+            params: item.params,
+            search: item.search,
+            children: buttonContent
+          }
+        ),
+        item.children && collapsed ? /* @__PURE__ */ jsx22(MiniPopover, { open: item.title === hoveredPopoverItem, anchorEl: anchorElement, children: renderNested?.(item.children) }) : null
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs12(Fragment3, { children: [
+    listItem,
+    item.children && !collapsed ? /* @__PURE__ */ jsx22(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, children: renderNested?.(item.children) }) : null
+  ] }, item.to);
 };
 
-// src/components/router/RouterIconButton.tsx
-import { IconButton as IconButton3 } from "@mui/material";
-import { createLink as createLink3 } from "@tanstack/react-router";
-import React5 from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var Component3 = React5.forwardRef(function IconButtonComponent(props, reference) {
-  return /* @__PURE__ */ jsx14(IconButton3, { ref: reference, component: "a", ...props });
-});
-var CreatedComponent3 = createLink3(Component3);
-var RouterIconButton = (props) => {
-  return /* @__PURE__ */ jsx14(CreatedComponent3, { ...props });
+// src/components/core/navigation/NavigationList.tsx
+import { jsx as jsx23 } from "react/jsx-runtime";
+var isPageItem = (item) => !("kind" in item);
+var isDivider = (item) => "kind" in item && item.kind === "divider";
+var isHeader = (item) => "kind" in item && item.kind === "header";
+var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, expandedWidth, renderItem, activePath, onNavigate }) => {
+  const [openKeys, setOpenKeys] = useState7([]);
+  useEffect5(() => {
+    if (collapsed) setOpenKeys([]);
+  }, [collapsed]);
+  const toggleKey = (key) => setOpenKeys((previous) => previous.includes(key) ? previous.filter((k) => k !== key) : [...previous, key]);
+  const renderNested = (children) => /* @__PURE__ */ jsx23(
+    NavigationList,
+    {
+      subNavigation: children,
+      depth: depth + 1,
+      isPopover: collapsed,
+      expandedWidth,
+      activePath,
+      onNavigate
+    }
+  );
+  const filteredNavigation = subNavigation.filter((nav) => !nav.hidden);
+  return /* @__PURE__ */ jsx23(
+    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__ */ jsx23(
+            ListSubheader,
+            {
+              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__ */ jsx23("li", { children: /* @__PURE__ */ jsx23(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__ */ jsx23(Fragment5, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
+        return /* @__PURE__ */ jsx23(
+          NavigationListItem,
+          {
+            item: navItem,
+            isOpen: openKeys.includes(uniqueItemKey),
+            selected: activePath === navItem.to,
+            collapsed,
+            isSidebarFullyExpanded,
+            isSidebarFullyCollapsed,
+            onClick: navItem.children && !collapsed ? () => toggleKey(uniqueItemKey) : void 0,
+            renderNested
+          },
+          key
+        );
+      })
+    }
+  );
 };
 
-// src/components/router/RouterLink.tsx
-import { Link } from "@mui/material";
-import { createLink as createLink4 } from "@tanstack/react-router";
-import React6 from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
-var Component4 = React6.forwardRef(function LinkComponent(props, reference) {
-  return /* @__PURE__ */ jsx15(Link, { ref: reference, ...props });
-});
-var CreatedComponent4 = createLink4(Component4);
-var RouterLink = (props) => {
-  return /* @__PURE__ */ jsx15(CreatedComponent4, { ...props });
+// src/components/core/navigation/NavigationRail.tsx
+import { jsx as jsx24 } from "react/jsx-runtime";
+var MINI_WIDTH = 84;
+var EXPANDED_WIDTH = 320;
+var TOOLBAR_HEIGHT = 65;
+var NavigationRail = ({ navigation, expanded, setExpanded }) => {
+  const navigate = useNavigate();
+  const routerState = useRouterState2();
+  const theme = useTheme2();
+  const showPermanent = useMediaQuery(theme.breakpoints.up("sm"));
+  const drawerContent = (collapsed) => /* @__PURE__ */ jsx24(
+    Box7,
+    {
+      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__ */ jsx24(
+        NavigationList,
+        {
+          subNavigation: navigation,
+          collapsed,
+          isSidebarFullyExpanded: expanded,
+          isSidebarFullyCollapsed: !expanded,
+          expandedWidth: EXPANDED_WIDTH,
+          activePath: routerState.location.pathname,
+          onNavigate: navigate
+        }
+      )
+    }
+  );
+  if (showPermanent)
+    return /* @__PURE__ */ jsx24(
+      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__ */ jsx24(Drawer, { open: expanded, onClose: () => setExpanded(false), children: drawerContent(!expanded) });
 };
 
-// src/components/router/RouterTab.tsx
-import { Tab } from "@mui/material";
-import { createLink as createLink5 } from "@tanstack/react-router";
-import React7 from "react";
-import { jsx as jsx16 } from "react/jsx-runtime";
-var Component5 = React7.forwardRef(function TabComponent(props, reference) {
-  return /* @__PURE__ */ jsx16(Tab, { ref: reference, component: "a", ...props });
-});
-var CreatedComponent5 = createLink5(Component5);
-var RouterTab = (props) => {
-  return /* @__PURE__ */ jsx16(CreatedComponent5, { ...props });
-};
+// src/components/core/ToolbarAccount.tsx
+import AccountCircle from "@mui/icons-material/AccountCircle";
+import ArrowBack from "@mui/icons-material/ArrowBack";
+import Brightness4 from "@mui/icons-material/Brightness4";
+import ChevronRight from "@mui/icons-material/ChevronRight";
+import DarkMode from "@mui/icons-material/DarkMode";
+import LightMode from "@mui/icons-material/LightMode";
+import Login from "@mui/icons-material/Login";
+import Logout from "@mui/icons-material/Logout";
+import SettingsBrightness from "@mui/icons-material/SettingsBrightness";
+import Translate from "@mui/icons-material/Translate";
+import { Avatar as Avatar2, Box as Box8, IconButton as IconButton4, List as List4, ListItem as ListItem2, ListItemButton as ListItemButton5, ListItemIcon as ListItemIcon4, ListItemText as ListItemText4, ListSubheader as ListSubheader2, Menu as Menu2, Typography as Typography8, useColorScheme } from "@mui/material";
+import { Fragment as Fragment6, useState as useState8 } from "react";
+import { useTranslation as useTranslation6 } from "react-i18next";
 
-// src/components/router/RouterListItemButton.tsx
-import { ListItemButton as ListItemButton3 } from "@mui/material";
-import { createLink as createLink6 } from "@tanstack/react-router";
-import React8 from "react";
-import { jsx as jsx17 } from "react/jsx-runtime";
-var Component6 = React8.forwardRef(function ButtonComponent2(props, reference) {
-  return /* @__PURE__ */ jsx17(ListItemButton3, { ref: reference, component: "a", ...props });
-});
-var CreatedComponent6 = createLink6(Component6);
-var RouterListItemButton = (props) => {
-  return /* @__PURE__ */ jsx17(CreatedComponent6, { ...props });
+// src/auth-test/keycloak.ts
+import { useRouter } from "@tanstack/react-router";
+import Keycloak from "keycloak-js";
+var keycloakConfig = {
+  url: import.meta.env.VITE_KEYCLOAK_URL,
+  realm: import.meta.env.VITE_KEYCLOAK_REALM,
+  clientId: import.meta.env.VITE_KEYCLOAK_CLIENT_ID,
+  idpHint: import.meta.env.VITE_KEYCLOAK_IDP_HINT,
+  confidentialClientId: import.meta.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_ID,
+  confidentialClientSecret: import.meta.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_SECRET
 };
-
-// src/components/router/RouterNotFound.tsx
-import { Box as Box4, Divider, Typography as Typography4 } from "@mui/material";
-import { useTranslation as useTranslation3 } from "react-i18next";
-import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
-function RouterNotFound() {
-  const { t: t2 } = useTranslation3();
-  return /* @__PURE__ */ jsx18(Box4, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs8(Box4, { display: "flex", alignItems: "center", mb: 4, children: [
-    /* @__PURE__ */ jsx18(Typography4, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
-    /* @__PURE__ */ jsx18(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
-    /* @__PURE__ */ jsx18(Typography4, { variant: "h5", component: "span", children: t2("Layout.ThisPageCouldNotBeFound") })
-  ] }) });
+function useKeycloak() {
+  const routerContext = useRouter();
+  const keycloak = routerContext.options.context.keycloak;
+  return keycloak;
 }
 
-// src/components/router/RouterError.tsx
-import { Box as Box5, Divider as Divider2, Typography as Typography5 } from "@mui/material";
-import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
-var RouterError = ({ error }) => {
-  return /* @__PURE__ */ jsx19(Box5, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs9(Box5, { display: "flex", alignItems: "center", mb: 4, children: [
-    /* @__PURE__ */ jsx19(Typography5, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: error.name || "500" }),
-    /* @__PURE__ */ jsx19(Divider2, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
-    /* @__PURE__ */ jsx19(Typography5, { variant: "h5", component: "span", children: error.message })
-  ] }) });
+// src/components/core/ToolbarAccount.tsx
+import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
+var ToolbarAccount = () => {
+  const [anchorElement, setAnchorElement] = useState8();
+  const [tab, setTab] = useState8("settings");
+  const open = Boolean(anchorElement);
+  const { t: t2, i18n: i18n2 } = useTranslation6();
+  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__ */ jsxs13(List4, { component: "nav", subheader: /* @__PURE__ */ jsx25(ListSubheader2, { sx: { backgroundColor: "transparent" }, children: t2("Layout.Settings") }), children: [
+    /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(Brightness4, {}) }),
+      /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.Appearance"), secondary: getModeText() }),
+      /* @__PURE__ */ jsx25(ChevronRight, {})
+    ] }),
+    /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(Translate, {}) }),
+      /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.Language"), secondary: i18n2.resolvedLanguage === "en" ? "English" : "\u010Ce\u0161tina" }),
+      /* @__PURE__ */ jsx25(ChevronRight, {})
+    ] })
+  ] });
+  const theme = /* @__PURE__ */ jsxs13(List4, { subheader: /* @__PURE__ */ jsxs13(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+    /* @__PURE__ */ jsx25(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx25(ArrowBack, { fontSize: "small" }) }),
+    " ",
+    t2("Layout.Appearance")
+  ] }), children: [
+    /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: changeMode("light"), disabled: mode === "light", children: [
+      /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(LightMode, {}) }),
+      /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.Light") })
+    ] }),
+    /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: changeMode("dark"), disabled: mode === "dark", children: [
+      /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(DarkMode, {}) }),
+      /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.Dark") })
+    ] }),
+    /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: changeMode("system"), disabled: mode === "system", children: [
+      /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(SettingsBrightness, {}) }),
+      /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.System") })
+    ] })
+  ] });
+  const language = /* @__PURE__ */ jsxs13(List4, { subheader: /* @__PURE__ */ jsxs13(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+    /* @__PURE__ */ jsx25(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx25(ArrowBack, { fontSize: "small" }) }),
+    " ",
+    t2("Layout.Language")
+  ] }), children: [
+    /* @__PURE__ */ jsx25(ListItemButton5, { onClick: changeLanguage("en"), disabled: i18n2.resolvedLanguage === "en", children: /* @__PURE__ */ jsx25(ListItemText4, { primary: "English" }) }),
+    /* @__PURE__ */ jsx25(ListItemButton5, { onClick: changeLanguage("cs"), disabled: i18n2.resolvedLanguage === "cs", children: /* @__PURE__ */ jsx25(ListItemText4, { primary: "\u010Ce\u0161tina" }) })
+  ] });
+  return /* @__PURE__ */ jsxs13(Fragment6, { children: [
+    /* @__PURE__ */ jsx25(IconButton4, { size: "small", edge: "end", onClick: openMenu, children: user?.name ? /* @__PURE__ */ jsx25(Avatar2, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsx25(Typography8, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ jsx25(AccountCircle, { fontSize: "large" }) }),
+    /* @__PURE__ */ jsx25(Menu2, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ jsxs13(Box8, { sx: { width: 240 }, children: [
+      /* @__PURE__ */ jsx25(List4, { children: user?.name ? /* @__PURE__ */ jsxs13(Fragment6, { children: [
+        /* @__PURE__ */ jsx25(ListItem2, { children: /* @__PURE__ */ jsx25(ListItemText4, { primary: user.name, secondary: /* @__PURE__ */ jsxs13("span", { children: [
+          /* @__PURE__ */ jsx25("span", { children: user.employeeId }),
+          /* @__PURE__ */ jsx25("br", {}),
+          /* @__PURE__ */ jsx25("span", { children: user.department })
+        ] }) }) }),
+        /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: () => keycloak.logout(), children: [
+          /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(Logout, { color: "error" }) }),
+          /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.Logout") })
+        ] })
+      ] }) : /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: () => keycloak.login(), children: [
+        /* @__PURE__ */ jsx25(ListItemIcon4, { children: /* @__PURE__ */ jsx25(Login, { color: "success" }) }),
+        /* @__PURE__ */ jsx25(ListItemText4, { primary: t2("Layout.LogIn") })
+      ] }) }),
+      tab === "settings" && settings,
+      tab === "theme" && theme,
+      tab === "language" && language
+    ] }) })
+  ] });
 };
 
-// src/providers/LayoutProvider.tsx
-import { LocalizationProvider } from "@mui/x-date-pickers";
-import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
-import { useEffect as useEffect4, useState as useState6 } from "react";
-import { I18nextProvider, useTranslation as useTranslation4 } from "react-i18next";
-import * as z from "zod";
-import { cs, en } from "zod/locales";
-import { Layout } from "~/components/core/Layout";
-import { LayoutContext } from "~/contexts/LayoutContext";
-import i18n from "~/utils/i18n";
+// src/components/core/Layout.tsx
+import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+var DrawerHeader = styled2("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__ */ jsxs14(ThemeProvider, { theme, children: [
+    /* @__PURE__ */ jsx26(InitColorSchemeScript, {}),
+    /* @__PURE__ */ jsx26(CssBaseline, {}),
+    /* @__PURE__ */ jsxs14(Box9, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
+      /* @__PURE__ */ jsx26(
+        AppBar,
+        {
+          color: "transparent",
+          position: "fixed",
+          sx: {
+            borderBottom: "1px solid",
+            borderColor: theme.vars?.palette.divider,
+            boxShadow: "none"
+          },
+          children: /* @__PURE__ */ jsxs14(Toolbar, { children: [
+            props.navigation && /* @__PURE__ */ jsx26(
+              IconButton5,
+              {
+                onClick: () => setNavigationOpen((previous) => !previous),
+                sx: { marginRight: 2 },
+                children: navigationOpen ? /* @__PURE__ */ jsx26(MenuOpen, {}) : /* @__PURE__ */ jsx26(Menu3, {})
+              }
+            ),
+            /* @__PURE__ */ jsx26(AppTitle, {}),
+            /* @__PURE__ */ jsx26(ToolbarAccount, {})
+          ] })
+        }
+      ),
+      props.navigation && /* @__PURE__ */ jsx26(NavigationRail, { navigation: props.navigation, expanded: navigationOpen ?? false, setExpanded: setNavigationOpen }),
+      /* @__PURE__ */ jsxs14(Box9, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
+        /* @__PURE__ */ jsx26(DrawerHeader, {}),
+        /* @__PURE__ */ jsx26(Box9, { sx: { flex: 1, overflow: "auto", position: "relative" }, children: props.children })
+      ] })
+    ] }),
+    (isFetching || isMutating) && /* @__PURE__ */ jsx26(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
+  ] });
+};
 
-// src/providers/DialogsProvider.tsx
-import useEventCallback from "@mui/utils/useEventCallback";
-import { useCallback, useId, useMemo, useRef as useRef2, useState as useState5 } from "react";
+// src/contexts/LayoutContext.ts
+import { createContext as createContext4, useContext as useContext4 } from "react";
+var LayoutContext = createContext4(null);
 
-// src/contexts/DialogsContext.ts
-import { createContext } from "react";
-var DialogsContext = createContext({});
+// src/utils/i18n.ts
+import i18n from "i18next";
+import LanguageDetector from "i18next-browser-languagedetector";
+import HttpBackend from "i18next-http-backend";
+import { initReactI18next } from "react-i18next";
+import { default as default2 } from "i18next";
+i18n.use(HttpBackend).use(LanguageDetector).use(initReactI18next).init({
+  fallbackLng: "en",
+  interpolation: {
+    escapeValue: false
+  },
+  react: {
+    useSuspense: false
+  }
+});
 
 // src/providers/DialogsProvider.tsx
-import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
+import { useCallback, useId, useMemo as useMemo4, useRef as useRef3, useState as useState9 } from "react";
+import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
 function DialogsProvider({ children, unmountAfter = 1e3 }) {
-  const [stack, setStack] = useState5([]);
+  const [stack, setStack] = useState9([]);
   const keyPrefix = useId();
-  const nextId = useRef2(0);
-  const dialogMetadata = useRef2(/* @__PURE__ */ new WeakMap());
-  const requestDialog = useEventCallback(function open(Component7, payload, options = {}) {
+  const nextId = useRef3(0);
+  const dialogMetadata = useRef3(/* @__PURE__ */ new WeakMap());
+  const requestDialog = useEventCallback_default(function open(Component7, payload, options = {}) {
     const { onClose = async () => {
     } } = options;
     let resolve;
@@ -633,13 +3174,13 @@ function DialogsProvider({ children, unmountAfter = 1e3 }) {
     setStack((previousStack) => previousStack.filter((entry) => entry.promise !== dialog));
     dialogMetadata.current.delete(dialog);
   }, []);
-  const closeDialogUi = useEventCallback(function closeDialogUi2(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(async function closeDialog2(dialog, result) {
+  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");
@@ -652,327 +3193,344 @@ function DialogsProvider({ children, unmountAfter = 1e3 }) {
     }
     return dialog;
   });
-  const contextValue = useMemo(() => ({ open: requestDialog, close: closeDialog }), [requestDialog, closeDialog]);
-  return /* @__PURE__ */ jsxs10(DialogsContext.Provider, { value: contextValue, children: [
+  const contextValue = useMemo4(() => ({ open: requestDialog, close: closeDialog }), [requestDialog, closeDialog]);
+  return /* @__PURE__ */ jsxs15(DialogsContext.Provider, { value: contextValue, children: [
     children,
-    stack.map(({ key, open, Component: Component7, payload, promise }) => /* @__PURE__ */ jsx20(
+    stack.map(({ key, open, Component: Component7, payload, promise }) => /* @__PURE__ */ jsx27(
       Component7,
       {
-        payload,
-        open,
-        onClose: async (result) => {
-          await closeDialog(promise, result);
-        }
-      },
-      key
-    ))
+        payload,
+        open,
+        onClose: async (result) => {
+          await closeDialog(promise, result);
+        }
+      },
+      key
+    ))
+  ] });
+}
+
+// src/providers/LayoutProvider.tsx
+import { jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
+var LayoutProvider = (props) => {
+  const [user, setUser] = useState10({ employeeId: "", name: "Unknown", department: "", company: "", category: "" });
+  const { t: t2 } = useTranslation7();
+  const navigation = props.getNavigation?.({ user, t: t2 });
+  useEffect6(() => {
+    z.config(default2.resolvedLanguage === "cs" ? cs() : en());
+  }, []);
+  return /* @__PURE__ */ jsx28(I18nextProvider, { i18n: default2, children: /* @__PURE__ */ jsx28(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: default2.resolvedLanguage, children: /* @__PURE__ */ jsx28(LayoutContext.Provider, { value: { user: { get: user, set: setUser } }, children: /* @__PURE__ */ jsxs16(Layout, { navigation, theme: props.theme, children: [
+    "\xA8",
+    /* @__PURE__ */ jsx28(DialogsProvider, { children: props.children })
+  ] }) }) }) });
+};
+
+// src/index.ts
+import { uuidv7 as uuidv72 } from "uuidv7";
+
+// src/hooks/FormHooks.ts
+import { createFormHook, createFormHookContexts } from "@tanstack/react-form";
+
+// src/components/form/FormAutocomplete.tsx
+import { Autocomplete, TextField } from "@mui/material";
+
+// src/utils/FormUtils.ts
+var getFieldStatus = (field) => {
+  const { meta } = field.state;
+  const isTouched = meta.isTouched;
+  const hasError = !!meta.errors?.length;
+  const helperText = meta.errors?.[0]?.message;
+  return { isTouched, hasError, helperText };
+};
+
+// src/components/form/FormAutocomplete.tsx
+import { jsx as jsx29 } from "react/jsx-runtime";
+var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ jsx29(
+    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__ */ jsx29(
+        TextField,
+        {
+          ...parameters,
+          name: field.name,
+          error: isTouched && hasError,
+          helperText: isTouched && helperText,
+          ...textFieldProps
+        }
+      )
+    }
+  );
+};
+
+// src/components/form/FormCheckbox.tsx
+import { Checkbox, FormControl, FormControlLabel, FormHelperText } from "@mui/material";
+import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
+var FormCheckbox = (props) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ jsxs17(FormControl, { component: "fieldset", children: [
+    /* @__PURE__ */ jsx30(
+      FormControlLabel,
+      {
+        control: /* @__PURE__ */ jsx30(
+          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__ */ jsx30(FormHelperText, { error: hasError, children: helperText })
+  ] });
+};
+
+// src/components/form/FormDatePicker.tsx
+import { DatePicker } from "@mui/x-date-pickers-pro";
+import dayjs2 from "dayjs";
+import { jsx as jsx31 } from "react/jsx-runtime";
+var FormDatePicker = (props) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ jsx31(
+    DatePicker,
+    {
+      name: field.name,
+      value: field.state.value ? dayjs2(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
+    }
+  );
+};
+
+// src/components/form/FormDateTimePicker.tsx
+import { DateTimePicker } from "@mui/x-date-pickers-pro";
+import dayjs3 from "dayjs";
+import { jsx as jsx32 } from "react/jsx-runtime";
+var FormDateTimePicker = (props) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ jsx32(
+    DateTimePicker,
+    {
+      name: field.name,
+      value: field.state.value ? dayjs3(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
+    }
+  );
+};
+
+// src/components/form/FormNumberField.tsx
+import { TextField as TextField2 } from "@mui/material";
+import { NumericFormat } from "react-number-format";
+import { jsx as jsx33 } from "react/jsx-runtime";
+var FormNumberField = ({ options, ...props }) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ jsx33(
+    NumericFormat,
+    {
+      customInput: TextField2,
+      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
+    }
+  );
+};
+
+// src/components/form/FormRadioGroup.tsx
+import { FormControl as FormControl2, FormControlLabel as FormControlLabel2, FormHelperText as FormHelperText2, FormLabel, Radio, RadioGroup } from "@mui/material";
+import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
+var FormRadioGroup = ({ label, options, ...props }) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ jsxs18(FormControl2, { component: "fieldset", children: [
+    label && /* @__PURE__ */ jsx34(FormLabel, { component: "legend", children: label }),
+    /* @__PURE__ */ jsx34(
+      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__ */ jsx34(
+          FormControlLabel2,
+          {
+            value: option.value,
+            control: /* @__PURE__ */ jsx34(Radio, {}),
+            label: option.label
+          },
+          option.value
+        ))
+      }
+    ),
+    isTouched && hasError && /* @__PURE__ */ jsx34(FormHelperText2, { error: hasError, children: helperText })
   ] });
-}
+};
 
-// src/providers/LayoutProvider.tsx
-import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
-var LayoutProvider = (props) => {
-  const [user, setUser] = useState6({ employeeId: "", name: "Unknown", department: "", company: "", category: "" });
-  const { t: t2 } = useTranslation4();
-  const navigation = props.getNavigation?.({ user, t: t2 });
-  useEffect4(() => {
-    z.config(i18n.resolvedLanguage === "cs" ? cs() : en());
-  }, []);
-  return /* @__PURE__ */ jsx21(I18nextProvider, { i18n, children: /* @__PURE__ */ jsx21(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n.resolvedLanguage, children: /* @__PURE__ */ jsx21(LayoutContext.Provider, { value: { user: { get: user, set: setUser } }, children: /* @__PURE__ */ jsxs11(Layout, { navigation, theme: props.theme, children: [
-    "\xA8",
-    /* @__PURE__ */ jsx21(DialogsProvider, { children: props.children })
-  ] }) }) }) });
+// src/components/form/FormSlider.tsx
+import { FormControl as FormControl3, FormHelperText as FormHelperText3, FormLabel as FormLabel2, Slider } from "@mui/material";
+import { jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
+var FormSlider = ({ label, ...props }) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ jsxs19(FormControl3, { component: "fieldset", children: [
+    label && /* @__PURE__ */ jsx35(FormLabel2, { children: label }),
+    /* @__PURE__ */ jsx35(
+      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__ */ jsx35(FormHelperText3, { error: hasError, children: helperText })
+  ] });
 };
 
-// src/index.ts
-import { uuidv7 as uuidv72 } from "uuidv7";
+// src/components/form/FormSubmitButton.tsx
+import { Button as Button3 } from "@mui/material";
+import { jsx as jsx36 } from "react/jsx-runtime";
+var FormSubmitButton = (props) => {
+  const form = useFormContext();
+  const handleClick = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    form.handleSubmit();
+  };
+  return /* @__PURE__ */ jsx36(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ jsx36(
+    Button3,
+    {
+      loading: isSubmitting,
+      disabled: !canSubmit,
+      onClick: handleClick,
+      type: "submit",
+      "aria-label": "submit",
+      ...props
+    }
+  ) });
+};
 
-// src/utils/ClientUtils.ts
-import axios from "axios";
-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;
-  }
+// src/components/form/FormSwitch.tsx
+import { FormControl as FormControl4, FormControlLabel as FormControlLabel3, FormHelperText as FormHelperText4, Switch } from "@mui/material";
+import { jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
+var FormSwitch = (props) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ jsxs20(FormControl4, { component: "fieldset", children: [
+    /* @__PURE__ */ jsx37(
+      FormControlLabel3,
+      {
+        control: /* @__PURE__ */ jsx37(
+          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__ */ jsx37(FormHelperText4, { error: hasError, children: helperText })
+  ] });
+};
+
+// src/components/form/FormTextField.tsx
+import { TextField as TextField3 } from "@mui/material";
+import { jsx as jsx38 } from "react/jsx-runtime";
+var FormTextField = (props) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ jsx38(
+    TextField3,
+    {
+      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
+    }
+  );
 };
-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/FormHooks.ts
-import { createFormHook, createFormHookContexts } from "@tanstack/react-form";
-import { FormAutocomplete as Autocomplete } from "~/components/form/FormAutocomplete";
-import { FormCheckbox as Checkbox } from "~/components/form/FormCheckbox";
-import { FormDatePicker as DatePicker } from "~/components/form/FormDatePicker";
-import { FormDateTimePicker as DateTimePicker } from "~/components/form/FormDateTimePicker";
-import { FormNumberField as NumberField } from "~/components/form/FormNumberField";
-import { FormRadioGroup as RadioGroup } from "~/components/form/FormRadioGroup";
-import { FormSlider as Slider } from "~/components/form/FormSlider";
-import { FormSubmitButton as SubmitButton } from "~/components/form/FormSubmitButton";
-import { FormSwitch as Switch } from "~/components/form/FormSwitch";
-import { FormTextField as TextField } from "~/components/form/FormTextField";
 var { fieldContext, useFieldContext, formContext, useFormContext } = createFormHookContexts();
 var { useAppForm: useLayoutForm, withForm: withLayoutForm } = createFormHook({
   fieldComponents: {
-    TextField,
-    NumberField,
-    Autocomplete,
-    Checkbox,
-    Switch,
-    RadioGroup,
-    Slider,
-    DatePicker,
-    DateTimePicker
+    TextField: FormTextField,
+    NumberField: FormNumberField,
+    Autocomplete: FormAutocomplete,
+    Checkbox: FormCheckbox,
+    Switch: FormSwitch,
+    RadioGroup: FormRadioGroup,
+    Slider: FormSlider,
+    DatePicker: FormDatePicker,
+    DateTimePicker: FormDateTimePicker
   },
   formComponents: {
-    SubmitButton
+    SubmitButton: FormSubmitButton
   },
   fieldContext,
   formContext
 });
 
-// src/hooks/DialogsHooks.tsx
-import Button2 from "@mui/material/Button";
-import Dialog2 from "@mui/material/Dialog";
-import DialogActions from "@mui/material/DialogActions";
-import DialogContent from "@mui/material/DialogContent";
-import DialogTitle from "@mui/material/DialogTitle";
-import useEventCallback2 from "@mui/utils/useEventCallback";
-import { useContext, useMemo as useMemo2 } from "react";
-import { useTranslation as useTranslation5 } from "react-i18next";
-import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
-function AlertDialog({ open, payload, onClose }) {
-  const { t: t2 } = useTranslation5();
-  return /* @__PURE__ */ jsxs12(Dialog2, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(), children: [
-    /* @__PURE__ */ jsx22(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Alert") }),
-    /* @__PURE__ */ jsx22(DialogContent, { children: payload.message }),
-    /* @__PURE__ */ jsx22(DialogActions, { children: /* @__PURE__ */ jsx22(Button2, { disabled: !open, onClick: () => onClose(), children: t2("Layout.Dialog.Confirm") }) })
-  ] });
-}
-function ConfirmDialog({ open, payload, onClose }) {
-  const { t: t2 } = useTranslation5();
-  return /* @__PURE__ */ jsxs12(Dialog2, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(false), children: [
-    /* @__PURE__ */ jsx22(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Confirm") }),
-    /* @__PURE__ */ jsx22(DialogContent, { children: payload.message }),
-    /* @__PURE__ */ jsxs12(DialogActions, { children: [
-      /* @__PURE__ */ jsx22(Button2, { autoFocus: true, disabled: !open, onClick: () => onClose(false), children: payload.cancelText ?? t2("Layout.Dialog.Cancel") }),
-      /* @__PURE__ */ jsx22(Button2, { disabled: !open, onClick: () => onClose(true), children: t2("Layout.Dialog.Confirm") })
-    ] })
-  ] });
-}
-function useDialogs2() {
-  const { open, close } = useContext(DialogsContext);
-  const alert = useEventCallback2(
-    (message, { ...options } = {}) => open(AlertDialog, { ...options, message })
-  );
-  const confirm = useEventCallback2(
-    (message, { ...options } = {}) => open(ConfirmDialog, { ...options, message })
-  );
-  return useMemo2(() => ({ alert, confirm, open, close }), [alert, close, confirm, open]);
-}
-
 // src/index.ts
-import { default as default2 } from "use-local-storage-state";
-import { useTranslation as useTranslation6 } from "react-i18next";
+import { default as default3 } from "use-local-storage-state";
+import { useTranslation as useTranslation8 } from "react-i18next";
 import { t } from "i18next";
-
-// src/hooks/FileHooks.ts
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import saveAs from "file-saver";
-import { useState as useState7 } from "react";
-import { Upload as TusUpload } from "tus-js-client";
-import { uuidv7 } from "uuidv7";
-import { useAppTitle } from "~/components/core/AppTitle";
-import { wczApiClient as wczApiClient2 } from "~/utils/ClientUtils";
-var BASE_URL = import.meta.env.VITE_FILE_API_BASE_URL;
-var QUERY_KEY = "Files";
-var HOUR = 1e3 * 60 * 60;
-var useGetFileMetas2 = (subId, options) => {
-  const appTitle = useAppTitle();
-  return useQuery({
-    ...options,
-    queryKey: [QUERY_KEY, "meta", subId, appTitle],
-    queryFn: ({ signal }) => wczApiClient2.request({
-      url: `${BASE_URL}/v1/meta?appName=${appTitle}&subId=${subId}`,
-      method: "GET",
-      signal
-    }),
-    staleTime: HOUR,
-    gcTime: HOUR,
-    refetchOnWindowFocus: false
-  });
-};
-var useGetFileThumbnail2 = (meta, options) => {
-  const appTitle = useAppTitle();
-  return useQuery({
-    ...options,
-    queryKey: [QUERY_KEY, "thumbnail", meta?.id, appTitle],
-    queryFn: ({ signal }) => wczApiClient2.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 useGetFile2 = (meta, options) => {
-  const appTitle = useAppTitle();
-  return useQuery({
-    ...options,
-    queryKey: [QUERY_KEY, meta?.id, appTitle],
-    queryFn: ({ signal }) => wczApiClient2.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 useDownloadFile4 = (options) => {
-  const appTitle = useAppTitle();
-  return useMutation({
-    ...options,
-    mutationFn: (meta) => wczApiClient2.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 useOpenFile3 = (options) => {
-  const appTitle = useAppTitle();
-  return useMutation({
-    ...options,
-    mutationFn: (meta) => wczApiClient2.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) => wczApiClient2.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 useDeleteFile2 = (options) => {
-  const appTitle = useAppTitle();
-  const queryClient = useQueryClient();
-  return useMutation({
-    ...options,
-    mutationFn: (meta) => wczApiClient2.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) => wczApiClient2.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] = useState7(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 TusUpload(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 };
-};
 export {
   ChipInputCell,
   Dropzone,
@@ -993,23 +3551,52 @@ export {
   TypographyWithIcon,
   rootRouteHead,
   t,
-  useDeleteFile2 as useDeleteFile,
+  useDeleteFile,
   useDeleteFiles,
-  useDialogs2 as useDialogs,
-  useDownloadFile4 as useDownloadFile,
+  useDialogs,
+  useDownloadFile,
   useFieldContext,
   useFormContext,
-  useGetFile2 as useGetFile,
-  useGetFileMetas2 as useGetFileMetas,
-  useGetFileThumbnail2 as useGetFileThumbnail,
+  useGetFile,
+  useGetFileMetas,
+  useGetFileThumbnail,
   useLayoutForm,
-  default2 as useLocalStorageState,
-  useOpenFile3 as useOpenFile,
-  useTranslation6 as useTranslation,
+  default3 as useLocalStorageState,
+  useOpenFile,
+  useTranslation8 as useTranslation,
   useUpdateFileMeta,
   useUploadFile,
   uuidv72 as uuidv7,
   wczApiClient,
   withLayoutForm
 };
+/*! Bundled license information:
+
+react-is/cjs/react-is.production.min.js:
+  (** @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
+  *)
+*/
 //# sourceMappingURL=index.js.map