wcz-test 2.1.0 → 2.2.1

package/dist/index.cjs

@@ -12,11 +12,11 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __copyProps = (to, from2, except, desc) => {
-  if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-    for (let key of __getOwnPropNames(from2))
+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: () => from2[key], enumerable: !(desc = __getOwnPropDesc(from2, key)) || desc.enumerable });
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
   return to;
 };
@@ -212,7 +212,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element = REACT_ELEMENT_TYPE;
         var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment = REACT_FRAGMENT_TYPE;
+        var Fragment2 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo = REACT_MEMO_TYPE;
         var Portal = REACT_PORTAL_TYPE;
@@ -271,7 +271,7 @@ var require_react_is_development = __commonJS({
         exports2.ContextProvider = ContextProvider;
         exports2.Element = Element;
         exports2.ForwardRef = ForwardRef;
-        exports2.Fragment = Fragment;
+        exports2.Fragment = Fragment2;
         exports2.Lazy = Lazy;
         exports2.Memo = Memo;
         exports2.Portal = Portal;
@@ -356,21 +356,21 @@ var require_object_assign = __commonJS({
       }
     }
     module2.exports = shouldUseNative() ? Object.assign : function(target, source) {
-      var from2;
+      var from;
       var to = toObject(target);
       var symbols;
       for (var s = 1; s < arguments.length; s++) {
-        from2 = Object(arguments[s]);
-        for (var key in from2) {
-          if (hasOwnProperty.call(from2, key)) {
-            to[key] = from2[key];
+        from = Object(arguments[s]);
+        for (var key in from) {
+          if (hasOwnProperty.call(from, key)) {
+            to[key] = from[key];
           }
         }
         if (getOwnPropertySymbols) {
-          symbols = getOwnPropertySymbols(from2);
+          symbols = getOwnPropertySymbols(from);
           for (var i = 0; i < symbols.length; i++) {
-            if (propIsEnumerable.call(from2, symbols[i])) {
-              to[symbols[i]] = from2[symbols[i]];
+            if (propIsEnumerable.call(from, symbols[i])) {
+              to[symbols[i]] = from[symbols[i]];
             }
           }
         }
@@ -468,7 +468,7 @@ var require_factoryWithTypeCheckers = __commonJS({
   "node_modules/prop-types/factoryWithTypeCheckers.js"(exports2, module2) {
     "use strict";
     var ReactIs = require_react_is();
-    var assign2 = require_object_assign();
+    var assign = require_object_assign();
     var ReactPropTypesSecret = require_ReactPropTypesSecret();
     var has = require_has();
     var checkPropTypes = require_checkPropTypes();
@@ -773,7 +773,7 @@ var require_factoryWithTypeCheckers = __commonJS({
           if (propType !== "object") {
             return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + propType + "` " + ("supplied to `" + componentName + "`, expected `object`."));
           }
-          var allKeys = assign2({}, props[propName], shapeTypes);
+          var allKeys = assign({}, props[propName], shapeTypes);
           for (var key in allKeys) {
             var checker = shapeTypes[key];
             if (has(shapeTypes, key) && typeof checker !== "function") {
@@ -981,6 +981,8 @@ var require_prop_types = __commonJS({
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  ChipInputCell: () => ChipInputCell,
+  EditableColumnHeader: () => EditableColumnHeader,
   LayoutProvider: () => LayoutProvider,
   Platform: () => Platform,
   RouterButton: () => RouterButton,
@@ -988,986 +990,171 @@ __export(index_exports, {
   RouterLink: () => RouterLink,
   RouterNotFound: () => RouterNotFound,
   RouterTab: () => RouterTab,
+  TypographyWithIcon: () => TypographyWithIcon,
   getContrastTextColor: () => getContrastTextColor,
   useDialogs: () => import_useDialogs.useDialogs,
   useFieldContext: () => useFieldContext,
   useFormContext: () => useFormContext,
   useLayoutForm: () => useLayoutForm,
   useLocalStorageState: () => import_useLocalStorageState.useLocalStorageState,
+  useNotifications: () => import_useNotifications2.useNotifications,
   uuidv7: () => import_uuidv7.uuidv7,
   wczApiClient: () => wczApiClient,
   withLayoutForm: () => withLayoutForm
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/components/router/RouterButton.tsx
+// 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 = stackSxProps.reduce((acc, curr) => {
+    if (sxCopy && sxCopy[curr]) {
+      acc[curr] = sxCopy[curr];
+      delete sxCopy[curr];
+    }
+    return acc;
+  }, {});
+  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 && startIcon,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { ...props, sx: sxCopy, children }),
+    endIcon && endIcon
+  ] });
+};
+
+// src/components/data-grid/ChipInputCell.tsx
+var import_material2 = require("@mui/material");
+var import_jsx_runtime2 = 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_runtime2.jsx)(import_material2.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_runtime2.jsx)(import_material2.Chip, { label: getLabelValue(value), ...slotProps }, `${index + 1}-chip-input-cell`)
+    ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Chip, { label: getLabelValue(params.value), ...slotProps });
+};
+
+// src/components/data-grid/EditableColumnHeader.tsx
+var import_icons_material = require("@mui/icons-material");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var EditableColumnHeader = ({ colDef }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TypographyWithIcon, { endIcon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material.Edit, { color: "disabled", fontSize: "small" }), variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
+};
+
+// src/components/router/RouterButton.tsx
+var import_material3 = require("@mui/material");
 var import_react_router = require("@tanstack/react-router");
 var import_react = __toESM(require("react"), 1);
-var import_jsx_runtime = require("react/jsx-runtime");
-var MUIButtonLinkComponent = import_react.default.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { ref, component: "a", ...props }));
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var MUIButtonLinkComponent = import_react.default.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material3.Button, { ref, component: "a", ...props }));
 var CreatedButtonLinkComponent = (0, import_react_router.createLink)(MUIButtonLinkComponent);
 var RouterButton = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CreatedButtonLinkComponent, { preload: "intent", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CreatedButtonLinkComponent, { preload: "intent", ...props });
 };
 
 // src/components/router/RouterLink.tsx
-var import_material2 = require("@mui/material");
+var import_material4 = require("@mui/material");
 var import_react_router2 = require("@tanstack/react-router");
 var import_react2 = __toESM(require("react"), 1);
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var MUILinkComponent = import_react2.default.forwardRef(
-  (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Link, { ref, ...props })
+  (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material4.Link, { ref, ...props })
 );
 var CreatedLinkComponent = (0, import_react_router2.createLink)(MUILinkComponent);
 var RouterLink = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CreatedLinkComponent, { preload: "intent", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CreatedLinkComponent, { preload: "intent", ...props });
 };
 
 // src/components/router/RouterTab.tsx
-var import_material3 = require("@mui/material");
+var import_material5 = require("@mui/material");
 var import_react_router3 = require("@tanstack/react-router");
 var import_react3 = __toESM(require("react"), 1);
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var MUITabLinkComponent = import_react3.default.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Tab, { ref, component: "a", ...props }));
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var MUITabLinkComponent = import_react3.default.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material5.Tab, { ref, component: "a", ...props }));
 var CreatedTabLinkComponent = (0, import_react_router3.createLink)(MUITabLinkComponent);
 var RouterTab = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CreatedTabLinkComponent, { preload: "intent", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CreatedTabLinkComponent, { preload: "intent", ...props });
 };
 
 // src/components/router/RouterNotFound.tsx
-var import_react_router4 = require("@tanstack/react-router");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_material6 = require("@mui/material");
+var import_react_i18next = require("react-i18next");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function RouterNotFound() {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "space-y-2 p-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-gray-600 dark:text-gray-400", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: "The page you are looking for does not exist." }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "flex items-center gap-2 flex-wrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        "button",
-        {
-          onClick: () => window.history.back(),
-          className: "bg-emerald-500 text-white px-2 py-1 rounded uppercase font-black text-sm",
-          children: "Go back"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        import_react_router4.Link,
-        {
-          to: "/",
-          className: "bg-cyan-600 text-white px-2 py-1 rounded uppercase font-black text-sm",
-          children: "Start Over"
-        }
-      )
-    ] })
-  ] });
+  const { t } = (0, import_react_i18next.useTranslation)();
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material6.Box, { display: "flex", alignItems: "center", mb: 4, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.Typography, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material6.Typography, { variant: "h5", component: "span", children: t("Layout.ThisPageCouldNotBeFound") })
+  ] }) });
 }
 
 // src/components/router/RouterError.tsx
