wcz-test 2.1.0 → 2.2.1

package/dist/index.js

@@ -7,11 +7,11 @@ var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
-var __copyProps = (to, 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;
 };
@@ -206,7 +206,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;
@@ -265,7 +265,7 @@ var require_react_is_development = __commonJS({
         exports.ContextProvider = ContextProvider;
         exports.Element = Element;
         exports.ForwardRef = ForwardRef;
-        exports.Fragment = Fragment;
+        exports.Fragment = Fragment2;
         exports.Lazy = Lazy;
         exports.Memo = Memo;
         exports.Portal = Portal;
@@ -350,21 +350,21 @@ var require_object_assign = __commonJS({
       }
     }
     module.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]];
             }
           }
         }
@@ -462,7 +462,7 @@ var require_factoryWithTypeCheckers = __commonJS({
   "node_modules/prop-types/factoryWithTypeCheckers.js"(exports, module) {
     "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();
@@ -767,7 +767,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") {
@@ -972,974 +972,157 @@ var require_prop_types = __commonJS({
   }
 });
 
+// src/components/core/TypographyWithIcon.tsx
+import { Stack, Typography } from "@mui/material";
+import { jsx, jsxs } from "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__ */ jsxs(Stack, { direction: "row", alignItems: "center", gap: 1, sx: stackStyles, mb: gutterBottom ? 0.7 : void 0, children: [
+    startIcon && startIcon,
+    /* @__PURE__ */ jsx(Typography, { ...props, sx: sxCopy, children }),
+    endIcon && endIcon
+  ] });
+};
+
+// src/components/data-grid/ChipInputCell.tsx
+import { Chip, Stack as Stack2 } from "@mui/material";
+import { jsx as jsx2 } from "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__ */ jsx2(Stack2, { direction: "row", alignItems: "center", gap: 1, sx: { overflowX: "auto", height: "100%", width: params.colDef.computedWidth }, children: params.value.map(
+      (value, index) => /* @__PURE__ */ jsx2(Chip, { label: getLabelValue(value), ...slotProps }, `${index + 1}-chip-input-cell`)
+    ) });
+  return /* @__PURE__ */ jsx2(Chip, { label: getLabelValue(params.value), ...slotProps });
+};
+
+// src/components/data-grid/EditableColumnHeader.tsx
+import { Edit } from "@mui/icons-material";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var EditableColumnHeader = ({ colDef }) => {
+  return /* @__PURE__ */ jsx3(TypographyWithIcon, { endIcon: /* @__PURE__ */ jsx3(Edit, { color: "disabled", fontSize: "small" }), variant: "body2", className: "MuiDataGrid-columnHeaderTitle", children: colDef.headerName });
+};
+
 // src/components/router/RouterButton.tsx
 import { Button } from "@mui/material";
 import { createLink } from "@tanstack/react-router";
 import React from "react";
-import { jsx } from "react/jsx-runtime";
-var MUIButtonLinkComponent = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(Button, { ref, component: "a", ...props }));
+import { jsx as jsx4 } from "react/jsx-runtime";
+var MUIButtonLinkComponent = React.forwardRef((props, ref) => /* @__PURE__ */ jsx4(Button, { ref, component: "a", ...props }));
 var CreatedButtonLinkComponent = createLink(MUIButtonLinkComponent);
 var RouterButton = (props) => {
-  return /* @__PURE__ */ jsx(CreatedButtonLinkComponent, { preload: "intent", ...props });
+  return /* @__PURE__ */ jsx4(CreatedButtonLinkComponent, { preload: "intent", ...props });
 };
 
 // src/components/router/RouterLink.tsx
 import { Link } from "@mui/material";
 import { createLink as createLink2 } from "@tanstack/react-router";
 import React2 from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var MUILinkComponent = React2.forwardRef(
-  (props, ref) => /* @__PURE__ */ jsx2(Link, { ref, ...props })
+  (props, ref) => /* @__PURE__ */ jsx5(Link, { ref, ...props })
 );
 var CreatedLinkComponent = createLink2(MUILinkComponent);
 var RouterLink = (props) => {
-  return /* @__PURE__ */ jsx2(CreatedLinkComponent, { preload: "intent", ...props });
+  return /* @__PURE__ */ jsx5(CreatedLinkComponent, { preload: "intent", ...props });
 };
 
 // src/components/router/RouterTab.tsx
 import { Tab } from "@mui/material";
 import { createLink as createLink3 } from "@tanstack/react-router";
 import React3 from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var MUITabLinkComponent = React3.forwardRef((props, ref) => /* @__PURE__ */ jsx3(Tab, { ref, component: "a", ...props }));
