@pismo/marola 1.0.0-beta.12 → 1.0.0-beta.14

package/dist/components/Autocomplete/Autocomplete.js

@@ -1,30 +1,30 @@
 import '../../assets/Autocomplete.css';
-import { jsxs as He, jsx as T } from "react/jsx-runtime";
+import { jsxs as Fe, jsx as $ } from "react/jsx-runtime";
 import * as g from "react";
-import { useId as pt, useState as Fe } from "react";
-import { c as Z } from "../../clsx-DB4S2d7J.js";
-import { Icon as qe } from "../Icon/Icon.js";
+import { useId as pt, useState as qe } from "react";
+import { c as ee } from "../../clsx-DB4S2d7J.js";
+import { Icon as Be } from "../Icon/Icon.js";
 import { s as P, I as gt } from "../../Input.module-ZTRZRcNt.js";
-import { Typography as Be } from "../Typography/Typography.js";
-import { b as Ke, s as ht } from "../../useSlotProps-kRhf7Gil.js";
+import { Typography as Ke } from "../Typography/Typography.js";
+import { b as Ue, s as ht } from "../../useSlotProps-kRhf7Gil.js";
 import { u as mt } from "../../useId-BW-oWmul.js";
-import { u as Te } from "../../useControlled-CCMYYdCM.js";
-import { u as he } from "../../useEventCallback-BAQJJ3ye.js";
+import { u as $e } from "../../useControlled-CCMYYdCM.js";
+import { u as me } from "../../useEventCallback-BAQJJ3ye.js";
 const bt = (u) => {
   const b = g.useRef({});
   return g.useEffect(() => {
     b.current = u;
   }), b.current;
 };
