@cgi-learning-hub/ui 1.6.0-dev.1750082787 → 1.6.0-dev.1750693069

package/dist/{Autocomplete-BVy1WjPe.js → Autocomplete-WZw_zCjA.js}

@@ -1,82 +1,81 @@
 import * as x from "react";
 import { P as t } from "./index-Sy88PpwE.js";
-import { F as Rt, G as Dt, H as Je, n as ct } from "./generateUtilityClasses-BbL5PyhJ.js";
-import { A as zt, f as he, o as $t, i as dt } from "./Select-CHo4cwj1.js";
-import { i as ie } from "./InputBase-wf6Sq2-d.js";
-import { C as jt } from "./Close-BD-KPNgj.js";
-import { m as le } from "./memoTheme-C2ZnVSVg.js";
-import { u as ft } from "./useSlot-PbukIIii.js";
-import { jsx as w, jsxs as _e } from "react/jsx-runtime";
-import { u as Nt, s as H, c as Et } from "./DefaultPropsProvider-CRQ3Gr22.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 { 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 Ut } from "./useId-CK6Kn3Tn.js";
-import { u as gt } from "./useControlled-BYdyS7Pn.js";
+import { u as gt } from "./useControlled-nm4pBabJ.js";
 import { u as Bt } from "./usePreviousProps-ByGlbpJ6.js";
-import { a as Ke } from "./useEventCallback-Y2KwRxBw.js";
-import { s as Wt } from "./Portal-DTB-35pe.js";
-import { P as Mt } from "./Paper-yeP8q4RO.js";
-import { P as Vt } from "./Popper-IzGPRFl_.js";
-import { C as Gt } from "./Chip-DUN-Fb_U.js";
-import { c as Ye } from "./capitalize-3mO2QYxZ.js";
-import { I as Ft } from "./IconButton-ZOYYBKrY.js";
-import { c as St } from "./chainPropTypes-D9lkm76m.js";
-import { i as qt } from "./integerPropType-D-nm5Xmm.js";
-function Tt(n) {
+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 { c as Tt } from "./chainPropTypes-D9lkm76m.js";
+import { i as qt } from "./integerPropType-BihGt2aU.js";
+function vt(n) {
   return n.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
 }
-function _t(n = {}) {
+function Kt(n = {}) {
   const {
-    ignoreAccents: a = !0,
+    ignoreAccents: i = !0,
     ignoreCase: d = !0,
     limit: m,
-    matchFrom: S = "any",
+    matchFrom: T = "any",
     stringify: D,
-    trim: T = !1
+    trim: v = !1
   } = n;
   return (N, {
     inputValue: B,
     getOptionLabel: I
   }) => {
-    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);
+    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;
   };
 }
-const Kt = _t(), At = 5, Jt = (n) => {
-  var a;
-  return n.current !== null && ((a = n.current.parentElement) == null ? void 0 : a.contains(document.activeElement));
+const _t = Kt(), wt = 5, Jt = (n) => {
+  var i;
+  return n.current !== null && ((i = n.current.parentElement) == null ? void 0 : i.contains(document.activeElement));
 }, Xt = [];
-function wt(n, a, d, m) {
-  if (a || n == null || m)
+function At(n, i, d, m) {
+  if (i || n == null || m)
     return "";
-  const S = d(n);
-  return typeof S == "string" ? S : "";
+  const T = d(n);
+  return typeof T == "string" ? T : "";
 }
 function Yt(n) {
   const {
     // eslint-disable-next-line @typescript-eslint/naming-convention
-    unstable_isActiveElementInListbox: a = Jt,
+    unstable_isActiveElementInListbox: i = Jt,
     // eslint-disable-next-line @typescript-eslint/naming-convention
     unstable_classNamePrefix: d = "Mui",
     autoComplete: m = !1,
-    autoHighlight: S = !1,
+    autoHighlight: T = !1,
     autoSelect: D = !1,
-    blurOnSelect: T = !1,
+    blurOnSelect: v = !1,
     clearOnBlur: N = !n.freeSolo,
     clearOnEscape: B = !1,
     componentName: I = "useAutocomplete",
-    defaultValue: C = n.multiple ? Xt : null,
+    defaultValue: $ = n.multiple ? Xt : null,
     disableClearable: W = !1,
-    disableCloseOnSelect: pe = !1,
+    disableCloseOnSelect: ue = !1,
     disabled: E,
-    disabledItemsFocusable: we = !1,
+    disabledItemsFocusable: Ae = !1,
     disableListWrap: Le = !1,
-    filterOptions: mt = Kt,
+    filterOptions: mt = _t,
     filterSelectedOptions: ke = !1,
-    freeSolo: ue = !1,
+    freeSolo: ce = !1,
     getOptionDisabled: G,
     getOptionKey: Re,
     getOptionLabel: Qe = (o) => o.label ?? o,
@@ -95,13 +94,13 @@ function Yt(n) {
     open: ht,
     openOnFocus: yt = !1,
     options: xt,
-    readOnly: _ = !1,
+    readOnly: K = !1,
     renderValue: L,
     selectOnFocus: ot = !n.freeSolo,
     value: Me
   } = n, M = Ut(bt);
-  let $ = Qe;
-  $ = (o) => {
+  let S = Qe;
+  S = (o) => {
     const e = Qe(o);
     if (typeof e != "string") {
       if (process.env.NODE_ENV !== "production") {
@@ -112,87 +111,87 @@ function Yt(n) {
     }
     return e;
   };
-  const ce = x.useRef(!1), xe = x.useRef(!0), h = x.useRef(null), F = x.useRef(null), [Ie, It] = x.useState(null), [V, Ve] = x.useState(-1), nt = S ? 0 : -1, P = x.useRef(nt), Ot = x.useRef(wt(C ?? Me, u, $)).current, [i, Oe] = gt({
+  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: C,
+    default: $,
     name: I
-  }), [f, ne] = gt({
+  }), [g, ne] = gt({
     controlled: De,
     default: Ot,
     name: I,
     state: "inputValue"
   }), [de, Fe] = x.useState(!1), fe = x.useCallback((o, e, r) => {
-    if (!(u ? i.length < e.length : e !== null) && !N)
+    if (!(u ? s.length < e.length : e !== null) && !N)
       return;
-    const s = wt(e, u, $, L);
-    f !== s && (ne(s), Q && Q(o, s, r));
-  }, [$, f, u, Q, ne, N, i, L]), [K, Pe] = gt({
+    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,
     default: !1,
     name: I,
     state: "open"
-  }), [Pt, ge] = x.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)))),
+  }), [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)))),
     // we use the empty string to manipulate `filterOptions` to not filter any options
     // i.e. the filter predicate always returns true
     {
-      inputValue: He && Pt ? "" : f,
-      getOptionLabel: $
+      inputValue: He && Pt ? "" : g,
+      getOptionLabel: S
     }
   ) : [], z = Bt({
     filteredOptions: b,
-    value: i,
-    inputValue: f
+    value: s,
+    inputValue: g
   });
   x.useEffect(() => {
-    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) => {
+    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) => {
     if (o === -1)
       h.current.focus();
     else {
       const e = L ? "data-item-index" : "data-tag-index";
-      Ie.querySelector(`[${e}="${o}"]`).focus();
+      Oe.querySelector(`[${e}="${o}"]`).focus();
     }
   });
   x.useEffect(() => {
-    u && V > i.length - 1 && (Ve(-1), j(-1));
-  }, [i, u, V, j]);
+    u && V > s.length - 1 && (Ve(-1), j(-1));
+  }, [s, u, V, j]);
   function rt(o, e) {
     if (!F.current || o < 0 || o >= b.length)
       return -1;
     let r = o;
     for (; ; ) {
-      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)
+      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)
         return r;
       if (e === "next" ? r = (r + 1) % b.length : r = (r - 1 + b.length) % b.length, r === o)
         return -1;
     }
   }
