jcicl 1.0.3 → 1.0.7

package/LabeledDropdown/LabeledDropdown.js

@@ -1,83 +1,84 @@
-import { jsx as w, jsxs as De } from "react/jsx-runtime";
-import { n as Jo } from "../.chunks/emotion-styled.browser.esm.js";
+import { jsx as T, jsxs as De } from "react/jsx-runtime";
+import { n as Yo } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as No } from "../.chunks/emotion-react.browser.esm.js";
-import Ho from "../theme.js";
-import * as m from "react";
-import { g as po, a as co, s as F, c as f, u as uo, b as J, P as o, d as fo, e as V } from "../.chunks/DefaultPropsProvider.js";
-import { i as Io, a as be, b as Eo, f as Ae, A as Xo, T as zo } from "../.chunks/TextField.js";
-import { c as Wo } from "../.chunks/createSvgIcon.js";
+import Jo from "../theme.js";
+import { useThemeColors as Xo } from "../ThemeContext.js";
+import * as b from "react";
+import { g as po, a as co, s as F, c as d, u as uo, b as J, P as o, d as fo, e as V } from "../.chunks/DefaultPropsProvider.js";
+import { i as Io, a as be, b as Eo, f as Ae, A as Qo, T as zo } from "../.chunks/TextField.js";
+import { c as Ho } from "../.chunks/createSvgIcon.js";
 import { m as ee } from "../.chunks/memoTheme.js";
 import { u as Oo } from "../.chunks/useSlot.js";
 import { c as Me } from "../.chunks/createSimplePaletteValueFilter.js";
 import { B as So } from "../.chunks/ButtonBase.js";
 import { c as wo } from "../.chunks/chainPropTypes.js";
-import { P as Ko } from "../.chunks/Popper.js";
-import { P as Go } from "../.chunks/Paper.js";
-import { u as Qo } from "../.chunks/Portal.js";
+import { P as Wo } from "../.chunks/Popper.js";
+import { P as Ko } from "../.chunks/Paper.js";
+import { u as Zo } from "../.chunks/Portal.js";
 import { u as Po } from "../.chunks/useControlled.js";
