@reportportal/ui-kit 0.0.1-alpha.163 → 0.0.1-alpha.165

package/dist/{dropdown-40fcc3ad.js → dropdown-7d024c49.js}

@@ -1,7 +1,7 @@
-import { jsxs as R, jsx as u, Fragment as Ve } from "react/jsx-runtime";
-import { forwardRef as wr, useState as ne, useRef as K, useMemo as C, useCallback as N, useLayoutEffect as Se, useEffect as V } from "react";
+import { jsxs as k, jsx as u, Fragment as Ye } from "react/jsx-runtime";
+import { forwardRef as gr, useState as ne, useRef as K, useMemo as C, useCallback as N, useLayoutEffect as Ve, useEffect as Y } from "react";
 import { createPortal as Er } from "react-dom";
-import { c as We } from "./bind-06a7ff84.js";
+import { c as $e } from "./bind-06a7ff84.js";
 import { useFloating as yr, offset as Cr, flip as Ar, size as Or, autoUpdate as vr } from "@floating-ui/react-dom";
 import { useSelect as pe } from "downshift";
 import { Scrollbars as Dr } from "rc-scrollbars";
@@ -11,9 +11,9 @@ import { S as Nr } from "./clear-53660571.js";
 import { S as Ir } from "./dropdown-0260bb66.js";
 import { FieldLabel as Kr } from "./fieldLabel.js";
 import { AdaptiveTagList as Lr } from "./adaptiveTagList.js";
-import { C as Tr } from "./checkbox-493fdc63.js";
+import { C as zr } from "./checkbox-493fdc63.js";
 import { i as se } from "./isEmpty-ccacb5ff.js";
