kdpa-components 1.0.0 → 1.2.0

package/dist/{KdpaAutoComplete-9c0b8d4d.js → KdpaAutoComplete-8a11974a.js}

@@ -1,44 +1,43 @@
-import { j as O } from "./jsx-runtime-944c88e2.js";
-import { _ as d, a as Ot } from "./extends-393586f3.js";
-import * as $ from "react";
-import { P as n } from "./index-f4329b29.js";
-import { g as It, s as B, u as yt, c as he, a as vt } from "./useThemeProps-114e8d66.js";
-import { i as nt, a as pe, o as ft, f as me, A as At } from "./ArrowDropDown-4bc3084f.js";
-import { C as wt } from "./Close-319784e1.js";
-import { g as $t, c as He, a as rt } from "./identifier-5cabf5ae.js";
-import { I as Ct } from "./IconButton-b4e677f7.js";
-import { M as Pt } from "./Popper-20f4d1e9.js";
-import { M as St, i as Lt } from "./Paper-ad7ba238.js";
-import { u as kt } from "./useId-a21bd5c3.js";
+import { j as At } from "./jsx-dev-runtime-48fdc504.js";
+import { a as d, _ as Ot } from "./extends-135d7828.js";
+import * as C from "react";
+import { g as It, c as He, j as v, P as n, a as nt } from "./identifier-2647f844.js";
+import { g as yt, s as B, u as vt, c as he, a as Ct } from "./useThemeProps-ea792506.js";
+import { i as rt, a as pe, o as ft, f as be, A as wt } from "./ArrowDropDown-07b9ccae.js";
+import { C as Lt } from "./Close-db7afda5.js";
+import { I as $t } from "./IconButton-48d87778.js";
+import { M as Pt } from "./Popper-7adcd815.js";
+import { M as St, i as kt } from "./Paper-00aea968.js";
+import { u as Nt } from "./useId-a21bd5c3.js";
 import { u as at } from "./useControlled-cc2d41cb.js";
 import { u as Rt } from "./usePreviousProps-c1ae4548.js";
 import { a as Fe } from "./useEventCallback-83a2883c.js";
-import { s as Nt } from "./useForkRef-0781dda0.js";
-import { C as Et } from "./Chip-2dfcd6e9.js";
+import { s as Et } from "./useForkRef-0781dda0.js";
+import { C as Dt } from "./Chip-e5751770.js";
 import { c as gt } from "./chainPropTypes-004bf492.js";
