@reportportal/ui-kit 0.0.1-alpha.220 → 0.0.1-alpha.222

package/dist/autocompletes.js

@@ -1,110 +1,111 @@
-import { jsx as r, jsxs as B, Fragment as he } from "react/jsx-runtime";
-import { useState as oe, useRef as ze, useEffect as we, useCallback as Y, forwardRef as Te, useLayoutEffect as je, useMemo as He } from "react";
+import { jsx as r, jsxs as D, Fragment as he } from "react/jsx-runtime";
+import { useState as oe, useRef as Me, useEffect as we, useCallback as Y, forwardRef as Te, useLayoutEffect as je, useMemo as He } from "react";
 import { c as Q } from "./bind-06a7ff84.js";
 import { Scrollbars as We } from "rc-scrollbars";
 import { B as Ye } from "./bubblesLoader-f3ffa240.js";
 import { B as Ke } from "./button-7ab874f3.js";
 import { S as Xe } from "./plus-199fb2a8.js";
-import { i as Me } from "./isEmpty-ccacb5ff.js";
+import { i as ze } from "./isEmpty-ccacb5ff.js";
 import { createPortal as Ge } from "react-dom";
 import pe from "downshift";
-import { useFloating as Be, autoUpdate as Pe, flip as Je, size as Qe } from "@floating-ui/react";
+import { useFloating as Be, autoUpdate as De, flip as Je, size as Qe } from "@floating-ui/react";
 import { F as Ze } from "./fieldText-1749da7a.js";
-import { S as Le } from "./dropdown-0260bb66.js";
-import { S as qe } from "./close-4d480ef7.js";
-import { S as Ue } from "./clear-53660571.js";
+import { S as Fe } from "./dropdown-0260bb66.js";
+import { E as Oe, A as qe, T as Ue } from "./constants-85822a6b.js";
+import { S as Ve } from "./close-4d480ef7.js";
+import { S as et } from "./clear-53660571.js";
 import "./openEye-950159cb.js";
 import "./baseIconButton-251479f7.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
