jcicl 1.0.77 → 1.0.78

package/LabeledDropdown/LabeledDropdown.js

@@ -1,28 +1,30 @@
 import { jsx as S, jsxs as Be } from "react/jsx-runtime";
-import { g as co, a as uo, s as V, b as d, u as fo, c as U, P as o, d as go, e as z } from "../.chunks/DefaultPropsProvider.js";
+import { cn as Ho } from "../cn.js";
 import io from "../theme.js";
-import { useThemeColors as Yo } from "../ThemeContext.js";
+import { useThemeColors as Jo } from "../ThemeContext.js";
 import * as m from "react";
-import { i as Oo, a as me, b as Do, f as Ae, A as Jo, T as No } from "../.chunks/TextField.js";
-import { c as Ho } from "../.chunks/createSvgIcon.js";
+import { g as co, a as uo, s as V, c as d, u as fo, P as o, b as go, d as z } from "../.chunks/DefaultPropsProvider.js";
+import { c as Q } from "../.chunks/clsx.js";
+import { i as Oo, a as me, b as Do, f as Ae, A as Xo, T as No } from "../.chunks/TextField.js";
+import { c as Uo } from "../.chunks/createSvgIcon.js";
 import { m as oe } from "../.chunks/memoTheme.js";
 import { u as wo } from "../.chunks/useSlot.js";
 import { c as _e } from "../.chunks/createSimplePaletteValueFilter.js";
 import { B as Po } from "../.chunks/ButtonBase.js";
 import { c as To } from "../.chunks/chainPropTypes.js";
-import { P as Uo } from "../.chunks/Popper.js";
-import { P as Wo } from "../.chunks/Paper.js";
-import { a as Xo } from "../.chunks/Portal.js";
+import { P as Wo } from "../.chunks/Popper.js";
+import { P as Ko } from "../.chunks/Paper.js";
+import { a as Qo } from "../.chunks/Portal.js";
 import { u as So } from "../.chunks/useControlled.js";
