@pismo/marola 1.0.0-beta.22 → 1.0.0-beta.24

package/dist/components/Autocomplete/Autocomplete.js

@@ -1,51 +1,51 @@
 import '../../assets/Autocomplete.css';
-import { jsx as ue, jsxs as at } from "react/jsx-runtime";
+import { jsx as le, jsxs as lt } from "react/jsx-runtime";
 import * as h from "react";
-import { useId as ut, useState as Me, createElement as ct } from "react";
+import { useId as at, useState as ut, createElement as ct } from "react";
 import { Icon as ft } from "../Icon/Icon.js";
 import { Input as dt } from "../Input/Input.js";
-import { b as Re, s as pt } from "../../useSlotProps-C_I1kEHr.js";
+import { b as Ve, s as pt } from "../../useSlotProps-C_I1kEHr.js";
 import { u as gt } from "../../useId-BW-oWmul.js";
-import { u as Se } from "../../useControlled-CCMYYdCM.js";
-import { u as ce } from "../../useEventCallback-BAQJJ3ye.js";
+import { u as Oe } from "../../useControlled-CCMYYdCM.js";
+import { u as ae } from "../../useEventCallback-BAQJJ3ye.js";
 const ht = (c) => {
   const b = h.useRef({});
   return h.useEffect(() => {
     b.current = c;
   }), b.current;
 };
