wcz-test 3.4.0 → 3.4.2

package/dist/index.cjs

@@ -0,0 +1,3655 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      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
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js
+var require_react_is_production_min = __commonJS({
+  "node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js"(exports2) {
+    "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;
+    }
+    exports2.AsyncMode = l;
+    exports2.ConcurrentMode = m;
+    exports2.ContextConsumer = k;
+    exports2.ContextProvider = h;
+    exports2.Element = c;
+    exports2.ForwardRef = n;
+    exports2.Fragment = e;
+    exports2.Lazy = t2;
+    exports2.Memo = r;
+    exports2.Portal = d;
+    exports2.Profiler = g;
+    exports2.StrictMode = f;
+    exports2.Suspense = p;
+    exports2.isAsyncMode = function(a) {
+      return A(a) || z2(a) === l;
+    };
+    exports2.isConcurrentMode = A;
+    exports2.isContextConsumer = function(a) {
+      return z2(a) === k;
+    };
+    exports2.isContextProvider = function(a) {
+      return z2(a) === h;
+    };
+    exports2.isElement = function(a) {
+      return "object" === typeof a && null !== a && a.$$typeof === c;
+    };
+    exports2.isForwardRef = function(a) {
+      return z2(a) === n;
+    };
+    exports2.isFragment = function(a) {
+      return z2(a) === e;
+    };
+    exports2.isLazy = function(a) {
+      return z2(a) === t2;
+    };
+    exports2.isMemo = function(a) {
+      return z2(a) === r;
+    };
+    exports2.isPortal = function(a) {
+      return z2(a) === d;
+    };
+    exports2.isProfiler = function(a) {
+      return z2(a) === g;
+    };
+    exports2.isStrictMode = function(a) {
+      return z2(a) === f;
+    };
+    exports2.isSuspense = function(a) {
+      return z2(a) === p;
+    };
+    exports2.isValidElementType = function(a) {
+      return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t2 || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
+    };
+    exports2.typeOf = z2;
+  }
+});
+
+// node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js
+var require_react_is_development = __commonJS({
+  "node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js"(exports2) {
+    "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;
+        }
+        exports2.AsyncMode = AsyncMode;
+        exports2.ConcurrentMode = ConcurrentMode;
+        exports2.ContextConsumer = ContextConsumer;
+        exports2.ContextProvider = ContextProvider;
+        exports2.Element = Element;
+        exports2.ForwardRef = ForwardRef;
+        exports2.Fragment = Fragment7;
+        exports2.Lazy = Lazy;
+        exports2.Memo = Memo;
+        exports2.Portal = Portal;
+        exports2.Profiler = Profiler;
+        exports2.StrictMode = StrictMode;
+        exports2.Suspense = Suspense;
+        exports2.isAsyncMode = isAsyncMode;
+        exports2.isConcurrentMode = isConcurrentMode;
+        exports2.isContextConsumer = isContextConsumer;
+        exports2.isContextProvider = isContextProvider;
+        exports2.isElement = isElement;
+        exports2.isForwardRef = isForwardRef;
+        exports2.isFragment = isFragment;
+        exports2.isLazy = isLazy;
+        exports2.isMemo = isMemo;
+        exports2.isPortal = isPortal;
+        exports2.isProfiler = isProfiler;
+        exports2.isStrictMode = isStrictMode;
+        exports2.isSuspense = isSuspense;
+        exports2.isValidElementType = isValidElementType;
+        exports2.typeOf = typeOf;
+      })();
+    }
+  }
+});
+
+// node_modules/prop-types/node_modules/react-is/index.js
+var require_react_is = __commonJS({
+  "node_modules/prop-types/node_modules/react-is/index.js"(exports2, module2) {
+    "use strict";
+    if (process.env.NODE_ENV === "production") {
+      module2.exports = require_react_is_production_min();
+    } else {
+      module2.exports = require_react_is_development();
+    }
+  }
+});
+
+// node_modules/object-assign/index.js
+var require_object_assign = __commonJS({
+  "node_modules/object-assign/index.js"(exports2, module2) {
+    "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;
+      }
+    }
+    module2.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"(exports2, module2) {
+    "use strict";
+    var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+    module2.exports = ReactPropTypesSecret;
+  }
+});
+
+// node_modules/prop-types/lib/has.js
+var require_has = __commonJS({
+  "node_modules/prop-types/lib/has.js"(exports2, module2) {
+    "use strict";
+    module2.exports = Function.call.bind(Object.prototype.hasOwnProperty);
+  }
+});
+
+// node_modules/prop-types/checkPropTypes.js
+var require_checkPropTypes = __commonJS({
+  "node_modules/prop-types/checkPropTypes.js"(exports2, module2) {
+    "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 = {};
+      }
+    };
+    module2.exports = checkPropTypes;
+  }
+});
+
+// node_modules/prop-types/factoryWithTypeCheckers.js
+var require_factoryWithTypeCheckers = __commonJS({
+  "node_modules/prop-types/factoryWithTypeCheckers.js"(exports2, module2) {
+    "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;
+    }
+    module2.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"(exports2, module2) {
+    "use strict";
+    var ReactPropTypesSecret = require_ReactPropTypesSecret();
+    function emptyFunction() {
+    }
+    function emptyFunctionWithReset() {
+    }
+    emptyFunctionWithReset.resetWarningCache = emptyFunction;
+    module2.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"(exports2, module2) {
+    "use strict";
+    if (process.env.NODE_ENV !== "production") {
+      ReactIs = require_react_is();
+      throwOnDirectAccess = true;
+      module2.exports = require_factoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
+    } else {
+      module2.exports = require_factoryWithThrowingShims()();
+    }
+    var ReactIs;
+    var throwOnDirectAccess;
+  }
+});
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  ChipInputCell: () => ChipInputCell,
+  Dropzone: () => Dropzone,
+  EditableColumnHeader: () => EditableColumnHeader,
+  FileViewer: () => FileViewer,
+  LayoutProvider: () => LayoutProvider,
+  PageHeader: () => PageHeader,
+  Platform: () => Platform,
+  RouterButton: () => RouterButton,
+  RouterError: () => RouterError,
+  RouterGridActionsCellItem: () => RouterGridActionsCellItem,
+  RouterIconButton: () => RouterIconButton,
+  RouterLink: () => RouterLink,
+  RouterListItemButton: () => RouterListItemButton,
+  RouterNotFound: () => RouterNotFound,
+  RouterTab: () => RouterTab,
+  TableContainer: () => TableContainer,
+  TypographyWithIcon: () => TypographyWithIcon,
+  rootRouteHead: () => rootRouteHead,
+  t: () => import_i18next3.t,
+  useDeleteFile: () => useDeleteFile,
+  useDeleteFiles: () => useDeleteFiles,
+  useDialogs: () => useDialogs,
+  useDownloadFile: () => useDownloadFile,
+  useFieldContext: () => useFieldContext,
+  useFormContext: () => useFormContext,
+  useGetFile: () => useGetFile,
+  useGetFileMetas: () => useGetFileMetas,
+  useGetFileThumbnail: () => useGetFileThumbnail,
+  useLayoutForm: () => useLayoutForm,
+  useLocalStorageState: () => import_use_local_storage_state2.default,
+  useOpenFile: () => useOpenFile,
+  useTranslation: () => import_react_i18next9.useTranslation,
+  useUpdateFileMeta: () => useUpdateFileMeta,
+  useUploadFile: () => useUploadFile,
+  uuidv7: () => import_uuidv72.uuidv7,
+  wczApiClient: () => wczApiClient,
+  withLayoutForm: () => withLayoutForm
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/core/TypographyWithIcon.tsx
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var stackSxProps = [
+  "margin",
+  "marginTop",
+  "marginRight",
+  "marginBottom",
+  "marginLeft",
+  "m",
+  "mt",
+  "mr",
+  "mb",
+  "ml",
+  "mx",
+  "my",
+  "padding",
+  "paddingTop",
+  "paddingRight",
+  "paddingBottom",
+  "paddingLeft",
+  "p",
+  "pt",
+  "pr",
+  "pb",
+  "pl",
+  "px",
+  "py",
+  "flexGrow",
+  "flexShrink",
+  "flexBasis",
+  "flexDirection",
+  "alignItems",
+  "justifyContent",
+  "position",
+  "zIndex",
+  "top",
+  "right",
+  "bottom",
+  "left",
+  "gridGap",
+  "gridColumnGap",
+  "gridRowGap",
+  "gridColumn",
+  "gridRow",
+  "gridAutoFlow",
+  "gap",
+  "columnGap",
+  "rowGap"
+];
+var TypographyWithIcon = ({ startIcon, endIcon, children, sx, gutterBottom, ...props }) => {
+  const sxCopy = { ...sx };
+  const stackStyles = {};
+  if (sxCopy) {
+    for (const current of stackSxProps) {
+      if (sxCopy[current]) {
+        stackStyles[current] = sxCopy[current];
+        delete sxCopy[current];
+      }
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Stack, { direction: "row", alignItems: "center", gap: 1, sx: stackStyles, mb: gutterBottom ? 0.7 : void 0, children: [
+    startIcon,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { ...props, sx: sxCopy, children }),
+    endIcon
+  ] });
+};
+
+// src/components/core/PageHeader.tsx
+var import_material2 = require("@mui/material");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var PageHeader = ({ title, action, sx }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.CardHeader, { title: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Typography, { variant: "h4", fontWeight: 600, children: title }), action, sx: { px: 0, ...sx } });
+};
+
+// src/components/core/TableContainer.tsx
+var import_material3 = require("@mui/material");
+var import_react = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var TableContainer = ({ children, sx, ...props }) => {
+  const reference = (0, import_react.useRef)(null);
+  const [height, setHeight] = (0, import_react.useState)();
+  (0, import_react.useEffect)(() => {
+    const element = reference.current;
+    if (!element) return;
+    const recompute = () => {
+      if (!reference.current) return;
+      const top = Math.ceil(reference.current.getBoundingClientRect().top);
+      const avail = Math.max(0, window.innerHeight - top);
+      setHeight(avail);
+    };
+    recompute();
+    window.addEventListener("resize", recompute);
+    const ro = new ResizeObserver(recompute);
+    ro.observe(document.documentElement);
+    ro.observe(document.body);
+    ro.observe(element);
+    return () => {
+      window.removeEventListener("resize", recompute);
+      ro.disconnect();
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_material3.Box,
+    {
+      ref: reference,
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        minHeight: 0,
+        width: "100%",
+        ...sx
+      },
+      height,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Box, { sx: (theme) => ({
+        flex: 1,
+        minHeight: 0,
+        height: "100%",
+        "& .MuiDataGrid-cell--editing": {
+          "& .MuiInputBase-root": {
+            height: "100%"
+          }
+        },
+        "& .MuiDataGrid-columnHeaderTitle": {
+          fontWeight: 600
+        },
+        "& .Mui-error": {
+          backgroundColor: theme.palette.error.main,
+          color: theme.palette.error.contrastText
+        },
+        "& .MuiDataGrid-booleanCell[data-value='true']": {
+          color: `${theme.palette.success.main} !important`
+        },
+        "& .MuiDataGrid-booleanCell[data-value='false']": {
+          color: `${theme.palette.error.main} !important`
+        }
+      }), children })
+    }
+  );
+};
+
+// src/components/file/Dropzone.tsx
+var import_CloudUpload = __toESM(require("@mui/icons-material/CloudUpload"), 1);
+var import_material4 = require("@mui/material");
+var import_react_dropzone = require("react-dropzone");
+var import_react_i18next = require("react-i18next");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var baseStyle = {
+  flex: 1,
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  padding: "20px",
+  borderWidth: 2,
+  borderRadius: 2,
+  borderStyle: "dashed",
+  outline: "none",
+  transition: "border .24s ease-in-out",
+  cursor: "pointer"
+};
+var Dropzone = ({ sx, ...props }) => {
+  const { getRootProps, getInputProps, isFocused, isDragAccept, isDragReject } = (0, import_react_dropzone.useDropzone)(props);
+  const { t: t2 } = (0, import_react_i18next.useTranslation)();
+  const theme = (0, import_material4.useTheme)();
+  const style = {
+    ...baseStyle,
+    ...isFocused ? { borderColor: theme.palette.primary.main } : {},
+    ...isDragAccept ? { borderColor: theme.palette.success.main } : {},
+    ...isDragReject ? { borderColor: theme.palette.error.main } : {}
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_material4.Paper, { variant: "outlined", ...getRootProps({ style }), sx, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { ...getInputProps(), style: { display: "none" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_CloudUpload.default, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material4.Typography, { children: t2("Layout.File.DragSomeFilesHereOrClickToSelectThem") })
+  ] });
+};
+
+// src/components/file/FileViewer.tsx
+var import_react9 = require("react");
+
+// src/contexts/FileContext.ts
+var import_react2 = require("react");
+var FileContext = (0, import_react2.createContext)(null);
+var useFile = () => {
+  const context = (0, import_react2.useContext)(FileContext);
+  if (!context) {
+    throw new Error("FileViewer components must be used within FileViewer");
+  }
+  return context;
+};
+
+// src/hooks/FileHooks.ts
+var import_react_query = require("@tanstack/react-query");
+var import_file_saver = __toESM(require("file-saver"), 1);
+var import_react3 = require("react");
+var import_tus_js_client = require("tus-js-client");
+var import_uuidv7 = require("uuidv7");
+
+// src/components/core/AppTitle.tsx
+var import_material5 = require("@mui/material");
+var import_react_router = require("@tanstack/react-router");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_meta = {};
+var AppTitle = () => {
+  const title = useAppTitle();
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material5.Stack, { direction: "row", alignItems: "center", spacing: 2, flexGrow: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: "/favicon-32x32.png", alt: "app-logo", loading: "lazy" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material5.Typography, { variant: "h6", children: title }),
+    import_meta.env.DEV && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material5.Chip, { size: "small", label: "TEST", color: "info" })
+  ] });
+};
+var useAppTitle = () => {
+  const rootRouterState = (0, import_react_router.useRouterState)({ select: (s) => s.matches[0] });
+  return rootRouterState.meta?.find((meta) => meta?.title)?.title;
+};
+
+// src/utils/ClientUtils.ts
+var import_axios = __toESM(require("axios"), 1);
+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 = import_axios.default.create();
+
+// src/hooks/FileHooks.ts
+var import_meta2 = {};
+var BASE_URL = import_meta2.env.VITE_FILE_API_BASE_URL;
+var QUERY_KEY = "Files";
+var HOUR = 1e3 * 60 * 60;
+var useGetFileMetas = (subId, options) => {
+  const appTitle = useAppTitle();
+  return (0, import_react_query.useQuery)({
+    ...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 (0, import_react_query.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 (0, import_react_query.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 (0, import_react_query.useMutation)({
+    ...options,
+    mutationFn: (meta) => wczApiClient.request({
+      url: `${BASE_URL}/v1/download?appName=${appTitle}&id=${meta.id}`,
+      method: "GET",
+      responseType: "blob"
+    }),
+    onSuccess: (data, variables) => (0, import_file_saver.default)(data, `${variables.fileName}.${variables.fileExtension}`)
+  });
+};
+var useOpenFile = (options) => {
+  const appTitle = useAppTitle();
+  return (0, import_react_query.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 = (0, import_react_query.useQueryClient)();
+  return (0, import_react_query.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 = (0, import_react_query.useQueryClient)();
+  return (0, import_react_query.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 = (0, import_react_query.useQueryClient)();
+  return (0, import_react_query.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] = (0, import_react3.useState)(0);
+  const queryClient = (0, import_react_query.useQueryClient)();
+  const mutate = async (file) => {
+    if (!subId) throw new Error("subId is required for file upload");
+    if (!appTitle) throw new Error("appTitle is required for file upload");
+    const metadata = {
+      id: (0, import_uuidv7.uuidv7)(),
+      appName: appTitle,
+      subId,
+      fileName: file.name
+    };
+    const upload = new import_tus_js_client.Upload(file, {
+      endpoint: `${BASE_URL}/v1/upload`,
+      chunkSize: 1048576,
+      // 1 MB
+      metadata: {
+        id: metadata.id,
+        appName: metadata.appName,
+        subId: metadata.subId,
+        fileName: metadata.fileName,
+        fileExtension: file.type
+      },
+      //headers: { "Authorization": `Bearer ${await getToken()}` }, //TODO: implement token retrieval
+      onError: (error) => {
+        setProgress(0);
+        onError?.(error);
+      },
+      onProgress: (bytesUploaded, bytesTotal) => {
+        setProgress(bytesUploaded / bytesTotal * 100);
+      },
+      onSuccess: () => {
+        setProgress(0);
+        queryClient.invalidateQueries({ queryKey: [QUERY_KEY, "meta", subId, appTitle], exact: false });
+        onSuccess?.(metadata);
+      }
+    });
+    const previousUploads = await upload.findPreviousUploads();
+    if (previousUploads.length > 0) {
+      upload.resumeFromPreviousUpload(previousUploads[0]);
+    }
+    upload.start();
+  };
+  return { mutate, progress };
+};
+
+// src/components/file/fileViewer/FileViewerGrid.tsx
+var import_MoreVert = __toESM(require("@mui/icons-material/MoreVert"), 1);
+var import_material7 = require("@mui/material");
+var import_colors = require("@mui/material/colors");
+var import_react6 = require("react");
+
+// src/components/file/fileViewer/common/ActionsMenu.tsx
+var import_Delete = __toESM(require("@mui/icons-material/Delete"), 1);
+var import_FileDownload = __toESM(require("@mui/icons-material/FileDownload"), 1);
+var import_material6 = require("@mui/material");
+var import_react_i18next3 = require("react-i18next");
+
+// src/hooks/DialogsHooks.tsx
+var import_Button = __toESM(require("@mui/material/Button"), 1);
+var import_Dialog = __toESM(require("@mui/material/Dialog"), 1);
+var import_DialogActions = __toESM(require("@mui/material/DialogActions"), 1);
+var import_DialogContent = __toESM(require("@mui/material/DialogContent"), 1);
+var import_DialogTitle = __toESM(require("@mui/material/DialogTitle"), 1);
+
+// node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js
+var React2 = __toESM(require("react"), 1);
+
+// node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js
+var React = __toESM(require("react"), 1);
+var useEnhancedEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
+var useEnhancedEffect_default = useEnhancedEffect;
+
+// node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js
+function useEventCallback(fn) {
+  const ref = React2.useRef(fn);
+  useEnhancedEffect_default(() => {
+    ref.current = fn;
+  });
+  return React2.useRef((...args) => (
+    // @ts-expect-error hide `this`
+    (0, ref.current)(...args)
+  )).current;
+}
+var useEventCallback_default = useEventCallback;
+
+// src/hooks/DialogsHooks.tsx
+var import_react5 = require("react");
+var import_react_i18next2 = require("react-i18next");
+
+// src/contexts/DialogsContext.ts
+var import_react4 = require("react");
+var DialogsContext = (0, import_react4.createContext)({});
+
+// src/hooks/DialogsHooks.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function AlertDialog({ open, payload, onClose }) {
+  const { t: t2 } = (0, import_react_i18next2.useTranslation)();
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_Dialog.default, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_DialogTitle.default, { children: payload.title ?? t2("Layout.Dialog.Alert") }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_DialogContent.default, { children: payload.message }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_DialogActions.default, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Button.default, { disabled: !open, onClick: () => onClose(), children: t2("Layout.Dialog.Confirm") }) })
+  ] });
+}
+function ConfirmDialog({ open, payload, onClose }) {
+  const { t: t2 } = (0, import_react_i18next2.useTranslation)();
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_Dialog.default, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(false), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_DialogTitle.default, { children: payload.title ?? t2("Layout.Dialog.Confirm") }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_DialogContent.default, { children: payload.message }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_DialogActions.default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Button.default, { autoFocus: true, disabled: !open, onClick: () => onClose(false), children: payload.cancelText ?? t2("Layout.Dialog.Cancel") }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Button.default, { disabled: !open, onClick: () => onClose(true), children: t2("Layout.Dialog.Confirm") })
+    ] })
+  ] });
+}
+function useDialogs() {
+  const { open, close } = (0, import_react5.useContext)(DialogsContext);
+  const alert = useEventCallback_default(
+    (message, { ...options } = {}) => open(AlertDialog, { ...options, message })
+  );
+  const confirm = useEventCallback_default(
+    (message, { ...options } = {}) => open(ConfirmDialog, { ...options, message })
+  );
+  return (0, import_react5.useMemo)(() => ({ alert, confirm, open, close }), [alert, close, confirm, open]);
+}
+
+// src/components/file/fileViewer/common/ActionsMenu.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var ActionsMenu = ({ meta, menu, setMenu }) => {
+  const { t: t2 } = (0, import_react_i18next3.useTranslation)();
+  const { fileMetas, onDelete, actions } = useFile();
+  const { confirm } = useDialogs();
+  const handleMenuClose = () => {
+    setMenu(null);
+  };
+  const { mutate: download, isPending: isDownloading } = useDownloadFile();
+  const { mutate: deleteFile, isPending: isDeleting } = useDeleteFile();
+  const handleOnDownload = () => {
+    handleMenuClose();
+    download(meta);
+  };
+  const handleOnDelete = async () => {
+    if (!await confirm(t2("Layout.File.AreYouSureYouWantToDelete", { fileName: meta.fileName })))
+      return;
+    deleteFile(meta);
+    handleMenuClose();
+    if (onDelete) {
+      const remainingFileMetas = fileMetas.filter((m) => m.id !== meta.id);
+      onDelete({ remainingFileMetas, deletedFileMeta: meta });
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_material6.Menu,
+    {
+      open: menu !== null,
+      onClose: handleMenuClose,
+      anchorReference: "anchorPosition",
+      variant: "menu",
+      anchorPosition: menu === null ? void 0 : { top: menu.mouseY, left: menu.mouseX },
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.List, { disablePadding: true, children: [
+        actions?.download !== false && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.ListItemButton, { onClick: handleOnDownload, disabled: isDownloading, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_FileDownload.default, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.ListItemText, { children: t2("Layout.File.Download") })
+        ] }),
+        actions?.delete !== false && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.ListItemButton, { onClick: handleOnDelete, disabled: isDeleting, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_Delete.default, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.ListItemText, { children: t2("Layout.File.Delete") })
+        ] })
+      ] })
+    }
+  );
+};
+
+// src/components/file/fileViewer/FileViewerGrid.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var IMAGE_SIZE = 150;
+var FileViewerGrid = ({ sx, size, itemBar }) => {
+  const { fileMetas } = useFile();
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Stack, { direction: "row", spacing: 1, sx: { overflow: "auto", ...sx }, children: fileMetas.map((fileMeta) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    GridFileViewerItem,
+    {
+      meta: fileMeta,
+      size,
+      itemBar
+    },
+    fileMeta.id
+  )) });
+};
+var GridFileViewerItem = ({ meta, size, itemBar }) => {
+  const { setImageId, actions } = useFile();
+  const [showItemBar, setShowItemBar] = (0, import_react6.useState)(itemBar === "always");
+  const [menu, setMenu] = (0, import_react6.useState)(null);
+  (0, import_react6.useEffect)(() => {
+    setShowItemBar(itemBar === "always");
+  }, [itemBar]);
+  const { data: source } = useGetFileThumbnail(meta);
+  const handleOnMouseEnter = () => setShowItemBar(true);
+  const handleOnMouseLeave = () => itemBar !== "always" && setShowItemBar(false);
+  const openMenu = (event) => {
+    setMenu(menu === null ? { mouseX: event.clientX, mouseY: event.clientY } : null);
+    setTimeout(() => setShowItemBar(true));
+  };
+  const { mutate: openFile } = useOpenFile();
+  const { mutate: download } = useDownloadFile();
+  const onClick = () => {
+    switch (meta.mediaType) {
+      case "image": {
+        return setImageId(meta.id);
+      }
+      case "application": {
+        return openFile(meta);
+      }
+      case "video": {
+        return openFile(meta);
+      }
+      default: {
+        return download(meta);
+      }
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material7.ImageListItem, { sx: { width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_material7.Box,
+        {
+          component: "img",
+          src: source,
+          loading: "lazy",
+          alt: "thumbnail-" + meta.id,
+          onClick,
+          sx: { cursor: "pointer", objectFit: "contain", width: size ?? IMAGE_SIZE, height: size ?? IMAGE_SIZE }
+        }
+      ),
+      itemBar !== "hidden" && showItemBar && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_material7.ImageListItemBar,
+        {
+          title: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Tooltip, { title: meta.fileName, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Box, { children: meta.fileName }) }),
+          actionIcon: (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.IconButton, { sx: { color: import_colors.grey[100] }, onClick: openMenu, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_MoreVert.default, {}) })
+        }
+      )
+    ] }),
+    (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ActionsMenu, { meta, menu, setMenu })
+  ] });
+};
+
+// src/components/file/fileViewer/FileViewerList.tsx
+var import_AttachFile = __toESM(require("@mui/icons-material/AttachFile"), 1);
+var import_Image = __toESM(require("@mui/icons-material/Image"), 1);
+var import_MoreVert2 = __toESM(require("@mui/icons-material/MoreVert"), 1);
+var import_SmartDisplay = __toESM(require("@mui/icons-material/SmartDisplay"), 1);
+var import_material8 = require("@mui/material");
+var import_react7 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var FileViewerList = ({ sx }) => {
+  const { fileMetas } = useFile();
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.List, { dense: true, sx, children: fileMetas.map(
+    (fileMeta) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      ListFileViewerItem,
+      {
+        meta: fileMeta
+      },
+      fileMeta.id
+    )
+  ) });
+};
+var ListFileViewerItem = ({ meta }) => {
+  const { setImageId, actions } = useFile();
+  const [menu, setMenu] = (0, import_react7.useState)(null);
+  const openMenu = (event) => {
+    event.stopPropagation();
+    setMenu(menu === null ? { mouseX: event.clientX, mouseY: event.clientY } : null);
+  };
+  const { mutate: openFile } = useOpenFile();
+  const { mutate: download } = useDownloadFile();
+  const onClick = () => {
+    switch (meta.mediaType) {
+      case "image": {
+        return setImageId(meta.id);
+      }
+      case "application": {
+        return openFile(meta);
+      }
+      case "video": {
+        return openFile(meta);
+      }
+      default: {
+        return download(meta);
+      }
+    }
+  };
+  const icon = () => {
+    switch (meta.mediaType) {
+      case "image": {
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Image.default, {});
+      }
+      case "video": {
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_SmartDisplay.default, {});
+      }
+      default: {
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_AttachFile.default, {});
+      }
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react7.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material8.ListItemButton, { onClick, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.ListItemIcon, { children: icon() }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.ListItemText, { primary: `${meta.fileName}.${meta.fileExtension}` }),
+      (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material8.IconButton, { edge: "end", onClick: openMenu, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_MoreVert2.default, {}) })
+    ] }, meta.id),
+    (actions?.download !== false || actions?.delete !== false) && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ActionsMenu, { meta, menu, setMenu })
+  ] });
+};
+
+// src/components/file/fileViewer/ImageViewer.tsx
+var import_Close = __toESM(require("@mui/icons-material/Close"), 1);
+var import_material9 = require("@mui/material");
+var import_react8 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var ImageViewer = ({ metaId }) => {
+  const { fileMetas, setImageId } = useFile();
+  const meta = fileMetas.find((m) => m.id === metaId);
+  const { data: source } = useGetFile(meta);
+  (0, import_react8.useEffect)(() => {
+    if (globalThis.window !== void 0 && metaId)
+      globalThis.addEventListener("keydown", handleOnKeydown);
+    return () => {
+      globalThis.removeEventListener("keydown", handleOnKeydown);
+    };
+  }, [metaId]);
+  const handleOnKeydown = (event) => {
+    const images = fileMetas.filter((m) => m.mediaType === "image");
+    const imageIndex = images.findIndex((m) => m.id === metaId);
+    switch (event.key) {
+      case "ArrowLeft": {
+        return handleOnArrowLeft(images, imageIndex);
+      }
+      case "ArrowRight": {
+        return handleOnArrowRight(images, imageIndex);
+      }
+      case "Backspace":
+      case "Escape": {
+        event.preventDefault();
+        return onClose();
+      }
+    }
+  };
+  const handleOnArrowLeft = (images, index) => {
+    if (index > 0) {
+      const previousFile = images[index - 1];
+      setImageId(previousFile.id);
+    }
+  };
+  const handleOnArrowRight = (images, index) => {
+    if (index < images.length - 1) {
+      const nextFile = images[index + 1];
+      setImageId(nextFile.id);
+    }
+  };
+  const onClose = () => setImageId("");
+  if (!metaId) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material9.Dialog, { open: true, onClose, maxWidth: "xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Box, { component: "img", src: source, alt: metaId, sx: { maxWidth: "100vw", maxHeight: { xs: "calc(100vh - 56px)", sm: "calc(100vh - 64px)" } } }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material9.Fab, { size: "medium", onClick: onClose, sx: { position: "fixed", top: 8, right: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Close.default, {}) })
+  ] });
+};
+
+// src/components/file/FileViewer.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var FileViewer = ({ subId, onDelete, actions, children }) => {
+  const { data: fileMetas = [] } = useGetFileMetas(subId, { enabled: !!subId });
+  const [imageId, setImageId] = (0, import_react9.useState)("");
+  const components = { Grid: FileViewerGrid, List: FileViewerList };
+  if (fileMetas.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(FileContext.Provider, { value: { fileMetas, onDelete, actions, setImageId }, children: [
+    children(components),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ImageViewer, { metaId: imageId })
+  ] });
+};
+
+// src/components/data-grid/ChipInputCell.tsx
+var import_material10 = require("@mui/material");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var isArray = (value) => Array.isArray(value);
+var ChipInputCell = ({ params, slotProps, getLabel }) => {
+  if (!params.value) return null;
+  const getLabelValue = (value) => {
+    if (getLabel) return getLabel(value);
+    return value;
+  };
+  if (isArray(params.value))
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.Stack, { direction: "row", alignItems: "center", gap: 1, sx: { overflowX: "auto", height: "100%", width: params.colDef.computedWidth }, children: params.value.map(
+      (value, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.Chip, { label: getLabelValue(value), ...slotProps }, `${index + 1}-chip-input-cell`)
+    ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.Chip, { label: getLabelValue(params.value), ...slotProps });
+};
+
+// src/components/data-grid/EditableColumnHeader.tsx
+var import_Edit = __toESM(require("@mui/icons-material/Edit"), 1);
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var EditableColumnHeader = ({ colDef }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TypographyWithIcon, { endIcon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Edit.default, { color: "disabled", fontSize: "small" }), variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
+};
+
+// src/components/router/RouterButton.tsx
+var import_material11 = require("@mui/material");
+var import_react_router2 = require("@tanstack/react-router");
+var import_react10 = __toESM(require("react"), 1);
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var Component = import_react10.default.forwardRef(function ButtonComponent(props, reference) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material11.Button, { ref: reference, component: "a", ...props });
+});
+var CreatedComponent = (0, import_react_router2.createLink)(Component);
+var RouterButton = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CreatedComponent, { ...props });
+};
+
+// src/components/router/RouterGridActionsCellItem.tsx
+var import_x_data_grid_premium = require("@mui/x-data-grid-premium");
+var import_react_router3 = require("@tanstack/react-router");
+var import_react11 = __toESM(require("react"), 1);
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var Component2 = import_react11.default.forwardRef(
+  function GridActionsCellItemComponent(props, reference) {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_x_data_grid_premium.GridActionsCellItem, { ref: reference, component: "a", ...props });
+  }
+);
+var CreatedComponent2 = (0, import_react_router3.createLink)(Component2);
+var RouterGridActionsCellItem = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CreatedComponent2, { ...props });
+};
+
+// src/components/router/RouterIconButton.tsx
+var import_material12 = require("@mui/material");
+var import_react_router4 = require("@tanstack/react-router");
+var import_react12 = __toESM(require("react"), 1);
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var Component3 = import_react12.default.forwardRef(function IconButtonComponent(props, reference) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material12.IconButton, { ref: reference, component: "a", ...props });
+});
+var CreatedComponent3 = (0, import_react_router4.createLink)(Component3);
+var RouterIconButton = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CreatedComponent3, { ...props });
+};
+
+// src/components/router/RouterLink.tsx
+var import_material13 = require("@mui/material");
+var import_react_router5 = require("@tanstack/react-router");
+var import_react13 = __toESM(require("react"), 1);
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var Component4 = import_react13.default.forwardRef(function LinkComponent(props, reference) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material13.Link, { ref: reference, ...props });
+});
+var CreatedComponent4 = (0, import_react_router5.createLink)(Component4);
+var RouterLink = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CreatedComponent4, { ...props });
+};
+
+// src/components/router/RouterTab.tsx
+var import_material14 = require("@mui/material");
+var import_react_router6 = require("@tanstack/react-router");
+var import_react14 = __toESM(require("react"), 1);
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var Component5 = import_react14.default.forwardRef(function TabComponent(props, reference) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material14.Tab, { ref: reference, component: "a", ...props });
+});
+var CreatedComponent5 = (0, import_react_router6.createLink)(Component5);
+var RouterTab = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CreatedComponent5, { ...props });
+};
+
+// src/components/router/RouterListItemButton.tsx
+var import_material15 = require("@mui/material");
+var import_react_router7 = require("@tanstack/react-router");
+var import_react15 = __toESM(require("react"), 1);
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var Component6 = import_react15.default.forwardRef(function ButtonComponent2(props, reference) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material15.ListItemButton, { ref: reference, component: "a", ...props });
+});
+var CreatedComponent6 = (0, import_react_router7.createLink)(Component6);
+var RouterListItemButton = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CreatedComponent6, { ...props });
+};
+
+// src/components/router/RouterNotFound.tsx
+var import_material16 = require("@mui/material");
+var import_react_i18next4 = require("react-i18next");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function RouterNotFound() {
+  const { t: t2 } = (0, import_react_i18next4.useTranslation)();
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Box, { display: "flex", alignItems: "center", mb: 4, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Typography, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Typography, { variant: "h5", component: "span", children: t2("Layout.ThisPageCouldNotBeFound") })
+  ] }) });
+}
+
+// src/components/router/RouterError.tsx
+var import_material17 = require("@mui/material");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var RouterError = ({ error }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { display: "flex", alignItems: "center", mb: 4, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: error.name || "500" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { variant: "h5", component: "span", children: error.message })
+  ] }) });
+};
+
+// 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 React11 = __toESM(require("react"), 1);
+var import_prop_types = __toESM(require_prop_types(), 1);
+var import_styles = require("@mui/material/styles");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+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 = (0, import_styles.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__ */ (0, import_jsx_runtime22.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
+var import_dayjs = __toESM(require("dayjs"), 1);
+var import_weekOfYear = __toESM(require("dayjs/plugin/weekOfYear.js"), 1);
+var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat.js"), 1);
+var import_localizedFormat = __toESM(require("dayjs/plugin/localizedFormat.js"), 1);
+var import_isBetween = __toESM(require("dayjs/plugin/isBetween.js"), 1);
+var import_advancedFormat = __toESM(require("dayjs/plugin/advancedFormat.js"), 1);
+import_dayjs.default.extend(import_localizedFormat.default);
+import_dayjs.default.extend(import_weekOfYear.default);
+import_dayjs.default.extend(import_isBetween.default);
+import_dayjs.default.extend(import_advancedFormat.default);
+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);
+    import_dayjs.default.extend(import_customParseFormat.default);
+  }
+  setLocaleToValue = (value) => {
+    const expectedLocale = this.getCurrentLocaleCode();
+    if (expectedLocale === value.locale()) {
+      return value;
+    }
+    return value.locale(expectedLocale);
+  };
+  hasUTCPlugin = () => typeof import_dayjs.default.utc !== "undefined";
+  hasTimezonePlugin = () => typeof import_dayjs.default.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 import_dayjs.default.tz.guess();
+      }
+      default: {
+        return timezone;
+      }
+    }
+  };
+  createSystemDate = (value) => {
+    let date;
+    if (this.hasUTCPlugin() && this.hasTimezonePlugin()) {
+      const timezone = import_dayjs.default.tz.guess();
+      if (timezone === "UTC") {
+        date = (0, import_dayjs.default)(value);
+      } else {
+        date = import_dayjs.default.tz(value, timezone);
+      }
+    } else {
+      date = (0, import_dayjs.default)(value);
+    }
+    return this.setLocaleToValue(date);
+  };
+  createUTCDate = (value) => {
+    if (!this.hasUTCPlugin()) {
+      throw new Error(MISSING_UTC_PLUGIN);
+    }
+    return this.setLocaleToValue(import_dayjs.default.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((0, import_dayjs.default)(value).tz(this.cleanTimezone(timezone), keepLocalTime));
+  };
+  getLocaleFormats = () => {
+    const locales = import_dayjs.default.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 = () => (0, import_dayjs.default)(/* @__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(import_dayjs.default.tz(value, this.cleanTimezone(timezone)));
+  };
+  toJsDate = (value) => {
+    return value.toDate();
+  };
+  parse = (value, format) => {
+    if (value === "") {
+      return null;
+    }
+    return (0, import_dayjs.default)(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/providers/LayoutProvider.tsx
+var import_react21 = require("react");
+var import_react_i18next8 = require("react-i18next");
+var z = __toESM(require("zod"), 1);
+var import_locales3 = require("zod/locales");
+
+// src/components/core/Layout.tsx
+var import_Menu = __toESM(require("@mui/icons-material/Menu"), 1);
+var import_MenuOpen = __toESM(require("@mui/icons-material/MenuOpen"), 1);
+var import_material22 = require("@mui/material");
+var import_styles4 = require("@mui/material/styles");
+var import_react_query2 = require("@tanstack/react-query");
+var import_use_local_storage_state = __toESM(require("use-local-storage-state"), 1);
+
+// src/hooks/ThemeHook.ts
+var import_material18 = require("@mui/material");
+var import_colors2 = require("@mui/material/colors");
+var import_locale = require("@mui/material/locale");
+var import_locales = require("@mui/x-data-grid-premium/locales");
+var import_locales2 = require("@mui/x-date-pickers-pro/locales");
+var import_react_i18next5 = require("react-i18next");
+var WISTRON_PRIMARY_COLOR = "#00506E";
+var WISTRON_SECONDARY_COLOR = "#64DC00";
+var useGetTheme = (theme) => {
+  const { i18n: i18n2 } = (0, import_react_i18next5.useTranslation)();
+  return (0, import_material18.createTheme)(
+    {
+      cssVariables: {
+        colorSchemeSelector: "data-mui-color-scheme"
+      },
+      colorSchemes: {
+        light: {
+          palette: {
+            primary: { main: WISTRON_PRIMARY_COLOR },
+            secondary: { main: WISTRON_SECONDARY_COLOR }
+          }
+        },
+        dark: {
+          palette: {
+            primary: { main: (0, import_material18.lighten)(WISTRON_PRIMARY_COLOR, 0.5) },
+            secondary: { main: (0, import_material18.darken)(WISTRON_SECONDARY_COLOR, 0.5) }
+          }
+        },
+        ...theme?.colorSchemes
+      },
+      components: {
+        MuiCssBaseline: {
+          styleOverrides: (theme2) => {
+            return {
+              body: {
+                "&::-webkit-scrollbar, & *::-webkit-scrollbar": {
+                  width: "0.7em",
+                  height: "0.7em"
+                },
+                "&::-webkit-scrollbar-track, & *::-webkit-scrollbar-track": {
+                  backgroundColor: theme2.palette.mode === "dark" ? import_colors2.grey[900] : import_colors2.grey[200],
+                  borderRadius: "5px"
+                },
+                "&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb": {
+                  backgroundColor: theme2.palette.mode === "dark" ? import_colors2.grey[800] : import_colors2.grey[400],
+                  borderRadius: "10px"
+                },
+                "&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover": {
+                  backgroundColor: theme2.palette.mode === "dark" ? import_colors2.grey[700] : import_colors2.grey[500]
+                },
+                "&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner": {
+                  backgroundColor: "transparent"
+                }
+              }
+            };
+          }
+        },
+        ...theme?.components
+      }
+    },
+    i18n2.resolvedLanguage === "cs" ? import_locales2.csCZ : import_locales2.enUS,
+    i18n2.resolvedLanguage === "cs" ? import_locales.csCZ : import_locales.enUS,
+    i18n2.resolvedLanguage === "cs" ? import_locale.csCZ : import_locale.enUS
+  );
+};
+
+// src/components/core/navigation/NavigationRail.tsx
+var import_material20 = require("@mui/material");
+var import_Box2 = __toESM(require("@mui/material/Box"), 1);
+var import_Drawer = __toESM(require("@mui/material/Drawer"), 1);
+var import_styles3 = require("@mui/material/styles");
+var import_react_router8 = require("@tanstack/react-router");
+
+// src/components/core/navigation/NavigationList.tsx
+var import_Divider = __toESM(require("@mui/material/Divider"), 1);
+var import_List = __toESM(require("@mui/material/List"), 1);
+var import_ListSubheader = __toESM(require("@mui/material/ListSubheader"), 1);
+var import_react17 = require("react");
+
+// src/components/core/navigation/NavigationListItem.tsx
+var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"), 1);
+var import_Avatar = __toESM(require("@mui/material/Avatar"), 1);
+var import_Box = __toESM(require("@mui/material/Box"), 1);
+var import_Popper = __toESM(require("@mui/material/Popper"), 1);
+var import_ListItem = __toESM(require("@mui/material/ListItem"), 1);
+var import_ListItemButton = __toESM(require("@mui/material/ListItemButton"), 1);
+var import_ListItemIcon = __toESM(require("@mui/material/ListItemIcon"), 1);
+var import_ListItemText = __toESM(require("@mui/material/ListItemText"), 1);
+var import_Paper = __toESM(require("@mui/material/Paper"), 1);
+var import_styles2 = require("@mui/material/styles");
+var import_Typography = __toESM(require("@mui/material/Typography"), 1);
+var import_react16 = require("react");
+var import_material19 = require("@mui/material");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var ICON_SIZE = 34;
+var StyledNavButton = (0, import_styles2.styled)(import_ListItemButton.default)(({ 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 = (0, import_styles2.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__ */ (0, import_jsx_runtime23.jsxs)(import_Box.default, { sx: collapsed ? { position: "absolute", left: "50%", top: "calc(50% - 6px)", transform: "translate(-50%, -50%)" } : {}, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_ListItemIcon.default, { sx: { display: "flex", alignItems: "center", justifyContent: "center", minWidth: ICON_SIZE }, children: [
+        item.icon ?? null,
+        !item.icon && collapsed ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_Avatar.default, { sx: { width: ICON_SIZE - 7, height: ICON_SIZE - 7, fontSize: 12 }, children: item.title }) : null
+      ] }),
+      collapsed ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        import_Typography.default,
+        {
+          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__ */ (0, import_jsx_runtime23.jsx)(
+  import_Popper.default,
+  {
+    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__ */ (0, import_jsx_runtime23.jsx)(
+      import_Paper.default,
+      {
+        sx: {
+          pt: 0.5,
+          pb: 0.5,
+          maxHeight: "min(calc(100vh - 100px), 560px)",
+          overflowY: "auto",
+          overscrollBehavior: "contain"
+        },
+        children
+      }
+    )
+  }
+);
+var NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, onClick, renderNested }) => {
+  const [hoveredPopoverItem, setHoveredPopoverItem] = (0, import_react16.useState)(null);
+  const [anchorElement, setAnchorElement] = (0, import_react16.useState)(null);
+  const chevronSx = (0, import_react16.useMemo)(() => {
+    if (collapsed && isSidebarFullyCollapsed && item.children) {
+      return {
+        fontSize: 18,
+        position: "absolute",
+        top: "41.5%",
+        right: "2px",
+        transform: "translateY(-50%) rotate(-90deg)"
+      };
+    }
+    if (!collapsed && isSidebarFullyExpanded && item.children) {
+      return {
+        ml: 0.5,
+        transform: `rotate(${isOpen ? 0 : -90}deg)`
+      };
+    }
+    return { display: "none" };
+  }, [collapsed, isSidebarFullyExpanded, isSidebarFullyCollapsed, isOpen, item.children]);
+  const shouldJustExpand = item.children && !collapsed;
+  const buttonProps = {
+    selected,
+    disabled,
+    sx: { px: 1.4, height: collapsed ? 60 : 48 }
+  };
+  const buttonContent = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(IconOrAvatar, { item, collapsed }),
+    !collapsed && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      import_ListItemText.default,
+      {
+        primary: item.title,
+        slotProps: { primary: { noWrap: true, title: item.title } },
+        sx: { ml: 1.2, flex: 1, minWidth: 0, "& .MuiTypography-root": { whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" } }
+      }
+    ),
+    item.children ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_ExpandMore.default, { sx: chevronSx }) : null
+  ] });
+  const listItem = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    import_ListItem.default,
+    {
+      ...item.children && collapsed ? {
+        onMouseEnter: (event) => {
+          setAnchorElement(event.currentTarget);
+          setHoveredPopoverItem(item.title);
+        },
+        onMouseLeave: () => {
+          setHoveredPopoverItem(null);
+        }
+      } : {},
+      sx: { py: 0, px: 1, overflowX: "hidden" },
+      children: [
+        shouldJustExpand ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          StyledRouterButton,
+          {
+            ...buttonProps,
+            to: item.to,
+            href: item.href,
+            params: item.params,
+            search: item.search,
+            children: buttonContent
+          }
+        ),
+        item.children && collapsed ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MiniPopover, { open: item.title === hoveredPopoverItem, anchorEl: anchorElement, children: renderNested?.(item.children) }) : null
+      ]
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react16.Fragment, { children: [
+    listItem,
+    item.children && !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, children: renderNested?.(item.children) }) : null
+  ] }, item.to);
+};
+
+// src/components/core/navigation/NavigationList.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var isPageItem = (item) => !("kind" in item);
+var isDivider = (item) => "kind" in item && item.kind === "divider";
+var isHeader = (item) => "kind" in item && item.kind === "header";
+var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, expandedWidth, renderItem, activePath, onNavigate }) => {
+  const [openKeys, setOpenKeys] = (0, import_react17.useState)([]);
+  (0, import_react17.useEffect)(() => {
+    if (collapsed) setOpenKeys([]);
+  }, [collapsed]);
+  const toggleKey = (key) => setOpenKeys((previous) => previous.includes(key) ? previous.filter((k) => k !== key) : [...previous, key]);
+  const renderNested = (children) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    NavigationList,
+    {
+      subNavigation: children,
+      depth: depth + 1,
+      isPopover: collapsed,
+      expandedWidth,
+      activePath,
+      onNavigate
+    }
+  );
+  const filteredNavigation = subNavigation.filter((nav) => !nav.hidden);
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_List.default,
+    {
+      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__ */ (0, import_jsx_runtime24.jsx)(
+            import_ListSubheader.default,
+            {
+              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__ */ (0, import_jsx_runtime24.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_Divider.default, { sx: { mx: 1, mt: 1, mb: nextItem && isHeader(nextItem) && !collapsed ? 0 : 1 } }) }, `divider-${depth}-${index}`);
+        }
+        if (!isPageItem(navItem)) return null;
+        const key = `item-${depth}-${index}`;
+        const uniqueItemKey = `${depth}-${index}-${navItem.title}`;
+        if (renderItem) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react17.Fragment, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          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/core/navigation/NavigationRail.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var MINI_WIDTH = 84;
+var EXPANDED_WIDTH = 320;
+var TOOLBAR_HEIGHT = 65;
+var NavigationRail = ({ navigation, expanded, setExpanded }) => {
+  const navigate = (0, import_react_router8.useNavigate)();
+  const routerState = (0, import_react_router8.useRouterState)();
+  const theme = (0, import_styles3.useTheme)();
+  const showPermanent = (0, import_material20.useMediaQuery)(theme.breakpoints.up("sm"));
+  const drawerContent = (collapsed) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    import_Box2.default,
+    {
+      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__ */ (0, import_jsx_runtime25.jsx)(
+        NavigationList,
+        {
+          subNavigation: navigation,
+          collapsed,
+          isSidebarFullyExpanded: expanded,
+          isSidebarFullyCollapsed: !expanded,
+          expandedWidth: EXPANDED_WIDTH,
+          activePath: routerState.location.pathname,
+          onNavigate: navigate
+        }
+      )
+    }
+  );
+  if (showPermanent)
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      import_Drawer.default,
+      {
+        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__ */ (0, import_jsx_runtime25.jsx)(import_Drawer.default, { open: expanded, onClose: () => setExpanded(false), children: drawerContent(!expanded) });
+};
+
+// src/components/core/ToolbarAccount.tsx
+var import_AccountCircle = __toESM(require("@mui/icons-material/AccountCircle"), 1);
+var import_ArrowBack = __toESM(require("@mui/icons-material/ArrowBack"), 1);
+var import_Brightness4 = __toESM(require("@mui/icons-material/Brightness4"), 1);
+var import_ChevronRight = __toESM(require("@mui/icons-material/ChevronRight"), 1);
+var import_DarkMode = __toESM(require("@mui/icons-material/DarkMode"), 1);
+var import_LightMode = __toESM(require("@mui/icons-material/LightMode"), 1);
+var import_Login = __toESM(require("@mui/icons-material/Login"), 1);
+var import_Logout = __toESM(require("@mui/icons-material/Logout"), 1);
+var import_SettingsBrightness = __toESM(require("@mui/icons-material/SettingsBrightness"), 1);
+var import_Translate = __toESM(require("@mui/icons-material/Translate"), 1);
+var import_material21 = require("@mui/material");
+var import_react18 = require("react");
+var import_react_i18next6 = require("react-i18next");
+
+// src/auth-test/keycloak.ts
+var import_react_router9 = require("@tanstack/react-router");
+var import_keycloak_js = __toESM(require("keycloak-js"), 1);
+var import_meta3 = {};
+var keycloakConfig = {
+  url: import_meta3.env.VITE_KEYCLOAK_URL,
+  realm: import_meta3.env.VITE_KEYCLOAK_REALM,
+  clientId: import_meta3.env.VITE_KEYCLOAK_CLIENT_ID,
+  idpHint: import_meta3.env.VITE_KEYCLOAK_IDP_HINT,
+  confidentialClientId: import_meta3.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_ID,
+  confidentialClientSecret: import_meta3.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_SECRET
+};
+function useKeycloak() {
+  const routerContext = (0, import_react_router9.useRouter)();
+  const keycloak = routerContext.options.context.keycloak;
+  return keycloak;
+}
+
+// src/components/core/ToolbarAccount.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var ToolbarAccount = () => {
+  const [anchorElement, setAnchorElement] = (0, import_react18.useState)();
+  const [tab, setTab] = (0, import_react18.useState)("settings");
+  const open = Boolean(anchorElement);
+  const { t: t2, i18n: i18n2 } = (0, import_react_i18next6.useTranslation)();
+  const { mode, setMode } = (0, import_material21.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__ */ (0, import_jsx_runtime26.jsxs)(import_material21.List, { component: "nav", subheader: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListSubheader, { sx: { backgroundColor: "transparent" }, children: t2("Layout.Settings") }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.ListItemButton, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_Brightness4.default, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemText, { primary: t2("Layout.Appearance"), secondary: getModeText() }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_ChevronRight.default, {})
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.ListItemButton, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_Translate.default, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemText, { primary: t2("Layout.Language"), secondary: i18n2.resolvedLanguage === "en" ? "English" : "\u010Ce\u0161tina" }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_ChevronRight.default, {})
+    ] })
+  ] });
+  const theme = /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.List, { subheader: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.ListSubheader, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.IconButton, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_ArrowBack.default, { fontSize: "small" }) }),
+    " ",
+    t2("Layout.Appearance")
+  ] }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.ListItemButton, { onClick: changeMode("light"), disabled: mode === "light", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_LightMode.default, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemText, { primary: t2("Layout.Light") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.ListItemButton, { onClick: changeMode("dark"), disabled: mode === "dark", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_DarkMode.default, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemText, { primary: t2("Layout.Dark") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.ListItemButton, { onClick: changeMode("system"), disabled: mode === "system", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_SettingsBrightness.default, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemText, { primary: t2("Layout.System") })
+    ] })
+  ] });
+  const language = /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.List, { subheader: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.ListSubheader, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.IconButton, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_ArrowBack.default, { fontSize: "small" }) }),
+    " ",
+    t2("Layout.Language")
+  ] }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemButton, { onClick: changeLanguage("en"), disabled: i18n2.resolvedLanguage === "en", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemText, { primary: "English" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemButton, { onClick: changeLanguage("cs"), disabled: i18n2.resolvedLanguage === "cs", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemText, { primary: "\u010Ce\u0161tina" }) })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react18.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.IconButton, { size: "small", edge: "end", onClick: openMenu, children: user?.name ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Avatar, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Typography, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_AccountCircle.default, { fontSize: "large" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Menu, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.Box, { sx: { width: 240 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.List, { children: user?.name ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react18.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItem, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemText, { primary: user.name, secondary: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: user.employeeId }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("br", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: user.department })
+        ] }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.ListItemButton, { onClick: () => keycloak.logout(), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_Logout.default, { color: "error" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemText, { primary: t2("Layout.Logout") })
+        ] })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.ListItemButton, { onClick: () => keycloak.login(), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_Login.default, { color: "success" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.ListItemText, { primary: t2("Layout.LogIn") })
+      ] }) }),
+      tab === "settings" && settings,
+      tab === "theme" && theme,
+      tab === "language" && language
+    ] }) })
+  ] });
+};
+
+// src/components/core/Layout.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var DrawerHeader = (0, import_styles4.styled)("div")(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "flex-end",
+  padding: theme.spacing(0, 1),
+  ...theme.mixins.toolbar
+}));
+var Layout = (props) => {
+  const theme = useGetTheme(props.theme);
+  const [navigationOpen, setNavigationOpen] = (0, import_use_local_storage_state.default)("navigationOpen", { defaultServerValue: false });
+  const isFetching = !!(0, import_react_query2.useIsFetching)();
+  const isMutating = !!(0, import_react_query2.useIsMutating)();
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_styles4.ThemeProvider, { theme, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.InitColorSchemeScript, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.CssBaseline, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material22.Box, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        import_material22.AppBar,
+        {
+          color: "transparent",
+          position: "fixed",
+          sx: {
+            borderBottom: "1px solid",
+            borderColor: theme.vars?.palette.divider,
+            boxShadow: "none"
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material22.Toolbar, { children: [
+            props.navigation && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+              import_material22.IconButton,
+              {
+                onClick: () => setNavigationOpen((previous) => !previous),
+                sx: { marginRight: 2 },
+                children: navigationOpen ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_MenuOpen.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_Menu.default, {})
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AppTitle, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ToolbarAccount, {})
+          ] })
+        }
+      ),
+      props.navigation && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(NavigationRail, { navigation: props.navigation, expanded: navigationOpen ?? false, setExpanded: setNavigationOpen }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material22.Box, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DrawerHeader, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.Box, { sx: { flex: 1, overflow: "auto", position: "relative" }, children: props.children })
+      ] })
+    ] }),
+    (isFetching || isMutating) && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
+  ] });
+};
+
+// src/contexts/LayoutContext.ts
+var import_react19 = require("react");
+var LayoutContext = (0, import_react19.createContext)(null);
+
+// src/utils/i18n.ts
+var import_i18next = __toESM(require("i18next"), 1);
+var import_i18next_browser_languagedetector = __toESM(require("i18next-browser-languagedetector"), 1);
+var import_i18next_http_backend = __toESM(require("i18next-http-backend"), 1);
+var import_react_i18next7 = require("react-i18next");
+var import_i18next2 = __toESM(require("i18next"), 1);
+import_i18next.default.use(import_i18next_http_backend.default).use(import_i18next_browser_languagedetector.default).use(import_react_i18next7.initReactI18next).init({
+  fallbackLng: "en",
+  interpolation: {
+    escapeValue: false
+  },
+  react: {
+    useSuspense: false
+  }
+});
+
+// src/providers/DialogsProvider.tsx
+var import_react20 = require("react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+function DialogsProvider({ children, unmountAfter = 1e3 }) {
+  const [stack, setStack] = (0, import_react20.useState)([]);
+  const keyPrefix = (0, import_react20.useId)();
+  const nextId = (0, import_react20.useRef)(0);
+  const dialogMetadata = (0, import_react20.useRef)(/* @__PURE__ */ new WeakMap());
+  const requestDialog = useEventCallback_default(function open(Component7, payload, options = {}) {
+    const { onClose = async () => {
+    } } = options;
+    let resolve;
+    const promise = new Promise((resolveImpl) => {
+      resolve = resolveImpl;
+    });
+    const key = `${keyPrefix}-${nextId.current}`;
+    nextId.current += 1;
+    const newEntry = {
+      key,
+      open: true,
+      promise,
+      Component: Component7,
+      payload,
+      onClose,
+      resolve
+    };
+    dialogMetadata.current.set(promise, newEntry);
+    setStack((previousStack) => [...previousStack, newEntry]);
+    return promise;
+  });
+  const removeDialogFromStack = (0, import_react20.useCallback)((dialog) => {
+    setStack((previousStack) => previousStack.filter((entry) => entry.promise !== dialog));
+    dialogMetadata.current.delete(dialog);
+  }, []);
+  const closeDialogUi = useEventCallback_default(function closeDialogUi2(dialog) {
+    setStack(
+      (previousStack) => previousStack.map((entry) => entry.promise === dialog ? { ...entry, open: false } : entry)
+    );
+    setTimeout(() => removeDialogFromStack(dialog), unmountAfter);
+  });
+  const closeDialog = useEventCallback_default(async function closeDialog2(dialog, result) {
+    const entryToClose = dialogMetadata.current.get(dialog);
+    if (!entryToClose) {
+      throw new Error("Dialog not found in stack");
+    }
+    try {
+      await entryToClose.onClose(result);
+    } finally {
+      entryToClose.resolve(result);
+      closeDialogUi(dialog);
+    }
+    return dialog;
+  });
+  const contextValue = (0, import_react20.useMemo)(() => ({ open: requestDialog, close: closeDialog }), [requestDialog, closeDialog]);
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(DialogsContext.Provider, { value: contextValue, children: [
+    children,
+    stack.map(({ key, open, Component: Component7, payload, promise }) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      Component7,
+      {
+        payload,
+        open,
+        onClose: async (result) => {
+          await closeDialog(promise, result);
+        }
+      },
+      key
+    ))
+  ] });
+}
+
+// src/providers/LayoutProvider.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var LayoutProvider = (props) => {
+  const [user, setUser] = (0, import_react21.useState)({ employeeId: "", name: "Unknown", department: "", company: "", category: "" });
+  const { t: t2 } = (0, import_react_i18next8.useTranslation)();
+  const navigation = props.getNavigation?.({ user, t: t2 });
+  (0, import_react21.useEffect)(() => {
+    z.config(import_i18next2.default.resolvedLanguage === "cs" ? (0, import_locales3.cs)() : (0, import_locales3.en)());
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_i18next8.I18nextProvider, { i18n: import_i18next2.default, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: import_i18next2.default.resolvedLanguage, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(LayoutContext.Provider, { value: { user: { get: user, set: setUser } }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Layout, { navigation, theme: props.theme, children: [
+    "\xA8",
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DialogsProvider, { children: props.children })
+  ] }) }) }) });
+};
+
+// src/index.ts
+var import_uuidv72 = require("uuidv7");
+
+// src/hooks/FormHooks.ts
+var import_react_form = require("@tanstack/react-form");
+
+// src/components/form/FormAutocomplete.tsx
+var import_material23 = require("@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
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    import_material23.Autocomplete,
+    {
+      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__ */ (0, import_jsx_runtime30.jsx)(
+        import_material23.TextField,
+        {
+          ...parameters,
+          name: field.name,
+          error: isTouched && hasError,
+          helperText: isTouched && helperText,
+          ...textFieldProps
+        }
+      )
+    }
+  );
+};
+
+// src/components/form/FormCheckbox.tsx
+var import_material24 = require("@mui/material");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var FormCheckbox = (props) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material24.FormControl, { component: "fieldset", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      import_material24.FormControlLabel,
+      {
+        control: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          import_material24.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__ */ (0, import_jsx_runtime31.jsx)(import_material24.FormHelperText, { error: hasError, children: helperText })
+  ] });
+};
+
+// src/components/form/FormDatePicker.tsx
+var import_x_date_pickers_pro = require("@mui/x-date-pickers-pro");
+var import_dayjs2 = __toESM(require("dayjs"), 1);
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var FormDatePicker = (props) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    import_x_date_pickers_pro.DatePicker,
+    {
+      name: field.name,
+      value: field.state.value ? (0, import_dayjs2.default)(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
+var import_x_date_pickers_pro2 = require("@mui/x-date-pickers-pro");
+var import_dayjs3 = __toESM(require("dayjs"), 1);
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var FormDateTimePicker = (props) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_x_date_pickers_pro2.DateTimePicker,
+    {
+      name: field.name,
+      value: field.state.value ? (0, import_dayjs3.default)(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
+var import_material25 = require("@mui/material");
+var import_react_number_format = require("react-number-format");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var FormNumberField = ({ options, ...props }) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    import_react_number_format.NumericFormat,
+    {
+      customInput: import_material25.TextField,
+      name: field.name,
+      value: field.state.value ?? "",
+      onValueChange: ({ floatValue }) => field.handleChange(floatValue),
+      onBlur: field.handleBlur,
+      error: isTouched && hasError,
+      helperText: isTouched && helperText,
+      "aria-label": field.name,
+      ...props,
+      ...options
+    }
+  );
+};
+
+// src/components/form/FormRadioGroup.tsx
+var import_material26 = require("@mui/material");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var FormRadioGroup = ({ label, options, ...props }) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_material26.FormControl, { component: "fieldset", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material26.FormLabel, { component: "legend", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      import_material26.RadioGroup,
+      {
+        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__ */ (0, import_jsx_runtime35.jsx)(
+          import_material26.FormControlLabel,
+          {
+            value: option.value,
+            control: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material26.Radio, {}),
+            label: option.label
+          },
+          option.value
+        ))
+      }
+    ),
+    isTouched && hasError && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material26.FormHelperText, { error: hasError, children: helperText })
+  ] });
+};
+
+// src/components/form/FormSlider.tsx
+var import_material27 = require("@mui/material");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var FormSlider = ({ label, ...props }) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material27.FormControl, { component: "fieldset", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material27.FormLabel, { children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      import_material27.Slider,
+      {
+        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__ */ (0, import_jsx_runtime36.jsx)(import_material27.FormHelperText, { error: hasError, children: helperText })
+  ] });
+};
+
+// src/components/form/FormSubmitButton.tsx
+var import_material28 = require("@mui/material");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var FormSubmitButton = (props) => {
+  const form = useFormContext();
+  const handleClick = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    form.handleSubmit();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    import_material28.Button,
+    {
+      loading: isSubmitting,
+      disabled: !canSubmit,
+      onClick: handleClick,
+      type: "submit",
+      "aria-label": "submit",
+      ...props
+    }
+  ) });
+};
+
+// src/components/form/FormSwitch.tsx
+var import_material29 = require("@mui/material");
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var FormSwitch = (props) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_material29.FormControl, { component: "fieldset", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      import_material29.FormControlLabel,
+      {
+        control: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          import_material29.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__ */ (0, import_jsx_runtime38.jsx)(import_material29.FormHelperText, { error: hasError, children: helperText })
+  ] });
+};
+
+// src/components/form/FormTextField.tsx
+var import_material30 = require("@mui/material");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var FormTextField = (props) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    import_material30.TextField,
+    {
+      name: field.name,
+      value: field.state.value ?? "",
+      onChange: (event) => field.handleChange(event.target.value),
+      onBlur: field.handleBlur,
+      error: isTouched && hasError,
+      helperText: isTouched && helperText,
+      "aria-label": field.name,
+      ...props
+    }
+  );
+};
+
+// src/hooks/FormHooks.ts
+var { fieldContext, useFieldContext, formContext, useFormContext } = (0, import_react_form.createFormHookContexts)();
+var { useAppForm: useLayoutForm, withForm: withLayoutForm } = (0, import_react_form.createFormHook)({
+  fieldComponents: {
+    TextField: FormTextField,
+    NumberField: FormNumberField,
+    Autocomplete: FormAutocomplete,
+    Checkbox: FormCheckbox,
+    Switch: FormSwitch,
+    RadioGroup: FormRadioGroup,
+    Slider: FormSlider,
+    DatePicker: FormDatePicker,
+    DateTimePicker: FormDateTimePicker
+  },
+  formComponents: {
+    SubmitButton: FormSubmitButton
+  },
+  fieldContext,
+  formContext
+});
+
+// src/index.ts
+var import_use_local_storage_state2 = __toESM(require("use-local-storage-state"), 1);
+var import_react_i18next9 = require("react-i18next");
+var import_i18next3 = require("i18next");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ChipInputCell,
+  Dropzone,
+  EditableColumnHeader,
+  FileViewer,
+  LayoutProvider,
+  PageHeader,
+  Platform,
+  RouterButton,
+  RouterError,
+  RouterGridActionsCellItem,
+  RouterIconButton,
+  RouterLink,
+  RouterListItemButton,
+  RouterNotFound,
+  RouterTab,
+  TableContainer,
+  TypographyWithIcon,
+  rootRouteHead,
+  t,
+  useDeleteFile,
+  useDeleteFiles,
+  useDialogs,
+  useDownloadFile,
+  useFieldContext,
+  useFormContext,
+  useGetFile,
+  useGetFileMetas,
+  useGetFileThumbnail,
+  useLayoutForm,
+  useLocalStorageState,
+  useOpenFile,
+  useTranslation,
+  useUpdateFileMeta,
+  useUploadFile,
+  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.cjs.map