-import { c as io, s as Zo, a as et } from "../.chunks/TransitionGroupContext.js";
-import { i as ot } from "../.chunks/integerPropType.js";
-function tt(e, n, a, i, b) {
+import { c as io, s as et, a as ot } from "../.chunks/TransitionGroupContext.js";
+import { i as tt } from "../.chunks/integerPropType.js";
+function nt(e, n, a, i, g) {
   if (process.env.NODE_ENV === "production")
     return null;
-  const h = b || n;
+  const h = g || n;
   return typeof e[n] < "u" ? new Error(`The prop \`${h}\` is not supported. Please remove it.`) : null;
 }
-const nt = (e) => {
-  const n = m.useRef({});
-  return m.useEffect(() => {
+const rt = (e) => {
+  const n = b.useRef({});
+  return b.useEffect(() => {
     n.current = e;
   }), n.current;
 };
 function Vo(e) {
   return e.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
 }
-function rt(e = {}) {
+function at(e = {}) {
   const {
     ignoreAccents: n = !0,
     ignoreCase: a = !0,
     limit: i,
-    matchFrom: b = "any",
+    matchFrom: g = "any",
     stringify: h,
     trim: x = !1
   } = e;
   return (y, {
     inputValue: P,
-    getOptionLabel: d
+    getOptionLabel: C
   }) => {
-    let I = x ? P.trim() : P;
-    a && (I = I.toLowerCase()), n && (I = Vo(I));
-    const L = I ? y.filter((X) => {
-      let A = (h || d)(X);
-      return a && (A = A.toLowerCase()), n && (A = Vo(A)), b === "start" ? A.startsWith(I) : A.includes(I);
+    let m = x ? P.trim() : P;
+    a && (m = m.toLowerCase()), n && (m = Vo(m));
+    const w = m ? y.filter((X) => {
+      let A = (h || C)(X);
+      return a && (A = A.toLowerCase()), n && (A = Vo(A)), g === "start" ? A.startsWith(m) : A.includes(m);
     }) : y;
-    return typeof i == "number" ? L.slice(0, i) : L;
+    return typeof i == "number" ? w.slice(0, i) : w;
   };
 }
-const at = rt(), Fo = 5, lt = (e) => {
+const lt = at(), Fo = 5, it = (e) => {
   var n;
   return e.current !== null && ((n = e.current.parentElement) == null ? void 0 : n.contains(document.activeElement));
-}, it = [];
-function st(e) {
+}, st = [];
+function pt(e) {
   const {
     // eslint-disable-next-line @typescript-eslint/naming-convention
-    unstable_isActiveElementInListbox: n = lt,
+    unstable_isActiveElementInListbox: n = it,
     // eslint-disable-next-line @typescript-eslint/naming-convention
     unstable_classNamePrefix: a = "Mui",
     autoComplete: i = !1,
-    autoHighlight: b = !1,
+    autoHighlight: g = !1,
     autoSelect: h = !1,
     blurOnSelect: x = !1,
     clearOnBlur: y = !e.freeSolo,
     clearOnEscape: P = !1,
-    componentName: d = "useAutocomplete",
-    defaultValue: I = e.multiple ? it : null,
-    disableClearable: L = !1,
+    componentName: C = "useAutocomplete",
+    defaultValue: m = e.multiple ? st : null,
+    disableClearable: w = !1,
     disableCloseOnSelect: X = !1,
     disabled: A,
     disabledItemsFocusable: E = !1,
     disableListWrap: ue = !1,
-    filterOptions: Ne = at,
+    filterOptions: Ne = lt,
     filterSelectedOptions: me = !1,
     freeSolo: le = !1,
     getOptionDisabled: H,
@@ -89,7 +90,7 @@ function st(e) {
     includeInputInList: de = !1,
     inputValue: ye,
     isOptionEqualToValue: W = (r, t) => r === t,
-    multiple: C = !1,
+    multiple: $ = !1,
     onChange: fe,
     onClose: _,
     onHighlightChange: ve,
@@ -101,33 +102,33 @@ function st(e) {
     readOnly: Ce = !1,
     selectOnFocus: Fe = !e.freeSolo,
     value: go
-  } = e, U = Qo(Ve);
+  } = e, U = Zo(Ve);
   let D = Ee;
   D = (r) => {
     const t = Ee(r);
     if (typeof t != "string") {
       if (process.env.NODE_ENV !== "production") {
         const l = t === void 0 ? "undefined" : `${typeof t} (${t})`;
-        console.error(`MUI: The \`getOptionLabel\` method of ${d} returned ${l} instead of a string for ${JSON.stringify(r)}.`);
+        console.error(`MUI: The \`getOptionLabel\` method of ${C} returned ${l} instead of a string for ${JSON.stringify(r)}.`);
       }
       return String(t);
     }
     return t;
   };
-  const je = m.useRef(!1), Be = m.useRef(!0), k = m.useRef(null), K = m.useRef(null), [Ue, Lo] = m.useState(null), [G, Xe] = m.useState(-1), bo = b ? 0 : -1, z = m.useRef(bo), [s, Ao] = Po({
+  const je = b.useRef(!1), Be = b.useRef(!0), R = b.useRef(null), K = b.useRef(null), [Ue, Lo] = b.useState(null), [G, Xe] = b.useState(-1), bo = g ? 0 : -1, z = b.useRef(bo), [s, Ao] = Po({
     controlled: go,
-    default: I,
-    name: d
+    default: m,
+    name: C
   }), [S, $e] = Po({
     controlled: ye,
     default: "",
-    name: d,
+    name: C,
     state: "inputValue"
-  }), [Ie, He] = m.useState(!1), Oe = m.useCallback((r, t, l) => {
-    if (!(C ? s.length < t.length : t !== null) && !y)
+  }), [Ie, He] = b.useState(!1), Oe = b.useCallback((r, t, l) => {
+    if (!($ ? s.length < t.length : t !== null) && !y)
       return;
     let c;
-    if (C)
+    if ($)
       c = "";
     else if (t == null)
       c = "";
@@ -136,43 +137,43 @@ function st(e) {
       c = typeof O == "string" ? O : "";
     }
     S !== c && ($e(c), q && q(r, c, l));
-  }, [D, S, C, q, $e, y, s]), [se, Qe] = Po({
+  }, [D, S, $, q, $e, y, s]), [se, Qe] = Po({
     controlled: xe,
     default: !1,
-    name: d,
+    name: C,
     state: "open"
-  }), [Ze, mo] = m.useState(!0), Pe = !C && s != null && S === D(s), j = se && !Ce, T = j ? Ne(
-    Ro.filter((r) => !(me && (C ? s : [s]).some((t) => t !== null && W(r, t)))),
+  }), [Ze, mo] = b.useState(!0), Pe = !$ && s != null && S === D(s), j = se && !Ce, k = j ? Ne(
+    Ro.filter((r) => !(me && ($ ? s : [s]).some((t) => t !== null && W(r, t)))),
     // we use the empty string to manipulate `filterOptions` to not filter any options
     // i.e. the filter predicate always returns true
     {
       inputValue: Pe && Ze ? "" : S,
       getOptionLabel: D
     }
-  ) : [], Q = nt({
-    filteredOptions: T,
+  ) : [], Q = rt({
+    filteredOptions: k,
     value: s,
     inputValue: S
   });
-  m.useEffect(() => {
+  b.useEffect(() => {
     const r = s !== Q.value;
     Ie && !r || le && !r || Oe(null, s, "reset");
   }, [s, Oe, Ie, Q.value, le]);
-  const We = se && T.length > 0 && !Ce, Se = io((r) => {
-    r === -1 ? k.current.focus() : Ue.querySelector(`[data-tag-index="${r}"]`).focus();
+  const We = se && k.length > 0 && !Ce, Se = io((r) => {
+    r === -1 ? R.current.focus() : Ue.querySelector(`[data-tag-index="${r}"]`).focus();
   });
-  m.useEffect(() => {
-    C && G > s.length - 1 && (Xe(-1), Se(-1));
-  }, [s, C, G, Se]);
+  b.useEffect(() => {
+    $ && G > s.length - 1 && (Xe(-1), Se(-1));
+  }, [s, $, G, Se]);
   function eo(r, t) {
-    if (!K.current || r < 0 || r >= T.length)
+    if (!K.current || r < 0 || r >= k.length)
       return -1;
     let l = r;
     for (; ; ) {
       const p = K.current.querySelector(`[data-option-index="${l}"]`), c = E ? !1 : !p || p.disabled || p.getAttribute("aria-disabled") === "true";
       if (p && p.hasAttribute("tabindex") && !c)
         return l;
-      if (t === "next" ? l = (l + 1) % T.length : l = (l - 1 + T.length) % T.length, l === r)
+      if (t === "next" ? l = (l + 1) % k.length : l = (l - 1 + k.length) % k.length, l === r)
         return -1;
     }
   }
@@ -181,7 +182,7 @@ function st(e) {
     index: t,
     reason: l = "auto"
   }) => {
-    if (z.current = t, t === -1 ? k.current.removeAttribute("aria-activedescendant") : k.current.setAttribute("aria-activedescendant", `${U}-option-${t}`), ve && ve(r, t === -1 ? null : T[t], l), !K.current)
+    if (z.current = t, t === -1 ? R.current.removeAttribute("aria-activedescendant") : R.current.setAttribute("aria-activedescendant", `${U}-option-${t}`), ve && ve(r, t === -1 ? null : k[t], l), !K.current)
       return;
     const p = K.current.querySelector(`[role="option"].${a}-focused`);
     p && (p.classList.remove(`${a}-focused`), p.classList.remove(`${a}-focusVisible`));
@@ -194,8 +195,8 @@ function st(e) {
     }
     const O = K.current.querySelector(`[data-option-index="${t}"]`);
     if (O && (O.classList.add(`${a}-focused`), l === "keyboard" && O.classList.add(`${a}-focusVisible`), c.scrollHeight > c.clientHeight && l !== "mouse" && l !== "touch")) {
-      const $ = O, B = c.clientHeight + c.scrollTop, Le = $.offsetTop + $.offsetHeight;
-      Le > B ? c.scrollTop = Le - c.clientHeight : $.offsetTop - $.offsetHeight * (oe ? 1.3 : 0) < c.scrollTop && (c.scrollTop = $.offsetTop - $.offsetHeight * (oe ? 1.3 : 0));
+      const I = O, B = c.clientHeight + c.scrollTop, Le = I.offsetTop + I.offsetHeight;
+      Le > B ? c.scrollTop = Le - c.clientHeight : I.offsetTop - I.offsetHeight * (oe ? 1.3 : 0) < c.scrollTop && (c.scrollTop = I.offsetTop - I.offsetHeight * (oe ? 1.3 : 0));
     }
   }), Y = io(({
     event: r,
@@ -206,15 +207,15 @@ function st(e) {
     if (!j)
       return;
     const O = eo((() => {
-      const $ = T.length - 1;
+      const I = k.length - 1;
       if (t === "reset")
         return bo;
       if (t === "start")
         return 0;
       if (t === "end")
-        return $;
+        return I;
       const B = z.current + t;
-      return B < 0 ? B === -1 && de ? -1 : ue && z.current !== -1 || Math.abs(t) > 1 ? 0 : $ : B > $ ? B === $ + 1 && de ? -1 : ue || Math.abs(t) > 1 ? $ : 0 : B;
+      return B < 0 ? B === -1 && de ? -1 : ue && z.current !== -1 || Math.abs(t) > 1 ? 0 : I : B > I ? B === I + 1 && de ? -1 : ue || Math.abs(t) > 1 ? I : 0 : B;
     })(), l);
     if (te({
       index: O,
@@ -222,23 +223,23 @@ function st(e) {
       event: r
     }), i && t !== "reset")
       if (O === -1)
-        k.current.value = S;
+        R.current.value = S;
       else {
-        const $ = D(T[O]);
-        k.current.value = $, $.toLowerCase().indexOf(S.toLowerCase()) === 0 && S.length > 0 && k.current.setSelectionRange(S.length, $.length);
+        const I = D(k[O]);
+        R.current.value = I, I.toLowerCase().indexOf(S.toLowerCase()) === 0 && S.length > 0 && R.current.setSelectionRange(S.length, I.length);
       }
   }), ho = () => {
     const r = (t, l) => {
       const p = t ? D(t) : "", c = l ? D(l) : "";
       return p === c;
     };
-    if (z.current !== -1 && Q.filteredOptions && Q.filteredOptions.length !== T.length && Q.inputValue === S && (C ? s.length === Q.value.length && Q.value.every((t, l) => D(s[l]) === D(t)) : r(Q.value, s))) {
+    if (z.current !== -1 && Q.filteredOptions && Q.filteredOptions.length !== k.length && Q.inputValue === S && ($ ? s.length === Q.value.length && Q.value.every((t, l) => D(s[l]) === D(t)) : r(Q.value, s))) {
       const t = Q.filteredOptions[z.current];
       if (t)
-        return T.findIndex((l) => D(l) === D(t));
+        return k.findIndex((l) => D(l) === D(t));
     }
     return -1;
-  }, Ke = m.useCallback(() => {
+  }, Ke = b.useCallback(() => {
     if (!j)
       return;
     const r = ho();
@@ -246,8 +247,8 @@ function st(e) {
       z.current = r;
       return;
     }
-    const t = C ? s[0] : s;
-    if (T.length === 0 || t == null) {
+    const t = $ ? s[0] : s;
+    if (k.length === 0 || t == null) {
       Y({
         diff: "reset"
       });
@@ -255,10 +256,10 @@ function st(e) {
     }
     if (K.current) {
       if (t != null) {
-        const l = T[z.current];
-        if (C && l && s.findIndex((c) => W(l, c)) !== -1)
+        const l = k[z.current];
+        if ($ && l && s.findIndex((c) => W(l, c)) !== -1)
           return;
-        const p = T.findIndex((c) => W(c, t));
+        const p = k.findIndex((c) => W(c, t));
         p === -1 ? Y({
           diff: "reset"
         }) : te({
@@ -266,9 +267,9 @@ function st(e) {
         });
         return;
       }
-      if (z.current >= T.length - 1) {
+      if (z.current >= k.length - 1) {
         te({
-          index: T.length - 1
+          index: k.length - 1
         });
         return;
       }
@@ -278,24 +279,24 @@ function st(e) {
     }
   }, [
     // Only sync the highlighted index when the option switch between empty and not
-    T.length,
+    k.length,
     // Don't sync the highlighted index with the value when multiple
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    C ? !1 : s,
+    $ ? !1 : s,
     me,
     Y,
     te,
     j,
     S,
-    C
+    $
   ]), yo = io((r) => {
-    Zo(K, r), r && Ke();
+    et(K, r), r && Ke();
   });
-  process.env.NODE_ENV !== "production" && m.useEffect(() => {
-    (!k.current || k.current.nodeName !== "INPUT") && (k.current && k.current.nodeName === "TEXTAREA" ? console.warn([`A textarea element was provided to ${d} where input was expected.`, "This is not a supported scenario but it may work under certain conditions.", "A textarea keyboard navigation may conflict with Autocomplete controls (for example enter and arrow keys).", "Make sure to test keyboard navigation and add custom event handlers if necessary."].join(`
-`)) : console.error([`MUI: Unable to find the input element. It was resolved to ${k.current} while an HTMLInputElement was expected.`, `Instead, ${d} expects an input element.`, "", d === "useAutocomplete" ? "Make sure you have bound getInputProps correctly and that the normal ref/effect resolutions order is guaranteed." : "Make sure you have customized the input component correctly."].join(`
+  process.env.NODE_ENV !== "production" && b.useEffect(() => {
+    (!R.current || R.current.nodeName !== "INPUT") && (R.current && R.current.nodeName === "TEXTAREA" ? console.warn([`A textarea element was provided to ${C} where input was expected.`, "This is not a supported scenario but it may work under certain conditions.", "A textarea keyboard navigation may conflict with Autocomplete controls (for example enter and arrow keys).", "Make sure to test keyboard navigation and add custom event handlers if necessary."].join(`
+`)) : console.error([`MUI: Unable to find the input element. It was resolved to ${R.current} while an HTMLInputElement was expected.`, `Instead, ${C} expects an input element.`, "", C === "useAutocomplete" ? "Make sure you have bound getInputProps correctly and that the normal ref/effect resolutions order is guaranteed." : "Make sure you have customized the input component correctly."].join(`
 `)));
-  }, [d]), m.useEffect(() => {
+  }, [C]), b.useEffect(() => {
     Ke();
   }, [Ke]);
   const ne = (r) => {
@@ -303,26 +304,26 @@ function st(e) {
   }, re = (r, t) => {
     se && (Qe(!1), _ && _(r, t));
   }, pe = (r, t, l, p) => {
-    if (C) {
+    if ($) {
       if (s.length === t.length && s.every((c, O) => c === t[O]))
         return;
     } else if (s === t)
       return;
     fe && fe(r, t, l, p), Ao(t);
-  }, we = m.useRef(!1), ge = (r, t, l = "selectOption", p = "options") => {
+  }, we = b.useRef(!1), ge = (r, t, l = "selectOption", p = "options") => {
     let c = l, O = t;
-    if (C) {
+    if ($) {
       if (O = Array.isArray(s) ? s.slice() : [], process.env.NODE_ENV !== "production") {
         const B = O.filter((Le) => W(t, Le));
-        B.length > 1 && console.error([`MUI: The \`isOptionEqualToValue\` method of ${d} does not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${B.length} matches.`].join(`
+        B.length > 1 && console.error([`MUI: The \`isOptionEqualToValue\` method of ${C} does not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${B.length} matches.`].join(`
 `));
       }
-      const $ = O.findIndex((B) => W(t, B));
-      $ === -1 ? O.push(t) : p !== "freeSolo" && (O.splice($, 1), c = "removeOption");
+      const I = O.findIndex((B) => W(t, B));
+      I === -1 ? O.push(t) : p !== "freeSolo" && (O.splice(I, 1), c = "removeOption");
     }
     Oe(r, O, c), pe(r, O, c, {
       option: t
-    }), !X && (!r || !r.ctrlKey && !r.metaKey) && re(r, c), (x === !0 || x === "touch" && we.current || x === "mouse" && !we.current) && k.current.blur();
+    }), !X && (!r || !r.ctrlKey && !r.metaKey) && re(r, c), (x === !0 || x === "touch" && we.current || x === "mouse" && !we.current) && R.current.blur();
   };
   function Te(r, t) {
     if (r === -1)
@@ -339,13 +340,13 @@ function st(e) {
     }
   }
   const Ge = (r, t) => {
-    if (!C)
+    if (!$)
       return;
     S === "" && re(r, "toggleInput");
     let l = G;
     G === -1 ? S === "" && t === "previous" && (l = s.length - 1) : (l += t === "next" ? 1 : -1, l < 0 && (l = 0), l === s.length && (l = -1)), l = Te(l, t), Xe(l), Se(l);
   }, oo = (r) => {
-    je.current = !0, $e(""), q && q(r, "", "clear"), pe(r, C ? [] : null, "clear");
+    je.current = !0, $e(""), q && q(r, "", "clear"), pe(r, $ ? [] : null, "clear");
   }, ke = (r) => (t) => {
     if (r.onKeyDown && r.onKeyDown(t), !t.defaultMuiPrevented && (G !== -1 && !["ArrowLeft", "ArrowRight"].includes(t.key) && (Xe(-1), Se(-1)), t.which !== 229))
       switch (t.key) {
@@ -405,17 +406,17 @@ function st(e) {
           break;
         case "Enter":
           if (z.current !== -1 && j) {
-            const l = T[z.current], p = H ? H(l) : !1;
+            const l = k[z.current], p = H ? H(l) : !1;
             if (t.preventDefault(), p)
               return;
-            ge(t, l, "selectOption"), i && k.current.setSelectionRange(k.current.value.length, k.current.value.length);
-          } else le && S !== "" && Pe === !1 && (C && t.preventDefault(), ge(t, S, "createOption", "freeSolo"));
+            ge(t, l, "selectOption"), i && R.current.setSelectionRange(R.current.value.length, R.current.value.length);
+          } else le && S !== "" && Pe === !1 && ($ && t.preventDefault(), ge(t, S, "createOption", "freeSolo"));
           break;
         case "Escape":
-          j ? (t.preventDefault(), t.stopPropagation(), re(t, "escape")) : P && (S !== "" || C && s.length > 0) && (t.preventDefault(), t.stopPropagation(), oo(t));
+          j ? (t.preventDefault(), t.stopPropagation(), re(t, "escape")) : P && (S !== "" || $ && s.length > 0) && (t.preventDefault(), t.stopPropagation(), oo(t));
           break;
         case "Backspace":
-          if (C && !Ce && S === "" && s.length > 0) {
+          if ($ && !Ce && S === "" && s.length > 0) {
             const l = G === -1 ? s.length - 1 : G, p = s.slice();
             p.splice(l, 1), pe(t, p, "removeOption", {
               option: s[l]
@@ -423,7 +424,7 @@ function st(e) {
           }
           break;
         case "Delete":
-          if (C && !Ce && S === "" && s.length > 0 && G !== -1) {
+          if ($ && !Ce && S === "" && s.length > 0 && G !== -1) {
             const l = G, p = s.slice();
             p.splice(l, 1), pe(t, p, "removeOption", {
               option: s[l]
@@ -435,13 +436,13 @@ function st(e) {
     He(!0), M && !je.current && ne(r);
   }, to = (r) => {
     if (n(K)) {
-      k.current.focus();
+      R.current.focus();
       return;
     }
-    He(!1), Be.current = !0, je.current = !1, h && z.current !== -1 && j ? ge(r, T[z.current], "blur") : h && le && S !== "" ? ge(r, S, "blur", "freeSolo") : y && Oe(r, s, "blur"), re(r, "blur");
+    He(!1), Be.current = !0, je.current = !1, h && z.current !== -1 && j ? ge(r, k[z.current], "blur") : h && le && S !== "" ? ge(r, S, "blur", "freeSolo") : y && Oe(r, s, "blur"), re(r, "blur");
   }, Re = (r) => {
     const t = r.target.value;
-    S !== t && ($e(t), mo(!1), q && q(r, t, "input")), t === "" ? !L && !C && pe(r, null, "clear") : ne(r);
+    S !== t && ($e(t), mo(!1), q && q(r, t, "input")), t === "" ? !w && !$ && pe(r, null, "clear") : ne(r);
   }, _e = (r) => {
     const t = Number(r.currentTarget.getAttribute("data-option-index"));
     z.current !== t && te({
@@ -457,7 +458,7 @@ function st(e) {
     }), we.current = !0;
   }, xo = (r) => {
     const t = Number(r.currentTarget.getAttribute("data-option-index"));
-    ge(r, T[t], "selectOption"), we.current = !1;
+    ge(r, k[t], "selectOption"), we.current = !1;
   }, Co = (r) => (t) => {
     const l = s.slice();
     l.splice(r, 1), pe(t, l, "removeOption", {
@@ -468,19 +469,19 @@ function st(e) {
   }, Mo = (r) => {
     r.currentTarget.contains(r.target) && r.target.getAttribute("id") !== U && r.preventDefault();
   }, Ye = (r) => {
-    r.currentTarget.contains(r.target) && (k.current.focus(), Fe && Be.current && k.current.selectionEnd - k.current.selectionStart === 0 && k.current.select(), Be.current = !1);
+    r.currentTarget.contains(r.target) && (R.current.focus(), Fe && Be.current && R.current.selectionEnd - R.current.selectionStart === 0 && R.current.select(), Be.current = !1);
   }, N = (r) => {
     !A && (S === "" || !se) && (no(r), r.stopPropagation());
   };
-  let R = le && S.length > 0;
-  R = R || (C ? s.length > 0 : s !== null);
-  let ae = T;
+  let L = le && S.length > 0;
+  L = L || ($ ? s.length > 0 : s !== null);
+  let ae = k;
   if (oe) {
     const r = /* @__PURE__ */ new Map();
     let t = !1;
-    ae = T.reduce((l, p, c) => {
+    ae = k.reduce((l, p, c) => {
       const O = oe(p);
-      return l.length > 0 && l[l.length - 1].group === O ? l[l.length - 1].options.push(p) : (process.env.NODE_ENV !== "production" && (r.get(O) && !t && (console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${d} returns duplicated headers.`, "You can solve the issue by sorting the options with the output of `groupBy`."), t = !0), r.set(O, !0)), l.push({
+      return l.length > 0 && l[l.length - 1].group === O ? l[l.length - 1].options.push(p) : (process.env.NODE_ENV !== "production" && (r.get(O) && !t && (console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${C} returns duplicated headers.`, "You can solve the issue by sorting the options with the output of `groupBy`."), t = !0), r.set(O, !0)), l.push({
         key: c,
         index: c,
         group: O,
@@ -516,7 +517,7 @@ function st(e) {
       // Disable browser's suggestion that might overlap with the popup.
       // Handle autocomplete but not autofill.
       autoComplete: "off",
-      ref: k,
+      ref: R,
       autoCapitalize: "none",
       spellCheck: "false",
       role: "combobox",
@@ -556,7 +557,7 @@ function st(e) {
       index: r,
       option: t
     }) => {
-      const l = (C ? s : [s]).some((c) => c != null && W(t, c)), p = H ? H(t) : !1;
+      const l = ($ ? s : [s]).some((c) => c != null && W(t, c)), p = H ? H(t) : !1;
       return {
         key: (he == null ? void 0 : he(t)) ?? D(t),
         tabIndex: -1,
@@ -573,7 +574,7 @@ function st(e) {
     id: U,
     inputValue: S,
     value: s,
-    dirty: R,
+    dirty: L,
     expanded: j && Ue,
     popupOpen: j,
     focused: Ie || G !== -1,
@@ -583,29 +584,29 @@ function st(e) {
     groupedOptions: ae
   };
 }
-function pt(e) {
+function ct(e) {
   return po("MuiListSubheader", e);
 }
 co("MuiListSubheader", ["root", "colorPrimary", "colorInherit", "gutters", "inset", "sticky"]);
-const ct = (e) => {
+const ut = (e) => {
   const {
     classes: n,
     color: a,
     disableGutters: i,
-    inset: b,
+    inset: g,
     disableSticky: h
   } = e, x = {
-    root: ["root", a !== "default" && `color${f(a)}`, !i && "gutters", b && "inset", !h && "sticky"]
+    root: ["root", a !== "default" && `color${d(a)}`, !i && "gutters", g && "inset", !h && "sticky"]
   };
-  return fo(x, pt, n);
-}, ut = F("li", {
+  return fo(x, ct, n);
+}, dt = F("li", {
   name: "MuiListSubheader",
   slot: "Root",
   overridesResolver: (e, n) => {
     const {
       ownerState: a
     } = e;
-    return [n.root, a.color !== "default" && n[`color${f(a.color)}`], !a.disableGutters && n.gutters, a.inset && n.inset, !a.disableSticky && n.sticky];
+    return [n.root, a.color !== "default" && n[`color${d(a.color)}`], !a.disableGutters && n.gutters, a.inset && n.inset, !a.disableSticky && n.sticky];
   }
 })(ee(({
   theme: e
@@ -657,32 +658,32 @@ const ct = (e) => {
       backgroundColor: (e.vars || e).palette.background.paper
     }
   }]
-}))), so = /* @__PURE__ */ m.forwardRef(function(n, a) {
+}))), so = /* @__PURE__ */ b.forwardRef(function(n, a) {
   const i = uo({
     props: n,
     name: "MuiListSubheader"
   }), {
-    className: b,
+    className: g,
     color: h = "default",
     component: x = "li",
     disableGutters: y = !1,
     disableSticky: P = !1,
-    inset: d = !1,
-    ...I
-  } = i, L = {
+    inset: C = !1,
+    ...m
+  } = i, w = {
     ...i,
     color: h,
     component: x,
     disableGutters: y,
     disableSticky: P,
-    inset: d
-  }, X = ct(L);
-  return /* @__PURE__ */ w(ut, {
+    inset: C
+  }, X = ut(w);
+  return /* @__PURE__ */ T(dt, {
     as: x,
-    className: J(X.root, b),
+    className: J(X.root, g),
     ref: a,
-    ownerState: L,
-    ...I
+    ownerState: w,
+    ...m
   });
 });
 so && (so.muiSkipListHighlight = !0);
@@ -733,28 +734,28 @@ process.env.NODE_ENV !== "production" && (so.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-function dt(e) {
+function ft(e) {
   return po("MuiIconButton", e);
 }
-const ft = co("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), gt = (e) => {
+const gt = co("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), bt = (e) => {
   const {
     classes: n,
     disabled: a,
     color: i,
-    edge: b,
+    edge: g,
     size: h
   } = e, x = {
-    root: ["root", a && "disabled", i !== "default" && `color${f(i)}`, b && `edge${f(b)}`, `size${f(h)}`]
+    root: ["root", a && "disabled", i !== "default" && `color${d(i)}`, g && `edge${d(g)}`, `size${d(h)}`]
   };
-  return fo(x, dt, n);
-}, bt = F(So, {
+  return fo(x, ft, n);
+}, mt = F(So, {
   name: "MuiIconButton",
   slot: "Root",
   overridesResolver: (e, n) => {
     const {
       ownerState: a
     } = e;
-    return [n.root, a.color !== "default" && n[`color${f(a.color)}`], a.edge && n[`edge${f(a.edge)}`], n[`size${f(a.size)}`]];
+    return [n.root, a.color !== "default" && n[`color${d(a.color)}`], a.edge && n[`edge${d(a.edge)}`], n[`size${d(a.size)}`]];
   }
 })(ee(({
   theme: e
@@ -860,39 +861,39 @@ const ft = co("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
       fontSize: e.typography.pxToRem(28)
     }
   }],
-  [`&.${ft.disabled}`]: {
+  [`&.${gt.disabled}`]: {
     backgroundColor: "transparent",
     color: (e.vars || e).palette.action.disabled
   }
-}))), ko = /* @__PURE__ */ m.forwardRef(function(n, a) {
+}))), ko = /* @__PURE__ */ b.forwardRef(function(n, a) {
   const i = uo({
     props: n,
     name: "MuiIconButton"
   }), {
-    edge: b = !1,
+    edge: g = !1,
     children: h,
     className: x,
     color: y = "default",
     disabled: P = !1,
-    disableFocusRipple: d = !1,
-    disableRipple: I = !1,
-    size: L = "medium",
+    disableFocusRipple: C = !1,
+    disableRipple: m = !1,
+    size: w = "medium",
     ...X
   } = i, A = {
     ...i,
-    edge: b,
+    edge: g,
     color: y,
     disabled: P,
-    disableFocusRipple: d,
-    disableRipple: I,
-    size: L
-  }, E = gt(A);
-  return /* @__PURE__ */ w(bt, {
+    disableFocusRipple: C,
+    disableRipple: m,
+    size: w
+  }, E = bt(A);
+  return /* @__PURE__ */ T(mt, {
     className: J(E.root, x),
     centerRipple: !0,
-    focusRipple: !d,
+    focusRipple: !C,
     disabled: P,
-    disableRipple: I,
+    disableRipple: m,
     ref: a,
     ...X,
     ownerState: A,
@@ -907,7 +908,7 @@ process.env.NODE_ENV !== "production" && (ko.propTypes = {
   /**
    * The icon to display.
    */
-  children: wo(o.node, (e) => m.Children.toArray(e.children).some((a) => /* @__PURE__ */ m.isValidElement(a) && a.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
+  children: wo(o.node, (e) => b.Children.toArray(e.children).some((a) => /* @__PURE__ */ b.isValidElement(a) && a.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
 `)) : null),
   /**
    * Override or extend the styles applied to the component.
@@ -961,31 +962,31 @@ process.env.NODE_ENV !== "production" && (ko.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-const mt = Wo(/* @__PURE__ */ w("path", {
+const ht = Ho(/* @__PURE__ */ T("path", {
   d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
 }), "Cancel");
-function ht(e) {
+function yt(e) {
   return po("MuiChip", e);
 }
-const g = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colorError", "colorInfo", "colorPrimary", "colorSecondary", "colorSuccess", "colorWarning", "disabled", "clickable", "clickableColorPrimary", "clickableColorSecondary", "deletable", "deletableColorPrimary", "deletableColorSecondary", "outlined", "filled", "outlinedPrimary", "outlinedSecondary", "filledPrimary", "filledSecondary", "avatar", "avatarSmall", "avatarMedium", "avatarColorPrimary", "avatarColorSecondary", "icon", "iconSmall", "iconMedium", "iconColorPrimary", "iconColorSecondary", "label", "labelSmall", "labelMedium", "deleteIcon", "deleteIconSmall", "deleteIconMedium", "deleteIconColorPrimary", "deleteIconColorSecondary", "deleteIconOutlinedColorPrimary", "deleteIconOutlinedColorSecondary", "deleteIconFilledColorPrimary", "deleteIconFilledColorSecondary", "focusVisible"]), yt = (e) => {
+const f = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colorError", "colorInfo", "colorPrimary", "colorSecondary", "colorSuccess", "colorWarning", "disabled", "clickable", "clickableColorPrimary", "clickableColorSecondary", "deletable", "deletableColorPrimary", "deletableColorSecondary", "outlined", "filled", "outlinedPrimary", "outlinedSecondary", "filledPrimary", "filledSecondary", "avatar", "avatarSmall", "avatarMedium", "avatarColorPrimary", "avatarColorSecondary", "icon", "iconSmall", "iconMedium", "iconColorPrimary", "iconColorSecondary", "label", "labelSmall", "labelMedium", "deleteIcon", "deleteIconSmall", "deleteIconMedium", "deleteIconColorPrimary", "deleteIconColorSecondary", "deleteIconOutlinedColorPrimary", "deleteIconOutlinedColorSecondary", "deleteIconFilledColorPrimary", "deleteIconFilledColorSecondary", "focusVisible"]), vt = (e) => {
   const {
     classes: n,
     disabled: a,
     size: i,
-    color: b,
+    color: g,
     iconColor: h,
     onDelete: x,
     clickable: y,
     variant: P
-  } = e, d = {
-    root: ["root", P, a && "disabled", `size${f(i)}`, `color${f(b)}`, y && "clickable", y && `clickableColor${f(b)}`, x && "deletable", x && `deletableColor${f(b)}`, `${P}${f(b)}`],
-    label: ["label", `label${f(i)}`],
-    avatar: ["avatar", `avatar${f(i)}`, `avatarColor${f(b)}`],
-    icon: ["icon", `icon${f(i)}`, `iconColor${f(h)}`],
-    deleteIcon: ["deleteIcon", `deleteIcon${f(i)}`, `deleteIconColor${f(b)}`, `deleteIcon${f(P)}Color${f(b)}`]
+  } = e, C = {
+    root: ["root", P, a && "disabled", `size${d(i)}`, `color${d(g)}`, y && "clickable", y && `clickableColor${d(g)}`, x && "deletable", x && `deletableColor${d(g)}`, `${P}${d(g)}`],
+    label: ["label", `label${d(i)}`],
+    avatar: ["avatar", `avatar${d(i)}`, `avatarColor${d(g)}`],
+    icon: ["icon", `icon${d(i)}`, `iconColor${d(h)}`],
+    deleteIcon: ["deleteIcon", `deleteIcon${d(i)}`, `deleteIconColor${d(g)}`, `deleteIcon${d(P)}Color${d(g)}`]
   };
-  return fo(d, ht, n);
-}, vt = F("div", {
+  return fo(C, yt, n);
+}, xt = F("div", {
   name: "MuiChip",
   slot: "Root",
   overridesResolver: (e, n) => {
@@ -993,33 +994,33 @@ const g = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
       ownerState: a
     } = e, {
       color: i,
-      iconColor: b,
+      iconColor: g,
       clickable: h,
       onDelete: x,
       size: y,
       variant: P
     } = a;
     return [{
-      [`& .${g.avatar}`]: n.avatar
+      [`& .${f.avatar}`]: n.avatar
     }, {
-      [`& .${g.avatar}`]: n[`avatar${f(y)}`]
+      [`& .${f.avatar}`]: n[`avatar${d(y)}`]
     }, {
-      [`& .${g.avatar}`]: n[`avatarColor${f(i)}`]
+      [`& .${f.avatar}`]: n[`avatarColor${d(i)}`]
     }, {
-      [`& .${g.icon}`]: n.icon
+      [`& .${f.icon}`]: n.icon
     }, {
-      [`& .${g.icon}`]: n[`icon${f(y)}`]
+      [`& .${f.icon}`]: n[`icon${d(y)}`]
     }, {
-      [`& .${g.icon}`]: n[`iconColor${f(b)}`]
+      [`& .${f.icon}`]: n[`iconColor${d(g)}`]
     }, {
-      [`& .${g.deleteIcon}`]: n.deleteIcon
+      [`& .${f.deleteIcon}`]: n.deleteIcon
     }, {
-      [`& .${g.deleteIcon}`]: n[`deleteIcon${f(y)}`]
+      [`& .${f.deleteIcon}`]: n[`deleteIcon${d(y)}`]
     }, {
-      [`& .${g.deleteIcon}`]: n[`deleteIconColor${f(i)}`]
+      [`& .${f.deleteIcon}`]: n[`deleteIconColor${d(i)}`]
     }, {
-      [`& .${g.deleteIcon}`]: n[`deleteIcon${f(P)}Color${f(i)}`]
-    }, n.root, n[`size${f(y)}`], n[`color${f(i)}`], h && n.clickable, h && i !== "default" && n[`clickableColor${f(i)})`], x && n.deletable, x && i !== "default" && n[`deletableColor${f(i)}`], n[P], n[`${P}${f(i)}`]];
+      [`& .${f.deleteIcon}`]: n[`deleteIcon${d(P)}Color${d(i)}`]
+    }, n.root, n[`size${d(y)}`], n[`color${d(i)}`], h && n.clickable, h && i !== "default" && n[`clickableColor${d(i)})`], x && n.deletable, x && i !== "default" && n[`deletableColor${d(i)}`], n[P], n[`${P}${d(i)}`]];
   }
 })(ee(({
   theme: e
@@ -1049,11 +1050,11 @@ const g = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
     // Remove `button` padding
     verticalAlign: "middle",
     boxSizing: "border-box",
-    [`&.${g.disabled}`]: {
+    [`&.${f.disabled}`]: {
       opacity: (e.vars || e).palette.action.disabledOpacity,
       pointerEvents: "none"
     },
-    [`& .${g.avatar}`]: {
+    [`& .${f.avatar}`]: {
       marginLeft: 5,
       marginRight: -6,
       width: 24,
@@ -1061,26 +1062,26 @@ const g = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
       color: e.vars ? e.vars.palette.Chip.defaultAvatarColor : n,
       fontSize: e.typography.pxToRem(12)
     },
-    [`& .${g.avatarColorPrimary}`]: {
+    [`& .${f.avatarColorPrimary}`]: {
       color: (e.vars || e).palette.primary.contrastText,
       backgroundColor: (e.vars || e).palette.primary.dark
     },
-    [`& .${g.avatarColorSecondary}`]: {
+    [`& .${f.avatarColorSecondary}`]: {
       color: (e.vars || e).palette.secondary.contrastText,
       backgroundColor: (e.vars || e).palette.secondary.dark
     },
-    [`& .${g.avatarSmall}`]: {
+    [`& .${f.avatarSmall}`]: {
       marginLeft: 4,
       marginRight: -4,
       width: 18,
       height: 18,
       fontSize: e.typography.pxToRem(10)
     },
-    [`& .${g.icon}`]: {
+    [`& .${f.icon}`]: {
       marginLeft: 5,
       marginRight: -6
     },
-    [`& .${g.deleteIcon}`]: {
+    [`& .${f.deleteIcon}`]: {
       WebkitTapHighlightColor: "transparent",
       color: e.vars ? `rgba(${e.vars.palette.text.primaryChannel} / 0.26)` : V(e.palette.text.primary, 0.26),
       fontSize: 22,
@@ -1096,12 +1097,12 @@ const g = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
       },
       style: {
         height: 24,
-        [`& .${g.icon}`]: {
+        [`& .${f.icon}`]: {
           fontSize: 18,
           marginLeft: 4,
           marginRight: -4
         },
-        [`& .${g.deleteIcon}`]: {
+        [`& .${f.deleteIcon}`]: {
           fontSize: 16,
           marginRight: 4,
           marginLeft: -4
@@ -1114,7 +1115,7 @@ const g = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
       style: {
         backgroundColor: (e.vars || e).palette[a].main,
         color: (e.vars || e).palette[a].contrastText,
-        [`& .${g.deleteIcon}`]: {
+        [`& .${f.deleteIcon}`]: {
           color: e.vars ? `rgba(${e.vars.palette[a].contrastTextChannel} / 0.7)` : V(e.palette[a].contrastText, 0.7),
           "&:hover, &:active": {
             color: (e.vars || e).palette[a].contrastText
@@ -1124,14 +1125,14 @@ const g = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
     })), {
       props: (a) => a.iconColor === a.color,
       style: {
-        [`& .${g.icon}`]: {
+        [`& .${f.icon}`]: {
           color: e.vars ? e.vars.palette.Chip.defaultIconColor : n
         }
       }
     }, {
       props: (a) => a.iconColor === a.color && a.color !== "default",
       style: {
-        [`& .${g.icon}`]: {
+        [`& .${f.icon}`]: {
           color: "inherit"
         }
       }
@@ -1140,7 +1141,7 @@ const g = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
         onDelete: !0
       },
       style: {
-        [`&.${g.focusVisible}`]: {
+        [`&.${f.focusVisible}`]: {
           backgroundColor: e.vars ? `rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : V(e.palette.action.selected, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
         }
       }
@@ -1150,7 +1151,7 @@ const g = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
         onDelete: !0
       },
       style: {
-        [`&.${g.focusVisible}`]: {
+        [`&.${f.focusVisible}`]: {
           background: (e.vars || e).palette[a].dark
         }
       }
@@ -1165,7 +1166,7 @@ const g = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
         "&:hover": {
           backgroundColor: e.vars ? `rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : V(e.palette.action.selected, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity)
         },
-        [`&.${g.focusVisible}`]: {
+        [`&.${f.focusVisible}`]: {
           backgroundColor: e.vars ? `rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : V(e.palette.action.selected, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
         },
         "&:active": {
@@ -1178,7 +1179,7 @@ const g = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
         clickable: !0
       },
       style: {
-        [`&:hover, &.${g.focusVisible}`]: {
+        [`&:hover, &.${f.focusVisible}`]: {
           backgroundColor: (e.vars || e).palette[a].dark
         }
       }
@@ -1189,28 +1190,28 @@ const g = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
       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]}`,
-        [`&.${g.clickable}:hover`]: {
+        [`&.${f.clickable}:hover`]: {
           backgroundColor: (e.vars || e).palette.action.hover
         },
-        [`&.${g.focusVisible}`]: {
+        [`&.${f.focusVisible}`]: {
           backgroundColor: (e.vars || e).palette.action.focus
         },
-        [`& .${g.avatar}`]: {
+        [`& .${f.avatar}`]: {
           marginLeft: 4
         },
-        [`& .${g.avatarSmall}`]: {
+        [`& .${f.avatarSmall}`]: {
           marginLeft: 2
         },
-        [`& .${g.icon}`]: {
+        [`& .${f.icon}`]: {
           marginLeft: 4
         },
-        [`& .${g.iconSmall}`]: {
+        [`& .${f.iconSmall}`]: {
           marginLeft: 2
         },
-        [`& .${g.deleteIcon}`]: {
+        [`& .${f.deleteIcon}`]: {
           marginRight: 5
         },
-        [`& .${g.deleteIconSmall}`]: {
+        [`& .${f.deleteIconSmall}`]: {
           marginRight: 3
         }
       }
@@ -1222,13 +1223,13 @@ const g = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
       style: {
         color: (e.vars || e).palette[a].main,
         border: `1px solid ${e.vars ? `rgba(${e.vars.palette[a].mainChannel} / 0.7)` : V(e.palette[a].main, 0.7)}`,
-        [`&.${g.clickable}:hover`]: {
+        [`&.${f.clickable}:hover`]: {
           backgroundColor: e.vars ? `rgba(${e.vars.palette[a].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : V(e.palette[a].main, e.palette.action.hoverOpacity)
         },
-        [`&.${g.focusVisible}`]: {
+        [`&.${f.focusVisible}`]: {
           backgroundColor: e.vars ? `rgba(${e.vars.palette[a].mainChannel} / ${e.vars.palette.action.focusOpacity})` : V(e.palette[a].main, e.palette.action.focusOpacity)
         },
-        [`& .${g.deleteIcon}`]: {
+        [`& .${f.deleteIcon}`]: {
           color: e.vars ? `rgba(${e.vars.palette[a].mainChannel} / 0.7)` : V(e.palette[a].main, 0.7),
           "&:hover, &:active": {
             color: (e.vars || e).palette[a].main
@@ -1237,7 +1238,7 @@ const g = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
       }
     }))]
   };
-})), xt = F("span", {
+})), Ct = F("span", {
   name: "MuiChip",
   slot: "Label",
   overridesResolver: (e, n) => {
@@ -1246,7 +1247,7 @@ const g = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
     } = e, {
       size: i
     } = a;
-    return [n.label, n[`label${f(i)}`]];
+    return [n.label, n[`label${d(i)}`]];
   }
 })({
   overflow: "hidden",
@@ -1284,19 +1285,19 @@ const g = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
 function jo(e) {
   return e.key === "Backspace" || e.key === "Delete";
 }
-const _o = /* @__PURE__ */ m.forwardRef(function(n, a) {
+const Go = /* @__PURE__ */ b.forwardRef(function(n, a) {
   const i = uo({
     props: n,
     name: "MuiChip"
   }), {
-    avatar: b,
+    avatar: g,
     className: h,
     clickable: x,
     color: y = "default",
     component: P,
-    deleteIcon: d,
-    disabled: I = !1,
-    icon: L,
+    deleteIcon: C,
+    disabled: m = !1,
+    icon: w,
     label: X,
     onClick: A,
     onDelete: E,
@@ -1308,23 +1309,23 @@ const _o = /* @__PURE__ */ m.forwardRef(function(n, a) {
     skipFocusWhenDisabled: he = !1,
     // TODO v6: Rename to `focusableWhenDisabled`.
     ...Ee
-  } = i, oe = m.useRef(null), ze = et(oe, a), Ve = (M) => {
+  } = i, oe = b.useRef(null), ze = ot(oe, a), Ve = (M) => {
     M.stopPropagation(), E && E(M);
   }, de = (M) => {
     M.currentTarget === M.target && jo(M) && M.preventDefault(), ue && ue(M);
   }, ye = (M) => {
     M.currentTarget === M.target && E && jo(M) && E(M), Ne && Ne(M);
-  }, W = x !== !1 && A ? !0 : x, C = W || E ? So : P || "div", fe = {
+  }, W = x !== !1 && A ? !0 : x, $ = W || E ? So : P || "div", fe = {
     ...i,
-    component: C,
-    disabled: I,
+    component: $,
+    disabled: m,
     size: me,
     color: y,
-    iconColor: /* @__PURE__ */ m.isValidElement(L) && L.props.color || y,
+    iconColor: /* @__PURE__ */ b.isValidElement(w) && w.props.color || y,
     onDelete: !!E,
     clickable: W,
     variant: le
-  }, _ = yt(fe), ve = C === So ? {
+  }, _ = vt(fe), ve = $ === So ? {
     component: P || "div",
     focusVisibleClassName: _.focusVisible,
     ...E && {
@@ -1332,40 +1333,40 @@ const _o = /* @__PURE__ */ m.forwardRef(function(n, a) {
     }
   } : {};
   let q = null;
-  E && (q = d && /* @__PURE__ */ m.isValidElement(d) ? /* @__PURE__ */ m.cloneElement(d, {
-    className: J(d.props.className, _.deleteIcon),
+  E && (q = C && /* @__PURE__ */ b.isValidElement(C) ? /* @__PURE__ */ b.cloneElement(C, {
+    className: J(C.props.className, _.deleteIcon),
     onClick: Ve
-  }) : /* @__PURE__ */ w(mt, {
+  }) : /* @__PURE__ */ T(ht, {
     className: J(_.deleteIcon),
     onClick: Ve
   }));
   let ie = null;
-  b && /* @__PURE__ */ m.isValidElement(b) && (ie = /* @__PURE__ */ m.cloneElement(b, {
-    className: J(_.avatar, b.props.className)
+  g && /* @__PURE__ */ b.isValidElement(g) && (ie = /* @__PURE__ */ b.cloneElement(g, {
+    className: J(_.avatar, g.props.className)
   }));
   let xe = null;
-  return L && /* @__PURE__ */ m.isValidElement(L) && (xe = /* @__PURE__ */ m.cloneElement(L, {
-    className: J(_.icon, L.props.className)
-  })), process.env.NODE_ENV !== "production" && ie && xe && console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one."), /* @__PURE__ */ De(vt, {
-    as: C,
+  return w && /* @__PURE__ */ b.isValidElement(w) && (xe = /* @__PURE__ */ b.cloneElement(w, {
+    className: J(_.icon, w.props.className)
+  })), process.env.NODE_ENV !== "production" && ie && xe && console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one."), /* @__PURE__ */ De(xt, {
+    as: $,
     className: J(_.root, h),
-    disabled: W && I ? !0 : void 0,
+    disabled: W && m ? !0 : void 0,
     onClick: A,
     onKeyDown: de,
     onKeyUp: ye,
     ref: ze,
-    tabIndex: he && I ? -1 : H,
+    tabIndex: he && m ? -1 : H,
     ownerState: fe,
     ...ve,
     ...Ee,
-    children: [ie || xe, /* @__PURE__ */ w(xt, {
+    children: [ie || xe, /* @__PURE__ */ T(Ct, {
       className: J(_.label),
       ownerState: fe,
       children: X
     }), q]
   });
 });
-process.env.NODE_ENV !== "production" && (_o.propTypes = {
+process.env.NODE_ENV !== "production" && (Go.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1378,7 +1379,7 @@ process.env.NODE_ENV !== "production" && (_o.propTypes = {
    * This prop isn't supported.
    * Use the `component` prop if you need to change the children structure.
    */
-  children: tt,
+  children: nt,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -1467,34 +1468,34 @@ process.env.NODE_ENV !== "production" && (_o.propTypes = {
    */
   variant: o.oneOfType([o.oneOf(["filled", "outlined"]), o.string])
 });
-const Ct = Wo(/* @__PURE__ */ w("path", {
+const $t = Ho(/* @__PURE__ */ T("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), "Close");
-function $t(e) {
+function It(e) {
   return po("MuiAutocomplete", e);
 }
 const u = co("MuiAutocomplete", ["root", "expanded", "fullWidth", "focused", "focusVisible", "tag", "tagSizeSmall", "tagSizeMedium", "hasPopupIcon", "hasClearIcon", "inputRoot", "input", "inputFocused", "endAdornment", "clearIndicator", "popupIndicator", "popupIndicatorOpen", "popper", "popperDisablePortal", "paper", "listbox", "loading", "noOptions", "option", "groupLabel", "groupUl"]);
 var Bo, Uo;
-const It = (e) => {
+const Ot = (e) => {
   const {
     classes: n,
     disablePortal: a,
     expanded: i,
-    focused: b,
+    focused: g,
     fullWidth: h,
     hasClearIcon: x,
     hasPopupIcon: y,
     inputFocused: P,
-    popupOpen: d,
-    size: I
-  } = e, L = {
-    root: ["root", i && "expanded", b && "focused", h && "fullWidth", x && "hasClearIcon", y && "hasPopupIcon"],
+    popupOpen: C,
+    size: m
+  } = e, w = {
+    root: ["root", i && "expanded", g && "focused", h && "fullWidth", x && "hasClearIcon", y && "hasPopupIcon"],
     inputRoot: ["inputRoot"],
     input: ["input", P && "inputFocused"],
-    tag: ["tag", `tagSize${f(I)}`],
+    tag: ["tag", `tagSize${d(m)}`],
     endAdornment: ["endAdornment"],
     clearIndicator: ["clearIndicator"],
-    popupIndicator: ["popupIndicator", d && "popupIndicatorOpen"],
+    popupIndicator: ["popupIndicator", C && "popupIndicatorOpen"],
     popper: ["popper", a && "popperDisablePortal"],
     paper: ["paper"],
     listbox: ["listbox"],
@@ -1504,8 +1505,8 @@ const It = (e) => {
     groupLabel: ["groupLabel"],
     groupUl: ["groupUl"]
   };
-  return fo(L, $t, n);
-}, Ot = F("div", {
+  return fo(w, It, n);
+}, Pt = F("div", {
   name: "MuiAutocomplete",
   slot: "Root",
   overridesResolver: (e, n) => {
@@ -1513,7 +1514,7 @@ const It = (e) => {
       ownerState: a
     } = e, {
       fullWidth: i,
-      hasClearIcon: b,
+      hasClearIcon: g,
       hasPopupIcon: h,
       inputFocused: x,
       size: y
@@ -1521,14 +1522,14 @@ const It = (e) => {
     return [{
       [`& .${u.tag}`]: n.tag
     }, {
-      [`& .${u.tag}`]: n[`tagSize${f(y)}`]
+      [`& .${u.tag}`]: n[`tagSize${d(y)}`]
     }, {
       [`& .${u.inputRoot}`]: n.inputRoot
     }, {
       [`& .${u.input}`]: n.input
     }, {
       [`& .${u.input}`]: x && n.inputFocused
-    }, n.root, i && n.fullWidth, h && n.hasPopupIcon, b && n.hasClearIcon];
+    }, n.root, i && n.fullWidth, h && n.hasPopupIcon, g && n.hasClearIcon];
   }
 })({
   [`&.${u.focused} .${u.clearIndicator}`]: {
@@ -1672,7 +1673,7 @@ const It = (e) => {
       }
     }
   }]
-}), Pt = F("div", {
+}), St = F("div", {
   name: "MuiAutocomplete",
   slot: "EndAdornment",
   overridesResolver: (e, n) => n.endAdornment
@@ -1682,7 +1683,7 @@ const It = (e) => {
   right: 0,
   top: "50%",
   transform: "translate(0, -50%)"
-}), St = F(ko, {
+}), wt = F(ko, {
   name: "MuiAutocomplete",
   slot: "ClearIndicator",
   overridesResolver: (e, n) => n.clearIndicator
@@ -1690,7 +1691,7 @@ const It = (e) => {
   marginRight: -2,
   padding: 4,
   visibility: "hidden"
-}), wt = F(ko, {
+}), Tt = F(ko, {
   name: "MuiAutocomplete",
   slot: "PopupIndicator",
   overridesResolver: ({
@@ -1710,7 +1711,7 @@ const It = (e) => {
       transform: "rotate(180deg)"
     }
   }]
-}), Tt = F(Ko, {
+}), kt = F(Wo, {
   name: "MuiAutocomplete",
   slot: "Popper",
   overridesResolver: (e, n) => {
@@ -1733,7 +1734,7 @@ const It = (e) => {
       position: "absolute"
     }
   }]
-}))), kt = F(Go, {
+}))), Rt = F(Ko, {
   name: "MuiAutocomplete",
   slot: "Paper",
   overridesResolver: (e, n) => n.paper
@@ -1742,7 +1743,7 @@ const It = (e) => {
 }) => ({
   ...e.typography.body1,
   overflow: "auto"
-}))), Rt = F("div", {
+}))), Lt = F("div", {
   name: "MuiAutocomplete",
   slot: "Loading",
   overridesResolver: (e, n) => n.loading
@@ -1751,7 +1752,7 @@ const It = (e) => {
 }) => ({
   color: (e.vars || e).palette.text.secondary,
   padding: "14px 16px"
-}))), Lt = F("div", {
+}))), At = F("div", {
   name: "MuiAutocomplete",
   slot: "NoOptions",
   overridesResolver: (e, n) => n.noOptions
@@ -1760,7 +1761,7 @@ const It = (e) => {
 }) => ({
   color: (e.vars || e).palette.text.secondary,
   padding: "14px 16px"
-}))), At = F("div", {
+}))), Mt = F("div", {
   name: "MuiAutocomplete",
   slot: "Listbox",
   overridesResolver: (e, n) => n.listbox
@@ -1818,7 +1819,7 @@ const It = (e) => {
       }
     }
   }
-}))), Mt = F(so, {
+}))), Dt = F(so, {
   name: "MuiAutocomplete",
   slot: "GroupLabel",
   overridesResolver: (e, n) => n.groupLabel
@@ -1827,7 +1828,7 @@ const It = (e) => {
 }) => ({
   backgroundColor: (e.vars || e).palette.background.paper,
   top: -8
-}))), Dt = F("ul", {
+}))), Nt = F("ul", {
   name: "MuiAutocomplete",
   slot: "GroupUl",
   overridesResolver: (e, n) => n.groupUl
@@ -1836,21 +1837,21 @@ const It = (e) => {
   [`& .${u.option}`]: {
     paddingLeft: 24
   }
-}), To = /* @__PURE__ */ m.forwardRef(function(n, a) {
+}), To = /* @__PURE__ */ b.forwardRef(function(n, a) {
   const i = uo({
     props: n,
     name: "MuiAutocomplete"
   }), {
-    autoComplete: b = !1,
+    autoComplete: g = !1,
     autoHighlight: h = !1,
     autoSelect: x = !1,
     blurOnSelect: y = !1,
     ChipProps: P,
-    className: d,
-    clearIcon: I = Bo || (Bo = /* @__PURE__ */ w(Ct, {
+    className: C,
+    clearIcon: m = Bo || (Bo = /* @__PURE__ */ T($t, {
       fontSize: "small"
     })),
-    clearOnBlur: L = !i.freeSolo,
+    clearOnBlur: w = !i.freeSolo,
     clearOnEscape: X = !1,
     clearText: A = "Clear",
     closeText: E = "Close",
@@ -1867,7 +1868,7 @@ const It = (e) => {
     forcePopupIcon: de = "auto",
     freeSolo: ye = !1,
     fullWidth: W = !1,
-    getLimitTagsText: C = (v) => `+${v}`,
+    getLimitTagsText: $ = (v) => `+${v}`,
     getOptionDisabled: fe,
     getOptionKey: _,
     getOptionLabel: ve,
@@ -1883,7 +1884,7 @@ const It = (e) => {
     loading: D = !1,
     loadingText: je = "Loading…",
     multiple: Be = !1,
-    noOptionsText: k = "No options",
+    noOptionsText: R = "No options",
     onChange: K,
     onClose: Ue,
     onHighlightChange: Lo,
@@ -1895,7 +1896,7 @@ const It = (e) => {
     options: Ao,
     PaperComponent: S,
     PopperComponent: $e,
-    popupIcon: Ie = Uo || (Uo = /* @__PURE__ */ w(Xo, {})),
+    popupIcon: Ie = Uo || (Uo = /* @__PURE__ */ T(Qo, {})),
     readOnly: He = !1,
     renderGroup: Oe,
     renderInput: se,
@@ -1904,7 +1905,7 @@ const It = (e) => {
     selectOnFocus: mo = !i.freeSolo,
     size: Pe = "medium",
     slots: j = {},
-    slotProps: T = {},
+    slotProps: k = {},
     value: Q,
     ...We
   } = i, {
@@ -1927,7 +1928,7 @@ const It = (e) => {
     setAnchorEl: vo,
     inputValue: to,
     groupedOptions: Re
-  } = st({
+  } = pt({
     ...i,
     componentName: "Autocomplete"
   }), _e = !me && !H && pe && !He, qe = (!ye || de === !0) && de !== !1, {
@@ -1947,7 +1948,7 @@ const It = (e) => {
     inputFocused: oo === -1,
     popupOpen: Te,
     size: Pe
-  }, R = It(N), ae = {
+  }, L = Ot(N), ae = {
     slots: {
       listbox: go,
       paper: S,
@@ -1958,25 +1959,25 @@ const It = (e) => {
       chip: P,
       listbox: U,
       ...ue,
-      ...T
+      ...k
     }
   }, [r, t] = Oo("listbox", {
     elementType: "ul",
     externalForwardedProps: ae,
     ownerState: N,
-    className: R.listbox,
+    className: L.listbox,
     additionalProps: no,
     ref: Co
   }), [l, p] = Oo("paper", {
-    elementType: Go,
+    elementType: Ko,
     externalForwardedProps: ae,
     ownerState: N,
-    className: R.paper
+    className: L.paper
   }), [c, O] = Oo("popper", {
-    elementType: Ko,
+    elementType: Wo,
     externalForwardedProps: ae,
     ownerState: N,
-    className: R.popper,
+    className: L.popper,
     additionalProps: {
       disablePortal: oe,
       style: {
@@ -1987,52 +1988,52 @@ const It = (e) => {
       open: Te
     }
   });
-  let $;
+  let I;
   if (Be && re.length > 0) {
     const v = (Z) => ({
-      className: R.tag,
+      className: L.tag,
       disabled: H,
       ...Ke(Z)
     });
-    Ze ? $ = Ze(re, v, N) : $ = re.map((Z, ce) => {
+    Ze ? I = Ze(re, v, N) : I = re.map((Z, ce) => {
       const {
         key: Je,
-        ...Yo
+        ...qo
       } = v({
         index: ce
       });
-      return /* @__PURE__ */ w(_o, {
+      return /* @__PURE__ */ T(Go, {
         label: Ye(Z),
         size: Pe,
-        ...Yo,
+        ...qo,
         ...ae.slotProps.chip
       }, Je);
     });
   }
-  if (Fe > -1 && Array.isArray($)) {
-    const v = $.length - Fe;
-    !Ge && v > 0 && ($ = $.splice(0, Fe), $.push(/* @__PURE__ */ w("span", {
-      className: R.tag,
-      children: C(v)
-    }, $.length)));
+  if (Fe > -1 && Array.isArray(I)) {
+    const v = I.length - Fe;
+    !Ge && v > 0 && (I = I.splice(0, Fe), I.push(/* @__PURE__ */ T("span", {
+      className: L.tag,
+      children: $(v)
+    }, I.length)));
   }
   const Le = Oe || ((v) => /* @__PURE__ */ De("li", {
-    children: [/* @__PURE__ */ w(Mt, {
-      className: R.groupLabel,
+    children: [/* @__PURE__ */ T(Dt, {
+      className: L.groupLabel,
       ownerState: N,
       component: "div",
       children: v.group
-    }), /* @__PURE__ */ w(Dt, {
-      className: R.groupUl,
+    }), /* @__PURE__ */ T(Nt, {
+      className: L.groupUl,
       ownerState: N,
       children: v.children
     })]
-  }, v.key)), qo = Qe || ((v, Z) => {
+  }, v.key)), _o = Qe || ((v, Z) => {
     const {
       key: ce,
       ...Je
     } = v;
-    return /* @__PURE__ */ w("li", {
+    return /* @__PURE__ */ T("li", {
       ...Je,
       children: Ye(Z)
     }, ce);
@@ -2041,25 +2042,25 @@ const It = (e) => {
       option: v,
       index: Z
     });
-    return qo({
+    return _o({
       ...ce,
-      className: R.option
+      className: L.option
     }, v, {
       selected: ce["aria-selected"],
       index: Z,
       inputValue: to
     }, N);
-  }, ro = ae.slotProps.clearIndicator, ao = ae.slotProps.popupIndicator, $o = (v) => /* @__PURE__ */ w(Tt, {
+  }, ro = ae.slotProps.clearIndicator, ao = ae.slotProps.popupIndicator, $o = (v) => /* @__PURE__ */ T(kt, {
     as: c,
     ...O,
-    children: /* @__PURE__ */ w(kt, {
+    children: /* @__PURE__ */ T(Rt, {
       as: l,
       ...p,
       children: v
     })
   });
   let lo = null;
-  return Re.length > 0 ? lo = $o(/* @__PURE__ */ w(At, {
+  return Re.length > 0 ? lo = $o(/* @__PURE__ */ T(Mt, {
     as: r,
     ...t,
     children: Re.map((v, Z) => ie ? Le({
@@ -2067,22 +2068,22 @@ const It = (e) => {
       group: v.group,
       children: v.options.map((ce, Je) => Do(ce, v.index + Je))
     }) : Do(v, Z))
-  })) : D && Re.length === 0 ? lo = $o(/* @__PURE__ */ w(Rt, {
-    className: R.loading,
+  })) : D && Re.length === 0 ? lo = $o(/* @__PURE__ */ T(Lt, {
+    className: L.loading,
     ownerState: N,
     children: je
-  })) : Re.length === 0 && !ye && !D && (lo = $o(/* @__PURE__ */ w(Lt, {
-    className: R.noOptions,
+  })) : Re.length === 0 && !ye && !D && (lo = $o(/* @__PURE__ */ T(At, {
+    className: L.noOptions,
     ownerState: N,
     role: "presentation",
     onMouseDown: (v) => {
       v.preventDefault();
     },
-    children: k
-  }))), /* @__PURE__ */ De(m.Fragment, {
-    children: [/* @__PURE__ */ w(Ot, {
+    children: R
+  }))), /* @__PURE__ */ De(b.Fragment, {
+    children: [/* @__PURE__ */ T(Pt, {
       ref: a,
-      className: J(R.root, d),
+      className: J(L.root, C),
       ownerState: N,
       ...Se(We),
       children: se({
@@ -2093,36 +2094,36 @@ const It = (e) => {
         InputLabelProps: te(),
         InputProps: {
           ref: vo,
-          className: R.inputRoot,
-          startAdornment: $,
+          className: L.inputRoot,
+          startAdornment: I,
           onMouseDown: (v) => xo(v),
           ...(_e || qe) && {
-            endAdornment: /* @__PURE__ */ De(Pt, {
-              className: R.endAdornment,
+            endAdornment: /* @__PURE__ */ De(St, {
+              className: L.endAdornment,
               ownerState: N,
-              children: [_e ? /* @__PURE__ */ w(St, {
+              children: [_e ? /* @__PURE__ */ T(wt, {
                 ...ho(),
                 "aria-label": A,
                 title: A,
                 ownerState: N,
                 ...ro,
-                className: J(R.clearIndicator, ro == null ? void 0 : ro.className),
-                children: I
-              }) : null, qe ? /* @__PURE__ */ w(wt, {
+                className: J(L.clearIndicator, ro == null ? void 0 : ro.className),
+                children: m
+              }) : null, qe ? /* @__PURE__ */ T(Tt, {
                 ...Y(),
                 disabled: H,
                 "aria-label": Te ? E : s,
                 title: Te ? E : s,
                 ownerState: N,
                 ...ao,
-                className: J(R.popupIndicator, ao == null ? void 0 : ao.className),
+                className: J(L.popupIndicator, ao == null ? void 0 : ao.className),
                 children: Ie
               }) : null]
             })
           }
         },
         inputProps: {
-          className: R.input,
+          className: L.input,
           disabled: H,
           readOnly: He,
           ...eo()
@@ -2364,7 +2365,7 @@ process.env.NODE_ENV !== "production" && (To.propTypes = {
    * Set `-1` to disable the limit.
    * @default -1
    */
-  limitTags: ot,
+  limitTags: tt,
   /**
    * The component used to render the listbox.
    * @default 'ul'
@@ -2561,7 +2562,7 @@ process.env.NODE_ENV !== "production" && (To.propTypes = {
   value: wo(o.any, (e) => e.multiple && e.value !== void 0 && !Array.isArray(e.value) ? new Error(["MUI: The Autocomplete expects the `value` prop to be an array when `multiple={true}` or undefined.", `However, ${e.value} was provided.`].join(`
 `)) : null)
 });
-const Nt = ["colon", "borderFocusColor", "minWidth", "noLabel"], Et = Jo("div", { shouldForwardProp: (e) => !Nt.includes(e) })(({ borderFocusColor: e, minWidth: n = "180px", multiple: a }) => ({
+const Et = ["colon", "borderFocusColor", "minWidth", "noLabel"], zt = Yo("div", { shouldForwardProp: (e) => !Et.includes(e) })(({ borderFocusColor: e, minWidth: n = "180px", multiple: a }) => ({
   ...No`
     display: flex;
     flex-wrap: nowrap;
@@ -2606,7 +2607,7 @@ const Nt = ["colon", "borderFocusColor", "minWidth", "noLabel"], Et = Jo("div",
 
       transition: 313ms all ease-out;
       border-radius: 0;
-      border-bottom: 1px solid ${Ho.colors.gray};
+      border-bottom: 1px solid ${Jo.colors.gray};
       width: 100%;
 
       .Mui-select {
@@ -2662,61 +2663,64 @@ const Nt = ["colon", "borderFocusColor", "minWidth", "noLabel"], Et = Jo("div",
       width: 19px;
     }
   `
-})), tn = ({
+})), rn = ({
   label: e,
   colon: n = !0,
   options: a = [],
   noLabel: i = !1,
-  borderFocusColor: b = Ho.colors.green,
-  // border primary
+  borderFocusColor: g,
+  // borderPrimary
   onChange: h,
   minWidth: x,
   multiple: y,
   ...P
-}) => /* @__PURE__ */ De(
-  Et,
-  {
-    className: "jcLabeledDropdown",
-    borderFocusColor: b,
-    minWidth: x,
-    multiple: y,
-    children: [
-      !i && /* @__PURE__ */ De("span", { className: "jcDropdownLabel", children: [
-        e,
-        n && ":"
-      ] }),
-      !y && // @ts-ignore
-      /* @__PURE__ */ w(
-        To,
-        {
-          options: a,
-          onChange: (d, I) => (
-            // @ts-ignore
-            h && h({ ...d, target: { ...d.target, value: `${I == null ? void 0 : I.value}` || "" } })
-          ),
-          ...P,
-          renderInput: (d) => /* @__PURE__ */ w(zo, { ...d })
-        }
-      ),
-      y && // @ts-ignore
-      /* @__PURE__ */ w(
-        To,
-        {
-          multiple: !0,
-          disableCloseOnSelect: !0,
-          options: a,
-          onChange: (d, I) => (
-            // @ts-ignore
-            h && h({ ...d, target: { ...d.target, value: I } })
-          ),
-          ...P,
-          renderInput: (d) => /* @__PURE__ */ w(zo, { ...d })
-        }
-      )
-    ]
-  }
-);
+}) => {
+  const C = Xo();
+  return /* @__PURE__ */ De(
+    zt,
+    {
+      className: "jcLabeledDropdown",
+      borderFocusColor: g || C.themeColor,
+      minWidth: x,
+      multiple: y,
+      children: [
+        !i && /* @__PURE__ */ De("span", { className: "jcDropdownLabel", children: [
+          e,
+          n && ":"
+        ] }),
+        !y && // @ts-ignore
+        /* @__PURE__ */ T(
+          To,
+          {
+            options: a,
+            onChange: (m, w) => (
+              // @ts-ignore
+              h && h({ ...m, target: { ...m.target, value: `${w == null ? void 0 : w.value}` || "" } })
+            ),
+            ...P,
+            renderInput: (m) => /* @__PURE__ */ T(zo, { ...m })
+          }
+        ),
+        y && // @ts-ignore
+        /* @__PURE__ */ T(
+          To,
+          {
+            multiple: !0,
+            disableCloseOnSelect: !0,
+            options: a,
+            onChange: (m, w) => (
+              // @ts-ignore
+              h && h({ ...m, target: { ...m.target, value: w } })
+            ),
+            ...P,
+            renderInput: (m) => /* @__PURE__ */ T(zo, { ...m })
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  tn as LabeledDropdown,
-  tn as default
+  rn as LabeledDropdown,
+  rn as default
 };