@tracktor/design-system 3.10.5 → 3.11.1

package/dist/main.js

@@ -75,15 +75,15 @@ var Qe = {};
 var Vr;
 function An() {
   return Vr || (Vr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = at, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), S = Symbol.iterator, y = "@@iterator";
+    var e = at, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), k = Symbol.iterator, y = "@@iterator";
     function h(s) {
       if (s === null || typeof s != "object")
         return null;
-      var C = S && s[S] || s[y];
+      var C = k && s[k] || s[y];
       return typeof C == "function" ? C : null;
     }
     var w = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function k(s) {
+    function S(s) {
       {
         for (var C = arguments.length, E = new Array(C > 1 ? C - 1 : 0), L = 1; L < C; L++)
           E[L - 1] = arguments[L];
@@ -122,7 +122,7 @@ function An() {
     function Y(s) {
       if (s == null)
         return null;
-      if (typeof s.tag == "number" && k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
+      if (typeof s.tag == "number" && S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
         return s.displayName || s.name || null;
       if (typeof s == "string")
         return s;
@@ -223,7 +223,7 @@ function An() {
             })
           });
         }
-        q < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        q < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var Ye = w.ReactCurrentDispatcher, Ue;
@@ -375,7 +375,7 @@ function An() {
             } catch (Q) {
               O = Q;
             }
-            O && !(O instanceof Error) && (f1(z), k("%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).", L || "React class", E, V, typeof O), f1(null)), O instanceof Error && !(O.message in mr) && (mr[O.message] = !0, f1(z), k("Failed %s type: %s", E, O.message), f1(null));
+            O && !(O instanceof Error) && (f1(z), S("%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).", L || "React class", E, V, typeof O), f1(null)), O instanceof Error && !(O.message in mr) && (mr[O.message] = !0, f1(z), S("Failed %s type: %s", E, O.message), f1(null));
           }
       }
     }
