@getsoren/design-system 4.91.0 → 4.91.3

package/dist/main.js

@@ -3,7 +3,7 @@ import { Alert as Es, AppBar as Pl, Autocomplete as ws, Avatar as lo, AvatarGrou
 import HA from "@emotion/styled";
 import { Global as GA, ThemeContext as XA, createElement as Hu, css as ui, keyframes as Lo } from "@emotion/react";
 import * as I from "react";
-import zr, { Children as Rs, Fragment as ZA, cloneElement as Eo, createContext as pi, forwardRef as Nt, isValidElement as jt, memo as fi, useCallback as Ue, useContext as xr, useEffect as gt, useId as Gu, useImperativeHandle as Xu, useLayoutEffect as rl, useMemo as mr, useRef as Ne, useState as we } from "react";
+import zr, { Children as Rs, Fragment as ZA, cloneElement as Eo, createContext as pi, forwardRef as Nt, isValidElement as jt, memo as fi, useCallback as Ue, useContext as xr, useEffect as gt, useId as Gu, useImperativeHandle as Xu, useLayoutEffect as rl, useMemo as mr, useRef as Ne, useState as Ie } from "react";
 import * as Kn from "react/jsx-runtime";
 import { jsx as Q, jsxs as st } from "react/jsx-runtime";
 import * as JA from "react-dom";
@@ -299,7 +299,7 @@ var g1 = /* @__PURE__ */ Vt((e) => {
         }
       }
     }
-    var m = u, T = p, M = c, B = s, P = r, O = f, g = a, R = y, F = b, V = n, L = l, H = i, X = v, $ = !1;
+    var m = u, T = p, P = c, B = s, M = r, O = f, g = a, R = y, F = b, V = n, L = l, H = i, X = v, $ = !1;
     function J(D) {
       return $ || ($ = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), G(D) || w(D) === u;
     }
