@lanaco/lnc-react-ui 4.0.137 → 4.0.138

package/dist/{CustomStyles-Dd6IDcq_.js → CustomStyles-DVcu00ul.js}

@@ -7,7 +7,7 @@ import { _ as Zt } from "./objectWithoutPropertiesLoose-DhwSMsjf.js";
 import { r as Pt } from "./index-B1vKwsDE.js";
 import { a as Ht } from "./floating-ui.dom-B931An3C.js";
 import { i as Ve } from "./use-isomorphic-layout-effect.browser.esm-DERp5kr6.js";
-import { b as N, a as ue, g as Nt, d as te, m as Mt } from "./utils-BPdU4_1q.js";
+import { b as Z, a as ue, g as Nt, d as te, m as Mt } from "./utils-BdsZgOUE.js";
 function We(n, e) {
   var i = Object.keys(n);
   if (Object.getOwnPropertySymbols) {
@@ -71,21 +71,21 @@ function Q(n, e) {
 }
 var Ot = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
 function Bu(n) {
-  var e = n.defaultInputValue, i = e === void 0 ? "" : e, u = n.defaultMenuIsOpen, t = u === void 0 ? !1 : u, a = n.defaultValue, r = a === void 0 ? null : a, s = n.inputValue, o = n.menuIsOpen, l = n.onChange, c = n.onInputChange, d = n.onMenuClose, b = n.onMenuOpen, I = n.value, v = Q(n, Ot), m = ee(s !== void 0 ? s : i), g = U(m, 2), p = g[0], V = g[1], G = ee(o !== void 0 ? o : t), x = U(G, 2), B = x[0], y = x[1], E = ee(I !== void 0 ? I : r), A = U(E, 2), X = A[0], P = A[1], D = M(function(J, K) {
-    typeof l == "function" && l(J, K), P(J);
-  }, [l]), H = M(function(J, K) {
+  var e = n.defaultInputValue, i = e === void 0 ? "" : e, u = n.defaultMenuIsOpen, t = u === void 0 ? !1 : u, a = n.defaultValue, r = a === void 0 ? null : a, s = n.inputValue, o = n.menuIsOpen, l = n.onChange, c = n.onInputChange, d = n.onMenuClose, b = n.onMenuOpen, p = n.value, v = Q(n, Ot), m = ee(s !== void 0 ? s : i), g = U(m, 2), I = g[0], V = g[1], G = ee(o !== void 0 ? o : t), x = U(G, 2), B = x[0], y = x[1], E = ee(p !== void 0 ? p : r), A = U(E, 2), X = A[0], H = A[1], D = M(function(J, K) {
+    typeof l == "function" && l(J, K), H(J);
+  }, [l]), N = M(function(J, K) {
     var $;
     typeof c == "function" && ($ = c(J, K)), V($ !== void 0 ? $ : J);
   }, [c]), w = M(function() {
     typeof b == "function" && b(), y(!0);
   }, [b]), L = M(function() {
     typeof d == "function" && d(), y(!1);
-  }, [d]), Z = s !== void 0 ? s : p, S = o !== void 0 ? o : B, Y = I !== void 0 ? I : X;
+  }, [d]), P = s !== void 0 ? s : I, S = o !== void 0 ? o : B, Y = p !== void 0 ? p : X;
   return f(f({}, v), {}, {
-    inputValue: Z,
+    inputValue: P,
     menuIsOpen: S,
     onChange: D,
-    onInputChange: H,
+    onInputChange: N,
     onMenuClose: L,
     onMenuOpen: w,
     value: Y
@@ -158,7 +158,7 @@ function Qt(n) {
 function et(n) {
   return me(n) ? window.pageYOffset : n.scrollTop;
 }
-function Ie(n, e) {
+function pe(n, e) {
   if (me(n)) {
     window.scrollTo(0, e);
     return;
@@ -181,13 +181,13 @@ function se(n, e) {
   function o() {
     s += r;
     var l = $t(s, t, a, i);
-    Ie(n, l), s < i ? window.requestAnimationFrame(o) : u(n);
+    pe(n, l), s < i ? window.requestAnimationFrame(o) : u(n);
   }
   o();
 }
 function Pe(n, e) {
   var i = n.getBoundingClientRect(), u = e.getBoundingClientRect(), t = e.offsetHeight / 3;
-  u.bottom + t > i.bottom ? Ie(n, Math.min(e.offsetTop + e.clientHeight - n.offsetHeight + t, n.scrollHeight)) : u.top - t < i.top && Ie(n, Math.max(e.offsetTop - t, 0));
+  u.bottom + t > i.bottom ? pe(n, Math.min(e.offsetTop + e.clientHeight - n.offsetHeight + t, n.scrollHeight)) : u.top - t < i.top && pe(n, Math.max(e.offsetTop - t, 0));
 }
 function _t(n) {
   var e = n.getBoundingClientRect();
@@ -248,7 +248,7 @@ function ln(n) {
     maxHeight: e
   };
   if (!i || !i.offsetParent) return l;
-  var c = o.getBoundingClientRect(), d = c.height, b = i.getBoundingClientRect(), I = b.bottom, v = b.height, m = b.top, g = i.offsetParent.getBoundingClientRect(), p = g.top, V = r ? window.innerHeight : Qt(o), G = et(o), x = parseInt(getComputedStyle(i).marginBottom, 10), B = parseInt(getComputedStyle(i).marginTop, 10), y = p - B, E = V - m, A = y + G, X = d - G - m, P = I - V + G + x, D = G + m - B, H = 160;
+  var c = o.getBoundingClientRect(), d = c.height, b = i.getBoundingClientRect(), p = b.bottom, v = b.height, m = b.top, g = i.offsetParent.getBoundingClientRect(), I = g.top, V = r ? window.innerHeight : Qt(o), G = et(o), x = parseInt(getComputedStyle(i).marginBottom, 10), B = parseInt(getComputedStyle(i).marginTop, 10), y = I - B, E = V - m, A = y + G, X = d - G - m, H = p - V + G + x, D = G + m - B, N = 160;
   switch (t) {
     case "auto":
     case "bottom":
@@ -258,12 +258,12 @@ function ln(n) {
           maxHeight: e
         };
       if (X >= v && !r)
-        return a && se(o, P, H), {
+        return a && se(o, H, N), {
           placement: "bottom",
           maxHeight: e
         };
       if (!r && X >= u || r && E >= u) {
-        a && se(o, P, H);
+        a && se(o, H, N);
         var w = r ? E - x : X - x;
         return {
           placement: "bottom",
@@ -271,14 +271,14 @@ function ln(n) {
         };
       }
       if (t === "auto" || r) {
-        var L = e, Z = r ? y : A;
-        return Z >= u && (L = Math.min(Z - x - s, e)), {
+        var L = e, P = r ? y : A;
+        return P >= u && (L = Math.min(P - x - s, e)), {
           placement: "top",
           maxHeight: L
         };
       }
       if (t === "bottom")
-        return a && Ie(o, P), {
+        return a && pe(o, H), {
           placement: "bottom",
           maxHeight: e
         };
@@ -290,13 +290,13 @@ function ln(n) {
           maxHeight: e
         };
       if (A >= v && !r)
-        return a && se(o, D, H), {
+        return a && se(o, D, N), {
           placement: "top",
           maxHeight: e
         };
       if (!r && A >= u || r && y >= u) {
         var S = e;
-        return (!r && A >= u || r && y >= u) && (S = r ? y - B : A - B), a && se(o, D, H), {
+        return (!r && A >= u || r && y >= u) && (S = r ? y - B : A - B), a && se(o, D, N), {
           placement: "top",
           maxHeight: S
         };
@@ -331,7 +331,7 @@ var nt = function(e) {
     marginTop: s.menuGutter
   });
 }, it = /* @__PURE__ */ xt(null), dn = function(e) {
-  var i = e.children, u = e.minMenuHeight, t = e.maxMenuHeight, a = e.menuPlacement, r = e.menuPosition, s = e.menuShouldScrollIntoView, o = e.theme, l = Vt(it) || {}, c = l.setPortalPlacement, d = j(null), b = ee(t), I = U(b, 2), v = I[0], m = I[1], g = ee(null), p = U(g, 2), V = p[0], G = p[1], x = o.spacing.controlHeight;
+  var i = e.children, u = e.minMenuHeight, t = e.maxMenuHeight, a = e.menuPlacement, r = e.menuPosition, s = e.menuShouldScrollIntoView, o = e.theme, l = Vt(it) || {}, c = l.setPortalPlacement, d = j(null), b = ee(t), p = U(b, 2), v = p[0], m = p[1], g = ee(null), I = U(g, 2), V = I[0], G = I[1], x = o.spacing.controlHeight;
   return Ve(function() {
     var B = d.current;
     if (B) {
@@ -360,7 +360,7 @@ var nt = function(e) {
   }), {
     ref: u
   }, t), i);
-}, bn = gn, In = function(e, i) {
+}, bn = gn, pn = function(e, i) {
   var u = e.maxHeight, t = e.theme.spacing.baseUnit;
   return f({
     maxHeight: u,
@@ -372,7 +372,7 @@ var nt = function(e) {
     paddingBottom: t,
     paddingTop: t
   });
-}, pn = function(e) {
+}, In = function(e) {
   var i = e.children, u = e.innerProps, t = e.innerRef, a = e.isMulti;
   return C("div", h({}, R(e, "menuList", {
     "menu-list": !0,
@@ -416,19 +416,19 @@ var nt = function(e) {
     zIndex: 1
   };
 }, An = function(e) {
-  var i = e.appendTo, u = e.children, t = e.controlElement, a = e.innerProps, r = e.menuPlacement, s = e.menuPosition, o = j(null), l = j(null), c = ee(nt(r)), d = U(c, 2), b = d[0], I = d[1], v = ie(function() {
+  var i = e.appendTo, u = e.children, t = e.controlElement, a = e.innerProps, r = e.menuPlacement, s = e.menuPosition, o = j(null), l = j(null), c = ee(nt(r)), d = U(c, 2), b = d[0], p = d[1], v = ie(function() {
     return {
-      setPortalPlacement: I
+      setPortalPlacement: p
     };
-  }, []), m = ee(null), g = U(m, 2), p = g[0], V = g[1], G = M(function() {
+  }, []), m = ee(null), g = U(m, 2), I = g[0], V = g[1], G = M(function() {
     if (t) {
       var E = _t(t), A = s === "fixed" ? 0 : window.pageYOffset, X = E[b] + A;
-      (X !== (p == null ? void 0 : p.offset) || E.left !== (p == null ? void 0 : p.rect.left) || E.width !== (p == null ? void 0 : p.rect.width)) && V({
+      (X !== (I == null ? void 0 : I.offset) || E.left !== (I == null ? void 0 : I.rect.left) || E.width !== (I == null ? void 0 : I.rect.width)) && V({
         offset: X,
         rect: E
       });
     }
-  }, [t, s, b, p == null ? void 0 : p.offset, p == null ? void 0 : p.rect.left, p == null ? void 0 : p.rect.width]);
+  }, [t, s, b, I == null ? void 0 : I.offset, I == null ? void 0 : I.rect.left, I == null ? void 0 : I.rect.width]);
   Ve(function() {
     G();
   }, [G]);
@@ -443,13 +443,13 @@ var nt = function(e) {
   var B = M(function(E) {
     o.current = E, x();
   }, [x]);
-  if (!i && s !== "fixed" || !p) return null;
+  if (!i && s !== "fixed" || !I) return null;
   var y = C("div", h({
     ref: B
   }, R(f(f({}, e), {}, {
-    offset: p.offset,
+    offset: I.offset,
     position: s,
-    rect: p.rect
+    rect: I.rect
   }), "menuPortal", {
     "menu-portal": !0
   }), a), u);
@@ -873,12 +873,12 @@ var li = function(e) {
     marginLeft: t.baseUnit / 2,
     marginRight: t.baseUnit / 2
   });
-}, Ii = function(e) {
+}, pi = function(e) {
   var i = e.children, u = e.innerProps;
   return C("div", h({}, R(e, "placeholder", {
     placeholder: !0
   }), u), i);
-}, pi = Ii, mi = function(e, i) {
+}, Ii = pi, mi = function(e, i) {
   var u = e.isDisabled, t = e.theme, a = t.spacing, r = t.colors;
   return f({
     label: "singleValue",
@@ -911,7 +911,7 @@ var li = function(e) {
   Input: ti,
   LoadingIndicator: Jn,
   Menu: bn,
-  MenuList: pn,
+  MenuList: In,
   MenuPortal: An,
   LoadingMessage: fn,
   NoOptionsMessage: Cn,
@@ -920,7 +920,7 @@ var li = function(e) {
   MultiValueLabel: ai,
   MultiValueRemove: ri,
   Option: gi,
-  Placeholder: pi,
+  Placeholder: Ii,
   SelectContainer: xn,
   SingleValue: Ci,
   ValueContainer: Bn
@@ -1012,8 +1012,8 @@ var Bi = process.env.NODE_ENV === "production" ? {
     if (i === "value" && s)
       return "value ".concat(r, " focused, ").concat(d(s, u), ".");
     if (i === "menu" && c) {
-      var b = o ? " disabled" : "", I = "".concat(l ? " selected" : "").concat(b);
-      return "".concat(r).concat(I, ", ").concat(d(t, u), ".");
+      var b = o ? " disabled" : "", p = "".concat(l ? " selected" : "").concat(b);
+      return "".concat(r).concat(p, ", ").concat(d(t, u), ".");
     }
     return "";
   },
@@ -1022,10 +1022,10 @@ var Bi = process.env.NODE_ENV === "production" ? {
     return "".concat(u).concat(i ? " for search term " + i : "", ".");
   }
 }, Fi = function(e) {
-  var i = e.ariaSelection, u = e.focusedOption, t = e.focusedValue, a = e.focusableOptions, r = e.isFocused, s = e.selectValue, o = e.selectProps, l = e.id, c = e.isAppleDevice, d = o.ariaLiveMessages, b = o.getOptionLabel, I = o.inputValue, v = o.isMulti, m = o.isOptionDisabled, g = o.isSearchable, p = o.menuIsOpen, V = o.options, G = o.screenReaderStatus, x = o.tabSelectsValue, B = o.isLoading, y = o["aria-label"], E = o["aria-live"], A = ie(function() {
+  var i = e.ariaSelection, u = e.focusedOption, t = e.focusedValue, a = e.focusableOptions, r = e.isFocused, s = e.selectValue, o = e.selectProps, l = e.id, c = e.isAppleDevice, d = o.ariaLiveMessages, b = o.getOptionLabel, p = o.inputValue, v = o.isMulti, m = o.isOptionDisabled, g = o.isSearchable, I = o.menuIsOpen, V = o.options, G = o.screenReaderStatus, x = o.tabSelectsValue, B = o.isLoading, y = o["aria-label"], E = o["aria-live"], A = ie(function() {
     return f(f({}, Ei), d || {});
   }, [d]), X = ie(function() {
-    var Z = "";
+    var P = "";
     if (i && A.onChange) {
       var S = i.option, Y = i.options, J = i.removedValue, K = i.removedValues, $ = i.value, re = function(k) {
         return Array.isArray(k) ? null : k;
@@ -1036,11 +1036,11 @@ var Bi = process.env.NODE_ENV === "production" ? {
         label: T,
         labels: _
       }, i);
-      Z = A.onChange(O);
+      P = A.onChange(O);
     }
-    return Z;
-  }, [i, A, m, s, b]), P = ie(function() {
-    var Z = "", S = u || t, Y = !!(u && s && s.includes(u));
+    return P;
+  }, [i, A, m, s, b]), H = ie(function() {
+    var P = "", S = u || t, Y = !!(u && s && s.includes(u));
     if (S && A.onFocus) {
       var J = {
         focused: S,
@@ -1052,53 +1052,53 @@ var Bi = process.env.NODE_ENV === "production" ? {
         selectValue: s,
         isAppleDevice: c
       };
-      Z = A.onFocus(J);
+      P = A.onFocus(J);
     }
-    return Z;
+    return P;
   }, [u, t, b, m, A, a, s, c]), D = ie(function() {
-    var Z = "";
-    if (p && V.length && !B && A.onFilter) {
+    var P = "";
+    if (I && V.length && !B && A.onFilter) {
       var S = G({
         count: a.length
       });
-      Z = A.onFilter({
-        inputValue: I,
+      P = A.onFilter({
+        inputValue: p,
         resultsMessage: S
       });
     }
-    return Z;
-  }, [a, I, p, A, V, G, B]), H = (i == null ? void 0 : i.action) === "initial-input-focus", w = ie(function() {
-    var Z = "";
+    return P;
+  }, [a, p, I, A, V, G, B]), N = (i == null ? void 0 : i.action) === "initial-input-focus", w = ie(function() {
+    var P = "";
     if (A.guidance) {
-      var S = t ? "value" : p ? "menu" : "input";
-      Z = A.guidance({
+      var S = t ? "value" : I ? "menu" : "input";
+      P = A.guidance({
         "aria-label": y,
         context: S,
         isDisabled: u && m(u, s),
         isMulti: v,
         isSearchable: g,
         tabSelectsValue: x,
-        isInitialFocus: H
+        isInitialFocus: N
       });
     }
-    return Z;
-  }, [y, u, t, v, m, g, p, A, s, x, H]), L = C(xe, null, C("span", {
+    return P;
+  }, [y, u, t, v, m, g, I, A, s, x, N]), L = C(xe, null, C("span", {
     id: "aria-selection"
   }, X), C("span", {
     id: "aria-focused"
-  }, P), C("span", {
+  }, H), C("span", {
     id: "aria-results"
   }, D), C("span", {
     id: "aria-guidance"
   }, w));
   return C(xe, null, C(De, {
     id: l
-  }, H && L), C(De, {
+  }, N && L), C(De, {
     "aria-live": E,
     "aria-atomic": "false",
     "aria-relevant": "additions text",
     role: "log"
-  }, r && !H && L));
+  }, r && !N && L));
 }, Xi = Fi, Be = [{
   base: "A",
   letters: "AⒶＡÀÁÂẦẤẪẨÃĀĂẰẮẴẲȦǠÄǞẢÅǺǍȀȂẠẬẶḀĄȺⱯ"
@@ -1410,28 +1410,28 @@ var Ni = function(e) {
   e.cancelable && e.preventDefault(), e.stopPropagation();
 };
 function Mi(n) {
-  var e = n.isEnabled, i = n.onBottomArrive, u = n.onBottomLeave, t = n.onTopArrive, a = n.onTopLeave, r = j(!1), s = j(!1), o = j(0), l = j(null), c = M(function(g, p) {
+  var e = n.isEnabled, i = n.onBottomArrive, u = n.onBottomLeave, t = n.onTopArrive, a = n.onTopLeave, r = j(!1), s = j(!1), o = j(0), l = j(null), c = M(function(g, I) {
     if (l.current !== null) {
-      var V = l.current, G = V.scrollTop, x = V.scrollHeight, B = V.clientHeight, y = l.current, E = p > 0, A = x - B - G, X = !1;
-      A > p && r.current && (u && u(g), r.current = !1), E && s.current && (a && a(g), s.current = !1), E && p > A ? (i && !r.current && i(g), y.scrollTop = x, X = !0, r.current = !0) : !E && -p > G && (t && !s.current && t(g), y.scrollTop = 0, X = !0, s.current = !0), X && Ni(g);
+      var V = l.current, G = V.scrollTop, x = V.scrollHeight, B = V.clientHeight, y = l.current, E = I > 0, A = x - B - G, X = !1;
+      A > I && r.current && (u && u(g), r.current = !1), E && s.current && (a && a(g), s.current = !1), E && I > A ? (i && !r.current && i(g), y.scrollTop = x, X = !0, r.current = !0) : !E && -I > G && (t && !s.current && t(g), y.scrollTop = 0, X = !0, s.current = !0), X && Ni(g);
     }
   }, [i, u, t, a]), d = M(function(g) {
     c(g, g.deltaY);
   }, [c]), b = M(function(g) {
     o.current = g.changedTouches[0].clientY;
-  }, []), I = M(function(g) {
-    var p = o.current - g.changedTouches[0].clientY;
-    c(g, p);
+  }, []), p = M(function(g) {
+    var I = o.current - g.changedTouches[0].clientY;
+    c(g, I);
   }, [c]), v = M(function(g) {
     if (g) {
-      var p = tn ? {
+      var I = tn ? {
         passive: !1
       } : !1;
-      g.addEventListener("wheel", d, p), g.addEventListener("touchstart", b, p), g.addEventListener("touchmove", I, p);
+      g.addEventListener("wheel", d, I), g.addEventListener("touchstart", b, I), g.addEventListener("touchmove", p, I);
     }
-  }, [I, b, d]), m = M(function(g) {
-    g && (g.removeEventListener("wheel", d, !1), g.removeEventListener("touchstart", b, !1), g.removeEventListener("touchmove", I, !1));
-  }, [I, b, d]);
+  }, [p, b, d]), m = M(function(g) {
+    g && (g.removeEventListener("wheel", d, !1), g.removeEventListener("touchstart", b, !1), g.removeEventListener("touchmove", p, !1));
+  }, [p, b, d]);
   return Ke(function() {
     if (e) {
       var g = l.current;
@@ -1475,11 +1475,11 @@ function Di(n) {
         var m = c && c[v];
         t.current[v] = m;
       }), u && oe < 1) {
-        var d = parseInt(t.current.paddingRight, 10) || 0, b = document.body ? document.body.clientWidth : 0, I = window.innerWidth - b + d || 0;
+        var d = parseInt(t.current.paddingRight, 10) || 0, b = document.body ? document.body.clientWidth : 0, p = window.innerWidth - b + d || 0;
         Object.keys(Oe).forEach(function(v) {
           var m = Oe[v];
           c && (c[v] = m);
-        }), c && (c.paddingRight = "".concat(I, "px"));
+        }), c && (c.paddingRight = "".concat(p, "px"));
       }
       l && ze() && (l.addEventListener("touchmove", Ye, ne), o && (o.addEventListener("touchstart", Le, ne), o.addEventListener("touchmove", we, ne))), oe += 1;
     }
@@ -1527,8 +1527,8 @@ function Yi(n) {
     onTopLeave: o
   }), c = Di({
     isEnabled: i
-  }), d = function(I) {
-    l(I), c(I);
+  }), d = function(p) {
+    l(p), c(p);
   };
   return C(xe, null, i && C("div", {
     onClick: Ji,
@@ -1601,7 +1601,7 @@ var $i = function(e) {
   loadingIndicator: Tn,
   loadingMessage: vn,
   menu: cn,
-  menuList: In,
+  menuList: pn,
   menuPortal: hn,
   multiValue: ni,
   multiValueLabel: ii,
@@ -1686,7 +1686,7 @@ var $i = function(e) {
   unstyled: !1
 };
 function je(n, e, i, u) {
-  var t = mt(n, e, i), a = vt(n, e, i), r = pt(n, e), s = pe(n, e);
+  var t = mt(n, e, i), a = vt(n, e, i), r = It(n, e), s = Ie(n, e);
   return {
     type: "option",
     data: e,
@@ -1716,7 +1716,7 @@ function ge(n, e) {
     return Qe(n, a) ? a : void 0;
   }).filter(nn);
 }
-function It(n) {
+function pt(n) {
   return n.reduce(function(e, i) {
     return i.type === "group" ? e.push.apply(e, ye(i.options.map(function(u) {
       return u.data;
@@ -1737,7 +1737,7 @@ function Ue(n, e) {
   }, []);
 }
 function lu(n, e) {
-  return It(ge(n, e));
+  return pt(ge(n, e));
 }
 function Qe(n, e) {
   var i = n.inputValue, u = i === void 0 ? "" : i, t = e.data, a = e.isSelected, r = e.label, s = e.value;
@@ -1767,9 +1767,9 @@ var Ge = function(e, i) {
     return a.data === i;
   })) === null || u === void 0 ? void 0 : u.id;
   return t || null;
-}, pt = function(e, i) {
+}, It = function(e, i) {
   return e.getOptionLabel(i);
-}, pe = function(e, i) {
+}, Ie = function(e, i) {
   return e.getOptionValue(i);
 };
 function mt(n, e, i) {
@@ -1779,9 +1779,9 @@ function vt(n, e, i) {
   if (i.indexOf(e) > -1) return !0;
   if (typeof n.isOptionSelected == "function")
     return n.isOptionSelected(e, i);
-  var u = pe(n, e);
+  var u = Ie(n, e);
   return i.some(function(t) {
-    return pe(n, t) === u;
+    return Ie(n, t) === u;
   });
 }
 function Ct(n, e, i) {
@@ -1821,12 +1821,12 @@ var ft = function(e) {
       var c = t.props, d = c.onChange, b = c.name;
       l.name = b, t.ariaOnChange(o, l), d(o, l);
     }, t.setValue = function(o, l, c) {
-      var d = t.props, b = d.closeMenuOnSelect, I = d.isMulti, v = d.inputValue;
+      var d = t.props, b = d.closeMenuOnSelect, p = d.isMulti, v = d.inputValue;
       t.onInputChange("", {
         action: "set-value",
         prevInputValue: v
       }), b && (t.setState({
-        inputIsHiddenAfterUpdate: !I
+        inputIsHiddenAfterUpdate: !p
       }), t.onMenuClose()), t.setState({
         clearFocusValueOnUpdate: !0
       }), t.onChange(o, {
@@ -1834,14 +1834,14 @@ var ft = function(e) {
         option: c
       });
     }, t.selectOption = function(o) {
-      var l = t.props, c = l.blurInputOnSelect, d = l.isMulti, b = l.name, I = t.state.selectValue, v = d && t.isOptionSelected(o, I), m = t.isOptionDisabled(o, I);
+      var l = t.props, c = l.blurInputOnSelect, d = l.isMulti, b = l.name, p = t.state.selectValue, v = d && t.isOptionSelected(o, p), m = t.isOptionDisabled(o, p);
       if (v) {
         var g = t.getOptionValue(o);
-        t.setValue(I.filter(function(p) {
-          return t.getOptionValue(p) !== g;
+        t.setValue(p.filter(function(I) {
+          return t.getOptionValue(I) !== g;
         }), "deselect-option", o);
       } else if (!m)
-        d ? t.setValue([].concat(ye(I), [o]), "select-option", o) : t.setValue(o, "select-option");
+        d ? t.setValue([].concat(ye(p), [o]), "select-option", o) : t.setValue(o, "select-option");
       else {
         t.ariaOnChange(o, {
           action: "select-option",
@@ -1854,8 +1854,8 @@ var ft = function(e) {
     }, t.removeValue = function(o) {
       var l = t.props.isMulti, c = t.state.selectValue, d = t.getOptionValue(o), b = c.filter(function(v) {
         return t.getOptionValue(v) !== d;
-      }), I = de(l, b, b[0] || null);
-      t.onChange(I, {
+      }), p = de(l, b, b[0] || null);
+      t.onChange(p, {
         action: "remove-value",
         removedValue: o
       }), t.focusInput();
@@ -1882,9 +1882,9 @@ var ft = function(e) {
         l[c] = arguments[c];
       return Ut.apply(void 0, [t.props.classNamePrefix].concat(l));
     }, t.getOptionLabel = function(o) {
-      return pt(t.props, o);
+      return It(t.props, o);
     }, t.getOptionValue = function(o) {
-      return pe(t.props, o);
+      return Ie(t.props, o);
     }, t.getStyles = function(o, l) {
       var c = t.props.unstyled, d = tu[o](l, c);
       d.boxSizing = "border-box";
@@ -1902,7 +1902,7 @@ var ft = function(e) {
     }, t.getCategorizedOptions = function() {
       return t.props.menuIsOpen ? t.buildCategorizedOptions() : [];
     }, t.buildFocusableOptions = function() {
-      return It(t.buildCategorizedOptions());
+      return pt(t.buildCategorizedOptions());
     }, t.getFocusableOptions = function() {
       return t.props.menuIsOpen ? t.buildFocusableOptions() : [];
     }, t.ariaOnChange = function(o, l) {
@@ -1943,8 +1943,8 @@ var ft = function(e) {
     }, t.onTouchMove = function(o) {
       var l = o.touches, c = l && l.item(0);
       if (c) {
-        var d = Math.abs(c.clientX - t.initialTouchX), b = Math.abs(c.clientY - t.initialTouchY), I = 5;
-        t.userIsDragging = d > I || b > I;
+        var d = Math.abs(c.clientX - t.initialTouchX), b = Math.abs(c.clientY - t.initialTouchY), p = 5;
+        t.userIsDragging = d > p || b > p;
       }
     }, t.onTouchEnd = function(o) {
       t.userIsDragging || (t.controlRef && !t.controlRef.contains(o.target) && t.menuListRef && !t.menuListRef.contains(o.target) && t.blurInput(), t.initialTouchX = 0, t.initialTouchY = 0);
@@ -1993,20 +1993,20 @@ var ft = function(e) {
     }, t.onValueInputFocus = function(o) {
       o.preventDefault(), o.stopPropagation(), t.focus();
     }, t.onKeyDown = function(o) {
-      var l = t.props, c = l.isMulti, d = l.backspaceRemovesValue, b = l.escapeClearsValue, I = l.inputValue, v = l.isClearable, m = l.isDisabled, g = l.menuIsOpen, p = l.onKeyDown, V = l.tabSelectsValue, G = l.openMenuOnFocus, x = t.state, B = x.focusedOption, y = x.focusedValue, E = x.selectValue;
-      if (!m && !(typeof p == "function" && (p(o), o.defaultPrevented))) {
+      var l = t.props, c = l.isMulti, d = l.backspaceRemovesValue, b = l.escapeClearsValue, p = l.inputValue, v = l.isClearable, m = l.isDisabled, g = l.menuIsOpen, I = l.onKeyDown, V = l.tabSelectsValue, G = l.openMenuOnFocus, x = t.state, B = x.focusedOption, y = x.focusedValue, E = x.selectValue;
+      if (!m && !(typeof I == "function" && (I(o), o.defaultPrevented))) {
         switch (t.blockOptionHover = !0, o.key) {
           case "ArrowLeft":
-            if (!c || I) return;
+            if (!c || p) return;
             t.focusValue("previous");
             break;
           case "ArrowRight":
-            if (!c || I) return;
+            if (!c || p) return;
             t.focusValue("next");
             break;
           case "Delete":
           case "Backspace":
-            if (I) return;
+            if (p) return;
             if (y)
               t.removeValue(y);
             else {
@@ -2035,11 +2035,11 @@ var ft = function(e) {
               inputIsHiddenAfterUpdate: !1
             }), t.onInputChange("", {
               action: "menu-close",
-              prevInputValue: I
+              prevInputValue: p
             }), t.onMenuClose()) : v && b && t.clearValue();
             break;
           case " ":
-            if (I)
+            if (p)
               return;
             if (!g) {
               t.openMenu("first");
@@ -2208,7 +2208,7 @@ var ft = function(e) {
   }, {
     key: "getCommonProps",
     value: function() {
-      var t = this.clearValue, a = this.cx, r = this.getStyles, s = this.getClassNames, o = this.getValue, l = this.selectOption, c = this.setValue, d = this.props, b = d.isMulti, I = d.isRtl, v = d.options, m = this.hasValue();
+      var t = this.clearValue, a = this.cx, r = this.getStyles, s = this.getClassNames, o = this.getValue, l = this.selectOption, c = this.setValue, d = this.props, b = d.isMulti, p = d.isRtl, v = d.options, m = this.hasValue();
       return {
         clearValue: t,
         cx: a,
@@ -2217,7 +2217,7 @@ var ft = function(e) {
         getValue: o,
         hasValue: m,
         isMulti: b,
-        isRtl: I,
+        isRtl: p,
         options: v,
         selectOption: l,
         selectProps: d,
@@ -2315,7 +2315,7 @@ var ft = function(e) {
       // Renderers
       // ==============================
       function() {
-        var t = this.props, a = t.isDisabled, r = t.isSearchable, s = t.inputId, o = t.inputValue, l = t.tabIndex, c = t.form, d = t.menuIsOpen, b = t.required, I = this.getComponents(), v = I.Input, m = this.state, g = m.inputIsHidden, p = m.ariaSelection, V = this.commonProps, G = s || this.getElementId("input"), x = f(f(f({
+        var t = this.props, a = t.isDisabled, r = t.isSearchable, s = t.inputId, o = t.inputValue, l = t.tabIndex, c = t.form, d = t.menuIsOpen, b = t.required, p = this.getComponents(), v = p.Input, m = this.state, g = m.inputIsHidden, I = m.ariaSelection, V = this.commonProps, G = s || this.getElementId("input"), x = f(f(f({
           "aria-autocomplete": "list",
           "aria-expanded": d,
           "aria-haspopup": !0,
@@ -2330,7 +2330,7 @@ var ft = function(e) {
           "aria-controls": this.getElementId("listbox")
         }), !r && {
           "aria-readonly": !0
-        }), this.hasValue() ? (p == null ? void 0 : p.action) === "initial-input-focus" && {
+        }), this.hasValue() ? (I == null ? void 0 : I.action) === "initial-input-focus" && {
           "aria-describedby": this.getElementId("live-region")
         } : {
           "aria-describedby": this.getElementId("placeholder")
@@ -2368,9 +2368,9 @@ var ft = function(e) {
   }, {
     key: "renderPlaceholderOrValue",
     value: function() {
-      var t = this, a = this.getComponents(), r = a.MultiValue, s = a.MultiValueContainer, o = a.MultiValueLabel, l = a.MultiValueRemove, c = a.SingleValue, d = a.Placeholder, b = this.commonProps, I = this.props, v = I.controlShouldRenderValue, m = I.isDisabled, g = I.isMulti, p = I.inputValue, V = I.placeholder, G = this.state, x = G.selectValue, B = G.focusedValue, y = G.isFocused;
+      var t = this, a = this.getComponents(), r = a.MultiValue, s = a.MultiValueContainer, o = a.MultiValueLabel, l = a.MultiValueRemove, c = a.SingleValue, d = a.Placeholder, b = this.commonProps, p = this.props, v = p.controlShouldRenderValue, m = p.isDisabled, g = p.isMulti, I = p.inputValue, V = p.placeholder, G = this.state, x = G.selectValue, B = G.focusedValue, y = G.isFocused;
       if (!this.hasValue() || !v)
-        return p ? null : /* @__PURE__ */ F.createElement(d, h({}, b, {
+        return I ? null : /* @__PURE__ */ F.createElement(d, h({}, b, {
           key: "placeholder",
           isDisabled: m,
           isFocused: y,
@@ -2380,14 +2380,14 @@ var ft = function(e) {
         }), V);
       if (g)
         return x.map(function(A, X) {
-          var P = A === B, D = "".concat(t.getOptionLabel(A), "-").concat(t.getOptionValue(A));
+          var H = A === B, D = "".concat(t.getOptionLabel(A), "-").concat(t.getOptionValue(A));
           return /* @__PURE__ */ F.createElement(r, h({}, b, {
             components: {
               Container: s,
               Label: o,
               Remove: l
             },
-            isFocused: P,
+            isFocused: H,
             isDisabled: m,
             key: D,
             index: X,
@@ -2405,7 +2405,7 @@ var ft = function(e) {
             data: A
           }), t.formatOptionLabel(A, "value"));
         });
-      if (p)
+      if (I)
         return null;
       var E = x[0];
       return /* @__PURE__ */ F.createElement(c, h({}, b, {
@@ -2473,7 +2473,7 @@ var ft = function(e) {
   }, {
     key: "renderMenu",
     value: function() {
-      var t = this, a = this.getComponents(), r = a.Group, s = a.GroupHeading, o = a.Menu, l = a.MenuList, c = a.MenuPortal, d = a.LoadingMessage, b = a.NoOptionsMessage, I = a.Option, v = this.commonProps, m = this.state.focusedOption, g = this.props, p = g.captureMenuScroll, V = g.inputValue, G = g.isLoading, x = g.loadingMessage, B = g.minMenuHeight, y = g.maxMenuHeight, E = g.menuIsOpen, A = g.menuPlacement, X = g.menuPosition, P = g.menuPortalTarget, D = g.menuShouldBlockScroll, H = g.menuShouldScrollIntoView, w = g.noOptionsMessage, L = g.onMenuScrollToTop, Z = g.onMenuScrollToBottom;
+      var t = this, a = this.getComponents(), r = a.Group, s = a.GroupHeading, o = a.Menu, l = a.MenuList, c = a.MenuPortal, d = a.LoadingMessage, b = a.NoOptionsMessage, p = a.Option, v = this.commonProps, m = this.state.focusedOption, g = this.props, I = g.captureMenuScroll, V = g.inputValue, G = g.isLoading, x = g.loadingMessage, B = g.minMenuHeight, y = g.maxMenuHeight, E = g.menuIsOpen, A = g.menuPlacement, X = g.menuPosition, H = g.menuPortalTarget, D = g.menuShouldBlockScroll, N = g.menuShouldScrollIntoView, w = g.noOptionsMessage, L = g.onMenuScrollToTop, P = g.onMenuScrollToBottom;
       if (!E) return null;
       var S = function(T, z) {
         var _ = T.type, O = T.data, q = T.isDisabled, k = T.isSelected, le = T.label, ht = T.value, Xe = m === O, Re = q ? void 0 : function() {
@@ -2490,7 +2490,7 @@ var ft = function(e) {
           "aria-selected": t.isAppleDevice ? void 0 : k
           // is not supported on Apple devices
         };
-        return /* @__PURE__ */ F.createElement(I, h({}, v, {
+        return /* @__PURE__ */ F.createElement(p, h({}, v, {
           innerProps: Gt,
           data: O,
           isDisabled: q,
@@ -2541,7 +2541,7 @@ var ft = function(e) {
         maxMenuHeight: y,
         menuPlacement: A,
         menuPosition: X,
-        menuShouldScrollIntoView: H
+        menuShouldScrollIntoView: N
       }, re = /* @__PURE__ */ F.createElement(dn, h({}, v, $), function(W) {
         var T = W.ref, z = W.placerProps, _ = z.placement, O = z.maxHeight;
         return /* @__PURE__ */ F.createElement(o, h({}, v, $, {
@@ -2553,9 +2553,9 @@ var ft = function(e) {
           isLoading: G,
           placement: _
         }), /* @__PURE__ */ F.createElement(Yi, {
-          captureEnabled: p,
+          captureEnabled: I,
           onTopArrive: L,
-          onBottomArrive: Z,
+          onBottomArrive: P,
           lockEnabled: D
         }, function(q) {
           return /* @__PURE__ */ F.createElement(l, h({}, v, {
@@ -2573,8 +2573,8 @@ var ft = function(e) {
           }), Y);
         }));
       });
-      return P || X === "fixed" ? /* @__PURE__ */ F.createElement(c, h({}, v, {
-        appendTo: P,
+      return H || X === "fixed" ? /* @__PURE__ */ F.createElement(c, h({}, v, {
+        appendTo: H,
         controlElement: this.controlRef,
         menuPlacement: A,
         menuPosition: X
@@ -2601,7 +2601,7 @@ var ft = function(e) {
               value: b
             });
           } else {
-            var I = d.length > 0 ? d.map(function(m, g) {
+            var p = d.length > 0 ? d.map(function(m, g) {
               return /* @__PURE__ */ F.createElement("input", {
                 key: "i-".concat(g),
                 name: l,
@@ -2613,7 +2613,7 @@ var ft = function(e) {
               type: "hidden",
               value: ""
             });
-            return /* @__PURE__ */ F.createElement("div", null, I);
+            return /* @__PURE__ */ F.createElement("div", null, p);
           }
         else {
           var v = d[0] ? this.getOptionValue(d[0]) : "";
@@ -2642,7 +2642,7 @@ var ft = function(e) {
   }, {
     key: "render",
     value: function() {
-      var t = this.getComponents(), a = t.Control, r = t.IndicatorsContainer, s = t.SelectContainer, o = t.ValueContainer, l = this.props, c = l.className, d = l.id, b = l.isDisabled, I = l.menuIsOpen, v = this.state.isFocused, m = this.commonProps = this.getCommonProps();
+      var t = this.getComponents(), a = t.Control, r = t.IndicatorsContainer, s = t.SelectContainer, o = t.ValueContainer, l = this.props, c = l.className, d = l.id, b = l.isDisabled, p = l.menuIsOpen, v = this.state.isFocused, m = this.commonProps = this.getCommonProps();
       return /* @__PURE__ */ F.createElement(s, h({}, m, {
         className: c,
         innerProps: {
@@ -2659,7 +2659,7 @@ var ft = function(e) {
         },
         isDisabled: b,
         isFocused: v,
-        menuIsOpen: I
+        menuIsOpen: p
       }), /* @__PURE__ */ F.createElement(o, h({}, m, {
         isDisabled: b
       }), this.renderPlaceholderOrValue(), this.renderInput()), /* @__PURE__ */ F.createElement(r, h({}, m, {
@@ -2669,8 +2669,8 @@ var ft = function(e) {
   }], [{
     key: "getDerivedStateFromProps",
     value: function(t, a) {
-      var r = a.prevProps, s = a.clearFocusValueOnUpdate, o = a.inputIsHiddenAfterUpdate, l = a.ariaSelection, c = a.isFocused, d = a.prevWasFocused, b = a.instancePrefix, I = t.options, v = t.value, m = t.menuIsOpen, g = t.inputValue, p = t.isMulti, V = Ze(v), G = {};
-      if (r && (v !== r.value || I !== r.options || m !== r.menuIsOpen || g !== r.inputValue)) {
+      var r = a.prevProps, s = a.clearFocusValueOnUpdate, o = a.inputIsHiddenAfterUpdate, l = a.ariaSelection, c = a.isFocused, d = a.prevWasFocused, b = a.instancePrefix, p = t.options, v = t.value, m = t.menuIsOpen, g = t.inputValue, I = t.isMulti, V = Ze(v), G = {};
+      if (r && (v !== r.value || p !== r.options || m !== r.menuIsOpen || g !== r.inputValue)) {
         var x = m ? lu(t, V) : [], B = m ? Ue(ge(t, V), "".concat(b, "-option")) : [], y = s ? su(a, V) : null, E = cu(a, x), A = Ge(B, E);
         G = {
           selectValue: V,
@@ -2684,14 +2684,14 @@ var ft = function(e) {
       var X = o != null && t !== r ? {
         inputIsHidden: o,
         inputIsHiddenAfterUpdate: void 0
-      } : {}, P = l, D = c && d;
-      return c && !D && (P = {
-        value: de(p, V, V[0] || null),
+      } : {}, H = l, D = c && d;
+      return c && !D && (H = {
+        value: de(I, V, V[0] || null),
         options: V,
         action: "initial-input-focus"
-      }, D = !d), (l == null ? void 0 : l.action) === "initial-input-focus" && (P = null), f(f(f({}, G), X), {}, {
+      }, D = !d), (l == null ? void 0 : l.action) === "initial-input-focus" && (H = null), f(f(f({}, G), X), {}, {
         prevProps: t,
-        ariaSelection: P,
+        ariaSelection: H,
         prevWasFocused: D
       });
     }
@@ -2701,10 +2701,10 @@ gu.defaultProps = ru;
 const bu = (n) => {
   const e = n.colorContext[n.palette.outline.context], i = n.palette[e][n.palette.outline.weight];
   return `${n.palette.outline.width} ${n.palette.outline.style} ${i}`;
-}, Iu = (n) => {
+}, pu = (n) => {
   const e = n.palette.disabled.color, i = n.palette[e][n.palette.disabled.background], u = n.palette.opacity[n.palette.disabled.opacity];
   return Mt(i, u ?? "100%");
-}, pu = (n) => {
+}, Iu = (n) => {
   const e = n.palette.disabled.color;
   return n.palette[e][n.palette.disabled.text];
 }, Eu = {
@@ -2715,7 +2715,7 @@ const bu = (n) => {
   }),
   input: (n, e) => ({
     ...n,
-    color: N(
+    color: Z(
       e.theme,
       "Input",
       e.focused ? "primary" : e.color,
@@ -2735,7 +2735,7 @@ const bu = (n) => {
     outlineOffset: e.isFocused ? e.theme.palette.outline.offset : "0",
     "&:hover": {
       border: `1px solid
-            ${N(
+            ${Z(
         e.theme,
         "Input",
         e.focused ? "primary" : e.color,
@@ -2748,9 +2748,9 @@ const bu = (n) => {
     },
     // This line disable the blue border
     boxShadow: "none",
-    backgroundColor: e.isDisabled ? Iu(e.theme) : N(e.theme, "Input", e.color, "enabled", "background"),
+    backgroundColor: e.isDisabled ? pu(e.theme) : Z(e.theme, "Input", e.color, "enabled", "background"),
     border: `1px solid
-      ${N(
+      ${Z(
       e.theme,
       "Input",
       e.focused ? "primary" : e.selectProps.color,
@@ -2758,20 +2758,20 @@ const bu = (n) => {
       "border"
     )}`,
     borderRadius: ue(e.theme, "regular"),
-    color: e.isDisabled ? pu(e.theme) : e.isFocused ? N(e.theme, "Input", "primary", "enabled", "text") : N(e.theme, "Input", e.color, "enabled", "text")
+    color: e.isDisabled ? Iu(e.theme) : e.isFocused ? Z(e.theme, "Input", "primary", "enabled", "text") : Z(e.theme, "Input", e.color, "enabled", "text")
   }),
   menu: (n, e) => ({
     ...n,
     boxShadow: "0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06)",
     borderRadius: ue(e.theme, "regular"),
-    backgroundColor: N(
+    backgroundColor: Z(
       e.theme,
       "Dropdown",
       e.selectProps.color,
       "enabled",
       "background"
     ),
-    color: N(
+    color: Z(
       e.theme,
       "Dropdown",
       e.selectProps.color,
@@ -2785,13 +2785,26 @@ const bu = (n) => {
     fontWeight: e.theme.components.Input.default.enabled.fontWeight,
     fontSize: e.theme.typography.component[e.selectProps.size].fontSize,
     lineHeight: e.theme.typography.component[e.selectProps.size].lineHeight,
-    backgroundColor: e.isSelected ? N(
+    color: e != null && e.isSelected ? Z(
+      e.theme,
+      "Dropdown",
+      e.selectProps.color,
+      "selected",
+      "text"
+    ) : Z(
+      e.theme,
+      "Dropdown",
+      e.selectProps.color,
+      "enabled",
+      "text"
+    ),
+    backgroundColor: e.isSelected ? Z(
       e.theme,
       "Dropdown",
       e.selectProps.color,
       "selected",
       "background"
-    ) : e.isFocused ? N(
+    ) : e.isFocused ? Z(
       e.theme,
       "Dropdown",
       e.selectProps.color,
@@ -2799,20 +2812,26 @@ const bu = (n) => {
       "background"
     ) : "transparent",
     "&:hover": {
-      backgroundColor: N(
+      backgroundColor: Z(
         e.theme,
         "Dropdown",
         e.selectProps.color,
         "hover",
         "background"
       ),
-      color: "unset"
+      color: Z(
+        e.theme,
+        "Dropdown",
+        e.selectProps.color,
+        "hover",
+        "text"
+      )
     }
   }),
   multiValue: (n, e) => ({
     ...n,
     borderRadius: ue(e.theme, "regular"),
-    backgroundColor: !e.isDisabled && N(
+    backgroundColor: !e.isDisabled && Z(
       e.theme,
       "Chip",
       e.selectProps.color,
@@ -2828,7 +2847,7 @@ const bu = (n) => {
       "backDropFilter"
     ),
     "&:hover": {
-      backgroundColor: !e.isDisabled && N(
+      backgroundColor: !e.isDisabled && Z(
         e.theme,
         "Chip",
         e.selectProps.color,
@@ -2840,7 +2859,7 @@ const bu = (n) => {
   }),
   multiValueLabel: (n, e) => ({
     ...n,
-    color: !e.isDisabled && N(
+    color: !e.isDisabled && Z(
       e.theme,
       "Chip",
       e.selectProps.color,
@@ -2855,7 +2874,7 @@ const bu = (n) => {
       e.theme,
       "regular"
     )} ${ue(e.theme, "regular")} 0`,
-    color: N(
+    color: Z(
       e.theme,
       "Dropdown",
       e.selectProps.color,
@@ -2864,7 +2883,7 @@ const bu = (n) => {
     ),
     "&:hover": {
       backgroundColor: "transparent",
-      color: N(e.theme, "Danger", "danger", "enabled", "text"),
+      color: Z(e.theme, "Danger", "danger", "enabled", "text"),
       cursor: "pointer"
     }
   })