@getsoren/design-system 4.91.1 → 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";
@@ -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 }
           }
@@ -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(() => {
@@ -11534,7 +11534,7 @@ var Io = /* @__PURE__ */ I.forwardRef(function(t, r) {
     N,
     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,
@@ -11556,22 +11556,22 @@ var Io = /* @__PURE__ */ I.forwardRef(function(t, r) {
     }
   }, [At, me] = Ke("popper", {
     elementType: rb,
-    externalForwardedProps: Xe,
+    externalForwardedProps: Ze,
     ownerState: Je,
     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
   });
@@ -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, {
@@ -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);
     }
@@ -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,
@@ -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: 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: 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();
@@ -18626,7 +18626,7 @@ var je = Pe("MuiAutocomplete", [
   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,
@@ -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,
@@ -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);
@@ -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());
@@ -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,7 +21522,7 @@ 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;
   }, P = () => {
@@ -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"), 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 = () => {
+  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?.();
@@ -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,7 +22796,7 @@ 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,
@@ -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);
@@ -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, [P, B] = we(() => y4(T) ?? C), [M, 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(P), 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
@@ -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,
@@ -24823,7 +24823,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
     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: 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] = 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({
+  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(() => {
+  ]), Ze = Ue(() => {
     ye(""), M?.();
-  }, [M]), 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]);
+  }, [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);
   }, [
@@ -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,
@@ -25147,7 +25149,7 @@ var gC = (e) => /* @__PURE__ */ k(mt, {
     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: P, size: B = "small", disableCloseOnSelect: M = !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, {
+  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,
@@ -25701,7 +25703,7 @@ 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: P } = pd(), { t: B } = kt(), M = 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), P();
@@ -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,7 +26093,7 @@ 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", P = s || t, B = Ne(null), M = 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 = M.current;
     return L.reset = () => {
@@ -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]);
@@ -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,7 +27362,7 @@ 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), P = 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);
@@ -27647,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
@@ -27674,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,
@@ -27711,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(() => {
@@ -27744,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);