wcz-test 1.10.0 → 2.0.0

package/dist/index.cjs

@@ -1,36 +1,3190 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
+var __copyProps = (to, from2, except, desc) => {
+  if (from2 && typeof from2 === "object" || typeof from2 === "function") {
+    for (let key of __getOwnPropNames(from2))
       if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+        __defProp(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc(from2, key)) || desc.enumerable });
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
+// node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js
+var require_react_is_production_min = __commonJS({
+  "node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js"(exports2) {
+    "use strict";
+    var b = "function" === typeof Symbol && Symbol.for;
+    var c = b ? Symbol.for("react.element") : 60103;
+    var d = b ? Symbol.for("react.portal") : 60106;
+    var e = b ? Symbol.for("react.fragment") : 60107;
+    var f = b ? Symbol.for("react.strict_mode") : 60108;
+    var g = b ? Symbol.for("react.profiler") : 60114;
+    var h = b ? Symbol.for("react.provider") : 60109;
+    var k = b ? Symbol.for("react.context") : 60110;
+    var l = b ? Symbol.for("react.async_mode") : 60111;
+    var m = b ? Symbol.for("react.concurrent_mode") : 60111;
+    var n = b ? Symbol.for("react.forward_ref") : 60112;
+    var p = b ? Symbol.for("react.suspense") : 60113;
+    var q = b ? Symbol.for("react.suspense_list") : 60120;
+    var r = b ? Symbol.for("react.memo") : 60115;
+    var t = b ? Symbol.for("react.lazy") : 60116;
+    var v = b ? Symbol.for("react.block") : 60121;
+    var w = b ? Symbol.for("react.fundamental") : 60117;
+    var x = b ? Symbol.for("react.responder") : 60118;
+    var y = b ? Symbol.for("react.scope") : 60119;
+    function z2(a) {
+      if ("object" === typeof a && null !== a) {
+        var u = a.$$typeof;
+        switch (u) {
+          case c:
+            switch (a = a.type, a) {
+              case l:
+              case m:
+              case e:
+              case g:
+              case f:
+              case p:
+                return a;
+              default:
+                switch (a = a && a.$$typeof, a) {
+                  case k:
+                  case n:
+                  case t:
+                  case r:
+                  case h:
+                    return a;
+                  default:
+                    return u;
+                }
+            }
+          case d:
+            return u;
+        }
+      }
+    }
+    function A(a) {
+      return z2(a) === m;
+    }
+    exports2.AsyncMode = l;
+    exports2.ConcurrentMode = m;
+    exports2.ContextConsumer = k;
+    exports2.ContextProvider = h;
+    exports2.Element = c;
+    exports2.ForwardRef = n;
+    exports2.Fragment = e;
+    exports2.Lazy = t;
+    exports2.Memo = r;
+    exports2.Portal = d;
+    exports2.Profiler = g;
+    exports2.StrictMode = f;
+    exports2.Suspense = p;
+    exports2.isAsyncMode = function(a) {
+      return A(a) || z2(a) === l;
+    };
+    exports2.isConcurrentMode = A;
+    exports2.isContextConsumer = function(a) {
+      return z2(a) === k;
+    };
+    exports2.isContextProvider = function(a) {
+      return z2(a) === h;
+    };
+    exports2.isElement = function(a) {
+      return "object" === typeof a && null !== a && a.$$typeof === c;
+    };
+    exports2.isForwardRef = function(a) {
+      return z2(a) === n;
+    };
+    exports2.isFragment = function(a) {
+      return z2(a) === e;
+    };
+    exports2.isLazy = function(a) {
+      return z2(a) === t;
+    };
+    exports2.isMemo = function(a) {
+      return z2(a) === r;
+    };
+    exports2.isPortal = function(a) {
+      return z2(a) === d;
+    };
+    exports2.isProfiler = function(a) {
+      return z2(a) === g;
+    };
+    exports2.isStrictMode = function(a) {
+      return z2(a) === f;
+    };
+    exports2.isSuspense = function(a) {
+      return z2(a) === p;
+    };
+    exports2.isValidElementType = function(a) {
+      return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
+    };
+    exports2.typeOf = z2;
+  }
+});
+
+// node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js
+var require_react_is_development = __commonJS({
+  "node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js"(exports2) {
+    "use strict";
+    if (process.env.NODE_ENV !== "production") {
+      (function() {
+        "use strict";
+        var hasSymbol = typeof Symbol === "function" && Symbol.for;
+        var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103;
+        var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106;
+        var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107;
+        var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108;
+        var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114;
+        var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109;
+        var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110;
+        var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 60111;
+        var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for("react.concurrent_mode") : 60111;
+        var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112;
+        var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113;
+        var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for("react.suspense_list") : 60120;
+        var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115;
+        var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
+        var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121;
+        var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for("react.fundamental") : 60117;
+        var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 60118;
+        var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 60119;
+        function isValidElementType(type) {
+          return typeof type === "string" || typeof type === "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+          type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
+        }
+        function typeOf(object) {
+          if (typeof object === "object" && object !== null) {
+            var $$typeof = object.$$typeof;
+            switch ($$typeof) {
+              case REACT_ELEMENT_TYPE:
+                var type = object.type;
+                switch (type) {
+                  case REACT_ASYNC_MODE_TYPE:
+                  case REACT_CONCURRENT_MODE_TYPE:
+                  case REACT_FRAGMENT_TYPE:
+                  case REACT_PROFILER_TYPE:
+                  case REACT_STRICT_MODE_TYPE:
+                  case REACT_SUSPENSE_TYPE:
+                    return type;
+                  default:
+                    var $$typeofType = type && type.$$typeof;
+                    switch ($$typeofType) {
+                      case REACT_CONTEXT_TYPE:
+                      case REACT_FORWARD_REF_TYPE:
+                      case REACT_LAZY_TYPE:
+                      case REACT_MEMO_TYPE:
+                      case REACT_PROVIDER_TYPE:
+                        return $$typeofType;
+                      default:
+                        return $$typeof;
+                    }
+                }
+              case REACT_PORTAL_TYPE:
+                return $$typeof;
+            }
+          }
+          return void 0;
+        }
+        var AsyncMode = REACT_ASYNC_MODE_TYPE;
+        var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
+        var ContextConsumer = REACT_CONTEXT_TYPE;
+        var ContextProvider = REACT_PROVIDER_TYPE;
+        var Element = REACT_ELEMENT_TYPE;
+        var ForwardRef = REACT_FORWARD_REF_TYPE;
+        var Fragment = REACT_FRAGMENT_TYPE;
+        var Lazy = REACT_LAZY_TYPE;
+        var Memo = REACT_MEMO_TYPE;
+        var Portal = REACT_PORTAL_TYPE;
+        var Profiler = REACT_PROFILER_TYPE;
+        var StrictMode = REACT_STRICT_MODE_TYPE;
+        var Suspense = REACT_SUSPENSE_TYPE;
+        var hasWarnedAboutDeprecatedIsAsyncMode = false;
+        function isAsyncMode(object) {
+          {
+            if (!hasWarnedAboutDeprecatedIsAsyncMode) {
+              hasWarnedAboutDeprecatedIsAsyncMode = true;
+              console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.");
+            }
+          }
+          return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
+        }
+        function isConcurrentMode(object) {
+          return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
+        }
+        function isContextConsumer(object) {
+          return typeOf(object) === REACT_CONTEXT_TYPE;
+        }
+        function isContextProvider(object) {
+          return typeOf(object) === REACT_PROVIDER_TYPE;
+        }
+        function isElement(object) {
+          return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+        }
+        function isForwardRef(object) {
+          return typeOf(object) === REACT_FORWARD_REF_TYPE;
+        }
+        function isFragment(object) {
+          return typeOf(object) === REACT_FRAGMENT_TYPE;
+        }
+        function isLazy(object) {
+          return typeOf(object) === REACT_LAZY_TYPE;
+        }
+        function isMemo(object) {
+          return typeOf(object) === REACT_MEMO_TYPE;
+        }
+        function isPortal(object) {
+          return typeOf(object) === REACT_PORTAL_TYPE;
+        }
+        function isProfiler(object) {
+          return typeOf(object) === REACT_PROFILER_TYPE;
+        }
+        function isStrictMode(object) {
+          return typeOf(object) === REACT_STRICT_MODE_TYPE;
+        }
+        function isSuspense(object) {
+          return typeOf(object) === REACT_SUSPENSE_TYPE;
+        }
+        exports2.AsyncMode = AsyncMode;
+        exports2.ConcurrentMode = ConcurrentMode;
+        exports2.ContextConsumer = ContextConsumer;
+        exports2.ContextProvider = ContextProvider;
+        exports2.Element = Element;
+        exports2.ForwardRef = ForwardRef;
+        exports2.Fragment = Fragment;
+        exports2.Lazy = Lazy;
+        exports2.Memo = Memo;
+        exports2.Portal = Portal;
+        exports2.Profiler = Profiler;
+        exports2.StrictMode = StrictMode;
+        exports2.Suspense = Suspense;
+        exports2.isAsyncMode = isAsyncMode;
+        exports2.isConcurrentMode = isConcurrentMode;
+        exports2.isContextConsumer = isContextConsumer;
+        exports2.isContextProvider = isContextProvider;
+        exports2.isElement = isElement;
+        exports2.isForwardRef = isForwardRef;
+        exports2.isFragment = isFragment;
+        exports2.isLazy = isLazy;
+        exports2.isMemo = isMemo;
+        exports2.isPortal = isPortal;
+        exports2.isProfiler = isProfiler;
+        exports2.isStrictMode = isStrictMode;
+        exports2.isSuspense = isSuspense;
+        exports2.isValidElementType = isValidElementType;
+        exports2.typeOf = typeOf;
+      })();
+    }
+  }
+});
+
+// node_modules/prop-types/node_modules/react-is/index.js
+var require_react_is = __commonJS({
+  "node_modules/prop-types/node_modules/react-is/index.js"(exports2, module2) {
+    "use strict";
+    if (process.env.NODE_ENV === "production") {
+      module2.exports = require_react_is_production_min();
+    } else {
+      module2.exports = require_react_is_development();
+    }
+  }
+});
+
+// node_modules/object-assign/index.js
+var require_object_assign = __commonJS({
+  "node_modules/object-assign/index.js"(exports2, module2) {
+    "use strict";
+    var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+    var hasOwnProperty = Object.prototype.hasOwnProperty;
+    var propIsEnumerable = Object.prototype.propertyIsEnumerable;
+    function toObject(val) {
+      if (val === null || val === void 0) {
+        throw new TypeError("Object.assign cannot be called with null or undefined");
+      }
+      return Object(val);
+    }
+    function shouldUseNative() {
+      try {
+        if (!Object.assign) {
+          return false;
+        }
+        var test1 = new String("abc");
+        test1[5] = "de";
+        if (Object.getOwnPropertyNames(test1)[0] === "5") {
+          return false;
+        }
+        var test2 = {};
+        for (var i = 0; i < 10; i++) {
+          test2["_" + String.fromCharCode(i)] = i;
+        }
+        var order2 = Object.getOwnPropertyNames(test2).map(function(n) {
+          return test2[n];
+        });
+        if (order2.join("") !== "0123456789") {
+          return false;
+        }
+        var test3 = {};
+        "abcdefghijklmnopqrst".split("").forEach(function(letter) {
+          test3[letter] = letter;
+        });
+        if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") {
+          return false;
+        }
+        return true;
+      } catch (err) {
+        return false;
+      }
+    }
+    module2.exports = shouldUseNative() ? Object.assign : function(target, source) {
+      var from2;
+      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];
+          }
+        }
+        if (getOwnPropertySymbols) {
+          symbols = getOwnPropertySymbols(from2);
+          for (var i = 0; i < symbols.length; i++) {
+            if (propIsEnumerable.call(from2, symbols[i])) {
+              to[symbols[i]] = from2[symbols[i]];
+            }
+          }
+        }
+      }
+      return to;
+    };
+  }
+});
+
+// node_modules/prop-types/lib/ReactPropTypesSecret.js
+var require_ReactPropTypesSecret = __commonJS({
+  "node_modules/prop-types/lib/ReactPropTypesSecret.js"(exports2, module2) {
+    "use strict";
+    var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+    module2.exports = ReactPropTypesSecret;
+  }
+});
+
+// node_modules/prop-types/lib/has.js
+var require_has = __commonJS({
+  "node_modules/prop-types/lib/has.js"(exports2, module2) {
+    "use strict";
+    module2.exports = Function.call.bind(Object.prototype.hasOwnProperty);
+  }
+});
+
+// node_modules/prop-types/checkPropTypes.js
+var require_checkPropTypes = __commonJS({
+  "node_modules/prop-types/checkPropTypes.js"(exports2, module2) {
+    "use strict";
+    var printWarning = function() {
+    };
+    if (process.env.NODE_ENV !== "production") {
+      ReactPropTypesSecret = require_ReactPropTypesSecret();
+      loggedTypeFailures = {};
+      has = require_has();
+      printWarning = function(text) {
+        var message = "Warning: " + text;
+        if (typeof console !== "undefined") {
+          console.error(message);
+        }
+        try {
+          throw new Error(message);
+        } catch (x) {
+        }
+      };
+    }
+    var ReactPropTypesSecret;
+    var loggedTypeFailures;
+    var has;
+    function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
+      if (process.env.NODE_ENV !== "production") {
+        for (var typeSpecName in typeSpecs) {
+          if (has(typeSpecs, typeSpecName)) {
+            var error;
+            try {
+              if (typeof typeSpecs[typeSpecName] !== "function") {
+                var err = Error(
+                  (componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                );
+                err.name = "Invariant Violation";
+                throw err;
+              }
+              error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
+            } catch (ex) {
+              error = ex;
+            }
+            if (error && !(error instanceof Error)) {
+              printWarning(
+                (componentName || "React class") + ": type specification of " + location + " `" + typeSpecName + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof error + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+              );
+            }
+            if (error instanceof Error && !(error.message in loggedTypeFailures)) {
+              loggedTypeFailures[error.message] = true;
+              var stack = getStack ? getStack() : "";
+              printWarning(
+                "Failed " + location + " type: " + error.message + (stack != null ? stack : "")
+              );
+            }
+          }
+        }
+      }
+    }
+    checkPropTypes.resetWarningCache = function() {
+      if (process.env.NODE_ENV !== "production") {
+        loggedTypeFailures = {};
+      }
+    };
+    module2.exports = checkPropTypes;
+  }
+});
+
+// node_modules/prop-types/factoryWithTypeCheckers.js
+var require_factoryWithTypeCheckers = __commonJS({
+  "node_modules/prop-types/factoryWithTypeCheckers.js"(exports2, module2) {
+    "use strict";
+    var ReactIs = require_react_is();
+    var assign2 = require_object_assign();
+    var ReactPropTypesSecret = require_ReactPropTypesSecret();
+    var has = require_has();
+    var checkPropTypes = require_checkPropTypes();
+    var printWarning = function() {
+    };
+    if (process.env.NODE_ENV !== "production") {
+      printWarning = function(text) {
+        var message = "Warning: " + text;
+        if (typeof console !== "undefined") {
+          console.error(message);
+        }
+        try {
+          throw new Error(message);
+        } catch (x) {
+        }
+      };
+    }
+    function emptyFunctionThatReturnsNull() {
+      return null;
+    }
+    module2.exports = function(isValidElement, throwOnDirectAccess) {
+      var ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
+      var FAUX_ITERATOR_SYMBOL = "@@iterator";
+      function getIteratorFn(maybeIterable) {
+        var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
+        if (typeof iteratorFn === "function") {
+          return iteratorFn;
+        }
+      }
+      var ANONYMOUS = "<<anonymous>>";
+      var ReactPropTypes = {
+        array: createPrimitiveTypeChecker("array"),
+        bigint: createPrimitiveTypeChecker("bigint"),
+        bool: createPrimitiveTypeChecker("boolean"),
+        func: createPrimitiveTypeChecker("function"),
+        number: createPrimitiveTypeChecker("number"),
+        object: createPrimitiveTypeChecker("object"),
+        string: createPrimitiveTypeChecker("string"),
+        symbol: createPrimitiveTypeChecker("symbol"),
+        any: createAnyTypeChecker(),
+        arrayOf: createArrayOfTypeChecker,
+        element: createElementTypeChecker(),
+        elementType: createElementTypeTypeChecker(),
+        instanceOf: createInstanceTypeChecker,
+        node: createNodeChecker(),
+        objectOf: createObjectOfTypeChecker,
+        oneOf: createEnumTypeChecker,
+        oneOfType: createUnionTypeChecker,
+        shape: createShapeTypeChecker,
+        exact: createStrictShapeTypeChecker
+      };
+      function is(x, y) {
+        if (x === y) {
+          return x !== 0 || 1 / x === 1 / y;
+        } else {
+          return x !== x && y !== y;
+        }
+      }
+      function PropTypeError(message, data) {
+        this.message = message;
+        this.data = data && typeof data === "object" ? data : {};
+        this.stack = "";
+      }
+      PropTypeError.prototype = Error.prototype;
+      function createChainableTypeChecker(validate) {
+        if (process.env.NODE_ENV !== "production") {
+          var manualPropTypeCallCache = {};
+          var manualPropTypeWarningCount = 0;
+        }
+        function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
+          componentName = componentName || ANONYMOUS;
+          propFullName = propFullName || propName;
+          if (secret !== ReactPropTypesSecret) {
+            if (throwOnDirectAccess) {
+              var err = new Error(
+                "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
+              );
+              err.name = "Invariant Violation";
+              throw err;
+            } else if (process.env.NODE_ENV !== "production" && typeof console !== "undefined") {
+              var cacheKey = componentName + ":" + propName;
+              if (!manualPropTypeCallCache[cacheKey] && // Avoid spamming the console because they are often not actionable except for lib authors
+              manualPropTypeWarningCount < 3) {
+                printWarning(
+                  "You are manually calling a React.PropTypes validation function for the `" + propFullName + "` prop on `" + componentName + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+                );
+                manualPropTypeCallCache[cacheKey] = true;
+                manualPropTypeWarningCount++;
+              }
+            }
+          }
+          if (props[propName] == null) {
+            if (isRequired) {
+              if (props[propName] === null) {
+                return new PropTypeError("The " + location + " `" + propFullName + "` is marked as required " + ("in `" + componentName + "`, but its value is `null`."));
+              }
+              return new PropTypeError("The " + location + " `" + propFullName + "` is marked as required in " + ("`" + componentName + "`, but its value is `undefined`."));
+            }
+            return null;
+          } else {
+            return validate(props, propName, componentName, location, propFullName);
+          }
+        }
+        var chainedCheckType = checkType.bind(null, false);
+        chainedCheckType.isRequired = checkType.bind(null, true);
+        return chainedCheckType;
+      }
+      function createPrimitiveTypeChecker(expectedType) {
+        function validate(props, propName, componentName, location, propFullName, secret) {
+          var propValue = props[propName];
+          var propType = getPropType(propValue);
+          if (propType !== expectedType) {
+            var preciseType = getPreciseType(propValue);
+            return new PropTypeError(
+              "Invalid " + location + " `" + propFullName + "` of type " + ("`" + preciseType + "` supplied to `" + componentName + "`, expected ") + ("`" + expectedType + "`."),
+              { expectedType }
+            );
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createAnyTypeChecker() {
+        return createChainableTypeChecker(emptyFunctionThatReturnsNull);
+      }
+      function createArrayOfTypeChecker(typeChecker) {
+        function validate(props, propName, componentName, location, propFullName) {
+          if (typeof typeChecker !== "function") {
+            return new PropTypeError("Property `" + propFullName + "` of component `" + componentName + "` has invalid PropType notation inside arrayOf.");
+          }
+          var propValue = props[propName];
+          if (!Array.isArray(propValue)) {
+            var propType = getPropType(propValue);
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected an array."));
+          }
+          for (var i = 0; i < propValue.length; i++) {
+            var error = typeChecker(propValue, i, componentName, location, propFullName + "[" + i + "]", ReactPropTypesSecret);
+            if (error instanceof Error) {
+              return error;
+            }
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createElementTypeChecker() {
+        function validate(props, propName, componentName, location, propFullName) {
+          var propValue = props[propName];
+          if (!isValidElement(propValue)) {
+            var propType = getPropType(propValue);
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected a single ReactElement."));
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createElementTypeTypeChecker() {
+        function validate(props, propName, componentName, location, propFullName) {
+          var propValue = props[propName];
+          if (!ReactIs.isValidElementType(propValue)) {
+            var propType = getPropType(propValue);
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected a single ReactElement type."));
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createInstanceTypeChecker(expectedClass) {
+        function validate(props, propName, componentName, location, propFullName) {
+          if (!(props[propName] instanceof expectedClass)) {
+            var expectedClassName = expectedClass.name || ANONYMOUS;
+            var actualClassName = getClassName(props[propName]);
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + actualClassName + "` supplied to `" + componentName + "`, expected ") + ("instance of `" + expectedClassName + "`."));
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createEnumTypeChecker(expectedValues) {
+        if (!Array.isArray(expectedValues)) {
+          if (process.env.NODE_ENV !== "production") {
+            if (arguments.length > 1) {
+              printWarning(
+                "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
+              );
+            } else {
+              printWarning("Invalid argument supplied to oneOf, expected an array.");
+            }
+          }
+          return emptyFunctionThatReturnsNull;
+        }
+        function validate(props, propName, componentName, location, propFullName) {
+          var propValue = props[propName];
+          for (var i = 0; i < expectedValues.length; i++) {
+            if (is(propValue, expectedValues[i])) {
+              return null;
+            }
+          }
+          var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
+            var type = getPreciseType(value);
+            if (type === "symbol") {
+              return String(value);
+            }
+            return value;
+          });
+          return new PropTypeError("Invalid " + location + " `" + propFullName + "` of value `" + String(propValue) + "` " + ("supplied to `" + componentName + "`, expected one of " + valuesString + "."));
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createObjectOfTypeChecker(typeChecker) {
+        function validate(props, propName, componentName, location, propFullName) {
+          if (typeof typeChecker !== "function") {
+            return new PropTypeError("Property `" + propFullName + "` of component `" + componentName + "` has invalid PropType notation inside objectOf.");
+          }
+          var propValue = props[propName];
+          var propType = getPropType(propValue);
+          if (propType !== "object") {
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected an object."));
+          }
+          for (var key in propValue) {
+            if (has(propValue, key)) {
+              var error = typeChecker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
+              if (error instanceof Error) {
+                return error;
+              }
+            }
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createUnionTypeChecker(arrayOfTypeCheckers) {
+        if (!Array.isArray(arrayOfTypeCheckers)) {
+          process.env.NODE_ENV !== "production" ? printWarning("Invalid argument supplied to oneOfType, expected an instance of array.") : void 0;
+          return emptyFunctionThatReturnsNull;
+        }
+        for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+          var checker = arrayOfTypeCheckers[i];
+          if (typeof checker !== "function") {
+            printWarning(
+              "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + getPostfixForTypeWarning(checker) + " at index " + i + "."
+            );
+            return emptyFunctionThatReturnsNull;
+          }
+        }
+        function validate(props, propName, componentName, location, propFullName) {
+          var expectedTypes = [];
+          for (var i2 = 0; i2 < arrayOfTypeCheckers.length; i2++) {
+            var checker2 = arrayOfTypeCheckers[i2];
+            var checkerResult = checker2(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
+            if (checkerResult == null) {
+              return null;
+            }
+            if (checkerResult.data && has(checkerResult.data, "expectedType")) {
+              expectedTypes.push(checkerResult.data.expectedType);
+            }
+          }
+          var expectedTypesMessage = expectedTypes.length > 0 ? ", expected one of type [" + expectedTypes.join(", ") + "]" : "";
+          return new PropTypeError("Invalid " + location + " `" + propFullName + "` supplied to " + ("`" + componentName + "`" + expectedTypesMessage + "."));
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createNodeChecker() {
+        function validate(props, propName, componentName, location, propFullName) {
+          if (!isNode(props[propName])) {
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` supplied to " + ("`" + componentName + "`, expected a ReactNode."));
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function invalidValidatorError(componentName, location, propFullName, key, type) {
+        return new PropTypeError(
+          (componentName || "React class") + ": " + location + " type `" + propFullName + "." + key + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + type + "`."
+        );
+      }
+      function createShapeTypeChecker(shapeTypes) {
+        function validate(props, propName, componentName, location, propFullName) {
+          var propValue = props[propName];
+          var propType = getPropType(propValue);
+          if (propType !== "object") {
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + propType + "` " + ("supplied to `" + componentName + "`, expected `object`."));
+          }
+          for (var key in shapeTypes) {
+            var checker = shapeTypes[key];
+            if (typeof checker !== "function") {
+              return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+            }
+            var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
+            if (error) {
+              return error;
+            }
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function createStrictShapeTypeChecker(shapeTypes) {
+        function validate(props, propName, componentName, location, propFullName) {
+          var propValue = props[propName];
+          var propType = getPropType(propValue);
+          if (propType !== "object") {
+            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + propType + "` " + ("supplied to `" + componentName + "`, expected `object`."));
+          }
+          var allKeys = assign2({}, props[propName], shapeTypes);
+          for (var key in allKeys) {
+            var checker = shapeTypes[key];
+            if (has(shapeTypes, key) && typeof checker !== "function") {
+              return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+            }
+            if (!checker) {
+              return new PropTypeError(
+                "Invalid " + location + " `" + propFullName + "` key `" + key + "` supplied to `" + componentName + "`.\nBad object: " + JSON.stringify(props[propName], null, "  ") + "\nValid keys: " + JSON.stringify(Object.keys(shapeTypes), null, "  ")
+              );
+            }
+            var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
+            if (error) {
+              return error;
+            }
+          }
+          return null;
+        }
+        return createChainableTypeChecker(validate);
+      }
+      function isNode(propValue) {
+        switch (typeof propValue) {
+          case "number":
+          case "string":
+          case "undefined":
+            return true;
+          case "boolean":
+            return !propValue;
+          case "object":
+            if (Array.isArray(propValue)) {
+              return propValue.every(isNode);
+            }
+            if (propValue === null || isValidElement(propValue)) {
+              return true;
+            }
+            var iteratorFn = getIteratorFn(propValue);
+            if (iteratorFn) {
+              var iterator = iteratorFn.call(propValue);
+              var step;
+              if (iteratorFn !== propValue.entries) {
+                while (!(step = iterator.next()).done) {
+                  if (!isNode(step.value)) {
+                    return false;
+                  }
+                }
+              } else {
+                while (!(step = iterator.next()).done) {
+                  var entry = step.value;
+                  if (entry) {
+                    if (!isNode(entry[1])) {
+                      return false;
+                    }
+                  }
+                }
+              }
+            } else {
+              return false;
+            }
+            return true;
+          default:
+            return false;
+        }
+      }
+      function isSymbol(propType, propValue) {
+        if (propType === "symbol") {
+          return true;
+        }
+        if (!propValue) {
+          return false;
+        }
+        if (propValue["@@toStringTag"] === "Symbol") {
+          return true;
+        }
+        if (typeof Symbol === "function" && propValue instanceof Symbol) {
+          return true;
+        }
+        return false;
+      }
+      function getPropType(propValue) {
+        var propType = typeof propValue;
+        if (Array.isArray(propValue)) {
+          return "array";
+        }
+        if (propValue instanceof RegExp) {
+          return "object";
+        }
+        if (isSymbol(propType, propValue)) {
+          return "symbol";
+        }
+        return propType;
+      }
+      function getPreciseType(propValue) {
+        if (typeof propValue === "undefined" || propValue === null) {
+          return "" + propValue;
+        }
+        var propType = getPropType(propValue);
+        if (propType === "object") {
+          if (propValue instanceof Date) {
+            return "date";
+          } else if (propValue instanceof RegExp) {
+            return "regexp";
+          }
+        }
+        return propType;
+      }
+      function getPostfixForTypeWarning(value) {
+        var type = getPreciseType(value);
+        switch (type) {
+          case "array":
+          case "object":
+            return "an " + type;
+          case "boolean":
+          case "date":
+          case "regexp":
+            return "a " + type;
+          default:
+            return type;
+        }
+      }
+      function getClassName(propValue) {
+        if (!propValue.constructor || !propValue.constructor.name) {
+          return ANONYMOUS;
+        }
+        return propValue.constructor.name;
+      }
+      ReactPropTypes.checkPropTypes = checkPropTypes;
+      ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
+      ReactPropTypes.PropTypes = ReactPropTypes;
+      return ReactPropTypes;
+    };
+  }
+});
+
+// node_modules/prop-types/factoryWithThrowingShims.js
+var require_factoryWithThrowingShims = __commonJS({
+  "node_modules/prop-types/factoryWithThrowingShims.js"(exports2, module2) {
+    "use strict";
+    var ReactPropTypesSecret = require_ReactPropTypesSecret();
+    function emptyFunction() {
+    }
+    function emptyFunctionWithReset() {
+    }
+    emptyFunctionWithReset.resetWarningCache = emptyFunction;
+    module2.exports = function() {
+      function shim(props, propName, componentName, location, propFullName, secret) {
+        if (secret === ReactPropTypesSecret) {
+          return;
+        }
+        var err = new Error(
+          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+        );
+        err.name = "Invariant Violation";
+        throw err;
+      }
+      ;
+      shim.isRequired = shim;
+      function getShim() {
+        return shim;
+      }
+      ;
+      var ReactPropTypes = {
+        array: shim,
+        bigint: shim,
+        bool: shim,
+        func: shim,
+        number: shim,
+        object: shim,
+        string: shim,
+        symbol: shim,
+        any: shim,
+        arrayOf: getShim,
+        element: shim,
+        elementType: shim,
+        instanceOf: getShim,
+        node: shim,
+        objectOf: getShim,
+        oneOf: getShim,
+        oneOfType: getShim,
+        shape: getShim,
+        exact: getShim,
+        checkPropTypes: emptyFunctionWithReset,
+        resetWarningCache: emptyFunction
+      };
+      ReactPropTypes.PropTypes = ReactPropTypes;
+      return ReactPropTypes;
+    };
+  }
+});
+
+// node_modules/prop-types/index.js
+var require_prop_types = __commonJS({
+  "node_modules/prop-types/index.js"(exports2, module2) {
+    "use strict";
+    if (process.env.NODE_ENV !== "production") {
+      ReactIs = require_react_is();
+      throwOnDirectAccess = true;
+      module2.exports = require_factoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
+    } else {
+      module2.exports = require_factoryWithThrowingShims()();
+    }
+    var ReactIs;
+    var throwOnDirectAccess;
+  }
+});
+
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  MyComponent: () => MyComponent
+  LayoutProvider: () => LayoutProvider,
+  Platform: () => Platform,
+  RouterButton: () => RouterButton,
+  RouterError: () => RouterError,
+  RouterLink: () => RouterLink,
+  RouterNotFound: () => RouterNotFound,
+  RouterTab: () => RouterTab,
+  getContrastTextColor: () => getContrastTextColor,
+  useDialogs: () => import_useDialogs.useDialogs,
+  useFieldContext: () => useFieldContext,
+  useFormContext: () => useFormContext,
+  useLayoutForm: () => useLayoutForm,
+  useLocalStorageState: () => import_useLocalStorageState.useLocalStorageState,
+  uuidv7: () => import_uuidv7.uuidv7,
+  wczApiClient: () => wczApiClient,
+  withLayoutForm: () => withLayoutForm
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/components/MyComponent.tsx
+// src/components/router/RouterButton.tsx
+var import_material = 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 MyComponent = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { children: "Hello, World!" }) });
+var MUIButtonLinkComponent = import_react.default.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.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 });
+};
+
+// src/components/router/RouterLink.tsx
+var import_material2 = 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 MUILinkComponent = import_react2.default.forwardRef(
+  (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.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 });
+};
+
+// src/components/router/RouterTab.tsx
+var import_material3 = 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 CreatedTabLinkComponent = (0, import_react_router3.createLink)(MUITabLinkComponent);
+var RouterTab = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.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");
+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"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/router/RouterError.tsx
+var import_react_router5 = require("@tanstack/react-router");
+var import_jsx_runtime5 = 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;
+};
+
+// src/providers/LayoutProvider.tsx
+var import_react5 = require("@emotion/react");
+var import_material4 = require("@mui/material");
+var import_colors = require("@mui/material/colors");
+
+// node_modules/@babel/runtime/helpers/esm/extends.js
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+
+// node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+
+// node_modules/@mui/x-date-pickers/LocalizationProvider/LocalizationProvider.js
+var React4 = __toESM(require("react"));
+var import_prop_types = __toESM(require_prop_types());
+var import_styles = require("@mui/material/styles");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var _excluded = ["localeText"];
+var MuiPickersAdapterContext = /* @__PURE__ */ React4.createContext(null);
+if (process.env.NODE_ENV !== "production") {
+  MuiPickersAdapterContext.displayName = "MuiPickersAdapterContext";
+}
+var LocalizationProvider = function LocalizationProvider2(inProps) {
+  const {
+    localeText: inLocaleText
+  } = inProps, otherInProps = _objectWithoutPropertiesLoose(inProps, _excluded);
+  const {
+    utils: parentUtils,
+    localeText: parentLocaleText
+  } = React4.useContext(MuiPickersAdapterContext) ?? {
+    utils: void 0,
+    localeText: void 0
+  };
+  const props = (0, import_styles.useThemeProps)({
+    // We don't want to pass the `localeText` prop to the theme, that way it will always return the theme value,
+    // We will then merge this theme value with our value manually
+    props: otherInProps,
+    name: "MuiLocalizationProvider"
+  });
+  const {
+    children,
+    dateAdapter: DateAdapter,
+    dateFormats,
+    dateLibInstance,
+    adapterLocale,
+    localeText: themeLocaleText
+  } = props;
+  const localeText = React4.useMemo(() => _extends({}, themeLocaleText, parentLocaleText, inLocaleText), [themeLocaleText, parentLocaleText, inLocaleText]);
+  const utils = React4.useMemo(() => {
+    if (!DateAdapter) {
+      if (parentUtils) {
+        return parentUtils;
+      }
+      return null;
+    }
+    const adapter = new DateAdapter({
+      locale: adapterLocale,
+      formats: dateFormats,
+      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(`
+`));
+    }
+    return adapter;
+  }, [DateAdapter, adapterLocale, dateFormats, dateLibInstance, parentUtils]);
+  const defaultDates = React4.useMemo(() => {
+    if (!utils) {
+      return null;
+    }
+    return {
+      minDate: utils.date("1900-01-01T00:00:00.000"),
+      maxDate: utils.date("2099-12-31T00:00:00.000")
+    };
+  }, [utils]);
+  const contextValue = React4.useMemo(() => {
+    return {
+      utils,
+      defaultDates,
+      localeText
+    };
+  }, [defaultDates, utils, localeText]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MuiPickersAdapterContext.Provider, {
+    value: contextValue,
+    children
+  });
+};
+process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Locale for the date library you are using
+   */
+  adapterLocale: import_prop_types.default.any,
+  children: import_prop_types.default.node,
+  /**
+   * Date library adapter class function.
+   * @see See the localization provider {@link https://mui.com/x/react-date-pickers/getting-started/#date-library-adapter-setup date adapter setup section} for more details.
+   */
+  dateAdapter: import_prop_types.default.func,
+  /**
+   * Formats that are used for any child pickers
+   */
+  dateFormats: import_prop_types.default.shape({
+    dayOfMonth: import_prop_types.default.string,
+    dayOfMonthFull: import_prop_types.default.string,
+    fullDate: import_prop_types.default.string,
+    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,
+    minutes: import_prop_types.default.string,
+    month: import_prop_types.default.string,
+    monthShort: import_prop_types.default.string,
+    normalDate: import_prop_types.default.string,
+    normalDateWithWeekday: import_prop_types.default.string,
+    seconds: import_prop_types.default.string,
+    shortDate: import_prop_types.default.string,
+    weekday: import_prop_types.default.string,
+    weekdayShort: import_prop_types.default.string,
+    year: import_prop_types.default.string
+  }),
+  /**
+   * Date library instance you are using, if it has some global overrides
+   * ```jsx
+   * dateLibInstance={momentTimeZone}
+   * ```
+   */
+  dateLibInstance: import_prop_types.default.any,
+  /**
+   * Locale for components texts
+   */
+  localeText: import_prop_types.default.object
+} : void 0;
+
+// node_modules/@mui/x-internals/esm/warning/warning.js
+var warnedOnceCache = /* @__PURE__ */ new Set();
+function warnOnce(message, gravity = "warning") {
+  if (process.env.NODE_ENV === "production") {
+    return;
+  }
+  const cleanMessage = Array.isArray(message) ? message.join("\n") : message;
+  if (!warnedOnceCache.has(cleanMessage)) {
+    warnedOnceCache.add(cleanMessage);
+    if (gravity === "error") {
+      console.error(cleanMessage);
+    } else {
+      console.warn(cleanMessage);
+    }
+  }
+}
+
+// node_modules/@mui/x-date-pickers/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"));
+import_dayjs.default.extend(import_localizedFormat.default);
+import_dayjs.default.extend(import_weekOfYear.default);
+import_dayjs.default.extend(import_isBetween.default);
+import_dayjs.default.extend(import_advancedFormat.default);
+var formatTokenMap = {
+  // Year
+  YY: "year",
+  YYYY: {
+    sectionType: "year",
+    contentType: "digit",
+    maxLength: 4
+  },
+  // Month
+  M: {
+    sectionType: "month",
+    contentType: "digit",
+    maxLength: 2
+  },
+  MM: "month",
+  MMM: {
+    sectionType: "month",
+    contentType: "letter"
+  },
+  MMMM: {
+    sectionType: "month",
+    contentType: "letter"
+  },
+  // Day of the month
+  D: {
+    sectionType: "day",
+    contentType: "digit",
+    maxLength: 2
+  },
+  DD: "day",
+  Do: {
+    sectionType: "day",
+    contentType: "digit-with-letter"
+  },
+  // Day of the week
+  d: {
+    sectionType: "weekDay",
+    contentType: "digit",
+    maxLength: 2
+  },
+  dd: {
+    sectionType: "weekDay",
+    contentType: "letter"
+  },
+  ddd: {
+    sectionType: "weekDay",
+    contentType: "letter"
+  },
+  dddd: {
+    sectionType: "weekDay",
+    contentType: "letter"
+  },
+  // Meridiem
+  A: "meridiem",
+  a: "meridiem",
+  // Hours
+  H: {
+    sectionType: "hours",
+    contentType: "digit",
+    maxLength: 2
+  },
+  HH: "hours",
+  h: {
+    sectionType: "hours",
+    contentType: "digit",
+    maxLength: 2
+  },
+  hh: "hours",
+  // Minutes
+  m: {
+    sectionType: "minutes",
+    contentType: "digit",
+    maxLength: 2
+  },
+  mm: "minutes",
+  // Seconds
+  s: {
+    sectionType: "seconds",
+    contentType: "digit",
+    maxLength: 2
+  },
+  ss: "seconds"
+};
+var defaultFormats = {
+  year: "YYYY",
+  month: "MMMM",
+  monthShort: "MMM",
+  dayOfMonth: "D",
+  dayOfMonthFull: "Do",
+  weekday: "dddd",
+  weekdayShort: "dd",
+  hours24h: "HH",
+  hours12h: "hh",
+  meridiem: "A",
+  minutes: "mm",
+  seconds: "ss",
+  fullDate: "ll",
+  keyboardDate: "L",
+  shortDate: "MMM D",
+  normalDate: "D MMMM",
+  normalDateWithWeekday: "ddd, MMM D",
+  fullTime: "LT",
+  fullTime12h: "hh:mm A",
+  fullTime24h: "HH:mm",
+  keyboardDateTime: "L LT",
+  keyboardDateTime12h: "L hh:mm A",
+  keyboardDateTime24h: "L HH:mm"
+};
+var MISSING_UTC_PLUGIN = ["Missing UTC plugin", "To be able to use UTC or timezones, you have to enable the `utc` plugin", "Find more information on https://mui.com/x/react-date-pickers/timezone/#day-js-and-utc"].join("\n");
+var MISSING_TIMEZONE_PLUGIN = ["Missing timezone plugin", "To be able to use timezones, you have to enable both the `utc` and the `timezone` plugin", "Find more information on https://mui.com/x/react-date-pickers/timezone/#day-js-and-timezone"].join("\n");
+var withLocale = (dayjs3, locale) => !locale ? dayjs3 : (...args) => dayjs3(...args).locale(locale);
+var AdapterDayjs = class {
+  constructor({
+    locale: _locale,
+    formats
+  } = {}) {
+    this.isMUIAdapter = true;
+    this.isTimezoneCompatible = true;
+    this.lib = "dayjs";
+    this.dayjs = void 0;
+    this.locale = void 0;
+    this.formats = void 0;
+    this.escapedCharacters = {
+      start: "[",
+      end: "]"
+    };
+    this.formatTokenMap = formatTokenMap;
+    this.setLocaleToValue = (value) => {
+      const expectedLocale = this.getCurrentLocaleCode();
+      if (expectedLocale === value.locale()) {
+        return value;
+      }
+      return value.locale(expectedLocale);
+    };
+    this.hasUTCPlugin = () => typeof import_dayjs.default.utc !== "undefined";
+    this.hasTimezonePlugin = () => typeof import_dayjs.default.tz !== "undefined";
+    this.isSame = (value, comparing, comparisonTemplate) => {
+      const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
+      return value.format(comparisonTemplate) === comparingInValueTimezone.format(comparisonTemplate);
+    };
+    this.cleanTimezone = (timezone) => {
+      switch (timezone) {
+        case "default": {
+          return void 0;
+        }
+        case "system": {
+          return import_dayjs.default.tz.guess();
+        }
+        default: {
+          return timezone;
+        }
+      }
+    };
+    this.createSystemDate = (value) => {
+      if (this.hasUTCPlugin() && this.hasTimezonePlugin()) {
+        const timezone = import_dayjs.default.tz.guess();
+        if (timezone !== "UTC") {
+          return import_dayjs.default.tz(value, timezone);
+        }
+        return (0, import_dayjs.default)(value);
+      }
+      return (0, import_dayjs.default)(value);
+    };
+    this.createUTCDate = (value) => {
+      if (!this.hasUTCPlugin()) {
+        throw new Error(MISSING_UTC_PLUGIN);
+      }
+      return import_dayjs.default.utc(value);
+    };
+    this.createTZDate = (value, timezone) => {
+      if (!this.hasUTCPlugin()) {
+        throw new Error(MISSING_UTC_PLUGIN);
+      }
+      if (!this.hasTimezonePlugin()) {
+        throw new Error(MISSING_TIMEZONE_PLUGIN);
+      }
+      const keepLocalTime = value !== void 0 && !value.endsWith("Z");
+      return (0, import_dayjs.default)(value).tz(this.cleanTimezone(timezone), keepLocalTime);
+    };
+    this.getLocaleFormats = () => {
+      const locales = import_dayjs.default.Ls;
+      const locale = this.locale || "en";
+      let localeObject = locales[locale];
+      if (localeObject === void 0) {
+        if (process.env.NODE_ENV !== "production") {
+          warnOnce(["MUI X: Your locale has not been found.", "Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale.", "Or you forget to import the locale from 'dayjs/locale/{localeUsed}'", "fallback on English locale."]);
+        }
+        localeObject = locales.en;
+      }
+      return localeObject.formats;
+    };
+    this.adjustOffset = (value) => {
+      if (!this.hasTimezonePlugin()) {
+        return value;
+      }
+      const timezone = this.getTimezone(value);
+      if (timezone !== "UTC") {
+        const fixedValue = value.tz(this.cleanTimezone(timezone), true);
+        if (fixedValue.$offset === (value.$offset ?? 0)) {
+          return value;
+        }
+        value.$offset = fixedValue.$offset;
+      }
+      return value;
+    };
+    this.date = (value, timezone = "default") => {
+      if (value === null) {
+        return null;
+      }
+      let parsedValue;
+      if (timezone === "UTC") {
+        parsedValue = this.createUTCDate(value);
+      } else if (timezone === "system" || timezone === "default" && !this.hasTimezonePlugin()) {
+        parsedValue = this.createSystemDate(value);
+      } else {
+        parsedValue = this.createTZDate(value, timezone);
+      }
+      if (this.locale === void 0) {
+        return parsedValue;
+      }
+      return parsedValue.locale(this.locale);
+    };
+    this.getInvalidDate = () => (0, import_dayjs.default)(/* @__PURE__ */ new Date("Invalid date"));
+    this.getTimezone = (value) => {
+      if (this.hasTimezonePlugin()) {
+        const zone = value.$x?.$timezone;
+        if (zone) {
+          return zone;
+        }
+      }
+      if (this.hasUTCPlugin() && value.isUTC()) {
+        return "UTC";
+      }
+      return "system";
+    };
+    this.setTimezone = (value, timezone) => {
+      if (this.getTimezone(value) === timezone) {
+        return value;
+      }
+      if (timezone === "UTC") {
+        if (!this.hasUTCPlugin()) {
+          throw new Error(MISSING_UTC_PLUGIN);
+        }
+        return value.utc();
+      }
+      if (timezone === "system") {
+        return value.local();
+      }
+      if (!this.hasTimezonePlugin()) {
+        if (timezone === "default") {
+          return value;
+        }
+        throw new Error(MISSING_TIMEZONE_PLUGIN);
+      }
+      return import_dayjs.default.tz(value, this.cleanTimezone(timezone));
+    };
+    this.toJsDate = (value) => {
+      return value.toDate();
+    };
+    this.parse = (value, format) => {
+      if (value === "") {
+        return null;
+      }
+      return this.dayjs(value, format, this.locale, true);
+    };
+    this.getCurrentLocaleCode = () => {
+      return this.locale || "en";
+    };
+    this.is12HourCycleInCurrentLocale = () => {
+      return /A|a/.test(this.getLocaleFormats().LT || "");
+    };
+    this.expandFormat = (format) => {
+      const localeFormats = this.getLocaleFormats();
+      const t = (formatBis) => formatBis.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (_, a, b) => a || b.slice(1));
+      return format.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (_, a, b) => {
+        const B = b && b.toUpperCase();
+        return a || localeFormats[b] || t(localeFormats[B]);
+      });
+    };
+    this.isValid = (value) => {
+      if (value == null) {
+        return false;
+      }
+      return value.isValid();
+    };
+    this.format = (value, formatKey) => {
+      return this.formatByString(value, this.formats[formatKey]);
+    };
+    this.formatByString = (value, formatString) => {
+      return this.dayjs(value).format(formatString);
+    };
+    this.formatNumber = (numberToFormat) => {
+      return numberToFormat;
+    };
+    this.isEqual = (value, comparing) => {
+      if (value === null && comparing === null) {
+        return true;
+      }
+      if (value === null || comparing === null) {
+        return false;
+      }
+      return value.toDate().getTime() === comparing.toDate().getTime();
+    };
+    this.isSameYear = (value, comparing) => {
+      return this.isSame(value, comparing, "YYYY");
+    };
+    this.isSameMonth = (value, comparing) => {
+      return this.isSame(value, comparing, "YYYY-MM");
+    };
+    this.isSameDay = (value, comparing) => {
+      return this.isSame(value, comparing, "YYYY-MM-DD");
+    };
+    this.isSameHour = (value, comparing) => {
+      return value.isSame(comparing, "hour");
+    };
+    this.isAfter = (value, comparing) => {
+      return value > comparing;
+    };
+    this.isAfterYear = (value, comparing) => {
+      if (!this.hasUTCPlugin()) {
+        return value.isAfter(comparing, "year");
+      }
+      return !this.isSameYear(value, comparing) && value.utc() > comparing.utc();
+    };
+    this.isAfterDay = (value, comparing) => {
+      if (!this.hasUTCPlugin()) {
+        return value.isAfter(comparing, "day");
+      }
+      return !this.isSameDay(value, comparing) && value.utc() > comparing.utc();
+    };
+    this.isBefore = (value, comparing) => {
+      return value < comparing;
+    };
+    this.isBeforeYear = (value, comparing) => {
+      if (!this.hasUTCPlugin()) {
+        return value.isBefore(comparing, "year");
+      }
+      return !this.isSameYear(value, comparing) && value.utc() < comparing.utc();
+    };
+    this.isBeforeDay = (value, comparing) => {
+      if (!this.hasUTCPlugin()) {
+        return value.isBefore(comparing, "day");
+      }
+      return !this.isSameDay(value, comparing) && value.utc() < comparing.utc();
+    };
+    this.isWithinRange = (value, [start, end]) => {
+      return value >= start && value <= end;
+    };
+    this.startOfYear = (value) => {
+      return this.adjustOffset(value.startOf("year"));
+    };
+    this.startOfMonth = (value) => {
+      return this.adjustOffset(value.startOf("month"));
+    };
+    this.startOfWeek = (value) => {
+      return this.adjustOffset(this.setLocaleToValue(value).startOf("week"));
+    };
+    this.startOfDay = (value) => {
+      return this.adjustOffset(value.startOf("day"));
+    };
+    this.endOfYear = (value) => {
+      return this.adjustOffset(value.endOf("year"));
+    };
+    this.endOfMonth = (value) => {
+      return this.adjustOffset(value.endOf("month"));
+    };
+    this.endOfWeek = (value) => {
+      return this.adjustOffset(this.setLocaleToValue(value).endOf("week"));
+    };
+    this.endOfDay = (value) => {
+      return this.adjustOffset(value.endOf("day"));
+    };
+    this.addYears = (value, amount) => {
+      return this.adjustOffset(amount < 0 ? value.subtract(Math.abs(amount), "year") : value.add(amount, "year"));
+    };
+    this.addMonths = (value, amount) => {
+      return this.adjustOffset(amount < 0 ? value.subtract(Math.abs(amount), "month") : value.add(amount, "month"));
+    };
+    this.addWeeks = (value, amount) => {
+      return this.adjustOffset(amount < 0 ? value.subtract(Math.abs(amount), "week") : value.add(amount, "week"));
+    };
+    this.addDays = (value, amount) => {
+      return this.adjustOffset(amount < 0 ? value.subtract(Math.abs(amount), "day") : value.add(amount, "day"));
+    };
+    this.addHours = (value, amount) => {
+      return this.adjustOffset(amount < 0 ? value.subtract(Math.abs(amount), "hour") : value.add(amount, "hour"));
+    };
+    this.addMinutes = (value, amount) => {
+      return this.adjustOffset(amount < 0 ? value.subtract(Math.abs(amount), "minute") : value.add(amount, "minute"));
+    };
+    this.addSeconds = (value, amount) => {
+      return this.adjustOffset(amount < 0 ? value.subtract(Math.abs(amount), "second") : value.add(amount, "second"));
+    };
+    this.getYear = (value) => {
+      return value.year();
+    };
+    this.getMonth = (value) => {
+      return value.month();
+    };
+    this.getDate = (value) => {
+      return value.date();
+    };
+    this.getHours = (value) => {
+      return value.hour();
+    };
+    this.getMinutes = (value) => {
+      return value.minute();
+    };
+    this.getSeconds = (value) => {
+      return value.second();
+    };
+    this.getMilliseconds = (value) => {
+      return value.millisecond();
+    };
+    this.setYear = (value, year) => {
+      return this.adjustOffset(value.set("year", year));
+    };
+    this.setMonth = (value, month) => {
+      return this.adjustOffset(value.set("month", month));
+    };
+    this.setDate = (value, date) => {
+      return this.adjustOffset(value.set("date", date));
+    };
+    this.setHours = (value, hours) => {
+      return this.adjustOffset(value.set("hour", hours));
+    };
+    this.setMinutes = (value, minutes) => {
+      return this.adjustOffset(value.set("minute", minutes));
+    };
+    this.setSeconds = (value, seconds) => {
+      return this.adjustOffset(value.set("second", seconds));
+    };
+    this.setMilliseconds = (value, milliseconds) => {
+      return this.adjustOffset(value.set("millisecond", milliseconds));
+    };
+    this.getDaysInMonth = (value) => {
+      return value.daysInMonth();
+    };
+    this.getWeekArray = (value) => {
+      const start = this.startOfWeek(this.startOfMonth(value));
+      const end = this.endOfWeek(this.endOfMonth(value));
+      let count = 0;
+      let current = start;
+      const nestedWeeks = [];
+      while (current < end) {
+        const weekNumber = Math.floor(count / 7);
+        nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
+        nestedWeeks[weekNumber].push(current);
+        current = this.addDays(current, 1);
+        count += 1;
+      }
+      return nestedWeeks;
+    };
+    this.getWeekNumber = (value) => {
+      return value.week();
+    };
+    this.getYearRange = ([start, end]) => {
+      const startDate = this.startOfYear(start);
+      const endDate = this.endOfYear(end);
+      const years = [];
+      let current = startDate;
+      while (this.isBefore(current, endDate)) {
+        years.push(current);
+        current = this.addYears(current, 1);
+      }
+      return years;
+    };
+    this.dayjs = withLocale(import_dayjs.default, _locale);
+    this.locale = _locale;
+    this.formats = _extends({}, defaultFormats, formats);
+    import_dayjs.default.extend(import_customParseFormat.default);
+  }
+  getDayOfWeek(value) {
+    return value.day() + 1;
+  }
+};
+
+// src/providers/LayoutProvider.tsx
+var import_react_query = require("@tanstack/react-query");
+var import_DashboardLayout = require("@toolpad/core/DashboardLayout");
+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_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/providers/TanstackRouterAppProvider.tsx
+var import_react_router6 = 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) => {
+  const { href, history, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_router6.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)(
+    (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 });
+};
+
+// 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" });
+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
+            }
+          })
+        }
+      },
+      MuiTextField: {
+        defaultProps: {
+          variant: "outlined",
+          size: "medium",
+          fullWidth: true
+        }
+      }
+    }
+  });
+  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
+var import_uuidv7 = require("uuidv7");
+
+// src/utils/ClientUtils.ts
+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 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
+};
+var _kc = new import_keycloak_js.default({
+  url: keycloakConfig.url,
+  realm: keycloakConfig.realm,
+  clientId: keycloakConfig.clientId
+});
+var initKeycloak = async () => {
+  const authenticated = await _kc.init({ onLoad: "login-required" });
+  if (authenticated) {
+    return await loadUserInfo();
+  } else {
+    await _kc.login({ idpHint: keycloakConfig.idpHint });
+    return await loadUserInfo();
+  }
+};
+var login = _kc.login;
+var logout = _kc.logout;
+var getToken = () => {
+  if (_kc.token) {
+    return _kc.token;
+  } else {
+    return getConfidentialToken();
+  }
+};
+var getConfidentialToken = async () => {
+  const { confidentialClientId, confidentialClientSecret, url, realm } = keycloakConfig;
+  if (!confidentialClientId || !confidentialClientSecret)
+    throw new Error("Confidential client id or secret is missing");
+  const credentials = btoa(`${confidentialClientId}:${confidentialClientSecret}`);
+  const urlencoded = new URLSearchParams({ grant_type: "client_credentials" });
+  const response = await fetch(`${url}/realms/${realm}/protocol/openid-connect/token`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded",
+      "Authorization": `Basic ${credentials}`
+    },
+    body: urlencoded
+  });
+  if (!response.ok)
+    throw new Error("Failed to obtain confidential token");
+  const data = await response.json();
+  return data.access_token;
 };
