@lanaco/lnc-react-ui 4.0.162 → 4.0.164

package/dist/{CustomStyles-iconSXFL.js → CustomStyles-SyQRnjuy.js}

@@ -71,7 +71,7 @@ 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, 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) {
+  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], H = A[1], D = M(function(J, K) {
     typeof l == "function" && l(J, K), H(J);
   }, [l]), N = M(function(J, K) {
     var $;
@@ -80,7 +80,7 @@ function Bu(n) {
     typeof b == "function" && b(), y(!0);
   }, [b]), L = M(function() {
     typeof d == "function" && d(), y(!1);
-  }, [d]), P = s !== void 0 ? s : I, S = o !== void 0 ? o : B, Y = p !== void 0 ? p : X;
+  }, [d]), P = s !== void 0 ? s : p, S = o !== void 0 ? o : B, Y = I !== void 0 ? I : X;
   return f(f({}, v), {}, {
     inputValue: P,
     menuIsOpen: S,
@@ -158,7 +158,7 @@ function Qt(n) {
 function et(n) {
   return me(n) ? window.pageYOffset : n.scrollTop;
 }
-function pe(n, e) {
+function Ie(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);
-    pe(n, l), s < i ? window.requestAnimationFrame(o) : u(n);
+    Ie(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 ? 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));
+  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));
 }
 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(), 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;
+  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, H = I - V + G + x, D = G + m - B, N = 160;
   switch (t) {
     case "auto":
     case "bottom":
@@ -278,7 +278,7 @@ function ln(n) {
         };
       }
       if (t === "bottom")
-        return a && pe(o, H), {
+        return a && Ie(o, H), {
           placement: "bottom",
           maxHeight: e
         };
@@ -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), 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;
+  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;
   return Ve(function() {
     var B = d.current;
     if (B) {
@@ -360,7 +360,7 @@ var nt = function(e) {
   }), {
     ref: u
   }, t), i);
-}, bn = gn, pn = function(e, i) {
+}, bn = gn, In = 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
   });
-}, In = function(e) {
+}, pn = 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], p = 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], I = d[1], v = ie(function() {
     return {
-      setPortalPlacement: p
+      setPortalPlacement: I
     };
-  }, []), m = ee(null), g = U(m, 2), I = g[0], V = g[1], G = M(function() {
+  }, []), m = ee(null), g = U(m, 2), p = 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 !== (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({
+      (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({
         offset: X,
         rect: E
       });
     }
-  }, [t, s, b, I == null ? void 0 : I.offset, I == null ? void 0 : I.rect.left, I == null ? void 0 : I.rect.width]);
+  }, [t, s, b, p == null ? void 0 : p.offset, p == null ? void 0 : p.rect.left, p == null ? void 0 : p.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" || !I) return null;
+  if (!i && s !== "fixed" || !p) return null;
   var y = C("div", h({
     ref: B
   }, R(f(f({}, e), {}, {
-    offset: I.offset,
+    offset: p.offset,
     position: s,
-    rect: I.rect
+    rect: p.rect
   }), "menuPortal", {
     "menu-portal": !0
   }), a), u);
@@ -873,12 +873,12 @@ var li = function(e) {
     marginLeft: t.baseUnit / 2,
     marginRight: t.baseUnit / 2
   });
-}, pi = function(e) {
+}, Ii = function(e) {
   var i = e.children, u = e.innerProps;
   return C("div", h({}, R(e, "placeholder", {
     placeholder: !0
   }), u), i);
-}, Ii = pi, mi = function(e, i) {
+}, pi = Ii, 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: In,
+  MenuList: pn,
   MenuPortal: An,
   LoadingMessage: fn,
   NoOptionsMessage: Cn,
@@ -920,7 +920,7 @@ var li = function(e) {
   MultiValueLabel: ai,
   MultiValueRemove: ri,
   Option: gi,
-  Placeholder: Ii,
+  Placeholder: pi,
   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" : "", p = "".concat(l ? " selected" : "").concat(b);
-      return "".concat(r).concat(p, ", ").concat(d(t, u), ".");
+      var b = o ? " disabled" : "", I = "".concat(l ? " selected" : "").concat(b);
+      return "".concat(r).concat(I, ", ").concat(d(t, u), ".");
     }
     return "";
   },
