@reportportal/ui-kit 0.0.1-alpha.167 → 0.0.1-alpha.169

package/dist/actionMenu-77a63b96.js

@@ -0,0 +1,155 @@
+import { jsx as s } from "react/jsx-runtime";
+import { useState as P, useRef as A, useCallback as V, useEffect as C, isValidElement as F, Fragment as K } from "react";
+import { S as R } from "./meatballMenu-535635a9.js";
+import { B as U } from "./baseIconButton-251479f7.js";
+import { Popover as z } from "./popover.js";
+import { c as G } from "./bind-06a7ff84.js";
+const H = "_disabled_184h2_69", J = "_divider_184h2_76", m = {
+  "action-menu": "_action-menu_184h2_16",
+  "actions-popover": "_actions-popover_184h2_20",
+  "action-dropdown": "_action-dropdown_184h2_24",
+  "action-menu-button": "_action-menu-button_184h2_29",
+  "action-item": "_action-item_184h2_42",
+  disabled: H,
+  divider: J
+}, l = G.bind(m), ee = ({
+  className: p,
+  children: h,
+  ...b
+}) => /* @__PURE__ */ s("div", { className: l("action-item", p), tabIndex: -1, ...b, children: h }), ne = ({
+  placement: p = "bottom-end",
+  items: h = [],
+  cleanupDividers: b = !0,
+  className: D,
+  contentClassName: M,
+  buttonClassName: v,
+  popoverClassName: N,
+  menuClassName: E,
+  ariaLabel: S,
+  trigger: _,
+  disabled: a = !1
+}) => {
+  const [u, d] = P(!1), c = A(null), y = A(/* @__PURE__ */ new Map()), O = V(
+    (e) => {
+      a || d(e);
+    },
+    [a]
+  );
+  C(() => {
+    u && c.current && requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        var n;
+        const e = (n = c.current) == null ? void 0 : n.querySelector(
+          `button[role="menuitem"]:not([disabled]), .${m["action-item"]}`
+        );
+        e && e.focus();
+      });
+    });
+  }, [u]);
+  const i = (e) => !!(e && typeof e == "object" && "type" in e && e.type === "divider"), q = (e) => i(e) ? !0 : typeof e == "object" && e !== null && "hasPermission" in e ? e.hasPermission !== !1 : !0, $ = (e) => {
+    var r, I, f, k, x, w;
+    const n = Array.from(
+      ((r = c.current) == null ? void 0 : r.querySelectorAll(
+        `button[role="menuitem"]:not([disabled]), .${m["action-item"]}`
+      )) || []
+    ), t = n.indexOf(document.activeElement);
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      const o = t === -1 ? 0 : (t + 1) % n.length;
+      (I = n[o]) == null || I.focus();
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      const o = t === -1 ? n.length - 1 : (t - 1 + n.length) % n.length;
+      (f = n[o]) == null || f.focus();
+    } else if (e.key === "Tab")
+      if (e.preventDefault(), e.shiftKey) {
+        const o = t === -1 ? n.length - 1 : (t - 1 + n.length) % n.length;
+        (k = n[o]) == null || k.focus();
+      } else {
+        const o = t === -1 ? 0 : (t + 1) % n.length;
+        (x = n[o]) == null || x.focus();
+      }
+    else if (e.key === "Enter") {
+      e.preventDefault();
+      const o = document.activeElement;
+      o && ((w = c.current) != null && w.contains(o)) && (o.click(), d(!1));
+    } else
+      e.key === "Escape" && (e.preventDefault(), d(!1));
+  }, j = (e) => {
+    const n = e.target, t = n.closest(`[role="menuitem"], .${m["action-item"]}`);
+    if (t && !t.hasAttribute("disabled")) {
+      if (n === t) {
+        const r = t.querySelector(
+          'a, button, [role="button"], [onclick]'
+        );
+        r && r.click();
+      }
+      d(!1);
+    }
+  }, B = (e, n) => i(e) ? /* @__PURE__ */ s("div", { className: l("divider") }, `divider-${n}`) : F(e) ? /* @__PURE__ */ s(K, { children: e }, n) : typeof e == "object" && e !== null && "label" in e ? e.hasPermission === !1 ? null : /* @__PURE__ */ s(
+    "button",
+    {
+      ref: (t) => {
+        t ? y.current.set(n, t) : y.current.delete(n);
+      },
+      type: "button",
+      role: "menuitem",
+      tabIndex: -1,
+      className: l("action-item", { disabled: e.disabled }, e.className),
+      disabled: e.disabled,
+      onClick: (t) => {
+        var r;
+        (r = e.onClick) == null || r.call(e, t);
+      },
+      children: e.label
+    },
+    e.id || `action-${n}`
+  ) : null, g = ((e) => {
+    if (!b)
+      return e;
+    let n = e.filter((t) => t != null);
+    if (n.length === 0)
+      return n;
+    for (; n.length > 0 && i(n[0]); )
+      n.shift();
+    for (; n.length > 0 && i(n[n.length - 1]); )
+      n.pop();
+    return n = n.filter((t, r) => !i(t) || r === 0 ? !0 : !i(n[r - 1])), n = n.filter((t, r) => i(t) ? n.slice(r + 1).some((f) => q(f)) : !0), n;
+  })(h).map(B).filter(Boolean);
+  return g.length === 0 ? null : /* @__PURE__ */ s("div", { className: l("action-menu", D), children: /* @__PURE__ */ s(
+    z,
+    {
+      placement: p,
+      isOpened: a ? !1 : u,
+      setIsOpened: O,
+      content: /* @__PURE__ */ s(
+        "div",
+        {
+          ref: c,
+          role: "menu",
+          tabIndex: -1,
+          onKeyDown: $,
+          onClick: j,
+          className: l("action-dropdown", E, M),
+          children: g
+        }
+      ),
+      className: l("actions-popover", N),
+      children: _ ? /* @__PURE__ */ s("div", { className: v, children: _ }) : /* @__PURE__ */ s(
+        U,
+        {
+          className: l("action-menu-button", v),
+          disabled: a,
+          "aria-label": S || "Actions menu",
+          "aria-expanded": u,
+          "aria-haspopup": "menu",
+          children: /* @__PURE__ */ s(R, {})
+        }
+      )
+    }
+  ) });
+};
+export {
+  ne as A,
+  ee as a
+};