-const xr = (n) => {
+const Tr = (n) => {
   const r = {}, c = {};
   return Object.entries(n).forEach(([a, h]) => {
     if (/^data[A-Z]/.test(a) || /^aria[A-Z]/.test(a)) {
@@ -22,41 +22,41 @@ const xr = (n) => {
     } else
       c[a] = h;
   }), { transformed: r, remaining: c };
-}, kr = "_disabled_14s7v_12", Rr = "_hidden_14s7v_16", Pr = "_hover_14s7v_22", Yr = "_selected_14s7v_38", Vr = {
+}, xr = "_disabled_14s7v_12", kr = "_hidden_14s7v_16", Rr = "_hover_14s7v_22", Pr = "_selected_14s7v_38", Yr = {
   "dropdown-option": "_dropdown-option_14s7v_1",
-  disabled: kr,
-  hidden: Rr,
-  hover: Pr,
+  disabled: xr,
+  hidden: kr,
+  hover: Rr,
   "depth-1": "_depth-1_14s7v_32",
-  selected: Yr,
+  selected: Pr,
   "multi-select": "_multi-select_14s7v_38",
   "single-option": "_single-option_14s7v_43",
   "sub-option": "_sub-option_14s7v_50"
-}, He = We.bind(Vr), $e = wr(
+}, Se = $e.bind(Yr), He = gr(
   (n, r) => {
     const {
       option: { value: c, disabled: a, hidden: h, label: m, title: A, groupRef: O },
       selected: F,
-      onChange: H,
+      onChange: S,
       render: U,
       highlightHovered: B,
       onMouseEnter: ae,
-      multiSelect: g,
+      multiSelect: w,
       isPartiallyChecked: j = !1,
       depth: q = 0,
       hasChildren: oe = !1
     } = n, ie = (Z) => {
-      (Z.target instanceof HTMLDivElement || Z.target instanceof HTMLInputElement) && (H == null || H(c));
+      (Z.target instanceof HTMLDivElement || Z.target instanceof HTMLInputElement) && (S == null || S(c));
     };
-    return /* @__PURE__ */ R(
+    return /* @__PURE__ */ k(
       "div",
       {
-        className: He("dropdown-option", {
+        className: Se("dropdown-option", {
           selected: F,
           disabled: a,
           hidden: h,
           hover: B,
-          "multi-select": g,
+          "multi-select": w,
           "has-children": oe,
           [`depth-${q}`]: q > 0
         }),
@@ -65,11 +65,11 @@ const xr = (n) => {
         ref: r,
         onMouseEnter: ae,
         children: [
-          g && /* @__PURE__ */ u(Tr, { value: !!F, partiallyChecked: j }),
+          w && /* @__PURE__ */ u(zr, { value: !!F, partiallyChecked: j }),
           /* @__PURE__ */ u(
             "div",
             {
-              className: He("single-option", {
+              className: Se("single-option", {
                 "sub-option": !!O
               }),
               children: U ? U(n) : m
@@ -79,13 +79,13 @@ const xr = (n) => {
       }
     );
   }
-), Sr = [
+), Vr = [
   p.ENTER_KEY_CODE,
   p.SPACE_KEY_CODE,
   p.ARROW_DOWN_KEY_CODE
-], Hr = [p.ESCAPE_KEY_CODE, p.TAB_KEY_CODE];
-var S = /* @__PURE__ */ ((n) => (n.ON_KEY_DOWN = "onKeyDown", n.ON_CLICK = "onClick", n))(S || {});
-const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
+], Sr = [p.ESCAPE_KEY_CODE, p.TAB_KEY_CODE];
+var V = /* @__PURE__ */ ((n) => (n.ON_KEY_DOWN = "onKeyDown", n.ON_CLICK = "onClick", n))(V || {});
+const Hr = 240, $r = "data-dropdown-portal-menu", Wr = 10, Mr = (n, r) => {
   const c = Array.isArray(r) ? r : [r];
   return n.findIndex(({ value: a }) => c.includes(a));
 }, Fr = (n, r) => (n % r + r) % r, me = (n, r = 0, c = 1) => {
@@ -100,41 +100,41 @@ const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
     Fr(r + c, a),
     c
   );
-}, Ur = (n, r) => me(n, r), Br = (n, r) => me(n, r, -1), Me = (n, r = 0, c) => !n || n.length === 0 ? [] : n.reduce((a, h) => {
+}, Ur = (n, r) => me(n, r), Br = (n, r) => me(n, r, -1), We = (n, r = 0, c) => !n || n.length === 0 ? [] : n.reduce((a, h) => {
   var m;
-  return h && (a.push({ option: h, depth: r, parent: c }), (m = h.children) != null && m.length && a.push(...Me(h.children, r + 1, h))), a;
-}, []), ze = (n) => !n || n.length === 0 ? [] : n.reduce((r, c) => {
+  return h && (a.push({ option: h, depth: r, parent: c }), (m = h.children) != null && m.length && a.push(...We(h.children, r + 1, h))), a;
+}, []), Me = (n) => !n || n.length === 0 ? [] : n.reduce((r, c) => {
   var a;
-  return c && ((a = c.children) != null && a.length ? r.push(...ze(c.children)) : r.push(c)), r;
+  return c && ((a = c.children) != null && a.length ? r.push(...Me(c.children)) : r.push(c)), r;
 }, []), Fe = (n) => {
   var r;
   return n ? (r = n.children) != null && r.length ? n.children.reduce((c, a) => (a && c.push(...Fe(a)), c), []) : [n.value] : [];
-}, jr = "_container_1lti6_1", qr = "_icon_1lti6_7", Zr = "_arrow_1lti6_15", Gr = "_dropdown_1lti6_33", Xr = "_disabled_1lti6_53", Jr = "_value_1lti6_60", Qr = "_error_1lti6_63", et = "_touched_1lti6_63", rt = "_opened_1lti6_67", tt = "_placeholder_1lti6_101", nt = "_ghost_1lti6_184", st = "_divider_1lti6_202", at = {
+}, jr = "_container_18w0z_1", qr = "_icon_18w0z_7", Zr = "_arrow_18w0z_15", Gr = "_dropdown_18w0z_33", Xr = "_disabled_18w0z_53", Jr = "_value_18w0z_60", Qr = "_error_18w0z_63", et = "_touched_18w0z_63", rt = "_opened_18w0z_67", tt = "_placeholder_18w0z_101", nt = "_ghost_18w0z_184", st = "_divider_18w0z_202", at = {
   container: jr,
   icon: qr,
   arrow: Zr,
-  "clear-button": "_clear-button_1lti6_23",
+  "clear-button": "_clear-button_18w0z_23",
   dropdown: Gr,
-  "multi-select-with-tags": "_multi-select-with-tags_1lti6_47",
-  "transparent-background": "_transparent-background_1lti6_50",
+  "multi-select-with-tags": "_multi-select-with-tags_18w0z_47",
+  "transparent-background": "_transparent-background_18w0z_50",
   disabled: Xr,
   value: Jr,
   error: Qr,
   touched: et,
   opened: rt,
   placeholder: tt,
-  "mobile-disabled": "_mobile-disabled_1lti6_105",
-  "value-wrapper": "_value-wrapper_1lti6_110",
-  "tags-wrapper": "_tags-wrapper_1lti6_116",
-  "with-search": "_with-search_1lti6_121",
-  "search-input": "_search-input_1lti6_128",
-  "select-list": "_select-list_1lti6_146",
-  "limited-width": "_limited-width_1lti6_163",
-  "options-container": "_options-container_1lti6_167",
-  "empty-list-message": "_empty-list-message_1lti6_172",
+  "mobile-disabled": "_mobile-disabled_18w0z_105",
+  "value-wrapper": "_value-wrapper_18w0z_110",
+  "tags-wrapper": "_tags-wrapper_18w0z_116",
+  "with-search": "_with-search_18w0z_121",
+  "search-input": "_search-input_18w0z_128",
+  "select-list": "_select-list_18w0z_146",
+  "limited-width": "_limited-width_18w0z_163",
+  "options-container": "_options-container_18w0z_167",
+  "empty-list-message": "_empty-list-message_18w0z_172",
   ghost: nt,
   divider: st
-}, _ = We.bind(at), At = ({
+}, _ = $e.bind(at), At = ({
   multiSelect: n = !1,
   value: r = n ? [] : "",
   options: c = [],
@@ -144,11 +144,11 @@ const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
   onFocus: A,
   onBlur: O,
   mobileDisabled: F,
-  title: H,
+  title: S,
   touched: U = !1,
   icon: B,
   variant: ae,
-  placeholder: g = "",
+  placeholder: w = "",
   label: j = "",
   renderOption: q,
   transparentBackground: oe = !1,
@@ -157,39 +157,39 @@ const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
   selectListClassName: Ue,
   isListWidthLimited: Be = !1,
   optionAll: le = { value: "all", label: "All" },
-  isOptionAllVisible: ge = !1,
+  isOptionAllVisible: we = !1,
   onSelectAll: je = () => {
   },
-  formatDisplayedValue: we,
-  notScrollable: $ = !1,
+  formatDisplayedValue: ge,
+  notScrollable: H = !1,
   footer: G,
   includeGroupValue: Ee = !1,
   clearable: qe = !1,
   onClear: ye = () => {
   },
   clearButtonAriaLabel: Ze = "Clear selection",
-  menuPortalRoot: w,
+  menuPortalRoot: g,
   isMultiSelectWithTags: v = !1,
   noMatchesMessage: Ge = "No matches found",
   ...Xe
 }) => {
-  const { transformed: Je, remaining: Qe } = xr(Xe), [l, X] = ne(!1), [I, Ce] = ne(""), Ae = K(null), Oe = K(null), W = K(null), ce = K(0), de = K(null), ue = K(null), fe = K(""), [er, ve] = ne(!1), [rr, J] = ne(null), L = K(null), M = C(() => Me(c), [c]), T = C(() => {
+  const { transformed: Je, remaining: Qe } = Tr(Xe), [l, X] = ne(!1), [I, Ce] = ne(""), Ae = K(null), Oe = K(null), $ = K(null), ce = K(0), de = K(null), ue = K(null), fe = K(""), [er, ve] = ne(!1), [rr, J] = ne(null), L = K(null), W = C(() => We(c), [c]), z = C(() => {
     if (!v || !I.trim())
-      return M;
+      return W;
     const e = I.toLowerCase();
-    return M.filter(
+    return W.filter(
       ({ option: t }) => t.label.toLowerCase().includes(e)
     );
-  }, [M, I, v]), E = C(
-    () => T.map(({ option: e }) => e),
-    [T]
+  }, [W, I, v]), E = C(
+    () => z.map(({ option: e }) => e),
+    [z]
   ), De = C(
-    () => M.map(({ option: e }) => e),
-    [M]
-  ), Q = C(() => T.filter(({ option: e }) => {
+    () => W.map(({ option: e }) => e),
+    [W]
+  ), Q = C(() => z.filter(({ option: e }) => {
     var t;
     return (t = e.children) == null ? void 0 : t.length;
-  }).map(({ option: e }) => e), [T]), be = C(() => ze(c), [c]), D = C(
+  }).map(({ option: e }) => e), [z]), be = C(() => Me(c), [c]), D = C(
     () => be.map(({ value: e }) => e),
     [be]
   ), ee = C(() => {
@@ -197,30 +197,30 @@ const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
     return Q.forEach((t) => {
       e.set(t.value, Fe(t));
     }), e;
-  }, [Q]), z = N(
+  }, [Q]), M = N(
     (e) => (Q.forEach((t) => {
       const s = ee.get(t.value) ?? [], i = s.length > 0 && s.every((d) => e.has(d));
       Ee && i ? e.add(t.value) : e.delete(t.value);
     }), e),
     [Q, Ee, ee]
-  ), x = C(() => !n || !Array.isArray(r) ? /* @__PURE__ */ new Set() : z(new Set(r)), [n, r, z]), Ne = n ? Array.isArray(r) && r.length > 0 : r || r === !1 || r === 0, tr = qe && Ne && !a, nr = N((e) => {
+  ), T = C(() => !n || !Array.isArray(r) ? /* @__PURE__ */ new Set() : M(new Set(r)), [n, r, M]), Ne = n ? Array.isArray(r) && r.length > 0 : r || r === !1 || r === 0, tr = qe && Ne && !a, nr = N((e) => {
     ce.current = e.scrollTop;
   }, []);
-  Se(() => {
-    l && !$ && W.current && !(n && L.current !== null) && W.current.scrollTop(ce.current);
-  }, [l, $, r, n]);
-  const { refs: P, floatingStyles: Ie } = yr({
+  Ve(() => {
+    l && !H && $.current && !(n && L.current !== null) && $.current.scrollTop(ce.current);
+  }, [l, H, r, n]);
+  const { refs: R, floatingStyles: Ie } = yr({
     placement: "bottom-start",
     middleware: [
       Cr(5),
       Ar({
         fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"],
-        ...w && {
+        ...g && {
           boundary: document.documentElement,
           rootBoundary: "viewport"
         }
       }),
-      w ? Or({
+      g ? Or({
         apply({ rects: e, elements: t }) {
           const s = e.reference.width;
           Object.assign(t.floating.style, {
@@ -235,13 +235,13 @@ const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
       animationFrame: !0
     }) : void 0
   }), sr = () => {
-    if (!ge)
+    if (!we)
       return;
     const e = Array.isArray(r) ? r : [], t = new Set(e), s = D.some((d) => !t.has(d));
     D.forEach((d) => {
       s ? t.add(d) : t.delete(d);
     });
-    const i = z(t);
+    const i = M(t);
     m(Array.from(i)), je();
   }, re = N(() => {
     l || (X(!0), A == null || A());
@@ -251,10 +251,10 @@ const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
     if (a)
       return;
     m(n ? [] : ""), ye(), y(), requestAnimationFrame(() => {
-      const t = P.reference.current;
+      const t = R.reference.current;
       t && t instanceof HTMLElement && t.focus();
     });
-  }, [a, n, m, ye, y, P]), ar = N(
+  }, [a, n, m, ye, y, R]), ar = N(
     (e) => {
       e.preventDefault(), e.stopPropagation(), he();
     },
@@ -272,7 +272,7 @@ const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
     },
     [l, y]
   );
-  V(() => {
+  Y(() => {
     if (!l)
       return;
     const e = (t) => {
@@ -294,66 +294,66 @@ const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
           });
         } else
           i.has(e.value) ? i.delete(e.value) : i.add(e.value);
-        const d = z(i);
+        const d = M(i);
         m(Array.from(d));
       } else
         m(e.value);
       X((s) => n || !s);
     }
-  }, or = () => E.find(({ value: e }) => e === r), Te = zr(E, r), {
+  }, or = () => E.find(({ value: e }) => e === r), ze = Mr(E, r), {
     getToggleButtonProps: ir,
     getLabelProps: lr,
-    getMenuProps: xe,
+    getMenuProps: Te,
     getItemProps: cr,
-    setHighlightedIndex: k,
+    setHighlightedIndex: x,
     highlightedIndex: _e
   } = pe({
     items: E,
-    itemToString: (e) => (e != null && e.label ? String(e.label) : g) || "",
+    itemToString: (e) => (e != null && e.label ? String(e.label) : w) || "",
     selectedItem: or(),
     isOpen: l,
     circularNavigation: !0,
-    defaultHighlightedIndex: Te,
+    defaultHighlightedIndex: ze,
     onHighlightedIndexChange: (e) => {
       switch (e.type) {
         case pe.stateChangeTypes.MenuKeyDownArrowUp:
-          return J(S.ON_KEY_DOWN), k(Br(E, e.highlightedIndex)), e;
+          return J(V.ON_KEY_DOWN), x(Br(E, e.highlightedIndex)), e;
         case pe.stateChangeTypes.MenuKeyDownArrowDown:
-          return J(S.ON_KEY_DOWN), k(Ur(E, e.highlightedIndex)), e;
+          return J(V.ON_KEY_DOWN), x(Ur(E, e.highlightedIndex)), e;
         default:
           return e;
       }
     }
-  }), ke = N(
+  }), xe = N(
     (e) => {
-      Oe.current = e, P.setFloating(e);
+      Oe.current = e, R.setFloating(e);
     },
-    [P]
+    [R]
   ), dr = N(
     (e = {}) => {
-      const t = xe(e), s = t.ref;
+      const t = Te(e), s = t.ref;
       return {
         ...t,
         ref: (i) => {
-          ke(i), typeof s == "function" ? s(i) : s && (s.current = i);
+          xe(i), typeof s == "function" ? s(i) : s && (s.current = i);
         }
       };
     },
-    [xe, ke]
+    [Te, xe]
   );
-  V(() => {
-    n && l && L.current !== null && L.current >= 0 && L.current < E.length && (k(L.current), L.current = null, requestAnimationFrame(() => {
-      W.current && !$ && W.current.scrollTop(ce.current);
+  Y(() => {
+    n && l && L.current !== null && L.current >= 0 && L.current < E.length && (x(L.current), L.current = null, requestAnimationFrame(() => {
+      $.current && !H && $.current.scrollTop(ce.current);
     }));
-  }, [n, l, r, E.length, k, $]), V(() => {
+  }, [n, l, r, E.length, x, H]), Y(() => {
     l && v && requestAnimationFrame(() => {
       var e;
       (e = ue.current) == null || e.focus();
     });
-  }, [l, v]), V(() => {
-    v && l && I !== fe.current && (fe.current = I, I && k(0));
-  }, [I, v, l]), Se(() => {
-    if (!l || !w)
+  }, [l, v]), Y(() => {
+    v && l && I !== fe.current && (fe.current = I, I && x(0));
+  }, [I, v, l]), Ve(() => {
+    if (!l || !g)
       return;
     let e = window.scrollY, t = !0;
     const s = 300, i = () => {
@@ -372,8 +372,8 @@ const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
     return () => {
       clearTimeout(o), window.removeEventListener("scroll", d, { capture: !0 });
     };
-  }, [l, w]), V(() => {
-    if (!l || !w)
+  }, [l, g]), Y(() => {
+    if (!l || !g)
       return;
     const e = () => {
       y();
@@ -381,24 +381,24 @@ const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
     return window.addEventListener("resize", e), () => {
       window.removeEventListener("resize", e);
     };
-  }, [l, w, y]);
-  const Re = () => {
-    a || (X((e) => !e), l ? O == null || O() : A == null || A(), J(S.ON_CLICK));
+  }, [l, g, y]);
+  const ke = () => {
+    a || (X((e) => !e), l ? O == null || O() : A == null || A(), J(V.ON_CLICK));
   }, te = C(() => {
-    if (n && Array.isArray(r) && D.length > 0 && D.every((t) => x.has(t)))
+    if (n && Array.isArray(r) && D.length > 0 && D.every((t) => T.has(t)))
       return le.label;
     const e = E.reduce((t, s) => ((Array.isArray(r) && r.includes(s.value) || s.value === r) && t.push(s.label), t), []);
-    return e.length > 0 ? e.join(", ") : !r && r !== !1 && r !== 0 || Array.isArray(r) && !r.length ? g : typeof r == "string" && r.length > 0 && !g ? r : g || void 0;
+    return e.length > 0 ? e.join(", ") : !r && r !== !1 && r !== 0 || Array.isArray(r) && !r.length ? w : typeof r == "string" && r.length > 0 && !w ? r : w || void 0;
   }, [
     n,
     r,
     D,
-    x,
+    T,
     le.label,
     E,
-    g
+    w
   ]);
-  V(() => {
+  Y(() => {
     if (de.current) {
       const { offsetWidth: e, scrollWidth: t } = de.current;
       ve(t > e);
@@ -407,7 +407,7 @@ const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
   }, [te]);
   const ur = (e) => {
     const { keyCode: t } = e;
-    Sr.includes(t) && e.target === e.currentTarget && (e.preventDefault(), e.stopPropagation(), !l && (k(Te), re(), J(S.ON_KEY_DOWN)));
+    Vr.includes(t) && e.target === e.currentTarget && (e.preventDefault(), e.stopPropagation(), !l && (x(ze), re(), J(V.ON_KEY_DOWN)));
   }, fr = (e) => {
     const { keyCode: t } = e;
     if (t === p.ENTER_KEY_CODE || t === p.SPACE_KEY_CODE) {
@@ -417,27 +417,27 @@ const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
       n && (L.current = _e), Le(s), n || y();
       return;
     }
-    Hr.includes(t) && (e.stopPropagation(), y());
-  }, Pe = () => /* @__PURE__ */ R("div", { className: _("options-container"), children: [
-    n && ge && !se(T) && /* @__PURE__ */ R(Ve, { children: [
+    Sr.includes(t) && (e.stopPropagation(), y());
+  }, Re = () => /* @__PURE__ */ k("div", { className: _("options-container"), children: [
+    n && we && !se(z) && /* @__PURE__ */ k(Ye, { children: [
       /* @__PURE__ */ u(
-        $e,
+        He,
         {
           option: le,
-          selected: Array.isArray(r) && D.length > 0 && D.every((e) => x.has(e)),
+          selected: Array.isArray(r) && D.length > 0 && D.every((e) => T.has(e)),
           onChange: sr,
           multiSelect: n,
-          isPartiallyChecked: D.some((e) => x.has(e)) && !D.every((e) => x.has(e))
+          isPartiallyChecked: D.some((e) => T.has(e)) && !D.every((e) => T.has(e))
         }
       ),
       /* @__PURE__ */ u("div", { className: _("divider") }),
       " "
     ] }),
-    se(T) ? /* @__PURE__ */ u("div", { className: _("empty-list-message"), children: Ge }) : T.map(({ option: e, depth: t }, s) => {
+    se(z) ? /* @__PURE__ */ u("div", { className: _("empty-list-message"), children: Ge }) : z.map(({ option: e, depth: t }, s) => {
       var f, b;
-      const i = ee.get(e.value) ?? [e.value], d = n && i.every((Y) => x.has(Y)), o = n && ((f = e.children) == null ? void 0 : f.length) && i.some((Y) => x.has(Y)) && !d;
+      const i = ee.get(e.value) ?? [e.value], d = n && i.every((P) => T.has(P)), o = n && ((f = e.children) == null ? void 0 : f.length) && i.some((P) => T.has(P)) && !d;
       return /* @__PURE__ */ u(
-        $e,
+        He,
         {
           ...cr({
             item: e,
@@ -446,10 +446,10 @@ const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
           multiSelect: n,
           selected: n ? d : e.value === r,
           option: { title: e.label, ...e },
-          highlightHovered: _e === s && rr !== S.ON_CLICK,
+          highlightHovered: _e === s && rr !== V.ON_CLICK,
           render: q,
           onChange: e.disabled ? null : () => Le(e),
-          onMouseEnter: () => k(s),
+          onMouseEnter: () => x(s),
           depth: t,
           hasChildren: !!((b = e.children) != null && b.length),
           isPartiallyChecked: o
@@ -457,20 +457,20 @@ const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
         e.value
       );
     }),
-    G && /* @__PURE__ */ R(Ve, { children: [
+    G && /* @__PURE__ */ k(Ye, { children: [
       /* @__PURE__ */ u("div", { className: _("divider") }),
       typeof G == "function" ? G(y) : G
     ] })
   ] }), hr = () => {
     const e = De.reduce((o, f) => (Array.isArray(r) && r.includes(f.value) && o.push(f.label), o), []), t = (o) => {
       const f = De.find(
-        ({ label: gr }) => gr === o
+        ({ label: wr }) => wr === o
       );
       if (!f)
         return;
-      const b = Array.isArray(r) ? r : [], Y = new Set(b);
-      Y.delete(f.value);
-      const mr = z(Y);
+      const b = Array.isArray(r) ? r : [], P = new Set(b);
+      P.delete(f.value);
+      const mr = M(P);
       m(Array.from(mr));
     }, s = (o) => {
       const f = o.target;
@@ -495,18 +495,18 @@ const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
         onClick: (o) => {
           o.stopPropagation(), re();
         },
-        placeholder: se(e) ? g : "",
+        placeholder: se(e) ? w : "",
         autoComplete: "off"
       }
     );
-    return se(e) ? /* @__PURE__ */ u("div", { className: _("tags-wrapper", "with-search"), children: d }) : /* @__PURE__ */ R("div", { className: _("tags-wrapper", "with-search"), children: [
+    return se(e) ? /* @__PURE__ */ u("div", { className: _("tags-wrapper", "with-search"), children: d }) : /* @__PURE__ */ k("div", { className: _("tags-wrapper", "with-search"), children: [
       /* @__PURE__ */ u(
         Lr,
         {
           tags: e,
           onRemoveTag: t,
           isShowAllView: !0,
-          defaultVisibleLines: Mr
+          defaultVisibleLines: Wr
         }
       ),
       d
@@ -514,13 +514,13 @@ const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
   }, _r = () => {
     if (v && n && Array.isArray(r))
       return hr();
-    const e = we ? we(te) : te, t = Ne && !!e && er;
+    const e = ge ? ge(te) : te, t = Ne && !!e && er;
     return /* @__PURE__ */ u(
       "span",
       {
         ref: de,
         className: _("value", {
-          placeholder: te === g
+          placeholder: te === w
         }),
         title: t ? e : void 0,
         children: e
@@ -536,16 +536,16 @@ const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
       "mobile-disabled": F,
       "multi-select-with-tags": v
     }),
-    onClick: Re,
+    onClick: ke,
     onKeyDown: ur,
-    ref: P.setReference
-  }), { type: ot, ...Ye } = pr;
-  return /* @__PURE__ */ R(
+    ref: R.setReference
+  }), { type: ot, ...Pe } = pr;
+  return /* @__PURE__ */ k(
     "div",
     {
       ref: Ae,
       className: _("container", ie),
-      title: H,
+      title: S,
       ...Qe,
       ...Je,
       children: [
@@ -553,18 +553,18 @@ const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
           Kr,
           {
             ...lr(),
-            onClick: () => !a && Re(),
+            onClick: () => !a && ke(),
             style: { cursor: a ? "default" : "pointer" },
             children: j
           }
         ),
-        /* @__PURE__ */ R(
+        /* @__PURE__ */ k(
           "div",
           {
-            ...Ye,
+            ...Pe,
             role: "button",
             "aria-disabled": a,
-            tabIndex: a ? -1 : Ye.tabIndex ?? 0,
+            tabIndex: a ? -1 : Pe.tabIndex ?? 0,
             children: [
               B && /* @__PURE__ */ u("span", { className: _("icon"), children: B }),
               /* @__PURE__ */ u("div", { className: _("value-wrapper"), children: _r() }),
@@ -587,7 +587,7 @@ const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
         ),
         l && (() => {
           var i;
-          const e = (i = P.reference.current) == null ? void 0 : i.getBoundingClientRect().width, t = w && e ? {
+          const e = (i = R.reference.current) == null ? void 0 : i.getBoundingClientRect().width, t = g && e ? {
             ...Ie,
             width: `${e}px`,
             minWidth: `${e}px`,
@@ -604,7 +604,7 @@ const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
                 },
                 Ue
               ),
-              ...w && { [Wr]: "" },
+              ...g && { [$r]: "" },
               ...dr({
                 onKeyDown: fr,
                 ...v && {
@@ -615,22 +615,22 @@ const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
                   }
                 }
               }),
-              children: $ ? Pe() : /* @__PURE__ */ u(
+              children: H ? Re() : /* @__PURE__ */ u(
                 Dr,
                 {
                   autoHeight: !0,
-                  autoHeightMax: $r,
+                  autoHeightMax: Hr,
                   hideTracksWhenNotNeeded: !0,
                   ref: (d) => {
-                    W.current = d;
+                    $.current = d;
                   },
                   onScrollFrame: nr,
-                  children: Pe()
+                  children: Re()
                 }
               )
             }
           );
-          return w ? Er(s, w) : s;
+          return g ? Er(s, g) : s;
         })()
       ]
     }
@@ -638,5 +638,5 @@ const $r = 240, Wr = "data-dropdown-portal-menu", Mr = 10, zr = (n, r) => {
 };
 export {
   At as D,
-  Wr as a
+  $r as a
 };