@getsoren/design-system 4.56.0 → 4.56.1

package/dist/main.js

@@ -1,5 +1,5 @@
 import { a as yn, c as vo, i as Cn, n as _n, o as xn, r as En, s as Sn, t as tf } from "./grey-BAzK6S76.js";
-import { Alert as Wl, AppBar as el, Autocomplete as rf, Avatar as uo, Backdrop as nf, Badge as of, Box as X, Button as bo, Card as jn, CardContent as Ou, Checkbox as va, Chip as kr, CircularProgress as Kl, Collapse as tl, Container as Ps, CssBaseline as af, Dialog as lf, DialogActions as sf, DialogContent as df, DialogContentText as uf, Divider as Po, Fade as jl, GlobalStyles as Ln, IconButton as it, InputAdornment as Fn, InputLabel as cf, List as yo, ListItem as Cr, ListItemAvatar as pf, ListItemButton as ba, ListItemIcon as Bu, ListItemText as Gr, Menu as Pu, MenuItem as Mu, Modal as ff, Paper as Hl, Popper as Af, Radio as hf, Skeleton as ht, Slide as gf, Snackbar as mf, Stack as ae, SvgIcon as It, SwipeableDrawer as vf, Tab as bf, TextField as Mo, TextareaAutosize as yf, ThemeProvider as Cf, ToggleButton as Jo, ToggleButtonGroup as xf, Toolbar as Ef, Tooltip as wt, Typography as ge, alpha as Bt, createTheme as Pn, css as ya, getOverlayAlpha as rl, responsiveFontSizes as Gl, useMediaQuery as un, useTheme as vt } from "@mui/material";
+import { Alert as Wl, AppBar as el, Autocomplete as rf, Avatar as uo, Backdrop as nf, Badge as of, Box as Z, Button as bo, Card as jn, CardContent as Ou, Checkbox as va, Chip as kr, CircularProgress as Kl, Collapse as tl, Container as Ps, CssBaseline as af, Dialog as lf, DialogActions as sf, DialogContent as df, DialogContentText as uf, Divider as Po, Fade as jl, GlobalStyles as Ln, IconButton as it, InputAdornment as Fn, InputLabel as cf, List as yo, ListItem as Cr, ListItemAvatar as pf, ListItemButton as ba, ListItemIcon as Bu, ListItemText as Gr, Menu as Pu, MenuItem as Mu, Modal as ff, Paper as Hl, Popper as Af, Radio as hf, Skeleton as ht, Slide as gf, Snackbar as mf, Stack as ae, SvgIcon as It, SwipeableDrawer as vf, Tab as bf, TextField as Mo, TextareaAutosize as yf, ThemeProvider as Cf, ToggleButton as Jo, ToggleButtonGroup as xf, Toolbar as Ef, Tooltip as wt, Typography as ge, alpha as Bt, createTheme as Pn, css as ya, getOverlayAlpha as rl, responsiveFontSizes as Gl, useMediaQuery as un, useTheme as vt } from "@mui/material";
 import * as I from "react";
 import Or, { Children as Du, cloneElement as sn, createContext as qa, forwardRef as Tt, isValidElement as Rt, memo as Wa, useCallback as Fe, useContext as sr, useEffect as Mt, useImperativeHandle as Vu, useMemo as mr, useRef as Ze, useState as Ve } from "react";
 import * as Co from "react/jsx-runtime";