-  const J = Ke(({
+  const J = _e(({
     event: o,
     index: e,
     reason: r
   }) => {
-    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)
+    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)
       return;
     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)
+    let a = F.current;
+    if (F.current.getAttribute("role") !== "listbox" && (a = F.current.parentElement.querySelector('[role="listbox"]')), !a)
       return;
     if (e === -1) {
-      s.scrollTop = 0;
+      a.scrollTop = 0;
       return;
     }
-    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 y = g, A = s.clientHeight + s.scrollTop, Te = y.offsetTop + y.offsetHeight;
-      Te > A ? s.scrollTop = Te - s.clientHeight : y.offsetTop - y.offsetHeight * (oe ? 1.3 : 0) < s.scrollTop && (s.scrollTop = y.offsetTop - y.offsetHeight * (oe ? 1.3 : 0));
+    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));
     }
-  }), U = Ke(({
+  }), U = _e(({
     event: o,
     diff: e,
     direction: r = "next",
@@ -200,7 +199,7 @@ function Yt(n) {
   }) => {
     if (!k)
       return;
-    const g = rt((() => {
+    const f = rt((() => {
       const y = b.length - 1;
       if (e === "reset")
         return nt;
@@ -208,40 +207,40 @@ function Yt(n) {
         return 0;
       if (e === "end")
         return y;
-      const A = P.current + e;
-      return A < 0 ? A === -1 && ye ? -1 : Le && P.current !== -1 || Math.abs(e) > 1 ? 0 : y : A > y ? A === y + 1 && ye ? -1 : Le || Math.abs(e) > 1 ? y : 0 : A;
+      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;
     })(), r);
     if (J({
-      index: g,
+      index: f,
       reason: p,
       event: o
     }), m && e !== "reset")
-      if (g === -1)
-        h.current.value = f;
+      if (f === -1)
+        h.current.value = g;
       else {
-        const y = $(b[g]);
-        h.current.value = y, y.toLowerCase().indexOf(f.toLowerCase()) === 0 && f.length > 0 && h.current.setSelectionRange(f.length, y.length);
+        const y = S(b[f]);
+        h.current.value = y, y.toLowerCase().indexOf(g.toLowerCase()) === 0 && g.length > 0 && h.current.setSelectionRange(g.length, y.length);
       }
   }), at = () => {
     const o = (e, r) => {
-      const p = e ? $(e) : "", s = r ? $(r) : "";
-      return p === s;
+      const p = e ? S(e) : "", a = r ? S(r) : "";
+      return p === a;
     };
-    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 (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 (e)
-        return b.findIndex((r) => $(r) === $(e));
+        return b.findIndex((r) => S(r) === S(e));
     }
     return -1;
-  }, ve = x.useCallback(() => {
+  }, Ce = x.useCallback(() => {
     if (!k)
       return;
     const o = at();
     if (o !== -1) {
-      P.current = o;
+      C.current = o;
       return;
     }
-    const e = u ? i[0] : i;
+    const e = u ? s[0] : s;
     if (b.length === 0 || e == null) {
       U({
         diff: "reset"
@@ -250,10 +249,10 @@ function Yt(n) {
     }
     if (F.current) {
       if (e != null) {
-        const r = b[P.current];
-        if (u && r && i.findIndex((s) => Y(r, s)) !== -1)
+        const r = b[C.current];
+        if (u && r && s.findIndex((a) => Y(r, a)) !== -1)
           return;
-        const p = b.findIndex((s) => Y(s, e));
+        const p = b.findIndex((a) => Y(a, e));
         p === -1 ? U({
           diff: "reset"
         }) : J({
@@ -261,14 +260,14 @@ function Yt(n) {
         });
         return;
       }
-      if (P.current >= b.length - 1) {
+      if (C.current >= b.length - 1) {
         J({
           index: b.length - 1
         });
         return;
       }
       J({
-        index: P.current
+        index: C.current
       });
     }
   }, [
@@ -276,58 +275,58 @@ function Yt(n) {
     b.length,
     // Don't sync the highlighted index with the value when multiple
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    u ? !1 : i,
+    u ? !1 : s,
     ke,
     U,
     J,
     k,
-    f,
+    g,
     u
-  ]), st = Ke((o) => {
-    Wt(F, o), o && ve();
+  ]), it = _e((o) => {
+    Wt(F, o), o && Ce();
   });
   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(`
 `)));
   }, [I]), x.useEffect(() => {
-    ve();
-  }, [ve]);
+    Ce();
+  }, [Ce]);
   const R = (o) => {
-    K || (Pe(!0), ge(!0), Ee && Ee(o));
-  }, re = (o, e) => {
-    K && (Pe(!1), tt && tt(o, e));
+    _ || (re(!0), ge(!0), Ee && Ee(o));
+  }, ae = (o, e) => {
+    _ && (re(!1), tt && tt(o, e));
   }, X = (o, e, r, p) => {
     if (u) {
-      if (i.length === e.length && i.every((s, g) => s === e[g]))
+      if (s.length === e.length && s.every((a, f) => a === e[f]))
         return;
-    } else if (i === e)
+    } else if (s === e)
       return;
-    et && et(o, e, r, p), Oe(e);
+    et && et(o, e, r, p), Pe(e);
   }, me = x.useRef(!1), q = (o, e, r = "selectOption", p = "options") => {
-    let s = r, g = e;
+    let a = r, f = 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(`
+      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(`
 `));
       }
-      const y = g.findIndex((A) => Y(e, A));
-      y === -1 ? g.push(e) : p !== "freeSolo" && (g.splice(y, 1), s = "removeOption");
+      const y = f.findIndex((w) => Y(e, w));
+      y === -1 ? f.push(e) : p !== "freeSolo" && (f.splice(y, 1), a = "removeOption");
     }
-    fe(o, g, s), X(o, g, s, {
+    fe(o, f, a), X(o, f, a, {
       option: e
-    }), !pe && (!o || !o.ctrlKey && !o.metaKey) && re(o, s), (T === !0 || T === "touch" && me.current || T === "mouse" && !me.current) && h.current.blur();
+    }), !ue && (!o || !o.ctrlKey && !o.metaKey) && ae(o, a), (v === !0 || v === "touch" && me.current || v === "mouse" && !me.current) && h.current.blur();
   };
   function je(o, e) {
     if (o === -1)
       return -1;
     let r = o;
     for (; ; ) {
-      if (e === "next" && r === i.length || e === "previous" && r === -1)
+      if (e === "next" && r === s.length || e === "previous" && r === -1)
         return -1;
-      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")
+      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")
         r += e === "next" ? 1 : -1;
       else
         return r;
@@ -336,12 +335,12 @@ function Yt(n) {
   const Ue = (o, e) => {
     if (!u)
       return;
-    f === "" && re(o, "toggleInput");
+    g === "" && ae(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) => {
+    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))
       switch (e.key) {
         case "Home":
@@ -362,7 +361,7 @@ function Yt(n) {
           break;
         case "PageUp":
           e.preventDefault(), U({
-            diff: -At,
+            diff: -wt,
             direction: "previous",
             reason: "keyboard",
             event: e
@@ -370,7 +369,7 @@ function Yt(n) {
           break;
         case "PageDown":
           e.preventDefault(), U({
-            diff: At,
+            diff: wt,
             direction: "next",
             reason: "keyboard",
             event: e
@@ -399,49 +398,49 @@ function Yt(n) {
           !u && L ? j(-1) : Ue(e, "next");
           break;
         case "Enter":
-          if (P.current !== -1 && k) {
-            const r = b[P.current], p = G ? G(r) : !1;
+          if (C.current !== -1 && k) {
+            const r = b[C.current], p = G ? G(r) : !1;
             if (e.preventDefault(), p)
               return;
             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"));
+          } else ce && g !== "" && He === !1 && (u && e.preventDefault(), q(e, g, "createOption", "freeSolo"));
           break;
         case "Escape":
-          k ? (e.preventDefault(), e.stopPropagation(), re(e, "escape")) : B && (f !== "" || u && i.length > 0 || L) && (e.preventDefault(), e.stopPropagation(), ae(e));
+          k ? (e.preventDefault(), e.stopPropagation(), ae(e, "escape")) : B && (g !== "" || u && s.length > 0 || L) && (e.preventDefault(), e.stopPropagation(), ie(e));
           break;
         case "Backspace":
-          if (u && !_ && f === "" && i.length > 0) {
-            const r = V === -1 ? i.length - 1 : V, p = i.slice();
+          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: i[r]
+              option: s[r]
             });
           }
-          !u && L && !_ && (Oe(null), j(-1));
+          !u && L && !K && (Pe(null), j(-1));
           break;
         case "Delete":
-          if (u && !_ && f === "" && i.length > 0 && V !== -1) {
-            const r = V, p = i.slice();
+          if (u && !K && g === "" && s.length > 0 && V !== -1) {
+            const r = V, p = s.slice();
             p.splice(r, 1), X(e, p, "removeOption", {
-              option: i[r]
+              option: s[r]
             });
           }
-          !u && L && !_ && (Oe(null), j(-1));
+          !u && L && !K && (Pe(null), j(-1));
           break;
       }
   }, lt = (o) => {
-    Fe(!0), yt && !ce.current && R(o);
+    Fe(!0), yt && !xe.current && R(o);
   }, se = (o) => {
-    if (a(F)) {
+    if (i(F)) {
       h.current.focus();
       return;
     }
-    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 && (ne(e), ge(!1), Q && Q(o, e, "input")), e === "" ? !W && !u && X(o, null, "clear") : R(o);
+    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) => {
+    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) => {
     const e = Number(o.currentTarget.getAttribute("data-option-index"));
-    P.current !== e && J({
+    C.current !== e && J({
       event: o,
       index: e,
       reason: "mouse"
@@ -456,35 +455,35 @@ function Yt(n) {
     const e = Number(o.currentTarget.getAttribute("data-option-index"));
     q(o, b[e], "selectOption"), me.current = !1;
   }, Be = (o) => (e) => {
-    const r = i.slice();
+    const r = s.slice();
     r.splice(o, 1), X(e, r, "removeOption", {
-      option: i[o]
+      option: s[o]
     });
-  }, vt = (o) => {
+  }, Ct = (o) => {
     X(o, null, "removeOption", {
-      option: i
+      option: s
     });
   }, be = (o) => {
-    K ? re(o, "toggleInput") : R(o);
-  }, v = (o) => {
-    o.currentTarget.contains(o.target) && o.target.getAttribute("id") !== M && o.preventDefault();
+    _ ? ae(o, "toggleInput") : R(o);
   }, O = (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);
+    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 && (f === "" || !K) && be(o);
+    !E && (g === "" || !_) && be(o);
   };
-  let Se = ue && f.length > 0;
-  Se = Se || (u ? i.length > 0 : i !== null);
+  let Te = ce && g.length > 0;
+  Te = Te || (u ? s.length > 0 : s !== null);
   let We = b;
   if (oe) {
     const o = /* @__PURE__ */ new Map();
     let e = !1;
-    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,
+    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]
       })), r;
     }, []);
@@ -492,9 +491,9 @@ function Yt(n) {
   return E && de && se(), {
     getRootProps: (o = {}) => ({
       ...o,
-      onKeyDown: it(o),
-      onMouseDown: v,
-      onClick: O
+      onKeyDown: st(o),
+      onMouseDown: O,
+      onClick: P
     }),
     getInputLabelProps: () => ({
       id: `${M}-label`,
@@ -502,10 +501,10 @@ function Yt(n) {
     }),
     getInputProps: () => ({
       id: M,
-      value: f,
+      value: g,
       onBlur: se,
       onFocus: lt,
-      onChange: Ce,
+      onChange: $e,
       onMouseDown: Z,
       // if open then this is handled imperatively so don't let react override
       // only have an opinion about this when closed
@@ -525,7 +524,7 @@ function Yt(n) {
     getClearProps: () => ({
       tabIndex: -1,
       type: "button",
-      onClick: ae
+      onClick: ie
     }),
     getItemProps: ({
       index: o = 0
@@ -539,8 +538,8 @@ function Yt(n) {
         "data-tag-index": o
       },
       tabIndex: -1,
-      ...!_ && {
-        onDelete: u ? Be(o) : vt
+      ...!K && {
+        onDelete: u ? Be(o) : Ct
       }
     }),
     getPopupIndicatorProps: () => ({
@@ -555,7 +554,7 @@ function Yt(n) {
       key: o,
       "data-tag-index": o,
       tabIndex: -1,
-      ...!_ && {
+      ...!K && {
         onDelete: Be(o)
       }
     }),
@@ -563,7 +562,7 @@ function Yt(n) {
       role: "listbox",
       id: `${M}-listbox`,
       "aria-labelledby": `${M}-label`,
-      ref: st,
+      ref: it,
       onMouseDown: (o) => {
         o.preventDefault();
       }
@@ -572,13 +571,13 @@ function Yt(n) {
       index: o,
       option: e
     }) => {
-      const r = (u ? i : [i]).some((s) => s != null && Y(e, s)), p = G ? G(e) : !1;
+      const r = (u ? s : [s]).some((a) => a != null && Y(e, a)), p = G ? G(e) : !1;
       return {
-        key: (Re == null ? void 0 : Re(e)) ?? $(e),
+        key: (Re == null ? void 0 : Re(e)) ?? S(e),
         tabIndex: -1,
         role: "option",
         id: `${M}-option-${o}`,
-        onMouseMove: $e,
+        onMouseMove: Se,
         onClick: ut,
         onTouchStart: pt,
         "data-option-index": o,
@@ -587,13 +586,13 @@ function Yt(n) {
       };
     },
     id: M,
-    inputValue: f,
-    value: i,
-    dirty: Se,
-    expanded: k && Ie,
+    inputValue: g,
+    value: s,
+    dirty: Te,
+    expanded: k && Oe,
     popupOpen: k,
     focused: de || V !== -1,
-    anchorEl: Ie,
+    anchorEl: Oe,
     setAnchorEl: It,
     focusedItem: V,
     // deprecated
@@ -604,27 +603,27 @@ function Yt(n) {
 function Qt(n) {
   return Dt("MuiListSubheader", n);
 }
-const Vo = Rt("MuiListSubheader", ["root", "colorPrimary", "colorInherit", "gutters", "inset", "sticky"]), Zt = (n) => {
+const Mo = Rt("MuiListSubheader", ["root", "colorPrimary", "colorInherit", "gutters", "inset", "sticky"]), Zt = (n) => {
   const {
-    classes: a,
+    classes: i,
     color: d,
     disableGutters: m,
-    inset: S,
+    inset: T,
     disableSticky: D
-  } = n, T = {
-    root: ["root", d !== "default" && `color${Ye(d)}`, !m && "gutters", S && "inset", !D && "sticky"]
+  } = n, v = {
+    root: ["root", d !== "default" && `color${Ye(d)}`, !m && "gutters", T && "inset", !D && "sticky"]
   };
-  return Et(T, Qt, a);
+  return Et(v, Qt, i);
 }, eo = H("li", {
   name: "MuiListSubheader",
   slot: "Root",
-  overridesResolver: (n, a) => {
+  overridesResolver: (n, i) => {
     const {
       ownerState: d
     } = n;
-    return [a.root, d.color !== "default" && a[`color${Ye(d.color)}`], !d.disableGutters && a.gutters, d.inset && a.inset, !d.disableSticky && a.sticky];
+    return [i.root, d.color !== "default" && i[`color${Ye(d.color)}`], !d.disableGutters && i.gutters, d.inset && i.inset, !d.disableSticky && i.sticky];
   }
-})(le(({
+})(pe(({
   theme: n
 }) => ({
   boxSizing: "border-box",
@@ -650,23 +649,23 @@ const Vo = Rt("MuiListSubheader", ["root", "colorPrimary", "colorInherit", "gutt
     }
   }, {
     props: ({
-      ownerState: a
-    }) => !a.disableGutters,
+      ownerState: i
+    }) => !i.disableGutters,
     style: {
       paddingLeft: 16,
       paddingRight: 16
     }
   }, {
     props: ({
-      ownerState: a
-    }) => a.inset,
+      ownerState: i
+    }) => i.inset,
     style: {
       paddingLeft: 72
     }
   }, {
     props: ({
-      ownerState: a
-    }) => !a.disableSticky,
+      ownerState: i
+    }) => !i.disableSticky,
     style: {
       position: "sticky",
       top: 0,
@@ -674,32 +673,32 @@ const Vo = Rt("MuiListSubheader", ["root", "colorPrimary", "colorInherit", "gutt
       backgroundColor: (n.vars || n).palette.background.paper
     }
   }]
-}))), Xe = /* @__PURE__ */ x.forwardRef(function(a, d) {
+}))), Xe = /* @__PURE__ */ x.forwardRef(function(i, d) {
   const m = Nt({
-    props: a,
+    props: i,
     name: "MuiListSubheader"
   }), {
-    className: S,
+    className: T,
     color: D = "default",
-    component: T = "li",
+    component: v = "li",
     disableGutters: N = !1,
     disableSticky: B = !1,
     inset: I = !1,
-    ...C
+    ...$
   } = m, W = {
     ...m,
     color: D,
-    component: T,
+    component: v,
     disableGutters: N,
     disableSticky: B,
     inset: I
-  }, pe = Zt(W);
-  return /* @__PURE__ */ w(eo, {
-    as: T,
-    className: Je(pe.root, S),
+  }, ue = Zt(W);
+  return /* @__PURE__ */ A(eo, {
+    as: v,
+    className: Je(ue.root, T),
     ref: d,
     ownerState: W,
-    ...C
+    ...$
   });
 });
 Xe && (Xe.muiSkipListHighlight = !0);
@@ -757,21 +756,21 @@ const l = Rt("MuiAutocomplete", ["root", "expanded", "fullWidth", "focused", "fo
 var Lt, kt;
 const oo = (n) => {
   const {
-    classes: a,
+    classes: i,
     disablePortal: d,
     expanded: m,
-    focused: S,
+    focused: T,
     fullWidth: D,
-    hasClearIcon: T,
+    hasClearIcon: v,
     hasPopupIcon: N,
     inputFocused: B,
     popupOpen: I,
-    size: C
+    size: $
   } = n, W = {
-    root: ["root", m && "expanded", S && "focused", D && "fullWidth", T && "hasClearIcon", N && "hasPopupIcon"],
+    root: ["root", m && "expanded", T && "focused", D && "fullWidth", v && "hasClearIcon", N && "hasPopupIcon"],
     inputRoot: ["inputRoot"],
     input: ["input", B && "inputFocused"],
-    tag: ["tag", `tagSize${Ye(C)}`],
+    tag: ["tag", `tagSize${Ye($)}`],
     endAdornment: ["endAdornment"],
     clearIndicator: ["clearIndicator"],
     popupIndicator: ["popupIndicator", I && "popupIndicatorOpen"],
@@ -784,31 +783,31 @@ const oo = (n) => {
     groupLabel: ["groupLabel"],
     groupUl: ["groupUl"]
   };
-  return Et(W, to, a);
+  return Et(W, to, i);
 }, no = H("div", {
   name: "MuiAutocomplete",
   slot: "Root",
-  overridesResolver: (n, a) => {
+  overridesResolver: (n, i) => {
     const {
       ownerState: d
     } = n, {
       fullWidth: m,
-      hasClearIcon: S,
+      hasClearIcon: T,
       hasPopupIcon: D,
-      inputFocused: T,
+      inputFocused: v,
       size: N
     } = d;
     return [{
-      [`& .${l.tag}`]: a.tag
+      [`& .${l.tag}`]: i.tag
     }, {
-      [`& .${l.tag}`]: a[`tagSize${Ye(N)}`]
+      [`& .${l.tag}`]: i[`tagSize${Ye(N)}`]
     }, {
-      [`& .${l.inputRoot}`]: a.inputRoot
+      [`& .${l.inputRoot}`]: i.inputRoot
     }, {
-      [`& .${l.input}`]: a.input
+      [`& .${l.input}`]: i.input
     }, {
-      [`& .${l.input}`]: T && a.inputFocused
-    }, a.root, m && a.fullWidth, D && a.hasPopupIcon, S && a.hasClearIcon];
+      [`& .${l.input}`]: v && i.inputFocused
+    }, i.root, m && i.fullWidth, D && i.hasPopupIcon, T && i.hasClearIcon];
   }
 })({
   [`&.${l.focused} .${l.clearIndicator}`]: {
@@ -842,12 +841,12 @@ const oo = (n) => {
       padding: "4px 4px 4px 0px"
     }
   },
-  [`& .${dt.root}.${ie.sizeSmall}`]: {
+  [`& .${dt.root}.${le.sizeSmall}`]: {
     [`& .${dt.input}`]: {
       padding: "2px 4px 3px 0"
     }
   },
-  [`& .${$t.root}`]: {
+  [`& .${St.root}`]: {
     padding: 9,
     [`.${l.hasPopupIcon}&, .${l.hasClearIcon}&`]: {
       paddingRight: 39
@@ -862,7 +861,7 @@ const oo = (n) => {
       right: 9
     }
   },
-  [`& .${$t.root}.${ie.sizeSmall}`]: {
+  [`& .${St.root}.${le.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,
@@ -888,16 +887,16 @@ const oo = (n) => {
       right: 9
     }
   },
-  [`& .${he.root}.${ie.sizeSmall}`]: {
+  [`& .${he.root}.${le.sizeSmall}`]: {
     paddingBottom: 1,
     [`& .${he.input}`]: {
       padding: "2.5px 4px"
     }
   },
-  [`& .${ie.hiddenLabel}`]: {
+  [`& .${le.hiddenLabel}`]: {
     paddingTop: 8
   },
-  [`& .${he.root}.${ie.hiddenLabel}`]: {
+  [`& .${he.root}.${le.hiddenLabel}`]: {
     paddingTop: 0,
     paddingBottom: 0,
     [`& .${l.input}`]: {
@@ -905,7 +904,7 @@ const oo = (n) => {
       paddingBottom: 17
     }
   },
-  [`& .${he.root}.${ie.hiddenLabel}.${ie.sizeSmall}`]: {
+  [`& .${he.root}.${le.hiddenLabel}.${le.sizeSmall}`]: {
     [`& .${l.input}`]: {
       paddingTop: 8,
       paddingBottom: 9
@@ -954,8 +953,7 @@ const oo = (n) => {
   }]
 }), ro = H("div", {
   name: "MuiAutocomplete",
-  slot: "EndAdornment",
-  overridesResolver: (n, a) => a.endAdornment
+  slot: "EndAdornment"
 })({
   // We use a position absolute to support wrapping tags.
   position: "absolute",
@@ -964,20 +962,19 @@ const oo = (n) => {
   transform: "translate(0, -50%)"
 }), ao = H(Ft, {
   name: "MuiAutocomplete",
-  slot: "ClearIndicator",
-  overridesResolver: (n, a) => a.clearIndicator
+  slot: "ClearIndicator"
 })({
   marginRight: -2,
   padding: 4,
   visibility: "hidden"
-}), so = H(Ft, {
+}), io = H(Ft, {
   name: "MuiAutocomplete",
   slot: "PopupIndicator",
-  overridesResolver: (n, a) => {
+  overridesResolver: (n, i) => {
     const {
       ownerState: d
     } = n;
-    return [a.popupIndicator, d.popupOpen && a.popupIndicatorOpen];
+    return [i.popupIndicator, d.popupOpen && i.popupIndicatorOpen];
   }
 })({
   padding: 2,
@@ -990,18 +987,18 @@ const oo = (n) => {
       transform: "rotate(180deg)"
     }
   }]
-}), io = H(Vt, {
+}), so = H(Vt, {
   name: "MuiAutocomplete",
   slot: "Popper",
-  overridesResolver: (n, a) => {
+  overridesResolver: (n, i) => {
     const {
       ownerState: d
     } = n;
     return [{
-      [`& .${l.option}`]: a.option
-    }, a.popper, d.disablePortal && a.popperDisablePortal];
+      [`& .${l.option}`]: i.option
+    }, i.popper, d.disablePortal && i.popperDisablePortal];
   }
-})(le(({
+})(pe(({
   theme: n
 }) => ({
   zIndex: (n.vars || n).zIndex.modal,
@@ -1015,36 +1012,32 @@ const oo = (n) => {
   }]
 }))), lo = H(Mt, {
   name: "MuiAutocomplete",
-  slot: "Paper",
-  overridesResolver: (n, a) => a.paper
-})(le(({
+  slot: "Paper"
+})(pe(({
   theme: n
 }) => ({
   ...n.typography.body1,
   overflow: "auto"
 }))), po = H("div", {
   name: "MuiAutocomplete",
-  slot: "Loading",
-  overridesResolver: (n, a) => a.loading
-})(le(({
+  slot: "Loading"
+})(pe(({
   theme: n
 }) => ({
   color: (n.vars || n).palette.text.secondary,
   padding: "14px 16px"
 }))), uo = H("div", {
   name: "MuiAutocomplete",
-  slot: "NoOptions",
-  overridesResolver: (n, a) => a.noOptions
-})(le(({
+  slot: "NoOptions"
+})(pe(({
   theme: n
 }) => ({
   color: (n.vars || n).palette.text.secondary,
   padding: "14px 16px"
 }))), co = H("ul", {
   name: "MuiAutocomplete",
-  slot: "Listbox",
-  overridesResolver: (n, a) => a.listbox
-})(le(({
+  slot: "Listbox"
+})(pe(({
   theme: n
 }) => ({
   listStyle: "none",
@@ -1100,44 +1093,42 @@ const oo = (n) => {
   }
 }))), fo = H(Xe, {
   name: "MuiAutocomplete",
-  slot: "GroupLabel",
-  overridesResolver: (n, a) => a.groupLabel
-})(le(({
+  slot: "GroupLabel"
+})(pe(({
   theme: n
 }) => ({
   backgroundColor: (n.vars || n).palette.background.paper,
   top: -8
 }))), go = H("ul", {
   name: "MuiAutocomplete",
-  slot: "GroupUl",
-  overridesResolver: (n, a) => a.groupUl
+  slot: "GroupUl"
 })({
   padding: 0,
   [`& .${l.option}`]: {
     paddingLeft: 24
   }
-}), mo = /* @__PURE__ */ x.forwardRef(function(a, d) {
+}), mo = /* @__PURE__ */ x.forwardRef(function(i, d) {
   const m = Nt({
-    props: a,
+    props: i,
     name: "MuiAutocomplete"
   }), {
-    autoComplete: S = !1,
+    autoComplete: T = !1,
     autoHighlight: D = !1,
-    autoSelect: T = !1,
+    autoSelect: v = !1,
     blurOnSelect: N = !1,
     ChipProps: B,
     className: I,
-    clearIcon: C = Lt || (Lt = /* @__PURE__ */ w(jt, {
+    clearIcon: $ = Lt || (Lt = /* @__PURE__ */ A(jt, {
       fontSize: "small"
     })),
     clearOnBlur: W = !m.freeSolo,
-    clearOnEscape: pe = !1,
+    clearOnEscape: ue = !1,
     clearText: E = "Clear",
-    closeText: we = "Close",
+    closeText: Ae = "Close",
     componentsProps: Le,
     defaultValue: mt = m.multiple ? [] : null,
     disableClearable: ke = !1,
-    disableCloseOnSelect: ue = !1,
+    disableCloseOnSelect: ce = !1,
     disabled: G = !1,
     disabledItemsFocusable: Re = !1,
     disableListWrap: Qe = !1,
@@ -1156,32 +1147,32 @@ const oo = (n) => {
     handleHomeEndKeys: ht = !m.freeSolo,
     id: yt,
     includeInputInList: xt = !1,
-    inputValue: _,
+    inputValue: K,
     limitTags: L = -1,
     ListboxComponent: ot,
     ListboxProps: Me,
     loading: M = !1,
-    loadingText: $ = "Loading…",
-    multiple: ce = !1,
-    noOptionsText: xe = "No options",
+    loadingText: S = "Loading…",
+    multiple: xe = !1,
+    noOptionsText: Ie = "No options",
     onChange: h,
     onClose: F,
-    onHighlightChange: Ie,
+    onHighlightChange: Oe,
     onInputChange: It,
     onOpen: V,
     open: Ve,
     openOnFocus: nt = !1,
-    openText: P = "Open",
+    openText: C = "Open",
     options: Ot,
-    PaperComponent: i,
-    PopperComponent: Oe,
-    popupIcon: f = kt || (kt = /* @__PURE__ */ w(zt, {})),
+    PaperComponent: s,
+    PopperComponent: Pe,
+    popupIcon: g = kt || (kt = /* @__PURE__ */ A(zt, {})),
     readOnly: ne = !1,
     renderGroup: de,
     renderInput: Fe,
     renderOption: fe,
-    renderTags: K,
-    renderValue: Pe,
+    renderTags: _,
+    renderValue: re,
     selectOnFocus: Pt = !m.freeSolo,
     size: ge = "medium",
     slots: He = {},
@@ -1195,43 +1186,43 @@ const oo = (n) => {
     getPopupIndicatorProps: J,
     getClearProps: U,
     getItemProps: at,
-    getListboxProps: ve,
-    getOptionProps: st,
+    getListboxProps: Ce,
+    getOptionProps: it,
     value: R,
-    dirty: re,
+    dirty: ae,
     expanded: X,
     id: me,
     popupOpen: q,
     focused: je,
     focusedItem: Ue,
-    anchorEl: ae,
-    setAnchorEl: it,
+    anchorEl: ie,
+    setAnchorEl: st,
     inputValue: lt,
     groupedOptions: se
   } = Yt({
     ...m,
     componentName: "Autocomplete"
-  }), Ce = !ke && !G && re && !ne, $e = (!De || ye === !0) && ye !== !1, {
+  }), $e = !ke && !G && ae && !ne, Se = (!De || ye === !0) && ye !== !1, {
     onMouseDown: pt
   } = j(), {
     ref: ut,
     ...Be
-  } = ve(), be = Ne || ((c) => c.label ?? c), v = {
+  } = Ce(), be = Ne || ((c) => c.label ?? c), O = {
     ...m,
     disablePortal: oe,
     expanded: X,
     focused: je,
     fullWidth: Y,
     getOptionLabel: be,
-    hasClearIcon: Ce,
-    hasPopupIcon: $e,
+    hasClearIcon: $e,
+    hasPopupIcon: Se,
     inputFocused: Ue === -1,
     popupOpen: q,
     size: ge
-  }, O = oo(v), Z = {
+  }, P = oo(O), Z = {
     slots: {
-      paper: i,
-      popper: Oe,
+      paper: s,
+      popper: Pe,
       ...He
     },
     slotProps: {
@@ -1240,98 +1231,98 @@ const oo = (n) => {
       ...Le,
       ...k
     }
-  }, [Se, We] = ft("listbox", {
+  }, [Te, We] = ft("listbox", {
     elementType: co,
     externalForwardedProps: Z,
-    ownerState: v,
-    className: O.listbox,
+    ownerState: O,
+    className: P.listbox,
     additionalProps: Be,
     ref: ut
   }), [o, e] = ft("paper", {
     elementType: Mt,
     externalForwardedProps: Z,
-    ownerState: v,
-    className: O.paper
+    ownerState: O,
+    className: P.paper
   }), [r, p] = ft("popper", {
     elementType: Vt,
     externalForwardedProps: Z,
-    ownerState: v,
-    className: O.popper,
+    ownerState: O,
+    className: P.popper,
     additionalProps: {
       disablePortal: oe,
       style: {
-        width: ae ? ae.clientWidth : null
+        width: ie ? ie.clientWidth : null
       },
       role: "presentation",
-      anchorEl: ae,
+      anchorEl: ie,
       open: q
     }
   });
-  let s;
-  const g = (c) => ({
-    className: O.tag,
+  let a;
+  const f = (c) => ({
+    className: P.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) => {
+  if (xe ? R.length > 0 && (_ ? a = _(R, f, O) : re ? a = re(R, f, O) : a = R.map((c, ee) => {
     const {
       key: te,
-      ...Ae
-    } = g({
+      ...we
+    } = f({
       index: ee
     });
-    return /* @__PURE__ */ w(Gt, {
+    return /* @__PURE__ */ A(Gt, {
       label: be(c),
       size: ge,
-      ...Ae,
+      ...we,
       ...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,
+  })) : 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)
-    }, s.length)));
+    }, a.length)));
   }
-  const A = de || ((c) => /* @__PURE__ */ _e("li", {
-    children: [/* @__PURE__ */ w(fo, {
-      className: O.groupLabel,
-      ownerState: v,
+  const w = de || ((c) => /* @__PURE__ */ Ke("li", {
+    children: [/* @__PURE__ */ A(fo, {
+      className: P.groupLabel,
+      ownerState: O,
       component: "div",
       children: c.group
-    }), /* @__PURE__ */ w(go, {
-      className: O.groupUl,
-      ownerState: v,
+    }), /* @__PURE__ */ A(go, {
+      className: P.groupUl,
+      ownerState: O,
       children: c.children
     })]
   }, c.key)), Ht = fe || ((c, ee) => {
     const {
       key: te,
-      ...Ae
+      ...we
     } = c;
-    return /* @__PURE__ */ w("li", {
-      ...Ae,
+    return /* @__PURE__ */ A("li", {
+      ...we,
       children: be(ee)
     }, te);
-  }), Ct = (c, ee) => {
-    const te = st({
+  }), $t = (c, ee) => {
+    const te = it({
       option: c,
       index: ee
     });
     return Ht({
       ...te,
-      className: O.option
+      className: P.option
     }, c, {
       selected: te["aria-selected"],
       index: ee,
       inputValue: lt
-    }, v);
+    }, O);
   }, Ge = Z.slotProps.clearIndicator, qe = Z.slotProps.popupIndicator;
-  return /* @__PURE__ */ _e(x.Fragment, {
-    children: [/* @__PURE__ */ w(no, {
+  return /* @__PURE__ */ Ke(x.Fragment, {
+    children: [/* @__PURE__ */ A(no, {
       ref: d,
-      className: Je(O.root, I),
-      ownerState: v,
+      className: Je(P.root, I),
+      ownerState: O,
       ...ze(z),
       children: Fe({
         id: me,
@@ -1340,70 +1331,70 @@ const oo = (n) => {
         size: ge === "small" ? "small" : void 0,
         InputLabelProps: rt(),
         InputProps: {
-          ref: it,
-          className: O.inputRoot,
-          startAdornment: s,
+          ref: st,
+          className: P.inputRoot,
+          startAdornment: a,
           onMouseDown: (c) => {
             c.target === c.currentTarget && pt(c);
           },
-          ...(Ce || $e) && {
-            endAdornment: /* @__PURE__ */ _e(ro, {
-              className: O.endAdornment,
-              ownerState: v,
-              children: [Ce ? /* @__PURE__ */ w(ao, {
+          ...($e || Se) && {
+            endAdornment: /* @__PURE__ */ Ke(ro, {
+              className: P.endAdornment,
+              ownerState: O,
+              children: [$e ? /* @__PURE__ */ A(ao, {
                 ...U(),
                 "aria-label": E,
                 title: E,
-                ownerState: v,
+                ownerState: O,
                 ...Ge,
-                className: Je(O.clearIndicator, Ge == null ? void 0 : Ge.className),
-                children: C
-              }) : null, $e ? /* @__PURE__ */ w(so, {
+                className: Je(P.clearIndicator, Ge == null ? void 0 : Ge.className),
+                children: $
+              }) : null, Se ? /* @__PURE__ */ A(io, {
                 ...J(),
                 disabled: G,
-                "aria-label": q ? we : P,
-                title: q ? we : P,
-                ownerState: v,
+                "aria-label": q ? Ae : C,
+                title: q ? Ae : C,
+                ownerState: O,
                 ...qe,
-                className: Je(O.popupIndicator, qe == null ? void 0 : qe.className),
-                children: f
+                className: Je(P.popupIndicator, qe == null ? void 0 : qe.className),
+                children: g
               }) : null]
             })
           }
         },
         inputProps: {
-          className: O.input,
+          className: P.input,
           disabled: G,
           readOnly: ne,
           ...j()
         }
       })
-    }), ae ? /* @__PURE__ */ w(io, {
+    }), ie ? /* @__PURE__ */ A(so, {
       as: r,
       ...p,
-      children: /* @__PURE__ */ _e(lo, {
+      children: /* @__PURE__ */ Ke(lo, {
         as: o,
         ...e,
-        children: [M && se.length === 0 ? /* @__PURE__ */ w(po, {
-          className: O.loading,
-          ownerState: v,
-          children: $
-        }) : null, se.length === 0 && !De && !M ? /* @__PURE__ */ w(uo, {
-          className: O.noOptions,
-          ownerState: v,
+        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,
           role: "presentation",
           onMouseDown: (c) => {
             c.preventDefault();
           },
-          children: xe
-        }) : null, se.length > 0 ? /* @__PURE__ */ w(Se, {
+          children: Ie
+        }) : null, se.length > 0 ? /* @__PURE__ */ A(Te, {
           as: ot,
           ...We,
-          children: se.map((c, ee) => Ee ? A({
+          children: se.map((c, ee) => Ee ? w({
             key: c.key,
             group: c.group,
-            children: c.options.map((te, Ae) => Ct(te, c.index + Ae))
-          }) : Ct(c, ee))
+            children: c.options.map((te, we) => $t(te, c.index + we))
+          }) : $t(c, ee))
         }) : null]
       })
     }) : null]
@@ -1505,7 +1496,7 @@ process.env.NODE_ENV !== "production" && (mo.propTypes = {
    * The default value. Use when the component is not controlled.
    * @default props.multiple ? [] : null
    */
-  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(`
+  defaultValue: Tt(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.
@@ -1776,6 +1767,13 @@ process.env.NODE_ENV !== "production" && (mo.propTypes = {
   /**
    * Render the input.
    *
+   * **Note:** The `renderInput` prop must return a `TextField` component or a compatible custom component
+   * that correctly forwards `InputProps.ref` and spreads `inputProps`. This ensures proper integration
+   * with the Autocomplete's internal logic (e.g., focus management and keyboard navigation).
+   *
+   * Avoid using components like `DatePicker` or `Select` directly, as they may not forward the required props,
+   * leading to runtime errors or unexpected behavior.
+   *
    * @param {object} params
    * @returns {ReactNode}
    */
@@ -1852,7 +1850,7 @@ process.env.NODE_ENV !== "production" && (mo.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: 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(`
+  value: Tt(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 {
@@ -1860,7 +1858,7 @@ export {
   Xe as L,
   l as a,
   Qt as b,
-  _t as c,
+  Kt as c,
   to as g,
-  Vo as l
+  Mo as l
 };