@cgi-learning-hub/ui 1.7.0 → 1.8.0

package/dist/{Autocomplete-WZw_zCjA.js → Autocomplete-B8u-WYi5.js}

@@ -1,350 +1,365 @@
 import * as x from "react";
 import { P as t } from "./index-Sy88PpwE.js";
-import { F as Rt, G as Dt, H as Je, K as Ye, n as ct } from "./identifier-PWESmBq6.js";
-import { A as zt, f as he, o as St, i as dt } from "./Select-CpNF3a57.js";
-import { i as le } from "./InputBase-BS5oknUK.js";
-import { C as jt } from "./Close-DEMecSZ6.js";
-import { m as pe } from "./memoTheme-DAFDflPY.js";
-import { u as ft } from "./useSlot-BzdKwDQ5.js";
+import { F as Dt, G as Nt, H as Je, K as Ye } from "./identifier-Dnc8T93Z.js";
+import { A as zt, f as xe, o as St, i as ft } from "./Select-Bx0yVOZE.js";
+import { i as pe } from "./InputBase-BCbPPzW1.js";
+import { C as jt } from "./Close-Cr2OT0GV.js";
+import { m as ue } from "./memoTheme-K37vidlb.js";
+import { u as gt } from "./useSlot-GooGQrej.js";
 import { jsx as A, jsxs as Ke } from "react/jsx-runtime";
-import { u as Nt, s as H, c as Et } from "./DefaultPropsProvider-DqazQPtr.js";
+import { u as Et, s as F, c as Mt } from "./DefaultPropsProvider-nxIPd34m.js";
 import { u as Ut } from "./useId-CK6Kn3Tn.js";
-import { u as gt } from "./useControlled-nm4pBabJ.js";
+import { u as mt } from "./useControlled-nm4pBabJ.js";
 import { u as Bt } from "./usePreviousProps-ByGlbpJ6.js";
 import { a as _e } from "./useEventCallback-Y2KwRxBw.js";
 import { s as Wt } from "./Portal-BlK6ttxt.js";
-import { P as Mt } from "./Paper-IQckggbn.js";
-import { P as Vt } from "./Popper-CfFLBZ7-.js";
-import { C as Gt } from "./Chip-DmjZbx_X.js";
-import { I as Ft } from "./IconButton-BYvak8Nw.js";
+import { P as Vt } from "./Paper-BylmTlAJ.js";
+import { P as Ft } from "./Popper-CvQLHjwo.js";
+import { C as Gt } from "./Chip-BDVqkZZM.js";
+import { I as Ht } from "./IconButton-f9EZgwvD.js";
 import { c as Tt } from "./chainPropTypes-D9lkm76m.js";
 import { i as qt } from "./integerPropType-BihGt2aU.js";