-const Ve = "_disabled_1rpph_43", et = "_input_1rpph_107", tt = {
+const tt = "_disabled_1rpph_43", ot = "_input_1rpph_107", st = {
   "selected-item": "_selected-item_1rpph_16",
   "validation-error": "_validation-error_1rpph_35",
   "highlight-un-stored-item": "_highlight-un-stored-item_1rpph_40",
-  disabled: Ve,
+  disabled: tt,
   "mobile-disabled": "_mobile-disabled_1rpph_48",
   "selected-item-text": "_selected-item-text_1rpph_54",
   "single-line": "_single-line_1rpph_58",
   "cross-icon": "_cross-icon_1rpph_64",
-  input: et
-}, me = Q.bind(tt), ot = (t) => t.scrollWidth > t.clientWidth, st = ({
+  input: ot
+}, me = Q.bind(st), nt = (t) => t.scrollWidth > t.clientWidth, rt = ({
   item: t,
   onRemoveItem: e,
   disabled: n = !1,
   mobileDisabled: o = !1,
   parseValueToString: s,
-  error: c = !1,
+  error: l = !1,
   editItem: h,
   editable: u = !1,
-  getAdditionalCreationCondition: S = () => !0,
-  storedOption: y = !0,
+  getAdditionalCreationCondition: v = () => !0,
+  storedOption: g = !0,
   highlightUnStoredItem: p = !1,
-  variant: C = "light",
-  getItemName: I,
+  variant: z = "light",
+  getItemName: k,
   singleLine: m = !1,
-  className: M,
-  textClassName: R
+  className: L,
+  textClassName: P
 }) => {
-  const [g, v] = oe(!1), [A, z] = oe(""), [d, a] = oe(!1), l = ze(null), _ = () => {
-    !n && u && !y && (z((I == null ? void 0 : I(t)) || (s == null ? void 0 : s(t)) || ""), v(!0));
-  }, i = (F) => {
-    z(F.target.value);
-  }, b = (F) => {
-    const T = S(A);
-    F.key === "Enter" && T && (h(t, A), v(!1), z(""));
-  }, D = () => {
-    v(!1), z("");
-  }, L = (F) => {
-    F.stopPropagation(), e(t);
-  }, j = (s == null ? void 0 : s(t)) || "";
+  const [b, x] = oe(!1), [A, F] = oe(""), [c, i] = oe(!1), a = Me(null), d = () => {
+    !n && u && !g && (F((k == null ? void 0 : k(t)) || (s == null ? void 0 : s(t)) || ""), x(!0));
+  }, y = (B) => {
+    F(B.target.value);
+  }, C = (B) => {
+    const j = v(A);
+    B.key === "Enter" && j && (h(t, A), x(!1), F(""));
+  }, _ = () => {
+    x(!1), F("");
+  }, N = (B) => {
+    B.stopPropagation(), e(t);
+  }, R = (s == null ? void 0 : s(t)) || "";
   we(() => {
-    if (l.current && m) {
-      const F = () => {
-        l.current && a(ot(l.current));
+    if (a.current && m) {
+      const B = () => {
+        a.current && i(nt(a.current));
       };
-      if (F(), typeof ResizeObserver < "u") {
-        const T = new ResizeObserver(F);
-        return T.observe(l.current), () => T.disconnect();
+      if (B(), typeof ResizeObserver < "u") {
+        const j = new ResizeObserver(B);
+        return j.observe(a.current), () => j.disconnect();
       }
     } else
-      a(!1);
-  }, [j, m]);
+      i(!1);
+  }, [R, m]);
   const ee = me(
     "selected-item-text",
     {
       "single-line": m
     },
-    R
-  ), O = me(
+    P
+  ), $ = me(
     "selected-item",
-    C,
+    z,
     {
-      [`validation-${c}`]: c,
+      [`validation-${l}`]: l,
       disabled: n,
       "mobile-disabled": o,
-      "highlight-un-stored-item": p && !y
+      "highlight-un-stored-item": p && !g
     },
-    M
+    L
   );
-  return g ? /* @__PURE__ */ r(
+  return b ? /* @__PURE__ */ r(
     "input",
     {
       autoFocus: !0,
       value: A,
-      onChange: i,
-      onKeyDown: b,
-      onBlur: D,
+      onChange: y,
+      onKeyDown: C,
+      onBlur: _,
       className: me("input")
     }
-  ) : /* @__PURE__ */ B("div", { className: O, onClick: _, children: [
+  ) : /* @__PURE__ */ D("div", { className: $, onClick: d, children: [
     /* @__PURE__ */ r(
       "span",
       {
-        ref: l,
+        ref: a,
         className: ee,
-        title: m && d ? j : void 0,
-        children: j
+        title: m && c ? R : void 0,
+        children: R
       }
     ),
     !n && /* @__PURE__ */ r(
@@ -112,28 +113,28 @@ const Ve = "_disabled_1rpph_43", et = "_input_1rpph_107", tt = {
       {
         type: "button",
         className: me("cross-icon", {
-          [`validation-${c}`]: c,
+          [`validation-${l}`]: l,
           "mobile-disabled": o,
           disabled: n
         }),
-        onClick: L,
-        children: /* @__PURE__ */ r(qe, {})
+        onClick: N,
+        children: /* @__PURE__ */ r(Ve, {})
       }
     )
   ] });
-}, nt = ({
+}, lt = ({
   items: t = [],
   parseValueToString: e,
   getItemValidationErrorType: n,
   storedItemsMap: o = {},
   highlightUnStoredItem: s = !1,
-  renderCustomSelectedItem: c,
+  renderCustomSelectedItem: l,
   selectedItemSingleLine: h,
   selectedItemClassName: u,
-  selectedItemTextClassName: S,
-  ...y
-}) => t.map((p) => c ? c(p) : /* @__PURE__ */ r(
-  st,
+  selectedItemTextClassName: v,
+  ...g
+}) => t.map((p) => l ? l(p) : /* @__PURE__ */ r(
+  rt,
   {
     parseValueToString: e,
     error: (n == null ? void 0 : n(p)) || "",
@@ -142,40 +143,40 @@ const Ve = "_disabled_1rpph_43", et = "_input_1rpph_107", tt = {
     highlightUnStoredItem: s,
     singleLine: h,
     className: u,
-    textClassName: S,
-    ...y
+    textClassName: v,
+    ...g
   },
   e == null ? void 0 : e(p)
-)), rt = "_prompt_1xfmd_16", lt = {
-  prompt: rt
-}, ct = Q.bind(lt), it = ({ children: t = null }) => /* @__PURE__ */ r("div", { className: ct("prompt"), children: t }), at = "_item_zw4ux_16", dt = "_divider_zw4ux_24", ut = "_active_zw4ux_49", mt = "_value_zw4ux_55", ft = "_tag_zw4ux_69", pt = "_disabled_zw4ux_80", _t = {
-  item: at,
-  divider: dt,
+)), ct = "_prompt_1xfmd_16", it = {
+  prompt: ct
+}, at = Q.bind(it), dt = ({ children: t = null }) => /* @__PURE__ */ r("div", { className: at("prompt"), children: t }), ut = "_item_zw4ux_16", mt = "_divider_zw4ux_24", ft = "_active_zw4ux_49", pt = "_value_zw4ux_55", _t = "_tag_zw4ux_69", ht = "_disabled_zw4ux_80", wt = {
+  item: ut,
+  divider: mt,
   "new-item": "_new-item_zw4ux_31",
-  active: ut,
-  value: mt,
+  active: ft,
+  value: pt,
   "key-variant": "_key-variant_zw4ux_66",
-  tag: ft,
+  tag: _t,
   "button-active": "_button-active_zw4ux_80",
-  disabled: pt,
+  disabled: ht,
   "value-variant": "_value-variant_zw4ux_100"
-}, V = Q.bind(_t), Ae = ({
+}, V = Q.bind(wt), Re = ({
   isActive: t = !1,
   isSelected: e = !1,
   isNew: n = !1,
   children: o = null,
   disabled: s = !1,
-  optionVariant: c = "",
+  optionVariant: l = "",
   newItemButtonText: h = "",
   ...u
 }) => {
-  const S = () => h || (c === "key-variant" ? "New key" : "New value");
-  return n ? /* @__PURE__ */ B(he, { children: [
+  const v = () => h || (l === "key-variant" ? "New key" : "New value");
+  return n ? /* @__PURE__ */ D(he, { children: [
     /* @__PURE__ */ r("div", { className: V("divider") }),
-    /* @__PURE__ */ B(
+    /* @__PURE__ */ D(
       "li",
       {
-        className: V("new-item", c, {
+        className: V("new-item", l, {
           active: t,
           selected: e,
           disabled: s
@@ -190,7 +191,7 @@ const Ve = "_disabled_1rpph_43", et = "_input_1rpph_107", tt = {
               className: V({ "button-active": t }),
               icon: /* @__PURE__ */ r(Xe, {}),
               variant: "text",
-              children: S()
+              children: v()
             }
           )
         ]
@@ -199,7 +200,7 @@ const Ve = "_disabled_1rpph_43", et = "_input_1rpph_107", tt = {
   ] }) : /* @__PURE__ */ r(
     "li",
     {
-      className: V("item", c, {
+      className: V("item", l, {
         active: t,
         selected: e,
         disabled: s
@@ -208,233 +209,239 @@ const Ve = "_disabled_1rpph_43", et = "_input_1rpph_107", tt = {
       children: /* @__PURE__ */ r("span", { className: V("label", "tag"), children: o })
     }
   );
-}, ht = "_container_12uzd_16", wt = {
-  container: ht,
+}, vt = "_container_12uzd_16", bt = {
+  container: vt,
   "empty-list-message": "_empty-list-message_12uzd_20",
   "limitation-item": "_limitation-item_12uzd_28"
-}, fe = Q.bind(wt), vt = (t) => {
+}, fe = Q.bind(bt), yt = (t) => {
   const {
     options: e,
     async: n,
     inputValue: o,
     loading: s,
-    createWithoutConfirmation: c,
+    createWithoutConfirmation: l,
     customEmptyListMessage: h,
     customNoMatchesMessage: u,
-    optionVariant: S,
-    newItemButtonText: y,
+    optionVariant: v,
+    newItemButtonText: g,
     renderOption: p,
-    getUniqKey: C,
-    getItemProps: I,
+    getUniqKey: z,
+    getItemProps: k,
     parseValueToString: m,
-    limitationText: M = "Too many results. Type to search",
-    optionsLimit: R = 0
-  } = t, g = Y(() => (e || []).filter((i) => m(i).toUpperCase().indexOf((o.toUpperCase() || "").trim()) > -1), [o, e, m]), v = Y(
-    (i, b, D = !1) => p ? p(i, b, D, I) : /* @__PURE__ */ r(
-      Ae,
+    limitationText: L = "Too many results. Type to search",
+    optionsLimit: P = 0,
+    shouldShowEmptyListMessage: b = !0
+  } = t, x = Y(() => (e || []).filter((_) => m(_).toUpperCase().indexOf((o.toUpperCase() || "").trim()) > -1), [o, e, m]), A = Y(
+    (_, N, R = !1) => p ? p(_, N, R, k) : /* @__PURE__ */ r(
+      Re,
       {
-        optionVariant: S,
-        ...I({ item: i, index: b }),
-        isNew: D,
-        newItemButtonText: y,
-        children: m(i)
+        optionVariant: v,
+        ...k({ item: _, index: N }),
+        isNew: R,
+        newItemButtonText: g,
+        children: m(_)
       },
-      (C == null ? void 0 : C(i)) || m(i)
+      (z == null ? void 0 : z(_)) || m(_)
     ),
-    [I, C, y, S, m, p]
-  ), A = Y(
-    (i) => i.length ? i.map((b, D) => v(b, D)) : "",
-    [v]
-  ), z = Y(
-    (i) => {
-      const b = i.length;
-      return /* @__PURE__ */ r("div", { className: fe({ container: !b }), children: /* @__PURE__ */ r(
-        Ae,
+    [k, z, g, v, m, p]
+  ), F = Y(
+    (_) => _.length ? _.map((N, R) => A(N, R)) : "",
+    [A]
+  ), c = Y(
+    (_) => {
+      const N = _.length;
+      return /* @__PURE__ */ r("div", { className: fe({ container: !N }), children: /* @__PURE__ */ r(
+        Re,
         {
-          optionVariant: S,
+          optionVariant: v,
           isNew: !0,
-          newItemButtonText: y,
-          ...I({ item: o, index: b }),
+          newItemButtonText: g,
+          ...k({ item: o, index: N }),
           children: m(o)
         },
         m(o)
       ) });
     },
-    [I, o, y, S, m]
-  ), d = Y(
-    (i) => s ? /* @__PURE__ */ B(he, { children: [
-      /* @__PURE__ */ r(it, { children: /* @__PURE__ */ r(Ye, {}) }),
-      !c && z(i)
+    [k, o, g, v, m]
+  ), i = Y(
+    (_) => s ? /* @__PURE__ */ D(he, { children: [
+      /* @__PURE__ */ r(dt, { children: /* @__PURE__ */ r(Ye, {}) }),
+      !l && c(_)
     ] }) : "",
-    [c, s, z]
+    [l, s, c]
   ), a = Y(() => {
-    const i = (e == null ? void 0 : e.length) === 0 ? h || "No available options" : u || "No matches found";
-    return /* @__PURE__ */ r("div", { className: fe("empty-list-message"), children: i });
-  }, [h, u, e == null ? void 0 : e.length]), l = n ? e : g(), _ = d(e);
-  return _ || /* @__PURE__ */ B("div", { className: fe({ container: e.length }), children: [
-    /* @__PURE__ */ B(We, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: [
-      Me(l) ? a() : A(l),
-      (l == null ? void 0 : l.length) > R && R > 0 && M ? /* @__PURE__ */ r("li", { className: fe("limitation-item"), "aria-hidden": "true", children: M }) : null
+    const _ = (e == null ? void 0 : e.length) === 0 ? h || "No available options" : u || "No matches found";
+    return /* @__PURE__ */ r("div", { className: fe("empty-list-message"), children: _ });
+  }, [h, u, e == null ? void 0 : e.length]), d = n ? e : x(), y = i(e);
+  if (y)
+    return y;
+  const C = ze(d);
+  return C && !b && l ? null : /* @__PURE__ */ D("div", { className: fe({ container: e.length }), children: [
+    /* @__PURE__ */ D(We, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: [
+      C ? b && a() : F(d),
+      (d == null ? void 0 : d.length) > P && P > 0 && L ? /* @__PURE__ */ r("li", { className: fe("limitation-item"), "aria-hidden": "true", children: L }) : null
     ] }),
-    !c && z(l)
+    !l && c(d)
   ] });
-}, bt = "_menu_f64z5_16", yt = "_opened_f64z5_34", gt = "_dark_f64z5_37", xt = {
-  menu: bt,
-  opened: yt,
-  dark: gt
-}, Nt = Q.bind(xt), St = (t, e) => !t || t <= e.trim().length, $e = Te(
+}, gt = "_menu_f64z5_16", xt = "_opened_f64z5_34", Nt = "_dark_f64z5_37", Et = {
+  menu: gt,
+  opened: xt,
+  dark: Nt
+}, St = Q.bind(Et), It = (t, e) => !t || t <= e.trim().length, $e = Te(
   ({
     isOpen: t = !1,
     style: e = {},
     minLength: n = 1,
     isDropdownMode: o,
     inputValue: s = "",
-    className: c = "",
-    ...h
-  }, u) => /* @__PURE__ */ r(
+    className: l = "",
+    portalMenuAttribute: h = null,
+    ...u
+  }, v) => /* @__PURE__ */ r(
     "ul",
     {
-      ref: u,
-      className: Nt(
+      ref: v,
+      className: St(
         "menu",
-        { opened: t && (o || St(n, s)) },
-        c
+        { opened: t && (o || It(n, s)) },
+        l
       ),
       style: e,
-      children: /* @__PURE__ */ r(vt, { inputValue: s, ...h })
+      ...h ? { [h]: "" } : {},
+      children: /* @__PURE__ */ r(yt, { inputValue: s, ...u })
     }
   )
-), De = (t, e) => typeof t == "string" ? t : e ? String(t[e(t)]) : "", _e = (t, e) => {
+), Le = (t, e) => typeof t == "string" ? t : e ? String(t[e(t)]) : "", _e = (t, e) => {
   var o;
-  return t === e ? !0 : !!(t && e && typeof t == "object" && typeof e == "object" && Object.keys(t).length === Object.keys(e).length && ((o = Object.entries(t)) != null && o.every(([s, c]) => _e(c, e[s]))));
-}, Et = (t, e, n) => typeof t == "string" ? t === e : n ? (() => {
+  return t === e ? !0 : !!(t && e && typeof t == "object" && typeof e == "object" && Object.keys(t).length === Object.keys(e).length && ((o = Object.entries(t)) != null && o.every(([s, l]) => _e(l, e[s]))));
+}, kt = (t, e, n) => typeof t == "string" ? t === e : n ? (() => {
   const o = n(t);
   return t[o] === e[o];
-})() : !1, It = ({
+})() : !1, Ct = ({
   options: t = [],
   onChange: e,
   selectedItems: n = [],
   handleUnStoredItemCb: o = null,
   existingItemsMap: s = {},
-  children: c,
+  children: l,
   customizeNewSelectedValue: h = (p) => p,
   getOptionUniqKey: u,
-  getOptionUniqKeyValue: S,
-  ...y
+  getOptionUniqKeyValue: v,
+  ...g
 }) => {
-  const [p, C] = oe(s), I = (d, a) => {
-    const l = {
+  const [p, z] = oe(s), k = (c, i) => {
+    const a = {
       ...p
     };
-    d.forEach((_) => {
-      if (t.find((i) => Et(i, _, u))) {
-        const i = De(_, u);
-        l[i] = !0;
+    c.forEach((d) => {
+      if (t.find((y) => kt(y, d, u))) {
+        const y = Le(d, u);
+        a[y] = !0;
       }
-    }), C(l), a(l);
-  }, m = (d, a) => {
-    const l = De(d, u);
-    if (l in p) {
-      const _ = { ...p };
-      delete _[l], C(_), a(_);
+    }), z(a), i(a);
+  }, m = (c, i) => {
+    const a = Le(c, u);
+    if (a in p) {
+      const d = { ...p };
+      delete d[a], z(d), i(d);
     } else
-      a(p);
-  }, M = (d, a) => {
-    const l = h(d), _ = Array.isArray(l) ? l : [l], b = [...n.filter((L) => _.indexOf(L) < 0), ..._];
-    e == null || e(b, a), I(_, (L) => o == null ? void 0 : o(b, L));
-  }, R = (d, a) => {
-    const l = n.indexOf(d), _ = [...n];
-    _.splice(l, 1, a), e == null || e(_, null);
-  }, g = (d, a) => {
-    const l = n.filter((i) => !_e(i, d));
-    e == null || e(l, a), m(d, (i) => o == null ? void 0 : o(l, i));
-  }, v = (d, a) => {
-    d && M(d, a);
-  }, A = (d) => ({
-    removeItem: g,
-    editItem: R,
+      i(p);
+  }, L = (c, i) => {
+    const a = h(c), d = Array.isArray(a) ? a : [a], C = [...n.filter((N) => d.indexOf(N) < 0), ...d];
+    e == null || e(C, i), k(d, (N) => o == null ? void 0 : o(C, N));
+  }, P = (c, i) => {
+    const a = n.indexOf(c), d = [...n];
+    d.splice(a, 1, i), e == null || e(d, null);
+  }, b = (c, i) => {
+    const a = n.filter((y) => !_e(y, c));
+    e == null || e(a, i), m(c, (y) => o == null ? void 0 : o(a, y));
+  }, x = (c, i) => {
+    c && L(c, i);
+  }, A = (c) => ({
+    removeItem: b,
+    editItem: P,
     handleChange: e,
-    getOptionUniqKeyValue: S,
+    getOptionUniqKeyValue: v,
     storedItemsMap: p,
-    ...d
+    ...c
   });
   return /* @__PURE__ */ r(
     pe,
     {
-      ...y,
-      stateReducer: (d, a) => {
-        switch (a.type) {
+      ...g,
+      stateReducer: (c, i) => {
+        switch (i.type) {
           case pe.stateChangeTypes.keyDownEnter:
           case pe.stateChangeTypes.clickItem:
             return {
-              ...a,
-              highlightedIndex: d.highlightedIndex,
+              ...i,
+              highlightedIndex: c.highlightedIndex,
               inputValue: ""
             };
           default:
-            return a;
+            return i;
         }
       },
-      onChange: v,
+      onChange: x,
       selectedItem: null,
-      children: (d) => c == null ? void 0 : c(A(d))
+      children: (c) => l == null ? void 0 : l(A(c))
     }
   );
-}, Oe = "Enter", kt = "Tab", Ct = "_autocomplete_1so4a_16", zt = "_disabled_1so4a_32", Mt = "_error_1so4a_35", Rt = "_touched_1so4a_35", At = "_input_1so4a_77", Dt = {
-  autocomplete: Ct,
+}, Mt = "_autocomplete_1so4a_16", zt = "_disabled_1so4a_32", At = "_error_1so4a_35", Rt = "_touched_1so4a_35", Lt = "_input_1so4a_77", Pt = {
+  autocomplete: Mt,
   "autocomplete-wrapper": "_autocomplete-wrapper_1so4a_28",
   disabled: zt,
-  error: Mt,
+  error: At,
   touched: Rt,
   "clear-icon": "_clear-icon_1so4a_46",
   "clear-icon--disabled": "_clear-icon--disabled_1so4a_56",
   "autocomplete-input": "_autocomplete-input_1so4a_60",
   "single-line-mode": "_single-line-mode_1so4a_68",
   "mobile-disabled": "_mobile-disabled_1so4a_72",
-  input: At,
+  input: Lt,
   "type-number": "_type-number_1so4a_101",
   "error-text": "_error-text_1so4a_112",
   "dropdown-button": "_dropdown-button_1so4a_121",
   "icon-reversed": "_icon-reversed_1so4a_129"
-}, J = Q.bind(Dt), co = (t) => {
+}, J = Q.bind(Pt), ao = (t) => {
   const {
     options: e = [],
     loading: n = !1,
     onStateChange: o = () => {
     },
     value: s = [],
-    placeholder: c = "",
+    placeholder: l = "",
     error: h = "",
     touched: u = !1,
-    creatable: S = !1,
-    editable: y = !1,
+    creatable: v = !1,
+    editable: g = !1,
     onChange: p = () => {
     },
-    onFocus: C = () => {
+    onFocus: z = () => {
     },
-    onBlur: I = () => {
+    onBlur: k = () => {
     },
     disabled: m = !1,
-    isDropdownMode: M = !1,
-    mobileDisabled: R = !1,
-    inputProps: g = {},
-    parseValueToString: v = (f) => f == null ? "" : String(f),
+    isDropdownMode: L = !1,
+    mobileDisabled: P = !1,
+    inputProps: b = {},
+    parseValueToString: x = (f) => f == null ? "" : String(f),
     maxLength: A = null,
-    async: z = !1,
-    customClass: d = "",
-    createWithoutConfirmation: a = !1,
-    getItemValidationErrorType: l = null,
-    clearItemsError: _ = () => {
+    async: F = !1,
+    customClass: c = "",
+    createWithoutConfirmation: i = !1,
+    getItemValidationErrorType: a = null,
+    clearItemsError: d = () => {
     },
-    getAdditionalCreationCondition: i = () => !0,
-    highlightUnStoredItem: b = !1,
-    parseInputValueFn: D = null,
-    handleUnStoredItemCb: L = null,
-    dataAutomationId: j = "",
+    getAdditionalCreationCondition: y = () => !0,
+    highlightUnStoredItem: C = !1,
+    parseInputValueFn: _ = null,
+    handleUnStoredItemCb: N = null,
+    dataAutomationId: R = "",
     existingItemsMap: ee = {},
-    customizeNewSelectedValue: O = (f) => f,
-    renderCustomSelectedItem: F,
-    useFixedPositioning: T,
+    customizeNewSelectedValue: $ = (f) => f,
+    renderCustomSelectedItem: B,
+    useFixedPositioning: j,
     newItemButtonText: ve = "",
     menuClassName: K = "",
     selectedItemSingleLine: se,
@@ -443,55 +450,55 @@ const Ve = "_disabled_1rpph_43", et = "_input_1rpph_107", tt = {
     ...be
   } = t, { refs: le, floatingStyles: Z } = Be({
     placement: "bottom-start",
-    strategy: T ? "fixed" : "absolute",
-    whileElementsMounted: Pe
-  }), ye = s.length === 0 && !m ? c : "", te = ze(null);
+    strategy: j ? "fixed" : "absolute",
+    whileElementsMounted: De
+  }), ye = s.length === 0 && !m ? l : "", te = Me(null);
   we(() => {
-    _();
-  }, [_, s]);
-  const ge = (f, x) => {
-    p(f, x);
-  }, xe = (f, x, E) => ({ item: N, index: G, ...H }) => f({
-    item: N,
+    d();
+  }, [d, s]);
+  const ge = (f, E) => {
+    p(f, E);
+  }, xe = (f, E, I) => ({ item: S, index: G, ...H }) => f({
+    item: S,
     index: G,
-    isSelected: E.some((W) => _e(W, N)),
+    isSelected: I.some((W) => _e(W, S)),
     ...H,
-    isActive: x === G
+    isActive: E === G
   }), w = ({
     event: f,
-    removeItem: x,
-    inputValue: E
+    removeItem: E,
+    inputValue: I
   }) => {
-    f.key === "Backspace" && !E && s.length && x(s[s.length - 1], null);
-  }, $ = ({
+    f.key === "Backspace" && !I && s.length && E(s[s.length - 1], null);
+  }, T = ({
     inputValue: f,
-    selectItem: x,
-    clearSelection: E
+    selectItem: E,
+    clearSelection: I
   }) => {
-    if (D) {
-      const N = D(f);
-      (N.length ? N : [f]).forEach((H) => x(H)), E();
+    if (_) {
+      const S = _(f);
+      (S.length ? S : [f]).forEach((H) => E(H)), I();
     } else
-      x(f), E();
-  }, q = (f) => (x) => {
-    f(x, null), te.current && te.current.focus();
-  }, X = e.filter((f) => s.every((x) => !_e(x, f)));
+      E(f), I();
+  }, q = (f) => (E) => {
+    f(E, null), te.current && te.current.focus();
+  }, X = e.filter((f) => s.every((E) => !_e(E, f)));
   return /* @__PURE__ */ r(
-    It,
+    Ct,
     {
       onChange: ge,
-      itemToString: v,
+      itemToString: x,
       selectedItems: s,
       onStateChange: o,
       options: e,
       existingItemsMap: ee,
-      handleUnStoredItemCb: L,
-      customizeNewSelectedValue: O,
+      handleUnStoredItemCb: N,
+      customizeNewSelectedValue: $,
       children: ({
         getInputProps: f,
-        getItemProps: x,
-        isOpen: E,
-        inputValue: N = "",
+        getItemProps: E,
+        isOpen: I,
+        inputValue: S = "",
         highlightedIndex: G,
         removeItem: H,
         editItem: W,
@@ -500,47 +507,47 @@ const Ve = "_disabled_1rpph_43", et = "_input_1rpph_107", tt = {
         clearSelection: ae,
         toggleMenu: U,
         storedItemsMap: Ne,
-        getRootProps: Se
+        getRootProps: Ee
       }) => {
-        const Ee = Se(void 0, { suppressRefError: !0 }), de = {
-          ...Ee,
-          ref: (k) => (le.setReference(k), Ee.ref(k))
-        }, Ie = N ?? "";
-        return /* @__PURE__ */ B("div", { ...de, className: J("autocomplete-wrapper"), children: [
-          /* @__PURE__ */ B(he, { children: [
-            /* @__PURE__ */ B(
+        const Se = Ee(void 0, { suppressRefError: !0 }), de = {
+          ...Se,
+          ref: (M) => (le.setReference(M), Se.ref(M))
+        }, Ie = S ?? "";
+        return /* @__PURE__ */ D("div", { ...de, className: J("autocomplete-wrapper"), children: [
+          /* @__PURE__ */ D(he, { children: [
+            /* @__PURE__ */ D(
               "div",
               {
-                className: J("autocomplete", d, {
-                  "mobile-disabled": R,
+                className: J("autocomplete", c, {
+                  "mobile-disabled": P,
                   error: h,
                   touched: u,
                   disabled: m
                 }),
                 children: [
-                  /* @__PURE__ */ B(
+                  /* @__PURE__ */ D(
                     "div",
                     {
                       className: J("autocomplete-input", {
-                        "mobile-disabled": R,
+                        "mobile-disabled": P,
                         "single-line-mode": se
                       }),
                       children: [
                         /* @__PURE__ */ r(
-                          nt,
+                          lt,
                           {
                             items: s,
                             onRemoveItem: q(H),
                             disabled: m,
-                            mobileDisabled: R,
-                            parseValueToString: v,
-                            getItemValidationErrorType: l,
-                            renderCustomSelectedItem: F,
+                            mobileDisabled: P,
+                            parseValueToString: x,
+                            getItemValidationErrorType: a,
+                            renderCustomSelectedItem: B,
                             editItem: W,
-                            editable: y,
-                            getAdditionalCreationCondition: i,
+                            editable: g,
+                            getAdditionalCreationCondition: y,
                             storedItemsMap: Ne,
-                            highlightUnStoredItem: b,
+                            highlightUnStoredItem: C,
                             selectedItemSingleLine: se,
                             selectedItemClassName: ne,
                             selectedItemTextClassName: re
@@ -554,54 +561,54 @@ const Ve = "_disabled_1rpph_43", et = "_input_1rpph_107", tt = {
                               placeholder: ye,
                               maxLength: A,
                               onFocus: () => {
-                                M && ce(), C();
+                                L && ce(), z();
                               },
-                              onKeyDown: (k) => {
-                                k.key === Oe && N && S && i(N) && $({
-                                  inputValue: N,
+                              onKeyDown: (M) => {
+                                M.key === Oe && S && v && y(S) && T({
+                                  inputValue: S,
                                   selectItem: ie,
                                   clearSelection: ae
-                                }), w({ event: k, removeItem: H, inputValue: N });
+                                }), w({ event: M, removeItem: H, inputValue: S });
                               },
                               onBlur: () => {
-                                I(), N && S && i(N) && $({
-                                  inputValue: N,
+                                k(), S && v && y(S) && T({
+                                  inputValue: S,
                                   selectItem: ie,
                                   clearSelection: ae
                                 });
                               },
                               disabled: m,
-                              ...g
+                              ...b
                             }),
-                            className: J("input", { disabled: m }, g.className),
-                            "data-automation-id": j
+                            className: J("input", { disabled: m }, b.className),
+                            "data-automation-id": R
                           }
                         )
                       ]
                     }
                   ),
-                  (g == null ? void 0 : g.clearable) && !Me(s) && /* @__PURE__ */ r(
+                  (b == null ? void 0 : b.clearable) && !ze(s) && /* @__PURE__ */ r(
                     "button",
                     {
                       type: "button",
                       className: J("clear-icon", { "clear-icon--disabled": m }),
                       onClick: () => {
-                        var k;
-                        return !m && ((k = g == null ? void 0 : g.onClear) == null ? void 0 : k.call(g));
+                        var M;
+                        return !m && ((M = b == null ? void 0 : b.onClear) == null ? void 0 : M.call(b));
                       },
-                      onMouseDown: (k) => k.preventDefault(),
-                      children: /* @__PURE__ */ r(Ue, {})
+                      onMouseDown: (M) => M.preventDefault(),
+                      children: /* @__PURE__ */ r(et, {})
                     }
                   ),
-                  M && /* @__PURE__ */ r(
+                  L && /* @__PURE__ */ r(
                     "button",
                     {
                       type: "button",
-                      className: J("dropdown-button", { "icon-reversed": E }),
+                      className: J("dropdown-button", { "icon-reversed": I }),
                       onClick: () => U(),
                       "aria-label": "Toggle dropdown",
-                      "aria-expanded": E,
-                      children: /* @__PURE__ */ r(Le, {})
+                      "aria-expanded": I,
+                      children: /* @__PURE__ */ r(Fe, {})
                     }
                   )
                 ]
@@ -612,17 +619,17 @@ const Ve = "_disabled_1rpph_43", et = "_input_1rpph_107", tt = {
           /* @__PURE__ */ r(
             $e,
             {
-              isOpen: E,
+              isOpen: I,
               loading: n,
-              async: z,
+              async: F,
               ref: le.setFloating,
               newItemButtonText: ve,
-              isDropdownMode: M,
+              isDropdownMode: L,
               style: Z,
               inputValue: Ie.trim(),
-              getItemProps: xe(x, G, s),
-              parseValueToString: v,
-              createWithoutConfirmation: a,
+              getItemProps: xe(E, G, s),
+              parseValueToString: x,
+              createWithoutConfirmation: i,
               options: X,
               className: K,
               ...be
@@ -632,7 +639,7 @@ const Ve = "_disabled_1rpph_43", et = "_input_1rpph_107", tt = {
       }
     }
   );
-}, Ft = ({ skip: t }) => {
+}, Bt = ({ skip: t }) => {
   je(() => {
     if (t)
       return;
@@ -641,20 +648,20 @@ const Ve = "_disabled_1rpph_43", et = "_input_1rpph_107", tt = {
       if (!n)
         return;
       window.scrollY !== e && window.scrollTo(0, e);
-    }, c = (u) => {
+    }, l = (u) => {
       n && (u.preventDefault(), u.stopImmediatePropagation(), s());
     };
-    e = window.scrollY, window.addEventListener("scroll", c, { passive: !1, capture: !0 }), requestAnimationFrame(() => {
+    e = window.scrollY, window.addEventListener("scroll", l, { passive: !1, capture: !0 }), requestAnimationFrame(() => {
       e = window.scrollY, s();
     });
     const h = setTimeout(() => {
       n = !1;
     }, o);
     return () => {
-      clearTimeout(h), window.removeEventListener("scroll", c, { capture: !0 });
+      clearTimeout(h), window.removeEventListener("scroll", l, { capture: !0 });
     };
   }, [t]);
-}, Bt = ({ skip: t, reference: e }) => {
+}, Dt = ({ skip: t, reference: e }) => {
   we(() => {
     if (t)
       return;
@@ -666,198 +673,199 @@ const Ve = "_disabled_1rpph_43", et = "_input_1rpph_107", tt = {
       window.removeEventListener("resize", n);
     };
   }, [t, e]);
-}, Pt = ({ skip: t, onClose: e, menuRef: n }) => {
+}, Ft = ({ skip: t, onClose: e, menuRef: n }) => {
   we(() => {
     if (t)
       return;
     const o = (s) => {
-      var c;
-      (c = n.current) != null && c.contains(s.target) || e();
+      var l;
+      (l = n.current) != null && l.contains(s.target) || e();
     };
     return window.addEventListener("scroll", o, !0), () => {
       window.removeEventListener("scroll", o, !0);
     };
   }, [t, e, n]);
-}, Lt = {
+}, Ot = {
   "input-wrapper": "_input-wrapper_d9vma_1",
   "dropdown-button": "_dropdown-button_d9vma_6",
   "icon-reversed": "_icon-reversed_d9vma_14"
-}, Fe = Q.bind(Lt), $t = 0, Ot = Je({
+}, Pe = Q.bind(Ot), $t = 0, Tt = Je({
   fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"],
   boundary: document == null ? void 0 : document.documentElement,
   rootBoundary: "viewport"
-}), Tt = Qe({
+}), jt = Qe({
   apply({ rects: t, elements: e }) {
     Object.assign(e.floating.style, {
       width: `${t.reference.width}px`
     });
   }
-}), io = (t) => {
+}), uo = (t) => {
   const {
     options: e = [],
     value: n,
     placeholder: o = "",
     onChange: s = () => {
     },
-    onFocus: c = () => {
+    onFocus: l = () => {
     },
     onBlur: h = () => {
     },
     disabled: u = !1,
-    inputProps: S = {},
-    parseValueToString: y = (w) => w === null ? "" : String(w),
+    inputProps: v = {},
+    parseValueToString: g = (w) => w === null ? "" : String(w),
     minLength: p = 1,
-    skipOptionCreation: C = !1,
-    maxLength: I = null,
+    skipOptionCreation: z = !1,
+    maxLength: k = null,
     optionVariant: m = "",
-    isRequired: M = !1,
-    error: R = "",
-    touched: g = !1,
-    setTouch: v = () => {
+    isRequired: L = !1,
+    error: P = "",
+    touched: b = !1,
+    setTouch: x = () => {
     },
     createWithoutConfirmation: A = !1,
-    menuClassName: z = "",
-    icon: d,
-    isDropdownMode: a = !1,
-    isOptionUnique: l,
-    refFunction: _,
-    stateReducer: i,
-    onStateChange: b,
-    useFixedPositioning: D,
-    dropdownMatchInputWidth: L = !1,
-    withMenuFlip: j = !1,
+    menuClassName: F = "",
+    icon: c,
+    isDropdownMode: i = !1,
+    isOptionUnique: a,
+    refFunction: d,
+    stateReducer: y,
+    onStateChange: C,
+    useFixedPositioning: _,
+    dropdownMatchInputWidth: N = !1,
+    withMenuFlip: R = !1,
     newItemButtonText: ee = "",
-    menuPortalRoot: O,
-    ...F
-  } = t, [T, ve] = oe(!1), K = ze(null), se = Y(() => {
+    menuPortalRoot: $,
+    ...B
+  } = t, [j, ve] = oe(!1), K = Me(null), se = Y(() => {
     var w;
     return (w = K.current) == null ? void 0 : w.call(K);
-  }, []), ne = !T || !O, re = O || D ? "fixed" : "absolute", be = !T || re === "absolute", le = He(
+  }, []), ne = !j || !$, re = $ || _ ? "fixed" : "absolute", be = !j || re === "absolute", le = He(
     () => [
-      ...j ? [Ot] : [],
-      ...L ? [Tt] : []
+      ...R ? [Tt] : [],
+      ...N ? [jt] : []
     ],
-    [j, L]
+    [R, N]
   ), { refs: Z, floatingStyles: ye } = Be({
     placement: "bottom-start",
-    whileElementsMounted: Pe,
+    whileElementsMounted: De,
     strategy: re,
     middleware: le
   });
-  Ft({ skip: ne }), Bt({ skip: ne, reference: Z.reference }), Pt({
+  Bt({ skip: ne }), Dt({ skip: ne, reference: Z.reference }), Ft({
     skip: be,
     onClose: se,
     menuRef: Z.floating
   });
-  const te = (w, $, q) => ({ item: X, index: f, ...x }) => w({
+  const te = (w, T, q) => ({ item: X, index: f, ...E }) => w({
     item: X,
     index: f,
     isSelected: q !== null && q === X,
-    ...x,
-    isActive: $ === f
-  }), ge = (w, $) => {
-    w.key === kt && (w.preventDefault(), $(e.length));
+    ...E,
+    isActive: T === f
+  }), ge = (w, T) => {
+    w.key === Ue && (w.preventDefault(), T(e.length));
   }, xe = Y(
-    (w, ...$) => {
-      (w == null ? void 0 : w.isOpen) !== void 0 && ve(w.isOpen), b == null || b(w, ...$);
+    (w, ...T) => {
+      (w == null ? void 0 : w.isOpen) !== void 0 && ve(w.isOpen), C == null || C(w, ...T);
     },
-    [b]
+    [C]
   );
   return /* @__PURE__ */ r(
     pe,
     {
       onChange: s,
-      itemToString: y,
+      itemToString: g,
       selectedItem: n,
       onStateChange: xe,
       defaultHighlightedIndex: $t,
-      stateReducer: i,
+      stateReducer: y,
       children: ({
         getInputProps: w,
-        getItemProps: $,
+        getItemProps: T,
         setHighlightedIndex: q,
         toggleMenu: X,
         openMenu: f,
-        closeMenu: x,
-        isOpen: E,
-        inputValue: N,
+        closeMenu: E,
+        isOpen: I,
+        inputValue: S,
         highlightedIndex: G,
         getRootProps: H,
         selectItem: W
       }) => {
         const ce = H(void 0, { suppressRefError: !0 }), ie = {
           ...ce,
-          ref: (P) => (Z.setReference(P), ce.ref(P))
+          ref: (O) => (Z.setReference(O), ce.ref(O))
         };
-        K.current || (K.current = x);
-        const ae = N ?? "", { onClear: U, clearable: Ne, ...Se } = S, de = Ne && n !== null, Ie = (...P) => {
-          W(null), U == null || U(...P);
-        }, k = /* @__PURE__ */ r(
+        K.current || (K.current = E);
+        const ae = S ?? "", { onClear: U, clearable: Ne, ...Ee } = v, de = Ne && n !== null, Ie = (...O) => {
+          W(null), U == null || U(...O);
+        }, M = /* @__PURE__ */ r(
           $e,
           {
-            isOpen: E,
-            isDropdownMode: a,
+            isOpen: I,
+            isDropdownMode: i,
             style: ye,
             ref: Z.setFloating,
+            portalMenuAttribute: $ ? qe : null,
             minLength: p,
-            inputValue: (N || "").trim(),
-            getItemProps: te($, G, n),
-            parseValueToString: y,
+            inputValue: (S || "").trim(),
+            getItemProps: te(T, G, n),
+            parseValueToString: g,
             optionVariant: m,
             createWithoutConfirmation: A,
-            className: z,
+            className: F,
             options: e,
             newItemButtonText: ee,
-            ...F
+            ...B
           }
         );
-        return /* @__PURE__ */ B(he, { children: [
-          /* @__PURE__ */ B("div", { className: Fe("input-wrapper"), ...ie, children: [
+        return /* @__PURE__ */ D(he, { children: [
+          /* @__PURE__ */ D("div", { className: Pe("input-wrapper"), ...ie, children: [
             /* @__PURE__ */ r(
               Ze,
               {
                 ...w({
                   placeholder: u ? "" : o,
-                  maxLength: I || void 0,
+                  maxLength: k || void 0,
                   onFocus: () => {
-                    a && !E && (f(), v == null || v(!0)), c();
+                    i && !I && (f(), x == null || x(!0)), l();
                   },
-                  ref: _,
-                  onKeyDown: (P) => {
-                    P.key === Oe && P.preventDefault(), N && E && ge(P, q);
+                  ref: d,
+                  onKeyDown: (O) => {
+                    O.key === Oe && O.preventDefault(), S && I && ge(O, q);
                   },
-                  onBlur: (P) => {
-                    const ue = ae.trim(), ke = !Me(ue), Re = ke ? e.find((Ce) => y(Ce) === ue) : void 0;
-                    W(Re || (!C && A && ke ? ue : null)), h(P), l == null || l(
-                      ke ? !e.some((Ce) => y(Ce) === ue) : null
-                    ), a && E && X(), v == null || v(!0);
+                  onBlur: (O) => {
+                    const ue = ae.trim(), ke = !ze(ue), Ae = ke ? e.find((Ce) => g(Ce) === ue) : void 0;
+                    W(Ae || (!z && A && ke ? ue : null)), h(O), a == null || a(
+                      ke ? !e.some((Ce) => g(Ce) === ue) : null
+                    ), i && I && X(), x == null || x(!0);
                   },
                   disabled: u,
                   defaultWidth: !1,
-                  isRequired: M,
-                  touched: g,
-                  error: R,
-                  ...Se,
+                  isRequired: L,
+                  touched: b,
+                  error: P,
+                  ...Ee,
                   clearable: de,
                   onClear: de ? Ie : U,
-                  endIcon: a && !d ? /* @__PURE__ */ r(
+                  endIcon: i && !c ? /* @__PURE__ */ r(
                     "button",
                     {
                       type: "button",
-                      className: Fe("dropdown-button", { "icon-reversed": E }),
+                      className: Pe("dropdown-button", { "icon-reversed": I }),
                       onClick: () => X(),
                       "aria-label": "Toggle dropdown",
-                      "aria-expanded": E,
-                      children: /* @__PURE__ */ r(Le, {})
+                      "aria-expanded": I,
+                      children: /* @__PURE__ */ r(Fe, {})
                     }
-                  ) : d,
-                  minLength: a ? 0 : p
+                  ) : c,
+                  minLength: i ? 0 : p
                 })
               }
             ),
-            !O && k
+            !$ && M
           ] }),
-          O && Ge(k, O)
+          $ && Ge(M, $)
         ] });
       }
     }
@@ -865,9 +873,9 @@ const Ve = "_disabled_1rpph_43", et = "_input_1rpph_107", tt = {
 };
 export {
   $e as AutocompleteMenu,
-  Ae as AutocompleteOption,
-  vt as AutocompleteOptions,
-  it as AutocompletePrompt,
-  co as MultipleAutocomplete,
-  io as SingleAutocomplete
+  Re as AutocompleteOption,
+  yt as AutocompleteOptions,
+  dt as AutocompletePrompt,
+  ao as MultipleAutocomplete,
+  uo as SingleAutocomplete
 };