@clearstory/drywall-react 4.3.0 → 5.1.0

package/dist/{Autocomplete-DjCUxQwI.js → Autocomplete-BG3jpE2X.js}

@@ -1,4 +1,4 @@
-import { jsx as $, jsxs as We } from "react/jsx-runtime";
+import { jsx as $, jsxs as Ue } from "react/jsx-runtime";
 import * as y from "react";
 import { forwardRef as Vt } from "react";
 import { Input as Ft } from "./components/Input/Input.js";
@@ -6,30 +6,30 @@ import "./icons/ClearstoryIcon.js";
 import "./icons/InternalOnlyIcon.js";
 import "./icons/MoneyBucketIcon.js";
 import "./icons/MoreCircleOutlineIcon.js";
-import { A as Ht, C as zt } from "./Clear-C5vTrJfH.js";
+import { A as Ht, C as zt } from "./Clear-BX3xsbCY.js";
 import { g as kt } from "./generateUtilityClass-BhfUaMgk.js";
-import { P as o } from "./index-CyAhC1RZ.js";
+import { P as o } from "./index-B5q5ym9h.js";
 import { c as it } from "./clsx-OuTLNxxd.js";
-import { A as jt, f as Ie, o as Ct, i as st } from "./ArrowDropDown-C5I7YoZ2.js";
-import { i as pe } from "./InputBase-BSTVzjZo.js";
-import { C as Bt } from "./Close-B69TW6Mc.js";
-import { m as xe } from "./memoTheme-DKj-Vdvf.js";
+import { A as jt, f as xe, o as Ct, i as st } from "./ArrowDropDown-CJcUO7Km.js";
+import { i as ue } from "./InputBase-BM3Auzz5.js";
+import { C as Bt } from "./Close-C2_eLkhZ.js";
+import { m as ye } from "./memoTheme-D7rECXXN.js";
 import { g as Ut } from "./generateUtilityClasses-E9gROIFd.js";
 import { u as pt } from "./useSlot-CoTIuujp.js";
-import { u as Wt } from "./DefaultPropsProvider-Hks9kyHW.js";
+import { u as Wt } from "./DefaultPropsProvider-CE6KNOqW.js";
 import { u as Gt } from "./useId-CK6Kn3Tn.js";
 import { u as ut } from "./useControlled-D1L5tREc.js";
 import { u as Kt } from "./usePreviousProps-7NDRTUOj.js";
-import { u as Ge } from "./useEventCallback-BAQJJ3ye.js";
-import { s as qt } from "./Portal-R03qxPC_.js";
-import { s as B } from "./styled-DeKjjxu7.js";
-import { P as Dt } from "./Paper-C9LeVPWQ.js";
-import { P as Rt } from "./Popper-Cma-1V4k.js";
-import { C as _t } from "./Chip-1yVEJRUJ.js";
-import { h as Et } from "./createTheme-DHUIafsh.js";
+import { u as We } from "./useEventCallback-BAQJJ3ye.js";
+import { s as qt } from "./Portal-DdS5LtfN.js";
+import { s as B } from "./styled-BKpRY52y.js";
+import { P as Dt } from "./Paper-COvzoSpI.js";
+import { P as Rt } from "./Popper-JL6hDc7M.js";
+import { C as _t } from "./Chip-Dvsr-37n.js";
+import { h as Et } from "./createTheme-Cr8frjQ0.js";
 import { c as Jt } from "./composeClasses-2Ou-RZJr.js";