+import { jsx as jsx6 } from "react/jsx-runtime";
+var MUITabLinkComponent = React3.forwardRef((props, ref) => /* @__PURE__ */ jsx6(Tab, { ref, component: "a", ...props }));
 var CreatedTabLinkComponent = createLink3(MUITabLinkComponent);
 var RouterTab = (props) => {
-  return /* @__PURE__ */ jsx3(CreatedTabLinkComponent, { preload: "intent", ...props });
+  return /* @__PURE__ */ jsx6(CreatedTabLinkComponent, { preload: "intent", ...props });
 };
 
 // src/components/router/RouterNotFound.tsx
-import { Link as Link2 } from "@tanstack/react-router";
-import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+import { Box, Divider, Typography as Typography2 } from "@mui/material";
+import { useTranslation } from "react-i18next";
+import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
 function RouterNotFound() {
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-2 p-2", children: [
-    /* @__PURE__ */ jsx4("div", { className: "text-gray-600 dark:text-gray-400", children: /* @__PURE__ */ jsx4("p", { children: "The page you are looking for does not exist." }) }),
-    /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 flex-wrap", children: [
-      /* @__PURE__ */ jsx4(
-        "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__ */ jsx4(
-        Link2,
-        {
-          to: "/",
-          className: "bg-cyan-600 text-white px-2 py-1 rounded uppercase font-black text-sm",
-          children: "Start Over"
-        }
-      )
-    ] })
-  ] });
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx7(Box, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs2(Box, { display: "flex", alignItems: "center", mb: 4, children: [
+    /* @__PURE__ */ jsx7(Typography2, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "404" }),
+    /* @__PURE__ */ jsx7(Divider, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
+    /* @__PURE__ */ jsx7(Typography2, { variant: "h5", component: "span", children: t("Layout.ThisPageCouldNotBeFound") })
+  ] }) });
 }
 
 // src/components/router/RouterError.tsx