@@ -401,7 +401,7 @@ function An() {
     }
     function Er(s) {
       if (Ht(s))
-        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ft(s)), wr(s);
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ft(s)), wr(s);
     }
     var Ke = w.ReactCurrentOwner, Ot = {
       key: !0,
@@ -429,13 +429,13 @@ function An() {
     function $t(s, C) {
       if (typeof s.ref == "string" && Ke.current && C && Ke.current.stateNode !== C) {
         var E = Y(Ke.current.type);
-        B1[E] || (k('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', Y(Ke.current.type), s.ref), B1[E] = !0);
+        B1[E] || (S('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', Y(Ke.current.type), s.ref), B1[E] = !0);
       }
     }
     function Pt(s, C) {
       {
         var E = function() {
-          Mr || (Mr = !0, k("%s: `key` 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)", C));
+          Mr || (Mr = !0, S("%s: `key` 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)", C));
         };
         E.isReactWarning = !0, Object.defineProperty(s, "key", {
           get: E,
@@ -446,7 +446,7 @@ function An() {
     function Bt(s, C) {
       {
         var E = function() {
-          Sr || (Sr = !0, k("%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)", C));
+          Sr || (Sr = !0, S("%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)", C));
         };
         E.isReactWarning = !0, Object.defineProperty(s, "ref", {
           get: E,
@@ -552,7 +552,7 @@ Check the top-level render call using <` + E + ">.");
           return;
         Tr[E] = !0;
         var L = "";
-        s && s._owner && s._owner !== Z1.current && (L = " It was passed a child from " + Y(s._owner.type) + "."), $e(s), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', E, L), $e(null);
+        s && s._owner && s._owner !== Z1.current && (L = " It was passed a child from " + Y(s._owner.type) + "."), $e(s), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', E, L), $e(null);
       }
     }
     function _r(s, C) {
@@ -594,9 +594,9 @@ Check the top-level render call using <` + E + ">.");
         } else if (C.PropTypes !== void 0 && !z1) {
           z1 = !0;
           var z = Y(C);
-          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", z || "Unknown");
+          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", z || "Unknown");
         }
-        typeof C.getDefaultProps == "function" && !C.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof C.getDefaultProps == "function" && !C.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Yt(s) {
@@ -604,11 +604,11 @@ Check the top-level render call using <` + E + ">.");
         for (var C = Object.keys(s.props), E = 0; E < C.length; E++) {
           var L = C[E];
           if (L !== "children" && L !== "key") {
-            $e(s), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", L), $e(null);
+            $e(s), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", L), $e(null);
             break;
           }
         }
-        s.ref !== null && ($e(s), k("Invalid attribute `ref` supplied to `React.Fragment`."), $e(null));
+        s.ref !== null && ($e(s), S("Invalid attribute `ref` supplied to `React.Fragment`."), $e(null));
       }
     }
     var Lr = {};
@@ -621,7 +621,7 @@ Check the top-level render call using <` + E + ">.");
           var de = Nt();
           de ? O += de : O += Rr();
           var Q;
-          s === null ? Q = "null" : P1(s) ? Q = "array" : s !== void 0 && s.$$typeof === r ? (Q = "<" + (Y(s.type) || "Unknown") + " />", O = " Did you accidentally export a JSX literal instead of a component?") : Q = typeof s, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Q, O);
+          s === null ? Q = "null" : P1(s) ? Q = "array" : s !== void 0 && s.$$typeof === r ? (Q = "<" + (Y(s.type) || "Unknown") + " />", O = " Did you accidentally export a JSX literal instead of a component?") : Q = typeof s, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Q, O);
         }
         var ee = zt(s, C, E, z, G);
         if (ee == null)
@@ -635,7 +635,7 @@ Check the top-level render call using <` + E + ">.");
                   _r(me[Pe], s);
                 Object.freeze && Object.freeze(me);
               } else
-                k("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               _r(me, s);
         }
@@ -645,7 +645,7 @@ Check the top-level render call using <` + E + ">.");
           }), W1 = he.length > 0 ? "{key: someKey, " + he.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Lr[Fe + W1]) {
             var Kt = he.length > 0 ? "{" + he.join(": ..., ") + ": ...}" : "{}";
-            k(`A props object containing a "key" prop is being spread into JSX:
+            S(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
@@ -851,23 +851,23 @@ function Un(e) {
   return ft(y1("", null, null, null, [""], e = ut(e), 0, [0], e));
 }
 function y1(e, r, t, i, a, o, l, c, d) {
-  for (var u = 0, f = 0, x = l, b = 0, g = 0, S = 0, y = 1, h = 1, w = 1, k = 0, m = "", M = a, p = o, _ = i, T = m; h; )
-    switch (S = k, k = xe()) {
+  for (var u = 0, f = 0, x = l, b = 0, g = 0, k = 0, y = 1, h = 1, w = 1, S = 0, m = "", M = a, p = o, _ = i, T = m; h; )
+    switch (k = S, S = xe()) {
       case 40:
-        if (S != 108 && oe(T, x - 1) == 58) {
-          er(T += B(b1(k), "&", "&\f"), "&\f") != -1 && (w = -1);
+        if (k != 108 && oe(T, x - 1) == 58) {
+          er(T += B(b1(S), "&", "&\f"), "&\f") != -1 && (w = -1);
           break;
         }
       case 34:
       case 39:
       case 91:
-        T += b1(k);
+        T += b1(S);
         break;
       case 9:
       case 10:
       case 13:
       case 32:
-        T += Nn(S);
+        T += Nn(k);
         break;
       case 92:
         T += Wn(x1() - 1, 7);
@@ -887,7 +887,7 @@ function y1(e, r, t, i, a, o, l, c, d) {
       case 125 * y:
       case 59:
       case 0:
-        switch (k) {
+        switch (S) {
           case 0:
           case 125:
             h = 0;
@@ -897,7 +897,7 @@ function y1(e, r, t, i, a, o, l, c, d) {
           case 59:
             T += ";";
           default:
-            if (h1(_ = Dr(T, r, t, u, f, a, c, m, M = [], p = [], x), o), k === 123)
+            if (h1(_ = Dr(T, r, t, u, f, a, c, m, M = [], p = [], x), o), S === 123)
               if (f === 0)
                 y1(T, r, _, _, M, o, x, c, p);
               else
@@ -915,15 +915,15 @@ function y1(e, r, t, i, a, o, l, c, d) {
         u = f = g = 0, y = w = 1, m = T = "", x = l;
         break;
       case 58:
-        x = 1 + Se(T), g = S;
+        x = 1 + Se(T), g = k;
       default:
         if (y < 1) {
-          if (k == 123)
+          if (S == 123)
             --y;
-          else if (k == 125 && y++ == 0 && zn() == 125)
+          else if (S == 125 && y++ == 0 && zn() == 125)
             continue;
         }
-        switch (T += I1(k), k * y) {
+        switch (T += I1(S), S * y) {
           case 38:
             w = f > 0 ? 1 : (T += "\f", -1);
             break;
@@ -931,18 +931,18 @@ function y1(e, r, t, i, a, o, l, c, d) {
             c[u++] = (Se(T) - 1) * w, w = 1;
             break;
           case 64:
-            Re() === 45 && (T += b1(xe())), b = Re(), f = x = Se(m = T += Yn(x1())), k++;
+            Re() === 45 && (T += b1(xe())), b = Re(), f = x = Se(m = T += Yn(x1())), S++;
             break;
           case 45:
-            S === 45 && Se(T) == 2 && (y = 0);
+            k === 45 && Se(T) == 2 && (y = 0);
         }
     }
   return o;
 }
 function Dr(e, r, t, i, a, o, l, c, d, u, f) {
-  for (var x = a - 1, b = a === 0 ? o : [""], g = Cr(b), S = 0, y = 0, h = 0; S < i; ++S)
-    for (var w = 0, k = c1(e, x + 1, x = Vn(y = l[S])), m = e; w < g; ++w)
-      (m = dt(y > 0 ? b[w] + " " + k : B(k, /&\f/g, b[w]))) && (d[h++] = m);
+  for (var x = a - 1, b = a === 0 ? o : [""], g = Cr(b), k = 0, y = 0, h = 0; k < i; ++k)
+    for (var w = 0, S = c1(e, x + 1, x = Vn(y = l[k])), m = e; w < g; ++w)
+      (m = dt(y > 0 ? b[w] + " " + S : B(S, /&\f/g, b[w]))) && (d[h++] = m);
   return H1(e, r, t, a === 0 ? hr : c, d, u, f);
 }
 function Gn(e, r, t) {
@@ -1205,11 +1205,11 @@ var ii = function(r, t, i, a) {
     })], b = qn(u.concat(a, x)), g = function(h) {
       return ze(Un(h), b);
     };
-    d = function(h, w, k, m) {
-      f = k, g(h ? h + "{" + w.styles + "}" : w.styles), m && (S.inserted[w.name] = !0);
+    d = function(h, w, S, m) {
+      f = S, g(h ? h + "{" + w.styles + "}" : w.styles), m && (k.inserted[w.name] = !0);
     };
   }
-  var S = {
+  var k = {
     key: t,
     sheet: new Fn({
       key: t,
@@ -1224,7 +1224,7 @@ var ii = function(r, t, i, a) {
     registered: {},
     insert: d
   };
-  return S.sheet.hydrate(c), S;
+  return k.sheet.hydrate(c), k;
 }, tr = { exports: {} }, N = {};
 /** @license React v16.13.1
  * react-is.production.min.js
@@ -1238,7 +1238,7 @@ var Br;
 function si() {
   if (Br) return N;
   Br = 1;
-  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, x = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, g = e ? Symbol.for("react.memo") : 60115, S = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, h = e ? Symbol.for("react.fundamental") : 60117, w = e ? Symbol.for("react.responder") : 60118, k = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, x = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, g = e ? Symbol.for("react.memo") : 60115, k = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, h = e ? Symbol.for("react.fundamental") : 60117, w = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
   function m(p) {
     if (typeof p == "object" && p !== null) {
       var _ = p.$$typeof;
@@ -1256,7 +1256,7 @@ function si() {
               switch (p = p && p.$$typeof, p) {
                 case c:
                 case f:
-                case S:
+                case k:
                 case g:
                 case l:
                   return p;
@@ -1272,7 +1272,7 @@ function si() {
   function M(p) {
     return m(p) === u;
   }
-  return N.AsyncMode = d, N.ConcurrentMode = u, N.ContextConsumer = c, N.ContextProvider = l, N.Element = r, N.ForwardRef = f, N.Fragment = i, N.Lazy = S, N.Memo = g, N.Portal = t, N.Profiler = o, N.StrictMode = a, N.Suspense = x, N.isAsyncMode = function(p) {
+  return N.AsyncMode = d, N.ConcurrentMode = u, N.ContextConsumer = c, N.ContextProvider = l, N.Element = r, N.ForwardRef = f, N.Fragment = i, N.Lazy = k, N.Memo = g, N.Portal = t, N.Profiler = o, N.StrictMode = a, N.Suspense = x, N.isAsyncMode = function(p) {
     return M(p) || m(p) === d;
   }, N.isConcurrentMode = M, N.isContextConsumer = function(p) {
     return m(p) === c;
@@ -1285,7 +1285,7 @@ function si() {
   }, N.isFragment = function(p) {
     return m(p) === i;
   }, N.isLazy = function(p) {
-    return m(p) === S;
+    return m(p) === k;
   }, N.isMemo = function(p) {
     return m(p) === g;
   }, N.isPortal = function(p) {
@@ -1297,7 +1297,7 @@ function si() {
   }, N.isSuspense = function(p) {
     return m(p) === x;
   }, N.isValidElementType = function(p) {
-    return typeof p == "string" || typeof p == "function" || p === i || p === u || p === o || p === a || p === x || p === b || typeof p == "object" && p !== null && (p.$$typeof === S || p.$$typeof === g || p.$$typeof === l || p.$$typeof === c || p.$$typeof === f || p.$$typeof === h || p.$$typeof === w || p.$$typeof === k || p.$$typeof === y);
+    return typeof p == "string" || typeof p == "function" || p === i || p === u || p === o || p === a || p === x || p === b || typeof p == "object" && p !== null && (p.$$typeof === k || p.$$typeof === g || p.$$typeof === l || p.$$typeof === c || p.$$typeof === f || p.$$typeof === h || p.$$typeof === w || p.$$typeof === S || p.$$typeof === y);
   }, N.typeOf = m, N;
 }
 var W = {};
@@ -1312,10 +1312,10 @@ var W = {};
 var Zr;
 function li() {
   return Zr || (Zr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, x = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, g = e ? Symbol.for("react.memo") : 60115, S = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, h = e ? Symbol.for("react.fundamental") : 60117, w = e ? Symbol.for("react.responder") : 60118, k = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, x = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, g = e ? Symbol.for("react.memo") : 60115, k = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, h = e ? Symbol.for("react.fundamental") : 60117, w = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
     function m(R) {
       return typeof R == "string" || typeof R == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      R === i || R === u || R === o || R === a || R === x || R === b || typeof R == "object" && R !== null && (R.$$typeof === S || R.$$typeof === g || R.$$typeof === l || R.$$typeof === c || R.$$typeof === f || R.$$typeof === h || R.$$typeof === w || R.$$typeof === k || R.$$typeof === y);
+      R === i || R === u || R === o || R === a || R === x || R === b || typeof R == "object" && R !== null && (R.$$typeof === k || R.$$typeof === g || R.$$typeof === l || R.$$typeof === c || R.$$typeof === f || R.$$typeof === h || R.$$typeof === w || R.$$typeof === S || R.$$typeof === y);
     }
     function M(R) {
       if (typeof R == "object" && R !== null) {
@@ -1336,7 +1336,7 @@ function li() {
                 switch (Ie) {
                   case c:
                   case f:
-                  case S:
+                  case k:
                   case g:
                   case l:
                     return Ie;
@@ -1349,7 +1349,7 @@ function li() {
         }
       }
     }
-    var p = d, _ = u, T = c, D = l, I = r, K = f, se = i, ne = S, Y = g, Z = t, q = o, be = a, ye = x, $ = !1;
+    var p = d, _ = u, T = c, D = l, I = r, K = f, se = i, ne = k, Y = g, Z = t, q = o, be = a, ye = x, $ = !1;
     function A(R) {
       return $ || ($ = !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.")), U(R) || M(R) === d;
     }
@@ -1372,7 +1372,7 @@ function li() {
       return M(R) === i;
     }
     function Ye(R) {
-      return M(R) === S;
+      return M(R) === k;
     }
     function Ue(R) {
       return M(R) === g;
@@ -1735,7 +1735,7 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, Di = ()
     getTextColor: r
   };
 }, $i = ({ colorShape: e, shapeBackgroundColor: r, color: t, height: i, width: a, withoutText: o, mode: l, sx: c, variant: d = "default", component: u = "img" }, f) => {
-  const [x, b] = ae(""), { palette: g } = we(), { getTextColor: S, getImageModule: y, getSize: h, getShapeColor: w, getShapeBackgroundColor: k } = Di(), { height: m, width: M } = h({ height: i, variant: d, width: a, withoutText: o }), p = S(t), _ = w(e), T = k(r);
+  const [x, b] = ae(""), { palette: g } = we(), { getTextColor: k, getImageModule: y, getSize: h, getShapeColor: w, getShapeBackgroundColor: S } = Di(), { height: m, width: M } = h({ height: i, variant: d, width: a, withoutText: o }), p = k(t), _ = w(e), T = S(r);
   if (A1(() => {
     u !== "svg" && (async () => {
       const D = await y(d, l || g.mode, o);
@@ -2286,7 +2286,7 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, Di = ()
     Footer: f,
     Search: x = r.Logo,
     Logo: b = r.Logo
-  } = _e(je), { palette: g } = we(), S = g.mode === "dark" ? g.background.default : g.primary.black, y = a && l ? "none" : `solid 1px ${g.divider}`, w = t ? !(!a && !o) : !0;
+  } = _e(je), { palette: g } = we(), k = g.mode === "dark" ? g.background.default : g.primary.black, y = a && l ? "none" : `solid 1px ${g.divider}`, w = t ? !(!a && !o) : !0;
   return /* @__PURE__ */ v(
     H,
     {
@@ -2325,7 +2325,7 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, Di = ()
                   children: b
                 }
               ),
-              a && /* @__PURE__ */ n(Ae, { onClick: i, children: /* @__PURE__ */ n(xr, { color: g.getContrastText(S) }) })
+              a && /* @__PURE__ */ n(Ae, { onClick: i, children: /* @__PURE__ */ n(xr, { color: g.getContrastText(k) }) })
             ]
           }
         ),
@@ -2428,11 +2428,11 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, Di = ()
   bottomLink: u,
   sideBarWidth: f = 260
 }) => {
-  const { breakpoints: x } = we(), b = s1(x.down("sm")), g = s1(x.between("sm", "md")), [S, y] = ae(Et.isDrawerOpen), h = pe(() => {
+  const { breakpoints: x } = we(), b = s1(x.down("sm")), g = s1(x.between("sm", "md")), [k, y] = ae(Et.isDrawerOpen), h = pe(() => {
     y(!1);
   }, []), w = pe(() => {
     y(!0);
-  }, []), k = L1(
+  }, []), S = L1(
     () => ({
       AppBar: e,
       bottomLink: u,
@@ -2441,7 +2441,7 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, Di = ()
       enableSearchFocusShortcut: l,
       Footer: a,
       hideSearchDesktop: d,
-      isDrawerOpen: S,
+      isDrawerOpen: k,
       isMobile: b,
       isTablet: g,
       items: o,
@@ -2454,7 +2454,7 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, Di = ()
     [
       h,
       c,
-      S,
+      k,
       b,
       g,
       o,
@@ -2470,7 +2470,7 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, Di = ()
       a
     ]
   );
-  return /* @__PURE__ */ n(je.Provider, { value: k, children: /* @__PURE__ */ n(Wi, {}) });
+  return /* @__PURE__ */ n(je.Provider, { value: S, children: /* @__PURE__ */ n(Wi, {}) });
 }, Ya = ot(ji), Yi = "No data", Gr = {
   large: 80,
   medium: 50,
@@ -2790,35 +2790,42 @@ const aa = (e, r) => {
   secondarySrc: t,
   secondaryAvatarProps: i,
   sx: a,
-  width: o = 64,
-  height: l = 64,
-  alt: c = "Article"
+  secondaryTitle: o,
+  width: l = 64,
+  height: c = 64,
+  alt: d = "Article"
 }) => {
-  const [d, u] = ae(!1), [f, x] = ae(!1), { borderRadius: b, padding: g } = aa(o, l), S = { borderRadius: b, flexShrink: 0 }, y = e && !d && !f, h = !e || f && !d || f && d, w = (e == null ? void 0 : e.endsWith(".png")) || (e == null ? void 0 : e.endsWith(".svg")) || (e == null ? void 0 : e.endsWith(".gif")) || (e == null ? void 0 : e.endsWith(".webp")) || !1;
+  const [u, f] = ae(!1), [x, b] = ae(!1), { borderRadius: g, padding: k } = aa(l, c), y = { borderRadius: g, flexShrink: 0 }, h = e && !u && !x, w = !e || x && !u || x && u, S = (e == null ? void 0 : e.endsWith(".png")) || (e == null ? void 0 : e.endsWith(".svg")) || (e == null ? void 0 : e.endsWith(".gif")) || (e == null ? void 0 : e.endsWith(".webp")) || !1, m = () => {
+    b(!1), f(!0);
+  }, M = () => {
+    b(!0), f(!1);
+  };
   return /* @__PURE__ */ n(Me, { children: /* @__PURE__ */ v(
     St,
     {
       src: e,
       secondarySrc: t,
-      secondaryAvatarProps: i,
-      alt: c,
-      onError: () => {
-        x(!0), u(!1);
-      },
-      onLoad: () => {
-        x(!1), u(!0);
+      secondaryAvatarProps: {
+        ...i,
+        ...o && !(i != null && i.children) && {
+          children: o
+        },
+        title: o
       },
+      alt: d,
+      onError: M,
+      onLoad: m,
       sx: {
-        ...S,
-        background: ({ palette: M }) => M.grey[100],
-        height: l,
-        padding: w || h ? g : 0,
-        width: o,
+        ...y,
+        background: ({ palette: p }) => p.grey[100],
+        height: c,
+        padding: S || w ? k : 0,
+        width: l,
         ...a
       },
       children: [
-        (r || y) && /* @__PURE__ */ n(oa, { width: o, height: l, sx: S }),
-        h && /* @__PURE__ */ v("svg", { width: "100%", height: "100%", viewBox: "0 0 39 38", fill: "none", children: [
+        (r || h) && /* @__PURE__ */ n(oa, { width: l, height: c, sx: y }),
+        w && /* @__PURE__ */ v("svg", { width: "100%", height: "100%", viewBox: "0 0 39 38", fill: "none", children: [
           /* @__PURE__ */ n(
             "path",
             {
@@ -2904,10 +2911,10 @@ const aa = (e, r) => {
   disableThumb: x,
   open: b,
   onClose: g,
-  onClickThumb: S,
+  onClickThumb: k,
   variant: y
 }) => {
-  const [h, w] = ae(!1), [k, m] = ae(!1), M = e == null ? void 0 : e.toLowerCase(), p = !(M != null && M.endsWith(".pdf")) && !(M != null && M.startsWith("blob:")) && !(M != null && M.endsWith(".eml")), _ = M == null ? void 0 : M.endsWith(".pdf"), T = E1(null), D = k ? sa : r || e, I = f ? 1 : 0.8, K = () => {
+  const [h, w] = ae(!1), [S, m] = ae(!1), M = e == null ? void 0 : e.toLowerCase(), p = !(M != null && M.endsWith(".pdf")) && !(M != null && M.startsWith("blob:")) && !(M != null && M.endsWith(".eml")), _ = M == null ? void 0 : M.endsWith(".pdf"), T = E1(null), D = S ? sa : r || e, I = f ? 1 : 0.8, K = () => {
     !p && !_ || w((Y) => !Y);
   }, se = () => {
     w(!1), g == null || g();
@@ -2927,7 +2934,7 @@ const aa = (e, r) => {
         width: a,
         height: o,
         onClick: () => {
-          S == null || S(), K();
+          k == null || k(), K();
         },
         sx: {
           ...g1.container,
@@ -2993,9 +3000,9 @@ const aa = (e, r) => {
   Footer: x,
   Collapse: b
 }) => {
-  const [g, S] = ae(!1), y = b || !!(c != null && c.length);
+  const [g, k] = ae(!1), y = b || !!(c != null && c.length);
   return A1(() => {
-    d && S(!0);
+    d && k(!0);
   }, [d]), /* @__PURE__ */ v(j, { direction: "row", alignItems: "stretch", spacing: 0, mt: 0.5, children: [
     /* @__PURE__ */ n(H, { mt: 1.5, textAlign: "center", children: /* @__PURE__ */ n(j, { spacing: 1, alignItems: "center", sx: { height: "100%", width: 32 }, children: /* @__PURE__ */ v(Me, { children: [
       f || /* @__PURE__ */ n(m1, { color: i ? "secondary" : "primary" }),
@@ -3037,7 +3044,7 @@ const aa = (e, r) => {
                   direction: "row",
                   alignItems: "center",
                   sx: { cursor: y ? "pointer" : "default" },
-                  onClick: () => S((h) => !h),
+                  onClick: () => k((h) => !h),
                   children: [
                     /* @__PURE__ */ n(
                       X,
@@ -3084,7 +3091,7 @@ const aa = (e, r) => {
           b && /* @__PURE__ */ n(Fr, { in: g, children: b }),
           !!(c != null && c.length) && /* @__PURE__ */ n(Fr, { in: g, children: /* @__PURE__ */ n(j, { marginTop: 3, spacing: 3, children: c == null ? void 0 : c.map((h, w) => {
             var M, p, _, T;
-            const k = `${h.title}-${w}`, m = Array.isArray(h == null ? void 0 : h.file) ? h == null ? void 0 : h.file[0] : h == null ? void 0 : h.file;
+            const S = `${h.title}-${w}`, m = Array.isArray(h == null ? void 0 : h.file) ? h == null ? void 0 : h.file[0] : h == null ? void 0 : h.file;
             return /* @__PURE__ */ v(j, { direction: "row", spacing: 1, minWidth: 0, children: [
               /* @__PURE__ */ n(la, { sx: { height: 18, paddingTop: 0.5, width: 18 } }),
               /* @__PURE__ */ v(j, { minWidth: 0, children: [
@@ -3158,7 +3165,7 @@ const aa = (e, r) => {
                   )
                 ] })
               ] })
-            ] }, k);
+            ] }, S);
           }) }) })
         ]
       }
@@ -3214,8 +3221,8 @@ const aa = (e, r) => {
     ] })
   ] }) }) : !(e != null && e.length) && !r ? /* @__PURE__ */ n(U1, { sx: i, children: /* @__PURE__ */ n(cr, { severity: "info", children: t }) }) : /* @__PURE__ */ v(Me, { children: [
     /* @__PURE__ */ n(U1, { sx: i, "data-test": o, "data-testid": l, children: e == null ? void 0 : e.map(
-      ({ Action: u, Collapse: f, collapseItems: x, collapseDefaultOpen: b, subtitle: g, key: S, active: y, Footer: h, Icon: w, onClick: k, tag: m, title: M }, p) => {
-        const _ = `${S}-${p}-${M}`, T = p === e.length - 1;
+      ({ Action: u, Collapse: f, collapseItems: x, collapseDefaultOpen: b, subtitle: g, key: k, active: y, Footer: h, Icon: w, onClick: S, tag: m, title: M }, p) => {
+        const _ = `${k}-${p}-${M}`, T = p === e.length - 1;
         return /* @__PURE__ */ n(
           da,
           {
@@ -3229,7 +3236,7 @@ const aa = (e, r) => {
             subtitle: g,
             Icon: w,
             isLastElement: T,
-            onClick: k,
+            onClick: S,
             tag: m,
             variant: a
           },
@@ -3556,7 +3563,7 @@ const aa = (e, r) => {
     }
   );
 }, fa = ue(({ sx: e, slotProps: r, type: t = "search", ...i }, a) => {
-  var o, l, c, d, u, f, x, b, g, S;
+  var o, l, c, d, u, f, x, b, g, k;
   return /* @__PURE__ */ n(
     R1,
     {
@@ -3578,7 +3585,7 @@ const aa = (e, r) => {
         },
         // Border focus
         "& .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline": {
-          borderColor: (S = (g = F == null ? void 0 : F.palette) == null ? void 0 : g.primary) == null ? void 0 : S.main
+          borderColor: (k = (g = F == null ? void 0 : F.palette) == null ? void 0 : g.primary) == null ? void 0 : k.main
         },
         maxWidth: 400,
         ...e,
@@ -3639,7 +3646,7 @@ const aa = (e, r) => {
   position: b = "static",
   elevation: g = 0
 }) => {
-  const { breakpoints: S } = we(), { closeMenu: y, isMenuOpen: h, anchorMenu: w, openMenu: k } = ha(), { menuItems: m, ...M } = o || {}, p = s1(S.down("sm")), _ = s1(S.between("sm", "md")), T = p || _, D = {
+  const { breakpoints: k } = we(), { closeMenu: y, isMenuOpen: h, anchorMenu: w, openMenu: S } = ha(), { menuItems: m, ...M } = o || {}, p = s1(k.down("sm")), _ = s1(k.between("sm", "md")), T = p || _, D = {
     logoContainer: {
       a: {
         display: "flex"
@@ -3688,7 +3695,7 @@ const aa = (e, r) => {
             },
             onClick: (I) => {
               var K;
-              k(I), (K = o == null ? void 0 : o.onClick) == null || K.call(o, I);
+              S(I), (K = o == null ? void 0 : o.onClick) == null || K.call(o, I);
             }
           }
         )
@@ -4779,13 +4786,13 @@ const aa = (e, r) => {
   language: l = "en",
   font: c = Qr
 }) => {
-  var g, S;
-  const d = { ...Qr, ...c }, u = (d == null ? void 0 : d.googleFontName) || ((g = or.typography.fontFamily) == null ? void 0 : g.split(",")[0]), f = (S = d == null ? void 0 : d.fontWeight) == null ? void 0 : S.join(";"), x = L1(() => ({ language: l }), [l]), b = () => {
-    var w, k;
+  var g, k;
+  const d = { ...Qr, ...c }, u = (d == null ? void 0 : d.googleFontName) || ((g = or.typography.fontFamily) == null ? void 0 : g.split(",")[0]), f = (k = d == null ? void 0 : d.fontWeight) == null ? void 0 : k.join(";"), x = L1(() => ({ language: l }), [l]), b = () => {
+    var w, S;
     const y = typeof o == "object" ? o : {}, h = {
       ...l === "fr" && ya
     };
-    return o === "dark" || typeof o == "object" && "palette" in o && ((w = o == null ? void 0 : o.palette) == null ? void 0 : w.mode) === "dark" ? Ze(Rt, y, h) : o === "light" || typeof o == "object" && "palette" in o && ((k = o == null ? void 0 : o.palette) == null ? void 0 : k.mode) === "light" ? Ze(kt, y, h) : Ze(or, y, h);
+    return o === "dark" || typeof o == "object" && "palette" in o && ((w = o == null ? void 0 : o.palette) == null ? void 0 : w.mode) === "dark" ? Ze(Rt, y, h) : o === "light" || typeof o == "object" && "palette" in o && ((S = o == null ? void 0 : o.palette) == null ? void 0 : S.mode) === "light" ? Ze(kt, y, h) : Ze(or, y, h);
   };
   return /* @__PURE__ */ n(Tt.Provider, { value: x, children: /* @__PURE__ */ v(pn, { theme: b(), children: [
     /* @__PURE__ */ n(
@@ -4856,11 +4863,11 @@ const aa = (e, r) => {
     icon: x,
     onChange: b,
     label: g,
-    pattern: S,
+    pattern: k,
     title: y,
     variant: h = "vertical"
   }, w) => {
-    const { t: k } = At(), { palette: m } = we(), M = h === "vertical", p = c || r, _ = E1(null), T = E1(null), [D, I] = ae(null), K = Ta(D);
+    const { t: S } = At(), { palette: m } = we(), M = h === "vertical", p = c || r, _ = E1(null), T = E1(null), [D, I] = ae(null), K = Ta(D);
     Mn(w, () => T.current);
     const se = (Z) => {
       b == null || b(Z), I(Z.target.files);
@@ -4911,7 +4918,7 @@ const aa = (e, r) => {
                   /* @__PURE__ */ v(X, { variant: "body2", color: "textSecondary", children: [
                     D == null ? void 0 : D.length,
                     " ",
-                    (o == null ? void 0 : o.files) || k("files")
+                    (o == null ? void 0 : o.files) || S("files")
                   ] }),
                   /* @__PURE__ */ n(
                     X,
@@ -4925,7 +4932,7 @@ const aa = (e, r) => {
                     }
                   )
                 ] }) : /* @__PURE__ */ v(X, { variant: "subtitle1", color: t ? "text.disabled" : "primary", children: [
-                  g || k("clickToUpload"),
+                  g || S("clickToUpload"),
                   " ",
                   i && "*"
                 ] }),
@@ -4945,7 +4952,7 @@ const aa = (e, r) => {
               name: r,
               multiple: l,
               accept: e,
-              pattern: S,
+              pattern: k,
               onChange: se,
               style: {
                 left: "50%",
@@ -5014,7 +5021,7 @@ const aa = (e, r) => {
       },
       children: [
         t == null ? void 0 : t.map(
-          ({ id: b, title: g, subtitle: S, image: y, thumbnail: h, secondaryAction: w, chipLabel: k, chipColor: m, onClick: M, icon: p, Avatar: _ }, T) => {
+          ({ id: b, title: g, subtitle: k, image: y, thumbnail: h, secondaryAction: w, chipLabel: S, chipColor: m, onClick: M, icon: p, Avatar: _ }, T) => {
             var A, U, te, ce;
             const D = `key-${T}-${g}-${b}`, I = (A = y == null ? void 0 : y.toLowerCase()) == null ? void 0 : A.endsWith(".pdf"), K = (U = y == null ? void 0 : y.toLowerCase()) == null ? void 0 : U.startsWith("http"), se = (te = h == null ? void 0 : h.toLowerCase()) == null ? void 0 : te.startsWith("http"), ne = M ? "none" : void 0, Y = c || !!p || !K, Z = !!M || !!(!M && !c && (h || y)), q = u === D, $ = (se ? h : "") || (K ? y : "") || "";
             return /* @__PURE__ */ v(
@@ -5075,9 +5082,9 @@ const aa = (e, r) => {
                     {
                       primary: /* @__PURE__ */ v(j, { direction: "row", alignItems: "center", spacing: 1, children: [
                         g && /* @__PURE__ */ n(X, { variant: "h6", whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden", children: g }),
-                        k && /* @__PURE__ */ n(o1, { label: k, variant: "rounded", size: "xSmall", color: Aa(m) ? m : "default" })
+                        S && /* @__PURE__ */ n(o1, { label: S, variant: "rounded", size: "xSmall", color: Aa(m) ? m : "default" })
                       ] }),
-                      secondary: S,
+                      secondary: k,
                       primaryTypographyProps: {
                         component: "div"
                       },
@@ -5186,8 +5193,8 @@ const aa = (e, r) => {
             ] })
           }
         ),
-        b == null ? void 0 : b.map((g, S) => {
-          const y = `header-options-${g == null ? void 0 : g.id}-${S}`, h = Array.isArray(c) && c.some(
+        b == null ? void 0 : b.map((g, k) => {
+          const y = `header-options-${g == null ? void 0 : g.id}-${k}`, h = Array.isArray(c) && c.some(
             (w) => JSON.stringify(w) === JSON.stringify(g) || w && typeof w == "object" && "id" in w && (w == null ? void 0 : w.id) === (g == null ? void 0 : g.id)
           );
           return /* @__PURE__ */ n(
@@ -5196,10 +5203,10 @@ const aa = (e, r) => {
               disablePadding: !0,
               onMouseDown: (w) => {
                 if (w.stopPropagation(), w.preventDefault(), h) {
-                  const k = Array.isArray(c) ? c == null ? void 0 : c.filter(
+                  const S = Array.isArray(c) ? c == null ? void 0 : c.filter(
                     (m) => !(JSON.stringify(m) === JSON.stringify(g) || m && typeof m == "object" && "id" in m && (m == null ? void 0 : m.id) === (g == null ? void 0 : g.id))
                   ) : [];
-                  a == null || a(w, k, "removeOption");
+                  a == null || a(w, S, "removeOption");
                   return;
                 }
                 a == null || a(w, [...Array.isArray(c) ? c : [], g], "selectOption");
@@ -5232,11 +5239,11 @@ const aa = (e, r) => {
   inputValue: x,
   disableClearable: b,
   loading: g,
-  resetInputValueOnSelectOption: S,
+  resetInputValueOnSelectOption: k,
   renderOption: y,
   renderTags: h,
   size: w = "small",
-  disableCloseOnSelect: k = !0,
+  disableCloseOnSelect: S = !0,
   multiple: m = !0,
   options: M = [],
   slotProps: p,
@@ -5254,13 +5261,13 @@ const aa = (e, r) => {
       options: M,
       ref: T,
       size: w,
-      disableCloseOnSelect: k,
+      disableCloseOnSelect: S,
       onChange: ($, A, U, te) => {
         if (A === null) {
           e == null || e($, m ? [] : null, U, te);
           return;
         }
-        e == null || e($, A, U, te), (!k || !m) && K(!1);
+        e == null || e($, A, U, te), (!S || !m) && K(!1);
       },
       getLimitTagsText: _a(Y),
       inputValue: Z,
@@ -5284,7 +5291,7 @@ const aa = (e, r) => {
         }
       },
       onInputChange: ($, A, U) => {
-        U === "reset" && I && !S || U === "selectOption" && !S || U === "removeOption" && !S || (x || ne(A), f == null || f($, A, U));
+        U === "reset" && I && !k || U === "selectOption" && !k || U === "removeOption" && !k || (x || ne(A), f == null || f($, A, U));
       },
       onFocus: ($) => {
         K(!0), c == null || c($);