-var import_react_router5 = require("@tanstack/react-router");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_material7 = require("@mui/material");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var RouterError = ({ error }) => {
-  const router = (0, import_react_router5.useRouter)();
-  const isRoot = (0, import_react_router5.useMatch)({
-    strict: false,
-    select: (state) => state.id === import_react_router5.rootRouteId
-  });
-  console.error("DefaultErrorComponent Error:", error);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "min-w-0 flex-1 p-4 flex flex-col items-center justify-center gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_router5.ErrorComponent, { error }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex gap-2 items-center flex-wrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        "button",
-        {
-          onClick: () => {
-            router.invalidate();
-          },
-          className: `px-2 py-1 bg-gray-600 dark:bg-gray-700 rounded text-white uppercase font-extrabold`,
-          children: "Try Again"
-        }
-      ),
-      isRoot ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_react_router5.Link,
-        {
-          to: "/",
-          className: `px-2 py-1 bg-gray-600 dark:bg-gray-700 rounded text-white uppercase font-extrabold`,
-          children: "Home"
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_react_router5.Link,
-        {
-          to: "/",
-          className: `px-2 py-1 bg-gray-600 dark:bg-gray-700 rounded text-white uppercase font-extrabold`,
-          onClick: (e) => {
-            e.preventDefault();
-            window.history.back();
-          },
-          children: "Go Back"
-        }
-      )
-    ] })
-  ] });
-};
-
-// node_modules/@emotion/sheet/dist/emotion-sheet.esm.js
-var isDevelopment = false;
-function sheetForTag(tag) {
-  if (tag.sheet) {
-    return tag.sheet;
-  }
-  for (var i = 0; i < document.styleSheets.length; i++) {
-    if (document.styleSheets[i].ownerNode === tag) {
-      return document.styleSheets[i];
-    }
-  }
-  return void 0;
-}
-function createStyleElement(options) {
-  var tag = document.createElement("style");
-  tag.setAttribute("data-emotion", options.key);
-  if (options.nonce !== void 0) {
-    tag.setAttribute("nonce", options.nonce);
-  }
-  tag.appendChild(document.createTextNode(""));
-  tag.setAttribute("data-s", "");
-  return tag;
-}
-var StyleSheet = /* @__PURE__ */ function() {
-  function StyleSheet2(options) {
-    var _this = this;
-    this._insertTag = function(tag) {
-      var before;
-      if (_this.tags.length === 0) {
-        if (_this.insertionPoint) {
-          before = _this.insertionPoint.nextSibling;
-        } else if (_this.prepend) {
-          before = _this.container.firstChild;
-        } else {
-          before = _this.before;
-        }
-      } else {
-        before = _this.tags[_this.tags.length - 1].nextSibling;
-      }
-      _this.container.insertBefore(tag, before);
-      _this.tags.push(tag);
-    };
-    this.isSpeedy = options.speedy === void 0 ? !isDevelopment : options.speedy;
-    this.tags = [];
-    this.ctr = 0;
-    this.nonce = options.nonce;
-    this.key = options.key;
-    this.container = options.container;
-    this.prepend = options.prepend;
-    this.insertionPoint = options.insertionPoint;
-    this.before = null;
-  }
-  var _proto = StyleSheet2.prototype;
-  _proto.hydrate = function hydrate(nodes) {
-    nodes.forEach(this._insertTag);
-  };
-  _proto.insert = function insert(rule) {
-    if (this.ctr % (this.isSpeedy ? 65e3 : 1) === 0) {
-      this._insertTag(createStyleElement(this));
-    }
-    var tag = this.tags[this.tags.length - 1];
-    if (this.isSpeedy) {
-      var sheet = sheetForTag(tag);
-      try {
-        sheet.insertRule(rule, sheet.cssRules.length);
-      } catch (e) {
-      }
-    } else {
-      tag.appendChild(document.createTextNode(rule));
-    }
-    this.ctr++;
-  };
-  _proto.flush = function flush() {
-    this.tags.forEach(function(tag) {
-      var _tag$parentNode;
-      return (_tag$parentNode = tag.parentNode) == null ? void 0 : _tag$parentNode.removeChild(tag);
-    });
-    this.tags = [];
-    this.ctr = 0;
-  };
-  return StyleSheet2;
-}();
-
-// node_modules/stylis/src/Enum.js
-var MS = "-ms-";
-var MOZ = "-moz-";
-var WEBKIT = "-webkit-";
-var COMMENT = "comm";
-var RULESET = "rule";
-var DECLARATION = "decl";
-var IMPORT = "@import";
-var KEYFRAMES = "@keyframes";
-var LAYER = "@layer";
-
-// node_modules/stylis/src/Utility.js
-var abs = Math.abs;
-var from = String.fromCharCode;
-var assign = Object.assign;
-function hash(value, length2) {
-  return charat(value, 0) ^ 45 ? (((length2 << 2 ^ charat(value, 0)) << 2 ^ charat(value, 1)) << 2 ^ charat(value, 2)) << 2 ^ charat(value, 3) : 0;
-}
-function trim(value) {
-  return value.trim();
-}
-function match(value, pattern) {
-  return (value = pattern.exec(value)) ? value[0] : value;
-}
-function replace(value, pattern, replacement) {
-  return value.replace(pattern, replacement);
-}
-function indexof(value, search) {
-  return value.indexOf(search);
-}
-function charat(value, index) {
-  return value.charCodeAt(index) | 0;
-}
-function substr(value, begin, end) {
-  return value.slice(begin, end);
-}
-function strlen(value) {
-  return value.length;
-}
-function sizeof(value) {
-  return value.length;
-}
-function append(value, array) {
-  return array.push(value), value;
-}
-function combine(array, callback) {
-  return array.map(callback).join("");
-}
-
-// node_modules/stylis/src/Tokenizer.js
-var line = 1;
-var column = 1;
-var length = 0;
-var position = 0;
-var character = 0;
-var characters = "";
-function node(value, root, parent, type, props, children, length2) {
-  return { value, root, parent, type, props, children, line, column, length: length2, return: "" };
-}
-function copy(root, props) {
-  return assign(node("", null, null, "", null, null, 0), root, { length: -root.length }, props);
-}
-function char() {
-  return character;
-}
-function prev() {
-  character = position > 0 ? charat(characters, --position) : 0;
-  if (column--, character === 10)
-    column = 1, line--;
-  return character;
-}
-function next() {
-  character = position < length ? charat(characters, position++) : 0;
-  if (column++, character === 10)
-    column = 1, line++;
-  return character;
-}
-function peek() {
-  return charat(characters, position);
-}
-function caret() {
-  return position;
-}
-function slice(begin, end) {
-  return substr(characters, begin, end);
-}
-function token(type) {
-  switch (type) {
-    // \0 \t \n \r \s whitespace token
-    case 0:
-    case 9:
-    case 10:
-    case 13:
-    case 32:
-      return 5;
-    // ! + , / > @ ~ isolate token
-    case 33:
-    case 43:
-    case 44:
-    case 47:
-    case 62:
-    case 64:
-    case 126:
-    // ; { } breakpoint token
-    case 59:
-    case 123:
-    case 125:
-      return 4;
-    // : accompanied token
-    case 58:
-      return 3;
-    // " ' ( [ opening delimit token
-    case 34:
-    case 39:
-    case 40:
-    case 91:
-      return 2;
-    // ) ] closing delimit token
-    case 41:
-    case 93:
-      return 1;
-  }
-  return 0;
-}
-function alloc(value) {
-  return line = column = 1, length = strlen(characters = value), position = 0, [];
-}
-function dealloc(value) {
-  return characters = "", value;
-}
-function delimit(type) {
-  return trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)));
-}
-function whitespace(type) {
-  while (character = peek())
-    if (character < 33)
-      next();
-    else
-      break;
-  return token(type) > 2 || token(character) > 3 ? "" : " ";
-}
-function escaping(index, count) {
-  while (--count && next())
-    if (character < 48 || character > 102 || character > 57 && character < 65 || character > 70 && character < 97)
-      break;
-  return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32));
-}
-function delimiter(type) {
-  while (next())
-    switch (character) {
-      // ] ) " '
-      case type:
-        return position;
-      // " '
-      case 34:
-      case 39:
-        if (type !== 34 && type !== 39)
-          delimiter(character);
-        break;
-      // (
-      case 40:
-        if (type === 41)
-          delimiter(type);
-        break;
-      // \
-      case 92:
-        next();
-        break;
-    }
-  return position;
-}
-function commenter(type, index) {
-  while (next())
-    if (type + character === 47 + 10)
-      break;
-    else if (type + character === 42 + 42 && peek() === 47)
-      break;
-  return "/*" + slice(index, position - 1) + "*" + from(type === 47 ? type : next());
-}
-function identifier(index) {
-  while (!token(peek()))
-    next();
-  return slice(index, position);
-}
-
-// node_modules/stylis/src/Parser.js
-function compile(value) {
-  return dealloc(parse("", null, null, null, [""], value = alloc(value), 0, [0], value));
-}
-function parse(value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {
-  var index = 0;
-  var offset = 0;
-  var length2 = pseudo;
-  var atrule = 0;
-  var property = 0;
-  var previous = 0;
-  var variable = 1;
-  var scanning = 1;
-  var ampersand = 1;
-  var character2 = 0;
-  var type = "";
-  var props = rules;
-  var children = rulesets;
-  var reference = rule;
-  var characters2 = type;
-  while (scanning)
-    switch (previous = character2, character2 = next()) {
-      // (
-      case 40:
-        if (previous != 108 && charat(characters2, length2 - 1) == 58) {
-          if (indexof(characters2 += replace(delimit(character2), "&", "&\f"), "&\f") != -1)
-            ampersand = -1;
-          break;
-        }
-      // " ' [
-      case 34:
-      case 39:
-      case 91:
-        characters2 += delimit(character2);
-        break;
-      // \t \n \r \s
-      case 9:
-      case 10:
-      case 13:
-      case 32:
-        characters2 += whitespace(previous);
-        break;
-      // \
-      case 92:
-        characters2 += escaping(caret() - 1, 7);
-        continue;
-      // /
-      case 47:
-        switch (peek()) {
-          case 42:
-          case 47:
-            append(comment(commenter(next(), caret()), root, parent), declarations);
-            break;
-          default:
-            characters2 += "/";
-        }
-        break;
-      // {
-      case 123 * variable:
-        points[index++] = strlen(characters2) * ampersand;
-      // } ; \0
-      case 125 * variable:
-      case 59:
-      case 0:
-        switch (character2) {
-          // \0 }
-          case 0:
-          case 125:
-            scanning = 0;
-          // ;
-          case 59 + offset:
-            if (ampersand == -1) characters2 = replace(characters2, /\f/g, "");
-            if (property > 0 && strlen(characters2) - length2)
-              append(property > 32 ? declaration(characters2 + ";", rule, parent, length2 - 1) : declaration(replace(characters2, " ", "") + ";", rule, parent, length2 - 2), declarations);
-            break;
-          // @ ;
-          case 59:
-            characters2 += ";";
-          // { rule/at-rule
-          default:
-            append(reference = ruleset(characters2, root, parent, index, offset, rules, points, type, props = [], children = [], length2), rulesets);
-            if (character2 === 123)
-              if (offset === 0)
-                parse(characters2, root, reference, reference, props, rulesets, length2, points, children);
-              else
-                switch (atrule === 99 && charat(characters2, 3) === 110 ? 100 : atrule) {
-                  // d l m s
-                  case 100:
-                  case 108:
-                  case 109:
-                  case 115:
-                    parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length2), children), rules, children, length2, points, rule ? props : children);
-                    break;
-                  default:
-                    parse(characters2, reference, reference, reference, [""], children, 0, points, children);
-                }
-        }
-        index = offset = property = 0, variable = ampersand = 1, type = characters2 = "", length2 = pseudo;
-        break;
-      // :
-      case 58:
-        length2 = 1 + strlen(characters2), property = previous;
-      default:
-        if (variable < 1) {
-          if (character2 == 123)
-            --variable;
-          else if (character2 == 125 && variable++ == 0 && prev() == 125)
-            continue;
-        }
-        switch (characters2 += from(character2), character2 * variable) {
-          // &
-          case 38:
-            ampersand = offset > 0 ? 1 : (characters2 += "\f", -1);
-            break;
-          // ,
-          case 44:
-            points[index++] = (strlen(characters2) - 1) * ampersand, ampersand = 1;
-            break;
-          // @
-          case 64:
-            if (peek() === 45)
-              characters2 += delimit(next());
-            atrule = peek(), offset = length2 = strlen(type = characters2 += identifier(caret())), character2++;
-            break;
-          // -
-          case 45:
-            if (previous === 45 && strlen(characters2) == 2)
-              variable = 0;
-        }
-    }
-  return rulesets;
-}
-function ruleset(value, root, parent, index, offset, rules, points, type, props, children, length2) {
-  var post = offset - 1;
-  var rule = offset === 0 ? rules : [""];
-  var size = sizeof(rule);
-  for (var i = 0, j = 0, k = 0; i < index; ++i)
-    for (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z2 = value; x < size; ++x)
-      if (z2 = trim(j > 0 ? rule[x] + " " + y : replace(y, /&\f/g, rule[x])))
-        props[k++] = z2;
-  return node(value, root, parent, offset === 0 ? RULESET : type, props, children, length2);
-}
-function comment(value, root, parent) {
-  return node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0);
-}
-function declaration(value, root, parent, length2) {
-  return node(value, root, parent, DECLARATION, substr(value, 0, length2), substr(value, length2 + 1, -1), length2);
-}
-
-// node_modules/stylis/src/Serializer.js
-function serialize(children, callback) {
-  var output = "";
-  var length2 = sizeof(children);
-  for (var i = 0; i < length2; i++)
-    output += callback(children[i], i, children, callback) || "";
-  return output;
-}
-function stringify(element, index, children, callback) {
-  switch (element.type) {
-    case LAYER:
-      if (element.children.length) break;
-    case IMPORT:
-    case DECLARATION:
-      return element.return = element.return || element.value;
-    case COMMENT:
-      return "";
-    case KEYFRAMES:
-      return element.return = element.value + "{" + serialize(element.children, callback) + "}";
-    case RULESET:
-      element.value = element.props.join(",");
-  }
-  return strlen(children = serialize(element.children, callback)) ? element.return = element.value + "{" + children + "}" : "";
-}
-
-// node_modules/stylis/src/Middleware.js
-function middleware(collection) {
-  var length2 = sizeof(collection);
-  return function(element, index, children, callback) {
-    var output = "";
-    for (var i = 0; i < length2; i++)
-      output += collection[i](element, index, children, callback) || "";
-    return output;
-  };
-}
-function rulesheet(callback) {
-  return function(element) {
-    if (!element.root) {
-      if (element = element.return)
-        callback(element);
-    }
-  };
-}
-
-// node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js
-var weakMemoize = function weakMemoize2(func) {
-  var cache = /* @__PURE__ */ new WeakMap();
-  return function(arg) {
-    if (cache.has(arg)) {
-      return cache.get(arg);
-    }
-    var ret = func(arg);
-    cache.set(arg, ret);
-    return ret;
-  };
-};
-
-// node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
-function memoize(fn) {
-  var cache = /* @__PURE__ */ Object.create(null);
-  return function(arg) {
-    if (cache[arg] === void 0) cache[arg] = fn(arg);
-    return cache[arg];
-  };
-}
-
-// node_modules/@emotion/cache/dist/emotion-cache.esm.js
-var isBrowser = typeof document !== "undefined";
-var identifierWithPointTracking = function identifierWithPointTracking2(begin, points, index) {
-  var previous = 0;
-  var character2 = 0;
-  while (true) {
-    previous = character2;
-    character2 = peek();
-    if (previous === 38 && character2 === 12) {
-      points[index] = 1;
-    }
-    if (token(character2)) {
-      break;
-    }
-    next();
-  }
-  return slice(begin, position);
-};
-var toRules = function toRules2(parsed, points) {
-  var index = -1;
-  var character2 = 44;
-  do {
-    switch (token(character2)) {
-      case 0:
-        if (character2 === 38 && peek() === 12) {
-          points[index] = 1;
-        }
-        parsed[index] += identifierWithPointTracking(position - 1, points, index);
-        break;
-      case 2:
-        parsed[index] += delimit(character2);
-        break;
-      case 4:
-        if (character2 === 44) {
-          parsed[++index] = peek() === 58 ? "&\f" : "";
-          points[index] = parsed[index].length;
-          break;
-        }
-      // fallthrough
-      default:
-        parsed[index] += from(character2);
-    }
-  } while (character2 = next());
-  return parsed;
-};
-var getRules = function getRules2(value, points) {
-  return dealloc(toRules(alloc(value), points));
-};
-var fixedElements = /* @__PURE__ */ new WeakMap();
-var compat = function compat2(element) {
-  if (element.type !== "rule" || !element.parent || // positive .length indicates that this rule contains pseudo
-  // negative .length indicates that this rule has been already prefixed
-  element.length < 1) {
-    return;
-  }
-  var value = element.value;
-  var parent = element.parent;
-  var isImplicitRule = element.column === parent.column && element.line === parent.line;
-  while (parent.type !== "rule") {
-    parent = parent.parent;
-    if (!parent) return;
-  }
-  if (element.props.length === 1 && value.charCodeAt(0) !== 58 && !fixedElements.get(parent)) {
-    return;
-  }
-  if (isImplicitRule) {
-    return;
-  }
-  fixedElements.set(element, true);
-  var points = [];
-  var rules = getRules(value, points);
-  var parentRules = parent.props;
-  for (var i = 0, k = 0; i < rules.length; i++) {
-    for (var j = 0; j < parentRules.length; j++, k++) {
-      element.props[k] = points[i] ? rules[i].replace(/&\f/g, parentRules[j]) : parentRules[j] + " " + rules[i];
-    }
-  }
-};
-var removeLabel = function removeLabel2(element) {
-  if (element.type === "decl") {
-    var value = element.value;
-    if (
-      // charcode for l
-      value.charCodeAt(0) === 108 && // charcode for b
-      value.charCodeAt(2) === 98
-    ) {
-      element["return"] = "";
-      element.value = "";
-    }
-  }
-};
-function prefix(value, length2) {
-  switch (hash(value, length2)) {
-    // color-adjust
-    case 5103:
-      return WEBKIT + "print-" + value + value;
-    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
-    case 5737:
-    case 4201:
-    case 3177:
-    case 3433:
-    case 1641:
-    case 4457:
-    case 2921:
-    // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
-    case 5572:
-    case 6356:
-    case 5844:
-    case 3191:
-    case 6645:
-    case 3005:
-    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
-    case 6391:
-    case 5879:
-    case 5623:
-    case 6135:
-    case 4599:
-    case 4855:
-    // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
-    case 4215:
-    case 6389:
-    case 5109:
-    case 5365:
-    case 5621:
-    case 3829:
-      return WEBKIT + value + value;
-    // appearance, user-select, transform, hyphens, text-size-adjust
-    case 5349:
-    case 4246:
-    case 4810:
-    case 6968:
-    case 2756:
-      return WEBKIT + value + MOZ + value + MS + value + value;
-    // flex, flex-direction
-    case 6828:
-    case 4268:
-      return WEBKIT + value + MS + value + value;
-    // order
-    case 6165:
-      return WEBKIT + value + MS + "flex-" + value + value;
-    // align-items
-    case 5187:
-      return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + "box-$1$2" + MS + "flex-$1$2") + value;
-    // align-self
-    case 5443:
-      return WEBKIT + value + MS + "flex-item-" + replace(value, /flex-|-self/, "") + value;
-    // align-content
-    case 4675:
-      return WEBKIT + value + MS + "flex-line-pack" + replace(value, /align-content|flex-|-self/, "") + value;
-    // flex-shrink
-    case 5548:
-      return WEBKIT + value + MS + replace(value, "shrink", "negative") + value;
-    // flex-basis
-    case 5292:
-      return WEBKIT + value + MS + replace(value, "basis", "preferred-size") + value;
-    // flex-grow
-    case 6060:
-      return WEBKIT + "box-" + replace(value, "-grow", "") + WEBKIT + value + MS + replace(value, "grow", "positive") + value;
-    // transition
-    case 4554:
-      return WEBKIT + replace(value, /([^-])(transform)/g, "$1" + WEBKIT + "$2") + value;
-    // cursor
-    case 6187:
-      return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + "$1"), /(image-set)/, WEBKIT + "$1"), value, "") + value;
-    // background, background-image
-    case 5495:
-    case 3959:
-      return replace(value, /(image-set\([^]*)/, WEBKIT + "$1$`$1");
-    // justify-content
-    case 4968:
-      return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + "box-pack:$3" + MS + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + WEBKIT + value + value;
-    // (margin|padding)-inline-(start|end)
-    case 4095:
-    case 3583:
-    case 4068:
-    case 2532:
-      return replace(value, /(.+)-inline(.+)/, WEBKIT + "$1$2") + value;
-    // (min|max)?(width|height|inline-size|block-size)
-    case 8116:
-    case 7059:
-    case 5753:
-    case 5535:
-    case 5445:
-    case 5701:
-    case 4933:
-    case 4677:
-    case 5533:
-    case 5789:
-    case 5021:
-    case 4765:
-      if (strlen(value) - 1 - length2 > 6) switch (charat(value, length2 + 1)) {
-        // (m)ax-content, (m)in-content
-        case 109:
-          if (charat(value, length2 + 4) !== 45) break;
-        // (f)ill-available, (f)it-content
-        case 102:
-          return replace(value, /(.+:)(.+)-([^]+)/, "$1" + WEBKIT + "$2-$3$1" + MOZ + (charat(value, length2 + 3) == 108 ? "$3" : "$2-$3")) + value;
-        // (s)tretch
-        case 115:
-          return ~indexof(value, "stretch") ? prefix(replace(value, "stretch", "fill-available"), length2) + value : value;
-      }
-      break;
-    // position: sticky
-    case 4949:
-      if (charat(value, length2 + 1) !== 115) break;
-    // display: (flex|inline-flex)
-    case 6444:
-      switch (charat(value, strlen(value) - 3 - (~indexof(value, "!important") && 10))) {
-        // stic(k)y
-        case 107:
-          return replace(value, ":", ":" + WEBKIT) + value;
-        // (inline-)?fl(e)x
-        case 101:
-          return replace(value, /(.+:)([^;!]+)(;|!.+)?/, "$1" + WEBKIT + (charat(value, 14) === 45 ? "inline-" : "") + "box$3$1" + WEBKIT + "$2$3$1" + MS + "$2box$3") + value;
-      }
-      break;
-    // writing-mode
-    case 5936:
-      switch (charat(value, length2 + 11)) {
-        // vertical-l(r)
-        case 114:
-          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb") + value;
-        // vertical-r(l)
-        case 108:
-          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb-rl") + value;
-        // horizontal(-)tb
-        case 45:
-          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "lr") + value;
-      }
-      return WEBKIT + value + MS + value + value;
-  }
-  return value;
-}
-var prefixer = function prefixer2(element, index, children, callback) {
-  if (element.length > -1) {
-    if (!element["return"]) switch (element.type) {
-      case DECLARATION:
-        element["return"] = prefix(element.value, element.length);
-        break;
-      case KEYFRAMES:
-        return serialize([copy(element, {
-          value: replace(element.value, "@", "@" + WEBKIT)
-        })], callback);
-      case RULESET:
-        if (element.length) return combine(element.props, function(value) {
-          switch (match(value, /(::plac\w+|:read-\w+)/)) {
-            // :read-(only|write)
-            case ":read-only":
-            case ":read-write":
-              return serialize([copy(element, {
-                props: [replace(value, /:(read-\w+)/, ":" + MOZ + "$1")]
-              })], callback);
-            // :placeholder
-            case "::placeholder":
-              return serialize([copy(element, {
-                props: [replace(value, /:(plac\w+)/, ":" + WEBKIT + "input-$1")]
-              }), copy(element, {
-                props: [replace(value, /:(plac\w+)/, ":" + MOZ + "$1")]
-              }), copy(element, {
-                props: [replace(value, /:(plac\w+)/, MS + "input-$1")]
-              })], callback);
-          }
-          return "";
-        });
-    }
-  }
-};
-var getServerStylisCache = isBrowser ? void 0 : weakMemoize(function() {
-  return memoize(function() {
-    return {};
-  });
-});
-var defaultStylisPlugins = [prefixer];
-var createCache = function createCache2(options) {
-  var key = options.key;
-  if (isBrowser && key === "css") {
-    var ssrStyles = document.querySelectorAll("style[data-emotion]:not([data-s])");
-    Array.prototype.forEach.call(ssrStyles, function(node2) {
-      var dataEmotionAttribute = node2.getAttribute("data-emotion");
-      if (dataEmotionAttribute.indexOf(" ") === -1) {
-        return;
-      }
-      document.head.appendChild(node2);
-      node2.setAttribute("data-s", "");
-    });
-  }
-  var stylisPlugins = options.stylisPlugins || defaultStylisPlugins;
-  var inserted = {};
-  var container;
-  var nodesToHydrate = [];
-  if (isBrowser) {
-    container = options.container || document.head;
-    Array.prototype.forEach.call(
-      // this means we will ignore elements which don't have a space in them which
-      // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
-      document.querySelectorAll('style[data-emotion^="' + key + ' "]'),
-      function(node2) {
-        var attrib = node2.getAttribute("data-emotion").split(" ");
-        for (var i = 1; i < attrib.length; i++) {
-          inserted[attrib[i]] = true;
-        }
-        nodesToHydrate.push(node2);
-      }
-    );
-  }
-  var _insert;
-  var omnipresentPlugins = [compat, removeLabel];
-  if (!getServerStylisCache) {
-    var currentSheet;
-    var finalizingPlugins = [stringify, rulesheet(function(rule) {
-      currentSheet.insert(rule);
-    })];
-    var serializer = middleware(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
-    var stylis = function stylis2(styles) {
-      return serialize(compile(styles), serializer);
-    };
-    _insert = function insert(selector, serialized, sheet, shouldCache) {
-      currentSheet = sheet;
-      stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
-      if (shouldCache) {
-        cache.inserted[serialized.name] = true;
-      }
-    };
-  } else {
-    var _finalizingPlugins = [stringify];
-    var _serializer = middleware(omnipresentPlugins.concat(stylisPlugins, _finalizingPlugins));
-    var _stylis = function _stylis2(styles) {
-      return serialize(compile(styles), _serializer);
-    };
-    var serverStylisCache = getServerStylisCache(stylisPlugins)(key);
-    var getRules3 = function getRules4(selector, serialized) {
-      var name = serialized.name;
-      if (serverStylisCache[name] === void 0) {
-        serverStylisCache[name] = _stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
-      }
-      return serverStylisCache[name];
-    };
-    _insert = function _insert2(selector, serialized, sheet, shouldCache) {
-      var name = serialized.name;
-      var rules = getRules3(selector, serialized);
-      if (cache.compat === void 0) {
-        if (shouldCache) {
-          cache.inserted[name] = true;
-        }
-        return rules;
-      } else {
-        if (shouldCache) {
-          cache.inserted[name] = rules;
-        } else {
-          return rules;
-        }
-      }
-    };
-  }
-  var cache = {
-    key,
-    sheet: new StyleSheet({
-      key,
-      container,
-      nonce: options.nonce,
-      speedy: options.speedy,
-      prepend: options.prepend,
-      insertionPoint: options.insertionPoint
-    }),
-    nonce: options.nonce,
-    inserted,
-    registered: {},
-    insert: _insert
-  };
-  cache.sheet.hydrate(nodesToHydrate);
-  return cache;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material7.Box, { display: "flex", alignItems: "center", mb: 4, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Typography, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "500" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material7.Typography, { variant: "h5", component: "span", children: error.message })
+  ] }) });
 };
 
 // src/providers/LayoutProvider.tsx
