@reportportal/ui-kit 0.0.1-alpha.129 → 0.0.1-alpha.130

package/dist/{dropdown-a99520ba.js → dropdown-360803d5.js}

@@ -1,41 +1,41 @@
-import { jsxs as L, jsx as d, Fragment as Te } from "react/jsx-runtime";
-import { forwardRef as or, useState as ie, useRef as K, useMemo as O, useCallback as N, useLayoutEffect as Ie, useEffect as Q } from "react";
-import { createPortal as ar } from "react-dom";
+import { jsxs as L, jsx as d, Fragment as Ie } from "react/jsx-runtime";
+import { forwardRef as sr, useState as le, useRef as K, useMemo as O, useCallback as N, useLayoutEffect as Te, useEffect as J } from "react";
+import { createPortal as or } from "react-dom";
 import { c as Le } from "./bind-06a7ff84.js";
-import { useFloating as lr, offset as ir, flip as cr, size as dr, autoUpdate as ur } from "@floating-ui/react-dom";
-import { useSelect as ce } from "downshift";
-import { Scrollbars as fr } from "rc-scrollbars";
+import { useFloating as ar, offset as lr, flip as ir, size as cr, autoUpdate as dr } from "@floating-ui/react-dom";
+import { useSelect as ie } from "downshift";
+import { Scrollbars as ur } from "rc-scrollbars";
 import { K as E } from "./keyCodes-f63c0e11.js";