-function bt(t) {
+function mt(t) {
   return typeof t.normalize < "u" ? t.normalize("NFD").replace(/[\u0300-\u036f]/g, "") : t;
 }
 function Mt(t = {}) {
   const {
     ignoreAccents: a = !0,
     ignoreCase: u = !0,
-    limit: I,
+    limit: O,
     matchFrom: k = "any",
     stringify: S,
     trim: P = !1
   } = t;
   return (h, {
     inputValue: K,
-    getOptionLabel: C
+    getOptionLabel: $
   }) => {
-    let R = P ? K.trim() : K;
-    u && (R = R.toLowerCase()), a && (R = bt(R));
-    const W = R ? h.filter((le) => {
-      let U = (S || C)(le);
-      return u && (U = U.toLowerCase()), a && (U = bt(U)), k === "start" ? U.indexOf(R) === 0 : U.indexOf(R) > -1;
+    let N = P ? K.trim() : K;
+    u && (N = N.toLowerCase()), a && (N = mt(N));
+    const W = N ? h.filter((le) => {
+      let U = (S || $)(le);
+      return u && (U = U.toLowerCase()), a && (U = mt(U)), k === "start" ? U.indexOf(N) === 0 : U.indexOf(N) > -1;
     }) : h;
-    return typeof I == "number" ? W.slice(0, I) : W;
+    return typeof O == "number" ? W.slice(0, O) : W;
   };
 }
 function lt(t, a) {
@@ -47,30 +46,30 @@ function lt(t, a) {
       return u;
   return -1;
 }
-const Dt = Mt(), mt = 5, jt = (t) => {
+const jt = Mt(), bt = 5, Vt = (t) => {
   var a;
   return t.current !== null && ((a = t.current.parentElement) == null ? void 0 : a.contains(document.activeElement));
 };
-function Vt(t) {
+function Ft(t) {
   const {
     // eslint-disable-next-line @typescript-eslint/naming-convention
-    unstable_isActiveElementInListbox: a = jt,
+    unstable_isActiveElementInListbox: a = Vt,
     // eslint-disable-next-line @typescript-eslint/naming-convention
     unstable_classNamePrefix: u = "Mui",
-    autoComplete: I = !1,
+    autoComplete: O = !1,
     autoHighlight: k = !1,
     autoSelect: S = !1,
     blurOnSelect: P = !1,
     clearOnBlur: h = !t.freeSolo,
     clearOnEscape: K = !1,
-    componentName: C = "useAutocomplete",
-    defaultValue: R = t.multiple ? [] : null,
+    componentName: $ = "useAutocomplete",
+    defaultValue: N = t.multiple ? [] : null,
     disableClearable: W = !1,
     disableCloseOnSelect: le = !1,
     disabled: U,
     disabledItemsFocusable: ze = !1,
     disableListWrap: Be = !1,
-    filterOptions: it = Dt,
+    filterOptions: it = jt,
     filterSelectedOptions: xe = !1,
     freeSolo: J = !1,
     getOptionDisabled: Y,
@@ -96,29 +95,29 @@ function Vt(t) {
     readOnly: Q = !1,
     selectOnFocus: qe = !t.freeSolo,
     value: Ke
-  } = t, N = kt(se);
+  } = t, R = Nt(se);
   let T = Ue;
   T = (o) => {
     const e = Ue(o);
     if (typeof e != "string") {
       if (process.env.NODE_ENV !== "production") {
         const r = e === void 0 ? "undefined" : `${typeof e} (${e})`;
-        console.error(`MUI: The \`getOptionLabel\` method of ${C} returned ${r} instead of a string for ${JSON.stringify(o)}.`);
+        console.error(`MUI: The \`getOptionLabel\` method of ${$} returned ${r} instead of a string for ${JSON.stringify(o)}.`);
       }
       return String(e);
     }
     return e;
   };
-  const ve = $.useRef(!1), $e = $.useRef(!0), m = $.useRef(null), j = $.useRef(null), [ce, Je] = $.useState(null), [M, de] = $.useState(-1), ke = k ? 0 : -1, A = $.useRef(ke), [s, Re] = at({
+  const ve = C.useRef(!1), Ce = C.useRef(!0), b = C.useRef(null), j = C.useRef(null), [ce, Je] = C.useState(null), [D, de] = C.useState(-1), ke = k ? 0 : -1, A = C.useRef(ke), [s, Ne] = at({
     controlled: Ke,
-    default: R,
-    name: C
+    default: N,
+    name: $
   }), [g, oe] = at({
     controlled: pt,
     default: "",
-    name: C,
+    name: $,
     state: "inputValue"
-  }), [Z, Ne] = $.useState(!1), fe = $.useCallback((o, e) => {
+  }), [Z, Re] = C.useState(!1), fe = C.useCallback((o, e) => {
     if (!(f ? s.length < e.length : e !== null) && !h)
       return;
     let l;
@@ -134,36 +133,36 @@ function Vt(t) {
   }, [T, g, f, X, oe, h, s]), [ee, Ee] = at({
     controlled: Ge,
     default: !1,
-    name: C,
+    name: $,
     state: "open"
-  }), [Ye, Me] = $.useState(!0), De = !f && s != null && g === T(s), E = ee && !Q, x = E ? it(
+  }), [Ye, De] = C.useState(!0), Me = !f && s != null && g === T(s), E = ee && !Q, x = E ? it(
     Le.filter((o) => !(xe && (f ? s : [s]).some((e) => e !== null && _(o, e)))),
     // we use the empty string to manipulate `filterOptions` to not filter any options
     // i.e. the filter predicate always returns true
     {
-      inputValue: De && Ye ? "" : g,
+      inputValue: Me && Ye ? "" : g,
       getOptionLabel: T
     }
   ) : [], V = Rt({
     filteredOptions: x,
     value: s
   });
-  $.useEffect(() => {
+  C.useEffect(() => {
     const o = s !== V.value;
     Z && !o || J && !o || fe(null, s);
   }, [s, fe, Z, V.value, J]);
-  const Ce = ee && x.length > 0 && !Q;
+  const $e = ee && x.length > 0 && !Q;
   if (process.env.NODE_ENV !== "production" && s !== null && !J && Le.length > 0) {
     const o = (f ? s : [s]).filter((e) => !Le.some((r) => _(r, e)));
-    o.length > 0 && console.warn([`MUI: The value provided to ${C} is invalid.`, `None of the options match with \`${o.length > 1 ? JSON.stringify(o) : JSON.stringify(o[0])}\`.`, "You can use the `isOptionEqualToValue` prop to customize the equality test."].join(`
+    o.length > 0 && console.warn([`MUI: The value provided to ${$} is invalid.`, `None of the options match with \`${o.length > 1 ? JSON.stringify(o) : JSON.stringify(o[0])}\`.`, "You can use the `isOptionEqualToValue` prop to customize the equality test."].join(`
 `));
   }
   const ge = Fe((o) => {
-    o === -1 ? m.current.focus() : ce.querySelector(`[data-tag-index="${o}"]`).focus();
+    o === -1 ? b.current.focus() : ce.querySelector(`[data-tag-index="${o}"]`).focus();
   });
-  $.useEffect(() => {
-    f && M > s.length - 1 && (de(-1), ge(-1));
-  }, [s, f, M, ge]);
+  C.useEffect(() => {
+    f && D > s.length - 1 && (de(-1), ge(-1));
+  }, [s, f, D, ge]);
   function Xe(o, e) {
     if (!j.current || o === -1)
       return -1;
@@ -183,7 +182,7 @@ function Vt(t) {
     index: e,
     reason: r = "auto"
   }) => {
-    if (A.current = e, e === -1 ? m.current.removeAttribute("aria-activedescendant") : m.current.setAttribute("aria-activedescendant", `${N}-option-${e}`), we && we(o, e === -1 ? null : x[e], r), !j.current)
+    if (A.current = e, e === -1 ? b.current.removeAttribute("aria-activedescendant") : b.current.setAttribute("aria-activedescendant", `${R}-option-${e}`), we && we(o, e === -1 ? null : x[e], r), !j.current)
       return;
     const l = j.current.querySelector(`[role="option"].${u}-focused`);
     l && (l.classList.remove(`${u}-focused`), l.classList.remove(`${u}-focusVisible`));
@@ -194,10 +193,10 @@ function Vt(t) {
       c.scrollTop = 0;
       return;
     }
-    const b = j.current.querySelector(`[data-option-index="${e}"]`);
-    if (b && (b.classList.add(`${u}-focused`), r === "keyboard" && b.classList.add(`${u}-focusVisible`), c.scrollHeight > c.clientHeight && r !== "mouse")) {
-      const v = b, D = c.clientHeight + c.scrollTop, Ve = v.offsetTop + v.offsetHeight;
-      Ve > D ? c.scrollTop = Ve - c.clientHeight : v.offsetTop - v.offsetHeight * (ue ? 1.3 : 0) < c.scrollTop && (c.scrollTop = v.offsetTop - v.offsetHeight * (ue ? 1.3 : 0));
+    const m = j.current.querySelector(`[data-option-index="${e}"]`);
+    if (m && (m.classList.add(`${u}-focused`), r === "keyboard" && m.classList.add(`${u}-focusVisible`), c.scrollHeight > c.clientHeight && r !== "mouse")) {
+      const y = m, M = c.clientHeight + c.scrollTop, Ve = y.offsetTop + y.offsetHeight;
+      Ve > M ? c.scrollTop = Ve - c.clientHeight : y.offsetTop - y.offsetHeight * (ue ? 1.3 : 0) < c.scrollTop && (c.scrollTop = y.offsetTop - y.offsetHeight * (ue ? 1.3 : 0));
     }
   }), H = Fe(({
     event: o,
@@ -207,27 +206,27 @@ function Vt(t) {
   }) => {
     if (!E)
       return;
-    const b = Xe((() => {
-      const v = x.length - 1;
+    const m = Xe((() => {
+      const y = x.length - 1;
       if (e === "reset")
         return ke;
       if (e === "start")
         return 0;
       if (e === "end")
-        return v;
-      const D = A.current + e;
-      return D < 0 ? D === -1 && _e ? -1 : Be && A.current !== -1 || Math.abs(e) > 1 ? 0 : v : D > v ? D === v + 1 && _e ? -1 : Be || Math.abs(e) > 1 ? v : 0 : D;
+        return y;
+      const M = A.current + e;
+      return M < 0 ? M === -1 && _e ? -1 : Be && A.current !== -1 || Math.abs(e) > 1 ? 0 : y : M > y ? M === y + 1 && _e ? -1 : Be || Math.abs(e) > 1 ? y : 0 : M;
     })(), r);
     if (F({
-      index: b,
+      index: m,
       reason: l,
       event: o
-    }), I && e !== "reset")
-      if (b === -1)
-        m.current.value = g;
+    }), O && e !== "reset")
+      if (m === -1)
+        b.current.value = g;
       else {
-        const v = T(x[b]);
-        m.current.value = v, v.toLowerCase().indexOf(g.toLowerCase()) === 0 && g.length > 0 && m.current.setSelectionRange(g.length, v.length);
+        const y = T(x[m]);
+        b.current.value = y, y.toLowerCase().indexOf(g.toLowerCase()) === 0 && g.length > 0 && b.current.setSelectionRange(g.length, y.length);
       }
   }), Qe = () => {
     const o = (e, r) => {
@@ -240,7 +239,7 @@ function Vt(t) {
         return !0;
     }
     return !1;
-  }, ne = $.useCallback(() => {
+  }, ne = C.useCallback(() => {
     if (!E || Qe())
       return;
     const o = f ? s[0] : s;
@@ -286,40 +285,40 @@ function Vt(t) {
     g,
     f
   ]), Ze = Fe((o) => {
-    Nt(j, o), o && ne();
+    Et(j, o), o && ne();
   });
-  process.env.NODE_ENV !== "production" && $.useEffect(() => {
-    (!m.current || m.current.nodeName !== "INPUT") && (m.current && m.current.nodeName === "TEXTAREA" ? console.warn([`A textarea element was provided to ${C} 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 (e.g. 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 ${m.current} while an HTMLInputElement was expected.`, `Instead, ${C} expects an input element.`, "", C === "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(`
+  process.env.NODE_ENV !== "production" && C.useEffect(() => {
+    (!b.current || b.current.nodeName !== "INPUT") && (b.current && b.current.nodeName === "TEXTAREA" ? console.warn([`A textarea element was provided to ${$} 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 (e.g. 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, ${$} expects an input element.`, "", $ === "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(`
 `)));
-  }, [C]), $.useEffect(() => {
+  }, [$]), C.useEffect(() => {
     ne();
   }, [ne]);
   const te = (o) => {
-    ee || (Ee(!0), Me(!0), ye && ye(o));
+    ee || (Ee(!0), De(!0), ye && ye(o));
   }, G = (o, e) => {
     ee && (Ee(!1), Ie && Ie(o, e));
   }, q = (o, e, r, l) => {
     if (f) {
-      if (s.length === e.length && s.every((c, b) => c === e[b]))
+      if (s.length === e.length && s.every((c, m) => c === e[m]))
         return;
     } else if (s === e)
       return;
-    Oe && Oe(o, e, r, l), Re(e);
-  }, re = $.useRef(!1), ie = (o, e, r = "selectOption", l = "options") => {
-    let c = r, b = e;
+    Oe && Oe(o, e, r, l), Ne(e);
+  }, re = C.useRef(!1), ie = (o, e, r = "selectOption", l = "options") => {
+    let c = r, m = e;
     if (f) {
-      if (b = Array.isArray(s) ? s.slice() : [], process.env.NODE_ENV !== "production") {
-        const D = b.filter((Ve) => _(e, Ve));
-        D.length > 1 && console.error([`MUI: The \`isOptionEqualToValue\` method of ${C} does not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${D.length} matches.`].join(`
+      if (m = Array.isArray(s) ? s.slice() : [], process.env.NODE_ENV !== "production") {
+        const M = m.filter((Ve) => _(e, Ve));
+        M.length > 1 && console.error([`MUI: The \`isOptionEqualToValue\` method of ${$} does not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${M.length} matches.`].join(`
 `));
       }
-      const v = lt(b, (D) => _(e, D));
-      v === -1 ? b.push(e) : l !== "freeSolo" && (b.splice(v, 1), c = "removeOption");
+      const y = lt(m, (M) => _(e, M));
+      y === -1 ? m.push(e) : l !== "freeSolo" && (m.splice(y, 1), c = "removeOption");
     }
-    fe(o, b), q(o, b, c, {
+    fe(o, m), q(o, m, c, {
       option: e
-    }), !le && (!o || !o.ctrlKey && !o.metaKey) && G(o, c), (P === !0 || P === "touch" && re.current || P === "mouse" && !re.current) && m.current.blur();
+    }), !le && (!o || !o.ctrlKey && !o.metaKey) && G(o, c), (P === !0 || P === "touch" && re.current || P === "mouse" && !re.current) && b.current.blur();
   };
   function w(o, e) {
     if (o === -1)
@@ -335,16 +334,16 @@ function Vt(t) {
         return r;
     }
   }
-  const y = (o, e) => {
+  const I = (o, e) => {
     if (!f)
       return;
     g === "" && G(o, "toggleInput");
-    let r = M;
-    M === -1 ? g === "" && e === "previous" && (r = s.length - 1) : (r += e === "next" ? 1 : -1, r < 0 && (r = 0), r === s.length && (r = -1)), r = w(r, e), de(r), ge(r);
+    let r = D;
+    D === -1 ? g === "" && e === "previous" && (r = s.length - 1) : (r += e === "next" ? 1 : -1, r < 0 && (r = 0), r === s.length && (r = -1)), r = w(r, e), de(r), ge(r);
   }, z = (o) => {
     ve.current = !0, oe(""), X && X(o, "", "clear"), q(o, f ? [] : null, "clear");
   }, ct = (o) => (e) => {
-    if (o.onKeyDown && o.onKeyDown(e), !e.defaultMuiPrevented && (M !== -1 && ["ArrowLeft", "ArrowRight"].indexOf(e.key) === -1 && (de(-1), ge(-1)), e.which !== 229))
+    if (o.onKeyDown && o.onKeyDown(e), !e.defaultMuiPrevented && (D !== -1 && ["ArrowLeft", "ArrowRight"].indexOf(e.key) === -1 && (de(-1), ge(-1)), e.which !== 229))
       switch (e.key) {
         case "Home":
           E && We && (e.preventDefault(), H({
@@ -364,7 +363,7 @@ function Vt(t) {
           break;
         case "PageUp":
           e.preventDefault(), H({
-            diff: -mt,
+            diff: -bt,
             direction: "previous",
             reason: "keyboard",
             event: e
@@ -372,7 +371,7 @@ function Vt(t) {
           break;
         case "PageDown":
           e.preventDefault(), H({
-            diff: mt,
+            diff: bt,
             direction: "next",
             reason: "keyboard",
             event: e
@@ -395,34 +394,34 @@ function Vt(t) {
           }), te(e);
           break;
         case "ArrowLeft":
-          y(e, "previous");
+          I(e, "previous");
           break;
         case "ArrowRight":
-          y(e, "next");
+          I(e, "next");
           break;
         case "Enter":
           if (A.current !== -1 && E) {
             const r = x[A.current], l = Y ? Y(r) : !1;
             if (e.preventDefault(), l)
               return;
-            ie(e, r, "selectOption"), I && m.current.setSelectionRange(m.current.value.length, m.current.value.length);
+            ie(e, r, "selectOption"), O && b.current.setSelectionRange(b.current.value.length, b.current.value.length);
           } else
-            J && g !== "" && De === !1 && (f && e.preventDefault(), ie(e, g, "createOption", "freeSolo"));
+            J && g !== "" && Me === !1 && (f && e.preventDefault(), ie(e, g, "createOption", "freeSolo"));
           break;
         case "Escape":
           E ? (e.preventDefault(), e.stopPropagation(), G(e, "escape")) : K && (g !== "" || f && s.length > 0) && (e.preventDefault(), e.stopPropagation(), z(e));
           break;
         case "Backspace":
           if (f && !Q && g === "" && s.length > 0) {
-            const r = M === -1 ? s.length - 1 : M, l = s.slice();
+            const r = D === -1 ? s.length - 1 : D, l = s.slice();
             l.splice(r, 1), q(e, l, "removeOption", {
               option: s[r]
             });
           }
           break;
         case "Delete":
-          if (f && !Q && g === "" && s.length > 0 && M !== -1) {
-            const r = M, l = s.slice();
+          if (f && !Q && g === "" && s.length > 0 && D !== -1) {
+            const r = D, l = s.slice();
             l.splice(r, 1), q(e, l, "removeOption", {
               option: s[r]
             });
@@ -430,16 +429,16 @@ function Vt(t) {
           break;
       }
   }, et = (o) => {
-    Ne(!0), ut && !ve.current && te(o);
+    Re(!0), ut && !ve.current && te(o);
   }, tt = (o) => {
     if (a(j)) {
-      m.current.focus();
+      b.current.focus();
       return;
     }
-    Ne(!1), $e.current = !0, ve.current = !1, S && A.current !== -1 && E ? ie(o, x[A.current], "blur") : S && J && g !== "" ? ie(o, g, "blur", "freeSolo") : h && fe(o, s), G(o, "blur");
+    Re(!1), Ce.current = !0, ve.current = !1, S && A.current !== -1 && E ? ie(o, x[A.current], "blur") : S && J && g !== "" ? ie(o, g, "blur", "freeSolo") : h && fe(o, s), G(o, "blur");
   }, ot = (o) => {
     const e = o.target.value;
-    g !== e && (oe(e), Me(!1), X && X(o, e, "input")), e === "" ? !W && !f && q(o, null, "clear") : te(o);
+    g !== e && (oe(e), De(!1), X && X(o, e, "input")), e === "" ? !W && !f && q(o, null, "clear") : te(o);
   }, je = (o) => {
     const e = Number(o.currentTarget.getAttribute("data-option-index"));
     A.current !== e && F({
@@ -461,14 +460,14 @@ function Vt(t) {
     r.splice(o, 1), q(e, r, "removeOption", {
       option: s[o]
     });
-  }, be = (o) => {
+  }, me = (o) => {
     ee ? G(o, "toggleInput") : te(o);
   }, p = (o) => {
-    o.target.getAttribute("id") !== N && o.preventDefault();
+    o.target.getAttribute("id") !== R && o.preventDefault();
   }, L = () => {
-    m.current.focus(), qe && $e.current && m.current.selectionEnd - m.current.selectionStart === 0 && m.current.select(), $e.current = !1;
+    b.current.focus(), qe && Ce.current && b.current.selectionEnd - b.current.selectionStart === 0 && b.current.select(), Ce.current = !1;
   }, ae = (o) => {
-    (g === "" || !ee) && be(o);
+    (g === "" || !ee) && me(o);
   };
   let Ae = J && g.length > 0;
   Ae = Ae || (f ? s.length > 0 : s !== null);
@@ -477,29 +476,29 @@ function Vt(t) {
     const o = /* @__PURE__ */ new Map();
     let e = !1;
     dt = x.reduce((r, l, c) => {
-      const b = ue(l);
-      return r.length > 0 && r[r.length - 1].group === b ? r[r.length - 1].options.push(l) : (process.env.NODE_ENV !== "production" && (o.get(b) && !e && (console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${C} returns duplicated headers.`, "You can solve the issue by sorting the options with the output of `groupBy`."), e = !0), o.set(b, !0)), r.push({
+      const m = ue(l);
+      return r.length > 0 && r[r.length - 1].group === m ? r[r.length - 1].options.push(l) : (process.env.NODE_ENV !== "production" && (o.get(m) && !e && (console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${$} returns duplicated headers.`, "You can solve the issue by sorting the options with the output of `groupBy`."), e = !0), o.set(m, !0)), r.push({
         key: c,
         index: c,
-        group: b,
+        group: m,
         options: [l]
       })), r;
     }, []);
   }
   return U && Z && tt(), {
     getRootProps: (o = {}) => d({
-      "aria-owns": Ce ? `${N}-listbox` : null
+      "aria-owns": $e ? `${R}-listbox` : null
     }, o, {
       onKeyDown: ct(o),
       onMouseDown: p,
       onClick: L
     }),
     getInputLabelProps: () => ({
-      id: `${N}-label`,
-      htmlFor: N
+      id: `${R}-label`,
+      htmlFor: R
     }),
     getInputProps: () => ({
-      id: N,
+      id: R,
       value: g,
       onBlur: tt,
       onFocus: et,
@@ -508,13 +507,13 @@ function Vt(t) {
       // if open then this is handled imperatively so don't let react override
       // only have an opinion about this when closed
       "aria-activedescendant": E ? "" : null,
-      "aria-autocomplete": I ? "both" : "list",
-      "aria-controls": Ce ? `${N}-listbox` : void 0,
-      "aria-expanded": Ce,
+      "aria-autocomplete": O ? "both" : "list",
+      "aria-controls": $e ? `${R}-listbox` : void 0,
+      "aria-expanded": $e,
       // Disable browser's suggestion that might overlap with the popup.
       // Handle autocomplete but not autofill.
       autoComplete: "off",
-      ref: m,
+      ref: b,
       autoCapitalize: "none",
       spellCheck: "false",
       role: "combobox",
@@ -526,7 +525,7 @@ function Vt(t) {
     }),
     getPopupIndicatorProps: () => ({
       tabIndex: -1,
-      onClick: be
+      onClick: me
     }),
     getTagProps: ({
       index: o
@@ -539,8 +538,8 @@ function Vt(t) {
     }),
     getListboxProps: () => ({
       role: "listbox",
-      id: `${N}-listbox`,
-      "aria-labelledby": `${N}-label`,
+      id: `${R}-listbox`,
+      "aria-labelledby": `${R}-label`,
       ref: Ze,
       onMouseDown: (o) => {
         o.preventDefault();
@@ -555,7 +554,7 @@ function Vt(t) {
         key: T(e),
         tabIndex: -1,
         role: "option",
-        id: `${N}-option-${o}`,
+        id: `${R}-option-${o}`,
         onMouseMove: je,
         onClick: Se,
         onTouchStart: Pe,
@@ -564,35 +563,35 @@ function Vt(t) {
         "aria-selected": r
       };
     },
-    id: N,
+    id: R,
     inputValue: g,
     value: s,
     dirty: Ae,
     expanded: E && ce,
     popupOpen: E,
-    focused: Z || M !== -1,
+    focused: Z || D !== -1,
     anchorEl: ce,
     setAnchorEl: Je,
-    focusedTag: M,
+    focusedTag: D,
     groupedOptions: dt
   };
 }
-function Ft(t) {
-  return $t("MuiListSubheader", t);
+function Ht(t) {
+  return It("MuiListSubheader", t);
 }
-It("MuiListSubheader", ["root", "colorPrimary", "colorInherit", "gutters", "inset", "sticky"]);
-const Ht = ["className", "color", "component", "disableGutters", "disableSticky", "inset"], zt = (t) => {
+yt("MuiListSubheader", ["root", "colorPrimary", "colorInherit", "gutters", "inset", "sticky"]);
+const zt = ["className", "color", "component", "disableGutters", "disableSticky", "inset"], Bt = (t) => {
   const {
     classes: a,
     color: u,
-    disableGutters: I,
+    disableGutters: O,
     inset: k,
     disableSticky: S
   } = t, P = {
-    root: ["root", u !== "default" && `color${He(u)}`, !I && "gutters", k && "inset", !S && "sticky"]
+    root: ["root", u !== "default" && `color${He(u)}`, !O && "gutters", k && "inset", !S && "sticky"]
   };
-  return vt(P, Ft, a);
-}, Bt = B("li", {
+  return Ct(P, Ht, a);
+}, Ut = B("li", {
   name: "MuiListSubheader",
   slot: "Root",
   overridesResolver: (t, a) => {
@@ -626,8 +625,8 @@ const Ht = ["className", "color", "component", "disableGutters", "disableSticky"
   top: 0,
   zIndex: 1,
   backgroundColor: (t.vars || t).palette.background.paper
-})), st = /* @__PURE__ */ $.forwardRef(function(a, u) {
-  const I = yt({
+})), st = /* @__PURE__ */ C.forwardRef(function(a, u) {
+  const O = vt({
     props: a,
     name: "MuiListSubheader"
   }), {
@@ -636,20 +635,20 @@ const Ht = ["className", "color", "component", "disableGutters", "disableSticky"
     component: P = "li",
     disableGutters: h = !1,
     disableSticky: K = !1,
-    inset: C = !1
-  } = I, R = Ot(I, Ht), W = d({}, I, {
+    inset: $ = !1
+  } = O, N = Ot(O, zt), W = d({}, O, {
     color: S,
     component: P,
     disableGutters: h,
     disableSticky: K,
-    inset: C
-  }), le = zt(W);
-  return /* @__PURE__ */ O.jsx(Bt, d({
+    inset: $
+  }), le = Bt(W);
+  return /* @__PURE__ */ v.jsx(Ut, d({
     as: P,
     className: he(le.root, k),
     ref: u,
     ownerState: W
-  }, R));
+  }, N));
 });
 st.muiSkipListHighlight = !0;
 process.env.NODE_ENV !== "production" && (st.propTypes = {
@@ -699,32 +698,32 @@ process.env.NODE_ENV !== "production" && (st.propTypes = {
    */
   sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object])
 });
-const Ut = st;
-function Wt(t) {
-  return $t("MuiAutocomplete", t);
+const Wt = st;
+function _t(t) {
+  return It("MuiAutocomplete", t);
 }
-const _t = It("MuiAutocomplete", ["root", "expanded", "fullWidth", "focused", "focusVisible", "tag", "tagSizeSmall", "tagSizeMedium", "hasPopupIcon", "hasClearIcon", "inputRoot", "input", "inputFocused", "endAdornment", "clearIndicator", "popupIndicator", "popupIndicatorOpen", "popper", "popperDisablePortal", "paper", "listbox", "loading", "noOptions", "option", "groupLabel", "groupUl"]), i = _t;
+const Gt = yt("MuiAutocomplete", ["root", "expanded", "fullWidth", "focused", "focusVisible", "tag", "tagSizeSmall", "tagSizeMedium", "hasPopupIcon", "hasClearIcon", "inputRoot", "input", "inputFocused", "endAdornment", "clearIndicator", "popupIndicator", "popupIndicatorOpen", "popper", "popperDisablePortal", "paper", "listbox", "loading", "noOptions", "option", "groupLabel", "groupUl"]), i = Gt;
 var ht, xt;
-const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "ChipProps", "className", "clearIcon", "clearOnBlur", "clearOnEscape", "clearText", "closeText", "componentsProps", "defaultValue", "disableClearable", "disableCloseOnSelect", "disabled", "disabledItemsFocusable", "disableListWrap", "disablePortal", "filterOptions", "filterSelectedOptions", "forcePopupIcon", "freeSolo", "fullWidth", "getLimitTagsText", "getOptionDisabled", "getOptionLabel", "isOptionEqualToValue", "groupBy", "handleHomeEndKeys", "id", "includeInputInList", "inputValue", "limitTags", "ListboxComponent", "ListboxProps", "loading", "loadingText", "multiple", "noOptionsText", "onChange", "onClose", "onHighlightChange", "onInputChange", "onOpen", "open", "openOnFocus", "openText", "options", "PaperComponent", "PopperComponent", "popupIcon", "readOnly", "renderGroup", "renderInput", "renderOption", "renderTags", "selectOnFocus", "size", "slotProps", "value"], qt = (t) => {
+const qt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "ChipProps", "className", "clearIcon", "clearOnBlur", "clearOnEscape", "clearText", "closeText", "componentsProps", "defaultValue", "disableClearable", "disableCloseOnSelect", "disabled", "disabledItemsFocusable", "disableListWrap", "disablePortal", "filterOptions", "filterSelectedOptions", "forcePopupIcon", "freeSolo", "fullWidth", "getLimitTagsText", "getOptionDisabled", "getOptionLabel", "isOptionEqualToValue", "groupBy", "handleHomeEndKeys", "id", "includeInputInList", "inputValue", "limitTags", "ListboxComponent", "ListboxProps", "loading", "loadingText", "multiple", "noOptionsText", "onChange", "onClose", "onHighlightChange", "onInputChange", "onOpen", "open", "openOnFocus", "openText", "options", "PaperComponent", "PopperComponent", "popupIcon", "readOnly", "renderGroup", "renderInput", "renderOption", "renderTags", "selectOnFocus", "size", "slotProps", "value"], Kt = (t) => {
   const {
     classes: a,
     disablePortal: u,
-    expanded: I,
+    expanded: O,
     focused: k,
     fullWidth: S,
     hasClearIcon: P,
     hasPopupIcon: h,
     inputFocused: K,
-    popupOpen: C,
-    size: R
+    popupOpen: $,
+    size: N
   } = t, W = {
-    root: ["root", I && "expanded", k && "focused", S && "fullWidth", P && "hasClearIcon", h && "hasPopupIcon"],
+    root: ["root", O && "expanded", k && "focused", S && "fullWidth", P && "hasClearIcon", h && "hasPopupIcon"],
     inputRoot: ["inputRoot"],
     input: ["input", K && "inputFocused"],
-    tag: ["tag", `tagSize${He(R)}`],
+    tag: ["tag", `tagSize${He(N)}`],
     endAdornment: ["endAdornment"],
     clearIndicator: ["clearIndicator"],
-    popupIndicator: ["popupIndicator", C && "popupIndicatorOpen"],
+    popupIndicator: ["popupIndicator", $ && "popupIndicatorOpen"],
     popper: ["popper", u && "popperDisablePortal"],
     paper: ["paper"],
     listbox: ["listbox"],
@@ -734,15 +733,15 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
     groupLabel: ["groupLabel"],
     groupUl: ["groupUl"]
   };
-  return vt(W, Wt, a);
-}, Kt = B("div", {
+  return Ct(W, _t, a);
+}, Jt = B("div", {
   name: "MuiAutocomplete",
   slot: "Root",
   overridesResolver: (t, a) => {
     const {
       ownerState: u
     } = t, {
-      fullWidth: I,
+      fullWidth: O,
       hasClearIcon: k,
       hasPopupIcon: S,
       inputFocused: P,
@@ -758,7 +757,7 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
       [`& .${i.input}`]: a.input
     }, {
       [`& .${i.input}`]: P && a.inputFocused
-    }, a.root, I && a.fullWidth, S && a.hasPopupIcon, k && a.hasClearIcon];
+    }, a.root, O && a.fullWidth, S && a.hasPopupIcon, k && a.hasClearIcon];
   }
 })(({
   ownerState: t
@@ -795,14 +794,14 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
       minWidth: 30
     }
   },
-  [`& .${nt.root}`]: {
+  [`& .${rt.root}`]: {
     paddingBottom: 1,
     "& .MuiInput-input": {
       padding: "4px 4px 4px 0px"
     }
   },
-  [`& .${nt.root}.${pe.sizeSmall}`]: {
-    [`& .${nt.input}`]: {
+  [`& .${rt.root}.${pe.sizeSmall}`]: {
+    [`& .${rt.input}`]: {
       padding: "2px 4px 3px 0"
     }
   },
@@ -831,7 +830,7 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
       padding: "2.5px 4px 2.5px 8px"
     }
   },
-  [`& .${me.root}`]: {
+  [`& .${be.root}`]: {
     paddingTop: 19,
     paddingLeft: 8,
     [`.${i.hasPopupIcon}&, .${i.hasClearIcon}&`]: {
@@ -840,23 +839,23 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
     [`.${i.hasPopupIcon}.${i.hasClearIcon}&`]: {
       paddingRight: 52 + 4 + 9
     },
-    [`& .${me.input}`]: {
+    [`& .${be.input}`]: {
       padding: "7px 4px"
     },
     [`& .${i.endAdornment}`]: {
       right: 9
     }
   },
-  [`& .${me.root}.${pe.sizeSmall}`]: {
+  [`& .${be.root}.${pe.sizeSmall}`]: {
     paddingBottom: 1,
-    [`& .${me.input}`]: {
+    [`& .${be.input}`]: {
       padding: "2.5px 4px"
     }
   },
   [`& .${pe.hiddenLabel}`]: {
     paddingTop: 8
   },
-  [`& .${me.root}.${pe.hiddenLabel}`]: {
+  [`& .${be.root}.${pe.hiddenLabel}`]: {
     paddingTop: 0,
     paddingBottom: 0,
     [`& .${i.input}`]: {
@@ -864,7 +863,7 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
       paddingBottom: 17
     }
   },
-  [`& .${me.root}.${pe.hiddenLabel}.${pe.sizeSmall}`]: {
+  [`& .${be.root}.${pe.hiddenLabel}.${pe.sizeSmall}`]: {
     [`& .${i.input}`]: {
       paddingTop: 8,
       paddingBottom: 9
@@ -877,7 +876,7 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
   }, t.inputFocused && {
     opacity: 1
   })
-})), Jt = B("div", {
+})), Yt = B("div", {
   name: "MuiAutocomplete",
   slot: "EndAdornment",
   overridesResolver: (t, a) => a.endAdornment
@@ -887,7 +886,7 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
   right: 0,
   top: "calc(50% - 14px)"
   // Center vertically
-}), Yt = B(Ct, {
+}), Xt = B($t, {
   name: "MuiAutocomplete",
   slot: "ClearIndicator",
   overridesResolver: (t, a) => a.clearIndicator
@@ -895,7 +894,7 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
   marginRight: -2,
   padding: 4,
   visibility: "hidden"
-}), Xt = B(Ct, {
+}), Qt = B($t, {
   name: "MuiAutocomplete",
   slot: "PopupIndicator",
   overridesResolver: ({
@@ -908,7 +907,7 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
   marginRight: -2
 }, t.popupOpen && {
   transform: "rotate(180deg)"
-})), Qt = B(Pt, {
+})), Zt = B(Pt, {
   name: "MuiAutocomplete",
   slot: "Popper",
   overridesResolver: (t, a) => {
@@ -926,7 +925,7 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
   zIndex: (t.vars || t).zIndex.modal
 }, a.disablePortal && {
   position: "absolute"
-})), Zt = B(St, {
+})), eo = B(St, {
   name: "MuiAutocomplete",
   slot: "Paper",
   overridesResolver: (t, a) => a.paper
@@ -934,7 +933,7 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
   theme: t
 }) => d({}, t.typography.body1, {
   overflow: "auto"
-})), eo = B("div", {
+})), to = B("div", {
   name: "MuiAutocomplete",
   slot: "Loading",
   overridesResolver: (t, a) => a.loading
@@ -943,7 +942,7 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
 }) => ({
   color: (t.vars || t).palette.text.secondary,
   padding: "14px 16px"
-})), to = B("div", {
+})), oo = B("div", {
   name: "MuiAutocomplete",
   slot: "NoOptions",
   overridesResolver: (t, a) => a.noOptions
@@ -952,7 +951,7 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
 }) => ({
   color: (t.vars || t).palette.text.secondary,
   padding: "14px 16px"
-})), oo = B("div", {
+})), no = B("div", {
   name: "MuiAutocomplete",
   slot: "Listbox",
   overridesResolver: (t, a) => a.listbox
@@ -997,20 +996,20 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
       backgroundColor: (t.vars || t).palette.action.focus
     },
     '&[aria-selected="true"]': {
-      backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})` : rt(t.palette.primary.main, t.palette.action.selectedOpacity),
+      backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})` : nt(t.palette.primary.main, t.palette.action.selectedOpacity),
       [`&.${i.focused}`]: {
-        backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.hoverOpacity}))` : rt(t.palette.primary.main, t.palette.action.selectedOpacity + t.palette.action.hoverOpacity),
+        backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.hoverOpacity}))` : nt(t.palette.primary.main, t.palette.action.selectedOpacity + t.palette.action.hoverOpacity),
         // Reset on touch devices, it doesn't add specificity
         "@media (hover: none)": {
           backgroundColor: (t.vars || t).palette.action.selected
         }
       },
       [`&.${i.focusVisible}`]: {
-        backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.focusOpacity}))` : rt(t.palette.primary.main, t.palette.action.selectedOpacity + t.palette.action.focusOpacity)
+        backgroundColor: t.vars ? `rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.focusOpacity}))` : nt(t.palette.primary.main, t.palette.action.selectedOpacity + t.palette.action.focusOpacity)
       }
     }
   }
-})), no = B(Ut, {
+})), ro = B(Wt, {
   name: "MuiAutocomplete",
   slot: "GroupLabel",
   overridesResolver: (t, a) => a.groupLabel
@@ -1019,7 +1018,7 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
 }) => ({
   backgroundColor: (t.vars || t).palette.background.paper,
   top: -8
-})), ro = B("ul", {
+})), ao = B("ul", {
   name: "MuiAutocomplete",
   slot: "GroupUl",
   overridesResolver: (t, a) => a.groupUl
@@ -1028,19 +1027,19 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
   [`& .${i.option}`]: {
     paddingLeft: 24
   }
-}), Tt = /* @__PURE__ */ $.forwardRef(function(a, u) {
-  var I, k, S, P;
-  const h = yt({
+}), Tt = /* @__PURE__ */ C.forwardRef(function(a, u) {
+  var O, k, S, P;
+  const h = vt({
     props: a,
     name: "MuiAutocomplete"
   }), {
     autoComplete: K = !1,
-    autoHighlight: C = !1,
-    autoSelect: R = !1,
+    autoHighlight: $ = !1,
+    autoSelect: N = !1,
     blurOnSelect: W = !1,
     ChipProps: le,
     className: U,
-    clearIcon: ze = ht || (ht = /* @__PURE__ */ O.jsx(wt, {
+    clearIcon: ze = ht || (ht = /* @__PURE__ */ v.jsx(Lt, {
       fontSize: "small"
     })),
     clearOnBlur: Be = !h.freeSolo,
@@ -1070,34 +1069,34 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
     limitTags: Q = -1,
     ListboxComponent: qe = "ul",
     ListboxProps: Ke,
-    loading: N = !1,
+    loading: R = !1,
     loadingText: T = "Loading…",
     multiple: ve = !1,
-    noOptionsText: $e = "No options",
-    openOnFocus: m = !1,
+    noOptionsText: Ce = "No options",
+    openOnFocus: b = !1,
     openText: j = "Open",
     PaperComponent: ce = St,
     PopperComponent: Je = Pt,
-    popupIcon: M = xt || (xt = /* @__PURE__ */ O.jsx(At, {})),
+    popupIcon: D = xt || (xt = /* @__PURE__ */ v.jsx(wt, {})),
     readOnly: de = !1,
     renderGroup: ke,
     renderInput: A,
     renderOption: s,
-    renderTags: Re,
+    renderTags: Ne,
     selectOnFocus: g = !h.freeSolo,
     size: oe = "medium",
     slotProps: Z = {}
-  } = h, Ne = Ot(h, Gt), {
+  } = h, Re = Ot(h, qt), {
     getRootProps: fe,
     getInputProps: ee,
     getInputLabelProps: Ee,
     getPopupIndicatorProps: Ye,
-    getClearProps: Me,
-    getTagProps: De,
+    getClearProps: De,
+    getTagProps: Me,
     getListboxProps: E,
     getOptionProps: x,
     value: V,
-    dirty: Ce,
+    dirty: $e,
     expanded: ge,
     id: Xe,
     popupOpen: F,
@@ -1107,9 +1106,9 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
     setAnchorEl: Ze,
     inputValue: te,
     groupedOptions: G
-  } = Vt(d({}, h, {
+  } = Ft(d({}, h, {
     componentName: "Autocomplete"
-  })), q = !ue && !se && Ce && !de, re = (!Ie || Oe === !0) && Oe !== !1, {
+  })), q = !ue && !se && $e && !de, re = (!Ie || Oe === !0) && Oe !== !1, {
     onMouseDown: ie
   } = ee(), w = d({}, h, {
     disablePortal: _,
@@ -1121,14 +1120,14 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
     inputFocused: Qe === -1,
     popupOpen: F,
     size: oe
-  }), y = qt(w);
+  }), I = Kt(w);
   let z;
   if (ve && V.length > 0) {
     const p = (L) => d({
-      className: y.tag,
+      className: I.tag,
       disabled: se
-    }, De(L));
-    Re ? z = Re(V, p, w) : z = V.map((L, ae) => /* @__PURE__ */ O.jsx(Et, d({
+    }, Me(L));
+    Ne ? z = Ne(V, p, w) : z = V.map((L, ae) => /* @__PURE__ */ v.jsx(Dt, d({
       label: ye(L),
       size: oe
     }, p({
@@ -1137,23 +1136,23 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
   }
   if (Q > -1 && Array.isArray(z)) {
     const p = z.length - Q;
-    !H && p > 0 && (z = z.splice(0, Q), z.push(/* @__PURE__ */ O.jsx("span", {
-      className: y.tag,
+    !H && p > 0 && (z = z.splice(0, Q), z.push(/* @__PURE__ */ v.jsx("span", {
+      className: I.tag,
       children: X(p)
     }, z.length)));
   }
-  const et = ke || ((p) => /* @__PURE__ */ O.jsxs("li", {
-    children: [/* @__PURE__ */ O.jsx(no, {
-      className: y.groupLabel,
+  const et = ke || ((p) => /* @__PURE__ */ v.jsxs("li", {
+    children: [/* @__PURE__ */ v.jsx(ro, {
+      className: I.groupLabel,
       ownerState: w,
       component: "div",
       children: p.group
-    }), /* @__PURE__ */ O.jsx(ro, {
-      className: y.groupUl,
+    }), /* @__PURE__ */ v.jsx(ao, {
+      className: I.groupUl,
       ownerState: w,
       children: p.children
     })]
-  }, p.key)), ot = s || ((p, L) => /* @__PURE__ */ O.jsx("li", d({}, p, {
+  }, p.key)), ot = s || ((p, L) => /* @__PURE__ */ v.jsx("li", d({}, p, {
     children: ye(L)
   }))), je = (p, L) => {
     const ae = x({
@@ -1161,19 +1160,19 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
       index: L
     });
     return ot(d({}, ae, {
-      className: y.option
+      className: I.option
     }), p, {
       selected: ae["aria-selected"],
       index: L,
       inputValue: te
     });
-  }, Pe = (I = Z.clearIndicator) != null ? I : Y.clearIndicator, Se = (k = Z.paper) != null ? k : Y.paper, Te = (S = Z.popper) != null ? S : Y.popper, be = (P = Z.popupIndicator) != null ? P : Y.popupIndicator;
-  return /* @__PURE__ */ O.jsxs($.Fragment, {
-    children: [/* @__PURE__ */ O.jsx(Kt, d({
+  }, Pe = (O = Z.clearIndicator) != null ? O : Y.clearIndicator, Se = (k = Z.paper) != null ? k : Y.paper, Te = (S = Z.popper) != null ? S : Y.popper, me = (P = Z.popupIndicator) != null ? P : Y.popupIndicator;
+  return /* @__PURE__ */ v.jsxs(C.Fragment, {
+    children: [/* @__PURE__ */ v.jsx(Jt, d({
       ref: u,
-      className: he(y.root, U),
+      className: he(I.root, U),
       ownerState: w
-    }, fe(Ne), {
+    }, fe(Re), {
       children: A({
         id: Xe,
         disabled: se,
@@ -1182,40 +1181,40 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
         InputLabelProps: Ee(),
         InputProps: d({
           ref: Ze,
-          className: y.inputRoot,
+          className: I.inputRoot,
           startAdornment: z,
           onClick: (p) => {
             p.target === p.currentTarget && ie(p);
           }
         }, (q || re) && {
-          endAdornment: /* @__PURE__ */ O.jsxs(Jt, {
-            className: y.endAdornment,
+          endAdornment: /* @__PURE__ */ v.jsxs(Yt, {
+            className: I.endAdornment,
             ownerState: w,
-            children: [q ? /* @__PURE__ */ O.jsx(Yt, d({}, Me(), {
+            children: [q ? /* @__PURE__ */ v.jsx(Xt, d({}, De(), {
               "aria-label": xe,
               title: xe,
               ownerState: w
             }, Pe, {
-              className: he(y.clearIndicator, Pe == null ? void 0 : Pe.className),
+              className: he(I.clearIndicator, Pe == null ? void 0 : Pe.className),
               children: ze
-            })) : null, re ? /* @__PURE__ */ O.jsx(Xt, d({}, Ye(), {
+            })) : null, re ? /* @__PURE__ */ v.jsx(Qt, d({}, Ye(), {
               disabled: se,
               "aria-label": F ? J : j,
               title: F ? J : j,
               ownerState: w
-            }, be, {
-              className: he(y.popupIndicator, be == null ? void 0 : be.className),
-              children: M
+            }, me, {
+              className: he(I.popupIndicator, me == null ? void 0 : me.className),
+              children: D
             })) : null]
           })
         }),
         inputProps: d({
-          className: y.input,
+          className: I.input,
           disabled: se,
           readOnly: de
         }, ee())
       })
-    })), ne ? /* @__PURE__ */ O.jsx(Qt, d({
+    })), ne ? /* @__PURE__ */ v.jsx(Zt, d({
       as: Je,
       disablePortal: _,
       style: {
@@ -1226,27 +1225,27 @@ const Gt = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
       anchorEl: ne,
       open: F
     }, Te, {
-      className: he(y.popper, Te == null ? void 0 : Te.className),
-      children: /* @__PURE__ */ O.jsxs(Zt, d({
+      className: he(I.popper, Te == null ? void 0 : Te.className),
+      children: /* @__PURE__ */ v.jsxs(eo, d({
         ownerState: w,
         as: ce
       }, Se, {
-        className: he(y.paper, Se == null ? void 0 : Se.className),
-        children: [N && G.length === 0 ? /* @__PURE__ */ O.jsx(eo, {
-          className: y.loading,
+        className: he(I.paper, Se == null ? void 0 : Se.className),
+        children: [R && G.length === 0 ? /* @__PURE__ */ v.jsx(to, {
+          className: I.loading,
           ownerState: w,
           children: T
-        }) : null, G.length === 0 && !Ie && !N ? /* @__PURE__ */ O.jsx(to, {
-          className: y.noOptions,
+        }) : null, G.length === 0 && !Ie && !R ? /* @__PURE__ */ v.jsx(oo, {
+          className: I.noOptions,
           ownerState: w,
           role: "presentation",
           onMouseDown: (p) => {
             p.preventDefault();
           },
-          children: $e
-        }) : null, G.length > 0 ? /* @__PURE__ */ O.jsx(oo, d({
+          children: Ce
+        }) : null, G.length > 0 ? /* @__PURE__ */ v.jsx(no, d({
           as: qe,
-          className: y.listbox,
+          className: I.listbox,
           ownerState: w
         }, E(), Ke, {
           children: G.map((p, L) => Ge ? et({
@@ -1483,7 +1482,7 @@ process.env.NODE_ENV !== "production" && (Tt.propTypes = {
    * Set `-1` to disable the limit.
    * @default -1
    */
-  limitTags: Lt,
+  limitTags: kt,
   /**
    * The component used to render the listbox.
    * @default 'ul'
@@ -1664,10 +1663,14 @@ process.env.NODE_ENV !== "production" && (Tt.propTypes = {
   value: gt(n.any, (t) => t.multiple && t.value !== void 0 && !Array.isArray(t.value) ? new Error(["MUI: The Autocomplete expects the `value` prop to be an array when `multiple={true}` or undefined.", `However, ${t.value} was provided.`].join(`
 `)) : null)
 });
-const ao = Tt;
-function Co(t) {
-  return /* @__PURE__ */ O.jsx(ao, { ...t });
+const lo = Tt;
+function $o(t) {
+  return /* @__PURE__ */ At.jsxDEV(lo, { ...t }, void 0, !1, {
+    fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Selects/KdpaAutoComplete/KdpaAutoComplete.tsx",
+    lineNumber: 7,
+    columnNumber: 10
+  }, this);
 }
 export {
-  Co as K
+  $o as K
 };