@@ -1022,7 +1022,7 @@ 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, 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() {
+  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() {
     return f(f({}, Ei), d || {});
   }, [d]), X = ie(function() {
     var P = "";
@@ -1057,20 +1057,20 @@ var Bi = process.env.NODE_ENV === "production" ? {
     return P;
   }, [u, t, b, m, A, a, s, c]), D = ie(function() {
     var P = "";
-    if (I && V.length && !B && A.onFilter) {
+    if (p && V.length && !B && A.onFilter) {
       var S = G({
         count: a.length
       });
       P = A.onFilter({
-        inputValue: p,
+        inputValue: I,
         resultsMessage: S
       });
     }
     return P;
-  }, [a, p, I, A, V, G, B]), N = (i == null ? void 0 : i.action) === "initial-input-focus", w = ie(function() {
+  }, [a, I, p, 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" : I ? "menu" : "input";
+      var S = t ? "value" : p ? "menu" : "input";
       P = A.guidance({
         "aria-label": y,
         context: S,
@@ -1082,7 +1082,7 @@ var Bi = process.env.NODE_ENV === "production" ? {
       });
     }
     return P;
-  }, [y, u, t, v, m, g, I, A, s, x, N]), L = C(xe, null, C("span", {
+  }, [y, u, t, v, m, g, p, A, s, x, N]), L = C(xe, null, C("span", {
     id: "aria-selection"
   }, X), C("span", {
     id: "aria-focused"
@@ -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, I) {
+  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) {
     if (l.current !== null) {
-      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);
+      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);
     }
   }, [i, u, t, a]), d = M(function(g) {
     c(g, g.deltaY);
   }, [c]), b = M(function(g) {
     o.current = g.changedTouches[0].clientY;
-  }, []), p = M(function(g) {
-    var I = o.current - g.changedTouches[0].clientY;
-    c(g, I);
+  }, []), I = M(function(g) {
+    var p = o.current - g.changedTouches[0].clientY;
+    c(g, p);
   }, [c]), v = M(function(g) {
     if (g) {
-      var I = tn ? {
+      var p = tn ? {
         passive: !1
       } : !1;
-      g.addEventListener("wheel", d, I), g.addEventListener("touchstart", b, I), g.addEventListener("touchmove", p, I);
+      g.addEventListener("wheel", d, p), g.addEventListener("touchstart", b, p), g.addEventListener("touchmove", I, p);
     }
-  }, [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]);
+  }, [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]);
   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, p = window.innerWidth - b + d || 0;
+        var d = parseInt(t.current.paddingRight, 10) || 0, b = document.body ? document.body.clientWidth : 0, I = window.innerWidth - b + d || 0;
         Object.keys(Oe).forEach(function(v) {
           var m = Oe[v];
           c && (c[v] = m);
-        }), c && (c.paddingRight = "".concat(p, "px"));
+        }), c && (c.paddingRight = "".concat(I, "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(p) {
-    l(p), c(p);
+  }), d = function(I) {
+    l(I), c(I);
   };
   return C(xe, null, i && C("div", {
     onClick: Ji,
@@ -1601,7 +1601,7 @@ var $i = function(e) {
   loadingIndicator: Tn,
   loadingMessage: vn,
   menu: cn,
-  menuList: pn,
+  menuList: In,
   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 = It(n, e), s = Ie(n, e);
+  var t = mt(n, e, i), a = vt(n, e, i), r = pt(n, e), s = pe(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 pt(n) {
+function It(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 pt(ge(n, e));
+  return It(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;
-}, It = function(e, i) {
+}, pt = function(e, i) {
   return e.getOptionLabel(i);
-}, Ie = function(e, i) {
+}, pe = 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 = Ie(n, e);
+  var u = pe(n, e);
   return i.some(function(t) {
-    return Ie(n, t) === u;
+    return pe(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, p = d.isMulti, v = d.inputValue;
+      var d = t.props, b = d.closeMenuOnSelect, I = d.isMulti, v = d.inputValue;
       t.onInputChange("", {
         action: "set-value",
         prevInputValue: v
       }), b && (t.setState({
-        inputIsHiddenAfterUpdate: !p
+        inputIsHiddenAfterUpdate: !I
       }), 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, p = t.state.selectValue, v = d && t.isOptionSelected(o, p), m = t.isOptionDisabled(o, p);
+      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);
       if (v) {
         var g = t.getOptionValue(o);
-        t.setValue(p.filter(function(I) {
-          return t.getOptionValue(I) !== g;
+        t.setValue(I.filter(function(p) {
+          return t.getOptionValue(p) !== g;
         }), "deselect-option", o);
       } else if (!m)
-        d ? t.setValue([].concat(ye(p), [o]), "select-option", o) : t.setValue(o, "select-option");
+        d ? t.setValue([].concat(ye(I), [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;
-      }), p = de(l, b, b[0] || null);
-      t.onChange(p, {
+      }), I = de(l, b, b[0] || null);
+      t.onChange(I, {
         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 It(t.props, o);
+      return pt(t.props, o);
     }, t.getOptionValue = function(o) {
-      return Ie(t.props, o);
+      return pe(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 pt(t.buildCategorizedOptions());
+      return It(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), p = 5;
-        t.userIsDragging = d > p || b > p;
+        var d = Math.abs(c.clientX - t.initialTouchX), b = Math.abs(c.clientY - t.initialTouchY), I = 5;
+        t.userIsDragging = d > I || b > I;
       }
     }, 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, 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))) {
+      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))) {
         switch (t.blockOptionHover = !0, o.key) {
           case "ArrowLeft":
-            if (!c || p) return;
+            if (!c || I) return;
             t.focusValue("previous");
             break;
           case "ArrowRight":
-            if (!c || p) return;
+            if (!c || I) return;
             t.focusValue("next");
             break;
           case "Delete":
           case "Backspace":
-            if (p) return;
+            if (I) return;
             if (y)
               t.removeValue(y);
             else {
@@ -2035,11 +2035,11 @@ var ft = function(e) {
               inputIsHiddenAfterUpdate: !1
             }), t.onInputChange("", {
               action: "menu-close",
-              prevInputValue: p
+              prevInputValue: I
             }), t.onMenuClose()) : v && b && t.clearValue();
             break;
           case " ":
-            if (p)
+            if (I)
               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, p = 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, I = 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: p,
+        isRtl: I,
         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, 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({
+        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({
           "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() ? (I == null ? void 0 : I.action) === "initial-input-focus" && {
+        }), this.hasValue() ? (p == null ? void 0 : p.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, 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;
+      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;
       if (!this.hasValue() || !v)
-        return I ? null : /* @__PURE__ */ F.createElement(d, h({}, b, {
+        return p ? null : /* @__PURE__ */ F.createElement(d, h({}, b, {
           key: "placeholder",
           isDisabled: m,
           isFocused: y,
@@ -2405,7 +2405,7 @@ var ft = function(e) {
             data: A
           }), t.formatOptionLabel(A, "value"));
         });
-      if (I)
+      if (p)
         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, 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;
+      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, 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(p, h({}, v, {
+        return /* @__PURE__ */ F.createElement(I, h({}, v, {
           innerProps: Gt,
           data: O,
           isDisabled: q,
@@ -2553,7 +2553,7 @@ var ft = function(e) {
           isLoading: G,
           placement: _
         }), /* @__PURE__ */ F.createElement(Yi, {
-          captureEnabled: I,
+          captureEnabled: p,
           onTopArrive: L,
           onBottomArrive: P,
           lockEnabled: D
@@ -2601,7 +2601,7 @@ var ft = function(e) {
               value: b
             });
           } else {
-            var p = d.length > 0 ? d.map(function(m, g) {
+            var I = 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, p);
+            return /* @__PURE__ */ F.createElement("div", null, I);
           }
         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, p = 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, I = 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: p
+        menuIsOpen: I
       }), /* @__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, 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 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 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,
@@ -2686,7 +2686,7 @@ var ft = function(e) {
         inputIsHiddenAfterUpdate: void 0
       } : {}, H = l, D = c && d;
       return c && !D && (H = {
-        value: de(I, V, V[0] || null),
+        value: de(p, V, V[0] || null),
         options: V,
         action: "initial-input-focus"
       }, D = !d), (l == null ? void 0 : l.action) === "initial-input-focus" && (H = null), f(f(f({}, G), X), {}, {
@@ -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}`;
-}, pu = (n) => {
+}, Iu = (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%");
-}, Iu = (n) => {
+}, pu = (n) => {
   const e = n.palette.disabled.color;
   return n.palette[e][n.palette.disabled.text];
 }, Eu = {
@@ -2730,7 +2730,7 @@ 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,
-    boxShadow: "0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06)",
+    boxShadow: "none",
     outline: e.isFocused ? bu(e.theme) : "none",
     outlineOffset: e.isFocused ? e.theme.palette.outline.offset : "0",
     "&:hover": {
@@ -2747,7 +2747,7 @@ const bu = (n) => {
       maxHeight: te(e.theme, e.selectProps.size)
     },
     // This line disable the blue border
-    backgroundColor: e.isDisabled ? pu(e.theme) : Z(e.theme, "Input", e.color, "enabled", "background"),
+    backgroundColor: e.isDisabled ? Iu(e.theme) : Z(e.theme, "Input", e.color, "enabled", "background"),
     border: `1px solid
       ${Z(
       e.theme,
@@ -2757,7 +2757,7 @@ const bu = (n) => {
       "border"
     )}`,
     borderRadius: ue(e.theme, "regular"),
-    color: e.isDisabled ? Iu(e.theme) : e.isFocused ? Z(e.theme, "Input", "primary", "enabled", "text") : Z(e.theme, "Input", e.color, "enabled", "text")
+    color: e.isDisabled ? pu(e.theme) : e.isFocused ? Z(e.theme, "Input", "primary", "enabled", "text") : Z(e.theme, "Input", e.color, "enabled", "text")
   }),
   menu: (n, e) => ({
     ...n,

package/dist/Dropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),s=require("react"),t=require("./CustomStyles-BwHfr4iM.cjs"),l=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");require("./index-41nUb2kP.cjs");const O=require("./index-Cp66dWMi.cjs");function S(o){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(p,r,n.get?n:{enumerable:!0,get:()=>o[r]})}}return p.default=o,Object.freeze(p)}const M=S(s);var h=s.forwardRef(function(o,p){var r=t.useStateManager(o);return M.createElement(t.Select,l._extends({ref:p},r))}),j=h;const a=s.forwardRef((o,p)=>{const{styles:r,debounceTime:n=0,name:C,isSearchable:u=!0,isClearable:c=!0,size:y="small",color:i="primary",className:T="",style:P={},...b}=o,m=l.useTheme();return s.useCallback(O.debounce((f,d)=>{onInputChange==null||onInputChange(f,d)},n)),g.jsx(j,{ref:p,styles:r||t.customStyles,size:y,color:i,theme:m,isSearchable:u,isClearable:c,className:T,style:P,...b})});a.propTypes={options:e.PropTypes.array,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.any,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};exports.components=t.components;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),e=require("./index-BpbMKBf_.cjs"),s=require("react"),t=require("./CustomStyles-Q6et9atl.cjs"),l=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");require("./index-41nUb2kP.cjs");const O=require("./index-Cp66dWMi.cjs");function S(o){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(p,r,n.get?n:{enumerable:!0,get:()=>o[r]})}}return p.default=o,Object.freeze(p)}const M=S(s);var h=s.forwardRef(function(o,p){var r=t.useStateManager(o);return M.createElement(t.Select,l._extends({ref:p},r))}),j=h;const a=s.forwardRef((o,p)=>{const{styles:r,debounceTime:n=0,name:C,isSearchable:u=!0,isClearable:c=!0,size:y="small",color:i="primary",className:T="",style:P={},...b}=o,m=l.useTheme();return s.useCallback(O.debounce((f,d)=>{onInputChange==null||onInputChange(f,d)},n)),g.jsx(j,{ref:p,styles:r||t.customStyles,size:y,color:i,theme:m,isSearchable:u,isClearable:c,className:T,style:P,...b})});a.propTypes={options:e.PropTypes.array,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.any,inputid:e.PropTypes.any,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.any,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};exports.components=t.components;exports.default=a;

package/dist/Dropdown.js

@@ -2,8 +2,8 @@ import { jsx as g } from "react/jsx-runtime";
 import { P as e } from "./index-CblbdqjE.js";
 import * as O from "react";
 import { forwardRef as t, useCallback as y } from "react";
-import { u as S, S as M, a as h } from "./CustomStyles-iconSXFL.js";
-import { c as H } from "./CustomStyles-iconSXFL.js";
+import { u as S, S as M, a as h } from "./CustomStyles-SyQRnjuy.js";
+import { c as H } from "./CustomStyles-SyQRnjuy.js";
 import { _ as C, u as x } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import "./index-B1vKwsDE.js";
 import { d as I } from "./index-Dt62UGku.js";