package/dist/actionMenu.js

@@ -0,0 +1,30 @@
+import { A as c, a as s } from "./actionMenu-77a63b96.js";
+import "react/jsx-runtime";
+import "react";
+import "./meatballMenu-535635a9.js";
+import "./baseIconButton-251479f7.js";
+import "./bind-06a7ff84.js";
+import "./popover.js";
+import "@floating-ui/react";
+import "./floatingUi-41f8c7b5.js";
+/*!
+ * Copyright 2026 EPAM Systems
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const A = { type: "divider" };
+export {
+  A as ACTION_MENU_DIVIDER,
+  c as ActionMenu,
+  s as ActionMenuItem
+};

package/dist/{breadcrumbs-8e5ca8d7.js → breadcrumbs-9b38b89c.js}

@@ -2,7 +2,8 @@ import { jsx as e, jsxs as p, Fragment as y } from "react/jsx-runtime";
 import { c as h } from "./bind-06a7ff84.js";
 import { createContext as T, useContext as w, useRef as P, useState as g, useEffect as D } from "react";
 import { Popover as N } from "./popover.js";
-import { S as O, a as E } from "./tree-c3dd3d45.js";
+import { S as O } from "./meatballMenu-535635a9.js";
+import { S as E } from "./tree-e7a0ef42.js";
 const B = T(void 0), H = ({ children: l, LinkComponent: r }) => /* @__PURE__ */ e(B.Provider, { value: { LinkComponent: r }, children: l }), M = () => {
   const l = w(B);
   if (l === void 0)
@@ -19,17 +20,17 @@ const B = T(void 0), H = ({ children: l, LinkComponent: r }) => /* @__PURE__ */
   isClickable: k = !0,
   variant: _ = "default"
 }) => {
-  const { LinkComponent: s } = M(), i = P(null), [m, b] = g(null);
+  const { LinkComponent: s } = M(), a = P(null), [m, b] = g(null);
   D(() => {
-    if (i.current) {
-      const { offsetWidth: a, scrollWidth: $, dataset: S } = i.current;
-      if (a < $) {
+    if (a.current) {
+      const { offsetWidth: i, scrollWidth: S, dataset: $ } = a.current;
+      if (i < S) {
         const x = typeof r == "string" ? r : "";
-        S.tail = x.slice(x.length - l), b(x);
+        $.tail = x.slice(x.length - l), b(x);
       }
     }
   }, [r, l]);
-  const n = /* @__PURE__ */ e("div", { ref: i, className: v("breadcrumb-text", _), children: r });
+  const n = /* @__PURE__ */ e("div", { ref: a, className: v("breadcrumb-text", _), children: r });
   return /* @__PURE__ */ e(
     "div",
     {
@@ -130,14 +131,14 @@ const B = T(void 0), H = ({ children: l, LinkComponent: r }) => /* @__PURE__ */
   "breadcrumbs-4": "_breadcrumbs-4_pxlum_55",
   "breadcrumbs-5": "_breadcrumbs-5_pxlum_58",
   "breadcrumbs-6-plus": "_breadcrumbs-6-plus_pxlum_58"
-}, d = h.bind(Q), f = 5, le = ({
+}, d = h.bind(Q), f = 5, re = ({
   descriptors: l = [],
   dataAutomationId: r,
   LinkComponent: t,
   tree: c,
   isBackButton: k = !1
 }) => {
-  const _ = [...l], s = _.shift(), i = (n) => `breadcrumbs-${n > 5 ? "6-plus" : n}`, m = ((n) => ({
+  const _ = [...l], s = _.shift(), a = (n) => `breadcrumbs-${n > 5 ? "6-plus" : n}`, m = ((n) => ({
     1: 55,
     2: 24,
     3: 18,
@@ -155,7 +156,7 @@ const B = T(void 0), H = ({ children: l, LinkComponent: r }) => /* @__PURE__ */
       "data-testid": r,
       children: k && s ? /* @__PURE__ */ e("div", { className: d("breadcrumbs"), children: /* @__PURE__ */ e("div", { className: d("breadcrumb-item", "back-button"), "data-testid": "back-breadcrumb", children: /* @__PURE__ */ e(u, { descriptor: s, titleTailNumChars: m }) }) }) : /* @__PURE__ */ p(y, { children: [
         c && /* @__PURE__ */ e("div", { className: d("tree"), children: /* @__PURE__ */ e(J, { tree: c }) }),
-        /* @__PURE__ */ p("div", { className: d("breadcrumbs", i(l.length)), children: [
+        /* @__PURE__ */ p("div", { className: d("breadcrumbs", a(l.length)), children: [
           s && /* @__PURE__ */ e("div", { className: d("breadcrumb-item"), children: /* @__PURE__ */ e(
             u,
             {
@@ -165,19 +166,19 @@ const B = T(void 0), H = ({ children: l, LinkComponent: r }) => /* @__PURE__ */
             }
           ) }),
           b.length > 0 && /* @__PURE__ */ e("div", { className: d("breadcrumb-item", "hidden-breadcrumbs"), children: /* @__PURE__ */ e(X, { descriptors: b }) }),
-          _.length > 0 && _.map((n, a) => /* @__PURE__ */ e("div", { className: d("breadcrumb-item"), children: /* @__PURE__ */ e(
+          _.length > 0 && _.map((n, i) => /* @__PURE__ */ e("div", { className: d("breadcrumb-item"), children: /* @__PURE__ */ e(
             u,
             {
               descriptor: n,
               titleTailNumChars: m,
-              isClickable: a !== _.length - 1
+              isClickable: i !== _.length - 1
             }
-          ) }, a))
+          ) }, i))
         ] })
       ] })
     }
   ) });
 };
 export {
-  le as B
+  re as B
 };

package/dist/breadcrumbs.js

@@ -1,11 +1,12 @@
-import { B as m } from "./breadcrumbs-8e5ca8d7.js";
+import { B as m } from "./breadcrumbs-9b38b89c.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 import "react";
 import "./popover.js";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
-import "./tree-c3dd3d45.js";
+import "./meatballMenu-535635a9.js";
+import "./tree-e7a0ef42.js";
 export {
   m as Breadcrumbs,
   m as default

package/dist/bulkPanel.js

@@ -1,5 +1,5 @@
-import { jsx as n, jsxs as a, Fragment as y } from "react/jsx-runtime";
-import { useState as k, useRef as z, useMemo as P, useCallback as b, useEffect as A } from "react";
+import { jsx as n, jsxs as s, Fragment as y } from "react/jsx-runtime";
+import { useState as k, useRef as U, useMemo as P, useCallback as _, useEffect as z } from "react";
 import { createPortal as H } from "react-dom";
 import { c as J } from "./bind-06a7ff84.js";
 import { Scrollbars as Q } from "rc-scrollbars";
@@ -10,17 +10,17 @@ import { K as Z } from "./keyCodes-f63c0e11.js";
 import { S as ee } from "./selection-9124d029.js";
 import { Chip as ne } from "./chip.js";
 import { B } from "./button-97d9e587.js";
-import { Tooltip as le } from "./tooltip.js";
-import { S as te } from "./chevronDownDropdown-0260bb66.js";
+import { Tooltip as te } from "./tooltip.js";
+import { S as le } from "./chevronDownDropdown-0260bb66.js";
 import { S as ie } from "./warning-537ead32.js";
 import "./close-4d480ef7.js";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
-const se = "_expanded_ue1t9_6", ae = "_header_ue1t9_32", oe = "_tabs_ue1t9_119", ce = "_tab_ue1t9_119", re = "_active_ue1t9_146", de = "_item_ue1t9_99", me = {
+const ae = "_expanded_ue1t9_6", se = "_header_ue1t9_32", oe = "_tabs_ue1t9_119", ce = "_tab_ue1t9_119", re = "_active_ue1t9_146", de = "_item_ue1t9_99", me = {
   "bulk-panel": "_bulk-panel_ue1t9_1",
-  expanded: se,
+  expanded: ae,
   "panel-content": "_panel-content_ue1t9_16",
-  header: ae,
+  header: se,
   "header-actions": "_header-actions_ue1t9_43",
   "warning-icon": "_warning-icon_ue1t9_49",
   "info-message-container": "_info-message-container_ue1t9_58",
@@ -37,20 +37,20 @@ const se = "_expanded_ue1t9_6", ae = "_header_ue1t9_32", oe = "_tabs_ue1t9_119",
   "items-list": "_items-list_ue1t9_167",
   item: de,
   "tooltip-wrapper": "_tooltip-wrapper_ue1t9_179"
-}, l = J.bind(me), pe = {
+}, t = J.bind(me), pe = {
   selected: "selected",
   clearSelection: "Clear selection",
   selectedItems: "Selected items",
   eligibleTab: "Eligible Items",
   ineligibleTab: "Ineligible Items",
-  ineligibleInfoMessage: (i) => /* @__PURE__ */ a(y, { children: [
+  ineligibleInfoMessage: (i) => /* @__PURE__ */ s(y, { children: [
     "You have ",
     /* @__PURE__ */ n("b", { children: i }),
     " ineligible items"
   ] }),
   cancelButton: (i) => `Cancel "${i}"`,
   proceedButton: (i) => `Proceed with ${i} Eligible Items`
-}, p = {
+}, u = {
   ELIGIBLE: "eligible",
   INELIGIBLE: "ineligible"
 }, Ge = ({
@@ -63,88 +63,90 @@ const se = "_expanded_ue1t9_6", ae = "_header_ue1t9_32", oe = "_tabs_ue1t9_119",
   onRemoveItem: w,
   onClearSelection: O
 }) => {
-  const c = { ...pe, ...K }, [o, _] = k(!1), [I, v] = k(p.INELIGIBLE), [t, C] = k(null), S = z(null), r = t !== null, { eligibleItems: u, ineligibleItems: h } = P(() => {
+  const r = { ...pe, ...K }, [o, v] = k(!1), [I, C] = k(u.INELIGIBLE), [l, E] = k(null), S = U(null), d = l !== null, { eligibleItems: b, ineligibleItems: h } = P(() => {
     var g;
-    if (!t)
+    if (!l)
       return { eligibleItems: [], ineligibleItems: [] };
-    const e = ((g = t.onValidate) == null ? void 0 : g.call(t, i)) ?? [], s = new Set(e.map((L) => L.id));
-    return { eligibleItems: i.filter((L) => !s.has(L.id)), ineligibleItems: e };
-  }, [i, t]), d = u.length, m = h.length, $ = r && d > 0, T = r && m > 0 ? c.ineligibleInfoMessage(m) : null, V = P(() => r ? m === 0 ? u : d === 0 ? h : I === p.ELIGIBLE ? u : h : i, [
-    r,
+    const e = ((g = l.onValidate) == null ? void 0 : g.call(l, i)) ?? [], a = new Set(e.map((L) => L.id));
+    return { eligibleItems: i.filter((L) => !a.has(L.id)), ineligibleItems: e };
+  }, [i, l]), m = b.length, p = h.length, $ = d && m > 0, T = d && p > 0 ? r.ineligibleInfoMessage(p) : null, F = P(() => d ? p === 0 ? b : m === 0 ? h : I === u.ELIGIBLE ? b : h : i, [
+    d,
     i,
-    u,
+    b,
     h,
     I,
-    m,
-    d
-  ]), j = b(
+    p,
+    m
+  ]), c = _(() => {
+    requestAnimationFrame(() => {
+      v(!1);
+    });
+  }, []), V = _(
     (e) => {
       var N, g;
-      (N = e.onClick) == null || N.call(e), (((g = e.onValidate) == null ? void 0 : g.call(e, i)) ?? []).length === 0 ? e.onProceed(i, !0) : (C(e), v(p.INELIGIBLE), _(!0));
+      (N = e.onClick) == null || N.call(e), (((g = e.onValidate) == null ? void 0 : g.call(e, i)) ?? []).length === 0 ? (e.onProceed(i, !0), c()) : (E(e), C(u.INELIGIBLE), v(!0));
     },
-    [i]
-  ), F = b(() => {
-    const e = t == null ? void 0 : t.onCancel;
-    C(null), _(!1), e == null || e();
-  }, [t]), W = b(() => {
-    t == null || t.onProceed(u), C(null), _(!1);
-  }, [t, u]), E = b(() => {
-    _(!1);
-  }, []), Y = b(() => {
-    _((e) => !e);
-  }, []), R = b(
+    [i, c]
+  ), j = _(() => {
+    const e = l == null ? void 0 : l.onCancel;
+    E(null), c(), e == null || e();
+  }, [l, c]), W = _(() => {
+    l == null || l.onProceed(b), E(null), c();
+  }, [l, b, c]), Y = _(() => {
+    v((e) => !e);
+  }, []), q = _(
     (e) => {
       w(e);
     },
     [w]
   );
-  if (A(() => {
+  if (z(() => {
     if (!o)
       return;
-    const e = (s) => {
-      s.keyCode === Z.ESCAPE_KEY_CODE && E();
+    const e = (a) => {
+      a.keyCode === Z.ESCAPE_KEY_CODE && c();
     };
     return document.addEventListener("keydown", e, !1), () => document.removeEventListener("keydown", e, !1);
-  }, [o, E]), X(S, o ? E : void 0), i.length === 0)
+  }, [o, c]), X(S, o ? c : void 0), i.length === 0)
     return null;
-  const U = (e) => h.some((s) => s.id === e.id), q = (e) => {
-    const s = /* @__PURE__ */ n(
+  const A = (e) => h.some((a) => a.id === e.id), R = (e) => {
+    const a = /* @__PURE__ */ n(
       ne,
       {
-        onRemove: () => R(e.id),
-        variant: U(e) && r ? "error" : "default",
+        onRemove: () => q(e.id),
+        variant: A(e) && d ? "error" : "default",
         children: e.label ?? e.name
       },
       e.id
     );
-    return /* @__PURE__ */ n("div", { className: l("item"), children: e.tooltipContent ? /* @__PURE__ */ n(
-      le,
+    return /* @__PURE__ */ n("div", { className: t("item"), children: e.tooltipContent ? /* @__PURE__ */ n(
+      te,
       {
-        wrapperClassName: l("tooltip-wrapper"),
+        wrapperClassName: t("tooltip-wrapper"),
         content: e.tooltipContent,
         placement: "top",
         width: 270,
         portalRoot: f,
-        children: s
+        children: a
       },
       e.id
-    ) : s }, e.id);
+    ) : a }, e.id);
   }, G = /* @__PURE__ */ n(
     "div",
     {
-      className: l("bulk-panel", { expanded: o }, M),
+      className: t("bulk-panel", { expanded: o }, M),
       role: "region",
       "aria-label": "Bulk actions panel",
-      children: /* @__PURE__ */ a("div", { className: l("panel-content", { expanded: o }), ref: S, children: [
-        /* @__PURE__ */ a("div", { className: l("header"), children: [
-          /* @__PURE__ */ a("div", { className: l("selection-info"), children: [
+      children: /* @__PURE__ */ s("div", { className: t("panel-content", { expanded: o }), ref: S, children: [
+        /* @__PURE__ */ s("div", { className: t("header"), children: [
+          /* @__PURE__ */ s("div", { className: t("selection-info"), children: [
             /* @__PURE__ */ n(
               "button",
               {
                 onClick: Y,
                 "aria-label": o ? "Collapse panel" : "Expand panel",
                 "aria-expanded": o,
-                children: /* @__PURE__ */ n("span", { className: l("expand-icon", { expanded: o }), children: /* @__PURE__ */ n(te, {}) })
+                children: /* @__PURE__ */ n("span", { className: t("expand-icon", { expanded: o }), children: /* @__PURE__ */ n(le, {}) })
               }
             ),
             /* @__PURE__ */ n(
@@ -153,62 +155,62 @@ const se = "_expanded_ue1t9_6", ae = "_header_ue1t9_32", oe = "_tabs_ue1t9_119",
                 selectedCount: i.length,
                 onClearSelection: O,
                 captions: {
-                  selected: c.selected,
-                  buttonCaption: c.clearSelection
+                  selected: r.selected,
+                  buttonCaption: r.clearSelection
                 }
               }
             )
           ] }),
-          /* @__PURE__ */ a("div", { className: l("header-actions"), children: [
-            (T || x) && /* @__PURE__ */ a("div", { className: l("info-message-container"), children: [
-              /* @__PURE__ */ n("i", { className: l("warning-icon"), children: /* @__PURE__ */ n(ie, {}) }),
-              /* @__PURE__ */ n("div", { className: l("info-message"), children: T || x })
+          /* @__PURE__ */ s("div", { className: t("header-actions"), children: [
+            (T || x) && /* @__PURE__ */ s("div", { className: t("info-message-container"), children: [
+              /* @__PURE__ */ n("i", { className: t("warning-icon"), children: /* @__PURE__ */ n(ie, {}) }),
+              /* @__PURE__ */ n("div", { className: t("info-message"), children: T || x })
             ] }),
-            /* @__PURE__ */ n("div", { className: l("buttons-container"), children: r ? /* @__PURE__ */ a(y, { children: [
-              /* @__PURE__ */ n(B, { variant: "ghost", onClick: F, children: c.cancelButton((t == null ? void 0 : t.label) ?? "") }),
-              $ && /* @__PURE__ */ n(B, { variant: "primary", onClick: W, children: c.proceedButton(d) })
-            ] }) : D.map((e, s) => /* @__PURE__ */ n(
+            /* @__PURE__ */ n("div", { className: t("buttons-container"), children: d ? /* @__PURE__ */ s(y, { children: [
+              /* @__PURE__ */ n(B, { variant: "ghost", onClick: j, children: r.cancelButton((l == null ? void 0 : l.label) ?? "") }),
+              $ && /* @__PURE__ */ n(B, { variant: "primary", onClick: W, children: r.proceedButton(m) })
+            ] }) : D.map((e, a) => /* @__PURE__ */ n(
               B,
               {
                 variant: e.variant,
-                onClick: () => j(e),
+                onClick: () => V(e),
                 disabled: e.disabled,
                 children: e.label
               },
-              `${e.label}-${s}`
+              `${e.label}-${a}`
             )) })
           ] })
         ] }),
-        /* @__PURE__ */ a("div", { className: l("items-section"), children: [
-          /* @__PURE__ */ n("div", { className: l("items-header"), children: r ? /* @__PURE__ */ a("div", { className: l("tabs"), children: [
-            m > 0 && /* @__PURE__ */ a(
+        /* @__PURE__ */ s("div", { className: t("items-section"), children: [
+          /* @__PURE__ */ n("div", { className: t("items-header"), children: d ? /* @__PURE__ */ s("div", { className: t("tabs"), children: [
+            p > 0 && /* @__PURE__ */ s(
               "button",
               {
-                className: l("tab", {
-                  active: I === p.INELIGIBLE || d === 0
+                className: t("tab", {
+                  active: I === u.INELIGIBLE || m === 0
                 }),
-                onClick: () => v(p.INELIGIBLE),
+                onClick: () => C(u.INELIGIBLE),
                 children: [
-                  c.ineligibleTab,
-                  /* @__PURE__ */ n("span", { className: l("tab-count"), children: m })
+                  r.ineligibleTab,
+                  /* @__PURE__ */ n("span", { className: t("tab-count"), children: p })
                 ]
               }
             ),
-            d > 0 && /* @__PURE__ */ a(
+            m > 0 && /* @__PURE__ */ s(
               "button",
               {
-                className: l("tab", {
-                  active: I === p.ELIGIBLE || m === 0
+                className: t("tab", {
+                  active: I === u.ELIGIBLE || p === 0
                 }),
-                onClick: () => v(p.ELIGIBLE),
+                onClick: () => C(u.ELIGIBLE),
                 children: [
-                  c.eligibleTab,
-                  /* @__PURE__ */ n("span", { className: l("tab-count"), children: d })
+                  r.eligibleTab,
+                  /* @__PURE__ */ n("span", { className: t("tab-count"), children: m })
                 ]
               }
             )
-          ] }) : c.selectedItems }),
-          /* @__PURE__ */ n("div", { className: l("items-scroll"), children: /* @__PURE__ */ n(Q, { hideTracksWhenNotNeeded: !0, children: /* @__PURE__ */ n("div", { className: l("items-list"), children: V.map((e) => q(e)) }) }) })
+          ] }) : r.selectedItems }),
+          /* @__PURE__ */ n("div", { className: t("items-scroll"), children: /* @__PURE__ */ n(Q, { hideTracksWhenNotNeeded: !0, children: /* @__PURE__ */ n("div", { className: t("items-list"), children: F.map((e) => R(e)) }) }) })
         ] })
       ] })
     }

package/dist/components/actionMenu/actionMenu.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode, MouseEvent, ReactElement } from 'react';
+import { PopoverProps } from '../popover/popover';
+
+export interface ActionItem {
+    id?: string;
+    label: string;
+    onClick?: (event?: MouseEvent<HTMLButtonElement>) => void;
+    hasPermission?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+export interface DividerItem {
+    type: 'divider';
+}
+export type MenuItem = ActionItem | DividerItem | ReactNode;
+export declare const ActionMenuItem: ({ className, children, ...props }: {
+    [key: string]: unknown;
+    className?: string | undefined;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export interface ActionMenuProps extends Pick<PopoverProps, 'placement'> {
+    items?: MenuItem[];
+    cleanupDividers?: boolean;
+    className?: string;
+    contentClassName?: string;
+    buttonClassName?: string;
+    popoverClassName?: string;
+    menuClassName?: string;
+    ariaLabel?: string;
+    trigger?: ReactNode;
+    disabled?: boolean;
+}
+export declare const ActionMenu: ({ placement, items, cleanupDividers, className, contentClassName, buttonClassName, popoverClassName, menuClassName, ariaLabel, trigger, disabled, }: ActionMenuProps) => ReactElement | null;

package/dist/components/actionMenu/constants.d.ts

@@ -0,0 +1,3 @@
+import { DividerItem } from './actionMenu';
+
+export declare const ACTION_MENU_DIVIDER: DividerItem;

package/dist/components/actionMenu/index.d.ts

@@ -0,0 +1,18 @@
+/*!
+ * Copyright 2026 EPAM Systems
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export { ActionMenu, ActionMenuItem } from './actionMenu';
+export { ACTION_MENU_DIVIDER } from './constants';
+export type { ActionMenuProps, ActionItem, DividerItem, MenuItem } from './actionMenu';