-function He(c) {
+function Me(c) {
   return typeof c.normalize < "u" ? c.normalize("NFD").replace(/[\u0300-\u036f]/g, "") : c;
 }
 function mt(c = {}) {
   const {
     ignoreAccents: b = !0,
     ignoreCase: g = !0,
-    limit: A,
-    matchFrom: z = "any",
-    stringify: L,
-    trim: D = !1
+    limit: P,
+    matchFrom: U = "any",
+    stringify: N,
+    trim: C = !1
   } = c;
-  return (P, {
-    inputValue: V,
+  return (v, {
+    inputValue: L,
     getOptionLabel: x
   }) => {
-    let k = D ? V.trim() : V;
-    g && (k = k.toLowerCase()), b && (k = He(k));
-    const q = k ? P.filter((J) => {
-      let S = (L || x)(J);
-      return g && (S = S.toLowerCase()), b && (S = He(S)), z === "start" ? S.indexOf(k) === 0 : S.indexOf(k) > -1;
-    }) : P;
-    return typeof A == "number" ? q.slice(0, A) : q;
+    let k = C ? L.trim() : L;
+    g && (k = k.toLowerCase()), b && (k = Me(k));
+    const F = k ? v.filter((j) => {
+      let w = (N || x)(j);
+      return g && (w = w.toLowerCase()), b && (w = Me(w)), U === "start" ? w.indexOf(k) === 0 : w.indexOf(k) > -1;
+    }) : v;
+    return typeof P == "number" ? F.slice(0, P) : F;
   };
 }
-function fe(c, b) {
+function ue(c, b) {
   for (let g = 0; g < c.length; g += 1)
     if (b(c[g]))
       return g;
   return -1;
 }
-const bt = mt(), Fe = 5, xt = (c) => {
+const bt = mt(), Re = 5, xt = (c) => {
   var b;
   return c.current !== null && ((b = c.current.parentElement) == null ? void 0 : b.contains(document.activeElement));
 };
@@ -55,50 +55,50 @@ function yt(c) {
     unstable_isActiveElementInListbox: b = xt,
     // eslint-disable-next-line @typescript-eslint/naming-convention
     unstable_classNamePrefix: g = "Mui",
-    autoComplete: A = !1,
-    autoHighlight: z = !1,
-    autoSelect: L = !1,
-    blurOnSelect: D = !1,
-    clearOnBlur: P = !c.freeSolo,
-    clearOnEscape: V = !1,
+    autoComplete: P = !1,
+    autoHighlight: U = !1,
+    autoSelect: N = !1,
+    blurOnSelect: C = !1,
+    clearOnBlur: v = !c.freeSolo,
+    clearOnEscape: L = !1,
     componentName: x = "useAutocomplete",
     defaultValue: k = c.multiple ? [] : null,
-    disableClearable: q = !1,
-    disableCloseOnSelect: J = !1,
-    disabled: S,
-    disabledItemsFocusable: de = !1,
-    disableListWrap: ee = !1,
-    filterOptions: pe = bt,
-    filterSelectedOptions: W = !1,
-    freeSolo: C = !1,
-    getOptionDisabled: B,
-    getOptionKey: l,
-    getOptionLabel: m = (t) => {
+    disableClearable: F = !1,
+    disableCloseOnSelect: j = !1,
+    disabled: w,
+    disabledItemsFocusable: ce = !1,
+    disableListWrap: K = !1,
+    filterOptions: fe = bt,
+    filterSelectedOptions: G = !1,
+    freeSolo: i = !1,
+    getOptionDisabled: m,
+    getOptionKey: Q,
+    getOptionLabel: z = (t) => {
       var e;
       return (e = t.label) != null ? e : t;
     },
-    groupBy: K,
-    handleHomeEndKeys: Y = !c.freeSolo,
-    id: N,
-    includeInputInList: te = !1,
-    inputValue: ge,
-    isOptionEqualToValue: M = (t, e) => t === e,
+    groupBy: E,
+    handleHomeEndKeys: Z = !c.freeSolo,
+    id: de,
+    includeInputInList: Ie = !1,
+    inputValue: He,
+    isOptionEqualToValue: V = (t, e) => t === e,
     multiple: u = !1,
     onChange: we,
-    onClose: ke,
-    onHighlightChange: Ee,
-    onInputChange: R,
-    onOpen: Te,
-    open: qe,
-    openOnFocus: Be = !1,
-    options: he,
-    readOnly: X = !1,
-    selectOnFocus: Ke = !c.freeSolo,
+    onClose: Se,
+    onHighlightChange: ke,
+    onInputChange: M,
+    onOpen: Ee,
+    open: Fe,
+    openOnFocus: qe = !1,
+    options: pe,
+    readOnly: J = !1,
+    selectOnFocus: Be = !c.freeSolo,
     value: Ue
-  } = c, E = gt(N);
-  let O = m;
+  } = c, T = gt(de);
+  let O = z;
   O = (t) => {
-    const e = m(t);
+    const e = z(t);
     if (typeof e != "string") {
       if (process.env.NODE_ENV !== "production") {
         const n = e === void 0 ? "undefined" : `${typeof e} (${e})`;
@@ -108,17 +108,17 @@ function yt(c) {
     }
     return e;
   };
-  const me = h.useRef(!1), be = h.useRef(!0), d = h.useRef(null), T = h.useRef(null), [ne, je] = h.useState(null), [_, xe] = h.useState(-1), _e = z ? 0 : -1, y = h.useRef(_e), [o, ze] = Se({
+  const ge = h.useRef(!1), he = h.useRef(!0), d = h.useRef(null), _ = h.useRef(null), [ee, je] = h.useState(null), [$, me] = h.useState(-1), Te = U ? 0 : -1, y = h.useRef(Te), [o, Ke] = Oe({
     controlled: Ue,
     default: k,
     name: x
-  }), [a, oe] = Se({
-    controlled: ge,
+  }), [a, te] = Oe({
+    controlled: He,
     default: "",
     name: x,
     state: "inputValue"
-  }), [re, $e] = h.useState(!1), se = h.useCallback((t, e) => {
-    if (!(u ? o.length < e.length : e !== null) && !P)
+  }), [ne, _e] = h.useState(!1), oe = h.useCallback((t, e) => {
+    if (!(u ? o.length < e.length : e !== null) && !v)
       return;
     let r;
     if (u)
@@ -129,150 +129,150 @@ function yt(c) {
       const s = O(e);
       r = typeof s == "string" ? s : "";
     }
-    a !== r && (oe(r), R && R(t, r, "reset"));
-  }, [O, a, u, R, oe, P, o]), [U, ve] = Se({
-    controlled: qe,
+    a !== r && (te(r), M && M(t, r, "reset"));
+  }, [O, a, u, M, te, v, o]), [q, $e] = Oe({
+    controlled: Fe,
     default: !1,
     name: x,
     state: "open"
-  }), [Je, Ae] = h.useState(!0), De = !u && o != null && a === O(o), w = U && !X, f = w ? pe(
-    he.filter((t) => !(W && (u ? o : [o]).some((e) => e !== null && M(t, e)))),
+  }), [ze, Ae] = h.useState(!0), De = !u && o != null && a === O(o), S = q && !J, f = S ? fe(
+    pe.filter((t) => !(G && (u ? o : [o]).some((e) => e !== null && V(t, e)))),
     // we use the empty string to manipulate `filterOptions` to not filter any options
     // i.e. the filter predicate always returns true
     {
-      inputValue: De && Je ? "" : a,
+      inputValue: De && ze ? "" : a,
       getOptionLabel: O
     }
-  ) : [], $ = ht({
+  ) : [], A = ht({
     filteredOptions: f,
     value: o,
     inputValue: a
   });
   h.useEffect(() => {
-    const t = o !== $.value;
-    re && !t || C && !t || se(null, o);
-  }, [o, se, re, $.value, C]);
-  const ye = U && f.length > 0 && !X;
-  if (process.env.NODE_ENV !== "production" && o !== null && !C && he.length > 0) {
-    const t = (u ? o : [o]).filter((e) => !he.some((n) => M(n, e)));
+    const t = o !== A.value;
+    ne && !t || i && !t || oe(null, o);
+  }, [o, oe, ne, A.value, i]);
+  const be = q && f.length > 0 && !J;
+  if (process.env.NODE_ENV !== "production" && o !== null && !i && pe.length > 0) {
+    const t = (u ? o : [o]).filter((e) => !pe.some((n) => V(n, e)));
     t.length > 0 && console.warn([`MUI: The value provided to ${x} 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 ie = ce((t) => {
-    t === -1 ? d.current.focus() : ne.querySelector(`[data-tag-index="${t}"]`).focus();
+  const re = ae((t) => {
+    t === -1 ? d.current.focus() : ee.querySelector(`[data-tag-index="${t}"]`).focus();
   });
   h.useEffect(() => {
-    u && _ > o.length - 1 && (xe(-1), ie(-1));
-  }, [o, u, _, ie]);
-  function We(t, e) {
-    if (!T.current || t < 0 || t >= f.length)
+    u && $ > o.length - 1 && (me(-1), re(-1));
+  }, [o, u, $, re]);
+  function Je(t, e) {
+    if (!_.current || t < 0 || t >= f.length)
       return -1;
     let n = t;
     for (; ; ) {
-      const r = T.current.querySelector(`[data-option-index="${n}"]`), s = de ? !1 : !r || r.disabled || r.getAttribute("aria-disabled") === "true";
+      const r = _.current.querySelector(`[data-option-index="${n}"]`), s = ce ? !1 : !r || r.disabled || r.getAttribute("aria-disabled") === "true";
       if (r && r.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 H = ce(({
+  const R = ae(({
     event: t,
     index: e,
     reason: n = "auto"
   }) => {
-    if (y.current = e, e === -1 ? d.current.removeAttribute("aria-activedescendant") : d.current.setAttribute("aria-activedescendant", `${E}-option-${e}`), Ee && Ee(t, e === -1 ? null : f[e], n), !T.current)
+    if (y.current = e, e === -1 ? d.current.removeAttribute("aria-activedescendant") : d.current.setAttribute("aria-activedescendant", `${T}-option-${e}`), ke && ke(t, e === -1 ? null : f[e], n), !_.current)
       return;
-    const r = T.current.querySelector(`[role="option"].${g}-focused`);
+    const r = _.current.querySelector(`[role="option"].${g}-focused`);
     r && (r.classList.remove(`${g}-focused`), r.classList.remove(`${g}-focusVisible`));
-    let s = T.current;
-    if (T.current.getAttribute("role") !== "listbox" && (s = T.current.parentElement.querySelector('[role="listbox"]')), !s)
+    let s = _.current;
+    if (_.current.getAttribute("role") !== "listbox" && (s = _.current.parentElement.querySelector('[role="listbox"]')), !s)
       return;
     if (e === -1) {
       s.scrollTop = 0;
       return;
     }
-    const i = T.current.querySelector(`[data-option-index="${e}"]`);
-    if (i && (i.classList.add(`${g}-focused`), n === "keyboard" && i.classList.add(`${g}-focusVisible`), s.scrollHeight > s.clientHeight && n !== "mouse" && n !== "touch")) {
-      const p = i, I = s.clientHeight + s.scrollTop, ae = p.offsetTop + p.offsetHeight;
-      ae > I ? s.scrollTop = ae - s.clientHeight : p.offsetTop - p.offsetHeight * (K ? 1.3 : 0) < s.scrollTop && (s.scrollTop = p.offsetTop - p.offsetHeight * (K ? 1.3 : 0));
+    const l = _.current.querySelector(`[data-option-index="${e}"]`);
+    if (l && (l.classList.add(`${g}-focused`), n === "keyboard" && l.classList.add(`${g}-focusVisible`), s.scrollHeight > s.clientHeight && n !== "mouse" && n !== "touch")) {
+      const p = l, I = s.clientHeight + s.scrollTop, ie = p.offsetTop + p.offsetHeight;
+      ie > I ? s.scrollTop = ie - s.clientHeight : p.offsetTop - p.offsetHeight * (E ? 1.3 : 0) < s.scrollTop && (s.scrollTop = p.offsetTop - p.offsetHeight * (E ? 1.3 : 0));
     }
-  }), v = ce(({
+  }), D = ae(({
     event: t,
     diff: e,
     direction: n = "next",
     reason: r = "auto"
   }) => {
-    if (!w)
+    if (!S)
       return;
-    const i = We((() => {
+    const l = Je((() => {
       const p = f.length - 1;
       if (e === "reset")
-        return _e;
+        return Te;
       if (e === "start")
         return 0;
       if (e === "end")
         return p;
       const I = y.current + e;
-      return I < 0 ? I === -1 && te ? -1 : ee && y.current !== -1 || Math.abs(e) > 1 ? 0 : p : I > p ? I === p + 1 && te ? -1 : ee || Math.abs(e) > 1 ? p : 0 : I;
+      return I < 0 ? I === -1 && Ie ? -1 : K && y.current !== -1 || Math.abs(e) > 1 ? 0 : p : I > p ? I === p + 1 && Ie ? -1 : K || Math.abs(e) > 1 ? p : 0 : I;
     })(), n);
-    if (H({
-      index: i,
+    if (R({
+      index: l,
       reason: r,
       event: t
-    }), A && e !== "reset")
-      if (i === -1)
+    }), P && e !== "reset")
+      if (l === -1)
         d.current.value = a;
       else {
-        const p = O(f[i]);
+        const p = O(f[l]);
         d.current.value = p, p.toLowerCase().indexOf(a.toLowerCase()) === 0 && a.length > 0 && d.current.setSelectionRange(a.length, p.length);
       }
-  }), Ye = () => {
+  }), We = () => {
     const t = (e, n) => {
       const r = e ? O(e) : "", s = n ? O(n) : "";
       return r === s;
     };
-    if (y.current !== -1 && $.filteredOptions && $.filteredOptions.length !== f.length && $.inputValue === a && (u ? o.length === $.value.length && $.value.every((e, n) => O(o[n]) === O(e)) : t($.value, o))) {
-      const e = $.filteredOptions[y.current];
+    if (y.current !== -1 && A.filteredOptions && A.filteredOptions.length !== f.length && A.inputValue === a && (u ? o.length === A.value.length && A.value.every((e, n) => O(o[n]) === O(e)) : t(A.value, o))) {
+      const e = A.filteredOptions[y.current];
       if (e)
-        return fe(f, (n) => O(n) === O(e));
+        return ue(f, (n) => O(n) === O(e));
     }
     return -1;
-  }, Oe = h.useCallback(() => {
-    if (!w)
+  }, xe = h.useCallback(() => {
+    if (!S)
       return;
-    const t = Ye();
+    const t = We();
     if (t !== -1) {
       y.current = t;
       return;
     }
     const e = u ? o[0] : o;
     if (f.length === 0 || e == null) {
-      v({
+      D({
         diff: "reset"
       });
       return;
     }
-    if (T.current) {
+    if (_.current) {
       if (e != null) {
         const n = f[y.current];
-        if (u && n && fe(o, (s) => M(n, s)) !== -1)
+        if (u && n && ue(o, (s) => V(n, s)) !== -1)
           return;
-        const r = fe(f, (s) => M(s, e));
-        r === -1 ? v({
+        const r = ue(f, (s) => V(s, e));
+        r === -1 ? D({
           diff: "reset"
-        }) : H({
+        }) : R({
           index: r
         });
         return;
       }
       if (y.current >= f.length - 1) {
-        H({
+        R({
           index: f.length - 1
         });
         return;
       }
-      H({
+      R({
         index: y.current
       });
     }
@@ -282,56 +282,56 @@ function yt(c) {
     // Don't sync the highlighted index with the value when multiple
     // eslint-disable-next-line react-hooks/exhaustive-deps
     u ? !1 : o,
-    W,
-    v,
-    H,
-    w,
+    G,
+    D,
+    R,
+    S,
     a,
     u
-  ]), Xe = ce((t) => {
-    pt(T, t), t && Oe();
+  ]), Ye = ae((t) => {
+    pt(_, t), t && xe();
   });
   process.env.NODE_ENV !== "production" && h.useEffect(() => {
     (!d.current || d.current.nodeName !== "INPUT") && (d.current && d.current.nodeName === "TEXTAREA" ? console.warn([`A textarea element was provided to ${x} 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, ${x} expects an input element.`, "", x === "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(`
 `)));
   }, [x]), h.useEffect(() => {
-    Oe();
-  }, [Oe]);
-  const F = (t) => {
-    U || (ve(!0), Ae(!0), Te && Te(t));
-  }, G = (t, e) => {
-    U && (ve(!1), ke && ke(t, e));
-  }, j = (t, e, n, r) => {
+    xe();
+  }, [xe]);
+  const H = (t) => {
+    q || ($e(!0), Ae(!0), Ee && Ee(t));
+  }, W = (t, e) => {
+    q && ($e(!1), Se && Se(t, e));
+  }, B = (t, e, n, r) => {
     if (u) {
-      if (o.length === e.length && o.every((s, i) => s === e[i]))
+      if (o.length === e.length && o.every((s, l) => s === e[l]))
         return;
     } else if (o === e)
       return;
-    we && we(t, e, n, r), ze(e);
-  }, le = h.useRef(!1), Q = (t, e, n = "selectOption", r = "options") => {
-    let s = n, i = e;
+    we && we(t, e, n, r), Ke(e);
+  }, se = h.useRef(!1), Y = (t, e, n = "selectOption", r = "options") => {
+    let s = n, l = e;
     if (u) {
-      if (i = Array.isArray(o) ? o.slice() : [], process.env.NODE_ENV !== "production") {
-        const I = i.filter((ae) => M(e, ae));
+      if (l = Array.isArray(o) ? o.slice() : [], process.env.NODE_ENV !== "production") {
+        const I = l.filter((ie) => V(e, ie));
         I.length > 1 && console.error([`MUI: The \`isOptionEqualToValue\` method of ${x} does not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${I.length} matches.`].join(`
 `));
       }
-      const p = fe(i, (I) => M(e, I));
-      p === -1 ? i.push(e) : r !== "freeSolo" && (i.splice(p, 1), s = "removeOption");
+      const p = ue(l, (I) => V(e, I));
+      p === -1 ? l.push(e) : r !== "freeSolo" && (l.splice(p, 1), s = "removeOption");
     }
-    se(t, i), j(t, i, s, {
+    oe(t, l), B(t, l, s, {
       option: e
-    }), !J && (!t || !t.ctrlKey && !t.metaKey) && G(t, s), (D === !0 || D === "touch" && le.current || D === "mouse" && !le.current) && d.current.blur();
+    }), !j && (!t || !t.ctrlKey && !t.metaKey) && W(t, s), (C === !0 || C === "touch" && se.current || C === "mouse" && !se.current) && d.current.blur();
   };
-  function Ge(t, e) {
+  function Xe(t, e) {
     if (t === -1)
       return -1;
     let n = t;
     for (; ; ) {
       if (e === "next" && n === o.length || e === "previous" && n === -1)
         return -1;
-      const r = ne.querySelector(`[data-tag-index="${n}"]`);
+      const r = ee.querySelector(`[data-tag-index="${n}"]`);
       if (!r || !r.hasAttribute("tabindex") || r.disabled || r.getAttribute("aria-disabled") === "true")
         n += e === "next" ? 1 : -1;
       else
@@ -341,16 +341,16 @@ function yt(c) {
   const Pe = (t, e) => {
     if (!u)
       return;
-    a === "" && G(t, "toggleInput");
-    let n = _;
-    _ === -1 ? a === "" && e === "previous" && (n = o.length - 1) : (n += e === "next" ? 1 : -1, n < 0 && (n = 0), n === o.length && (n = -1)), n = Ge(n, e), xe(n), ie(n);
+    a === "" && W(t, "toggleInput");
+    let n = $;
+    $ === -1 ? a === "" && e === "previous" && (n = o.length - 1) : (n += e === "next" ? 1 : -1, n < 0 && (n = 0), n === o.length && (n = -1)), n = Xe(n, e), me(n), re(n);
   }, Ce = (t) => {
-    me.current = !0, oe(""), R && R(t, "", "clear"), j(t, u ? [] : null, "clear");
-  }, Qe = (t) => (e) => {
-    if (t.onKeyDown && t.onKeyDown(e), !e.defaultMuiPrevented && (_ !== -1 && ["ArrowLeft", "ArrowRight"].indexOf(e.key) === -1 && (xe(-1), ie(-1)), e.which !== 229))
+    ge.current = !0, te(""), M && M(t, "", "clear"), B(t, u ? [] : null, "clear");
+  }, Ge = (t) => (e) => {
+    if (t.onKeyDown && t.onKeyDown(e), !e.defaultMuiPrevented && ($ !== -1 && ["ArrowLeft", "ArrowRight"].indexOf(e.key) === -1 && (me(-1), re(-1)), e.which !== 229))
       switch (e.key) {
         case "Home":
-          w && Y && (e.preventDefault(), v({
+          S && Z && (e.preventDefault(), D({
             diff: "start",
             direction: "next",
             reason: "keyboard",
@@ -358,7 +358,7 @@ function yt(c) {
           }));
           break;
         case "End":
-          w && Y && (e.preventDefault(), v({
+          S && Z && (e.preventDefault(), D({
             diff: "end",
             direction: "previous",
             reason: "keyboard",
@@ -366,36 +366,36 @@ function yt(c) {
           }));
           break;
         case "PageUp":
-          e.preventDefault(), v({
-            diff: -Fe,
+          e.preventDefault(), D({
+            diff: -Re,
             direction: "previous",
             reason: "keyboard",
             event: e
-          }), F(e);
+          }), H(e);
           break;
         case "PageDown":
-          e.preventDefault(), v({
-            diff: Fe,
+          e.preventDefault(), D({
+            diff: Re,
             direction: "next",
             reason: "keyboard",
             event: e
-          }), F(e);
+          }), H(e);
           break;
         case "ArrowDown":
-          e.preventDefault(), v({
+          e.preventDefault(), D({
             diff: 1,
             direction: "next",
             reason: "keyboard",
             event: e
-          }), F(e);
+          }), H(e);
           break;
         case "ArrowUp":
-          e.preventDefault(), v({
+          e.preventDefault(), D({
             diff: -1,
             direction: "previous",
             reason: "keyboard",
             event: e
-          }), F(e);
+          }), H(e);
           break;
         case "ArrowLeft":
           Pe(e, "previous");
@@ -404,116 +404,116 @@ function yt(c) {
           Pe(e, "next");
           break;
         case "Enter":
-          if (y.current !== -1 && w) {
-            const n = f[y.current], r = B ? B(n) : !1;
+          if (y.current !== -1 && S) {
+            const n = f[y.current], r = m ? m(n) : !1;
             if (e.preventDefault(), r)
               return;
-            Q(e, n, "selectOption"), A && d.current.setSelectionRange(d.current.value.length, d.current.value.length);
+            Y(e, n, "selectOption"), P && d.current.setSelectionRange(d.current.value.length, d.current.value.length);
           } else
-            C && a !== "" && De === !1 && (u && e.preventDefault(), Q(e, a, "createOption", "freeSolo"));
+            i && a !== "" && De === !1 && (u && e.preventDefault(), Y(e, a, "createOption", "freeSolo"));
           break;
         case "Escape":
-          w ? (e.preventDefault(), e.stopPropagation(), G(e, "escape")) : V && (a !== "" || u && o.length > 0) && (e.preventDefault(), e.stopPropagation(), Ce(e));
+          S ? (e.preventDefault(), e.stopPropagation(), W(e, "escape")) : L && (a !== "" || u && o.length > 0) && (e.preventDefault(), e.stopPropagation(), Ce(e));
           break;
         case "Backspace":
-          if (u && !X && a === "" && o.length > 0) {
-            const n = _ === -1 ? o.length - 1 : _, r = o.slice();
-            r.splice(n, 1), j(e, r, "removeOption", {
+          if (u && !J && a === "" && o.length > 0) {
+            const n = $ === -1 ? o.length - 1 : $, r = o.slice();
+            r.splice(n, 1), B(e, r, "removeOption", {
               option: o[n]
             });
           }
           break;
         case "Delete":
-          if (u && !X && a === "" && o.length > 0 && _ !== -1) {
-            const n = _, r = o.slice();
-            r.splice(n, 1), j(e, r, "removeOption", {
+          if (u && !J && a === "" && o.length > 0 && $ !== -1) {
+            const n = $, r = o.slice();
+            r.splice(n, 1), B(e, r, "removeOption", {
               option: o[n]
             });
           }
           break;
       }
-  }, Ze = (t) => {
-    $e(!0), Be && !me.current && F(t);
-  }, Ne = (t) => {
-    if (b(T)) {
+  }, Qe = (t) => {
+    _e(!0), qe && !ge.current && H(t);
+  }, ve = (t) => {
+    if (b(_)) {
       d.current.focus();
       return;
     }
-    $e(!1), be.current = !0, me.current = !1, L && y.current !== -1 && w ? Q(t, f[y.current], "blur") : L && C && a !== "" ? Q(t, a, "blur", "freeSolo") : P && se(t, o), G(t, "blur");
-  }, et = (t) => {
+    _e(!1), he.current = !0, ge.current = !1, N && y.current !== -1 && S ? Y(t, f[y.current], "blur") : N && i && a !== "" ? Y(t, a, "blur", "freeSolo") : v && oe(t, o), W(t, "blur");
+  }, Ze = (t) => {
     const e = t.target.value;
-    a !== e && (oe(e), Ae(!1), R && R(t, e, "input")), e === "" ? !q && !u && j(t, null, "clear") : F(t);
-  }, tt = (t) => {
+    a !== e && (te(e), Ae(!1), M && M(t, e, "input")), e === "" ? !F && !u && B(t, null, "clear") : H(t);
+  }, et = (t) => {
     const e = Number(t.currentTarget.getAttribute("data-option-index"));
-    y.current !== e && H({
+    y.current !== e && R({
       event: t,
       index: e,
       reason: "mouse"
     });
-  }, nt = (t) => {
-    H({
+  }, tt = (t) => {
+    R({
       event: t,
       index: Number(t.currentTarget.getAttribute("data-option-index")),
       reason: "touch"
-    }), le.current = !0;
-  }, ot = (t) => {
+    }), se.current = !0;
+  }, nt = (t) => {
     const e = Number(t.currentTarget.getAttribute("data-option-index"));
-    Q(t, f[e], "selectOption"), le.current = !1;
-  }, rt = (t) => (e) => {
+    Y(t, f[e], "selectOption"), se.current = !1;
+  }, ot = (t) => (e) => {
     const n = o.slice();
-    n.splice(t, 1), j(e, n, "removeOption", {
+    n.splice(t, 1), B(e, n, "removeOption", {
       option: o[t]
     });
-  }, Le = (t) => {
-    U ? G(t, "toggleInput") : F(t);
+  }, Ne = (t) => {
+    q ? W(t, "toggleInput") : H(t);
+  }, rt = (t) => {
+    t.currentTarget.contains(t.target) && t.target.getAttribute("id") !== T && t.preventDefault();
   }, st = (t) => {
-    t.currentTarget.contains(t.target) && t.target.getAttribute("id") !== E && t.preventDefault();
+    t.currentTarget.contains(t.target) && (d.current.focus(), Be && he.current && d.current.selectionEnd - d.current.selectionStart === 0 && d.current.select(), he.current = !1);
   }, it = (t) => {
-    t.currentTarget.contains(t.target) && (d.current.focus(), Ke && be.current && d.current.selectionEnd - d.current.selectionStart === 0 && d.current.select(), be.current = !1);
-  }, lt = (t) => {
-    !S && (a === "" || !U) && Le(t);
+    !w && (a === "" || !q) && Ne(t);
   };
-  let Ie = C && a.length > 0;
-  Ie = Ie || (u ? o.length > 0 : o !== null);
-  let Ve = f;
-  if (K) {
+  let ye = i && a.length > 0;
+  ye = ye || (u ? o.length > 0 : o !== null);
+  let Le = f;
+  if (E) {
     const t = /* @__PURE__ */ new Map();
     let e = !1;
-    Ve = f.reduce((n, r, s) => {
-      const i = K(r);
-      return n.length > 0 && n[n.length - 1].group === i ? n[n.length - 1].options.push(r) : (process.env.NODE_ENV !== "production" && (t.get(i) && !e && (console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${x} returns duplicated headers.`, "You can solve the issue by sorting the options with the output of `groupBy`."), e = !0), t.set(i, !0)), n.push({
+    Le = f.reduce((n, r, s) => {
+      const l = E(r);
+      return n.length > 0 && n[n.length - 1].group === l ? n[n.length - 1].options.push(r) : (process.env.NODE_ENV !== "production" && (t.get(l) && !e && (console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${x} 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,
         index: s,
-        group: i,
+        group: l,
         options: [r]
       })), n;
     }, []);
   }
-  return S && re && Ne(), {
-    getRootProps: (t = {}) => Re({
-      "aria-owns": ye ? `${E}-listbox` : null
+  return w && ne && ve(), {
+    getRootProps: (t = {}) => Ve({
+      "aria-owns": be ? `${T}-listbox` : null
     }, t, {
-      onKeyDown: Qe(t),
-      onMouseDown: st,
-      onClick: it
+      onKeyDown: Ge(t),
+      onMouseDown: rt,
+      onClick: st
     }),
     getInputLabelProps: () => ({
-      id: `${E}-label`,
-      htmlFor: E
+      id: `${T}-label`,
+      htmlFor: T
     }),
     getInputProps: () => ({
-      id: E,
+      id: T,
       value: a,
-      onBlur: Ne,
-      onFocus: Ze,
-      onChange: et,
-      onMouseDown: lt,
+      onBlur: ve,
+      onFocus: Qe,
+      onChange: Ze,
+      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": A ? "both" : "list",
-      "aria-controls": ye ? `${E}-listbox` : void 0,
-      "aria-expanded": ye,
+      "aria-activedescendant": S ? "" : null,
+      "aria-autocomplete": P ? "both" : "list",
+      "aria-controls": be ? `${T}-listbox` : void 0,
+      "aria-expanded": be,
       // Disable browser's suggestion that might overlap with the popup.
       // Handle autocomplete but not autofill.
       autoComplete: "off",
@@ -521,7 +521,7 @@ function yt(c) {
       autoCapitalize: "none",
       spellCheck: "false",
       role: "combobox",
-      disabled: S
+      disabled: w
     }),
     getClearProps: () => ({
       tabIndex: -1,
@@ -531,22 +531,22 @@ function yt(c) {
     getPopupIndicatorProps: () => ({
       tabIndex: -1,
       type: "button",
-      onClick: Le
+      onClick: Ne
     }),
     getTagProps: ({
       index: t
-    }) => Re({
+    }) => Ve({
       key: t,
       "data-tag-index": t,
       tabIndex: -1
-    }, !X && {
-      onDelete: rt(t)
+    }, !J && {
+      onDelete: ot(t)
     }),
     getListboxProps: () => ({
       role: "listbox",
-      id: `${E}-listbox`,
-      "aria-labelledby": `${E}-label`,
-      ref: Xe,
+      id: `${T}-listbox`,
+      "aria-labelledby": `${T}-label`,
+      ref: Ye,
       onMouseDown: (t) => {
         t.preventDefault();
       }
@@ -556,105 +556,105 @@ function yt(c) {
       option: e
     }) => {
       var n;
-      const r = (u ? o : [o]).some((i) => i != null && M(e, i)), s = B ? B(e) : !1;
+      const r = (u ? o : [o]).some((l) => l != null && V(e, l)), s = m ? m(e) : !1;
       return {
-        key: (n = l == null ? void 0 : l(e)) != null ? n : O(e),
+        key: (n = Q == null ? void 0 : Q(e)) != null ? n : O(e),
         tabIndex: -1,
         role: "option",
-        id: `${E}-option-${t}`,
-        onMouseMove: tt,
-        onClick: ot,
-        onTouchStart: nt,
+        id: `${T}-option-${t}`,
+        onMouseMove: et,
+        onClick: nt,
+        onTouchStart: tt,
         "data-option-index": t,
         "aria-disabled": s,
         "aria-selected": r
       };
     },
-    id: E,
+    id: T,
     inputValue: a,
     value: o,
-    dirty: Ie,
-    expanded: w && ne,
-    popupOpen: w,
-    focused: re || _ !== -1,
-    anchorEl: ne,
+    dirty: ye,
+    expanded: S && ee,
+    popupOpen: S,
+    focused: ne || $ !== -1,
+    anchorEl: ee,
     setAnchorEl: je,
-    focusedTag: _,
-    groupedOptions: Ve
+    focusedTag: $,
+    groupedOptions: Le
   };
 }
-const Ot = "_autocomplete_pfc9v_1", Z = {
+const Ot = "_autocomplete_pfc9v_1", X = {
   autocomplete: Ot,
   "autocomplete__dropdown-list": "_autocomplete__dropdown-list_pfc9v_5",
   "autocomplete__dropdown-item": "_autocomplete__dropdown-item_pfc9v_17",
   "option-focused": "_option-focused_pfc9v_26"
-}, vt = ({
+}, At = ({
   labelKey: c,
   valueKey: b,
   options: g,
-  type: A,
-  value: z,
-  onChange: L,
-  onInputChange: D,
-  "data-testid-wrapper": P,
-  ...V
+  type: P,
+  value: U,
+  onChange: N,
+  onInputChange: C,
+  "data-testid-wrapper": v,
+  ...L
 }) => {
-  const x = ut(), [k, q] = Me(z || ""), [J, S] = Me("");
-  g != null && g.some((l) => typeof l != "string") && console.error(
+  const x = at(), [k, F] = ut("");
+  g != null && g.some((i) => typeof i != "string") && (!c || !b) && console.error(
     '[autocomplete] When options is a list of objects, you must provide the "labelKey" and "valueKey" parameters.'
   );
-  const { getRootProps: de, getInputProps: ee, getOptionProps: pe, groupedOptions: W, getListboxProps: C } = yt({
+  const { getRootProps: j, getInputProps: w, getOptionProps: ce, groupedOptions: K, getListboxProps: fe } = yt({
     id: `autocomplete_${x}`,
     options: g,
-    getOptionLabel: (l) => typeof l == "string" ? l : String(l[c || "label"]),
-    value: k,
-    inputValue: J,
-    isOptionEqualToValue: (l, m) => typeof l == "string" ? String(l) === String(m) : String(l[b || "id"]) === String(m[b || "id"]),
-    onChange: (l, m) => {
-      L && L(l, m), q(m);
+    getOptionLabel: (i) => typeof i == "string" ? i : String(i[c || "label"]),
+    value: U,
+    inputValue: k,
+    isOptionEqualToValue: (i, m) => typeof i == "string" ? String(i) === String(m) : String(i[b || "id"]) === String(m[b || "id"]),
+    onChange: (i, m) => {
+      N && N(i, m);
     },
-    onInputChange: (l, m) => {
-      D && D(l, m), S(m);
+    onInputChange: (i, m) => {
+      C && C(i, m), F(m);
     },
-    onHighlightChange: (l, m, K) => {
-      var Y;
-      if (K === "keyboard") {
-        const N = document.querySelector("#autocomplete-list"), te = (l == null ? void 0 : l.target).getAttribute("aria-activedescendant");
-        N == null || N.querySelectorAll("li").forEach((ge) => ge.classList.remove(Z["option-focused"])), (Y = N == null ? void 0 : N.querySelector(`[id="${te}"]`)) == null || Y.classList.add(Z["option-focused"]);
+    onHighlightChange: (i, m, Q) => {
+      var z;
+      if (Q === "keyboard") {
+        const E = document.querySelector("#autocomplete-list"), Z = (i == null ? void 0 : i.target).getAttribute("aria-activedescendant");
+        E == null || E.querySelectorAll("li").forEach((de) => de.classList.remove(X["option-focused"])), (z = E == null ? void 0 : E.querySelector(`[id="${Z}"]`)) == null || z.classList.add(X["option-focused"]);
       }
     }
-  }), B = {
-    ...ee(),
-    ...V
+  }), G = {
+    ...w(),
+    ...L
   };
-  return /* @__PURE__ */ ue("div", { className: Z.autocomplete, "data-testid": P, children: /* @__PURE__ */ at("div", { ...de(), children: [
-    /* @__PURE__ */ ue(
+  return /* @__PURE__ */ le("div", { className: X.autocomplete, "data-testid": v, children: /* @__PURE__ */ lt("div", { ...j(), children: [
+    /* @__PURE__ */ le(
       dt,
       {
-        rightIcon: A === "search" && /* @__PURE__ */ ue(ft, { color: "var(--accent)", icon: "magnifying-glass" }),
-        ...B
+        rightIcon: P === "search" && /* @__PURE__ */ le(ft, { color: "var(--accent)", icon: "magnifying-glass" }),
+        ...G
       }
     ),
-    W.length > 0 && !V.disabled && /* @__PURE__ */ ue(
+    K.length > 0 && !L.disabled && /* @__PURE__ */ le(
       "ul",
       {
-        ...C(),
+        ...fe(),
         id: "autocomplete-list",
-        className: Z["autocomplete__dropdown-list"],
-        children: W.map((l, m) => /* @__PURE__ */ ct(
+        className: X["autocomplete__dropdown-list"],
+        children: K.map((i, m) => /* @__PURE__ */ ct(
           "li",
           {
             tabIndex: m,
-            className: Z["autocomplete__dropdown-item"],
-            ...pe({ option: l, index: m }),
+            className: X["autocomplete__dropdown-item"],
+            ...ce({ option: i, index: m }),
             key: String(m)
           },
-          typeof l == "string" ? l : String(l[c || "label"])
+          typeof i == "string" ? i : String(i[c || "label"])
         ))
       }
     )
   ] }) });
 };
 export {
-  vt as Autocomplete
+  At as Autocomplete
 };