@@ -674,7 +674,7 @@ var fA = /* @__PURE__ */ yt((e) => {
     function j(F) {
       return S(F) === s;
     }
-    function Z(F) {
+    function X(F) {
       return typeof F == "object" && F !== null && F.$$typeof === r;
     }
     function U(F) {
@@ -701,7 +701,7 @@ var fA = /* @__PURE__ */ yt((e) => {
     function de(F) {
       return S(F) === v;
     }
-    e.AsyncMode = y, e.ConcurrentMode = T, e.ContextConsumer = D, e.ContextProvider = B, e.Element = P, e.ForwardRef = R, e.Fragment = m, e.Lazy = k, e.Memo = M, e.Portal = Q, e.Profiler = V, e.StrictMode = $, e.Suspense = z, e.isAsyncMode = ee, e.isConcurrentMode = G, e.isContextConsumer = L, e.isContextProvider = j, e.isElement = Z, e.isForwardRef = U, e.isFragment = H, e.isLazy = re, e.isMemo = ue, e.isPortal = Y, e.isProfiler = _, e.isStrictMode = ne, e.isSuspense = de, e.isValidElementType = x, e.typeOf = S;
+    e.AsyncMode = y, e.ConcurrentMode = T, e.ContextConsumer = D, e.ContextProvider = B, e.Element = P, e.ForwardRef = R, e.Fragment = m, e.Lazy = k, e.Memo = M, e.Portal = Q, e.Profiler = V, e.StrictMode = $, e.Suspense = z, e.isAsyncMode = ee, e.isConcurrentMode = G, e.isContextConsumer = L, e.isContextProvider = j, e.isElement = X, e.isForwardRef = U, e.isFragment = H, e.isLazy = re, e.isMemo = ue, e.isPortal = Y, e.isProfiler = _, e.isStrictMode = ne, e.isSuspense = de, e.isValidElementType = x, e.typeOf = S;
   }();
 }), hA = /* @__PURE__ */ yt((e, t) => {
   process.env.NODE_ENV === "production" ? t.exports = fA() : t.exports = AA();
@@ -1022,7 +1022,7 @@ var Yu = /* @__PURE__ */ I.createContext(typeof HTMLElement < "u" ? /* @__PURE__
 }, Vo = Tt(({ secondarySrc: e, secondaryAvatarProps: t, showSecondaryAvatar: r, size: o, sx: a, ...i }, l) => {
   if (r !== !1 && (e || r || t)) {
     const { sx: s, ...u } = t || {}, c = o ? St[o].primary : xa(sl(a) ? a.width : void 0), p = o ? St[o].primary : xa(sl(a) ? a.height : void 0), A = PA(a, o), v = A.width / 3, f = A.height / 3;
-    return /* @__PURE__ */ O(X, {
+    return /* @__PURE__ */ O(Z, {
       sx: {
         display: "flex",
         height: p + v,
@@ -1433,26 +1433,26 @@ var MA = (e, t) => {
   position: "absolute",
   width: "1px",
   zIndex: 0
-}), ec = ({ variant: e, gap: t }) => /* @__PURE__ */ O(mt, { children: [e !== "top" && /* @__PURE__ */ d(X, {
+}), ec = ({ variant: e, gap: t }) => /* @__PURE__ */ O(mt, { children: [e !== "top" && /* @__PURE__ */ d(Z, {
   "aria-hidden": !0,
   sx: (r) => ({
     ...dl(r),
     height: t[0],
     top: 0
   })
-}), e !== "bottom" && /* @__PURE__ */ d(X, {
+}), e !== "bottom" && /* @__PURE__ */ d(Z, {
   "aria-hidden": !0,
   sx: (r) => ({
     ...dl(r),
     bottom: 0,
     top: t[1]
   })
-})] }), Di = ({ height: e }) => /* @__PURE__ */ d(X, {
+})] }), Di = ({ height: e }) => /* @__PURE__ */ d(Z, {
   sx: {
     height: e,
     position: "relative"
   },
-  children: /* @__PURE__ */ d(X, {
+  children: /* @__PURE__ */ d(Z, {
     "aria-hidden": !0,
     sx: (t) => ({
       ...dl(t),
@@ -1460,7 +1460,7 @@ var MA = (e, t) => {
       top: 0
     })
   })
-}), WA = ({ icon: e, reached: t }) => /* @__PURE__ */ d(X, {
+}), WA = ({ icon: e, reached: t }) => /* @__PURE__ */ d(Z, {
   sx: {
     alignItems: "center",
     display: "flex",
@@ -1468,7 +1468,7 @@ var MA = (e, t) => {
     justifyContent: "center",
     width: 34
   },
-  children: /* @__PURE__ */ d(X, {
+  children: /* @__PURE__ */ d(Z, {
     sx: {
       "& svg": { fontSize: 15 },
       alignItems: "center",
@@ -1496,14 +1496,14 @@ var MA = (e, t) => {
       variant: r,
       gap: UA
     }),
-    /* @__PURE__ */ d(X, {
+    /* @__PURE__ */ d(Z, {
       sx: {
         display: "flex",
         flexShrink: 0,
         justifyContent: "center",
         width: 40
       },
-      children: /* @__PURE__ */ d(X, {
+      children: /* @__PURE__ */ d(Z, {
         sx: {
           display: "flex",
           mt: "1px",
@@ -1515,7 +1515,7 @@ var MA = (e, t) => {
         })
       })
     }),
-    /* @__PURE__ */ O(X, {
+    /* @__PURE__ */ O(Z, {
       sx: { pl: "12px" },
       children: [
         e.overline && /* @__PURE__ */ d(ge, {
@@ -1544,7 +1544,7 @@ var MA = (e, t) => {
             children: ` ${e.titleSuffix}`
           })]
         }),
-        e.content && /* @__PURE__ */ d(X, {
+        e.content && /* @__PURE__ */ d(Z, {
           sx: { mt: 0.5 },
           children: e.content
         })
@@ -1711,7 +1711,7 @@ var MA = (e, t) => {
     function j(F) {
       return S(F) === s;
     }
-    function Z(F) {
+    function X(F) {
       return typeof F == "object" && F !== null && F.$$typeof === r;
     }
     function U(F) {
@@ -1738,7 +1738,7 @@ var MA = (e, t) => {
     function de(F) {
       return S(F) === v;
     }
-    e.AsyncMode = y, e.ConcurrentMode = T, e.ContextConsumer = D, e.ContextProvider = B, e.Element = P, e.ForwardRef = R, e.Fragment = m, e.Lazy = k, e.Memo = M, e.Portal = Q, e.Profiler = V, e.StrictMode = $, e.Suspense = z, e.isAsyncMode = ee, e.isConcurrentMode = G, e.isContextConsumer = L, e.isContextProvider = j, e.isElement = Z, e.isForwardRef = U, e.isFragment = H, e.isLazy = re, e.isMemo = ue, e.isPortal = Y, e.isProfiler = _, e.isStrictMode = ne, e.isSuspense = de, e.isValidElementType = x, e.typeOf = S;
+    e.AsyncMode = y, e.ConcurrentMode = T, e.ContextConsumer = D, e.ContextProvider = B, e.Element = P, e.ForwardRef = R, e.Fragment = m, e.Lazy = k, e.Memo = M, e.Portal = Q, e.Profiler = V, e.StrictMode = $, e.Suspense = z, e.isAsyncMode = ee, e.isConcurrentMode = G, e.isContextConsumer = L, e.isContextProvider = j, e.isElement = X, e.isForwardRef = U, e.isFragment = H, e.isLazy = re, e.isMemo = ue, e.isPortal = Y, e.isProfiler = _, e.isStrictMode = ne, e.isSuspense = de, e.isValidElementType = x, e.typeOf = S;
   }();
 }), rc = /* @__PURE__ */ yt((e, t) => {
   process.env.NODE_ENV === "production" ? t.exports = HA() : t.exports = GA();
@@ -1869,7 +1869,7 @@ var MA = (e, t) => {
     E.prototype = Error.prototype;
     function w(L) {
       if (process.env.NODE_ENV !== "production")
-        var j = {}, Z = 0;
+        var j = {}, X = 0;
       function U(re, ue, Y, _, ne, de, F) {
         if (_ = _ || b, de = de || Y, F !== a) {
           if (p) {
@@ -1877,7 +1877,7 @@ var MA = (e, t) => {
             throw se.name = "Invariant Violation", se;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var he = _ + ":" + Y;
-            !j[he] && Z < 3 && (s("You are manually calling a React.PropTypes validation function for the `" + de + "` prop on `" + _ + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."), j[he] = !0, Z++);
+            !j[he] && X < 3 && (s("You are manually calling a React.PropTypes validation function for the `" + de + "` prop on `" + _ + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."), j[he] = !0, X++);
           }
         }
         return ue[Y] == null ? re ? ue[Y] === null ? new E("The " + ne + " `" + de + "` is marked as required " + ("in `" + _ + "`, but its value is `null`.")) : new E("The " + ne + " `" + de + "` is marked as required in " + ("`" + _ + "`, but its value is `undefined`.")) : null : L(ue, Y, _, ne, de);
@@ -1886,8 +1886,8 @@ var MA = (e, t) => {
       return H.isRequired = U.bind(null, !0), H;
     }
     function C(L) {
-      function j(Z, U, H, re, ue, Y) {
-        var _ = Z[U];
+      function j(X, U, H, re, ue, Y) {
+        var _ = X[U];
         if (z(_) !== L) {
           var ne = te(_);
           return new E("Invalid " + re + " `" + ue + "` of type " + ("`" + ne + "` supplied to `" + H + "`, expected ") + ("`" + L + "`."), { expectedType: L });
@@ -1900,9 +1900,9 @@ var MA = (e, t) => {
       return w(u);
     }
     function S(L) {
-      function j(Z, U, H, re, ue) {
+      function j(X, U, H, re, ue) {
         if (typeof L != "function") return new E("Property `" + ue + "` of component `" + H + "` has invalid PropType notation inside arrayOf.");
-        var Y = Z[U];
+        var Y = X[U];
         if (!Array.isArray(Y)) {
           var _ = z(Y);
           return new E("Invalid " + re + " `" + ue + "` of type " + ("`" + _ + "` supplied to `" + H + "`, expected an array."));
@@ -1916,8 +1916,8 @@ var MA = (e, t) => {
       return w(j);
     }
     function y() {
-      function L(j, Z, U, H, re) {
-        var ue = j[Z];
+      function L(j, X, U, H, re) {
+        var ue = j[X];
         if (!c(ue)) {
           var Y = z(ue);
           return new E("Invalid " + H + " `" + re + "` of type " + ("`" + Y + "` supplied to `" + U + "`, expected a single ReactElement."));
@@ -1927,8 +1927,8 @@ var MA = (e, t) => {
       return w(L);
     }
     function T() {
-      function L(j, Z, U, H, re) {
-        var ue = j[Z];
+      function L(j, X, U, H, re) {
+        var ue = j[X];
         if (!r.isValidElementType(ue)) {
           var Y = z(ue);
           return new E("Invalid " + H + " `" + re + "` of type " + ("`" + Y + "` supplied to `" + U + "`, expected a single ReactElement type."));
@@ -1938,9 +1938,9 @@ var MA = (e, t) => {
       return w(L);
     }
     function D(L) {
-      function j(Z, U, H, re, ue) {
-        if (!(Z[U] instanceof L)) {
-          var Y = L.name || b, _ = G(Z[U]);
+      function j(X, U, H, re, ue) {
+        if (!(X[U] instanceof L)) {
+          var Y = L.name || b, _ = G(X[U]);
           return new E("Invalid " + re + " `" + ue + "` of type " + ("`" + _ + "` supplied to `" + H + "`, expected ") + ("instance of `" + Y + "`."));
         }
         return null;
@@ -1950,8 +1950,8 @@ var MA = (e, t) => {
     function B(L) {
       if (!Array.isArray(L))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? s("Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).") : s("Invalid argument supplied to oneOf, expected an array.")), u;
-      function j(Z, U, H, re, ue) {
-        for (var Y = Z[U], _ = 0; _ < L.length; _++) if (h(Y, L[_])) return null;
+      function j(X, U, H, re, ue) {
+        for (var Y = X[U], _ = 0; _ < L.length; _++) if (h(Y, L[_])) return null;
         var ne = JSON.stringify(L, function(F, se) {
           return te(se) === "symbol" ? String(se) : se;
         });
@@ -1960,9 +1960,9 @@ var MA = (e, t) => {
       return w(j);
     }
     function P(L) {
-      function j(Z, U, H, re, ue) {
+      function j(X, U, H, re, ue) {
         if (typeof L != "function") return new E("Property `" + ue + "` of component `" + H + "` has invalid PropType notation inside objectOf.");
-        var Y = Z[U], _ = z(Y);
+        var Y = X[U], _ = z(Y);
         if (_ !== "object") return new E("Invalid " + re + " `" + ue + "` of type " + ("`" + _ + "` supplied to `" + H + "`, expected an object."));
         for (var ne in Y) if (i(Y, ne)) {
           var de = L(Y, ne, H, re, ue + "." + ne, a);
@@ -1976,9 +1976,9 @@ var MA = (e, t) => {
       if (!Array.isArray(L))
         return process.env.NODE_ENV !== "production" && s("Invalid argument supplied to oneOfType, expected an instance of array."), u;
       for (var j = 0; j < L.length; j++) {
-        var Z = L[j];
-        if (typeof Z != "function")
-          return s("Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ee(Z) + " at index " + j + "."), u;
+        var X = L[j];
+        if (typeof X != "function")
+          return s("Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ee(X) + " at index " + j + "."), u;
       }
       function U(H, re, ue, Y, _) {
         for (var ne = [], de = 0; de < L.length; de++) {
@@ -1992,17 +1992,17 @@ var MA = (e, t) => {
       return w(U);
     }
     function m() {
-      function L(j, Z, U, H, re) {
-        return V(j[Z]) ? null : new E("Invalid " + H + " `" + re + "` supplied to " + ("`" + U + "`, expected a ReactNode."));
+      function L(j, X, U, H, re) {
+        return V(j[X]) ? null : new E("Invalid " + H + " `" + re + "` supplied to " + ("`" + U + "`, expected a ReactNode."));
       }
       return w(L);
     }
-    function k(L, j, Z, U, H) {
-      return new E((L || "React class") + ": " + j + " type `" + Z + "." + U + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + H + "`.");
+    function k(L, j, X, U, H) {
+      return new E((L || "React class") + ": " + j + " type `" + X + "." + U + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + H + "`.");
     }
     function M(L) {
-      function j(Z, U, H, re, ue) {
-        var Y = Z[U], _ = z(Y);
+      function j(X, U, H, re, ue) {
+        var Y = X[U], _ = z(Y);
         if (_ !== "object") return new E("Invalid " + re + " `" + ue + "` of type `" + _ + "` " + ("supplied to `" + H + "`, expected `object`."));
         for (var ne in L) {
           var de = L[ne];
@@ -2015,13 +2015,13 @@ var MA = (e, t) => {
       return w(j);
     }
     function Q(L) {
-      function j(Z, U, H, re, ue) {
-        var Y = Z[U], _ = z(Y);
+      function j(X, U, H, re, ue) {
+        var Y = X[U], _ = z(Y);
         if (_ !== "object") return new E("Invalid " + re + " `" + ue + "` of type `" + _ + "` " + ("supplied to `" + H + "`, expected `object`."));
-        for (var ne in o({}, Z[U], L)) {
+        for (var ne in o({}, X[U], L)) {
           var de = L[ne];
           if (i(L, ne) && typeof de != "function") return k(H, re, ue, ne, te(de));
-          if (!de) return new E("Invalid " + re + " `" + ue + "` key `" + ne + "` supplied to `" + H + "`.\nBad object: " + JSON.stringify(Z[U], null, "  ") + `
+          if (!de) return new E("Invalid " + re + " `" + ue + "` key `" + ne + "` supplied to `" + H + "`.\nBad object: " + JSON.stringify(X[U], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(L), null, "  "));
           var F = de(Y, ne, H, re, ue + "." + ne, a);
           if (F) return F;
@@ -2043,10 +2043,10 @@ Valid keys: ` + JSON.stringify(Object.keys(L), null, "  "));
           if (L === null || c(L)) return !0;
           var j = f(L);
           if (j) {
-            var Z = j.call(L), U;
+            var X = j.call(L), U;
             if (j !== L.entries) {
-              for (; !(U = Z.next()).done; ) if (!V(U.value)) return !1;
-            } else for (; !(U = Z.next()).done; ) {
+              for (; !(U = X.next()).done; ) if (!V(U.value)) return !1;
+            } else for (; !(U = X.next()).done; ) {
               var H = U.value;
               if (H && !V(H[1]))
                 return !1;
@@ -4644,7 +4644,7 @@ var Eh = (e) => /* @__PURE__ */ d(lt, {
   const [r, o] = Ve("");
   return /* @__PURE__ */ d(wt, {
     title: r,
-    children: /* @__PURE__ */ d(X, {
+    children: /* @__PURE__ */ d(Z, {
       onMouseEnter: (a) => {
         const i = a.currentTarget.firstElementChild ?? a.currentTarget;
         o(i.scrollWidth > i.clientWidth ? e : "");
@@ -4664,7 +4664,7 @@ var Eh = (e) => /* @__PURE__ */ d(lt, {
   sx: { flexShrink: 0 },
   children: e.slice(0, 3).map((t, r) => {
     const o = e.length - 3, a = r === Math.min(e.length, 3) - 1;
-    return /* @__PURE__ */ O(X, {
+    return /* @__PURE__ */ O(Z, {
       sx: {
         border: "1.5px solid",
         borderColor: "background.paper",
@@ -4676,17 +4676,17 @@ var Eh = (e) => /* @__PURE__ */ d(lt, {
         width: 22,
         zIndex: 3 - r
       },
-      children: [/* @__PURE__ */ d(X, {
+      children: [/* @__PURE__ */ d(Z, {
         component: "img",
         src: t.src,
-        alt: t.name,
+        alt: t.name ?? "",
         sx: {
           display: "block",
           height: "100%",
           objectFit: "cover",
           width: "100%"
         }
-      }), a && o > 0 && /* @__PURE__ */ O(X, {
+      }), a && o > 0 && /* @__PURE__ */ O(Z, {
         sx: {
           alignItems: "center",
           backgroundColor: "rgba(0, 0, 0, 0.55)",
@@ -4700,11 +4700,82 @@ var Eh = (e) => /* @__PURE__ */ d(lt, {
         },
         children: ["+", o]
       })]
-    }, t.src);
+    }, `${t.src}-${r}`);
   })
 }), Ih = ({ event: e, labels: t }) => {
-  const r = e.status === "closed" ? t.closed : t.open;
-  return /* @__PURE__ */ O(X, {
+  const r = e.status === "closed" ? t.closed : t.open, o = /* @__PURE__ */ O(ae, {
+    direction: "row",
+    alignItems: "flex-start",
+    spacing: 1,
+    sx: { width: "100%" },
+    children: [/* @__PURE__ */ d(Z, {
+      sx: {
+        flex: 1,
+        minWidth: 0
+      },
+      children: /* @__PURE__ */ d(Sh, {
+        text: e.labelText,
+        children: e.label
+      })
+    }), /* @__PURE__ */ O(ae, {
+      direction: "row",
+      alignItems: "center",
+      spacing: 0.75,
+      sx: {
+        flexShrink: 0,
+        mt: "1px"
+      },
+      children: [
+        e.photos && e.photos.length > 0 && /* @__PURE__ */ d(wh, { photos: e.photos }),
+        (e.user || e.date) && /* @__PURE__ */ d(wt, {
+          title: e.tooltip ?? "",
+          children: /* @__PURE__ */ O(ae, {
+            direction: "row",
+            alignItems: "center",
+            spacing: 0.75,
+            children: [e.user && /* @__PURE__ */ d(Lo, {
+              size: "small",
+              src: e.user.avatar ?? void 0,
+              sx: {
+                flexShrink: 0,
+                fontSize: 9,
+                height: 18,
+                width: 18
+              },
+              children: e.user.initials
+            }), e.date && /* @__PURE__ */ d(ge, {
+              variant: "caption",
+              noWrap: !0,
+              sx: {
+                color: "text.disabled",
+                flexShrink: 0,
+                textAlign: "right",
+                width: "46px"
+              },
+              children: e.date
+            })]
+          })
+        }),
+        /* @__PURE__ */ d(Mc, {
+          fontSize: "small",
+          sx: {
+            color: "text.disabled",
+            flexShrink: 0,
+            visibility: e.onClick ? "visible" : "hidden"
+          }
+        })
+      ]
+    })]
+  }), a = {
+    alignItems: "stretch",
+    borderRadius: "8px",
+    display: "flex",
+    flexDirection: "column",
+    minWidth: 0,
+    p: "10px",
+    width: "100%"
+  };
+  return /* @__PURE__ */ O(Z, {
     sx: {
       display: "flex",
       position: "relative",
@@ -4715,14 +4786,14 @@ var Eh = (e) => /* @__PURE__ */ d(lt, {
         variant: "mid",
         gap: qA
       }),
-      /* @__PURE__ */ d(X, {
+      /* @__PURE__ */ d(Z, {
         sx: {
           display: "flex",
           flexShrink: 0,
           justifyContent: "center",
           width: 40
         },
-        children: /* @__PURE__ */ d(X, {
+        children: /* @__PURE__ */ d(Z, {
           sx: {
             alignItems: "center",
             display: "flex",
@@ -4756,7 +4827,7 @@ var Eh = (e) => /* @__PURE__ */ d(lt, {
                 width: 24
               }
             })
-          }) : /* @__PURE__ */ d(X, {
+          }) : /* @__PURE__ */ d(Z, {
             sx: {
               "& svg": { fontSize: 16 },
               alignItems: "center",
@@ -4775,90 +4846,25 @@ var Eh = (e) => /* @__PURE__ */ d(lt, {
           })
         })
       }),
-      /* @__PURE__ */ d(X, {
+      /* @__PURE__ */ d(Z, {
         sx: {
           flex: 1,
           minWidth: 0,
           ml: "2px"
         },
-        children: /* @__PURE__ */ d(ba, {
+        children: e.onClick ? /* @__PURE__ */ d(ba, {
           disableGutters: !0,
           onClick: e.onClick,
           sx: {
             "&:hover": { backgroundColor: "action.hover" },
-            alignItems: "stretch",
             backgroundColor: "transparent",
-            borderRadius: "8px",
-            cursor: e.onClick ? "pointer" : "default",
-            flexDirection: "column",
-            minWidth: 0,
-            p: "10px",
-            width: "100%"
+            cursor: "pointer",
+            ...a
           },
-          children: /* @__PURE__ */ O(ae, {
-            direction: "row",
-            alignItems: "flex-start",
-            spacing: 1,
-            sx: { width: "100%" },
-            children: [/* @__PURE__ */ d(X, {
-              sx: {
-                flex: 1,
-                minWidth: 0
-              },
-              children: /* @__PURE__ */ d(Sh, {
-                text: e.labelText,
-                children: e.label
-              })
-            }), /* @__PURE__ */ O(ae, {
-              direction: "row",
-              alignItems: "center",
-              spacing: 0.75,
-              sx: {
-                flexShrink: 0,
-                mt: "1px"
-              },
-              children: [
-                e.photos && e.photos.length > 0 && /* @__PURE__ */ d(wh, { photos: e.photos }),
-                (e.user || e.date) && /* @__PURE__ */ d(wt, {
-                  title: e.tooltip ?? "",
-                  children: /* @__PURE__ */ O(ae, {
-                    direction: "row",
-                    alignItems: "center",
-                    spacing: 0.75,
-                    children: [e.user && /* @__PURE__ */ d(Lo, {
-                      size: "small",
-                      src: e.user.avatar ?? void 0,
-                      sx: {
-                        flexShrink: 0,
-                        fontSize: 9,
-                        height: 18,
-                        width: 18
-                      },
-                      children: e.user.initials
-                    }), e.date && /* @__PURE__ */ d(ge, {
-                      variant: "caption",
-                      noWrap: !0,
-                      sx: {
-                        color: "text.disabled",
-                        flexShrink: 0,
-                        textAlign: "right",
-                        width: "46px"
-                      },
-                      children: e.date
-                    })]
-                  })
-                }),
-                /* @__PURE__ */ d(Mc, {
-                  fontSize: "small",
-                  sx: {
-                    color: "text.disabled",
-                    flexShrink: 0,
-                    visibility: e.onClick ? "visible" : "hidden"
-                  }
-                })
-              ]
-            })]
-          })
+          children: o
+        }) : /* @__PURE__ */ d(Z, {
+          sx: a,
+          children: o
         })
       })
     ]
@@ -6045,7 +6051,7 @@ var Eh = (e) => /* @__PURE__ */ d(lt, {
     closed: A("closed"),
     open: A("open")
   };
-  return /* @__PURE__ */ O(X, {
+  return /* @__PURE__ */ O(Z, {
     sx: { position: "relative" },
     "data-test": u,
     "data-testid": c,
@@ -8048,7 +8054,7 @@ var jg = xe("MuiButtonBase", [
     G,
     te
   ]);
-  const Z = Rr(te, "start", T, A), U = Rr(te, "stop", E, A), H = Rr(te, "stop", w, A), re = Rr(te, "stop", B, A), ue = Rr(te, "stop", (J) => {
+  const X = Rr(te, "start", T, A), U = Rr(te, "stop", E, A), H = Rr(te, "stop", w, A), re = Rr(te, "stop", B, A), ue = Rr(te, "stop", (J) => {
     G && J.preventDefault(), D && D(J);
   }, A), Y = Rr(te, "start", m, A), _ = Rr(te, "stop", P, A), ne = Rr(te, "stop", R, A), de = Rr(te, "stop", (J) => {
     Ia(J.target) || L(!1), g && g(J);
@@ -8095,7 +8101,7 @@ var jg = xe("MuiButtonBase", [
     onFocus: F,
     onKeyDown: he,
     onKeyUp: ke,
-    onMouseDown: Z,
+    onMouseDown: X,
     onMouseLeave: ue,
     onMouseUp: re,
     onDragLeave: H,
@@ -9665,10 +9671,10 @@ var LC = xe("MuiModal", [
   }), L = {
     ...M,
     exited: ee
-  }, j = Nm(L), Z = {};
-  if (c.props.tabIndex === void 0 && (Z.tabIndex = "-1"), G) {
+  }, j = Nm(L), X = {};
+  if (c.props.tabIndex === void 0 && (X.tabIndex = "-1"), G) {
     const { onEnter: _, onExited: ne } = $();
-    Z.onEnter = _, Z.onExited = ne;
+    X.onEnter = _, X.onExited = ne;
   }
   const U = {
     slots: {
@@ -9718,7 +9724,7 @@ var LC = xe("MuiModal", [
         disableRestoreFocus: w,
         isEnabled: te,
         open: B,
-        children: /* @__PURE__ */ I.cloneElement(c, Z)
+        children: /* @__PURE__ */ I.cloneElement(c, X)
       })]
     })
   });
@@ -10085,7 +10091,7 @@ var Gm = (e) => {
     }
   });
   x === "auto" && !G.muiSupportAuto && (te = void 0);
-  const j = A || (i ? To(so(i)).body : void 0), [Z, { slots: U, slotProps: H, ...re }] = Oe("root", {
+  const j = A || (i ? To(so(i)).body : void 0), [X, { slots: U, slotProps: H, ...re }] = Oe("root", {
     ref: r,
     elementType: zm,
     externalForwardedProps: {
@@ -10113,9 +10119,9 @@ var Gm = (e) => {
     },
     ownerState: B
   });
-  return /* @__PURE__ */ W(Z, {
+  return /* @__PURE__ */ W(X, {
     ...re,
-    ...!wa(Z) && {
+    ...!wa(X) && {
       slots: U,
       slotProps: H,
       disableScrollLock: y
@@ -10808,7 +10814,7 @@ var f2 = gs.Provider, kd, A2 = ie(dp, {
     controlled: z,
     default: p,
     name: "Select"
-  }), [j, Z] = Ad({
+  }), [j, X] = Ad({
     controlled: R,
     default: c,
     name: "Select"
@@ -10852,7 +10858,7 @@ var f2 = gs.Provider, kd, A2 = ie(dp, {
     }
   }, [h]);
   const Be = (pe, me) => {
-    pe ? (F(u2(me)), P && P(me)) : (F(null), y && y(me)), Y || (ne(l ? null : ke.clientWidth), Z(pe));
+    pe ? (F(u2(me)), P && P(me)) : (F(null), y && y(me)), Y || (ne(l ? null : ke.clientWidth), X(pe));
   }, Ge = (pe) => {
     B?.(pe), pe.button === 0 && (pe.preventDefault(), H.current.focus(), Be(!0, pe));
   }, Le = (pe) => {
@@ -11395,7 +11401,7 @@ var Lt = xe("MuiInputBase", [
   const o = we({
     props: t,
     name: "MuiInputBase"
-  }), { "aria-describedby": a, autoComplete: i, autoFocus: l, className: s, color: u, components: c = {}, componentsProps: p = {}, defaultValue: A, disabled: v, disableInjectingGlobalStyles: f, endAdornment: b, error: g, fullWidth: h = !1, id: E, inputComponent: w = "input", inputProps: C = {}, inputRef: x, margin: S, maxRows: y, minRows: T, multiline: D = !1, name: B, onBlur: P, onChange: R, onClick: m, onFocus: k, onKeyDown: M, onKeyUp: Q, placeholder: V, readOnly: $, renderSuffix: z, rows: te, size: ee, slotProps: G = {}, slots: L = {}, startAdornment: j, type: Z = "text", value: U, ...H } = o, re = C.value != null ? C.value : U, { current: ue } = I.useRef(re != null), Y = I.useRef(), _ = I.useCallback((De) => {
+  }), { "aria-describedby": a, autoComplete: i, autoFocus: l, className: s, color: u, components: c = {}, componentsProps: p = {}, defaultValue: A, disabled: v, disableInjectingGlobalStyles: f, endAdornment: b, error: g, fullWidth: h = !1, id: E, inputComponent: w = "input", inputProps: C = {}, inputRef: x, margin: S, maxRows: y, minRows: T, multiline: D = !1, name: B, onBlur: P, onChange: R, onClick: m, onFocus: k, onKeyDown: M, onKeyUp: Q, placeholder: V, readOnly: $, renderSuffix: z, rows: te, size: ee, slotProps: G = {}, slots: L = {}, startAdornment: j, type: X = "text", value: U, ...H } = o, re = C.value != null ? C.value : U, { current: ue } = I.useRef(re != null), Y = I.useRef(), _ = I.useCallback((De) => {
     process.env.NODE_ENV !== "production" && De && De.nodeName !== "INPUT" && !De.focus && console.error([
       "MUI: You have provided a `inputComponent` to the input component",
       "that does not correctly handle the `ref` prop.",
@@ -11492,7 +11498,7 @@ var Lt = xe("MuiInputBase", [
     multiline: D,
     size: he.size,
     startAdornment: j,
-    type: Z
+    type: X
   }, pt = C2(qe), We = L.root || c.Root || hi, Ee = G.root || p.root || {}, dt = L.input || c.Input || gi;
   return oe = {
     ...oe,
@@ -11528,7 +11534,7 @@ var Lt = xe("MuiInputBase", [
           value: re,
           onKeyDown: M,
           onKeyUp: Q,
-          type: Z,
+          type: X,
           ...oe,
           ...!wa(dt) && {
             as: Ae,
@@ -12853,7 +12859,7 @@ var G2 = ie(ps, {
     ownerState: M,
     className: fe(Q.root, v),
     ref: r
-  }), [Z, U] = Oe("backdrop", {
+  }), [X, U] = Oe("backdrop", {
     elementType: G2,
     shouldForwardComponentProp: !0,
     externalForwardedProps: G,
@@ -12892,7 +12898,7 @@ var G2 = ie(ps, {
   });
   return /* @__PURE__ */ W(L, {
     closeAfterTransition: !0,
-    slots: { backdrop: Z },
+    slots: { backdrop: X },
     slotProps: { backdrop: {
       transitionDuration: R,
       as: c,
@@ -13171,7 +13177,7 @@ function Fd(e, t, r, o) {
   return typeof a == "string" ? a : "";
 }
 function A3(e) {
-  const { unstable_isActiveElementInListbox: t = p3, unstable_classNamePrefix: r = "Mui", autoComplete: o = !1, autoHighlight: a = !1, autoSelect: i = !1, blurOnSelect: l = !1, clearOnBlur: s = !e.freeSolo, clearOnEscape: u = !1, componentName: c = "useAutocomplete", defaultValue: p = e.multiple ? f3 : null, disableClearable: A = !1, disableCloseOnSelect: v = !1, disabled: f, disabledItemsFocusable: b = !1, disableListWrap: g = !1, filterOptions: h = u3, filterSelectedOptions: E = !1, freeSolo: w = !1, getOptionDisabled: C, getOptionKey: x, getOptionLabel: S = (N) => N.label ?? N, groupBy: y, handleHomeEndKeys: T = !e.freeSolo, id: D, includeInputInList: B = !1, inputValue: P, isOptionEqualToValue: R = Ld, multiple: m = !1, onChange: k, onClose: M, onHighlightChange: Q, onInputChange: V, onOpen: $, open: z, openOnFocus: te = !1, options: ee, readOnly: G = !1, renderValue: L, selectOnFocus: j = !e.freeSolo, value: Z } = e, U = No(D);
+  const { unstable_isActiveElementInListbox: t = p3, unstable_classNamePrefix: r = "Mui", autoComplete: o = !1, autoHighlight: a = !1, autoSelect: i = !1, blurOnSelect: l = !1, clearOnBlur: s = !e.freeSolo, clearOnEscape: u = !1, componentName: c = "useAutocomplete", defaultValue: p = e.multiple ? f3 : null, disableClearable: A = !1, disableCloseOnSelect: v = !1, disabled: f, disabledItemsFocusable: b = !1, disableListWrap: g = !1, filterOptions: h = u3, filterSelectedOptions: E = !1, freeSolo: w = !1, getOptionDisabled: C, getOptionKey: x, getOptionLabel: S = (N) => N.label ?? N, groupBy: y, handleHomeEndKeys: T = !e.freeSolo, id: D, includeInputInList: B = !1, inputValue: P, isOptionEqualToValue: R = Ld, multiple: m = !1, onChange: k, onClose: M, onHighlightChange: Q, onInputChange: V, onOpen: $, open: z, openOnFocus: te = !1, options: ee, readOnly: G = !1, renderValue: L, selectOnFocus: j = !e.freeSolo, value: X } = e, U = No(D);
   let H = S;
   H = (N) => {
     const q = S(N);
@@ -13184,8 +13190,8 @@ function A3(e) {
     }
     return q;
   };
-  const re = I.useRef(!1), ue = I.useRef(!0), Y = I.useRef(null), _ = I.useRef(null), ne = I.useRef(!1), [de, F] = I.useState(null), [se, he] = I.useState(-1), ke = a ? 0 : -1, ye = I.useRef(ke), Be = I.useRef(null), Ge = I.useRef(!1), Le = I.useRef(!1), Pe = I.useRef(Fd(p ?? Z, m, H)).current, [J, Ae] = pa({
-    controlled: Z,
+  const re = I.useRef(!1), ue = I.useRef(!0), Y = I.useRef(null), _ = I.useRef(null), ne = I.useRef(!1), [de, F] = I.useState(null), [se, he] = I.useState(-1), ke = a ? 0 : -1, ye = I.useRef(ke), Be = I.useRef(null), Ge = I.useRef(!1), Le = I.useRef(!1), Pe = I.useRef(Fd(p ?? X, m, H)).current, [J, Ae] = pa({
+    controlled: X,
     default: p,
     name: c
   }), [oe, ze] = pa({
@@ -14223,14 +14229,14 @@ function ev(e) {
     }
     if (T)
       for (var te = b ? 3 : 1, ee = function(j) {
-        var Z = C.find(function(U) {
+        var X = C.find(function(U) {
           var H = y.get(U);
           if (H) return H.slice(0, j).every(function(re) {
             return re;
           });
         });
-        if (Z)
-          return D = Z, "break";
+        if (X)
+          return D = X, "break";
       }, G = te; G > 0 && ee(G) !== "break"; G--) ;
     t.placement !== D && (t.modifiersData[o]._skip = !0, t.placement = D, t.reset = !0);
   }
@@ -14343,10 +14349,10 @@ function uv(e) {
   };
   if (y) {
     if (i) {
-      var k, M = x === "y" ? "top" : Br, Q = x === "y" ? Fr : Xr, V = x === "y" ? "height" : "width", $ = y[x], z = $ + h[M], te = $ - h[Q], ee = f ? -D[V] / 2 : 0, G = w === "start" ? T[V] : D[V], L = w === "start" ? -D[V] : -T[V], j = t.elements.arrow, Z = f && j ? Cs(j) : {
+      var k, M = x === "y" ? "top" : Br, Q = x === "y" ? Fr : Xr, V = x === "y" ? "height" : "width", $ = y[x], z = $ + h[M], te = $ - h[Q], ee = f ? -D[V] / 2 : 0, G = w === "start" ? T[V] : D[V], L = w === "start" ? -D[V] : -T[V], j = t.elements.arrow, X = f && j ? Cs(j) : {
         width: 0,
         height: 0
-      }, U = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Sp(), H = U[M], re = U[Q], ue = Ao(0, T[V], Z[V]), Y = C ? T[V] / 2 - ee - ue - H - P.mainAxis : G - ue - H - P.mainAxis, _ = C ? -T[V] / 2 + ee + ue + re + P.mainAxis : L + ue + re + P.mainAxis, ne = t.elements.arrow && Go(t.elements.arrow), de = ne ? x === "y" ? ne.clientTop || 0 : ne.clientLeft || 0 : 0, F = (k = R?.[x]) != null ? k : 0, se = $ + Y - F - de, he = $ + _ - F, ke = Ao(f ? Da(z, se) : z, $, f ? dn(te, he) : te);
+      }, U = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Sp(), H = U[M], re = U[Q], ue = Ao(0, T[V], X[V]), Y = C ? T[V] / 2 - ee - ue - H - P.mainAxis : G - ue - H - P.mainAxis, _ = C ? -T[V] / 2 + ee + ue + re + P.mainAxis : L + ue + re + P.mainAxis, ne = t.elements.arrow && Go(t.elements.arrow), de = ne ? x === "y" ? ne.clientTop || 0 : ne.clientLeft || 0 : 0, F = (k = R?.[x]) != null ? k : 0, se = $ + Y - F - de, he = $ + _ - F, ke = Ao(f ? Da(z, se) : z, $, f ? dn(te, he) : te);
       y[x] = ke, m[x] = ke - $;
     }
     if (s) {
@@ -15420,7 +15426,7 @@ var Op = /* @__PURE__ */ I.forwardRef(function(t, r) {
         U.onKeyUp?.(H), R(H);
       }
     })
-  }), [j, Z] = Oe("label", {
+  }), [j, X] = Oe("label", {
     elementType: Fv,
     externalForwardedProps: ee,
     ownerState: M,
@@ -15432,7 +15438,7 @@ var Op = /* @__PURE__ */ I.forwardRef(function(t, r) {
     children: [
       z || te,
       /* @__PURE__ */ W(j, {
-        ...Z,
+        ...X,
         children: v
       }),
       $
@@ -15766,7 +15772,7 @@ var Ie = xe("MuiAutocomplete", [
   const o = we({
     props: t,
     name: "MuiAutocomplete"
-  }), { autoComplete: a = !1, autoHighlight: i = !1, autoSelect: l = !1, blurOnSelect: s = !1, ChipProps: u, className: c, clearIcon: p = Xd || (Xd = /* @__PURE__ */ W(Qv, { fontSize: "small" })), clearOnBlur: A = !o.freeSolo, clearOnEscape: v = !1, clearText: f = "Clear", closeText: b = "Close", componentsProps: g, defaultValue: h = o.multiple ? [] : null, disableClearable: E = !1, disableCloseOnSelect: w = !1, disabled: C = !1, disabledItemsFocusable: x = !1, disableListWrap: S = !1, disablePortal: y = !1, filterOptions: T, filterSelectedOptions: D = !1, forcePopupIcon: B = "auto", freeSolo: P = !1, fullWidth: R = !1, getLimitTagsText: m = (Me) => `+${Me}`, getOptionDisabled: k, getOptionKey: M, getOptionLabel: Q, isOptionEqualToValue: V, groupBy: $, handleHomeEndKeys: z = !o.freeSolo, id: te, includeInputInList: ee = !1, inputValue: G, limitTags: L = -1, ListboxComponent: j, ListboxProps: Z, loading: U = !1, loadingText: H = "Loading…", multiple: re = !1, noOptionsText: ue = "No options", onChange: Y, onClose: _, onHighlightChange: ne, onInputChange: de, onOpen: F, open: se, openOnFocus: he = !1, openText: ke = "Open", options: ye, PaperComponent: Be, PopperComponent: Ge, popupIcon: Le = Jd || (Jd = /* @__PURE__ */ W(Ap, {})), readOnly: Pe = !1, renderGroup: J, renderInput: Ae, renderOption: oe, renderTags: ze, renderValue: qe, selectOnFocus: pt = !o.freeSolo, size: We = "medium", slots: Ee = {}, slotProps: dt = {}, value: De, ...kt } = o, { getRootProps: Ct, getInputProps: et, getInputLabelProps: Ot, getPopupIndicatorProps: wr, getClearProps: Nr, getItemProps: Ke, getListboxProps: ct, getOptionProps: pe, value: me, dirty: ot, expanded: _t, id: Wt, popupOpen: xt, focused: Kt, focusedItem: Zn, anchorEl: er, setAnchorEl: Xn, inputValue: Ii, groupedOptions: jt } = A3({
+  }), { autoComplete: a = !1, autoHighlight: i = !1, autoSelect: l = !1, blurOnSelect: s = !1, ChipProps: u, className: c, clearIcon: p = Xd || (Xd = /* @__PURE__ */ W(Qv, { fontSize: "small" })), clearOnBlur: A = !o.freeSolo, clearOnEscape: v = !1, clearText: f = "Clear", closeText: b = "Close", componentsProps: g, defaultValue: h = o.multiple ? [] : null, disableClearable: E = !1, disableCloseOnSelect: w = !1, disabled: C = !1, disabledItemsFocusable: x = !1, disableListWrap: S = !1, disablePortal: y = !1, filterOptions: T, filterSelectedOptions: D = !1, forcePopupIcon: B = "auto", freeSolo: P = !1, fullWidth: R = !1, getLimitTagsText: m = (Me) => `+${Me}`, getOptionDisabled: k, getOptionKey: M, getOptionLabel: Q, isOptionEqualToValue: V, groupBy: $, handleHomeEndKeys: z = !o.freeSolo, id: te, includeInputInList: ee = !1, inputValue: G, limitTags: L = -1, ListboxComponent: j, ListboxProps: X, loading: U = !1, loadingText: H = "Loading…", multiple: re = !1, noOptionsText: ue = "No options", onChange: Y, onClose: _, onHighlightChange: ne, onInputChange: de, onOpen: F, open: se, openOnFocus: he = !1, openText: ke = "Open", options: ye, PaperComponent: Be, PopperComponent: Ge, popupIcon: Le = Jd || (Jd = /* @__PURE__ */ W(Ap, {})), readOnly: Pe = !1, renderGroup: J, renderInput: Ae, renderOption: oe, renderTags: ze, renderValue: qe, selectOnFocus: pt = !o.freeSolo, size: We = "medium", slots: Ee = {}, slotProps: dt = {}, value: De, ...kt } = o, { getRootProps: Ct, getInputProps: et, getInputLabelProps: Ot, getPopupIndicatorProps: wr, getClearProps: Nr, getItemProps: Ke, getListboxProps: ct, getOptionProps: pe, value: me, dirty: ot, expanded: _t, id: Wt, popupOpen: xt, focused: Kt, focusedItem: Zn, anchorEl: er, setAnchorEl: Xn, inputValue: Ii, groupedOptions: jt } = A3({
     ...o,
     componentName: "Autocomplete"
   }), Ir = l3();
@@ -15809,7 +15815,7 @@ var Ie = xe("MuiAutocomplete", [
     },
     slotProps: {
       chip: u,
-      listbox: Z,
+      listbox: X,
       ...g,
       ...dt
     }
@@ -16768,7 +16774,7 @@ var GC = xe("MuiTextField", ["root"]), pb = {
     required: k,
     select: Q,
     variant: G
-  }, Z = fb(j);
+  }, X = fb(j);
   process.env.NODE_ENV !== "production" && Q && !l && console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
   const U = No(g), H = b && U ? `${U}-helper-text` : void 0, re = x && U ? `${U}-label` : void 0, ue = pb[G], Y = {
     slots: $,
@@ -16790,7 +16796,7 @@ var GC = xe("MuiTextField", ["root"]), pb = {
       ...L
     },
     ownerState: j,
-    className: fe(Z.root, s),
+    className: fe(X.root, s),
     ref: r,
     additionalProps: {
       disabled: p,
@@ -17044,7 +17050,7 @@ var oa = (e) => `${e.firstName} ${e.lastName}`, hb = ({ ref: e, value: t, onChan
   large: 17,
   medium: 16,
   small: 15
-}, Fa = ({ size: e, loadingPosition: t, position: r = "absolute" }) => /* @__PURE__ */ d(X, {
+}, Fa = ({ size: e, loadingPosition: t, position: r = "absolute" }) => /* @__PURE__ */ d(Z, {
   position: r,
   top: 0,
   left: 0,
@@ -17072,11 +17078,11 @@ var oa = (e) => `${e.firstName} ${e.lastName}`, hb = ({ ref: e, value: t, onChan
       size: a,
       position: "relative",
       loadingPosition: o
-    }), /* @__PURE__ */ d(X, {
+    }), /* @__PURE__ */ d(Z, {
       component: "span",
       children: e
     })]
-  }) : t && !r && !s ? /* @__PURE__ */ O(mt, { children: [t && !r && /* @__PURE__ */ d(Fa, { size: a }), /* @__PURE__ */ d(X, {
+  }) : t && !r && !s ? /* @__PURE__ */ O(mt, { children: [t && !r && /* @__PURE__ */ d(Fa, { size: a }), /* @__PURE__ */ d(Z, {
     component: "span",
     sx: { opacity: 0 },
     children: e
@@ -17084,7 +17090,7 @@ var oa = (e) => `${e.firstName} ${e.lastName}`, hb = ({ ref: e, value: t, onChan
     " ",
     r,
     " "
-  ] }) : /* @__PURE__ */ d(X, {
+  ] }) : /* @__PURE__ */ d(Z, {
     component: "span",
     children: e
   });
@@ -18570,7 +18576,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
     open: t,
     onClose: u,
     ...a,
-    children: /* @__PURE__ */ O(X, { children: [
+    children: /* @__PURE__ */ O(Z, { children: [
       /* @__PURE__ */ d(it, {
         size: "small",
         "aria-label": "close",
@@ -18594,7 +18600,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
         },
         children: "×"
       }),
-      !(i || e) && /* @__PURE__ */ d(X, {
+      !(i || e) && /* @__PURE__ */ d(Z, {
         position: "absolute",
         width: "100%",
         height: "100%",
@@ -18603,7 +18609,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
         justifyContent: "center",
         children: /* @__PURE__ */ d(Kl, {})
       }),
-      /* @__PURE__ */ d(X, {
+      /* @__PURE__ */ d(Z, {
         sx: {
           left: "50%",
           outline: 0,
@@ -18619,7 +18625,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
         },
         children: e || /* @__PURE__ */ d(jl, {
           in: t && i,
-          children: /* @__PURE__ */ d(X, {
+          children: /* @__PURE__ */ d(Z, {
             component: "img",
             src: o,
             width: "100%",
@@ -18682,7 +18688,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
     !(l || o) && /* @__PURE__ */ d(wt, {
       arrow: !0,
       title: B || A ? M : "",
-      children: /* @__PURE__ */ O(X, {
+      children: /* @__PURE__ */ O(Z, {
         "data-test": "fileViewer",
         width: f,
         height: v,
@@ -18705,7 +18711,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
           userSelect: "none",
           ...a
         },
-        children: [/* @__PURE__ */ d(X, {
+        children: [/* @__PURE__ */ d(Z, {
           src: Q,
           overflow: "hidden",
           width: "100%",
@@ -18747,7 +18753,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
       onClose: $,
       src: e,
       title: r,
-      children: /* @__PURE__ */ d(X, {
+      children: /* @__PURE__ */ d(Z, {
         component: "iframe",
         src: e,
         sx: {
@@ -18767,7 +18773,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
       src: e,
       title: r
     })),
-    o && /* @__PURE__ */ d(X, {
+    o && /* @__PURE__ */ d(Z, {
       onClick: V,
       sx: {
         ":hover": { opacity: R },
@@ -18805,7 +18811,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
   },
   children: /* @__PURE__ */ O(jn, {
     sx: { maxWidth: 370 },
-    children: [/* @__PURE__ */ d(X, {
+    children: [/* @__PURE__ */ d(Z, {
       component: "img",
       height: 170,
       width: "100%",
@@ -18827,7 +18833,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
           children: e.description
         })
       }),
-      e?.buttonText && /* @__PURE__ */ d(X, {
+      e?.buttonText && /* @__PURE__ */ d(Z, {
         textAlign: "center",
         mt: 3,
         children: /* @__PURE__ */ d(jp, {
@@ -18878,7 +18884,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
     title: g,
     enterDelay: pr.enterDelay,
     enterNextDelay: pr.enterNextDelay,
-    children: /* @__PURE__ */ d(X, {
+    children: /* @__PURE__ */ d(Z, {
       component: "span",
       children: /* @__PURE__ */ d(LA, {
         src: c,
@@ -18900,7 +18906,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
     direction: "row",
     alignItems: "center",
     mt: 1,
-    children: [A && /* @__PURE__ */ d(X, {
+    children: [A && /* @__PURE__ */ d(Z, {
       flex: 1,
       children: A
     }), v]
@@ -19054,7 +19060,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
       })]
     });
   };
-  return /* @__PURE__ */ d(X, {
+  return /* @__PURE__ */ d(Z, {
     component: "div",
     style: {
       paddingLeft: r,
@@ -19177,7 +19183,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
       },
       children: /* @__PURE__ */ d(ae, {
         height: "100%",
-        children: /* @__PURE__ */ d(X, {
+        children: /* @__PURE__ */ d(Z, {
           flex: 1,
           ref: y,
           className: "kanban-virtual-list",
@@ -19188,7 +19194,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
               variant: "rounded",
               height: zi
             }, m))
-          }) : /* @__PURE__ */ d(X, {
+          }) : /* @__PURE__ */ d(Z, {
             sx: {
               height: `${B.getTotalSize()}px`,
               position: "relative",
@@ -19196,7 +19202,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
             },
             children: B.getVirtualItems().map((R) => {
               const m = R.index >= o.length;
-              return /* @__PURE__ */ d(X, {
+              return /* @__PURE__ */ d(Z, {
                 ref: B.measureElement,
                 "data-index": R.index,
                 sx: {
@@ -19208,7 +19214,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
                   transform: `translateY(${R.start}px)`,
                   width: "100%"
                 },
-                children: m ? /* @__PURE__ */ d(X, {
+                children: m ? /* @__PURE__ */ d(Z, {
                   sx: { px: `${l}px` },
                   children: /* @__PURE__ */ d(ht, {
                     variant: "rounded",
@@ -19258,7 +19264,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
 }), JC = ({ data: e, onClickItem: t, disableCount: r, onColumnInView: o, emptyState: a, chipColumVariant: i, chipStatus: l, headerColumnChip: s, activeItemId: u = "", variant: c = "primary", chipColumDot: p = !0, height: A = "100%", itemPerPage: v = 50, listWidth: f = 360, loadMoreItems: b = () => {
 } }) => {
   const g = Ze(null), { spacing: h } = vt(), { onMouseDown: E, onMouseUp: w, onMouseMove: C } = hy(g), x = parseInt(h(1), 10), S = e.every((y) => y.items.length === 0 && y.isFetched && !y.isLoading && !y.isFetching);
-  return /* @__PURE__ */ O(X, {
+  return /* @__PURE__ */ O(Z, {
     sx: {
       height: A,
       position: "relative"
@@ -19339,7 +19345,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
   const T = `key-${h}-${r}-${t}`, D = !!a?.toLowerCase()?.endsWith(".pdf"), B = su(a), P = su(i), R = Nl(a), m = g ? "none" : void 0, k = C || !!s || !B || R, M = !!g || !!(!(g || C) && a), Q = S === T, V = (P ? i : "") || (B ? a : "") || "", $ = !!A, z = A && p ? /* @__PURE__ */ O(ae, {
     direction: "row",
     alignItems: "center",
-    children: [/* @__PURE__ */ d(X, {
+    children: [/* @__PURE__ */ d(Z, {
       className: "ListAvatar-hoverAction",
       children: p
     }), A]
@@ -19385,7 +19391,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
       ...b
     },
     children: [
-      e !== void 0 && /* @__PURE__ */ d(X, {
+      e !== void 0 && /* @__PURE__ */ d(Z, {
         marginRight: mo,
         children: e
       }),
@@ -19558,7 +19564,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
     ...a
   },
   ...u,
-  children: /* @__PURE__ */ d(X, {
+  children: /* @__PURE__ */ d(Z, {
     flex: "auto",
     minWidth: 0,
     children: e
@@ -19613,7 +19619,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
     f.mode,
     u,
     i
-  ]), c === "img") return A ? /* @__PURE__ */ d(X, {
+  ]), c === "img") return A ? /* @__PURE__ */ d(Z, {
     component: "img",
     src: A,
     alt: "Tracktor",
@@ -19635,7 +19641,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
   });
   if (i) {
     const D = e || f.primary.main;
-    return /* @__PURE__ */ O(X, {
+    return /* @__PURE__ */ O(Z, {
       component: "svg",
       viewBox: "0 0 32 32",
       fill: "none",
@@ -19664,7 +19670,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
       ]
     });
   }
-  return u === "pricing" ? /* @__PURE__ */ O(X, {
+  return u === "pricing" ? /* @__PURE__ */ O(Z, {
     component: "svg",
     viewBox: "0 0 147 44",
     fill: "none",
@@ -19746,7 +19752,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
         fill: "white"
       })
     }) })]
-  }) : u === "supplier" ? /* @__PURE__ */ O(X, {
+  }) : u === "supplier" ? /* @__PURE__ */ O(Z, {
     component: "svg",
     viewBox: "0 0 195 24",
     fill: "none",
@@ -19836,7 +19842,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
         })
       }) })
     ]
-  }) : /* @__PURE__ */ O(X, {
+  }) : /* @__PURE__ */ O(Z, {
     component: "svg",
     viewBox: "0 0 105 24",
     fill: "none",
@@ -20109,7 +20115,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
       maxWidth: "none",
       p: 0
     } } },
-    children: /* @__PURE__ */ O(X, {
+    children: /* @__PURE__ */ O(Z, {
       onClick: E,
       sx: {
         alignItems: "center",
@@ -20130,7 +20136,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
         width: w
       },
       children: [
-        T != null && /* @__PURE__ */ d(X, { sx: {
+        T != null && /* @__PURE__ */ d(Z, { sx: {
           backgroundImage: `repeating-linear-gradient(135deg, ${c.warning.main}, ${c.warning.main} 4px, ${c.warning.dark} 4px, ${c.warning.dark} 8px)`,
           bottom: 0,
           left: Math.max(0, T),
@@ -20141,7 +20147,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
           top: 0,
           zIndex: 1
         } }),
-        P.map((R) => /* @__PURE__ */ d(X, { sx: {
+        P.map((R) => /* @__PURE__ */ d(Z, { sx: {
           backgroundImage: `repeating-linear-gradient(135deg, ${c.error.main}, ${c.error.main} 4px, ${c.error.dark} 4px, ${c.error.dark} 8px)`,
           bottom: 0,
           left: R.left,
@@ -20152,7 +20158,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
           width: R.width,
           zIndex: 0
         } }, R.left)),
-        /* @__PURE__ */ d(X, {
+        /* @__PURE__ */ d(Z, {
           sx: {
             height: "100%",
             minWidth: 0,
@@ -20163,7 +20169,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
           },
           children: s?.(e, { sidebarCollapsed: o })
         }),
-        l && /* @__PURE__ */ d(X, {
+        l && /* @__PURE__ */ d(Z, {
           ...h,
           sx: {
             "&::after": {
@@ -20194,13 +20200,13 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
   });
 }, Zy = ({ scale: e, height: t, selectedDate: r }) => {
   const { palette: o, typography: a } = vt(), { ticks: i, width: l } = e, s = Math.round(t / 2), u = r ? e.dateToX(r) : null;
-  return /* @__PURE__ */ O(X, {
+  return /* @__PURE__ */ O(Z, {
     sx: {
       height: t,
       position: "relative",
       width: l
     },
-    children: [i.major.map((c) => /* @__PURE__ */ d(X, {
+    children: [i.major.map((c) => /* @__PURE__ */ d(Z, {
       sx: {
         alignItems: "center",
         borderRight: `1px solid ${o.divider}`,
@@ -20225,7 +20231,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
       })
     }, c.key)), i.minor.map((c) => {
       const p = u != null && u >= c.x && u < c.x + c.width;
-      return /* @__PURE__ */ d(X, {
+      return /* @__PURE__ */ d(Z, {
         sx: {
           alignItems: "center",
           backgroundColor: p ? o.action.selected : "transparent",
@@ -20265,7 +20271,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
     return null;
   }
 }, _C = ({ groups: e, resources: t, tasks: r, isLoading: o, onTaskClick: a, onResourceClick: i, onGroupClick: l, onBarResize: s, renderGroup: u, renderResource: c, renderBar: p, renderTooltip: A, isTaskSelected: v, recenterKey: f, toolbarActions: b, sidebarTitle: g, locale: h, labels: E, localStorageKeys: w, defaultViewMode: C = "day", sidebarWidth: x = 300, rowHeight: S = 56 }) => {
-  const y = w?.viewMode ?? Xy.viewMode, [T, D] = Ve(() => Yy(y) ?? C), [B, P] = Ve(() => /* @__PURE__ */ new Date()), [R, m] = Ve(!1), { palette: k, shape: M, typography: Q } = vt(), { t: V } = Gn(), $ = Ze(!1), z = Ze(T), te = Ze(f), ee = Ze(null), G = mr(() => e ?? [], [e]), L = mr(() => t ?? [], [t]), j = mr(() => r ?? [], [r]), Z = k.mode === "dark" ? k.grey[800] : k.divider, U = Fe((Ae) => E?.[Ae] ?? V(Ae), [E, V]), H = mr(() => {
+  const y = w?.viewMode ?? Xy.viewMode, [T, D] = Ve(() => Yy(y) ?? C), [B, P] = Ve(() => /* @__PURE__ */ new Date()), [R, m] = Ve(!1), { palette: k, shape: M, typography: Q } = vt(), { t: V } = Gn(), $ = Ze(!1), z = Ze(T), te = Ze(f), ee = Ze(null), G = mr(() => e ?? [], [e]), L = mr(() => t ?? [], [t]), j = mr(() => r ?? [], [r]), X = k.mode === "dark" ? k.grey[800] : k.divider, U = Fe((Ae) => E?.[Ae] ?? V(Ae), [E, V]), H = mr(() => {
     const Ae = /* @__PURE__ */ new Map();
     j.forEach((Ee) => {
       const dt = Ae.get(Ee.resourceId);
@@ -20412,7 +20418,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
     sx: { minHeight: 360 }
   });
   const Ge = qy(B, T, h), Le = ue + re.width, Pe = re.dateToX(Date.now()), J = re.ticks.minor.find((Ae) => Pe >= Ae.x && Pe < Ae.x + Ae.width);
-  return /* @__PURE__ */ O(X, {
+  return /* @__PURE__ */ O(Z, {
     sx: {
       display: "flex",
       flexDirection: "column",
@@ -20508,7 +20514,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
           ]
         })]
       })]
-    }), /* @__PURE__ */ O(X, {
+    }), /* @__PURE__ */ O(Z, {
       ref: ee,
       sx: {
         border: `1px solid ${k.divider}`,
@@ -20519,12 +20525,12 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
         overflow: "auto",
         position: "relative"
       },
-      children: [/* @__PURE__ */ O(X, {
+      children: [/* @__PURE__ */ O(Z, {
         sx: {
           position: "relative",
           width: Le
         },
-        children: [/* @__PURE__ */ O(X, {
+        children: [/* @__PURE__ */ O(Z, {
           sx: {
             display: "flex",
             height: gu,
@@ -20532,7 +20538,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
             top: 0,
             zIndex: 3
           },
-          children: [/* @__PURE__ */ d(X, {
+          children: [/* @__PURE__ */ d(Z, {
             sx: {
               alignItems: "center",
               backgroundColor: k.background.paper,
@@ -20551,7 +20557,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
               variant: "h5",
               children: g
             })
-          }), /* @__PURE__ */ d(X, {
+          }), /* @__PURE__ */ d(Z, {
             sx: {
               backgroundColor: k.background.paper,
               backgroundImage: ao(1),
@@ -20563,12 +20569,12 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
               selectedDate: B
             })
           })]
-        }), /* @__PURE__ */ O(X, {
+        }), /* @__PURE__ */ O(Z, {
           sx: {
             height: Y.getTotalSize(),
             position: "relative"
           },
-          children: [J && /* @__PURE__ */ d(X, { sx: {
+          children: [J && /* @__PURE__ */ d(Z, { sx: {
             backgroundColor: k.primary.main,
             height: "100%",
             left: ue + J.x,
@@ -20589,7 +20595,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
               sidebarCollapsed: R,
               tasks: oe.tasks
             });
-            return /* @__PURE__ */ O(X, {
+            return /* @__PURE__ */ O(Z, {
               sx: {
                 display: "flex",
                 height: S,
@@ -20599,11 +20605,11 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
                 transform: `translateY(${Ae.start}px)`,
                 width: "100%"
               },
-              children: [!R && /* @__PURE__ */ d(X, {
+              children: [!R && /* @__PURE__ */ d(Z, {
                 sx: {
                   backgroundColor: k.background.paper,
                   backgroundImage: ao(1),
-                  borderBottom: `1px solid ${Z}`,
+                  borderBottom: `1px solid ${X}`,
                   borderRight: `1px solid ${k.divider}`,
                   flexShrink: 0,
                   left: 0,
@@ -20612,9 +20618,9 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
                   zIndex: 2
                 },
                 children: pt
-              }), /* @__PURE__ */ O(X, {
+              }), /* @__PURE__ */ O(Z, {
                 sx: {
-                  borderBottom: `1px solid ${Z}`,
+                  borderBottom: `1px solid ${X}`,
                   flex: 1,
                   position: "relative",
                   ...ze && (R ? {
@@ -20623,7 +20629,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
                   } : { backgroundColor: k.action.hover }),
                   ...qe && { backgroundColor: k.action.selected }
                 },
-                children: [ze && R && /* @__PURE__ */ d(X, {
+                children: [ze && R && /* @__PURE__ */ d(Z, {
                   sx: {
                     height: "100%",
                     left: 0,
@@ -20722,7 +20728,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
     alignItems: "stretch",
     spacing: 0,
     mt: 0.5,
-    children: [/* @__PURE__ */ d(X, {
+    children: [/* @__PURE__ */ d(Z, {
       mt: 1.5,
       textAlign: "center",
       children: /* @__PURE__ */ O(ae, {
@@ -20732,7 +20738,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
           height: "100%",
           width: 32
         },
-        children: [p || /* @__PURE__ */ d(ma, { color: o ? "secondary" : "primary" }), /* @__PURE__ */ d(X, {
+        children: [p || /* @__PURE__ */ d(ma, { color: o ? "secondary" : "primary" }), /* @__PURE__ */ d(Z, {
           sx: { flex: 1 },
           children: !r && /* @__PURE__ */ d(Po, {
             sx: {
@@ -20762,7 +20768,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
           spacing: 1,
           justifyContent: "space-between",
           direction: "row",
-          children: [/* @__PURE__ */ O(X, { children: [
+          children: [/* @__PURE__ */ O(Z, { children: [
             /* @__PURE__ */ O(ae, {
               direction: "row",
               alignItems: "center",
@@ -20794,7 +20800,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
               color: "textSecondary",
               children: t
             }) : t)
-          ] }), c && /* @__PURE__ */ d(X, {
+          ] }), c && /* @__PURE__ */ d(Z, {
             className: "action",
             sx: {
               opacity: i === "hover" ? 0 : 1,
@@ -20889,7 +20895,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
                           height: Tn,
                           width: Tn
                         }
-                      })), C.length > 1 && /* @__PURE__ */ d(X, {
+                      })), C.length > 1 && /* @__PURE__ */ d(Z, {
                         sx: {
                           alignItems: "center",
                           backgroundColor: ({ palette: S }) => S.grey[100],
@@ -21069,7 +21075,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
     },
     children: [
       /* @__PURE__ */ d(Lp, { onClick: (c) => s?.(c, "closeButton") }),
-      /* @__PURE__ */ d(X, {
+      /* @__PURE__ */ d(Z, {
         sx: {
           alignItems: "center",
           backgroundColor: ({ palette: c }) => c[a]["12p"],
@@ -21262,7 +21268,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
   justifyContent: "center",
   "data-testid": "empty-state",
   children: [
-    /* @__PURE__ */ d(X, {
+    /* @__PURE__ */ d(Z, {
       mb: 3,
       children: e ?? /* @__PURE__ */ d(s6, {})
     }),
@@ -21416,12 +21422,12 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
     ref: k,
     size: S,
     disableCloseOnSelect: y,
-    onChange: (Z, U, H, re) => {
+    onChange: (X, U, H, re) => {
       if (U === null) {
-        t?.(Z, T ? [] : null, H, re);
+        t?.(X, T ? [] : null, H, re);
         return;
       }
-      t?.(Z, U, H, re), y && T || Q(!1);
+      t?.(X, U, H, re), y && T || Q(!1);
     },
     getLimitTagsText: c6(e),
     inputValue: z,
@@ -21447,25 +21453,25 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
         ...B?.paper
       }
     },
-    onInputChange: (Z, U, H) => {
-      H === "reset" && M && !h || H === "selectOption" && !h || H === "removeOption" && !h || (f || $(U), v?.(Z, U, H));
+    onInputChange: (X, U, H) => {
+      H === "reset" && M && !h || H === "selectOption" && !h || H === "removeOption" && !h || (f || $(U), v?.(X, U, H));
     },
-    onFocus: (Z) => {
-      Q(!0), u?.(Z);
+    onFocus: (X) => {
+      Q(!0), u?.(X);
     },
-    onBlur: (Z) => {
-      Q(!1), c?.(Z);
+    onBlur: (X) => {
+      Q(!1), c?.(X);
     },
-    getOptionLabel: A || ((Z) => {
-      const U = typeof Z == "object" && "label" in Z ? Z.label : Z;
+    getOptionLabel: A || ((X) => {
+      const U = typeof X == "object" && "label" in X ? X.label : X;
       return String(U);
     }),
-    renderOption: E || ((Z, U, { selected: H }) => {
+    renderOption: E || ((X, U, { selected: H }) => {
       const re = typeof U != "string" && U.isHeader;
       if (g || re) return null;
-      const ue = typeof U == "string" ? U : U?.id || U?.value || "", Y = typeof U == "string" ? U : U?.label, _ = typeof U == "string" ? void 0 : U?.image, ne = `${ue}-${Z?.key}`;
+      const ue = typeof U == "string" ? U : U?.id || U?.value || "", Y = typeof U == "string" ? U : U?.label, _ = typeof U == "string" ? void 0 : U?.image, ne = `${ue}-${X?.key}`;
       return /* @__PURE__ */ Lu(Cr, {
-        ...Z,
+        ...X,
         key: ne
       }, !r && /* @__PURE__ */ d(va, {
         disableRipple: !0,
@@ -21496,7 +21502,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
         children: Y
       }) : Y);
     }),
-    renderValue: w || (T ? (Z, U, H) => Array.isArray(Z) ? Z.map((re, ue) => {
+    renderValue: w || (T ? (X, U, H) => Array.isArray(X) ? X.map((re, ue) => {
       if (H?.focused) return null;
       const { key: Y } = U({ index: ue });
       return /* @__PURE__ */ d(ge, {
@@ -21507,7 +21513,7 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
         children: typeof re == "object" && "label" in re && re?.label ? re.label : re.toString()
       }, Y);
     }) : null : void 0),
-    renderInput: (Z) => {
+    renderInput: (X) => {
       const U = () => {
         if (!(!M && (Array.isArray(s) && s.length || !Array.isArray(s) && s)))
           return o;
@@ -21568,8 +21574,8 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
           },
           sx: { marginRight: "-3px" },
           children: /* @__PURE__ */ d(Jr, { sx: { fontSize: Ue(20) } })
-        }), Rt(Z.InputProps?.endAdornment) && typeof Z.InputProps.endAdornment == "object" && "props" in Z.InputProps.endAdornment && Z.InputProps.endAdornment.props && typeof Z.InputProps.endAdornment.props == "object" && "children" in Z.InputProps.endAdornment.props && Array.isArray(Z.InputProps.endAdornment.props.children) && Z.InputProps.endAdornment.props.children[1]]
-      }) : Rt(Z.InputProps?.endAdornment) ? Z.InputProps.endAdornment : null;
+        }), Rt(X.InputProps?.endAdornment) && typeof X.InputProps.endAdornment == "object" && "props" in X.InputProps.endAdornment && X.InputProps.endAdornment.props && typeof X.InputProps.endAdornment.props == "object" && "children" in X.InputProps.endAdornment.props && Array.isArray(X.InputProps.endAdornment.props.children) && X.InputProps.endAdornment.props.children[1]]
+      }) : Rt(X.InputProps?.endAdornment) ? X.InputProps.endAdornment : null;
       return /* @__PURE__ */ d(Mo, {
         sx: {
           "& .MuiInputBase-root .MuiInputBase-input": {
@@ -21593,14 +21599,14 @@ var Jb = (e) => /* @__PURE__ */ O(lt, {
             paddingY: "0 !important"
           } }
         },
-        ...Z,
+        ...X,
         slotProps: {
           htmlInput: {
-            ...Z.inputProps,
+            ...X.inputProps,
             ...o && { "aria-label": o }
           },
           input: {
-            ...Z.InputProps,
+            ...X.InputProps,
             endAdornment: H()
           }
         },
@@ -21775,7 +21781,7 @@ function i4({ label: e, value: t, onChange: r, checked: o, onCheckedChange: a, o
                   color: "text.secondary",
                   marginLeft: 0.5
                 },
-                onClick: (Z) => Z.stopPropagation(),
+                onClick: (X) => X.stopPropagation(),
                 children: /* @__PURE__ */ d(h6, { fontSize: "small" })
               })
             })
@@ -22182,14 +22188,14 @@ var m6 = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
       height: "100%",
       direction: i ? "column" : "row",
       minHeight: 0,
-      children: [l, /* @__PURE__ */ d(X, {
+      children: [l, /* @__PURE__ */ d(Z, {
         flex: 1,
         sx: {
           maxHeight: "100%",
           overflow: "auto"
         },
         ref: a,
-        children: /* @__PURE__ */ d(X, {
+        children: /* @__PURE__ */ d(Z, {
           component: "main",
           height: "100%",
           children: e
@@ -22251,11 +22257,11 @@ var m6 = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
     });
     return E.current && S.observe(E.current), () => S.disconnect();
   }, []), a === "preview" ? /* @__PURE__ */ O(mt, { children: [
-    /* @__PURE__ */ d(X, {
+    /* @__PURE__ */ d(Z, {
       sx: xu,
-      children: /* @__PURE__ */ d(X, {
+      children: /* @__PURE__ */ d(Z, {
         sx: Eu(A),
-        children: /* @__PURE__ */ d(X, {
+        children: /* @__PURE__ */ d(Z, {
           sx: { px: 3 },
           children: /* @__PURE__ */ O(ae, {
             direction: "row",
@@ -22288,7 +22294,7 @@ var m6 = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
         })
       })
     }),
-    /* @__PURE__ */ d(X, {
+    /* @__PURE__ */ d(Z, {
       sx: {
         px: 3,
         py: 3
@@ -22338,12 +22344,12 @@ var m6 = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
         ]
       })
     }),
-    /* @__PURE__ */ d(X, { ref: E })
+    /* @__PURE__ */ d(Z, { ref: E })
   ] }) : /* @__PURE__ */ O(mt, { children: [
     !h && /* @__PURE__ */ d(Ln, { styles: { main: { height: "auto !important" } } }),
-    /* @__PURE__ */ d(X, {
+    /* @__PURE__ */ d(Z, {
       sx: xu,
-      children: /* @__PURE__ */ d(X, {
+      children: /* @__PURE__ */ d(Z, {
         sx: Eu(A),
         children: /* @__PURE__ */ d(Ps, {
           ...C,
@@ -22363,7 +22369,7 @@ var m6 = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
         })
       })
     }),
-    /* @__PURE__ */ d(X, {
+    /* @__PURE__ */ d(Z, {
       sx: {
         mt: g ? 0 : 3,
         py: 3
@@ -22373,7 +22379,7 @@ var m6 = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
         children: /* @__PURE__ */ O(ae, {
           spacing: 2,
           children: [
-            u && /* @__PURE__ */ d(X, { children: /* @__PURE__ */ d(Yr, {
+            u && /* @__PURE__ */ d(Z, { children: /* @__PURE__ */ d(Yr, {
               variant: "link",
               size: "small",
               onClick: u,
@@ -22395,7 +22401,7 @@ var m6 = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
         })
       })
     }),
-    /* @__PURE__ */ d(X, { ref: E })
+    /* @__PURE__ */ d(Z, { ref: E })
   ] });
 }, zp = ({ color: e = "currentColor" }) => /* @__PURE__ */ d(It, {
   focusable: "false",
@@ -22460,7 +22466,7 @@ var m6 = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
     state: a,
     target: u,
     children: r
-  }) : /* @__PURE__ */ d(X, {
+  }) : /* @__PURE__ */ d(Z, {
     component: "a",
     href: e,
     onClick: p,
@@ -22524,7 +22530,7 @@ var m6 = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
     justifyContent: "center",
     paddingY: 2
   }
-}, wu = ({ link: e, NavLink: t, isCollapsed: r, sx: o }) => /* @__PURE__ */ d(X, {
+}, wu = ({ link: e, NavLink: t, isCollapsed: r, sx: o }) => /* @__PURE__ */ d(Z, {
   sx: o?.bottomLink,
   children: /* @__PURE__ */ d(ks, {
     component: t,
@@ -22536,13 +22542,13 @@ var m6 = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
         alignItems: "center",
         spacing: 1,
         direction: "row",
-        children: [e?.icon && /* @__PURE__ */ d(X, {
+        children: [e?.icon && /* @__PURE__ */ d(Z, {
           component: "span",
           sx: o.iconWrapper,
           children: e.icon
         }), e?.label && /* @__PURE__ */ d(jl, {
           in: !r,
-          children: /* @__PURE__ */ d(X, {
+          children: /* @__PURE__ */ d(Z, {
             component: "span",
             display: "flex",
             children: e.label
@@ -22553,7 +22559,7 @@ var m6 = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
   })
 }), F6 = ({ children: e, ...t }) => {
   const { hideSearchDesktop: r, closeDrawerMenu: o, isMobile: a, isTablet: i, isDrawerOpen: l, isCollapsed: s, toggleCollapse: u, sideBarWidth: c, bottomLink: p, NavLink: A, Footer: v, Search: f = t.Logo, Logo: b = t.Logo } = sr(en), { palette: g } = vt(), h = g.mode === "dark" ? g.background.default : g.primary.black, E = a && l ? "none" : `solid 1px ${g.divider}`, w = r ? !!(a || i) : !0;
-  return /* @__PURE__ */ O(X, {
+  return /* @__PURE__ */ O(Z, {
     component: "aside",
     sx: {
       ...nn.container,
@@ -22573,7 +22579,7 @@ var m6 = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
         direction: "row",
         alignItems: "center",
         spacing: 3,
-        children: [/* @__PURE__ */ d(X, {
+        children: [/* @__PURE__ */ d(Z, {
           sx: {
             ...nn.logo,
             ...a && { "& svg, & img": {
@@ -22588,11 +22594,11 @@ var m6 = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
           children: /* @__PURE__ */ d(Jr, { color: g.getContrastText(h) })
         })]
       }),
-      f && w && /* @__PURE__ */ d(X, {
+      f && w && /* @__PURE__ */ d(Z, {
         p: 2,
         children: f
       }),
-      /* @__PURE__ */ d(X, {
+      /* @__PURE__ */ d(Z, {
         flex: 1,
         children: e
       }),
@@ -22616,7 +22622,7 @@ var m6 = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
         })
       }),
       /* @__PURE__ */ d(Po, {}),
-      /* @__PURE__ */ d(X, {
+      /* @__PURE__ */ d(Z, {
         display: "flex",
         justifyContent: "flex-end",
         children: /* @__PURE__ */ d(it, {
@@ -22726,7 +22732,7 @@ var m6 = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
         spacing: 1.5,
         width: "100%",
         alignItems: "center",
-        children: [c ? /* @__PURE__ */ O(X, {
+        children: [c ? /* @__PURE__ */ O(Z, {
           component: "div",
           sx: {
             ...Bo.iconWrapper,
@@ -22739,7 +22745,7 @@ var m6 = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
             variant: "rounded",
             sx: Tu
           })]
-        }) : r && /* @__PURE__ */ O(X, {
+        }) : r && /* @__PURE__ */ O(Z, {
           component: "div",
           sx: {
             ...Bo.iconWrapper,
@@ -22787,10 +22793,10 @@ var m6 = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
   const p = r || !i || s, A = () => i && u((f) => !f), v = (f) => {
     i && (f.key === "Enter" || f.key === " ") && (f.preventDefault(), A());
   };
-  return /* @__PURE__ */ O(X, {
+  return /* @__PURE__ */ O(Z, {
     component: "li",
     sx: Bo.groupItem,
-    children: [!r && /* @__PURE__ */ O(X, {
+    children: [!r && /* @__PURE__ */ O(Z, {
       component: "div",
       role: i ? "button" : void 0,
       tabIndex: i ? 0 : void 0,
@@ -22826,7 +22832,7 @@ var m6 = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
   });
 }, q6 = ({ items: e, ...t }) => {
   const { NavLink: r = t.NavLink, isMobile: o } = sr(en);
-  return /* @__PURE__ */ d(X, {
+  return /* @__PURE__ */ d(Z, {
     px: 2,
     component: "nav",
     children: /* @__PURE__ */ d(yo, {
@@ -22934,7 +22940,7 @@ var m6 = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
   });
 }, G6 = Wa(H6), A4 = G6, z6 = ({ children: e, value: t, index: r, orientation: o, paddingY: a, paddingX: i, fullHeight: l, sx: s }, u) => {
   const c = a || 3, p = i || o === "vertical" ? 3 : 0;
-  return t === r ? /* @__PURE__ */ d(X, {
+  return t === r ? /* @__PURE__ */ d(Z, {
     ref: u,
     role: "tabpanel",
     hidden: t !== r,
@@ -22999,7 +23005,7 @@ var m6 = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */
           "aria-label": "menu",
           children: /* @__PURE__ */ d(zp, {})
         }),
-        D || o === null ? null : /* @__PURE__ */ d(X, {
+        D || o === null ? null : /* @__PURE__ */ d(Z, {
           sx: B.logoContainer,
           children: o || /* @__PURE__ */ d(My, {
             mode: "dark",