-function vt(n) {
+function vt({
+  array1: n,
+  array2: a,
+  parser: u = (f) => f
+}) {
+  return n && a && n.length === a.length && n.every((f, $) => u(f) === u(a[$]));
+}
+function At(n) {
   return n.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
 }
 function Kt(n = {}) {
   const {
-    ignoreAccents: i = !0,
-    ignoreCase: d = !0,
-    limit: m,
-    matchFrom: T = "any",
-    stringify: D,
+    ignoreAccents: a = !0,
+    ignoreCase: u = !0,
+    limit: f,
+    matchFrom: $ = "any",
+    stringify: R,
     trim: v = !1
   } = n;
-  return (N, {
-    inputValue: B,
-    getOptionLabel: I
+  return (D, {
+    inputValue: U,
+    getOptionLabel: O
   }) => {
-    let $ = v ? B.trim() : B;
-    d && ($ = $.toLowerCase()), i && ($ = vt($));
-    const W = $ ? N.filter((ue) => {
-      let E = (D || I)(ue);
-      return d && (E = E.toLowerCase()), i && (E = vt(E)), T === "start" ? E.startsWith($) : E.includes($);
-    }) : N;
-    return typeof m == "number" ? W.slice(0, m) : W;
+    let T = v ? U.trim() : U;
+    u && (T = T.toLowerCase()), a && (T = At(T));
+    const B = T ? D.filter((ce) => {
+      let N = (R || O)(ce);
+      return u && (N = N.toLowerCase()), a && (N = At(N)), $ === "start" ? N.startsWith(T) : N.includes(T);
+    }) : D;
+    return typeof f == "number" ? B.slice(0, f) : B;
   };
 }
 const _t = Kt(), wt = 5, Jt = (n) => {
-  var i;
-  return n.current !== null && ((i = n.current.parentElement) == null ? void 0 : i.contains(document.activeElement));
+  var a;
+  return n.current !== null && ((a = n.current.parentElement) == null ? void 0 : a.contains(document.activeElement));
 }, Xt = [];
-function At(n, i, d, m) {
-  if (i || n == null || m)
+function Lt(n, a, u, f) {
+  if (a || n == null || f)
     return "";
-  const T = d(n);
-  return typeof T == "string" ? T : "";
+  const $ = u(n);
+  return typeof $ == "string" ? $ : "";
 }
 function Yt(n) {
   const {
     // eslint-disable-next-line @typescript-eslint/naming-convention
-    unstable_isActiveElementInListbox: i = Jt,
+    unstable_isActiveElementInListbox: a = Jt,
     // eslint-disable-next-line @typescript-eslint/naming-convention
-    unstable_classNamePrefix: d = "Mui",
-    autoComplete: m = !1,
-    autoHighlight: T = !1,
-    autoSelect: D = !1,
+    unstable_classNamePrefix: u = "Mui",
+    autoComplete: f = !1,
+    autoHighlight: $ = !1,
+    autoSelect: R = !1,
     blurOnSelect: v = !1,
-    clearOnBlur: N = !n.freeSolo,
-    clearOnEscape: B = !1,
-    componentName: I = "useAutocomplete",
-    defaultValue: $ = n.multiple ? Xt : null,
-    disableClearable: W = !1,
-    disableCloseOnSelect: ue = !1,
-    disabled: E,
-    disabledItemsFocusable: Ae = !1,
-    disableListWrap: Le = !1,
-    filterOptions: mt = _t,
-    filterSelectedOptions: ke = !1,
-    freeSolo: ce = !1,
-    getOptionDisabled: G,
-    getOptionKey: Re,
+    clearOnBlur: D = !n.freeSolo,
+    clearOnEscape: U = !1,
+    componentName: O = "useAutocomplete",
+    defaultValue: T = n.multiple ? Xt : null,
+    disableClearable: B = !1,
+    disableCloseOnSelect: ce = !1,
+    disabled: N,
+    disabledItemsFocusable: Le = !1,
+    disableListWrap: ke = !1,
+    filterOptions: bt = _t,
+    filterSelectedOptions: Re = !1,
+    freeSolo: de = !1,
+    getOptionDisabled: W,
+    getOptionKey: De,
     getOptionLabel: Qe = (o) => o.label ?? o,
-    groupBy: oe,
+    groupBy: re,
     handleHomeEndKeys: Ze = !n.freeSolo,
-    id: bt,
-    includeInputInList: ye = !1,
-    inputValue: De,
+    id: ht,
+    includeInputInList: Ie = !1,
+    inputValue: Ne,
     isOptionEqualToValue: Y = (o, e) => o === e,
-    multiple: u = !1,
+    multiple: c = !1,
     onChange: et,
     onClose: tt,
-    onHighlightChange: Ne,
+    onHighlightChange: Ee,
     onInputChange: Q,
-    onOpen: Ee,
-    open: ht,
-    openOnFocus: yt = !1,
-    options: xt,
-    readOnly: K = !1,
-    renderValue: L,
+    onOpen: Me,
+    open: yt,
+    openOnFocus: xt = !1,
+    options: It,
+    readOnly: G = !1,
+    renderValue: w,
     selectOnFocus: ot = !n.freeSolo,
-    value: Me
-  } = n, M = Ut(bt);
-  let S = Qe;
-  S = (o) => {
+    value: Ve
+  } = n, E = Ut(ht);
+  let P = Qe;
+  P = (o) => {
     const e = Qe(o);
     if (typeof e != "string") {
       if (process.env.NODE_ENV !== "production") {
         const r = e === void 0 ? "undefined" : `${typeof e} (${e})`;
-        console.error(`MUI: The \`getOptionLabel\` method of ${I} returned ${r} instead of a string for ${JSON.stringify(o)}.`);
+        console.error(`MUI: The \`getOptionLabel\` method of ${O} returned ${r} instead of a string for ${JSON.stringify(o)}.`);
       }
       return String(e);
     }
     return e;
   };
-  const xe = x.useRef(!1), Ie = x.useRef(!0), h = x.useRef(null), F = x.useRef(null), [Oe, It] = x.useState(null), [V, Ve] = x.useState(-1), nt = T ? 0 : -1, C = x.useRef(nt), Ot = x.useRef(At($ ?? Me, u, S)).current, [s, Pe] = gt({
-    controlled: Me,
-    default: $,
-    name: I
-  }), [g, ne] = gt({
-    controlled: De,
-    default: Ot,
-    name: I,
+  const Oe = x.useRef(!1), Pe = x.useRef(!0), h = x.useRef(null), V = x.useRef(null), [Ce, Ot] = x.useState(null), [M, Fe] = x.useState(-1), nt = $ ? 0 : -1, S = x.useRef(nt), Pt = x.useRef(Lt(T ?? Ve, c, P)).current, [l, $e] = mt({
+    controlled: Ve,
+    default: T,
+    name: O
+  }), [g, ae] = mt({
+    controlled: Ne,
+    default: Pt,
+    name: O,
     state: "inputValue"
-  }), [de, Fe] = x.useState(!1), fe = x.useCallback((o, e, r) => {
-    if (!(u ? s.length < e.length : e !== null) && !N)
+  }), [fe, He] = x.useState(!1), ge = x.useCallback((o, e, r) => {
+    if (!(c ? l.length < e.length : e !== null) && !D)
       return;
-    const a = At(e, u, S, L);
-    g !== a && (ne(a), Q && Q(o, a, r));
-  }, [S, g, u, Q, ne, N, s, L]), [_, re] = gt({
-    controlled: ht,
+    const i = Lt(e, c, P, w);
+    g !== i && (ae(i), Q && Q(o, i, r));
+  }, [P, g, c, Q, ae, D, l, w]), [q, se] = mt({
+    controlled: yt,
     default: !1,
-    name: I,
+    name: O,
     state: "open"
-  }), [Pt, ge] = x.useState(!0), He = !u && s != null && g === S(s), k = _ && !K, b = k ? mt(
-    xt.filter((o) => !(ke && (u ? s : [s]).some((e) => e !== null && Y(o, e)))),
+  }), [Ct, me] = x.useState(!0), ze = !c && l != null && g === P(l), L = q && !G, m = L ? bt(
+    It.filter((o) => !(Re && (c ? l : [l]).some((e) => e !== null && Y(o, e)))),
     // we use the empty string to manipulate `filterOptions` to not filter any options
     // i.e. the filter predicate always returns true
     {
-      inputValue: He && Pt ? "" : g,
-      getOptionLabel: S
+      inputValue: ze && Ct ? "" : g,
+      getOptionLabel: P
     }
-  ) : [], z = Bt({
-    filteredOptions: b,
-    value: s,
+  ) : [], H = Bt({
+    filteredOptions: m,
+    value: l,
     inputValue: g
   });
   x.useEffect(() => {
-    const o = s !== z.value;
-    de && !o || ce && !o || fe(null, s, "reset");
-  }, [s, fe, de, z.value, ce]);
-  const ze = _ && b.length > 0 && !K, j = _e((o) => {
+    const o = l !== H.value;
+    fe && !o || de && !o || ge(null, l, "reset");
+  }, [l, ge, fe, H.value, de]);
+  const je = q && m.length > 0 && !G, z = _e((o) => {
     if (o === -1)
       h.current.focus();
     else {
-      const e = L ? "data-item-index" : "data-tag-index";
-      Oe.querySelector(`[${e}="${o}"]`).focus();
+      const e = w ? "data-item-index" : "data-tag-index";
+      Ce.querySelector(`[${e}="${o}"]`).focus();
     }
   });
   x.useEffect(() => {
-    u && V > s.length - 1 && (Ve(-1), j(-1));
-  }, [s, u, V, j]);
+    c && M > l.length - 1 && (Fe(-1), z(-1));
+  }, [l, c, M, z]);
   function rt(o, e) {
-    if (!F.current || o < 0 || o >= b.length)
+    if (!V.current || o < 0 || o >= m.length)
       return -1;
     let r = o;
     for (; ; ) {
-      const p = F.current.querySelector(`[data-option-index="${r}"]`), a = Ae ? !1 : !p || p.disabled || p.getAttribute("aria-disabled") === "true";
-      if (p && p.hasAttribute("tabindex") && !a)
+      const s = V.current.querySelector(`[data-option-index="${r}"]`), i = Le ? !1 : !s || s.disabled || s.getAttribute("aria-disabled") === "true";
+      if (s && s.hasAttribute("tabindex") && !i)
         return r;
-      if (e === "next" ? r = (r + 1) % b.length : r = (r - 1 + b.length) % b.length, r === o)
+      if (e === "next" ? r = (r + 1) % m.length : r = (r - 1 + m.length) % m.length, r === o)
         return -1;
     }
   }
-  const J = _e(({
+  const K = _e(({
     event: o,
     index: e,
     reason: r
   }) => {
-    if (C.current = e, e === -1 ? h.current.removeAttribute("aria-activedescendant") : h.current.setAttribute("aria-activedescendant", `${M}-option-${e}`), Ne && ["mouse", "keyboard", "touch"].includes(r) && Ne(o, e === -1 ? null : b[e], r), !F.current)
+    if (S.current = e, e === -1 ? h.current.removeAttribute("aria-activedescendant") : h.current.setAttribute("aria-activedescendant", `${E}-option-${e}`), Ee && ["mouse", "keyboard", "touch"].includes(r) && Ee(o, e === -1 ? null : m[e], r), !V.current)
       return;
-    const p = F.current.querySelector(`[role="option"].${d}-focused`);
-    p && (p.classList.remove(`${d}-focused`), p.classList.remove(`${d}-focusVisible`));
-    let a = F.current;
-    if (F.current.getAttribute("role") !== "listbox" && (a = F.current.parentElement.querySelector('[role="listbox"]')), !a)
+    const s = V.current.querySelector(`[role="option"].${u}-focused`);
+    s && (s.classList.remove(`${u}-focused`), s.classList.remove(`${u}-focusVisible`));
+    let i = V.current;
+    if (V.current.getAttribute("role") !== "listbox" && (i = V.current.parentElement.querySelector('[role="listbox"]')), !i)
       return;
     if (e === -1) {
-      a.scrollTop = 0;
+      i.scrollTop = 0;
       return;
     }
-    const f = F.current.querySelector(`[data-option-index="${e}"]`);
-    if (f && (f.classList.add(`${d}-focused`), r === "keyboard" && f.classList.add(`${d}-focusVisible`), a.scrollHeight > a.clientHeight && r !== "mouse" && r !== "touch")) {
-      const y = f, w = a.clientHeight + a.scrollTop, ve = y.offsetTop + y.offsetHeight;
-      ve > w ? a.scrollTop = ve - a.clientHeight : y.offsetTop - y.offsetHeight * (oe ? 1.3 : 0) < a.scrollTop && (a.scrollTop = y.offsetTop - y.offsetHeight * (oe ? 1.3 : 0));
+    const b = V.current.querySelector(`[data-option-index="${e}"]`);
+    if (b && (b.classList.add(`${u}-focused`), r === "keyboard" && b.classList.add(`${u}-focusVisible`), i.scrollHeight > i.clientHeight && r !== "mouse" && r !== "touch")) {
+      const y = b, k = i.clientHeight + i.scrollTop, ye = y.offsetTop + y.offsetHeight;
+      ye > k ? i.scrollTop = ye - i.clientHeight : y.offsetTop - y.offsetHeight * (re ? 1.3 : 0) < i.scrollTop && (i.scrollTop = y.offsetTop - y.offsetHeight * (re ? 1.3 : 0));
     }
-  }), U = _e(({
+  }), j = _e(({
     event: o,
     diff: e,
     direction: r = "next",
-    reason: p
+    reason: s
   }) => {
-    if (!k)
+    if (!L)
       return;
-    const f = rt((() => {
-      const y = b.length - 1;
+    const b = rt((() => {
+      const y = m.length - 1;
       if (e === "reset")
         return nt;
       if (e === "start")
         return 0;
       if (e === "end")
         return y;
-      const w = C.current + e;
-      return w < 0 ? w === -1 && ye ? -1 : Le && C.current !== -1 || Math.abs(e) > 1 ? 0 : y : w > y ? w === y + 1 && ye ? -1 : Le || Math.abs(e) > 1 ? y : 0 : w;
+      const k = S.current + e;
+      return k < 0 ? k === -1 && Ie ? -1 : ke && S.current !== -1 || Math.abs(e) > 1 ? 0 : y : k > y ? k === y + 1 && Ie ? -1 : ke || Math.abs(e) > 1 ? y : 0 : k;
     })(), r);
-    if (J({
-      index: f,
-      reason: p,
+    if (K({
+      index: b,
+      reason: s,
       event: o
-    }), m && e !== "reset")
-      if (f === -1)
+    }), f && e !== "reset")
+      if (b === -1)
         h.current.value = g;
       else {
-        const y = S(b[f]);
+        const y = P(m[b]);
         h.current.value = y, y.toLowerCase().indexOf(g.toLowerCase()) === 0 && g.length > 0 && h.current.setSelectionRange(g.length, y.length);
       }
+  }), Ue = !vt({
+    array1: H.filteredOptions,
+    array2: m,
+    parser: P
   }), at = () => {
     const o = (e, r) => {
-      const p = e ? S(e) : "", a = r ? S(r) : "";
-      return p === a;
+      const s = e ? P(e) : "", i = r ? P(r) : "";
+      return s === i;
     };
-    if (C.current !== -1 && z.filteredOptions && z.filteredOptions.length !== b.length && z.inputValue === g && (u ? s.length === z.value.length && z.value.every((e, r) => S(s[r]) === S(e)) : o(z.value, s))) {
-      const e = z.filteredOptions[C.current];
+    if (S.current !== -1 && !vt({
+      array1: H.filteredOptions,
+      array2: m,
+      parser: P
+    }) && H.inputValue === g && (c ? l.length === H.value.length && H.value.every((e, r) => P(l[r]) === P(e)) : o(H.value, l))) {
+      const e = H.filteredOptions[S.current];
       if (e)
-        return b.findIndex((r) => S(r) === S(e));
+        return m.findIndex((r) => P(r) === P(e));
     }
     return -1;
-  }, Ce = x.useCallback(() => {
-    if (!k)
+  }, Se = x.useCallback(() => {
+    if (!L)
       return;
     const o = at();
     if (o !== -1) {
-      C.current = o;
+      S.current = o;
       return;
     }
-    const e = u ? s[0] : s;
-    if (b.length === 0 || e == null) {
-      U({
+    const e = c ? l[0] : l;
+    if (m.length === 0 || e == null) {
+      j({
         diff: "reset"
       });
       return;
     }
-    if (F.current) {
+    if (V.current) {
       if (e != null) {
-        const r = b[C.current];
-        if (u && r && s.findIndex((a) => Y(r, a)) !== -1)
+        const r = m[S.current];
+        if (c && r && l.findIndex((i) => Y(r, i)) !== -1)
           return;
-        const p = b.findIndex((a) => Y(a, e));
-        p === -1 ? U({
+        const s = m.findIndex((i) => Y(i, e));
+        s === -1 ? j({
           diff: "reset"
-        }) : J({
-          index: p
+        }) : K({
+          index: s
         });
         return;
       }
-      if (C.current >= b.length - 1) {
-        J({
-          index: b.length - 1
+      if (S.current >= m.length - 1) {
+        K({
+          index: m.length - 1
         });
         return;
       }
-      J({
-        index: C.current
+      K({
+        index: S.current
       });
     }
   }, [
     // Only sync the highlighted index when the option switch between empty and not
-    b.length,
+    m.length,
     // Don't sync the highlighted index with the value when multiple
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    u ? !1 : s,
-    ke,
-    U,
-    J,
-    k,
+    c ? !1 : l,
+    Re,
+    j,
+    K,
+    L,
     g,
-    u
-  ]), it = _e((o) => {
-    Wt(F, o), o && Ce();
+    c
+  ]), Z = _e((o) => {
+    Wt(V, o), o && Se();
   });
   process.env.NODE_ENV !== "production" && x.useEffect(() => {
-    (!h.current || h.current.nodeName !== "INPUT") && (h.current && h.current.nodeName === "TEXTAREA" ? console.warn([`A textarea element was provided to ${I} 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 ${h.current} while an HTMLInputElement was expected.`, `Instead, ${I} expects an input element.`, "", I === "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(`
+    (!h.current || h.current.nodeName !== "INPUT") && (h.current && h.current.nodeName === "TEXTAREA" ? console.warn([`A textarea element was provided to ${O} 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 ${h.current} while an HTMLInputElement was expected.`, `Instead, ${O} expects an input element.`, "", O === "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(`
 `)));
-  }, [I]), x.useEffect(() => {
-    Ce();
-  }, [Ce]);
-  const R = (o) => {
-    _ || (re(!0), ge(!0), Ee && Ee(o));
-  }, ae = (o, e) => {
-    _ && (re(!1), tt && tt(o, e));
-  }, X = (o, e, r, p) => {
-    if (u) {
-      if (s.length === e.length && s.every((a, f) => a === e[f]))
+  }, [O]), x.useEffect(() => {
+    Ue && Se();
+  }, [Se, Ue]);
+  const _ = (o) => {
+    q || (se(!0), me(!0), Me && Me(o));
+  }, ie = (o, e) => {
+    q && (se(!1), tt && tt(o, e));
+  }, J = (o, e, r, s) => {
+    if (c) {
+      if (l.length === e.length && l.every((i, b) => i === e[b]))
         return;
-    } else if (s === e)
+    } else if (l === e)
       return;
-    et && et(o, e, r, p), Pe(e);
-  }, me = x.useRef(!1), q = (o, e, r = "selectOption", p = "options") => {
-    let a = r, f = e;
-    if (u) {
-      if (f = Array.isArray(s) ? s.slice() : [], process.env.NODE_ENV !== "production") {
-        const w = f.filter((ve) => Y(e, ve));
-        w.length > 1 && console.error([`MUI: The \`isOptionEqualToValue\` method of ${I} does not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${w.length} matches.`].join(`
+    et && et(o, e, r, s), $e(e);
+  }, X = x.useRef(!1), ee = (o, e, r = "selectOption", s = "options") => {
+    let i = r, b = e;
+    if (c) {
+      if (b = Array.isArray(l) ? l.slice() : [], process.env.NODE_ENV !== "production") {
+        const k = b.filter((ye) => Y(e, ye));
+        k.length > 1 && console.error([`MUI: The \`isOptionEqualToValue\` method of ${O} does not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${k.length} matches.`].join(`
 `));
       }
-      const y = f.findIndex((w) => Y(e, w));
-      y === -1 ? f.push(e) : p !== "freeSolo" && (f.splice(y, 1), a = "removeOption");
+      const y = b.findIndex((k) => Y(e, k));
+      y === -1 ? b.push(e) : s !== "freeSolo" && (b.splice(y, 1), i = "removeOption");
     }
-    fe(o, f, a), X(o, f, a, {
+    ge(o, b, i), J(o, b, i, {
       option: e
-    }), !ue && (!o || !o.ctrlKey && !o.metaKey) && ae(o, a), (v === !0 || v === "touch" && me.current || v === "mouse" && !me.current) && h.current.blur();
+    }), !ce && (!o || !o.ctrlKey && !o.metaKey) && ie(o, i), (v === !0 || v === "touch" && X.current || v === "mouse" && !X.current) && h.current.blur();
   };
-  function je(o, e) {
+  function st(o, e) {
     if (o === -1)
       return -1;
     let r = o;
     for (; ; ) {
-      if (e === "next" && r === s.length || e === "previous" && r === -1)
+      if (e === "next" && r === l.length || e === "previous" && r === -1)
         return -1;
-      const p = L ? "data-item-index" : "data-tag-index", a = Oe.querySelector(`[${p}="${r}"]`);
-      if (!a || !a.hasAttribute("tabindex") || a.disabled || a.getAttribute("aria-disabled") === "true")
+      const s = w ? "data-item-index" : "data-tag-index", i = Ce.querySelector(`[${s}="${r}"]`);
+      if (!i || !i.hasAttribute("tabindex") || i.disabled || i.getAttribute("aria-disabled") === "true")
         r += e === "next" ? 1 : -1;
       else
         return r;
     }
   }
-  const Ue = (o, e) => {
-    if (!u)
+  const le = (o, e) => {
+    if (!c)
       return;
-    g === "" && ae(o, "toggleInput");
-    let r = V;
-    V === -1 ? g === "" && e === "previous" && (r = s.length - 1) : (r += e === "next" ? 1 : -1, r < 0 && (r = 0), r === s.length && (r = -1)), r = je(r, e), Ve(r), j(r);
-  }, ie = (o) => {
-    xe.current = !0, ne(""), Q && Q(o, "", "clear"), X(o, u ? [] : null, "clear");
-  }, st = (o) => (e) => {
-    if (o.onKeyDown && o.onKeyDown(e), !e.defaultMuiPrevented && (V !== -1 && !["ArrowLeft", "ArrowRight"].includes(e.key) && (Ve(-1), j(-1)), e.which !== 229))
+    g === "" && ie(o, "toggleInput");
+    let r = M;
+    M === -1 ? g === "" && e === "previous" && (r = l.length - 1) : (r += e === "next" ? 1 : -1, r < 0 && (r = 0), r === l.length && (r = -1)), r = st(r, e), Fe(r), z(r);
+  }, Be = (o) => {
+    Oe.current = !0, ae(""), Q && Q(o, "", "clear"), J(o, c ? [] : null, "clear");
+  }, it = (o) => (e) => {
+    if (o.onKeyDown && o.onKeyDown(e), !e.defaultMuiPrevented && (M !== -1 && !["ArrowLeft", "ArrowRight"].includes(e.key) && (Fe(-1), z(-1)), e.which !== 229))
       switch (e.key) {
         case "Home":
-          k && Ze && (e.preventDefault(), U({
+          L && Ze && (e.preventDefault(), j({
             diff: "start",
             direction: "next",
             reason: "keyboard",
@@ -352,7 +367,7 @@ function Yt(n) {
           }));
           break;
         case "End":
-          k && Ze && (e.preventDefault(), U({
+          L && Ze && (e.preventDefault(), j({
             diff: "end",
             direction: "previous",
             reason: "keyboard",
@@ -360,158 +375,158 @@ function Yt(n) {
           }));
           break;
         case "PageUp":
-          e.preventDefault(), U({
+          e.preventDefault(), j({
             diff: -wt,
             direction: "previous",
             reason: "keyboard",
             event: e
-          }), R(e);
+          }), _(e);
           break;
         case "PageDown":
-          e.preventDefault(), U({
+          e.preventDefault(), j({
             diff: wt,
             direction: "next",
             reason: "keyboard",
             event: e
-          }), R(e);
+          }), _(e);
           break;
         case "ArrowDown":
-          e.preventDefault(), U({
+          e.preventDefault(), j({
             diff: 1,
             direction: "next",
             reason: "keyboard",
             event: e
-          }), R(e);
+          }), _(e);
           break;
         case "ArrowUp":
-          e.preventDefault(), U({
+          e.preventDefault(), j({
             diff: -1,
             direction: "previous",
             reason: "keyboard",
             event: e
-          }), R(e);
+          }), _(e);
           break;
         case "ArrowLeft":
-          !u && L ? j(0) : Ue(e, "previous");
+          !c && w ? z(0) : le(e, "previous");
           break;
         case "ArrowRight":
-          !u && L ? j(-1) : Ue(e, "next");
+          !c && w ? z(-1) : le(e, "next");
           break;
         case "Enter":
-          if (C.current !== -1 && k) {
-            const r = b[C.current], p = G ? G(r) : !1;
-            if (e.preventDefault(), p)
+          if (S.current !== -1 && L) {
+            const r = m[S.current], s = W ? W(r) : !1;
+            if (e.preventDefault(), s)
               return;
-            q(e, r, "selectOption"), m && h.current.setSelectionRange(h.current.value.length, h.current.value.length);
-          } else ce && g !== "" && He === !1 && (u && e.preventDefault(), q(e, g, "createOption", "freeSolo"));
+            ee(e, r, "selectOption"), f && h.current.setSelectionRange(h.current.value.length, h.current.value.length);
+          } else de && g !== "" && ze === !1 && (c && e.preventDefault(), ee(e, g, "createOption", "freeSolo"));
           break;
         case "Escape":
-          k ? (e.preventDefault(), e.stopPropagation(), ae(e, "escape")) : B && (g !== "" || u && s.length > 0 || L) && (e.preventDefault(), e.stopPropagation(), ie(e));
+          L ? (e.preventDefault(), e.stopPropagation(), ie(e, "escape")) : U && (g !== "" || c && l.length > 0 || w) && (e.preventDefault(), e.stopPropagation(), Be(e));
           break;
         case "Backspace":
-          if (u && !K && g === "" && s.length > 0) {
-            const r = V === -1 ? s.length - 1 : V, p = s.slice();
-            p.splice(r, 1), X(e, p, "removeOption", {
-              option: s[r]
+          if (c && !G && g === "" && l.length > 0) {
+            const r = M === -1 ? l.length - 1 : M, s = l.slice();
+            s.splice(r, 1), J(e, s, "removeOption", {
+              option: l[r]
             });
           }
-          !u && L && !K && (Pe(null), j(-1));
+          !c && w && !G && ($e(null), z(-1));
           break;
         case "Delete":
-          if (u && !K && g === "" && s.length > 0 && V !== -1) {
-            const r = V, p = s.slice();
-            p.splice(r, 1), X(e, p, "removeOption", {
-              option: s[r]
+          if (c && !G && g === "" && l.length > 0 && M !== -1) {
+            const r = M, s = l.slice();
+            s.splice(r, 1), J(e, s, "removeOption", {
+              option: l[r]
             });
           }
-          !u && L && !K && (Pe(null), j(-1));
+          !c && w && !G && ($e(null), z(-1));
           break;
       }
-  }, lt = (o) => {
-    Fe(!0), yt && !xe.current && R(o);
-  }, se = (o) => {
-    if (i(F)) {
+  }, be = (o) => {
+    He(!0), xt && !Oe.current && _(o);
+  }, he = (o) => {
+    if (a(V)) {
       h.current.focus();
       return;
     }
-    Fe(!1), Ie.current = !0, xe.current = !1, D && C.current !== -1 && k ? q(o, b[C.current], "blur") : D && ce && g !== "" ? q(o, g, "blur", "freeSolo") : N && fe(o, s, "blur"), ae(o, "blur");
-  }, $e = (o) => {
+    He(!1), Pe.current = !0, Oe.current = !1, R && S.current !== -1 && L ? ee(o, m[S.current], "blur") : R && de && g !== "" ? ee(o, g, "blur", "freeSolo") : D && ge(o, l, "blur"), ie(o, "blur");
+  }, Te = (o) => {
     const e = o.target.value;
-    g !== e && (ne(e), ge(!1), Q && Q(o, e, "input")), e === "" ? !W && !u && X(o, null, "clear") : R(o);
-  }, Se = (o) => {
+    g !== e && (ae(e), me(!1), Q && Q(o, e, "input")), e === "" ? !B && !c && J(o, null, "clear") : _(o);
+  }, lt = (o) => {
     const e = Number(o.currentTarget.getAttribute("data-option-index"));
-    C.current !== e && J({
+    S.current !== e && K({
       event: o,
       index: e,
       reason: "mouse"
     });
   }, pt = (o) => {
-    J({
+    K({
       event: o,
       index: Number(o.currentTarget.getAttribute("data-option-index")),
       reason: "touch"
-    }), me.current = !0;
+    }), X.current = !0;
   }, ut = (o) => {
     const e = Number(o.currentTarget.getAttribute("data-option-index"));
-    q(o, b[e], "selectOption"), me.current = !1;
-  }, Be = (o) => (e) => {
-    const r = s.slice();
-    r.splice(o, 1), X(e, r, "removeOption", {
-      option: s[o]
+    ee(o, m[e], "selectOption"), X.current = !1;
+  }, ct = (o) => (e) => {
+    const r = l.slice();
+    r.splice(o, 1), J(e, r, "removeOption", {
+      option: l[o]
     });
-  }, Ct = (o) => {
-    X(o, null, "removeOption", {
-      option: s
+  }, ve = (o) => {
+    J(o, null, "removeOption", {
+      option: l
     });
-  }, be = (o) => {
-    _ ? ae(o, "toggleInput") : R(o);
-  }, O = (o) => {
-    o.currentTarget.contains(o.target) && o.target.getAttribute("id") !== M && o.preventDefault();
-  }, P = (o) => {
-    o.currentTarget.contains(o.target) && (h.current.focus(), ot && Ie.current && h.current.selectionEnd - h.current.selectionStart === 0 && h.current.select(), Ie.current = !1);
-  }, Z = (o) => {
-    !E && (g === "" || !_) && be(o);
+  }, I = (o) => {
+    q ? ie(o, "toggleInput") : _(o);
+  }, C = (o) => {
+    o.currentTarget.contains(o.target) && o.target.getAttribute("id") !== E && o.preventDefault();
+  }, te = (o) => {
+    o.currentTarget.contains(o.target) && (h.current.focus(), ot && Pe.current && h.current.selectionEnd - h.current.selectionStart === 0 && h.current.select(), Pe.current = !1);
+  }, dt = (o) => {
+    !N && (g === "" || !q) && I(o);
   };
-  let Te = ce && g.length > 0;
-  Te = Te || (u ? s.length > 0 : s !== null);
-  let We = b;
-  if (oe) {
+  let Ae = de && g.length > 0;
+  Ae = Ae || (c ? l.length > 0 : l !== null);
+  let We = m;
+  if (re) {
     const o = /* @__PURE__ */ new Map();
     let e = !1;
-    We = b.reduce((r, p, a) => {
-      const f = oe(p);
-      return r.length > 0 && r[r.length - 1].group === f ? r[r.length - 1].options.push(p) : (process.env.NODE_ENV !== "production" && (o.get(f) && !e && (console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${I} returns duplicated headers.`, "You can solve the issue by sorting the options with the output of `groupBy`."), e = !0), o.set(f, !0)), r.push({
-        key: a,
-        index: a,
-        group: f,
-        options: [p]
+    We = m.reduce((r, s, i) => {
+      const b = re(s);
+      return r.length > 0 && r[r.length - 1].group === b ? r[r.length - 1].options.push(s) : (process.env.NODE_ENV !== "production" && (o.get(b) && !e && (console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${O} returns duplicated headers.`, "You can solve the issue by sorting the options with the output of `groupBy`."), e = !0), o.set(b, !0)), r.push({
+        key: i,
+        index: i,
+        group: b,
+        options: [s]
       })), r;
     }, []);
   }
-  return E && de && se(), {
+  return N && fe && he(), {
     getRootProps: (o = {}) => ({
       ...o,
-      onKeyDown: st(o),
-      onMouseDown: O,
-      onClick: P
+      onKeyDown: it(o),
+      onMouseDown: C,
+      onClick: te
     }),
     getInputLabelProps: () => ({
-      id: `${M}-label`,
-      htmlFor: M
+      id: `${E}-label`,
+      htmlFor: E
     }),
     getInputProps: () => ({
-      id: M,
+      id: E,
       value: g,
-      onBlur: se,
-      onFocus: lt,
-      onChange: $e,
-      onMouseDown: Z,
+      onBlur: he,
+      onFocus: be,
+      onChange: Te,
+      onMouseDown: dt,
       // if open then this is handled imperatively so don't let react override
       // only have an opinion about this when closed
-      "aria-activedescendant": k ? "" : null,
-      "aria-autocomplete": m ? "both" : "list",
-      "aria-controls": ze ? `${M}-listbox` : void 0,
-      "aria-expanded": ze,
+      "aria-activedescendant": L ? "" : null,
+      "aria-autocomplete": f ? "both" : "list",
+      "aria-controls": je ? `${E}-listbox` : void 0,
+      "aria-expanded": je,
       // Disable browser's suggestion that might overlap with the popup.
       // Handle autocomplete but not autofill.
       autoComplete: "off",
@@ -519,33 +534,33 @@ function Yt(n) {
       autoCapitalize: "none",
       spellCheck: "false",
       role: "combobox",
-      disabled: E
+      disabled: N
     }),
     getClearProps: () => ({
       tabIndex: -1,
       type: "button",
-      onClick: ie
+      onClick: Be
     }),
     getItemProps: ({
       index: o = 0
     } = {}) => ({
-      ...u && {
+      ...c && {
         key: o
       },
-      ...L ? {
+      ...w ? {
         "data-item-index": o
       } : {
         "data-tag-index": o
       },
       tabIndex: -1,
-      ...!K && {
-        onDelete: u ? Be(o) : Ct
+      ...!G && {
+        onDelete: c ? ct(o) : ve
       }
     }),
     getPopupIndicatorProps: () => ({
       tabIndex: -1,
       type: "button",
-      onClick: be
+      onClick: I
     }),
     // deprecated
     getTagProps: ({
@@ -554,15 +569,15 @@ function Yt(n) {
       key: o,
       "data-tag-index": o,
       tabIndex: -1,
-      ...!K && {
-        onDelete: Be(o)
+      ...!G && {
+        onDelete: ct(o)
       }
     }),
     getListboxProps: () => ({
       role: "listbox",
-      id: `${M}-listbox`,
-      "aria-labelledby": `${M}-label`,
-      ref: it,
+      id: `${E}-listbox`,
+      "aria-labelledby": `${E}-label`,
+      ref: Z,
       onMouseDown: (o) => {
         o.preventDefault();
       }
@@ -571,59 +586,59 @@ function Yt(n) {
       index: o,
       option: e
     }) => {
-      const r = (u ? s : [s]).some((a) => a != null && Y(e, a)), p = G ? G(e) : !1;
+      const r = (c ? l : [l]).some((i) => i != null && Y(e, i)), s = W ? W(e) : !1;
       return {
-        key: (Re == null ? void 0 : Re(e)) ?? S(e),
+        key: (De == null ? void 0 : De(e)) ?? P(e),
         tabIndex: -1,
         role: "option",
-        id: `${M}-option-${o}`,
-        onMouseMove: Se,
+        id: `${E}-option-${o}`,
+        onMouseMove: lt,
         onClick: ut,
         onTouchStart: pt,
         "data-option-index": o,
-        "aria-disabled": p,
+        "aria-disabled": s,
         "aria-selected": r
       };
     },
-    id: M,
+    id: E,
     inputValue: g,
-    value: s,
-    dirty: Te,
-    expanded: k && Oe,
-    popupOpen: k,
-    focused: de || V !== -1,
-    anchorEl: Oe,
-    setAnchorEl: It,
-    focusedItem: V,
+    value: l,
+    dirty: Ae,
+    expanded: L && Ce,
+    popupOpen: L,
+    focused: fe || M !== -1,
+    anchorEl: Ce,
+    setAnchorEl: Ot,
+    focusedItem: M,
     // deprecated
-    focusedTag: V,
+    focusedTag: M,
     groupedOptions: We
   };
 }
 function Qt(n) {
-  return Dt("MuiListSubheader", n);
+  return Nt("MuiListSubheader", n);
 }
-const Mo = Rt("MuiListSubheader", ["root", "colorPrimary", "colorInherit", "gutters", "inset", "sticky"]), Zt = (n) => {
+const Mo = Dt("MuiListSubheader", ["root", "colorPrimary", "colorInherit", "gutters", "inset", "sticky"]), Zt = (n) => {
   const {
-    classes: i,
-    color: d,
-    disableGutters: m,
-    inset: T,
-    disableSticky: D
+    classes: a,
+    color: u,
+    disableGutters: f,
+    inset: $,
+    disableSticky: R
   } = n, v = {
-    root: ["root", d !== "default" && `color${Ye(d)}`, !m && "gutters", T && "inset", !D && "sticky"]
+    root: ["root", u !== "default" && `color${Ye(u)}`, !f && "gutters", $ && "inset", !R && "sticky"]
   };
-  return Et(v, Qt, i);
-}, eo = H("li", {
+  return Mt(v, Qt, a);
+}, eo = F("li", {
   name: "MuiListSubheader",
   slot: "Root",
-  overridesResolver: (n, i) => {
+  overridesResolver: (n, a) => {
     const {
-      ownerState: d
+      ownerState: u
     } = n;
-    return [i.root, d.color !== "default" && i[`color${Ye(d.color)}`], !d.disableGutters && i.gutters, d.inset && i.inset, !d.disableSticky && i.sticky];
+    return [a.root, u.color !== "default" && a[`color${Ye(u.color)}`], !u.disableGutters && a.gutters, u.inset && a.inset, !u.disableSticky && a.sticky];
   }
-})(pe(({
+})(ue(({
   theme: n
 }) => ({
   boxSizing: "border-box",
@@ -649,23 +664,23 @@ const Mo = Rt("MuiListSubheader", ["root", "colorPrimary", "colorInherit", "gutt
     }
   }, {
     props: ({
-      ownerState: i
-    }) => !i.disableGutters,
+      ownerState: a
+    }) => !a.disableGutters,
     style: {
       paddingLeft: 16,
       paddingRight: 16
     }
   }, {
     props: ({
-      ownerState: i
-    }) => i.inset,
+      ownerState: a
+    }) => a.inset,
     style: {
       paddingLeft: 72
     }
   }, {
     props: ({
-      ownerState: i
-    }) => !i.disableSticky,
+      ownerState: a
+    }) => !a.disableSticky,
     style: {
       position: "sticky",
       top: 0,
@@ -673,32 +688,32 @@ const Mo = Rt("MuiListSubheader", ["root", "colorPrimary", "colorInherit", "gutt
       backgroundColor: (n.vars || n).palette.background.paper
     }
   }]
-}))), Xe = /* @__PURE__ */ x.forwardRef(function(i, d) {
-  const m = Nt({
-    props: i,
+}))), Xe = /* @__PURE__ */ x.forwardRef(function(a, u) {
+  const f = Et({
+    props: a,
     name: "MuiListSubheader"
   }), {
-    className: T,
-    color: D = "default",
+    className: $,
+    color: R = "default",
     component: v = "li",
-    disableGutters: N = !1,
-    disableSticky: B = !1,
-    inset: I = !1,
-    ...$
-  } = m, W = {
-    ...m,
-    color: D,
+    disableGutters: D = !1,
+    disableSticky: U = !1,
+    inset: O = !1,
+    ...T
+  } = f, B = {
+    ...f,
+    color: R,
     component: v,
-    disableGutters: N,
-    disableSticky: B,
-    inset: I
-  }, ue = Zt(W);
+    disableGutters: D,
+    disableSticky: U,
+    inset: O
+  }, ce = Zt(B);
   return /* @__PURE__ */ A(eo, {
     as: v,
-    className: Je(ue.root, T),
-    ref: d,
-    ownerState: W,
-    ...$
+    className: Je(ce.root, $),
+    ref: u,
+    ownerState: B,
+    ...T
   });
 });
 Xe && (Xe.muiSkipListHighlight = !0);
@@ -750,31 +765,31 @@ process.env.NODE_ENV !== "production" && (Xe.propTypes = {
   sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
 });
 function to(n) {
-  return Dt("MuiAutocomplete", n);
+  return Nt("MuiAutocomplete", n);
 }
-const l = Rt("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 Lt, kt;
+const p = Dt("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 kt, Rt;
 const oo = (n) => {
   const {
-    classes: i,
-    disablePortal: d,
-    expanded: m,
-    focused: T,
-    fullWidth: D,
+    classes: a,
+    disablePortal: u,
+    expanded: f,
+    focused: $,
+    fullWidth: R,
     hasClearIcon: v,
-    hasPopupIcon: N,
-    inputFocused: B,
-    popupOpen: I,
-    size: $
-  } = n, W = {
-    root: ["root", m && "expanded", T && "focused", D && "fullWidth", v && "hasClearIcon", N && "hasPopupIcon"],
+    hasPopupIcon: D,
+    inputFocused: U,
+    popupOpen: O,
+    size: T
+  } = n, B = {
+    root: ["root", f && "expanded", $ && "focused", R && "fullWidth", v && "hasClearIcon", D && "hasPopupIcon"],
     inputRoot: ["inputRoot"],
-    input: ["input", B && "inputFocused"],
-    tag: ["tag", `tagSize${Ye($)}`],
+    input: ["input", U && "inputFocused"],
+    tag: ["tag", `tagSize${Ye(T)}`],
     endAdornment: ["endAdornment"],
     clearIndicator: ["clearIndicator"],
-    popupIndicator: ["popupIndicator", I && "popupIndicatorOpen"],
-    popper: ["popper", d && "popperDisablePortal"],
+    popupIndicator: ["popupIndicator", O && "popupIndicatorOpen"],
+    popper: ["popper", u && "popperDisablePortal"],
     paper: ["paper"],
     listbox: ["listbox"],
     loading: ["loading"],
@@ -783,134 +798,134 @@ const oo = (n) => {
     groupLabel: ["groupLabel"],
     groupUl: ["groupUl"]
   };
-  return Et(W, to, i);
-}, no = H("div", {
+  return Mt(B, to, a);
+}, no = F("div", {
   name: "MuiAutocomplete",
   slot: "Root",
-  overridesResolver: (n, i) => {
+  overridesResolver: (n, a) => {
     const {
-      ownerState: d
+      ownerState: u
     } = n, {
-      fullWidth: m,
-      hasClearIcon: T,
-      hasPopupIcon: D,
+      fullWidth: f,
+      hasClearIcon: $,
+      hasPopupIcon: R,
       inputFocused: v,
-      size: N
-    } = d;
+      size: D
+    } = u;
     return [{
-      [`& .${l.tag}`]: i.tag
+      [`& .${p.tag}`]: a.tag
     }, {
-      [`& .${l.tag}`]: i[`tagSize${Ye(N)}`]
+      [`& .${p.tag}`]: a[`tagSize${Ye(D)}`]
     }, {
-      [`& .${l.inputRoot}`]: i.inputRoot
+      [`& .${p.inputRoot}`]: a.inputRoot
     }, {
-      [`& .${l.input}`]: i.input
+      [`& .${p.input}`]: a.input
     }, {
-      [`& .${l.input}`]: v && i.inputFocused
-    }, i.root, m && i.fullWidth, D && i.hasPopupIcon, T && i.hasClearIcon];
+      [`& .${p.input}`]: v && a.inputFocused
+    }, a.root, f && a.fullWidth, R && a.hasPopupIcon, $ && a.hasClearIcon];
   }
 })({
-  [`&.${l.focused} .${l.clearIndicator}`]: {
+  [`&.${p.focused} .${p.clearIndicator}`]: {
     visibility: "visible"
   },
   /* Avoid double tap issue on iOS */
   "@media (pointer: fine)": {
-    [`&:hover .${l.clearIndicator}`]: {
+    [`&:hover .${p.clearIndicator}`]: {
       visibility: "visible"
     }
   },
-  [`& .${l.tag}`]: {
+  [`& .${p.tag}`]: {
     margin: 3,
     maxWidth: "calc(100% - 6px)"
   },
-  [`& .${l.inputRoot}`]: {
-    [`.${l.hasPopupIcon}&, .${l.hasClearIcon}&`]: {
+  [`& .${p.inputRoot}`]: {
+    [`.${p.hasPopupIcon}&, .${p.hasClearIcon}&`]: {
       paddingRight: 30
     },
-    [`.${l.hasPopupIcon}.${l.hasClearIcon}&`]: {
+    [`.${p.hasPopupIcon}.${p.hasClearIcon}&`]: {
       paddingRight: 56
     },
-    [`& .${l.input}`]: {
+    [`& .${p.input}`]: {
       width: 0,
       minWidth: 30
     }
   },
-  [`& .${dt.root}`]: {
+  [`& .${ft.root}`]: {
     paddingBottom: 1,
     "& .MuiInput-input": {
       padding: "4px 4px 4px 0px"
     }
   },
-  [`& .${dt.root}.${le.sizeSmall}`]: {
-    [`& .${dt.input}`]: {
+  [`& .${ft.root}.${pe.sizeSmall}`]: {
+    [`& .${ft.input}`]: {
       padding: "2px 4px 3px 0"
     }
   },
   [`& .${St.root}`]: {
     padding: 9,
-    [`.${l.hasPopupIcon}&, .${l.hasClearIcon}&`]: {
+    [`.${p.hasPopupIcon}&, .${p.hasClearIcon}&`]: {
       paddingRight: 39
     },
-    [`.${l.hasPopupIcon}.${l.hasClearIcon}&`]: {
+    [`.${p.hasPopupIcon}.${p.hasClearIcon}&`]: {
       paddingRight: 65
     },
-    [`& .${l.input}`]: {
+    [`& .${p.input}`]: {
       padding: "7.5px 4px 7.5px 5px"
     },
-    [`& .${l.endAdornment}`]: {
+    [`& .${p.endAdornment}`]: {
       right: 9
     }
   },
-  [`& .${St.root}.${le.sizeSmall}`]: {
+  [`& .${St.root}.${pe.sizeSmall}`]: {
     // Don't specify paddingRight, as it overrides the default value set when there is only
     // one of the popup or clear icon as the specificity is equal so the latter one wins
     paddingTop: 6,
     paddingBottom: 6,
     paddingLeft: 6,
-    [`& .${l.input}`]: {
+    [`& .${p.input}`]: {
       padding: "2.5px 4px 2.5px 8px"
     }
   },
-  [`& .${he.root}`]: {
+  [`& .${xe.root}`]: {
     paddingTop: 19,
     paddingLeft: 8,
-    [`.${l.hasPopupIcon}&, .${l.hasClearIcon}&`]: {
+    [`.${p.hasPopupIcon}&, .${p.hasClearIcon}&`]: {
       paddingRight: 39
     },
-    [`.${l.hasPopupIcon}.${l.hasClearIcon}&`]: {
+    [`.${p.hasPopupIcon}.${p.hasClearIcon}&`]: {
       paddingRight: 65
     },
-    [`& .${he.input}`]: {
+    [`& .${xe.input}`]: {
       padding: "7px 4px"
     },
-    [`& .${l.endAdornment}`]: {
+    [`& .${p.endAdornment}`]: {
       right: 9
     }
   },
-  [`& .${he.root}.${le.sizeSmall}`]: {
+  [`& .${xe.root}.${pe.sizeSmall}`]: {
     paddingBottom: 1,
-    [`& .${he.input}`]: {
+    [`& .${xe.input}`]: {
       padding: "2.5px 4px"
     }
   },
-  [`& .${le.hiddenLabel}`]: {
+  [`& .${pe.hiddenLabel}`]: {
     paddingTop: 8
   },
-  [`& .${he.root}.${le.hiddenLabel}`]: {
+  [`& .${xe.root}.${pe.hiddenLabel}`]: {
     paddingTop: 0,
     paddingBottom: 0,
-    [`& .${l.input}`]: {
+    [`& .${p.input}`]: {
       paddingTop: 16,
       paddingBottom: 17
     }
   },
-  [`& .${he.root}.${le.hiddenLabel}.${le.sizeSmall}`]: {
-    [`& .${l.input}`]: {
+  [`& .${xe.root}.${pe.hiddenLabel}.${pe.sizeSmall}`]: {
+    [`& .${p.input}`]: {
       paddingTop: 8,
       paddingBottom: 9
     }
   },
-  [`& .${l.input}`]: {
+  [`& .${p.input}`]: {
     flexGrow: 1,
     textOverflow: "ellipsis",
     opacity: 0
@@ -927,7 +942,7 @@ const oo = (n) => {
       size: "small"
     },
     style: {
-      [`& .${l.tag}`]: {
+      [`& .${p.tag}`]: {
         margin: 2,
         maxWidth: "calc(100% - 4px)"
       }
@@ -937,7 +952,7 @@ const oo = (n) => {
       inputFocused: !0
     },
     style: {
-      [`& .${l.input}`]: {
+      [`& .${p.input}`]: {
         opacity: 1
       }
     }
@@ -946,12 +961,12 @@ const oo = (n) => {
       multiple: !0
     },
     style: {
-      [`& .${l.inputRoot}`]: {
+      [`& .${p.inputRoot}`]: {
         flexWrap: "wrap"
       }
     }
   }]
-}), ro = H("div", {
+}), ro = F("div", {
   name: "MuiAutocomplete",
   slot: "EndAdornment"
 })({
@@ -960,21 +975,21 @@ const oo = (n) => {
   right: 0,
   top: "50%",
   transform: "translate(0, -50%)"
-}), ao = H(Ft, {
+}), ao = F(Ht, {
   name: "MuiAutocomplete",
   slot: "ClearIndicator"
 })({
   marginRight: -2,
   padding: 4,
   visibility: "hidden"
-}), io = H(Ft, {
+}), so = F(Ht, {
   name: "MuiAutocomplete",
   slot: "PopupIndicator",
-  overridesResolver: (n, i) => {
+  overridesResolver: (n, a) => {
     const {
-      ownerState: d
+      ownerState: u
     } = n;
-    return [i.popupIndicator, d.popupOpen && i.popupIndicatorOpen];
+    return [a.popupIndicator, u.popupOpen && a.popupIndicatorOpen];
   }
 })({
   padding: 2,
@@ -987,18 +1002,18 @@ const oo = (n) => {
       transform: "rotate(180deg)"
     }
   }]
-}), so = H(Vt, {
+}), io = F(Ft, {
   name: "MuiAutocomplete",
   slot: "Popper",
-  overridesResolver: (n, i) => {
+  overridesResolver: (n, a) => {
     const {
-      ownerState: d
+      ownerState: u
     } = n;
     return [{
-      [`& .${l.option}`]: i.option
-    }, i.popper, d.disablePortal && i.popperDisablePortal];
+      [`& .${p.option}`]: a.option
+    }, a.popper, u.disablePortal && a.popperDisablePortal];
   }
-})(pe(({
+})(ue(({
   theme: n
 }) => ({
   zIndex: (n.vars || n).zIndex.modal,
@@ -1010,34 +1025,34 @@ const oo = (n) => {
       position: "absolute"
     }
   }]
-}))), lo = H(Mt, {
+}))), lo = F(Vt, {
   name: "MuiAutocomplete",
   slot: "Paper"
-})(pe(({
+})(ue(({
   theme: n
 }) => ({
   ...n.typography.body1,
   overflow: "auto"
-}))), po = H("div", {
+}))), po = F("div", {
   name: "MuiAutocomplete",
   slot: "Loading"
-})(pe(({
+})(ue(({
   theme: n
 }) => ({
   color: (n.vars || n).palette.text.secondary,
   padding: "14px 16px"
-}))), uo = H("div", {
+}))), uo = F("div", {
   name: "MuiAutocomplete",
   slot: "NoOptions"
-})(pe(({
+})(ue(({
   theme: n
 }) => ({
   color: (n.vars || n).palette.text.secondary,
   padding: "14px 16px"
-}))), co = H("ul", {
+}))), co = F("ul", {
   name: "MuiAutocomplete",
   slot: "Listbox"
-})(pe(({
+})(ue(({
   theme: n
 }) => ({
   listStyle: "none",
@@ -1046,7 +1061,7 @@ const oo = (n) => {
   maxHeight: "40vh",
   overflow: "auto",
   position: "relative",
-  [`& .${l.option}`]: {
+  [`& .${p.option}`]: {
     minHeight: 48,
     display: "flex",
     overflow: "hidden",
@@ -1063,7 +1078,7 @@ const oo = (n) => {
     [n.breakpoints.up("sm")]: {
       minHeight: "auto"
     },
-    [`&.${l.focused}`]: {
+    [`&.${p.focused}`]: {
       backgroundColor: (n.vars || n).palette.action.hover,
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
@@ -1074,327 +1089,327 @@ const oo = (n) => {
       opacity: (n.vars || n).palette.action.disabledOpacity,
       pointerEvents: "none"
     },
-    [`&.${l.focusVisible}`]: {
+    [`&.${p.focusVisible}`]: {
       backgroundColor: (n.vars || n).palette.action.focus
     },
     '&[aria-selected="true"]': {
-      backgroundColor: n.vars ? `rgba(${n.vars.palette.primary.mainChannel} / ${n.vars.palette.action.selectedOpacity})` : ct(n.palette.primary.main, n.palette.action.selectedOpacity),
-      [`&.${l.focused}`]: {
-        backgroundColor: n.vars ? `rgba(${n.vars.palette.primary.mainChannel} / calc(${n.vars.palette.action.selectedOpacity} + ${n.vars.palette.action.hoverOpacity}))` : ct(n.palette.primary.main, n.palette.action.selectedOpacity + n.palette.action.hoverOpacity),
+      backgroundColor: n.alpha((n.vars || n).palette.primary.main, (n.vars || n).palette.action.selectedOpacity),
+      [`&.${p.focused}`]: {
+        backgroundColor: n.alpha((n.vars || n).palette.primary.main, `${(n.vars || n).palette.action.selectedOpacity} + ${(n.vars || n).palette.action.hoverOpacity}`),
         // Reset on touch devices, it doesn't add specificity
         "@media (hover: none)": {
           backgroundColor: (n.vars || n).palette.action.selected
         }
       },
-      [`&.${l.focusVisible}`]: {
-        backgroundColor: n.vars ? `rgba(${n.vars.palette.primary.mainChannel} / calc(${n.vars.palette.action.selectedOpacity} + ${n.vars.palette.action.focusOpacity}))` : ct(n.palette.primary.main, n.palette.action.selectedOpacity + n.palette.action.focusOpacity)
+      [`&.${p.focusVisible}`]: {
+        backgroundColor: n.alpha((n.vars || n).palette.primary.main, `${(n.vars || n).palette.action.selectedOpacity} + ${(n.vars || n).palette.action.focusOpacity}`)
       }
     }
   }
-}))), fo = H(Xe, {
+}))), fo = F(Xe, {
   name: "MuiAutocomplete",
   slot: "GroupLabel"
-})(pe(({
+})(ue(({
   theme: n
 }) => ({
   backgroundColor: (n.vars || n).palette.background.paper,
   top: -8
-}))), go = H("ul", {
+}))), go = F("ul", {
   name: "MuiAutocomplete",
   slot: "GroupUl"
 })({
   padding: 0,
-  [`& .${l.option}`]: {
+  [`& .${p.option}`]: {
     paddingLeft: 24
   }
-}), mo = /* @__PURE__ */ x.forwardRef(function(i, d) {
-  const m = Nt({
-    props: i,
+}), mo = /* @__PURE__ */ x.forwardRef(function(a, u) {
+  const f = Et({
+    props: a,
     name: "MuiAutocomplete"
   }), {
-    autoComplete: T = !1,
-    autoHighlight: D = !1,
+    autoComplete: $ = !1,
+    autoHighlight: R = !1,
     autoSelect: v = !1,
-    blurOnSelect: N = !1,
-    ChipProps: B,
-    className: I,
-    clearIcon: $ = Lt || (Lt = /* @__PURE__ */ A(jt, {
+    blurOnSelect: D = !1,
+    ChipProps: U,
+    className: O,
+    clearIcon: T = kt || (kt = /* @__PURE__ */ A(jt, {
       fontSize: "small"
     })),
-    clearOnBlur: W = !m.freeSolo,
-    clearOnEscape: ue = !1,
-    clearText: E = "Clear",
-    closeText: Ae = "Close",
-    componentsProps: Le,
-    defaultValue: mt = m.multiple ? [] : null,
-    disableClearable: ke = !1,
-    disableCloseOnSelect: ce = !1,
-    disabled: G = !1,
-    disabledItemsFocusable: Re = !1,
+    clearOnBlur: B = !f.freeSolo,
+    clearOnEscape: ce = !1,
+    clearText: N = "Clear",
+    closeText: Le = "Close",
+    componentsProps: ke,
+    defaultValue: bt = f.multiple ? [] : null,
+    disableClearable: Re = !1,
+    disableCloseOnSelect: de = !1,
+    disabled: W = !1,
+    disabledItemsFocusable: De = !1,
     disableListWrap: Qe = !1,
-    disablePortal: oe = !1,
+    disablePortal: re = !1,
     filterOptions: Ze,
-    filterSelectedOptions: bt = !1,
-    forcePopupIcon: ye = "auto",
-    freeSolo: De = !1,
+    filterSelectedOptions: ht = !1,
+    forcePopupIcon: Ie = "auto",
+    freeSolo: Ne = !1,
     fullWidth: Y = !1,
-    getLimitTagsText: u = (c) => `+${c}`,
+    getLimitTagsText: c = (d) => `+${d}`,
     getOptionDisabled: et,
     getOptionKey: tt,
-    getOptionLabel: Ne,
+    getOptionLabel: Ee,
     isOptionEqualToValue: Q,
-    groupBy: Ee,
-    handleHomeEndKeys: ht = !m.freeSolo,
-    id: yt,
-    includeInputInList: xt = !1,
-    inputValue: K,
-    limitTags: L = -1,
+    groupBy: Me,
+    handleHomeEndKeys: yt = !f.freeSolo,
+    id: xt,
+    includeInputInList: It = !1,
+    inputValue: G,
+    limitTags: w = -1,
     ListboxComponent: ot,
-    ListboxProps: Me,
-    loading: M = !1,
-    loadingText: S = "Loading…",
-    multiple: xe = !1,
-    noOptionsText: Ie = "No options",
+    ListboxProps: Ve,
+    loading: E = !1,
+    loadingText: P = "Loading…",
+    multiple: Oe = !1,
+    noOptionsText: Pe = "No options",
     onChange: h,
-    onClose: F,
-    onHighlightChange: Oe,
-    onInputChange: It,
-    onOpen: V,
-    open: Ve,
+    onClose: V,
+    onHighlightChange: Ce,
+    onInputChange: Ot,
+    onOpen: M,
+    open: Fe,
     openOnFocus: nt = !1,
-    openText: C = "Open",
-    options: Ot,
-    PaperComponent: s,
-    PopperComponent: Pe,
-    popupIcon: g = kt || (kt = /* @__PURE__ */ A(zt, {})),
-    readOnly: ne = !1,
-    renderGroup: de,
-    renderInput: Fe,
-    renderOption: fe,
-    renderTags: _,
-    renderValue: re,
-    selectOnFocus: Pt = !m.freeSolo,
-    size: ge = "medium",
-    slots: He = {},
-    slotProps: k = {},
-    value: b,
-    ...z
-  } = m, {
-    getRootProps: ze,
-    getInputProps: j,
+    openText: S = "Open",
+    options: Pt,
+    PaperComponent: l,
+    PopperComponent: $e,
+    popupIcon: g = Rt || (Rt = /* @__PURE__ */ A(zt, {})),
+    readOnly: ae = !1,
+    renderGroup: fe,
+    renderInput: He,
+    renderOption: ge,
+    renderTags: q,
+    renderValue: se,
+    selectOnFocus: Ct = !f.freeSolo,
+    size: me = "medium",
+    slots: ze = {},
+    slotProps: L = {},
+    value: m,
+    ...H
+  } = f, {
+    getRootProps: je,
+    getInputProps: z,
     getInputLabelProps: rt,
-    getPopupIndicatorProps: J,
-    getClearProps: U,
-    getItemProps: at,
-    getListboxProps: Ce,
-    getOptionProps: it,
-    value: R,
-    dirty: ae,
-    expanded: X,
-    id: me,
-    popupOpen: q,
-    focused: je,
-    focusedItem: Ue,
-    anchorEl: ie,
-    setAnchorEl: st,
-    inputValue: lt,
-    groupedOptions: se
+    getPopupIndicatorProps: K,
+    getClearProps: j,
+    getItemProps: Ue,
+    getListboxProps: at,
+    getOptionProps: Se,
+    value: Z,
+    dirty: _,
+    expanded: ie,
+    id: J,
+    popupOpen: X,
+    focused: ee,
+    focusedItem: st,
+    anchorEl: le,
+    setAnchorEl: Be,
+    inputValue: it,
+    groupedOptions: be
   } = Yt({
-    ...m,
+    ...f,
     componentName: "Autocomplete"
-  }), $e = !ke && !G && ae && !ne, Se = (!De || ye === !0) && ye !== !1, {
-    onMouseDown: pt
-  } = j(), {
-    ref: ut,
-    ...Be
-  } = Ce(), be = Ne || ((c) => c.label ?? c), O = {
-    ...m,
-    disablePortal: oe,
-    expanded: X,
-    focused: je,
+  }), he = !Re && !W && _ && !ae, Te = (!Ne || Ie === !0) && Ie !== !1, {
+    onMouseDown: lt
+  } = z(), {
+    ref: pt,
+    ...ut
+  } = at(), ve = Ee || ((d) => d.label ?? d), I = {
+    ...f,
+    disablePortal: re,
+    expanded: ie,
+    focused: ee,
     fullWidth: Y,
-    getOptionLabel: be,
-    hasClearIcon: $e,
-    hasPopupIcon: Se,
-    inputFocused: Ue === -1,
-    popupOpen: q,
-    size: ge
-  }, P = oo(O), Z = {
+    getOptionLabel: ve,
+    hasClearIcon: he,
+    hasPopupIcon: Te,
+    inputFocused: st === -1,
+    popupOpen: X,
+    size: me
+  }, C = oo(I), te = {
     slots: {
-      paper: s,
-      popper: Pe,
-      ...He
+      paper: l,
+      popper: $e,
+      ...ze
     },
     slotProps: {
-      chip: B,
-      listbox: Me,
-      ...Le,
-      ...k
+      chip: U,
+      listbox: Ve,
+      ...ke,
+      ...L
     }
-  }, [Te, We] = ft("listbox", {
+  }, [dt, Ae] = gt("listbox", {
     elementType: co,
-    externalForwardedProps: Z,
-    ownerState: O,
-    className: P.listbox,
-    additionalProps: Be,
-    ref: ut
-  }), [o, e] = ft("paper", {
-    elementType: Mt,
-    externalForwardedProps: Z,
-    ownerState: O,
-    className: P.paper
-  }), [r, p] = ft("popper", {
+    externalForwardedProps: te,
+    ownerState: I,
+    className: C.listbox,
+    additionalProps: ut,
+    ref: pt
+  }), [We, o] = gt("paper", {
     elementType: Vt,
-    externalForwardedProps: Z,
-    ownerState: O,
-    className: P.popper,
+    externalForwardedProps: te,
+    ownerState: I,
+    className: C.paper
+  }), [e, r] = gt("popper", {
+    elementType: Ft,
+    externalForwardedProps: te,
+    ownerState: I,
+    className: C.popper,
     additionalProps: {
-      disablePortal: oe,
+      disablePortal: re,
       style: {
-        width: ie ? ie.clientWidth : null
+        width: le ? le.clientWidth : null
       },
       role: "presentation",
-      anchorEl: ie,
-      open: q
+      anchorEl: le,
+      open: X
     }
   });
-  let a;
-  const f = (c) => ({
-    className: P.tag,
-    disabled: G,
-    ...at(c)
+  let s;
+  const i = (d) => ({
+    className: C.tag,
+    disabled: W,
+    ...Ue(d)
   });
-  if (xe ? R.length > 0 && (_ ? a = _(R, f, O) : re ? a = re(R, f, O) : a = R.map((c, ee) => {
+  if (Oe ? Z.length > 0 && (q ? s = q(Z, i, I) : se ? s = se(Z, i, I) : s = Z.map((d, oe) => {
     const {
-      key: te,
+      key: ne,
       ...we
-    } = f({
-      index: ee
+    } = i({
+      index: oe
     });
     return /* @__PURE__ */ A(Gt, {
-      label: be(c),
-      size: ge,
+      label: ve(d),
+      size: me,
       ...we,
-      ...Z.slotProps.chip
-    }, te);
-  })) : re && R != null && (a = re(R, f, O)), L > -1 && Array.isArray(a)) {
-    const c = a.length - L;
-    !je && c > 0 && (a = a.splice(0, L), a.push(/* @__PURE__ */ A("span", {
-      className: P.tag,
-      children: u(c)
-    }, a.length)));
+      ...te.slotProps.chip
+    }, ne);
+  })) : se && Z != null && (s = se(Z, i, I)), w > -1 && Array.isArray(s)) {
+    const d = s.length - w;
+    !ee && d > 0 && (s = s.splice(0, w), s.push(/* @__PURE__ */ A("span", {
+      className: C.tag,
+      children: c(d)
+    }, s.length)));
   }
-  const w = de || ((c) => /* @__PURE__ */ Ke("li", {
+  const y = fe || ((d) => /* @__PURE__ */ Ke("li", {
     children: [/* @__PURE__ */ A(fo, {
-      className: P.groupLabel,
-      ownerState: O,
+      className: C.groupLabel,
+      ownerState: I,
       component: "div",
-      children: c.group
+      children: d.group
     }), /* @__PURE__ */ A(go, {
-      className: P.groupUl,
-      ownerState: O,
-      children: c.children
+      className: C.groupUl,
+      ownerState: I,
+      children: d.children
     })]
-  }, c.key)), Ht = fe || ((c, ee) => {
+  }, d.key)), ye = ge || ((d, oe) => {
     const {
-      key: te,
+      key: ne,
       ...we
-    } = c;
+    } = d;
     return /* @__PURE__ */ A("li", {
       ...we,
-      children: be(ee)
-    }, te);
-  }), $t = (c, ee) => {
-    const te = it({
-      option: c,
-      index: ee
+      children: ve(oe)
+    }, ne);
+  }), $t = (d, oe) => {
+    const ne = Se({
+      option: d,
+      index: oe
     });
-    return Ht({
-      ...te,
-      className: P.option
-    }, c, {
-      selected: te["aria-selected"],
-      index: ee,
-      inputValue: lt
-    }, O);
-  }, Ge = Z.slotProps.clearIndicator, qe = Z.slotProps.popupIndicator;
+    return ye({
+      ...ne,
+      className: C.option
+    }, d, {
+      selected: ne["aria-selected"],
+      index: oe,
+      inputValue: it
+    }, I);
+  }, Ge = te.slotProps.clearIndicator, qe = te.slotProps.popupIndicator;
   return /* @__PURE__ */ Ke(x.Fragment, {
     children: [/* @__PURE__ */ A(no, {
-      ref: d,
-      className: Je(P.root, I),
-      ownerState: O,
-      ...ze(z),
-      children: Fe({
-        id: me,
-        disabled: G,
+      ref: u,
+      className: Je(C.root, O),
+      ownerState: I,
+      ...je(H),
+      children: He({
+        id: J,
+        disabled: W,
         fullWidth: !0,
-        size: ge === "small" ? "small" : void 0,
+        size: me === "small" ? "small" : void 0,
         InputLabelProps: rt(),
         InputProps: {
-          ref: st,
-          className: P.inputRoot,
-          startAdornment: a,
-          onMouseDown: (c) => {
-            c.target === c.currentTarget && pt(c);
+          ref: Be,
+          className: C.inputRoot,
+          startAdornment: s,
+          onMouseDown: (d) => {
+            d.target === d.currentTarget && lt(d);
           },
-          ...($e || Se) && {
+          ...(he || Te) && {
             endAdornment: /* @__PURE__ */ Ke(ro, {
-              className: P.endAdornment,
-              ownerState: O,
-              children: [$e ? /* @__PURE__ */ A(ao, {
-                ...U(),
-                "aria-label": E,
-                title: E,
-                ownerState: O,
+              className: C.endAdornment,
+              ownerState: I,
+              children: [he ? /* @__PURE__ */ A(ao, {
+                ...j(),
+                "aria-label": N,
+                title: N,
+                ownerState: I,
                 ...Ge,
-                className: Je(P.clearIndicator, Ge == null ? void 0 : Ge.className),
-                children: $
-              }) : null, Se ? /* @__PURE__ */ A(io, {
-                ...J(),
-                disabled: G,
-                "aria-label": q ? Ae : C,
-                title: q ? Ae : C,
-                ownerState: O,
+                className: Je(C.clearIndicator, Ge == null ? void 0 : Ge.className),
+                children: T
+              }) : null, Te ? /* @__PURE__ */ A(so, {
+                ...K(),
+                disabled: W,
+                "aria-label": X ? Le : S,
+                title: X ? Le : S,
+                ownerState: I,
                 ...qe,
-                className: Je(P.popupIndicator, qe == null ? void 0 : qe.className),
+                className: Je(C.popupIndicator, qe == null ? void 0 : qe.className),
                 children: g
               }) : null]
             })
           }
         },
         inputProps: {
-          className: P.input,
-          disabled: G,
-          readOnly: ne,
-          ...j()
+          className: C.input,
+          disabled: W,
+          readOnly: ae,
+          ...z()
         }
       })
-    }), ie ? /* @__PURE__ */ A(so, {
-      as: r,
-      ...p,
+    }), le ? /* @__PURE__ */ A(io, {
+      as: e,
+      ...r,
       children: /* @__PURE__ */ Ke(lo, {
-        as: o,
-        ...e,
-        children: [M && se.length === 0 ? /* @__PURE__ */ A(po, {
-          className: P.loading,
-          ownerState: O,
-          children: S
-        }) : null, se.length === 0 && !De && !M ? /* @__PURE__ */ A(uo, {
-          className: P.noOptions,
-          ownerState: O,
+        as: We,
+        ...o,
+        children: [E && be.length === 0 ? /* @__PURE__ */ A(po, {
+          className: C.loading,
+          ownerState: I,
+          children: P
+        }) : null, be.length === 0 && !Ne && !E ? /* @__PURE__ */ A(uo, {
+          className: C.noOptions,
+          ownerState: I,
           role: "presentation",
-          onMouseDown: (c) => {
-            c.preventDefault();
+          onMouseDown: (d) => {
+            d.preventDefault();
           },
-          children: Ie
-        }) : null, se.length > 0 ? /* @__PURE__ */ A(Te, {
+          children: Pe
+        }) : null, be.length > 0 ? /* @__PURE__ */ A(dt, {
           as: ot,
-          ...We,
-          children: se.map((c, ee) => Ee ? w({
-            key: c.key,
-            group: c.group,
-            children: c.options.map((te, we) => $t(te, c.index + we))
-          }) : $t(c, ee))
+          ...Ae,
+          children: be.map((d, oe) => Me ? y({
+            key: d.key,
+            group: d.group,
+            children: d.options.map((ne, we) => $t(ne, d.index + we))
+          }) : $t(d, oe))
         }) : null]
       })
     }) : null]
@@ -1569,6 +1584,7 @@ process.env.NODE_ENV !== "production" && (mo.propTypes = {
    * Used to determine the disabled state for a given option.
    *
    * @param {Value} option The option to test.
+   * @template Value The option shape. Will be the same shape as an item of the options.
    * @returns {boolean}
    */
   getOptionDisabled: t.func,
@@ -1856,7 +1872,7 @@ process.env.NODE_ENV !== "production" && (mo.propTypes = {
 export {
   mo as A,
   Xe as L,
-  l as a,
+  p as a,
   Qt as b,
   Kt as c,
   to as g,