-function Ue(u) {
+function je(u) {
   return typeof u.normalize < "u" ? u.normalize("NFD").replace(/[\u0300-\u036f]/g, "") : u;
 }
 function xt(u = {}) {
   const {
     ignoreAccents: b = !0,
     ignoreCase: h = !0,
-    limit: $,
-    matchFrom: A = "any",
+    limit: A,
+    matchFrom: D = "any",
     stringify: H,
     trim: V = !1
   } = u;
@@ -33,21 +33,21 @@ function xt(u = {}) {
     getOptionLabel: m
   }) => {
     let I = V ? F.trim() : F;
-    h && (I = I.toLowerCase()), b && (I = Ue(I));
-    const U = I ? M.filter((Y) => {
+    h && (I = I.toLowerCase()), b && (I = je(I));
+    const q = I ? M.filter((Y) => {
       let _ = (H || m)(Y);
-      return h && (_ = _.toLowerCase()), b && (_ = Ue(_)), A === "start" ? _.indexOf(I) === 0 : _.indexOf(I) > -1;
+      return h && (_ = _.toLowerCase()), b && (_ = je(_)), D === "start" ? _.indexOf(I) === 0 : _.indexOf(I) > -1;
     }) : M;
-    return typeof $ == "number" ? U.slice(0, $) : U;
+    return typeof A == "number" ? q.slice(0, A) : q;
   };
 }
-function me(u, b) {
+function be(u, b) {
   for (let h = 0; h < u.length; h += 1)
     if (b(u[h]))
       return h;
   return -1;
 }
-const yt = xt(), je = 5, Ot = (u) => {
+const yt = xt(), ze = 5, Ot = (u) => {
   var b;
   return u.current !== null && ((b = u.current.parentElement) == null ? void 0 : b.contains(document.activeElement));
 };
@@ -57,47 +57,47 @@ function It(u) {
     unstable_isActiveElementInListbox: b = Ot,
     // eslint-disable-next-line @typescript-eslint/naming-convention
     unstable_classNamePrefix: h = "Mui",
-    autoComplete: $ = !1,
-    autoHighlight: A = !1,
+    autoComplete: A = !1,
+    autoHighlight: D = !1,
     autoSelect: H = !1,
     blurOnSelect: V = !1,
     clearOnBlur: M = !u.freeSolo,
     clearOnEscape: F = !1,
     componentName: m = "useAutocomplete",
     defaultValue: I = u.multiple ? [] : null,
-    disableClearable: U = !1,
+    disableClearable: q = !1,
     disableCloseOnSelect: Y = !1,
     disabled: _,
-    disabledItemsFocusable: be = !1,
-    disableListWrap: ee = !1,
-    filterOptions: xe = yt,
-    filterSelectedOptions: te = !1,
+    disabledItemsFocusable: xe = !1,
+    disableListWrap: te = !1,
+    filterOptions: ye = yt,
+    filterSelectedOptions: ne = !1,
     freeSolo: R = !1,
-    getOptionDisabled: q,
-    getOptionKey: ne,
+    getOptionDisabled: U,
+    getOptionKey: W,
     getOptionLabel: re = (t) => {
       var e;
       return (e = t.label) != null ? e : t;
     },
     groupBy: j,
     handleHomeEndKeys: oe = !u.freeSolo,
-    id: ye,
+    id: Oe,
     includeInputInList: se = !1,
-    inputValue: Oe,
-    isOptionEqualToValue: D = (t, e) => t === e,
+    inputValue: Ie,
+    isOptionEqualToValue: E = (t, e) => t === e,
     multiple: i = !1,
-    onChange: W,
-    onClose: ie,
+    onChange: ie,
+    onClose: X,
     onHighlightChange: le,
-    onInputChange: E,
-    onOpen: c,
-    open: v,
-    openOnFocus: Je = !1,
-    options: Ie,
-    readOnly: X = !1,
+    onInputChange: v,
+    onOpen: ae,
+    open: c,
+    openOnFocus: T = !1,
+    options: _e,
+    readOnly: G = !1,
     selectOnFocus: Ye = !u.freeSolo,
     value: We
-  } = u, k = mt(ye);
+  } = u, k = mt(Oe);
   let y = re;
   y = (t) => {
     const e = re(t);
@@ -110,16 +110,16 @@ function It(u) {
     }
     return e;
   };
-  const _e = g.useRef(!1), we = g.useRef(!0), d = g.useRef(null), N = g.useRef(null), [ae, Xe] = g.useState(null), [S, ke] = g.useState(-1), $e = A ? 0 : -1, x = g.useRef($e), [r, Ge] = Te({
+  const we = g.useRef(!1), ke = g.useRef(!0), d = g.useRef(null), N = g.useRef(null), [ue, Xe] = g.useState(null), [S, Ne] = g.useState(-1), Ae = D ? 0 : -1, x = g.useRef(Ae), [r, Ge] = $e({
     controlled: We,
     default: I,
     name: m
-  }), [a, ue] = Te({
-    controlled: Oe,
+  }), [a, ce] = $e({
+    controlled: Ie,
     default: "",
     name: m,
     state: "inputValue"
-  }), [ce, Ae] = g.useState(!1), fe = g.useCallback((t, e) => {
+  }), [fe, De] = g.useState(!1), de = g.useCallback((t, e) => {
     if (!(i ? r.length < e.length : e !== null) && !M)
       return;
     let o;
@@ -131,18 +131,18 @@ function It(u) {
       const s = y(e);
       o = typeof s == "string" ? s : "";
     }
-    a !== o && (ue(o), E && E(t, o, "reset"));
-  }, [y, a, i, E, ue, M, r]), [z, De] = Te({
-    controlled: v,
+    a !== o && (ce(o), v && v(t, o, "reset"));
+  }, [y, a, i, v, ce, M, r]), [z, Ee] = $e({
+    controlled: c,
     default: !1,
     name: m,
     state: "open"
-  }), [Qe, Ee] = g.useState(!0), ve = !i && r != null && a === y(r), w = z && !X, f = w ? xe(
-    Ie.filter((t) => !(te && (i ? r : [r]).some((e) => e !== null && D(t, e)))),
+  }), [Qe, ve] = g.useState(!0), Ce = !i && r != null && a === y(r), w = z && !G, f = w ? ye(
+    _e.filter((t) => !(ne && (i ? r : [r]).some((e) => e !== null && E(t, e)))),
     // we use the empty string to manipulate `filterOptions` to not filter any options
     // i.e. the filter predicate always returns true
     {
-      inputValue: ve && Qe ? "" : a,
+      inputValue: Ce && Qe ? "" : a,
       getOptionLabel: y
     }
   ) : [], C = bt({
@@ -152,33 +152,33 @@ function It(u) {
   });
   g.useEffect(() => {
     const t = r !== C.value;
-    ce && !t || R && !t || fe(null, r);
-  }, [r, fe, ce, C.value, R]);
-  const Ne = z && f.length > 0 && !X;
-  if (process.env.NODE_ENV !== "production" && r !== null && !R && Ie.length > 0) {
-    const t = (i ? r : [r]).filter((e) => !Ie.some((n) => D(n, e)));
+    fe && !t || R && !t || de(null, r);
+  }, [r, de, fe, C.value, R]);
+  const Se = z && f.length > 0 && !G;
+  if (process.env.NODE_ENV !== "production" && r !== null && !R && _e.length > 0) {
+    const t = (i ? r : [r]).filter((e) => !_e.some((n) => E(n, e)));
     t.length > 0 && console.warn([`MUI: The value provided to ${m} is invalid.`, `None of the options match with \`${t.length > 1 ? JSON.stringify(t) : JSON.stringify(t[0])}\`.`, "You can use the `isOptionEqualToValue` prop to customize the equality test."].join(`
 `));
   }
-  const de = he((t) => {
-    t === -1 ? d.current.focus() : ae.querySelector(`[data-tag-index="${t}"]`).focus();
+  const pe = me((t) => {
+    t === -1 ? d.current.focus() : ue.querySelector(`[data-tag-index="${t}"]`).focus();
   });
   g.useEffect(() => {
-    i && S > r.length - 1 && (ke(-1), de(-1));
-  }, [r, i, S, de]);
+    i && S > r.length - 1 && (Ne(-1), pe(-1));
+  }, [r, i, S, pe]);
   function Ze(t, e) {
     if (!N.current || t < 0 || t >= f.length)
       return -1;
     let n = t;
     for (; ; ) {
-      const o = N.current.querySelector(`[data-option-index="${n}"]`), s = be ? !1 : !o || o.disabled || o.getAttribute("aria-disabled") === "true";
+      const o = N.current.querySelector(`[data-option-index="${n}"]`), s = xe ? !1 : !o || o.disabled || o.getAttribute("aria-disabled") === "true";
       if (o && o.hasAttribute("tabindex") && !s)
         return n;
       if (e === "next" ? n = (n + 1) % f.length : n = (n - 1 + f.length) % f.length, n === t)
         return -1;
     }
   }
-  const B = he(({
+  const B = me(({
     event: t,
     index: e,
     reason: n = "auto"
@@ -196,10 +196,10 @@ function It(u) {
     }
     const l = N.current.querySelector(`[data-option-index="${e}"]`);
     if (l && (l.classList.add(`${h}-focused`), n === "keyboard" && l.classList.add(`${h}-focusVisible`), s.scrollHeight > s.clientHeight && n !== "mouse" && n !== "touch")) {
-      const p = l, O = s.clientHeight + s.scrollTop, ge = p.offsetTop + p.offsetHeight;
-      ge > O ? s.scrollTop = ge - s.clientHeight : p.offsetTop - p.offsetHeight * (j ? 1.3 : 0) < s.scrollTop && (s.scrollTop = p.offsetTop - p.offsetHeight * (j ? 1.3 : 0));
+      const p = l, O = s.clientHeight + s.scrollTop, he = p.offsetTop + p.offsetHeight;
+      he > O ? s.scrollTop = he - s.clientHeight : p.offsetTop - p.offsetHeight * (j ? 1.3 : 0) < s.scrollTop && (s.scrollTop = p.offsetTop - p.offsetHeight * (j ? 1.3 : 0));
     }
-  }), L = he(({
+  }), L = me(({
     event: t,
     diff: e,
     direction: n = "next",
@@ -210,19 +210,19 @@ function It(u) {
     const l = Ze((() => {
       const p = f.length - 1;
       if (e === "reset")
-        return $e;
+        return Ae;
       if (e === "start")
         return 0;
       if (e === "end")
         return p;
       const O = x.current + e;
-      return O < 0 ? O === -1 && se ? -1 : ee && x.current !== -1 || Math.abs(e) > 1 ? 0 : p : O > p ? O === p + 1 && se ? -1 : ee || Math.abs(e) > 1 ? p : 0 : O;
+      return O < 0 ? O === -1 && se ? -1 : te && x.current !== -1 || Math.abs(e) > 1 ? 0 : p : O > p ? O === p + 1 && se ? -1 : te || Math.abs(e) > 1 ? p : 0 : O;
     })(), n);
     if (B({
       index: l,
       reason: o,
       event: t
-    }), $ && e !== "reset")
+    }), A && e !== "reset")
       if (l === -1)
         d.current.value = a;
       else {
@@ -237,10 +237,10 @@ function It(u) {
     if (x.current !== -1 && C.filteredOptions && C.filteredOptions.length !== f.length && C.inputValue === a && (i ? r.length === C.value.length && C.value.every((e, n) => y(r[n]) === y(e)) : t(C.value, r))) {
       const e = C.filteredOptions[x.current];
       if (e)
-        return me(f, (n) => y(n) === y(e));
+        return be(f, (n) => y(n) === y(e));
     }
     return -1;
-  }, Se = g.useCallback(() => {
+  }, Pe = g.useCallback(() => {
     if (!w)
       return;
     const t = et();
@@ -258,9 +258,9 @@ function It(u) {
     if (N.current) {
       if (e != null) {
         const n = f[x.current];
-        if (i && n && me(r, (s) => D(n, s)) !== -1)
+        if (i && n && be(r, (s) => E(n, s)) !== -1)
           return;
-        const o = me(f, (s) => D(s, e));
+        const o = be(f, (s) => E(s, e));
         o === -1 ? L({
           diff: "reset"
         }) : B({
@@ -284,47 +284,47 @@ function It(u) {
     // Don't sync the highlighted index with the value when multiple
     // eslint-disable-next-line react-hooks/exhaustive-deps
     i ? !1 : r,
-    te,
+    ne,
     L,
     B,
     w,
     a,
     i
-  ]), tt = he((t) => {
-    ht(N, t), t && Se();
+  ]), tt = me((t) => {
+    ht(N, t), t && Pe();
   });
   process.env.NODE_ENV !== "production" && g.useEffect(() => {
     (!d.current || d.current.nodeName !== "INPUT") && (d.current && d.current.nodeName === "TEXTAREA" ? console.warn([`A textarea element was provided to ${m} 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 ${d.current} while an HTMLInputElement was expected.`, `Instead, ${m} expects an input element.`, "", m === "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(`
 `)));
   }, [m]), g.useEffect(() => {
-    Se();
-  }, [Se]);
+    Pe();
+  }, [Pe]);
   const K = (t) => {
-    z || (De(!0), Ee(!0), c && c(t));
-  }, G = (t, e) => {
-    z && (De(!1), ie && ie(t, e));
+    z || (Ee(!0), ve(!0), ae && ae(t));
+  }, Q = (t, e) => {
+    z && (Ee(!1), X && X(t, e));
   }, J = (t, e, n, o) => {
     if (i) {
       if (r.length === e.length && r.every((s, l) => s === e[l]))
         return;
     } else if (r === e)
       return;
-    W && W(t, e, n, o), Ge(e);
-  }, pe = g.useRef(!1), Q = (t, e, n = "selectOption", o = "options") => {
+    ie && ie(t, e, n, o), Ge(e);
+  }, ge = g.useRef(!1), Z = (t, e, n = "selectOption", o = "options") => {
     let s = n, l = e;
     if (i) {
       if (l = Array.isArray(r) ? r.slice() : [], process.env.NODE_ENV !== "production") {
-        const O = l.filter((ge) => D(e, ge));
+        const O = l.filter((he) => E(e, he));
         O.length > 1 && console.error([`MUI: The \`isOptionEqualToValue\` method of ${m} does not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${O.length} matches.`].join(`
 `));
       }
-      const p = me(l, (O) => D(e, O));
+      const p = be(l, (O) => E(e, O));
       p === -1 ? l.push(e) : o !== "freeSolo" && (l.splice(p, 1), s = "removeOption");
     }
-    fe(t, l), J(t, l, s, {
+    de(t, l), J(t, l, s, {
       option: e
-    }), !Y && (!t || !t.ctrlKey && !t.metaKey) && G(t, s), (V === !0 || V === "touch" && pe.current || V === "mouse" && !pe.current) && d.current.blur();
+    }), !Y && (!t || !t.ctrlKey && !t.metaKey) && Q(t, s), (V === !0 || V === "touch" && ge.current || V === "mouse" && !ge.current) && d.current.blur();
   };
   function nt(t, e) {
     if (t === -1)
@@ -333,23 +333,23 @@ function It(u) {
     for (; ; ) {
       if (e === "next" && n === r.length || e === "previous" && n === -1)
         return -1;
-      const o = ae.querySelector(`[data-tag-index="${n}"]`);
+      const o = ue.querySelector(`[data-tag-index="${n}"]`);
       if (!o || !o.hasAttribute("tabindex") || o.disabled || o.getAttribute("aria-disabled") === "true")
         n += e === "next" ? 1 : -1;
       else
         return n;
     }
   }
-  const Ce = (t, e) => {
+  const Le = (t, e) => {
     if (!i)
       return;
-    a === "" && G(t, "toggleInput");
+    a === "" && Q(t, "toggleInput");
     let n = S;
-    S === -1 ? a === "" && e === "previous" && (n = r.length - 1) : (n += e === "next" ? 1 : -1, n < 0 && (n = 0), n === r.length && (n = -1)), n = nt(n, e), ke(n), de(n);
-  }, Le = (t) => {
-    _e.current = !0, ue(""), E && E(t, "", "clear"), J(t, i ? [] : null, "clear");
+    S === -1 ? a === "" && e === "previous" && (n = r.length - 1) : (n += e === "next" ? 1 : -1, n < 0 && (n = 0), n === r.length && (n = -1)), n = nt(n, e), Ne(n), pe(n);
+  }, Ve = (t) => {
+    we.current = !0, ce(""), v && v(t, "", "clear"), J(t, i ? [] : null, "clear");
   }, rt = (t) => (e) => {
-    if (t.onKeyDown && t.onKeyDown(e), !e.defaultMuiPrevented && (S !== -1 && ["ArrowLeft", "ArrowRight"].indexOf(e.key) === -1 && (ke(-1), de(-1)), e.which !== 229))
+    if (t.onKeyDown && t.onKeyDown(e), !e.defaultMuiPrevented && (S !== -1 && ["ArrowLeft", "ArrowRight"].indexOf(e.key) === -1 && (Ne(-1), pe(-1)), e.which !== 229))
       switch (e.key) {
         case "Home":
           w && oe && (e.preventDefault(), L({
@@ -369,7 +369,7 @@ function It(u) {
           break;
         case "PageUp":
           e.preventDefault(), L({
-            diff: -je,
+            diff: -ze,
             direction: "previous",
             reason: "keyboard",
             event: e
@@ -377,7 +377,7 @@ function It(u) {
           break;
         case "PageDown":
           e.preventDefault(), L({
-            diff: je,
+            diff: ze,
             direction: "next",
             reason: "keyboard",
             event: e
@@ -400,25 +400,25 @@ function It(u) {
           }), K(e);
           break;
         case "ArrowLeft":
-          Ce(e, "previous");
+          Le(e, "previous");
           break;
         case "ArrowRight":
-          Ce(e, "next");
+          Le(e, "next");
           break;
         case "Enter":
           if (x.current !== -1 && w) {
-            const n = f[x.current], o = q ? q(n) : !1;
+            const n = f[x.current], o = U ? U(n) : !1;
             if (e.preventDefault(), o)
               return;
-            Q(e, n, "selectOption"), $ && d.current.setSelectionRange(d.current.value.length, d.current.value.length);
+            Z(e, n, "selectOption"), A && d.current.setSelectionRange(d.current.value.length, d.current.value.length);
           } else
-            R && a !== "" && ve === !1 && (i && e.preventDefault(), Q(e, a, "createOption", "freeSolo"));
+            R && a !== "" && Ce === !1 && (i && e.preventDefault(), Z(e, a, "createOption", "freeSolo"));
           break;
         case "Escape":
-          w ? (e.preventDefault(), e.stopPropagation(), G(e, "escape")) : F && (a !== "" || i && r.length > 0) && (e.preventDefault(), e.stopPropagation(), Le(e));
+          w ? (e.preventDefault(), e.stopPropagation(), Q(e, "escape")) : F && (a !== "" || i && r.length > 0) && (e.preventDefault(), e.stopPropagation(), Ve(e));
           break;
         case "Backspace":
-          if (i && !X && a === "" && r.length > 0) {
+          if (i && !G && a === "" && r.length > 0) {
             const n = S === -1 ? r.length - 1 : S, o = r.slice();
             o.splice(n, 1), J(e, o, "removeOption", {
               option: r[n]
@@ -426,7 +426,7 @@ function It(u) {
           }
           break;
         case "Delete":
-          if (i && !X && a === "" && r.length > 0 && S !== -1) {
+          if (i && !G && a === "" && r.length > 0 && S !== -1) {
             const n = S, o = r.slice();
             o.splice(n, 1), J(e, o, "removeOption", {
               option: r[n]
@@ -435,16 +435,16 @@ function It(u) {
           break;
       }
   }, ot = (t) => {
-    Ae(!0), Je && !_e.current && K(t);
-  }, Ve = (t) => {
+    De(!0), T && !we.current && K(t);
+  }, Me = (t) => {
     if (b(N)) {
       d.current.focus();
       return;
     }
-    Ae(!1), we.current = !0, _e.current = !1, H && x.current !== -1 && w ? Q(t, f[x.current], "blur") : H && R && a !== "" ? Q(t, a, "blur", "freeSolo") : M && fe(t, r), G(t, "blur");
+    De(!1), ke.current = !0, we.current = !1, H && x.current !== -1 && w ? Z(t, f[x.current], "blur") : H && R && a !== "" ? Z(t, a, "blur", "freeSolo") : M && de(t, r), Q(t, "blur");
   }, st = (t) => {
     const e = t.target.value;
-    a !== e && (ue(e), Ee(!1), E && E(t, e, "input")), e === "" ? !U && !i && J(t, null, "clear") : K(t);
+    a !== e && (ce(e), ve(!1), v && v(t, e, "input")), e === "" ? !q && !i && J(t, null, "clear") : K(t);
   }, it = (t) => {
     const e = Number(t.currentTarget.getAttribute("data-option-index"));
     x.current !== e && B({
@@ -457,31 +457,31 @@ function It(u) {
       event: t,
       index: Number(t.currentTarget.getAttribute("data-option-index")),
       reason: "touch"
-    }), pe.current = !0;
+    }), ge.current = !0;
   }, at = (t) => {
     const e = Number(t.currentTarget.getAttribute("data-option-index"));
-    Q(t, f[e], "selectOption"), pe.current = !1;
+    Z(t, f[e], "selectOption"), ge.current = !1;
   }, ut = (t) => (e) => {
     const n = r.slice();
     n.splice(t, 1), J(e, n, "removeOption", {
       option: r[t]
     });
-  }, Me = (t) => {
-    z ? G(t, "toggleInput") : K(t);
+  }, Re = (t) => {
+    z ? Q(t, "toggleInput") : K(t);
   }, ct = (t) => {
     t.currentTarget.contains(t.target) && t.target.getAttribute("id") !== k && t.preventDefault();
   }, ft = (t) => {
-    t.currentTarget.contains(t.target) && (d.current.focus(), Ye && we.current && d.current.selectionEnd - d.current.selectionStart === 0 && d.current.select(), we.current = !1);
+    t.currentTarget.contains(t.target) && (d.current.focus(), Ye && ke.current && d.current.selectionEnd - d.current.selectionStart === 0 && d.current.select(), ke.current = !1);
   }, dt = (t) => {
-    !_ && (a === "" || !z) && Me(t);
+    !_ && (a === "" || !z) && Re(t);
   };
-  let Pe = R && a.length > 0;
-  Pe = Pe || (i ? r.length > 0 : r !== null);
-  let Re = f;
+  let Te = R && a.length > 0;
+  Te = Te || (i ? r.length > 0 : r !== null);
+  let He = f;
   if (j) {
     const t = /* @__PURE__ */ new Map();
     let e = !1;
-    Re = f.reduce((n, o, s) => {
+    He = f.reduce((n, o, s) => {
       const l = j(o);
       return n.length > 0 && n[n.length - 1].group === l ? n[n.length - 1].options.push(o) : (process.env.NODE_ENV !== "production" && (t.get(l) && !e && (console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${m} returns duplicated headers.`, "You can solve the issue by sorting the options with the output of `groupBy`."), e = !0), t.set(l, !0)), n.push({
         key: s,
@@ -491,9 +491,9 @@ function It(u) {
       })), n;
     }, []);
   }
-  return _ && ce && Ve(), {
-    getRootProps: (t = {}) => Ke({
-      "aria-owns": Ne ? `${k}-listbox` : null
+  return _ && fe && Me(), {
+    getRootProps: (t = {}) => Ue({
+      "aria-owns": Se ? `${k}-listbox` : null
     }, t, {
       onKeyDown: rt(t),
       onMouseDown: ct,
@@ -506,16 +506,16 @@ function It(u) {
     getInputProps: () => ({
       id: k,
       value: a,
-      onBlur: Ve,
+      onBlur: Me,
       onFocus: ot,
       onChange: st,
       onMouseDown: dt,
       // if open then this is handled imperatively so don't let react override
       // only have an opinion about this when closed
       "aria-activedescendant": w ? "" : null,
-      "aria-autocomplete": $ ? "both" : "list",
-      "aria-controls": Ne ? `${k}-listbox` : void 0,
-      "aria-expanded": Ne,
+      "aria-autocomplete": A ? "both" : "list",
+      "aria-controls": Se ? `${k}-listbox` : void 0,
+      "aria-expanded": Se,
       // Disable browser's suggestion that might overlap with the popup.
       // Handle autocomplete but not autofill.
       autoComplete: "off",
@@ -528,20 +528,20 @@ function It(u) {
     getClearProps: () => ({
       tabIndex: -1,
       type: "button",
-      onClick: Le
+      onClick: Ve
     }),
     getPopupIndicatorProps: () => ({
       tabIndex: -1,
       type: "button",
-      onClick: Me
+      onClick: Re
     }),
     getTagProps: ({
       index: t
-    }) => Ke({
+    }) => Ue({
       key: t,
       "data-tag-index": t,
       tabIndex: -1
-    }, !X && {
+    }, !G && {
       onDelete: ut(t)
     }),
     getListboxProps: () => ({
@@ -558,9 +558,9 @@ function It(u) {
       option: e
     }) => {
       var n;
-      const o = (i ? r : [r]).some((l) => l != null && D(e, l)), s = q ? q(e) : !1;
+      const o = (i ? r : [r]).some((l) => l != null && E(e, l)), s = U ? U(e) : !1;
       return {
-        key: (n = ne == null ? void 0 : ne(e)) != null ? n : y(e),
+        key: (n = W == null ? void 0 : W(e)) != null ? n : y(e),
         tabIndex: -1,
         role: "option",
         id: `${k}-option-${t}`,
@@ -575,17 +575,17 @@ function It(u) {
     id: k,
     inputValue: a,
     value: r,
-    dirty: Pe,
-    expanded: w && ae,
+    dirty: Te,
+    expanded: w && ue,
     popupOpen: w,
-    focused: ce || S !== -1,
-    anchorEl: ae,
+    focused: fe || S !== -1,
+    anchorEl: ue,
     setAnchorEl: Xe,
     focusedTag: S,
-    groupedOptions: Re
+    groupedOptions: He
   };
 }
-const _t = "_autocomplete_1mx2f_1", ze = {
+const _t = "_autocomplete_1mx2f_1", Je = {
   autocomplete: _t,
   "autocomplete__dropdown-list": "_autocomplete__dropdown-list_1mx2f_4",
   "autocomplete__dropdown-item": "_autocomplete__dropdown-item_1mx2f_9"
@@ -593,92 +593,93 @@ const _t = "_autocomplete_1mx2f_1", ze = {
   label: u,
   type: b,
   options: h,
-  infoMessage: $,
-  errorMessage: A,
+  infoMessage: A,
+  errorMessage: D,
   leftIcon: H,
   rightIcon: V,
   id: M,
   disabled: F,
   maxLength: m,
   onChange: I,
-  classNameLabel: U,
-  classNameInput: Y,
-  classNameErrorMessage: _,
-  classNameInfoMessage: be,
-  "data-testid-label": ee,
-  "data-testid-input": xe,
-  "data-testid-infoMessage": te,
-  "data-testid-errorMessage": R,
-  ...q
+  onInputChange: q,
+  classNameLabel: Y,
+  classNameInput: _,
+  classNameErrorMessage: xe,
+  classNameInfoMessage: te,
+  "data-testid-label": ye,
+  "data-testid-input": ne,
+  "data-testid-infoMessage": R,
+  "data-testid-errorMessage": U,
+  ...W
 }) => {
-  const ne = pt(), re = M || `input_${ne}`;
-  Object.assign(q, { "data-testid": xe });
-  const [j, oe] = Fe(), [ye, se] = Fe(""), { getRootProps: Oe, getInputProps: D, getOptionProps: i, groupedOptions: W, getListboxProps: ie, focused: le, getInputLabelProps: E } = It({
-    id: re,
+  const re = pt(), j = M || `input_${re}`;
+  Object.assign(W, { "data-testid": ne });
+  const [oe, Oe] = qe(), [se, Ie] = qe(""), { getRootProps: E, getInputProps: i, getOptionProps: ie, groupedOptions: X, getListboxProps: le, focused: v, getInputLabelProps: ae } = It({
+    id: j,
     options: h,
     getOptionLabel: (c) => typeof c == "string" ? c : c == null ? void 0 : c.label,
-    value: j,
-    inputValue: ye,
-    onChange: (c, v) => {
-      I && I(c, v), oe(v);
+    value: oe,
+    inputValue: se,
+    onChange: (c, T) => {
+      I && I(c, T), Oe(T);
     },
-    onInputChange: (c, v) => {
-      se(v);
+    onInputChange: (c, T) => {
+      q && q(c, T), Ie(T);
     }
   });
-  return /* @__PURE__ */ He("div", { className: "autocomplete", children: [
-    u && /* @__PURE__ */ T(
-      Be,
+  return /* @__PURE__ */ Fe("div", { className: "autocomplete", children: [
+    u && /* @__PURE__ */ $(
+      Ke,
       {
         element: "label",
-        elementProps: { ...E() },
-        className: Z(P.input__label, U),
-        "data-testid": ee,
+        elementProps: { ...ae() },
+        className: ee(P.input__label, Y),
+        "data-testid": ye,
         children: u
       }
     ),
-    /* @__PURE__ */ T("div", { ...Oe(), className: le ? "Mui-focused" : "", children: /* @__PURE__ */ T(
+    /* @__PURE__ */ $("div", { ...E(), className: v ? "Mui-focused" : "", children: /* @__PURE__ */ $(
       gt,
       {
         disabled: F,
-        error: !!A,
+        error: !!D,
         "aria-label": u,
         slotProps: {
           root: (c) => ({
-            className: Z(P["input__input-el-wrapper"], {
+            className: ee(P["input__input-el-wrapper"], {
               [P["input--disabled"]]: c.disabled,
               [P["input--focused"]]: c.focused,
               [P["input--error"]]: c.error
             })
           }),
           input: {
-            ...D(),
-            className: Z(P["input__input-el"], Y),
+            ...i(),
+            className: ee(P["input__input-el"], _),
             maxLength: m,
-            ...q
+            ...W
           }
         },
-        startAdornment: H && /* @__PURE__ */ T("span", { className: P["input__left-icon"], children: H }),
-        endAdornment: b === "search" ? /* @__PURE__ */ T("span", { className: P["input__right-icon"], children: /* @__PURE__ */ T(qe, { color: "var(--accent)", icon: "magnifying-glass" }) }) : V && /* @__PURE__ */ T("span", { className: P["input__right-icon"], children: V })
+        startAdornment: H && /* @__PURE__ */ $("span", { className: P["input__left-icon"], children: H }),
+        endAdornment: b === "search" ? /* @__PURE__ */ $("span", { className: P["input__right-icon"], children: /* @__PURE__ */ $(Be, { color: "var(--accent)", icon: "magnifying-glass" }) }) : V && /* @__PURE__ */ $("span", { className: P["input__right-icon"], children: V })
       }
     ) }),
-    W.length > 0 && !F && /* @__PURE__ */ T("ul", { ...ie(), className: ze["autocomplete__dropdown-list"], children: W.map((c, v) => /* @__PURE__ */ T(
+    X.length > 0 && !F && /* @__PURE__ */ $("ul", { ...le(), className: Je["autocomplete__dropdown-list"], children: X.map((c, T) => /* @__PURE__ */ $(
       "li",
       {
-        tabIndex: v,
-        className: ze["autocomplete__dropdown-item"],
-        ...i({ option: c, index: v }),
+        tabIndex: T,
+        className: Je["autocomplete__dropdown-item"],
+        ...ie({ option: c, index: T }),
         children: typeof c == "string" ? c : c == null ? void 0 : c.label
       }
     )) }),
-    (A || $) && /* @__PURE__ */ He(
-      Be,
+    (D || A) && /* @__PURE__ */ Fe(
+      Ke,
       {
-        className: A ? Z(P["input__error-message"], _) : Z(P["input__info-message"], be),
-        "data-testid": A ? R : te,
+        className: D ? ee(P["input__error-message"], xe) : ee(P["input__info-message"], te),
+        "data-testid": D ? U : R,
         children: [
-          /* @__PURE__ */ T(qe, { icon: "circle-exclamation" }),
-          A || $
+          /* @__PURE__ */ $(Be, { icon: "circle-exclamation" }),
+          D || A
         ]
       }
     )