m2m-components 4.0.1 → 4.0.2

package/feedback/index.js

@@ -34,9 +34,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/@babel/runtime/helpers/interopRequireDefault.js
+// ../../node_modules/@mui/icons-material/node_modules/@babel/runtime/helpers/interopRequireDefault.js
 var require_interopRequireDefault = __commonJS({
-  "../../node_modules/@babel/runtime/helpers/interopRequireDefault.js"(exports, module2) {
+  "../../node_modules/@mui/icons-material/node_modules/@babel/runtime/helpers/interopRequireDefault.js"(exports, module2) {
     "use strict";
     function _interopRequireDefault(obj) {
       return obj && obj.__esModule ? obj : {
@@ -47,7 +47,7 @@ var require_interopRequireDefault = __commonJS({
   }
 });
 
-// ../../node_modules/@babel/runtime/helpers/esm/extends.js
+// ../../node_modules/@mui/icons-material/node_modules/@babel/runtime/helpers/esm/extends.js
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -63,7 +63,7 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 var init_extends = __esm({
-  "../../node_modules/@babel/runtime/helpers/esm/extends.js"() {
+  "../../node_modules/@mui/icons-material/node_modules/@babel/runtime/helpers/esm/extends.js"() {
     "use strict";
   }
 });
@@ -1057,7 +1057,7 @@ var require_prop_types = __commonJS({
   }
 });
 
-// ../../node_modules/@mui/icons-material/node_modules/@mui/utils/esm/formatMuiErrorMessage.js
+// ../../node_modules/@mui/icons-material/node_modules/@mui/utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js
 function formatMuiErrorMessage(code) {
   let url = "https://mui.com/production-error/?code=" + code;
   for (let i = 1; i < arguments.length; i += 1) {
@@ -1066,11 +1066,19 @@ function formatMuiErrorMessage(code) {
   return "Minified MUI error #" + code + "; visit " + url + " for the full message.";
 }
 var init_formatMuiErrorMessage = __esm({
-  "../../node_modules/@mui/icons-material/node_modules/@mui/utils/esm/formatMuiErrorMessage.js"() {
+  "../../node_modules/@mui/icons-material/node_modules/@mui/utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js"() {
     "use strict";
   }
 });
 
+// ../../node_modules/@mui/icons-material/node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js
+var init_formatMuiErrorMessage2 = __esm({
+  "../../node_modules/@mui/icons-material/node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js"() {
+    "use strict";
+    init_formatMuiErrorMessage();
+  }
+});
+
 // ../../node_modules/react-is/cjs/react-is.production.min.js
 var require_react_is_production_min2 = __commonJS({
   "../../node_modules/react-is/cjs/react-is.production.min.js"(exports) {
@@ -1430,7 +1438,7 @@ function capitalize(string) {
 var init_capitalize = __esm({
   "../../node_modules/@mui/icons-material/node_modules/@mui/utils/esm/capitalize/capitalize.js"() {
     "use strict";
-    init_formatMuiErrorMessage();
+    init_formatMuiErrorMessage2();
   }
 });
 
@@ -1747,7 +1755,6 @@ function useEventCallback(fn) {
   });
   return React5.useRef((...args) => (
     // @ts-expect-error hide `this`
-    // tslint:disable-next-line:ban-comma-operator
     (0, ref.current)(...args)
   )).current;
 }
@@ -2081,7 +2088,6 @@ var init_esm = __esm({
     "use client";
     init_deepmerge();
     init_deepmerge();
-    init_formatMuiErrorMessage();
     init_getDisplayName();
     init_capitalize2();
     init_createChainedFunction();
@@ -2102,7 +2108,6 @@ var init_esm = __esm({
     init_resolveProps();
     init_composeClasses2();
     init_generateUtilityClass2();
-    init_generateUtilityClass2();
     init_generateUtilityClasses2();
     init_ClassNameGenerator2();
   }
@@ -2136,7 +2141,7 @@ var init_createChainedFunction2 = __esm({
   }
 });
 
-// ../../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
+// ../../node_modules/@mui/icons-material/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null)
     return {};
@@ -2152,7 +2157,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 var init_objectWithoutPropertiesLoose = __esm({
-  "../../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"() {
+  "../../node_modules/@mui/icons-material/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"() {
     "use strict";
   }
 });
@@ -2192,6 +2197,27 @@ var init_composeClasses3 = __esm({
   }
 });
 
+// ../../node_modules/@babel/runtime/helpers/esm/extends.js
+function _extends2() {
+  _extends2 = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends2.apply(this, arguments);
+}
+var init_extends2 = __esm({
+  "../../node_modules/@babel/runtime/helpers/esm/extends.js"() {
+    "use strict";
+  }
+});
+
 // ../../node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
 function memoize(fn) {
   var cache = /* @__PURE__ */ Object.create(null);
@@ -3727,7 +3753,7 @@ var init_emotion_unitless_esm = __esm({
   }
 });
 
-// ../../node_modules/@emotion/serialize/dist/emotion-serialize.esm.js
+// ../../node_modules/@emotion/react/node_modules/@emotion/serialize/dist/emotion-serialize.esm.js
 function handleInterpolation(mergedProps, registered, interpolation) {
   if (interpolation == null) {
     return "";
@@ -3850,7 +3876,7 @@ function createStringFromObject(mergedProps, registered, obj) {
 }
 var ILLEGAL_ESCAPE_SEQUENCE_ERROR, UNDEFINED_AS_OBJECT_KEY_ERROR, hyphenateRegex, animationRegex, isCustomProperty, isProcessableValue, processStyleName, processStyleValue, contentValuePattern, contentValues, oldProcessStyleValue, msPattern, hyphenPattern, hyphenatedCache, noComponentSelectorMessage, labelPattern, sourceMapPattern, cursor, serializeStyles;
 var init_emotion_serialize_esm = __esm({
-  "../../node_modules/@emotion/serialize/dist/emotion-serialize.esm.js"() {
+  "../../node_modules/@emotion/react/node_modules/@emotion/serialize/dist/emotion-serialize.esm.js"() {
     "use strict";
     init_emotion_hash_esm();
     init_emotion_unitless_esm();
@@ -3899,7 +3925,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       msPattern = /^-ms-/;
       hyphenPattern = /-(.)/g;
       hyphenatedCache = {};
-      processStyleValue = function processStyleValue3(key, value) {
+      processStyleValue = function processStyleValue5(key, value) {
         if (key === "content") {
           if (typeof value !== "string" || contentValues.indexOf(value) === -1 && !contentValuePattern.test(value) && (value.charAt(0) !== value.charAt(value.length - 1) || value.charAt(0) !== '"' && value.charAt(0) !== "'")) {
             throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + value + "\"'`");
@@ -4005,7 +4031,7 @@ var init_emotion_element_6bdfffb2_esm = __esm({
     React9 = __toESM(require("react"));
     import_react = require("react");
     init_emotion_cache_esm();
-    init_extends();
+    init_extends2();
     init_emotion_weak_memoize_esm();
     init_emotion_utils_esm();
     init_emotion_serialize_esm();
@@ -4121,8 +4147,8 @@ var init_emotion_element_6bdfffb2_esm = __esm({
 var require_extends = __commonJS({
   "../../node_modules/@babel/runtime/helpers/extends.js"(exports, module2) {
     "use strict";
-    function _extends2() {
-      module2.exports = _extends2 = Object.assign ? Object.assign.bind() : function(target) {
+    function _extends3() {
+      module2.exports = _extends3 = Object.assign ? Object.assign.bind() : function(target) {
         for (var i = 1; i < arguments.length; i++) {
           var source = arguments[i];
           for (var key in source) {
@@ -4133,9 +4159,9 @@ var require_extends = __commonJS({
         }
         return target;
       }, module2.exports.__esModule = true, module2.exports["default"] = module2.exports;
-      return _extends2.apply(this, arguments);
+      return _extends3.apply(this, arguments);
     }
-    module2.exports = _extends2, module2.exports.__esModule = true, module2.exports["default"] = module2.exports;
+    module2.exports = _extends3, module2.exports.__esModule = true, module2.exports["default"] = module2.exports;
   }
 });
 
@@ -4164,7 +4190,7 @@ var init_emotion_react_esm = __esm({
     import_hoist_non_react_statics = __toESM(require_hoist_non_react_statics_cjs());
     pkg = {
       name: "@emotion/react",
-      version: "11.11.1",
+      version: "11.11.3",
       main: "dist/emotion-react.cjs.js",
       module: "dist/emotion-react.esm.js",
       browser: {
@@ -4237,7 +4263,7 @@ var init_emotion_react_esm = __esm({
         "@babel/runtime": "^7.18.3",
         "@emotion/babel-plugin": "^11.11.0",
         "@emotion/cache": "^11.11.0",
-        "@emotion/serialize": "^1.1.2",
+        "@emotion/serialize": "^1.1.3",
         "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
         "@emotion/utils": "^1.2.1",
         "@emotion/weak-memoize": "^0.3.1",
@@ -4253,7 +4279,7 @@ var init_emotion_react_esm = __esm({
       },
       devDependencies: {
         "@definitelytyped/dtslint": "0.0.112",
-        "@emotion/css": "11.11.0",
+        "@emotion/css": "11.11.2",
         "@emotion/css-prettifier": "1.1.3",
         "@emotion/server": "11.11.0",
         "@emotion/styled": "11.11.0",
@@ -4492,17 +4518,271 @@ var init_emotion_react_esm = __esm({
   }
 });
 
+// ../../node_modules/@emotion/serialize/dist/emotion-serialize.esm.js
+function handleInterpolation2(mergedProps, registered, interpolation) {
+  if (interpolation == null) {
+    return "";
+  }
+  if (interpolation.__emotion_styles !== void 0) {
+    if (process.env.NODE_ENV !== "production" && interpolation.toString() === "NO_COMPONENT_SELECTOR") {
+      throw new Error(noComponentSelectorMessage2);
+    }
+    return interpolation;
+  }
+  switch (typeof interpolation) {
+    case "boolean": {
+      return "";
+    }
+    case "object": {
+      if (interpolation.anim === 1) {
+        cursor2 = {
+          name: interpolation.name,
+          styles: interpolation.styles,
+          next: cursor2
+        };
+        return interpolation.name;
+      }
+      if (interpolation.styles !== void 0) {
+        var next2 = interpolation.next;
+        if (next2 !== void 0) {
+          while (next2 !== void 0) {
+            cursor2 = {
+              name: next2.name,
+              styles: next2.styles,
+              next: cursor2
+            };
+            next2 = next2.next;
+          }
+        }
+        var styles = interpolation.styles + ";";
+        if (process.env.NODE_ENV !== "production" && interpolation.map !== void 0) {
+          styles += interpolation.map;
+        }
+        return styles;
+      }
+      return createStringFromObject2(mergedProps, registered, interpolation);
+    }
+    case "function": {
+      if (mergedProps !== void 0) {
+        var previousCursor = cursor2;
+        var result = interpolation(mergedProps);
+        cursor2 = previousCursor;
+        return handleInterpolation2(mergedProps, registered, result);
+      } else if (process.env.NODE_ENV !== "production") {
+        console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");
+      }
+      break;
+    }
+    case "string":
+      if (process.env.NODE_ENV !== "production") {
+        var matched = [];
+        var replaced = interpolation.replace(animationRegex2, function(match2, p1, p2) {
+          var fakeVarName = "animation" + matched.length;
+          matched.push("const " + fakeVarName + " = keyframes`" + p2.replace(/^@keyframes animation-\w+/, "") + "`");
+          return "${" + fakeVarName + "}";
+        });
+        if (matched.length) {
+          console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n" + [].concat(matched, ["`" + replaced + "`"]).join("\n") + "\n\nYou should wrap it with `css` like this:\n\n" + ("css`" + replaced + "`"));
+        }
+      }
+      break;
+  }
+  if (registered == null) {
+    return interpolation;
+  }
+  var cached = registered[interpolation];
+  return cached !== void 0 ? cached : interpolation;
+}
+function createStringFromObject2(mergedProps, registered, obj) {
+  var string = "";
+  if (Array.isArray(obj)) {
+    for (var i = 0; i < obj.length; i++) {
+      string += handleInterpolation2(mergedProps, registered, obj[i]) + ";";
+    }
+  } else {
+    for (var _key in obj) {
+      var value = obj[_key];
+      if (typeof value !== "object") {
+        if (registered != null && registered[value] !== void 0) {
+          string += _key + "{" + registered[value] + "}";
+        } else if (isProcessableValue3(value)) {
+          string += processStyleName2(_key) + ":" + processStyleValue3(_key, value) + ";";
+        }
+      } else {
+        if (_key === "NO_COMPONENT_SELECTOR" && process.env.NODE_ENV !== "production") {
+          throw new Error(noComponentSelectorMessage2);
+        }
+        if (Array.isArray(value) && typeof value[0] === "string" && (registered == null || registered[value[0]] === void 0)) {
+          for (var _i = 0; _i < value.length; _i++) {
+            if (isProcessableValue3(value[_i])) {
+              string += processStyleName2(_key) + ":" + processStyleValue3(_key, value[_i]) + ";";
+            }
+          }
+        } else {
+          var interpolated = handleInterpolation2(mergedProps, registered, value);
+          switch (_key) {
+            case "animation":
+            case "animationName": {
+              string += processStyleName2(_key) + ":" + interpolated + ";";
+              break;
+            }
+            default: {
+              if (process.env.NODE_ENV !== "production" && _key === "undefined") {
+                console.error(UNDEFINED_AS_OBJECT_KEY_ERROR2);
+              }
+              string += _key + "{" + interpolated + "}";
+            }
+          }
+        }
+      }
+    }
+  }
+  return string;
+}
+var ILLEGAL_ESCAPE_SEQUENCE_ERROR2, UNDEFINED_AS_OBJECT_KEY_ERROR2, hyphenateRegex2, animationRegex2, isCustomProperty3, isProcessableValue3, processStyleName2, processStyleValue3, contentValuePattern, contentValues, oldProcessStyleValue, msPattern, hyphenPattern, hyphenatedCache, noComponentSelectorMessage2, labelPattern2, sourceMapPattern2, cursor2, serializeStyles3;
+var init_emotion_serialize_esm2 = __esm({
+  "../../node_modules/@emotion/serialize/dist/emotion-serialize.esm.js"() {
+    "use strict";
+    init_emotion_hash_esm();
+    init_emotion_unitless_esm();
+    init_emotion_memoize_esm();
+    ILLEGAL_ESCAPE_SEQUENCE_ERROR2 = `You have illegal escape sequence in your template literal, most likely inside content's property value.
+Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
+You can read more about this here:
+https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`;
+    UNDEFINED_AS_OBJECT_KEY_ERROR2 = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).";
+    hyphenateRegex2 = /[A-Z]|^ms/g;
+    animationRegex2 = /_EMO_([^_]+?)_([^]*?)_EMO_/g;
+    isCustomProperty3 = function isCustomProperty4(property) {
+      return property.charCodeAt(1) === 45;
+    };
+    isProcessableValue3 = function isProcessableValue4(value) {
+      return value != null && typeof value !== "boolean";
+    };
+    processStyleName2 = /* @__PURE__ */ memoize(function(styleName) {
+      return isCustomProperty3(styleName) ? styleName : styleName.replace(hyphenateRegex2, "-$&").toLowerCase();
+    });
+    processStyleValue3 = function processStyleValue4(key, value) {
+      switch (key) {
+        case "animation":
+        case "animationName": {
+          if (typeof value === "string") {
+            return value.replace(animationRegex2, function(match2, p1, p2) {
+              cursor2 = {
+                name: p1,
+                styles: p2,
+                next: cursor2
+              };
+              return p1;
+            });
+          }
+        }
+      }
+      if (unitlessKeys[key] !== 1 && !isCustomProperty3(key) && typeof value === "number" && value !== 0) {
+        return value + "px";
+      }
+      return value;
+    };
+    if (process.env.NODE_ENV !== "production") {
+      contentValuePattern = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/;
+      contentValues = ["normal", "none", "initial", "inherit", "unset"];
+      oldProcessStyleValue = processStyleValue3;
+      msPattern = /^-ms-/;
+      hyphenPattern = /-(.)/g;
+      hyphenatedCache = {};
+      processStyleValue3 = function processStyleValue5(key, value) {
+        if (key === "content") {
+          if (typeof value !== "string" || contentValues.indexOf(value) === -1 && !contentValuePattern.test(value) && (value.charAt(0) !== value.charAt(value.length - 1) || value.charAt(0) !== '"' && value.charAt(0) !== "'")) {
+            throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + value + "\"'`");
+          }
+        }
+        var processed = oldProcessStyleValue(key, value);
+        if (processed !== "" && !isCustomProperty3(key) && key.indexOf("-") !== -1 && hyphenatedCache[key] === void 0) {
+          hyphenatedCache[key] = true;
+          console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + key.replace(msPattern, "ms-").replace(hyphenPattern, function(str, _char) {
+            return _char.toUpperCase();
+          }) + "?");
+        }
+        return processed;
+      };
+    }
+    noComponentSelectorMessage2 = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
+    labelPattern2 = /label:\s*([^\s;\n{]+)\s*(;|$)/g;
+    if (process.env.NODE_ENV !== "production") {
+      sourceMapPattern2 = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g;
+    }
+    serializeStyles3 = function serializeStyles4(args, registered, mergedProps) {
+      if (args.length === 1 && typeof args[0] === "object" && args[0] !== null && args[0].styles !== void 0) {
+        return args[0];
+      }
+      var stringMode = true;
+      var styles = "";
+      cursor2 = void 0;
+      var strings = args[0];
+      if (strings == null || strings.raw === void 0) {
+        stringMode = false;
+        styles += handleInterpolation2(mergedProps, registered, strings);
+      } else {
+        if (process.env.NODE_ENV !== "production" && strings[0] === void 0) {
+          console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR2);
+        }
+        styles += strings[0];
+      }
+      for (var i = 1; i < args.length; i++) {
+        styles += handleInterpolation2(mergedProps, registered, args[i]);
+        if (stringMode) {
+          if (process.env.NODE_ENV !== "production" && strings[i] === void 0) {
+            console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR2);
+          }
+          styles += strings[i];
+        }
+      }
+      var sourceMap;
+      if (process.env.NODE_ENV !== "production") {
+        styles = styles.replace(sourceMapPattern2, function(match3) {
+          sourceMap = match3;
+          return "";
+        });
+      }
+      labelPattern2.lastIndex = 0;
+      var identifierName = "";
+      var match2;
+      while ((match2 = labelPattern2.exec(styles)) !== null) {
+        identifierName += "-" + // $FlowFixMe we know it's not null
+        match2[1];
+      }
+      var name = murmur2(styles) + identifierName;
+      if (process.env.NODE_ENV !== "production") {
+        return {
+          name,
+          styles,
+          map: sourceMap,
+          next: cursor2,
+          toString: function toString() {
+            return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+          }
+        };
+      }
+      return {
+        name,
+        styles,
+        next: cursor2
+      };
+    };
+  }
+});
+
 // ../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js
-var React11, testOmitPropsOnStringTag, testOmitPropsOnComponent, getDefaultShouldForwardProp, composeShouldForwardProps, ILLEGAL_ESCAPE_SEQUENCE_ERROR2, isBrowser5, Insertion5, createStyled;
+var React11, testOmitPropsOnStringTag, testOmitPropsOnComponent, getDefaultShouldForwardProp, composeShouldForwardProps, ILLEGAL_ESCAPE_SEQUENCE_ERROR3, isBrowser5, Insertion5, createStyled;
 var init_emotion_styled_base_esm = __esm({
   "../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js"() {
     "use strict";
-    init_extends();
+    init_extends2();
     React11 = __toESM(require("react"));
     init_emotion_is_prop_valid_esm();
     init_emotion_react_esm();
     init_emotion_utils_esm();
-    init_emotion_serialize_esm();
+    init_emotion_serialize_esm2();
     init_emotion_use_insertion_effect_with_fallbacks_esm();
     testOmitPropsOnStringTag = isPropValid;
     testOmitPropsOnComponent = function testOmitPropsOnComponent2(key) {
@@ -4527,7 +4807,7 @@ var init_emotion_styled_base_esm = __esm({
       }
       return shouldForwardProp2;
     };
-    ILLEGAL_ESCAPE_SEQUENCE_ERROR2 = `You have illegal escape sequence in your template literal, most likely inside content's property value.
+    ILLEGAL_ESCAPE_SEQUENCE_ERROR3 = `You have illegal escape sequence in your template literal, most likely inside content's property value.
 Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
 You can read more about this here:
 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`;
@@ -4579,14 +4859,14 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
           styles.push.apply(styles, args);
         } else {
           if (process.env.NODE_ENV !== "production" && args[0][0] === void 0) {
-            console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR2);
+            console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR3);
           }
           styles.push(args[0][0]);
           var len = args.length;
           var i = 1;
           for (; i < len; i++) {
             if (process.env.NODE_ENV !== "production" && args[0][i] === void 0) {
-              console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR2);
+              console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR3);
             }
             styles.push(args[i], args[0][i]);
           }
@@ -4608,7 +4888,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
           } else if (props.className != null) {
             className = props.className + " ";
           }
-          var serialized = serializeStyles(styles.concat(classInterpolations), cache.registered, mergedProps);
+          var serialized = serializeStyles3(styles.concat(classInterpolations), cache.registered, mergedProps);
           className += cache.key + "-" + serialized.name;
           if (targetClassName !== void 0) {
             className += " " + targetClassName;
@@ -4648,7 +4928,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
           }
         });
         Styled.withComponent = function(nextTag, nextOptions) {
-          return createStyled2(nextTag, _extends({}, options, nextOptions, {
+          return createStyled2(nextTag, _extends2({}, options, nextOptions, {
             shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)
           })).apply(void 0, styles);
         };
@@ -4668,7 +4948,7 @@ var init_emotion_styled_esm = __esm({
     import_react3 = require("react");
     init_emotion_is_prop_valid_esm();
     init_emotion_utils_esm();
-    init_emotion_serialize_esm();
+    init_emotion_serialize_esm2();
     init_emotion_use_insertion_effect_with_fallbacks_esm();
     tags = [
       "a",
@@ -5346,7 +5626,14 @@ function borderTransform(value) {
   }
   return `${value}px solid`;
 }
-var border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius, borders;
+function createBorderStyle(prop, transform) {
+  return style_default({
+    prop,
+    themeKey: "borders",
+    transform
+  });
+}
+var border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, outline, outlineColor, borderRadius, borders;
 var init_borders = __esm({
   "../../node_modules/@mui/icons-material/node_modules/@mui/system/esm/borders.js"() {
     "use strict";
@@ -5355,51 +5642,18 @@ var init_borders = __esm({
     init_compose();
     init_spacing();
     init_breakpoints();
-    border = style_default({
-      prop: "border",
-      themeKey: "borders",
-      transform: borderTransform
-    });
-    borderTop = style_default({
-      prop: "borderTop",
-      themeKey: "borders",
-      transform: borderTransform
-    });
-    borderRight = style_default({
-      prop: "borderRight",
-      themeKey: "borders",
-      transform: borderTransform
-    });
-    borderBottom = style_default({
-      prop: "borderBottom",
-      themeKey: "borders",
-      transform: borderTransform
-    });
-    borderLeft = style_default({
-      prop: "borderLeft",
-      themeKey: "borders",
-      transform: borderTransform
-    });
-    borderColor = style_default({
-      prop: "borderColor",
-      themeKey: "palette"
-    });
-    borderTopColor = style_default({
-      prop: "borderTopColor",
-      themeKey: "palette"
-    });
-    borderRightColor = style_default({
-      prop: "borderRightColor",
-      themeKey: "palette"
-    });
-    borderBottomColor = style_default({
-      prop: "borderBottomColor",
-      themeKey: "palette"
-    });
-    borderLeftColor = style_default({
-      prop: "borderLeftColor",
-      themeKey: "palette"
-    });
+    border = createBorderStyle("border", borderTransform);
+    borderTop = createBorderStyle("borderTop", borderTransform);
+    borderRight = createBorderStyle("borderRight", borderTransform);
+    borderBottom = createBorderStyle("borderBottom", borderTransform);
+    borderLeft = createBorderStyle("borderLeft", borderTransform);
+    borderColor = createBorderStyle("borderColor");
+    borderTopColor = createBorderStyle("borderTopColor");
+    borderRightColor = createBorderStyle("borderRightColor");
+    borderBottomColor = createBorderStyle("borderBottomColor");
+    borderLeftColor = createBorderStyle("borderLeftColor");
+    outline = createBorderStyle("outline", borderTransform);
+    outlineColor = createBorderStyle("outlineColor");
     borderRadius = (props) => {
       if (props.borderRadius !== void 0 && props.borderRadius !== null) {
         const transformer = createUnaryUnit(props.theme, "shape.borderRadius", 4, "borderRadius");
@@ -5414,7 +5668,7 @@ var init_borders = __esm({
       borderRadius: responsivePropType_default
     } : {};
     borderRadius.filterProps = ["borderRadius"];
-    borders = compose_default(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius);
+    borders = compose_default(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius, outline, outlineColor);
   }
 });
 
@@ -5653,6 +5907,13 @@ var init_defaultSxConfig = __esm({
       borderLeftColor: {
         themeKey: "palette"
       },
+      outline: {
+        themeKey: "borders",
+        transform: borderTransform
+      },
+      outlineColor: {
+        themeKey: "palette"
+      },
       borderRadius: {
         themeKey: "shape.borderRadius",
         style: borderRadius
@@ -6483,10 +6744,17 @@ var init_createStyled = __esm({
       return null;
     };
     transformVariants = (variants) => {
+      let numOfCallbacks = 0;
       const variantsStyles = {};
       if (variants) {
         variants.forEach((definition) => {
-          const key = propsToClassKey(definition.props);
+          let key = "";
+          if (typeof definition.props === "function") {
+            key = `callback${numOfCallbacks}`;
+            numOfCallbacks += 1;
+          } else {
+            key = propsToClassKey(definition.props);
+          }
           variantsStyles[key] = definition.style;
         });
       }
@@ -6504,16 +6772,29 @@ var init_createStyled = __esm({
         ownerState = {}
       } = props;
       const variantsStyles = [];
+      let numOfCallbacks = 0;
       if (variants) {
         variants.forEach((variant) => {
           let isMatch = true;
-          Object.keys(variant.props).forEach((key) => {
-            if (ownerState[key] !== variant.props[key] && props[key] !== variant.props[key]) {
-              isMatch = false;
-            }
-          });
+          if (typeof variant.props === "function") {
+            const propsToCheck = _extends({}, props, ownerState);
+            isMatch = variant.props(propsToCheck);
+          } else {
+            Object.keys(variant.props).forEach((key) => {
+              if (ownerState[key] !== variant.props[key] && props[key] !== variant.props[key]) {
+                isMatch = false;
+              }
+            });
+          }
           if (isMatch) {
-            variantsStyles.push(styles[propsToClassKey(variant.props)]);
+            if (typeof variant.props === "function") {
+              variantsStyles.push(styles[`callback${numOfCallbacks}`]);
+            } else {
+              variantsStyles.push(styles[propsToClassKey(variant.props)]);
+            }
+          }
+          if (typeof variant.props === "function") {
+            numOfCallbacks += 1;
           }
         });
       }
@@ -6756,7 +7037,7 @@ function lighten(color2, coefficient) {
 var init_colorManipulator = __esm({
   "../../node_modules/@mui/icons-material/node_modules/@mui/system/esm/colorManipulator.js"() {
     "use strict";
-    init_esm();
+    init_formatMuiErrorMessage2();
   }
 });
 
@@ -6878,14 +7159,6 @@ var init_esm2 = __esm({
   }
 });
 
-// ../../node_modules/@mui/icons-material/node_modules/@mui/material/generateUtilityClass/index.js
-var init_generateUtilityClass3 = __esm({
-  "../../node_modules/@mui/icons-material/node_modules/@mui/material/generateUtilityClass/index.js"() {
-    "use strict";
-    init_esm();
-  }
-});
-
 // ../../node_modules/@mui/icons-material/node_modules/@mui/material/styles/createMixins.js
 function createMixins(breakpoints, mixins) {
   return _extends({
@@ -7326,7 +7599,7 @@ var init_createPalette = __esm({
     "use strict";
     init_extends();
     init_objectWithoutPropertiesLoose();
-    init_esm();
+    init_formatMuiErrorMessage2();
     init_esm();
     init_esm2();
     init_common();
@@ -7684,10 +7957,10 @@ var init_createTheme3 = __esm({
     "use strict";
     init_extends();
     init_objectWithoutPropertiesLoose();
-    init_esm();
+    init_formatMuiErrorMessage2();
     init_esm();
     init_esm2();
-    init_generateUtilityClass3();
+    init_generateUtilityClass2();
     init_createMixins();
     init_createPalette();
     init_createTypography();
@@ -7769,8 +8042,8 @@ var svgIconClasses;
 var init_svgIconClasses = __esm({
   "../../node_modules/@mui/icons-material/node_modules/@mui/material/SvgIcon/svgIconClasses.js"() {
     "use strict";
-    init_esm();
-    init_generateUtilityClass3();
+    init_generateUtilityClasses2();
+    init_generateUtilityClass2();
     svgIconClasses = generateUtilityClasses("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
   }
 });
@@ -8578,7 +8851,7 @@ react-is/cjs/react-is.development.js:
 
 @mui/styled-engine/index.js:
   (**
-   * @mui/styled-engine v5.14.18
+   * @mui/styled-engine v5.15.3
    *
    * @license MIT
    * This source code is licensed under the MIT license found in the