@clearstory/drywall-react 5.2.1 → 5.3.0

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

@@ -1,4 +1,4 @@
-import { jsx as $, jsxs as Ue } from "react/jsx-runtime";
+import { jsx as $, jsxs as Be } 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,12 +6,13 @@ import "./icons/ClearstoryIcon.js";
 import "./icons/InternalOnlyIcon.js";
 import "./icons/MoneyBucketIcon.js";
 import "./icons/MoreCircleOutlineIcon.js";
+import "./icons/SparkleIcon.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-B5q5ym9h.js";
-import { c as it } from "./clsx-OuTLNxxd.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 lt } from "./clsx-OuTLNxxd.js";
+import { A as jt, f as xe, o as Ct, i as st } from "./ArrowDropDown-CpR6Sb-x.js";
+import { i as ce } from "./InputBase-C6Ryue4Q.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";
@@ -20,15 +21,15 @@ 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 We } from "./useEventCallback-BAQJJ3ye.js";
+import { u as Ue } from "./useEventCallback-BAQJJ3ye.js";
 import { s as qt } from "./Portal-DdS5LtfN.js";
-import { s as B } from "./styled-BKpRY52y.js";
+import { s as U } 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 { C as _t } from "./Chip-DAwDUQgy.js";
 import { h as Et } from "./createTheme-Cr8frjQ0.js";
 import { c as Jt } from "./composeClasses-2Ou-RZJr.js";
-import { I as Nt } from "./IconButton-C233MDPx.js";
+import { I as Nt } from "./IconButton-CxPeGp7M.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";
@@ -52,13 +53,13 @@ function Qt(n = {}) {
     trim: N = !1
   } = n;
   return (R, {
-    inputValue: U,
+    inputValue: W,
     getOptionLabel: O
   }) => {
-    let A = N ? U.trim() : U;
+    let A = N ? W.trim() : W;
     g && (A = A.toLowerCase()), p && (A = Tt(A));
-    const H = A ? R.filter((ce) => {
-      let v = (F || O)(ce);
+    const H = A ? R.filter((de) => {
+      let v = (F || O)(de);
       return g && (v = v.toLowerCase()), p && (v = Tt(v)), S === "start" ? v.startsWith(A) : v.includes(A);
     }) : R;
     return typeof f == "number" ? H.slice(0, f) : H;
@@ -82,43 +83,43 @@ function oo(n) {
     autoSelect: F = !1,
     blurOnSelect: N = !1,
     clearOnBlur: R = !n.freeSolo,
-    clearOnEscape: U = !1,
+    clearOnEscape: W = !1,
     componentName: O = "useAutocomplete",
     defaultValue: A = n.multiple ? to : null,
     disableClearable: H = !1,
-    disableCloseOnSelect: ce = !1,
+    disableCloseOnSelect: de = !1,
     disabled: v,
-    disabledItemsFocusable: ke = !1,
-    disableListWrap: De = !1,
+    disabledItemsFocusable: Le = !1,
+    disableListWrap: ke = !1,
     filterOptions: ct = Zt,
-    filterSelectedOptions: Ge = !1,
-    freeSolo: de = !1,
-    getOptionDisabled: W,
+    filterSelectedOptions: We = !1,
+    freeSolo: Z = !1,
+    getOptionDisabled: G,
     getOptionKey: dt,
-    getOptionLabel: Ke = (t) => t.label ?? t,
-    groupBy: ae,
-    handleHomeEndKeys: qe = !n.freeSolo,
+    getOptionLabel: Ge = (t) => t.label ?? t,
+    groupBy: ie,
+    handleHomeEndKeys: Ke = !n.freeSolo,
     id: ft,
     includeInputInList: Oe = !1,
-    inputValue: Re,
-    isOptionEqualToValue: Q = (t, e) => t === e,
+    inputValue: De,
+    isOptionEqualToValue: ee = (t, e) => t === e,
     multiple: u = !1,
-    onChange: _e,
-    onClose: Je,
-    onHighlightChange: Ee,
-    onInputChange: Z,
-    onOpen: Ne,
+    onChange: qe,
+    onClose: _e,
+    onHighlightChange: Re,
+    onInputChange: M,
+    onOpen: Ee,
     open: gt,
     openOnFocus: mt = !1,
     options: ht,
-    readOnly: G = !1,
+    readOnly: q = !1,
     renderValue: L,
-    selectOnFocus: Xe = !n.freeSolo,
-    value: Me
+    selectOnFocus: Je = !n.freeSolo,
+    value: Ne
   } = n, E = Gt(ft);
-  let P = Ke;
+  let P = Ge;
   P = (t) => {
-    const e = Ke(t);
+    const e = Ge(t);
     if (typeof e != "string") {
       if (process.env.NODE_ENV !== "production") {
         const r = e === void 0 ? "undefined" : `${typeof e} (${e})`;
@@ -128,43 +129,43 @@ function oo(n) {
     }
     return e;
   };
-  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,
+  const Pe = y.useRef(!1), Ce = y.useRef(!0), b = y.useRef(null), V = y.useRef(null), [$e, bt] = y.useState(null), [k, le] = y.useState(-1), Xe = S ? 0 : -1, T = y.useRef(Xe), It = y.useRef(St(A ?? Ne, u, P)).current, [i, Ye] = ut({
+    controlled: Ne,
     default: A,
     name: O
-  }), [d, le] = ut({
-    controlled: Re,
+  }), [d, _] = ut({
+    controlled: De,
     default: It,
     name: O,
     state: "inputValue"
-  }), [fe, Ve] = y.useState(!1), ge = y.useCallback((t, e, r) => {
-    if (!(u ? l.length < e.length : e !== null) && !R)
+  }), [fe, Me] = y.useState(!1), ge = y.useCallback((t, e, r) => {
+    if (!(u ? i.length < e.length : e !== null) && !R)
       return;
-    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({
+    const l = St(e, u, P, L);
+    d !== l && (_(l), M && M(t, l, r));
+  }, [P, d, u, M, _, R, i, L]), [J, se] = ut({
     controlled: gt,
     default: !1,
     name: O,
     state: "open"
-  }), [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)))),
+  }), [xt, me] = y.useState(!0), Ve = !u && i != null && d === P(i), w = J && !q, m = w ? ct(
+    ht.filter((t) => !(We && (u ? i : [i]).some((e) => e !== null && ee(t, e)))),
     // we use the empty string to manipulate `filterOptions` to not filter any options
     // i.e. the filter predicate always returns true
     {
-      inputValue: Fe && xt ? "" : d,
+      inputValue: Ve && xt ? "" : d,
       getOptionLabel: P
     }
   ) : [], z = Kt({
     filteredOptions: m,
-    value: l,
+    value: i,
     inputValue: d
   });
   y.useEffect(() => {
-    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) => {
+    const t = i !== z.value;
+    fe && !t || Z && !t || ge(null, i, "reset");
+  }, [i, ge, fe, z.value, Z]);
+  const Fe = J && m.length > 0 && !q, K = Ue((t) => {
     if (t === -1)
       b.current.focus();
     else {
@@ -173,42 +174,42 @@ function oo(n) {
     }
   });
   y.useEffect(() => {
-    u && k > l.length - 1 && (K(-1), V(-1));
-  }, [l, u, k, V]);
+    u && k > i.length - 1 && (le(-1), K(-1));
+  }, [i, u, k, K]);
   function Qe(t, e) {
-    if (!M.current || t < 0 || t >= m.length)
+    if (!V.current || t < 0 || t >= m.length)
       return -1;
     let r = t;
     for (; ; ) {
-      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)
+      const a = V.current.querySelector(`[data-option-index="${r}"]`), l = Le ? !1 : !a || a.disabled || a.getAttribute("aria-disabled") === "true";
+      if (a && a.hasAttribute("tabindex") && !l)
         return r;
       if (e === "next" ? r = (r + 1) % m.length : r = (r - 1 + m.length) % m.length, r === t)
         return -1;
     }
   }