-import { b as so, s as Qo, u as Zo } from "../.chunks/TransitionGroupContext.js";
-import { i as et } from "../.chunks/integerPropType.js";
-function ot(e, n, a, i, g) {
+import { b as so, s as Zo, u as et } from "../.chunks/TransitionGroupContext.js";
+import { i as ot } from "../.chunks/integerPropType.js";
+function tt(e, n, a, i, g) {
   if (process.env.NODE_ENV === "production")
     return null;
   const h = g || n;
   return typeof e[n] < "u" ? new Error(`The prop \`${h}\` is not supported. Please remove it.`) : null;
 }
-const tt = (e) => {
+const nt = (e) => {
   const n = m.useRef({});
   return m.useEffect(() => {
     n.current = e;
@@ -31,7 +33,7 @@ const tt = (e) => {
 function Eo(e) {
   return e.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
 }
-function nt(e = {}) {
+function rt(e = {}) {
   const {
     ignoreAccents: n = !0,
     ignoreCase: a = !0,
@@ -46,21 +48,21 @@ function nt(e = {}) {
   }) => {
     let P = x ? w.trim() : w;
     a && (P = P.toLowerCase()), n && (P = Eo(P));
-    const R = P ? y.filter((W) => {
-      let L = (h || b)(W);
+    const R = P ? y.filter((U) => {
+      let L = (h || b)(U);
       return a && (L = L.toLowerCase()), n && (L = Eo(L)), g === "start" ? L.startsWith(P) : L.includes(P);
     }) : y;
     return typeof i == "number" ? R.slice(0, i) : R;
   };
 }
-const rt = nt(), zo = 5, at = (e) => {
+const at = rt(), zo = 5, lt = (e) => {
   var n;
   return e.current !== null && ((n = e.current.parentElement) == null ? void 0 : n.contains(document.activeElement));
-}, lt = [];
-function it(e) {
+}, it = [];
+function st(e) {
   const {
     // eslint-disable-next-line @typescript-eslint/naming-convention
-    unstable_isActiveElementInListbox: n = at,
+    unstable_isActiveElementInListbox: n = lt,
     // eslint-disable-next-line @typescript-eslint/naming-convention
     unstable_classNamePrefix: a = "Mui",
     autoComplete: i = !1,
@@ -70,16 +72,16 @@ function it(e) {
     clearOnBlur: y = !e.freeSolo,
     clearOnEscape: w = !1,
     componentName: b = "useAutocomplete",
-    defaultValue: P = e.multiple ? lt : null,
+    defaultValue: P = e.multiple ? it : null,
     disableClearable: R = !1,
-    disableCloseOnSelect: W = !1,
+    disableCloseOnSelect: U = !1,
     disabled: L,
     disabledItemsFocusable: T = !1,
     disableListWrap: N = !1,
-    filterOptions: te = rt,
+    filterOptions: te = at,
     filterSelectedOptions: he = !1,
     freeSolo: se = !1,
-    getOptionDisabled: K,
+    getOptionDisabled: W,
     getOptionKey: ye,
     getOptionLabel: De = (r) => r.label ?? r,
     groupBy: ne,
@@ -87,12 +89,12 @@ function it(e) {
     id: Ee,
     includeInputInList: fe = !1,
     inputValue: ve,
-    isOptionEqualToValue: q = (r, t) => r === t,
+    isOptionEqualToValue: K = (r, t) => r === t,
     multiple: I = !1,
     onChange: ge,
-    onClose: J,
+    onClose: Y,
     onHighlightChange: xe,
-    onInputChange: X,
+    onInputChange: J,
     onOpen: pe,
     open: Ie,
     openOnFocus: _ = !1,
@@ -100,7 +102,7 @@ function it(e) {
     readOnly: Ce = !1,
     selectOnFocus: ze = !e.freeSolo,
     value: bo
-  } = e, H = Xo(Ee);
+  } = e, H = Qo(Ee);
   let B = De;
   B = (r) => {
     const t = De(r);
@@ -113,7 +115,7 @@ function it(e) {
     }
     return t;
   };
-  const Ve = m.useRef(!1), Fe = m.useRef(!0), M = m.useRef(null), G = m.useRef(null), [je, Lo] = m.useState(null), [Y, Xe] = m.useState(-1), mo = g ? 0 : -1, E = m.useRef(mo), [s, Ao] = So({
+  const Ve = m.useRef(!1), Fe = m.useRef(!0), M = m.useRef(null), q = m.useRef(null), [je, Lo] = m.useState(null), [G, Xe] = m.useState(-1), mo = g ? 0 : -1, E = m.useRef(mo), [s, Ao] = So({
     controlled: bo,
     default: P,
     name: b
@@ -134,21 +136,21 @@ function it(e) {
       const $ = B(t);
       c = typeof $ == "string" ? $ : "";
     }
-    O !== c && ($e(c), X && X(r, c, l));
-  }, [B, O, I, X, $e, y, s]), [ce, Qe] = So({
+    O !== c && ($e(c), J && J(r, c, l));
+  }, [B, O, I, J, $e, y, s]), [ce, Qe] = So({
     controlled: Ie,
     default: !1,
     name: b,
     state: "open"
   }), [Ze, ho] = m.useState(!0), Se = !I && s != null && O === B(s), F = ce && !Ce, k = F ? te(
-    Ro.filter((r) => !(he && (I ? s : [s]).some((t) => t !== null && q(r, t)))),
+    Ro.filter((r) => !(he && (I ? s : [s]).some((t) => t !== null && K(r, t)))),
     // we use the empty string to manipulate `filterOptions` to not filter any options
     // i.e. the filter predicate always returns true
     {
       inputValue: Se && Ze ? "" : O,
       getOptionLabel: B
     }
-  ) : [], Z = tt({
+  ) : [], Z = nt({
     filteredOptions: k,
     value: s,
     inputValue: O
@@ -161,14 +163,14 @@ function it(e) {
     r === -1 ? M.current.focus() : je.querySelector(`[data-tag-index="${r}"]`).focus();
   });
   m.useEffect(() => {
-    I && Y > s.length - 1 && (Xe(-1), Pe(-1));
-  }, [s, I, Y, Pe]);
+    I && G > s.length - 1 && (Xe(-1), Pe(-1));
+  }, [s, I, G, Pe]);
   function eo(r, t) {
-    if (!G.current || r < 0 || r >= k.length)
+    if (!q.current || r < 0 || r >= k.length)
       return -1;
     let l = r;
     for (; ; ) {
-      const p = G.current.querySelector(`[data-option-index="${l}"]`), c = T ? !1 : !p || p.disabled || p.getAttribute("aria-disabled") === "true";
+      const p = q.current.querySelector(`[data-option-index="${l}"]`), c = T ? !1 : !p || p.disabled || p.getAttribute("aria-disabled") === "true";
       if (p && p.hasAttribute("tabindex") && !c)
         return l;
       if (t === "next" ? l = (l + 1) % k.length : l = (l - 1 + k.length) % k.length, l === r)
@@ -180,23 +182,23 @@ function it(e) {
     index: t,
     reason: l = "auto"
   }) => {
-    if (E.current = t, t === -1 ? M.current.removeAttribute("aria-activedescendant") : M.current.setAttribute("aria-activedescendant", `${H}-option-${t}`), xe && xe(r, t === -1 ? null : k[t], l), !G.current)
+    if (E.current = t, t === -1 ? M.current.removeAttribute("aria-activedescendant") : M.current.setAttribute("aria-activedescendant", `${H}-option-${t}`), xe && xe(r, t === -1 ? null : k[t], l), !q.current)
       return;
-    const p = G.current.querySelector(`[role="option"].${a}-focused`);
+    const p = q.current.querySelector(`[role="option"].${a}-focused`);
     p && (p.classList.remove(`${a}-focused`), p.classList.remove(`${a}-focusVisible`));
-    let c = G.current;
-    if (G.current.getAttribute("role") !== "listbox" && (c = G.current.parentElement.querySelector('[role="listbox"]')), !c)
+    let c = q.current;
+    if (q.current.getAttribute("role") !== "listbox" && (c = q.current.parentElement.querySelector('[role="listbox"]')), !c)
       return;
     if (t === -1) {
       c.scrollTop = 0;
       return;
     }
-    const $ = G.current.querySelector(`[data-option-index="${t}"]`);
+    const $ = q.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 C = $, j = c.clientHeight + c.scrollTop, Le = C.offsetTop + C.offsetHeight;
       Le > j ? c.scrollTop = Le - c.clientHeight : C.offsetTop - C.offsetHeight * (ne ? 1.3 : 0) < c.scrollTop && (c.scrollTop = C.offsetTop - C.offsetHeight * (ne ? 1.3 : 0));
     }
-  }), Q = so(({
+  }), X = so(({
     event: r,
     diff: t,
     direction: l = "next",
@@ -247,18 +249,18 @@ function it(e) {
     }
     const t = I ? s[0] : s;
     if (k.length === 0 || t == null) {
-      Q({
+      X({
         diff: "reset"
       });
       return;
     }
-    if (G.current) {
+    if (q.current) {
       if (t != null) {
         const l = k[E.current];
-        if (I && l && s.findIndex((c) => q(l, c)) !== -1)
+        if (I && l && s.findIndex((c) => K(l, c)) !== -1)
           return;
-        const p = k.findIndex((c) => q(c, t));
-        p === -1 ? Q({
+        const p = k.findIndex((c) => K(c, t));
+        p === -1 ? X({
           diff: "reset"
         }) : re({
           index: p
@@ -282,13 +284,13 @@ function it(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     I ? !1 : s,
     he,
-    Q,
+    X,
     re,
     F,
     O,
     I
   ]), vo = so((r) => {
-    Qo(G, r), r && We();
+    Zo(q, r), r && We();
   });
   process.env.NODE_ENV !== "production" && m.useEffect(() => {
     (!M.current || M.current.nodeName !== "INPUT") && (M.current && M.current.nodeName === "TEXTAREA" ? console.warn([`A textarea element was provided to ${b} 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(`
@@ -300,7 +302,7 @@ function it(e) {
   const ae = (r) => {
     ce || (Qe(!0), ho(!0), pe && pe(r));
   }, le = (r, t) => {
-    ce && (Qe(!1), J && J(r, t));
+    ce && (Qe(!1), Y && Y(r, t));
   }, ue = (r, t, l, p) => {
     if (I) {
       if (s.length === t.length && s.every((c, $) => c === t[$]))
@@ -312,16 +314,16 @@ function it(e) {
     let c = l, $ = t;
     if (I) {
       if ($ = Array.isArray(s) ? s.slice() : [], process.env.NODE_ENV !== "production") {
-        const j = $.filter((Le) => q(t, Le));
+        const j = $.filter((Le) => K(t, Le));
         j.length > 1 && console.error([`MUI: The \`isOptionEqualToValue\` method of ${b} does not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${j.length} matches.`].join(`
 `));
       }
-      const C = $.findIndex((j) => q(t, j));
+      const C = $.findIndex((j) => K(t, j));
       C === -1 ? $.push(t) : p !== "freeSolo" && ($.splice(C, 1), c = "removeOption");
     }
     we(r, $, c), ue(r, $, c, {
       option: t
-    }), !W && (!r || !r.ctrlKey && !r.metaKey) && le(r, c), (x === !0 || x === "touch" && Te.current || x === "mouse" && !Te.current) && M.current.blur();
+    }), !U && (!r || !r.ctrlKey && !r.metaKey) && le(r, c), (x === !0 || x === "touch" && Te.current || x === "mouse" && !Te.current) && M.current.blur();
   };
   function ke(r, t) {
     if (r === -1)
@@ -341,15 +343,15 @@ function it(e) {
     if (!I)
       return;
     O === "" && le(r, "toggleInput");
-    let l = Y;
-    Y === -1 ? O === "" && t === "previous" && (l = s.length - 1) : (l += t === "next" ? 1 : -1, l < 0 && (l = 0), l === s.length && (l = -1)), l = ke(l, t), Xe(l), Pe(l);
+    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 = ke(l, t), Xe(l), Pe(l);
   }, oo = (r) => {
-    Ve.current = !0, $e(""), X && X(r, "", "clear"), ue(r, I ? [] : null, "clear");
+    Ve.current = !0, $e(""), J && J(r, "", "clear"), ue(r, I ? [] : null, "clear");
   }, Me = (r) => (t) => {
-    if (r.onKeyDown && r.onKeyDown(t), !t.defaultMuiPrevented && (Y !== -1 && !["ArrowLeft", "ArrowRight"].includes(t.key) && (Xe(-1), Pe(-1)), t.which !== 229))
+    if (r.onKeyDown && r.onKeyDown(t), !t.defaultMuiPrevented && (G !== -1 && !["ArrowLeft", "ArrowRight"].includes(t.key) && (Xe(-1), Pe(-1)), t.which !== 229))
       switch (t.key) {
         case "Home":
-          F && Ne && (t.preventDefault(), Q({
+          F && Ne && (t.preventDefault(), X({
             diff: "start",
             direction: "next",
             reason: "keyboard",
@@ -357,7 +359,7 @@ function it(e) {
           }));
           break;
         case "End":
-          F && Ne && (t.preventDefault(), Q({
+          F && Ne && (t.preventDefault(), X({
             diff: "end",
             direction: "previous",
             reason: "keyboard",
@@ -365,7 +367,7 @@ function it(e) {
           }));
           break;
         case "PageUp":
-          t.preventDefault(), Q({
+          t.preventDefault(), X({
             diff: -zo,
             direction: "previous",
             reason: "keyboard",
@@ -373,7 +375,7 @@ function it(e) {
           }), ae(t);
           break;
         case "PageDown":
-          t.preventDefault(), Q({
+          t.preventDefault(), X({
             diff: zo,
             direction: "next",
             reason: "keyboard",
@@ -381,7 +383,7 @@ function it(e) {
           }), ae(t);
           break;
         case "ArrowDown":
-          t.preventDefault(), Q({
+          t.preventDefault(), X({
             diff: 1,
             direction: "next",
             reason: "keyboard",
@@ -389,7 +391,7 @@ function it(e) {
           }), ae(t);
           break;
         case "ArrowUp":
-          t.preventDefault(), Q({
+          t.preventDefault(), X({
             diff: -1,
             direction: "previous",
             reason: "keyboard",
@@ -404,7 +406,7 @@ function it(e) {
           break;
         case "Enter":
           if (E.current !== -1 && F) {
-            const l = k[E.current], p = K ? K(l) : !1;
+            const l = k[E.current], p = W ? W(l) : !1;
             if (t.preventDefault(), p)
               return;
             be(t, l, "selectOption"), i && M.current.setSelectionRange(M.current.value.length, M.current.value.length);
@@ -415,15 +417,15 @@ function it(e) {
           break;
         case "Backspace":
           if (I && !Ce && O === "" && s.length > 0) {
-            const l = Y === -1 ? s.length - 1 : Y, p = s.slice();
+            const l = G === -1 ? s.length - 1 : G, p = s.slice();
             p.splice(l, 1), ue(t, p, "removeOption", {
               option: s[l]
             });
           }
           break;
         case "Delete":
-          if (I && !Ce && O === "" && s.length > 0 && Y !== -1) {
-            const l = Y, p = s.slice();
+          if (I && !Ce && O === "" && s.length > 0 && G !== -1) {
+            const l = G, p = s.slice();
             p.splice(l, 1), ue(t, p, "removeOption", {
               option: s[l]
             });
@@ -433,14 +435,14 @@ function it(e) {
   }, xo = (r) => {
     He(!0), _ && !Ve.current && ae(r);
   }, to = (r) => {
-    if (n(G)) {
+    if (n(q)) {
       M.current.focus();
       return;
     }
     He(!1), Fe.current = !0, Ve.current = !1, h && E.current !== -1 && F ? be(r, k[E.current], "blur") : h && se && O !== "" ? be(r, O, "blur", "freeSolo") : y && we(r, s, "blur"), le(r, "blur");
   }, Re = (r) => {
     const t = r.target.value;
-    O !== t && ($e(t), ho(!1), X && X(r, t, "input")), t === "" ? !R && !I && ue(r, null, "clear") : ae(r);
+    O !== t && ($e(t), ho(!1), J && J(r, t, "input")), t === "" ? !R && !I && ue(r, null, "clear") : ae(r);
   }, qe = (r) => {
     const t = Number(r.currentTarget.getAttribute("data-option-index"));
     E.current !== t && re({
@@ -555,7 +557,7 @@ function it(e) {
       index: r,
       option: t
     }) => {
-      const l = (I ? s : [s]).some((c) => c != null && q(t, c)), p = K ? K(t) : !1;
+      const l = (I ? s : [s]).some((c) => c != null && K(t, c)), p = W ? W(t) : !1;
       return {
         key: (ye == null ? void 0 : ye(t)) ?? B(t),
         tabIndex: -1,
@@ -575,18 +577,18 @@ function it(e) {
     dirty: A,
     expanded: F && je,
     popupOpen: F,
-    focused: Oe || Y !== -1,
+    focused: Oe || G !== -1,
     anchorEl: je,
     setAnchorEl: Lo,
-    focusedTag: Y,
+    focusedTag: G,
     groupedOptions: ie
   };
 }
-function st(e) {
+function pt(e) {
   return co("MuiListSubheader", e);
 }
 uo("MuiListSubheader", ["root", "colorPrimary", "colorInherit", "gutters", "inset", "sticky"]);
-const pt = (e) => {
+const ct = (e) => {
   const {
     classes: n,
     color: a,
@@ -596,8 +598,8 @@ const pt = (e) => {
   } = e, x = {
     root: ["root", a !== "default" && `color${d(a)}`, !i && "gutters", g && "inset", !h && "sticky"]
   };
-  return go(x, st, n);
-}, ct = V("li", {
+  return go(x, pt, n);
+}, ut = V("li", {
   name: "MuiListSubheader",
   slot: "Root",
   overridesResolver: (e, n) => {
@@ -675,10 +677,10 @@ const pt = (e) => {
     disableGutters: y,
     disableSticky: w,
     inset: b
-  }, W = pt(R);
-  return /* @__PURE__ */ S(ct, {
+  }, U = ct(R);
+  return /* @__PURE__ */ S(ut, {
     as: x,
-    className: U(W.root, g),
+    className: Q(U.root, g),
     ref: a,
     ownerState: R,
     ...P
@@ -732,10 +734,10 @@ process.env.NODE_ENV !== "production" && (po.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-function ut(e) {
+function dt(e) {
   return co("MuiIconButton", e);
 }
-const dt = uo("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), ft = (e) => {
+const ft = uo("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), gt = (e) => {
   const {
     classes: n,
     disabled: a,
@@ -745,8 +747,8 @@ const dt = uo("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
   } = e, x = {
     root: ["root", a && "disabled", i !== "default" && `color${d(i)}`, g && `edge${d(g)}`, `size${d(h)}`]
   };
-  return go(x, ut, n);
-}, gt = V(Po, {
+  return go(x, dt, n);
+}, bt = V(Po, {
   name: "MuiIconButton",
   slot: "Root",
   overridesResolver: (e, n) => {
@@ -859,7 +861,7 @@ const dt = uo("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
       fontSize: e.typography.pxToRem(28)
     }
   }],
-  [`&.${dt.disabled}`]: {
+  [`&.${ft.disabled}`]: {
     backgroundColor: "transparent",
     color: (e.vars || e).palette.action.disabled
   }
@@ -876,7 +878,7 @@ const dt = uo("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
     disableFocusRipple: b = !1,
     disableRipple: P = !1,
     size: R = "medium",
-    ...W
+    ...U
   } = i, L = {
     ...i,
     edge: g,
@@ -885,15 +887,15 @@ const dt = uo("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
     disableFocusRipple: b,
     disableRipple: P,
     size: R
-  }, T = ft(L);
-  return /* @__PURE__ */ S(gt, {
-    className: U(T.root, x),
+  }, T = gt(L);
+  return /* @__PURE__ */ S(bt, {
+    className: Q(T.root, x),
     centerRipple: !0,
     focusRipple: !b,
     disabled: w,
     disableRipple: P,
     ref: a,
-    ...W,
+    ...U,
     ownerState: L,
     children: h
   });
@@ -960,13 +962,13 @@ process.env.NODE_ENV !== "production" && (Mo.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-const bt = Ho(/* @__PURE__ */ S("path", {
+const mt = Uo(/* @__PURE__ */ S("path", {
   d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
 }), "Cancel");
-function mt(e) {
+function ht(e) {
   return co("MuiChip", e);
 }
-const f = uo("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"]), ht = (e) => {
+const f = uo("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,
@@ -983,8 +985,8 @@ const f = uo("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
     icon: ["icon", `icon${d(i)}`, `iconColor${d(h)}`],
     deleteIcon: ["deleteIcon", `deleteIcon${d(i)}`, `deleteIconColor${d(g)}`, `deleteIcon${d(w)}Color${d(g)}`]
   };
-  return go(b, mt, n);
-}, yt = V("div", {
+  return go(b, ht, n);
+}, vt = V("div", {
   name: "MuiChip",
   slot: "Root",
   overridesResolver: (e, n) => {
@@ -1236,7 +1238,7 @@ const f = uo("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
       }
     }))]
   };
-})), vt = V("span", {
+})), xt = V("span", {
   name: "MuiChip",
   slot: "Label",
   overridesResolver: (e, n) => {
@@ -1283,7 +1285,7 @@ const f = uo("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
 function Vo(e) {
   return e.key === "Backspace" || e.key === "Delete";
 }
-const Ko = /* @__PURE__ */ m.forwardRef(function(n, a) {
+const qo = /* @__PURE__ */ m.forwardRef(function(n, a) {
   const i = fo({
     props: n,
     name: "MuiChip"
@@ -1296,24 +1298,24 @@ const Ko = /* @__PURE__ */ m.forwardRef(function(n, a) {
     deleteIcon: b,
     disabled: P = !1,
     icon: R,
-    label: W,
+    label: U,
     onClick: L,
     onDelete: T,
     onKeyDown: N,
     onKeyUp: te,
     size: he = "medium",
     variant: se = "filled",
-    tabIndex: K,
+    tabIndex: W,
     skipFocusWhenDisabled: ye = !1,
     // TODO v6: Rename to `focusableWhenDisabled`.
     ...De
-  } = i, ne = m.useRef(null), Ne = Zo(ne, a), Ee = (_) => {
+  } = i, ne = m.useRef(null), Ne = et(ne, a), Ee = (_) => {
     _.stopPropagation(), T && T(_);
   }, fe = (_) => {
     _.currentTarget === _.target && Vo(_) && _.preventDefault(), N && N(_);
   }, ve = (_) => {
     _.currentTarget === _.target && T && Vo(_) && T(_), te && te(_);
-  }, q = x !== !1 && L ? !0 : x, I = q || T ? Po : w || "div", ge = {
+  }, K = x !== !1 && L ? !0 : x, I = K || T ? Po : w || "div", ge = {
     ...i,
     component: I,
     disabled: P,
@@ -1321,50 +1323,50 @@ const Ko = /* @__PURE__ */ m.forwardRef(function(n, a) {
     color: y,
     iconColor: /* @__PURE__ */ m.isValidElement(R) && R.props.color || y,
     onDelete: !!T,
-    clickable: q,
+    clickable: K,
     variant: se
-  }, J = ht(ge), xe = I === Po ? {
+  }, Y = yt(ge), xe = I === Po ? {
     component: w || "div",
-    focusVisibleClassName: J.focusVisible,
+    focusVisibleClassName: Y.focusVisible,
     ...T && {
       disableRipple: !0
     }
   } : {};
-  let X = null;
-  T && (X = b && /* @__PURE__ */ m.isValidElement(b) ? /* @__PURE__ */ m.cloneElement(b, {
-    className: U(b.props.className, J.deleteIcon),
+  let J = null;
+  T && (J = b && /* @__PURE__ */ m.isValidElement(b) ? /* @__PURE__ */ m.cloneElement(b, {
+    className: Q(b.props.className, Y.deleteIcon),
     onClick: Ee
-  }) : /* @__PURE__ */ S(bt, {
-    className: U(J.deleteIcon),
+  }) : /* @__PURE__ */ S(mt, {
+    className: Q(Y.deleteIcon),
     onClick: Ee
   }));
   let pe = null;
   g && /* @__PURE__ */ m.isValidElement(g) && (pe = /* @__PURE__ */ m.cloneElement(g, {
-    className: U(J.avatar, g.props.className)
+    className: Q(Y.avatar, g.props.className)
   }));
   let Ie = null;
   return R && /* @__PURE__ */ m.isValidElement(R) && (Ie = /* @__PURE__ */ m.cloneElement(R, {
-    className: U(J.icon, R.props.className)
-  })), process.env.NODE_ENV !== "production" && pe && Ie && console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one."), /* @__PURE__ */ Be(yt, {
+    className: Q(Y.icon, R.props.className)
+  })), process.env.NODE_ENV !== "production" && pe && Ie && console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one."), /* @__PURE__ */ Be(vt, {
     as: I,
-    className: U(J.root, h),
-    disabled: q && P ? !0 : void 0,
+    className: Q(Y.root, h),
+    disabled: K && P ? !0 : void 0,
     onClick: L,
     onKeyDown: fe,
     onKeyUp: ve,
     ref: Ne,
-    tabIndex: ye && P ? -1 : K,
+    tabIndex: ye && P ? -1 : W,
     ownerState: ge,
     ...xe,
     ...De,
-    children: [pe || Ie, /* @__PURE__ */ S(vt, {
-      className: U(J.label),
+    children: [pe || Ie, /* @__PURE__ */ S(xt, {
+      className: Q(Y.label),
       ownerState: ge,
-      children: W
-    }), X]
+      children: U
+    }), J]
   });
 });
-process.env.NODE_ENV !== "production" && (Ko.propTypes = {
+process.env.NODE_ENV !== "production" && (qo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1377,7 +1379,7 @@ process.env.NODE_ENV !== "production" && (Ko.propTypes = {
    * This prop isn't supported.
    * Use the `component` prop if you need to change the children structure.
    */
-  children: ot,
+  children: tt,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -1466,15 +1468,15 @@ process.env.NODE_ENV !== "production" && (Ko.propTypes = {
    */
   variant: o.oneOfType([o.oneOf(["filled", "outlined"]), o.string])
 });
-const xt = Ho(/* @__PURE__ */ S("path", {
+const It = Uo(/* @__PURE__ */ S("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 It(e) {
+function Ct(e) {
   return co("MuiAutocomplete", e);
 }
 const u = uo("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"]);
 var Fo, jo;
-const Ct = (e) => {
+const $t = (e) => {
   const {
     classes: n,
     disablePortal: a,
@@ -1503,8 +1505,8 @@ const Ct = (e) => {
     groupLabel: ["groupLabel"],
     groupUl: ["groupUl"]
   };
-  return go(R, It, n);
-}, $t = V("div", {
+  return go(R, Ct, n);
+}, Ot = V("div", {
   name: "MuiAutocomplete",
   slot: "Root",
   overridesResolver: (e, n) => {
@@ -1671,7 +1673,7 @@ const Ct = (e) => {
       }
     }
   }]
-}), Ot = V("div", {
+}), wt = V("div", {
   name: "MuiAutocomplete",
   slot: "EndAdornment",
   overridesResolver: (e, n) => n.endAdornment
@@ -1681,7 +1683,7 @@ const Ct = (e) => {
   right: 0,
   top: "50%",
   transform: "translate(0, -50%)"
-}), wt = V(Mo, {
+}), St = V(Mo, {
   name: "MuiAutocomplete",
   slot: "ClearIndicator",
   overridesResolver: (e, n) => n.clearIndicator
@@ -1689,7 +1691,7 @@ const Ct = (e) => {
   marginRight: -2,
   padding: 4,
   visibility: "hidden"
-}), St = V(Mo, {
+}), Pt = V(Mo, {
   name: "MuiAutocomplete",
   slot: "PopupIndicator",
   overridesResolver: ({
@@ -1709,7 +1711,7 @@ const Ct = (e) => {
       transform: "rotate(180deg)"
     }
   }]
-}), Pt = V(Uo, {
+}), Tt = V(Wo, {
   name: "MuiAutocomplete",
   slot: "Popper",
   overridesResolver: (e, n) => {
@@ -1732,7 +1734,7 @@ const Ct = (e) => {
       position: "absolute"
     }
   }]
-}))), Tt = V(Wo, {
+}))), kt = V(Ko, {
   name: "MuiAutocomplete",
   slot: "Paper",
   overridesResolver: (e, n) => n.paper
@@ -1741,7 +1743,7 @@ const Ct = (e) => {
 }) => ({
   ...e.typography.body1,
   overflow: "auto"
-}))), kt = V("div", {
+}))), Mt = V("div", {
   name: "MuiAutocomplete",
   slot: "Loading",
   overridesResolver: (e, n) => n.loading
@@ -1750,7 +1752,7 @@ const Ct = (e) => {
 }) => ({
   color: (e.vars || e).palette.text.secondary,
   padding: "14px 16px"
-}))), Mt = V("div", {
+}))), Rt = V("div", {
   name: "MuiAutocomplete",
   slot: "NoOptions",
   overridesResolver: (e, n) => n.noOptions
@@ -1759,7 +1761,7 @@ const Ct = (e) => {
 }) => ({
   color: (e.vars || e).palette.text.secondary,
   padding: "14px 16px"
-}))), Rt = V("div", {
+}))), Lt = V("div", {
   name: "MuiAutocomplete",
   slot: "Listbox",
   overridesResolver: (e, n) => n.listbox
@@ -1817,7 +1819,7 @@ const Ct = (e) => {
       }
     }
   }
-}))), Lt = V(po, {
+}))), At = V(po, {
   name: "MuiAutocomplete",
   slot: "GroupLabel",
   overridesResolver: (e, n) => n.groupLabel
@@ -1826,7 +1828,7 @@ const Ct = (e) => {
 }) => ({
   backgroundColor: (e.vars || e).palette.background.paper,
   top: -8
-}))), At = V("ul", {
+}))), _t = V("ul", {
   name: "MuiAutocomplete",
   slot: "GroupUl",
   overridesResolver: (e, n) => n.groupUl
@@ -1846,18 +1848,18 @@ const Ct = (e) => {
     blurOnSelect: y = !1,
     ChipProps: w,
     className: b,
-    clearIcon: P = Fo || (Fo = /* @__PURE__ */ S(xt, {
+    clearIcon: P = Fo || (Fo = /* @__PURE__ */ S(It, {
       fontSize: "small"
     })),
     clearOnBlur: R = !i.freeSolo,
-    clearOnEscape: W = !1,
+    clearOnEscape: U = !1,
     clearText: L = "Clear",
     closeText: T = "Close",
     componentsProps: N,
     defaultValue: te = i.multiple ? [] : null,
     disableClearable: he = !1,
     disableCloseOnSelect: se = !1,
-    disabled: K = !1,
+    disabled: W = !1,
     disabledItemsFocusable: ye = !1,
     disableListWrap: De = !1,
     disablePortal: ne = !1,
@@ -1865,12 +1867,12 @@ const Ct = (e) => {
     filterSelectedOptions: Ee = !1,
     forcePopupIcon: fe = "auto",
     freeSolo: ve = !1,
-    fullWidth: q = !1,
+    fullWidth: K = !1,
     getLimitTagsText: I = (v) => `+${v}`,
     getOptionDisabled: ge,
-    getOptionKey: J,
+    getOptionKey: Y,
     getOptionLabel: xe,
-    isOptionEqualToValue: X,
+    isOptionEqualToValue: J,
     groupBy: pe,
     handleHomeEndKeys: Ie = !i.freeSolo,
     id: _,
@@ -1883,10 +1885,10 @@ const Ct = (e) => {
     loadingText: Ve = "Loading…",
     multiple: Fe = !1,
     noOptionsText: M = "No options",
-    onChange: G,
+    onChange: q,
     onClose: je,
     onHighlightChange: Lo,
-    onInputChange: Y,
+    onInputChange: G,
     onOpen: Xe,
     open: mo,
     openOnFocus: E = !1,
@@ -1894,7 +1896,7 @@ const Ct = (e) => {
     options: Ao,
     PaperComponent: O,
     PopperComponent: $e,
-    popupIcon: Oe = jo || (jo = /* @__PURE__ */ S(Jo, {})),
+    popupIcon: Oe = jo || (jo = /* @__PURE__ */ S(Xo, {})),
     readOnly: He = !1,
     renderGroup: we,
     renderInput: ce,
@@ -1910,7 +1912,7 @@ const Ct = (e) => {
     getRootProps: Pe,
     getInputProps: eo,
     getInputLabelProps: re,
-    getPopupIndicatorProps: Q,
+    getPopupIndicatorProps: X,
     getClearProps: yo,
     getTagProps: We,
     getListboxProps: vo,
@@ -1926,10 +1928,10 @@ const Ct = (e) => {
     setAnchorEl: xo,
     inputValue: to,
     groupedOptions: Re
-  } = it({
+  } = st({
     ...i,
     componentName: "Autocomplete"
-  }), qe = !he && !K && ue && !He, Ge = (!ve || fe === !0) && fe !== !1, {
+  }), qe = !he && !W && ue && !He, Ge = (!ve || fe === !0) && fe !== !1, {
     onMouseDown: Io
   } = eo(), {
     ref: Co,
@@ -1939,14 +1941,14 @@ const Ct = (e) => {
     disablePortal: ne,
     expanded: Te,
     focused: Ke,
-    fullWidth: q,
+    fullWidth: K,
     getOptionLabel: Ye,
     hasClearIcon: qe,
     hasPopupIcon: Ge,
     inputFocused: oo === -1,
     popupOpen: ke,
     size: Se
-  }, A = Ct(D), ie = {
+  }, A = $t(D), ie = {
     slots: {
       listbox: bo,
       paper: O,
@@ -1967,12 +1969,12 @@ const Ct = (e) => {
     additionalProps: no,
     ref: Co
   }), [l, p] = wo("paper", {
-    elementType: Wo,
+    elementType: Ko,
     externalForwardedProps: ie,
     ownerState: D,
     className: A.paper
   }), [c, $] = wo("popper", {
-    elementType: Uo,
+    elementType: Wo,
     externalForwardedProps: ie,
     ownerState: D,
     className: A.popper,
@@ -1990,20 +1992,20 @@ const Ct = (e) => {
   if (Fe && le.length > 0) {
     const v = (ee) => ({
       className: A.tag,
-      disabled: K,
+      disabled: W,
       ...We(ee)
     });
     Ze ? C = Ze(le, v, D) : C = le.map((ee, de) => {
       const {
         key: Je,
-        ...Go
+        ...Yo
       } = v({
         index: de
       });
-      return /* @__PURE__ */ S(Ko, {
+      return /* @__PURE__ */ S(qo, {
         label: Ye(ee),
         size: Se,
-        ...Go,
+        ...Yo,
         ...ie.slotProps.chip
       }, Je);
     });
@@ -2016,17 +2018,17 @@ const Ct = (e) => {
     }, C.length)));
   }
   const Le = we || ((v) => /* @__PURE__ */ Be("li", {
-    children: [/* @__PURE__ */ S(Lt, {
+    children: [/* @__PURE__ */ S(At, {
       className: A.groupLabel,
       ownerState: D,
       component: "div",
       children: v.group
-    }), /* @__PURE__ */ S(At, {
+    }), /* @__PURE__ */ S(_t, {
       className: A.groupUl,
       ownerState: D,
       children: v.children
     })]
-  }, v.key)), qo = Qe || ((v, ee) => {
+  }, v.key)), Go = Qe || ((v, ee) => {
     const {
       key: de,
       ...Je
@@ -2040,7 +2042,7 @@ const Ct = (e) => {
       option: v,
       index: ee
     });
-    return qo({
+    return Go({
       ...de,
       className: A.option
     }, v, {
@@ -2048,17 +2050,17 @@ const Ct = (e) => {
       index: ee,
       inputValue: to
     }, D);
-  }, ro = ie.slotProps.clearIndicator, ao = ie.slotProps.popupIndicator, $o = (v) => /* @__PURE__ */ S(Pt, {
+  }, ro = ie.slotProps.clearIndicator, ao = ie.slotProps.popupIndicator, $o = (v) => /* @__PURE__ */ S(Tt, {
     as: c,
     ...$,
-    children: /* @__PURE__ */ S(Tt, {
+    children: /* @__PURE__ */ S(kt, {
       as: l,
       ...p,
       children: v
     })
   });
   let lo = null;
-  return Re.length > 0 ? lo = $o(/* @__PURE__ */ S(Rt, {
+  return Re.length > 0 ? lo = $o(/* @__PURE__ */ S(Lt, {
     as: r,
     ...t,
     children: Re.map((v, ee) => pe ? Le({
@@ -2066,11 +2068,11 @@ const Ct = (e) => {
       group: v.group,
       children: v.options.map((de, Je) => Bo(de, v.index + Je))
     }) : Bo(v, ee))
-  })) : B && Re.length === 0 ? lo = $o(/* @__PURE__ */ S(kt, {
+  })) : B && Re.length === 0 ? lo = $o(/* @__PURE__ */ S(Mt, {
     className: A.loading,
     ownerState: D,
     children: Ve
-  })) : Re.length === 0 && !ve && !B && (lo = $o(/* @__PURE__ */ S(Mt, {
+  })) : Re.length === 0 && !ve && !B && (lo = $o(/* @__PURE__ */ S(Rt, {
     className: A.noOptions,
     ownerState: D,
     role: "presentation",
@@ -2079,14 +2081,14 @@ const Ct = (e) => {
     },
     children: M
   }))), /* @__PURE__ */ Be(m.Fragment, {
-    children: [/* @__PURE__ */ S($t, {
+    children: [/* @__PURE__ */ S(Ot, {
       ref: a,
-      className: U(A.root, b),
+      className: Q(A.root, b),
       ownerState: D,
       ...Pe(Ue),
       children: ce({
         id: be,
-        disabled: K,
+        disabled: W,
         fullWidth: !0,
         size: Se === "small" ? "small" : void 0,
         InputLabelProps: re(),
@@ -2096,25 +2098,25 @@ const Ct = (e) => {
           startAdornment: C,
           onMouseDown: (v) => Io(v),
           ...(qe || Ge) && {
-            endAdornment: /* @__PURE__ */ Be(Ot, {
+            endAdornment: /* @__PURE__ */ Be(wt, {
               className: A.endAdornment,
               ownerState: D,
-              children: [qe ? /* @__PURE__ */ S(wt, {
+              children: [qe ? /* @__PURE__ */ S(St, {
                 ...yo(),
                 "aria-label": L,
                 title: L,
                 ownerState: D,
                 ...ro,
-                className: U(A.clearIndicator, ro == null ? void 0 : ro.className),
+                className: Q(A.clearIndicator, ro == null ? void 0 : ro.className),
                 children: P
-              }) : null, Ge ? /* @__PURE__ */ S(St, {
-                ...Q(),
-                disabled: K,
+              }) : null, Ge ? /* @__PURE__ */ S(Pt, {
+                ...X(),
+                disabled: W,
                 "aria-label": ke ? T : s,
                 title: ke ? T : s,
                 ownerState: D,
                 ...ao,
-                className: U(A.popupIndicator, ao == null ? void 0 : ao.className),
+                className: Q(A.popupIndicator, ao == null ? void 0 : ao.className),
                 children: Oe
               }) : null]
             })
@@ -2122,7 +2124,7 @@ const Ct = (e) => {
         },
         inputProps: {
           className: A.input,
-          disabled: K,
+          disabled: W,
           readOnly: He,
           ...eo()
         }
@@ -2363,7 +2365,7 @@ process.env.NODE_ENV !== "production" && (ko.propTypes = {
    * Set `-1` to disable the limit.
    * @default -1
    */
-  limitTags: et,
+  limitTags: ot,
   /**
    * The component used to render the listbox.
    * @default 'ul'
@@ -2560,8 +2562,7 @@ process.env.NODE_ENV !== "production" && (ko.propTypes = {
   value: To(o.any, (e) => e.multiple && e.value !== void 0 && !Array.isArray(e.value) ? new Error(["MUI: The Autocomplete expects the `value` prop to be an array when `multiple={true}` or undefined.", `However, ${e.value} was provided.`].join(`
 `)) : null)
 });
-const _t = "flex flex-nowrap items-center gap-[9px] font-['Roboto',sans-serif] min-w-[var(--dropdown-min-width)] [&_fieldset]:!border-none [&_.Mui-select]:!border-none [&_svg]:h-[19px] [&_svg]:w-[19px]", Bt = "[&_.jcDropdownLabel]:whitespace-nowrap [&_.jcDropdownLabel]:font-bold [&_.jcDropdownLabel]:self-start", Dt = "[&_.required]:mx-[2px] [&_.required]:text-[var(--dropdown-required-color)]", Nt = "[&_.MuiAutocomplete-root]:w-full [&_.MuiAutocomplete-root]:grow [&_.MuiAutocomplete-root]:self-start [&_.MuiAutocomplete-endAdornment]:!-right-[7px] [&_.MuiAutocomplete-clearIndicator]:text-[13px] [&_.MuiAutocomplete-clearIndicator]:h-[19px] [&_.MuiAutocomplete-clearIndicator]:w-[19px] [&_.MuiAutocomplete-clearIndicator_svg]:h-[15px] [&_.MuiAutocomplete-clearIndicator_svg]:w-[15px]", Et = "[&_.MuiInputBase-input]:!p-0 [&_.MuiInputBase-input]:!pr-0 [&_.MuiInputBase-input]:min-h-0", zt = "[&_.MuiInputBase-root]:!p-0 [&_.MuiInputBase-root]:transition-all [&_.MuiInputBase-root]:duration-[313ms] [&_.MuiInputBase-root]:ease-out [&_.MuiInputBase-root]:!rounded-none [&_.MuiInputBase-root]:border-b [&_.MuiInputBase-root]:border-b-[var(--dropdown-border-color)] [&_.MuiInputBase-root]:w-full [&_.MuiInputBase-root]:!shadow-[var(--dropdown-default-shadow)] [&_.MuiInputBase-root:hover]:!shadow-[var(--dropdown-active-shadow)] [&_.MuiInputBase-root:focus-visible]:!shadow-[var(--dropdown-active-shadow)] [&_.MuiInputBase-root.Mui-focused]:!shadow-[var(--dropdown-active-shadow)]", Vt = "[&_.MuiInputBase-root_input]:h-[15px] [&_.MuiInputBase-root_input]:w-full [&_.MuiInputBase-root_input]:!py-[2px] [&_.MuiInputBase-root_input]:!px-0", Ft = "[&_.MuiInputBase-root_.MuiChip-label]:text-[13px] [&_.MuiInputBase-root_.MuiChip-label]:px-[6px]", jt = "[&_.MuiInputBase-root_.MuiSvgIcon-root]:m-0 [&_.MuiInputBase-root_.MuiSvgIcon-root]:text-[13px] [&_.MuiInputBase-root_.MuiSvgIcon-root]:h-[13px] [&_.MuiInputBase-root_.MuiSvgIcon-root]:w-[13px]", Ht = "[&_.MuiButtonBase-root]:p-[2px] [&_.MuiButtonBase-root]:max-h-5 [&_.MuiButtonBase-root]:px-[2px] [&_.MuiButtonBase-root]:py-px [&_.MuiButtonBase-root]:mx-[2px] [&_.MuiButtonBase-root]:mt-px [&_.MuiButtonBase-root]:mb-[2px]", Ut = "[&_.MuiFormHelperText-root]:!mt-px [&_.MuiFormHelperText-root]:!mr-0 [&_.MuiFormHelperText-root]:self-end", Wt = U(
-  _t,
+const Bt = "flex flex-nowrap items-center gap-[9px] font-['Roboto',sans-serif] min-w-[var(--dropdown-min-width)] [&_fieldset]:!border-none [&_.Mui-select]:!border-none [&_svg]:h-[19px] [&_svg]:w-[19px]", Dt = "[&_.jcDropdownLabel]:whitespace-nowrap [&_.jcDropdownLabel]:font-bold [&_.jcDropdownLabel]:self-start", Nt = "[&_.required]:mx-[2px] [&_.required]:text-[var(--dropdown-required-color)]", Et = "[&_.MuiAutocomplete-root]:w-full [&_.MuiAutocomplete-root]:grow [&_.MuiAutocomplete-root]:self-start [&_.MuiAutocomplete-endAdornment]:!-right-[7px] [&_.MuiAutocomplete-clearIndicator]:text-[13px] [&_.MuiAutocomplete-clearIndicator]:h-[19px] [&_.MuiAutocomplete-clearIndicator]:w-[19px] [&_.MuiAutocomplete-clearIndicator_svg]:h-[15px] [&_.MuiAutocomplete-clearIndicator_svg]:w-[15px]", zt = "[&_.MuiInputBase-input]:!p-0 [&_.MuiInputBase-input]:!pr-0 [&_.MuiInputBase-input]:min-h-0", Vt = "[&_.MuiInputBase-root]:!p-0 [&_.MuiInputBase-root]:transition-all [&_.MuiInputBase-root]:duration-[313ms] [&_.MuiInputBase-root]:ease-out [&_.MuiInputBase-root]:!rounded-none [&_.MuiInputBase-root]:border-b [&_.MuiInputBase-root]:border-b-[var(--dropdown-border-color)] [&_.MuiInputBase-root]:w-full [&_.MuiInputBase-root]:!shadow-[var(--dropdown-default-shadow)] [&_.MuiInputBase-root:hover]:!shadow-[var(--dropdown-active-shadow)] [&_.MuiInputBase-root:focus-visible]:!shadow-[var(--dropdown-active-shadow)] [&_.MuiInputBase-root.Mui-focused]:!shadow-[var(--dropdown-active-shadow)]", Ft = "[&_.MuiInputBase-root_input]:h-[15px] [&_.MuiInputBase-root_input]:w-full [&_.MuiInputBase-root_input]:!py-[2px] [&_.MuiInputBase-root_input]:!px-0", jt = "[&_.MuiInputBase-root_.MuiChip-label]:text-[13px] [&_.MuiInputBase-root_.MuiChip-label]:px-[6px]", Ht = "[&_.MuiInputBase-root_.MuiSvgIcon-root]:m-0 [&_.MuiInputBase-root_.MuiSvgIcon-root]:text-[13px] [&_.MuiInputBase-root_.MuiSvgIcon-root]:h-[13px] [&_.MuiInputBase-root_.MuiSvgIcon-root]:w-[13px]", Ut = "[&_.MuiButtonBase-root]:p-[2px] [&_.MuiButtonBase-root]:max-h-5 [&_.MuiButtonBase-root]:px-[2px] [&_.MuiButtonBase-root]:py-px [&_.MuiButtonBase-root]:mx-[2px] [&_.MuiButtonBase-root]:mt-px [&_.MuiButtonBase-root]:mb-[2px]", Wt = "[&_.MuiFormHelperText-root]:!mt-px [&_.MuiFormHelperText-root]:!mr-0 [&_.MuiFormHelperText-root]:text-right", Kt = Ho(
   Bt,
   Dt,
   Nt,
@@ -2571,8 +2572,9 @@ const _t = "flex flex-nowrap items-center gap-[9px] font-['Roboto',sans-serif] m
   Ft,
   jt,
   Ht,
-  Ut
-), Kt = "[&_.MuiInputBase-root]:!flex [&_.MuiInputBase-root]:!items-start", dn = ({
+  Ut,
+  Wt
+), qt = "[&_.MuiInputBase-root]:!flex [&_.MuiInputBase-root]:!items-start", bn = ({
   label: e,
   colon: n = !0,
   options: a = [],
@@ -2587,17 +2589,17 @@ const _t = "flex flex-nowrap items-center gap-[9px] font-['Roboto',sans-serif] m
   helperText: P,
   ...R
 }) => {
-  const W = Yo(), L = {
+  const U = Jo(), L = {
     "--dropdown-min-width": x ?? "180px",
     "--dropdown-required-color": io.colors.gray,
     "--dropdown-border-color": io.colors.gray,
     "--dropdown-default-shadow": b ? `inset 0 -5px 4px -4px ${io.colors.error}` : "none",
-    "--dropdown-active-shadow": `inset 0 -5px 4px -4px ${b ? io.colors.error : g || W.themeColor}`
+    "--dropdown-active-shadow": `inset 0 -5px 4px -4px ${b ? io.colors.error : g || U.themeColor}`
   };
   return /* @__PURE__ */ Be(
     "div",
     {
-      className: U("jcLabeledDropdown", Wt, y && Kt),
+      className: Ho("jcLabeledDropdown", Kt, y && qt),
       style: L,
       children: [
         !i && /* @__PURE__ */ Be("span", { className: "jcDropdownLabel", children: [
@@ -2644,6 +2646,6 @@ const _t = "flex flex-nowrap items-center gap-[9px] font-['Roboto',sans-serif] m
   );
 };
 export {
-  dn as LabeledDropdown,
-  dn as default
+  bn as LabeledDropdown,
+  bn as default
 };