-import { ErrorComponent, Link as Link3, rootRouteId, useMatch, useRouter } from "@tanstack/react-router";
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Box as Box2, Divider as Divider2, Typography as Typography3 } from "@mui/material";
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 var RouterError = ({ error }) => {
-  const router = useRouter();
-  const isRoot = useMatch({
-    strict: false,
-    select: (state) => state.id === rootRouteId
-  });
-  console.error("DefaultErrorComponent Error:", error);
-  return /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1 p-4 flex flex-col items-center justify-center gap-6", children: [
-    /* @__PURE__ */ jsx5(ErrorComponent, { error }),
-    /* @__PURE__ */ jsxs2("div", { className: "flex gap-2 items-center flex-wrap", children: [
-      /* @__PURE__ */ jsx5(
-        "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__ */ jsx5(
-        Link3,
-        {
-          to: "/",
-          className: `px-2 py-1 bg-gray-600 dark:bg-gray-700 rounded text-white uppercase font-extrabold`,
-          children: "Home"
-        }
-      ) : /* @__PURE__ */ jsx5(
-        Link3,
-        {
-          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__ */ jsx8(Box2, { height: "100vh", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", textAlign: "center", px: 2, children: /* @__PURE__ */ jsxs3(Box2, { display: "flex", alignItems: "center", mb: 4, children: [
+    /* @__PURE__ */ jsx8(Typography3, { variant: "h3", component: "span", fontWeight: 500, sx: { lineHeight: 1 }, children: "500" }),
+    /* @__PURE__ */ jsx8(Divider2, { orientation: "vertical", flexItem: true, sx: { mx: 3 } }),
+    /* @__PURE__ */ jsx8(Typography3, { variant: "h5", component: "span", children: error.message })
+  ] }) });
 };
 
 // src/providers/LayoutProvider.tsx
-import { CacheProvider } from "@emotion/react";
-import { createTheme, ThemeProvider } from "@mui/material";
-import { grey, indigo } from "@mui/material/colors";
+import { LinearProgress, useMediaQuery } from "@mui/material";
 
 // node_modules/@babel/runtime/helpers/esm/extends.js
 function _extends() {
@@ -1963,8 +1146,8 @@ function _objectWithoutPropertiesLoose(r, e) {
   return t;
 }
 
-// node_modules/@mui/x-date-pickers/LocalizationProvider/LocalizationProvider.js
-var import_prop_types = __toESM(require_prop_types());
+// node_modules/@mui/x-date-pickers/esm/LocalizationProvider/LocalizationProvider.js
+var import_prop_types = __toESM(require_prop_types(), 1);
 import * as React4 from "react";
 import { useThemeProps } from "@mui/material/styles";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -2012,7 +1195,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;
@@ -2050,7 +1233,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,
   /**
@@ -2060,13 +1243,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,
@@ -2111,13 +1292,13 @@ function warnOnce(message, gravity = "warning") {
   }
 }
 
-// node_modules/@mui/x-date-pickers/AdapterDayjs/AdapterDayjs.js
+// node_modules/@mui/x-date-pickers/esm/AdapterDayjs/AdapterDayjs.js
 import defaultDayjs from "dayjs";
-import weekOfYearPlugin from "dayjs/plugin/weekOfYear";
-import customParseFormatPlugin from "dayjs/plugin/customParseFormat";
-import localizedFormatPlugin from "dayjs/plugin/localizedFormat";
-import isBetweenPlugin from "dayjs/plugin/isBetween";
-import advancedFormatPlugin from "dayjs/plugin/advancedFormat";
+import weekOfYearPlugin from "dayjs/plugin/weekOfYear.js";
+import customParseFormatPlugin from "dayjs/plugin/customParseFormat.js";
+import localizedFormatPlugin from "dayjs/plugin/localizedFormat.js";
+import isBetweenPlugin from "dayjs/plugin/isBetween.js";
+import advancedFormatPlugin from "dayjs/plugin/advancedFormat.js";
 defaultDayjs.extend(localizedFormatPlugin);
 defaultDayjs.extend(weekOfYearPlugin);
 defaultDayjs.extend(isBetweenPlugin);
@@ -2223,10 +1404,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"
 };
@@ -2600,25 +1779,283 @@ var AdapterDayjs = class {
 };
 
 // src/providers/LayoutProvider.tsx
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { useIsFetching, useIsMutating } from "@tanstack/react-query";
 import { DashboardLayout } from "@toolpad/core/DashboardLayout";
-import i18next from "i18next";
+import { NotificationsProvider } from "@toolpad/core/useNotifications";
+import i18n from "i18next";
 import LanguageDetector from "i18next-browser-languagedetector";
-import I18NextHttpBackend from "i18next-http-backend";
-import { initReactI18next, useTranslation } from "react-i18next";
+import HttpBackend from "i18next-http-backend";
+import { initReactI18next, useTranslation as useTranslation5 } from "react-i18next";
 import { z } from "zod";
 import { zodI18nMap } from "zod-i18n-map";
 import zodCsTranslations from "zod-i18n-map/locales/cs/zod.json";
 import zodEnTranslations from "zod-i18n-map/locales/en/zod.json";
 
+// src/components/core/AppTitle.tsx
+import { Stack as Stack3, Typography as Typography4 } from "@mui/material";
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+var AppTitle = ({ title }) => {
+  return /* @__PURE__ */ jsxs4(Stack3, { direction: "row", alignItems: "center", spacing: 2, children: [
+    /* @__PURE__ */ jsx9("img", { src: "/favicon-32x32.png", alt: "app-logo", loading: "lazy" }),
+    /* @__PURE__ */ jsx9(Typography4, { variant: "h6", children: title })
+  ] });
+};
+
+// src/components/core/DevelopmentBanner.tsx
+import { Close } from "@mui/icons-material";
+import { Fade, Grid, IconButton, Paper, Typography as Typography5 } from "@mui/material";
+import { useState } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+var DevelopmentBanner = ({ hasNavigationRoutes }) => {
+  const { t } = useTranslation2();
+  const [bannerOpen, setBannerOpen] = useState(true);
+  const closeBanner = () => setBannerOpen(false);
+  return /* @__PURE__ */ jsx10(Fade, { appear: false, in: bannerOpen, children: /* @__PURE__ */ jsx10(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__ */ jsxs5(Grid, { container: true, justifyContent: "space-between", alignItems: "center", children: [
+    /* @__PURE__ */ jsxs5(Grid, { size: 10, children: [
+      /* @__PURE__ */ jsx10(Typography5, { fontWeight: "bold", children: t("Layout.DevelopmentDialogTitle") }),
+      /* @__PURE__ */ jsx10(Typography5, { variant: "body2", children: t("Layout.DevelopmentDialogContent") })
+    ] }),
+    /* @__PURE__ */ jsx10(Grid, { size: 2, sx: { p: 1, textAlign: "right" }, children: /* @__PURE__ */ jsx10(IconButton, { size: "small", onClick: closeBanner, children: /* @__PURE__ */ jsx10(Close, {}) }) })
+  ] }) }) });
+};
+
+// src/components/core/ToolbarAccount.tsx
+import { AccountCircle, ArrowBack, Brightness4, ChevronRight, DarkMode, LightMode, Login, Logout, SettingsBrightness, Translate } from "@mui/icons-material";
+import { Avatar, Box as Box3, IconButton as IconButton2, List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Menu, Typography as Typography6, useColorScheme } from "@mui/material";
+import { Fragment, useState as useState2 } from "react";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { jsx as jsx11, jsxs as jsxs6 } from "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] = useState2(null);
+  const [tab, setTab] = useState2("settings");
+  const open = Boolean(anchorEl);
+  const { t, i18n: i18n2 } = useTranslation3();
+  const { mode, setMode } = 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__ */ jsxs6(List, { component: "nav", subheader: /* @__PURE__ */ jsx11(ListSubheader, { sx: { backgroundColor: "transparent" }, children: t("Layout.Settings") }), children: [
+    /* @__PURE__ */ jsxs6(ListItemButton, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(Brightness4, {}) }),
+      /* @__PURE__ */ jsx11(ListItemText, { primary: t("Layout.Appearance"), secondary: getModeText() }),
+      /* @__PURE__ */ jsx11(ChevronRight, {})
+    ] }),
+    /* @__PURE__ */ jsxs6(ListItemButton, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(Translate, {}) }),
+      /* @__PURE__ */ jsx11(ListItemText, { primary: t("Layout.Language"), secondary: i18n2.resolvedLanguage === "en" ? "English" : "\u010Ce\u0161tina" }),
+      /* @__PURE__ */ jsx11(ChevronRight, {})
+    ] })
+  ] });
+  const theme = /* @__PURE__ */ jsxs6(List, { subheader: /* @__PURE__ */ jsxs6(ListSubheader, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+    /* @__PURE__ */ jsx11(IconButton2, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx11(ArrowBack, { fontSize: "small" }) }),
+    " ",
+    t("Layout.Appearance")
+  ] }), children: [
+    /* @__PURE__ */ jsxs6(ListItemButton, { onClick: changeMode("light"), disabled: mode === "light", children: [
+      /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(LightMode, {}) }),
+      /* @__PURE__ */ jsx11(ListItemText, { primary: t("Layout.Light") })
+    ] }),
+    /* @__PURE__ */ jsxs6(ListItemButton, { onClick: changeMode("dark"), disabled: mode === "dark", children: [
+      /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(DarkMode, {}) }),
+      /* @__PURE__ */ jsx11(ListItemText, { primary: t("Layout.Dark") })
+    ] }),
+    /* @__PURE__ */ jsxs6(ListItemButton, { onClick: changeMode("system"), disabled: mode === "system", children: [
+      /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(SettingsBrightness, {}) }),
+      /* @__PURE__ */ jsx11(ListItemText, { primary: t("Layout.System") })
+    ] })
+  ] });
+  const language = /* @__PURE__ */ jsxs6(List, { subheader: /* @__PURE__ */ jsxs6(ListSubheader, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+    /* @__PURE__ */ jsx11(IconButton2, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx11(ArrowBack, { fontSize: "small" }) }),
+    " ",
+    t("Layout.Language")
+  ] }), children: [
+    /* @__PURE__ */ jsx11(ListItemButton, { onClick: changeLanguage("en"), disabled: i18n2.resolvedLanguage === "en", children: /* @__PURE__ */ jsx11(ListItemText, { primary: "English" }) }),
+    /* @__PURE__ */ jsx11(ListItemButton, { onClick: changeLanguage("cs"), disabled: i18n2.resolvedLanguage === "cs", children: /* @__PURE__ */ jsx11(ListItemText, { primary: "\u010Ce\u0161tina" }) })
+  ] });
+  return /* @__PURE__ */ jsxs6(Fragment, { children: [
+    /* @__PURE__ */ jsx11(IconButton2, { size: "small", onClick: openMenu, children: user.name ? /* @__PURE__ */ jsx11(Avatar, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsx11(Typography6, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ jsx11(AccountCircle, {}) }),
+    /* @__PURE__ */ jsx11(Menu, { anchorEl, open, onClose: closeMenu, children: /* @__PURE__ */ jsxs6(Box3, { sx: { width: 240 }, children: [
+      /* @__PURE__ */ jsx11(List, { children: user.name ? /* @__PURE__ */ jsxs6(Fragment, { children: [
+        /* @__PURE__ */ jsx11(ListItem, { children: /* @__PURE__ */ jsx11(ListItemText, { primary: user.name, secondary: /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx11("span", { children: user.employeeId }),
+          /* @__PURE__ */ jsx11("br", {}),
+          /* @__PURE__ */ jsx11("span", { children: user.department })
+        ] }) }) }),
+        /* @__PURE__ */ jsxs6(ListItemButton, { onClick: logout2, children: [
+          /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(Logout, { color: "error" }) }),
+          /* @__PURE__ */ jsx11(ListItemText, { primary: t("Layout.Logout") })
+        ] })
+      ] }) : /* @__PURE__ */ jsxs6(ListItemButton, { onClick: login2, children: [
+        /* @__PURE__ */ jsx11(ListItemIcon, { children: /* @__PURE__ */ jsx11(Login, { color: "success" }) }),
+        /* @__PURE__ */ jsx11(ListItemText, { primary: t("Layout.LogIn") })
+      ] }) }),
+      tab === "settings" && settings,
+      tab === "theme" && theme,
+      tab === "language" && language
+    ] }) })
+  ] });
+};
+
+// src/hooks/ThemeHook.ts
+import { createTheme, darken, lighten } from "@mui/material";
+import { grey } from "@mui/material/colors";
+import { csCZ, enUS } from "@mui/material/locale";
+import { csCZ as dataGridCsCz, enUS as dataGridEnUs } from "@mui/x-data-grid-premium/locales";
+import { csCZ as datePickersCsCz, enUS as datePickersEnUs } from "@mui/x-date-pickers-pro/locales";
+import { useTranslation as useTranslation4 } from "react-i18next";
+var WISTRON_PRIMARY = "#00506E";
+var WISTRON_SECONDARY = "#64DC00";
+var useGetTheme = (theme) => {
+  const { i18n: i18n2 } = useTranslation4();
+  return createTheme(
+    {
+      cssVariables: {
+        colorSchemeSelector: "data-toolpad-color-scheme"
+      },
+      colorSchemes: {
+        light: {
+          palette: {
+            primary: { main: WISTRON_PRIMARY },
+            secondary: { main: WISTRON_SECONDARY }
+          }
+        },
+        dark: {
+          palette: {
+            primary: { main: lighten(WISTRON_PRIMARY, 0.1) },
+            secondary: { main: 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" ? grey[900] : grey[200],
+                  borderRadius: "5px"
+                },
+                "&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb": {
+                  backgroundColor: theme2.palette.mode === "dark" ? grey[800] : grey[400],
+                  borderRadius: "10px"
+                },
+                "&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover": {
+                  backgroundColor: theme2.palette.mode === "dark" ? grey[700] : grey[500]
+                },
+                "&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner": {
+                  backgroundColor: "transparent"
+                }
+              }
+            };
+          }
+        },
+        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" ? datePickersCsCz : datePickersEnUs,
+    i18n2.resolvedLanguage === "cs" ? dataGridCsCz : dataGridEnUs,
+    i18n2.resolvedLanguage === "cs" ? csCZ : enUS
+  );
+};
+
 // src/providers/TanstackRouterAppProvider.tsx
 import { useLocation, useNavigate, useSearch, Link as TanstackRouterLink } from "@tanstack/react-router";
 import { AppProvider } from "@toolpad/core/AppProvider";
 import { useCallback, useMemo as useMemo2, forwardRef } from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var Link4 = forwardRef((props, ref) => {
+import { jsx as jsx12 } from "react/jsx-runtime";
+var Link2 = forwardRef((props, ref) => {
   const { href, history, ...rest } = props;
-  return /* @__PURE__ */ jsx6(TanstackRouterLink, { ref, to: href, replace: history === "replace", ...rest });
+  return /* @__PURE__ */ jsx12(TanstackRouterLink, { ref, to: href, replace: history === "replace", ...rest });
 });
 var TanstackRouterAppProvider = (props) => {
   const { pathname } = useLocation();
@@ -2630,106 +2067,46 @@ var TanstackRouterAppProvider = (props) => {
     },
     [_navigate]
   );
-  const router = useMemo2(() => ({ pathname, searchParams: new URLSearchParams(searchParams), navigate, Link: Link4 }), [pathname, searchParams, navigate]);
-  return /* @__PURE__ */ jsx6(AppProvider, { router, ...props });
+  const router = useMemo2(() => ({ pathname, searchParams: new URLSearchParams(searchParams), navigate, Link: Link2 }), [pathname, searchParams, navigate]);
+  return /* @__PURE__ */ jsx12(AppProvider, { router, ...props });
 };
 
 // src/providers/LayoutProvider.tsx
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
-var queryClient = new QueryClient();
-i18next.use(initReactI18next).use(LanguageDetector).use(I18NextHttpBackend).init({ fallbackLng: "en" });
-i18next.addResourceBundle("en", "zod", zodEnTranslations);
-i18next.addResourceBundle("cs", "zod", zodCsTranslations);
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+i18n.use(HttpBackend).use(LanguageDetector).use(initReactI18next).init({
+  fallbackLng: "en",
+  interpolation: {
+    escapeValue: false
+  }
+});
+i18n.addResourceBundle("en", "zod", zodEnTranslations);
+i18n.addResourceBundle("cs", "zod", zodCsTranslations);
 z.setErrorMap(zodI18nMap);
-var LayoutProvider = ({ getNavigation, title, children }) => {
-  const emotionCache = createCache({ key: "css" });
-  const { t, i18n } = useTranslation();
-  const createdTheme = createTheme({
-    cssVariables: {
-      colorSchemeSelector: "data-toolpad-color-scheme"
-    },
-    colorSchemes: {
-      light: {
-        palette: {
-          primary: { main: indigo[600] },
-          secondary: { main: indigo[600] },
-          background: {
-            paper: grey[200]
-          }
-        }
-      },
-      dark: {
-        palette: {
-          primary: { main: indigo[600] },
-          secondary: { main: indigo[600] },
-          background: {
-            paper: 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" ? grey[900] : grey[200],
-                borderRadius: "5px"
-              },
-              "&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb": {
-                backgroundColor: theme.palette.mode === "dark" ? grey[800] : grey[400],
-                borderRadius: "10px"
-              },
-              "&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover": {
-                backgroundColor: theme.palette.mode === "dark" ? grey[700] : 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 } = useTranslation5();
+  const isFetching = !!useIsFetching();
+  const isMutating = !!useIsMutating();
+  const isLargeScreen = 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__ */ jsx13(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n2.resolvedLanguage, children: /* @__PURE__ */ jsx13(TanstackRouterAppProvider, { navigation, theme, children: /* @__PURE__ */ jsx13(NotificationsProvider, { slotProps: { snackbar: { anchorOrigin: { vertical: isLargeScreen ? "top" : "bottom", horizontal: "center" } } }, children: /* @__PURE__ */ jsxs7(
+    DashboardLayout,
+    {
+      defaultSidebarCollapsed: true,
+      hideNavigation: !navigation.length,
+      slots: {
+        toolbarActions: () => null,
+        toolbarAccount: ToolbarAccount,
+        appTitle: () => /* @__PURE__ */ jsx13(AppTitle, { title: props.title })
       },
-      MuiTextField: {
-        defaultProps: {
-          variant: "outlined",
-          size: "medium",
-          fullWidth: true
-        }
-      }
+      children: [
+        props.children,
+        /* @__PURE__ */ jsx13(DevelopmentBanner, { hasNavigationRoutes: !!navigation.length }),
+        (isFetching || isMutating) && /* @__PURE__ */ jsx13(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
+      ]
     }
-  });
-  const navigation = getNavigation({ user: { name: "Dalibor" }, i18n, t });
-  return /* @__PURE__ */ jsx7(CacheProvider, { value: emotionCache, children: /* @__PURE__ */ jsx7(ThemeProvider, { theme: createdTheme, children: /* @__PURE__ */ jsxs3(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n.resolvedLanguage, children: [
-    /* @__PURE__ */ jsx7(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx7(TanstackRouterAppProvider, { theme: createdTheme, children: /* @__PURE__ */ jsx7(
-      DashboardLayout,
-      {
-        defaultSidebarCollapsed: true,
-        navigation,
-        branding: {
-          logo: /* @__PURE__ */ jsx7("img", { src: "/android-chrome-192x192.png", alt: "Logo" }),
-          title
-        },
-        children
-      }
-    ) }) }),
-    ","
-  ] }) }) });
+  ) }) }) });
 };
 
 // src/index.ts
@@ -2740,14 +2117,13 @@ import axios from "axios";
 
 // src/services/UserService.ts
 import Keycloak from "keycloak-js";
-import { env } from "node:process";
 var keycloakConfig = {
-  url: env.KEYCLOAK_URL,
-  realm: env.KEYCLOAK_REALM,
-  clientId: env.KEYCLOAK_CLIENT_ID,
-  idpHint: env.KEYCLOAK_IDP_HINT,
-  confidentialClientId: env.KEYCLOAK_CONFIDENTIAL_CLIENT_ID,
-  confidentialClientSecret: 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 Keycloak({
   url: keycloakConfig.url,
@@ -2755,7 +2131,8 @@ var _kc = new Keycloak({
   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 {
@@ -2794,14 +2171,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 = {
@@ -2830,8 +2207,8 @@ var getContrastTextColor = (color) => {
 var wczApiClient = axios.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;
 });
 
@@ -2851,11 +2228,11 @@ var getFieldStatus = (field) => {
 };
 
 // src/components/form/FormAutocomplete.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx14(
     Autocomplete,
     {
       value: field.state.value,
@@ -2864,7 +2241,7 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
       onBlur: field.handleBlur,
       "aria-label": field.name,
       ...autocompleteProps,
-      renderInput: (params) => /* @__PURE__ */ jsx8(
+      renderInput: (params) => /* @__PURE__ */ jsx14(
         TextField,
         {
           ...params,
@@ -2880,15 +2257,15 @@ var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
 
 // src/components/form/FormCheckbox.tsx
 import { Checkbox, FormControl, FormControlLabel, FormHelperText } from "@mui/material";
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 var FormCheckbox = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs4(FormControl, { component: "fieldset", children: [
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs8(FormControl, { component: "fieldset", children: [
+    /* @__PURE__ */ jsx15(
       FormControlLabel,
       {
-        control: /* @__PURE__ */ jsx9(
+        control: /* @__PURE__ */ jsx15(
           Checkbox,
           {
             name: field.name,
@@ -2902,18 +2279,18 @@ var FormCheckbox = (props) => {
         label: props.label ?? ""
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx9(FormHelperText, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx15(FormHelperText, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormDatePicker.tsx
 import { DatePicker } from "@mui/x-date-pickers-pro";
 import dayjs from "dayjs";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var FormDatePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx16(
     DatePicker,
     {
       name: field.name,
@@ -2937,11 +2314,11 @@ var FormDatePicker = (props) => {
 // src/components/form/FormDateTimePicker.tsx
 import { DateTimePicker } from "@mui/x-date-pickers-pro";
 import dayjs2 from "dayjs";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var FormDateTimePicker = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx17(
     DateTimePicker,
     {
       name: field.name,
@@ -2962,15 +2339,39 @@ var FormDateTimePicker = (props) => {
   );
 };
 
+// src/components/form/FormNumberField.tsx
+import { TextField as TextField2 } from "@mui/material";
+import { NumericFormat } from "react-number-format";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var FormNumberField = ({ options, ...props }) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ jsx18(
+    NumericFormat,
+    {
+      customInput: TextField2,
+      name: field.name,
+      value: field.state.value ?? "",
+      onValueChange: ({ floatValue }) => field.handleChange(floatValue),
+      onBlur: field.handleBlur,
+      error: isTouched && hasError,
+      helperText: isTouched && helperText,
+      "aria-label": field.name,
+      ...props,
+      ...options
+    }
+  );
+};
+
 // src/components/form/FormRadioGroup.tsx
 import { FormControl as FormControl2, FormControlLabel as FormControlLabel2, FormHelperText as FormHelperText2, FormLabel, Radio, RadioGroup } from "@mui/material";
-import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
 var FormRadioGroup = ({ label, options, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs5(FormControl2, { component: "fieldset", children: [
-    label && /* @__PURE__ */ jsx12(FormLabel, { component: "legend", children: label }),
-    /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs9(FormControl2, { component: "fieldset", children: [
+    label && /* @__PURE__ */ jsx19(FormLabel, { component: "legend", children: label }),
+    /* @__PURE__ */ jsx19(
       RadioGroup,
       {
         name: field.name,
@@ -2979,30 +2380,30 @@ var FormRadioGroup = ({ label, options, ...props }) => {
         onBlur: field.handleBlur,
         "aria-label": field.name,
         ...props,
-        children: options.map((option) => /* @__PURE__ */ jsx12(
+        children: options.map((option) => /* @__PURE__ */ jsx19(
           FormControlLabel2,
           {
             value: option.value,
-            control: /* @__PURE__ */ jsx12(Radio, {}),
+            control: /* @__PURE__ */ jsx19(Radio, {}),
             label: option.label
           },
           option.value
         ))
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx12(FormHelperText2, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx19(FormHelperText2, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormSlider.tsx
 import { FormControl as FormControl3, FormHelperText as FormHelperText3, FormLabel as FormLabel2, Slider } from "@mui/material";
-import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
 var FormSlider = ({ label, ...props }) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs6(FormControl3, { component: "fieldset", children: [
-    label && /* @__PURE__ */ jsx13(FormLabel2, { children: label }),
-    /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs10(FormControl3, { component: "fieldset", children: [
+    label && /* @__PURE__ */ jsx20(FormLabel2, { children: label }),
+    /* @__PURE__ */ jsx20(
       Slider,
       {
         name: field.name,
@@ -3013,13 +2414,13 @@ var FormSlider = ({ label, ...props }) => {
         ...props
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx13(FormHelperText3, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx20(FormHelperText3, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormSubmitButton.tsx
 import { Button as Button2 } from "@mui/material";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var FormSubmitButton = (props) => {
   const form = useFormContext();
   const handleClick = (e) => {
@@ -3027,12 +2428,13 @@ var FormSubmitButton = (props) => {
     e.stopPropagation();
     form.handleSubmit();
   };
-  return /* @__PURE__ */ jsx14(form.Subscribe, { selector: (state) => [state.isSubmitting], children: ([isSubmitting]) => /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx21(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => /* @__PURE__ */ jsx21(
     Button2,
     {
       loading: isSubmitting,
-      disabled: isSubmitting,
+      disabled: !canSubmit,
       onClick: handleClick,
+      type: "submit",
       "aria-label": "submit",
       ...props
     }
@@ -3041,15 +2443,15 @@ var FormSubmitButton = (props) => {
 
 // src/components/form/FormSwitch.tsx
 import { FormControl as FormControl4, FormControlLabel as FormControlLabel3, FormHelperText as FormHelperText4, Switch } from "@mui/material";
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
 var FormSwitch = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsxs7(FormControl4, { component: "fieldset", children: [
-    /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs11(FormControl4, { component: "fieldset", children: [
+    /* @__PURE__ */ jsx22(
       FormControlLabel3,
       {
-        control: /* @__PURE__ */ jsx15(
+        control: /* @__PURE__ */ jsx22(
           Switch,
           {
             name: field.name,
@@ -3063,18 +2465,18 @@ var FormSwitch = (props) => {
         label: props.label ?? ""
       }
     ),
-    isTouched && hasError && /* @__PURE__ */ jsx15(FormHelperText4, { error: hasError, children: helperText })
+    isTouched && hasError && /* @__PURE__ */ jsx22(FormHelperText4, { error: hasError, children: helperText })
   ] });
 };
 
 // src/components/form/FormTextField.tsx
-import { TextField as TextField2 } from "@mui/material";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { TextField as TextField3 } from "@mui/material";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var FormTextField = (props) => {
   const field = useFieldContext();
   const { isTouched, hasError, helperText } = getFieldStatus(field);
-  return /* @__PURE__ */ jsx16(
-    TextField2,
+  return /* @__PURE__ */ jsx23(
+    TextField3,
     {
       name: field.name,
       value: field.state.value ?? "",
@@ -3093,6 +2495,7 @@ var { fieldContext, useFieldContext, formContext, useFormContext } = createFormH
 var { useAppForm: useLayoutForm, withForm: withLayoutForm } = createFormHook({
   fieldComponents: {
     TextField: FormTextField,
+    NumberField: FormNumberField,
     Autocomplete: FormAutocomplete,
     Checkbox: FormCheckbox,
     Switch: FormSwitch,
@@ -3110,8 +2513,11 @@ var { useAppForm: useLayoutForm, withForm: withLayoutForm } = createFormHook({
 
 // src/index.ts
 import { useDialogs } from "@toolpad/core/useDialogs";
+import { useNotifications } from "@toolpad/core/useNotifications";
 import { useLocalStorageState } from "@toolpad/core/useLocalStorageState";
 export {
+  ChipInputCell,
+  EditableColumnHeader,
   LayoutProvider,
   Platform,
   RouterButton,
@@ -3119,12 +2525,14 @@ export {
   RouterLink,
   RouterNotFound,
   RouterTab,
+  TypographyWithIcon,
   getContrastTextColor,
   useDialogs,
   useFieldContext,
   useFormContext,
   useLayoutForm,
   useLocalStorageState,
+  useNotifications,
   uuidv7,
   wczApiClient,
   withLayoutForm