@movable/ui 0.14.0 → 0.15.0

package/lib/index.mjs

@@ -63,8 +63,8 @@ function Qt() {
       {
         var T = N.ReactDebugCurrentFrame, F = T.getStackAddendum();
         F !== "" && (u += "%s", y = y.concat([F]));
-        var z = y.map(function(M) {
-          return String(M);
+        var z = y.map(function(I) {
+          return String(I);
         });
         z.unshift("Warning: " + u), Function.prototype.apply.call(console[t], console, z);
       }
@@ -123,9 +123,9 @@ function Qt() {
             var T = t.displayName || null;
             return T !== null ? T : ge(t.type) || "Memo";
           case l: {
-            var F = t, z = F._payload, M = F._init;
+            var F = t, z = F._payload, I = F._init;
             try {
-              return ge(M(z));
+              return ge(I(z));
             } catch {
               return null;
             }
@@ -133,14 +133,14 @@ function Qt() {
         }
       return null;
     }
-    var fe = Object.assign, Te = 0, ye, ve, we, Ie, c, x, P;
+    var fe = Object.assign, Te = 0, ye, ve, we, Me, c, x, S;
     function R() {
     }
     R.__reactDisabledLog = !0;
     function O() {
       {
         if (Te === 0) {
-          ye = console.log, ve = console.info, we = console.warn, Ie = console.error, c = console.group, x = console.groupCollapsed, P = console.groupEnd;
+          ye = console.log, ve = console.info, we = console.warn, Me = console.error, c = console.group, x = console.groupCollapsed, S = console.groupEnd;
           var t = {
             configurable: !0,
             enumerable: !0,
@@ -160,7 +160,7 @@ function Qt() {
         Te++;
       }
     }
-    function I() {
+    function M() {
       {
         if (Te--, Te === 0) {
           var t = {
@@ -179,7 +179,7 @@ function Qt() {
               value: we
             }),
             error: fe({}, t, {
-              value: Ie
+              value: Me
             }),
             group: fe({}, t, {
               value: c
@@ -188,25 +188,25 @@ function Qt() {
               value: x
             }),
             groupEnd: fe({}, t, {
-              value: P
+              value: S
             })
           });
         }
         Te < 0 && G("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var _ = N.ReactCurrentDispatcher, C;
-    function S(t, u, y) {
+    var C = N.ReactCurrentDispatcher, _;
+    function P(t, u, y) {
       {
-        if (C === void 0)
+        if (_ === void 0)
           try {
             throw Error();
           } catch (F) {
             var T = F.stack.trim().match(/\n( *(at )?)/);
-            C = T && T[1] || "";
+            _ = T && T[1] || "";
           }
         return `
-` + C + t;
+` + _ + t;
       }
     }
     var B = !1, $;
@@ -227,30 +227,30 @@ function Qt() {
       var F = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var z;
-      z = _.current, _.current = null, O();
+      z = C.current, C.current = null, O();
       try {
         if (u) {
-          var M = function() {
+          var I = function() {
             throw Error();
           };
-          if (Object.defineProperty(M.prototype, "props", {
+          if (Object.defineProperty(I.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(M, []);
+              Reflect.construct(I, []);
             } catch (Oe) {
               T = Oe;
             }
-            Reflect.construct(t, [], M);
+            Reflect.construct(t, [], I);
           } else {
             try {
-              M.call();
+              I.call();
             } catch (Oe) {
               T = Oe;
             }
-            t.call(M.prototype);
+            t.call(I.prototype);
           }
         } else {
           try {
@@ -280,77 +280,77 @@ function Qt() {
             }
         }
       } finally {
-        B = !1, _.current = z, I(), Error.prepareStackTrace = F;
+        B = !1, C.current = z, M(), Error.prepareStackTrace = F;
       }
-      var Be = t ? t.displayName || t.name : "", Vr = Be ? S(Be) : "";
+      var Be = t ? t.displayName || t.name : "", Vr = Be ? P(Be) : "";
       return typeof t == "function" && $.set(t, Vr), Vr;
     }
     function he(t, u, y) {
       return h(t, !1);
     }
-    function Me(t) {
+    function Ie(t) {
       var u = t.prototype;
       return !!(u && u.isReactComponent);
     }
-    function Pe(t, u, y) {
+    function Se(t, u, y) {
       if (t == null)
         return "";
       if (typeof t == "function")
-        return h(t, Me(t));
+        return h(t, Ie(t));
       if (typeof t == "string")
-        return S(t);
+        return P(t);
       switch (t) {
         case p:
-          return S("Suspense");
+          return P("Suspense");
         case g:
-          return S("SuspenseList");
+          return P("SuspenseList");
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
           case d:
             return he(t.render);
           case m:
-            return Pe(t.type, u, y);
+            return Se(t.type, u, y);
           case l: {
             var T = t, F = T._payload, z = T._init;
             try {
-              return Pe(z(F), u, y);
+              return Se(z(F), u, y);
             } catch {
             }
           }
         }
       return "";
     }
-    var rr = Object.prototype.hasOwnProperty, Ir = {}, Mr = N.ReactDebugCurrentFrame;
+    var rr = Object.prototype.hasOwnProperty, Mr = {}, Ir = N.ReactDebugCurrentFrame;
     function tr(t) {
       if (t) {
-        var u = t._owner, y = Pe(t.type, t._source, u ? u.type : null);
-        Mr.setExtraStackFrame(y);
+        var u = t._owner, y = Se(t.type, t._source, u ? u.type : null);
+        Ir.setExtraStackFrame(y);
       } else
-        Mr.setExtraStackFrame(null);
+        Ir.setExtraStackFrame(null);
     }
-    function _t(t, u, y, T, F) {
+    function Ct(t, u, y, T, F) {
       {
         var z = Function.call.bind(rr);
-        for (var M in t)
-          if (z(t, M)) {
+        for (var I in t)
+          if (z(t, I)) {
             var k = void 0;
             try {
-              if (typeof t[M] != "function") {
-                var le = Error((T || "React class") + ": " + y + " type `" + M + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[M] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof t[I] != "function") {
+                var le = Error((T || "React class") + ": " + y + " type `" + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[I] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw le.name = "Invariant Violation", le;
               }
-              k = t[M](u, M, T, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              k = t[I](u, I, T, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (ee) {
               k = ee;
             }
-            k && !(k instanceof Error) && (tr(F), G("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", T || "React class", y, M, typeof k), tr(null)), k instanceof Error && !(k.message in Ir) && (Ir[k.message] = !0, tr(F), G("Failed %s type: %s", y, k.message), tr(null));
+            k && !(k instanceof Error) && (tr(F), G("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", T || "React class", y, I, typeof k), tr(null)), k instanceof Error && !(k.message in Mr) && (Mr[k.message] = !0, tr(F), G("Failed %s type: %s", y, k.message), tr(null));
           }
       }
     }
-    var Ct = Array.isArray;
+    var _t = Array.isArray;
     function gr(t) {
-      return Ct(t);
+      return _t(t);
     }
     function Rt(t) {
       {
@@ -372,14 +372,14 @@ function Qt() {
       if (wt(t))
         return G("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Rt(t)), Dr(t);
     }
-    var Ve = N.ReactCurrentOwner, Pt = {
+    var Ve = N.ReactCurrentOwner, St = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, Nr, Fr, yr;
     yr = {};
-    function St(t) {
+    function Pt(t) {
       if (rr.call(t, "ref")) {
         var u = Object.getOwnPropertyDescriptor(t, "ref").get;
         if (u && u.isReactWarning)
@@ -412,7 +412,7 @@ function Qt() {
         });
       }
     }
-    function It(t, u) {
+    function Mt(t, u) {
       {
         var y = function() {
           Fr || (Fr = !0, G("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", u));
@@ -423,7 +423,7 @@ function Qt() {
         });
       }
     }
-    var Mt = function(t, u, y, T, F, z, M) {
+    var It = function(t, u, y, T, F, z, I) {
       var k = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
@@ -431,7 +431,7 @@ function Qt() {
         type: t,
         key: u,
         ref: y,
-        props: M,
+        props: I,
         // Record the component responsible for creating this element.
         _owner: z
       };
@@ -454,26 +454,26 @@ function Qt() {
     };
     function Dt(t, u, y, T, F) {
       {
-        var z, M = {}, k = null, le = null;
-        y !== void 0 && (Br(y), k = "" + y), $t(u) && (Br(u.key), k = "" + u.key), St(u) && (le = u.ref, kt(u, F));
+        var z, I = {}, k = null, le = null;
+        y !== void 0 && (Br(y), k = "" + y), $t(u) && (Br(u.key), k = "" + u.key), Pt(u) && (le = u.ref, kt(u, F));
         for (z in u)
-          rr.call(u, z) && !Pt.hasOwnProperty(z) && (M[z] = u[z]);
+          rr.call(u, z) && !St.hasOwnProperty(z) && (I[z] = u[z]);
         if (t && t.defaultProps) {
           var ee = t.defaultProps;
           for (z in ee)
-            M[z] === void 0 && (M[z] = ee[z]);
+            I[z] === void 0 && (I[z] = ee[z]);
         }
         if (k || le) {
           var te = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          k && jt(M, te), le && It(M, te);
+          k && jt(I, te), le && Mt(I, te);
         }
-        return Mt(t, k, le, F, T, Ve.current, M);
+        return It(t, k, le, F, T, Ve.current, I);
       }
     }
     var mr = N.ReactCurrentOwner, Wr = N.ReactDebugCurrentFrame;
     function De(t) {
       if (t) {
-        var u = t._owner, y = Pe(t.type, t._source, u ? u.type : null);
+        var u = t._owner, y = Se(t.type, t._source, u ? u.type : null);
         Wr.setExtraStackFrame(y);
       } else
         Wr.setExtraStackFrame(null);
@@ -546,8 +546,8 @@ Check the top-level render call using <` + y + ">.");
         else if (t) {
           var F = w(t);
           if (typeof F == "function" && F !== t.entries)
-            for (var z = F.call(t), M; !(M = z.next()).done; )
-              br(M.value) && Yr(M.value, u);
+            for (var z = F.call(t), I; !(I = z.next()).done; )
+              br(I.value) && Yr(I.value, u);
         }
       }
     }
@@ -567,7 +567,7 @@ Check the top-level render call using <` + y + ">.");
           return;
         if (y) {
           var T = ge(u);
-          _t(y, t.props, "prop", T, t);
+          Ct(y, t.props, "prop", T, t);
         } else if (u.PropTypes !== void 0 && !hr) {
           hr = !0;
           var F = ge(u);
@@ -590,8 +590,8 @@ Check the top-level render call using <` + y + ">.");
     }
     function Gr(t, u, y, T, F, z) {
       {
-        var M = Ge(t);
-        if (!M) {
+        var I = Ge(t);
+        if (!I) {
           var k = "";
           (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (k += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var le = Bt(F);
@@ -602,7 +602,7 @@ Check the top-level render call using <` + y + ">.");
         var te = Dt(t, u, y, F, z);
         if (te == null)
           return te;
-        if (M) {
+        if (I) {
           var be = u.children;
           if (be !== void 0)
             if (T)
@@ -630,13 +630,13 @@ Check the top-level render call using <` + y + ">.");
 }
 process.env.NODE_ENV === "production" ? Rr.exports = Zt() : Rr.exports = Qt();
 var V = Rr.exports;
-function aa({ stringToDisplay: e }) {
+function ia({ stringToDisplay: e }) {
   return V.jsxs(Xe, { children: ["stringToDisplay prop is:", " ", V.jsx("span", { "data-test-string-to-display": !0, children: e })] });
 }
-function ia({ metadata: e }) {
+function sa({ metadata: e }) {
   return V.jsx(Fe, { direction: "row", spacing: 2, children: e.map(({ icon: r, label: o, value: n }) => V.jsxs(Fe, { direction: "row", spacing: 0.5, children: [V.jsx(mt, { fontSize: "small", sx: { color: "neutral600" }, children: r }), V.jsx(Xe, { variant: "body2", color: "text.secondary", children: o }), V.jsx(Xe, { variant: "body2", children: n })] }, o)) });
 }
-function sa({ Breadcrumbs: e, Subtitle: r, Metadata: o, Chips: n, ButtonGroup: a, Tabs: i }) {
+function ua({ Breadcrumbs: e, Subtitle: r, Metadata: o, Chips: n, ButtonGroup: a, Tabs: i }) {
   return V.jsx("header", { children: V.jsxs(Fe, { direction: "column", spacing: 2, sx: {
     borderBottom: 1,
     borderColor: "divider",
@@ -651,10 +651,10 @@ function en({ label: e }) {
 function rn({ breadcrumb: e, i: r }) {
   return V.jsx(Kt, { underline: "hover", href: e.path, "data-cy": `breadcrumb-${r}`, variant: "h5", color: "text.disabled", children: e.label });
 }
-function ua({ breadcrumbs: e }) {
+function la({ breadcrumbs: e }) {
   return V.jsx(Vt, { children: e == null ? void 0 : e.map((r, o) => o === e.length - 1 ? V.jsx(en, { label: r.label }, `breadcrumb-${o}`) : V.jsx(rn, { breadcrumb: r, i: o }, `breadcrumb-${o}`)) });
 }
-function la({ primaryAction: e, secondaryAction: r, dropdownAction: o }) {
+function ca({ primaryAction: e, secondaryAction: r, dropdownAction: o }) {
   var d;
   const [n, a] = Gt(null), i = !!n, s = (p) => {
     a(p.currentTarget);
@@ -673,7 +673,7 @@ function la({ primaryAction: e, secondaryAction: r, dropdownAction: o }) {
     g(), f();
   }, ...m, children: p }, l)) })] }), r && V.jsx(vr, { variant: "contained", color: "inherit", ...r, children: r.label }), e && V.jsx(vr, { variant: "contained", ...e, sx: { whiteSpace: "nowrap" }, children: e.label })] });
 }
-function ca({ subtitle: e }) {
+function fa({ subtitle: e }) {
   return V.jsx(Xe, { variant: "body2", color: "text.secondary", children: e });
 }
 function ie() {
@@ -697,12 +697,12 @@ function ht(e) {
     r[o] = ht(e[o]);
   }), r;
 }
-function _e(e, r, o = {
+function Ce(e, r, o = {
   clone: !0
 }) {
   const n = o.clone ? ie({}, e) : e;
   return Ne(e) && Ne(r) && Object.keys(r).forEach((a) => {
-    a !== "__proto__" && (Ne(r[a]) && a in e && Ne(e[a]) ? n[a] = _e(e[a], r[a], o) : o.clone ? n[a] = Ne(r[a]) ? ht(r[a]) : r[a] : n[a] = r[a]);
+    a !== "__proto__" && (Ne(r[a]) && a in e && Ne(e[a]) ? n[a] = Ce(e[a], r[a], o) : o.clone ? n[a] = Ne(r[a]) ? ht(r[a]) : r[a] : n[a] = r[a]);
   }), n;
 }
 var wr = { exports: {} }, nr = { exports: {} }, W = {};
@@ -803,24 +803,24 @@ function nn() {
         var he = h.$$typeof;
         switch (he) {
           case r:
-            var Me = h.type;
-            switch (Me) {
+            var Ie = h.type;
+            switch (Ie) {
               case d:
               case p:
               case n:
               case i:
               case a:
               case m:
-                return Me;
+                return Ie;
               default:
-                var Pe = Me && Me.$$typeof;
-                switch (Pe) {
+                var Se = Ie && Ie.$$typeof;
+                switch (Se) {
                   case f:
                   case g:
                   case A:
                   case E:
                   case s:
-                    return Pe;
+                    return Se;
                   default:
                     return he;
                 }
@@ -831,7 +831,7 @@ function nn() {
       }
     }
     var v = d, Ae = p, Ye = f, ze = s, $e = r, Ge = g, ke = n, je = A, ge = E, fe = o, Te = i, ye = a, ve = m, we = !1;
-    function Ie(h) {
+    function Me(h) {
       return we || (we = !0, 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.")), c(h) || X(h) === d;
     }
     function c(h) {
@@ -840,7 +840,7 @@ function nn() {
     function x(h) {
       return X(h) === f;
     }
-    function P(h) {
+    function S(h) {
       return X(h) === s;
     }
     function R(h) {
@@ -849,16 +849,16 @@ function nn() {
     function O(h) {
       return X(h) === g;
     }
-    function I(h) {
+    function M(h) {
       return X(h) === n;
     }
-    function _(h) {
+    function C(h) {
       return X(h) === A;
     }
-    function C(h) {
+    function _(h) {
       return X(h) === E;
     }
-    function S(h) {
+    function P(h) {
       return X(h) === o;
     }
     function B(h) {
@@ -870,7 +870,7 @@ function nn() {
     function se(h) {
       return X(h) === m;
     }
-    U.AsyncMode = v, U.ConcurrentMode = Ae, U.ContextConsumer = Ye, U.ContextProvider = ze, U.Element = $e, U.ForwardRef = Ge, U.Fragment = ke, U.Lazy = je, U.Memo = ge, U.Portal = fe, U.Profiler = Te, U.StrictMode = ye, U.Suspense = ve, U.isAsyncMode = Ie, U.isConcurrentMode = c, U.isContextConsumer = x, U.isContextProvider = P, U.isElement = R, U.isForwardRef = O, U.isFragment = I, U.isLazy = _, U.isMemo = C, U.isPortal = S, U.isProfiler = B, U.isStrictMode = $, U.isSuspense = se, U.isValidElementType = H, U.typeOf = X;
+    U.AsyncMode = v, U.ConcurrentMode = Ae, U.ContextConsumer = Ye, U.ContextProvider = ze, U.Element = $e, U.ForwardRef = Ge, U.Fragment = ke, U.Lazy = je, U.Memo = ge, U.Portal = fe, U.Profiler = Te, U.StrictMode = ye, U.Suspense = ve, U.isAsyncMode = Me, U.isConcurrentMode = c, U.isContextConsumer = x, U.isContextProvider = S, U.isElement = R, U.isForwardRef = O, U.isFragment = M, U.isLazy = C, U.isMemo = _, U.isPortal = P, U.isProfiler = B, U.isStrictMode = $, U.isSuspense = se, U.isValidElementType = H, U.typeOf = X;
   }()), U;
 }
 var Xr;
@@ -930,7 +930,7 @@ function on() {
   }, xr;
 }
 var Er, Qr;
-function Pr() {
+function Sr() {
   if (Qr)
     return Er;
   Qr = 1;
@@ -949,7 +949,7 @@ function an() {
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var r = Pr(), o = {}, n = vt();
+    var r = Sr(), o = {}, n = vt();
     e = function(i) {
       var s = "Warning: " + i;
       typeof console < "u" && console.error(s);
@@ -996,7 +996,7 @@ function sn() {
   if (tt)
     return Or;
   tt = 1;
-  var e = bt(), r = on(), o = Pr(), n = vt(), a = an(), i = function() {
+  var e = bt(), r = on(), o = Sr(), n = vt(), a = an(), i = function() {
   };
   process.env.NODE_ENV !== "production" && (i = function(f) {
     var d = "Warning: " + f;
@@ -1046,34 +1046,34 @@ function sn() {
     b.prototype = Error.prototype;
     function w(c) {
       if (process.env.NODE_ENV !== "production")
-        var x = {}, P = 0;
-      function R(I, _, C, S, B, $, se) {
-        if (S = S || l, $ = $ || C, se !== o) {
+        var x = {}, S = 0;
+      function R(M, C, _, P, B, $, se) {
+        if (P = P || l, $ = $ || _, se !== o) {
           if (d) {
             var h = 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"
             );
             throw h.name = "Invariant Violation", h;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var he = S + ":" + C;
+            var he = P + ":" + _;
             !x[he] && // Avoid spamming the console because they are often not actionable except for lib authors
-            P < 3 && (i(
-              "You are manually calling a React.PropTypes validation function for the `" + $ + "` prop on `" + S + "`. 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."
-            ), x[he] = !0, P++);
+            S < 3 && (i(
+              "You are manually calling a React.PropTypes validation function for the `" + $ + "` prop on `" + P + "`. 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."
+            ), x[he] = !0, S++);
           }
         }
-        return _[C] == null ? I ? _[C] === null ? new b("The " + B + " `" + $ + "` is marked as required " + ("in `" + S + "`, but its value is `null`.")) : new b("The " + B + " `" + $ + "` is marked as required in " + ("`" + S + "`, but its value is `undefined`.")) : null : c(_, C, S, B, $);
+        return C[_] == null ? M ? C[_] === null ? new b("The " + B + " `" + $ + "` is marked as required " + ("in `" + P + "`, but its value is `null`.")) : new b("The " + B + " `" + $ + "` is marked as required in " + ("`" + P + "`, but its value is `undefined`.")) : null : c(C, _, P, B, $);
       }
       var O = R.bind(null, !1);
       return O.isRequired = R.bind(null, !0), O;
     }
     function N(c) {
-      function x(P, R, O, I, _, C) {
-        var S = P[R], B = ye(S);
+      function x(S, R, O, M, C, _) {
+        var P = S[R], B = ye(P);
         if (B !== c) {
-          var $ = ve(S);
+          var $ = ve(P);
           return new b(
-            "Invalid " + I + " `" + _ + "` of type " + ("`" + $ + "` supplied to `" + O + "`, expected ") + ("`" + c + "`."),
+            "Invalid " + M + " `" + C + "` of type " + ("`" + $ + "` supplied to `" + O + "`, expected ") + ("`" + c + "`."),
             { expectedType: c }
           );
         }
@@ -1085,16 +1085,16 @@ function sn() {
       return w(s);
     }
     function H(c) {
-      function x(P, R, O, I, _) {
+      function x(S, R, O, M, C) {
         if (typeof c != "function")
-          return new b("Property `" + _ + "` of component `" + O + "` has invalid PropType notation inside arrayOf.");
-        var C = P[R];
-        if (!Array.isArray(C)) {
-          var S = ye(C);
-          return new b("Invalid " + I + " `" + _ + "` of type " + ("`" + S + "` supplied to `" + O + "`, expected an array."));
+          return new b("Property `" + C + "` of component `" + O + "` has invalid PropType notation inside arrayOf.");
+        var _ = S[R];
+        if (!Array.isArray(_)) {
+          var P = ye(_);
+          return new b("Invalid " + M + " `" + C + "` of type " + ("`" + P + "` supplied to `" + O + "`, expected an array."));
         }
-        for (var B = 0; B < C.length; B++) {
-          var $ = c(C, B, O, I, _ + "[" + B + "]", o);
+        for (var B = 0; B < _.length; B++) {
+          var $ = c(_, B, O, M, C + "[" + B + "]", o);
           if ($ instanceof Error)
             return $;
         }
@@ -1103,32 +1103,32 @@ function sn() {
       return w(x);
     }
     function X() {
-      function c(x, P, R, O, I) {
-        var _ = x[P];
-        if (!f(_)) {
-          var C = ye(_);
-          return new b("Invalid " + O + " `" + I + "` of type " + ("`" + C + "` supplied to `" + R + "`, expected a single ReactElement."));
+      function c(x, S, R, O, M) {
+        var C = x[S];
+        if (!f(C)) {
+          var _ = ye(C);
+          return new b("Invalid " + O + " `" + M + "` of type " + ("`" + _ + "` supplied to `" + R + "`, expected a single ReactElement."));
         }
         return null;
       }
       return w(c);
     }
     function v() {
-      function c(x, P, R, O, I) {
-        var _ = x[P];
-        if (!e.isValidElementType(_)) {
-          var C = ye(_);
-          return new b("Invalid " + O + " `" + I + "` of type " + ("`" + C + "` supplied to `" + R + "`, expected a single ReactElement type."));
+      function c(x, S, R, O, M) {
+        var C = x[S];
+        if (!e.isValidElementType(C)) {
+          var _ = ye(C);
+          return new b("Invalid " + O + " `" + M + "` of type " + ("`" + _ + "` supplied to `" + R + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return w(c);
     }
     function Ae(c) {
-      function x(P, R, O, I, _) {
-        if (!(P[R] instanceof c)) {
-          var C = c.name || l, S = Ie(P[R]);
-          return new b("Invalid " + I + " `" + _ + "` of type " + ("`" + S + "` supplied to `" + O + "`, expected ") + ("instance of `" + C + "`."));
+      function x(S, R, O, M, C) {
+        if (!(S[R] instanceof c)) {
+          var _ = c.name || l, P = Me(S[R]);
+          return new b("Invalid " + M + " `" + C + "` of type " + ("`" + P + "` supplied to `" + O + "`, expected ") + ("instance of `" + _ + "`."));
         }
         return null;
       }
@@ -1139,28 +1139,28 @@ function sn() {
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
           "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])."
         ) : i("Invalid argument supplied to oneOf, expected an array.")), s;
-      function x(P, R, O, I, _) {
-        for (var C = P[R], S = 0; S < c.length; S++)
-          if (A(C, c[S]))
+      function x(S, R, O, M, C) {
+        for (var _ = S[R], P = 0; P < c.length; P++)
+          if (A(_, c[P]))
             return null;
         var B = JSON.stringify(c, function(se, h) {
           var he = ve(h);
           return he === "symbol" ? String(h) : h;
         });
-        return new b("Invalid " + I + " `" + _ + "` of value `" + String(C) + "` " + ("supplied to `" + O + "`, expected one of " + B + "."));
+        return new b("Invalid " + M + " `" + C + "` of value `" + String(_) + "` " + ("supplied to `" + O + "`, expected one of " + B + "."));
       }
       return w(x);
     }
     function ze(c) {
-      function x(P, R, O, I, _) {
+      function x(S, R, O, M, C) {
         if (typeof c != "function")
-          return new b("Property `" + _ + "` of component `" + O + "` has invalid PropType notation inside objectOf.");
-        var C = P[R], S = ye(C);
-        if (S !== "object")
-          return new b("Invalid " + I + " `" + _ + "` of type " + ("`" + S + "` supplied to `" + O + "`, expected an object."));
-        for (var B in C)
-          if (n(C, B)) {
-            var $ = c(C, B, O, I, _ + "." + B, o);
+          return new b("Property `" + C + "` of component `" + O + "` has invalid PropType notation inside objectOf.");
+        var _ = S[R], P = ye(_);
+        if (P !== "object")
+          return new b("Invalid " + M + " `" + C + "` of type " + ("`" + P + "` supplied to `" + O + "`, expected an object."));
+        for (var B in _)
+          if (n(_, B)) {
+            var $ = c(_, B, O, M, C + "." + B, o);
             if ($ instanceof Error)
               return $;
           }
@@ -1172,45 +1172,45 @@ function sn() {
       if (!Array.isArray(c))
         return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), s;
       for (var x = 0; x < c.length; x++) {
-        var P = c[x];
-        if (typeof P != "function")
+        var S = c[x];
+        if (typeof S != "function")
           return i(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + we(P) + " at index " + x + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + we(S) + " at index " + x + "."
           ), s;
       }
-      function R(O, I, _, C, S) {
+      function R(O, M, C, _, P) {
         for (var B = [], $ = 0; $ < c.length; $++) {
-          var se = c[$], h = se(O, I, _, C, S, o);
+          var se = c[$], h = se(O, M, C, _, P, o);
           if (h == null)
             return null;
           h.data && n(h.data, "expectedType") && B.push(h.data.expectedType);
         }
         var he = B.length > 0 ? ", expected one of type [" + B.join(", ") + "]" : "";
-        return new b("Invalid " + C + " `" + S + "` supplied to " + ("`" + _ + "`" + he + "."));
+        return new b("Invalid " + _ + " `" + P + "` supplied to " + ("`" + C + "`" + he + "."));
       }
       return w(R);
     }
     function Ge() {
-      function c(x, P, R, O, I) {
-        return fe(x[P]) ? null : new b("Invalid " + O + " `" + I + "` supplied to " + ("`" + R + "`, expected a ReactNode."));
+      function c(x, S, R, O, M) {
+        return fe(x[S]) ? null : new b("Invalid " + O + " `" + M + "` supplied to " + ("`" + R + "`, expected a ReactNode."));
       }
       return w(c);
     }
-    function ke(c, x, P, R, O) {
+    function ke(c, x, S, R, O) {
       return new b(
-        (c || "React class") + ": " + x + " type `" + P + "." + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + O + "`."
+        (c || "React class") + ": " + x + " type `" + S + "." + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + O + "`."
       );
     }
     function je(c) {
-      function x(P, R, O, I, _) {
-        var C = P[R], S = ye(C);
-        if (S !== "object")
-          return new b("Invalid " + I + " `" + _ + "` of type `" + S + "` " + ("supplied to `" + O + "`, expected `object`."));
+      function x(S, R, O, M, C) {
+        var _ = S[R], P = ye(_);
+        if (P !== "object")
+          return new b("Invalid " + M + " `" + C + "` of type `" + P + "` " + ("supplied to `" + O + "`, expected `object`."));
         for (var B in c) {
           var $ = c[B];
           if (typeof $ != "function")
-            return ke(O, I, _, B, ve($));
-          var se = $(C, B, O, I, _ + "." + B, o);
+            return ke(O, M, C, B, ve($));
+          var se = $(_, B, O, M, C + "." + B, o);
           if (se)
             return se;
         }
@@ -1219,21 +1219,21 @@ function sn() {
       return w(x);
     }
     function ge(c) {
-      function x(P, R, O, I, _) {
-        var C = P[R], S = ye(C);
-        if (S !== "object")
-          return new b("Invalid " + I + " `" + _ + "` of type `" + S + "` " + ("supplied to `" + O + "`, expected `object`."));
-        var B = r({}, P[R], c);
+      function x(S, R, O, M, C) {
+        var _ = S[R], P = ye(_);
+        if (P !== "object")
+          return new b("Invalid " + M + " `" + C + "` of type `" + P + "` " + ("supplied to `" + O + "`, expected `object`."));
+        var B = r({}, S[R], c);
         for (var $ in B) {
           var se = c[$];
           if (n(c, $) && typeof se != "function")
-            return ke(O, I, _, $, ve(se));
+            return ke(O, M, C, $, ve(se));
           if (!se)
             return new b(
-              "Invalid " + I + " `" + _ + "` key `" + $ + "` supplied to `" + O + "`.\nBad object: " + JSON.stringify(P[R], null, "  ") + `
+              "Invalid " + M + " `" + C + "` key `" + $ + "` supplied to `" + O + "`.\nBad object: " + JSON.stringify(S[R], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(c), null, "  ")
             );
-          var h = se(C, $, O, I, _ + "." + $, o);
+          var h = se(_, $, O, M, C + "." + $, o);
           if (h)
             return h;
         }
@@ -1256,13 +1256,13 @@ Valid keys: ` + JSON.stringify(Object.keys(c), null, "  ")
             return !0;
           var x = m(c);
           if (x) {
-            var P = x.call(c), R;
+            var S = x.call(c), R;
             if (x !== c.entries) {
-              for (; !(R = P.next()).done; )
+              for (; !(R = S.next()).done; )
                 if (!fe(R.value))
                   return !1;
             } else
-              for (; !(R = P.next()).done; ) {
+              for (; !(R = S.next()).done; ) {
                 var O = R.value;
                 if (O && !fe(O[1]))
                   return !1;
@@ -1307,23 +1307,23 @@ Valid keys: ` + JSON.stringify(Object.keys(c), null, "  ")
           return x;
       }
     }
-    function Ie(c) {
+    function Me(c) {
       return !c.constructor || !c.constructor.name ? l : c.constructor.name;
     }
     return E.checkPropTypes = a, E.resetWarningCache = a.resetWarningCache, E.PropTypes = E, E;
   }, Or;
 }
-var _r, nt;
+var Cr, nt;
 function un() {
   if (nt)
-    return _r;
+    return Cr;
   nt = 1;
-  var e = Pr();
+  var e = Sr();
   function r() {
   }
   function o() {
   }
-  return o.resetWarningCache = r, _r = function() {
+  return o.resetWarningCache = r, Cr = function() {
     function n(s, f, d, p, g, m) {
       if (m !== e) {
         var l = new Error(
@@ -1360,7 +1360,7 @@ function un() {
       resetWarningCache: r
     };
     return i.PropTypes = i, i;
-  }, _r;
+  }, Cr;
 }
 if (process.env.NODE_ENV !== "production") {
   var ln = bt(), cn = !0;
@@ -1479,12 +1479,12 @@ const xn = {
   borderRadius: 4
 }, En = xn, An = process.env.NODE_ENV !== "production" ? He.oneOfType([He.number, He.string, He.object, He.array]) : {}, Re = An;
 function Je(e, r) {
-  return r ? _e(e, r, {
+  return r ? Ce(e, r, {
     clone: !1
     // No need to clone deep, it's way faster.
   }) : e;
 }
-const Sr = {
+const Pr = {
   xs: 0,
   // phone
   sm: 600,
@@ -1499,9 +1499,9 @@ const Sr = {
   // Sorted ASC by size. That's important.
   // It can't be configured as it's used statically for propTypes.
   keys: ["xs", "sm", "md", "lg", "xl"],
-  up: (e) => `@media (min-width:${Sr[e]}px)`
+  up: (e) => `@media (min-width:${Pr[e]}px)`
 };
-function Ce(e, r, o) {
+function _e(e, r, o) {
   const n = e.theme || {};
   if (Array.isArray(r)) {
     const i = n.breakpoints || at;
@@ -1510,7 +1510,7 @@ function Ce(e, r, o) {
   if (typeof r == "object") {
     const i = n.breakpoints || at;
     return Object.keys(r).reduce((s, f) => {
-      if (Object.keys(i.values || Sr).indexOf(f) !== -1) {
+      if (Object.keys(i.values || Pr).indexOf(f) !== -1) {
         const d = i.up(f);
         s[d] = o(r[f], f);
       } else {
@@ -1559,7 +1559,7 @@ function L(e) {
     if (s[r] == null)
       return null;
     const f = s[r], d = s.theme, p = ar(d, n) || {};
-    return Ce(s, f, (m) => {
+    return _e(s, f, (m) => {
       let l = or(p, a, m);
       return m === l && typeof m == "string" && (l = or(p, a, `${r}${m === "default" ? "" : xt(m)}`, m)), o === !1 ? l : {
         [o]: l
@@ -1570,11 +1570,11 @@ function L(e) {
     [r]: Re
   } : {}, i.filterProps = [r], i;
 }
-function _n(e) {
+function Cn(e) {
   const r = {};
   return (o) => (r[o] === void 0 && (r[o] = e(o)), r[o]);
 }
-const Cn = {
+const _n = {
   m: "margin",
   p: "padding"
 }, Rn = {
@@ -1589,15 +1589,15 @@ const Cn = {
   marginY: "my",
   paddingX: "px",
   paddingY: "py"
-}, wn = _n((e) => {
+}, wn = Cn((e) => {
   if (e.length > 2)
     if (it[e])
       e = it[e];
     else
       return [e];
-  const [r, o] = e.split(""), n = Cn[r], a = Rn[o] || "";
+  const [r, o] = e.split(""), n = _n[r], a = Rn[o] || "";
   return Array.isArray(a) ? a.map((i) => n + i) : [n + a];
-}), ir = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], sr = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], Pn = [...ir, ...sr];
+}), ir = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], sr = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], Sn = [...ir, ...sr];
 function Qe(e, r, o, n) {
   var a;
   const i = (a = ar(e, r, !1)) != null ? a : o;
@@ -1616,14 +1616,14 @@ function er(e, r) {
   const o = Math.abs(r), n = e(o);
   return r >= 0 ? n : typeof n == "number" ? -n : `-${n}`;
 }
-function Sn(e, r) {
+function Pn(e, r) {
   return (o) => e.reduce((n, a) => (n[a] = er(r, o), n), {});
 }
 function $n(e, r, o, n) {
   if (r.indexOf(o) === -1)
     return null;
-  const a = wn(o), i = Sn(a, n), s = e[o];
-  return Ce(e, s, i);
+  const a = wn(o), i = Pn(a, n), s = e[o];
+  return _e(e, s, i);
 }
 function At(e, r) {
   const o = Et(e.theme);
@@ -1639,7 +1639,7 @@ function Q(e) {
 }
 Q.propTypes = process.env.NODE_ENV !== "production" ? sr.reduce((e, r) => (e[r] = Re, e), {}) : {};
 Q.filterProps = sr;
-process.env.NODE_ENV !== "production" && Pn.reduce((e, r) => (e[r] = Re, e), {});
+process.env.NODE_ENV !== "production" && Sn.reduce((e, r) => (e[r] = Re, e), {});
 function kn(e = 8) {
   if (e.mui)
     return e;
@@ -1664,11 +1664,11 @@ const jn = L({
   prop: "border",
   themeKey: "borders",
   transform: Ee
-}), In = L({
+}), Mn = L({
   prop: "borderTop",
   themeKey: "borders",
   transform: Ee
-}), Mn = L({
+}), In = L({
   prop: "borderRight",
   themeKey: "borders",
   transform: Ee
@@ -1700,7 +1700,7 @@ const jn = L({
     const r = Qe(e.theme, "shape.borderRadius", 4, "borderRadius"), o = (n) => ({
       borderRadius: er(r, n)
     });
-    return Ce(e, e.borderRadius, o);
+    return _e(e, e.borderRadius, o);
   }
   return null;
 };
@@ -1708,13 +1708,13 @@ lr.propTypes = process.env.NODE_ENV !== "production" ? {
   borderRadius: Re
 } : {};
 lr.filterProps = ["borderRadius"];
-ur(jn, In, Mn, Dn, Bn, Nn, Fn, Wn, Un, Ln, lr);
+ur(jn, Mn, In, Dn, Bn, Nn, Fn, Wn, Un, Ln, lr);
 const cr = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
     const r = Qe(e.theme, "spacing", 8, "gap"), o = (n) => ({
       gap: er(r, n)
     });
-    return Ce(e, e.gap, o);
+    return _e(e, e.gap, o);
   }
   return null;
 };
@@ -1727,7 +1727,7 @@ const fr = (e) => {
     const r = Qe(e.theme, "spacing", 8, "columnGap"), o = (n) => ({
       columnGap: er(r, n)
     });
-    return Ce(e, e.columnGap, o);
+    return _e(e, e.columnGap, o);
   }
   return null;
 };
@@ -1740,7 +1740,7 @@ const dr = (e) => {
     const r = Qe(e.theme, "spacing", 8, "rowGap"), o = (n) => ({
       rowGap: er(r, n)
     });
-    return Ce(e, e.rowGap, o);
+    return _e(e, e.rowGap, o);
   }
   return null;
 };
@@ -1796,7 +1796,7 @@ const ro = L({
   if (e.maxWidth !== void 0 && e.maxWidth !== null) {
     const r = (o) => {
       var n, a;
-      const i = ((n = e.theme) == null || (n = n.breakpoints) == null || (n = n.values) == null ? void 0 : n[o]) || Sr[o];
+      const i = ((n = e.theme) == null || (n = n.breakpoints) == null || (n = n.values) == null ? void 0 : n[o]) || Pr[o];
       return i ? ((a = e.theme) == null || (a = a.breakpoints) == null ? void 0 : a.unit) !== "px" ? {
         maxWidth: `${i}${e.theme.breakpoints.unit}`
       } : {
@@ -1805,7 +1805,7 @@ const ro = L({
         maxWidth: me(o)
       };
     };
-    return Ce(e, e.maxWidth, r);
+    return _e(e, e.maxWidth, r);
   }
   return null;
 };
@@ -2145,7 +2145,7 @@ function co() {
         [o]: n
       };
     const l = ar(a, p) || {};
-    return m ? m(s) : Ce(s, n, (A) => {
+    return m ? m(s) : _e(s, n, (A) => {
       let b = or(l, g, A);
       return A === b && typeof A == "string" && (b = or(l, g, `${o}${A === "default" ? "" : xt(A)}`, A)), d === !1 ? b : {
         [d]: b
@@ -2178,7 +2178,7 @@ function co() {
             if (s[E])
               l = Je(l, e(E, A, i, s));
             else {
-              const b = Ce({
+              const b = _e({
                 theme: i
               }, A, (w) => ({
                 [E]: w
@@ -2206,7 +2206,7 @@ function po(e = {}, ...r) {
     spacing: a,
     shape: i = {}
   } = e, s = Le(e, fo), f = vn(o), d = kn(a);
-  let p = _e({
+  let p = Ce({
     breakpoints: f,
     direction: "ltr",
     components: {},
@@ -2217,7 +2217,7 @@ function po(e = {}, ...r) {
     spacing: d,
     shape: ie({}, En, i)
   }, s);
-  return p = r.reduce((g, m) => _e(g, m), p), p.unstable_sxConfig = ie({}, kr, s == null ? void 0 : s.unstable_sxConfig), p.unstable_sx = function(m) {
+  return p = r.reduce((g, m) => Ce(g, m), p), p.unstable_sxConfig = ie({}, kr, s == null ? void 0 : s.unstable_sxConfig), p.unstable_sx = function(m) {
     return Ot({
       sx: m,
       theme: this
@@ -2233,11 +2233,11 @@ function go(e) {
   let o = e.match(r);
   return o && o[0].length === 1 && (o = o.map((n) => n + n)), o ? `rgb${o.length === 4 ? "a" : ""}(${o.map((n, a) => a < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
 }
-function Se(e) {
+function Pe(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return Se(go(e));
+    return Pe(go(e));
   const r = e.indexOf("("), o = e.substring(0, r);
   if (["rgb", "rgba", "hsl", "hsla", "color"].indexOf(o) === -1)
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
@@ -2266,7 +2266,7 @@ function pr(e) {
   return r.indexOf("rgb") !== -1 ? n = n.map((a, i) => i < 3 ? parseInt(a, 10) : a) : r.indexOf("hsl") !== -1 && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), r.indexOf("color") !== -1 ? n = `${o} ${n.join(" ")}` : n = `${n.join(", ")}`, `${r}(${n})`;
 }
 function yo(e) {
-  e = Se(e);
+  e = Pe(e);
   const {
     values: r
   } = e, o = r[0], n = r[1] / 100, a = r[2] / 100, i = n * Math.min(a, 1 - a), s = (p, g = (p + o / 30) % 12) => a - i * Math.max(Math.min(g - 3, 9 - g, 1), -1);
@@ -2278,8 +2278,8 @@ function yo(e) {
   });
 }
 function st(e) {
-  e = Se(e);
-  let r = e.type === "hsl" || e.type === "hsla" ? Se(yo(e)).values : e.values;
+  e = Pe(e);
+  let r = e.type === "hsl" || e.type === "hsla" ? Pe(yo(e)).values : e.values;
   return r = r.map((o) => (e.type !== "color" && (o /= 255), o <= 0.03928 ? o / 12.92 : ((o + 0.055) / 1.055) ** 2.4)), Number((0.2126 * r[0] + 0.7152 * r[1] + 0.0722 * r[2]).toFixed(3));
 }
 function ut(e, r) {
@@ -2287,10 +2287,10 @@ function ut(e, r) {
   return (Math.max(o, n) + 0.05) / (Math.min(o, n) + 0.05);
 }
 function pe(e, r) {
-  return e = Se(e), r = jr(r), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${r}` : e.values[3] = r, pr(e);
+  return e = Pe(e), r = jr(r), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${r}` : e.values[3] = r, pr(e);
 }
 function mo(e, r) {
-  if (e = Se(e), r = jr(r), e.type.indexOf("hsl") !== -1)
+  if (e = Pe(e), r = jr(r), e.type.indexOf("hsl") !== -1)
     e.values[2] *= 1 - r;
   else if (e.type.indexOf("rgb") !== -1 || e.type.indexOf("color") !== -1)
     for (let o = 0; o < 3; o += 1)
@@ -2298,7 +2298,7 @@ function mo(e, r) {
   return pr(e);
 }
 function ho(e, r) {
-  if (e = Se(e), r = jr(r), e.type.indexOf("hsl") !== -1)
+  if (e = Pe(e), r = jr(r), e.type.indexOf("hsl") !== -1)
     e.values[2] += (100 - e.values[2]) * r;
   else if (e.type.indexOf("rgb") !== -1)
     for (let o = 0; o < 3; o += 1)
@@ -2401,7 +2401,7 @@ const vo = {
   A200: "#448aff",
   A400: "#2979ff",
   A700: "#2962ff"
-}, re = Oo, _o = {
+}, re = Oo, Co = {
   50: "#e1f5fe",
   100: "#b3e5fc",
   200: "#81d4fa",
@@ -2416,7 +2416,7 @@ const vo = {
   A200: "#40c4ff",
   A400: "#00b0ff",
   A700: "#0091ea"
-}, J = _o, Co = {
+}, J = Co, _o = {
   50: "#e8f5e9",
   100: "#c8e6c9",
   200: "#a5d6a7",
@@ -2431,7 +2431,7 @@ const vo = {
   A200: "#69f0ae",
   A400: "#00e676",
   A700: "#00c853"
-}, oe = Co, Ro = ["mode", "contrastThreshold", "tonalOffset"], lt = {
+}, oe = _o, Ro = ["mode", "contrastThreshold", "tonalOffset"], lt = {
   // The colors used to style the text.
   text: {
     // The most important text.
@@ -2468,7 +2468,7 @@ const vo = {
     focusOpacity: 0.12,
     activatedOpacity: 0.12
   }
-}, Cr = {
+}, _r = {
   text: {
     primary: Ze.white,
     secondary: "rgba(255, 255, 255, 0.7)",
@@ -2509,7 +2509,7 @@ function wo(e = "light") {
     dark: re[800]
   };
 }
-function Po(e = "light") {
+function So(e = "light") {
   return e === "dark" ? {
     main: Y[200],
     light: Y[50],
@@ -2520,7 +2520,7 @@ function Po(e = "light") {
     dark: Y[700]
   };
 }
-function So(e = "light") {
+function Po(e = "light") {
   return e === "dark" ? {
     main: q[500],
     light: q[300],
@@ -2565,14 +2565,14 @@ function jo(e = "light") {
     dark: ae[900]
   };
 }
-function Io(e) {
+function Mo(e) {
   const {
     mode: r = "light",
     contrastThreshold: o = 3,
     tonalOffset: n = 0.2
-  } = e, a = Le(e, Ro), i = e.primary || wo(r), s = e.secondary || Po(r), f = e.error || So(r), d = e.info || $o(r), p = e.success || ko(r), g = e.warning || jo(r);
+  } = e, a = Le(e, Ro), i = e.primary || wo(r), s = e.secondary || So(r), f = e.error || Po(r), d = e.info || $o(r), p = e.success || ko(r), g = e.warning || jo(r);
   function m(b) {
-    const w = ut(b, Cr.text.primary) >= o ? Cr.text.primary : lt.text.primary;
+    const w = ut(b, _r.text.primary) >= o ? _r.text.primary : lt.text.primary;
     if (process.env.NODE_ENV !== "production") {
       const N = ut(b, w);
       N < 3 && console.error([`MUI: The contrast ratio of ${N}:1 for ${w} on ${b}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
@@ -2607,10 +2607,10 @@ const theme2 = createTheme({ palette: {
 } });` : Ue(12, w ? ` (${w})` : "", JSON.stringify(b.main)));
     return ct(b, "light", G, n), ct(b, "dark", H, n), b.contrastText || (b.contrastText = m(b.main)), b;
   }, E = {
-    dark: Cr,
+    dark: _r,
     light: lt
   };
-  return process.env.NODE_ENV !== "production" && (E[r] || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), _e(ie({
+  return process.env.NODE_ENV !== "production" && (E[r] || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), Ce(ie({
     // A collection of common colors.
     common: ie({}, Ze),
     // prevent mutable object.
@@ -2664,7 +2664,7 @@ const theme2 = createTheme({ palette: {
     tonalOffset: n
   }, E[r]), a);
 }
-const Mo = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
+const Io = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
 function Do(e) {
   return Math.round(e * 1e5) / 1e5;
 }
@@ -2687,7 +2687,7 @@ function Bo(e, r) {
     // Apply the CSS properties to all the variants.
     allVariants: g,
     pxToRem: m
-  } = o, l = Le(o, Mo);
+  } = o, l = Le(o, Io);
   process.env.NODE_ENV !== "production" && (typeof a != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof p != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
   const E = a / 14, A = m || ((N) => `${N / p * E}rem`), b = (N, G, H, X, v) => ie({
     fontFamily: n,
@@ -2720,7 +2720,7 @@ function Bo(e, r) {
       letterSpacing: "inherit"
     }
   };
-  return _e(ie({
+  return Ce(ie({
     htmlFontSize: p,
     pxToRem: A,
     fontFamily: n,
@@ -2811,8 +2811,8 @@ function Xo(e = {}, ...r) {
   } = e, s = Le(e, Jo);
   if (e.vars)
     throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : Ue(18));
-  const f = Io(n), d = po(e);
-  let p = _e(d, {
+  const f = Mo(n), d = po(e);
+  let p = Ce(d, {
     mixins: bo(d.breakpoints, o),
     palette: f,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
@@ -2821,7 +2821,7 @@ function Xo(e = {}, ...r) {
     transitions: Ko(a),
     zIndex: ie({}, Ho)
   });
-  if (p = _e(p, s), p = r.reduce((g, m) => _e(g, m), p), process.env.NODE_ENV !== "production") {
+  if (p = Ce(p, s), p = r.reduce((g, m) => Ce(g, m), p), process.env.NODE_ENV !== "production") {
     const g = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], m = (l, E) => {
       let A;
       for (A in l) {
@@ -2853,6 +2853,71 @@ function Xo(e = {}, ...r) {
   }, p;
 }
 const Zo = {
+  MuiStepper: {
+    styleOverrides: {
+      root: {
+        justifyContent: "center"
+      }
+    }
+  },
+  MuiStep: {
+    styleOverrides: {
+      root: ({ theme: e, ownerState: r }) => ({
+        "> .MuiStepButton-root": {
+          ...e.typography.body2,
+          padding: "8px 20px",
+          "&:disabled": {
+            backgroundColor: "green"
+          },
+          "&.MuiButtonBase-root": {
+            backgroundColor: "white",
+            borderRadius: 100,
+            outline: "4px solid white",
+            border: `1px solid ${e.palette.neutral300}`,
+            ...r.active && {
+              border: `2px solid ${e.palette.primary.main}`,
+              // NOTE:
+              // These not selectors are useed to NOT inherit the active color if present. If you need to expand this see the other color variants of icons here: https://mui.com/material-ui/api/icon/
+              "& .MuiIcon-root:not(.MuiIcon-colorSuccess):not(.MuiIcon-colorWarning):not(.MuiIcon-colorError)": {
+                color: e.palette.primary.main
+              }
+            },
+            "&:disabled, &:hover": {
+              backgroundColor: e.palette.neutral200
+            },
+            "& .MuiStepLabel-labelContainer": {
+              color: e.palette.text.primary
+            },
+            // WARN:
+            // This customization removes the default icon when icon prop is not included.
+            "& .MuiSvgIcon-root": {
+              display: "none"
+            }
+          }
+        }
+      })
+    }
+  },
+  MuiStepConnector: {
+    styleOverrides: {
+      line: {
+        borderColor: "netural300",
+        borderWidth: "1px"
+      }
+    }
+  },
+  MuiStepButton: {
+    styleOverrides: {
+      root: ({ ownerState: e }) => ({
+        ...!e.icon && {
+          "& .MuiStepLabel-iconContainer": {
+            display: "none"
+          }
+        }
+      })
+    }
+  }
+}, Qo = {
   50: "#ede7f6",
   100: "#d1c4e9",
   200: "#b39ddb",
@@ -2867,7 +2932,7 @@ const Zo = {
   A200: "#7c4dff",
   A400: "#651fff",
   A700: "#6200ea"
-}, ce = Zo, Qo = {
+}, ce = Qo, ea = {
   50: "#e0f7fa",
   100: "#b2ebf2",
   200: "#80deea",
@@ -2882,7 +2947,7 @@ const Zo = {
   A200: "#18ffff",
   A400: "#00e5ff",
   A700: "#00b8d4"
-}, de = Qo, ea = {
+}, de = ea, ra = {
   50: "#f1f8e9",
   100: "#dcedc8",
   200: "#c5e1a5",
@@ -2897,7 +2962,7 @@ const Zo = {
   A200: "#b2ff59",
   A400: "#76ff03",
   A700: "#64dd17"
-}, xe = ea, ra = {
+}, xe = ra, ta = {
   50: "#fffde7",
   100: "#fff9c4",
   200: "#fff59d",
@@ -2912,7 +2977,7 @@ const Zo = {
   A200: "#ffff00",
   A400: "#ffea00",
   A700: "#ffd600"
-}, ue = ra, j = {
+}, ue = ta, j = {
   blue600: "#1389F6",
   blue700: "#287DFD",
   blue800: "#285AE6",
@@ -3163,11 +3228,12 @@ const Zo = {
     disabledBackground: ne[200],
     disabled: ne[700]
   }
-}, gt = "0.15px", ta = "5.5px", fa = Xo({
+}, gt = "0.15px", na = "5.5px", da = Xo({
   typography: {
     fontFamily: ["Inter", "Roboto", "sans-serif"].join(",")
   },
   components: {
+    ...Zo,
     MuiAutocomplete: {
       defaultProps: {
         ChipProps: {
@@ -3182,9 +3248,19 @@ const Zo = {
           }
         },
         inputRoot: ({ theme: e }) => ({
-          padding: e.spacing(1, 5, 1, 1.5),
-          ".MuiFilledInput-input": {
-            padding: 0
+          "&.MuiInputBase-hiddenLabel": {
+            padding: e.spacing(1, 1.5),
+            "& .MuiAutocomplete-input": {
+              padding: e.spacing(0)
+            }
+          },
+          "&.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall": {
+            paddingTop: e.spacing(0.5),
+            paddingBottom: e.spacing(0.5),
+            paddingLeft: e.spacing(1),
+            "& .MuiAutocomplete-input": {
+              padding: e.spacing(0)
+            }
           },
           gap: e.spacing(1)
         })
@@ -3366,7 +3442,7 @@ const Zo = {
     MuiFormControl: {
       styleOverrides: {
         root: {
-          gap: ta
+          gap: na
         }
       }
     },
@@ -3399,7 +3475,7 @@ const Zo = {
         disableUnderline: !0
       },
       styleOverrides: {
-        root: ({ theme: e, ownerState: r }) => ({
+        root: ({ theme: e }) => ({
           backgroundColor: e.palette.neutral100,
           borderRadius: e.spacing(1),
           lineHeight: e.spacing(3),
@@ -3426,29 +3502,23 @@ const Zo = {
           "&.Mui-readOnly": {
             border: `1px solid ${e.palette.neutral200}`,
             backgroundColor: "inherit"
-          },
-          "&": {
-            padding: e.spacing(1, 1.5),
-            ...r.size === "small" && {
-              padding: e.spacing(0.5, 1)
-            }
           }
         }),
-        input: {
-          padding: 0
-        }
+        input: ({ theme: e, ownerState: r }) => ({
+          padding: r.size === "small" ? e.spacing(0.5, 1) : e.spacing(1, 1.5)
+        })
       }
     }
   },
   palette: D
 });
 export {
-  aa as DemoComponent,
-  ia as HeaderMetadata,
-  ca as HeaderSubtitle,
-  sa as InkPageHeader,
-  ua as LinkBreadcrumbs,
-  fa as MovableUITheme,
-  la as PageHeaderActionButtons
+  ia as DemoComponent,
+  sa as HeaderMetadata,
+  fa as HeaderSubtitle,
+  ua as InkPageHeader,
+  la as LinkBreadcrumbs,
+  da as MovableUITheme,
+  ca as PageHeaderActionButtons
 };
 //# sourceMappingURL=index.mjs.map