-import { I as Nt } from "./IconButton-MVzChLzw.js";
-import { L as Xt } from "./ListSubheader-B89d0LHx.js";
+import { I as Nt } from "./IconButton-C233MDPx.js";
+import { L as Xt } from "./ListSubheader-Dr443Sr5.js";
 import { c as $t } from "./chainPropTypes-D9lkm76m.js";
 import { i as Yt } from "./integerPropType-BihGt2aU.js";
 function At({
@@ -48,20 +48,20 @@ function Qt(n = {}) {
     ignoreCase: g = !0,
     limit: f,
     matchFrom: S = "any",
-    stringify: V,
+    stringify: F,
     trim: N = !1
   } = n;
-  return (D, {
+  return (R, {
     inputValue: U,
     getOptionLabel: O
   }) => {
     let A = N ? U.trim() : U;
     g && (A = A.toLowerCase()), p && (A = Tt(A));
-    const F = A ? D.filter((ue) => {
-      let v = (V || O)(ue);
+    const H = A ? R.filter((ce) => {
+      let v = (F || O)(ce);
       return g && (v = v.toLowerCase()), p && (v = Tt(v)), S === "start" ? v.startsWith(A) : v.includes(A);
-    }) : D;
-    return typeof f == "number" ? F.slice(0, f) : F;
+    }) : R;
+    return typeof f == "number" ? H.slice(0, f) : H;
   };
 }
 const Zt = Qt(), wt = 5, eo = (n) => n.current !== null && n.current.parentElement?.contains(document.activeElement), to = [];
@@ -79,34 +79,34 @@ function oo(n) {
     unstable_classNamePrefix: g = "Mui",
     autoComplete: f = !1,
     autoHighlight: S = !1,
-    autoSelect: V = !1,
+    autoSelect: F = !1,
     blurOnSelect: N = !1,
-    clearOnBlur: D = !n.freeSolo,
+    clearOnBlur: R = !n.freeSolo,
     clearOnEscape: U = !1,
     componentName: O = "useAutocomplete",
     defaultValue: A = n.multiple ? to : null,
-    disableClearable: F = !1,
-    disableCloseOnSelect: ue = !1,
+    disableClearable: H = !1,
+    disableCloseOnSelect: ce = !1,
     disabled: v,
-    disabledItemsFocusable: Le = !1,
-    disableListWrap: ke = !1,
+    disabledItemsFocusable: ke = !1,
+    disableListWrap: De = !1,
     filterOptions: ct = Zt,
-    filterSelectedOptions: De = !1,
-    freeSolo: ce = !1,
+    filterSelectedOptions: Ge = !1,
+    freeSolo: de = !1,
     getOptionDisabled: W,
     getOptionKey: dt,
     getOptionLabel: Ke = (t) => t.label ?? t,
-    groupBy: re,
+    groupBy: ae,
     handleHomeEndKeys: qe = !n.freeSolo,
     id: ft,
-    includeInputInList: ye = !1,
+    includeInputInList: Oe = !1,
     inputValue: Re,
-    isOptionEqualToValue: Y = (t, e) => t === e,
+    isOptionEqualToValue: Q = (t, e) => t === e,
     multiple: u = !1,
     onChange: _e,
     onClose: Je,
     onHighlightChange: Ee,
-    onInputChange: Q,
+    onInputChange: Z,
     onOpen: Ne,
     open: gt,
     openOnFocus: mt = !1,
@@ -115,7 +115,7 @@ function oo(n) {
     renderValue: L,
     selectOnFocus: Xe = !n.freeSolo,
     value: Me
-  } = n, R = Gt(ft);
+  } = n, E = Gt(ft);
   let P = Ke;
   P = (t) => {
     const e = Ke(t);
@@ -128,87 +128,87 @@ function oo(n) {
     }
     return e;
   };
-  const Oe = y.useRef(!1), Pe = y.useRef(!0), b = y.useRef(null), M = y.useRef(null), [Ce, bt] = y.useState(null), [E, Ve] = y.useState(-1), Ye = S ? 0 : -1, T = y.useRef(Ye), It = y.useRef(St(A ?? Me, u, P)).current, [i, $e] = ut({
+  const Pe = y.useRef(!1), Ce = y.useRef(!0), b = y.useRef(null), M = y.useRef(null), [$e, bt] = y.useState(null), [k, K] = y.useState(-1), Ye = S ? 0 : -1, T = y.useRef(Ye), It = y.useRef(St(A ?? Me, u, P)).current, [l, Ae] = ut({
     controlled: Me,
     default: A,
     name: O
-  }), [d, ae] = ut({
+  }), [d, le] = ut({
     controlled: Re,
     default: It,
     name: O,
     state: "inputValue"
-  }), [de, Fe] = y.useState(!1), fe = y.useCallback((t, e, r) => {
-    if (!(u ? i.length < e.length : e !== null) && !D)
+  }), [fe, Ve] = y.useState(!1), ge = y.useCallback((t, e, r) => {
+    if (!(u ? l.length < e.length : e !== null) && !R)
       return;
-    const l = St(e, u, P, L);
-    d !== l && (ae(l), Q && Q(t, l, r));
-  }, [P, d, u, Q, ae, D, i, L]), [K, le] = ut({
+    const i = St(e, u, P, L);
+    d !== i && (le(i), Z && Z(t, i, r));
+  }, [P, d, u, Z, le, R, l, L]), [q, ie] = ut({
     controlled: gt,
     default: !1,
     name: O,
     state: "open"
-  }), [xt, ge] = y.useState(!0), He = !u && i != null && d === P(i), w = K && !G, m = w ? ct(
-    ht.filter((t) => !(De && (u ? i : [i]).some((e) => e !== null && Y(t, e)))),
+  }), [xt, me] = y.useState(!0), Fe = !u && l != null && d === P(l), w = q && !G, m = w ? ct(
+    ht.filter((t) => !(Ge && (u ? l : [l]).some((e) => e !== null && Q(t, e)))),
     // we use the empty string to manipulate `filterOptions` to not filter any options
     // i.e. the filter predicate always returns true
     {
-      inputValue: He && xt ? "" : d,
+      inputValue: Fe && xt ? "" : d,
       getOptionLabel: P
     }
-  ) : [], H = Kt({
+  ) : [], z = Kt({
     filteredOptions: m,
-    value: i,
+    value: l,
     inputValue: d
   });
   y.useEffect(() => {
-    const t = i !== H.value;
-    de && !t || ce && !t || fe(null, i, "reset");
-  }, [i, fe, de, H.value, ce]);
-  const ze = K && m.length > 0 && !G, z = Ge((t) => {
+    const t = l !== z.value;
+    fe && !t || de && !t || ge(null, l, "reset");
+  }, [l, ge, fe, z.value, de]);
+  const He = q && m.length > 0 && !G, V = We((t) => {
     if (t === -1)
       b.current.focus();
     else {
       const e = L ? "data-item-index" : "data-tag-index";
-      Ce.querySelector(`[${e}="${t}"]`).focus();
+      $e.querySelector(`[${e}="${t}"]`).focus();
     }
   });
   y.useEffect(() => {
-    u && E > i.length - 1 && (Ve(-1), z(-1));
-  }, [i, u, E, z]);
+    u && k > l.length - 1 && (K(-1), V(-1));
+  }, [l, u, k, V]);
   function Qe(t, e) {
     if (!M.current || t < 0 || t >= m.length)
       return -1;
     let r = t;
     for (; ; ) {
-      const a = M.current.querySelector(`[data-option-index="${r}"]`), l = Le ? !1 : !a || a.disabled || a.getAttribute("aria-disabled") === "true";
-      if (a && a.hasAttribute("tabindex") && !l)
+      const a = M.current.querySelector(`[data-option-index="${r}"]`), i = ke ? !1 : !a || a.disabled || a.getAttribute("aria-disabled") === "true";
+      if (a && a.hasAttribute("tabindex") && !i)
         return r;
       if (e === "next" ? r = (r + 1) % m.length : r = (r - 1 + m.length) % m.length, r === t)
         return -1;
     }
   }
-  const q = Ge(({
+  const _ = We(({
     event: t,
     index: e,
     reason: r
   }) => {
-    if (T.current = e, e === -1 ? b.current.removeAttribute("aria-activedescendant") : b.current.setAttribute("aria-activedescendant", `${R}-option-${e}`), Ee && ["mouse", "keyboard", "touch"].includes(r) && Ee(t, e === -1 ? null : m[e], r), !M.current)
+    if (T.current = e, e === -1 ? b.current.removeAttribute("aria-activedescendant") : b.current.setAttribute("aria-activedescendant", `${E}-option-${e}`), Ee && ["mouse", "keyboard", "touch"].includes(r) && Ee(t, e === -1 ? null : m[e], r), !M.current)
       return;
     const a = M.current.querySelector(`[role="option"].${g}-focused`);
     a && (a.classList.remove(`${g}-focused`), a.classList.remove(`${g}-focusVisible`));
-    let l = M.current;
-    if (M.current.getAttribute("role") !== "listbox" && (l = M.current.parentElement.querySelector('[role="listbox"]')), !l)
+    let i = M.current;
+    if (M.current.getAttribute("role") !== "listbox" && (i = M.current.parentElement.querySelector('[role="listbox"]')), !i)
       return;
     if (e === -1) {
-      l.scrollTop = 0;
+      i.scrollTop = 0;
       return;
     }
     const h = M.current.querySelector(`[data-option-index="${e}"]`);
-    if (h && (h.classList.add(`${g}-focused`), r === "keyboard" && h.classList.add(`${g}-focusVisible`), l.scrollHeight > l.clientHeight && r !== "mouse" && r !== "touch")) {
-      const I = h, k = l.clientHeight + l.scrollTop, be = I.offsetTop + I.offsetHeight;
-      be > k ? l.scrollTop = be - l.clientHeight : I.offsetTop - I.offsetHeight * (re ? 1.3 : 0) < l.scrollTop && (l.scrollTop = I.offsetTop - I.offsetHeight * (re ? 1.3 : 0));
+    if (h && (h.classList.add(`${g}-focused`), r === "keyboard" && h.classList.add(`${g}-focusVisible`), i.scrollHeight > i.clientHeight && r !== "mouse" && r !== "touch")) {
+      const I = h, D = i.clientHeight + i.scrollTop, Ie = I.offsetTop + I.offsetHeight;
+      Ie > D ? i.scrollTop = Ie - i.clientHeight : I.offsetTop - I.offsetHeight * (ae ? 1.3 : 0) < i.scrollTop && (i.scrollTop = I.offsetTop - I.offsetHeight * (ae ? 1.3 : 0));
     }
-  }), j = Ge(({
+  }), j = We(({
     event: t,
     diff: e,
     direction: r = "next",
@@ -224,10 +224,10 @@ function oo(n) {
         return 0;
       if (e === "end")
         return I;
-      const k = T.current + e;
-      return k < 0 ? k === -1 && ye ? -1 : ke && T.current !== -1 || Math.abs(e) > 1 ? 0 : I : k > I ? k === I + 1 && ye ? -1 : ke || Math.abs(e) > 1 ? I : 0 : k;
+      const D = T.current + e;
+      return D < 0 ? D === -1 && Oe ? -1 : De && T.current !== -1 || Math.abs(e) > 1 ? 0 : I : D > I ? D === I + 1 && Oe ? -1 : De || Math.abs(e) > 1 ? I : 0 : D;
     })(), r);
-    if (q({
+    if (_({
       index: h,
       reason: a,
       event: t
@@ -238,26 +238,26 @@ function oo(n) {
         const I = P(m[h]);
         b.current.value = I, I.toLowerCase().indexOf(d.toLowerCase()) === 0 && d.length > 0 && b.current.setSelectionRange(d.length, I.length);
       }
-  }), je = !At({
-    array1: H.filteredOptions,
+  }), ze = !At({
+    array1: z.filteredOptions,
     array2: m,
     parser: P
   }), Ze = () => {
     const t = (e, r) => {
-      const a = e ? P(e) : "", l = r ? P(r) : "";
-      return a === l;
+      const a = e ? P(e) : "", i = r ? P(r) : "";
+      return a === i;
     };
     if (T.current !== -1 && !At({
-      array1: H.filteredOptions,
+      array1: z.filteredOptions,
       array2: m,
       parser: P
-    }) && H.inputValue === d && (u ? i.length === H.value.length && H.value.every((e, r) => P(i[r]) === P(e)) : t(H.value, i))) {
-      const e = H.filteredOptions[T.current];
+    }) && z.inputValue === d && (u ? l.length === z.value.length && z.value.every((e, r) => P(l[r]) === P(e)) : t(z.value, l))) {
+      const e = z.filteredOptions[T.current];
       if (e)
         return m.findIndex((r) => P(r) === P(e));
     }
     return -1;
-  }, Ae = y.useCallback(() => {
+  }, Te = y.useCallback(() => {
     if (!w)
       return;
     const t = Ze();
@@ -265,7 +265,7 @@ function oo(n) {
       T.current = t;
       return;
     }
-    const e = u ? i[0] : i;
+    const e = u ? l[0] : l;
     if (m.length === 0 || e == null) {
       j({
         diff: "reset"
@@ -275,23 +275,23 @@ function oo(n) {
     if (M.current) {
       if (e != null) {
         const r = m[T.current];
-        if (u && r && i.findIndex((l) => Y(r, l)) !== -1)
+        if (u && r && l.findIndex((i) => Q(r, i)) !== -1)
           return;
-        const a = m.findIndex((l) => Y(l, e));
+        const a = m.findIndex((i) => Q(i, e));
         a === -1 ? j({
           diff: "reset"
-        }) : q({
+        }) : _({
           index: a
         });
         return;
       }
       if (T.current >= m.length - 1) {
-        q({
+        _({
           index: m.length - 1
         });
         return;
       }
-      q({
+      _({
         index: T.current
       });
     }
@@ -300,73 +300,72 @@ function oo(n) {
     m.length,
     // Don't sync the highlighted index with the value when multiple
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    u ? !1 : i,
-    De,
+    u ? !1 : l,
     j,
-    q,
+    _,
     w,
     d,
     u
-  ]), Z = Ge((t) => {
-    qt(M, t), t && Ae();
+  ]), ee = We((t) => {
+    qt(M, t), t && Te();
   });
   process.env.NODE_ENV !== "production" && y.useEffect(() => {
     (!b.current || b.current.nodeName !== "INPUT") && (b.current && b.current.nodeName === "TEXTAREA" ? console.warn([`A textarea element was provided to ${O} where input was expected.`, "This is not a supported scenario but it may work under certain conditions.", "A textarea keyboard navigation may conflict with Autocomplete controls (for example enter and arrow keys).", "Make sure to test keyboard navigation and add custom event handlers if necessary."].join(`
 `)) : console.error([`MUI: Unable to find the input element. It was resolved to ${b.current} while an HTMLInputElement was expected.`, `Instead, ${O} expects an input element.`, "", O === "useAutocomplete" ? "Make sure you have bound getInputProps correctly and that the normal ref/effect resolutions order is guaranteed." : "Make sure you have customized the input component correctly."].join(`
 `)));
   }, [O]), y.useEffect(() => {
-    (je || w) && Ae();
-  }, [Ae, je, w]);
-  const _ = (t) => {
-    K || (le(!0), ge(!0), Ne && Ne(t));
-  }, ie = (t, e) => {
-    K && (le(!1), Je && Je(t, e));
-  }, J = (t, e, r, a) => {
+    (ze || w) && Te();
+  }, [Te, ze, w]);
+  const J = (t) => {
+    q || (ie(!0), me(!0), Ne && Ne(t));
+  }, se = (t, e) => {
+    q && (ie(!1), Je && Je(t, e));
+  }, X = (t, e, r, a) => {
     if (u) {
-      if (i.length === e.length && i.every((l, h) => l === e[h]))
+      if (l.length === e.length && l.every((i, h) => i === e[h]))
         return;
-    } else if (i === e)
+    } else if (l === e)
       return;
-    _e && _e(t, e, r, a), $e(e);
-  }, X = y.useRef(!1), ee = (t, e, r = "selectOption", a = "options") => {
-    let l = r, h = e;
+    _e && _e(t, e, r, a), Ae(e);
+  }, Y = y.useRef(!1), te = (t, e, r = "selectOption", a = "options") => {
+    let i = r, h = e;
     if (u) {
-      if (h = Array.isArray(i) ? i.slice() : [], process.env.NODE_ENV !== "production") {
-        const k = h.filter((be) => Y(e, be));
-        k.length > 1 && console.error([`MUI: The \`isOptionEqualToValue\` method of ${O} does not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${k.length} matches.`].join(`
+      if (h = Array.isArray(l) ? l.slice() : [], process.env.NODE_ENV !== "production") {
+        const D = h.filter((Ie) => Q(e, Ie));
+        D.length > 1 && console.error([`MUI: The \`isOptionEqualToValue\` method of ${O} does not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${D.length} matches.`].join(`
 `));
       }
-      const I = h.findIndex((k) => Y(e, k));
-      I === -1 ? h.push(e) : a !== "freeSolo" && (h.splice(I, 1), l = "removeOption");
+      const I = h.findIndex((D) => Q(e, D));
+      I === -1 ? h.push(e) : a !== "freeSolo" && (h.splice(I, 1), i = "removeOption");
     }
-    fe(t, h, l), J(t, h, l, {
+    ge(t, h, i), X(t, h, i, {
       option: e
-    }), !ue && (!t || !t.ctrlKey && !t.metaKey) && ie(t, l), (N === !0 || N === "touch" && X.current || N === "mouse" && !X.current) && b.current.blur();
+    }), !ce && (!t || !t.ctrlKey && !t.metaKey) && se(t, i), (N === !0 || N === "touch" && Y.current || N === "mouse" && !Y.current) && b.current.blur();
   };
   function et(t, e) {
     if (t === -1)
       return -1;
     let r = t;
     for (; ; ) {
-      if (e === "next" && r === i.length || e === "previous" && r === -1)
+      if (e === "next" && r === l.length || e === "previous" && r === -1)
         return -1;
-      const a = L ? "data-item-index" : "data-tag-index", l = Ce.querySelector(`[${a}="${r}"]`);
-      if (!l || !l.hasAttribute("tabindex") || l.disabled || l.getAttribute("aria-disabled") === "true")
+      const a = L ? "data-item-index" : "data-tag-index", i = $e.querySelector(`[${a}="${r}"]`);
+      if (!i || !i.hasAttribute("tabindex") || i.disabled || i.getAttribute("aria-disabled") === "true")
         r += e === "next" ? 1 : -1;
       else
         return r;
     }
   }
-  const se = (t, e) => {
+  const pe = (t, e) => {
     if (!u)
       return;
-    d === "" && ie(t, "toggleInput");
-    let r = E;
-    E === -1 ? d === "" && e === "previous" && (r = i.length - 1) : (r += e === "next" ? 1 : -1, r < 0 && (r = 0), r === i.length && (r = -1)), r = et(r, e), Ve(r), z(r);
-  }, Be = (t) => {
-    Oe.current = !0, ae(""), Q && Q(t, "", "clear"), J(t, u ? [] : null, "clear");
+    d === "" && se(t, "toggleInput");
+    let r = k;
+    k === -1 ? d === "" && e === "previous" && (r = l.length - 1) : (r += e === "next" ? 1 : -1, r < 0 && (r = 0), r === l.length && (r = -1)), r = et(r, e), K(r), V(r);
+  }, je = (t) => {
+    Pe.current = !0, le(""), Z && Z(t, "", "clear"), X(t, u ? [] : null, "clear");
   }, tt = (t) => (e) => {
-    if (t.onKeyDown && t.onKeyDown(e), !e.defaultMuiPrevented && (E !== -1 && !["ArrowLeft", "ArrowRight"].includes(e.key) && (Ve(-1), z(-1)), e.which !== 229))
+    if (t.onKeyDown && t.onKeyDown(e), !e.defaultMuiPrevented && (k !== -1 && !["ArrowLeft", "ArrowRight"].includes(e.key) && (K(-1), V(-1)), e.which !== 229))
       switch (e.key) {
         case "Home":
           w && qe && (e.preventDefault(), j({
@@ -390,7 +389,7 @@ function oo(n) {
             direction: "previous",
             reason: "keyboard",
             event: e
-          }), _(e);
+          }), J(e);
           break;
         case "PageDown":
           e.preventDefault(), j({
@@ -398,7 +397,7 @@ function oo(n) {
             direction: "next",
             reason: "keyboard",
             event: e
-          }), _(e);
+          }), J(e);
           break;
         case "ArrowDown":
           e.preventDefault(), j({
@@ -406,7 +405,7 @@ function oo(n) {
             direction: "next",
             reason: "keyboard",
             event: e
-          }), _(e);
+          }), J(e);
           break;
         case "ArrowUp":
           e.preventDefault(), j({
@@ -414,129 +413,129 @@ function oo(n) {
             direction: "previous",
             reason: "keyboard",
             event: e
-          }), _(e);
+          }), J(e);
           break;
         case "ArrowLeft":
-          !u && L ? z(0) : se(e, "previous");
+          !u && L && l != null ? (K(0), V(0)) : pe(e, "previous");
           break;
         case "ArrowRight":
-          !u && L ? z(-1) : se(e, "next");
+          !u && L ? (K(-1), V(-1)) : pe(e, "next");
           break;
         case "Enter":
           if (T.current !== -1 && w) {
             const r = m[T.current], a = W ? W(r) : !1;
             if (e.preventDefault(), a)
               return;
-            ee(e, r, "selectOption"), f && b.current.setSelectionRange(b.current.value.length, b.current.value.length);
-          } else ce && d !== "" && He === !1 && (u && e.preventDefault(), ee(e, d, "createOption", "freeSolo"));
+            te(e, r, "selectOption"), f && b.current.setSelectionRange(b.current.value.length, b.current.value.length);
+          } else de && d !== "" && Fe === !1 && (u && e.preventDefault(), te(e, d, "createOption", "freeSolo"));
           break;
         case "Escape":
-          w ? (e.preventDefault(), e.stopPropagation(), ie(e, "escape")) : U && (d !== "" || u && i.length > 0 || L) && (e.preventDefault(), e.stopPropagation(), Be(e));
+          w ? (e.preventDefault(), e.stopPropagation(), se(e, "escape")) : U && (d !== "" || u && l.length > 0 || L) && (e.preventDefault(), e.stopPropagation(), je(e));
           break;
         case "Backspace":
-          if (u && !G && d === "" && i.length > 0) {
-            const r = E === -1 ? i.length - 1 : E, a = i.slice();
-            a.splice(r, 1), J(e, a, "removeOption", {
-              option: i[r]
+          if (u && !G && d === "" && l.length > 0) {
+            const r = k === -1 ? l.length - 1 : k, a = l.slice();
+            a.splice(r, 1), X(e, a, "removeOption", {
+              option: l[r]
             });
           }
-          !u && L && !G && ($e(null), z(-1));
+          !u && L && !G && (Ae(null), K(-1), V(-1));
           break;
         case "Delete":
-          if (u && !G && d === "" && i.length > 0 && E !== -1) {
-            const r = E, a = i.slice();
-            a.splice(r, 1), J(e, a, "removeOption", {
-              option: i[r]
+          if (u && !G && d === "" && l.length > 0 && k !== -1) {
+            const r = k, a = l.slice();
+            a.splice(r, 1), X(e, a, "removeOption", {
+              option: l[r]
             });
           }
-          !u && L && !G && ($e(null), z(-1));
+          !u && L && !G && (Ae(null), K(-1), V(-1));
           break;
       }
-  }, me = (t) => {
-    Fe(!0), mt && !Oe.current && _(t);
   }, he = (t) => {
+    Ve(!0), k !== -1 && (K(-1), V(-1)), mt && !Pe.current && J(t);
+  }, be = (t) => {
     if (p(M)) {
       b.current.focus();
       return;
     }
-    Fe(!1), Pe.current = !0, Oe.current = !1, V && T.current !== -1 && w ? ee(t, m[T.current], "blur") : V && ce && d !== "" ? ee(t, d, "blur", "freeSolo") : D && fe(t, i, "blur"), ie(t, "blur");
-  }, Te = (t) => {
+    Ve(!1), Ce.current = !0, Pe.current = !1, F && T.current !== -1 && w ? te(t, m[T.current], "blur") : F && de && d !== "" ? te(t, d, "blur", "freeSolo") : R && ge(t, l, "blur"), se(t, "blur");
+  }, we = (t) => {
     const e = t.target.value;
-    d !== e && (ae(e), ge(!1), Q && Q(t, e, "input")), e === "" ? !F && !u && J(t, null, "clear") : _(t);
+    d !== e && (le(e), me(!1), Z && Z(t, e, "input")), e === "" ? !H && !u && X(t, null, "clear") : J(t);
   }, ot = (t) => {
     const e = Number(t.currentTarget.getAttribute("data-option-index"));
-    T.current !== e && q({
+    T.current !== e && _({
       event: t,
       index: e,
       reason: "mouse"
     });
   }, nt = (t) => {
-    q({
+    _({
       event: t,
       index: Number(t.currentTarget.getAttribute("data-option-index")),
       reason: "touch"
-    }), X.current = !0;
+    }), Y.current = !0;
   }, rt = (t) => {
     const e = Number(t.currentTarget.getAttribute("data-option-index"));
-    ee(t, m[e], "selectOption"), X.current = !1;
+    te(t, m[e], "selectOption"), Y.current = !1;
   }, at = (t) => (e) => {
-    const r = i.slice();
-    r.splice(t, 1), J(e, r, "removeOption", {
-      option: i[t]
+    const r = l.slice();
+    r.splice(t, 1), X(e, r, "removeOption", {
+      option: l[t]
     });
-  }, we = (t) => {
-    J(t, null, "removeOption", {
-      option: i
+  }, Se = (t) => {
+    X(t, null, "removeOption", {
+      option: l
     });
   }, x = (t) => {
-    K ? ie(t, "toggleInput") : _(t);
+    q ? se(t, "toggleInput") : J(t);
   }, C = (t) => {
-    t.currentTarget.contains(t.target) && t.target.getAttribute("id") !== R && t.preventDefault();
-  }, te = (t) => {
-    t.currentTarget.contains(t.target) && (b.current.focus(), Xe && Pe.current && b.current.selectionEnd - b.current.selectionStart === 0 && b.current.select(), Pe.current = !1);
+    t.currentTarget.contains(t.target) && t.target.getAttribute("id") !== E && t.preventDefault();
+  }, oe = (t) => {
+    t.currentTarget.contains(t.target) && (b.current.focus(), Xe && Ce.current && b.current.selectionEnd - b.current.selectionStart === 0 && b.current.select(), Ce.current = !1);
   }, lt = (t) => {
-    !v && (d === "" || !K) && x(t);
+    !v && (d === "" || !q) && x(t);
   };
-  let Se = ce && d.length > 0;
-  Se = Se || (u ? i.length > 0 : i !== null);
-  let Ue = m;
-  if (re) {
+  let ve = de && d.length > 0;
+  ve = ve || (u ? l.length > 0 : l !== null);
+  let Be = m;
+  if (ae) {
     const t = /* @__PURE__ */ new Map();
     let e = !1;
-    Ue = m.reduce((r, a, l) => {
-      const h = re(a);
+    Be = m.reduce((r, a, i) => {
+      const h = ae(a);
       return r.length > 0 && r[r.length - 1].group === h ? r[r.length - 1].options.push(a) : (process.env.NODE_ENV !== "production" && (t.get(h) && !e && (console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${O} returns duplicated headers.`, "You can solve the issue by sorting the options with the output of `groupBy`."), e = !0), t.set(h, !0)), r.push({
-        key: l,
-        index: l,
+        key: i,
+        index: i,
         group: h,
         options: [a]
       })), r;
     }, []);
   }
-  return v && de && he(), {
+  return v && fe && be(), {
     getRootProps: (t = {}) => ({
       ...t,
       onKeyDown: tt(t),
       onMouseDown: C,
-      onClick: te
+      onClick: oe
     }),
     getInputLabelProps: () => ({
-      id: `${R}-label`,
-      htmlFor: R
+      id: `${E}-label`,
+      htmlFor: E
     }),
     getInputProps: () => ({
-      id: R,
+      id: E,
       value: d,
-      onBlur: he,
-      onFocus: me,
-      onChange: Te,
+      onBlur: be,
+      onFocus: he,
+      onChange: we,
       onMouseDown: lt,
       // 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": f ? "both" : "list",
-      "aria-controls": ze ? `${R}-listbox` : void 0,
-      "aria-expanded": ze,
+      "aria-controls": He ? `${E}-listbox` : void 0,
+      "aria-expanded": He,
       // Disable browser's suggestion that might overlap with the popup.
       // Handle autocomplete but not autofill.
       autoComplete: "off",
@@ -549,7 +548,7 @@ function oo(n) {
     getClearProps: () => ({
       tabIndex: -1,
       type: "button",
-      onClick: Be
+      onClick: je
     }),
     getItemProps: ({
       index: t = 0
@@ -564,7 +563,7 @@ function oo(n) {
       },
       tabIndex: -1,
       ...!G && {
-        onDelete: u ? at(t) : we
+        onDelete: u ? at(t) : Se
       }
     }),
     getPopupIndicatorProps: () => ({
@@ -585,9 +584,9 @@ function oo(n) {
     }),
     getListboxProps: () => ({
       role: "listbox",
-      id: `${R}-listbox`,
-      "aria-labelledby": `${R}-label`,
-      ref: Z,
+      id: `${E}-listbox`,
+      "aria-labelledby": `${E}-label`,
+      ref: ee,
       onMouseDown: (t) => {
         t.preventDefault();
       }
@@ -596,12 +595,12 @@ function oo(n) {
       index: t,
       option: e
     }) => {
-      const r = (u ? i : [i]).some((l) => l != null && Y(e, l)), a = W ? W(e) : !1;
+      const r = (u ? l : [l]).some((i) => i != null && Q(e, i)), a = W ? W(e) : !1;
       return {
         key: dt?.(e) ?? P(e),
         tabIndex: -1,
         role: "option",
-        id: `${R}-option-${t}`,
+        id: `${E}-option-${t}`,
         onMouseMove: ot,
         onClick: rt,
         onTouchStart: nt,
@@ -610,19 +609,19 @@ function oo(n) {
         "aria-selected": r
       };
     },
-    id: R,
+    id: E,
     inputValue: d,
-    value: i,
-    dirty: Se,
-    expanded: w && Ce,
+    value: l,
+    dirty: ve,
+    expanded: w && $e,
     popupOpen: w,
-    focused: de || E !== -1,
-    anchorEl: Ce,
+    focused: fe || k !== -1,
+    anchorEl: $e,
     setAnchorEl: bt,
-    focusedItem: E,
+    focusedItem: k,
     // deprecated
-    focusedTag: E,
-    groupedOptions: Ue
+    focusedTag: k,
+    groupedOptions: Be
   };
 }
 function no(n) {
@@ -636,14 +635,14 @@ const ro = (n) => {
     disablePortal: g,
     expanded: f,
     focused: S,
-    fullWidth: V,
+    fullWidth: F,
     hasClearIcon: N,
-    hasPopupIcon: D,
+    hasPopupIcon: R,
     inputFocused: U,
     popupOpen: O,
     size: A
-  } = n, F = {
-    root: ["root", f && "expanded", S && "focused", V && "fullWidth", N && "hasClearIcon", D && "hasPopupIcon"],
+  } = n, H = {
+    root: ["root", f && "expanded", S && "focused", F && "fullWidth", N && "hasClearIcon", R && "hasPopupIcon"],
     inputRoot: ["inputRoot"],
     input: ["input", U && "inputFocused"],
     tag: ["tag", `tagSize${Et(A)}`],
@@ -659,7 +658,7 @@ const ro = (n) => {
     groupLabel: ["groupLabel"],
     groupUl: ["groupUl"]
   };
-  return Jt(F, no, p);
+  return Jt(H, no, p);
 }, ao = B("div", {
   name: "MuiAutocomplete",
   slot: "Root",
@@ -669,21 +668,21 @@ const ro = (n) => {
     } = n, {
       fullWidth: f,
       hasClearIcon: S,
-      hasPopupIcon: V,
+      hasPopupIcon: F,
       inputFocused: N,
-      size: D
+      size: R
     } = g;
     return [{
       [`& .${s.tag}`]: p.tag
     }, {
-      [`& .${s.tag}`]: p[`tagSize${Et(D)}`]
+      [`& .${s.tag}`]: p[`tagSize${Et(R)}`]
     }, {
       [`& .${s.inputRoot}`]: p.inputRoot
     }, {
       [`& .${s.input}`]: p.input
     }, {
       [`& .${s.input}`]: N && p.inputFocused
-    }, p.root, f && p.fullWidth, V && p.hasPopupIcon, S && p.hasClearIcon];
+    }, p.root, f && p.fullWidth, F && p.hasPopupIcon, S && p.hasClearIcon];
   }
 })({
   [`&.${s.focused} .${s.clearIndicator}`]: {
@@ -717,7 +716,7 @@ const ro = (n) => {
       padding: "4px 4px 4px 0px"
     }
   },
-  [`& .${st.root}.${pe.sizeSmall}`]: {
+  [`& .${st.root}.${ue.sizeSmall}`]: {
     [`& .${st.input}`]: {
       padding: "2px 4px 3px 0"
     }
@@ -737,7 +736,7 @@ const ro = (n) => {
       right: 9
     }
   },
-  [`& .${Ct.root}.${pe.sizeSmall}`]: {
+  [`& .${Ct.root}.${ue.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,
@@ -747,7 +746,7 @@ const ro = (n) => {
       padding: "2.5px 4px 2.5px 8px"
     }
   },
-  [`& .${Ie.root}`]: {
+  [`& .${xe.root}`]: {
     paddingTop: 19,
     paddingLeft: 8,
     [`.${s.hasPopupIcon}&, .${s.hasClearIcon}&`]: {
@@ -756,23 +755,23 @@ const ro = (n) => {
     [`.${s.hasPopupIcon}.${s.hasClearIcon}&`]: {
       paddingRight: 65
     },
-    [`& .${Ie.input}`]: {
+    [`& .${xe.input}`]: {
       padding: "7px 4px"
     },
     [`& .${s.endAdornment}`]: {
       right: 9
     }
   },
-  [`& .${Ie.root}.${pe.sizeSmall}`]: {
+  [`& .${xe.root}.${ue.sizeSmall}`]: {
     paddingBottom: 1,
-    [`& .${Ie.input}`]: {
+    [`& .${xe.input}`]: {
       padding: "2.5px 4px"
     }
   },
-  [`& .${pe.hiddenLabel}`]: {
+  [`& .${ue.hiddenLabel}`]: {
     paddingTop: 8
   },
-  [`& .${Ie.root}.${pe.hiddenLabel}`]: {
+  [`& .${xe.root}.${ue.hiddenLabel}`]: {
     paddingTop: 0,
     paddingBottom: 0,
     [`& .${s.input}`]: {
@@ -780,7 +779,7 @@ const ro = (n) => {
       paddingBottom: 17
     }
   },
-  [`& .${Ie.root}.${pe.hiddenLabel}.${pe.sizeSmall}`]: {
+  [`& .${xe.root}.${ue.hiddenLabel}.${ue.sizeSmall}`]: {
     [`& .${s.input}`]: {
       paddingTop: 8,
       paddingBottom: 9
@@ -874,7 +873,7 @@ const ro = (n) => {
       [`& .${s.option}`]: p.option
     }, p.popper, g.disablePortal && p.popperDisablePortal];
   }
-})(xe(({
+})(ye(({
   theme: n
 }) => ({
   zIndex: (n.vars || n).zIndex.modal,
@@ -889,7 +888,7 @@ const ro = (n) => {
 }))), uo = B(Dt, {
   name: "MuiAutocomplete",
   slot: "Paper"
-})(xe(({
+})(ye(({
   theme: n
 }) => ({
   ...n.typography.body1,
@@ -897,7 +896,7 @@ const ro = (n) => {
 }))), co = B("div", {
   name: "MuiAutocomplete",
   slot: "Loading"
-})(xe(({
+})(ye(({
   theme: n
 }) => ({
   color: (n.vars || n).palette.text.secondary,
@@ -905,7 +904,7 @@ const ro = (n) => {
 }))), fo = B("div", {
   name: "MuiAutocomplete",
   slot: "NoOptions"
-})(xe(({
+})(ye(({
   theme: n
 }) => ({
   color: (n.vars || n).palette.text.secondary,
@@ -913,7 +912,7 @@ const ro = (n) => {
 }))), go = B("ul", {
   name: "MuiAutocomplete",
   slot: "Listbox"
-})(xe(({
+})(ye(({
   theme: n
 }) => ({
   listStyle: "none",
@@ -970,7 +969,7 @@ const ro = (n) => {
 }))), mo = B(Xt, {
   name: "MuiAutocomplete",
   slot: "GroupLabel"
-})(xe(({
+})(ye(({
   theme: n
 }) => ({
   backgroundColor: (n.vars || n).palette.background.paper,
@@ -989,36 +988,36 @@ const ro = (n) => {
     name: "MuiAutocomplete"
   }), {
     autoComplete: S = !1,
-    autoHighlight: V = !1,
+    autoHighlight: F = !1,
     autoSelect: N = !1,
-    blurOnSelect: D = !1,
+    blurOnSelect: R = !1,
     ChipProps: U,
     className: O,
     clearIcon: A = vt || (vt = /* @__PURE__ */ $(Bt, {
       fontSize: "small"
     })),
-    clearOnBlur: F = !f.freeSolo,
-    clearOnEscape: ue = !1,
+    clearOnBlur: H = !f.freeSolo,
+    clearOnEscape: ce = !1,
     clearText: v = "Clear",
-    closeText: Le = "Close",
-    componentsProps: ke,
+    closeText: ke = "Close",
+    componentsProps: De,
     defaultValue: ct = f.multiple ? [] : null,
-    disableClearable: De = !1,
-    disableCloseOnSelect: ce = !1,
+    disableClearable: Ge = !1,
+    disableCloseOnSelect: de = !1,
     disabled: W = !1,
     disabledItemsFocusable: dt = !1,
     disableListWrap: Ke = !1,
-    disablePortal: re = !1,
+    disablePortal: ae = !1,
     filterOptions: qe,
     filterSelectedOptions: ft = !1,
-    forcePopupIcon: ye = "auto",
+    forcePopupIcon: Oe = "auto",
     freeSolo: Re = !1,
-    fullWidth: Y = !1,
+    fullWidth: Q = !1,
     getLimitTagsText: u = (c) => `+${c}`,
     getOptionDisabled: _e,
     getOptionKey: Je,
     getOptionLabel: Ee,
-    isOptionEqualToValue: Q,
+    isOptionEqualToValue: Z,
     groupBy: Ne,
     handleHomeEndKeys: gt = !f.freeSolo,
     id: mt,
@@ -1027,140 +1026,140 @@ const ro = (n) => {
     limitTags: L = -1,
     ListboxComponent: Xe,
     ListboxProps: Me,
-    loading: R = !1,
+    loading: E = !1,
     loadingText: P = "Loading…",
-    multiple: Oe = !1,
-    noOptionsText: Pe = "No options",
+    multiple: Pe = !1,
+    noOptionsText: Ce = "No options",
     onChange: b,
     onClose: M,
-    onHighlightChange: Ce,
+    onHighlightChange: $e,
     onInputChange: bt,
-    onOpen: E,
-    open: Ve,
+    onOpen: k,
+    open: K,
     openOnFocus: Ye = !1,
     openText: T = "Open",
     options: It,
-    PaperComponent: i,
-    PopperComponent: $e,
+    PaperComponent: l,
+    PopperComponent: Ae,
     popupIcon: d = Lt || (Lt = /* @__PURE__ */ $(jt, {})),
-    readOnly: ae = !1,
-    renderGroup: de,
-    renderInput: Fe,
-    renderOption: fe,
-    renderTags: K,
-    renderValue: le,
+    readOnly: le = !1,
+    renderGroup: fe,
+    renderInput: Ve,
+    renderOption: ge,
+    renderTags: q,
+    renderValue: ie,
     selectOnFocus: xt = !f.freeSolo,
-    size: ge = "medium",
-    slots: He = {},
+    size: me = "medium",
+    slots: Fe = {},
     slotProps: w = {},
     value: m,
-    ...H
+    ...z
   } = f, {
-    getRootProps: ze,
-    getInputProps: z,
+    getRootProps: He,
+    getInputProps: V,
     getInputLabelProps: Qe,
-    getPopupIndicatorProps: q,
+    getPopupIndicatorProps: _,
     getClearProps: j,
-    getItemProps: je,
+    getItemProps: ze,
     getListboxProps: Ze,
-    getOptionProps: Ae,
-    value: Z,
-    dirty: _,
-    expanded: ie,
-    id: J,
-    popupOpen: X,
-    focused: ee,
+    getOptionProps: Te,
+    value: ee,
+    dirty: J,
+    expanded: se,
+    id: X,
+    popupOpen: Y,
+    focused: te,
     focusedItem: et,
-    anchorEl: se,
-    setAnchorEl: Be,
+    anchorEl: pe,
+    setAnchorEl: je,
     inputValue: tt,
-    groupedOptions: me
+    groupedOptions: he
   } = oo({
     ...f,
     componentName: "Autocomplete"
-  }), he = !De && !W && _ && !ae, Te = (!Re || ye === !0) && ye !== !1, {
+  }), be = !Ge && !W && J && !le, we = (!Re || Oe === !0) && Oe !== !1, {
     onMouseDown: ot
-  } = z(), {
+  } = V(), {
     ref: nt,
     ...rt
-  } = Ze(), we = Ee || ((c) => c.label ?? c), x = {
+  } = Ze(), Se = Ee || ((c) => c.label ?? c), x = {
     ...f,
-    disablePortal: re,
-    expanded: ie,
-    focused: ee,
-    fullWidth: Y,
-    getOptionLabel: we,
-    hasClearIcon: he,
-    hasPopupIcon: Te,
+    disablePortal: ae,
+    expanded: se,
+    focused: te,
+    fullWidth: Q,
+    getOptionLabel: Se,
+    hasClearIcon: be,
+    hasPopupIcon: we,
     inputFocused: et === -1,
-    popupOpen: X,
-    size: ge
-  }, C = ro(x), te = {
+    popupOpen: Y,
+    size: me
+  }, C = ro(x), oe = {
     slots: {
-      paper: i,
-      popper: $e,
-      ...He
+      paper: l,
+      popper: Ae,
+      ...Fe
     },
     slotProps: {
       chip: U,
       listbox: Me,
-      ...ke,
+      ...De,
       ...w
     }
-  }, [lt, Se] = pt("listbox", {
+  }, [lt, ve] = pt("listbox", {
     elementType: go,
-    externalForwardedProps: te,
+    externalForwardedProps: oe,
     ownerState: x,
     className: C.listbox,
     additionalProps: rt,
     ref: nt
-  }), [Ue, t] = pt("paper", {
+  }), [Be, t] = pt("paper", {
     elementType: Dt,
-    externalForwardedProps: te,
+    externalForwardedProps: oe,
     ownerState: x,
     className: C.paper
   }), [e, r] = pt("popper", {
     elementType: Rt,
-    externalForwardedProps: te,
+    externalForwardedProps: oe,
     ownerState: x,
     className: C.popper,
     additionalProps: {
-      disablePortal: re,
+      disablePortal: ae,
       style: {
-        width: se ? se.clientWidth : null
+        width: pe ? pe.clientWidth : null
       },
       role: "presentation",
-      anchorEl: se,
-      open: X
+      anchorEl: pe,
+      open: Y
     }
   });
   let a;
-  const l = (c) => ({
+  const i = (c) => ({
     className: C.tag,
     disabled: W,
-    ...je(c)
+    ...ze(c)
   });
-  if (Oe ? Z.length > 0 && (K ? a = K(Z, l, x) : le ? a = le(Z, l, x) : a = Z.map((c, oe) => {
+  if (Pe ? ee.length > 0 && (q ? a = q(ee, i, x) : ie ? a = ie(ee, i, x) : a = ee.map((c, ne) => {
     const {
-      key: ne,
-      ...ve
-    } = l({
-      index: oe
+      key: re,
+      ...Le
+    } = i({
+      index: ne
     });
     return /* @__PURE__ */ $(_t, {
-      label: we(c),
-      size: ge,
-      ...ve,
-      ...te.slotProps.chip
-    }, ne);
-  })) : le && Z != null && (a = le(Z, l, x)), L > -1 && Array.isArray(a)) {
+      label: Se(c),
+      size: me,
+      ...Le,
+      ...oe.slotProps.chip
+    }, re);
+  })) : ie && ee != null && (a = ie(ee, i, x)), L > -1 && Array.isArray(a)) {
     const c = a.length - L;
-    !ee && c > 0 && (a = a.splice(0, L), a.push(/* @__PURE__ */ $("span", {
+    !te && c > 0 && (a = a.splice(0, L), a.push(/* @__PURE__ */ $("span", {
       className: C.tag,
       children: u(c)
     }, a.length)));
   }
-  const I = de || ((c) => /* @__PURE__ */ We("li", {
+  const I = fe || ((c) => /* @__PURE__ */ Ue("li", {
     children: [/* @__PURE__ */ $(mo, {
       className: C.groupLabel,
       ownerState: x,
@@ -1171,53 +1170,53 @@ const ro = (n) => {
       ownerState: x,
       children: c.children
     })]
-  }, c.key)), be = fe || ((c, oe) => {
+  }, c.key)), Ie = ge || ((c, ne) => {
     const {
-      key: ne,
-      ...ve
+      key: re,
+      ...Le
     } = c;
     return /* @__PURE__ */ $("li", {
-      ...ve,
-      children: we(oe)
-    }, ne);
-  }), yt = (c, oe) => {
-    const ne = Ae({
+      ...Le,
+      children: Se(ne)
+    }, re);
+  }), yt = (c, ne) => {
+    const re = Te({
       option: c,
-      index: oe
+      index: ne
     });
-    return be({
-      ...ne,
+    return Ie({
+      ...re,
       className: C.option
     }, c, {
-      selected: ne["aria-selected"],
-      index: oe,
+      selected: re["aria-selected"],
+      index: ne,
       inputValue: tt
     }, x);
-  }, Ot = te.slotProps.clearIndicator, Pt = te.slotProps.popupIndicator;
-  return /* @__PURE__ */ We(y.Fragment, {
+  }, Ot = oe.slotProps.clearIndicator, Pt = oe.slotProps.popupIndicator;
+  return /* @__PURE__ */ Ue(y.Fragment, {
     children: [/* @__PURE__ */ $(ao, {
       ref: g,
       className: it(C.root, O),
       ownerState: x,
-      ...ze(H),
-      children: Fe({
-        id: J,
+      ...He(z),
+      children: Ve({
+        id: X,
         disabled: W,
         fullWidth: !0,
-        size: ge === "small" ? "small" : void 0,
+        size: me === "small" ? "small" : void 0,
         InputLabelProps: Qe(),
         InputProps: {
-          ref: Be,
+          ref: je,
           className: C.inputRoot,
           startAdornment: a,
           onMouseDown: (c) => {
             c.target === c.currentTarget && ot(c);
           },
-          ...(he || Te) && {
-            endAdornment: /* @__PURE__ */ We(lo, {
+          ...(be || we) && {
+            endAdornment: /* @__PURE__ */ Ue(lo, {
               className: C.endAdornment,
               ownerState: x,
-              children: [he ? /* @__PURE__ */ $(io, {
+              children: [be ? /* @__PURE__ */ $(io, {
                 ...j(),
                 "aria-label": v,
                 title: v,
@@ -1225,11 +1224,11 @@ const ro = (n) => {
                 ...Ot,
                 className: it(C.clearIndicator, Ot?.className),
                 children: A
-              }) : null, Te ? /* @__PURE__ */ $(so, {
-                ...q(),
+              }) : null, we ? /* @__PURE__ */ $(so, {
+                ..._(),
                 disabled: W,
-                "aria-label": X ? Le : T,
-                title: X ? Le : T,
+                "aria-label": Y ? ke : T,
+                title: Y ? ke : T,
                 ownerState: x,
                 ...Pt,
                 className: it(C.popupIndicator, Pt?.className),
@@ -1241,36 +1240,36 @@ const ro = (n) => {
         inputProps: {
           className: C.input,
           disabled: W,
-          readOnly: ae,
-          ...z()
+          readOnly: le,
+          ...V()
         }
       })
-    }), se ? /* @__PURE__ */ $(po, {
+    }), pe ? /* @__PURE__ */ $(po, {
       as: e,
       ...r,
-      children: /* @__PURE__ */ We(uo, {
-        as: Ue,
+      children: /* @__PURE__ */ Ue(uo, {
+        as: Be,
         ...t,
-        children: [R && me.length === 0 ? /* @__PURE__ */ $(co, {
+        children: [E && he.length === 0 ? /* @__PURE__ */ $(co, {
           className: C.loading,
           ownerState: x,
           children: P
-        }) : null, me.length === 0 && !Re && !R ? /* @__PURE__ */ $(fo, {
+        }) : null, he.length === 0 && !Re && !E ? /* @__PURE__ */ $(fo, {
           className: C.noOptions,
           ownerState: x,
           role: "presentation",
           onMouseDown: (c) => {
             c.preventDefault();
           },
-          children: Pe
-        }) : null, me.length > 0 ? /* @__PURE__ */ $(lt, {
+          children: Ce
+        }) : null, he.length > 0 ? /* @__PURE__ */ $(lt, {
           as: Xe,
-          ...Se,
-          children: me.map((c, oe) => Ne ? I({
+          ...ve,
+          children: he.map((c, ne) => Ne ? I({
             key: c.key,
             group: c.group,
-            children: c.options.map((ne, ve) => yt(ne, c.index + ve))
-          }) : yt(c, oe))
+            children: c.options.map((re, Le) => yt(re, c.index + Le))
+          }) : yt(c, ne))
         }) : null]
       })
     }) : null]
@@ -1738,21 +1737,21 @@ function Io(n, p) {
     color: g = "primary",
     size: f = "small",
     placeholder: S,
-    error: V,
+    error: F,
     name: N,
-    renderInput: D = (F) => {
-      const { ref: ue, ...v } = F.InputProps;
+    renderInput: R = (H) => {
+      const { ref: ce, ...v } = H.InputProps;
       return /* @__PURE__ */ $(
         Ft,
         {
-          ref: ue,
+          ref: ce,
           ...v,
-          inputProps: F.inputProps,
-          inputRef: F.inputProps.ref,
+          inputProps: H.inputProps,
+          inputRef: H.inputProps.ref,
           placeholder: S,
           color: g,
           size: f,
-          error: V,
+          error: F,
           name: N,
           sx: {
             ...A.multiple && {
@@ -1778,7 +1777,7 @@ function Io(n, p) {
     {
       ref: p,
       ...A,
-      renderInput: D,
+      renderInput: R,
       popupIcon: U,
       clearIcon: O
     }