jcicl 0.0.195 → 0.0.199

package/LabeledDropdown/LabeledDropdown.js

@@ -15,11 +15,11 @@ import { P as Ho } from "../.chunks/Popper.js";
 import { a as Zo } from "../.chunks/Portal.js";
 import { u as Po } from "../.chunks/useControlled.js";
 import { b as io, s as et, u as ot } from "../.chunks/TransitionGroupContext.js";
-function tt(e, n, a, i, g) {
+function tt(e, n, a, i, f) {
   if (process.env.NODE_ENV === "production")
     return null;
-  const x = g || n;
-  return typeof e[n] < "u" ? new Error(`The prop \`${x}\` is not supported. Please remove it.`) : null;
+  const $ = f || n;
+  return typeof e[n] < "u" ? new Error(`The prop \`${$}\` is not supported. Please remove it.`) : null;
 }
 const nt = (e) => {
   const n = b.useRef({});
@@ -35,20 +35,20 @@ function rt(e = {}) {
     ignoreAccents: n = !0,
     ignoreCase: a = !0,
     limit: i,
-    matchFrom: g = "any",
-    stringify: x,
-    trim: h = !1
+    matchFrom: f = "any",
+    stringify: $,
+    trim: y = !1
   } = e;
-  return (I, {
-    inputValue: P,
-    getOptionLabel: C
+  return (m, {
+    inputValue: C,
+    getOptionLabel: I
   }) => {
-    let k = h ? P.trim() : P;
+    let k = y ? C.trim() : C;
     a && (k = k.toLowerCase()), n && (k = Mo(k));
-    const L = k ? I.filter((X) => {
-      let A = (x || C)(X);
-      return a && (A = A.toLowerCase()), n && (A = Mo(A)), g === "start" ? A.startsWith(k) : A.includes(k);
-    }) : I;
+    const L = k ? m.filter((X) => {
+      let A = ($ || I)(X);
+      return a && (A = A.toLowerCase()), n && (A = Mo(A)), f === "start" ? A.startsWith(k) : A.includes(k);
+    }) : m;
     return typeof i == "number" ? L.slice(0, i) : L;
   };
 }
@@ -63,12 +63,12 @@ function st(e) {
     // eslint-disable-next-line @typescript-eslint/naming-convention
     unstable_classNamePrefix: a = "Mui",
     autoComplete: i = !1,
-    autoHighlight: g = !1,
-    autoSelect: x = !1,
-    blurOnSelect: h = !1,
-    clearOnBlur: I = !e.freeSolo,
-    clearOnEscape: P = !1,
-    componentName: C = "useAutocomplete",
+    autoHighlight: f = !1,
+    autoSelect: $ = !1,
+    blurOnSelect: y = !1,
+    clearOnBlur: m = !e.freeSolo,
+    clearOnEscape: C = !1,
+    componentName: I = "useAutocomplete",
     defaultValue: k = e.multiple ? it : null,
     disableClearable: L = !1,
     disableCloseOnSelect: X = !1,
@@ -87,7 +87,7 @@ function st(e) {
     includeInputInList: de = !1,
     inputValue: ye,
     isOptionEqualToValue: W = (r, t) => r === t,
-    multiple: y = !1,
+    multiple: v = !1,
     onChange: fe,
     onClose: _,
     onHighlightChange: ve,
@@ -96,7 +96,7 @@ function st(e) {
     open: xe,
     openOnFocus: D = !1,
     options: ko,
-    readOnly: Ce = !1,
+    readOnly: $e = !1,
     selectOnFocus: Fe = !e.freeSolo,
     value: go
   } = e, U = Zo(Ve);
@@ -106,62 +106,62 @@ function st(e) {
     if (typeof t != "string") {
       if (process.env.NODE_ENV !== "production") {
         const l = t === void 0 ? "undefined" : `${typeof t} (${t})`;
-        console.error(`MUI: The \`getOptionLabel\` method of ${C} returned ${l} instead of a string for ${JSON.stringify(r)}.`);
+        console.error(`MUI: The \`getOptionLabel\` method of ${I} returned ${l} instead of a string for ${JSON.stringify(r)}.`);
       }
       return String(t);
     }
     return t;
   };
-  const je = b.useRef(!1), Be = b.useRef(!0), w = b.useRef(null), K = b.useRef(null), [Ue, Ro] = b.useState(null), [G, Xe] = b.useState(-1), bo = g ? 0 : -1, z = b.useRef(bo), [s, Lo] = Po({
+  const je = b.useRef(!1), Be = b.useRef(!0), w = b.useRef(null), K = b.useRef(null), [Ue, Ro] = b.useState(null), [G, Xe] = b.useState(-1), bo = f ? 0 : -1, z = b.useRef(bo), [s, Lo] = Po({
     controlled: go,
     default: k,
-    name: C
-  }), [O, $e] = Po({
+    name: I
+  }), [P, Ce] = Po({
     controlled: ye,
     default: "",
-    name: C,
+    name: I,
     state: "inputValue"
   }), [Ie, He] = b.useState(!1), Oe = b.useCallback((r, t, l) => {
-    if (!(y ? s.length < t.length : t !== null) && !I)
+    if (!(v ? s.length < t.length : t !== null) && !m)
       return;
     let c;
-    if (y)
+    if (v)
       c = "";
     else if (t == null)
       c = "";
     else {
-      const $ = N(t);
-      c = typeof $ == "string" ? $ : "";
+      const O = N(t);
+      c = typeof O == "string" ? O : "";
     }
-    O !== c && ($e(c), q && q(r, c, l));
-  }, [N, O, y, q, $e, I, s]), [se, Qe] = Po({
+    P !== c && (Ce(c), q && q(r, c, l));
+  }, [N, P, v, q, Ce, m, s]), [se, Qe] = Po({
     controlled: xe,
     default: !1,
-    name: C,
+    name: I,
     state: "open"
-  }), [Ze, mo] = b.useState(!0), Pe = !y && s != null && O === N(s), j = se && !Ce, S = j ? Me(
-    ko.filter((r) => !(me && (y ? s : [s]).some((t) => t !== null && W(r, t)))),
+  }), [Ze, mo] = b.useState(!0), Pe = !v && s != null && P === N(s), j = se && !$e, S = j ? Me(
+    ko.filter((r) => !(me && (v ? s : [s]).some((t) => t !== null && W(r, t)))),
     // we use the empty string to manipulate `filterOptions` to not filter any options
     // i.e. the filter predicate always returns true
     {
-      inputValue: Pe && Ze ? "" : O,
+      inputValue: Pe && Ze ? "" : P,
       getOptionLabel: N
     }
   ) : [], Q = nt({
     filteredOptions: S,
     value: s,
-    inputValue: O
+    inputValue: P
   });
   b.useEffect(() => {
     const r = s !== Q.value;
     Ie && !r || le && !r || Oe(null, s, "reset");
   }, [s, Oe, Ie, Q.value, le]);
-  const We = se && S.length > 0 && !Ce, Se = io((r) => {
+  const We = se && S.length > 0 && !$e, Se = io((r) => {
     r === -1 ? w.current.focus() : Ue.querySelector(`[data-tag-index="${r}"]`).focus();
   });
   b.useEffect(() => {
-    y && G > s.length - 1 && (Xe(-1), Se(-1));
-  }, [s, y, G, Se]);
+    v && G > s.length - 1 && (Xe(-1), Se(-1));
+  }, [s, v, G, Se]);
   function eo(r, t) {
     if (!K.current || r < 0 || r >= S.length)
       return -1;
@@ -190,10 +190,10 @@ function st(e) {
       c.scrollTop = 0;
       return;
     }
-    const $ = K.current.querySelector(`[data-option-index="${t}"]`);
-    if ($ && ($.classList.add(`${a}-focused`), l === "keyboard" && $.classList.add(`${a}-focusVisible`), c.scrollHeight > c.clientHeight && l !== "mouse" && l !== "touch")) {
-      const v = $, B = c.clientHeight + c.scrollTop, Le = v.offsetTop + v.offsetHeight;
-      Le > B ? c.scrollTop = Le - c.clientHeight : v.offsetTop - v.offsetHeight * (oe ? 1.3 : 0) < c.scrollTop && (c.scrollTop = v.offsetTop - v.offsetHeight * (oe ? 1.3 : 0));
+    const O = K.current.querySelector(`[data-option-index="${t}"]`);
+    if (O && (O.classList.add(`${a}-focused`), l === "keyboard" && O.classList.add(`${a}-focusVisible`), c.scrollHeight > c.clientHeight && l !== "mouse" && l !== "touch")) {
+      const x = O, B = c.clientHeight + c.scrollTop, Le = x.offsetTop + x.offsetHeight;
+      Le > B ? c.scrollTop = Le - c.clientHeight : x.offsetTop - x.offsetHeight * (oe ? 1.3 : 0) < c.scrollTop && (c.scrollTop = x.offsetTop - x.offsetHeight * (oe ? 1.3 : 0));
     }
   }), Y = io(({
     event: r,
@@ -203,34 +203,34 @@ function st(e) {
   }) => {
     if (!j)
       return;
-    const $ = eo((() => {
-      const v = S.length - 1;
+    const O = eo((() => {
+      const x = S.length - 1;
       if (t === "reset")
         return bo;
       if (t === "start")
         return 0;
       if (t === "end")
-        return v;
+        return x;
       const B = z.current + t;
-      return B < 0 ? B === -1 && de ? -1 : ue && z.current !== -1 || Math.abs(t) > 1 ? 0 : v : B > v ? B === v + 1 && de ? -1 : ue || Math.abs(t) > 1 ? v : 0 : B;
+      return B < 0 ? B === -1 && de ? -1 : ue && z.current !== -1 || Math.abs(t) > 1 ? 0 : x : B > x ? B === x + 1 && de ? -1 : ue || Math.abs(t) > 1 ? x : 0 : B;
     })(), l);
     if (te({
-      index: $,
+      index: O,
       reason: p,
       event: r
     }), i && t !== "reset")
-      if ($ === -1)
-        w.current.value = O;
+      if (O === -1)
+        w.current.value = P;
       else {
-        const v = N(S[$]);
-        w.current.value = v, v.toLowerCase().indexOf(O.toLowerCase()) === 0 && O.length > 0 && w.current.setSelectionRange(O.length, v.length);
+        const x = N(S[O]);
+        w.current.value = x, x.toLowerCase().indexOf(P.toLowerCase()) === 0 && P.length > 0 && w.current.setSelectionRange(P.length, x.length);
       }
   }), ho = () => {
     const r = (t, l) => {
       const p = t ? N(t) : "", c = l ? N(l) : "";
       return p === c;
     };
-    if (z.current !== -1 && Q.filteredOptions && Q.filteredOptions.length !== S.length && Q.inputValue === O && (y ? s.length === Q.value.length && Q.value.every((t, l) => N(s[l]) === N(t)) : r(Q.value, s))) {
+    if (z.current !== -1 && Q.filteredOptions && Q.filteredOptions.length !== S.length && Q.inputValue === P && (v ? s.length === Q.value.length && Q.value.every((t, l) => N(s[l]) === N(t)) : r(Q.value, s))) {
       const t = Q.filteredOptions[z.current];
       if (t)
         return S.findIndex((l) => N(l) === N(t));
@@ -244,7 +244,7 @@ function st(e) {
       z.current = r;
       return;
     }
-    const t = y ? s[0] : s;
+    const t = v ? s[0] : s;
     if (S.length === 0 || t == null) {
       Y({
         diff: "reset"
@@ -254,7 +254,7 @@ function st(e) {
     if (K.current) {
       if (t != null) {
         const l = S[z.current];
-        if (y && l && s.findIndex((c) => W(l, c)) !== -1)
+        if (v && l && s.findIndex((c) => W(l, c)) !== -1)
           return;
         const p = S.findIndex((c) => W(c, t));
         p === -1 ? Y({
@@ -279,21 +279,21 @@ function st(e) {
     S.length,
     // Don't sync the highlighted index with the value when multiple
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    y ? !1 : s,
+    v ? !1 : s,
     me,
     Y,
     te,
     j,
-    O,
-    y
+    P,
+    v
   ]), yo = io((r) => {
     et(K, r), r && Ke();
   });
   process.env.NODE_ENV !== "production" && b.useEffect(() => {
-    (!w.current || w.current.nodeName !== "INPUT") && (w.current && w.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 (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 ${w.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(`
+    (!w.current || w.current.nodeName !== "INPUT") && (w.current && w.current.nodeName === "TEXTAREA" ? console.warn([`A textarea element was provided to ${I} 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 ${w.current} while an HTMLInputElement was expected.`, `Instead, ${I} expects an input element.`, "", I === "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]), b.useEffect(() => {
+  }, [I]), b.useEffect(() => {
     Ke();
   }, [Ke]);
   const ne = (r) => {
@@ -301,26 +301,26 @@ function st(e) {
   }, re = (r, t) => {
     se && (Qe(!1), _ && _(r, t));
   }, pe = (r, t, l, p) => {
-    if (y) {
-      if (s.length === t.length && s.every((c, $) => c === t[$]))
+    if (v) {
+      if (s.length === t.length && s.every((c, O) => c === t[O]))
         return;
     } else if (s === t)
       return;
     fe && fe(r, t, l, p), Lo(t);
   }, we = b.useRef(!1), ge = (r, t, l = "selectOption", p = "options") => {
-    let c = l, $ = t;
-    if (y) {
-      if ($ = Array.isArray(s) ? s.slice() : [], process.env.NODE_ENV !== "production") {
-        const B = $.filter((Le) => W(t, Le));
-        B.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 ${B.length} matches.`].join(`
+    let c = l, O = t;
+    if (v) {
+      if (O = Array.isArray(s) ? s.slice() : [], process.env.NODE_ENV !== "production") {
+        const B = O.filter((Le) => W(t, Le));
+        B.length > 1 && console.error([`MUI: The \`isOptionEqualToValue\` method of ${I} does not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${B.length} matches.`].join(`
 `));
       }
-      const v = $.findIndex((B) => W(t, B));
-      v === -1 ? $.push(t) : p !== "freeSolo" && ($.splice(v, 1), c = "removeOption");
+      const x = O.findIndex((B) => W(t, B));
+      x === -1 ? O.push(t) : p !== "freeSolo" && (O.splice(x, 1), c = "removeOption");
     }
-    Oe(r, $, c), pe(r, $, c, {
+    Oe(r, O, c), pe(r, O, c, {
       option: t
-    }), !X && (!r || !r.ctrlKey && !r.metaKey) && re(r, c), (h === !0 || h === "touch" && we.current || h === "mouse" && !we.current) && w.current.blur();
+    }), !X && (!r || !r.ctrlKey && !r.metaKey) && re(r, c), (y === !0 || y === "touch" && we.current || y === "mouse" && !we.current) && w.current.blur();
   };
   function Te(r, t) {
     if (r === -1)
@@ -337,13 +337,13 @@ function st(e) {
     }
   }
   const Ge = (r, t) => {
-    if (!y)
+    if (!v)
       return;
-    O === "" && re(r, "toggleInput");
+    P === "" && re(r, "toggleInput");
     let l = G;
-    G === -1 ? O === "" && t === "previous" && (l = s.length - 1) : (l += t === "next" ? 1 : -1, l < 0 && (l = 0), l === s.length && (l = -1)), l = Te(l, t), Xe(l), Se(l);
+    G === -1 ? P === "" && t === "previous" && (l = s.length - 1) : (l += t === "next" ? 1 : -1, l < 0 && (l = 0), l === s.length && (l = -1)), l = Te(l, t), Xe(l), Se(l);
   }, oo = (r) => {
-    je.current = !0, $e(""), q && q(r, "", "clear"), pe(r, y ? [] : null, "clear");
+    je.current = !0, Ce(""), q && q(r, "", "clear"), pe(r, v ? [] : null, "clear");
   }, ke = (r) => (t) => {
     if (r.onKeyDown && r.onKeyDown(t), !t.defaultMuiPrevented && (G !== -1 && !["ArrowLeft", "ArrowRight"].includes(t.key) && (Xe(-1), Se(-1)), t.which !== 229))
       switch (t.key) {
@@ -407,13 +407,13 @@ function st(e) {
             if (t.preventDefault(), p)
               return;
             ge(t, l, "selectOption"), i && w.current.setSelectionRange(w.current.value.length, w.current.value.length);
-          } else le && O !== "" && Pe === !1 && (y && t.preventDefault(), ge(t, O, "createOption", "freeSolo"));
+          } else le && P !== "" && Pe === !1 && (v && t.preventDefault(), ge(t, P, "createOption", "freeSolo"));
           break;
         case "Escape":
-          j ? (t.preventDefault(), t.stopPropagation(), re(t, "escape")) : P && (O !== "" || y && s.length > 0) && (t.preventDefault(), t.stopPropagation(), oo(t));
+          j ? (t.preventDefault(), t.stopPropagation(), re(t, "escape")) : C && (P !== "" || v && s.length > 0) && (t.preventDefault(), t.stopPropagation(), oo(t));
           break;
         case "Backspace":
-          if (y && !Ce && O === "" && s.length > 0) {
+          if (v && !$e && P === "" && s.length > 0) {
             const l = G === -1 ? s.length - 1 : G, p = s.slice();
             p.splice(l, 1), pe(t, p, "removeOption", {
               option: s[l]
@@ -421,7 +421,7 @@ function st(e) {
           }
           break;
         case "Delete":
-          if (y && !Ce && O === "" && s.length > 0 && G !== -1) {
+          if (v && !$e && P === "" && s.length > 0 && G !== -1) {
             const l = G, p = s.slice();
             p.splice(l, 1), pe(t, p, "removeOption", {
               option: s[l]
@@ -436,10 +436,10 @@ function st(e) {
       w.current.focus();
       return;
     }
-    He(!1), Be.current = !0, je.current = !1, x && z.current !== -1 && j ? ge(r, S[z.current], "blur") : x && le && O !== "" ? ge(r, O, "blur", "freeSolo") : I && Oe(r, s, "blur"), re(r, "blur");
+    He(!1), Be.current = !0, je.current = !1, $ && z.current !== -1 && j ? ge(r, S[z.current], "blur") : $ && le && P !== "" ? ge(r, P, "blur", "freeSolo") : m && Oe(r, s, "blur"), re(r, "blur");
   }, Re = (r) => {
     const t = r.target.value;
-    O !== t && ($e(t), mo(!1), q && q(r, t, "input")), t === "" ? !L && !y && pe(r, null, "clear") : ne(r);
+    P !== t && (Ce(t), mo(!1), q && q(r, t, "input")), t === "" ? !L && !v && pe(r, null, "clear") : ne(r);
   }, _e = (r) => {
     const t = Number(r.currentTarget.getAttribute("data-option-index"));
     z.current !== t && te({
@@ -456,7 +456,7 @@ function st(e) {
   }, xo = (r) => {
     const t = Number(r.currentTarget.getAttribute("data-option-index"));
     ge(r, S[t], "selectOption"), we.current = !1;
-  }, Co = (r) => (t) => {
+  }, $o = (r) => (t) => {
     const l = s.slice();
     l.splice(r, 1), pe(t, l, "removeOption", {
       option: s[r]
@@ -468,20 +468,20 @@ function st(e) {
   }, Ye = (r) => {
     r.currentTarget.contains(r.target) && (w.current.focus(), Fe && Be.current && w.current.selectionEnd - w.current.selectionStart === 0 && w.current.select(), Be.current = !1);
   }, M = (r) => {
-    !A && (O === "" || !se) && (no(r), r.stopPropagation());
+    !A && (P === "" || !se) && (no(r), r.stopPropagation());
   };
-  let R = le && O.length > 0;
-  R = R || (y ? s.length > 0 : s !== null);
+  let R = le && P.length > 0;
+  R = R || (v ? s.length > 0 : s !== null);
   let ae = S;
   if (oe) {
     const r = /* @__PURE__ */ new Map();
     let t = !1;
     ae = S.reduce((l, p, c) => {
-      const $ = oe(p);
-      return l.length > 0 && l[l.length - 1].group === $ ? l[l.length - 1].options.push(p) : (process.env.NODE_ENV !== "production" && (r.get($) && !t && (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`."), t = !0), r.set($, !0)), l.push({
+      const O = oe(p);
+      return l.length > 0 && l[l.length - 1].group === O ? l[l.length - 1].options.push(p) : (process.env.NODE_ENV !== "production" && (r.get(O) && !t && (console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${I} returns duplicated headers.`, "You can solve the issue by sorting the options with the output of `groupBy`."), t = !0), r.set(O, !0)), l.push({
         key: c,
         index: c,
-        group: $,
+        group: O,
         options: [p]
       })), l;
     }, []);
@@ -500,7 +500,7 @@ function st(e) {
     }),
     getInputProps: () => ({
       id: U,
-      value: O,
+      value: P,
       onBlur: to,
       onFocus: vo,
       onChange: Re,
@@ -537,8 +537,8 @@ function st(e) {
       key: r,
       "data-tag-index": r,
       tabIndex: -1,
-      ...!Ce && {
-        onDelete: Co(r)
+      ...!$e && {
+        onDelete: $o(r)
       }
     }),
     getListboxProps: () => ({
@@ -554,7 +554,7 @@ function st(e) {
       index: r,
       option: t
     }) => {
-      const l = (y ? s : [s]).some((c) => c != null && W(t, c)), p = H ? H(t) : !1;
+      const l = (v ? s : [s]).some((c) => c != null && W(t, c)), p = H ? H(t) : !1;
       return {
         key: (he == null ? void 0 : he(t)) ?? N(t),
         tabIndex: -1,
@@ -569,7 +569,7 @@ function st(e) {
       };
     },
     id: U,
-    inputValue: O,
+    inputValue: P,
     value: s,
     dirty: R,
     expanded: j && Ue,
@@ -590,12 +590,12 @@ const ct = (e) => {
     classes: n,
     color: a,
     disableGutters: i,
-    inset: g,
-    disableSticky: x
-  } = e, h = {
-    root: ["root", a !== "default" && `color${d(a)}`, !i && "gutters", g && "inset", !x && "sticky"]
+    inset: f,
+    disableSticky: $
+  } = e, y = {
+    root: ["root", a !== "default" && `color${d(a)}`, !i && "gutters", f && "inset", !$ && "sticky"]
   };
-  return fo(h, pt, n);
+  return fo(y, pt, n);
 }, ut = F("li", {
   name: "MuiListSubheader",
   slot: "Root",
@@ -660,24 +660,24 @@ const ct = (e) => {
     props: n,
     name: "MuiListSubheader"
   }), {
-    className: g,
-    color: x = "default",
-    component: h = "li",
-    disableGutters: I = !1,
-    disableSticky: P = !1,
-    inset: C = !1,
+    className: f,
+    color: $ = "default",
+    component: y = "li",
+    disableGutters: m = !1,
+    disableSticky: C = !1,
+    inset: I = !1,
     ...k
   } = i, L = {
     ...i,
-    color: x,
-    component: h,
-    disableGutters: I,
-    disableSticky: P,
-    inset: C
+    color: $,
+    component: y,
+    disableGutters: m,
+    disableSticky: C,
+    inset: I
   }, X = ct(L);
   return /* @__PURE__ */ T(ut, {
-    as: h,
-    className: J(X.root, g),
+    as: y,
+    className: J(X.root, f),
     ref: a,
     ownerState: L,
     ...k
@@ -739,12 +739,12 @@ const ft = co("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
     classes: n,
     disabled: a,
     color: i,
-    edge: g,
-    size: x
-  } = e, h = {
-    root: ["root", a && "disabled", i !== "default" && `color${d(i)}`, g && `edge${d(g)}`, `size${d(x)}`]
+    edge: f,
+    size: $
+  } = e, y = {
+    root: ["root", a && "disabled", i !== "default" && `color${d(i)}`, f && `edge${d(f)}`, `size${d($)}`]
   };
-  return fo(h, dt, n);
+  return fo(y, dt, n);
 }, bt = F(So, {
   name: "MuiIconButton",
   slot: "Root",
@@ -867,34 +867,34 @@ const ft = co("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
     props: n,
     name: "MuiIconButton"
   }), {
-    edge: g = !1,
-    children: x,
-    className: h,
-    color: I = "default",
-    disabled: P = !1,
-    disableFocusRipple: C = !1,
+    edge: f = !1,
+    children: $,
+    className: y,
+    color: m = "default",
+    disabled: C = !1,
+    disableFocusRipple: I = !1,
     disableRipple: k = !1,
     size: L = "medium",
     ...X
   } = i, A = {
     ...i,
-    edge: g,
-    color: I,
-    disabled: P,
-    disableFocusRipple: C,
+    edge: f,
+    color: m,
+    disabled: C,
+    disableFocusRipple: I,
     disableRipple: k,
     size: L
   }, E = gt(A);
   return /* @__PURE__ */ T(bt, {
-    className: J(E.root, h),
+    className: J(E.root, y),
     centerRipple: !0,
-    focusRipple: !C,
-    disabled: P,
+    focusRipple: !I,
+    disabled: C,
     disableRipple: k,
     ref: a,
     ...X,
     ownerState: A,
-    children: x
+    children: $
   });
 });
 process.env.NODE_ENV !== "production" && (To.propTypes = {
@@ -965,24 +965,24 @@ const mt = Uo(/* @__PURE__ */ T("path", {
 function ht(e) {
   return po("MuiChip", e);
 }
-const f = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colorError", "colorInfo", "colorPrimary", "colorSecondary", "colorSuccess", "colorWarning", "disabled", "clickable", "clickableColorPrimary", "clickableColorSecondary", "deletable", "deletableColorPrimary", "deletableColorSecondary", "outlined", "filled", "outlinedPrimary", "outlinedSecondary", "filledPrimary", "filledSecondary", "avatar", "avatarSmall", "avatarMedium", "avatarColorPrimary", "avatarColorSecondary", "icon", "iconSmall", "iconMedium", "iconColorPrimary", "iconColorSecondary", "label", "labelSmall", "labelMedium", "deleteIcon", "deleteIconSmall", "deleteIconMedium", "deleteIconColorPrimary", "deleteIconColorSecondary", "deleteIconOutlinedColorPrimary", "deleteIconOutlinedColorSecondary", "deleteIconFilledColorPrimary", "deleteIconFilledColorSecondary", "focusVisible"]), yt = (e) => {
+const g = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colorError", "colorInfo", "colorPrimary", "colorSecondary", "colorSuccess", "colorWarning", "disabled", "clickable", "clickableColorPrimary", "clickableColorSecondary", "deletable", "deletableColorPrimary", "deletableColorSecondary", "outlined", "filled", "outlinedPrimary", "outlinedSecondary", "filledPrimary", "filledSecondary", "avatar", "avatarSmall", "avatarMedium", "avatarColorPrimary", "avatarColorSecondary", "icon", "iconSmall", "iconMedium", "iconColorPrimary", "iconColorSecondary", "label", "labelSmall", "labelMedium", "deleteIcon", "deleteIconSmall", "deleteIconMedium", "deleteIconColorPrimary", "deleteIconColorSecondary", "deleteIconOutlinedColorPrimary", "deleteIconOutlinedColorSecondary", "deleteIconFilledColorPrimary", "deleteIconFilledColorSecondary", "focusVisible"]), yt = (e) => {
   const {
     classes: n,
     disabled: a,
     size: i,
-    color: g,
-    iconColor: x,
-    onDelete: h,
-    clickable: I,
-    variant: P
-  } = e, C = {
-    root: ["root", P, a && "disabled", `size${d(i)}`, `color${d(g)}`, I && "clickable", I && `clickableColor${d(g)}`, h && "deletable", h && `deletableColor${d(g)}`, `${P}${d(g)}`],
+    color: f,
+    iconColor: $,
+    onDelete: y,
+    clickable: m,
+    variant: C
+  } = e, I = {
+    root: ["root", C, a && "disabled", `size${d(i)}`, `color${d(f)}`, m && "clickable", m && `clickableColor${d(f)}`, y && "deletable", y && `deletableColor${d(f)}`, `${C}${d(f)}`],
     label: ["label", `label${d(i)}`],
-    avatar: ["avatar", `avatar${d(i)}`, `avatarColor${d(g)}`],
-    icon: ["icon", `icon${d(i)}`, `iconColor${d(x)}`],
-    deleteIcon: ["deleteIcon", `deleteIcon${d(i)}`, `deleteIconColor${d(g)}`, `deleteIcon${d(P)}Color${d(g)}`]
+    avatar: ["avatar", `avatar${d(i)}`, `avatarColor${d(f)}`],
+    icon: ["icon", `icon${d(i)}`, `iconColor${d($)}`],
+    deleteIcon: ["deleteIcon", `deleteIcon${d(i)}`, `deleteIconColor${d(f)}`, `deleteIcon${d(C)}Color${d(f)}`]
   };
-  return fo(C, ht, n);
+  return fo(I, ht, n);
 }, vt = F("div", {
   name: "MuiChip",
   slot: "Root",
@@ -991,33 +991,33 @@ const f = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
       ownerState: a
     } = e, {
       color: i,
-      iconColor: g,
-      clickable: x,
-      onDelete: h,
-      size: I,
-      variant: P
+      iconColor: f,
+      clickable: $,
+      onDelete: y,
+      size: m,
+      variant: C
     } = a;
     return [{
-      [`& .${f.avatar}`]: n.avatar
+      [`& .${g.avatar}`]: n.avatar
     }, {
-      [`& .${f.avatar}`]: n[`avatar${d(I)}`]
+      [`& .${g.avatar}`]: n[`avatar${d(m)}`]
     }, {
-      [`& .${f.avatar}`]: n[`avatarColor${d(i)}`]
+      [`& .${g.avatar}`]: n[`avatarColor${d(i)}`]
     }, {
-      [`& .${f.icon}`]: n.icon
+      [`& .${g.icon}`]: n.icon
     }, {
-      [`& .${f.icon}`]: n[`icon${d(I)}`]
+      [`& .${g.icon}`]: n[`icon${d(m)}`]
     }, {
-      [`& .${f.icon}`]: n[`iconColor${d(g)}`]
+      [`& .${g.icon}`]: n[`iconColor${d(f)}`]
     }, {
-      [`& .${f.deleteIcon}`]: n.deleteIcon
+      [`& .${g.deleteIcon}`]: n.deleteIcon
     }, {
-      [`& .${f.deleteIcon}`]: n[`deleteIcon${d(I)}`]
+      [`& .${g.deleteIcon}`]: n[`deleteIcon${d(m)}`]
     }, {
-      [`& .${f.deleteIcon}`]: n[`deleteIconColor${d(i)}`]
+      [`& .${g.deleteIcon}`]: n[`deleteIconColor${d(i)}`]
     }, {
-      [`& .${f.deleteIcon}`]: n[`deleteIcon${d(P)}Color${d(i)}`]
-    }, n.root, n[`size${d(I)}`], n[`color${d(i)}`], x && n.clickable, x && i !== "default" && n[`clickableColor${d(i)})`], h && n.deletable, h && i !== "default" && n[`deletableColor${d(i)}`], n[P], n[`${P}${d(i)}`]];
+      [`& .${g.deleteIcon}`]: n[`deleteIcon${d(C)}Color${d(i)}`]
+    }, n.root, n[`size${d(m)}`], n[`color${d(i)}`], $ && n.clickable, $ && i !== "default" && n[`clickableColor${d(i)})`], y && n.deletable, y && i !== "default" && n[`deletableColor${d(i)}`], n[C], n[`${C}${d(i)}`]];
   }
 })(ee(({
   theme: e
@@ -1047,11 +1047,11 @@ const f = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
     // Remove `button` padding
     verticalAlign: "middle",
     boxSizing: "border-box",
-    [`&.${f.disabled}`]: {
+    [`&.${g.disabled}`]: {
       opacity: (e.vars || e).palette.action.disabledOpacity,
       pointerEvents: "none"
     },
-    [`& .${f.avatar}`]: {
+    [`& .${g.avatar}`]: {
       marginLeft: 5,
       marginRight: -6,
       width: 24,
@@ -1059,26 +1059,26 @@ const f = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
       color: e.vars ? e.vars.palette.Chip.defaultAvatarColor : n,
       fontSize: e.typography.pxToRem(12)
     },
-    [`& .${f.avatarColorPrimary}`]: {
+    [`& .${g.avatarColorPrimary}`]: {
       color: (e.vars || e).palette.primary.contrastText,
       backgroundColor: (e.vars || e).palette.primary.dark
     },
-    [`& .${f.avatarColorSecondary}`]: {
+    [`& .${g.avatarColorSecondary}`]: {
       color: (e.vars || e).palette.secondary.contrastText,
       backgroundColor: (e.vars || e).palette.secondary.dark
     },
-    [`& .${f.avatarSmall}`]: {
+    [`& .${g.avatarSmall}`]: {
       marginLeft: 4,
       marginRight: -4,
       width: 18,
       height: 18,
       fontSize: e.typography.pxToRem(10)
     },
-    [`& .${f.icon}`]: {
+    [`& .${g.icon}`]: {
       marginLeft: 5,
       marginRight: -6
     },
-    [`& .${f.deleteIcon}`]: {
+    [`& .${g.deleteIcon}`]: {
       WebkitTapHighlightColor: "transparent",
       color: e.vars ? `rgba(${e.vars.palette.text.primaryChannel} / 0.26)` : V(e.palette.text.primary, 0.26),
       fontSize: 22,
@@ -1094,12 +1094,12 @@ const f = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
       },
       style: {
         height: 24,
-        [`& .${f.icon}`]: {
+        [`& .${g.icon}`]: {
           fontSize: 18,
           marginLeft: 4,
           marginRight: -4
         },
-        [`& .${f.deleteIcon}`]: {
+        [`& .${g.deleteIcon}`]: {
           fontSize: 16,
           marginRight: 4,
           marginLeft: -4
@@ -1112,7 +1112,7 @@ const f = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
       style: {
         backgroundColor: (e.vars || e).palette[a].main,
         color: (e.vars || e).palette[a].contrastText,
-        [`& .${f.deleteIcon}`]: {
+        [`& .${g.deleteIcon}`]: {
           color: e.vars ? `rgba(${e.vars.palette[a].contrastTextChannel} / 0.7)` : V(e.palette[a].contrastText, 0.7),
           "&:hover, &:active": {
             color: (e.vars || e).palette[a].contrastText
@@ -1122,14 +1122,14 @@ const f = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
     })), {
       props: (a) => a.iconColor === a.color,
       style: {
-        [`& .${f.icon}`]: {
+        [`& .${g.icon}`]: {
           color: e.vars ? e.vars.palette.Chip.defaultIconColor : n
         }
       }
     }, {
       props: (a) => a.iconColor === a.color && a.color !== "default",
       style: {
-        [`& .${f.icon}`]: {
+        [`& .${g.icon}`]: {
           color: "inherit"
         }
       }
@@ -1138,7 +1138,7 @@ const f = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
         onDelete: !0
       },
       style: {
-        [`&.${f.focusVisible}`]: {
+        [`&.${g.focusVisible}`]: {
           backgroundColor: e.vars ? `rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : V(e.palette.action.selected, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
         }
       }
@@ -1148,7 +1148,7 @@ const f = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
         onDelete: !0
       },
       style: {
-        [`&.${f.focusVisible}`]: {
+        [`&.${g.focusVisible}`]: {
           background: (e.vars || e).palette[a].dark
         }
       }
@@ -1163,7 +1163,7 @@ const f = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
         "&:hover": {
           backgroundColor: e.vars ? `rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : V(e.palette.action.selected, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity)
         },
-        [`&.${f.focusVisible}`]: {
+        [`&.${g.focusVisible}`]: {
           backgroundColor: e.vars ? `rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : V(e.palette.action.selected, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
         },
         "&:active": {
@@ -1176,7 +1176,7 @@ const f = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
         clickable: !0
       },
       style: {
-        [`&:hover, &.${f.focusVisible}`]: {
+        [`&:hover, &.${g.focusVisible}`]: {
           backgroundColor: (e.vars || e).palette[a].dark
         }
       }
@@ -1187,28 +1187,28 @@ const f = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
       style: {
         backgroundColor: "transparent",
         border: e.vars ? `1px solid ${e.vars.palette.Chip.defaultBorder}` : `1px solid ${e.palette.mode === "light" ? e.palette.grey[400] : e.palette.grey[700]}`,
-        [`&.${f.clickable}:hover`]: {
+        [`&.${g.clickable}:hover`]: {
           backgroundColor: (e.vars || e).palette.action.hover
         },
-        [`&.${f.focusVisible}`]: {
+        [`&.${g.focusVisible}`]: {
           backgroundColor: (e.vars || e).palette.action.focus
         },
-        [`& .${f.avatar}`]: {
+        [`& .${g.avatar}`]: {
           marginLeft: 4
         },
-        [`& .${f.avatarSmall}`]: {
+        [`& .${g.avatarSmall}`]: {
           marginLeft: 2
         },
-        [`& .${f.icon}`]: {
+        [`& .${g.icon}`]: {
           marginLeft: 4
         },
-        [`& .${f.iconSmall}`]: {
+        [`& .${g.iconSmall}`]: {
           marginLeft: 2
         },
-        [`& .${f.deleteIcon}`]: {
+        [`& .${g.deleteIcon}`]: {
           marginRight: 5
         },
-        [`& .${f.deleteIconSmall}`]: {
+        [`& .${g.deleteIconSmall}`]: {
           marginRight: 3
         }
       }
@@ -1220,13 +1220,13 @@ const f = co("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
       style: {
         color: (e.vars || e).palette[a].main,
         border: `1px solid ${e.vars ? `rgba(${e.vars.palette[a].mainChannel} / 0.7)` : V(e.palette[a].main, 0.7)}`,
-        [`&.${f.clickable}:hover`]: {
+        [`&.${g.clickable}:hover`]: {
           backgroundColor: e.vars ? `rgba(${e.vars.palette[a].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : V(e.palette[a].main, e.palette.action.hoverOpacity)
         },
-        [`&.${f.focusVisible}`]: {
+        [`&.${g.focusVisible}`]: {
           backgroundColor: e.vars ? `rgba(${e.vars.palette[a].mainChannel} / ${e.vars.palette.action.focusOpacity})` : V(e.palette[a].main, e.palette.action.focusOpacity)
         },
-        [`& .${f.deleteIcon}`]: {
+        [`& .${g.deleteIcon}`]: {
           color: e.vars ? `rgba(${e.vars.palette[a].mainChannel} / 0.7)` : V(e.palette[a].main, 0.7),
           "&:hover, &:active": {
             color: (e.vars || e).palette[a].main
@@ -1287,12 +1287,12 @@ const Wo = /* @__PURE__ */ b.forwardRef(function(n, a) {
     props: n,
     name: "MuiChip"
   }), {
-    avatar: g,
-    className: x,
-    clickable: h,
-    color: I = "default",
-    component: P,
-    deleteIcon: C,
+    avatar: f,
+    className: $,
+    clickable: y,
+    color: m = "default",
+    component: C,
+    deleteIcon: I,
     disabled: k = !1,
     icon: L,
     label: X,
@@ -1312,41 +1312,41 @@ const Wo = /* @__PURE__ */ b.forwardRef(function(n, a) {
     D.currentTarget === D.target && zo(D) && D.preventDefault(), ue && ue(D);
   }, ye = (D) => {
     D.currentTarget === D.target && E && zo(D) && E(D), Me && Me(D);
-  }, W = h !== !1 && A ? !0 : h, y = W || E ? So : P || "div", fe = {
+  }, W = y !== !1 && A ? !0 : y, v = W || E ? So : C || "div", fe = {
     ...i,
-    component: y,
+    component: v,
     disabled: k,
     size: me,
-    color: I,
-    iconColor: /* @__PURE__ */ b.isValidElement(L) && L.props.color || I,
+    color: m,
+    iconColor: /* @__PURE__ */ b.isValidElement(L) && L.props.color || m,
     onDelete: !!E,
     clickable: W,
     variant: le
-  }, _ = yt(fe), ve = y === So ? {
-    component: P || "div",
+  }, _ = yt(fe), ve = v === So ? {
+    component: C || "div",
     focusVisibleClassName: _.focusVisible,
     ...E && {
       disableRipple: !0
     }
   } : {};
   let q = null;
-  E && (q = C && /* @__PURE__ */ b.isValidElement(C) ? /* @__PURE__ */ b.cloneElement(C, {
-    className: J(C.props.className, _.deleteIcon),
+  E && (q = I && /* @__PURE__ */ b.isValidElement(I) ? /* @__PURE__ */ b.cloneElement(I, {
+    className: J(I.props.className, _.deleteIcon),
     onClick: Ve
   }) : /* @__PURE__ */ T(mt, {
     className: J(_.deleteIcon),
     onClick: Ve
   }));
   let ie = null;
-  g && /* @__PURE__ */ b.isValidElement(g) && (ie = /* @__PURE__ */ b.cloneElement(g, {
-    className: J(_.avatar, g.props.className)
+  f && /* @__PURE__ */ b.isValidElement(f) && (ie = /* @__PURE__ */ b.cloneElement(f, {
+    className: J(_.avatar, f.props.className)
   }));
   let xe = null;
   return L && /* @__PURE__ */ b.isValidElement(L) && (xe = /* @__PURE__ */ b.cloneElement(L, {
     className: J(_.icon, L.props.className)
   })), process.env.NODE_ENV !== "production" && ie && xe && console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one."), /* @__PURE__ */ Ne(vt, {
-    as: y,
-    className: J(_.root, x),
+    as: v,
+    className: J(_.root, $),
     disabled: W && k ? !0 : void 0,
     onClick: A,
     onKeyDown: de,
@@ -1465,10 +1465,10 @@ process.env.NODE_ENV !== "production" && (Wo.propTypes = {
    */
   variant: o.oneOfType([o.oneOf(["filled", "outlined"]), o.string])
 });
-const Ct = Uo(/* @__PURE__ */ T("path", {
+const $t = Uo(/* @__PURE__ */ T("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), "Close");
-function $t(e) {
+function Ct(e) {
   return po("MuiAutocomplete", e);
 }
 const u = co("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"]);
@@ -1478,21 +1478,21 @@ const It = (e) => {
     classes: n,
     disablePortal: a,
     expanded: i,
-    focused: g,
-    fullWidth: x,
-    hasClearIcon: h,
-    hasPopupIcon: I,
-    inputFocused: P,
-    popupOpen: C,
+    focused: f,
+    fullWidth: $,
+    hasClearIcon: y,
+    hasPopupIcon: m,
+    inputFocused: C,
+    popupOpen: I,
     size: k
   } = e, L = {
-    root: ["root", i && "expanded", g && "focused", x && "fullWidth", h && "hasClearIcon", I && "hasPopupIcon"],
+    root: ["root", i && "expanded", f && "focused", $ && "fullWidth", y && "hasClearIcon", m && "hasPopupIcon"],
     inputRoot: ["inputRoot"],
-    input: ["input", P && "inputFocused"],
+    input: ["input", C && "inputFocused"],
     tag: ["tag", `tagSize${d(k)}`],
     endAdornment: ["endAdornment"],
     clearIndicator: ["clearIndicator"],
-    popupIndicator: ["popupIndicator", C && "popupIndicatorOpen"],
+    popupIndicator: ["popupIndicator", I && "popupIndicatorOpen"],
     popper: ["popper", a && "popperDisablePortal"],
     paper: ["paper"],
     listbox: ["listbox"],
@@ -1502,7 +1502,7 @@ const It = (e) => {
     groupLabel: ["groupLabel"],
     groupUl: ["groupUl"]
   };
-  return fo(L, $t, n);
+  return fo(L, Ct, n);
 }, Ot = F("div", {
   name: "MuiAutocomplete",
   slot: "Root",
@@ -1511,22 +1511,22 @@ const It = (e) => {
       ownerState: a
     } = e, {
       fullWidth: i,
-      hasClearIcon: g,
-      hasPopupIcon: x,
-      inputFocused: h,
-      size: I
+      hasClearIcon: f,
+      hasPopupIcon: $,
+      inputFocused: y,
+      size: m
     } = a;
     return [{
       [`& .${u.tag}`]: n.tag
     }, {
-      [`& .${u.tag}`]: n[`tagSize${d(I)}`]
+      [`& .${u.tag}`]: n[`tagSize${d(m)}`]
     }, {
       [`& .${u.inputRoot}`]: n.inputRoot
     }, {
       [`& .${u.input}`]: n.input
     }, {
-      [`& .${u.input}`]: h && n.inputFocused
-    }, n.root, i && n.fullWidth, x && n.hasPopupIcon, g && n.hasClearIcon];
+      [`& .${u.input}`]: y && n.inputFocused
+    }, n.root, i && n.fullWidth, $ && n.hasPopupIcon, f && n.hasClearIcon];
   }
 })({
   [`&.${u.focused} .${u.clearIndicator}`]: {
@@ -1839,13 +1839,13 @@ const It = (e) => {
     props: n,
     name: "MuiAutocomplete"
   }), {
-    autoComplete: g = !1,
-    autoHighlight: x = !1,
-    autoSelect: h = !1,
-    blurOnSelect: I = !1,
-    ChipProps: P,
-    className: C,
-    clearIcon: k = Vo || (Vo = /* @__PURE__ */ T(Ct, {
+    autoComplete: f = !1,
+    autoHighlight: $ = !1,
+    autoSelect: y = !1,
+    blurOnSelect: m = !1,
+    ChipProps: C,
+    className: I,
+    clearIcon: k = Vo || (Vo = /* @__PURE__ */ T($t, {
       fontSize: "small"
     })),
     clearOnBlur: L = !i.freeSolo,
@@ -1865,7 +1865,7 @@ const It = (e) => {
     forcePopupIcon: de = "auto",
     freeSolo: ye = !1,
     fullWidth: W = !1,
-    getLimitTagsText: y = (m) => `+${m}`,
+    getLimitTagsText: v = (h) => `+${h}`,
     getOptionDisabled: fe,
     getOptionKey: _,
     getOptionLabel: ve,
@@ -1874,7 +1874,7 @@ const It = (e) => {
     handleHomeEndKeys: xe = !i.freeSolo,
     id: D,
     includeInputInList: ko = !1,
-    inputValue: Ce,
+    inputValue: $e,
     limitTags: Fe = -1,
     ListboxComponent: go,
     ListboxProps: U,
@@ -1891,8 +1891,8 @@ const It = (e) => {
     openOnFocus: z = !1,
     openText: s = "Open",
     options: Lo,
-    PaperComponent: O,
-    PopperComponent: $e,
+    PaperComponent: P,
+    PopperComponent: Ce,
     popupIcon: Ie = Fo || (Fo = /* @__PURE__ */ T(Jo, {})),
     readOnly: He = !1,
     renderGroup: Oe,
@@ -1931,9 +1931,9 @@ const It = (e) => {
   }), _e = !me && !H && pe && !He, qe = (!ye || de === !0) && de !== !1, {
     onMouseDown: xo
   } = eo(), {
-    ref: Co,
+    ref: $o,
     ...no
-  } = yo(), Ye = ve || ((m) => m.label ?? m), M = {
+  } = yo(), Ye = ve || ((h) => h.label ?? h), M = {
     ...i,
     disablePortal: oe,
     expanded: we,
@@ -1948,12 +1948,12 @@ const It = (e) => {
   }, R = It(M), ae = {
     slots: {
       listbox: go,
-      paper: O,
-      popper: $e,
+      paper: P,
+      popper: Ce,
       ...j
     },
     slotProps: {
-      chip: P,
+      chip: C,
       listbox: U,
       ...ue,
       ...S
@@ -1964,13 +1964,13 @@ const It = (e) => {
     ownerState: M,
     className: R.listbox,
     additionalProps: no,
-    ref: Co
+    ref: $o
   }), [l, p] = Oo("paper", {
     elementType: Bo,
     externalForwardedProps: ae,
     ownerState: M,
     className: R.paper
-  }), [c, $] = Oo("popper", {
+  }), [c, O] = Oo("popper", {
     elementType: Ho,
     externalForwardedProps: ae,
     ownerState: M,
@@ -1985,18 +1985,18 @@ const It = (e) => {
       open: Te
     }
   });
-  let v;
+  let x;
   if (Be && re.length > 0) {
-    const m = (Z) => ({
+    const h = (Z) => ({
       className: R.tag,
       disabled: H,
       ...Ke(Z)
     });
-    Ze ? v = Ze(re, m, M) : v = re.map((Z, ce) => {
+    Ze ? x = Ze(re, h, M) : x = re.map((Z, ce) => {
       const {
         key: Je,
         ..._o
-      } = m({
+      } = h({
         index: ce
       });
       return /* @__PURE__ */ T(Wo, {
@@ -2007,80 +2007,80 @@ const It = (e) => {
       }, Je);
     });
   }
-  if (Fe > -1 && Array.isArray(v)) {
-    const m = v.length - Fe;
-    !Ge && m > 0 && (v = v.splice(0, Fe), v.push(/* @__PURE__ */ T("span", {
+  if (Fe > -1 && Array.isArray(x)) {
+    const h = x.length - Fe;
+    !Ge && h > 0 && (x = x.splice(0, Fe), x.push(/* @__PURE__ */ T("span", {
       className: R.tag,
-      children: y(m)
-    }, v.length)));
+      children: v(h)
+    }, x.length)));
   }
-  const Le = Oe || ((m) => /* @__PURE__ */ Ne("li", {
+  const Le = Oe || ((h) => /* @__PURE__ */ Ne("li", {
     children: [/* @__PURE__ */ T(Dt, {
       className: R.groupLabel,
       ownerState: M,
       component: "div",
-      children: m.group
+      children: h.group
     }), /* @__PURE__ */ T(Nt, {
       className: R.groupUl,
       ownerState: M,
-      children: m.children
+      children: h.children
     })]
-  }, m.key)), Go = Qe || ((m, Z) => {
+  }, h.key)), Go = Qe || ((h, Z) => {
     const {
       key: ce,
       ...Je
-    } = m;
+    } = h;
     return /* @__PURE__ */ T("li", {
       ...Je,
       children: Ye(Z)
     }, ce);
-  }), Do = (m, Z) => {
+  }), Do = (h, Z) => {
     const ce = ne({
-      option: m,
+      option: h,
       index: Z
     });
     return Go({
       ...ce,
       className: R.option
-    }, m, {
+    }, h, {
       selected: ce["aria-selected"],
       index: Z,
       inputValue: to
     }, M);
-  }, ro = ae.slotProps.clearIndicator, ao = ae.slotProps.popupIndicator, $o = (m) => /* @__PURE__ */ T(Tt, {
+  }, ro = ae.slotProps.clearIndicator, ao = ae.slotProps.popupIndicator, Co = (h) => /* @__PURE__ */ T(Tt, {
     as: c,
-    ...$,
+    ...O,
     children: /* @__PURE__ */ T(kt, {
       as: l,
       ...p,
-      children: m
+      children: h
     })
   });
   let lo = null;
-  return Re.length > 0 ? lo = $o(/* @__PURE__ */ T(At, {
+  return Re.length > 0 ? lo = Co(/* @__PURE__ */ T(At, {
     as: r,
     ...t,
-    children: Re.map((m, Z) => ie ? Le({
-      key: m.key,
-      group: m.group,
-      children: m.options.map((ce, Je) => Do(ce, m.index + Je))
-    }) : Do(m, Z))
-  })) : N && Re.length === 0 ? lo = $o(/* @__PURE__ */ T(Rt, {
+    children: Re.map((h, Z) => ie ? Le({
+      key: h.key,
+      group: h.group,
+      children: h.options.map((ce, Je) => Do(ce, h.index + Je))
+    }) : Do(h, Z))
+  })) : N && Re.length === 0 ? lo = Co(/* @__PURE__ */ T(Rt, {
     className: R.loading,
     ownerState: M,
     children: je
-  })) : Re.length === 0 && !ye && !N && (lo = $o(/* @__PURE__ */ T(Lt, {
+  })) : Re.length === 0 && !ye && !N && (lo = Co(/* @__PURE__ */ T(Lt, {
     className: R.noOptions,
     ownerState: M,
     role: "presentation",
-    onMouseDown: (m) => {
-      m.preventDefault();
+    onMouseDown: (h) => {
+      h.preventDefault();
     },
     children: w
   }))), /* @__PURE__ */ Ne(b.Fragment, {
     children: [/* @__PURE__ */ T(Ot, {
       ref: a,
-      className: J(R.root, C),
+      className: J(R.root, I),
       ownerState: M,
       ...Se(We),
       children: se({
@@ -2092,8 +2092,8 @@ const It = (e) => {
         InputProps: {
           ref: vo,
           className: R.inputRoot,
-          startAdornment: v,
-          onMouseDown: (m) => xo(m),
+          startAdornment: x,
+          onMouseDown: (h) => xo(h),
           ...(_e || qe) && {
             endAdornment: /* @__PURE__ */ Ne(Pt, {
               className: R.endAdornment,
@@ -2576,7 +2576,6 @@ const Mt = qo("div")(
       .jcDropdownLabel {
         white-space: nowrap;
         font-weight: bold;
-        text-transform: capitalize;
       }
 
       .MuiAutocomplete-root {
@@ -2646,9 +2645,10 @@ const Mt = qo("div")(
   options: a = [],
   borderFocusColor: i = jo.colors.green,
   // border primary
-  minWidth: g,
-  ...x
-}) => /* @__PURE__ */ Ne(Mt, { className: "jcLabeledDropdown", borderFocusColor: i, minWidth: g, children: [
+  onChange: f,
+  minWidth: $,
+  ...y
+}) => /* @__PURE__ */ Ne(Mt, { className: "jcLabeledDropdown", borderFocusColor: i, minWidth: $, children: [
   /* @__PURE__ */ Ne("span", { className: "jcDropdownLabel", children: [
     e,
     n && ":"
@@ -2657,8 +2657,12 @@ const Mt = qo("div")(
     Ko,
     {
       options: a,
-      ...x,
-      renderInput: (h) => /* @__PURE__ */ T(Xo, { ...h })
+      onChange: (m, C) => (
+        // @ts-ignore
+        f && f({ ...m, target: { ...m.target, value: `${C == null ? void 0 : C.value}` || "" } })
+      ),
+      ...y,
+      renderInput: (m) => /* @__PURE__ */ T(Xo, { ...m })
     }
   )
 ] });