-import { B as hr } from "./baseIconButton-251479f7.js";
-import { S as _r } from "./clear-53660571.js";
-import { S as pr } from "./dropdown-0260bb66.js";
-import { Tooltip as gr } from "./tooltip.js";
-import { FieldLabel as wr } from "./fieldLabel.js";
-import { C as mr } from "./checkbox-ed6cc375.js";
-const yr = "_disabled_14s7v_12", Er = "_hidden_14s7v_16", vr = "_hover_14s7v_22", Cr = "_selected_14s7v_38", Or = {
+import { B as fr } from "./baseIconButton-251479f7.js";
+import { S as hr } from "./clear-53660571.js";
+import { S as _r } from "./dropdown-0260bb66.js";
+import { Tooltip as pr } from "./tooltip.js";
+import { FieldLabel as gr } from "./fieldLabel.js";
+import { C as wr } from "./checkbox-ed6cc375.js";
+const mr = "_disabled_14s7v_12", yr = "_hidden_14s7v_16", Er = "_hover_14s7v_22", vr = "_selected_14s7v_38", Cr = {
   "dropdown-option": "_dropdown-option_14s7v_1",
-  disabled: yr,
-  hidden: Er,
-  hover: vr,
+  disabled: mr,
+  hidden: yr,
+  hover: Er,
   "depth-1": "_depth-1_14s7v_32",
-  selected: Cr,
+  selected: vr,
   "multi-select": "_multi-select_14s7v_38",
   "single-option": "_single-option_14s7v_43",
   "sub-option": "_sub-option_14s7v_50"
-}, xe = Le.bind(Or), Ke = or(
+}, xe = Le.bind(Cr), Ke = sr(
   (n, t) => {
     const {
-      option: { value: l, disabled: a, hidden: u, label: _, title: v, groupRef: g },
+      option: { value: l, disabled: o, hidden: u, label: _, title: v, groupRef: g },
       selected: V,
       onChange: Y,
       render: W,
       highlightHovered: S,
-      onMouseEnter: Z,
+      onMouseEnter: Q,
       multiSelect: D,
       isPartiallyChecked: H = !1,
       depth: $ = 0,
-      hasChildren: ee = !1
-    } = n, re = (z) => {
+      hasChildren: Z = !1
+    } = n, ee = (z) => {
       (z.target instanceof HTMLDivElement || z.target instanceof HTMLInputElement) && (Y == null || Y(l));
     };
     return /* @__PURE__ */ L(
@@ -43,19 +43,19 @@ const yr = "_disabled_14s7v_12", Er = "_hidden_14s7v_16", vr = "_hover_14s7v_22"
       {
         className: xe("dropdown-option", {
           selected: V,
-          disabled: a,
+          disabled: o,
           hidden: u,
           hover: S,
           "multi-select": D,
-          "has-children": ee,
+          "has-children": Z,
           [`depth-${$}`]: $ > 0
         }),
         title: v,
-        onClick: re,
+        onClick: ee,
         ref: t,
-        onMouseEnter: Z,
+        onMouseEnter: Q,
         children: [
-          D && /* @__PURE__ */ d(mr, { value: !!V, partiallyChecked: H }),
+          D && /* @__PURE__ */ d(wr, { value: !!V, partiallyChecked: H }),
           /* @__PURE__ */ d(
             "div",
             {
@@ -69,62 +69,62 @@ const yr = "_disabled_14s7v_12", Er = "_hidden_14s7v_16", vr = "_hover_14s7v_22"
       }
     );
   }
-), Nr = [
+), Or = [
   E.ENTER_KEY_CODE,
   E.SPACE_KEY_CODE,
   E.ARROW_DOWN_KEY_CODE
-], Dr = [E.ESCAPE_KEY_CODE, E.TAB_KEY_CODE];
+], Nr = [E.ESCAPE_KEY_CODE, E.TAB_KEY_CODE];
 var k = /* @__PURE__ */ ((n) => (n.ON_KEY_DOWN = "onKeyDown", n.ON_CLICK = "onClick", n))(k || {});
-const br = 216, Ar = "data-dropdown-portal-menu", Tr = (n, t) => {
+const Dr = 216, Ar = "data-dropdown-portal-menu", br = (n, t) => {
   const l = Array.isArray(t) ? t : [t];
-  return n.findIndex(({ value: a }) => l.includes(a));
-}, Ir = (n, t) => (n % t + t) % t, de = (n, t = 0, l = 1) => {
+  return n.findIndex(({ value: o }) => l.includes(o));
+}, Ir = (n, t) => (n % t + t) % t, ce = (n, t = 0, l = 1) => {
   var u;
   if (n.length === 0)
     return 0;
   if (!((u = n[t]) != null && u.disabled))
     return t;
-  const a = n.length;
-  return de(
+  const o = n.length;
+  return ce(
     n,
-    Ir(t + l, a),
+    Ir(t + l, o),
     l
   );
-}, xr = (n, t) => de(n, t), Kr = (n, t) => de(n, t, -1), ke = (n, t = 0, l) => !n || n.length === 0 ? [] : n.reduce((a, u) => {
+}, Tr = (n, t) => ce(n, t), xr = (n, t) => ce(n, t, -1), ke = (n, t = 0, l) => !n || n.length === 0 ? [] : n.reduce((o, u) => {
   var _;
-  return u && (a.push({ option: u, depth: t, parent: l }), (_ = u.children) != null && _.length && a.push(...ke(u.children, t + 1, u))), a;
+  return u && (o.push({ option: u, depth: t, parent: l }), (_ = u.children) != null && _.length && o.push(...ke(u.children, t + 1, u))), o;
 }, []), Ye = (n) => !n || n.length === 0 ? [] : n.reduce((t, l) => {
-  var a;
-  return l && ((a = l.children) != null && a.length ? t.push(...Ye(l.children)) : t.push(l)), t;
+  var o;
+  return l && ((o = l.children) != null && o.length ? t.push(...Ye(l.children)) : t.push(l)), t;
 }, []), Pe = (n) => {
   var t;
-  return n ? (t = n.children) != null && t.length ? n.children.reduce((l, a) => (a && l.push(...Pe(a)), l), []) : [n.value] : [];
-}, Lr = "_container_owe49_1", kr = "_icon_owe49_7", Yr = "_arrow_owe49_13", Pr = "_dropdown_owe49_27", Mr = "_disabled_owe49_44", Rr = "_value_owe49_51", Vr = "_error_owe49_54", Wr = "_touched_owe49_54", Sr = "_opened_owe49_58", Hr = "_placeholder_owe49_93", $r = "_ghost_owe49_139", zr = "_divider_owe49_160", Br = {
-  container: Lr,
-  icon: kr,
-  arrow: Yr,
+  return n ? (t = n.children) != null && t.length ? n.children.reduce((l, o) => (o && l.push(...Pe(o)), l), []) : [n.value] : [];
+}, Kr = "_container_owe49_1", Lr = "_icon_owe49_7", kr = "_arrow_owe49_13", Yr = "_dropdown_owe49_27", Pr = "_disabled_owe49_44", Mr = "_value_owe49_51", Rr = "_error_owe49_54", Vr = "_touched_owe49_54", Wr = "_opened_owe49_58", Sr = "_placeholder_owe49_93", Hr = "_ghost_owe49_139", $r = "_divider_owe49_160", zr = {
+  container: Kr,
+  icon: Lr,
+  arrow: kr,
   "clear-button": "_clear-button_owe49_19",
-  dropdown: Pr,
+  dropdown: Yr,
   "transparent-background": "_transparent-background_owe49_41",
-  disabled: Mr,
-  value: Rr,
-  error: Vr,
-  touched: Wr,
-  opened: Sr,
-  placeholder: Hr,
+  disabled: Pr,
+  value: Mr,
+  error: Rr,
+  touched: Vr,
+  opened: Wr,
+  placeholder: Sr,
   "mobile-disabled": "_mobile-disabled_owe49_97",
   "value-wrapper": "_value-wrapper_owe49_102",
   "value-tooltip": "_value-tooltip_owe49_108",
   "select-list": "_select-list_owe49_113",
   "limited-width": "_limited-width_owe49_130",
   "options-container": "_options-container_owe49_134",
-  ghost: $r,
-  divider: zr
-}, f = Le.bind(Br), at = ({
+  ghost: Hr,
+  divider: $r
+}, f = Le.bind(zr), ot = ({
   multiSelect: n = !1,
   value: t = n ? [] : "",
   options: l = [],
-  disabled: a = !1,
+  disabled: o = !1,
   error: u,
   onChange: _,
   onFocus: v,
@@ -133,40 +133,40 @@ const br = 216, Ar = "data-dropdown-portal-menu", Tr = (n, t) => {
   title: Y,
   touched: W = !1,
   icon: S,
-  variant: Z,
+  variant: Q,
   placeholder: D = "",
   label: H = "",
   renderOption: $,
-  transparentBackground: ee = !1,
-  className: re,
+  transparentBackground: Z = !1,
+  className: ee,
   toggleButtonClassName: z,
   selectListClassName: Me,
   isListWidthLimited: Re = !1,
-  optionAll: te = { value: "all", label: "All" },
-  isOptionAllVisible: ue = !1,
+  optionAll: re = { value: "all", label: "All" },
+  isOptionAllVisible: de = !1,
   onSelectAll: Ve = () => {
   },
-  formatDisplayedValue: fe,
+  formatDisplayedValue: ue,
   notScrollable: P = !1,
   footer: B,
-  includeGroupValue: he = !1,
+  includeGroupValue: fe = !1,
   clearable: We = !1,
-  onClear: _e = () => {
+  onClear: he = () => {
   },
   clearButtonAriaLabel: Se = "Clear selection",
   tooltipPortalRoot: He,
   tooltipZIndex: $e,
   menuPortalRoot: h
 }) => {
-  const [i, U] = ie(!1), pe = K(null), ge = K(null), M = K(null), ne = K(0), se = K(null), [ze, we] = ie(!1), [Be, j] = ie(null), b = K(null), R = O(() => ke(l), [l]), p = O(
+  const [i, U] = le(!1), _e = K(null), pe = K(null), M = K(null), te = K(0), ne = K(null), [ze, ge] = le(!1), [Be, j] = le(null), A = K(null), R = O(() => ke(l), [l]), p = O(
     () => R.map(({ option: e }) => e),
     [R]
   ), q = O(() => R.filter(({ option: e }) => {
     var r;
     return (r = e.children) == null ? void 0 : r.length;
-  }).map(({ option: e }) => e), [R]), me = O(() => Ye(l), [l]), w = O(
-    () => me.map(({ value: e }) => e),
-    [me]
+  }).map(({ option: e }) => e), [R]), we = O(() => Ye(l), [l]), w = O(
+    () => we.map(({ value: e }) => e),
+    [we]
   ), F = O(() => {
     const e = /* @__PURE__ */ new Map();
     return q.forEach((r) => {
@@ -174,28 +174,28 @@ const br = 216, Ar = "data-dropdown-portal-menu", Tr = (n, t) => {
     }), e;
   }, [q]), X = N(
     (e) => (q.forEach((r) => {
-      const s = F.get(r.value) ?? [], o = s.length > 0 && s.every((c) => e.has(c));
-      he && o ? e.add(r.value) : e.delete(r.value);
+      const s = F.get(r.value) ?? [], a = s.length > 0 && s.every((c) => e.has(c));
+      fe && a ? e.add(r.value) : e.delete(r.value);
     }), e),
-    [q, he, F]
-  ), A = O(() => !n || !Array.isArray(t) ? /* @__PURE__ */ new Set() : X(new Set(t)), [n, t, X]), ye = n ? Array.isArray(t) && t.length > 0 : t || t === !1 || t === 0, Ue = We && ye && !a, je = N((e) => {
-    ne.current = e.scrollTop;
+    [q, fe, F]
+  ), b = O(() => !n || !Array.isArray(t) ? /* @__PURE__ */ new Set() : X(new Set(t)), [n, t, X]), me = n ? Array.isArray(t) && t.length > 0 : t || t === !1 || t === 0, Ue = We && me && !o, je = N((e) => {
+    te.current = e.scrollTop;
   }, []);
-  Ie(() => {
-    i && !P && M.current && !(n && b.current !== null) && M.current.scrollTop(ne.current);
+  Te(() => {
+    i && !P && M.current && !(n && A.current !== null) && M.current.scrollTop(te.current);
   }, [i, P, t, n]);
-  const { refs: I, floatingStyles: Ee } = lr({
+  const { refs: T, floatingStyles: ye } = ar({
     placement: "bottom-start",
     middleware: [
-      ir(5),
-      cr({
+      lr(5),
+      ir({
         fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"],
         ...h && {
           boundary: document.documentElement,
           rootBoundary: "viewport"
         }
       }),
-      h ? dr({
+      h ? cr({
         apply({ rects: e, elements: r }) {
           const s = e.reference.width;
           Object.assign(r.floating.style, {
@@ -206,33 +206,33 @@ const br = 216, Ar = "data-dropdown-portal-menu", Tr = (n, t) => {
         }
       }) : null
     ].filter(Boolean),
-    whileElementsMounted: i && h ? (e, r, s) => ur(e, r, s, {
+    whileElementsMounted: i && h ? (e, r, s) => dr(e, r, s, {
       animationFrame: !0
     }) : void 0
   }), qe = () => {
-    if (!ue)
+    if (!de)
       return;
     const e = Array.isArray(t) ? t : [], r = new Set(e), s = w.some((c) => !r.has(c));
     w.forEach((c) => {
       s ? r.add(c) : r.delete(c);
     });
-    const o = X(r);
-    _(Array.from(o)), Ve();
+    const a = X(r);
+    _(Array.from(a)), Ve();
   }, m = N(() => {
     U(!1), g == null || g();
-  }, [g]), oe = N(() => {
-    if (a)
+  }, [g]), se = N(() => {
+    if (o)
       return;
-    _(n ? [] : ""), _e(), m(), requestAnimationFrame(() => {
-      const r = I.reference.current;
+    _(n ? [] : ""), he(), m(), requestAnimationFrame(() => {
+      const r = T.reference.current;
       r && r instanceof HTMLElement && r.focus();
     });
-  }, [a, n, _, _e, m, I]), Fe = N(
+  }, [o, n, _, he, m, T]), Fe = N(
     (e) => {
-      e.preventDefault(), e.stopPropagation(), oe();
+      e.preventDefault(), e.stopPropagation(), se();
     },
-    [oe]
-  ), ve = N(
+    [se]
+  ), Ee = N(
     (e) => {
       var c, y;
       if (!i)
@@ -240,98 +240,97 @@ const br = 216, Ar = "data-dropdown-portal-menu", Tr = (n, t) => {
       const r = e == null ? void 0 : e.target;
       if (!r)
         return;
-      const s = (c = pe.current) == null ? void 0 : c.contains(r), o = (y = ge.current) == null ? void 0 : y.contains(r);
-      !s && !o && m();
+      const s = (c = _e.current) == null ? void 0 : c.contains(r), a = (y = pe.current) == null ? void 0 : y.contains(r);
+      !s && !a && m();
     },
     [i, m]
   );
-  Q(() => {
+  J(() => {
     if (!i)
       return;
     const e = (r) => {
-      ve(r);
+      Ee(r);
     };
     return document.addEventListener("pointerdown", e), () => {
       document.removeEventListener("pointerdown", e);
     };
-  }, [i, ve]);
-  const Ce = (e) => {
+  }, [i, Ee]);
+  const ve = (e) => {
     var r;
     if (!e.disabled) {
       if (n) {
-        const s = Array.isArray(t) ? t : [], o = new Set(s);
+        const s = Array.isArray(t) ? t : [], a = new Set(s);
         if ((r = e.children) != null && r.length) {
-          const y = F.get(e.value) ?? [], C = y.some((T) => !o.has(T));
-          y.forEach((T) => {
-            C ? o.add(T) : o.delete(T);
+          const y = F.get(e.value) ?? [], C = y.some((I) => !a.has(I));
+          y.forEach((I) => {
+            C ? a.add(I) : a.delete(I);
           });
         } else
-          o.has(e.value) ? o.delete(e.value) : o.add(e.value);
-        const c = X(o);
+          a.has(e.value) ? a.delete(e.value) : a.add(e.value);
+        const c = X(a);
         _(Array.from(c));
       } else
         _(e.value);
       U((s) => n || !s);
     }
-  }, Xe = () => p.find(({ value: e }) => e === t), Oe = Tr(p, t), {
+  }, Xe = () => p.find(({ value: e }) => e === t), Ce = br(p, t), {
     getToggleButtonProps: Ge,
     getLabelProps: Je,
-    getMenuProps: Ne,
+    getMenuProps: Oe,
     getItemProps: Qe,
     setHighlightedIndex: x,
-    highlightedIndex: ae,
-    selectedItem: G
-  } = ce({
+    highlightedIndex: oe
+  } = ie({
     items: p,
     itemToString: (e) => (e != null && e.label ? String(e.label) : D) || "",
     selectedItem: Xe(),
     isOpen: i,
     circularNavigation: !0,
-    defaultHighlightedIndex: Oe,
+    defaultHighlightedIndex: Ce,
     onHighlightedIndexChange: (e) => {
       switch (e.type) {
-        case ce.stateChangeTypes.MenuKeyDownArrowUp:
-          return j(k.ON_KEY_DOWN), x(Kr(p, e.highlightedIndex)), e;
-        case ce.stateChangeTypes.MenuKeyDownArrowDown:
+        case ie.stateChangeTypes.MenuKeyDownArrowUp:
           return j(k.ON_KEY_DOWN), x(xr(p, e.highlightedIndex)), e;
+        case ie.stateChangeTypes.MenuKeyDownArrowDown:
+          return j(k.ON_KEY_DOWN), x(Tr(p, e.highlightedIndex)), e;
         default:
           return e;
       }
     }
-  }), De = N(
+  }), Ne = N(
     (e) => {
-      ge.current = e, I.setFloating(e);
+      pe.current = e, T.setFloating(e);
     },
-    [I]
+    [T]
   ), Ze = N(
     (e = {}) => {
-      const r = Ne(e), s = r.ref;
+      const r = Oe(e), s = r.ref;
       return {
         ...r,
-        ref: (o) => {
-          De(o), typeof s == "function" ? s(o) : s && (s.current = o);
+        ref: (a) => {
+          Ne(a), typeof s == "function" ? s(a) : s && (s.current = a);
         }
       };
     },
-    [Ne, De]
+    [Oe, Ne]
   );
-  Q(() => {
-    n && i && b.current !== null && b.current >= 0 && b.current < p.length && (x(b.current), b.current = null, requestAnimationFrame(() => {
-      M.current && !P && M.current.scrollTop(ne.current);
+  J(() => {
+    n && i && A.current !== null && A.current >= 0 && A.current < p.length && (x(A.current), A.current = null, requestAnimationFrame(() => {
+      M.current && !P && M.current.scrollTop(te.current);
     }));
-  }, [n, i, t, p.length, x, P]), Ie(() => {
+  }, [n, i, t, p.length, x, P]), Te(() => {
     if (!i || !h)
       return;
     let e = window.scrollY, r = !0;
-    const s = 300, o = () => {
+    const s = 300, a = () => {
       if (!r)
         return;
       window.scrollY !== e && window.scrollTo(0, e);
     }, c = (C) => {
-      r && (C.preventDefault(), C.stopImmediatePropagation(), o());
+      r && (C.preventDefault(), C.stopImmediatePropagation(), a());
     };
     e = window.scrollY, window.addEventListener("scroll", c, { passive: !1, capture: !0 }), requestAnimationFrame(() => {
-      e = window.scrollY, o();
+      e = window.scrollY, a();
     });
     const y = setTimeout(() => {
       r = !1;
@@ -339,7 +338,7 @@ const br = 216, Ar = "data-dropdown-portal-menu", Tr = (n, t) => {
     return () => {
       clearTimeout(y), window.removeEventListener("scroll", c, { capture: !0 });
     };
-  }, [i, h]), Q(() => {
+  }, [i, h]), J(() => {
     if (!i || !h)
       return;
     const e = () => {
@@ -349,11 +348,11 @@ const br = 216, Ar = "data-dropdown-portal-menu", Tr = (n, t) => {
       window.removeEventListener("resize", e);
     };
   }, [i, h, m]);
-  const er = () => {
-    a || (U((e) => !e), i ? g == null || g() : v == null || v(), j(k.ON_CLICK));
-  }, J = O(() => {
-    if (n && Array.isArray(t) && w.length > 0 && w.every((r) => A.has(r)))
-      return te.label;
+  const De = () => {
+    o || (U((e) => !e), i ? g == null || g() : v == null || v(), j(k.ON_CLICK));
+  }, G = O(() => {
+    if (n && Array.isArray(t) && w.length > 0 && w.every((r) => b.has(r)))
+      return re.label;
     const e = p.reduce((r, s) => ((Array.isArray(t) && t.includes(s.value) || s.value === t) && r.push(s.label), r), []);
     if (e.length > 0)
       return e.join(", ");
@@ -363,49 +362,49 @@ const br = 216, Ar = "data-dropdown-portal-menu", Tr = (n, t) => {
     n,
     t,
     w,
-    A,
-    te.label,
+    b,
+    re.label,
     p,
     D
   ]);
-  Q(() => {
-    if (se.current) {
-      const { offsetWidth: e, scrollWidth: r } = se.current;
-      we(r > e);
+  J(() => {
+    if (ne.current) {
+      const { offsetWidth: e, scrollWidth: r } = ne.current;
+      ge(r > e);
     } else
-      we(!1);
-  }, [J]);
-  const rr = (e) => {
+      ge(!1);
+  }, [G]);
+  const er = (e) => {
     const { keyCode: r } = e;
-    Nr.includes(r) && e.target === e.currentTarget && (e.preventDefault(), e.stopPropagation(), !i && (x(Oe), U(!0), v == null || v(), j(k.ON_KEY_DOWN)));
-  }, tr = (e) => {
+    Or.includes(r) && e.target === e.currentTarget && (e.preventDefault(), e.stopPropagation(), !i && (x(Ce), U(!0), v == null || v(), j(k.ON_KEY_DOWN)));
+  }, rr = (e) => {
     const { keyCode: r } = e;
     if (r === E.ENTER_KEY_CODE || r === E.SPACE_KEY_CODE) {
-      const s = p[ae];
+      const s = p[oe];
       if (!s)
         return;
-      n && (b.current = ae), Ce(s), n || m();
+      n && (A.current = oe), ve(s), n || m();
       return;
     }
-    Dr.includes(r) && (e.stopPropagation(), m());
-  }, be = () => /* @__PURE__ */ L("div", { className: f("options-container"), children: [
-    n && ue && /* @__PURE__ */ L(Te, { children: [
+    Nr.includes(r) && (e.stopPropagation(), m());
+  }, Ae = () => /* @__PURE__ */ L("div", { className: f("options-container"), children: [
+    n && de && /* @__PURE__ */ L(Ie, { children: [
       /* @__PURE__ */ d(
         Ke,
         {
-          option: te,
-          selected: Array.isArray(t) && w.length > 0 && w.every((e) => A.has(e)),
+          option: re,
+          selected: Array.isArray(t) && w.length > 0 && w.every((e) => b.has(e)),
           onChange: qe,
           multiSelect: n,
-          isPartiallyChecked: w.some((e) => A.has(e)) && !w.every((e) => A.has(e))
+          isPartiallyChecked: w.some((e) => b.has(e)) && !w.every((e) => b.has(e))
         }
       ),
       /* @__PURE__ */ d("div", { className: f("divider") }),
       " "
     ] }),
     R.map(({ option: e, depth: r }, s) => {
-      var C, T;
-      const o = F.get(e.value) ?? [e.value], c = n && o.every((le) => A.has(le)), y = n && ((C = e.children) == null ? void 0 : C.length) && o.some((le) => A.has(le)) && !c;
+      var C, I;
+      const a = F.get(e.value) ?? [e.value], c = n && a.every((ae) => b.has(ae)), y = n && ((C = e.children) == null ? void 0 : C.length) && a.some((ae) => b.has(ae)) && !c;
       return /* @__PURE__ */ d(
         Ke,
         {
@@ -414,36 +413,36 @@ const br = 216, Ar = "data-dropdown-portal-menu", Tr = (n, t) => {
             index: s
           }),
           multiSelect: n,
-          selected: n ? c : e.value === ((G == null ? void 0 : G.value) ?? G),
+          selected: n ? c : e.value === t,
           option: { title: e.label, ...e },
-          highlightHovered: ae === s && Be !== k.ON_CLICK,
+          highlightHovered: oe === s && Be !== k.ON_CLICK,
           render: $,
-          onChange: e.disabled ? null : () => Ce(e),
+          onChange: e.disabled ? null : () => ve(e),
           onMouseEnter: () => x(s),
           depth: r,
-          hasChildren: !!((T = e.children) != null && T.length),
+          hasChildren: !!((I = e.children) != null && I.length),
           isPartiallyChecked: y
         },
         e.value
       );
     }),
-    B && /* @__PURE__ */ L(Te, { children: [
+    B && /* @__PURE__ */ L(Ie, { children: [
       /* @__PURE__ */ d("div", { className: f("divider") }),
       typeof B == "function" ? B(m) : B
     ] })
-  ] }), nr = () => {
-    const e = fe ? fe(J) : J, r = /* @__PURE__ */ d(
+  ] }), tr = () => {
+    const e = ue ? ue(G) : G, r = /* @__PURE__ */ d(
       "span",
       {
-        ref: se,
+        ref: ne,
         className: f("value", {
-          placeholder: J === D
+          placeholder: G === D
         }),
         children: e
       }
     );
-    return ye && !!e && ze ? /* @__PURE__ */ d(
-      gr,
+    return me && !!e && ze ? /* @__PURE__ */ d(
+      pr,
       {
         content: e,
         placement: "top",
@@ -453,56 +452,64 @@ const br = 216, Ar = "data-dropdown-portal-menu", Tr = (n, t) => {
         children: r
       }
     ) : r;
-  }, sr = Ge({
-    className: f("dropdown", Z, z, {
-      "transparent-background": ee,
+  }, nr = Ge({
+    className: f("dropdown", Q, z, {
+      "transparent-background": Z,
       opened: i,
-      disabled: a,
+      disabled: o,
       error: u,
       touched: W,
       "mobile-disabled": V
     }),
-    onClick: er,
-    onKeyDown: rr,
-    ref: I.setReference
-  }), { type: Ur, ...Ae } = sr;
-  return /* @__PURE__ */ L("div", { ref: pe, className: f("container", re), title: Y, children: [
-    H && /* @__PURE__ */ d(wr, { ...Je(), children: H }),
+    onClick: De,
+    onKeyDown: er,
+    ref: T.setReference
+  }), { type: Br, ...be } = nr;
+  return /* @__PURE__ */ L("div", { ref: _e, className: f("container", ee), title: Y, children: [
+    H && /* @__PURE__ */ d(
+      gr,
+      {
+        ...Je(),
+        onClick: () => !o && De(),
+        style: { cursor: o ? "default" : "pointer" },
+        children: H
+      }
+    ),
     /* @__PURE__ */ L(
       "div",
       {
-        ...Ae,
+        ...be,
         role: "button",
-        "aria-disabled": a,
-        tabIndex: a ? -1 : Ae.tabIndex ?? 0,
+        "aria-disabled": o,
+        tabIndex: o ? -1 : be.tabIndex ?? 0,
         children: [
           S && /* @__PURE__ */ d("span", { className: f("icon"), children: S }),
-          /* @__PURE__ */ d("div", { className: f("value-wrapper"), children: nr() }),
+          /* @__PURE__ */ d("div", { className: f("value-wrapper"), children: tr() }),
           Ue && /* @__PURE__ */ d(
-            hr,
+            fr,
             {
               className: f("clear-button"),
               onClick: Fe,
               onKeyDown: (e) => {
                 const { keyCode: r } = e;
-                (r === E.ENTER_KEY_CODE || r === E.SPACE_KEY_CODE) && (e.preventDefault(), e.stopPropagation(), oe());
+                (r === E.ENTER_KEY_CODE || r === E.SPACE_KEY_CODE) && (e.preventDefault(), e.stopPropagation(), se());
               },
               "aria-label": Se,
-              children: /* @__PURE__ */ d(_r, {})
+              children: /* @__PURE__ */ d(hr, {})
             }
           ),
-          /* @__PURE__ */ d("span", { className: f("arrow"), "aria-hidden": "true", children: /* @__PURE__ */ d(pr, {}) })
+          /* @__PURE__ */ d("span", { className: f("arrow"), "aria-hidden": "true", children: /* @__PURE__ */ d(_r, {}) })
         ]
       }
     ),
     i && (() => {
-      var o;
-      const e = (o = I.reference.current) == null ? void 0 : o.getBoundingClientRect().width, r = h && e ? {
-        ...Ee,
+      var a;
+      const e = (a = T.reference.current) == null ? void 0 : a.getBoundingClientRect().width, r = h && e ? {
+        ...ye,
         width: `${e}px`,
         minWidth: `${e}px`,
         maxWidth: `${e}px`
-      } : Ee, s = /* @__PURE__ */ d(
+      } : ye, s = /* @__PURE__ */ d(
         "div",
         {
           style: r,
@@ -516,28 +523,28 @@ const br = 216, Ar = "data-dropdown-portal-menu", Tr = (n, t) => {
           ),
           ...h && { [Ar]: "" },
           ...Ze({
-            onKeyDown: tr
+            onKeyDown: rr
           }),
-          children: P ? be() : /* @__PURE__ */ d(
-            fr,
+          children: P ? Ae() : /* @__PURE__ */ d(
+            ur,
             {
               autoHeight: !0,
-              autoHeightMax: br,
+              autoHeightMax: Dr,
               hideTracksWhenNotNeeded: !0,
               ref: (c) => {
                 M.current = c;
               },
               onScrollFrame: je,
-              children: be()
+              children: Ae()
             }
           )
         }
       );
-      return h ? ar(s, h) : s;
+      return h ? or(s, h) : s;
     })()
   ] });
 };
 export {
-  at as D,
+  ot as D,
   Ar as a
 };