@cgi-learning-hub/ui 1.5.1 → 1.6.0

package/dist/{Autocomplete-DQyr97ya.js → Autocomplete-BIBR54X2.js}

@@ -1,110 +1,112 @@
 import * as y from "react";
-import { G as wt, H as Lt, I as qe, P as t, n as ct } from "./generateUtilityClasses-BpRGbQmY.js";
-import { A as Ft, f as ge, o as vt, i as dt } from "./Select-CxnCi-3l.js";
-import { i as ae } from "./InputBase-BQnEIwl1.js";
-import { C as Ht } from "./Close-hx7dlgmZ.js";
-import { m as se } from "./memoTheme-44McxcVZ.js";
-import { u as ft } from "./useSlot-CYOxsM2I.js";
-import { jsx as A, jsxs as We } from "react/jsx-runtime";
-import { u as kt, s as V, c as Rt } from "./DefaultPropsProvider-Ik4eAJdt.js";
-import { u as zt } from "./useId-CK6Kn3Tn.js";
+import { P as t } from "./index-Sy88PpwE.js";
+import { F as kt, G as Rt, H as Je, n as ct } from "./generateUtilityClasses-DngCqveO.js";
+import { A as Ht, f as he, o as $t, i as dt } from "./Select-DZMwqCYA.js";
+import { i as ie } from "./InputBase-DxLqRpcl.js";
+import { C as zt } from "./Close-m-MX3rFn.js";
+import { m as le } from "./memoTheme-nmt7i1dS.js";
+import { u as ft } from "./useSlot-BDb1lvxu.js";
+import { jsx as w, jsxs as _e } from "react/jsx-runtime";
+import { u as Dt, s as H, c as Nt } from "./DefaultPropsProvider-hFv1J_xl.js";
+import { u as jt } from "./useId-CK6Kn3Tn.js";
 import { u as gt } from "./useControlled-BYdyS7Pn.js";
