@tracktor/design-system 4.7.2 → 4.7.3

package/dist/main.js

@@ -86,7 +86,7 @@ function Pr() {
     function A(f) {
       if (f == null) return null;
       if (typeof f == "function")
-        return f.$$typeof === rA ? null : f.displayName || f.name || null;
+        return f.$$typeof === X ? null : f.displayName || f.name || null;
       if (typeof f == "string") return f;
       switch (f) {
         case u:
@@ -173,7 +173,7 @@ function Pr() {
     }
     function a(f, x) {
       function M() {
-        X || (X = !0, console.error(
+        _ || (_ = !0, console.error(
           "%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://react.dev/link/special-props)",
           x
         ));
@@ -225,7 +225,7 @@ function Pr() {
       var Y = x.children;
       if (Y !== void 0)
         if (L)
-          if ($(Y)) {
+          if (K(Y)) {
             for (L = 0; L < Y.length; L++)
               g(Y[L]);
             Object.freeze && Object.freeze(Y);
@@ -239,7 +239,7 @@ function Pr() {
         var vA = Object.keys(x).filter(function(me) {
           return me !== "key";
         });
-        L = 0 < vA.length ? "{key: someKey, " + vA.join(": ..., ") + ": ...}" : "{key: someKey}", AA[Y + L] || (vA = 0 < vA.length ? "{" + vA.join(": ..., ") + ": ...}" : "{}", console.error(
+        L = 0 < vA.length ? "{key: someKey, " + vA.join(": ..., ") + ": ...}" : "{key: someKey}", eA[Y + L] || (vA = 0 < vA.length ? "{" + vA.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -250,7 +250,7 @@ React keys must be passed directly to JSX without using spread:
           Y,
           vA,
           Y
-        ), AA[Y + L] = !0);
+        ), eA[Y + L] = !0);
       }
       if (Y = null, M !== void 0 && (r(M), Y = "" + M), s(x) && (r(x.key), Y = "" + x.key), "key" in x) {
         M = {};
@@ -274,7 +274,7 @@ React keys must be passed directly to JSX without using spread:
     function g(f) {
       typeof f == "object" && f !== null && f.$$typeof === w && f._store && (f._store.validated = 1);
     }
-    var v = Er, w = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), I = Symbol.for("react.profiler"), S = 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"), E = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), T = Symbol.for("react.activity"), rA = Symbol.for("react.client.reference"), N = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, $ = Array.isArray, K = console.createTask ? console.createTask : function() {
+    var v = Er, w = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), I = Symbol.for("react.profiler"), S = 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"), E = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), T = Symbol.for("react.activity"), X = Symbol.for("react.client.reference"), N = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, K = Array.isArray, AA = console.createTask ? console.createTask : function() {
       return null;
     };
     v = {
@@ -282,10 +282,10 @@ React keys must be passed directly to JSX without using spread:
         return f();
       }
     };
-    var X, Z = {}, q = v["react-stack-bottom-frame"].bind(
+    var _, Z = {}, q = v["react-stack-bottom-frame"].bind(
       v,
       i
-    )(), U = K(n(i)), AA = {};
+    )(), U = AA(n(i)), eA = {};
     QA.Fragment = u, QA.jsx = function(f, x, M, L, P) {
       var tA = 1e4 > N.recentlyCreatedOwnerStacks++;
       return p(
@@ -296,7 +296,7 @@ React keys must be passed directly to JSX without using spread:
         L,
         P,
         tA ? Error("react-stack-top-frame") : q,
-        tA ? K(n(f)) : U
+        tA ? AA(n(f)) : U
       );
     }, QA.jsxs = function(f, x, M, L, P) {
       var tA = 1e4 > N.recentlyCreatedOwnerStacks++;
@@ -308,7 +308,7 @@ React keys must be passed directly to JSX without using spread:
         L,
         P,
         tA ? Error("react-stack-top-frame") : q,
-        tA ? K(n(f)) : U
+        tA ? AA(n(f)) : U
       );
     };
   }()), QA;
@@ -360,7 +360,7 @@ var Hr = /* @__PURE__ */ function() {
   }, A;
 }(), nA = "-ms-", se = "-moz-", H = "-webkit-", D1 = "comm", _e = "rule", $e = "decl", Or = "@import", H1 = "@keyframes", Qr = "@layer", Vr = Math.abs, ge = String.fromCharCode, Fr = Object.assign;
 function Nr(A, e) {
-  return eA(A, 0) ^ 45 ? (((e << 2 ^ eA(A, 0)) << 2 ^ eA(A, 1)) << 2 ^ eA(A, 2)) << 2 ^ eA(A, 3) : 0;
+  return rA(A, 0) ^ 45 ? (((e << 2 ^ rA(A, 0)) << 2 ^ rA(A, 1)) << 2 ^ rA(A, 2)) << 2 ^ rA(A, 3) : 0;
 }
 function O1(A) {
   return A.trim();
@@ -374,7 +374,7 @@ function O(A, e, r) {
 function De(A, e) {
   return A.indexOf(e);
 }
-function eA(A, e) {
+function rA(A, e) {
   return A.charCodeAt(e) | 0;
 }
 function GA(A, e, r) {
@@ -403,13 +403,13 @@ function zr() {
   return W;
 }
 function Jr() {
-  return W = lA > 0 ? eA(LA, --lA) : 0, TA--, W === 10 && (TA = 1, he--), W;
+  return W = lA > 0 ? rA(LA, --lA) : 0, TA--, W === 10 && (TA = 1, he--), W;
 }
 function dA() {
-  return W = lA < Q1 ? eA(LA, lA++) : 0, TA++, W === 10 && (TA = 1, he++), W;
+  return W = lA < Q1 ? rA(LA, lA++) : 0, TA++, W === 10 && (TA = 1, he++), W;
 }
 function xA() {
-  return eA(LA, lA);
+  return rA(LA, lA);
 }
 function re() {
   return lA;
@@ -515,7 +515,7 @@ function ne(A, e, r, n, o, i, s, a, c) {
     switch (C = S, S = dA()) {
       // (
       case 40:
-        if (C != 108 && eA(E, g - 1) == 58) {
+        if (C != 108 && rA(E, g - 1) == 58) {
           De(E += O(te(S), "&", "&\f"), "&\f") != -1 && (I = -1);
           break;
         }
@@ -572,7 +572,7 @@ function ne(A, e, r, n, o, i, s, a, c) {
               if (p === 0)
                 ne(E, e, k, k, y, i, g, a, l);
               else
-                switch (v === 99 && eA(E, 3) === 110 ? 100 : v) {
+                switch (v === 99 && rA(E, 3) === 110 ? 100 : v) {
                   // d l m s
                   case 100:
                   case 108:
@@ -815,13 +815,13 @@ function N1(A, e) {
     case 5789:
     case 5021:
     case 4765:
-      if (hA(A) - 1 - e > 6) switch (eA(A, e + 1)) {
+      if (hA(A) - 1 - e > 6) switch (rA(A, e + 1)) {
         // (m)ax-content, (m)in-content
         case 109:
-          if (eA(A, e + 4) !== 45) break;
+          if (rA(A, e + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return O(A, /(.+:)(.+)-([^]+)/, "$1" + H + "$2-$3$1" + se + (eA(A, e + 3) == 108 ? "$3" : "$2-$3")) + A;
+          return O(A, /(.+:)(.+)-([^]+)/, "$1" + H + "$2-$3$1" + se + (rA(A, e + 3) == 108 ? "$3" : "$2-$3")) + A;
         // (s)tretch
         case 115:
           return ~De(A, "stretch") ? N1(O(A, "stretch", "fill-available"), e) + A : A;
@@ -829,21 +829,21 @@ function N1(A, e) {
       break;
     // position: sticky
     case 4949:
-      if (eA(A, e + 1) !== 115) break;
+      if (rA(A, e + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch (eA(A, hA(A) - 3 - (~De(A, "!important") && 10))) {
+      switch (rA(A, hA(A) - 3 - (~De(A, "!important") && 10))) {
         // stic(k)y
         case 107:
           return O(A, ":", ":" + H) + A;
         // (inline-)?fl(e)x
         case 101:
-          return O(A, /(.+:)([^;!]+)(;|!.+)?/, "$1" + H + (eA(A, 14) === 45 ? "inline-" : "") + "box$3$1" + H + "$2$3$1" + nA + "$2box$3") + A;
+          return O(A, /(.+:)([^;!]+)(;|!.+)?/, "$1" + H + (rA(A, 14) === 45 ? "inline-" : "") + "box$3$1" + H + "$2$3$1" + nA + "$2box$3") + A;
       }
       break;
     // writing-mode
     case 5936:
-      switch (eA(A, e + 11)) {
+      switch (rA(A, e + 11)) {
         // vertical-l(r)
         case 114:
           return H + A + nA + O(A, /[svh]\w+-[tblr]{2}/, "tb") + A;
@@ -1060,8 +1060,8 @@ function ct() {
         }
       }
     }
-    var l = c, k = d, E = a, D = s, T = e, rA = p, N = n, J = C, $ = w, K = r, X = i, Z = o, q = g, U = !1;
-    function AA(B) {
+    var l = c, k = d, E = a, D = s, T = e, X = p, N = n, J = C, K = w, AA = r, _ = i, Z = o, q = g, U = !1;
+    function eA(B) {
       return U || (U = !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.")), f(B) || y(B) === c;
     }
     function f(B) {
@@ -1100,7 +1100,7 @@ function ct() {
     function me(B) {
       return y(B) === g;
     }
-    F.AsyncMode = l, F.ConcurrentMode = k, F.ContextConsumer = E, F.ContextProvider = D, F.Element = T, F.ForwardRef = rA, F.Fragment = N, F.Lazy = J, F.Memo = $, F.Portal = K, F.Profiler = X, F.StrictMode = Z, F.Suspense = q, F.isAsyncMode = AA, F.isConcurrentMode = f, F.isContextConsumer = x, F.isContextProvider = M, F.isElement = L, F.isForwardRef = P, F.isFragment = tA, F.isLazy = aA, F.isMemo = bA, F.isPortal = Y, F.isProfiler = vA, F.isStrictMode = HA, F.isSuspense = me, F.isValidElementType = h, F.typeOf = y;
+    F.AsyncMode = l, F.ConcurrentMode = k, F.ContextConsumer = E, F.ContextProvider = D, F.Element = T, F.ForwardRef = X, F.Fragment = N, F.Lazy = J, F.Memo = K, F.Portal = AA, F.Profiler = _, F.StrictMode = Z, F.Suspense = q, F.isAsyncMode = eA, F.isConcurrentMode = f, F.isContextConsumer = x, F.isContextProvider = M, F.isElement = L, F.isForwardRef = P, F.isFragment = tA, F.isLazy = aA, F.isMemo = bA, F.isPortal = Y, F.isProfiler = vA, F.isStrictMode = HA, F.isSuspense = me, F.isValidElementType = h, F.typeOf = y;
   }()), F;
 }
 var p1;
@@ -2533,7 +2533,7 @@ const C1 = 32, Mt = 24, Rt = 105, Pt = 24, Tt = 195, Lt = 44, Dt = 147, Ht = ()
   emptyText: r,
   typographyProps: n = { color: "text.secondary", variant: "body2" },
   skeletonProps: o
-}) => A ? /* @__PURE__ */ t(z, { ...n, children: /* @__PURE__ */ t(cA, { ...o }) }) : e ? /* @__PURE__ */ t(z, { ...n, children: e }) : /* @__PURE__ */ t(z, { ...n, color: "text.disabled", children: r }), _ = {
+}) => A ? /* @__PURE__ */ t(z, { ...n, children: /* @__PURE__ */ t(cA, { ...o }) }) : e ? /* @__PURE__ */ t(z, { ...n, children: e }) : /* @__PURE__ */ t(z, { ...n, color: "text.disabled", children: r }), $ = {
   large: {
     primary: 40,
     secondary: 32
@@ -2547,32 +2547,32 @@ const C1 = 32, Mt = 24, Rt = 105, Pt = 24, Tt = 195, Lt = 44, Dt = 147, Ht = ()
     secondary: 16
   }
 }, Ve = (A) => A !== void 0 && typeof A == "object" && !Array.isArray(A), de = (A) => {
-  if (A === void 0) return _.medium.primary;
+  if (A === void 0) return $.medium.primary;
   if (typeof A == "number")
     return A;
   const e = parseFloat(A);
-  return Number.isNaN(e) ? _.medium.primary : e;
+  return Number.isNaN(e) ? $.medium.primary : e;
 }, tn = (A, e) => {
   if (e)
     return {
-      height: _[e].secondary,
-      width: _[e].secondary
+      height: $[e].secondary,
+      width: $[e].secondary
     };
   if (Ve(A)) {
     const { height: r, width: n } = A;
     return {
-      height: Math.max(de(r) - (_.medium.primary - _.medium.secondary), _.small.secondary),
-      width: Math.max(de(n) - (_.medium.primary - _.medium.secondary), _.small.secondary)
+      height: Math.max(de(r) - ($.medium.primary - $.medium.secondary), $.small.secondary),
+      width: Math.max(de(n) - ($.medium.primary - $.medium.secondary), $.small.secondary)
     };
   }
   return {
-    height: _.medium.secondary,
-    width: _.medium.secondary
+    height: $.medium.secondary,
+    width: $.medium.secondary
   };
 }, G1 = iA(
   ({ secondarySrc: A, secondaryAvatarProps: e, size: r, ...n }, o) => {
     if (A || e) {
-      const i = r ? _[r].primary : de(Ve(n.sx) ? n.sx.width : void 0), s = r ? _[r].primary : de(Ve(n.sx) ? n.sx.height : void 0), a = tn(n?.sx, r), c = a.width / 3, d = a.height / 3;
+      const i = r ? $[r].primary : de(Ve(n.sx) ? n.sx.width : void 0), s = r ? $[r].primary : de(Ve(n.sx) ? n.sx.height : void 0), a = tn(n?.sx, r), c = a.width / 3, d = a.height / 3;
       return /* @__PURE__ */ m(
         R,
         {
@@ -2590,8 +2590,8 @@ const C1 = 32, Mt = 24, Rt = 105, Pt = 24, Tt = 195, Lt = 44, Dt = 147, Ht = ()
                 ref: o,
                 sx: {
                   ...r && {
-                    height: _[r].primary,
-                    width: _[r].primary
+                    height: $[r].primary,
+                    width: $[r].primary
                   },
                   ...n.sx
                 }
@@ -2623,7 +2623,7 @@ const C1 = 32, Mt = 24, Rt = 105, Pt = 24, Tt = 195, Lt = 44, Dt = 147, Ht = ()
         ...n,
         ref: o,
         sx: {
-          ...r && { height: _[r].primary, width: _[r].primary },
+          ...r && { height: $[r].primary, width: $[r].primary },
           ...n.sx
         }
       }
@@ -2801,17 +2801,17 @@ const nn = (A, e) => {
   height: C = 152,
   width: u = 220
 }) => {
-  const [b, I] = G(!1), [S, h] = G(!1), [y, l] = G(!0), k = A?.toLowerCase(), E = !k?.endsWith(".pdf") && !k?.startsWith("blob:") && !k?.endsWith(".eml"), D = k?.endsWith(".pdf"), T = c ? 1 : 0.8, rA = d ? !0 : !y, N = Fe(A) || Fe(e), J = (E || D) && !N && rA && !S && !c && A, $ = A?.split(".").pop()?.toLowerCase(), K = r || A?.split("/").pop()?.split("?")[0] || "", X = () => N ? q1 : S ? an : e || A || void 0, Z = () => {
+  const [b, I] = G(!1), [S, h] = G(!1), [y, l] = G(!0), k = A?.toLowerCase(), E = !k?.endsWith(".pdf") && !k?.startsWith("blob:") && !k?.endsWith(".eml"), D = k?.endsWith(".pdf"), T = c ? 1 : 0.8, X = d ? !0 : !y, N = Fe(A) || Fe(e), J = (E || D) && !N && X && !S && !c && A, K = A?.split(".").pop()?.toLowerCase(), AA = r || A?.split("/").pop()?.split("?")[0] || "", _ = () => N ? q1 : S ? an : e || A || void 0, Z = () => {
     I((x) => !x);
   }, q = () => {
     I(!1), g?.();
   }, U = () => {
     h(!0);
-  }, AA = () => {
+  }, eA = () => {
     l(!1);
   };
   return /* @__PURE__ */ m(mA, { children: [
-    !d && !n && /* @__PURE__ */ t(Be, { title: N ? K : "", children: /* @__PURE__ */ m(
+    !d && !n && /* @__PURE__ */ t(Be, { title: N ? AA : "", children: /* @__PURE__ */ m(
       R,
       {
         "data-test": "fileViewer",
@@ -2820,7 +2820,7 @@ const nn = (A, e) => {
         onClick: async () => {
           if (N && A) {
             const M = await (await fetch(A)).blob(), L = window.URL.createObjectURL(M), P = document.createElement("a");
-            P.href = L, P.download = K, P.target = "_blank", document.body.appendChild(P), P.click(), setTimeout(() => {
+            P.href = L, P.download = AA, P.target = "_blank", document.body.appendChild(P), P.click(), setTimeout(() => {
               document.body.removeChild(P), window.URL.revokeObjectURL(L);
             }, 100);
           }
@@ -2842,18 +2842,18 @@ const nn = (A, e) => {
               width: "100%",
               component: E ? "img" : "iframe",
               height: E ? "100%" : "auto",
-              src: X(),
+              src: _(),
               onError: U,
-              onLoad: AA,
+              onLoad: eA,
               sx: {
                 ...FA.thumb,
                 objectFit: N ? "contain" : "cover",
                 padding: N ? "15%" : 0
               }
             },
-            X()
+            _()
           ),
-          N && /* @__PURE__ */ t(z, { sx: FA.extension, variant: "body3", color: "black", children: $ })
+          N && /* @__PURE__ */ t(z, { sx: FA.extension, variant: "body3", color: "black", children: K })
         ]
       }
     ) }),
@@ -3619,17 +3619,17 @@ const nn = (A, e) => {
             }
           }
         },
-        children: h?.map((T, rA) => {
+        children: h?.map((T, X) => {
           if (UA(T)) {
             if (T.key)
               return T;
-            const N = `${h}-${rA}`;
+            const N = `${h}-${X}`;
             return Xe(T, { key: N });
           }
           if (T && typeof T == "object" && "url" in T) {
-            const { url: N, label: J, icon: $, active: K, end: X, state: Z } = T, q = `${N}-${J}-${rA}`;
-            return /* @__PURE__ */ t(lr, { sx: D.menuItem, onClick: u, children: /* @__PURE__ */ m(A1, { url: N, component: o, active: K, end: X, state: Z, children: [
-              $ && /* @__PURE__ */ t(cr, { children: $ }),
+            const { url: N, label: J, icon: K, active: AA, end: _, state: Z } = T, q = `${N}-${J}-${X}`;
+            return /* @__PURE__ */ t(lr, { sx: D.menuItem, onClick: u, children: /* @__PURE__ */ m(A1, { url: N, component: o, active: AA, end: _, state: Z, children: [
+              K && /* @__PURE__ */ t(cr, { children: K }),
               J && /* @__PURE__ */ t(BA, { children: J })
             ] }, q) }, q);
           }
@@ -4790,12 +4790,14 @@ const nn = (A, e) => {
     value: b,
     variant: I = "vertical"
   }, S) => {
-    const [h, y] = G(null), { t: l } = Ar(), { palette: k } = uA(), E = I === "vertical", D = a || e, T = Te(null), rA = Te(null), N = b !== void 0 ? b : h, J = Bn(N);
+    const [h, y] = G(null), { t: l } = Ar(), { palette: k } = uA(), E = I === "vertical", D = a || e, T = Te(null), X = Te(null), N = b !== void 0 ? b : h, J = Bn(N);
     kr(S, () => ({
-      input: rA.current,
-      reset: () => y(null)
+      input: X.current,
+      reset: () => {
+        y(null), X.current && (X.current.value = "");
+      }
     }));
-    const $ = (Z) => {
+    const K = (Z) => {
       v?.(Z), y(Z.target.files);
     };
     return /* @__PURE__ */ m(
@@ -4808,10 +4810,10 @@ const nn = (A, e) => {
         },
         onDrop: (Z) => {
           if (Z.preventDefault(), Z.dataTransfer.files.length > 0) {
-            const q = rA.current, U = Z.dataTransfer.files;
+            const q = X.current, U = Z.dataTransfer.files;
             y(U);
-            const AA = new DataTransfer();
-            Array.from(U).forEach((f) => AA.items.add(f)), q && (q.files = AA.files), q?.focus(), q?.blur(), v?.({ ...Z, target: q }), Z.dataTransfer.clearData();
+            const eA = new DataTransfer();
+            Array.from(U).forEach((f) => eA.items.add(f)), q && (q.files = eA.files), q?.focus(), q?.blur(), v?.({ ...Z, target: q }), Z.dataTransfer.clearData();
           }
         },
         sx: {
@@ -4870,7 +4872,7 @@ const nn = (A, e) => {
             "input",
             {
               id: D,
-              ref: rA,
+              ref: X,
               type: "file",
               title: u,
               disabled: r,
@@ -4879,7 +4881,7 @@ const nn = (A, e) => {
               multiple: s,
               accept: A,
               pattern: C,
-              onChange: $,
+              onChange: K,
               style: {
                 left: "50%",
                 opacity: 0,
@@ -4956,13 +4958,13 @@ const nn = (A, e) => {
       children: [
         r?.map(
           ({ id: g, title: v, subtitle: w, image: C, thumbnail: u, secondaryAction: b, chipLabel: I, chipColor: S, onClick: h, icon: y, Avatar: l }, k) => {
-            const E = `key-${k}-${v}-${g}`, D = !!C?.toLowerCase()?.endsWith(".pdf"), T = B1(C), rA = B1(u), N = Fe(C), J = h ? "none" : void 0, $ = a || !!y || !T || N, K = !!h || !!(!h && !a && (u || C)), X = d === E, U = (rA ? u : "") || (T ? C : "") || "";
+            const E = `key-${k}-${v}-${g}`, D = !!C?.toLowerCase()?.endsWith(".pdf"), T = B1(C), X = B1(u), N = Fe(C), J = h ? "none" : void 0, K = a || !!y || !T || N, AA = !!h || !!(!h && !a && (u || C)), _ = d === E, U = (X ? u : "") || (T ? C : "") || "";
             return /* @__PURE__ */ m(
               EA,
               {
                 secondaryAction: b,
-                onClick: (AA) => {
-                  h?.(AA, {
+                onClick: (eA) => {
+                  h?.(eA, {
                     ...y && { icon: y },
                     ...g && { id: g },
                     ...C && { image: C },
@@ -4971,7 +4973,7 @@ const nn = (A, e) => {
                     ...v && { thumbnail: u },
                     isFile: N,
                     isPdf: D
-                  }), K && !X && !h && p(E);
+                  }), AA && !_ && !h && p(E);
                 },
                 sx: {
                   ...ZA.listItem,
@@ -4981,16 +4983,16 @@ const nn = (A, e) => {
                     justifyContent: "center",
                     opacity: i ? 1 : 0,
                     position: "static",
-                    right: ({ spacing: AA }) => AA(0.5),
+                    right: ({ spacing: eA }) => eA(0.5),
                     transform: "none"
                   },
                   "&:hover": {
                     "& .MuiListItemSecondaryAction-root": {
                       opacity: 1
                     },
-                    backgroundColor: ({ palette: AA }) => K ? AA.action.hover : "transparent"
+                    backgroundColor: ({ palette: eA }) => AA ? eA.action.hover : "transparent"
                   },
-                  cursor: K ? "pointer" : "default"
+                  cursor: AA ? "pointer" : "default"
                 },
                 children: [
                   l !== void 0 && /* @__PURE__ */ t(R, { marginRight: NA, children: l }),
@@ -5003,7 +5005,7 @@ const nn = (A, e) => {
                       height: 40,
                       sx: { borderRadius: 1, marginRight: NA },
                       disableLightbox: a,
-                      open: X,
+                      open: _,
                       onClose: () => p("")
                     }
                   ),
@@ -5013,8 +5015,8 @@ const nn = (A, e) => {
                       disableThumb: !0,
                       src: C,
                       srcThumb: u,
-                      disableLightbox: $,
-                      open: X,
+                      disableLightbox: K,
+                      open: _,
                       onClose: () => p(""),
                       children: /* @__PURE__ */ t(
                         kA,
@@ -5227,16 +5229,16 @@ const nn = (A, e) => {
   multiple: E = !0,
   options: D = [],
   slotProps: T,
-  ...rA
+  ...X
 }, N) => {
-  const [J, $] = G(!1), [K, X] = G(""), Z = w || K, q = A === "chip", U = Array.isArray(a) ? !!a.length : a != null, AA = Rn(a, E);
+  const [J, K] = G(!1), [AA, _] = G(""), Z = w || AA, q = A === "chip", U = Array.isArray(a) ? !!a.length : a != null, eA = Rn(a, E);
   return /* @__PURE__ */ t(
     gr,
     {
       freeSolo: !1,
       multiple: E,
       disableClearable: C,
-      value: AA,
+      value: eA,
       options: D,
       loading: u,
       ref: N,
@@ -5247,12 +5249,12 @@ const nn = (A, e) => {
           e?.(x, E ? [] : null, L, P);
           return;
         }
-        e?.(x, M, L, P), (!k || !E) && $(!1);
+        e?.(x, M, L, P), (!k || !E) && K(!1);
       },
       getLimitTagsText: Pn(A),
       inputValue: Z,
       open: p || J,
-      onOpen: () => $(!0),
+      onOpen: () => K(!0),
       sx: {
         width: h,
         ...y
@@ -5276,13 +5278,13 @@ const nn = (A, e) => {
         }
       },
       onInputChange: (x, M, L) => {
-        L === "reset" && J && !b || L === "selectOption" && !b || L === "removeOption" && !b || (w || X(M), v?.(x, M, L));
+        L === "reset" && J && !b || L === "selectOption" && !b || L === "removeOption" && !b || (w || _(M), v?.(x, M, L));
       },
       onFocus: (x) => {
-        $(!0), c?.(x);
+        K(!0), c?.(x);
       },
       onBlur: (x) => {
-        $(!1), d?.(x);
+        K(!1), d?.(x);
       },
       getOptionLabel: g || ((x) => {
         const M = typeof x == "object" && "label" in x ? x.label : x;
@@ -5333,7 +5335,7 @@ const nn = (A, e) => {
                 {
                   size: "small",
                   onClick: (P) => {
-                    P.preventDefault(), P.stopPropagation(), X(""), v?.(P, "", "clear"), U && e?.(P, E ? [] : null, "clear");
+                    P.preventDefault(), P.stopPropagation(), _(""), v?.(P, "", "clear"), U && e?.(P, E ? [] : null, "clear");
                   },
                   onMouseDown: (P) => {
                     P.preventDefault(), P.stopPropagation();
@@ -5392,7 +5394,7 @@ const nn = (A, e) => {
                 {
                   size: "small",
                   onClick: (P) => {
-                    X(""), v?.(P, "", "clear");
+                    _(""), v?.(P, "", "clear");
                   },
                   sx: { marginRight: "-3px" },
                   children: /* @__PURE__ */ t(le, { sx: { fontSize: j(20) } })
@@ -5444,7 +5446,7 @@ const nn = (A, e) => {
           }
         );
       },
-      ...rA
+      ...X
     }
   );
 }, io = iA(Ln), Dn = ({

package/package.json

@@ -2,7 +2,7 @@
   "name": "@tracktor/design-system",
   "description": "Tracktor Design System",
   "sideEffects": false,
-  "version": "4.7.2",
+  "version": "4.7.3",
   "license": "ISC",
   "type": "module",
   "types": "./dist/src/main.d.ts",