@tracktor/design-system 4.3.3 → 4.4.0

package/dist/main.js

@@ -38,7 +38,7 @@ const kr = {
   const { hasPermission: i } = Br(), a = i(r, n, o);
   return a ? A : !a && e ? e : null;
 };
-var KA = { exports: {} }, HA = {};
+var $A = { exports: {} }, HA = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -165,7 +165,7 @@ function Rr() {
       return Error("react-stack-top-frame");
     }
     function a(p) {
-      if ($.call(p, "key")) {
+      if (K.call(p, "key")) {
         var S = Object.getOwnPropertyDescriptor(p, "key").get;
         if (S && S.isReactWarning) return !1;
       }
@@ -234,7 +234,7 @@ function Rr() {
               "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 f(X);
-      if ($.call(S, "key")) {
+      if (K.call(S, "key")) {
         X = A(p);
         var yA = Object.keys(S).filter(function(xe) {
           return xe !== "key";
@@ -274,7 +274,7 @@ React keys must be passed directly to JSX without using spread:
     function f(p) {
       typeof p == "object" && p !== null && p.$$typeof === g && p._store && (p._store.validated = 1);
     }
-    var w = wr, g = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), h = Symbol.for("react.context"), y = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), M = Symbol.for("react.activity"), q = Symbol.for("react.client.reference"), Z = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, aA = Array.isArray, F = console.createTask ? console.createTask : function() {
+    var w = wr, g = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), h = Symbol.for("react.context"), y = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), M = Symbol.for("react.activity"), q = Symbol.for("react.client.reference"), Z = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, K = Object.prototype.hasOwnProperty, aA = Array.isArray, F = console.createTask ? console.createTask : function() {
       return null;
     };
     w = {
@@ -315,7 +315,7 @@ React keys must be passed directly to JSX without using spread:
 }
 var o1;
 function Mr() {
-  return o1 || (o1 = 1, process.env.NODE_ENV === "production" ? KA.exports = Sr() : KA.exports = Rr()), KA.exports;
+  return o1 || (o1 = 1, process.env.NODE_ENV === "production" ? $A.exports = Sr() : $A.exports = Rr()), $A.exports;
 }
 var YA = Mr();
 function Pr(A) {
@@ -360,7 +360,7 @@ var Lr = /* @__PURE__ */ function() {
   }, A;
 }(), AA = "-ms-", ae = "-moz-", D = "-webkit-", L1 = "comm", qe = "rule", Xe = "decl", Dr = "@import", D1 = "@keyframes", Hr = "@layer", Or = Math.abs, fe = String.fromCharCode, Qr = Object.assign;
 function Vr(A, e) {
-  return K(A, 0) ^ 45 ? (((e << 2 ^ K(A, 0)) << 2 ^ K(A, 1)) << 2 ^ K(A, 2)) << 2 ^ K(A, 3) : 0;
+  return $(A, 0) ^ 45 ? (((e << 2 ^ $(A, 0)) << 2 ^ $(A, 1)) << 2 ^ $(A, 2)) << 2 ^ $(A, 3) : 0;
 }
 function H1(A) {
   return A.trim();
@@ -374,7 +374,7 @@ function H(A, e, r) {
 function Te(A, e) {
   return A.indexOf(e);
 }
-function K(A, e) {
+function $(A, e) {
   return A.charCodeAt(e) | 0;
 }
 function WA(A, e, r) {
@@ -386,7 +386,7 @@ function fA(A) {
 function _e(A) {
   return A.length;
 }
-function $A(A, e) {
+function KA(A, e) {
   return e.push(A), A;
 }
 function Nr(A, e) {
@@ -403,13 +403,13 @@ function Zr() {
   return Y;
 }
 function jr() {
-  return Y = iA > 0 ? K(MA, --iA) : 0, RA--, Y === 10 && (RA = 1, ge--), Y;
+  return Y = iA > 0 ? $(MA, --iA) : 0, RA--, Y === 10 && (RA = 1, ge--), Y;
 }
 function lA() {
-  return Y = iA < O1 ? K(MA, iA++) : 0, RA++, Y === 10 && (RA = 1, ge++), Y;
+  return Y = iA < O1 ? $(MA, iA++) : 0, RA++, Y === 10 && (RA = 1, ge++), Y;
 }
 function hA() {
-  return K(MA, iA);
+  return $(MA, iA);
 }
 function ee() {
   return iA;
@@ -515,7 +515,7 @@ function te(A, e, r, n, o, i, a, s, d) {
     switch (x = E, E = lA()) {
       // (
       case 40:
-        if (x != 108 && K(I, f - 1) == 58) {
+        if (x != 108 && $(I, f - 1) == 58) {
           Te(I += H(re(E), "&", "&\f"), "&\f") != -1 && (v = -1);
           break;
         }
@@ -541,7 +541,7 @@ function te(A, e, r, n, o, i, a, s, d) {
         switch (hA()) {
           case 42:
           case 47:
-            $A(Gr(Ur(lA(), ee()), e, r), d);
+            KA(Gr(Ur(lA(), ee()), e, r), d);
             break;
           default:
             I += "/";
@@ -561,24 +561,24 @@ function te(A, e, r, n, o, i, a, s, d) {
             b = 0;
           // ;
           case 59 + u:
-            v == -1 && (I = H(I, /\f/g, "")), g > 0 && fA(I) - f && $A(g > 32 ? a1(I + ";", n, r, f - 1) : a1(H(I, " ", "") + ";", n, r, f - 2), d);
+            v == -1 && (I = H(I, /\f/g, "")), g > 0 && fA(I) - f && KA(g > 32 ? a1(I + ";", n, r, f - 1) : a1(H(I, " ", "") + ";", n, r, f - 2), d);
             break;
           // @ ;
           case 59:
             I += ";";
           // { rule/at-rule
           default:
-            if ($A(k = i1(I, e, r, c, u, o, s, h, y = [], l = [], f), i), E === 123)
+            if (KA(k = i1(I, e, r, c, u, o, s, h, y = [], l = [], f), i), E === 123)
               if (u === 0)
                 te(I, e, k, k, y, i, f, s, l);
               else
-                switch (w === 99 && K(I, 3) === 110 ? 100 : w) {
+                switch (w === 99 && $(I, 3) === 110 ? 100 : w) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    te(A, k, k, n && $A(i1(A, k, k, 0, 0, o, s, h, o, y = [], f), l), o, l, f, s, n ? y : l);
+                    te(A, k, k, n && KA(i1(A, k, k, 0, 0, o, s, h, o, y = [], f), l), o, l, f, s, n ? y : l);
                     break;
                   default:
                     te(I, k, k, k, [""], l, 0, s, l);
@@ -662,13 +662,13 @@ function _r(A) {
     e.root || (e = e.return) && A(e);
   };
 }
-function Kr(A) {
+function $r(A) {
   var e = /* @__PURE__ */ Object.create(null);
   return function(r) {
     return e[r] === void 0 && (e[r] = A(r)), e[r];
   };
 }
-var $r = function(e, r, n) {
+var Kr = function(e, r, n) {
   for (var o = 0, i = 0; o = i, i = hA(), o === 38 && i === 12 && (r[n] = 1), !GA(i); )
     lA();
   return XA(e, iA);
@@ -677,7 +677,7 @@ var $r = function(e, r, n) {
   do
     switch (GA(o)) {
       case 0:
-        o === 38 && hA() === 12 && (r[n] = 1), e[n] += $r(iA - 1, r, n);
+        o === 38 && hA() === 12 && (r[n] = 1), e[n] += Kr(iA - 1, r, n);
         break;
       case 2:
         e[n] += re(o);
@@ -815,13 +815,13 @@ function F1(A, e) {
     case 5789:
     case 5021:
     case 4765:
-      if (fA(A) - 1 - e > 6) switch (K(A, e + 1)) {
+      if (fA(A) - 1 - e > 6) switch ($(A, e + 1)) {
         // (m)ax-content, (m)in-content
         case 109:
-          if (K(A, e + 4) !== 45) break;
+          if ($(A, e + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return H(A, /(.+:)(.+)-([^]+)/, "$1" + D + "$2-$3$1" + ae + (K(A, e + 3) == 108 ? "$3" : "$2-$3")) + A;
+          return H(A, /(.+:)(.+)-([^]+)/, "$1" + D + "$2-$3$1" + ae + ($(A, e + 3) == 108 ? "$3" : "$2-$3")) + A;
         // (s)tretch
         case 115:
           return ~Te(A, "stretch") ? F1(H(A, "stretch", "fill-available"), e) + A : A;
@@ -829,21 +829,21 @@ function F1(A, e) {
       break;
     // position: sticky
     case 4949:
-      if (K(A, e + 1) !== 115) break;
+      if ($(A, e + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch (K(A, fA(A) - 3 - (~Te(A, "!important") && 10))) {
+      switch ($(A, fA(A) - 3 - (~Te(A, "!important") && 10))) {
         // stic(k)y
         case 107:
           return H(A, ":", ":" + D) + A;
         // (inline-)?fl(e)x
         case 101:
-          return H(A, /(.+:)([^;!]+)(;|!.+)?/, "$1" + D + (K(A, 14) === 45 ? "inline-" : "") + "box$3$1" + D + "$2$3$1" + AA + "$2box$3") + A;
+          return H(A, /(.+:)([^;!]+)(;|!.+)?/, "$1" + D + ($(A, 14) === 45 ? "inline-" : "") + "box$3$1" + D + "$2$3$1" + AA + "$2box$3") + A;
       }
       break;
     // writing-mode
     case 5936:
-      switch (K(A, e + 11)) {
+      switch ($(A, e + 11)) {
         // vertical-l(r)
         case 114:
           return D + A + AA + H(A, /[svh]\w+-[tblr]{2}/, "tb") + A;
@@ -1060,7 +1060,7 @@ function st() {
         }
       }
     }
-    var l = d, k = c, I = s, T = a, M = e, q = u, Z = n, $ = x, aA = g, F = r, U = i, eA = o, nA = f, L = !1;
+    var l = d, k = c, I = s, T = a, M = e, q = u, Z = n, K = x, aA = g, F = r, U = i, eA = o, nA = f, L = !1;
     function P(B) {
       return L || (L = !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.")), p(B) || y(B) === d;
     }
@@ -1100,7 +1100,7 @@ function st() {
     function xe(B) {
       return y(B) === f;
     }
-    V.AsyncMode = l, V.ConcurrentMode = k, V.ContextConsumer = I, V.ContextProvider = T, V.Element = M, V.ForwardRef = q, V.Fragment = Z, V.Lazy = $, V.Memo = aA, V.Portal = F, V.Profiler = U, V.StrictMode = eA, V.Suspense = nA, V.isAsyncMode = P, V.isConcurrentMode = p, V.isContextConsumer = S, V.isContextProvider = N, V.isElement = z, V.isForwardRef = G, V.isFragment = dA, V.isLazy = TA, V.isMemo = LA, V.isPortal = X, V.isProfiler = yA, V.isStrictMode = DA, V.isSuspense = xe, V.isValidElementType = h, V.typeOf = y;
+    V.AsyncMode = l, V.ConcurrentMode = k, V.ContextConsumer = I, V.ContextProvider = T, V.Element = M, V.ForwardRef = q, V.Fragment = Z, V.Lazy = K, V.Memo = aA, V.Portal = F, V.Profiler = U, V.StrictMode = eA, V.Suspense = nA, V.isAsyncMode = P, V.isConcurrentMode = p, V.isContextConsumer = S, V.isContextProvider = N, V.isElement = z, V.isForwardRef = G, V.isFragment = dA, V.isLazy = TA, V.isMemo = LA, V.isPortal = X, V.isProfiler = yA, V.isStrictMode = DA, V.isSuspense = xe, V.isValidElementType = h, V.typeOf = y;
   }()), V;
 }
 var d1;
@@ -1275,7 +1275,7 @@ var gt = {
   return e.charCodeAt(1) === 45;
 }, u1 = function(e) {
   return e != null && typeof e != "boolean";
-}, we = /* @__PURE__ */ Kr(function(A) {
+}, we = /* @__PURE__ */ $r(function(A) {
   return Z1(A) ? A : A.replace(ht, "-$&").toLowerCase();
 }), f1 = function(e, r) {
   switch (e) {
@@ -1971,18 +1971,19 @@ const h1 = 32, Bt = 24, St = 105, Rt = 24, Mt = 195, Pt = 44, Tt = 147, Lt = ()
     strokeLinejoin: "round",
     fill: "none"
   }
-) }), Ke = ({ sx: A, color: e = "currentColor" }) => /* @__PURE__ */ t(
+) }), $e = ({ sx: A, fontSize: e, color: r = "currentColor" }) => /* @__PURE__ */ t(
   cA,
   {
+    fontSize: e,
+    height: 24,
+    width: 24,
     sx: {
-      fill: ({ palette: r }) => e || (r.mode === "dark" ? r.common.white : r.common.black),
+      fill: ({ palette: n }) => r || (n.mode === "dark" ? n.common.white : n.common.black),
       ...A
     },
-    height: 24,
-    width: 24,
     children: /* @__PURE__ */ t("path", { d: "M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" })
   }
-), $e = ({ url: A, end: e, children: r, active: n, state: o, component: i, disabled: a, onClick: s, target: d }) => {
+), Ke = ({ url: A, end: e, children: r, active: n, state: o, component: i, disabled: a, onClick: s, target: d }) => {
   const { closeDrawerMenu: c } = bA(PA), u = (f) => {
     s?.(f), c?.();
   };
@@ -2074,7 +2075,7 @@ const h1 = 32, Bt = 24, St = 105, Rt = 24, Mt = 195, Pt = 44, Tt = 147, Lt = ()
   NavLink: e,
   isCollapsed: r,
   sx: n
-}) => /* @__PURE__ */ t(R, { sx: n?.bottomLink, children: /* @__PURE__ */ t($e, { component: e, ...A, children: /* @__PURE__ */ m(O, { alignItems: "center", spacing: 1, direction: "row", children: [
+}) => /* @__PURE__ */ t(R, { sx: n?.bottomLink, children: /* @__PURE__ */ t(Ke, { component: e, ...A, children: /* @__PURE__ */ m(O, { alignItems: "center", spacing: 1, direction: "row", children: [
   A?.icon && /* @__PURE__ */ t(R, { component: "span", sx: n.iconWrapper, children: A.icon }),
   A?.label && /* @__PURE__ */ t(je, { in: !r, children: /* @__PURE__ */ t(R, { component: "span", display: "flex", children: A.label }) })
 ] }) }) }), x1 = ({ children: A, ...e }) => {
@@ -2134,7 +2135,7 @@ const h1 = 32, Bt = 24, St = 105, Rt = 24, Mt = 195, Pt = 44, Tt = 147, Lt = ()
                   children: x
                 }
               ),
-              o && /* @__PURE__ */ t(CA, { onClick: n, children: /* @__PURE__ */ t(Ke, { color: C.getContrastText(b) }) })
+              o && /* @__PURE__ */ t(CA, { onClick: n, children: /* @__PURE__ */ t($e, { color: C.getContrastText(b) }) })
             ]
           }
         ),
@@ -2232,7 +2233,7 @@ const h1 = 32, Bt = 24, St = 105, Rt = 24, Mt = 195, Pt = 44, Tt = 147, Lt = ()
       return i;
     if (i && typeof i == "object" && "label" in i) {
       const { count: s, url: d, label: c, icon: u, active: f, disabled: w, target: g } = i, x = `${d}-${c}-${a}`;
-      return /* @__PURE__ */ t(wA, { disableGutters: !0, sx: { paddingY: 0.5 }, children: /* @__PURE__ */ t($e, { url: d, component: r, active: f, disabled: w, target: g, children: /* @__PURE__ */ m(O, { direction: "row", component: "span", spacing: 1.5, width: "100%", alignItems: "center", children: [
+      return /* @__PURE__ */ t(wA, { disableGutters: !0, sx: { paddingY: 0.5 }, children: /* @__PURE__ */ t(Ke, { url: d, component: r, active: f, disabled: w, target: g, children: /* @__PURE__ */ m(O, { direction: "row", component: "span", spacing: 1.5, width: "100%", alignItems: "center", children: [
         u ? /* @__PURE__ */ t(R, { component: "div", sx: ve.iconWrapper, children: u }) : o && /* @__PURE__ */ t(R, { component: "div", sx: ve.iconWrapper, children: typeof c == "string" ? c.charAt(0) : "" }),
         /* @__PURE__ */ t(je, { in: !o, children: /* @__PURE__ */ m(O, { direction: "row", justifyContent: "space-between", flex: 1, whiteSpace: "nowrap", children: [
           c,
@@ -2414,7 +2415,7 @@ const h1 = 32, Bt = 24, St = 105, Rt = 24, Mt = 195, Pt = 44, Tt = 147, Lt = ()
     r,
     " "
   ] }) : /* @__PURE__ */ t(R, { component: "span", children: A });
-}, Kt = (A, e) => {
+}, $t = (A, e) => {
   const {
     children: r,
     disabled: n,
@@ -2453,7 +2454,7 @@ const h1 = 32, Bt = 24, St = 105, Rt = 24, Mt = 195, Pt = 44, Tt = 147, Lt = ()
       )
     }
   );
-}, y1 = tA(Kt), Y1 = ({ children: A, open: e, onClose: r, src: n, ...o }) => {
+}, y1 = tA($t), Y1 = ({ children: A, open: e, onClose: r, src: n, ...o }) => {
   const [i, a] = W(!1), s = () => {
     a(!0);
   }, d = (c, u) => (c && (r?.(c, u), a(!1)), (f) => {
@@ -2498,7 +2499,7 @@ const h1 = 32, Bt = 24, St = 105, Rt = 24, Mt = 195, Pt = 44, Tt = 147, Lt = ()
       }
     )
   ] }) });
-}, $t = ({ onClick: A }) => /* @__PURE__ */ t(
+}, Kt = ({ onClick: A }) => /* @__PURE__ */ t(
   CA,
   {
     "aria-label": "close",
@@ -2508,7 +2509,7 @@ const h1 = 32, Bt = 24, St = 105, Rt = 24, Mt = 195, Pt = 44, Tt = 147, Lt = ()
       right: ({ spacing: e }) => e(2),
       top: ({ spacing: e }) => e(1)
     },
-    children: /* @__PURE__ */ t(Ke, {})
+    children: /* @__PURE__ */ t($e, {})
   }
 ), An = ({ children: A, value: e, index: r, orientation: n, paddingY: o, paddingX: i, fullHeight: a, sx: s }, d) => {
   const c = o || 3, u = i || n === "vertical" ? 3 : 0;
@@ -2800,7 +2801,7 @@ const rn = (A, e) => {
   height: x = 152,
   width: C = 220
 }) => {
-  const [b, v] = W(!1), [E, h] = W(!1), [y, l] = W(!0), k = A?.toLowerCase(), I = !k?.endsWith(".pdf") && !k?.startsWith("blob:") && !k?.endsWith(".eml"), T = k?.endsWith(".pdf"), M = d ? 1 : 0.8, q = c ? !0 : !y, Z = Qe(A) || Qe(e), $ = (I || T) && !Z && q && !E && !d && A, aA = A?.split(".").pop()?.toLowerCase(), F = r || A?.split("/").pop()?.split("?")[0] || "", U = () => Z ? G1 : E ? nn : e || A || void 0, eA = () => {
+  const [b, v] = W(!1), [E, h] = W(!1), [y, l] = W(!0), k = A?.toLowerCase(), I = !k?.endsWith(".pdf") && !k?.startsWith("blob:") && !k?.endsWith(".eml"), T = k?.endsWith(".pdf"), M = d ? 1 : 0.8, q = c ? !0 : !y, Z = Qe(A) || Qe(e), K = (I || T) && !Z && q && !E && !d && A, aA = A?.split(".").pop()?.toLowerCase(), F = r || A?.split("/").pop()?.split("?")[0] || "", U = () => Z ? G1 : E ? nn : e || A || void 0, eA = () => {
     v((S) => !S);
   }, nA = () => {
     v(!1), f?.();
@@ -2856,7 +2857,7 @@ const rn = (A, e) => {
         ]
       }
     ) }),
-    $ && /* @__PURE__ */ t(Y1, { open: u !== void 0 && (T || I) ? u : b, onClose: nA, src: A, title: r, children: /* @__PURE__ */ t(
+    K && /* @__PURE__ */ t(Y1, { open: u !== void 0 && (T || I) ? u : b, onClose: nA, src: A, title: r, children: /* @__PURE__ */ t(
       R,
       {
         component: T ? "iframe" : "img",
@@ -2881,7 +2882,7 @@ const rn = (A, e) => {
       }
     )
   ] });
-}, on = ({ sx: A, fontSize: e, color: r = "currentColor" }) => /* @__PURE__ */ t(cA, { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", sx: A, fontSize: e, children: /* @__PURE__ */ t("path", { d: "M6 2L5.295 2.705L8.085 5.5L2 5.5L2 6.5L8.085 6.5L5.295 9.295L6 10L10 6L6 2Z", fill: r, fillOpacity: "0.54" }) }), an = ({ sx: A, color: e = "currentColor" }) => /* @__PURE__ */ t(cA, { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", sx: A, children: /* @__PURE__ */ t("path", { d: "M12 6.47003L11.06 5.53003L8 8.58336L4.94 5.53003L4 6.47003L8 10.47L12 6.47003Z", fill: e, fillOpacity: "0.54" }) }), IA = 64, w1 = 1e3, sn = ({
+}, on = ({ sx: A, fontSize: e, color: r = "currentColor" }) => /* @__PURE__ */ t(cA, { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", sx: A, fontSize: e, children: /* @__PURE__ */ t("path", { d: "M6 2L5.295 2.705L8.085 5.5L2 5.5L2 6.5L8.085 6.5L5.295 9.295L6 10L10 6L6 2Z", fill: r, fillOpacity: "0.54" }) }), an = ({ sx: A, fontSize: e, color: r = "currentColor" }) => /* @__PURE__ */ t(cA, { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", sx: A, fontSize: e, children: /* @__PURE__ */ t("path", { d: "M12 6.47003L11.06 5.53003L8 8.58336L4.94 5.53003L4 6.47003L8 10.47L12 6.47003Z", fill: r, fillOpacity: "0.54" }) }), IA = 64, w1 = 1e3, sn = ({
   title: A,
   subtitle: e,
   isLastElement: r,
@@ -3529,7 +3530,7 @@ const rn = (A, e) => {
     isMenuOpen: r,
     openMenu: o
   };
-}, fn = "appBarAvatarMenu", Kn = ({
+}, fn = "appBarAvatarMenu", $n = ({
   Avatar: A,
   Search: e,
   Action: r,
@@ -3626,10 +3627,10 @@ const rn = (A, e) => {
             return Ge(M, { key: Z });
           }
           if (M && typeof M == "object" && "url" in M) {
-            const { url: Z, label: $, icon: aA, active: F, end: U, state: eA } = M, nA = `${Z}-${$}-${q}`;
-            return /* @__PURE__ */ t(ar, { sx: T.menuItem, onClick: C, children: /* @__PURE__ */ m($e, { url: Z, component: o, active: F, end: U, state: eA, children: [
+            const { url: Z, label: K, icon: aA, active: F, end: U, state: eA } = M, nA = `${Z}-${K}-${q}`;
+            return /* @__PURE__ */ t(ar, { sx: T.menuItem, onClick: C, children: /* @__PURE__ */ m(Ke, { url: Z, component: o, active: F, end: U, state: eA, children: [
               aA && /* @__PURE__ */ t(sr, { children: aA }),
-              $ && /* @__PURE__ */ t(kA, { children: $ })
+              K && /* @__PURE__ */ t(kA, { children: K })
             ] }, nA) }, nA);
           }
           return null;
@@ -3639,6 +3640,7 @@ const rn = (A, e) => {
   ] });
 }, gn = ({ sx: A, fontSize: e, color: r = "currentColor" }) => /* @__PURE__ */ t(cA, { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", fontSize: e, sx: A, children: /* @__PURE__ */ t("rect", { x: "1", y: "1", width: "6", height: "6", rx: "3", fill: r }) }), hn = ({ dot: A, color: e, variant: r, sx: n, lineThrough: o, ...i }, a) => {
   const { palette: s } = pA(), d = {
+    active: s.text.contrast,
     default: s.text.secondary,
     error: s.error.main,
     info: s.info.main,
@@ -3672,7 +3674,7 @@ const rn = (A, e) => {
       ...i
     }
   );
-}, $n = tA(hn), Cn = ({ fontSize: A, sx: e, color: r = "currentColor" }) => /* @__PURE__ */ m(cA, { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", fontSize: A, sx: e, children: [
+}, Kn = tA(hn), Cn = ({ fontSize: A, sx: e, color: r = "currentColor" }) => /* @__PURE__ */ m(cA, { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", fontSize: A, sx: e, children: [
   /* @__PURE__ */ t("g", { clipPath: "url(#clip0_12914_201806)", children: /* @__PURE__ */ t(
     "path",
     {
@@ -4041,35 +4043,58 @@ const rn = (A, e) => {
               color: A.palette.text.primary
             },
             ...r === "primary" && {
+              "&:hover": {
+                backgroundColor: `${A.palette.grey[200]} !important`
+              },
               backgroundColor: A.palette.primary["4p"],
               border: o ? `1px solid ${A.palette.divider}` : "transparent",
               color: A.palette.primary.black
             },
             ...r === "secondary" && {
+              "&:hover": {
+                backgroundColor: `${o ? A.palette.secondary["30p"] : A.palette.secondary["50p"]} !important`
+              },
               backgroundColor: o ? A.palette.secondary["8p"] : A.palette.secondary["16p"],
               border: o ? `1px solid ${A.palette.secondary["30p"]}` : "transparent",
               color: o ? A.palette.secondary.dark : A.palette.secondary.black
             },
             ...r === "error" && {
+              "&:hover": {
+                backgroundColor: `${o ? A.palette.error["30p"] : A.palette.error["50p"]} !important`
+              },
               backgroundColor: o ? A.palette.error["8p"] : A.palette.error["30p"],
               border: o ? `1px solid ${A.palette.error["30p"]}` : "transparent",
               color: o ? A.palette.error.dark : A.palette.error["160p"]
             },
             ...r === "info" && {
+              "&:hover": {
+                backgroundColor: `${o ? A.palette.info["30p"] : A.palette.info["50p"]} !important`
+              },
               backgroundColor: o ? A.palette.info["8p"] : A.palette.info["30p"],
               border: o ? `1px solid ${A.palette.info["30p"]}` : "transparent",
               color: o ? A.palette.info.dark : A.palette.info["160p"]
             },
             ...r === "success" && {
+              "&:hover": {
+                backgroundColor: `${o ? A.palette.success["30p"] : A.palette.success["50p"]} !important`
+              },
               backgroundColor: o ? A.palette.success["8p"] : A.palette.success["30p"],
               border: o ? `1px solid ${A.palette.success["30p"]}` : "transparent",
               color: o ? A.palette.success.dark : A.palette.success["160p"]
             },
             ...r === "warning" && {
+              "&:hover": {
+                backgroundColor: `${o ? A.palette.warning["30p"] : A.palette.warning["50p"]} !important`
+              },
               backgroundColor: o ? A.palette.warning["8p"] : A.palette.warning["30p"],
               border: o ? `1px solid ${A.palette.warning["30p"]}` : "transparent",
               color: o ? A.palette.warning.dark : A.palette.warning["160p"]
             },
+            ...r === "active" && {
+              backgroundColor: `${A.palette.text.primary} !important`,
+              border: o ? `1px solid ${A.palette.divider}` : "transparent",
+              color: A.palette.text.contrast
+            },
             fontWeight: 500
           };
         }
@@ -4714,11 +4739,13 @@ const rn = (A, e) => {
     A
   ] }) });
 }, vn = {
+  apply: "Apply",
   clickToUpload: "Click to upload",
   files: "Files",
   reset: "Reset",
   selectAll: "Select all"
 }, En = {
+  apply: "Appliquer",
   clickToUpload: "Cliquez pour télécharger",
   files: "Fichiers",
   reset: "Réinitialiser",
@@ -4726,7 +4753,7 @@ const rn = (A, e) => {
 }, In = {
   en: vn,
   fr: En
-}, K1 = () => {
+}, $1 = () => {
   const { language: A } = bA(_1);
   return {
     t: (r) => In[A][r]
@@ -4762,7 +4789,7 @@ const rn = (A, e) => {
     title: C,
     variant: b = "vertical"
   }, v) => {
-    const { t: E } = K1(), { palette: h } = pA(), y = b === "vertical", l = s || e, k = Me(null), I = Me(null), [T, M] = W(null), q = Bn(T);
+    const { t: E } = $1(), { palette: h } = pA(), y = b === "vertical", l = s || e, k = Me(null), I = Me(null), [T, M] = W(null), q = Bn(T);
     Er(v, () => I.current);
     const Z = (F) => {
       w?.(F), M(F.target.files);
@@ -4924,7 +4951,7 @@ const rn = (A, e) => {
       children: [
         r?.map(
           ({ id: f, title: w, subtitle: g, image: x, thumbnail: C, secondaryAction: b, chipLabel: v, chipColor: E, onClick: h, icon: y, Avatar: l }, k) => {
-            const I = `key-${k}-${w}-${f}`, T = !!x?.toLowerCase()?.endsWith(".pdf"), M = B1(x), q = B1(C), Z = Qe(x), $ = h ? "none" : void 0, aA = s || !!y || !M || Z, F = !!h || !!(!h && !s && (C || x)), U = c === I, L = (q ? C : "") || (M ? x : "") || "";
+            const I = `key-${k}-${w}-${f}`, T = !!x?.toLowerCase()?.endsWith(".pdf"), M = B1(x), q = B1(C), Z = Qe(x), K = h ? "none" : void 0, aA = s || !!y || !M || Z, F = !!h || !!(!h && !s && (C || x)), U = c === I, L = (q ? C : "") || (M ? x : "") || "";
             return /* @__PURE__ */ m(
               wA,
               {
@@ -5018,7 +5045,7 @@ const rn = (A, e) => {
                           component: "div"
                         }
                       },
-                      sx: { marginY: 0, userSelect: $ }
+                      sx: { marginY: 0, userSelect: K }
                     }
                   )
                 ]
@@ -5080,7 +5107,7 @@ const rn = (A, e) => {
   multiple: d,
   ...c
 }) => {
-  const { t: u } = K1(), f = Array.isArray(s) ? s?.length === a?.length : !1, w = a?.filter((g) => g?.isHeader);
+  const { t: u } = $1(), f = Array.isArray(s) ? s?.length === a?.length : !1, w = a?.filter((g) => g?.isHeader);
   return /* @__PURE__ */ m(Ye, { ...c, children: [
     d && !i && (!e || !!w?.length) && /* @__PURE__ */ m(xA, { children: [
       /* @__PURE__ */ m(oe, { role: "listbox", children: [
@@ -5176,7 +5203,7 @@ const rn = (A, e) => {
   slotProps: l,
   ...k
 }, I) => {
-  const { palette: T } = pA(), [M, q] = W(!1), [Z, $] = W(""), aA = T.mode === "light" ? "default" : "primary", F = f || Z, eA = h ? a ? Array.isArray(a) ? a : [a] : [] : a || null;
+  const { palette: T } = pA(), [M, q] = W(!1), [Z, K] = W(""), aA = T.mode === "light" ? "default" : "primary", F = f || Z, eA = h ? a ? Array.isArray(a) ? a : [a] : [] : a || null;
   return /* @__PURE__ */ t(
     ur,
     {
@@ -5218,7 +5245,7 @@ const rn = (A, e) => {
         }
       },
       onInputChange: (L, P, p) => {
-        p === "reset" && M && !x || p === "selectOption" && !x || p === "removeOption" && !x || (f || $(P), u?.(L, P, p));
+        p === "reset" && M && !x || p === "selectOption" && !x || p === "removeOption" && !x || (f || K(P), u?.(L, P, p));
       },
       onFocus: (L) => {
         q(!0), s?.(L);
@@ -5282,10 +5309,10 @@ const rn = (A, e) => {
                         {
                           size: "small",
                           onClick: (S) => {
-                            $(""), u?.(S, "", "clear");
+                            K(""), u?.(S, "", "clear");
                           },
                           sx: { marginRight: "-3px" },
-                          children: /* @__PURE__ */ t(Ke, { sx: { fontSize: J(20) } })
+                          children: /* @__PURE__ */ t($e, { sx: { fontSize: J(20) } })
                         }
                       ),
                       p && typeof p == "object" && "props" in p && p.props && typeof p.props == "object" && "children" in p.props && Array.isArray(p.props.children) && p.props.children[1]
@@ -5466,7 +5493,7 @@ const rn = (A, e) => {
             ...(r || n) && { borderBottom: ({ palette: c }) => `1px solid ${c[o]["12p"]}` }
           },
           children: [
-            /* @__PURE__ */ t($t, { onClick: (c) => s?.(c, "closeButton") }),
+            /* @__PURE__ */ t(Kt, { onClick: (c) => s?.(c, "closeButton") }),
             /* @__PURE__ */ t(
               R,
               {
@@ -5534,7 +5561,7 @@ const rn = (A, e) => {
   message: "",
   severity: "success",
   variant: "standard"
-}, $1 = pe({
+}, K1 = pe({
   closeSnackbar: () => {
   },
   isOpen: !1,
@@ -5563,7 +5590,7 @@ const rn = (A, e) => {
     }),
     [a, i, n.isOpen]
   );
-  return /* @__PURE__ */ m($1.Provider, { value: s, children: [
+  return /* @__PURE__ */ m(K1.Provider, { value: s, children: [
     /* @__PURE__ */ t(
       yr,
       {
@@ -5578,7 +5605,7 @@ const rn = (A, e) => {
     A
   ] });
 }, po = () => {
-  const A = bA($1), { isOpen: e, closeSnackbar: r, openSnackbar: n } = A;
+  const A = bA(K1), { isOpen: e, closeSnackbar: r, openSnackbar: n } = A;
   if (A === void 0)
     throw new Error("SnackbarProvider must be used within a useSnackBar hook");
   return {
@@ -5597,7 +5624,7 @@ const rn = (A, e) => {
 }, fo = (A) => `linear-gradient(${uA("#fff", +Be(A))}, ${uA("#fff", +Be(A))})`;
 export {
   v1 as ActionAppBar,
-  Kn as AppBar,
+  $n as AppBar,
   qn as ArticleImage,
   no as AutocompleteFilter,
   W1 as Avatar,
@@ -5606,9 +5633,9 @@ export {
   oo as BottomFixedPaper,
   y1 as Button,
   jn as CardModal,
-  $n as Chip,
+  Kn as Chip,
   Pe as DEFAULT_PERMISSION_CHECK_MODE,
-  $t as DialogCloseIcon,
+  Kt as DialogCloseIcon,
   ao as DialogPopper,
   so as DialogValidation,
   ro as File,
@@ -5624,7 +5651,7 @@ export {
   PA as NavigationMenuContext,
   lo as PermissionProvider,
   Jn as QuantityField,
-  $1 as SnackbarContext,
+  K1 as SnackbarContext,
   co as SnackbarProvider,
   ne as StatusIcon,
   Wn as TabPanel,

package/dist/src/components/DataDisplay/Icons/ChevronIcon.d.ts

@@ -1,7 +1,8 @@
-import { SxProps } from '@mui/material';
+import { SvgIconProps, SxProps } from '@mui/material';
 interface CloseIconProps {
     color?: string;
     sx?: SxProps;
+    fontSize?: SvgIconProps["fontSize"];
 }
-declare const ChevronIcon: ({ sx, color }: CloseIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ChevronIcon: ({ sx, fontSize, color }: CloseIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ChevronIcon;

package/dist/src/components/DataDisplay/Icons/CloseIcon.d.ts

@@ -1,7 +1,8 @@
-import { SxProps } from '@mui/material';
+import { SvgIconProps, SxProps } from '@mui/material';
 interface CloseIconProps {
     color?: string;
     sx?: SxProps;
+    fontSize?: SvgIconProps["fontSize"];
 }
-declare const CloseIcon: ({ sx, color }: CloseIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const CloseIcon: ({ sx, fontSize, color }: CloseIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default CloseIcon;