-  const _ = We(({
+  const X = Ue(({
     event: t,
     index: e,
     reason: r
   }) => {
-    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)
+    if (T.current = e, e === -1 ? b.current.removeAttribute("aria-activedescendant") : b.current.setAttribute("aria-activedescendant", `${E}-option-${e}`), Re && ["mouse", "keyboard", "touch"].includes(r) && Re(t, e === -1 ? null : m[e], r), !V.current)
       return;
-    const a = M.current.querySelector(`[role="option"].${g}-focused`);
+    const a = V.current.querySelector(`[role="option"].${g}-focused`);
     a && (a.classList.remove(`${g}-focused`), a.classList.remove(`${g}-focusVisible`));
-    let i = M.current;
-    if (M.current.getAttribute("role") !== "listbox" && (i = M.current.parentElement.querySelector('[role="listbox"]')), !i)
+    let l = V.current;
+    if (V.current.getAttribute("role") !== "listbox" && (l = V.current.parentElement.querySelector('[role="listbox"]')), !l)
       return;
     if (e === -1) {
-      i.scrollTop = 0;
+      l.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`), 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));
+    const h = V.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, D = l.clientHeight + l.scrollTop, Ie = I.offsetTop + I.offsetHeight;
+      Ie > D ? l.scrollTop = Ie - l.clientHeight : I.offsetTop - I.offsetHeight * (ie ? 1.3 : 0) < l.scrollTop && (l.scrollTop = I.offsetTop - I.offsetHeight * (ie ? 1.3 : 0));
     }
-  }), j = We(({
+  }), j = Ue(({
     event: t,
     diff: e,
     direction: r = "next",
@@ -219,15 +220,15 @@ function oo(n) {
     const h = Qe((() => {
       const I = m.length - 1;
       if (e === "reset")
-        return Ye;
+        return Xe;
       if (e === "start")
         return 0;
       if (e === "end")
         return I;
       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;
+      return D < 0 ? D === -1 && Oe ? -1 : ke && T.current !== -1 || Math.abs(e) > 1 ? 0 : I : D > I ? D === I + 1 && Oe ? -1 : ke || Math.abs(e) > 1 ? I : 0 : D;
     })(), r);
-    if (_({
+    if (X({
       index: h,
       reason: a,
       event: t
@@ -238,26 +239,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);
       }
-  }), ze = !At({
+  }), He = !At({
     array1: z.filteredOptions,
     array2: m,
     parser: P
   }), Ze = () => {
     const t = (e, r) => {
-      const a = e ? P(e) : "", i = r ? P(r) : "";
-      return a === i;
+      const a = e ? P(e) : "", l = r ? P(r) : "";
+      return a === l;
     };
     if (T.current !== -1 && !At({
       array1: z.filteredOptions,
       array2: m,
       parser: P
-    }) && z.inputValue === d && (u ? l.length === z.value.length && z.value.every((e, r) => P(l[r]) === P(e)) : t(z.value, l))) {
+    }) && z.inputValue === d && (u ? i.length === z.value.length && z.value.every((e, r) => P(i[r]) === P(e)) : t(z.value, i))) {
       const e = z.filteredOptions[T.current];
       if (e)
         return m.findIndex((r) => P(r) === P(e));
     }
     return -1;
-  }, Te = y.useCallback(() => {
+  }, Ae = y.useCallback(() => {
     if (!w)
       return;
     const t = Ze();
@@ -265,33 +266,33 @@ function oo(n) {
       T.current = t;
       return;
     }
-    const e = u ? l[0] : l;
+    const e = u ? i[0] : i;
     if (m.length === 0 || e == null) {
       j({
         diff: "reset"
       });
       return;
     }
-    if (M.current) {
+    if (V.current) {
       if (e != null) {
         const r = m[T.current];
-        if (u && r && l.findIndex((i) => Q(r, i)) !== -1)
+        if (u && r && i.findIndex((l) => ee(r, l)) !== -1)
           return;
-        const a = m.findIndex((i) => Q(i, e));
+        const a = m.findIndex((l) => ee(l, e));
         a === -1 ? j({
           diff: "reset"
-        }) : _({
+        }) : X({
           index: a
         });
         return;
       }
       if (T.current >= m.length - 1) {
-        _({
+        X({
           index: m.length - 1
         });
         return;
       }
-      _({
+      X({
         index: T.current
       });
     }
@@ -300,75 +301,75 @@ 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 : l,
+    u ? !1 : i,
     j,
-    _,
+    X,
     w,
     d,
     u
-  ]), ee = We((t) => {
-    qt(M, t), t && Te();
+  ]), te = Ue((t) => {
+    qt(V, t), t && Ae();
   });
   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(() => {
-    (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) => {
+    (He || w) && Ae();
+  }, [Ae, He, w]);
+  const Y = (t) => {
+    J || (se(!0), me(!0), Ee && Ee(t));
+  }, pe = (t, e) => {
+    J && (se(!1), _e && _e(t, e));
+  }, B = (t, e, r, a) => {
     if (u) {
-      if (l.length === e.length && l.every((i, h) => i === e[h]))
+      if (i.length === e.length && i.every((l, h) => l === e[h]))
         return;
-    } else if (l === e)
+    } else if (i === e)
       return;
-    _e && _e(t, e, r, a), Ae(e);
-  }, Y = y.useRef(!1), te = (t, e, r = "selectOption", a = "options") => {
-    let i = r, h = e;
+    qe && qe(t, e, r, a), Ye(e);
+  }, Q = y.useRef(!1), oe = (t, e, r = "selectOption", a = "options") => {
+    let l = r, h = e;
     if (u) {
-      if (h = Array.isArray(l) ? l.slice() : [], process.env.NODE_ENV !== "production") {
-        const D = h.filter((Ie) => Q(e, Ie));
+      if (h = Array.isArray(i) ? i.slice() : [], process.env.NODE_ENV !== "production") {
+        const D = h.filter((Ie) => ee(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((D) => Q(e, D));
-      I === -1 ? h.push(e) : a !== "freeSolo" && (h.splice(I, 1), i = "removeOption");
+      const I = h.findIndex((D) => ee(e, D));
+      I === -1 ? h.push(e) : a !== "freeSolo" && (h.splice(I, 1), l = "removeOption");
     }
-    ge(t, h, i), X(t, h, i, {
+    ge(t, h, l), B(t, h, l, {
       option: e
-    }), !ce && (!t || !t.ctrlKey && !t.metaKey) && se(t, i), (N === !0 || N === "touch" && Y.current || N === "mouse" && !Y.current) && b.current.blur();
+    }), !de && (!t || !t.ctrlKey && !t.metaKey) && pe(t, l), (N === !0 || N === "touch" && Q.current || N === "mouse" && !Q.current) && b.current.blur();
   };
   function et(t, e) {
     if (t === -1)
       return -1;
     let r = t;
     for (; ; ) {
-      if (e === "next" && r === l.length || e === "previous" && r === -1)
+      if (e === "next" && r === i.length || e === "previous" && r === -1)
         return -1;
-      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")
+      const a = L ? "data-item-index" : "data-tag-index", l = $e.querySelector(`[${a}="${r}"]`);
+      if (!l || !l.hasAttribute("tabindex") || l.disabled || l.getAttribute("aria-disabled") === "true")
         r += e === "next" ? 1 : -1;
       else
         return r;
     }
   }
-  const pe = (t, e) => {
+  const ue = (t, e) => {
     if (!u)
       return;
-    d === "" && se(t, "toggleInput");
+    d === "" && pe(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");
+    k === -1 && e === "previous" ? (r = i.length - 1, Z && d !== "" && (_(""), M && M(t, "", "reset"))) : (r += e === "next" ? 1 : -1, r < 0 && (r = 0), r === i.length && (r = -1)), r = et(r, e), le(r), K(r);
+  }, ze = (t) => {
+    Pe.current = !0, _(""), M && M(t, "", "clear"), B(t, u ? [] : null, "clear");
   }, tt = (t) => (e) => {
-    if (t.onKeyDown && t.onKeyDown(e), !e.defaultMuiPrevented && (k !== -1 && !["ArrowLeft", "ArrowRight"].includes(e.key) && (K(-1), V(-1)), e.which !== 229))
+    if (t.onKeyDown && t.onKeyDown(e), !e.defaultMuiPrevented && (k !== -1 && !["ArrowLeft", "ArrowRight"].includes(e.key) && (le(-1), K(-1)), e.which !== 229))
       switch (e.key) {
         case "Home":
-          w && qe && (e.preventDefault(), j({
+          w && Ke && (e.preventDefault(), j({
             diff: "start",
             direction: "next",
             reason: "keyboard",
@@ -376,7 +377,7 @@ function oo(n) {
           }));
           break;
         case "End":
-          w && qe && (e.preventDefault(), j({
+          w && Ke && (e.preventDefault(), j({
             diff: "end",
             direction: "previous",
             reason: "keyboard",
@@ -389,7 +390,7 @@ function oo(n) {
             direction: "previous",
             reason: "keyboard",
             event: e
-          }), J(e);
+          }), Y(e);
           break;
         case "PageDown":
           e.preventDefault(), j({
@@ -397,7 +398,7 @@ function oo(n) {
             direction: "next",
             reason: "keyboard",
             event: e
-          }), J(e);
+          }), Y(e);
           break;
         case "ArrowDown":
           e.preventDefault(), j({
@@ -405,7 +406,7 @@ function oo(n) {
             direction: "next",
             reason: "keyboard",
             event: e
-          }), J(e);
+          }), Y(e);
           break;
         case "ArrowUp":
           e.preventDefault(), j({
@@ -413,100 +414,108 @@ function oo(n) {
             direction: "previous",
             reason: "keyboard",
             event: e
-          }), J(e);
+          }), Y(e);
           break;
-        case "ArrowLeft":
-          !u && L && l != null ? (K(0), V(0)) : pe(e, "previous");
+        case "ArrowLeft": {
+          const r = b.current;
+          if (!(r && r.selectionStart === 0 && r.selectionEnd === 0))
+            return;
+          !u && L && i != null ? (Z && d !== "" && (_(""), M && M(e, "", "reset")), le(0), K(0)) : ue(e, "previous");
           break;
+        }
         case "ArrowRight":
-          !u && L ? (K(-1), V(-1)) : pe(e, "next");
+          !u && L ? (le(-1), K(-1)) : ue(e, "next");
           break;
         case "Enter":
           if (T.current !== -1 && w) {
-            const r = m[T.current], a = W ? W(r) : !1;
+            const r = m[T.current], a = G ? G(r) : !1;
             if (e.preventDefault(), a)
               return;
-            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"));
+            oe(e, r, "selectOption"), f && b.current.setSelectionRange(b.current.value.length, b.current.value.length);
+          } else Z && d !== "" && Ve === !1 && (u && e.preventDefault(), oe(e, d, "createOption", "freeSolo"));
           break;
         case "Escape":
-          w ? (e.preventDefault(), e.stopPropagation(), se(e, "escape")) : U && (d !== "" || u && l.length > 0 || L) && (e.preventDefault(), e.stopPropagation(), je(e));
+          w ? (e.preventDefault(), e.stopPropagation(), pe(e, "escape")) : W && (d !== "" || u && i.length > 0 || L) && (e.preventDefault(), e.stopPropagation(), ze(e));
           break;
         case "Backspace":
-          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]
+          if (u && !q && d === "" && i.length > 0) {
+            const r = k === -1 ? i.length - 1 : k, a = i.slice();
+            a.splice(r, 1), B(e, a, "removeOption", {
+              option: i[r]
             });
           }
-          !u && L && !G && (Ae(null), K(-1), V(-1));
+          !u && L && !q && d === "" && B(e, null, "removeOption", {
+            option: i
+          });
           break;
         case "Delete":
-          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]
+          if (u && !q && d === "" && i.length > 0 && k !== -1) {
+            const r = k, a = i.slice();
+            a.splice(r, 1), B(e, a, "removeOption", {
+              option: i[r]
             });
           }
-          !u && L && !G && (Ae(null), K(-1), V(-1));
+          !u && L && !q && d === "" && B(e, null, "removeOption", {
+            option: i
+          });
           break;
       }
   }, he = (t) => {
-    Ve(!0), k !== -1 && (K(-1), V(-1)), mt && !Pe.current && J(t);
+    Me(!0), k !== -1 && (le(-1), K(-1)), mt && !Pe.current && Y(t);
   }, be = (t) => {
-    if (p(M)) {
+    if (p(V)) {
       b.current.focus();
       return;
     }
-    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) => {
+    Me(!1), Ce.current = !0, Pe.current = !1, F && T.current !== -1 && w ? oe(t, m[T.current], "blur") : F && Z && d !== "" ? oe(t, d, "blur", "freeSolo") : R && ge(t, i, "blur"), pe(t, "blur");
+  }, Te = (t) => {
     const e = t.target.value;
-    d !== e && (le(e), me(!1), Z && Z(t, e, "input")), e === "" ? !H && !u && X(t, null, "clear") : J(t);
+    d !== e && (_(e), me(!1), M && M(t, e, "input")), e === "" ? !H && !u && !L && B(t, null, "clear") : Y(t);
   }, ot = (t) => {
     const e = Number(t.currentTarget.getAttribute("data-option-index"));
-    T.current !== e && _({
+    T.current !== e && X({
       event: t,
       index: e,
       reason: "mouse"
     });
   }, nt = (t) => {
-    _({
+    X({
       event: t,
       index: Number(t.currentTarget.getAttribute("data-option-index")),
       reason: "touch"
-    }), Y.current = !0;
+    }), Q.current = !0;
   }, rt = (t) => {
     const e = Number(t.currentTarget.getAttribute("data-option-index"));
-    te(t, m[e], "selectOption"), Y.current = !1;
+    oe(t, m[e], "selectOption"), Q.current = !1;
   }, at = (t) => (e) => {
-    const r = l.slice();
-    r.splice(t, 1), X(e, r, "removeOption", {
-      option: l[t]
+    const r = i.slice();
+    r.splice(t, 1), B(e, r, "removeOption", {
+      option: i[t]
     });
-  }, Se = (t) => {
-    X(t, null, "removeOption", {
-      option: l
+  }, we = (t) => {
+    B(t, null, "removeOption", {
+      option: i
     });
   }, x = (t) => {
-    q ? se(t, "toggleInput") : J(t);
+    J ? pe(t, "toggleInput") : Y(t);
   }, C = (t) => {
     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 === "" || !q) && x(t);
+  }, ne = (t) => {
+    t.currentTarget.contains(t.target) && (b.current.focus(), Je && Ce.current && b.current.selectionEnd - b.current.selectionStart === 0 && b.current.select(), Ce.current = !1);
+  }, it = (t) => {
+    !v && (d === "" || !J) && x(t);
   };
-  let ve = de && d.length > 0;
-  ve = ve || (u ? l.length > 0 : l !== null);
-  let Be = m;
-  if (ae) {
+  let Se = Z && d.length > 0;
+  Se = Se || (u ? i.length > 0 : i !== null);
+  let je = m;
+  if (ie) {
     const t = /* @__PURE__ */ new Map();
     let e = !1;
-    Be = m.reduce((r, a, i) => {
-      const h = ae(a);
+    je = m.reduce((r, a, l) => {
+      const h = ie(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: i,
-        index: i,
+        key: l,
+        index: l,
         group: h,
         options: [a]
       })), r;
@@ -517,7 +526,7 @@ function oo(n) {
       ...t,
       onKeyDown: tt(t),
       onMouseDown: C,
-      onClick: oe
+      onClick: ne
     }),
     getInputLabelProps: () => ({
       id: `${E}-label`,
@@ -528,14 +537,14 @@ function oo(n) {
       value: d,
       onBlur: be,
       onFocus: he,
-      onChange: we,
-      onMouseDown: lt,
+      onChange: Te,
+      onMouseDown: it,
       // 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": He ? `${E}-listbox` : void 0,
-      "aria-expanded": He,
+      "aria-controls": Fe ? `${E}-listbox` : void 0,
+      "aria-expanded": Fe,
       // Disable browser's suggestion that might overlap with the popup.
       // Handle autocomplete but not autofill.
       autoComplete: "off",
@@ -548,7 +557,7 @@ function oo(n) {
     getClearProps: () => ({
       tabIndex: -1,
       type: "button",
-      onClick: je
+      onClick: ze
     }),
     getItemProps: ({
       index: t = 0
@@ -562,8 +571,8 @@ function oo(n) {
         "data-tag-index": t
       },
       tabIndex: -1,
-      ...!G && {
-        onDelete: u ? at(t) : Se
+      ...!q && {
+        onDelete: u ? at(t) : we
       }
     }),
     getPopupIndicatorProps: () => ({
@@ -578,7 +587,7 @@ function oo(n) {
       key: t,
       "data-tag-index": t,
       tabIndex: -1,
-      ...!G && {
+      ...!q && {
         onDelete: at(t)
       }
     }),
@@ -586,7 +595,7 @@ function oo(n) {
       role: "listbox",
       id: `${E}-listbox`,
       "aria-labelledby": `${E}-label`,
-      ref: ee,
+      ref: te,
       onMouseDown: (t) => {
         t.preventDefault();
       }
@@ -595,7 +604,7 @@ function oo(n) {
       index: t,
       option: e
     }) => {
-      const r = (u ? l : [l]).some((i) => i != null && Q(e, i)), a = W ? W(e) : !1;
+      const r = (u ? i : [i]).some((l) => l != null && ee(e, l)), a = G ? G(e) : !1;
       return {
         key: dt?.(e) ?? P(e),
         tabIndex: -1,
@@ -611,8 +620,8 @@ function oo(n) {
     },
     id: E,
     inputValue: d,
-    value: l,
-    dirty: ve,
+    value: i,
+    dirty: Se,
     expanded: w && $e,
     popupOpen: w,
     focused: fe || k !== -1,
@@ -621,7 +630,7 @@ function oo(n) {
     focusedItem: k,
     // deprecated
     focusedTag: k,
-    groupedOptions: Be
+    groupedOptions: je
   };
 }
 function no(n) {
@@ -638,13 +647,13 @@ const ro = (n) => {
     fullWidth: F,
     hasClearIcon: N,
     hasPopupIcon: R,
-    inputFocused: U,
+    inputFocused: W,
     popupOpen: O,
     size: A
   } = n, H = {
     root: ["root", f && "expanded", S && "focused", F && "fullWidth", N && "hasClearIcon", R && "hasPopupIcon"],
     inputRoot: ["inputRoot"],
-    input: ["input", U && "inputFocused"],
+    input: ["input", W && "inputFocused"],
     tag: ["tag", `tagSize${Et(A)}`],
     endAdornment: ["endAdornment"],
     clearIndicator: ["clearIndicator"],
@@ -659,7 +668,7 @@ const ro = (n) => {
     groupUl: ["groupUl"]
   };
   return Jt(H, no, p);
-}, ao = B("div", {
+}, ao = U("div", {
   name: "MuiAutocomplete",
   slot: "Root",
   overridesResolver: (n, p) => {
@@ -716,7 +725,7 @@ const ro = (n) => {
       padding: "4px 4px 4px 0px"
     }
   },
-  [`& .${st.root}.${ue.sizeSmall}`]: {
+  [`& .${st.root}.${ce.sizeSmall}`]: {
     [`& .${st.input}`]: {
       padding: "2px 4px 3px 0"
     }
@@ -736,7 +745,7 @@ const ro = (n) => {
       right: 9
     }
   },
-  [`& .${Ct.root}.${ue.sizeSmall}`]: {
+  [`& .${Ct.root}.${ce.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,
@@ -762,16 +771,16 @@ const ro = (n) => {
       right: 9
     }
   },
-  [`& .${xe.root}.${ue.sizeSmall}`]: {
+  [`& .${xe.root}.${ce.sizeSmall}`]: {
     paddingBottom: 1,
     [`& .${xe.input}`]: {
       padding: "2.5px 4px"
     }
   },
-  [`& .${ue.hiddenLabel}`]: {
+  [`& .${ce.hiddenLabel}`]: {
     paddingTop: 8
   },
-  [`& .${xe.root}.${ue.hiddenLabel}`]: {
+  [`& .${xe.root}.${ce.hiddenLabel}`]: {
     paddingTop: 0,
     paddingBottom: 0,
     [`& .${s.input}`]: {
@@ -779,7 +788,7 @@ const ro = (n) => {
       paddingBottom: 17
     }
   },
-  [`& .${xe.root}.${ue.hiddenLabel}.${ue.sizeSmall}`]: {
+  [`& .${xe.root}.${ce.hiddenLabel}.${ce.sizeSmall}`]: {
     [`& .${s.input}`]: {
       paddingTop: 8,
       paddingBottom: 9
@@ -826,7 +835,7 @@ const ro = (n) => {
       }
     }
   }]
-}), lo = B("div", {
+}), io = U("div", {
   name: "MuiAutocomplete",
   slot: "EndAdornment"
 })({
@@ -835,14 +844,14 @@ const ro = (n) => {
   right: 0,
   top: "50%",
   transform: "translate(0, -50%)"
-}), io = B(Nt, {
+}), lo = U(Nt, {
   name: "MuiAutocomplete",
   slot: "ClearIndicator"
 })({
   marginRight: -2,
   padding: 4,
   visibility: "hidden"
-}), so = B(Nt, {
+}), so = U(Nt, {
   name: "MuiAutocomplete",
   slot: "PopupIndicator",
   overridesResolver: (n, p) => {
@@ -862,7 +871,7 @@ const ro = (n) => {
       transform: "rotate(180deg)"
     }
   }]
-}), po = B(Rt, {
+}), po = U(Rt, {
   name: "MuiAutocomplete",
   slot: "Popper",
   overridesResolver: (n, p) => {
@@ -885,7 +894,7 @@ const ro = (n) => {
       position: "absolute"
     }
   }]
-}))), uo = B(Dt, {
+}))), uo = U(Dt, {
   name: "MuiAutocomplete",
   slot: "Paper"
 })(ye(({
@@ -893,7 +902,7 @@ const ro = (n) => {
 }) => ({
   ...n.typography.body1,
   overflow: "auto"
-}))), co = B("div", {
+}))), co = U("div", {
   name: "MuiAutocomplete",
   slot: "Loading"
 })(ye(({
@@ -901,7 +910,7 @@ const ro = (n) => {
 }) => ({
   color: (n.vars || n).palette.text.secondary,
   padding: "14px 16px"
-}))), fo = B("div", {
+}))), fo = U("div", {
   name: "MuiAutocomplete",
   slot: "NoOptions"
 })(ye(({
@@ -909,7 +918,7 @@ const ro = (n) => {
 }) => ({
   color: (n.vars || n).palette.text.secondary,
   padding: "14px 16px"
-}))), go = B("ul", {
+}))), go = U("ul", {
   name: "MuiAutocomplete",
   slot: "Listbox"
 })(ye(({
@@ -966,7 +975,7 @@ const ro = (n) => {
       }
     }
   }
-}))), mo = B(Xt, {
+}))), mo = U(Xt, {
   name: "MuiAutocomplete",
   slot: "GroupLabel"
 })(ye(({
@@ -974,7 +983,7 @@ const ro = (n) => {
 }) => ({
   backgroundColor: (n.vars || n).palette.background.paper,
   top: -8
-}))), ho = B("ul", {
+}))), ho = U("ul", {
   name: "MuiAutocomplete",
   slot: "GroupUl"
 })({
@@ -991,175 +1000,175 @@ const ro = (n) => {
     autoHighlight: F = !1,
     autoSelect: N = !1,
     blurOnSelect: R = !1,
-    ChipProps: U,
+    ChipProps: W,
     className: O,
     clearIcon: A = vt || (vt = /* @__PURE__ */ $(Bt, {
       fontSize: "small"
     })),
     clearOnBlur: H = !f.freeSolo,
-    clearOnEscape: ce = !1,
+    clearOnEscape: de = !1,
     clearText: v = "Clear",
-    closeText: ke = "Close",
-    componentsProps: De,
+    closeText: Le = "Close",
+    componentsProps: ke,
     defaultValue: ct = f.multiple ? [] : null,
-    disableClearable: Ge = !1,
-    disableCloseOnSelect: de = !1,
-    disabled: W = !1,
+    disableClearable: We = !1,
+    disableCloseOnSelect: Z = !1,
+    disabled: G = !1,
     disabledItemsFocusable: dt = !1,
-    disableListWrap: Ke = !1,
-    disablePortal: ae = !1,
-    filterOptions: qe,
+    disableListWrap: Ge = !1,
+    disablePortal: ie = !1,
+    filterOptions: Ke,
     filterSelectedOptions: ft = !1,
     forcePopupIcon: Oe = "auto",
-    freeSolo: Re = !1,
-    fullWidth: Q = !1,
+    freeSolo: De = !1,
+    fullWidth: ee = !1,
     getLimitTagsText: u = (c) => `+${c}`,
-    getOptionDisabled: _e,
-    getOptionKey: Je,
-    getOptionLabel: Ee,
-    isOptionEqualToValue: Z,
-    groupBy: Ne,
+    getOptionDisabled: qe,
+    getOptionKey: _e,
+    getOptionLabel: Re,
+    isOptionEqualToValue: M,
+    groupBy: Ee,
     handleHomeEndKeys: gt = !f.freeSolo,
     id: mt,
     includeInputInList: ht = !1,
-    inputValue: G,
+    inputValue: q,
     limitTags: L = -1,
-    ListboxComponent: Xe,
-    ListboxProps: Me,
+    ListboxComponent: Je,
+    ListboxProps: Ne,
     loading: E = !1,
     loadingText: P = "Loading…",
     multiple: Pe = !1,
     noOptionsText: Ce = "No options",
     onChange: b,
-    onClose: M,
+    onClose: V,
     onHighlightChange: $e,
     onInputChange: bt,
     onOpen: k,
-    open: K,
-    openOnFocus: Ye = !1,
+    open: le,
+    openOnFocus: Xe = !1,
     openText: T = "Open",
     options: It,
-    PaperComponent: l,
-    PopperComponent: Ae,
+    PaperComponent: i,
+    PopperComponent: Ye,
     popupIcon: d = Lt || (Lt = /* @__PURE__ */ $(jt, {})),
-    readOnly: le = !1,
+    readOnly: _ = !1,
     renderGroup: fe,
-    renderInput: Ve,
+    renderInput: Me,
     renderOption: ge,
-    renderTags: q,
-    renderValue: ie,
+    renderTags: J,
+    renderValue: se,
     selectOnFocus: xt = !f.freeSolo,
     size: me = "medium",
-    slots: Fe = {},
+    slots: Ve = {},
     slotProps: w = {},
     value: m,
     ...z
   } = f, {
-    getRootProps: He,
-    getInputProps: V,
+    getRootProps: Fe,
+    getInputProps: K,
     getInputLabelProps: Qe,
-    getPopupIndicatorProps: _,
+    getPopupIndicatorProps: X,
     getClearProps: j,
-    getItemProps: ze,
+    getItemProps: He,
     getListboxProps: Ze,
-    getOptionProps: Te,
-    value: ee,
-    dirty: J,
-    expanded: se,
-    id: X,
-    popupOpen: Y,
-    focused: te,
+    getOptionProps: Ae,
+    value: te,
+    dirty: Y,
+    expanded: pe,
+    id: B,
+    popupOpen: Q,
+    focused: oe,
     focusedItem: et,
-    anchorEl: pe,
-    setAnchorEl: je,
+    anchorEl: ue,
+    setAnchorEl: ze,
     inputValue: tt,
     groupedOptions: he
   } = oo({
     ...f,
     componentName: "Autocomplete"
-  }), be = !Ge && !W && J && !le, we = (!Re || Oe === !0) && Oe !== !1, {
+  }), be = !We && !G && Y && !_, Te = (!De || Oe === !0) && Oe !== !1, {
     onMouseDown: ot
-  } = V(), {
+  } = K(), {
     ref: nt,
     ...rt
-  } = Ze(), Se = Ee || ((c) => c.label ?? c), x = {
+  } = Ze(), we = Re || ((c) => c.label ?? c), x = {
     ...f,
-    disablePortal: ae,
-    expanded: se,
-    focused: te,
-    fullWidth: Q,
-    getOptionLabel: Se,
+    disablePortal: ie,
+    expanded: pe,
+    focused: oe,
+    fullWidth: ee,
+    getOptionLabel: we,
     hasClearIcon: be,
-    hasPopupIcon: we,
+    hasPopupIcon: Te,
     inputFocused: et === -1,
-    popupOpen: Y,
+    popupOpen: Q,
     size: me
-  }, C = ro(x), oe = {
+  }, C = ro(x), ne = {
     slots: {
-      paper: l,
-      popper: Ae,
-      ...Fe
+      paper: i,
+      popper: Ye,
+      ...Ve
     },
     slotProps: {
-      chip: U,
-      listbox: Me,
-      ...De,
+      chip: W,
+      listbox: Ne,
+      ...ke,
       ...w
     }
-  }, [lt, ve] = pt("listbox", {
+  }, [it, Se] = pt("listbox", {
     elementType: go,
-    externalForwardedProps: oe,
+    externalForwardedProps: ne,
     ownerState: x,
     className: C.listbox,
     additionalProps: rt,
     ref: nt
-  }), [Be, t] = pt("paper", {
+  }), [je, t] = pt("paper", {
     elementType: Dt,
-    externalForwardedProps: oe,
+    externalForwardedProps: ne,
     ownerState: x,
     className: C.paper
   }), [e, r] = pt("popper", {
     elementType: Rt,
-    externalForwardedProps: oe,
+    externalForwardedProps: ne,
     ownerState: x,
     className: C.popper,
     additionalProps: {
-      disablePortal: ae,
+      disablePortal: ie,
       style: {
-        width: pe ? pe.clientWidth : null
+        width: ue ? ue.clientWidth : null
       },
       role: "presentation",
-      anchorEl: pe,
-      open: Y
+      anchorEl: ue,
+      open: Q
     }
   });
   let a;
-  const i = (c) => ({
+  const l = (c) => ({
     className: C.tag,
-    disabled: W,
-    ...ze(c)
+    disabled: G,
+    ...He(c)
   });
-  if (Pe ? ee.length > 0 && (q ? a = q(ee, i, x) : ie ? a = ie(ee, i, x) : a = ee.map((c, ne) => {
+  if (Pe ? te.length > 0 && (J ? a = J(te, l, x) : se ? a = se(te, l, x) : a = te.map((c, re) => {
     const {
-      key: re,
-      ...Le
-    } = i({
-      index: ne
+      key: ae,
+      ...ve
+    } = l({
+      index: re
     });
     return /* @__PURE__ */ $(_t, {
-      label: Se(c),
+      label: we(c),
       size: me,
-      ...Le,
-      ...oe.slotProps.chip
-    }, re);
-  })) : ie && ee != null && (a = ie(ee, i, x)), L > -1 && Array.isArray(a)) {
+      ...ve,
+      ...ne.slotProps.chip
+    }, ae);
+  })) : se && te != null && (a = se(te, l, x)), L > -1 && Array.isArray(a)) {
     const c = a.length - L;
-    !te && c > 0 && (a = a.splice(0, L), a.push(/* @__PURE__ */ $("span", {
+    !oe && c > 0 && (a = a.splice(0, L), a.push(/* @__PURE__ */ $("span", {
       className: C.tag,
       children: u(c)
     }, a.length)));
   }
-  const I = fe || ((c) => /* @__PURE__ */ Ue("li", {
+  const I = fe || ((c) => /* @__PURE__ */ Be("li", {
     children: [/* @__PURE__ */ $(mo, {
       className: C.groupLabel,
       ownerState: x,
@@ -1170,68 +1179,68 @@ const ro = (n) => {
       ownerState: x,
       children: c.children
     })]
-  }, c.key)), Ie = ge || ((c, ne) => {
+  }, c.key)), Ie = ge || ((c, re) => {
     const {
-      key: re,
-      ...Le
+      key: ae,
+      ...ve
     } = c;
     return /* @__PURE__ */ $("li", {
-      ...Le,
-      children: Se(ne)
-    }, re);
-  }), yt = (c, ne) => {
-    const re = Te({
+      ...ve,
+      children: we(re)
+    }, ae);
+  }), yt = (c, re) => {
+    const ae = Ae({
       option: c,
-      index: ne
+      index: re
     });
     return Ie({
-      ...re,
+      ...ae,
       className: C.option
     }, c, {
-      selected: re["aria-selected"],
-      index: ne,
+      selected: ae["aria-selected"],
+      index: re,
       inputValue: tt
     }, x);
-  }, Ot = oe.slotProps.clearIndicator, Pt = oe.slotProps.popupIndicator;
-  return /* @__PURE__ */ Ue(y.Fragment, {
+  }, Ot = ne.slotProps.clearIndicator, Pt = ne.slotProps.popupIndicator;
+  return /* @__PURE__ */ Be(y.Fragment, {
     children: [/* @__PURE__ */ $(ao, {
       ref: g,
-      className: it(C.root, O),
+      className: lt(C.root, O),
       ownerState: x,
-      ...He(z),
-      children: Ve({
-        id: X,
-        disabled: W,
+      ...Fe(z),
+      children: Me({
+        id: B,
+        disabled: G,
         fullWidth: !0,
         size: me === "small" ? "small" : void 0,
         InputLabelProps: Qe(),
         InputProps: {
-          ref: je,
+          ref: ze,
           className: C.inputRoot,
           startAdornment: a,
           onMouseDown: (c) => {
             c.target === c.currentTarget && ot(c);
           },
-          ...(be || we) && {
-            endAdornment: /* @__PURE__ */ Ue(lo, {
+          ...(be || Te) && {
+            endAdornment: /* @__PURE__ */ Be(io, {
               className: C.endAdornment,
               ownerState: x,
-              children: [be ? /* @__PURE__ */ $(io, {
+              children: [be ? /* @__PURE__ */ $(lo, {
                 ...j(),
                 "aria-label": v,
                 title: v,
                 ownerState: x,
                 ...Ot,
-                className: it(C.clearIndicator, Ot?.className),
+                className: lt(C.clearIndicator, Ot?.className),
                 children: A
-              }) : null, we ? /* @__PURE__ */ $(so, {
-                ..._(),
-                disabled: W,
-                "aria-label": Y ? ke : T,
-                title: Y ? ke : T,
+              }) : null, Te ? /* @__PURE__ */ $(so, {
+                ...X(),
+                disabled: G,
+                "aria-label": Q ? Le : T,
+                title: Q ? Le : T,
                 ownerState: x,
                 ...Pt,
-                className: it(C.popupIndicator, Pt?.className),
+                className: lt(C.popupIndicator, Pt?.className),
                 children: d
               }) : null]
             })
@@ -1239,22 +1248,22 @@ const ro = (n) => {
         },
         inputProps: {
           className: C.input,
-          disabled: W,
-          readOnly: le,
-          ...V()
+          disabled: G,
+          readOnly: _,
+          ...K()
         }
       })
-    }), pe ? /* @__PURE__ */ $(po, {
+    }), ue ? /* @__PURE__ */ $(po, {
       as: e,
       ...r,
-      children: /* @__PURE__ */ Ue(uo, {
-        as: Be,
+      children: /* @__PURE__ */ Be(uo, {
+        as: je,
         ...t,
         children: [E && he.length === 0 ? /* @__PURE__ */ $(co, {
           className: C.loading,
           ownerState: x,
           children: P
-        }) : null, he.length === 0 && !Re && !E ? /* @__PURE__ */ $(fo, {
+        }) : null, he.length === 0 && !De && !E ? /* @__PURE__ */ $(fo, {
           className: C.noOptions,
           ownerState: x,
           role: "presentation",
@@ -1262,14 +1271,14 @@ const ro = (n) => {
             c.preventDefault();
           },
           children: Ce
-        }) : null, he.length > 0 ? /* @__PURE__ */ $(lt, {
-          as: Xe,
-          ...ve,
-          children: he.map((c, ne) => Ne ? I({
+        }) : null, he.length > 0 ? /* @__PURE__ */ $(it, {
+          as: Je,
+          ...Se,
+          children: he.map((c, re) => Ee ? I({
             key: c.key,
             group: c.group,
-            children: c.options.map((re, Le) => yt(re, c.index + Le))
-          }) : yt(c, ne))
+            children: c.options.map((ae, ve) => yt(ae, c.index + ve))
+          }) : yt(c, re))
         }) : null]
       })
     }) : null]
@@ -1740,11 +1749,11 @@ function Io(n, p) {
     error: F,
     name: N,
     renderInput: R = (H) => {
-      const { ref: ce, ...v } = H.InputProps;
+      const { ref: de, ...v } = H.InputProps;
       return /* @__PURE__ */ $(
         Ft,
         {
-          ref: ce,
+          ref: de,
           ...v,
           inputProps: H.inputProps,
           inputRef: H.inputProps.ref,
@@ -1768,7 +1777,7 @@ function Io(n, p) {
         }
       );
     },
-    popupIcon: U = /* @__PURE__ */ $(Ht, {}),
+    popupIcon: W = /* @__PURE__ */ $(Ht, {}),
     clearIcon: O = /* @__PURE__ */ $(zt, {}),
     ...A
   } = n;
@@ -1778,7 +1787,7 @@ function Io(n, p) {
       ref: p,
       ...A,
       renderInput: R,
-      popupIcon: U,
+      popupIcon: W,
       clearIcon: O
     }
   );