@spesia/ui 1.0.4 → 1.0.5

package/dist/index.js

@@ -1,6 +1,6 @@
 import * as Wr from "react";
 import { jsx as ie, jsxs as er } from "react/jsx-runtime";
-const _e = {
+const Re = {
   black: "#000",
   white: "#fff"
 }, ve = {
@@ -108,12 +108,12 @@ function it() {
       }
     }
   }
-  function T(h) {
+  function E(h) {
     return $(h) === d;
   }
   return D.AsyncMode = f, D.ConcurrentMode = d, D.ContextConsumer = l, D.ContextProvider = c, D.Element = r, D.ForwardRef = y, D.Fragment = n, D.Lazy = b, D.Memo = C, D.Portal = t, D.Profiler = a, D.StrictMode = o, D.Suspense = p, D.isAsyncMode = function(h) {
-    return T(h) || $(h) === f;
-  }, D.isConcurrentMode = T, D.isContextConsumer = function(h) {
+    return E(h) || $(h) === f;
+  }, D.isConcurrentMode = E, D.isContextConsumer = function(h) {
     return $(h) === l;
   }, D.isContextProvider = function(h) {
     return $(h) === c;
@@ -139,7 +139,7 @@ function it() {
     return typeof h == "string" || typeof h == "function" || h === n || h === d || h === a || h === o || h === p || h === g || typeof h == "object" && h !== null && (h.$$typeof === b || h.$$typeof === C || h.$$typeof === c || h.$$typeof === l || h.$$typeof === y || h.$$typeof === w || h.$$typeof === k || h.$$typeof === K || h.$$typeof === s);
   }, D.typeOf = $, D;
 }
-var L = {};
+var j = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -156,7 +156,7 @@ function at() {
       return typeof v == "string" || typeof v == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
       v === n || v === d || v === a || v === o || v === p || v === g || typeof v == "object" && v !== null && (v.$$typeof === b || v.$$typeof === C || v.$$typeof === c || v.$$typeof === l || v.$$typeof === y || v.$$typeof === w || v.$$typeof === k || v.$$typeof === K || v.$$typeof === s);
     }
-    function T(v) {
+    function E(v) {
       if (typeof v == "object" && v !== null) {
         var se = v.$$typeof;
         switch (se) {
@@ -190,46 +190,46 @@ function at() {
     }
     var h = f, Z = d, re = l, le = c, Q = r, i = y, x = n, N = b, U = C, oe = t, de = a, ae = o, ye = p, Be = !1;
     function Je(v) {
-      return Be || (Be = !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.")), m(v) || T(v) === f;
+      return Be || (Be = !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.")), m(v) || E(v) === f;
     }
     function m(v) {
-      return T(v) === d;
+      return E(v) === d;
     }
     function S(v) {
-      return T(v) === l;
+      return E(v) === l;
     }
     function P(v) {
-      return T(v) === c;
+      return E(v) === c;
     }
-    function _(v) {
+    function R(v) {
       return typeof v == "object" && v !== null && v.$$typeof === r;
     }
     function O(v) {
-      return T(v) === y;
+      return E(v) === y;
     }
     function M(v) {
-      return T(v) === n;
+      return E(v) === n;
     }
     function A(v) {
-      return T(v) === b;
+      return E(v) === b;
     }
-    function R(v) {
-      return T(v) === C;
+    function _(v) {
+      return E(v) === C;
     }
     function I(v) {
-      return T(v) === t;
+      return E(v) === t;
     }
-    function j(v) {
-      return T(v) === a;
+    function L(v) {
+      return E(v) === a;
     }
     function B(v) {
-      return T(v) === o;
+      return E(v) === o;
     }
     function X(v) {
-      return T(v) === p;
+      return E(v) === p;
     }
-    L.AsyncMode = h, L.ConcurrentMode = Z, L.ContextConsumer = re, L.ContextProvider = le, L.Element = Q, L.ForwardRef = i, L.Fragment = x, L.Lazy = N, L.Memo = U, L.Portal = oe, L.Profiler = de, L.StrictMode = ae, L.Suspense = ye, L.isAsyncMode = Je, L.isConcurrentMode = m, L.isContextConsumer = S, L.isContextProvider = P, L.isElement = _, L.isForwardRef = O, L.isFragment = M, L.isLazy = A, L.isMemo = R, L.isPortal = I, L.isProfiler = j, L.isStrictMode = B, L.isSuspense = X, L.isValidElementType = $, L.typeOf = T;
-  }()), L;
+    j.AsyncMode = h, j.ConcurrentMode = Z, j.ContextConsumer = re, j.ContextProvider = le, j.Element = Q, j.ForwardRef = i, j.Fragment = x, j.Lazy = N, j.Memo = U, j.Portal = oe, j.Profiler = de, j.StrictMode = ae, j.Suspense = ye, j.isAsyncMode = Je, j.isConcurrentMode = m, j.isContextConsumer = S, j.isContextProvider = P, j.isElement = R, j.isForwardRef = O, j.isFragment = M, j.isLazy = A, j.isMemo = _, j.isPortal = I, j.isProfiler = L, j.isStrictMode = B, j.isSuspense = X, j.isValidElementType = $, j.typeOf = E;
+  }()), j;
 }
 var Cr;
 function zr() {
@@ -382,7 +382,7 @@ function lt() {
       symbol: k("symbol"),
       any: K(),
       arrayOf: $,
-      element: T(),
+      element: E(),
       elementType: h(),
       instanceOf: Z,
       node: i(),
@@ -402,30 +402,30 @@ function lt() {
     function w(m) {
       if (process.env.NODE_ENV !== "production")
         var S = {}, P = 0;
-      function _(M, A, R, I, j, B, X) {
-        if (I = I || g, B = B || R, X !== t) {
+      function R(M, A, _, I, L, B, X) {
+        if (I = I || g, B = B || _, X !== t) {
           if (f) {
             var v = 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 v.name = "Invariant Violation", v;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var se = I + ":" + R;
+            var se = I + ":" + _;
             !S[se] && // Avoid spamming the console because they are often not actionable except for lib authors
             P < 3 && (a(
               "You are manually calling a React.PropTypes validation function for the `" + B + "` prop on `" + I + "`. 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."
             ), S[se] = !0, P++);
           }
         }
-        return A[R] == null ? M ? A[R] === null ? new s("The " + j + " `" + B + "` is marked as required " + ("in `" + I + "`, but its value is `null`.")) : new s("The " + j + " `" + B + "` is marked as required in " + ("`" + I + "`, but its value is `undefined`.")) : null : m(A, R, I, j, B);
+        return A[_] == null ? M ? A[_] === null ? new s("The " + L + " `" + B + "` is marked as required " + ("in `" + I + "`, but its value is `null`.")) : new s("The " + L + " `" + B + "` is marked as required in " + ("`" + I + "`, but its value is `undefined`.")) : null : m(A, _, I, L, B);
       }
-      var O = _.bind(null, !1);
-      return O.isRequired = _.bind(null, !0), O;
+      var O = R.bind(null, !1);
+      return O.isRequired = R.bind(null, !0), O;
     }
     function k(m) {
-      function S(P, _, O, M, A, R) {
-        var I = P[_], j = ae(I);
-        if (j !== m) {
+      function S(P, R, O, M, A, _) {
+        var I = P[R], L = ae(I);
+        if (L !== m) {
           var B = ye(I);
           return new s(
             "Invalid " + M + " `" + A + "` of type " + ("`" + B + "` supplied to `" + O + "`, expected ") + ("`" + m + "`."),
@@ -440,16 +440,16 @@ function lt() {
       return w(c);
     }
     function $(m) {
-      function S(P, _, O, M, A) {
+      function S(P, R, O, M, A) {
         if (typeof m != "function")
           return new s("Property `" + A + "` of component `" + O + "` has invalid PropType notation inside arrayOf.");
-        var R = P[_];
-        if (!Array.isArray(R)) {
-          var I = ae(R);
+        var _ = P[R];
+        if (!Array.isArray(_)) {
+          var I = ae(_);
           return new s("Invalid " + M + " `" + A + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected an array."));
         }
-        for (var j = 0; j < R.length; j++) {
-          var B = m(R, j, O, M, A + "[" + j + "]", t);
+        for (var L = 0; L < _.length; L++) {
+          var B = m(_, L, O, M, A + "[" + L + "]", t);
           if (B instanceof Error)
             return B;
         }
@@ -457,33 +457,33 @@ function lt() {
       }
       return w(S);
     }
-    function T() {
-      function m(S, P, _, O, M) {
+    function E() {
+      function m(S, P, R, O, M) {
         var A = S[P];
         if (!l(A)) {
-          var R = ae(A);
-          return new s("Invalid " + O + " `" + M + "` of type " + ("`" + R + "` supplied to `" + _ + "`, expected a single ReactElement."));
+          var _ = ae(A);
+          return new s("Invalid " + O + " `" + M + "` of type " + ("`" + _ + "` supplied to `" + R + "`, expected a single ReactElement."));
         }
         return null;
       }
       return w(m);
     }
     function h() {
-      function m(S, P, _, O, M) {
+      function m(S, P, R, O, M) {
         var A = S[P];
         if (!e.isValidElementType(A)) {
-          var R = ae(A);
-          return new s("Invalid " + O + " `" + M + "` of type " + ("`" + R + "` supplied to `" + _ + "`, expected a single ReactElement type."));
+          var _ = ae(A);
+          return new s("Invalid " + O + " `" + M + "` of type " + ("`" + _ + "` supplied to `" + R + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return w(m);
     }
     function Z(m) {
-      function S(P, _, O, M, A) {
-        if (!(P[_] instanceof m)) {
-          var R = m.name || g, I = Je(P[_]);
-          return new s("Invalid " + M + " `" + A + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected ") + ("instance of `" + R + "`."));
+      function S(P, R, O, M, A) {
+        if (!(P[R] instanceof m)) {
+          var _ = m.name || g, I = Je(P[R]);
+          return new s("Invalid " + M + " `" + A + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected ") + ("instance of `" + _ + "`."));
         }
         return null;
       }
@@ -494,28 +494,28 @@ function lt() {
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? a(
           "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])."
         ) : a("Invalid argument supplied to oneOf, expected an array.")), c;
-      function S(P, _, O, M, A) {
-        for (var R = P[_], I = 0; I < m.length; I++)
-          if (b(R, m[I]))
+      function S(P, R, O, M, A) {
+        for (var _ = P[R], I = 0; I < m.length; I++)
+          if (b(_, m[I]))
             return null;
-        var j = JSON.stringify(m, function(X, v) {
+        var L = JSON.stringify(m, function(X, v) {
           var se = ye(v);
           return se === "symbol" ? String(v) : v;
         });
-        return new s("Invalid " + M + " `" + A + "` of value `" + String(R) + "` " + ("supplied to `" + O + "`, expected one of " + j + "."));
+        return new s("Invalid " + M + " `" + A + "` of value `" + String(_) + "` " + ("supplied to `" + O + "`, expected one of " + L + "."));
       }
       return w(S);
     }
     function le(m) {
-      function S(P, _, O, M, A) {
+      function S(P, R, O, M, A) {
         if (typeof m != "function")
           return new s("Property `" + A + "` of component `" + O + "` has invalid PropType notation inside objectOf.");
-        var R = P[_], I = ae(R);
+        var _ = P[R], I = ae(_);
         if (I !== "object")
           return new s("Invalid " + M + " `" + A + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected an object."));
-        for (var j in R)
-          if (n(R, j)) {
-            var B = m(R, j, O, M, A + "." + j, t);
+        for (var L in _)
+          if (n(_, L)) {
+            var B = m(_, L, O, M, A + "." + L, t);
             if (B instanceof Error)
               return B;
           }
@@ -533,39 +533,39 @@ function lt() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Be(P) + " at index " + S + "."
           ), c;
       }
-      function _(O, M, A, R, I) {
-        for (var j = [], B = 0; B < m.length; B++) {
-          var X = m[B], v = X(O, M, A, R, I, t);
+      function R(O, M, A, _, I) {
+        for (var L = [], B = 0; B < m.length; B++) {
+          var X = m[B], v = X(O, M, A, _, I, t);
           if (v == null)
             return null;
-          v.data && n(v.data, "expectedType") && j.push(v.data.expectedType);
+          v.data && n(v.data, "expectedType") && L.push(v.data.expectedType);
         }
-        var se = j.length > 0 ? ", expected one of type [" + j.join(", ") + "]" : "";
-        return new s("Invalid " + R + " `" + I + "` supplied to " + ("`" + A + "`" + se + "."));
+        var se = L.length > 0 ? ", expected one of type [" + L.join(", ") + "]" : "";
+        return new s("Invalid " + _ + " `" + I + "` supplied to " + ("`" + A + "`" + se + "."));
       }
-      return w(_);
+      return w(R);
     }
     function i() {
-      function m(S, P, _, O, M) {
-        return oe(S[P]) ? null : new s("Invalid " + O + " `" + M + "` supplied to " + ("`" + _ + "`, expected a ReactNode."));
+      function m(S, P, R, O, M) {
+        return oe(S[P]) ? null : new s("Invalid " + O + " `" + M + "` supplied to " + ("`" + R + "`, expected a ReactNode."));
       }
       return w(m);
     }
-    function x(m, S, P, _, O) {
+    function x(m, S, P, R, O) {
       return new s(
-        (m || "React class") + ": " + S + " type `" + P + "." + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + O + "`."
+        (m || "React class") + ": " + S + " type `" + P + "." + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + O + "`."
       );
     }
     function N(m) {
-      function S(P, _, O, M, A) {
-        var R = P[_], I = ae(R);
+      function S(P, R, O, M, A) {
+        var _ = P[R], I = ae(_);
         if (I !== "object")
           return new s("Invalid " + M + " `" + A + "` of type `" + I + "` " + ("supplied to `" + O + "`, expected `object`."));
-        for (var j in m) {
-          var B = m[j];
+        for (var L in m) {
+          var B = m[L];
           if (typeof B != "function")
-            return x(O, M, A, j, ye(B));
-          var X = B(R, j, O, M, A + "." + j, t);
+            return x(O, M, A, L, ye(B));
+          var X = B(_, L, O, M, A + "." + L, t);
           if (X)
             return X;
         }
@@ -574,21 +574,21 @@ function lt() {
       return w(S);
     }
     function U(m) {
-      function S(P, _, O, M, A) {
-        var R = P[_], I = ae(R);
+      function S(P, R, O, M, A) {
+        var _ = P[R], I = ae(_);
         if (I !== "object")
           return new s("Invalid " + M + " `" + A + "` of type `" + I + "` " + ("supplied to `" + O + "`, expected `object`."));
-        var j = r({}, P[_], m);
-        for (var B in j) {
+        var L = r({}, P[R], m);
+        for (var B in L) {
           var X = m[B];
           if (n(m, B) && typeof X != "function")
             return x(O, M, A, B, ye(X));
           if (!X)
             return new s(
-              "Invalid " + M + " `" + A + "` key `" + B + "` supplied to `" + O + "`.\nBad object: " + JSON.stringify(P[_], null, "  ") + `
+              "Invalid " + M + " `" + A + "` key `" + B + "` supplied to `" + O + "`.\nBad object: " + JSON.stringify(P[R], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(m), null, "  ")
             );
-          var v = X(R, B, O, M, A + "." + B, t);
+          var v = X(_, B, O, M, A + "." + B, t);
           if (v)
             return v;
         }
@@ -611,14 +611,14 @@ Valid keys: ` + JSON.stringify(Object.keys(m), null, "  ")
             return !0;
           var S = p(m);
           if (S) {
-            var P = S.call(m), _;
+            var P = S.call(m), R;
             if (S !== m.entries) {
-              for (; !(_ = P.next()).done; )
-                if (!oe(_.value))
+              for (; !(R = P.next()).done; )
+                if (!oe(R.value))
                   return !1;
             } else
-              for (; !(_ = P.next()).done; ) {
-                var O = _.value;
+              for (; !(R = P.next()).done; ) {
+                var O = R.value;
                 if (O && !oe(O[1]))
                   return !1;
               }
@@ -1020,7 +1020,7 @@ const We = {
   // desktop
   xl: 1536
   // large screen
-}, _r = {
+}, Rr = {
   // 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"],
@@ -1036,11 +1036,11 @@ const We = {
 function fe(e, r, t) {
   const n = e.theme || {};
   if (Array.isArray(r)) {
-    const a = n.breakpoints || _r;
+    const a = n.breakpoints || Rr;
     return r.reduce((c, l, f) => (c[a.up(a.keys[f])] = t(r[f]), c), {});
   }
   if (typeof r == "object") {
-    const a = n.breakpoints || _r;
+    const a = n.breakpoints || Rr;
     return Object.keys(r).reduce((c, l) => {
       if (vt(a.keys, l)) {
         const f = St(n.containerQueries ? n : Tt, l);
@@ -1124,20 +1124,20 @@ const Ot = {
   l: "Left",
   x: ["Left", "Right"],
   y: ["Top", "Bottom"]
-}, Rr = {
+}, _r = {
   marginX: "mx",
   marginY: "my",
   paddingX: "px",
   paddingY: "py"
 }, At = $t((e) => {
   if (e.length > 2)
-    if (Rr[e])
-      e = Rr[e];
+    if (_r[e])
+      e = _r[e];
     else
       return [e];
   const [r, t] = e.split(""), n = Ot[r], o = kt[t] || "";
   return Array.isArray(o) ? o.map((a) => n + a) : [n + o];
-}), ze = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Ye = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], _t = [...ze, ...Ye];
+}), ze = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Ye = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], Rt = [...ze, ...Ye];
 function Me(e, r, t, n) {
   const o = Ve(e, r, !0) ?? t;
   return typeof o == "number" || typeof o == "string" ? (a) => typeof a == "string" ? a : (process.env.NODE_ENV !== "production" && typeof a != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${a}.`), typeof o == "string" ? `calc(${a} * ${o})` : o * a) : Array.isArray(o) ? (a) => {
@@ -1159,13 +1159,13 @@ function gr(e) {
 function Ie(e, r) {
   return typeof r == "string" || r == null ? r : e(r);
 }
-function Rt(e, r) {
+function _t(e, r) {
   return (t) => e.reduce((n, o) => (n[o] = Ie(r, t), n), {});
 }
 function Pt(e, r, t, n) {
   if (!r.includes(t))
     return null;
-  const o = At(t), a = Rt(o, n), c = e[t];
+  const o = At(t), a = _t(o, n), c = e[t];
   return fe(e, c, a);
 }
 function qr(e, r) {
@@ -1182,7 +1182,7 @@ function H(e) {
 }
 H.propTypes = process.env.NODE_ENV !== "production" ? Ye.reduce((e, r) => (e[r] = he, e), {}) : {};
 H.filterProps = Ye;
-process.env.NODE_ENV !== "production" && _t.reduce((e, r) => (e[r] = he, e), {});
+process.env.NODE_ENV !== "production" && Rt.reduce((e, r) => (e[r] = he, e), {});
 function Kr(e = 8, r = gr({
   spacing: e
 })) {
@@ -1210,7 +1210,7 @@ function ne(e, r) {
     transform: r
   });
 }
-const Mt = ne("border", te), It = ne("borderTop", te), Bt = ne("borderRight", te), Nt = ne("borderBottom", te), Dt = ne("borderLeft", te), Lt = ne("borderColor"), jt = ne("borderTopColor"), Ft = ne("borderRightColor"), Wt = ne("borderBottomColor"), Vt = ne("borderLeftColor"), zt = ne("outline", te), Yt = ne("outlineColor"), Ge = (e) => {
+const Mt = ne("border", te), It = ne("borderTop", te), Bt = ne("borderRight", te), Nt = ne("borderBottom", te), Dt = ne("borderLeft", te), jt = ne("borderColor"), Lt = ne("borderTopColor"), Ft = ne("borderRightColor"), Wt = ne("borderBottomColor"), Vt = ne("borderLeftColor"), zt = ne("outline", te), Yt = ne("outlineColor"), Ge = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
     const r = Me(e.theme, "shape.borderRadius", 4, "borderRadius"), t = (n) => ({
       borderRadius: Ie(r, n)
@@ -1223,7 +1223,7 @@ Ge.propTypes = process.env.NODE_ENV !== "production" ? {
   borderRadius: he
 } : {};
 Ge.filterProps = ["borderRadius"];
-Ue(Mt, It, Bt, Nt, Dt, Lt, jt, Ft, Wt, Vt, Ge, zt, Yt);
+Ue(Mt, It, Bt, Nt, Dt, jt, Lt, Ft, Wt, Vt, Ge, zt, Yt);
 const He = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
     const r = Me(e.theme, "spacing", 8, "gap"), t = (n) => ({
@@ -1877,14 +1877,14 @@ function Mr(e, r) {
 function xn(e, r) {
   return e = me(e), r = hr(r), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${r}` : e.values[3] = r, Xe(e);
 }
-function Le(e, r, t) {
+function je(e, r, t) {
   try {
     return xn(e, r);
   } catch {
     return e;
   }
 }
-function Re(e, r) {
+function _e(e, r) {
   if (e = me(e), r = hr(r), e.type.includes("hsl"))
     e.values[2] *= 1 - r;
   else if (e.type.includes("rgb") || e.type.includes("color"))
@@ -1894,7 +1894,7 @@ function Re(e, r) {
 }
 function V(e, r, t) {
   try {
-    return Re(e, r);
+    return _e(e, r);
   } catch {
     return e;
   }
@@ -1918,9 +1918,9 @@ function z(e, r, t) {
   }
 }
 function Tn(e, r = 0.15) {
-  return fr(e) > 0.5 ? Re(e, r) : Pe(e, r);
+  return fr(e) > 0.5 ? _e(e, r) : Pe(e, r);
 }
-function je(e, r, t) {
+function Le(e, r, t) {
   try {
     return Tn(e, r);
   } catch {
@@ -1992,12 +1992,12 @@ function On(e, r = {}) {
     [l]: b,
     ...s
   } = a;
-  if (Object.entries(s || {}).forEach(([$, T]) => {
+  if (Object.entries(s || {}).forEach(([$, E]) => {
     const {
       vars: h,
       css: Z,
       varsWithDefaults: re
-    } = sr(T, r);
+    } = sr(E, r);
     g = ee(g, re), C[$] = {
       css: Z,
       vars: h
@@ -2005,22 +2005,22 @@ function On(e, r = {}) {
   }), b) {
     const {
       css: $,
-      vars: T,
+      vars: E,
       varsWithDefaults: h
     } = sr(b, r);
     g = ee(g, h), C[l] = {
       css: $,
-      vars: T
+      vars: E
     };
   }
-  function w($, T) {
+  function w($, E) {
     var Z, re;
     let h = o;
     if (o === "class" && (h = ".%s"), o === "data" && (h = "[data-%s]"), o != null && o.startsWith("data-") && !o.includes("%s") && (h = `[${o}="%s"]`), $) {
       if (h === "media")
         return e.defaultColorScheme === $ ? ":root" : {
           [`@media (prefers-color-scheme: ${((re = (Z = a[$]) == null ? void 0 : Z.palette) == null ? void 0 : re.mode) || $})`]: {
-            ":root": T
+            ":root": E
           }
         };
       if (h)
@@ -2035,14 +2035,14 @@ function On(e, r = {}) {
         ...d
       };
       return Object.entries(C).forEach(([, {
-        vars: T
+        vars: E
       }]) => {
-        $ = ee($, T);
+        $ = ee($, E);
       }), $;
     },
     generateStyleSheets: () => {
       var le, Q;
-      const $ = [], T = e.defaultColorScheme || "light";
+      const $ = [], E = e.defaultColorScheme || "light";
       function h(i, x) {
         Object.keys(x).length && $.push(typeof i == "string" ? {
           [i]: {
@@ -2054,19 +2054,19 @@ function On(e, r = {}) {
         ...y
       }), y);
       const {
-        [T]: Z,
+        [E]: Z,
         ...re
       } = C;
       if (Z) {
         const {
           css: i
-        } = Z, x = (Q = (le = a[T]) == null ? void 0 : le.palette) == null ? void 0 : Q.mode, N = !n && x ? {
+        } = Z, x = (Q = (le = a[E]) == null ? void 0 : le.palette) == null ? void 0 : Q.mode, N = !n && x ? {
           colorScheme: x,
           ...i
         } : {
           ...i
         };
-        h(t(T, {
+        h(t(E, {
           ...N
         }), N);
       }
@@ -2108,8 +2108,8 @@ function Qr() {
     // The background colors used to style the surfaces.
     // Consistency between these values is important.
     background: {
-      paper: _e.white,
-      default: _e.white
+      paper: Re.white,
+      default: Re.white
     },
     // The colors used to style the action elements.
     action: {
@@ -2136,7 +2136,7 @@ const An = Qr();
 function Xr() {
   return {
     text: {
-      primary: _e.white,
+      primary: Re.white,
       secondary: "rgba(255, 255, 255, 0.7)",
       disabled: "rgba(255, 255, 255, 0.5)",
       icon: "rgba(255, 255, 255, 0.5)"
@@ -2147,7 +2147,7 @@ function Xr() {
       default: "#121212"
     },
     action: {
-      active: _e.white,
+      active: Re.white,
       hover: "rgba(255, 255, 255, 0.08)",
       hoverOpacity: 0.08,
       selected: "rgba(255, 255, 255, 0.16)",
@@ -2164,9 +2164,9 @@ function Xr() {
 const Br = Xr();
 function Nr(e, r, t, n) {
   const o = n.light || n, a = n.dark || n * 1.5;
-  e[r] || (e.hasOwnProperty(t) ? e[r] = e[t] : r === "light" ? e.light = Pe(e.main, o) : r === "dark" && (e.dark = Re(e.main, a)));
+  e[r] || (e.hasOwnProperty(t) ? e[r] = e[t] : r === "light" ? e.light = Pe(e.main, o) : r === "dark" && (e.dark = _e(e.main, a)));
 }
-function _n(e = "light") {
+function Rn(e = "light") {
   return e === "dark" ? {
     main: Ce[200],
     light: Ce[50],
@@ -2177,7 +2177,7 @@ function _n(e = "light") {
     dark: Ce[800]
   };
 }
-function Rn(e = "light") {
+function _n(e = "light") {
   return e === "dark" ? {
     main: Se[200],
     light: Se[50],
@@ -2239,7 +2239,7 @@ function yr(e) {
     contrastThreshold: t = 3,
     tonalOffset: n = 0.2,
     ...o
-  } = e, a = e.primary || _n(r), c = e.secondary || Rn(r), l = e.error || Pn(r), f = e.info || Mn(r), d = e.success || In(r), y = e.warning || Bn(r);
+  } = e, a = e.primary || Rn(r), c = e.secondary || _n(r), l = e.error || Pn(r), f = e.info || Mn(r), d = e.success || In(r), y = e.warning || Bn(r);
   function p(s) {
     const w = Mr(s, Br.text.primary) >= t ? Br.text.primary : An.text.primary;
     if (process.env.NODE_ENV !== "production") {
@@ -2282,7 +2282,7 @@ const theme2 = createTheme({ palette: {
   return r === "light" ? C = Qr() : r === "dark" && (C = Xr()), process.env.NODE_ENV !== "production" && (C || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), ee({
     // A collection of common colors.
     common: {
-      ..._e
+      ...Re
     },
     // prevent mutable object.
     // The palette mode, can be light or dark.
@@ -2360,15 +2360,15 @@ function Dn(e, r) {
     ...r
   };
 }
-function Ln(e) {
+function jn(e) {
   return Math.round(e * 1e5) / 1e5;
 }
 const Dr = {
   textTransform: "uppercase"
-}, Lr = '"Roboto", "Helvetica", "Arial", sans-serif';
-function jn(e, r) {
+}, jr = '"Roboto", "Helvetica", "Arial", sans-serif';
+function Ln(e, r) {
   const {
-    fontFamily: t = Lr,
+    fontFamily: t = jr,
     // The default font size of the Material Specification.
     fontSize: n = 14,
     // px
@@ -2385,7 +2385,7 @@ function jn(e, r) {
     ...p
   } = typeof r == "function" ? r(e) : r;
   process.env.NODE_ENV !== "production" && (typeof n != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof f != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
-  const g = n / 14, C = y || ((w) => `${w / f * g}rem`), b = (w, k, K, $, T) => ({
+  const g = n / 14, C = y || ((w) => `${w / f * g}rem`), b = (w, k, K, $, E) => ({
     fontFamily: t,
     fontWeight: w,
     fontSize: C(k),
@@ -2393,10 +2393,10 @@ function jn(e, r) {
     lineHeight: K,
     // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
     // across font-families can cause issues with the kerning.
-    ...t === Lr ? {
-      letterSpacing: `${Ln($ / k)}em`
+    ...t === jr ? {
+      letterSpacing: `${jn($ / k)}em`
     } : {},
-    ...T,
+    ...E,
     ...d
   }), s = {
     h1: b(o, 96, 1.167, -1.5),
@@ -2463,7 +2463,7 @@ const zn = ["none", Y(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), Y(0, 3, 1, -2, 0, 2,
   // recommended when something is leaving screen
   leavingScreen: 195
 };
-function jr(e) {
+function Lr(e) {
   return `${Math.round(e)}ms`;
 }
 function Gn(e) {
@@ -2494,7 +2494,7 @@ function Hn(e) {
         !y(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !p(c) && !y(c) && console.error(`MUI: Argument "duration" must be a number or a string but found ${c}.`), y(l) || console.error('MUI: Argument "easing" must be a string.'), !p(f) && !y(f) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof a != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
 `)), Object.keys(d).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(d).join(",")}].`);
       }
-      return (Array.isArray(o) ? o : [o]).map((y) => `${y} ${typeof c == "string" ? c : jr(c)} ${l} ${typeof f == "string" ? f : jr(f)}`).join(",");
+      return (Array.isArray(o) ? o : [o]).map((y) => `${y} ${typeof c == "string" ? c : Lr(c)} ${l} ${typeof f == "string" ? f : Lr(f)}`).join(",");
     },
     ...e,
     easing: r,
@@ -2557,7 +2557,7 @@ function dr(e = {}, ...r) {
     palette: y,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
     shadows: zn.slice(),
-    typography: jn(y, l),
+    typography: Ln(y, l),
     transitions: Hn(c),
     zIndex: {
       ...qn
@@ -2764,7 +2764,7 @@ function io(e = {}, ...r) {
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${p}\` option is either missing or invalid.` : ge(21, p));
   const $ = cr(k, K, d, p);
   b && !k.light && cr(k, b, void 0, "light"), s && !k.dark && cr(k, s, void 0, "dark");
-  let T = {
+  let E = {
     defaultColorScheme: p,
     ...$,
     cssVarPrefix: a,
@@ -2778,49 +2778,49 @@ function io(e = {}, ...r) {
     },
     spacing: no(d.spacing)
   };
-  Object.keys(T.colorSchemes).forEach((Q) => {
-    const i = T.colorSchemes[Q].palette, x = (N) => {
+  Object.keys(E.colorSchemes).forEach((Q) => {
+    const i = E.colorSchemes[Q].palette, x = (N) => {
       const U = N.split("-"), oe = U[1], de = U[2];
       return g(N, i[oe][de]);
     };
     if (i.mode === "light" && (u(i.common, "background", "#fff"), u(i.common, "onBackground", "#000")), i.mode === "dark" && (u(i.common, "background", "#000"), u(i.common, "onBackground", "#fff")), to(i, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), i.mode === "light") {
       u(i.Alert, "errorColor", V(i.error.light, 0.6)), u(i.Alert, "infoColor", V(i.info.light, 0.6)), u(i.Alert, "successColor", V(i.success.light, 0.6)), u(i.Alert, "warningColor", V(i.warning.light, 0.6)), u(i.Alert, "errorFilledBg", x("palette-error-main")), u(i.Alert, "infoFilledBg", x("palette-info-main")), u(i.Alert, "successFilledBg", x("palette-success-main")), u(i.Alert, "warningFilledBg", x("palette-warning-main")), u(i.Alert, "errorFilledColor", ce(() => i.getContrastText(i.error.main))), u(i.Alert, "infoFilledColor", ce(() => i.getContrastText(i.info.main))), u(i.Alert, "successFilledColor", ce(() => i.getContrastText(i.success.main))), u(i.Alert, "warningFilledColor", ce(() => i.getContrastText(i.warning.main))), u(i.Alert, "errorStandardBg", z(i.error.light, 0.9)), u(i.Alert, "infoStandardBg", z(i.info.light, 0.9)), u(i.Alert, "successStandardBg", z(i.success.light, 0.9)), u(i.Alert, "warningStandardBg", z(i.warning.light, 0.9)), u(i.Alert, "errorIconColor", x("palette-error-main")), u(i.Alert, "infoIconColor", x("palette-info-main")), u(i.Alert, "successIconColor", x("palette-success-main")), u(i.Alert, "warningIconColor", x("palette-warning-main")), u(i.AppBar, "defaultBg", x("palette-grey-100")), u(i.Avatar, "defaultBg", x("palette-grey-400")), u(i.Button, "inheritContainedBg", x("palette-grey-300")), u(i.Button, "inheritContainedHoverBg", x("palette-grey-A100")), u(i.Chip, "defaultBorder", x("palette-grey-400")), u(i.Chip, "defaultAvatarColor", x("palette-grey-700")), u(i.Chip, "defaultIconColor", x("palette-grey-700")), u(i.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), u(i.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), u(i.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), u(i.LinearProgress, "primaryBg", z(i.primary.main, 0.62)), u(i.LinearProgress, "secondaryBg", z(i.secondary.main, 0.62)), u(i.LinearProgress, "errorBg", z(i.error.main, 0.62)), u(i.LinearProgress, "infoBg", z(i.info.main, 0.62)), u(i.LinearProgress, "successBg", z(i.success.main, 0.62)), u(i.LinearProgress, "warningBg", z(i.warning.main, 0.62)), u(i.Skeleton, "bg", `rgba(${x("palette-text-primaryChannel")} / 0.11)`), u(i.Slider, "primaryTrack", z(i.primary.main, 0.62)), u(i.Slider, "secondaryTrack", z(i.secondary.main, 0.62)), u(i.Slider, "errorTrack", z(i.error.main, 0.62)), u(i.Slider, "infoTrack", z(i.info.main, 0.62)), u(i.Slider, "successTrack", z(i.success.main, 0.62)), u(i.Slider, "warningTrack", z(i.warning.main, 0.62));
-      const N = je(i.background.default, 0.8);
-      u(i.SnackbarContent, "bg", N), u(i.SnackbarContent, "color", ce(() => i.getContrastText(N))), u(i.SpeedDialAction, "fabHoverBg", je(i.background.paper, 0.15)), u(i.StepConnector, "border", x("palette-grey-400")), u(i.StepContent, "border", x("palette-grey-400")), u(i.Switch, "defaultColor", x("palette-common-white")), u(i.Switch, "defaultDisabledColor", x("palette-grey-100")), u(i.Switch, "primaryDisabledColor", z(i.primary.main, 0.62)), u(i.Switch, "secondaryDisabledColor", z(i.secondary.main, 0.62)), u(i.Switch, "errorDisabledColor", z(i.error.main, 0.62)), u(i.Switch, "infoDisabledColor", z(i.info.main, 0.62)), u(i.Switch, "successDisabledColor", z(i.success.main, 0.62)), u(i.Switch, "warningDisabledColor", z(i.warning.main, 0.62)), u(i.TableCell, "border", z(Le(i.divider, 1), 0.88)), u(i.Tooltip, "bg", Le(i.grey[700], 0.92));
+      const N = Le(i.background.default, 0.8);
+      u(i.SnackbarContent, "bg", N), u(i.SnackbarContent, "color", ce(() => i.getContrastText(N))), u(i.SpeedDialAction, "fabHoverBg", Le(i.background.paper, 0.15)), u(i.StepConnector, "border", x("palette-grey-400")), u(i.StepContent, "border", x("palette-grey-400")), u(i.Switch, "defaultColor", x("palette-common-white")), u(i.Switch, "defaultDisabledColor", x("palette-grey-100")), u(i.Switch, "primaryDisabledColor", z(i.primary.main, 0.62)), u(i.Switch, "secondaryDisabledColor", z(i.secondary.main, 0.62)), u(i.Switch, "errorDisabledColor", z(i.error.main, 0.62)), u(i.Switch, "infoDisabledColor", z(i.info.main, 0.62)), u(i.Switch, "successDisabledColor", z(i.success.main, 0.62)), u(i.Switch, "warningDisabledColor", z(i.warning.main, 0.62)), u(i.TableCell, "border", z(je(i.divider, 1), 0.88)), u(i.Tooltip, "bg", je(i.grey[700], 0.92));
     }
     if (i.mode === "dark") {
       u(i.Alert, "errorColor", z(i.error.light, 0.6)), u(i.Alert, "infoColor", z(i.info.light, 0.6)), u(i.Alert, "successColor", z(i.success.light, 0.6)), u(i.Alert, "warningColor", z(i.warning.light, 0.6)), u(i.Alert, "errorFilledBg", x("palette-error-dark")), u(i.Alert, "infoFilledBg", x("palette-info-dark")), u(i.Alert, "successFilledBg", x("palette-success-dark")), u(i.Alert, "warningFilledBg", x("palette-warning-dark")), u(i.Alert, "errorFilledColor", ce(() => i.getContrastText(i.error.dark))), u(i.Alert, "infoFilledColor", ce(() => i.getContrastText(i.info.dark))), u(i.Alert, "successFilledColor", ce(() => i.getContrastText(i.success.dark))), u(i.Alert, "warningFilledColor", ce(() => i.getContrastText(i.warning.dark))), u(i.Alert, "errorStandardBg", V(i.error.light, 0.9)), u(i.Alert, "infoStandardBg", V(i.info.light, 0.9)), u(i.Alert, "successStandardBg", V(i.success.light, 0.9)), u(i.Alert, "warningStandardBg", V(i.warning.light, 0.9)), u(i.Alert, "errorIconColor", x("palette-error-main")), u(i.Alert, "infoIconColor", x("palette-info-main")), u(i.Alert, "successIconColor", x("palette-success-main")), u(i.Alert, "warningIconColor", x("palette-warning-main")), u(i.AppBar, "defaultBg", x("palette-grey-900")), u(i.AppBar, "darkBg", x("palette-background-paper")), u(i.AppBar, "darkColor", x("palette-text-primary")), u(i.Avatar, "defaultBg", x("palette-grey-600")), u(i.Button, "inheritContainedBg", x("palette-grey-800")), u(i.Button, "inheritContainedHoverBg", x("palette-grey-700")), u(i.Chip, "defaultBorder", x("palette-grey-700")), u(i.Chip, "defaultAvatarColor", x("palette-grey-300")), u(i.Chip, "defaultIconColor", x("palette-grey-300")), u(i.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), u(i.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), u(i.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), u(i.LinearProgress, "primaryBg", V(i.primary.main, 0.5)), u(i.LinearProgress, "secondaryBg", V(i.secondary.main, 0.5)), u(i.LinearProgress, "errorBg", V(i.error.main, 0.5)), u(i.LinearProgress, "infoBg", V(i.info.main, 0.5)), u(i.LinearProgress, "successBg", V(i.success.main, 0.5)), u(i.LinearProgress, "warningBg", V(i.warning.main, 0.5)), u(i.Skeleton, "bg", `rgba(${x("palette-text-primaryChannel")} / 0.13)`), u(i.Slider, "primaryTrack", V(i.primary.main, 0.5)), u(i.Slider, "secondaryTrack", V(i.secondary.main, 0.5)), u(i.Slider, "errorTrack", V(i.error.main, 0.5)), u(i.Slider, "infoTrack", V(i.info.main, 0.5)), u(i.Slider, "successTrack", V(i.success.main, 0.5)), u(i.Slider, "warningTrack", V(i.warning.main, 0.5));
-      const N = je(i.background.default, 0.98);
-      u(i.SnackbarContent, "bg", N), u(i.SnackbarContent, "color", ce(() => i.getContrastText(N))), u(i.SpeedDialAction, "fabHoverBg", je(i.background.paper, 0.15)), u(i.StepConnector, "border", x("palette-grey-600")), u(i.StepContent, "border", x("palette-grey-600")), u(i.Switch, "defaultColor", x("palette-grey-300")), u(i.Switch, "defaultDisabledColor", x("palette-grey-600")), u(i.Switch, "primaryDisabledColor", V(i.primary.main, 0.55)), u(i.Switch, "secondaryDisabledColor", V(i.secondary.main, 0.55)), u(i.Switch, "errorDisabledColor", V(i.error.main, 0.55)), u(i.Switch, "infoDisabledColor", V(i.info.main, 0.55)), u(i.Switch, "successDisabledColor", V(i.success.main, 0.55)), u(i.Switch, "warningDisabledColor", V(i.warning.main, 0.55)), u(i.TableCell, "border", V(Le(i.divider, 1), 0.68)), u(i.Tooltip, "bg", Le(i.grey[700], 0.92));
+      const N = Le(i.background.default, 0.98);
+      u(i.SnackbarContent, "bg", N), u(i.SnackbarContent, "color", ce(() => i.getContrastText(N))), u(i.SpeedDialAction, "fabHoverBg", Le(i.background.paper, 0.15)), u(i.StepConnector, "border", x("palette-grey-600")), u(i.StepContent, "border", x("palette-grey-600")), u(i.Switch, "defaultColor", x("palette-grey-300")), u(i.Switch, "defaultDisabledColor", x("palette-grey-600")), u(i.Switch, "primaryDisabledColor", V(i.primary.main, 0.55)), u(i.Switch, "secondaryDisabledColor", V(i.secondary.main, 0.55)), u(i.Switch, "errorDisabledColor", V(i.error.main, 0.55)), u(i.Switch, "infoDisabledColor", V(i.info.main, 0.55)), u(i.Switch, "successDisabledColor", V(i.success.main, 0.55)), u(i.Switch, "warningDisabledColor", V(i.warning.main, 0.55)), u(i.TableCell, "border", V(je(i.divider, 1), 0.68)), u(i.Tooltip, "bg", je(i.grey[700], 0.92));
     }
     ue(i.background, "default"), ue(i.background, "paper"), ue(i.common, "background"), ue(i.common, "onBackground"), ue(i, "divider"), Object.keys(i).forEach((N) => {
       const U = i[N];
       N !== "tonalOffset" && U && typeof U == "object" && (U.main && u(i[N], "mainChannel", Oe(ke(U.main))), U.light && u(i[N], "lightChannel", Oe(ke(U.light))), U.dark && u(i[N], "darkChannel", Oe(ke(U.dark))), U.contrastText && u(i[N], "contrastTextChannel", Oe(ke(U.contrastText))), N === "text" && (ue(i[N], "primary"), ue(i[N], "secondary")), N === "action" && (U.active && ue(i[N], "active"), U.selected && ue(i[N], "selected")));
     });
-  }), T = r.reduce((Q, i) => ee(Q, i), T);
+  }), E = r.reduce((Q, i) => ee(Q, i), E);
   const h = {
     prefix: a,
     disableCssColorScheme: o,
     shouldSkipGeneratingVar: c,
-    getSelector: ro(T)
+    getSelector: ro(E)
   }, {
     vars: Z,
     generateThemeVars: re,
     generateStyleSheets: le
-  } = On(T, h);
-  return T.vars = Z, Object.entries(T.colorSchemes[T.defaultColorScheme]).forEach(([Q, i]) => {
-    T[Q] = i;
-  }), T.generateThemeVars = re, T.generateStyleSheets = le, T.generateSpacing = function() {
+  } = On(E, h);
+  return E.vars = Z, Object.entries(E.colorSchemes[E.defaultColorScheme]).forEach(([Q, i]) => {
+    E[Q] = i;
+  }), E.generateThemeVars = re, E.generateStyleSheets = le, E.generateSpacing = function() {
     return Kr(d.spacing, gr(this));
-  }, T.getColorSchemeSelector = kn(l), T.spacing = T.generateSpacing(), T.shouldSkipGeneratingVar = c, T.unstable_sxConfig = {
+  }, E.getColorSchemeSelector = kn(l), E.spacing = E.generateSpacing(), E.shouldSkipGeneratingVar = c, E.unstable_sxConfig = {
     ...Ze,
     ...d == null ? void 0 : d.unstable_sxConfig
-  }, T.unstable_sx = function(i) {
+  }, E.unstable_sx = function(i) {
     return Qe({
       sx: i,
       theme: this
     });
-  }, T.toRuntimeSource = Jr, T;
+  }, E.toRuntimeSource = Jr, E;
 }
 function Fr(e, r, t) {
   e.colorSchemes && t && (e.colorSchemes[r] = {
@@ -3054,7 +3054,7 @@ const so = {
       })
     }
   }
-}, E = {
+}, T = {
   primary: {
     blue: {
       50: "#f3f7f8",
@@ -3122,8 +3122,8 @@ const so = {
       100: "#e5e5e5",
       200: "#d6d6d6",
       400: "#737373",
-      500: Re("#737373", 0.5),
-      600: Re("#737373", 0.8)
+      500: _e("#737373", 0.5),
+      600: _e("#737373", 0.8)
     }
   },
   neutral: {
@@ -3137,6 +3137,7 @@ const so = {
       200: "#d6d6d6",
       300: "#a3a3a3",
       400: "#737373",
+      500: "#667085",
       700: "#424242",
       900: "#141414",
       950: "#0f0f0f"
@@ -3169,13 +3170,13 @@ const so = {
       standard: (e) => {
         if (!e.ownerState.severity)
           return {
-            color: E.neutral.grey[700],
-            background: E.neutral.grey[50]
+            color: T.neutral.grey[700],
+            background: T.neutral.grey[50]
           };
         const r = e.theme.palette[e.ownerState.severity];
         if (r)
           return {
-            color: E.neutral.grey[700],
+            color: T.neutral.grey[700],
             background: r.transparent,
             ".MuiAlert-icon": {
               color: r.main
@@ -3199,14 +3200,14 @@ const so = {
   MuiTooltip: {
     styleOverrides: {
       tooltip: (e) => ({
-        backgroundColor: E.neutral.grey[900],
+        backgroundColor: T.neutral.grey[900],
         borderRadius: e.theme.spacing(3),
         p: 1,
         textAlign: "center",
-        color: E.neutral.white
+        color: T.neutral.white
       }),
       arrow: {
-        color: E.neutral.grey[900]
+        color: T.neutral.grey[900]
       }
     }
   }
@@ -3214,11 +3215,11 @@ const so = {
   MuiFormLabel: {
     styleOverrides: {
       root: {
-        background: E.neutral.white,
+        background: T.neutral.white,
         px: 1,
         mx: -1,
         "&:focus": {
-          color: E.primary.blue[600]
+          color: T.primary.blue[600]
         }
       }
     }
@@ -3232,9 +3233,9 @@ const so = {
             padding: 0,
             borderRadius: e.theme.spacing(3),
             marginBottom: 3,
-            border: `1px solid ${E.neutral.grey[300]}`,
+            border: `1px solid ${T.neutral.grey[300]}`,
             ":hover": {
-              borderColor: E.neutral.grey[400]
+              borderColor: T.neutral.grey[400]
             },
             ".MuiListItemButton-root": {
               borderRadius: e.theme.spacing(3)
@@ -3259,7 +3260,7 @@ const so = {
   MuiSlider: {
     styleOverrides: {
       rail: (e) => ({
-        backgroundColor: E.neutral.grey[50],
+        backgroundColor: T.neutral.grey[50],
         opacity: 1,
         borderRadius: e.theme.spacing(3),
         height: "8px"
@@ -3279,9 +3280,9 @@ const so = {
       }),
       valueLabel: () => ({
         background: "white",
-        color: E.neutral.black,
+        color: T.neutral.black,
         boxShadow: "0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08)",
-        borderColor: E.neutral.grey[50],
+        borderColor: T.neutral.grey[50],
         borderStyle: "solid",
         borderWidth: "1px",
         fontWeight: 600,
@@ -3295,31 +3296,31 @@ const so = {
     styleOverrides: {
       root: (e) => ({
         borderRadius: e.theme.spacing(3),
-        background: E.neutral.white,
+        background: T.neutral.white,
         "&:hover": {
-          borderColor: E.neutral.grey[300]
+          borderColor: T.neutral.grey[300]
         },
         "&.Mui-focused": {
           borderRadius: e.theme.spacing(3),
           "&.MuiInputBase-colorPrimary": {
-            borderColor: E.primary.blue[400],
-            outline: `3px solid ${E.primary.blue[100]}`,
+            borderColor: T.primary.blue[400],
+            outline: `3px solid ${T.primary.blue[100]}`,
             ".MuiOutlinedInput-notchedOutline": {
-              borderColor: E.primary.blue[400]
+              borderColor: T.primary.blue[400]
             },
             "&.Mui-error": {
-              borderColor: E.semantic.red[400],
-              outline: `3px solid ${E.semantic.red[100]}`,
+              borderColor: T.semantic.red[400],
+              outline: `3px solid ${T.semantic.red[100]}`,
               ".MuiOutlinedInput-notchedOutline": {
-                borderColor: E.semantic.red[400]
+                borderColor: T.semantic.red[400]
               }
             }
           },
           "&.MuiInputBase-colorSuccess": {
-            borderColor: E.semantic.green[400],
-            outline: `3px solid ${E.semantic.green[50]}`,
+            borderColor: T.semantic.green[400],
+            outline: `3px solid ${T.semantic.green[50]}`,
             ".MuiOutlinedInput-notchedOutline": {
-              borderColor: E.semantic.green[400]
+              borderColor: T.semantic.green[400]
             }
           }
         },
@@ -3330,15 +3331,15 @@ const so = {
       input: (e) => ({
         borderRadius: e.theme.spacing(3),
         "&::placeholder": {
-          color: E.neutral.grey[300],
+          color: T.neutral.grey[300],
           opacity: 1
         },
         "&:-webkit-autofill": {
-          backgroundColor: E.neutral.white,
-          color: E.neutral.black,
+          backgroundColor: T.neutral.white,
+          color: T.neutral.black,
           boxShadow: "0 0 0px 1000px #ffffff inset !important"
         },
-        WebkitTextFillColor: E.neutral.black
+        WebkitTextFillColor: T.neutral.black
       })
     }
   },
@@ -3346,15 +3347,15 @@ const so = {
     styleOverrides: {
       root: (e) => ({
         borderRadius: e.theme.spacing(3),
-        borderColor: E.neutral.grey[400]
+        borderColor: T.neutral.grey[400]
       }),
       input: () => ({
         "&:-webkit-autofill": {
-          backgroundColor: E.neutral.white,
-          color: E.neutral.black,
+          backgroundColor: T.neutral.white,
+          color: T.neutral.black,
           boxShadow: "0 0 0px 1000px #ffffff inset !important"
         },
-        WebkitTextFillColor: E.neutral.black
+        WebkitTextFillColor: T.neutral.black
       })
     }
   },
@@ -3362,18 +3363,18 @@ const so = {
     styleOverrides: {
       root: (e) => ({
         borderRadius: `${e.theme.spacing(3)} ${e.theme.spacing(3)} 0 0`,
-        borderColor: E.neutral.grey[400],
+        borderColor: T.neutral.grey[400],
         "&.Mui-focused": {
           borderRadius: `${e.theme.spacing(3)} ${e.theme.spacing(3)} 0 0`
         }
       }),
       input: () => ({
         "&:-webkit-autofill": {
-          backgroundColor: E.neutral.white,
-          color: E.neutral.black,
+          backgroundColor: T.neutral.white,
+          color: T.neutral.black,
           boxShadow: "0 0 0px 1000px #ffffff inset !important"
         },
-        WebkitTextFillColor: E.neutral.black
+        WebkitTextFillColor: T.neutral.black
       })
     }
   }
@@ -3442,22 +3443,43 @@ const so = {
     }
   }
 }, bo = {
+  MuiTab: {
+    styleOverrides: {
+      root: (e) => ({
+        color: T.neutral.grey[500],
+        borderRadius: "8px 8px 0 0",
+        padding: "0 12px 0 12px",
+        textTransform: "initial",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        height: "44px",
+        minHeight: "44px",
+        opacity: 1,
+        "&.Mui-selected": {
+          background: T.primary.blue[50],
+          color: e.theme.palette.primary.dark
+        }
+      })
+    }
+  }
+}, vo = {
   mode: "light",
-  primary: be(E.primary.blue),
-  secondary: be(E.primary.coral),
-  error: be(E.semantic.red),
-  success: be(E.semantic.green),
-  warning: be(E.semantic.yellow),
-  info: be(E.semantic.blue),
-  neutral: be(E.semantic.neutral),
+  primary: be(T.primary.blue),
+  secondary: be(T.primary.coral),
+  error: be(T.semantic.red),
+  success: be(T.semantic.green),
+  warning: be(T.semantic.yellow),
+  info: be(T.semantic.blue),
+  neutral: be(T.semantic.neutral),
   grey: {
-    50: E.neutral.grey[50],
-    100: E.neutral.grey[100],
-    200: E.neutral.grey[200],
-    300: E.neutral.grey[300],
-    400: E.neutral.grey[400],
-    700: E.neutral.grey[700],
-    900: E.neutral.grey[900]
+    50: T.neutral.grey[50],
+    100: T.neutral.grey[100],
+    200: T.neutral.grey[200],
+    300: T.neutral.grey[300],
+    400: T.neutral.grey[400],
+    700: T.neutral.grey[700],
+    900: T.neutral.grey[900]
   }
 };
 function be(e) {
@@ -3466,13 +3488,13 @@ function be(e) {
     light: e[200],
     main: e[500],
     hover: e[600],
-    contrastText: E.neutral.white,
+    contrastText: T.neutral.white,
     text: e[500],
     dark: e[600] ?? e[500],
     transparent: e[50] ?? e[100]
   };
 }
-const xo = ao({
+const To = ao({
   cssVariables: !0,
   components: {
     ...so,
@@ -3485,6 +3507,7 @@ const xo = ao({
     ...ho,
     ...yo,
     ...mo,
+    ...bo,
     MuiTypography: {
       styleOverrides: {
         root: {
@@ -3493,10 +3516,10 @@ const xo = ao({
       }
     }
   },
-  palette: bo,
+  palette: vo,
   spacing: 4,
   typography: tt
-}), To = {
+}), Eo = {
   spesiaTheme: {
     name: "spesiaTheme",
     primary: "#2e8898",
@@ -3526,7 +3549,7 @@ const xo = ao({
       }
     }
   }
-}, Eo = "spesiaTheme";
+}, wo = "spesiaTheme";
 var nt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
@@ -3563,8 +3586,8 @@ var nt = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(nt);
-var vo = nt.exports;
-const So = /* @__PURE__ */ Vr(vo), wo = (e, r, t = {}) => {
+var So = nt.exports;
+const Co = /* @__PURE__ */ Vr(So), $o = (e, r, t = {}) => {
   let n;
   typeof e == "string" ? n = { name: e, modifiers: [], states: [] } : n = e;
   const o = r;
@@ -3574,9 +3597,9 @@ const So = /* @__PURE__ */ Vr(vo), wo = (e, r, t = {}) => {
   }), n.states && n.states.map((l) => {
     r[l] && (o["is-" + l] = !0, o[l] = !1);
   });
-  const a = So(n.name, o, t), c = n.name;
+  const a = Co(n.name, o, t), c = n.name;
   return (...l) => l.length && c ? l.map((f) => `${c}-${f}`).join(" ") : a;
-}, $o = ({
+}, Oo = ({
   withText: e,
   color: r = "black",
   height: t,
@@ -3585,7 +3608,7 @@ const So = /* @__PURE__ */ Vr(vo), wo = (e, r, t = {}) => {
 }) => {
   const a = e ? 4.272388059701493 : 1.3432835820895523;
   let c = t, l = n;
-  const f = r === "blue" ? E.primary.blue[500] : r === "white" ? E.neutral.white : E.neutral.black;
+  const f = r === "blue" ? T.primary.blue[500] : r === "white" ? T.neutral.white : T.neutral.black;
   return n || t ? (n && t && (console.warn(
     "Logo: Both width and height are specified. Width will be ignored in order to maintain correct aspect ratio."
   ), l = void 0), c && !l ? l = c * a : l && !t && (c = l / a), /* @__PURE__ */ ie(
@@ -3655,10 +3678,10 @@ const So = /* @__PURE__ */ Vr(vo), wo = (e, r, t = {}) => {
   ), null);
 };
 export {
-  $o as Logo,
-  E as colors,
-  Eo as defaultTheme,
-  wo as suitCx,
-  xo as theme,
-  To as themes
+  Oo as Logo,
+  T as colors,
+  wo as defaultTheme,
+  $o as suitCx,
+  To as theme,
+  Eo as themes
 };

package/dist/styles/colors.d.ts

@@ -81,6 +81,7 @@ export declare const colors: {
             200: string;
             300: string;
             400: string;
+            500: string;
             700: string;
             900: string;
             950: string;

package/dist/styles/tab/tab.d.ts

@@ -0,0 +1,3 @@
+import { ComponentStyles } from '..';
+declare const tabStyles: ComponentStyles;
+export { tabStyles };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spesia/ui",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "The Spesia UI toolkit for React",
   "files": [
     "dist"