+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();
+  return {
+    name: user.name,
+    employeeId: user.employeeId?.toUpperCase() ?? "",
+    department: user.department ?? "",
+    email: user.email,
+    company: user.company,
+    category: user.category
+  };
+};
+var UserService = {
+  initKeycloak,
+  login,
+  logout,
+  getToken,
+  updateToken,
+  hasRole
+};
+
+// src/utils/ClientUtils.ts
+var Platform = class {
+  static isAndroid = /android/i.test(navigator.userAgent);
+  static isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent);
+  static isWindows = /windows/i.test(navigator.userAgent);
+  static isMacOS = /Macintosh|MacIntel|MacPPC|Mac68K/.test(navigator.userAgent);
+};
+var getContrastTextColor = (color) => {
+  const r = parseInt(color.substring(1, 3), 16);
+  const g = parseInt(color.substring(3, 5), 16);
+  const b = parseInt(color.substring(5, 7), 16);
+  const yiq = (r * 299 + g * 587 + b * 114) / 1e3;
+  return yiq >= 128 ? "black" : "white";
+};
+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}`;
+  return config;
+});
+
+// src/hooks/FormHooks.ts
+var import_react_form = require("@tanstack/react-form");
+
+// src/components/form/FormAutocomplete.tsx
+var import_material5 = require("@mui/material");
+
+// src/utils/FormUtils.ts
+var getFieldStatus = (field) => {
+  const { meta } = field.state;
+  const isTouched = meta.isTouched;
+  const hasError = !!meta.errors?.length;
+  const helperText = meta.errors?.[0]?.message;
+  return { isTouched, hasError, helperText };
+};
+
+// src/components/form/FormAutocomplete.tsx
+var import_jsx_runtime9 = 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,
+    {
+      value: field.state.value,
+      onChange: (_, value) => !autocompleteProps.freeSolo && field.handleChange(value),
+      onInputChange: (_, value, reason) => reason !== "reset" && autocompleteProps.freeSolo && field.handleChange(value),
+      onBlur: field.handleBlur,
+      "aria-label": field.name,
+      ...autocompleteProps,
+      renderInput: (params) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        import_material5.TextField,
+        {
+          ...params,
+          name: field.name,
+          error: isTouched && hasError,
+          helperText: isTouched && helperText,
+          ...textFieldProps
+        }
+      )
+    }
+  );
+};
+
+// src/components/form/FormCheckbox.tsx
+var import_material6 = require("@mui/material");
+var import_jsx_runtime10 = 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,
+      {
+        control: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          import_material6.Checkbox,
+          {
+            name: field.name,
+            checked: Boolean(field.state.value),
+            onChange: (e) => field.handleChange(e.target.checked),
+            onBlur: field.handleBlur,
+            "aria-label": field.name,
+            ...props
+          }
+        ),
+        label: props.label ?? ""
+      }
+    ),
+    isTouched && hasError && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material6.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 FormDatePicker = (props) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    import_x_date_pickers_pro.DatePicker,
+    {
+      name: field.name,
+      value: field.state.value ? (0, import_dayjs2.default)(field.state.value) : null,
+      onChange: (value) => field.handleChange(value ? value.format() : null),
+      slotProps: {
+        textField: {
+          onBlur: field.handleBlur,
+          error: isTouched && hasError,
+          helperText: isTouched && helperText,
+          ...props.textFieldProps
+        },
+        ...props.slotProps
+      },
+      "aria-label": field.name,
+      ...props
+    }
+  );
+};
+
+// src/components/form/FormDateTimePicker.tsx
+var import_x_date_pickers_pro2 = require("@mui/x-date-pickers-pro");
+var import_dayjs3 = __toESM(require("dayjs"), 1);
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var FormDateTimePicker = (props) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_x_date_pickers_pro2.DateTimePicker,
+    {
+      name: field.name,
+      value: field.state.value ? (0, import_dayjs3.default)(field.state.value) : null,
+      onChange: (value) => field.handleChange(value ? value.format() : null),
+      slotProps: {
+        textField: {
+          onBlur: field.handleBlur,
+          error: isTouched && hasError,
+          helperText: isTouched && helperText,
+          ...props.textFieldProps
+        },
+        ...props.slotProps
+      },
+      "aria-label": field.name,
+      ...props
+    }
+  );
+};
+
+// src/components/form/FormRadioGroup.tsx
+var import_material7 = require("@mui/material");
+var import_jsx_runtime13 = 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,
+      {
+        name: field.name,
+        value: field.state.value ?? "",
+        onChange: (e) => field.handleChange(e.target.value),
+        onBlur: field.handleBlur,
+        "aria-label": field.name,
+        ...props,
+        children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          import_material7.FormControlLabel,
+          {
+            value: option.value,
+            control: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material7.Radio, {}),
+            label: option.label
+          },
+          option.value
+        ))
+      }
+    ),
+    isTouched && hasError && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material7.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 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,
+      {
+        name: field.name,
+        value: field.state.value ?? 0,
+        onChange: (_, value) => field.handleChange(Array.isArray(value) ? value[0] : value),
+        onBlur: field.handleBlur,
+        "aria-label": field.name,
+        ...props
+      }
+    ),
+    isTouched && hasError && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material8.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 FormSubmitButton = (props) => {
+  const form = useFormContext();
+  const handleClick = (e) => {
+    e.preventDefault();
+    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,
+    {
+      loading: isSubmitting,
+      disabled: isSubmitting,
+      onClick: handleClick,
+      "aria-label": "submit",
+      ...props
+    }
+  ) });
+};
+
+// src/components/form/FormSwitch.tsx
+var import_material10 = require("@mui/material");
+var import_jsx_runtime16 = 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,
+      {
+        control: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          import_material10.Switch,
+          {
+            name: field.name,
+            checked: Boolean(field.state.value),
+            onChange: (e) => field.handleChange(e.target.checked),
+            onBlur: field.handleBlur,
+            "aria-label": field.name,
+            ...props
+          }
+        ),
+        label: props.label ?? ""
+      }
+    ),
+    isTouched && hasError && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material10.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 FormTextField = (props) => {
+  const field = useFieldContext();
+  const { isTouched, hasError, helperText } = getFieldStatus(field);
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_material11.TextField,
+    {
+      name: field.name,
+      value: field.state.value ?? "",
+      onChange: (e) => field.handleChange(e.target.value),
+      onBlur: field.handleBlur,
+      error: isTouched && hasError,
+      helperText: isTouched && helperText,
+      "aria-label": field.name,
+      ...props
+    }
+  );
+};
+
+// src/hooks/FormHooks.ts
+var { fieldContext, useFieldContext, formContext, useFormContext } = (0, import_react_form.createFormHookContexts)();
+var { useAppForm: useLayoutForm, withForm: withLayoutForm } = (0, import_react_form.createFormHook)({
+  fieldComponents: {
+    TextField: FormTextField,
+    Autocomplete: FormAutocomplete,
+    Checkbox: FormCheckbox,
+    Switch: FormSwitch,
+    RadioGroup: FormRadioGroup,
+    Slider: FormSlider,
+    DatePicker: FormDatePicker,
+    DateTimePicker: FormDateTimePicker
+  },
+  formComponents: {
+    SubmitButton: FormSubmitButton
+  },
+  fieldContext,
+  formContext
+});
+
+// src/index.ts
+var import_useDialogs = require("@toolpad/core/useDialogs");
+var import_useLocalStorageState = require("@toolpad/core/useLocalStorageState");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  MyComponent
+  LayoutProvider,
+  Platform,
+  RouterButton,
+  RouterError,
+  RouterLink,
+  RouterNotFound,
+  RouterTab,
+  getContrastTextColor,
+  useDialogs,
+  useFieldContext,
+  useFormContext,
+  useLayoutForm,
+  useLocalStorageState,
+  uuidv7,
+  wczApiClient,
+  withLayoutForm
 });
+/*! Bundled license information:
+
+react-is/cjs/react-is.production.min.js:
+  (** @license React v16.13.1
+   * react-is.production.min.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+
+react-is/cjs/react-is.development.js:
+  (** @license React v16.13.1
+   * react-is.development.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+
+object-assign/index.js:
+  (*
+  object-assign
+  (c) Sindre Sorhus
+  @license MIT
+  *)
+*/
 //# sourceMappingURL=index.cjs.map