@@ -339,7 +339,7 @@ var g1 = /* @__PURE__ */ Vt((e) => {
     function ie(D) {
       return w(D) === v;
     }
-    e.AsyncMode = m, e.ConcurrentMode = T, e.ContextConsumer = M, e.ContextProvider = B, e.Element = P, e.ForwardRef = O, e.Fragment = g, e.Lazy = R, e.Memo = F, e.Portal = V, e.Profiler = L, e.StrictMode = H, e.Suspense = X, e.isAsyncMode = J, e.isConcurrentMode = G, e.isContextConsumer = N, e.isContextProvider = U, e.isElement = ne, e.isForwardRef = Z, e.isFragment = Y, e.isLazy = pe, e.isMemo = ue, e.isPortal = ee, e.isProfiler = oe, e.isStrictMode = re, e.isSuspense = ie, e.isValidElementType = C, e.typeOf = w;
+    e.AsyncMode = m, e.ConcurrentMode = T, e.ContextConsumer = P, e.ContextProvider = B, e.Element = M, e.ForwardRef = O, e.Fragment = g, e.Lazy = R, e.Memo = F, e.Portal = V, e.Profiler = L, e.StrictMode = H, e.Suspense = X, e.isAsyncMode = J, e.isConcurrentMode = G, e.isContextConsumer = N, e.isContextProvider = U, e.isElement = ne, e.isForwardRef = Z, e.isFragment = Y, e.isLazy = pe, e.isMemo = ue, e.isPortal = ee, e.isProfiler = oe, e.isStrictMode = re, e.isSuspense = ie, e.isValidElementType = C, e.typeOf = w;
   }();
 }), ep = /* @__PURE__ */ Vt((e, t) => {
   process.env.NODE_ENV === "production" ? t.exports = g1() : t.exports = m1();
@@ -453,9 +453,9 @@ var g1 = /* @__PURE__ */ Vt((e) => {
       arrayOf: w,
       element: m(),
       elementType: T(),
-      instanceOf: M,
+      instanceOf: P,
       node: g(),
-      objectOf: P,
+      objectOf: M,
       oneOf: B,
       oneOfType: O,
       shape: F,
@@ -538,7 +538,7 @@ var g1 = /* @__PURE__ */ Vt((e) => {
       }
       return E(N);
     }
-    function M(N) {
+    function P(N) {
       function U(ne, Z, Y, pe, ue) {
         if (!(ne[Z] instanceof N)) {
           var ee = N.name || b, oe = G(ne[Z]);
@@ -560,7 +560,7 @@ var g1 = /* @__PURE__ */ Vt((e) => {
       }
       return E(U);
     }
-    function P(N) {
+    function M(N) {
       function U(ne, Z, Y, pe, ue) {
         if (typeof N != "function") return new S("Property `" + ue + "` of component `" + Y + "` has invalid PropType notation inside objectOf.");
         var ee = ne[Z], oe = X(ee);
@@ -2319,8 +2319,8 @@ function xp(e = {}) {
       ...b
     }), C = (m) => {
       if (m.__emotion_real === m) return m;
-      if (typeof m == "function") return function(M) {
-        return Fa(M, m, M.theme.modularCssLayers ? y : void 0);
+      if (typeof m == "function") return function(P) {
+        return Fa(P, m, P.theme.modularCssLayers ? y : void 0);
       };
       if (Br(m)) {
         const T = yp(m);
@@ -2330,7 +2330,7 @@ function xp(e = {}) {
       }
       return m;
     }, w = (...m) => {
-      const T = [], M = m.map(C), B = [];
+      const T = [], P = m.map(C), B = [];
       if (T.push(i), u && A && B.push(function(g) {
         const R = g.theme.components?.[u]?.styleOverrides;
         if (!R) return null;
@@ -2340,8 +2340,8 @@ function xp(e = {}) {
       }), u && !h && B.push(function(g) {
         const R = g.theme?.components?.[u]?.variants;
         return R ? Cp(g, R, [], g.theme.modularCssLayers ? "theme" : void 0) : null;
-      }), S || B.push(ko), Array.isArray(M[0])) {
-        const O = M.shift(), g = new Array(T.length).fill(""), R = new Array(B.length).fill("");
+      }), S || B.push(ko), Array.isArray(P[0])) {
+        const O = P.shift(), g = new Array(T.length).fill(""), R = new Array(B.length).fill("");
         let F;
         F = [
           ...g,
@@ -2353,8 +2353,8 @@ function xp(e = {}) {
           ...R
         ], T.unshift(F);
       }
-      const P = x(...T, ...M, ...B);
-      return s.muiName && (P.muiName = s.muiName), process.env.NODE_ENV !== "production" && (P.displayName = sh(u, p, s)), P;
+      const M = x(...T, ...P, ...B);
+      return s.muiName && (M.muiName = s.muiName), process.env.NODE_ENV !== "production" && (M.displayName = sh(u, p, s)), M;
     };
     return x.withConfig && (w.withConfig = x.withConfig), w;
   };
@@ -2725,8 +2725,8 @@ function Rh(e, t = {}) {
   let A = v;
   const b = {}, { [c]: y, ...h } = l;
   if (Object.entries(h || {}).forEach(([C, w]) => {
-    const { vars: m, css: T, varsWithDefaults: M } = ll(w, t);
-    A = Pt(A, M), b[C] = {
+    const { vars: m, css: T, varsWithDefaults: P } = ll(w, t);
+    A = Pt(A, P), b[C] = {
       css: T,
       vars: m
     };
@@ -2757,23 +2757,23 @@ function Rh(e, t = {}) {
     },
     generateStyleSheets: () => {
       const C = [], w = e.defaultColorScheme || "light";
-      function m(B, P) {
-        Object.keys(P).length && C.push(typeof B == "string" ? { [B]: { ...P } } : B);
+      function m(B, M) {
+        Object.keys(M).length && C.push(typeof B == "string" ? { [B]: { ...M } } : B);
       }
       m(r(void 0, { ...f }), f);
-      const { [w]: T, ...M } = b;
+      const { [w]: T, ...P } = b;
       if (T) {
-        const { css: B } = T, P = l[w]?.palette?.mode, O = !n && P ? {
-          colorScheme: P,
+        const { css: B } = T, M = l[w]?.palette?.mode, O = !n && M ? {
+          colorScheme: M,
           ...B
         } : { ...B };
         m(r(w, { ...O }), O);
       }
-      return Object.entries(M).forEach(([B, { css: P }]) => {
+      return Object.entries(P).forEach(([B, { css: M }]) => {
         const O = l[B]?.palette?.mode, g = !n && O ? {
           colorScheme: O,
-          ...P
-        } : { ...P };
+          ...M
+        } : { ...M };
         m(r(B, { ...g }), g);
       }), i && C.push({ ":root": {
         "--__l-threshold": "0.7",
@@ -3575,10 +3575,10 @@ function gg(e = {}, ...t) {
     shouldSkipGeneratingVar: s,
     getSelector: pg(m),
     enableContrastVars: l
-  }, { vars: M, generateThemeVars: B, generateStyleSheets: P } = Rh(m, T);
-  return m.vars = M, Object.entries(m.colorSchemes[m.defaultColorScheme]).forEach(([O, g]) => {
+  }, { vars: P, generateThemeVars: B, generateStyleSheets: M } = Rh(m, T);
+  return m.vars = P, Object.entries(m.colorSchemes[m.defaultColorScheme]).forEach(([O, g]) => {
     m[O] = g;
-  }), m.generateThemeVars = B, m.generateStyleSheets = P, m.generateSpacing = function() {
+  }), m.generateThemeVars = B, m.generateStyleSheets = M, m.generateSpacing = function() {
     return Ap(p.spacing, xi(this));
   }, m.getColorSchemeSelector = Oh(c), m.spacing = m.generateSpacing(), m.shouldSkipGeneratingVar = s, m.unstable_sxConfig = {
     ...ia,
@@ -3783,7 +3783,7 @@ var Sg = /* @__PURE__ */ Vt((e) => {
         }
       }
     }
-    var m = u, T = p, M = c, B = s, P = r, O = f, g = a, R = y, F = b, V = n, L = l, H = i, X = v, $ = !1;
+    var m = u, T = p, P = c, B = s, M = r, O = f, g = a, R = y, F = b, V = n, L = l, H = i, X = v, $ = !1;
     function J(D) {
       return $ || ($ = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), G(D) || w(D) === u;
     }
@@ -3823,7 +3823,7 @@ var Sg = /* @__PURE__ */ Vt((e) => {
     function ie(D) {
       return w(D) === v;
     }
-    e.AsyncMode = m, e.ConcurrentMode = T, e.ContextConsumer = M, e.ContextProvider = B, e.Element = P, e.ForwardRef = O, e.Fragment = g, e.Lazy = R, e.Memo = F, e.Portal = V, e.Profiler = L, e.StrictMode = H, e.Suspense = X, e.isAsyncMode = J, e.isConcurrentMode = G, e.isContextConsumer = N, e.isContextProvider = U, e.isElement = ne, e.isForwardRef = Z, e.isFragment = Y, e.isLazy = pe, e.isMemo = ue, e.isPortal = ee, e.isProfiler = oe, e.isStrictMode = re, e.isSuspense = ie, e.isValidElementType = C, e.typeOf = w;
+    e.AsyncMode = m, e.ConcurrentMode = T, e.ContextConsumer = P, e.ContextProvider = B, e.Element = M, e.ForwardRef = O, e.Fragment = g, e.Lazy = R, e.Memo = F, e.Portal = V, e.Profiler = L, e.StrictMode = H, e.Suspense = X, e.isAsyncMode = J, e.isConcurrentMode = G, e.isContextConsumer = N, e.isContextProvider = U, e.isElement = ne, e.isForwardRef = Z, e.isFragment = Y, e.isLazy = pe, e.isMemo = ue, e.isPortal = ee, e.isProfiler = oe, e.isStrictMode = re, e.isSuspense = ie, e.isValidElementType = C, e.typeOf = w;
   }();
 }), wg = /* @__PURE__ */ Vt((e, t) => {
   process.env.NODE_ENV === "production" ? t.exports = Sg() : t.exports = Eg();
@@ -3876,11 +3876,11 @@ var Sg = /* @__PURE__ */ Vt((e) => {
       var C = p(S);
       f && (C = C.concat(f(S)));
       for (var w = c(h), m = c(S), T = 0; T < C.length; ++T) {
-        var M = C[T];
-        if (!a[M] && !(E && E[M]) && !(m && m[M]) && !(w && w[M])) {
-          var B = v(S, M);
+        var P = C[T];
+        if (!a[P] && !(E && E[P]) && !(m && m[P]) && !(w && w[P])) {
+          var B = v(S, P);
           try {
-            u(h, M, B);
+            u(h, P, B);
           } catch {
           }
         }
@@ -4888,7 +4888,7 @@ var cm = Lo`
     p.current && (p.current(), p.current = null);
   }, [s]);
   const f = I.useRef(!1), v = Xo(), A = I.useRef(null), b = I.useRef(null), y = I.useCallback((x) => {
-    const { pulsate: C, rippleX: w, rippleY: m, rippleSize: T, cb: M } = x;
+    const { pulsate: C, rippleX: w, rippleY: m, rippleSize: T, cb: P } = x;
     c((B) => [...B, /* @__PURE__ */ Q(Am, {
       classes: {
         ripple: ge(a.ripple, ir.ripple),
@@ -4903,16 +4903,16 @@ var cm = Lo`
       rippleX: w,
       rippleY: m,
       rippleSize: T
-    }, u.current)]), u.current += 1, p.current = M;
+    }, u.current)]), u.current += 1, p.current = P;
   }, [a]), h = I.useCallback((x = {}, C = {}, w = () => {
   }) => {
-    const { pulsate: m = !1, center: T = n || C.pulsate, fakeElement: M = !1 } = C;
+    const { pulsate: m = !1, center: T = n || C.pulsate, fakeElement: P = !1 } = C;
     if (x?.type === "mousedown" && f.current) {
       f.current = !1;
       return;
     }
     x?.type === "touchstart" && (f.current = !0);
-    const B = M ? null : b.current, P = B ? B.getBoundingClientRect() : {
+    const B = P ? null : b.current, M = B ? B.getBoundingClientRect() : {
       width: 0,
       height: 0,
       left: 0,
@@ -4920,13 +4920,13 @@ var cm = Lo`
     };
     let O, g, R;
     if (T || x === void 0 || x.clientX === 0 && x.clientY === 0 || !x.clientX && !x.touches)
-      O = Math.round(P.width / 2), g = Math.round(P.height / 2);
+      O = Math.round(M.width / 2), g = Math.round(M.height / 2);
     else {
       const { clientX: F, clientY: V } = x.touches && x.touches.length > 0 ? x.touches[0] : x;
-      O = Math.round(F - P.left), g = Math.round(V - P.top);
+      O = Math.round(F - M.left), g = Math.round(V - M.top);
     }
     if (T)
-      R = Math.sqrt((2 * P.width ** 2 + P.height ** 2) / 3), R % 2 === 0 && (R += 1);
+      R = Math.sqrt((2 * M.width ** 2 + M.height ** 2) / 3), R % 2 === 0 && (R += 1);
     else {
       const F = Math.max(Math.abs((B ? B.clientWidth : 0) - O), O) * 2 + 2, V = Math.max(Math.abs((B ? B.clientHeight : 0) - g), g) * 2 + 2;
       R = Math.sqrt(F ** 2 + V ** 2);
@@ -5034,7 +5034,7 @@ var gm = Pe("MuiButtonBase", [
   const n = Ve({
     props: t,
     name: "MuiButtonBase"
-  }), { action: a, centerRipple: i = !1, children: l, className: s, component: c = "button", disabled: u = !1, disableRipple: p = !1, disableTouchRipple: f = !1, focusRipple: v = !1, focusVisibleClassName: A, LinkComponent: b = "a", onBlur: y, onClick: h, onContextMenu: S, onDragLeave: E, onFocus: x, onFocusVisible: C, onKeyDown: w, onKeyUp: m, onMouseDown: T, onMouseLeave: M, onMouseUp: B, onTouchEnd: P, onTouchMove: O, onTouchStart: g, tabIndex: R = 0, TouchRippleProps: F, touchRippleRef: V, type: L, ...H } = n, X = I.useRef(null), $ = $g(), J = er($.ref, V), [G, N] = I.useState(!1);
+  }), { action: a, centerRipple: i = !1, children: l, className: s, component: c = "button", disabled: u = !1, disableRipple: p = !1, disableTouchRipple: f = !1, focusRipple: v = !1, focusVisibleClassName: A, LinkComponent: b = "a", onBlur: y, onClick: h, onContextMenu: S, onDragLeave: E, onFocus: x, onFocusVisible: C, onKeyDown: w, onKeyUp: m, onMouseDown: T, onMouseLeave: P, onMouseUp: B, onTouchEnd: M, onTouchMove: O, onTouchStart: g, tabIndex: R = 0, TouchRippleProps: F, touchRippleRef: V, type: L, ...H } = n, X = I.useRef(null), $ = $g(), J = er($.ref, V), [G, N] = I.useState(!1);
   u && G && N(!1), I.useImperativeHandle(a, () => ({ focusVisible: () => {
     N(!0), X.current.focus();
   } }), []);
@@ -5048,8 +5048,8 @@ var gm = Pe("MuiButtonBase", [
     $
   ]);
   const ne = jr($, "start", T, f), Z = jr($, "stop", S, f), Y = jr($, "stop", E, f), pe = jr($, "stop", B, f), ue = jr($, "stop", (_) => {
-    G && _.preventDefault(), M && M(_);
-  }, f), ee = jr($, "start", g, f), oe = jr($, "stop", P, f), re = jr($, "stop", O, f), ie = jr($, "stop", (_) => {
+    G && _.preventDefault(), P && P(_);
+  }, f), ee = jr($, "start", g, f), oe = jr($, "stop", M, f), re = jr($, "stop", O, f), ie = jr($, "stop", (_) => {
     an(_.target) || N(!1), y && y(_);
   }, !1), D = tn((_) => {
     X.current || (X.current = _.currentTarget), an(_.target) && (N(!0), C && C(_)), x && x(_);
@@ -5866,7 +5866,7 @@ var Om = (e) => {
   const n = I.useContext(ef), a = I.useContext(tf), i = Ve({
     props: Xn(n, t),
     name: "MuiButton"
-  }), { children: l, color: s = "primary", component: c = "button", className: u, disabled: p = !1, disableElevation: f = !1, disableFocusRipple: v = !1, endIcon: A, focusVisibleClassName: b, fullWidth: y = !1, id: h, loading: S = null, loadingIndicator: E, loadingPosition: x = "center", size: C = "medium", startIcon: w, type: m, variant: T = "text", ...M } = i, B = zs(h), P = E ?? /* @__PURE__ */ Q(ln, {
+  }), { children: l, color: s = "primary", component: c = "button", className: u, disabled: p = !1, disableElevation: f = !1, disableFocusRipple: v = !1, endIcon: A, focusVisibleClassName: b, fullWidth: y = !1, id: h, loading: S = null, loadingIndicator: E, loadingPosition: x = "center", size: C = "medium", startIcon: w, type: m, variant: T = "text", ...P } = i, B = zs(h), M = E ?? /* @__PURE__ */ Q(ln, {
     "aria-labelledby": B,
     color: "inherit",
     size: 16
@@ -5879,7 +5879,7 @@ var Om = (e) => {
     disableFocusRipple: v,
     fullWidth: y,
     loading: S,
-    loadingIndicator: P,
+    loadingIndicator: M,
     loadingPosition: x,
     size: C,
     type: m,
@@ -5904,7 +5904,7 @@ var Om = (e) => {
     children: S && /* @__PURE__ */ Q(Lm, {
       className: g.loadingIndicator,
       ownerState: O,
-      children: P
+      children: M
     })
   }) : null, { root: H, ...X } = g;
   return /* @__PURE__ */ st(Bm, {
@@ -5917,7 +5917,7 @@ var Om = (e) => {
     ref: r,
     type: m,
     id: S ? B : h,
-    ...M,
+    ...P,
     classes: X,
     children: [
       R,
@@ -6786,7 +6786,7 @@ var Zm = 16 / 2, Jm = ({ onClick: e, label: t, portrait: r, dataTestId: n = "ass
 function $m(e) {
   return Oe("MuiChip", e);
 }
-var Ge = Pe("MuiChip", [
+var Xe = Pe("MuiChip", [
   "root",
   "sizeSmall",
   "sizeMedium",
@@ -6954,16 +6954,16 @@ var _m = (e) => {
   overridesResolver: (e, t) => {
     const { ownerState: r } = e, { color: n, iconColor: a, clickable: i, onDelete: l, size: s, variant: c } = r;
     return [
-      { [`& .${Ge.avatar}`]: t.avatar },
-      { [`& .${Ge.avatar}`]: t[`avatar${le(s)}`] },
-      { [`& .${Ge.avatar}`]: t[`avatarColor${le(n)}`] },
-      { [`& .${Ge.icon}`]: t.icon },
-      { [`& .${Ge.icon}`]: t[`icon${le(s)}`] },
-      { [`& .${Ge.icon}`]: t[`iconColor${le(a)}`] },
-      { [`& .${Ge.deleteIcon}`]: t.deleteIcon },
-      { [`& .${Ge.deleteIcon}`]: t[`deleteIcon${le(s)}`] },
-      { [`& .${Ge.deleteIcon}`]: t[`deleteIconColor${le(n)}`] },
-      { [`& .${Ge.deleteIcon}`]: t[`deleteIcon${le(c)}Color${le(n)}`] },
+      { [`& .${Xe.avatar}`]: t.avatar },
+      { [`& .${Xe.avatar}`]: t[`avatar${le(s)}`] },
+      { [`& .${Xe.avatar}`]: t[`avatarColor${le(n)}`] },
+      { [`& .${Xe.icon}`]: t.icon },
+      { [`& .${Xe.icon}`]: t[`icon${le(s)}`] },
+      { [`& .${Xe.icon}`]: t[`iconColor${le(a)}`] },
+      { [`& .${Xe.deleteIcon}`]: t.deleteIcon },
+      { [`& .${Xe.deleteIcon}`]: t[`deleteIcon${le(s)}`] },
+      { [`& .${Xe.deleteIcon}`]: t[`deleteIconColor${le(n)}`] },
+      { [`& .${Xe.deleteIcon}`]: t[`deleteIcon${le(c)}Color${le(n)}`] },
       t.root,
       t[`size${le(s)}`],
       t[`color${le(n)}`],
@@ -6998,11 +6998,11 @@ var _m = (e) => {
     padding: 0,
     verticalAlign: "middle",
     boxSizing: "border-box",
-    [`&.${Ge.disabled}`]: {
+    [`&.${Xe.disabled}`]: {
       opacity: (e.vars || e).palette.action.disabledOpacity,
       pointerEvents: "none"
     },
-    [`& .${Ge.avatar}`]: {
+    [`& .${Xe.avatar}`]: {
       marginLeft: 5,
       marginRight: -6,
       width: 24,
@@ -7010,26 +7010,26 @@ var _m = (e) => {
       color: e.vars ? e.vars.palette.Chip.defaultAvatarColor : t,
       fontSize: e.typography.pxToRem(12)
     },
-    [`& .${Ge.avatarColorPrimary}`]: {
+    [`& .${Xe.avatarColorPrimary}`]: {
       color: (e.vars || e).palette.primary.contrastText,
       backgroundColor: (e.vars || e).palette.primary.dark
     },
-    [`& .${Ge.avatarColorSecondary}`]: {
+    [`& .${Xe.avatarColorSecondary}`]: {
       color: (e.vars || e).palette.secondary.contrastText,
       backgroundColor: (e.vars || e).palette.secondary.dark
     },
-    [`& .${Ge.avatarSmall}`]: {
+    [`& .${Xe.avatarSmall}`]: {
       marginLeft: 4,
       marginRight: -4,
       width: 18,
       height: 18,
       fontSize: e.typography.pxToRem(10)
     },
-    [`& .${Ge.icon}`]: {
+    [`& .${Xe.icon}`]: {
       marginLeft: 5,
       marginRight: -6
     },
-    [`& .${Ge.deleteIcon}`]: {
+    [`& .${Xe.deleteIcon}`]: {
       WebkitTapHighlightColor: "transparent",
       color: e.alpha((e.vars || e).palette.text.primary, 0.26),
       fontSize: 22,
@@ -7042,12 +7042,12 @@ var _m = (e) => {
         props: { size: "small" },
         style: {
           height: 24,
-          [`& .${Ge.icon}`]: {
+          [`& .${Xe.icon}`]: {
             fontSize: 18,
             marginLeft: 4,
             marginRight: -4
           },
-          [`& .${Ge.deleteIcon}`]: {
+          [`& .${Xe.deleteIcon}`]: {
             fontSize: 16,
             marginRight: 4,
             marginLeft: -4
@@ -7059,7 +7059,7 @@ var _m = (e) => {
         style: {
           backgroundColor: (e.vars || e).palette[r].main,
           color: (e.vars || e).palette[r].contrastText,
-          [`& .${Ge.deleteIcon}`]: {
+          [`& .${Xe.deleteIcon}`]: {
             color: e.alpha((e.vars || e).palette[r].contrastText, 0.7),
             "&:hover, &:active": { color: (e.vars || e).palette[r].contrastText }
           }
@@ -7067,22 +7067,22 @@ var _m = (e) => {
       })),
       {
         props: (r) => r.iconColor === r.color,
-        style: { [`& .${Ge.icon}`]: { color: e.vars ? e.vars.palette.Chip.defaultIconColor : t } }
+        style: { [`& .${Xe.icon}`]: { color: e.vars ? e.vars.palette.Chip.defaultIconColor : t } }
       },
       {
         props: (r) => r.iconColor === r.color && r.color !== "default",
-        style: { [`& .${Ge.icon}`]: { color: "inherit" } }
+        style: { [`& .${Xe.icon}`]: { color: "inherit" } }
       },
       {
         props: { onDelete: !0 },
-        style: { [`&.${Ge.focusVisible}`]: { backgroundColor: e.alpha((e.vars || e).palette.action.selected, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.focusOpacity}`) } }
+        style: { [`&.${Xe.focusVisible}`]: { backgroundColor: e.alpha((e.vars || e).palette.action.selected, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.focusOpacity}`) } }
       },
       ...Object.entries(e.palette).filter(Kt(["dark"])).map(([r]) => ({
         props: {
           color: r,
           onDelete: !0
         },
-        style: { [`&.${Ge.focusVisible}`]: { background: (e.vars || e).palette[r].dark } }
+        style: { [`&.${Xe.focusVisible}`]: { background: (e.vars || e).palette[r].dark } }
       })),
       {
         props: { clickable: !0 },
@@ -7091,7 +7091,7 @@ var _m = (e) => {
           WebkitTapHighlightColor: "transparent",
           cursor: "pointer",
           "&:hover": { backgroundColor: e.alpha((e.vars || e).palette.action.selected, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.hoverOpacity}`) },
-          [`&.${Ge.focusVisible}`]: { backgroundColor: e.alpha((e.vars || e).palette.action.selected, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.focusOpacity}`) },
+          [`&.${Xe.focusVisible}`]: { backgroundColor: e.alpha((e.vars || e).palette.action.selected, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.focusOpacity}`) },
           "&:active": { boxShadow: (e.vars || e).shadows[1] }
         }
       },
@@ -7100,21 +7100,21 @@ var _m = (e) => {
           color: r,
           clickable: !0
         },
-        style: { [`&:hover, &.${Ge.focusVisible}`]: { backgroundColor: (e.vars || e).palette[r].dark } }
+        style: { [`&:hover, &.${Xe.focusVisible}`]: { backgroundColor: (e.vars || e).palette[r].dark } }
       })),
       {
         props: { variant: "outlined" },
         style: {
           backgroundColor: "transparent",
           border: e.vars ? `1px solid ${e.vars.palette.Chip.defaultBorder}` : `1px solid ${e.palette.mode === "light" ? e.palette.grey[400] : e.palette.grey[700]}`,
-          [`&.${Ge.clickable}:hover`]: { backgroundColor: (e.vars || e).palette.action.hover },
-          [`&.${Ge.focusVisible}`]: { backgroundColor: (e.vars || e).palette.action.focus },
-          [`& .${Ge.avatar}`]: { marginLeft: 4 },
-          [`& .${Ge.avatarSmall}`]: { marginLeft: 2 },
-          [`& .${Ge.icon}`]: { marginLeft: 4 },
-          [`& .${Ge.iconSmall}`]: { marginLeft: 2 },
-          [`& .${Ge.deleteIcon}`]: { marginRight: 5 },
-          [`& .${Ge.deleteIconSmall}`]: { marginRight: 3 }
+          [`&.${Xe.clickable}:hover`]: { backgroundColor: (e.vars || e).palette.action.hover },
+          [`&.${Xe.focusVisible}`]: { backgroundColor: (e.vars || e).palette.action.focus },
+          [`& .${Xe.avatar}`]: { marginLeft: 4 },
+          [`& .${Xe.avatarSmall}`]: { marginLeft: 2 },
+          [`& .${Xe.icon}`]: { marginLeft: 4 },
+          [`& .${Xe.iconSmall}`]: { marginLeft: 2 },
+          [`& .${Xe.deleteIcon}`]: { marginRight: 5 },
+          [`& .${Xe.deleteIconSmall}`]: { marginRight: 3 }
         }
       },
       ...Object.entries(e.palette).filter(Kt()).map(([r]) => ({
@@ -7125,9 +7125,9 @@ var _m = (e) => {
         style: {
           color: (e.vars || e).palette[r].main,
           border: `1px solid ${e.alpha((e.vars || e).palette[r].main, 0.7)}`,
-          [`&.${Ge.clickable}:hover`]: { backgroundColor: e.alpha((e.vars || e).palette[r].main, (e.vars || e).palette.action.hoverOpacity) },
-          [`&.${Ge.focusVisible}`]: { backgroundColor: e.alpha((e.vars || e).palette[r].main, (e.vars || e).palette.action.focusOpacity) },
-          [`& .${Ge.deleteIcon}`]: {
+          [`&.${Xe.clickable}:hover`]: { backgroundColor: e.alpha((e.vars || e).palette[r].main, (e.vars || e).palette.action.hoverOpacity) },
+          [`&.${Xe.focusVisible}`]: { backgroundColor: e.alpha((e.vars || e).palette[r].main, (e.vars || e).palette.action.focusOpacity) },
+          [`& .${Xe.deleteIcon}`]: {
             color: e.alpha((e.vars || e).palette[r].main, 0.7),
             "&:hover, &:active": { color: (e.vars || e).palette[r].main }
           }
@@ -7182,9 +7182,9 @@ var Zs = /* @__PURE__ */ I.forwardRef(function(t, r) {
   const n = Ve({
     props: t,
     name: "MuiChip"
-  }), { avatar: a, className: i, clickable: l, color: s = "default", component: c, deleteIcon: u, disabled: p = !1, icon: f, label: v, onClick: A, onDelete: b, onKeyDown: y, onKeyUp: h, size: S = "medium", variant: E = "filled", tabIndex: x, skipFocusWhenDisabled: C = !1, slots: w = {}, slotProps: m = {}, ...T } = n, M = er(I.useRef(null), r), B = (Z) => {
+  }), { avatar: a, className: i, clickable: l, color: s = "default", component: c, deleteIcon: u, disabled: p = !1, icon: f, label: v, onClick: A, onDelete: b, onKeyDown: y, onKeyUp: h, size: S = "medium", variant: E = "filled", tabIndex: x, skipFocusWhenDisabled: C = !1, slots: w = {}, slotProps: m = {}, ...T } = n, P = er(I.useRef(null), r), B = (Z) => {
     Z.stopPropagation(), b(Z);
-  }, P = (Z) => {
+  }, M = (Z) => {
     Z.currentTarget === Z.target && _d(Z) && Z.preventDefault(), y && y(Z);
   }, O = (Z) => {
     Z.currentTarget === Z.target && b && _d(Z) && b(Z), h && h(Z);
@@ -7226,7 +7226,7 @@ var Zs = /* @__PURE__ */ I.forwardRef(function(t, r) {
     },
     ownerState: F,
     shouldForwardComponentProp: !0,
-    ref: M,
+    ref: P,
     className: ge(V.root, i),
     additionalProps: {
       disabled: g && p ? !0 : void 0,
@@ -7239,7 +7239,7 @@ var Zs = /* @__PURE__ */ I.forwardRef(function(t, r) {
         Z.onClick?.(Y), A?.(Y);
       },
       onKeyDown: (Y) => {
-        Z.onKeyDown?.(Y), P(Y);
+        Z.onKeyDown?.(Y), M(Y);
       },
       onKeyUp: (Y) => {
         Z.onKeyUp?.(Y), O(Y);
@@ -9408,10 +9408,10 @@ var i2 = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ */
     })
   })
 }), O2 = ({ size: e = 32, color: t = "text.primary", isWorking: r = !1 }) => {
-  const n = Gu(), a = y2("(prefers-reduced-motion: reduce)"), i = Ne(null), l = Ne(null), s = Ne(null), c = Ne(null), [u] = we(() => fl(oc)), [p] = we(() => Pn.map(({ roundMs: C }) => ({
+  const n = Gu(), a = y2("(prefers-reduced-motion: reduce)"), i = Ne(null), l = Ne(null), s = Ne(null), c = Ne(null), [u] = Ie(() => fl(oc)), [p] = Ie(() => Pn.map(({ roundMs: C }) => ({
     across: fl(C),
     upDown: fl(C, C / 4)
-  }))), [f, v] = we(!1), [A, b] = we(!1), [y, h] = we(r), S = Ne(!(r || a)), E = R2(e);
+  }))), [f, v] = Ie(!1), [A, b] = Ie(!1), [y, h] = Ie(r), S = Ne(!(r || a)), E = R2(e);
   y !== r && (h(r), b(r), v(!(r || a)));
   const x = (r || f) && !a;
   return rl(() => {
@@ -9437,14 +9437,14 @@ var i2 = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ */
       duration: nc,
       easing: ac,
       fill: "forwards"
-    }), T = [s.current, c.current].map((M) => M?.animate([{ opacity: 1 }, { opacity: 0 }], {
+    }), T = [s.current, c.current].map((P) => P?.animate([{ opacity: 1 }, { opacity: 0 }], {
       duration: nc / 2,
       easing: ac,
       fill: "forwards"
     }));
     return m.onfinish = () => v(!1), () => {
       m.cancel();
-      for (const M of T) M?.cancel();
+      for (const P of T) P?.cancel();
       C.style.animation = "";
     };
   }, [f]), /* @__PURE__ */ k(at, {
@@ -9646,7 +9646,7 @@ var M2 = {
       delay: L,
       easing: H
     })].join(","), c && c(R, F);
-  }), M = sr(C, u), B = sr(C, A), P = sr(C, (R) => {
+  }), P = sr(C, u), B = sr(C, A), M = sr(C, (R) => {
     const { duration: F, delay: V, easing: L } = Ya({
       style: b,
       timeout: y,
@@ -9669,9 +9669,9 @@ var M2 = {
     in: s,
     nodeRef: C,
     onEnter: T,
-    onEntered: M,
+    onEntered: P,
     onEntering: m,
-    onExit: P,
+    onExit: M,
     onExited: O,
     onExiting: B,
     addEndListener: (R) => {
@@ -10128,16 +10128,16 @@ function pc(e) {
   A = h.x, y = h.y;
   var S = l.hasOwnProperty("x"), E = l.hasOwnProperty("y"), x = Gr, C = "top", w = window;
   if (u) {
-    var m = da(r), T = "clientHeight", M = "clientWidth";
-    if (m === tr(r) && (m = go(r), $r(m).position !== "static" && s === "absolute" && (T = "scrollHeight", M = "scrollWidth")), m = m, a === "top" || (a === "left" || a === "right") && i === "end") {
+    var m = da(r), T = "clientHeight", P = "clientWidth";
+    if (m === tr(r) && (m = go(r), $r(m).position !== "static" && s === "absolute" && (T = "scrollHeight", P = "scrollWidth")), m = m, a === "top" || (a === "left" || a === "right") && i === "end") {
       C = Yr;
       var B = f && m === w && w.visualViewport ? w.visualViewport.height : m[T];
       y -= B - n.height, y *= c ? 1 : -1;
     }
     if (a === "left" || (a === "top" || a === "bottom") && i === "end") {
       x = Ao;
-      var P = f && m === w && w.visualViewport ? w.visualViewport.width : m[M];
-      A -= P - n.width, A *= c ? 1 : -1;
+      var M = f && m === w && w.visualViewport ? w.visualViewport.width : m[P];
+      A -= M - n.width, A *= c ? 1 : -1;
     }
   }
   var O = Object.assign({ position: s }, u && lv), g = p === !0 ? sv({
@@ -10352,7 +10352,7 @@ function ta(e, t) {
     element: x,
     strategy: "absolute",
     placement: a
-  }), M = ds(Object.assign({}, x, T)), B = v === "popper" ? M : m, P = {
+  }), P = ds(Object.assign({}, x, T)), B = v === "popper" ? P : m, M = {
     top: w.top - B.top + S.top,
     bottom: B.bottom - w.bottom + S.bottom,
     left: w.left - B.left + S.left,
@@ -10360,12 +10360,12 @@ function ta(e, t) {
   }, O = e.modifiersData.offset;
   if (v === "popper" && O) {
     var g = O[a];
-    Object.keys(P).forEach(function(R) {
+    Object.keys(M).forEach(function(R) {
       var F = ["right", "bottom"].indexOf(R) >= 0 ? 1 : -1, V = ["top", "bottom"].indexOf(R) >= 0 ? "y" : "x";
-      P[R] += g[V] * F;
+      M[R] += g[V] * F;
     });
   }
-  return P;
+  return M;
 }
 function yv(e, t) {
   t === void 0 && (t = {});
@@ -10408,9 +10408,9 @@ function xv(e) {
         flipVariations: b,
         allowedAutoPlacements: y
       }) : U);
-    }, []), C = t.rects.reference, w = t.rects.popper, m = /* @__PURE__ */ new Map(), T = !0, M = x[0], B = 0; B < x.length; B++) {
-      var P = x[B], O = Pr(P), g = un(P) === Ni, R = ["top", Yr].indexOf(O) >= 0, F = R ? "width" : "height", V = ta(t, {
-        placement: P,
+    }, []), C = t.rects.reference, w = t.rects.popper, m = /* @__PURE__ */ new Map(), T = !0, P = x[0], B = 0; B < x.length; B++) {
+      var M = x[B], O = Pr(M), g = un(M) === Ni, R = ["top", Yr].indexOf(O) >= 0, F = R ? "width" : "height", V = ta(t, {
+        placement: M,
         boundary: p,
         rootBoundary: f,
         altBoundary: v,
@@ -10421,10 +10421,10 @@ function xv(e) {
       if (i && X.push(V[O] <= 0), s && X.push(V[L] <= 0, V[H] <= 0), X.every(function(N) {
         return N;
       })) {
-        M = P, T = !1;
+        P = M, T = !1;
         break;
       }
-      m.set(P, X);
+      m.set(M, X);
     }
     if (T)
       for (var $ = b ? 3 : 1, J = function(U) {
@@ -10435,9 +10435,9 @@ function xv(e) {
           });
         });
         if (ne)
-          return M = ne, "break";
+          return P = ne, "break";
       }, G = $; G > 0 && J(G) !== "break"; G--) ;
-    t.placement !== M && (t.modifiersData[n]._skip = !0, t.placement = M, t.reset = !0);
+    t.placement !== P && (t.modifiersData[n]._skip = !0, t.placement = P, t.reset = !0);
   }
 }
 var Sv = {
@@ -10536,7 +10536,7 @@ function Mv(e) {
     rootBoundary: u,
     padding: f,
     altBoundary: p
-  }), S = Pr(t.placement), E = un(t.placement), x = !E, C = _s(S), w = Bv(C), m = t.modifiersData.popperOffsets, T = t.rects.reference, M = t.rects.popper, B = typeof y == "function" ? y(Object.assign({}, t.rects, { placement: t.placement })) : y, P = typeof B == "number" ? {
+  }), S = Pr(t.placement), E = un(t.placement), x = !E, C = _s(S), w = Bv(C), m = t.modifiersData.popperOffsets, T = t.rects.reference, P = t.rects.popper, B = typeof y == "function" ? y(Object.assign({}, t.rects, { placement: t.placement })) : y, M = typeof B == "number" ? {
     mainAxis: B,
     altAxis: B
   } : Object.assign({
@@ -10548,14 +10548,14 @@ function Mv(e) {
   };
   if (m) {
     if (i) {
-      var R, F = C === "y" ? "top" : Gr, V = C === "y" ? Yr : Ao, L = C === "y" ? "height" : "width", H = m[C], X = H + h[F], $ = H - h[V], J = A ? -M[L] / 2 : 0, G = E === "start" ? T[L] : M[L], N = E === "start" ? -M[L] : -T[L], U = t.elements.arrow, ne = A && U ? $s(U) : {
+      var R, F = C === "y" ? "top" : Gr, V = C === "y" ? Yr : Ao, L = C === "y" ? "height" : "width", H = m[C], X = H + h[F], $ = H - h[V], J = A ? -P[L] / 2 : 0, G = E === "start" ? T[L] : P[L], N = E === "start" ? -P[L] : -T[L], U = t.elements.arrow, ne = A && U ? $s(U) : {
         width: 0,
         height: 0
-      }, Z = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Cf(), Y = Z[F], pe = Z[V], ue = Nn(0, T[L], ne[L]), ee = x ? T[L] / 2 - J - ue - Y - P.mainAxis : G - ue - Y - P.mainAxis, oe = x ? -T[L] / 2 + J + ue + pe + P.mainAxis : N + ue + pe + P.mainAxis, re = t.elements.arrow && da(t.elements.arrow), ie = re ? C === "y" ? re.clientTop || 0 : re.clientLeft || 0 : 0, D = (R = O?.[C]) != null ? R : 0, j = H + ee - D - ie, se = H + oe - D, ve = Nn(A ? $a(X, j) : X, H, A ? wo($, se) : $);
+      }, Z = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Cf(), Y = Z[F], pe = Z[V], ue = Nn(0, T[L], ne[L]), ee = x ? T[L] / 2 - J - ue - Y - M.mainAxis : G - ue - Y - M.mainAxis, oe = x ? -T[L] / 2 + J + ue + pe + M.mainAxis : N + ue + pe + M.mainAxis, re = t.elements.arrow && da(t.elements.arrow), ie = re ? C === "y" ? re.clientTop || 0 : re.clientLeft || 0 : 0, D = (R = O?.[C]) != null ? R : 0, j = H + ee - D - ie, se = H + oe - D, ve = Nn(A ? $a(X, j) : X, H, A ? wo($, se) : $);
       m[C] = ve, g[C] = ve - H;
     }
     if (s) {
-      var de, ke = C === "x" ? "top" : Gr, Re = C === "x" ? Yr : Ao, Qe = m[w], We = w === "y" ? "height" : "width", _ = Qe + h[ke], ct = Qe - h[Re], ye = ["top", Gr].indexOf(S) !== -1, vt = (de = O?.[w]) != null ? de : 0, $e = ye ? _ : Qe - T[We] - M[We] - vt + P.altAxis, ot = ye ? Qe + T[We] + M[We] - vt - P.altAxis : ct, it = A && ye ? rv($e, Qe, ot) : Nn(A ? $e : _, Qe, A ? ot : ct);
+      var de, ke = C === "x" ? "top" : Gr, Re = C === "x" ? Yr : Ao, Qe = m[w], We = w === "y" ? "height" : "width", _ = Qe + h[ke], ct = Qe - h[Re], ye = ["top", Gr].indexOf(S) !== -1, vt = (de = O?.[w]) != null ? de : 0, $e = ye ? _ : Qe - T[We] - P[We] - vt + M.altAxis, ot = ye ? Qe + T[We] + P[We] - vt - M.altAxis : ct, it = A && ye ? rv($e, Qe, ot) : Nn(A ? $e : _, Qe, A ? ot : ct);
       m[w] = it, g[w] = it - Qe;
     }
     t.modifiersData[n] = g;
@@ -10691,18 +10691,18 @@ function qv(e) {
             p.rects = {
               reference: Nv(E, da(x), p.options.strategy === "fixed"),
               popper: $s(x)
-            }, p.reset = !1, p.placement = p.options.placement, p.orderedModifiers.forEach(function(P) {
-              return p.modifiersData[P.name] = Object.assign({}, P.data);
+            }, p.reset = !1, p.placement = p.options.placement, p.orderedModifiers.forEach(function(M) {
+              return p.modifiersData[M.name] = Object.assign({}, M.data);
             });
             for (var C = 0; C < p.orderedModifiers.length; C++) {
               if (p.reset === !0) {
                 p.reset = !1, C = -1;
                 continue;
               }
-              var w = p.orderedModifiers[C], m = w.fn, T = w.options, M = T === void 0 ? {} : T, B = w.name;
+              var w = p.orderedModifiers[C], m = w.fn, T = w.options, P = T === void 0 ? {} : T, B = w.name;
               typeof m == "function" && (p = m({
                 state: p,
-                options: M,
+                options: P,
                 name: B,
                 instance: A
               }) || p);
@@ -10837,15 +10837,15 @@ var Zv = (e) => {
   Lr(() => {
     w.current = C;
   }, [C]), I.useImperativeHandle(f, () => x.current, []);
-  const m = Gv(u, i), [T, M] = I.useState(m), [B, P] = I.useState(_a(n));
+  const m = Gv(u, i), [T, P] = I.useState(m), [B, M] = I.useState(_a(n));
   I.useEffect(() => {
     x.current && x.current.forceUpdate();
   }), I.useEffect(() => {
-    n && P(_a(n));
+    n && M(_a(n));
   }, [n]), Lr(() => {
     if (!B || !c) return;
     const F = (X) => {
-      M(X.placement);
+      P(X.placement);
     };
     if (process.env.NODE_ENV !== "production" && B && Ui(B) && B.nodeType === 1) {
       const X = B.getBoundingClientRect();
@@ -10924,10 +10924,10 @@ var Zv = (e) => {
   let T;
   if (i) T = i;
   else if (n) {
-    const P = _a(n);
-    T = P && Ui(P) ? Fr(P).body : Fr(null).body;
+    const M = _a(n);
+    T = M && Ui(M) ? Fr(M).body : Fr(null).body;
   }
-  const M = !p && c && (!y || x) ? "none" : void 0, B = y ? {
+  const P = !p && c && (!y || x) ? "none" : void 0, B = y ? {
     in: p,
     onEnter: w,
     onExited: m
@@ -10952,7 +10952,7 @@ var Zv = (e) => {
         position: "fixed",
         top: 0,
         left: 0,
-        display: M,
+        display: P,
         ...b
       },
       TransitionProps: B,
@@ -11407,7 +11407,7 @@ var Io = /* @__PURE__ */ I.forwardRef(function(t, r) {
   const n = Ve({
     props: t,
     name: "MuiTooltip"
-  }), { arrow: a = !1, children: i, classes: l, components: s = {}, componentsProps: c = {}, describeChild: u = !1, disableFocusListener: p = !1, disableHoverListener: f = !1, disableInteractive: v = !1, disableTouchListener: A = !1, enterDelay: b = 100, enterNextDelay: y = 0, enterTouchDelay: h = 700, followCursor: S = !1, id: E, leaveDelay: x = 0, leaveTouchDelay: C = 1500, onClose: w, onOpen: m, open: T, placement: M = "bottom", PopperComponent: B, PopperProps: P = {}, slotProps: O = {}, slots: g = {}, title: R, TransitionComponent: F, TransitionProps: V, ...L } = n, H = /* @__PURE__ */ I.isValidElement(i) ? i : /* @__PURE__ */ Q("span", { children: i }), X = gn(), $ = Qs(), [J, G] = I.useState(), [N, U] = I.useState(null), ne = I.useRef(!1), Z = v || S, Y = Xo(), pe = Xo(), ue = Xo(), ee = Xo(), [oe, re] = Xl({
+  }), { arrow: a = !1, children: i, classes: l, components: s = {}, componentsProps: c = {}, describeChild: u = !1, disableFocusListener: p = !1, disableHoverListener: f = !1, disableInteractive: v = !1, disableTouchListener: A = !1, enterDelay: b = 100, enterNextDelay: y = 0, enterTouchDelay: h = 700, followCursor: S = !1, id: E, leaveDelay: x = 0, leaveTouchDelay: C = 1500, onClose: w, onOpen: m, open: T, placement: P = "bottom", PopperComponent: B, PopperProps: M = {}, slotProps: O = {}, slots: g = {}, title: R, TransitionComponent: F, TransitionProps: V, ...L } = n, H = /* @__PURE__ */ I.isValidElement(i) ? i : /* @__PURE__ */ Q("span", { children: i }), X = gn(), $ = Qs(), [J, G] = I.useState(), [N, U] = I.useState(null), ne = I.useRef(!1), Z = v || S, Y = Xo(), pe = Xo(), ue = Xo(), ee = Xo(), [oe, re] = Xl({
     controlled: T,
     default: !1,
     name: "Tooltip",
@@ -11513,7 +11513,7 @@ var Io = /* @__PURE__ */ I.forwardRef(function(t, r) {
     isRtl: $,
     arrow: a,
     disableInteractive: Z,
-    placement: M,
+    placement: P,
     PopperComponentProp: B,
     touch: ne.current
   }, De = typeof O.popper == "function" ? O.popper(Je) : O.popper, Be = I.useMemo(() => {
@@ -11525,16 +11525,16 @@ var Io = /* @__PURE__ */ I.forwardRef(function(t, r) {
         padding: 4
       }
     }];
-    return P.popperOptions?.modifiers && (xe = xe.concat(P.popperOptions.modifiers)), De?.popperOptions?.modifiers && (xe = xe.concat(De.popperOptions.modifiers)), {
-      ...P.popperOptions,
+    return M.popperOptions?.modifiers && (xe = xe.concat(M.popperOptions.modifiers)), De?.popperOptions?.modifiers && (xe = xe.concat(De.popperOptions.modifiers)), {
+      ...M.popperOptions,
       ...De?.popperOptions,
       modifiers: xe
     };
   }, [
     N,
-    P.popperOptions,
+    M.popperOptions,
     De?.popperOptions
-  ]), lt = tb(Je), rr = typeof O.transition == "function" ? O.transition(Je) : O.transition, Xe = {
+  ]), lt = tb(Je), rr = typeof O.transition == "function" ? O.transition(Je) : O.transition, Ze = {
     slots: {
       popper: s.Popper,
       transition: s.Transition ?? F,
@@ -11545,7 +11545,7 @@ var Io = /* @__PURE__ */ I.forwardRef(function(t, r) {
     slotProps: {
       arrow: O.arrow ?? c.arrow,
       popper: {
-        ...P,
+        ...M,
         ...De ?? c.popper
       },
       tooltip: O.tooltip ?? c.tooltip,
@@ -11556,28 +11556,28 @@ var Io = /* @__PURE__ */ I.forwardRef(function(t, r) {
     }
   }, [At, me] = Ke("popper", {
     elementType: rb,
-    externalForwardedProps: Xe,
+    externalForwardedProps: Ze,
     ownerState: Je,
-    className: ge(lt.popper, P?.className)
+    className: ge(lt.popper, M?.className)
   }), [Ee, Ce] = Ke("transition", {
     elementType: Oo,
-    externalForwardedProps: Xe,
+    externalForwardedProps: Ze,
     ownerState: Je
-  }), [Ie, Ze] = Ke("tooltip", {
+  }), [we, Ge] = Ke("tooltip", {
     elementType: ob,
     className: lt.tooltip,
-    externalForwardedProps: Xe,
+    externalForwardedProps: Ze,
     ownerState: Je
   }), [nt, Qt] = Ke("arrow", {
     elementType: nb,
     className: lt.arrow,
-    externalForwardedProps: Xe,
+    externalForwardedProps: Ze,
     ownerState: Je,
     ref: U
   });
   return /* @__PURE__ */ st(I.Fragment, { children: [/* @__PURE__ */ I.cloneElement(H, fe), /* @__PURE__ */ Q(At, {
     as: B ?? ca,
-    placement: M,
+    placement: P,
     anchorEl: S ? { getBoundingClientRect: () => ({
       top: wn.y,
       left: wn.x,
@@ -11597,8 +11597,8 @@ var Io = /* @__PURE__ */ I.forwardRef(function(t, r) {
       timeout: X.transitions.duration.shorter,
       ...xe,
       ...Ce,
-      children: /* @__PURE__ */ st(Ie, {
-        ...Ze,
+      children: /* @__PURE__ */ st(we, {
+        ...Ge,
         children: [R, a ? /* @__PURE__ */ Q(nt, { ...Qt }) : null]
       })
     })
@@ -11744,7 +11744,7 @@ var ab = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ */
   slot: "downVoteButton",
   value: "down"
 }], cb = ({ content: e, onVote: t, labels: r, slotProps: n, vote: a = null, dataTestId: i = "assistantReplyActions" }) => {
-  const { t: l } = kt(), [s, c] = we(!1), u = r?.copy ?? l("copy"), p = async () => {
+  const { t: l } = kt(), [s, c] = Ie(!1), u = r?.copy ?? l("copy"), p = async () => {
     try {
       await navigator.clipboard.writeText(e), c(!0);
     } catch {
@@ -11806,7 +11806,7 @@ var ab = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ */
   36,
   0.22
 ]], Cc = "#FFC9A8", Al = (e, t) => t.map(([r, n, a]) => `0 0 ${r}px ${n}px ${zt(e, a)}`).join(", "), fb = ({ anchor: e, blocking: t = !1, onWindowClick: r, dataTestId: n = "assistantSpotlight" }) => {
-  const [a, i] = we(() => e.getBoundingClientRect()), l = Ue(() => i(e.getBoundingClientRect()), [e]);
+  const [a, i] = Ie(() => e.getBoundingClientRect()), l = Ue(() => i(e.getBoundingClientRect()), [e]);
   return gt(() => {
     l();
     const s = window.setInterval(l, ub);
@@ -12181,7 +12181,7 @@ var yb = (e, t) => {
   height: t,
   sx: r
 }), xb = ({ src: e, isLoading: t, secondarySrc: r, secondaryAvatarProps: n, sx: a, secondaryTitle: i, width: l = 64, height: s = 64, alt: c = "Article" }) => {
-  const [u, p] = we(!1), [f, v] = we(!1), { borderRadius: A, padding: b } = yb(l, s), y = {
+  const [u, p] = Ie(!1), [f, v] = Ie(!1), { borderRadius: A, padding: b } = yb(l, s), y = {
     borderRadius: A,
     flexShrink: 0
   }, h = e && !u && !f || t, S = !e || f && !t, E = e?.endsWith(".png") || e?.endsWith(".svg") || e?.endsWith(".gif") || e?.endsWith(".webp"), x = () => {
@@ -12442,7 +12442,7 @@ var yb = (e, t) => {
   ...e,
   children: /* @__PURE__ */ d("path", { d: "M9.29 15.88 13.17 12 9.29 8.12a.996.996 0 0 1 0-1.41c.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42" })
 }), Mb = ({ text: e, children: t }) => {
-  const [r, n] = we("");
+  const [r, n] = Ie("");
   return /* @__PURE__ */ d(Mt, {
     title: r,
     children: /* @__PURE__ */ d(W, {
@@ -13306,7 +13306,7 @@ var Of = /* @__PURE__ */ I.forwardRef(function(t, r) {
       ...y
     },
     ownerState: S
-  }), [M, B] = Ke("img", {
+  }), [P, B] = Ke("img", {
     className: w.img,
     elementType: Yb,
     externalForwardedProps: {
@@ -13323,7 +13323,7 @@ var Of = /* @__PURE__ */ I.forwardRef(function(t, r) {
       sizes: f
     },
     ownerState: S
-  }), [P, O] = Ke("fallback", {
+  }), [M, O] = Ke("fallback", {
     className: w.fallback,
     elementType: $b,
     externalForwardedProps: {
@@ -13333,7 +13333,7 @@ var Of = /* @__PURE__ */ I.forwardRef(function(t, r) {
     shouldForwardComponentProp: !0,
     ownerState: S
   });
-  return C ? h = /* @__PURE__ */ Q(M, { ...B }) : i || i === 0 ? h = i : x && a ? h = a[0] : h = /* @__PURE__ */ Q(P, { ...O }), /* @__PURE__ */ Q(m, {
+  return C ? h = /* @__PURE__ */ Q(P, { ...B }) : i || i === 0 ? h = i : x && a ? h = a[0] : h = /* @__PURE__ */ Q(M, { ...O }), /* @__PURE__ */ Q(m, {
     ...T,
     children: h
   });
@@ -13414,9 +13414,9 @@ var t3 = Pe("MuiAvatarGroup", ["root", "avatar"]), gl = {
 `)), /* @__PURE__ */ I.isValidElement(O))), C = A || x.length;
   C === h && (h += 1), h = Math.min(C + 1, h);
   const w = Math.min(x.length, h - 1), m = Math.max(C - h, C - w, 0), T = u ? u(m) : `+${m}`;
-  let M;
-  S.spacing && gl[S.spacing] !== void 0 ? M = gl[S.spacing] : S.spacing === 0 ? M = 0 : M = -S.spacing || gl.medium;
-  const [B, P] = Ke("surplus", {
+  let P;
+  S.spacing && gl[S.spacing] !== void 0 ? P = gl[S.spacing] : S.spacing === 0 ? P = 0 : P = -S.spacing || gl.medium;
+  const [B, M] = Ke("surplus", {
     elementType: Of,
     externalForwardedProps: {
       slots: f,
@@ -13437,11 +13437,11 @@ var t3 = Pe("MuiAvatarGroup", ["root", "avatar"]), gl = {
     ref: r,
     ...y,
     style: {
-      "--AvatarGroup-spacing": `${M}px`,
+      "--AvatarGroup-spacing": `${P}px`,
       ...y.style
     },
     children: [m ? /* @__PURE__ */ Q(B, {
-      ...P,
+      ...M,
       children: T
     }) : null, x.slice(0, w).reverse().map((O) => /* @__PURE__ */ I.cloneElement(O, {
       className: ge(O.props.className, E.avatar),
@@ -13686,10 +13686,10 @@ var Ff = /* @__PURE__ */ I.forwardRef(function(t, r) {
     else if (w === "End")
       x.preventDefault(), In(C, null, u, c, kc);
     else if (w.length === 1) {
-      const T = b.current, M = w.toLowerCase(), B = performance.now();
-      T.keys.length > 0 && (B - T.lastTime > 500 ? (T.keys = [], T.repeating = !0, T.previousKeyMatched = !0) : T.repeating && M !== T.keys[0] && (T.repeating = !1)), T.lastTime = B, T.keys.push(M);
-      const P = m && !T.repeating && Lf(m, T);
-      T.previousKeyMatched && (P || In(C, m, !1, c, ml, T)) ? x.preventDefault() : T.previousKeyMatched = !1;
+      const T = b.current, P = w.toLowerCase(), B = performance.now();
+      T.keys.length > 0 && (B - T.lastTime > 500 ? (T.keys = [], T.repeating = !0, T.previousKeyMatched = !0) : T.repeating && P !== T.keys[0] && (T.repeating = !1)), T.lastTime = B, T.keys.push(P);
+      const M = m && !T.repeating && Lf(m, T);
+      T.previousKeyMatched && (M || In(C, m, !1, c, ml, T)) ? x.preventDefault() : T.previousKeyMatched = !1;
     }
     p && p(x);
   }, h = er(A, r);
@@ -13935,19 +13935,19 @@ function ri(e) {
     }, w = () => {
       const T = b.current;
       if (T === null) return;
-      const M = Zo(x);
+      const P = Zo(x);
       if (!x.hasFocus() || !l() || c.current) {
         c.current = !1;
         return;
       }
-      if (Bc(T, M) || n && M !== u.current && M !== p.current) return;
-      if (M !== v.current) v.current = null;
+      if (Bc(T, P) || n && P !== u.current && P !== p.current) return;
+      if (P !== v.current) v.current = null;
       else if (v.current !== null) return;
       if (!A.current) return;
       let B = [];
-      if ((M === u.current || M === p.current) && (B = i(b.current)), B.length > 0) {
-        const P = !!(h.current?.shiftKey && h.current?.key === "Tab"), O = B[0], g = B[B.length - 1];
-        typeof O != "string" && typeof g != "string" && (P ? g.focus() : O.focus());
+      if ((P === u.current || P === p.current) && (B = i(b.current)), B.length > 0) {
+        const M = !!(h.current?.shiftKey && h.current?.key === "Tab"), O = B[0], g = B[B.length - 1];
+        typeof O != "string" && typeof g != "string" && (M ? g.focus() : O.focus());
       } else T.focus();
     };
     x.addEventListener("focusin", w), x.addEventListener("keydown", C, !0);
@@ -14022,14 +14022,14 @@ var E3 = {
       easing: c
     }, { mode: "enter" });
     g.style.transition = n.transitions.create("opacity", F), p && p(g, R);
-  }), T = sr(x, f), M = sr(x, y), B = sr(x, (g) => {
+  }), T = sr(x, f), P = sr(x, y), B = sr(x, (g) => {
     const R = Ya({
       style: h,
       timeout: S,
       easing: c
     }, { mode: "exit" });
     g.style.transition = n.transitions.create("opacity", R), A && A(g);
-  }), P = sr(x, (g) => {
+  }), M = sr(x, (g) => {
     g.style.transition = "", b && b(g);
   });
   return /* @__PURE__ */ Q(Vr, {
@@ -14040,8 +14040,8 @@ var E3 = {
     onEntered: T,
     onEntering: w,
     onExit: B,
-    onExited: P,
-    onExiting: M,
+    onExited: M,
+    onExiting: P,
     addEndListener: (g) => {
       i && i(x.current, g);
     },
@@ -14199,7 +14199,7 @@ function B3(e) {
   }, m = Or(() => {
     const V = R3(t) || x().body;
     Ia.add(C(), V), A.current && w();
-  }), T = () => Ia.isTopModal(C()), M = Or((V) => {
+  }), T = () => Ia.isTopModal(C()), P = Or((V) => {
     v.current = V, V && (u && T() ? w() : A.current && Qn(A.current, E));
   }), B = I.useCallback(() => {
     Ia.remove(C(), E);
@@ -14215,7 +14215,7 @@ function B3(e) {
     a,
     m
   ]);
-  const P = (V) => (L) => {
+  const M = (V) => (L) => {
     V.onKeyDown?.(L), !(L.key !== "Escape" || L.which === 229 || !T()) && (r || (L.stopPropagation(), c && c(L, "escapeKeyDown")));
   }, O = (V) => (L) => {
     V.onClick?.(L), L.target === L.currentTarget && c && c(L, "backdropClick");
@@ -14231,7 +14231,7 @@ function B3(e) {
       return {
         role: "presentation",
         ...H,
-        onKeyDown: P(H),
+        onKeyDown: M(H),
         ref: b
       };
     },
@@ -14256,7 +14256,7 @@ function B3(e) {
       };
     },
     rootRef: b,
-    portalRef: M,
+    portalRef: P,
     isTopModal: T,
     exited: y,
     hasTransition: S
@@ -14300,7 +14300,7 @@ var r9 = Pe("MuiModal", [
   const n = Ve({
     name: "MuiModal",
     props: t
-  }), { BackdropComponent: a = F3, BackdropProps: i, classes: l, className: s, closeAfterTransition: c = !1, children: u, container: p, component: f, components: v = {}, componentsProps: A = {}, disableAutoFocus: b = !1, disableEnforceFocus: y = !1, disableEscapeKeyDown: h = !1, disablePortal: S = !1, disableRestoreFocus: E = !1, disableScrollLock: x = !1, hideBackdrop: C = !1, keepMounted: w = !1, onClose: m, onTransitionEnter: T, onTransitionExited: M, open: B, slotProps: P = {}, slots: O = {}, theme: g, ...R } = n, F = {
+  }), { BackdropComponent: a = F3, BackdropProps: i, classes: l, className: s, closeAfterTransition: c = !1, children: u, container: p, component: f, components: v = {}, componentsProps: A = {}, disableAutoFocus: b = !1, disableEnforceFocus: y = !1, disableEscapeKeyDown: h = !1, disablePortal: S = !1, disableRestoreFocus: E = !1, disableScrollLock: x = !1, hideBackdrop: C = !1, keepMounted: w = !1, onClose: m, onTransitionEnter: T, onTransitionExited: P, open: B, slotProps: M = {}, slots: O = {}, theme: g, ...R } = n, F = {
     ...n,
     closeAfterTransition: c,
     disableAutoFocus: b,
@@ -14330,7 +14330,7 @@ var r9 = Pe("MuiModal", [
     },
     slotProps: {
       ...A,
-      ...P
+      ...M
     }
   }, [Y, pe] = Ke("root", {
     ref: r,
@@ -14471,7 +14471,7 @@ var N3 = (e) => {
   }, anchorPosition: s, anchorReference: c = "anchorEl", children: u, className: p, container: f, elevation: v = 8, marginThreshold: A = 16, open: b, PaperProps: y = {}, slots: h = {}, slotProps: S = {}, transformOrigin: E = {
     vertical: "top",
     horizontal: "left"
-  }, TransitionComponent: x, transitionDuration: C = "auto", TransitionProps: w = {}, disableScrollLock: m = !1, ...T } = n, M = I.useRef(), B = {
+  }, TransitionComponent: x, transitionDuration: C = "auto", TransitionProps: w = {}, disableScrollLock: m = !1, ...T } = n, P = I.useRef(), B = {
     ...n,
     anchorOrigin: l,
     anchorReference: c,
@@ -14481,10 +14481,10 @@ var N3 = (e) => {
     TransitionComponent: x,
     transitionDuration: C,
     TransitionProps: w
-  }, P = N3(B), O = I.useCallback(() => {
+  }, M = N3(B), O = I.useCallback(() => {
     if (c === "anchorPosition")
       return process.env.NODE_ENV !== "production" && (s || console.error('MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference="anchorPosition" />.')), s;
-    const oe = Ln(i), re = oe && oe.nodeType === 1 ? oe : $n(M.current).body, ie = re.getBoundingClientRect();
+    const oe = Ln(i), re = oe && oe.nodeType === 1 ? oe : $n(P.current).body, ie = re.getBoundingClientRect();
     if (process.env.NODE_ENV !== "production") {
       const D = re.getBoundingClientRect();
       Qi() && D.top === 0 && D.left === 0 && D.right === 0 && D.bottom === 0 && console.warn([
@@ -14551,7 +14551,7 @@ var N3 = (e) => {
     g,
     A
   ]), [F, V] = I.useState(b), L = I.useCallback(() => {
-    const oe = M.current;
+    const oe = P.current;
     if (!oe) return;
     const re = R(oe);
     re.top !== null && oe.style.setProperty("top", re.top), re.left !== null && (oe.style.left = re.left), oe.style.transformOrigin = re.transformOrigin, V(!0);
@@ -14628,10 +14628,10 @@ var N3 = (e) => {
       open: b
     },
     ownerState: B,
-    className: ge(P.root, p)
+    className: ge(M.root, p)
   }), [ue, ee] = Ke("paper", {
-    ref: M,
-    className: P.paper,
+    ref: P,
+    className: M.paper,
     elementType: Nf,
     externalForwardedProps: J,
     shouldForwardComponentProp: !0,
@@ -14802,9 +14802,9 @@ var n9 = Pe("MuiMenu", [
     transitionDuration: A,
     TransitionProps: y,
     variant: h
-  }, m = q3(w), T = a && !s && p, M = I.useRef(null), B = ($, J) => {
-    M.current && M.current.adjustStyleForScrollbar($, { direction: C ? "rtl" : "ltr" }), b && b($, J);
-  }, P = ($) => {
+  }, m = q3(w), T = a && !s && p, P = I.useRef(null), B = ($, J) => {
+    P.current && P.current.adjustStyleForScrollbar($, { direction: C ? "rtl" : "ltr" }), b && b($, J);
+  }, M = ($) => {
     $.key === "Tab" && ($.preventDefault(), u && u($, "tabKeyDown"));
   };
   let O = -1;
@@ -14839,7 +14839,7 @@ var n9 = Pe("MuiMenu", [
     getSlotProps: ($) => ({
       ...$,
       onKeyDown: (J) => {
-        P(J), $.onKeyDown?.(J);
+        M(J), $.onKeyDown?.(J);
       }
     }),
     ownerState: w
@@ -14875,7 +14875,7 @@ var n9 = Pe("MuiMenu", [
     ...x,
     classes: v,
     children: /* @__PURE__ */ Q(L, {
-      actions: M,
+      actions: P,
       autoFocus: a && (O === -1 || s),
       autoFocusItem: T,
       variant: h,
@@ -15013,12 +15013,12 @@ var Yo = Pe("MuiListItemText", [
     },
     ownerState: E,
     ref: r
-  }), [T, M] = Ke("primary", {
+  }), [T, P] = Ke("primary", {
     className: x.primary,
     elementType: qe,
     externalForwardedProps: C,
     ownerState: E
-  }), [B, P] = Ke("secondary", {
+  }), [B, M] = Ke("secondary", {
     className: x.secondary,
     elementType: qe,
     externalForwardedProps: C,
@@ -15026,13 +15026,13 @@ var Yo = Pe("MuiListItemText", [
   });
   return h != null && h.type !== qe && !l && (h = /* @__PURE__ */ Q(T, {
     variant: y ? "body2" : "body1",
-    component: M?.variant ? void 0 : "span",
-    ...M,
+    component: P?.variant ? void 0 : "span",
+    ...P,
     children: h
   })), S != null && S.type !== qe && !l && (S = /* @__PURE__ */ Q(B, {
     variant: "body2",
     color: "textSecondary",
-    ...P,
+    ...M,
     children: S
   })), /* @__PURE__ */ st(w, {
     ...m,
@@ -15332,7 +15332,7 @@ var ny = sd.Provider, Vc, ay = ae(Qf, {
     nativeInput: ["nativeInput"]
   }, qf, t);
 }, jf = /* @__PURE__ */ I.forwardRef(function(t, r) {
-  const { "aria-describedby": n, "aria-label": a, autoFocus: i, autoWidth: l, children: s, className: c, defaultOpen: u, defaultValue: p, disabled: f, displayEmpty: v, error: A = !1, IconComponent: b, inputRef: y, labelId: h, MenuProps: S = {}, multiple: E, name: x, onBlur: C, onChange: w, onClose: m, onFocus: T, onKeyDown: M, onMouseDown: B, onOpen: P, open: O, readOnly: g, renderValue: R, required: F, SelectDisplayProps: V = {}, tabIndex: L, type: H, value: X, variant: $ = "standard", ...J } = t, [G, N] = Xl({
+  const { "aria-describedby": n, "aria-label": a, autoFocus: i, autoWidth: l, children: s, className: c, defaultOpen: u, defaultValue: p, disabled: f, displayEmpty: v, error: A = !1, IconComponent: b, inputRef: y, labelId: h, MenuProps: S = {}, multiple: E, name: x, onBlur: C, onChange: w, onClose: m, onFocus: T, onKeyDown: P, onMouseDown: B, onOpen: M, open: O, readOnly: g, renderValue: R, required: F, SelectDisplayProps: V = {}, tabIndex: L, type: H, value: X, variant: $ = "standard", ...J } = t, [G, N] = Xl({
     controlled: X,
     default: p,
     name: "Select"
@@ -15380,7 +15380,7 @@ var ny = sd.Provider, Vc, ay = ae(Qf, {
     }
   }, [h]);
   const ke = (me, Ee) => {
-    me ? (D(ty(Ee)), P && P(Ee)) : (D(null), m && m(Ee)), ee || (re(l ? null : ve.clientWidth), ne(me));
+    me ? (D(ty(Ee)), M && M(Ee)) : (D(null), m && m(Ee)), ee || (re(l ? null : ve.clientWidth), ne(me));
   }, Re = (me) => {
     B?.(me), me.button === 0 && (me.preventDefault(), Y.current.focus(), ke(!0, me));
   }, Qe = (me) => {
@@ -15393,18 +15393,18 @@ var ny = sd.Provider, Vc, ay = ae(Qf, {
     if (Ee.currentTarget.hasAttribute("tabindex")) {
       if (E) {
         Ce = Array.isArray(G) ? G.slice() : [];
-        const Ie = G.indexOf(me.props.value);
-        Ie === -1 ? Ce.push(me.props.value) : Ce.splice(Ie, 1);
+        const we = G.indexOf(me.props.value);
+        we === -1 ? Ce.push(me.props.value) : Ce.splice(we, 1);
       } else Ce = me.props.value;
       if (me.props.onClick && me.props.onClick(Ee), G !== Ce && (N(Ce), w)) {
-        const Ie = Ee.nativeEvent || Ee, Ze = new Ie.constructor(Ie.type, Ie);
-        Object.defineProperty(Ze, "target", {
+        const we = Ee.nativeEvent || Ee, Ge = new we.constructor(we.type, we);
+        Object.defineProperty(Ge, "target", {
           writable: !0,
           value: {
             value: Ce,
             name: x
           }
-        }), w(Ze, me);
+        }), w(Ge, me);
       }
       E || ke(!1, Ee);
     }
@@ -15414,7 +15414,7 @@ var ny = sd.Provider, Vc, ay = ae(Qf, {
       "ArrowUp",
       "ArrowDown",
       "Enter"
-    ].includes(me.key) && (me.preventDefault(), ke(!0, me)), M?.(me));
+    ].includes(me.key) && (me.preventDefault(), ke(!0, me)), P?.(me));
   }, vt = (me) => {
     !de && C && (Object.defineProperty(me, "target", {
       writable: !0,
@@ -15481,7 +15481,7 @@ var ny = sd.Provider, Vc, ay = ae(Qf, {
   }, lt = sy(Be), rr = {
     ...S.PaperProps,
     ...typeof S.slotProps?.paper == "function" ? S.slotProps.paper(Be) : S.slotProps?.paper
-  }, Xe = {
+  }, Ze = {
     ...S.MenuListProps,
     ...typeof S.slotProps?.list == "function" ? S.slotProps.list(Be) : S.slotProps?.list
   }, At = la();
@@ -15558,7 +15558,7 @@ var ny = sd.Provider, Vc, ay = ae(Qf, {
             "aria-multiselectable": E ? "true" : void 0,
             disableListWrap: !0,
             id: At,
-            ...Xe
+            ...Ze
           },
           paper: {
             ...rr,
@@ -15650,12 +15650,12 @@ var zf = /* @__PURE__ */ I.forwardRef(function(t, r) {
     };
     C.style.width = w.width, C.value = x.value || t.placeholder || "x", C.value.slice(-1) === `
 ` && (C.value += " ");
-    const m = w.boxSizing, T = Ta(w.paddingBottom) + Ta(w.paddingTop), M = Ta(w.borderBottomWidth) + Ta(w.borderTopWidth), B = C.scrollHeight;
+    const m = w.boxSizing, T = Ta(w.paddingBottom) + Ta(w.paddingTop), P = Ta(w.borderBottomWidth) + Ta(w.borderTopWidth), B = C.scrollHeight;
     C.value = "x";
-    const P = C.scrollHeight;
+    const M = C.scrollHeight;
     let O = B;
-    return i && (O = Math.max(Number(i) * P, O)), a && (O = Math.min(Number(a) * P, O)), O = Math.max(O, P), {
-      outerHeightStyle: O + (m === "border-box" ? T + M : 0),
+    return i && (O = Math.max(Number(i) * M, O)), a && (O = Math.min(Number(a) * M, O)), O = Math.max(O, M), {
+      outerHeightStyle: O + (m === "border-box" ? T + P : 0),
       overflowing: Math.abs(O - B) <= 1
     };
   }, [
@@ -15923,7 +15923,7 @@ var Jt = Pe("MuiInputBase", [
   const n = Ve({
     props: t,
     name: "MuiInputBase"
-  }), { "aria-describedby": a, autoComplete: i, autoFocus: l, className: s, color: c, components: u = {}, componentsProps: p = {}, defaultValue: f, disabled: v, disableInjectingGlobalStyles: A, endAdornment: b, error: y, fullWidth: h = !1, id: S, inputComponent: E = "input", inputProps: x = {}, inputRef: C, margin: w, maxRows: m, minRows: T, multiline: M = !1, name: B, onBlur: P, onChange: O, onClick: g, onFocus: R, onKeyDown: F, onKeyUp: V, placeholder: L, readOnly: H, renderSuffix: X, rows: $, size: J, slotProps: G = {}, slots: N = {}, startAdornment: U, type: ne = "text", value: Z, ...Y } = n, pe = x.value != null ? x.value : Z, { current: ue } = I.useRef(pe != null), ee = I.useRef(), oe = I.useCallback((fe) => {
+  }), { "aria-describedby": a, autoComplete: i, autoFocus: l, className: s, color: c, components: u = {}, componentsProps: p = {}, defaultValue: f, disabled: v, disableInjectingGlobalStyles: A, endAdornment: b, error: y, fullWidth: h = !1, id: S, inputComponent: E = "input", inputProps: x = {}, inputRef: C, margin: w, maxRows: m, minRows: T, multiline: P = !1, name: B, onBlur: M, onChange: O, onClick: g, onFocus: R, onKeyDown: F, onKeyUp: V, placeholder: L, readOnly: H, renderSuffix: X, rows: $, size: J, slotProps: G = {}, slots: N = {}, startAdornment: U, type: ne = "text", value: Z, ...Y } = n, pe = x.value != null ? x.value : Z, { current: ue } = I.useRef(pe != null), ee = I.useRef(), oe = I.useCallback((fe) => {
     process.env.NODE_ENV !== "production" && fe && fe.nodeName !== "INPUT" && !fe.focus && console.error([
       "MUI: You have provided a `inputComponent` to the input component",
       "that does not correctly handle the `ref` prop.",
@@ -15948,12 +15948,12 @@ var Jt = Pe("MuiInputBase", [
     ]
   });
   se.focused = j ? j.focused : ie, I.useEffect(() => {
-    !j && v && ie && (D(!1), P && P());
+    !j && v && ie && (D(!1), M && M());
   }, [
     j,
     v,
     ie,
-    P
+    M
   ]);
   const ve = j && j.onFilled, de = j && j.onEmpty, ke = I.useCallback((fe) => {
     ni(fe) ? ve && ve() : de && de();
@@ -15974,7 +15974,7 @@ var Jt = Pe("MuiInputBase", [
   const Re = (fe) => {
     R && R(fe), x.onFocus && x.onFocus(fe), j && j.onFocus ? j.onFocus(fe) : D(!0);
   }, Qe = (fe) => {
-    P && P(fe), x.onBlur && x.onBlur(fe), j && j.onBlur ? j.onBlur(fe) : D(!1);
+    M && M(fe), x.onBlur && x.onBlur(fe), j && j.onBlur ? j.onBlur(fe) : D(!1);
   }, We = (fe, ...Fe) => {
     if (!ue) {
       const Je = fe.target || ee.current;
@@ -15990,7 +15990,7 @@ var Jt = Pe("MuiInputBase", [
     ee.current && fe.currentTarget === fe.target && ee.current.focus(), g && g(fe);
   };
   let ct = E, ye = x;
-  M && ct === "input" && ($ ? (process.env.NODE_ENV !== "production" && (T || m) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), ye = {
+  P && ct === "input" && ($ ? (process.env.NODE_ENV !== "production" && (T || m) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), ye = {
     type: void 0,
     minRows: $,
     maxRows: $,
@@ -16017,7 +16017,7 @@ var Jt = Pe("MuiInputBase", [
     formControl: j,
     fullWidth: h,
     hiddenLabel: se.hiddenLabel,
-    multiline: M,
+    multiline: P,
     size: se.size,
     startAdornment: U,
     type: ne
@@ -16937,11 +16937,11 @@ var ky = (e) => {
   const n = Ve({
     name: "MuiSelect",
     props: t
-  }), { autoWidth: a = !1, children: i, classes: l = {}, className: s, defaultOpen: c = !1, displayEmpty: u = !1, IconComponent: p = Kf, id: f, input: v, inputProps: A, label: b, labelId: y, MenuProps: h, multiple: S = !1, native: E = !1, onClose: x, onOpen: C, open: w, renderValue: m, SelectDisplayProps: T, variant: M = "outlined", ...B } = n, P = E ? Wf : jf, O = bn({
+  }), { autoWidth: a = !1, children: i, classes: l = {}, className: s, defaultOpen: c = !1, displayEmpty: u = !1, IconComponent: p = Kf, id: f, input: v, inputProps: A, label: b, labelId: y, MenuProps: h, multiple: S = !1, native: E = !1, onClose: x, onOpen: C, open: w, renderValue: m, SelectDisplayProps: T, variant: P = "outlined", ...B } = n, M = E ? Wf : jf, O = bn({
     props: n,
     muiFormControl: Fo(),
     states: ["variant", "error"]
-  }), g = O.variant || M, R = {
+  }), g = O.variant || P, R = {
     ...n,
     variant: g,
     classes: l
@@ -16954,7 +16954,7 @@ var ky = (e) => {
     filled: /* @__PURE__ */ Q(By, { ownerState: R })
   }[g], X = er(r, vn(H));
   return /* @__PURE__ */ Q(I.Fragment, { children: /* @__PURE__ */ I.cloneElement(H, {
-    inputComponent: P,
+    inputComponent: M,
     inputProps: {
       children: i,
       error: O.error,
@@ -17352,7 +17352,7 @@ var Ny = ae(nd, {
   }), a = gn(), i = {
     enter: a.transitions.duration.enteringScreen,
     exit: a.transitions.duration.leavingScreen
-  }, { "aria-describedby": l, "aria-labelledby": s, "aria-modal": c = !0, BackdropComponent: u, BackdropProps: p, children: f, className: v, disableEscapeKeyDown: A = !1, fullScreen: b = !1, fullWidth: y = !1, maxWidth: h = "sm", onClick: S, onClose: E, open: x, PaperComponent: C = Qr, PaperProps: w = {}, role: m = "dialog", scroll: T = "paper", slots: M = {}, slotProps: B = {}, TransitionComponent: P = oi, transitionDuration: O = i, TransitionProps: g, ...R } = n, F = {
+  }, { "aria-describedby": l, "aria-labelledby": s, "aria-modal": c = !0, BackdropComponent: u, BackdropProps: p, children: f, className: v, disableEscapeKeyDown: A = !1, fullScreen: b = !1, fullWidth: y = !1, maxWidth: h = "sm", onClick: S, onClose: E, open: x, PaperComponent: C = Qr, PaperProps: w = {}, role: m = "dialog", scroll: T = "paper", slots: P = {}, slotProps: B = {}, TransitionComponent: M = oi, transitionDuration: O = i, TransitionProps: g, ...R } = n, F = {
     ...n,
     disableEscapeKeyDown: A,
     fullScreen: b,
@@ -17365,8 +17365,8 @@ var Ny = ae(nd, {
     S && S(ie), L.current && (L.current = null, E && E(ie, "backdropClick"));
   }, $ = la(s), J = I.useMemo(() => ({ titleId: $ }), [$]), G = {
     slots: {
-      transition: P,
-      ...M
+      transition: M,
+      ...P
     },
     slotProps: {
       transition: g,
@@ -17699,7 +17699,7 @@ function Hc(e, t, r, n) {
   return typeof a == "string" ? a : "";
 }
 function a6(e) {
-  const { unstable_isActiveElementInListbox: t = o6, unstable_classNamePrefix: r = "Mui", autoComplete: n = !1, autoHighlight: a = !1, autoSelect: i = !1, blurOnSelect: l = !1, clearOnBlur: s = !e.freeSolo, clearOnEscape: c = !1, componentName: u = "useAutocomplete", defaultValue: p = e.multiple ? n6 : null, disableClearable: f = !1, disableCloseOnSelect: v = !1, disabled: A, disabledItemsFocusable: b = !1, disableListWrap: y = !1, filterOptions: h = t6, filterSelectedOptions: S = !1, freeSolo: E = !1, getOptionDisabled: x, getOptionKey: C, getOptionLabel: w = (q) => q.label ?? q, groupBy: m, handleHomeEndKeys: T = !e.freeSolo, id: M, includeInputInList: B = !1, inputValue: P, isOptionEqualToValue: O = zc, multiple: g = !1, onChange: R, onClose: F, onHighlightChange: V, onInputChange: L, onOpen: H, open: X, openOnFocus: $ = !1, options: J, readOnly: G = !1, renderValue: N, selectOnFocus: U = !e.freeSolo, value: ne } = e, Z = la(M);
+  const { unstable_isActiveElementInListbox: t = o6, unstable_classNamePrefix: r = "Mui", autoComplete: n = !1, autoHighlight: a = !1, autoSelect: i = !1, blurOnSelect: l = !1, clearOnBlur: s = !e.freeSolo, clearOnEscape: c = !1, componentName: u = "useAutocomplete", defaultValue: p = e.multiple ? n6 : null, disableClearable: f = !1, disableCloseOnSelect: v = !1, disabled: A, disabledItemsFocusable: b = !1, disableListWrap: y = !1, filterOptions: h = t6, filterSelectedOptions: S = !1, freeSolo: E = !1, getOptionDisabled: x, getOptionKey: C, getOptionLabel: w = (q) => q.label ?? q, groupBy: m, handleHomeEndKeys: T = !e.freeSolo, id: P, includeInputInList: B = !1, inputValue: M, isOptionEqualToValue: O = zc, multiple: g = !1, onChange: R, onClose: F, onHighlightChange: V, onInputChange: L, onOpen: H, open: X, openOnFocus: $ = !1, options: J, readOnly: G = !1, renderValue: N, selectOnFocus: U = !e.freeSolo, value: ne } = e, Z = la(P);
   let Y = w;
   Y = (q) => {
     const K = w(q);
@@ -17717,7 +17717,7 @@ function a6(e) {
     default: p,
     name: u
   }), [ye, vt] = Da({
-    controlled: P,
+    controlled: M,
     default: We,
     name: u,
     state: "inputValue"
@@ -17743,11 +17743,11 @@ function a6(e) {
     O,
     Be,
     lt
-  ]), Xe = De ? h(J.filter((q) => !(S && rr(q))), {
+  ]), Ze = De ? h(J.filter((q) => !(S && rr(q))), {
     inputValue: Je && fe ? "" : ye,
     getOptionLabel: Y
   }) : [], At = _y({
-    filteredOptions: Xe,
+    filteredOptions: Ze,
     value: _,
     inputValue: ye
   });
@@ -17761,7 +17761,7 @@ function a6(e) {
     At.value,
     E
   ]);
-  const me = Ae && Xe.length > 0 && !G, Ee = Or((q) => {
+  const me = Ae && Ze.length > 0 && !G, Ee = Or((q) => {
     if (q === -1) ee.current.focus();
     else {
       const K = N ? "data-item-index" : "data-tag-index";
@@ -17777,15 +17777,15 @@ function a6(e) {
     Ee
   ]);
   function Ce(q, K) {
-    if (!oe.current || q < 0 || q >= Xe.length) return -1;
+    if (!oe.current || q < 0 || q >= Ze.length) return -1;
     let ce = q;
     for (; ; ) {
       const Me = oe.current.querySelector(`[data-option-index="${ce}"]`), ze = b ? !1 : !Me || Me.disabled || Me.getAttribute("aria-disabled") === "true";
       if (Me && Me.hasAttribute("tabindex") && !ze) return ce;
-      if (K === "next" ? ce = (ce + 1) % Xe.length : ce = (ce - 1 + Xe.length) % Xe.length, ce === q) return -1;
+      if (K === "next" ? ce = (ce + 1) % Ze.length : ce = (ce - 1 + Ze.length) % Ze.length, ce === q) return -1;
     }
   }
-  const Ie = Or(({ index: q, reason: K, preserveScroll: ce = !1 }) => {
+  const we = Or(({ index: q, reason: K, preserveScroll: ce = !1 }) => {
     if (q === -1 ? ee.current.removeAttribute("aria-activedescendant") : ee.current.setAttribute("aria-activedescendant", `${Z}-option-${q}`), !oe.current) return;
     const Me = oe.current.querySelector(`[role="option"].${r}-focused`);
     Me && (Me.classList.remove(`${r}-focused`), Me.classList.remove(`${r}-focusVisible`));
@@ -17800,18 +17800,18 @@ function a6(e) {
       const pt = bt, St = ze.clientHeight + ze.scrollTop, fr = pt.offsetTop + pt.offsetHeight;
       fr > St ? ze.scrollTop = fr - ze.clientHeight : pt.offsetTop - pt.offsetHeight * (m ? 1.3 : 0) < ze.scrollTop && (ze.scrollTop = pt.offsetTop - pt.offsetHeight * (m ? 1.3 : 0));
     }
-  }), Ze = Or(({ event: q, index: K, reason: ce, preserveScroll: Me = !1 }) => {
+  }), Ge = Or(({ event: q, index: K, reason: ce, preserveScroll: Me = !1 }) => {
     de.current = K, ke.current = ce ?? null, V && [
       "mouse",
       "keyboard",
       "touch"
-    ].includes(ce) && V(q, K === -1 ? null : Xe[K], ce), Ie({
+    ].includes(ce) && V(q, K === -1 ? null : Ze[K], ce), we({
       index: K,
       reason: ce,
       preserveScroll: Me
     });
   }), nt = Or(({ index: q }) => {
-    de.current = q, Ie({
+    de.current = q, we({
       index: q,
       reason: ke.current
     });
@@ -17819,36 +17819,36 @@ function a6(e) {
     if (!De) return;
     Me === "keyboard" && (Re.current = !1, Qe.current = !1);
     const pt = Ce((() => {
-      const St = Xe.length - 1;
+      const St = Ze.length - 1;
       if (K === "reset") return ve;
       if (K === "start") return 0;
       if (K === "end") return St;
       const fr = de.current + K;
       return fr < 0 ? fr === -1 && B ? -1 : y && de.current !== -1 || Math.abs(K) > 1 ? 0 : St : fr > St ? fr === St + 1 && B ? -1 : y || Math.abs(K) > 1 ? St : 0 : fr;
     })(), ce);
-    if (Ze({
+    if (Ge({
       index: pt,
       reason: Me,
       event: q,
       preserveScroll: ze
     }), n && K !== "reset") if (pt === -1) ee.current.value = ye;
     else {
-      const St = Y(Xe[pt]);
+      const St = Y(Ze[pt]);
       ee.current.value = St, St.toLowerCase().indexOf(ye.toLowerCase()) === 0 && ye.length > 0 && ee.current.setSelectionRange(ye.length, St.length);
     }
   }), xe = !jc({
     array1: At.filteredOptions,
-    array2: Xe,
+    array2: Ze,
     parser: Y
   }), ut = () => {
     const q = (K, ce) => (K ? Y(K) : "") === (ce ? Y(ce) : "");
     if (de.current !== -1 && !jc({
       array1: At.filteredOptions,
-      array2: Xe,
+      array2: Ze,
       parser: Y
     }) && At.inputValue === ye && (g ? _.length === At.value.length && At.value.every((K, ce) => Y(_[ce]) === Y(K)) : q(At.value, _))) {
       const K = At.filteredOptions[de.current];
-      if (K) return Xe.findIndex((ce) => Y(ce) === Y(K));
+      if (K) return Ze.findIndex((ce) => Y(ce) === Y(K));
     }
     return -1;
   }, Ur = I.useCallback(() => {
@@ -17859,35 +17859,35 @@ function a6(e) {
       return;
     }
     const K = g ? _[0] : _;
-    if (Xe.length === 0 || K == null) {
+    if (Ze.length === 0 || K == null) {
       Qt({
         diff: "reset",
-        preserveScroll: xe && At.inputValue === ye && At.filteredOptions?.length > 0 && Xe.length > At.filteredOptions.length && At.filteredOptions.every((ce, Me) => Y(ce) === Y(Xe[Me]))
+        preserveScroll: xe && At.inputValue === ye && At.filteredOptions?.length > 0 && Ze.length > At.filteredOptions.length && At.filteredOptions.every((ce, Me) => Y(ce) === Y(Ze[Me]))
       });
       return;
     }
     if (oe.current) {
       if (K != null) {
-        const ce = Xe[de.current];
+        const ce = Ze[de.current];
         if (g && ce && _.findIndex((ze) => O(ce, ze)) !== -1 && At.filteredOptions?.length > 0) {
           nt({ index: de.current });
           return;
         }
-        const Me = Xe.findIndex((ze) => O(ze, K));
-        Me === -1 ? Qt({ diff: "reset" }) : Ze({ index: Me });
+        const Me = Ze.findIndex((ze) => O(ze, K));
+        Me === -1 ? Qt({ diff: "reset" }) : Ge({ index: Me });
         return;
       }
-      if (de.current >= Xe.length - 1) {
-        Ze({ index: Xe.length - 1 });
+      if (de.current >= Ze.length - 1) {
+        Ge({ index: Ze.length - 1 });
         return;
       }
-      Ze({ index: de.current });
+      Ge({ index: de.current });
     }
   }, [
-    Xe.length,
+    Ze.length,
     g ? !1 : _,
     Qt,
-    Ze,
+    Ge,
     nt,
     De,
     ye,
@@ -18027,7 +18027,7 @@ function a6(e) {
         case "Enter": {
           const ce = !E || fe || ke.current !== null;
           if (de.current !== -1 && De && ce && !Re.current) {
-            const Me = Xe[de.current], ze = x ? x(Me) : !1;
+            const Me = Ze[de.current], ze = x ? x(Me) : !1;
             if (K.preventDefault(), ze) return;
             ro(K, Me, "selectOption"), n && ee.current.setSelectionRange(ee.current.value.length, ee.current.value.length);
           } else E && ye !== "" && Je === !1 ? (g && K.preventDefault(), ro(K, ye, "createOption", "freeSolo")) : De && Re.current && (K.preventDefault(), Wr(K, "escape"));
@@ -18063,25 +18063,25 @@ function a6(e) {
       ee.current.focus();
       return;
     }
-    ot(!1), ue.current = !0, pe.current = !1, i && de.current !== -1 && De && ke.current !== "mouse" && ke.current !== "touch" ? ro(q, Xe[de.current], "blur") : i && E && ye !== "" ? ro(q, ye, "blur", "freeSolo") : s && it(q, _, "blur"), Wr(q, "blur");
+    ot(!1), ue.current = !0, pe.current = !1, i && de.current !== -1 && De && ke.current !== "mouse" && ke.current !== "touch" ? ro(q, Ze[de.current], "blur") : i && E && ye !== "" ? ro(q, ye, "blur", "freeSolo") : s && it(q, _, "blur"), Wr(q, "blur");
   }, gd = (q) => {
     const K = q.target.value, ce = ye !== K;
     ce && (vt(K), Re.current = !1, L && L(q, K, "input")), K === "" ? !f && !g && !N && Zt(q, null, "clear") : or(q), ce && Fe(!1);
   }, yn = (q) => {
     const K = Number(q.currentTarget.getAttribute("data-option-index"));
-    de.current !== K ? Ze({
+    de.current !== K ? Ge({
       event: q,
       index: K,
       reason: "mouse"
     }) : ke.current = "mouse", Qe.current || (Re.current = !1);
   }, Ot = (q) => {
-    Re.current = !1, Ze({
+    Re.current = !1, Ge({
       event: q,
       index: Number(q.currentTarget.getAttribute("data-option-index")),
       reason: "touch"
     }), Qe.current = !0;
   }, Bt = (q) => {
-    ro(q, Xe[Number(q.currentTarget.getAttribute("data-option-index"))], "selectOption"), Qe.current = !1;
+    ro(q, Ze[Number(q.currentTarget.getAttribute("data-option-index"))], "selectOption"), Qe.current = !1;
   }, Er = (q) => (K) => {
     const ce = _.slice();
     ce.splice(q, 1), Zt(K, ce, "removeOption", { option: _[q] });
@@ -18098,11 +18098,11 @@ function a6(e) {
   };
   let Cn = E && ye.length > 0;
   Cn = Cn || (g ? _.length > 0 : _ !== null);
-  let ga = Xe;
+  let ga = Ze;
   if (m) {
     const q = /* @__PURE__ */ new Map();
     let K = !1;
-    ga = Xe.reduce((ce, Me, ze) => {
+    ga = Ze.reduce((ce, Me, ze) => {
       const bt = m(Me);
       return ce.length > 0 && ce[ce.length - 1].group === bt ? ce[ce.length - 1].options.push(Me) : (process.env.NODE_ENV !== "production" && (q.get(bt) && !K && (console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${u} returns duplicated headers.`, "You can solve the issue by sorting the options with the output of `groupBy`."), K = !0), q.set(bt, !0)), ce.push({
         key: ze,
@@ -18600,7 +18600,7 @@ var je = Pe("MuiAutocomplete", [
   const n = Ve({
     props: t,
     name: "MuiAutocomplete"
-  }), { autoComplete: a = !1, autoHighlight: i = !1, autoSelect: l = !1, blurOnSelect: s = !1, ChipProps: c, className: u, clearIcon: p = Gc || (Gc = /* @__PURE__ */ Q(d6, { fontSize: "small" })), clearOnBlur: f = !n.freeSolo, clearOnEscape: v = !1, clearText: A = "Clear", closeText: b = "Close", componentsProps: y, defaultValue: h = n.multiple ? [] : null, disableClearable: S = !1, disableCloseOnSelect: E = !1, disabled: x = !1, disabledItemsFocusable: C = !1, disableListWrap: w = !1, disablePortal: m = !1, filterOptions: T, filterSelectedOptions: M = !1, forcePopupIcon: B = "auto", freeSolo: P = !1, fullWidth: O = !1, getLimitTagsText: g = (Ye) => `+${Ye}`, getOptionDisabled: R, getOptionKey: F, getOptionLabel: V, isOptionEqualToValue: L, groupBy: H, handleHomeEndKeys: X = !n.freeSolo, id: $, includeInputInList: J = !1, inputValue: G, limitTags: N = -1, ListboxComponent: U, ListboxProps: ne, loading: Z = !1, loadingText: Y = "Loading…", multiple: pe = !1, noOptionsText: ue = "No options", onChange: ee, onClose: oe, onHighlightChange: re, onInputChange: ie, onOpen: D, open: j, openOnFocus: se = !1, openText: ve = "Open", options: de, PaperComponent: ke, PopperComponent: Re, popupIcon: Qe = Xc || (Xc = /* @__PURE__ */ Q(Kf, {})), readOnly: We = !1, renderGroup: _, renderInput: ct, renderOption: ye, renderTags: vt, renderValue: $e, selectOnFocus: ot = !n.freeSolo, size: it = "medium", slots: Ae = {}, slotProps: be = {}, value: fe, ...Fe } = n, { getRootProps: Je, getInputProps: De, getInputLabelProps: Be, getPopupIndicatorProps: lt, getClearProps: rr, getItemProps: Xe, getListboxProps: At, getOptionProps: me, value: Ee, dirty: Ce, expanded: Ie, id: Ze, popupOpen: nt, focused: Qt, focusedItem: xe, anchorEl: ut, setAnchorEl: Ur, inputValue: Zi, groupedOptions: or } = a6({
+  }), { autoComplete: a = !1, autoHighlight: i = !1, autoSelect: l = !1, blurOnSelect: s = !1, ChipProps: c, className: u, clearIcon: p = Gc || (Gc = /* @__PURE__ */ Q(d6, { fontSize: "small" })), clearOnBlur: f = !n.freeSolo, clearOnEscape: v = !1, clearText: A = "Clear", closeText: b = "Close", componentsProps: y, defaultValue: h = n.multiple ? [] : null, disableClearable: S = !1, disableCloseOnSelect: E = !1, disabled: x = !1, disabledItemsFocusable: C = !1, disableListWrap: w = !1, disablePortal: m = !1, filterOptions: T, filterSelectedOptions: P = !1, forcePopupIcon: B = "auto", freeSolo: M = !1, fullWidth: O = !1, getLimitTagsText: g = (Ye) => `+${Ye}`, getOptionDisabled: R, getOptionKey: F, getOptionLabel: V, isOptionEqualToValue: L, groupBy: H, handleHomeEndKeys: X = !n.freeSolo, id: $, includeInputInList: J = !1, inputValue: G, limitTags: N = -1, ListboxComponent: U, ListboxProps: ne, loading: Z = !1, loadingText: Y = "Loading…", multiple: pe = !1, noOptionsText: ue = "No options", onChange: ee, onClose: oe, onHighlightChange: re, onInputChange: ie, onOpen: D, open: j, openOnFocus: se = !1, openText: ve = "Open", options: de, PaperComponent: ke, PopperComponent: Re, popupIcon: Qe = Xc || (Xc = /* @__PURE__ */ Q(Kf, {})), readOnly: We = !1, renderGroup: _, renderInput: ct, renderOption: ye, renderTags: vt, renderValue: $e, selectOnFocus: ot = !n.freeSolo, size: it = "medium", slots: Ae = {}, slotProps: be = {}, value: fe, ...Fe } = n, { getRootProps: Je, getInputProps: De, getInputLabelProps: Be, getPopupIndicatorProps: lt, getClearProps: rr, getItemProps: Ze, getListboxProps: At, getOptionProps: me, value: Ee, dirty: Ce, expanded: we, id: Ge, popupOpen: nt, focused: Qt, focusedItem: xe, anchorEl: ut, setAnchorEl: Ur, inputValue: Zi, groupedOptions: or } = a6({
     ...n,
     componentName: "Autocomplete"
   }), Wr = $y();
@@ -18623,10 +18623,10 @@ var je = Pe("MuiAutocomplete", [
   Lr(() => {
     nt && !ro.current && (Zt.current = []), ro.current = nt, nt && or.length > 0 && (Zt.current = or);
   }, [nt, or]);
-  const Do = !S && !x && Ce && !We, No = (!P || B === !0) && B !== !1, { onMouseDown: Ji } = De(), { ref: Yi, ...Aa } = At(), yn = V || ((Ye) => Ye.label ?? Ye), Ot = {
+  const Do = !S && !x && Ce && !We, No = (!M || B === !0) && B !== !1, { onMouseDown: Ji } = De(), { ref: Yi, ...Aa } = At(), yn = V || ((Ye) => Ye.label ?? Ye), Ot = {
     ...n,
     disablePortal: m,
-    expanded: Ie,
+    expanded: we,
     focused: Qt,
     fullWidth: O,
     getOptionLabel: yn,
@@ -18684,7 +18684,7 @@ var je = Pe("MuiAutocomplete", [
       anchorEl: ut,
       open: nt
     }
-  }), K = vo.length > 0 || Z || !P || q.keepMounted === !0, [ce, Me] = Ke("clearIndicator", {
+  }), K = vo.length > 0 || Z || !M || q.keepMounted === !0, [ce, Me] = Ke("clearIndicator", {
     elementType: A6,
     externalForwardedProps: Er,
     ownerState: Ot,
@@ -18712,7 +18712,7 @@ var je = Pe("MuiAutocomplete", [
   const St = (Ye) => ({
     className: Bt.tag,
     disabled: x,
-    ...Xe(Ye)
+    ...Ze(Ye)
   });
   if (pe ? Ee.length > 0 && (vt ? pt = vt(Ee, St, Ot) : $e ? pt = $e(Ee, St, Ot) : pt = Ee.map((Ye, Ar) => {
     const { key: hr, ...xn } = St({ index: Ar });
@@ -18761,7 +18761,7 @@ var je = Pe("MuiAutocomplete", [
   return /* @__PURE__ */ st(I.Fragment, { children: [/* @__PURE__ */ Q($i, {
     ...ha,
     children: ct({
-      id: Ze,
+      id: Ge,
       disabled: x,
       fullWidth: n.fullWidth ?? !0,
       size: it === "small" ? "small" : void 0,
@@ -18804,7 +18804,7 @@ var je = Pe("MuiAutocomplete", [
           ownerState: Ot,
           children: Y
         }) : null,
-        vo.length === 0 && !P && !Z ? /* @__PURE__ */ Q(b6, {
+        vo.length === 0 && !M && !Z ? /* @__PURE__ */ Q(b6, {
           className: Bt.noOptions,
           ownerState: Ot,
           role: "presentation",
@@ -19347,9 +19347,9 @@ var d9 = Pe("MuiFormControl", [
     return a && I.Children.forEach(a, (H) => {
       dl(H, ["Input", "Select"]) && (ni(H.props, !0) || ni(H.props.inputProps, !0)) && (L = !0);
     }), L;
-  }), [M, B] = I.useState(!1);
-  c && M && B(!1);
-  const P = p !== void 0 && !c ? p : M;
+  }), [P, B] = I.useState(!1);
+  c && P && B(!1);
+  const M = p !== void 0 && !c ? p : P;
   let O;
   const g = I.useRef(!1);
   process.env.NODE_ENV !== "production" && (O = () => (g.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join(`
@@ -19367,7 +19367,7 @@ var d9 = Pe("MuiFormControl", [
     disabled: c,
     error: u,
     filled: m,
-    focused: P,
+    focused: M,
     fullWidth: f,
     hiddenLabel: v,
     size: y,
@@ -19388,7 +19388,7 @@ var d9 = Pe("MuiFormControl", [
     c,
     u,
     m,
-    P,
+    M,
     f,
     v,
     O,
@@ -19591,7 +19591,7 @@ var c9 = Pe("MuiTextField", ["root"]), N6 = {
   const n = Ve({
     props: t,
     name: "MuiTextField"
-  }), { autoComplete: a, autoFocus: i = !1, children: l, className: s, color: c = "primary", defaultValue: u, disabled: p = !1, error: f = !1, FormHelperTextProps: v, fullWidth: A = !1, helperText: b, id: y, InputLabelProps: h, inputProps: S, InputProps: E, inputRef: x, label: C, maxRows: w, minRows: m, multiline: T = !1, name: M, onBlur: B, onChange: P, onFocus: O, placeholder: g, required: R = !1, rows: F, select: V = !1, SelectProps: L, slots: H = {}, slotProps: X = {}, type: $, value: J, variant: G = "outlined", ...N } = n, U = {
+  }), { autoComplete: a, autoFocus: i = !1, children: l, className: s, color: c = "primary", defaultValue: u, disabled: p = !1, error: f = !1, FormHelperTextProps: v, fullWidth: A = !1, helperText: b, id: y, InputLabelProps: h, inputProps: S, InputProps: E, inputRef: x, label: C, maxRows: w, minRows: m, multiline: T = !1, name: P, onBlur: B, onChange: M, onFocus: O, placeholder: g, required: R = !1, rows: F, select: V = !1, SelectProps: L, slots: H = {}, slotProps: X = {}, type: $, value: J, variant: G = "outlined", ...N } = n, U = {
     ...n,
     autoFocus: i,
     color: c,
@@ -19662,7 +19662,7 @@ var c9 = Pe("MuiTextField", ["root"]), N6 = {
     defaultValue: u,
     fullWidth: A,
     multiline: T,
-    name: M,
+    name: P,
     rows: F,
     maxRows: w,
     minRows: m,
@@ -19671,7 +19671,7 @@ var c9 = Pe("MuiTextField", ["root"]), N6 = {
     id: Z,
     inputRef: x,
     onBlur: B,
-    onChange: P,
+    onChange: M,
     onFocus: O,
     placeholder: g,
     inputProps: Re,
@@ -19878,7 +19878,7 @@ var ka = (e) => `${e.firstName} ${e.lastName}`, U6 = ({ ref: e, value: t, onChan
   }, ...Array.isArray(r) ? r : [r]],
   children: /* @__PURE__ */ d(cr, { fontSize: "small" })
 }), nA = ({ open: e, onClose: t, onConfirm: r, onSearch: n, searchResults: a, isSearchLoading: i, isConfirmLoading: l, avatarSrcResolver: s, labels: c, slotProps: u }) => {
-  const { t: p } = kt(), [f, v] = we([]), [A, b] = we(!1), y = Ne(null), h = async () => {
+  const { t: p } = kt(), [f, v] = Ie([]), [A, b] = Ie(!1), y = Ne(null), h = async () => {
     if (!f.length || A) return;
     const S = r(f);
     if (S instanceof Promise) {
@@ -20038,7 +20038,7 @@ var ka = (e) => `${e.firstName} ${e.lastName}`, U6 = ({ ref: e, value: t, onChan
     })
   ]
 }), pd = () => {
-  const [e, t] = we(null), r = !!e;
+  const [e, t] = Ie(null), r = !!e;
   return {
     anchorMenu: e,
     closeMenu: Ue(() => {
@@ -20050,7 +20050,7 @@ var ka = (e) => `${e.firstName} ${e.lastName}`, U6 = ({ ref: e, value: t, onChan
     }, [])
   };
 }, z6 = ({ threadId: e, participants: t, onDeleteConversation: r, onAddParticipants: n, onSearchParticipants: a, searchResults: i, isSearchingParticipants: l, avatarSrcResolver: s, labels: c, formatParticipantName: u, headerAction: p, onAddParticipantDialogOpenChange: f, slotProps: v, onBack: A }) => {
-  const { t: b } = kt(), { isMenuOpen: y, anchorMenu: h, closeMenu: S, openMenu: E } = pd(), [x, C] = we(!1), w = gs(t, u), m = () => {
+  const { t: b } = kt(), { isMenuOpen: y, anchorMenu: h, closeMenu: S, openMenu: E } = pd(), [x, C] = Ie(!1), w = gs(t, u), m = () => {
     S(), r(e);
   }, T = () => {
     S(), C(!0), f?.(!0);
@@ -20060,7 +20060,7 @@ var ka = (e) => `${e.firstName} ${e.lastName}`, U6 = ({ ref: e, value: t, onChan
     alignItems: "center",
     justifyContent: "space-between",
     sx: {
-      borderBottom: ({ palette: M }) => `1px solid ${M.divider}`,
+      borderBottom: ({ palette: P }) => `1px solid ${P.divider}`,
       px: 3,
       py: 1.5
     },
@@ -20082,14 +20082,14 @@ var ka = (e) => `${e.firstName} ${e.lastName}`, U6 = ({ ref: e, value: t, onChan
         }),
         /* @__PURE__ */ d(Bf, {
           max: 3,
-          children: t?.map(({ userId: M, avatar: B, firstName: P, lastName: O }) => /* @__PURE__ */ d(to, {
+          children: t?.map(({ userId: P, avatar: B, firstName: M, lastName: O }) => /* @__PURE__ */ d(to, {
             src: s?.(B),
             sx: { backgroundColor: ({ palette: g }) => g.mode === "dark" ? "grey.500" : "grey.100" },
             children: Ai({
-              firstName: P,
+              firstName: M,
               lastName: O
             }, !0)
-          }, M))
+          }, P))
         }),
         /* @__PURE__ */ d(qe, {
           variant: "subtitle2",
@@ -20112,8 +20112,8 @@ var ka = (e) => `${e.firstName} ${e.lastName}`, U6 = ({ ref: e, value: t, onChan
             "aria-label": c?.addParticipant ?? b("addParticipant"),
             onClick: T,
             sx: {
-              "&:hover": { backgroundColor: ({ palette: M }) => M.mode === "dark" ? "grey.400" : "grey.200" },
-              backgroundColor: ({ palette: M }) => M.mode === "dark" ? "grey.500" : "grey.100",
+              "&:hover": { backgroundColor: ({ palette: P }) => P.mode === "dark" ? "grey.400" : "grey.200" },
+              backgroundColor: ({ palette: P }) => P.mode === "dark" ? "grey.500" : "grey.100",
               color: "text.primary"
             },
             children: /* @__PURE__ */ d(K6, { fontSize: "small" })
@@ -20531,7 +20531,7 @@ var fn = (e) => e.endsWith("Z") || /[+-]\d{2}:\d{2}$/.test(e) ? e : `${e}Z`, Y6
     strokeLinejoin: "round"
   })
 }), Ra = 15, tu = 40, sA = ({ onSend: e, labels: t, autoFocusKey: r, isSending: n, defaultMessage: a, startActions: i, slotProps: l, maxLength: s = 1e4, footnote: c, variant: u = "outlined" }) => {
-  const { t: p } = kt(), [f, v] = we(""), A = Ne(null), b = () => {
+  const { t: p } = kt(), [f, v] = Ie(""), A = Ne(null), b = () => {
     !f.trim() || n || (e(f.trim()), v(""));
   }, y = (E) => {
     E.key === "Enter" && !E.shiftKey && (E.preventDefault(), b());
@@ -20753,11 +20753,11 @@ var fn = (e) => e.endsWith("Z") || /[+-]\d{2}:\d{2}$/.test(e) ? e : `${e}Z`, Y6
   const r = new Date(fn(e)), n = new Date(fn(t));
   return r.getFullYear() === n.getFullYear() && r.getMonth() === n.getMonth() && r.getDate() === n.getDate();
 }, nC = ({ threadId: e, participants: t, isLoading: r, messages: n, currentUserId: a, onDeleteConversation: i, onNewConversation: l, onSendMessage: s, onAddParticipants: c, onSearchParticipants: u, searchResults: p, isSearchingParticipants: f, avatarSrcResolver: v, renderAfterBubble: A, labels: b, formatDayLabel: y, isSending: h, formatParticipantName: S, headerAction: E, defaultMessage: x, onAddParticipantDialogOpenChange: C, messageMaxLength: w, slotProps: m, onBack: T }) => {
-  const { t: M } = kt(), B = Ne(null), P = Ne(void 0), O = y ?? rC;
+  const { t: P } = kt(), B = Ne(null), M = Ne(void 0), O = y ?? rC;
   return gt(() => {
     if (!n || r) return;
-    const g = P.current !== e;
-    P.current = e, B.current?.scrollTo({
+    const g = M.current !== e;
+    M.current = e, B.current?.scrollTo({
       behavior: g ? "instant" : "smooth",
       top: B.current.scrollHeight
     });
@@ -20908,13 +20908,13 @@ var fn = (e) => e.endsWith("Z") || /[+-]\d{2}:\d{2}$/.test(e) ? e : `${e}Z`, Y6
       /* @__PURE__ */ d(qe, {
         variant: "body1",
         color: "text.secondary",
-        children: b?.createYourFirstConversation ?? M("createYourFirstConversation")
+        children: b?.createYourFirstConversation ?? P("createYourFirstConversation")
       }),
       /* @__PURE__ */ d(Cr, {
         ...m?.newConversationButton,
         variant: "contained",
         onClick: l,
-        children: b?.newConversation ?? M("newConversation")
+        children: b?.newConversation ?? P("newConversation")
       })
     ]
   });
@@ -21296,7 +21296,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
     year: "numeric"
   });
 }, bC = ({ threads: e, isLoading: t, selectedThreadId: r, onSelectThread: n, onNewConversation: a, avatarSrcResolver: i, labels: l, formatDate: s, formatParticipantName: c, onLoadMore: u, hasMore: p, slotProps: f }) => {
-  const { t: v } = kt(), [A, b] = we(""), y = s ?? vC, h = Ne(null), S = Ne(null), E = p ?? !!u;
+  const { t: v } = kt(), [A, b] = Ie(""), y = s ?? vC, h = Ne(null), S = Ne(null), E = p ?? !!u;
   gt(() => {
     const C = h.current, w = S.current;
     if (!(C && w && u && E) || t) return;
@@ -21522,16 +21522,16 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
   "audio/webm",
   "audio/mp4"
 ].find((e) => typeof MediaRecorder < "u" && MediaRecorder.isTypeSupported(e)), EC = (e) => `${String(Math.floor(e / 60)).padStart(2, "0")}:${String(e % 60).padStart(2, "0")}`, wC = ({ onRecorded: e, onError: t, labels: r, isProcessing: n = !1, disabled: a = !1, isHighlighted: i = !1, startLabel: l, autoSubmitOnSilence: s = !1, maxDurationMs: c = 12e4, silenceTimeoutMs: u = 2500 }) => {
-  const { t: p } = kt(), [f, v] = we(!1), [A, b] = we(0), [y, h] = we(() => Array(au).fill(0)), S = Ne(null), E = Ne(null), x = Ne([]), C = Ne(!1), w = Ne(null), m = Ne(null), T = () => {
+  const { t: p } = kt(), [f, v] = Ie(!1), [A, b] = Ie(0), [y, h] = Ie(() => Array(au).fill(0)), S = Ne(null), E = Ne(null), x = Ne([]), C = Ne(!1), w = Ne(null), m = Ne(null), T = () => {
     m.current !== null && (cancelAnimationFrame(m.current), m.current = null), w.current?.close().catch(() => {
     }), w.current = null;
-  }, M = () => {
+  }, P = () => {
     T(), E.current?.getTracks().forEach((g) => {
       g.stop();
     }), E.current = null, S.current = null, v(!1);
   }, B = (g) => {
     C.current = g, S.current?.stop();
-  }, P = (g) => {
+  }, M = (g) => {
     const R = window.AudioContext ?? window.webkitAudioContext;
     if (!R) return;
     const F = s && !!u, V = new R(), L = V.createAnalyser();
@@ -21560,10 +21560,10 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
         V.data.size && x.current.push(V.data);
       }, F.onstop = () => {
         const V = x.current;
-        x.current = [], !C.current && V.length && e(new Blob(V, { type: F.mimeType || "audio/webm" })), M();
-      }, E.current = g, S.current = F, F.start(), P(g), b(0), h(Array(au).fill(0)), v(!0);
+        x.current = [], !C.current && V.length && e(new Blob(V, { type: F.mimeType || "audio/webm" })), P();
+      }, E.current = g, S.current = F, F.start(), M(g), b(0), h(Array(au).fill(0)), v(!0);
     } catch (g) {
-      t?.(g), M();
+      t?.(g), P();
     }
   };
   if (gt(() => {
@@ -21732,7 +21732,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
   }
   return r ? MC : t ? RC : i || a || void 0;
 }, bs = ({ children: e, open: t, onClose: r, src: n, ...a }) => {
-  const [i, l] = we(!1), s = () => {
+  const [i, l] = Ie(!1), s = () => {
     l(!0);
   }, c = (u, p) => (u && (r?.(u, p), l(!1)), (f) => {
     r?.(f, p), l(!1);
@@ -21840,7 +21840,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
     return !1;
   }
 }, li = ({ src: e, srcThumb: t, fileName: r, children: n, sx: a, disableLightbox: i, disableThumb: l, open: s, onClose: c, onClickThumb: u, variant: p, iconOnly: f = !1, height: v = 152, width: A = 220 }) => {
-  const [b, y] = we(!1), [h, S] = we(!1), [E, x] = we(!0), C = uA() === cA.Firefox, w = e?.toLowerCase(), m = !(w?.endsWith(".pdf") || w?.startsWith("blob:") || w?.endsWith(".eml")), T = w?.endsWith(".pdf"), M = l ? !0 : !E, B = ys(e) || ys(t), P = T && C, O = i ? 1 : 0.8, g = (m || T) && !B && M && !h && !i && e && !P, R = e?.split(".").pop()?.toLowerCase() || "", F = r || e?.split("/").pop()?.split("?")[0] || "", V = PC(f, h, B, R, e || "", t || ""), L = () => {
+  const [b, y] = Ie(!1), [h, S] = Ie(!1), [E, x] = Ie(!0), C = uA() === cA.Firefox, w = e?.toLowerCase(), m = !(w?.endsWith(".pdf") || w?.startsWith("blob:") || w?.endsWith(".eml")), T = w?.endsWith(".pdf"), P = l ? !0 : !E, B = ys(e) || ys(t), M = T && C, O = i ? 1 : 0.8, g = (m || T) && !B && P && !h && !i && e && !M, R = e?.split(".").pop()?.toLowerCase() || "", F = r || e?.split("/").pop()?.split("?")[0] || "", V = PC(f, h, B, R, e || "", t || ""), L = () => {
     y((G) => !G);
   }, H = () => {
     y(!1), c?.();
@@ -21858,7 +21858,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
         width: A,
         height: v,
         onClick: () => {
-          (P || B) && e && TC(e, F), u?.(), L();
+          (M || B) && e && TC(e, F), u?.(), L();
         },
         sx: {
           ":hover": { opacity: O },
@@ -22075,7 +22075,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
       flex: 1,
       children: f
     }), v]
-  }), M = /* @__PURE__ */ d(ua, {
+  }), P = /* @__PURE__ */ d(ua, {
     label: c,
     variant: "rounded",
     color: "default",
@@ -22118,7 +22118,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
                 sx: w,
                 children: i
               })
-            }), M]
+            }), P]
           }),
           l && xl(l, 0)
         ]
@@ -22127,7 +22127,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
       spacing: 0.5,
       children: [s?.map((g, R) => xl(g, R)), T]
     })] })] });
-  }, P = () => {
+  }, M = () => {
     const O = s?.map((g, R) => xl(g, R));
     return h ? /* @__PURE__ */ d(te, {
       direction: "row",
@@ -22153,7 +22153,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
               textOverflow: "ellipsis",
               children: h
             })
-          }), M]
+          }), P]
         }), /* @__PURE__ */ k(te, {
           direction: "row",
           spacing: 1,
@@ -22217,7 +22217,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
                   children: i
                 })
               })
-            }), M]
+            }), P]
           }),
           O,
           T
@@ -22247,7 +22247,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
         p: 1.5,
         textDecoration: "none"
       },
-      children: a === "secondary" ? P() : B()
+      children: a === "secondary" ? M() : B()
     })
   });
 }), AA = {
@@ -22282,20 +22282,20 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
     } : void 0
   });
 }, Sl = 165, su = 3, NC = fi(({ name: e, label: t, count: r, items: n, isFetching: a, isLoading: i, gutterSize: l, itemPerPage: s, listWidth: c, disableCount: u, loadMoreItems: p, activeItemId: f, onClickItem: v, onInView: A, chipColumVariant: b, chipColumDot: y, chipStatus: h, headerColumnChip: S, variant: E }) => {
-  const x = Ne([]), C = Ne(-1), w = Ne(null), m = Ne(null), T = t1(w), M = r !== void 0 && n.length < r, B = Zu({
-    count: M || a ? n.length + su : n.length,
+  const x = Ne([]), C = Ne(-1), w = Ne(null), m = Ne(null), T = t1(w), P = r !== void 0 && n.length < r, B = Zu({
+    count: P || a ? n.length + su : n.length,
     estimateSize: () => Sl + l,
     getScrollElement: () => m.current,
     overscan: 5
-  }), P = u ? void 0 : r ?? n.length, O = (() => {
+  }), M = u ? void 0 : r ?? n.length, O = (() => {
     const g = S ?? AA, { color: R } = h && g[h] || g[e] || { color: "default" };
     return !R || R === "default" ? "text.secondary" : `${R}.dark`;
   })();
   return gt(() => {
     const [g] = [...B.getVirtualItems()].reverse();
-    !g || i || a || g.index >= n.length - 1 && M && C.current !== n.length && (C.current = n.length, p?.(n.length, n.length + (s || 0), e));
+    !g || i || a || g.index >= n.length - 1 && P && C.current !== n.length && (C.current = n.length, p?.(n.length, n.length + (s || 0), e));
   }, [
-    M,
+    P,
     a,
     i,
     n.length,
@@ -22351,13 +22351,13 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
               headerColumnChip: S,
               sx: { ".MuiChip-label": { fontWeight: 500 } }
             }),
-            !!P && /* @__PURE__ */ d(he, {
+            !!M && /* @__PURE__ */ d(he, {
               sx: {
                 color: O,
                 fontWeight: 500
               },
               variant: "body2",
-              children: P
+              children: M
             }),
             a && /* @__PURE__ */ d(ci, {
               size: 16,
@@ -22480,16 +22480,16 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
         willChange: "scroll-position"
       },
       children: e.map((m, T) => {
-        const { name: M, label: B, count: P, items: O, isFetching: g, isLoading: R } = m, F = `${M}-${T}`;
+        const { name: P, label: B, count: M, items: O, isFetching: g, isLoading: R } = m, F = `${P}-${T}`;
         return /* @__PURE__ */ d(NC, {
           listWidth: A,
           disableCount: r,
           loadMoreItems: b,
           activeItemId: c,
           onClickItem: t,
-          name: M,
+          name: P,
           label: B,
-          count: P,
+          count: M,
           items: O,
           isLoading: R,
           isFetching: g,
@@ -22523,7 +22523,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
     padding: 0.5
   }
 }, QC = (e) => typeof e == "string", UC = ({ Avatar: e, id: t, title: r, subtitle: n, image: a, thumbnail: i, thumbnailSecondary: l, icon: s, chipLabel: c, chipColor: u, secondaryAction: p, persistentSecondaryAction: f, alwaysDisplaySecondaryAction: v, divider: A, sx: b, onClick: y, index: h, listAlwaysDisplaySecondaryAction: S, listItemBaseSx: E, disableLightbox: x, isFirefox: C, openElement: w, setOpenElement: m }) => {
-  const T = `key-${h}-${r}-${t}`, M = !!a?.toLowerCase()?.endsWith(".pdf"), B = du(a), P = du(i), O = ys(a), g = y ? "none" : void 0, R = x || !!s || !B || O, F = !!y || !!(!(y || x) && a), V = w === T, L = (P ? i : "") || (B ? a : "") || "", H = !!f, X = f && p ? /* @__PURE__ */ k(te, {
+  const T = `key-${h}-${r}-${t}`, P = !!a?.toLowerCase()?.endsWith(".pdf"), B = du(a), M = du(i), O = ys(a), g = y ? "none" : void 0, R = x || !!s || !B || O, F = !!y || !!(!(y || x) && a), V = w === T, L = (M ? i : "") || (B ? a : "") || "", H = !!f, X = f && p ? /* @__PURE__ */ k(te, {
     direction: "row",
     alignItems: "center",
     children: [/* @__PURE__ */ d(W, {
@@ -22548,7 +22548,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
         ...i && { thumbnail: i },
         ...r && { thumbnail: i },
         isFile: O,
-        isPdf: M
+        isPdf: P
       }), F && !V && !y && m(T);
     },
     sx: {
@@ -22578,7 +22578,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
         marginRight: Wn,
         children: e
       }),
-      !e && M && /* @__PURE__ */ d(li, {
+      !e && P && /* @__PURE__ */ d(li, {
         iconOnly: C,
         src: a,
         srcThumb: i,
@@ -22592,7 +22592,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
         open: V,
         onClose: () => m("")
       }),
-      !(e || M) && /* @__PURE__ */ d(li, {
+      !(e || P) && /* @__PURE__ */ d(li, {
         disableThumb: !0,
         src: a,
         srcThumb: i,
@@ -22639,7 +22639,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
     ]
   }, T);
 }, h9 = ({ Empty: e, action: t, items: r, fullWidth: n, sx: a, alwaysDisplaySecondaryAction: i, isLoading: l, disableLightbox: s, numberLoadingItems: c = 3, density: u = "standard", ...p }) => {
-  const [f, v] = we(""), A = uA() === cA.Firefox, b = {
+  const [f, v] = Ie(""), A = uA() === cA.Firefox, b = {
     ...El.listItem,
     ...u === "comfortable" && {
       "&:last-of-type": { marginBottom: 0 },
@@ -22796,13 +22796,13 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
     getTextColor: t
   };
 }, e4 = ({ brand: e = "tracktor", colorShape: t, shapeBackgroundColor: r, color: n, height: a, width: i, withoutText: l, mode: s, sx: c, variant: u = "default", component: p = "img" }, f) => {
-  const [v, A] = we(""), { palette: b } = Ft(), { getTextColor: y, getImageModule: h, getSize: S, getShapeColor: E, getShapeBackgroundColor: x } = _C(), { height: C, width: w } = S({
+  const [v, A] = Ie(""), { palette: b } = Ft(), { getTextColor: y, getImageModule: h, getSize: S, getShapeColor: E, getShapeBackgroundColor: x } = _C(), { height: C, width: w } = S({
     brand: e,
     height: a,
     variant: u,
     width: i,
     withoutText: l
-  }), m = y(n), T = E(t), M = x(r);
+  }), m = y(n), T = E(t), P = x(r);
   if (gt(() => {
     p !== "svg" && (async () => {
       const B = await h(e, u, s || b.mode, l);
@@ -22837,13 +22837,13 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
     }
   });
   if (e === "soren") {
-    const B = t || (l ? b.secondary.main : m), P = l ? is : x2;
+    const B = t || (l ? b.secondary.main : m), M = l ? is : x2;
     return /* @__PURE__ */ d(W, {
       component: "svg",
       ref: f,
       role: "img",
       "aria-label": "Soren",
-      viewBox: `0 0 ${P.width} ${P.height}`,
+      viewBox: `0 0 ${M.width} ${M.height}`,
       sx: {
         height: C,
         width: w,
@@ -22993,7 +22993,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
     children: [
       /* @__PURE__ */ d("path", {
         d: "M0 3C0 1.34315 1.34315 0 3 0H21C22.6569 0 24 1.34315 24 3V21C24 22.6569 22.6569 24 21 24H3C1.34315 24 0 22.6569 0 21V3Z",
-        fill: M
+        fill: P
       }),
       /* @__PURE__ */ k("g", {
         clipPath: "url(#clip0_14141_226706)",
@@ -23083,7 +23083,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
     children: [
       /* @__PURE__ */ d("path", {
         d: "M0 3C0 1.34315 1.34315 0 3 0H21C22.6569 0 24 1.34315 24 3V21C24 22.6569 22.6569 24 21 24H3C1.34315 24 0 22.6569 0 21V3Z",
-        fill: M
+        fill: P
       }),
       /* @__PURE__ */ k("g", {
         clipPath: "url(#clip0_14141_226601)",
@@ -23223,7 +23223,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
   ...e,
   children: [/* @__PURE__ */ d("path", { d: "M5.7 6.71c-.39.39-.39 1.02 0 1.41L9.58 12 5.7 15.88c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41L7.12 6.71c-.39-.39-1.03-.39-1.42 0" }), /* @__PURE__ */ d("path", { d: "M12.29 6.71c-.39.39-.39 1.02 0 1.41L16.17 12l-3.88 3.88c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41L13.7 6.7c-.38-.38-1.02-.38-1.41.01" })]
 }), n4 = ({ onCommit: e, disabled: t }) => {
-  const [r, n] = we(0), [a, i] = we(!1), l = Ne(0), s = Ue((p) => {
+  const [r, n] = Ie(0), [a, i] = Ie(!1), l = Ne(0), s = Ue((p) => {
     t || (p.stopPropagation(), p.preventDefault(), l.current = p.clientX, i(!0), p.currentTarget.setPointerCapture(p.pointerId));
   }, [t]), c = Ue((p) => {
     a && n(p.clientX - l.current);
@@ -23361,12 +23361,12 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
       return;
     }
     i?.(e);
-  }, E = Math.max(Il, v + b), x = e.statusColor ?? "default", C = x === "default", w = C ? u.grey[600] : u[x].dark, m = C ? u.getContrastText(u.grey[600]) : u[x].contrastText, T = e.overdue && e.plannedEnd ? t.dateToX(e.plannedEnd) - f : null, M = /* @__PURE__ */ new Set();
+  }, E = Math.max(Il, v + b), x = e.statusColor ?? "default", C = x === "default", w = C ? u.grey[600] : u[x].dark, m = C ? u.getContrastText(u.grey[600]) : u[x].contrastText, T = e.overdue && e.plannedEnd ? t.dateToX(e.plannedEnd) - f : null, P = /* @__PURE__ */ new Set();
   e.incidents?.forEach((O) => {
     const g = a4(O.incidentDate);
-    Number.isNaN(g.getTime()) || M.add(si(g).getTime());
+    Number.isNaN(g.getTime()) || P.add(si(g).getTime());
   });
-  const B = Math.max(t.pxPerDay, 6), P = [...M].map((O) => {
+  const B = Math.max(t.pxPerDay, 6), M = [...P].map((O) => {
     const g = Math.max(0, t.dateToX(O) - f);
     return {
       left: g,
@@ -23415,7 +23415,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
           top: 0,
           zIndex: 1
         } }),
-        P.map((O) => /* @__PURE__ */ d(W, { sx: {
+        M.map((O) => /* @__PURE__ */ d(W, { sx: {
           backgroundImage: `repeating-linear-gradient(135deg, ${u.error.main}, ${u.error.main} 4px, ${u.error.dark} 4px, ${u.error.dark} 8px)`,
           bottom: 0,
           left: O.left,
@@ -23539,7 +23539,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
     return null;
   }
 }, b9 = ({ groups: e, resources: t, tasks: r, isLoading: n, onTaskClick: a, onResourceClick: i, onGroupClick: l, onBarResize: s, renderGroup: c, renderResource: u, renderBar: p, renderTooltip: f, isTaskSelected: v, recenterKey: A, toolbarActions: b, toolbarLeadingActions: y, sidebarTitle: h, locale: S, labels: E, localStorageKeys: x, defaultViewMode: C = "day", sidebarWidth: w = 300, rowHeight: m = 36 }) => {
-  const T = x?.viewMode ?? b4.viewMode, [M, B] = we(() => y4(T) ?? C), [P, O] = we(() => /* @__PURE__ */ new Date()), { breakpoints: g, palette: R, shape: F, typography: V } = Ft(), L = uo(g.down("sm"), { noSsr: !0 }), H = L ? Math.min(w, v4) : w, [X, $] = we(L), { t: J } = kt(), G = Ne(!1), N = Ne(M), U = Ne(A), ne = Ne(null), Z = Ne(null), Y = Ne({
+  const T = x?.viewMode ?? b4.viewMode, [P, B] = Ie(() => y4(T) ?? C), [M, O] = Ie(() => /* @__PURE__ */ new Date()), { breakpoints: g, palette: R, shape: F, typography: V } = Ft(), L = uo(g.down("sm"), { noSsr: !0 }), H = L ? Math.min(w, v4) : w, [X, $] = Ie(L), { t: J } = kt(), G = Ne(!1), N = Ne(P), U = Ne(A), ne = Ne(null), Z = Ne(null), Y = Ne({
     delta: 0,
     lastEventAt: 0,
     used: !1
@@ -23577,9 +23577,9 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
     pe,
     ue,
     ee
-  ]), D = mr(() => p4(ee, M, S), [
+  ]), D = mr(() => p4(ee, P, S), [
     ee,
-    M,
+    P,
     S
   ]), j = X ? 0 : H, se = Zu({
     count: ie.length,
@@ -23598,7 +23598,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
     const Ae = /* @__PURE__ */ new Date();
     O(Ae), ve(Ae);
   }, Re = (Ae) => {
-    const be = l4(P, Ae === "prev" ? -1 : 1, M);
+    const be = l4(M, Ae === "prev" ? -1 : 1, P);
     O(be), ve(be);
   }, Qe = Ue((Ae) => i?.(Ae), [i]), We = Ue((Ae) => l?.(Ae), [l]), _ = Ue((Ae, be) => c ? c(Ae, be) : /* @__PURE__ */ k(te, {
     alignItems: "center",
@@ -23668,20 +23668,20 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
   }) : null, [p, V.fontWeightMedium]);
   if (gt(() => {
     if (!ne.current || D.width === 0) return;
-    const Ae = N.current !== M, be = U.current !== A;
+    const Ae = N.current !== P, be = U.current !== A;
     if (G.current && !Ae && !be) return;
-    G.current = !0, N.current = M, U.current = A;
+    G.current = !0, N.current = P, U.current = A;
     const fe = Z.current;
     if (Z.current = null, fe && !be) {
       ne.current.scrollLeft = Math.max(0, D.dateToX(fe.date) + j - fe.viewportX);
       return;
     }
-    const Fe = be ? /* @__PURE__ */ new Date() : P;
+    const Fe = be ? /* @__PURE__ */ new Date() : M;
     be && O(Fe), ve(Fe);
   }, [
     D,
-    M,
     P,
+    M,
     A,
     ve,
     j
@@ -23695,7 +23695,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
       if (fe.timeStamp - Fe.lastEventAt > g4 && (Fe.delta = 0, Fe.used = !1), Fe.lastEventAt = fe.timeStamp, Fe.used || (Fe.delta += fe.deltaY, Math.abs(Fe.delta) < m4)) return;
       const Je = Fe.delta > 0 ? 1 : -1;
       Fe.delta = 0;
-      const De = Wa.indexOf(M) + Je;
+      const De = Wa.indexOf(P) + Je;
       if (De < 0 || De >= Wa.length) return;
       Fe.used = !0;
       const Be = fe.clientX - Ae.getBoundingClientRect().left, lt = D.xToDate(Math.max(0, Be + Ae.scrollLeft - j));
@@ -23708,19 +23708,19 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
   }, [
     n,
     D,
-    M,
+    P,
     j
   ]), gt(() => {
     try {
-      globalThis.localStorage?.setItem(T, M);
+      globalThis.localStorage?.setItem(T, P);
     } catch {
     }
-  }, [M, T]), n) return /* @__PURE__ */ d(Rt, {
+  }, [P, T]), n) return /* @__PURE__ */ d(Rt, {
     variant: "rounded",
     height: "100%",
     sx: { minHeight: 360 }
   });
-  const vt = s4(P, M, S), $e = j + D.width, ot = D.dateToX(Date.now()), it = D.ticks.minor.find((Ae) => ot >= Ae.x && ot < Ae.x + Ae.width);
+  const vt = s4(M, P, S), $e = j + D.width, ot = D.dateToX(Date.now()), it = D.ticks.minor.find((Ae) => ot >= Ae.x && ot < Ae.x + Ae.width);
   return /* @__PURE__ */ k(W, {
     sx: {
       display: "flex",
@@ -23821,7 +23821,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
           sx: { minWidth: 0 },
           children: [b, /* @__PURE__ */ k(jA, {
             exclusive: !0,
-            value: M,
+            value: P,
             size: "small",
             onChange: de,
             children: [
@@ -23908,7 +23908,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
             children: /* @__PURE__ */ d(h4, {
               scale: D,
               height: mu,
-              selectedDate: P
+              selectedDate: M
             })
           })]
         }), /* @__PURE__ */ k(W, {
@@ -24175,7 +24175,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
     fillOpacity: "0.54"
   })
 }), Ho = 64, yu = 1e3, w4 = ({ title: e, subtitle: t, isLastElement: r, active: n, onClick: a, variant: i, tag: l, collapseItems: s, collapseDefaultOpen: c, Action: u, Icon: p, Footer: f, Collapse: v }) => {
-  const [A, b] = we(!1), y = v || !!s?.length;
+  const [A, b] = Ie(!1), y = v || !!s?.length;
   return gt(() => {
     c && b(!0);
   }, [c]), /* @__PURE__ */ k(te, {
@@ -24381,7 +24381,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
   },
   children: /* @__PURE__ */ d(Qu, { children: e })
 }), C9 = ({ items: e, isLoading: t, emptyMessage: r, containerStyle: n, variant: a, "data-test": i, "data-testid": l }) => {
-  const [s, c] = we("");
+  const [s, c] = Ie("");
   return t ? /* @__PURE__ */ d(Tl, {
     sx: n,
     "data-test": i,
@@ -24822,8 +24822,8 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
     color: "inherit",
     size: 20
   })
-}) : t?.endAdornment !== void 0 ? t?.endAdornment : r, k9 = ({ actionEndOption: e, actionStartOption: t, popupIcon: r, blurOnSelect: n, label: a, placeholder: i, name: l, slotProps: s, disableClearable: c, setSelectedValue: u, useQuery: p, noOptionsText: f, renderOption: v, getOptionLabel: A, keyOptionLabel: b, queryParams: y, openOnFocus: h, autoHighlight: S, queryParamsOnFocus: E, queryOptions: x, required: C, helperMessage: w, error: m, disabled: T, defaultValue: M, onFocus: B, onBlur: P, onChange: O, sx: g, renderInput: R, variant: F, InputProps: V, size: L, shrink: H, getOptionKey: X, width: $, limitTags: J, groupBy: G, disableCloseOnSelect: N, renderGroup: U, value: ne, PopperComponent: Z, ListboxProps: Y, multiple: pe, filterSelectedOptions: ue, autoFocus: ee, onKeyDown: oe, onNoResults: re, endAdornment: ie, inputSlotProps: D, inputRef: j, open: se, onOpen: ve, onClose: de, searchKey: ke = "q", disableInputLoader: Re = !1, fetchOnFocus: Qe = !1, filterOptions: We = (ct) => ct, getOptionImageSrc: _ = (ct) => ct || void 0 }) => {
-  const [ct, ye] = we(""), [vt, $e] = we(""), ot = e1(ct, 300), it = se === void 0 ? void 0 : Qe || ct ? se : !1, Ae = ot ? y : E ?? y, be = se ?? !0, { data: fe, isFetching: Fe, refetch: Je } = p({
+}) : t?.endAdornment !== void 0 ? t?.endAdornment : r, k9 = ({ actionEndOption: e, actionStartOption: t, popupIcon: r, blurOnSelect: n, label: a, placeholder: i, name: l, slotProps: s, disableClearable: c, setSelectedValue: u, useQuery: p, noOptionsText: f, renderOption: v, getOptionLabel: A, keyOptionLabel: b, queryParams: y, openOnFocus: h, autoHighlight: S, queryParamsOnFocus: E, queryOptions: x, required: C, helperMessage: w, error: m, disabled: T, defaultValue: P, onFocus: B, onBlur: M, onChange: O, sx: g, renderInput: R, variant: F, InputProps: V, size: L, shrink: H, getOptionKey: X, width: $, limitTags: J, groupBy: G, disableCloseOnSelect: N, renderGroup: U, value: ne, PopperComponent: Z, ListboxProps: Y, multiple: pe, filterSelectedOptions: ue, autoFocus: ee, onKeyDown: oe, onNoResults: re, endAdornment: ie, inputSlotProps: D, inputRef: j, open: se, onOpen: ve, onClose: de, searchKey: ke = "q", disableInputLoader: Re = !1, fetchOnFocus: Qe = !1, filterOptions: We = (ct) => ct, getOptionImageSrc: _ = (ct) => ct || void 0 }) => {
+  const [ct, ye] = Ie(""), [vt, $e] = Ie(""), ot = e1(ct, 300), it = se === void 0 ? void 0 : Qe || ct ? se : !1, Ae = ot ? y : E ?? y, be = se ?? !0, { data: fe, isFetching: Fe, refetch: Je } = p({
     [ke]: ot || void 0,
     ...Ae
   }, { query: {
@@ -24845,38 +24845,40 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
         label: e?.label
       }] : []
     ];
-    const Ce = !fe?.some((Ie) => Array.isArray(ne) ? ne.some((Ze) => Ie.id === Ze.id) : ne && typeof ne == "object" && "id" in ne ? Ie.id === ne.id : !0);
+    const Ce = !fe?.some((we) => Array.isArray(ne) ? ne.some((Ge) => we.id === Ge.id) : ne && typeof ne == "object" && "id" in ne ? we.id === ne.id : !0);
     return ne && Ce ? [ne, ...fe || []] : fe || [];
   }, [
     fe,
     e,
     t,
     ne
-  ]), Be = Ue((Ce, Ie, Ze) => {
-    if (Array.isArray(Ie) && Ie.some((nt) => nt?.isActionOption)) {
-      $e(""), (Ie.some((nt) => nt?.isActionStartOption) ? t : e)?.onClick?.();
-      return;
-    }
-    if (Array.isArray(Ie)) {
-      u?.(Ie), O?.(Ce, Ie, Ze);
-      return;
-    }
-    if (Ie?.isActionOption) {
-      $e(""), (Ie.isActionStartOption ? t : e)?.onClick?.();
-      return;
-    }
-    if (Ze === "clear") {
-      u?.(null), O?.(Ce, Ie, Ze);
-      return;
+  ]), Be = Ue((Ce, we, Ge) => {
+    if (!(Ge === "selectOption" && !we)) {
+      if (Array.isArray(we) && we.some((nt) => nt?.isActionOption)) {
+        $e(""), (we.some((nt) => nt?.isActionStartOption) ? t : e)?.onClick?.();
+        return;
+      }
+      if (Array.isArray(we)) {
+        u?.(we), O?.(Ce, we, Ge);
+        return;
+      }
+      if (we?.isActionOption) {
+        $e(""), (we.isActionStartOption ? t : e)?.onClick?.();
+        return;
+      }
+      if (Ge === "clear") {
+        u?.(null), O?.(Ce, we, Ge);
+        return;
+      }
+      we && u?.(we), O?.(Ce, we, Ge);
     }
-    Ie && u?.(Ie), O?.(Ce, Ie, Ze);
   }, [
     e,
     t,
     O,
     u
-  ]), lt = Ue((Ce, Ie, Ze) => {
-    $e(Ie), Ze === "input" && ye(Ie);
+  ]), lt = Ue((Ce, we, Ge) => {
+    $e(we), Ge === "input" && ye(we);
   }, []), rr = Ue(async () => {
     Qe && !ne && await Je({
       [ke]: ot,
@@ -24890,9 +24892,9 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
     Je,
     ke,
     ne
-  ]), Xe = Ue(() => {
-    ye(""), P?.();
-  }, [P]), At = Ue((Ce) => Array.isArray(Ce) ? Ce.map((Ie) => Ie?.isActionOption ? Ie.label : typeof b == "string" ? Ie?.[b] : b.map((Ze) => Ie[Ze]).join(" ")).join(", ") : typeof b == "string" ? Ce?.[b] : b.map((Ie) => Ce[Ie]).join(" "), [b]), me = Ue((Ce) => A && !Array.isArray(Ce) && !Ce?.isActionOption ? A(Ce) : At(Ce), [A, At]), Ee = Ue((Ce, Ie) => Array.isArray(Ie) ? Ie.some((Ze) => Ce && Ze ? typeof b == "string" ? Ce[b] === Ze[b] : b.map((nt) => Ce?.[nt]).join(" ") === b.map((nt) => Ze?.[nt]).join(" ") : !1) : typeof b == "string" ? Ce[b] === Ie[b] : b.map((Ze) => Ce?.[Ze]).join(" ") === b.map((Ze) => Ie[Ze]).join(" "), [b]);
+  ]), Ze = Ue(() => {
+    ye(""), M?.();
+  }, [M]), At = Ue((Ce) => Array.isArray(Ce) ? Ce.map((we) => we?.isActionOption ? we.label : typeof b == "string" ? we?.[b] : b.map((Ge) => we[Ge]).join(" ")).join(", ") : typeof b == "string" ? Ce?.[b] : b.map((we) => Ce[we]).join(" "), [b]), me = Ue((Ce) => A && !Array.isArray(Ce) && !Ce?.isActionOption ? A(Ce) : At(Ce), [A, At]), Ee = Ue((Ce, we) => Array.isArray(we) ? we.some((Ge) => Ce && Ge ? typeof b == "string" ? Ce[b] === Ge[b] : b.map((nt) => Ce?.[nt]).join(" ") === b.map((nt) => Ge?.[nt]).join(" ") : !1) : typeof b == "string" ? Ce[b] === we[b] : b.map((Ge) => Ce?.[Ge]).join(" ") === b.map((Ge) => we[Ge]).join(" "), [b]);
   return gt(() => {
     !re || Fe || !ot || fe === void 0 || fe.length === 0 && re(ot);
   }, [
@@ -24912,7 +24914,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
     groupBy: G,
     disableCloseOnSelect: N,
     disableClearable: c,
-    defaultValue: M,
+    defaultValue: P,
     value: ne,
     disabled: T,
     filterOptions: We,
@@ -24927,7 +24929,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
     loading: Fe,
     inputValue: vt,
     options: De,
-    onBlur: Xe,
+    onBlur: Ze,
     onFocus: rr,
     onChange: Be,
     onInputChange: lt,
@@ -24938,8 +24940,8 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
       listbox: Y,
       ...s
     },
-    renderOption: v || ((Ce, Ie) => {
-      const { key: Ze, ...nt } = Ce, Qt = Ie && typeof Ie == "object" && "image" in Ie ? Ie.image : "", xe = me(Ie);
+    renderOption: v || ((Ce, we) => {
+      const { key: Ge, ...nt } = Ce, Qt = we && typeof we == "object" && "image" in we ? we.image : "", xe = me(we);
       return /* @__PURE__ */ d(Mt, {
         title: xe,
         placement: "right",
@@ -24956,8 +24958,8 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
             textOverflow: "ellipsis",
             children: xe
           })]
-        }, Ze)
-      }, Ze);
+        }, Ge)
+      }, Ge);
     }),
     renderInput: R || ((Ce) => /* @__PURE__ */ d(eo, {
       ...Ce,
@@ -25146,8 +25148,8 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
     popperRef: i,
     sx: [({ zIndex: l }) => ({ zIndex: l.modal }), ...Array.isArray(r) ? r : [r]]
   });
-}, N4 = ({ variant: e, onChange: t, disableCheckbox: r, placeholder: n, label: a, localeText: i, disableReset: l, disableSelectAll: s, value: c, onFocus: u, onBlur: p, open: f, getOptionLabel: v, onInputChange: A, inputValue: b, disableClearable: y, loading: h, resetInputValueOnSelectOption: S, renderOption: E, renderValue: x, width: C, sx: w, slotProps: m, tooltip: T, tooltipProps: M, size: B = "small", disableCloseOnSelect: P = !0, multiple: O = !0, options: g = [], ...R }, F) => {
-  const { t: V } = kt(), [L, H] = we(!1), [X, $] = we(""), J = b || X, G = e === "chip", N = e === "filled", U = Array.isArray(c) ? !!c.length : c != null, ne = P4(c, O), Z = a ?? n, Y = !!Z, pe = L && !!J, ue = (!!J || U) && !y, ee = Y && U && !pe, oe = Y && !ee, re = U && (O || ee) && !L, D = /* @__PURE__ */ d(ws, {
+}, N4 = ({ variant: e, onChange: t, disableCheckbox: r, placeholder: n, label: a, localeText: i, disableReset: l, disableSelectAll: s, value: c, onFocus: u, onBlur: p, open: f, getOptionLabel: v, onInputChange: A, inputValue: b, disableClearable: y, loading: h, resetInputValueOnSelectOption: S, renderOption: E, renderValue: x, width: C, sx: w, slotProps: m, tooltip: T, tooltipProps: P, size: B = "small", disableCloseOnSelect: M = !0, multiple: O = !0, options: g = [], ...R }, F) => {
+  const { t: V } = kt(), [L, H] = Ie(!1), [X, $] = Ie(""), J = b || X, G = e === "chip", N = e === "filled", U = Array.isArray(c) ? !!c.length : c != null, ne = P4(c, O), Z = a ?? n, Y = !!Z, pe = L && !!J, ue = (!!J || U) && !y, ee = Y && U && !pe, oe = Y && !ee, re = U && (O || ee) && !L, D = /* @__PURE__ */ d(ws, {
     freeSolo: !1,
     multiple: O,
     disableClearable: y,
@@ -25156,13 +25158,13 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
     loading: h,
     ref: F,
     size: B,
-    disableCloseOnSelect: P,
+    disableCloseOnSelect: M,
     onChange: (j, se, ve, de) => {
       if (se === null) {
         t?.(j, O ? [] : null, ve, de);
         return;
       }
-      t?.(j, se, ve, de), P && O || H(!1);
+      t?.(j, se, ve, de), M && O || H(!1);
     },
     getLimitTagsText: L4(e),
     inputValue: J,
@@ -25484,7 +25486,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
   });
   return T ? /* @__PURE__ */ d(Mt, {
     title: T,
-    ...M,
+    ...P,
     children: D
   }) : D;
 }, R9 = Nt(N4), V4 = {
@@ -25701,10 +25703,10 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
   children: e
 });
 function B9({ label: e, value: t, onChange: r, checked: n, onCheckedChange: a, options: i, variant: l, disabled: s, labelMenu: c, labelOnlyAfterSelection: u, applyOnSelect: p, hideMenuHeader: f, denseMenu: v, menuProps: A, separatorBetweenLabelAndOptionSelected: b = ":", multiple: y = !1, size: h = "medium" }) {
-  const S = n !== void 0, [E, x] = we(() => S ? n : y ? t || [] : t), C = S ? n : y ? t?.length > 0 : t != null, { anchorMenu: w, openMenu: m, isMenuOpen: T, closeMenu: M } = pd(), { t: B } = kt(), P = Array.isArray(i), O = i !== void 0, g = (J) => {
+  const S = n !== void 0, [E, x] = Ie(() => S ? n : y ? t || [] : t), C = S ? n : y ? t?.length > 0 : t != null, { anchorMenu: w, openMenu: m, isMenuOpen: T, closeMenu: P } = pd(), { t: B } = kt(), M = Array.isArray(i), O = i !== void 0, g = (J) => {
     S ? a?.(J) : r?.(J);
   }, R = () => {
-    g(E), M();
+    g(E), P();
   }, F = () => {
     if (S)
       x(!1), a?.(!1);
@@ -25713,17 +25715,17 @@ function B9({ label: e, value: t, onChange: r, checked: n, onCheckedChange: a, o
       x(J), r?.(J);
     } else
       x(void 0), r?.(void 0);
-    M();
+    P();
   }, V = (J) => {
     if (S && !O) {
       a?.(!n);
       return;
     }
-    if (O && P) {
+    if (O && M) {
       m(J);
       return;
     }
-    if (O && !P) if (S) a?.(!n);
+    if (O && !M) if (S) a?.(!n);
     else {
       const G = t != null ? void 0 : i?.value;
       r?.(y ? G === void 0 ? [] : [G] : G);
@@ -25737,8 +25739,8 @@ function B9({ label: e, value: t, onChange: r, checked: n, onCheckedChange: a, o
       G = N.includes(J) ? N.filter((U) => U !== J) : [...N, J], x(G);
     } else
       G = J, x(G);
-    p && (g(G), y || S || M());
-  }, H = (J) => S ? n : y ? E?.includes(J) : E === J, X = (J) => P ? `${c ? `${c} ${b} ` : ""}${i.find((G) => G.value === J)?.label || ""}` : i?.label, $ = () => {
+    p && (g(G), y || S || P());
+  }, H = (J) => S ? n : y ? E?.includes(J) : E === J, X = (J) => M ? `${c ? `${c} ${b} ` : ""}${i.find((G) => G.value === J)?.label || ""}` : i?.label, $ = () => {
     if (S)
       return e;
     if (u && C) {
@@ -25753,7 +25755,7 @@ function B9({ label: e, value: t, onChange: r, checked: n, onCheckedChange: a, o
         return `${N || String(J[0])}... (+${U})`;
       }
     }
-    return !(y || S) && t !== void 0 && t !== null && P && X(t) || e;
+    return !(y || S) && t !== void 0 && t !== null && M && X(t) || e;
   };
   return gt(() => {
     x(S ? n : y ? t || [] : t);
@@ -25767,7 +25769,7 @@ function B9({ label: e, value: t, onChange: r, checked: n, onCheckedChange: a, o
     size: h,
     label: $(),
     variant: l,
-    deleteIcon: O && P ? /* @__PURE__ */ k(U4, { children: [/* @__PURE__ */ d(oa, {
+    deleteIcon: O && M ? /* @__PURE__ */ k(U4, { children: [/* @__PURE__ */ d(oa, {
       fontSize: "small",
       sx: {
         transform: T ? "rotate(180deg)" : "rotate(0deg)",
@@ -25793,15 +25795,15 @@ function B9({ label: e, value: t, onChange: r, checked: n, onCheckedChange: a, o
       children: /* @__PURE__ */ d(cr, { sx: { fontSize: He(16) } })
     })] }) : void 0,
     onClick: V,
-    onDelete: O && P ? () => {
+    onDelete: O && M ? () => {
     } : void 0,
     color: C ? "active" : "default"
-  }), O && P && /* @__PURE__ */ k(ju, {
+  }), O && M && /* @__PURE__ */ k(ju, {
     slotProps: { paper: { sx: { minWidth: 350 } } },
     ...A,
     anchorEl: w,
     open: T,
-    onClose: M,
+    onClose: P,
     children: [
       !f && /* @__PURE__ */ k(te, {
         component: "li",
@@ -25809,7 +25811,7 @@ function B9({ label: e, value: t, onChange: r, checked: n, onCheckedChange: a, o
         paddingLeft: 2,
         marginBottom: 1,
         children: [/* @__PURE__ */ d(co, { children: c }), /* @__PURE__ */ d(ft, {
-          onClick: M,
+          onClick: P,
           children: /* @__PURE__ */ d(cr, { fontSize: "small" })
         })]
       }),
@@ -25872,7 +25874,7 @@ function B9({ label: e, value: t, onChange: r, checked: n, onCheckedChange: a, o
   })] });
 }
 var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
-  const [a, i] = we(!1), [l, s] = we(String(e)), c = () => {
+  const [a, i] = Ie(!1), [l, s] = Ie(String(e)), c = () => {
     i(!1);
     const f = parseInt(l, 10);
     !Number.isNaN(f) && f > 0 && f !== e ? n(f) : s(String(e));
@@ -26091,11 +26093,11 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
   }).join(" • ");
   return e.length > Iu ? `${r} + ${e.length - Iu}` : r;
 }, F9 = Nt(({ accept: e, name: t, disabled: r, required: n, error: a, localeText: i, multiple: l, id: s, size: c, helperText: u, fullWidth: p, icon: f, onChange: v, label: A, pattern: b, title: y, value: h, variant: S = "vertical" }, E) => {
-  const [x, C] = we(null), { t: w } = kt(), { palette: m } = Ft(), T = S === "vertical", M = s || t, B = Ne(null), P = Ne(null), O = h === void 0 ? x : h, g = K4(O);
+  const [x, C] = Ie(null), { t: w } = kt(), { palette: m } = Ft(), T = S === "vertical", P = s || t, B = Ne(null), M = Ne(null), O = h === void 0 ? x : h, g = K4(O);
   Xu(E, () => {
-    const L = P.current;
+    const L = M.current;
     return L.reset = () => {
-      C(null), P.current && (P.current.value = "");
+      C(null), M.current && (M.current.value = "");
     }, L;
   });
   const R = (L) => {
@@ -26103,13 +26105,13 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
   };
   return /* @__PURE__ */ k(LA, {
     ref: B,
-    htmlFor: M,
+    htmlFor: P,
     onDragOver: (L) => {
       L.preventDefault();
     },
     onDrop: (L) => {
       if (L.preventDefault(), L.dataTransfer.files.length > 0) {
-        const H = P.current, X = L.dataTransfer.files;
+        const H = M.current, X = L.dataTransfer.files;
         C(X);
         const $ = new DataTransfer();
         Array.from(X).forEach((J) => {
@@ -26181,8 +26183,8 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
         })
       ]
     }), /* @__PURE__ */ d("input", {
-      id: M,
-      ref: P,
+      id: P,
+      ref: M,
       type: "file",
       title: y,
       disabled: r,
@@ -26392,7 +26394,7 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
   const c = t?.toString() || r?.toString() || n?.toString() || " ", u = s.measureText(c).width, p = parseFloat(i.paddingLeft), f = parseFloat(i.paddingRight);
   return u + p + f + a;
 }, Q9 = Nt(({ sx: e, maxWidth: t, minWidth: r, ...n }, a) => {
-  const i = Ne(null), [l, s] = we(null), c = Ne(void 0), { size: u } = n, p = u === "tiny", f = p ? 27 : 50, v = n?.slotProps?.input, A = !!v?.startAdornment || !!n?.InputProps?.startAdornment, b = !!v?.endAdornment || !!n?.InputProps?.endAdornment, y = (A ? f : 0) + (b ? f : 0), h = Ue(() => {
+  const i = Ne(null), [l, s] = Ie(null), c = Ne(void 0), { size: u } = n, p = u === "tiny", f = p ? 27 : 50, v = n?.slotProps?.input, A = !!v?.startAdornment || !!n?.InputProps?.startAdornment, b = !!v?.endAdornment || !!n?.InputProps?.endAdornment, y = (A ? f : 0) + (b ? f : 0), h = Ue(() => {
     const E = Z4(i.current, n.value, n.defaultValue, n.placeholder, y);
     E !== null && s(Math.min(Math.max(E, r ?? 0), t ?? 1 / 0));
   }, [
@@ -26525,7 +26527,7 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
     fill: r
   })
 }), W9 = ({ slotProps: e, ...t }) => {
-  const [r, n] = we(!1), a = () => {
+  const [r, n] = Ie(!1), a = () => {
     n((s) => !s);
   }, i = (s) => {
     s.preventDefault();
@@ -26654,7 +26656,7 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
   color: "textSecondary",
   children: t
 })] }), K9 = ({ compactTitle: e, fullTitle: t, actions: r, compactActions: n, variant: a = "preview", onClose: i, onOpenFullPage: l, dense: s = !1, backLabel: c, onBack: u, labels: p, maxWidth: f = "lg" }) => {
-  const [v, A] = we(!1), { t: b } = kt(), { breakpoints: y } = Ft(), h = uo(y.down("sm")), S = uo(y.up("lg")), E = Ne(null), x = YA() ? "⌘+↵" : "Ctrl+↵", C = typeof f == "number" ? {
+  const [v, A] = Ie(!1), { t: b } = kt(), { breakpoints: y } = Ft(), h = uo(y.down("sm")), S = uo(y.up("lg")), E = Ne(null), x = YA() ? "⌘+↵" : "Ctrl+↵", C = typeof f == "number" ? {
     maxWidth: !1,
     sx: { maxWidth: f }
   } : { maxWidth: f }, w = Ue((m) => p?.[m] ?? b(m), [p, b]);
@@ -27028,7 +27030,7 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
     })
   })
 }), Mu = ({ children: e, ...t }) => {
-  const { hideSearchDesktop: r, closeDrawerMenu: n, disableResponsive: a, isMobile: i, isTablet: l, isDrawerOpen: s, isCollapsed: c, toggleCollapse: u, sideBarWidth: p, bottomLink: f, NavLink: v, Footer: A, Search: b = t.Search, Logo: y = t.Logo, density: h } = xr(mo), S = i5[h], { collapseButtonPaddingY: E, searchPaddingY: x } = Mo[h], { palette: C } = Ft(), { t: w } = kt(), m = i && s ? "none" : `solid 1px ${C.divider}`, T = !(i || l), M = !(T || a), B = i && M ? "100vw" : p || "auto", P = r ? !T : !0, O = (Array.isArray(f) ? f : f ? [f] : []).filter((g) => !g.hidden);
+  const { hideSearchDesktop: r, closeDrawerMenu: n, disableResponsive: a, isMobile: i, isTablet: l, isDrawerOpen: s, isCollapsed: c, toggleCollapse: u, sideBarWidth: p, bottomLink: f, NavLink: v, Footer: A, Search: b = t.Search, Logo: y = t.Logo, density: h } = xr(mo), S = i5[h], { collapseButtonPaddingY: E, searchPaddingY: x } = Mo[h], { palette: C } = Ft(), { t: w } = kt(), m = i && s ? "none" : `solid 1px ${C.divider}`, T = !(i || l), P = !(T || a), B = i && P ? "100vw" : p || "auto", M = r ? !T : !0, O = (Array.isArray(f) ? f : f ? [f] : []).filter((g) => !g.hidden);
   return /* @__PURE__ */ k(W, {
     component: "aside",
     sx: {
@@ -27050,7 +27052,7 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
         alignItems: "center",
         spacing: 3,
         children: [/* @__PURE__ */ d(W, {
-          onClick: M ? (g) => {
+          onClick: P ? (g) => {
             g.target.closest("a, button") && n();
           } : void 0,
           sx: {
@@ -27069,7 +27071,7 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
           children: /* @__PURE__ */ d(cr, { color: C.text.primary })
         })]
       }),
-      b && P && /* @__PURE__ */ d(W, {
+      b && M && /* @__PURE__ */ d(W, {
         paddingX: 2,
         paddingY: x,
         children: b
@@ -27089,8 +27091,8 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
           sx: S
         }, g.url ? `${g.url}-${R}` : R))
       }),
-      !M && /* @__PURE__ */ d(Po, {}),
-      !M && /* @__PURE__ */ d(W, {
+      !P && /* @__PURE__ */ d(Po, {}),
+      !P && /* @__PURE__ */ d(W, {
         display: "flex",
         justifyContent: "flex-end",
         children: /* @__PURE__ */ d(ft, {
@@ -27262,7 +27264,7 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
     })
   });
 }, c5 = ({ group: e }) => {
-  const { density: t, isMobile: r, isCollapsed: n } = xr(mo), { listItemPaddingY: a } = Mo[t], { groupLabel: i, items: l, collapsible: s = !1, defaultExpanded: c = !0 } = e, [u, p] = we(c), f = hd[t], v = l.filter((h) => !bA(h, r));
+  const { density: t, isMobile: r, isCollapsed: n } = xr(mo), { listItemPaddingY: a } = Mo[t], { groupLabel: i, items: l, collapsible: s = !1, defaultExpanded: c = !0 } = e, [u, p] = Ie(c), f = hd[t], v = l.filter((h) => !bA(h, r));
   if (!v.length) return null;
   const A = n || !s || u, b = () => s && p((h) => !h), y = (h) => {
     s && (h.key === "Enter" || h.key === " ") && (h.preventDefault(), b());
@@ -27360,11 +27362,11 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
     children: /* @__PURE__ */ d(Fu, { items: e })
   });
 }, A5 = ({ AppBar: e, NavLink: t, Search: r, Logo: n, Footer: a, items: i, enableSearchFocusShortcut: l, disableResponsive: s, hideSearchDesktop: c, bottomLink: u, sideBarWidth: p = 260, storageKey: f = u5, density: v = "standard", makeRoom: A = !1 }) => {
-  const [b, y] = we(CA.isDrawerOpen), [h, S] = we(() => p5(f)), [E, x] = we(!1), { breakpoints: C } = Ft(), w = uo(C.down("sm")), m = uo(C.between("sm", "md")), T = !((w || m) && !s) && (A ? !E : h), M = Ue(() => {
+  const [b, y] = Ie(CA.isDrawerOpen), [h, S] = Ie(() => p5(f)), [E, x] = Ie(!1), { breakpoints: C } = Ft(), w = uo(C.down("sm")), m = uo(C.between("sm", "md")), T = !((w || m) && !s) && (A ? !E : h), P = Ue(() => {
     y(!1);
   }, []), B = Ue(() => {
     y(!0);
-  }, []), P = Ue(() => {
+  }, []), M = Ue(() => {
     if (A) {
       x((g) => !g);
       return;
@@ -27382,7 +27384,7 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
   const O = mr(() => ({
     AppBar: e,
     bottomLink: u,
-    closeDrawerMenu: M,
+    closeDrawerMenu: P,
     density: v,
     disableResponsive: s,
     enableSearchFocusShortcut: l,
@@ -27398,9 +27400,9 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
     openDrawerMenu: B,
     Search: r,
     sideBarWidth: p,
-    toggleCollapse: P
+    toggleCollapse: M
   }), [
-    M,
+    P,
     v,
     s,
     b,
@@ -27418,7 +27420,7 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
     e,
     a,
     T,
-    P
+    M
   ]);
   return /* @__PURE__ */ d(mo.Provider, {
     value: O,
@@ -27442,7 +27444,7 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
   onClick: (r) => r.preventDefault(),
   ...t
 }), Du = "appBarAvatarMenu", Z9 = ({ Avatar: e, Search: t, Action: r, Logo: n, NavLink: a, avatarProps: i, searchProps: l, actionProps: s, logoProps: c, children: u, onClickBurger: p, sx: f, position: v = "static", elevation: A = 0 }) => {
-  const { breakpoints: b } = Ft(), { closeMenu: y, isMenuOpen: h, anchorMenu: S, openMenu: E } = pd(), { menuItems: x, onClick: C, ...w } = i || {}, m = uo(b.down("sm")), T = uo(b.between("sm", "md")), M = m || T, B = {
+  const { breakpoints: b } = Ft(), { closeMenu: y, isMenuOpen: h, anchorMenu: S, openMenu: E } = pd(), { menuItems: x, onClick: C, ...w } = i || {}, m = uo(b.down("sm")), T = uo(b.between("sm", "md")), P = m || T, B = {
     logoContainer: {
       a: { display: "flex" },
       alignItems: "center",
@@ -27458,8 +27460,8 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
         textDecoration: "none",
         width: "100%"
       },
-      "& > a.active": { backgroundColor: ({ palette: P }) => Wt(P.primary.main, P.action.selectedOpacity) },
-      "& > a.active:hover": { backgroundColor: ({ palette: P }) => Wt(P.primary.main, P.action.selectedOpacity + P.action.hoverOpacity) },
+      "& > a.active": { backgroundColor: ({ palette: M }) => Wt(M.primary.main, M.action.selectedOpacity) },
+      "& > a.active:hover": { backgroundColor: ({ palette: M }) => Wt(M.primary.main, M.action.selectedOpacity + M.action.hoverOpacity) },
       overflow: "hidden",
       padding: "0 !important"
     },
@@ -27484,14 +27486,14 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
       },
       spacing: 1,
       children: [
-        M && /* @__PURE__ */ d(ft, {
+        P && /* @__PURE__ */ d(ft, {
           onClick: p,
           edge: "end",
           color: "inherit",
           "aria-label": "menu",
           children: /* @__PURE__ */ d(mA, {})
         }),
-        M || n === null ? null : /* @__PURE__ */ d(W, {
+        P || n === null ? null : /* @__PURE__ */ d(W, {
           sx: {
             ...B.logoContainer,
             flex: "1 1 0",
@@ -27531,8 +27533,8 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
             "aria-haspopup": x ? "menu" : void 0,
             "aria-controls": x && h ? Du : void 0,
             "aria-expanded": x ? h : void 0,
-            onClick: (P) => {
-              E(P), C?.(P);
+            onClick: (M) => {
+              E(M), C?.(M);
             },
             children: /* @__PURE__ */ d(Sb, { ...w })
           })]
@@ -27544,6 +27546,7 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
     anchorEl: S,
     open: h,
     onClose: y,
+    sx: { zIndex: ({ zIndex: M }) => M.snackbar + 1 },
     anchorOrigin: {
       horizontal: "right",
       vertical: "bottom"
@@ -27553,11 +27556,11 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
       list: { onClick: y },
       paper: { sx: { minWidth: 260 } }
     },
-    children: x?.map((P, O) => {
-      if (jt(P))
-        return P.key ? P : Eo(P, { key: `${x}-${O}` });
-      if (P && typeof P == "object" && "url" in P) {
-        const { url: g, label: R, icon: F, active: V, end: L, state: H } = P, X = `${g}-${R}-${O}`;
+    children: x?.map((M, O) => {
+      if (jt(M))
+        return M.key ? M : Eo(M, { key: `${x}-${O}` });
+      if (M && typeof M == "object" && "url" in M) {
+        const { url: g, label: R, icon: F, active: V, end: L, state: H } = M, X = `${g}-${R}-${O}`;
         return /* @__PURE__ */ d(Ku, {
           sx: B.menuItem,
           onClick: y,
@@ -27646,7 +27649,7 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
   const { hasPermission: i } = b5(), l = i(r, n, a);
   return l ? e : !l && t ? t : null;
 }, e8 = ({ children: e, permissions: t, disabledPermissions: r }) => {
-  const [n, a] = we(), i = mr(() => ({
+  const [n, a] = Ie(), i = mr(() => ({
     disabledPermissions: r,
     permissions: n,
     setPermissions: a
@@ -27673,7 +27676,7 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
   horizontal: "center",
   vertical: "bottom"
 } }) => {
-  const [n, a] = we(y5), i = Ue((c) => {
+  const [n, a] = Ie(y5), i = Ue((c) => {
     a({
       component: c?.component,
       isOpen: !0,
@@ -27710,7 +27713,7 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
     }, n.message), e]
   });
 }, Nu = 24, r8 = () => {
-  const [e, t] = we({
+  const [e, t] = Ie({
     left: !1,
     right: !1
   }), r = Ne(null), n = Ne(null), a = Ue(() => {
@@ -27743,7 +27746,7 @@ var M9 = ({ quantity: e, unit: t, disabled: r, onChange: n }) => {
     openSnackbar: n
   };
 }, n8 = () => {
-  const [e, t] = we(0);
+  const [e, t] = Ie(0);
   return {
     handleChange: Ue((r, n) => {
       t(n);