-var import_react5 = require("@emotion/react");
-var import_material4 = require("@mui/material");
-var import_colors = require("@mui/material/colors");
+var import_material12 = require("@mui/material");
 
 // node_modules/@babel/runtime/helpers/esm/extends.js
 function _extends() {
@@ -1991,11 +1178,11 @@ function _objectWithoutPropertiesLoose(r, e) {
   return t;
 }
 
-// node_modules/@mui/x-date-pickers/LocalizationProvider/LocalizationProvider.js
-var React4 = __toESM(require("react"));
-var import_prop_types = __toESM(require_prop_types());
+// node_modules/@mui/x-date-pickers/esm/LocalizationProvider/LocalizationProvider.js
+var React4 = __toESM(require("react"), 1);
+var import_prop_types = __toESM(require_prop_types(), 1);
 var import_styles = require("@mui/material/styles");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var _excluded = ["localeText"];
 var MuiPickersAdapterContext = /* @__PURE__ */ React4.createContext(null);
 if (process.env.NODE_ENV !== "production") {
@@ -2040,7 +1227,7 @@ var LocalizationProvider = function LocalizationProvider2(inProps) {
       instance: dateLibInstance
     });
     if (!adapter.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/getting-started/#installation"].join(`
+      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 adapter;
@@ -2061,7 +1248,7 @@ var LocalizationProvider = function LocalizationProvider2(inProps) {
       localeText
     };
   }, [defaultDates, utils, localeText]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MuiPickersAdapterContext.Provider, {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(MuiPickersAdapterContext.Provider, {
     value: contextValue,
     children
   });
@@ -2078,7 +1265,7 @@ process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
   children: import_prop_types.default.node,
   /**
    * Date library adapter class function.
-   * @see See the localization provider {@link https://mui.com/x/react-date-pickers/getting-started/#date-library-adapter-setup date adapter setup section} for more details.
+   * @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,
   /**
@@ -2088,13 +1275,11 @@ process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
     dayOfMonth: import_prop_types.default.string,
     dayOfMonthFull: import_prop_types.default.string,
     fullDate: import_prop_types.default.string,
-    fullTime: 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,
-    keyboardDateTime: import_prop_types.default.string,
     keyboardDateTime12h: import_prop_types.default.string,
     keyboardDateTime24h: import_prop_types.default.string,
     meridiem: import_prop_types.default.string,
@@ -2139,13 +1324,13 @@ function warnOnce(message, gravity = "warning") {
   }
 }
 
-// node_modules/@mui/x-date-pickers/AdapterDayjs/AdapterDayjs.js
-var import_dayjs = __toESM(require("dayjs"));
-var import_weekOfYear = __toESM(require("dayjs/plugin/weekOfYear"));
-var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat"));
-var import_localizedFormat = __toESM(require("dayjs/plugin/localizedFormat"));
-var import_isBetween = __toESM(require("dayjs/plugin/isBetween"));
-var import_advancedFormat = __toESM(require("dayjs/plugin/advancedFormat"));
+// 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);
@@ -2251,10 +1436,8 @@ var defaultFormats = {
   shortDate: "MMM D",
   normalDate: "D MMMM",
   normalDateWithWeekday: "ddd, MMM D",
-  fullTime: "LT",
   fullTime12h: "hh:mm A",
   fullTime24h: "HH:mm",
-  keyboardDateTime: "L LT",
   keyboardDateTime12h: "L hh:mm A",
   keyboardDateTime24h: "L HH:mm"
 };
@@ -2630,134 +1813,332 @@ var AdapterDayjs = class {
 // src/providers/LayoutProvider.tsx
 var import_react_query = require("@tanstack/react-query");
 var import_DashboardLayout = require("@toolpad/core/DashboardLayout");
+var import_useNotifications = require("@toolpad/core/useNotifications");
 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_i18next = require("react-i18next");
+var import_react_i18next5 = require("react-i18next");
 var import_zod = require("zod");
 var import_zod_i18n_map = require("zod-i18n-map");
 var import_zod2 = __toESM(require("zod-i18n-map/locales/cs/zod.json"), 1);
 var import_zod3 = __toESM(require("zod-i18n-map/locales/en/zod.json"), 1);
 
+// src/components/core/AppTitle.tsx
+var import_material8 = require("@mui/material");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var AppTitle = ({ title }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material8.Stack, { direction: "row", alignItems: "center", spacing: 2, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("img", { src: "/favicon-32x32.png", alt: "app-logo", loading: "lazy" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material8.Typography, { variant: "h6", children: title })
+  ] });
+};
+
+// src/components/core/DevelopmentBanner.tsx
+var import_icons_material2 = require("@mui/icons-material");
+var import_material9 = require("@mui/material");
+var import_react4 = require("react");
+var import_react_i18next2 = require("react-i18next");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var DevelopmentBanner = ({ hasNavigationRoutes }) => {
+  const { t } = (0, import_react_i18next2.useTranslation)();
+  const [bannerOpen, setBannerOpen] = (0, import_react4.useState)(true);
+  const closeBanner = () => setBannerOpen(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material9.Fade, { appear: false, in: bannerOpen, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material9.Paper, { square: true, elevation: 3, tabIndex: -1, sx: {
+    position: "fixed",
+    bottom: 0,
+    left: { xs: 0, sm: hasNavigationRoutes ? 83.3 : 0 },
+    right: 0,
+    m: 0,
+    p: 2,
+    borderWidth: 0,
+    borderTopWidth: 1
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material9.Grid, { container: true, justifyContent: "space-between", alignItems: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material9.Grid, { size: 10, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material9.Typography, { fontWeight: "bold", children: t("Layout.DevelopmentDialogTitle") }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material9.Typography, { variant: "body2", children: t("Layout.DevelopmentDialogContent") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material9.Grid, { size: 2, sx: { p: 1, textAlign: "right" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material9.IconButton, { size: "small", onClick: closeBanner, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_material2.Close, {}) }) })
+  ] }) }) });
+};
+
+// src/components/core/ToolbarAccount.tsx
+var import_icons_material3 = require("@mui/icons-material");
+var import_material10 = require("@mui/material");
+var import_react5 = require("react");
+var import_react_i18next3 = require("react-i18next");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var user = {
+  name: "Dalibor Homola",
+  employeeId: "C2503017",
+  department: "MD0L50",
+  login: () => {
+    console.log("Login");
+  },
+  logout: () => {
+    console.log("Logout");
+  }
+};
+var ToolbarAccount = () => {
+  const [anchorEl, setAnchorEl] = (0, import_react5.useState)(null);
+  const [tab, setTab] = (0, import_react5.useState)("settings");
+  const open = Boolean(anchorEl);
+  const { t, i18n: i18n2 } = (0, import_react_i18next3.useTranslation)();
+  const { mode, setMode } = (0, import_material10.useColorScheme)();
+  const changeLanguage = (newLanguage) => () => {
+    i18n2.changeLanguage(newLanguage).finally(() => closeMenu());
+  };
+  const changeMode = (newMode) => () => {
+    setMode(newMode);
+    closeMenu();
+  };
+  const getModeText = () => {
+    switch (mode) {
+      case "light":
+        return t("Layout.Light");
+      case "dark":
+        return t("Layout.Dark");
+      default:
+        return t("Layout.System");
+    }
+  };
+  const usernameInitials = () => {
+    const splittedName = user.name.split(" ");
+    return `${splittedName[0][0]}${splittedName.length > 1 ? splittedName[1][0] : ""}`;
+  };
+  const openMenu = (e) => setAnchorEl(e.currentTarget);
+  const closeMenu = () => {
+    setAnchorEl(null);
+    setTimeout(() => setTab("settings"), 300);
+  };
+  const login2 = () => user.login();
+  const logout2 = () => user.logout();
+  const changeTab = (newTab) => () => setTab(newTab);
+  const settings = /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material10.List, { component: "nav", subheader: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.ListSubheader, { sx: { backgroundColor: "transparent" }, children: t("Layout.Settings") }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material10.ListItemButton, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material3.Brightness4, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.ListItemText, { primary: t("Layout.Appearance"), secondary: getModeText() }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material3.ChevronRight, {})
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material10.ListItemButton, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material3.Translate, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.ListItemText, { primary: t("Layout.Language"), secondary: i18n2.resolvedLanguage === "en" ? "English" : "\u010Ce\u0161tina" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material3.ChevronRight, {})
+    ] })
+  ] });
+  const theme = /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material10.List, { subheader: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material10.ListSubheader, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.IconButton, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material3.ArrowBack, { fontSize: "small" }) }),
+    " ",
+    t("Layout.Appearance")
+  ] }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material10.ListItemButton, { onClick: changeMode("light"), disabled: mode === "light", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material3.LightMode, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.ListItemText, { primary: t("Layout.Light") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material10.ListItemButton, { onClick: changeMode("dark"), disabled: mode === "dark", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material3.DarkMode, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.ListItemText, { primary: t("Layout.Dark") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material10.ListItemButton, { onClick: changeMode("system"), disabled: mode === "system", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material3.SettingsBrightness, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.ListItemText, { primary: t("Layout.System") })
+    ] })
+  ] });
+  const language = /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material10.List, { subheader: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material10.ListSubheader, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.IconButton, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material3.ArrowBack, { fontSize: "small" }) }),
+    " ",
+    t("Layout.Language")
+  ] }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.ListItemButton, { onClick: changeLanguage("en"), disabled: i18n2.resolvedLanguage === "en", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.ListItemText, { primary: "English" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.ListItemButton, { onClick: changeLanguage("cs"), disabled: i18n2.resolvedLanguage === "cs", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.ListItemText, { primary: "\u010Ce\u0161tina" }) })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.IconButton, { size: "small", onClick: openMenu, children: user.name ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.Avatar, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.Typography, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material3.AccountCircle, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.Menu, { anchorEl, open, onClose: closeMenu, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material10.Box, { sx: { width: 240 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.List, { children: user.name ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react5.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.ListItem, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.ListItemText, { primary: user.name, secondary: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: user.employeeId }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("br", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: user.department })
+        ] }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material10.ListItemButton, { onClick: logout2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material3.Logout, { color: "error" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.ListItemText, { primary: t("Layout.Logout") })
+        ] })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material10.ListItemButton, { onClick: login2, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons_material3.Login, { color: "success" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.ListItemText, { primary: t("Layout.LogIn") })
+      ] }) }),
+      tab === "settings" && settings,
+      tab === "theme" && theme,
+      tab === "language" && language
+    ] }) })
+  ] });
+};
+
+// src/hooks/ThemeHook.ts
+var import_material11 = require("@mui/material");
+var import_colors = 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_i18next4 = require("react-i18next");
+var WISTRON_PRIMARY = "#00506E";
+var WISTRON_SECONDARY = "#64DC00";
+var useGetTheme = (theme) => {
+  const { i18n: i18n2 } = (0, import_react_i18next4.useTranslation)();
+  return (0, import_material11.createTheme)(
+    {
+      cssVariables: {
+        colorSchemeSelector: "data-toolpad-color-scheme"
+      },
+      colorSchemes: {
+        light: {
+          palette: {
+            primary: { main: WISTRON_PRIMARY },
+            secondary: { main: WISTRON_SECONDARY }
+          }
+        },
+        dark: {
+          palette: {
+            primary: { main: (0, import_material11.lighten)(WISTRON_PRIMARY, 0.1) },
+            secondary: { main: (0, import_material11.darken)(WISTRON_SECONDARY, 0.1) }
+          }
+        },
+        ...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_colors.grey[900] : import_colors.grey[200],
+                  borderRadius: "5px"
+                },
+                "&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb": {
+                  backgroundColor: theme2.palette.mode === "dark" ? import_colors.grey[800] : import_colors.grey[400],
+                  borderRadius: "10px"
+                },
+                "&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover": {
+                  backgroundColor: theme2.palette.mode === "dark" ? import_colors.grey[700] : import_colors.grey[500]
+                },
+                "&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner": {
+                  backgroundColor: "transparent"
+                }
+              }
+            };
+          }
+        },
+        MuiTextField: {
+          defaultProps: {
+            fullWidth: true
+          }
+        },
+        MuiTableContainer: {
+          styleOverrides: {
+            root: ({ theme: theme2 }) => ({
+              height: "calc(100vh - 56px)",
+              [theme2.breakpoints.up("sm")]: {
+                height: "calc(100vh - 64px)"
+              },
+              "& .MuiDataGrid-cell--editing": {
+                "& .MuiInputBase-root": {
+                  height: "100%"
+                }
+              },
+              "& .MuiDataGrid-columnHeaderTitle": {
+                fontWeight: 600
+              },
+              "& .Mui-error": {
+                backgroundColor: theme2.palette.error.main,
+                color: theme2.palette.error.contrastText
+              },
+              "& .MuiDataGrid-booleanCell[data-value='true']": {
+                color: `${theme2.palette.success.main} !important`
+              },
+              "& .MuiDataGrid-booleanCell[data-value='false']": {
+                color: `${theme2.palette.error.main} !important`
+              }
+            })
+          }
+        },
+        MuiDialog: {
+          defaultProps: {
+            fullWidth: true
+          }
+        },
+        ...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/providers/TanstackRouterAppProvider.tsx
-var import_react_router6 = require("@tanstack/react-router");
+var import_react_router4 = require("@tanstack/react-router");
 var import_AppProvider = require("@toolpad/core/AppProvider");
-var import_react4 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var Link4 = (0, import_react4.forwardRef)((props, ref) => {
+var import_react6 = require("react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Link2 = (0, import_react6.forwardRef)((props, ref) => {
   const { href, history, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_router6.Link, { ref, to: href, replace: history === "replace", ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_router4.Link, { ref, to: href, replace: history === "replace", ...rest });
 });
 var TanstackRouterAppProvider = (props) => {
-  const { pathname } = (0, import_react_router6.useLocation)();
-  const searchParams = (0, import_react_router6.useSearch)({ strict: false });
-  const _navigate = (0, import_react_router6.useNavigate)();
-  const navigate = (0, import_react4.useCallback)(
+  const { pathname } = (0, import_react_router4.useLocation)();
+  const searchParams = (0, import_react_router4.useSearch)({ strict: false });
+  const _navigate = (0, import_react_router4.useNavigate)();
+  const navigate = (0, import_react6.useCallback)(
     (url, { history = "auto" } = {}) => {
       _navigate({ to: url.toString(), replace: history === "replace" }).catch(console.error);
     },
     [_navigate]
   );
-  const router = (0, import_react4.useMemo)(() => ({ pathname, searchParams: new URLSearchParams(searchParams), navigate, Link: Link4 }), [pathname, searchParams, navigate]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_AppProvider.AppProvider, { router, ...props });
+  const router = (0, import_react6.useMemo)(() => ({ pathname, searchParams: new URLSearchParams(searchParams), navigate, Link: Link2 }), [pathname, searchParams, navigate]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_AppProvider.AppProvider, { router, ...props });
 };
 
 // src/providers/LayoutProvider.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var queryClient = new import_react_query.QueryClient();
-import_i18next.default.use(import_react_i18next.initReactI18next).use(import_i18next_browser_languagedetector.default).use(import_i18next_http_backend.default).init({ fallbackLng: "en" });
+var import_jsx_runtime14 = require("react/jsx-runtime");
+import_i18next.default.use(import_i18next_http_backend.default).use(import_i18next_browser_languagedetector.default).use(import_react_i18next5.initReactI18next).init({
+  fallbackLng: "en",
+  interpolation: {
+    escapeValue: false
+  }
+});
 import_i18next.default.addResourceBundle("en", "zod", import_zod3.default);
 import_i18next.default.addResourceBundle("cs", "zod", import_zod2.default);
 import_zod.z.setErrorMap(import_zod_i18n_map.zodI18nMap);
-var LayoutProvider = ({ getNavigation, title, children }) => {
-  const emotionCache = createCache({ key: "css" });
-  const { t, i18n } = (0, import_react_i18next.useTranslation)();
-  const createdTheme = (0, import_material4.createTheme)({
-    cssVariables: {
-      colorSchemeSelector: "data-toolpad-color-scheme"
-    },
-    colorSchemes: {
-      light: {
-        palette: {
-          primary: { main: import_colors.indigo[600] },
-          secondary: { main: import_colors.indigo[600] },
-          background: {
-            paper: import_colors.grey[200]
-          }
-        }
-      },
-      dark: {
-        palette: {
-          primary: { main: import_colors.indigo[600] },
-          secondary: { main: import_colors.indigo[600] },
-          background: {
-            paper: import_colors.grey[900]
-          }
-        }
-      }
-    },
-    components: {
-      MuiCssBaseline: {
-        styleOverrides: (theme) => {
-          return {
-            body: {
-              "&::-webkit-scrollbar, & *::-webkit-scrollbar": {
-                width: "0.7em",
-                height: "0.7em"
-              },
-              "&::-webkit-scrollbar-track, & *::-webkit-scrollbar-track": {
-                backgroundColor: theme.palette.mode === "dark" ? import_colors.grey[900] : import_colors.grey[200],
-                borderRadius: "5px"
-              },
-              "&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb": {
-                backgroundColor: theme.palette.mode === "dark" ? import_colors.grey[800] : import_colors.grey[400],
-                borderRadius: "10px"
-              },
-              "&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover": {
-                backgroundColor: theme.palette.mode === "dark" ? import_colors.grey[700] : import_colors.grey[500]
-              },
-              "&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner": {
-                backgroundColor: "transparent"
-              }
-            }
-          };
-        }
-      },
-      MuiDrawer: {
-        styleOverrides: {
-          paper: ({ theme }) => ({
-            backgroundColor: "inherit",
-            [theme.breakpoints.down("sm")]: {
-              backgroundColor: theme.palette.background.paper
-            }
-          })
-        }
+var LayoutProvider = (props) => {
+  const theme = useGetTheme(props.theme);
+  const { t, i18n: i18n2 } = (0, import_react_i18next5.useTranslation)();
+  const isFetching = !!(0, import_react_query.useIsFetching)();
+  const isMutating = !!(0, import_react_query.useIsMutating)();
+  const isLargeScreen = (0, import_material12.useMediaQuery)(theme.breakpoints.up("sm"));
+  const user2 = { name: "Dalibor", department: "MD0L50", employeeId: "C2503017", company: "", category: "" };
+  const navigation = props.getNavigation ? props.getNavigation({ user: user2, t }) : [];
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n2.resolvedLanguage, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TanstackRouterAppProvider, { navigation, theme, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_useNotifications.NotificationsProvider, { slotProps: { snackbar: { anchorOrigin: { vertical: isLargeScreen ? "top" : "bottom", horizontal: "center" } } }, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    import_DashboardLayout.DashboardLayout,
+    {
+      defaultSidebarCollapsed: true,
+      hideNavigation: !navigation.length,
+      slots: {
+        toolbarActions: () => null,
+        toolbarAccount: ToolbarAccount,
+        appTitle: () => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AppTitle, { title: props.title })
       },
-      MuiTextField: {
-        defaultProps: {
-          variant: "outlined",
-          size: "medium",
-          fullWidth: true
-        }
-      }
+      children: [
+        props.children,
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DevelopmentBanner, { hasNavigationRoutes: !!navigation.length }),
+        (isFetching || isMutating) && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material12.LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
+      ]
     }
-  });
-  const navigation = getNavigation({ user: { name: "Dalibor" }, i18n, t });
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react5.CacheProvider, { value: emotionCache, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material4.ThemeProvider, { theme: createdTheme, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n.resolvedLanguage, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_query.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TanstackRouterAppProvider, { theme: createdTheme, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      import_DashboardLayout.DashboardLayout,
-      {
-        defaultSidebarCollapsed: true,
-        navigation,
-        branding: {
-          logo: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("img", { src: "/android-chrome-192x192.png", alt: "Logo" }),
-          title
-        },
-        children
-      }
-    ) }) }),
-    ","
-  ] }) }) });
+  ) }) }) });
 };
 
 // src/index.ts
@@ -2768,14 +2149,14 @@ var import_axios = __toESM(require("axios"), 1);
 
 // src/services/UserService.ts
 var import_keycloak_js = __toESM(require("keycloak-js"), 1);
-var import_node_process = require("process");
+var import_meta = {};
 var keycloakConfig = {
-  url: import_node_process.env.KEYCLOAK_URL,
-  realm: import_node_process.env.KEYCLOAK_REALM,
-  clientId: import_node_process.env.KEYCLOAK_CLIENT_ID,
-  idpHint: import_node_process.env.KEYCLOAK_IDP_HINT,
-  confidentialClientId: import_node_process.env.KEYCLOAK_CONFIDENTIAL_CLIENT_ID,
-  confidentialClientSecret: import_node_process.env.KEYCLOAK_CONFIDENTIAL_CLIENT_SECRET
+  url: import_meta.env.VITE_KEYCLOAK_URL,
+  realm: import_meta.env.VITE_KEYCLOAK_REALM,
+  clientId: import_meta.env.VITE_KEYCLOAK_CLIENT_ID,
+  idpHint: import_meta.env.VITE_KEYCLOAK_IDP_HINT,
+  confidentialClientId: import_meta.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_ID,
+  confidentialClientSecret: import_meta.env.VITE_KEYCLOAK_CONFIDENTIAL_CLIENT_SECRET
 };
 var _kc = new import_keycloak_js.default({
   url: keycloakConfig.url,
@@ -2783,7 +2164,8 @@ var _kc = new import_keycloak_js.default({
   clientId: keycloakConfig.clientId
 });
 var initKeycloak = async () => {
-  const authenticated = await _kc.init({ onLoad: "login-required" });
+  if (typeof window === "undefined") return;
+  const authenticated = await _kc.init({ onLoad: "check-sso" });
   if (authenticated) {
     return await loadUserInfo();
   } else {
@@ -2822,14 +2204,14 @@ var getConfidentialToken = async () => {
 var updateToken = () => _kc.updateToken(30).catch(login);
 var hasRole = (roles) => roles.some((role) => _kc.hasRealmRole(role) || _kc.hasResourceRole(role));
 var loadUserInfo = async () => {
-  const user = await _kc.loadUserInfo();
+  const user2 = await _kc.loadUserInfo();
   return {
-    name: user.name,
-    employeeId: user.employeeId?.toUpperCase() ?? "",
-    department: user.department ?? "",
-    email: user.email,
-    company: user.company,
-    category: user.category
+    name: user2.name,
+    employeeId: user2.employeeId?.toUpperCase() ?? "",
+    department: user2.department ?? "",
+    email: user2.email,
+    company: user2.company,
+    category: user2.category
   };
 };
 var UserService = {
@@ -2858,8 +2240,8 @@ var getContrastTextColor = (color) => {
 var wczApiClient = import_axios.default.create();
 wczApiClient.interceptors.request.use(async (config) => {
   await UserService.updateToken();
-  const token2 = await UserService.getToken();
-  config.headers.Authorization = `Bearer ${token2}`;
+  const token = await UserService.getToken();
+  config.headers.Authorization = `Bearer ${token}`;
   return config;
 });
 
@@ -2867,7 +2249,7 @@ wczApiClient.interceptors.request.use(async (config) => {
 var import_react_form = require("@tanstack/react-form");
 
 // src/components/form/FormAutocomplete.tsx
-var import_material5 = require("@mui/material");
+var import_material13 = require("@mui/material");
 
 // src/utils/FormUtils.ts
 var getFieldStatus = (field) => {
@@ -2879,12 +2261,12 @@ var getFieldStatus = (field) => {
 };
 
 // src/components/form/FormAutocomplete.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_material5.Autocomplete,
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_material13.Autocomplete,
     {
       value: field.state.value,
       onChange: (_, value) => !autocompleteProps.freeSolo && field.handleChange(value),
@@ -2892,8 +2274,8 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
       onBlur: field.handleBlur,
       "aria-label": field.name,
       ...autocompleteProps,
-      renderInput: (params) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        import_material5.TextField,
+      renderInput: (params) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        import_material13.TextField,
         {
           ...params,
           name: field.name,
@@ -2907,17 +2289,17 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
 };
 
 // src/components/form/FormCheckbox.tsx
-var import_material6 = require("@mui/material");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_material14 = require("@mui/material");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var FormCheckbox = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material6.FormControl, { component: "fieldset", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      import_material6.FormControlLabel,
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material14.FormControl, { component: "fieldset", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      import_material14.FormControlLabel,
       {
-        control: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          import_material6.Checkbox,
+        control: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          import_material14.Checkbox,
           {
             name: field.name,
             checked: Boolean(field.state.value),
@@ -2930,18 +2312,18 @@ var FormCheckbox = (props) => {
         label: props.label ?? ""
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material6.FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material14.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_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var FormDatePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     import_x_date_pickers_pro.DatePicker,
     {
       name: field.name,
@@ -2965,11 +2347,11 @@ var FormDatePicker = (props) => {
 // src/components/form/FormDateTimePicker.tsx
 var import_x_date_pickers_pro2 = require("@mui/x-date-pickers-pro");
 var import_dayjs3 = __toESM(require("dayjs"), 1);
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var FormDateTimePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     import_x_date_pickers_pro2.DateTimePicker,
     {
       name: field.name,
@@ -2990,16 +2372,40 @@ var FormDateTimePicker = (props) => {
   );
 };
 
+// src/components/form/FormNumberField.tsx
+var import_material15 = require("@mui/material");
+var import_react_number_format = require("react-number-format");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var FormNumberField = ({ options, ...props }) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_react_number_format.NumericFormat,
+    {
+      customInput: import_material15.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_material7 = require("@mui/material");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_material16 = require("@mui/material");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var FormRadioGroup = ({ label, options, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material7.FormControl, { component: "fieldset", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material7.FormLabel, { component: "legend", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      import_material7.RadioGroup,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.FormControl, { component: "fieldset", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.FormLabel, { component: "legend", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      import_material16.RadioGroup,
       {
         name: field.name,
         value: field.state.value ?? "",
@@ -3007,31 +2413,31 @@ var FormRadioGroup = ({ label, options, ...props }) => {
         onBlur: field.handleBlur,
         "aria-label": field.name,
         ...props,
-        children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          import_material7.FormControlLabel,
+        children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          import_material16.FormControlLabel,
           {
             value: option.value,
-            control: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material7.Radio, {}),
+            control: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Radio, {}),
             label: option.label
           },
           option.value
         ))
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material7.FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.FormHelperText, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormSlider.tsx
-var import_material8 = require("@mui/material");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_material17 = require("@mui/material");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var FormSlider = ({ label, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material8.FormControl, { component: "fieldset", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material8.FormLabel, { children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      import_material8.Slider,
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.FormControl, { component: "fieldset", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.FormLabel, { children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      import_material17.Slider,
       {
         name: field.name,
         value: field.state.value ?? 0,
@@ -3041,13 +2447,13 @@ var FormSlider = ({ label, ...props }) => {
         ...props
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material8.FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.FormHelperText, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormSubmitButton.tsx
-var import_material9 = require("@mui/material");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_material18 = require("@mui/material");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var FormSubmitButton = (props) => {
   const form = useFormContext();
   const handleClick = (e) => {
@@ -3055,12 +2461,13 @@ var FormSubmitButton = (props) => {
     e.stopPropagation();
     form.handleSubmit();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(form.Subscribe, { selector: (state) => [state.isSubmitting], children: ([isSubmitting]) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    import_material9.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_material18.Button,
     {
       loading: isSubmitting,
-      disabled: isSubmitting,
+      disabled: !canSubmit,
       onClick: handleClick,
+      type: "submit",
       "aria-label": "submit",
       ...props
     }
@@ -3068,17 +2475,17 @@ var FormSubmitButton = (props) => {
 };
 
 // src/components/form/FormSwitch.tsx
-var import_material10 = require("@mui/material");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_material19 = require("@mui/material");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var FormSwitch = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material10.FormControl, { component: "fieldset", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      import_material10.FormControlLabel,
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material19.FormControl, { component: "fieldset", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      import_material19.FormControlLabel,
       {
-        control: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-          import_material10.Switch,
+        control: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          import_material19.Switch,
           {
             name: field.name,
             checked: Boolean(field.state.value),
@@ -3091,18 +2498,18 @@ var FormSwitch = (props) => {
         label: props.label ?? ""
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material10.FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.FormHelperText, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormTextField.tsx
-var import_material11 = require("@mui/material");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_material20 = require("@mui/material");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var FormTextField = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    import_material11.TextField,
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_material20.TextField,
     {
       name: field.name,
       value: field.state.value ?? "",
@@ -3121,6 +2528,7 @@ var { fieldContext, useFieldContext, formContext, useFormContext } = (0, import_
 var { useAppForm: useLayoutForm, withForm: withLayoutForm } = (0, import_react_form.createFormHook)({
   fieldComponents: {
     TextField: FormTextField,
+    NumberField: FormNumberField,
     Autocomplete: FormAutocomplete,
     Checkbox: FormCheckbox,
     Switch: FormSwitch,
@@ -3138,9 +2546,12 @@ var { useAppForm: useLayoutForm, withForm: withLayoutForm } = (0, import_react_f
 
 // src/index.ts
 var import_useDialogs = require("@toolpad/core/useDialogs");
+var import_useNotifications2 = require("@toolpad/core/useNotifications");
 var import_useLocalStorageState = require("@toolpad/core/useLocalStorageState");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ChipInputCell,
+  EditableColumnHeader,
   LayoutProvider,
   Platform,
   RouterButton,
@@ -3148,12 +2559,14 @@ var import_useLocalStorageState = require("@toolpad/core/useLocalStorageState");
   RouterLink,
   RouterNotFound,
   RouterTab,
+  TypographyWithIcon,
   getContrastTextColor,
   useDialogs,
   useFieldContext,
   useFormContext,
   useLayoutForm,
   useLocalStorageState,
+  useNotifications,
   uuidv7,
   wczApiClient,
   withLayoutForm