-import { u as Ge } from "./useEventCallback-BAQJJ3ye.js";
-import { s as jt } from "./useForkRef-C_4o__cU.js";
-import { P as Dt, i as Ut } from "./Paper-CEDxpHWv.js";
-import { P as Nt } from "./Popper-D5_YIJX6.js";
-import { C as Bt } from "./Chip-Y39z3DS6.js";
-import { c as Ke } from "./capitalize-DSG2FA7x.js";
-import { I as Et } from "./IconButton-D1mhTuaI.js";
-import { c as Ct } from "./chainPropTypes-D9lkm76m.js";
-const Wt = (n) => {
+import { u as Ke } from "./useEventCallback-Yoj9nCug.js";
+import { s as Ut } from "./Portal-ChC9wmMZ.js";
+import { P as Et, i as Bt } from "./Paper-984iTz4H.js";
+import { P as Mt } from "./Popper-DfwuvxaQ.js";
+import { C as Wt } from "./Chip-CPR3r42q.js";
+import { c as Ye } from "./capitalize-BHFotl9B.js";
+import { I as Vt } from "./IconButton-CgwURB2g.js";
+import { c as St } from "./chainPropTypes-D9lkm76m.js";
+const Gt = (n) => {
   const a = y.useRef({});
   return y.useEffect(() => {
     a.current = n;
   }), a.current;
 };
-function $t(n) {
+function Tt(n) {
   return n.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
 }
-function Gt(n = {}) {
+function qt(n = {}) {
   const {
     ignoreAccents: a = !0,
-    ignoreCase: c = !0,
-    limit: g,
-    matchFrom: D = "any",
-    stringify: L,
-    trim: $ = !1
+    ignoreCase: d = !0,
+    limit: m,
+    matchFrom: S = "any",
+    stringify: D,
+    trim: T = !1
   } = n;
-  return (k, {
-    inputValue: j,
+  return (N, {
+    inputValue: B,
     getOptionLabel: I
   }) => {
-    let v = $ ? j.trim() : j;
-    c && (v = v.toLowerCase()), a && (v = $t(v));
-    const U = v ? k.filter((ie) => {
-      let R = (L || I)(ie);
-      return c && (R = R.toLowerCase()), a && (R = $t(R)), D === "start" ? R.startsWith(v) : R.includes(v);
-    }) : k;
-    return typeof g == "number" ? U.slice(0, g) : U;
+    let C = T ? B.trim() : B;
+    d && (C = C.toLowerCase()), a && (C = Tt(C));
+    const W = C ? N.filter((pe) => {
+      let E = (D || I)(pe);
+      return d && (E = E.toLowerCase()), a && (E = Tt(E)), S === "start" ? E.startsWith(C) : E.includes(C);
+    }) : N;
+    return typeof m == "number" ? W.slice(0, m) : W;
   };
 }
-const qt = Gt(), _t = 5, Kt = (n) => {
+const _t = qt(), Kt = 5, Jt = (n) => {
   var a;
   return n.current !== null && ((a = n.current.parentElement) == null ? void 0 : a.contains(document.activeElement));
-}, Jt = [];
-function Tt(n, a, c) {
-  if (a || n == null)
+}, Xt = [];
+function At(n, a, d, m) {
+  if (a || n == null || m)
     return "";
-  const g = c(n);
-  return typeof g == "string" ? g : "";
+  const S = d(n);
+  return typeof S == "string" ? S : "";
 }
-function Xt(n) {
+function Yt(n) {
   const {
     // eslint-disable-next-line @typescript-eslint/naming-convention
-    unstable_isActiveElementInListbox: a = Kt,
+    unstable_isActiveElementInListbox: a = Jt,
     // eslint-disable-next-line @typescript-eslint/naming-convention
-    unstable_classNamePrefix: c = "Mui",
-    autoComplete: g = !1,
-    autoHighlight: D = !1,
-    autoSelect: L = !1,
-    blurOnSelect: $ = !1,
-    clearOnBlur: k = !n.freeSolo,
-    clearOnEscape: j = !1,
+    unstable_classNamePrefix: d = "Mui",
+    autoComplete: m = !1,
+    autoHighlight: S = !1,
+    autoSelect: D = !1,
+    blurOnSelect: T = !1,
+    clearOnBlur: N = !n.freeSolo,
+    clearOnEscape: B = !1,
     componentName: I = "useAutocomplete",
-    defaultValue: v = n.multiple ? Jt : null,
-    disableClearable: U = !1,
-    disableCloseOnSelect: ie = !1,
-    disabled: R,
-    disabledItemsFocusable: Se = !1,
-    disableListWrap: Ae = !1,
-    filterOptions: bt = qt,
-    filterSelectedOptions: we = !1,
-    freeSolo: le = !1,
-    getOptionDisabled: B,
-    getOptionKey: Le,
-    getOptionLabel: Je = (o) => o.label ?? o,
-    groupBy: Z,
-    handleHomeEndKeys: Xe = !n.freeSolo,
-    id: mt,
-    includeInputInList: be = !1,
-    inputValue: ke,
-    isOptionEqualToValue: K = (o, e) => o === e,
-    multiple: b = !1,
-    onChange: Ye,
-    onClose: Qe,
-    onHighlightChange: Re,
-    onInputChange: J,
-    onOpen: De,
+    defaultValue: C = n.multiple ? Xt : null,
+    disableClearable: W = !1,
+    disableCloseOnSelect: pe = !1,
+    disabled: E,
+    disabledItemsFocusable: we = !1,
+    disableListWrap: Le = !1,
+    filterOptions: mt = _t,
+    filterSelectedOptions: ke = !1,
+    freeSolo: ue = !1,
+    getOptionDisabled: G,
+    getOptionKey: Re,
+    getOptionLabel: Qe = (o) => o.label ?? o,
+    groupBy: oe,
+    handleHomeEndKeys: Ze = !n.freeSolo,
+    id: bt,
+    includeInputInList: ye = !1,
+    inputValue: De,
+    isOptionEqualToValue: Y = (o, e) => o === e,
+    multiple: u = !1,
+    onChange: et,
+    onClose: tt,
+    onHighlightChange: Ne,
+    onInputChange: Q,
+    onOpen: Ee,
     open: ht,
     openOnFocus: yt = !1,
     options: xt,
-    readOnly: pe = !1,
-    selectOnFocus: me = !n.freeSolo,
-    value: Ze
-  } = n, N = zt(mt);
-  let P = Je;
-  P = (o) => {
-    const e = Je(o);
+    readOnly: _ = !1,
+    renderValue: L,
+    selectOnFocus: ot = !n.freeSolo,
+    value: Me
+  } = n, M = jt(bt);
+  let $ = Qe;
+  $ = (o) => {
+    const e = Qe(o);
     if (typeof e != "string") {
       if (process.env.NODE_ENV !== "production") {
         const r = e === void 0 ? "undefined" : `${typeof e} (${e})`;
@@ -114,235 +116,240 @@ function Xt(n) {
     }
     return e;
   };
-  const he = y.useRef(!1), ye = y.useRef(!0), m = y.useRef(null), E = y.useRef(null), [xe, It] = y.useState(null), [M, Ne] = y.useState(-1), et = D ? 0 : -1, T = y.useRef(et), Ee = y.useRef(Tt(v, b, P)).current, [s, tt] = gt({
-    controlled: Ze,
-    default: v,
+  const ce = y.useRef(!1), xe = y.useRef(!0), h = y.useRef(null), F = y.useRef(null), [Ie, It] = y.useState(null), [V, Ve] = y.useState(-1), nt = S ? 0 : -1, P = y.useRef(nt), Ot = y.useRef(At(C ?? Me, u, $)).current, [i, Oe] = gt({
+    controlled: Me,
+    default: C,
     name: I
-  }), [f, ue] = gt({
-    controlled: ke,
-    default: Ee,
+  }), [f, ne] = gt({
+    controlled: De,
+    default: Ot,
     name: I,
     state: "inputValue"
-  }), [ee, Me] = y.useState(!1), ce = y.useCallback((o, e, r) => {
-    if (!(b ? s.length < e.length : e !== null) && !k)
+  }), [de, Fe] = y.useState(!1), fe = y.useCallback((o, e, r) => {
+    if (!(u ? i.length < e.length : e !== null) && !N)
       return;
-    const p = Tt(e, b, P);
-    f !== p && (ue(p), J && J(o, p, r));
-  }, [P, f, b, J, ue, k, s]), [X, Ie] = gt({
+    const s = At(e, u, $, L);
+    f !== s && (ne(s), Q && Q(o, s, r));
+  }, [$, f, u, Q, ne, N, i, L]), [K, Pe] = gt({
     controlled: ht,
     default: !1,
     name: I,
     state: "open"
-  }), [Ot, de] = y.useState(!0), Ve = !b && s != null && f === P(s), w = X && !pe, h = w ? bt(
-    xt.filter((o) => !(we && (b ? s : [s]).some((e) => e !== null && K(o, e)))),
+  }), [Pt, ge] = y.useState(!0), He = !u && i != null && f === $(i), k = K && !_, b = k ? mt(
+    xt.filter((o) => !(ke && (u ? i : [i]).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: Ve && Ot ? "" : f,
-      getOptionLabel: P
+      inputValue: He && Pt ? "" : f,
+      getOptionLabel: $
     }
-  ) : [], F = Wt({
-    filteredOptions: h,
-    value: s,
+  ) : [], z = Gt({
+    filteredOptions: b,
+    value: i,
     inputValue: f
   });
   y.useEffect(() => {
-    const o = s !== F.value;
-    ee && !o || le && !o || ce(null, s, "reset");
-  }, [s, ce, ee, F.value, le]);
-  const Fe = X && h.length > 0 && !pe, te = Ge((o) => {
-    o === -1 ? m.current.focus() : xe.querySelector(`[data-tag-index="${o}"]`).focus();
+    const o = i !== z.value;
+    de && !o || ue && !o || fe(null, i, "reset");
+  }, [i, fe, de, z.value, ue]);
+  const ze = K && b.length > 0 && !_, j = Ke((o) => {
+    if (o === -1)
+      h.current.focus();
+    else {
+      const e = L ? "data-item-index" : "data-tag-index";
+      Ie.querySelector(`[${e}="${o}"]`).focus();
+    }
   });
   y.useEffect(() => {
-    b && M > s.length - 1 && (Ne(-1), te(-1));
-  }, [s, b, M, te]);
-  function ot(o, e) {
-    if (!E.current || o < 0 || o >= h.length)
+    u && V > i.length - 1 && (Ve(-1), j(-1));
+  }, [i, u, V, j]);
+  function rt(o, e) {
+    if (!F.current || o < 0 || o >= b.length)
       return -1;
     let r = o;
     for (; ; ) {
-      const i = E.current.querySelector(`[data-option-index="${r}"]`), p = Se ? !1 : !i || i.disabled || i.getAttribute("aria-disabled") === "true";
-      if (i && i.hasAttribute("tabindex") && !p)
+      const p = F.current.querySelector(`[data-option-index="${r}"]`), s = we ? !1 : !p || p.disabled || p.getAttribute("aria-disabled") === "true";
+      if (p && p.hasAttribute("tabindex") && !s)
         return r;
-      if (e === "next" ? r = (r + 1) % h.length : r = (r - 1 + h.length) % h.length, r === o)
+      if (e === "next" ? r = (r + 1) % b.length : r = (r - 1 + b.length) % b.length, r === o)
         return -1;
     }
   }
-  const _ = Ge(({
+  const J = Ke(({
     event: o,
     index: e,
-    reason: r = "auto"
+    reason: r
   }) => {
-    if (T.current = e, e === -1 ? m.current.removeAttribute("aria-activedescendant") : m.current.setAttribute("aria-activedescendant", `${N}-option-${e}`), Re && Re(o, e === -1 ? null : h[e], r), !E.current)
+    if (P.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)
       return;
-    const i = E.current.querySelector(`[role="option"].${c}-focused`);
-    i && (i.classList.remove(`${c}-focused`), i.classList.remove(`${c}-focusVisible`));
-    let p = E.current;
-    if (E.current.getAttribute("role") !== "listbox" && (p = E.current.parentElement.querySelector('[role="listbox"]')), !p)
+    const p = F.current.querySelector(`[role="option"].${d}-focused`);
+    p && (p.classList.remove(`${d}-focused`), p.classList.remove(`${d}-focusVisible`));
+    let s = F.current;
+    if (F.current.getAttribute("role") !== "listbox" && (s = F.current.parentElement.querySelector('[role="listbox"]')), !s)
       return;
     if (e === -1) {
-      p.scrollTop = 0;
+      s.scrollTop = 0;
       return;
     }
-    const u = E.current.querySelector(`[data-option-index="${e}"]`);
-    if (u && (u.classList.add(`${c}-focused`), r === "keyboard" && u.classList.add(`${c}-focusVisible`), p.scrollHeight > p.clientHeight && r !== "mouse" && r !== "touch")) {
-      const x = u, S = p.clientHeight + p.scrollTop, $e = x.offsetTop + x.offsetHeight;
-      $e > S ? p.scrollTop = $e - p.clientHeight : x.offsetTop - x.offsetHeight * (Z ? 1.3 : 0) < p.scrollTop && (p.scrollTop = x.offsetTop - x.offsetHeight * (Z ? 1.3 : 0));
+    const g = F.current.querySelector(`[data-option-index="${e}"]`);
+    if (g && (g.classList.add(`${d}-focused`), r === "keyboard" && g.classList.add(`${d}-focusVisible`), s.scrollHeight > s.clientHeight && r !== "mouse" && r !== "touch")) {
+      const x = g, A = s.clientHeight + s.scrollTop, Te = x.offsetTop + x.offsetHeight;
+      Te > A ? s.scrollTop = Te - s.clientHeight : x.offsetTop - x.offsetHeight * (oe ? 1.3 : 0) < s.scrollTop && (s.scrollTop = x.offsetTop - x.offsetHeight * (oe ? 1.3 : 0));
     }
-  }), H = Ge(({
+  }), U = Ke(({
     event: o,
     diff: e,
     direction: r = "next",
-    reason: i = "auto"
+    reason: p
   }) => {
-    if (!w)
+    if (!k)
       return;
-    const u = ot((() => {
-      const x = h.length - 1;
+    const g = rt((() => {
+      const x = b.length - 1;
       if (e === "reset")
-        return et;
+        return nt;
       if (e === "start")
         return 0;
       if (e === "end")
         return x;
-      const S = T.current + e;
-      return S < 0 ? S === -1 && be ? -1 : Ae && T.current !== -1 || Math.abs(e) > 1 ? 0 : x : S > x ? S === x + 1 && be ? -1 : Ae || Math.abs(e) > 1 ? x : 0 : S;
+      const A = P.current + e;
+      return A < 0 ? A === -1 && ye ? -1 : Le && P.current !== -1 || Math.abs(e) > 1 ? 0 : x : A > x ? A === x + 1 && ye ? -1 : Le || Math.abs(e) > 1 ? x : 0 : A;
     })(), r);
-    if (_({
-      index: u,
-      reason: i,
+    if (J({
+      index: g,
+      reason: p,
       event: o
-    }), g && e !== "reset")
-      if (u === -1)
-        m.current.value = f;
+    }), m && e !== "reset")
+      if (g === -1)
+        h.current.value = f;
       else {
-        const x = P(h[u]);
-        m.current.value = x, x.toLowerCase().indexOf(f.toLowerCase()) === 0 && f.length > 0 && m.current.setSelectionRange(f.length, x.length);
+        const x = $(b[g]);
+        h.current.value = x, x.toLowerCase().indexOf(f.toLowerCase()) === 0 && f.length > 0 && h.current.setSelectionRange(f.length, x.length);
       }
-  }), nt = () => {
+  }), at = () => {
     const o = (e, r) => {
-      const i = e ? P(e) : "", p = r ? P(r) : "";
-      return i === p;
+      const p = e ? $(e) : "", s = r ? $(r) : "";
+      return p === s;
     };
-    if (T.current !== -1 && F.filteredOptions && F.filteredOptions.length !== h.length && F.inputValue === f && (b ? s.length === F.value.length && F.value.every((e, r) => P(s[r]) === P(e)) : o(F.value, s))) {
-      const e = F.filteredOptions[T.current];
+    if (P.current !== -1 && z.filteredOptions && z.filteredOptions.length !== b.length && z.inputValue === f && (u ? i.length === z.value.length && z.value.every((e, r) => $(i[r]) === $(e)) : o(z.value, i))) {
+      const e = z.filteredOptions[P.current];
       if (e)
-        return h.findIndex((r) => P(r) === P(e));
+        return b.findIndex((r) => $(r) === $(e));
     }
     return -1;
-  }, Oe = y.useCallback(() => {
-    if (!w)
+  }, ve = y.useCallback(() => {
+    if (!k)
       return;
-    const o = nt();
+    const o = at();
     if (o !== -1) {
-      T.current = o;
+      P.current = o;
       return;
     }
-    const e = b ? s[0] : s;
-    if (h.length === 0 || e == null) {
-      H({
+    const e = u ? i[0] : i;
+    if (b.length === 0 || e == null) {
+      U({
         diff: "reset"
       });
       return;
     }
-    if (E.current) {
+    if (F.current) {
       if (e != null) {
-        const r = h[T.current];
-        if (b && r && s.findIndex((p) => K(r, p)) !== -1)
+        const r = b[P.current];
+        if (u && r && i.findIndex((s) => Y(r, s)) !== -1)
           return;
-        const i = h.findIndex((p) => K(p, e));
-        i === -1 ? H({
+        const p = b.findIndex((s) => Y(s, e));
+        p === -1 ? U({
           diff: "reset"
-        }) : _({
-          index: i
+        }) : J({
+          index: p
         });
         return;
       }
-      if (T.current >= h.length - 1) {
-        _({
-          index: h.length - 1
+      if (P.current >= b.length - 1) {
+        J({
+          index: b.length - 1
         });
         return;
       }
-      _({
-        index: T.current
+      J({
+        index: P.current
       });
     }
   }, [
     // Only sync the highlighted index when the option switch between empty and not
-    h.length,
+    b.length,
     // Don't sync the highlighted index with the value when multiple
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    b ? !1 : s,
-    we,
-    H,
-    _,
-    w,
+    u ? !1 : i,
+    ke,
+    U,
+    J,
+    k,
     f,
-    b
-  ]), rt = Ge((o) => {
-    jt(E, o), o && Oe();
+    u
+  ]), st = Ke((o) => {
+    Ut(F, o), o && ve();
   });
   process.env.NODE_ENV !== "production" && y.useEffect(() => {
-    (!m.current || m.current.nodeName !== "INPUT") && (m.current && m.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 ${m.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 ${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(`
 `)));
   }, [I]), y.useEffect(() => {
-    Oe();
-  }, [Oe]);
-  const z = (o) => {
-    X || (Ie(!0), de(!0), De && De(o));
-  }, oe = (o, e) => {
-    X && (Ie(!1), Qe && Qe(o, e));
-  }, Y = (o, e, r, i) => {
-    if (b) {
-      if (s.length === e.length && s.every((p, u) => p === e[u]))
+    ve();
+  }, [ve]);
+  const R = (o) => {
+    K || (Pe(!0), ge(!0), Ee && Ee(o));
+  }, re = (o, e) => {
+    K && (Pe(!1), tt && tt(o, e));
+  }, X = (o, e, r, p) => {
+    if (u) {
+      if (i.length === e.length && i.every((s, g) => s === e[g]))
         return;
-    } else if (s === e)
+    } else if (i === e)
       return;
-    Ye && Ye(o, e, r, i), tt(e);
-  }, fe = y.useRef(!1), W = (o, e, r = "selectOption", i = "options") => {
-    let p = r, u = e;
-    if (b) {
-      if (u = Array.isArray(s) ? s.slice() : [], process.env.NODE_ENV !== "production") {
-        const S = u.filter(($e) => K(e, $e));
-        S.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 ${S.length} matches.`].join(`
+    et && et(o, e, r, p), Oe(e);
+  }, me = y.useRef(!1), q = (o, e, r = "selectOption", p = "options") => {
+    let s = r, g = e;
+    if (u) {
+      if (g = Array.isArray(i) ? i.slice() : [], process.env.NODE_ENV !== "production") {
+        const A = g.filter((Te) => Y(e, Te));
+        A.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 ${A.length} matches.`].join(`
 `));
       }
-      const x = u.findIndex((S) => K(e, S));
-      x === -1 ? u.push(e) : i !== "freeSolo" && (u.splice(x, 1), p = "removeOption");
+      const x = g.findIndex((A) => Y(e, A));
+      x === -1 ? g.push(e) : p !== "freeSolo" && (g.splice(x, 1), s = "removeOption");
     }
-    ce(o, u, p), Y(o, u, p, {
+    fe(o, g, s), X(o, g, s, {
       option: e
-    }), !ie && (!o || !o.ctrlKey && !o.metaKey) && oe(o, p), ($ === !0 || $ === "touch" && fe.current || $ === "mouse" && !fe.current) && m.current.blur();
+    }), !pe && (!o || !o.ctrlKey && !o.metaKey) && re(o, s), (T === !0 || T === "touch" && me.current || T === "mouse" && !me.current) && h.current.blur();
   };
-  function He(o, e) {
+  function je(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 === i.length || e === "previous" && r === -1)
         return -1;
-      const i = xe.querySelector(`[data-tag-index="${r}"]`);
-      if (!i || !i.hasAttribute("tabindex") || i.disabled || i.getAttribute("aria-disabled") === "true")
+      const p = L ? "data-item-index" : "data-tag-index", s = Ie.querySelector(`[${p}="${r}"]`);
+      if (!s || !s.hasAttribute("tabindex") || s.disabled || s.getAttribute("aria-disabled") === "true")
         r += e === "next" ? 1 : -1;
       else
         return r;
     }
   }
-  const ze = (o, e) => {
-    if (!b)
+  const Ue = (o, e) => {
+    if (!u)
       return;
-    f === "" && oe(o, "toggleInput");
-    let r = M;
-    M === -1 ? f === "" && e === "previous" && (r = s.length - 1) : (r += e === "next" ? 1 : -1, r < 0 && (r = 0), r === s.length && (r = -1)), r = He(r, e), Ne(r), te(r);
-  }, ne = (o) => {
-    he.current = !0, ue(""), J && J(o, "", "clear"), Y(o, b ? [] : null, "clear");
-  }, at = (o) => (e) => {
-    if (o.onKeyDown && o.onKeyDown(e), !e.defaultMuiPrevented && (M !== -1 && !["ArrowLeft", "ArrowRight"].includes(e.key) && (Ne(-1), te(-1)), e.which !== 229))
+    f === "" && re(o, "toggleInput");
+    let r = V;
+    V === -1 ? f === "" && e === "previous" && (r = i.length - 1) : (r += e === "next" ? 1 : -1, r < 0 && (r = 0), r === i.length && (r = -1)), r = je(r, e), Ve(r), j(r);
+  }, ae = (o) => {
+    ce.current = !0, ne(""), Q && Q(o, "", "clear"), X(o, u ? [] : null, "clear");
+  }, it = (o) => (e) => {
+    if (o.onKeyDown && o.onKeyDown(e), !e.defaultMuiPrevented && (V !== -1 && !["ArrowLeft", "ArrowRight"].includes(e.key) && (Ve(-1), j(-1)), e.which !== 229))
       switch (e.key) {
         case "Home":
-          w && Xe && (e.preventDefault(), H({
+          k && Ze && (e.preventDefault(), U({
             diff: "start",
             direction: "next",
             reason: "keyboard",
@@ -350,7 +357,7 @@ function Xt(n) {
           }));
           break;
         case "End":
-          w && Xe && (e.preventDefault(), H({
+          k && Ze && (e.preventDefault(), U({
             diff: "end",
             direction: "previous",
             reason: "keyboard",
@@ -358,186 +365,209 @@ function Xt(n) {
           }));
           break;
         case "PageUp":
-          e.preventDefault(), H({
+          e.preventDefault(), U({
             diff: -5,
             direction: "previous",
             reason: "keyboard",
             event: e
-          }), z(e);
+          }), R(e);
           break;
         case "PageDown":
-          e.preventDefault(), H({
-            diff: _t,
+          e.preventDefault(), U({
+            diff: Kt,
             direction: "next",
             reason: "keyboard",
             event: e
-          }), z(e);
+          }), R(e);
           break;
         case "ArrowDown":
-          e.preventDefault(), H({
+          e.preventDefault(), U({
             diff: 1,
             direction: "next",
             reason: "keyboard",
             event: e
-          }), z(e);
+          }), R(e);
           break;
         case "ArrowUp":
-          e.preventDefault(), H({
+          e.preventDefault(), U({
             diff: -1,
             direction: "previous",
             reason: "keyboard",
             event: e
-          }), z(e);
+          }), R(e);
           break;
         case "ArrowLeft":
-          ze(e, "previous");
+          !u && L ? j(0) : Ue(e, "previous");
           break;
         case "ArrowRight":
-          ze(e, "next");
+          !u && L ? j(-1) : Ue(e, "next");
           break;
         case "Enter":
-          if (T.current !== -1 && w) {
-            const r = h[T.current], i = B ? B(r) : !1;
-            if (e.preventDefault(), i)
+          if (P.current !== -1 && k) {
+            const r = b[P.current], p = G ? G(r) : !1;
+            if (e.preventDefault(), p)
               return;
-            W(e, r, "selectOption"), g && m.current.setSelectionRange(m.current.value.length, m.current.value.length);
-          } else le && f !== "" && Ve === !1 && (b && e.preventDefault(), W(e, f, "createOption", "freeSolo"));
+            q(e, r, "selectOption"), m && h.current.setSelectionRange(h.current.value.length, h.current.value.length);
+          } else ue && f !== "" && He === !1 && (u && e.preventDefault(), q(e, f, "createOption", "freeSolo"));
           break;
         case "Escape":
-          w ? (e.preventDefault(), e.stopPropagation(), oe(e, "escape")) : j && (f !== "" || b && s.length > 0) && (e.preventDefault(), e.stopPropagation(), ne(e));
+          k ? (e.preventDefault(), e.stopPropagation(), re(e, "escape")) : B && (f !== "" || u && i.length > 0 || L) && (e.preventDefault(), e.stopPropagation(), ae(e));
           break;
         case "Backspace":
-          if (b && !pe && f === "" && s.length > 0) {
-            const r = M === -1 ? s.length - 1 : M, i = s.slice();
-            i.splice(r, 1), Y(e, i, "removeOption", {
-              option: s[r]
+          if (u && !_ && f === "" && i.length > 0) {
+            const r = V === -1 ? i.length - 1 : V, p = i.slice();
+            p.splice(r, 1), X(e, p, "removeOption", {
+              option: i[r]
             });
           }
+          !u && L && !_ && (Oe(null), j(-1));
           break;
         case "Delete":
-          if (b && !pe && f === "" && s.length > 0 && M !== -1) {
-            const r = M, i = s.slice();
-            i.splice(r, 1), Y(e, i, "removeOption", {
-              option: s[r]
+          if (u && !_ && f === "" && i.length > 0 && V !== -1) {
+            const r = V, p = i.slice();
+            p.splice(r, 1), X(e, p, "removeOption", {
+              option: i[r]
             });
           }
+          !u && L && !_ && (Oe(null), j(-1));
           break;
       }
-  }, st = (o) => {
-    Me(!0), yt && !he.current && z(o);
-  }, re = (o) => {
-    if (a(E)) {
-      m.current.focus();
+  }, lt = (o) => {
+    Fe(!0), yt && !ce.current && R(o);
+  }, se = (o) => {
+    if (a(F)) {
+      h.current.focus();
       return;
     }
-    Me(!1), ye.current = !0, he.current = !1, L && T.current !== -1 && w ? W(o, h[T.current], "blur") : L && le && f !== "" ? W(o, f, "blur", "freeSolo") : k && ce(o, s, "blur"), oe(o, "blur");
-  }, Pe = (o) => {
+    Fe(!1), xe.current = !0, ce.current = !1, D && P.current !== -1 && k ? q(o, b[P.current], "blur") : D && ue && f !== "" ? q(o, f, "blur", "freeSolo") : N && fe(o, i, "blur"), re(o, "blur");
+  }, Ce = (o) => {
     const e = o.target.value;
-    f !== e && (ue(e), de(!1), J && J(o, e, "input")), e === "" ? !U && !b && Y(o, null, "clear") : z(o);
-  }, ve = (o) => {
+    f !== e && (ne(e), ge(!1), Q && Q(o, e, "input")), e === "" ? !W && !u && X(o, null, "clear") : R(o);
+  }, $e = (o) => {
     const e = Number(o.currentTarget.getAttribute("data-option-index"));
-    T.current !== e && _({
+    P.current !== e && J({
       event: o,
       index: e,
       reason: "mouse"
     });
-  }, it = (o) => {
-    _({
+  }, pt = (o) => {
+    J({
       event: o,
       index: Number(o.currentTarget.getAttribute("data-option-index")),
       reason: "touch"
-    }), fe.current = !0;
-  }, lt = (o) => {
+    }), me.current = !0;
+  }, ut = (o) => {
     const e = Number(o.currentTarget.getAttribute("data-option-index"));
-    W(o, h[e], "selectOption"), fe.current = !1;
-  }, pt = (o) => (e) => {
-    const r = s.slice();
-    r.splice(o, 1), Y(e, r, "removeOption", {
-      option: s[o]
+    q(o, b[e], "selectOption"), me.current = !1;
+  }, Be = (o) => (e) => {
+    const r = i.slice();
+    r.splice(o, 1), X(e, r, "removeOption", {
+      option: i[o]
     });
-  }, ut = (o) => {
-    X ? oe(o, "toggleInput") : z(o);
-  }, Ce = (o) => {
-    o.currentTarget.contains(o.target) && o.target.getAttribute("id") !== N && o.preventDefault();
-  }, C = (o) => {
-    o.currentTarget.contains(o.target) && (m.current.focus(), me && ye.current && m.current.selectionEnd - m.current.selectionStart === 0 && m.current.select(), ye.current = !1);
+  }, vt = (o) => {
+    X(o, null, "removeOption", {
+      option: i
+    });
+  }, be = (o) => {
+    K ? re(o, "toggleInput") : R(o);
+  }, v = (o) => {
+    o.currentTarget.contains(o.target) && o.target.getAttribute("id") !== M && o.preventDefault();
   }, O = (o) => {
-    !R && (f === "" || !X) && ut(o);
+    o.currentTarget.contains(o.target) && (h.current.focus(), ot && xe.current && h.current.selectionEnd - h.current.selectionStart === 0 && h.current.select(), xe.current = !1);
+  }, Z = (o) => {
+    !E && (f === "" || !K) && be(o);
   };
-  let G = le && f.length > 0;
-  G = G || (b ? s.length > 0 : s !== null);
-  let je = h;
-  if (Z) {
+  let Se = ue && f.length > 0;
+  Se = Se || (u ? i.length > 0 : i !== null);
+  let We = b;
+  if (oe) {
     const o = /* @__PURE__ */ new Map();
     let e = !1;
-    je = h.reduce((r, i, p) => {
-      const u = Z(i);
-      return r.length > 0 && r[r.length - 1].group === u ? r[r.length - 1].options.push(i) : (process.env.NODE_ENV !== "production" && (o.get(u) && !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(u, !0)), r.push({
-        key: p,
-        index: p,
-        group: u,
-        options: [i]
+    We = b.reduce((r, p, s) => {
+      const g = oe(p);
+      return r.length > 0 && r[r.length - 1].group === g ? r[r.length - 1].options.push(p) : (process.env.NODE_ENV !== "production" && (o.get(g) && !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(g, !0)), r.push({
+        key: s,
+        index: s,
+        group: g,
+        options: [p]
       })), r;
     }, []);
   }
-  return R && ee && re(), {
+  return E && de && se(), {
     getRootProps: (o = {}) => ({
       ...o,
-      onKeyDown: at(o),
-      onMouseDown: Ce,
-      onClick: C
+      onKeyDown: it(o),
+      onMouseDown: v,
+      onClick: O
     }),
     getInputLabelProps: () => ({
-      id: `${N}-label`,
-      htmlFor: N
+      id: `${M}-label`,
+      htmlFor: M
     }),
     getInputProps: () => ({
-      id: N,
+      id: M,
       value: f,
-      onBlur: re,
-      onFocus: st,
-      onChange: Pe,
-      onMouseDown: O,
+      onBlur: se,
+      onFocus: lt,
+      onChange: Ce,
+      onMouseDown: Z,
       // if open then this is handled imperatively so don't let react override
       // only have an opinion about this when closed
-      "aria-activedescendant": w ? "" : null,
-      "aria-autocomplete": g ? "both" : "list",
-      "aria-controls": Fe ? `${N}-listbox` : void 0,
-      "aria-expanded": Fe,
+      "aria-activedescendant": k ? "" : null,
+      "aria-autocomplete": m ? "both" : "list",
+      "aria-controls": ze ? `${M}-listbox` : void 0,
+      "aria-expanded": ze,
       // Disable browser's suggestion that might overlap with the popup.
       // Handle autocomplete but not autofill.
       autoComplete: "off",
-      ref: m,
+      ref: h,
       autoCapitalize: "none",
       spellCheck: "false",
       role: "combobox",
-      disabled: R
+      disabled: E
     }),
     getClearProps: () => ({
       tabIndex: -1,
       type: "button",
-      onClick: ne
+      onClick: ae
+    }),
+    getItemProps: ({
+      index: o = 0
+    } = {}) => ({
+      ...u && {
+        key: o
+      },
+      ...L ? {
+        "data-item-index": o
+      } : {
+        "data-tag-index": o
+      },
+      tabIndex: -1,
+      ...!_ && {
+        onDelete: u ? Be(o) : vt
+      }
     }),
     getPopupIndicatorProps: () => ({
       tabIndex: -1,
       type: "button",
-      onClick: ut
+      onClick: be
     }),
+    // deprecated
     getTagProps: ({
       index: o
     }) => ({
       key: o,
       "data-tag-index": o,
       tabIndex: -1,
-      ...!pe && {
-        onDelete: pt(o)
+      ...!_ && {
+        onDelete: Be(o)
       }
     }),
     getListboxProps: () => ({
       role: "listbox",
-      id: `${N}-listbox`,
-      "aria-labelledby": `${N}-label`,
-      ref: rt,
+      id: `${M}-listbox`,
+      "aria-labelledby": `${M}-label`,
+      ref: st,
       onMouseDown: (o) => {
         o.preventDefault();
       }
@@ -546,57 +576,59 @@ function Xt(n) {
       index: o,
       option: e
     }) => {
-      const r = (b ? s : [s]).some((p) => p != null && K(e, p)), i = B ? B(e) : !1;
+      const r = (u ? i : [i]).some((s) => s != null && Y(e, s)), p = G ? G(e) : !1;
       return {
-        key: (Le == null ? void 0 : Le(e)) ?? P(e),
+        key: (Re == null ? void 0 : Re(e)) ?? $(e),
         tabIndex: -1,
         role: "option",
-        id: `${N}-option-${o}`,
-        onMouseMove: ve,
-        onClick: lt,
-        onTouchStart: it,
+        id: `${M}-option-${o}`,
+        onMouseMove: $e,
+        onClick: ut,
+        onTouchStart: pt,
         "data-option-index": o,
-        "aria-disabled": i,
+        "aria-disabled": p,
         "aria-selected": r
       };
     },
-    id: N,
+    id: M,
     inputValue: f,
-    value: s,
-    dirty: G,
-    expanded: w && xe,
-    popupOpen: w,
-    focused: ee || M !== -1,
-    anchorEl: xe,
+    value: i,
+    dirty: Se,
+    expanded: k && Ie,
+    popupOpen: k,
+    focused: de || V !== -1,
+    anchorEl: Ie,
     setAnchorEl: It,
-    focusedTag: M,
-    groupedOptions: je
+    focusedItem: V,
+    // deprecated
+    focusedTag: V,
+    groupedOptions: We
   };
 }
-function Yt(n) {
-  return Lt("MuiListSubheader", n);
+function Qt(n) {
+  return Rt("MuiListSubheader", n);
 }
-const Do = wt("MuiListSubheader", ["root", "colorPrimary", "colorInherit", "gutters", "inset", "sticky"]), Qt = (n) => {
+const Eo = kt("MuiListSubheader", ["root", "colorPrimary", "colorInherit", "gutters", "inset", "sticky"]), Zt = (n) => {
   const {
     classes: a,
-    color: c,
-    disableGutters: g,
-    inset: D,
-    disableSticky: L
-  } = n, $ = {
-    root: ["root", c !== "default" && `color${Ke(c)}`, !g && "gutters", D && "inset", !L && "sticky"]
+    color: d,
+    disableGutters: m,
+    inset: S,
+    disableSticky: D
+  } = n, T = {
+    root: ["root", d !== "default" && `color${Ye(d)}`, !m && "gutters", S && "inset", !D && "sticky"]
   };
-  return Rt($, Yt, a);
-}, Zt = V("li", {
+  return Nt(T, Qt, a);
+}, eo = H("li", {
   name: "MuiListSubheader",
   slot: "Root",
   overridesResolver: (n, a) => {
     const {
-      ownerState: c
+      ownerState: d
     } = n;
-    return [a.root, c.color !== "default" && a[`color${Ke(c.color)}`], !c.disableGutters && a.gutters, c.inset && a.inset, !c.disableSticky && a.sticky];
+    return [a.root, d.color !== "default" && a[`color${Ye(d.color)}`], !d.disableGutters && a.gutters, d.inset && a.inset, !d.disableSticky && a.sticky];
   }
-})(se(({
+})(le(({
   theme: n
 }) => ({
   boxSizing: "border-box",
@@ -646,36 +678,36 @@ const Do = wt("MuiListSubheader", ["root", "colorPrimary", "colorInherit", "gutt
       backgroundColor: (n.vars || n).palette.background.paper
     }
   }]
-}))), _e = /* @__PURE__ */ y.forwardRef(function(a, c) {
-  const g = kt({
+}))), Xe = /* @__PURE__ */ y.forwardRef(function(a, d) {
+  const m = Dt({
     props: a,
     name: "MuiListSubheader"
   }), {
-    className: D,
-    color: L = "default",
-    component: $ = "li",
-    disableGutters: k = !1,
-    disableSticky: j = !1,
+    className: S,
+    color: D = "default",
+    component: T = "li",
+    disableGutters: N = !1,
+    disableSticky: B = !1,
     inset: I = !1,
-    ...v
-  } = g, U = {
-    ...g,
-    color: L,
-    component: $,
-    disableGutters: k,
-    disableSticky: j,
+    ...C
+  } = m, W = {
+    ...m,
+    color: D,
+    component: T,
+    disableGutters: N,
+    disableSticky: B,
     inset: I
-  }, ie = Qt(U);
-  return /* @__PURE__ */ A(Zt, {
-    as: $,
-    className: qe(ie.root, D),
-    ref: c,
-    ownerState: U,
-    ...v
+  }, pe = Zt(W);
+  return /* @__PURE__ */ w(eo, {
+    as: T,
+    className: Je(pe.root, S),
+    ref: d,
+    ownerState: W,
+    ...C
   });
 });
-_e && (_e.muiSkipListHighlight = !0);
-process.env.NODE_ENV !== "production" && (_e.propTypes = {
+Xe && (Xe.muiSkipListHighlight = !0);
+process.env.NODE_ENV !== "production" && (Xe.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -722,32 +754,32 @@ process.env.NODE_ENV !== "production" && (_e.propTypes = {
    */
   sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
 });
-function eo(n) {
-  return Lt("MuiAutocomplete", n);
+function to(n) {
+  return Rt("MuiAutocomplete", n);
 }
-const l = wt("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 St, At;
-const to = (n) => {
+const l = kt("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 wt, Lt;
+const oo = (n) => {
   const {
     classes: a,
-    disablePortal: c,
-    expanded: g,
-    focused: D,
-    fullWidth: L,
-    hasClearIcon: $,
-    hasPopupIcon: k,
-    inputFocused: j,
+    disablePortal: d,
+    expanded: m,
+    focused: S,
+    fullWidth: D,
+    hasClearIcon: T,
+    hasPopupIcon: N,
+    inputFocused: B,
     popupOpen: I,
-    size: v
-  } = n, U = {
-    root: ["root", g && "expanded", D && "focused", L && "fullWidth", $ && "hasClearIcon", k && "hasPopupIcon"],
+    size: C
+  } = n, W = {
+    root: ["root", m && "expanded", S && "focused", D && "fullWidth", T && "hasClearIcon", N && "hasPopupIcon"],
     inputRoot: ["inputRoot"],
-    input: ["input", j && "inputFocused"],
-    tag: ["tag", `tagSize${Ke(v)}`],
+    input: ["input", B && "inputFocused"],
+    tag: ["tag", `tagSize${Ye(C)}`],
     endAdornment: ["endAdornment"],
     clearIndicator: ["clearIndicator"],
     popupIndicator: ["popupIndicator", I && "popupIndicatorOpen"],
-    popper: ["popper", c && "popperDisablePortal"],
+    popper: ["popper", d && "popperDisablePortal"],
     paper: ["paper"],
     listbox: ["listbox"],
     loading: ["loading"],
@@ -756,31 +788,31 @@ const to = (n) => {
     groupLabel: ["groupLabel"],
     groupUl: ["groupUl"]
   };
-  return Rt(U, eo, a);
-}, oo = V("div", {
+  return Nt(W, to, a);
+}, no = H("div", {
   name: "MuiAutocomplete",
   slot: "Root",
   overridesResolver: (n, a) => {
     const {
-      ownerState: c
+      ownerState: d
     } = n, {
-      fullWidth: g,
-      hasClearIcon: D,
-      hasPopupIcon: L,
-      inputFocused: $,
-      size: k
-    } = c;
+      fullWidth: m,
+      hasClearIcon: S,
+      hasPopupIcon: D,
+      inputFocused: T,
+      size: N
+    } = d;
     return [{
       [`& .${l.tag}`]: a.tag
     }, {
-      [`& .${l.tag}`]: a[`tagSize${Ke(k)}`]
+      [`& .${l.tag}`]: a[`tagSize${Ye(N)}`]
     }, {
       [`& .${l.inputRoot}`]: a.inputRoot
     }, {
       [`& .${l.input}`]: a.input
     }, {
-      [`& .${l.input}`]: $ && a.inputFocused
-    }, a.root, g && a.fullWidth, L && a.hasPopupIcon, D && a.hasClearIcon];
+      [`& .${l.input}`]: T && a.inputFocused
+    }, a.root, m && a.fullWidth, D && a.hasPopupIcon, S && a.hasClearIcon];
   }
 })({
   [`&.${l.focused} .${l.clearIndicator}`]: {
@@ -814,12 +846,12 @@ const to = (n) => {
       padding: "4px 4px 4px 0px"
     }
   },
-  [`& .${dt.root}.${ae.sizeSmall}`]: {
+  [`& .${dt.root}.${ie.sizeSmall}`]: {
     [`& .${dt.input}`]: {
       padding: "2px 4px 3px 0"
     }
   },
-  [`& .${vt.root}`]: {
+  [`& .${$t.root}`]: {
     padding: 9,
     [`.${l.hasPopupIcon}&, .${l.hasClearIcon}&`]: {
       paddingRight: 39
@@ -834,7 +866,7 @@ const to = (n) => {
       right: 9
     }
   },
-  [`& .${vt.root}.${ae.sizeSmall}`]: {
+  [`& .${$t.root}.${ie.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,
@@ -844,7 +876,7 @@ const to = (n) => {
       padding: "2.5px 4px 2.5px 8px"
     }
   },
-  [`& .${ge.root}`]: {
+  [`& .${he.root}`]: {
     paddingTop: 19,
     paddingLeft: 8,
     [`.${l.hasPopupIcon}&, .${l.hasClearIcon}&`]: {
@@ -853,23 +885,23 @@ const to = (n) => {
     [`.${l.hasPopupIcon}.${l.hasClearIcon}&`]: {
       paddingRight: 65
     },
-    [`& .${ge.input}`]: {
+    [`& .${he.input}`]: {
       padding: "7px 4px"
     },
     [`& .${l.endAdornment}`]: {
       right: 9
     }
   },
-  [`& .${ge.root}.${ae.sizeSmall}`]: {
+  [`& .${he.root}.${ie.sizeSmall}`]: {
     paddingBottom: 1,
-    [`& .${ge.input}`]: {
+    [`& .${he.input}`]: {
       padding: "2.5px 4px"
     }
   },
-  [`& .${ae.hiddenLabel}`]: {
+  [`& .${ie.hiddenLabel}`]: {
     paddingTop: 8
   },
-  [`& .${ge.root}.${ae.hiddenLabel}`]: {
+  [`& .${he.root}.${ie.hiddenLabel}`]: {
     paddingTop: 0,
     paddingBottom: 0,
     [`& .${l.input}`]: {
@@ -877,7 +909,7 @@ const to = (n) => {
       paddingBottom: 17
     }
   },
-  [`& .${ge.root}.${ae.hiddenLabel}.${ae.sizeSmall}`]: {
+  [`& .${he.root}.${ie.hiddenLabel}.${ie.sizeSmall}`]: {
     [`& .${l.input}`]: {
       paddingTop: 8,
       paddingBottom: 9
@@ -924,7 +956,7 @@ const to = (n) => {
       }
     }
   }]
-}), no = V("div", {
+}), ro = H("div", {
   name: "MuiAutocomplete",
   slot: "EndAdornment",
   overridesResolver: (n, a) => a.endAdornment
@@ -934,7 +966,7 @@ const to = (n) => {
   right: 0,
   top: "50%",
   transform: "translate(0, -50%)"
-}), ro = V(Et, {
+}), ao = H(Vt, {
   name: "MuiAutocomplete",
   slot: "ClearIndicator",
   overridesResolver: (n, a) => a.clearIndicator
@@ -942,14 +974,14 @@ const to = (n) => {
   marginRight: -2,
   padding: 4,
   visibility: "hidden"
-}), ao = V(Et, {
+}), so = H(Vt, {
   name: "MuiAutocomplete",
   slot: "PopupIndicator",
   overridesResolver: (n, a) => {
     const {
-      ownerState: c
+      ownerState: d
     } = n;
-    return [a.popupIndicator, c.popupOpen && a.popupIndicatorOpen];
+    return [a.popupIndicator, d.popupOpen && a.popupIndicatorOpen];
   }
 })({
   padding: 2,
@@ -962,18 +994,18 @@ const to = (n) => {
       transform: "rotate(180deg)"
     }
   }]
-}), so = V(Nt, {
+}), io = H(Mt, {
   name: "MuiAutocomplete",
   slot: "Popper",
   overridesResolver: (n, a) => {
     const {
-      ownerState: c
+      ownerState: d
     } = n;
     return [{
       [`& .${l.option}`]: a.option
-    }, a.popper, c.disablePortal && a.popperDisablePortal];
+    }, a.popper, d.disablePortal && a.popperDisablePortal];
   }
-})(se(({
+})(le(({
   theme: n
 }) => ({
   zIndex: (n.vars || n).zIndex.modal,
@@ -985,38 +1017,38 @@ const to = (n) => {
       position: "absolute"
     }
   }]
-}))), io = V(Dt, {
+}))), lo = H(Et, {
   name: "MuiAutocomplete",
   slot: "Paper",
   overridesResolver: (n, a) => a.paper
-})(se(({
+})(le(({
   theme: n
 }) => ({
   ...n.typography.body1,
   overflow: "auto"
-}))), lo = V("div", {
+}))), po = H("div", {
   name: "MuiAutocomplete",
   slot: "Loading",
   overridesResolver: (n, a) => a.loading
-})(se(({
+})(le(({
   theme: n
 }) => ({
   color: (n.vars || n).palette.text.secondary,
   padding: "14px 16px"
-}))), po = V("div", {
+}))), uo = H("div", {
   name: "MuiAutocomplete",
   slot: "NoOptions",
   overridesResolver: (n, a) => a.noOptions
-})(se(({
+})(le(({
   theme: n
 }) => ({
   color: (n.vars || n).palette.text.secondary,
   padding: "14px 16px"
-}))), uo = V("ul", {
+}))), co = H("ul", {
   name: "MuiAutocomplete",
   slot: "Listbox",
   overridesResolver: (n, a) => a.listbox
-})(se(({
+})(le(({
   theme: n
 }) => ({
   listStyle: "none",
@@ -1070,16 +1102,16 @@ const to = (n) => {
       }
     }
   }
-}))), co = V(_e, {
+}))), fo = H(Xe, {
   name: "MuiAutocomplete",
   slot: "GroupLabel",
   overridesResolver: (n, a) => a.groupLabel
-})(se(({
+})(le(({
   theme: n
 }) => ({
   backgroundColor: (n.vars || n).palette.background.paper,
   top: -8
-}))), fo = V("ul", {
+}))), go = H("ul", {
   name: "MuiAutocomplete",
   slot: "GroupUl",
   overridesResolver: (n, a) => a.groupUl
@@ -1088,302 +1120,300 @@ const to = (n) => {
   [`& .${l.option}`]: {
     paddingLeft: 24
   }
-}), go = /* @__PURE__ */ y.forwardRef(function(a, c) {
-  const g = kt({
+}), mo = /* @__PURE__ */ y.forwardRef(function(a, d) {
+  const m = Dt({
     props: a,
     name: "MuiAutocomplete"
   }), {
-    autoComplete: D = !1,
-    autoHighlight: L = !1,
-    autoSelect: $ = !1,
-    blurOnSelect: k = !1,
-    ChipProps: j,
+    autoComplete: S = !1,
+    autoHighlight: D = !1,
+    autoSelect: T = !1,
+    blurOnSelect: N = !1,
+    ChipProps: B,
     className: I,
-    clearIcon: v = St || (St = /* @__PURE__ */ A(Ht, {
+    clearIcon: C = wt || (wt = /* @__PURE__ */ w(zt, {
       fontSize: "small"
     })),
-    clearOnBlur: U = !g.freeSolo,
-    clearOnEscape: ie = !1,
-    clearText: R = "Clear",
-    closeText: Se = "Close",
-    componentsProps: Ae,
-    defaultValue: bt = g.multiple ? [] : null,
-    disableClearable: we = !1,
-    disableCloseOnSelect: le = !1,
-    disabled: B = !1,
-    disabledItemsFocusable: Le = !1,
-    disableListWrap: Je = !1,
-    disablePortal: Z = !1,
-    filterOptions: Xe,
-    filterSelectedOptions: mt = !1,
-    forcePopupIcon: be = "auto",
-    freeSolo: ke = !1,
-    fullWidth: K = !1,
-    getLimitTagsText: b = (d) => `+${d}`,
-    getOptionDisabled: Ye,
-    getOptionKey: Qe,
-    getOptionLabel: Re,
-    isOptionEqualToValue: J,
-    groupBy: De,
-    handleHomeEndKeys: ht = !g.freeSolo,
+    clearOnBlur: W = !m.freeSolo,
+    clearOnEscape: pe = !1,
+    clearText: E = "Clear",
+    closeText: we = "Close",
+    componentsProps: Le,
+    defaultValue: mt = m.multiple ? [] : null,
+    disableClearable: ke = !1,
+    disableCloseOnSelect: ue = !1,
+    disabled: G = !1,
+    disabledItemsFocusable: Re = !1,
+    disableListWrap: Qe = !1,
+    disablePortal: oe = !1,
+    filterOptions: Ze,
+    filterSelectedOptions: bt = !1,
+    forcePopupIcon: ye = "auto",
+    freeSolo: De = !1,
+    fullWidth: Y = !1,
+    getLimitTagsText: u = (c) => `+${c}`,
+    getOptionDisabled: et,
+    getOptionKey: tt,
+    getOptionLabel: Ne,
+    isOptionEqualToValue: Q,
+    groupBy: Ee,
+    handleHomeEndKeys: ht = !m.freeSolo,
     id: yt,
     includeInputInList: xt = !1,
-    inputValue: pe,
-    limitTags: me = -1,
-    ListboxComponent: Ze,
-    ListboxProps: N,
-    loading: P = !1,
-    loadingText: he = "Loading…",
-    multiple: ye = !1,
-    noOptionsText: m = "No options",
-    onChange: E,
-    onClose: xe,
-    onHighlightChange: It,
-    onInputChange: M,
-    onOpen: Ne,
-    open: et,
-    openOnFocus: T = !1,
-    openText: Ee = "Open",
-    options: s,
-    PaperComponent: tt,
-    PopperComponent: f,
-    popupIcon: ue = At || (At = /* @__PURE__ */ A(Ft, {})),
-    readOnly: ee = !1,
-    renderGroup: Me,
-    renderInput: ce,
-    renderOption: X,
-    renderTags: Ie,
-    selectOnFocus: Ot = !g.freeSolo,
-    size: de = "medium",
-    slots: Ve = {},
-    slotProps: w = {},
-    value: h,
-    ...F
-  } = g, {
-    getRootProps: Fe,
-    getInputProps: te,
-    getInputLabelProps: ot,
-    getPopupIndicatorProps: _,
-    getClearProps: H,
-    getTagProps: nt,
-    getListboxProps: Oe,
-    getOptionProps: rt,
-    value: z,
-    dirty: oe,
-    expanded: Y,
-    id: fe,
-    popupOpen: W,
-    focused: He,
-    focusedTag: ze,
-    anchorEl: ne,
-    setAnchorEl: at,
-    inputValue: st,
-    groupedOptions: re
-  } = Xt({
-    ...g,
+    inputValue: _,
+    limitTags: L = -1,
+    ListboxComponent: ot,
+    ListboxProps: Me,
+    loading: M = !1,
+    loadingText: $ = "Loading…",
+    multiple: ce = !1,
+    noOptionsText: xe = "No options",
+    onChange: h,
+    onClose: F,
+    onHighlightChange: Ie,
+    onInputChange: It,
+    onOpen: V,
+    open: Ve,
+    openOnFocus: nt = !1,
+    openText: P = "Open",
+    options: Ot,
+    PaperComponent: i,
+    PopperComponent: Oe,
+    popupIcon: f = Lt || (Lt = /* @__PURE__ */ w(Ht, {})),
+    readOnly: ne = !1,
+    renderGroup: de,
+    renderInput: Fe,
+    renderOption: fe,
+    renderTags: K,
+    renderValue: Pe,
+    selectOnFocus: Pt = !m.freeSolo,
+    size: ge = "medium",
+    slots: He = {},
+    slotProps: k = {},
+    value: b,
+    ...z
+  } = m, {
+    getRootProps: ze,
+    getInputProps: j,
+    getInputLabelProps: rt,
+    getPopupIndicatorProps: J,
+    getClearProps: U,
+    getItemProps: at,
+    getListboxProps: ve,
+    getOptionProps: st,
+    value: R,
+    dirty: re,
+    expanded: X,
+    id: me,
+    popupOpen: q,
+    focused: je,
+    focusedItem: Ue,
+    anchorEl: ae,
+    setAnchorEl: it,
+    inputValue: lt,
+    groupedOptions: se
+  } = Yt({
+    ...m,
     componentName: "Autocomplete"
-  }), Pe = !we && !B && oe && !ee, ve = (!ke || be === !0) && be !== !1, {
-    onMouseDown: it
-  } = te(), {
-    ref: lt,
-    ...pt
-  } = Oe(), Ce = Re || ((d) => d.label ?? d), C = {
-    ...g,
-    disablePortal: Z,
-    expanded: Y,
-    focused: He,
-    fullWidth: K,
-    getOptionLabel: Ce,
-    hasClearIcon: Pe,
-    hasPopupIcon: ve,
-    inputFocused: ze === -1,
-    popupOpen: W,
-    size: de
-  }, O = to(C), G = {
+  }), Ce = !ke && !G && re && !ne, $e = (!De || ye === !0) && ye !== !1, {
+    onMouseDown: pt
+  } = j(), {
+    ref: ut,
+    ...Be
+  } = ve(), be = Ne || ((c) => c.label ?? c), v = {
+    ...m,
+    disablePortal: oe,
+    expanded: X,
+    focused: je,
+    fullWidth: Y,
+    getOptionLabel: be,
+    hasClearIcon: Ce,
+    hasPopupIcon: $e,
+    inputFocused: Ue === -1,
+    popupOpen: q,
+    size: ge
+  }, O = oo(v), Z = {
     slots: {
-      paper: tt,
-      popper: f,
-      ...Ve
+      paper: i,
+      popper: Oe,
+      ...He
     },
     slotProps: {
-      chip: j,
-      listbox: N,
-      ...Ae,
-      ...w
+      chip: B,
+      listbox: Me,
+      ...Le,
+      ...k
     }
-  }, [je, o] = ft("listbox", {
-    elementType: uo,
-    externalForwardedProps: G,
-    ownerState: C,
+  }, [Se, We] = ft("listbox", {
+    elementType: co,
+    externalForwardedProps: Z,
+    ownerState: v,
     className: O.listbox,
-    additionalProps: pt,
-    ref: lt
-  }), [e, r] = ft("paper", {
-    elementType: Dt,
-    externalForwardedProps: G,
-    ownerState: C,
+    additionalProps: Be,
+    ref: ut
+  }), [o, e] = ft("paper", {
+    elementType: Et,
+    externalForwardedProps: Z,
+    ownerState: v,
     className: O.paper
-  }), [i, p] = ft("popper", {
-    elementType: Nt,
-    externalForwardedProps: G,
-    ownerState: C,
+  }), [r, p] = ft("popper", {
+    elementType: Mt,
+    externalForwardedProps: Z,
+    ownerState: v,
     className: O.popper,
     additionalProps: {
-      disablePortal: Z,
+      disablePortal: oe,
       style: {
-        width: ne ? ne.clientWidth : null
+        width: ae ? ae.clientWidth : null
       },
       role: "presentation",
-      anchorEl: ne,
-      open: W
+      anchorEl: ae,
+      open: q
     }
   });
-  let u;
-  if (ye && z.length > 0) {
-    const d = (q) => ({
-      className: O.tag,
-      disabled: B,
-      ...nt(q)
-    });
-    Ie ? u = Ie(z, d, C) : u = z.map((q, Q) => {
-      const {
-        key: Te,
-        ...Vt
-      } = d({
-        index: Q
-      });
-      return /* @__PURE__ */ A(Bt, {
-        label: Ce(q),
-        size: de,
-        ...Vt,
-        ...G.slotProps.chip
-      }, Te);
+  let s;
+  const g = (c) => ({
+    className: O.tag,
+    disabled: G,
+    ...at(c)
+  });
+  if (K && ce && R.length > 0 ? s = K(R, g, v) : Pe && R ? s = Pe(R, g, v) : ce && R.length > 0 && (s = R.map((c, ee) => {
+    const {
+      key: te,
+      ...Ae
+    } = g({
+      index: ee
     });
-  }
-  if (me > -1 && Array.isArray(u)) {
-    const d = u.length - me;
-    !He && d > 0 && (u = u.splice(0, me), u.push(/* @__PURE__ */ A("span", {
+    return /* @__PURE__ */ w(Wt, {
+      label: be(c),
+      size: ge,
+      ...Ae,
+      ...Z.slotProps.chip
+    }, te);
+  })), L > -1 && Array.isArray(s)) {
+    const c = s.length - L;
+    !je && c > 0 && (s = s.splice(0, L), s.push(/* @__PURE__ */ w("span", {
       className: O.tag,
-      children: b(d)
-    }, u.length)));
+      children: u(c)
+    }, s.length)));
   }
-  const S = Me || ((d) => /* @__PURE__ */ We("li", {
-    children: [/* @__PURE__ */ A(co, {
+  const A = de || ((c) => /* @__PURE__ */ _e("li", {
+    children: [/* @__PURE__ */ w(fo, {
       className: O.groupLabel,
-      ownerState: C,
+      ownerState: v,
       component: "div",
-      children: d.group
-    }), /* @__PURE__ */ A(fo, {
+      children: c.group
+    }), /* @__PURE__ */ w(go, {
       className: O.groupUl,
-      ownerState: C,
-      children: d.children
+      ownerState: v,
+      children: c.children
     })]
-  }, d.key)), Mt = X || ((d, q) => {
+  }, c.key)), Ft = fe || ((c, ee) => {
     const {
-      key: Q,
-      ...Te
-    } = d;
-    return /* @__PURE__ */ A("li", {
-      ...Te,
-      children: Ce(q)
-    }, Q);
-  }), Pt = (d, q) => {
-    const Q = rt({
-      option: d,
-      index: q
+      key: te,
+      ...Ae
+    } = c;
+    return /* @__PURE__ */ w("li", {
+      ...Ae,
+      children: be(ee)
+    }, te);
+  }), Ct = (c, ee) => {
+    const te = st({
+      option: c,
+      index: ee
     });
-    return Mt({
-      ...Q,
+    return Ft({
+      ...te,
       className: O.option
-    }, d, {
-      selected: Q["aria-selected"],
-      index: q,
-      inputValue: st
-    }, C);
-  }, Ue = G.slotProps.clearIndicator, Be = G.slotProps.popupIndicator;
-  return /* @__PURE__ */ We(y.Fragment, {
-    children: [/* @__PURE__ */ A(oo, {
-      ref: c,
-      className: qe(O.root, I),
-      ownerState: C,
-      ...Fe(F),
-      children: ce({
-        id: fe,
-        disabled: B,
+    }, c, {
+      selected: te["aria-selected"],
+      index: ee,
+      inputValue: lt
+    }, v);
+  }, Ge = Z.slotProps.clearIndicator, qe = Z.slotProps.popupIndicator;
+  return /* @__PURE__ */ _e(y.Fragment, {
+    children: [/* @__PURE__ */ w(no, {
+      ref: d,
+      className: Je(O.root, I),
+      ownerState: v,
+      ...ze(z),
+      children: Fe({
+        id: me,
+        disabled: G,
         fullWidth: !0,
-        size: de === "small" ? "small" : void 0,
-        InputLabelProps: ot(),
+        size: ge === "small" ? "small" : void 0,
+        InputLabelProps: rt(),
         InputProps: {
-          ref: at,
+          ref: it,
           className: O.inputRoot,
-          startAdornment: u,
-          onMouseDown: (d) => {
-            d.target === d.currentTarget && it(d);
+          startAdornment: s,
+          onMouseDown: (c) => {
+            c.target === c.currentTarget && pt(c);
           },
-          ...(Pe || ve) && {
-            endAdornment: /* @__PURE__ */ We(no, {
+          ...(Ce || $e) && {
+            endAdornment: /* @__PURE__ */ _e(ro, {
               className: O.endAdornment,
-              ownerState: C,
-              children: [Pe ? /* @__PURE__ */ A(ro, {
-                ...H(),
-                "aria-label": R,
-                title: R,
-                ownerState: C,
-                ...Ue,
-                className: qe(O.clearIndicator, Ue == null ? void 0 : Ue.className),
-                children: v
-              }) : null, ve ? /* @__PURE__ */ A(ao, {
-                ..._(),
-                disabled: B,
-                "aria-label": W ? Se : Ee,
-                title: W ? Se : Ee,
-                ownerState: C,
-                ...Be,
-                className: qe(O.popupIndicator, Be == null ? void 0 : Be.className),
-                children: ue
+              ownerState: v,
+              children: [Ce ? /* @__PURE__ */ w(ao, {
+                ...U(),
+                "aria-label": E,
+                title: E,
+                ownerState: v,
+                ...Ge,
+                className: Je(O.clearIndicator, Ge == null ? void 0 : Ge.className),
+                children: C
+              }) : null, $e ? /* @__PURE__ */ w(so, {
+                ...J(),
+                disabled: G,
+                "aria-label": q ? we : P,
+                title: q ? we : P,
+                ownerState: v,
+                ...qe,
+                className: Je(O.popupIndicator, qe == null ? void 0 : qe.className),
+                children: f
               }) : null]
             })
           }
         },
         inputProps: {
           className: O.input,
-          disabled: B,
-          readOnly: ee,
-          ...te()
+          disabled: G,
+          readOnly: ne,
+          ...j()
         }
       })
-    }), ne ? /* @__PURE__ */ A(so, {
-      as: i,
+    }), ae ? /* @__PURE__ */ w(io, {
+      as: r,
       ...p,
-      children: /* @__PURE__ */ We(io, {
-        as: e,
-        ...r,
-        children: [P && re.length === 0 ? /* @__PURE__ */ A(lo, {
+      children: /* @__PURE__ */ _e(lo, {
+        as: o,
+        ...e,
+        children: [M && se.length === 0 ? /* @__PURE__ */ w(po, {
           className: O.loading,
-          ownerState: C,
-          children: he
-        }) : null, re.length === 0 && !ke && !P ? /* @__PURE__ */ A(po, {
+          ownerState: v,
+          children: $
+        }) : null, se.length === 0 && !De && !M ? /* @__PURE__ */ w(uo, {
           className: O.noOptions,
-          ownerState: C,
+          ownerState: v,
           role: "presentation",
-          onMouseDown: (d) => {
-            d.preventDefault();
+          onMouseDown: (c) => {
+            c.preventDefault();
           },
-          children: m
-        }) : null, re.length > 0 ? /* @__PURE__ */ A(je, {
-          as: Ze,
-          ...o,
-          children: re.map((d, q) => De ? S({
-            key: d.key,
-            group: d.group,
-            children: d.options.map((Q, Te) => Pt(Q, d.index + Te))
-          }) : Pt(d, q))
+          children: xe
+        }) : null, se.length > 0 ? /* @__PURE__ */ w(Se, {
+          as: ot,
+          ...We,
+          children: se.map((c, ee) => Ee ? A({
+            key: c.key,
+            group: c.group,
+            children: c.options.map((te, Ae) => Ct(te, c.index + Ae))
+          }) : Ct(c, ee))
         }) : null]
       })
     }) : null]
   });
 });
-process.env.NODE_ENV !== "production" && (go.propTypes = {
+process.env.NODE_ENV !== "production" && (mo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1422,7 +1452,7 @@ process.env.NODE_ENV !== "production" && (go.propTypes = {
   blurOnSelect: t.oneOfType([t.oneOf(["mouse", "touch"]), t.bool]),
   /**
    * Props applied to the [`Chip`](https://mui.com/material-ui/api/chip/) element.
-   * @deprecated Use `slotProps.chip` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use `slotProps.chip` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   ChipProps: t.object,
   /**
@@ -1467,7 +1497,7 @@ process.env.NODE_ENV !== "production" && (go.propTypes = {
   closeText: t.string,
   /**
    * The props used for each slot inside.
-   * @deprecated Use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   componentsProps: t.shape({
     clearIndicator: t.object,
@@ -1479,7 +1509,7 @@ process.env.NODE_ENV !== "production" && (go.propTypes = {
    * The default value. Use when the component is not controlled.
    * @default props.multiple ? [] : null
    */
-  defaultValue: Ct(t.any, (n) => n.multiple && n.defaultValue !== void 0 && !Array.isArray(n.defaultValue) ? new Error(["MUI: The Autocomplete expects the `defaultValue` prop to be an array when `multiple={true}` or undefined.", `However, ${n.defaultValue} was provided.`].join(`
+  defaultValue: St(t.any, (n) => n.multiple && n.defaultValue !== void 0 && !Array.isArray(n.defaultValue) ? new Error(["MUI: The Autocomplete expects the `defaultValue` prop to be an array when `multiple={true}` or undefined.", `However, ${n.defaultValue} was provided.`].join(`
 `)) : null),
   /**
    * If `true`, the input can't be cleared.
@@ -1617,16 +1647,16 @@ process.env.NODE_ENV !== "production" && (go.propTypes = {
    * Set `-1` to disable the limit.
    * @default -1
    */
-  limitTags: Ut,
+  limitTags: Bt,
   /**
    * The component used to render the listbox.
    * @default 'ul'
-   * @deprecated Use `slotProps.listbox.component` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use `slotProps.listbox.component` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   ListboxComponent: t.elementType,
   /**
    * Props applied to the Listbox element.
-   * @deprecated Use `slotProps.listbox` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use `slotProps.listbox` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   ListboxProps: t.object,
   /**
@@ -1676,7 +1706,7 @@ process.env.NODE_ENV !== "production" && (go.propTypes = {
    *
    * @param {React.SyntheticEvent} event The event source of the callback.
    * @param {Value} option The highlighted option.
-   * @param {string} reason Can be: `"keyboard"`, `"auto"`, `"mouse"`, `"touch"`.
+   * @param {string} reason Can be: `"keyboard"`, `"mouse"`, `"touch"`.
    */
   onHighlightChange: t.func,
   /**
@@ -1721,13 +1751,13 @@ process.env.NODE_ENV !== "production" && (go.propTypes = {
   /**
    * The component used to render the body of the popup.
    * @default Paper
-   * @deprecated Use `slots.paper` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use `slots.paper` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   PaperComponent: t.elementType,
   /**
    * The component used to position the popup.
    * @default Popper
-   * @deprecated Use `slots.popper` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use `slots.popper` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   PopperComponent: t.elementType,
   /**
@@ -1765,7 +1795,9 @@ process.env.NODE_ENV !== "production" && (go.propTypes = {
    */
   renderOption: t.func,
   /**
-   * Render the selected value.
+   * Render the selected value when doing multiple selections.
+   *
+   * @deprecated Use `renderValue` prop instead
    *
    * @param {Value[]} value The `value` provided to the component.
    * @param {function} getTagProps A tag props getter.
@@ -1773,6 +1805,15 @@ process.env.NODE_ENV !== "production" && (go.propTypes = {
    * @returns {ReactNode}
    */
   renderTags: t.func,
+  /**
+   * Renders the selected value(s) as rich content in the input for both single and multiple selections.
+   *
+   * @param {AutocompleteRenderValue<Value, Multiple, FreeSolo>} value The `value` provided to the component.
+   * @param {function} getItemProps The value item props.
+   * @param {object} ownerState The state of the Autocomplete component.
+   * @returns {ReactNode}
+   */
+  renderValue: t.func,
   /**
    * If `true`, the input's text is selected on focus.
    * It helps the user clear the selected value.
@@ -1815,15 +1856,16 @@ process.env.NODE_ENV !== "production" && (go.propTypes = {
    * The value must have reference equality with the option in order to be selected.
    * You can customize the equality behavior with the `isOptionEqualToValue` prop.
    */
-  value: Ct(t.any, (n) => n.multiple && n.value !== void 0 && !Array.isArray(n.value) ? new Error(["MUI: The Autocomplete expects the `value` prop to be an array when `multiple={true}` or undefined.", `However, ${n.value} was provided.`].join(`
+  value: St(t.any, (n) => n.multiple && n.value !== void 0 && !Array.isArray(n.value) ? new Error(["MUI: The Autocomplete expects the `value` prop to be an array when `multiple={true}` or undefined.", `However, ${n.value} was provided.`].join(`
 `)) : null)
 });
 export {
-  go as A,
-  _e as L,
+  mo as A,
+  Xe as L,
   l as a,
-  Yt as b,
-  Gt as c,
-  eo as g,
-  Do as l
+  Qt as b,
+  qt as c,
+  to as g,
+  Eo as l,
+  Gt as u
 };