@kommo-crm/crm-react-ui-kit 1.3.0-beta.2 → 1.3.0-beta.4

package/dist/{ContextMenu-CeyT26LX.mjs → ContextMenu-DFahDlEy.mjs}

@@ -22,45 +22,46 @@ import { ItemIndicator as ie } from "./components/ContextMenu/components/ItemInd
 import { RadioGroup as re } from "./components/ContextMenu/components/RadioGroup/RadioGroup.js";
 import { RadioItem as me } from "./components/ContextMenu/components/RadioItem/RadioItem.js";
 import { Separator as se } from "./components/ContextMenu/components/Separator/Separator.js";
-import { ItemIcon as pe } from "./components/ContextMenu/components/ItemIcon/ItemIcon.js";
-import { __experimental_SubRoot as ae } from "./components/ContextMenu/components/SubRoot/SubRoot.js";
+import { ItemIcon as ae } from "./components/ContextMenu/components/ItemIcon/ItemIcon.js";
+import { __experimental_SubRoot as pe } from "./components/ContextMenu/components/SubRoot/SubRoot.js";
 import { DISPLAY_NAME as ue, ContextMenuRootProvider as de, ContextMenuProvider as le } from "./components/ContextMenu/ContextMenu.context.js";
 import { useContextMenuSub as ce } from "./components/ContextMenu/components/Sub/hooks/useContextMenuSub/useContextMenuSub.js";
-import { ContextMenuSubProvider as Ce, DISPLAY_NAME as L } from "./components/ContextMenu/components/Sub/Sub.context.js";
-const N = (p) => {
+import { ContextMenuSubProvider as Ce, DISPLAY_NAME as N } from "./components/ContextMenu/components/Sub/Sub.context.js";
+const T = (s) => {
   const {
     children: a,
-    mode: t = z.HOVER,
+    mode: p = z.HOVER,
     onOpen: e,
-    defaultOpen: i,
+    defaultOpen: t,
     shouldCloseRootMenuOnSelect: u = !0,
     shouldCloseCurrentMenuOnSelect: d = !0,
     onAiming: l,
-    aimingTolerance: c = T,
-    aimingIdleTimeout: C = v,
+    aimingTolerance: c = v,
+    aimingIdleTimeout: C = P,
     ...O
-  } = p, {
-    isOpen: r,
-    setIsOpen: f,
-    isAnimatedOpen: o,
-    handleContentEnter: I,
-    handleContentLeave: h,
-    handleOpenChange: m,
-    triggerId: g,
-    onOpenByKeyboard: A,
-    contentRef: M,
-    triggerRef: R,
-    onChildOpen: S,
-    onSubRootOpen: b,
-    closeMenuImmediately: s,
-    itemWithFocusedInput: E,
-    setItemWithFocusedInput: D,
-    isAiming: _,
-    handlePointerDownOutside: x
+  } = s, {
+    mode: f,
+    isOpen: i,
+    setIsOpen: o,
+    isAnimatedOpen: I,
+    handleContentEnter: h,
+    handleContentLeave: r,
+    handleOpenChange: g,
+    triggerId: A,
+    onOpenByKeyboard: M,
+    contentRef: R,
+    triggerRef: S,
+    onChildOpen: b,
+    onSubRootOpen: m,
+    closeMenuImmediately: E,
+    itemWithFocusedInput: D,
+    setItemWithFocusedInput: _,
+    isAiming: x,
+    handlePointerDownOutside: y
   } = ce({
-    displayName: L,
-    mode: t,
-    defaultOpen: i,
+    displayName: N,
+    mode: p,
+    defaultOpen: t,
     onOpen: e,
     onAiming: l,
     aimingTolerance: c,
@@ -69,31 +70,31 @@ const N = (p) => {
   return /* @__PURE__ */ n(
     Ce,
     {
-      mode: t,
-      isOpen: r,
-      setIsOpen: f,
-      isAnimatedOpen: o,
-      defaultOpen: i,
-      onContentEnter: I,
-      onContentLeave: h,
-      onOpenByKeyboard: A,
-      triggerId: g,
-      contentRef: M,
-      triggerRef: R,
-      onChildOpen: S,
-      onSubRootOpen: b,
+      mode: f,
+      isOpen: i,
+      setIsOpen: o,
+      isAnimatedOpen: I,
+      defaultOpen: t,
+      onContentEnter: h,
+      onContentLeave: r,
+      onOpenByKeyboard: M,
+      triggerId: A,
+      contentRef: R,
+      triggerRef: S,
+      onChildOpen: b,
+      onSubRootOpen: m,
       shouldCloseRootMenuOnSelect: u,
       shouldCloseCurrentMenuOnSelect: d,
-      closeMenuImmediately: s,
-      itemWithFocusedInput: E,
-      setItemWithFocusedInput: D,
-      isAiming: _,
-      onPointerDownOutside: x,
+      closeMenuImmediately: E,
+      itemWithFocusedInput: D,
+      setItemWithFocusedInput: _,
+      isAiming: x,
+      onPointerDownOutside: y,
       children: /* @__PURE__ */ n(
         B,
         {
-          open: r,
-          onOpenChange: m,
+          open: i,
+          onOpenChange: g,
           ...O,
           children: a
         }
@@ -101,38 +102,38 @@ const N = (p) => {
     }
   );
 };
-N.displayName = L;
-const Oe = 200, fe = 150, T = 20, v = 200, y = (p) => {
+T.displayName = N;
+const Oe = 200, fe = 150, v = 20, P = 200, L = (s) => {
   const {
     children: a,
-    mode: t,
+    mode: p,
     isOpen: e,
-    defaultOpen: i,
+    defaultOpen: t,
     shouldCloseCurrentMenuOnSelect: u = !0,
     onOpen: d,
     onAnimatedOpen: l,
     onAiming: c,
-    aimingTolerance: C = T,
-    aimingIdleTimeout: O = v,
-    ...r
-  } = p, {
-    mode: f,
+    aimingTolerance: C = v,
+    aimingIdleTimeout: O = P,
+    ...f
+  } = s, {
+    mode: i,
     isOpen: o,
     triggerRef: I,
     contentRef: h,
-    isAnimatedOpen: m,
+    isAnimatedOpen: r,
     skipAnimation: g,
     animationDuration: A,
     hoverCloseDelay: M,
     isRootContentBlocked: R,
     isChildOpen: S,
     itemWithFocusedInput: b,
-    closeMenuImmediately: s,
+    closeMenuImmediately: m,
     onOpenChange: E,
     onContentEnter: D,
     onContentLeave: _,
     onOpenByKeyboard: x,
-    onChildOpen: P,
+    onChildOpen: y,
     onSubmenuOpen: F,
     setItemWithFocusedInput: G,
     shouldPreventFocusRestore: U,
@@ -140,8 +141,8 @@ const Oe = 200, fe = 150, T = 20, v = 200, y = (p) => {
     isChildAiming: Y,
     onChildAiming: k
   } = j({
-    mode: t,
-    defaultOpen: i,
+    mode: p,
+    defaultOpen: t,
     animationDuration: fe,
     hoverCloseDelay: Oe,
     isOpen: e,
@@ -152,29 +153,29 @@ const Oe = 200, fe = 150, T = 20, v = 200, y = (p) => {
     aimingIdleTimeout: O
   }), { navigationContentRef: w } = V({
     isOpen: e ?? o,
-    isAnimatedOpen: m
+    isAnimatedOpen: r
   });
   return /* @__PURE__ */ n(
     de,
     {
-      closeRootMenuImmediately: s,
+      closeRootMenuImmediately: m,
       navigationContentRef: w,
       children: /* @__PURE__ */ n(
         le,
         {
-          mode: f,
+          mode: i,
           triggerRef: I,
           contentRef: h,
-          isAnimatedOpen: m,
+          isAnimatedOpen: r,
           skipAnimation: g,
           animationDuration: A,
           hoverCloseDelay: M,
-          closeMenuImmediately: s,
+          closeMenuImmediately: m,
           onContentEnter: D,
           onContentLeave: _,
           onOpenByKeyboard: x,
           shouldCloseCurrentMenuOnSelect: u,
-          onChildOpen: P,
+          onChildOpen: y,
           isOpen: o,
           onSubmenuOpen: F,
           isRootContentBlocked: R,
@@ -191,7 +192,7 @@ const Oe = 200, fe = 150, T = 20, v = 200, y = (p) => {
               open: e ?? o,
               onOpenChange: E,
               modal: !1,
-              ...r,
+              ...f,
               children: a
             }
           )
@@ -199,14 +200,14 @@ const Oe = 200, fe = 150, T = 20, v = 200, y = (p) => {
       )
     }
   );
-}, Ve = Object.assign(y, {
+}, Ve = Object.assign(L, {
   displayName: ue,
-  Root: y,
-  experimental_SubRoot: ae,
+  Root: L,
+  experimental_SubRoot: pe,
   Trigger: $,
   Content: H,
   Portal: q,
-  Sub: N,
+  Sub: T,
   SubTrigger: J,
   SubContent: Q,
   Arrow: X,
@@ -219,11 +220,11 @@ const Oe = 200, fe = 150, T = 20, v = 200, y = (p) => {
   RadioItem: me,
   ItemIndicator: ie,
   Separator: se,
-  ItemIcon: pe
+  ItemIcon: ae
 });
 export {
   Ve as C,
-  T as D,
-  N as S,
-  v as a
+  v as D,
+  T as S,
+  P as a
 };

package/dist/components/ContextMenu/ContextMenu.js

@@ -9,7 +9,7 @@ import "./providers/SubMenuProvider/SubMenuProvider.js";
 import "./hooks/useContextMenuKeyboardNavigation/useContextMenuKeyboardNavigation.js";
 import "./components/Trigger/Trigger.js";
 import "./components/Portal/Portal.js";
-import { C as b, a as c, D as d } from "../../ContextMenu-CeyT26LX.mjs";
+import { C as b, a as c, D as d } from "../../ContextMenu-DFahDlEy.mjs";
 import "./components/SubTrigger/SubTrigger.js";
 import "./components/SubContent/SubContent.js";
 import "./components/Arrow/Arrow.js";

package/dist/components/ContextMenu/components/Sub/Sub.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sub.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Sub/Sub.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,eAAO,MAAM,GAAG;YAAW,QAAQ;;CA2ElC,CAAC"}
+{"version":3,"file":"Sub.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Sub/Sub.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,eAAO,MAAM,GAAG;YAAW,QAAQ;;CA4ElC,CAAC"}

package/dist/components/ContextMenu/components/Sub/Sub.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../../../index-aPaPKjUe.mjs";
 import "../../ContextMenu.enums.js";
-import { S as a } from "../../../../ContextMenu-CeyT26LX.mjs";
+import { S as a } from "../../../../ContextMenu-DFahDlEy.mjs";
 import "./hooks/useContextMenuSub/useContextMenuSub.js";
 import "./Sub.context.js";
 export {

package/dist/components/ContextMenu/components/Sub/hooks/useContextMenuSub/useContextMenuSub.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useContextMenuSub.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/ContextMenu/components/Sub/hooks/useContextMenuSub/useContextMenuSub.ts"],"names":[],"mappings":"AAYA,OAAO,EACL,wBAAwB,EACxB,uBAAuB,EACxB,MAAM,2BAA2B,CAAC;AAEnC,eAAO,MAAM,iBAAiB,YACnB,wBAAwB,KAChC,uBAydF,CAAC"}
+{"version":3,"file":"useContextMenuSub.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/ContextMenu/components/Sub/hooks/useContextMenuSub/useContextMenuSub.ts"],"names":[],"mappings":"AAYA,OAAO,EACL,wBAAwB,EACxB,uBAAuB,EACxB,MAAM,2BAA2B,CAAC;AAEnC,eAAO,MAAM,iBAAiB,YACnB,wBAAwB,KAChC,uBA0dF,CAAC"}

package/dist/components/ContextMenu/components/Sub/hooks/useContextMenuSub/useContextMenuSub.js

@@ -19,54 +19,54 @@ const Re = (z) => {
     isAnimatedOpen: k,
     onChildAiming: h,
     isChildAiming: v
-  } = me(W), D = ie(), [s, f] = m(o || !1), [U, u] = m(!1), [H, R] = m(!1), [V, d] = m(!1), [A, X] = m(!1), [b, Y] = m(null), [q, Z] = m(!1), [y, _] = m(null), r = g(null), c = g(null), B = g(null), w = g(!0), a = g(!1), I = g(!1), $ = oe(), { hoverCloseDelay: P, animationDuration: E } = ae(W), l = $ ? i.CLICK : G, C = (t) => {
+  } = me(W), D = ie(), [s, f] = m(o || !1), [U, c] = m(!1), [H, R] = m(!1), [V, d] = m(!1), [A, X] = m(!1), [b, Y] = m(null), [q, Z] = m(!1), [y, _] = m(null), r = g(null), l = g(null), B = g(null), w = g(!0), a = g(!1), I = g(!1), $ = oe(), { hoverCloseDelay: P, animationDuration: E } = ae(W), u = $ ? i.CLICK : G, C = (t) => {
     setTimeout(() => S == null ? void 0 : S(t), 0);
   }, K = () => {
-    r.current && (clearTimeout(r.current), r.current = null), c.current && (clearTimeout(c.current), c.current = null);
+    r.current && (clearTimeout(r.current), r.current = null), l.current && (clearTimeout(l.current), l.current = null);
   }, F = () => {
     K(), a.current = !1, f(!1), e == null || e(!1), C(!1), R(!1), I.current = !1, d(!1);
   }, M = () => {
-    K(), u(!1), f(!1), e == null || e(!1), C(!1), R(!1), I.current = !1, d(!1);
+    K(), c(!1), f(!1), e == null || e(!1), C(!1), R(!1), I.current = !1, d(!1);
   }, ee = (t) => {
-    p == null || p(t), h == null || h(t), !t && a.current && !I.current && (a.current = !1, u(!1), c.current = setTimeout(() => {
+    p == null || p(t), h == null || h(t), !t && a.current && !I.current && (a.current = !1, c(!1), l.current = setTimeout(() => {
       F();
     }, E));
   }, { isAiming: L, ref: te } = fe({
-    isEnabled: s && l === i.HOVER,
+    isEnabled: s && u === i.HOVER,
     onChange: ee,
     tolerance: J,
     idleTimeout: Q
   }), O = () => {
-    if (K(), l === i.HOVER) {
+    if (K(), u === i.HOVER) {
       if (A && b === i.CLICK || y !== null)
         return;
       if (H) {
-        u(!1), c.current = setTimeout(() => {
+        c(!1), l.current = setTimeout(() => {
           f(!1), e == null || e(!1), C(!1), R(!1), I.current = !1, d(!1);
         }, E);
         return;
       }
-      a.current = !0, L() || (a.current = !1, u(!1), c.current = setTimeout(() => {
+      a.current = !0, L() || (a.current = !1, c(!1), l.current = setTimeout(() => {
         F();
       }, E));
     } else
       M();
   }, j = (t) => {
     if (o !== void 0) {
-      f(o), e == null || e(o), C(o), u(o), d(!1);
+      f(o), e == null || e(o), C(o), c(o), d(!1);
       return;
     }
-    if (l === i.CLICK || V) {
-      f(t), e == null || e(t), C(t), setTimeout(() => u(t), 0);
+    if (u === i.CLICK || V) {
+      f(t), e == null || e(t), C(t), setTimeout(() => c(t), 0);
       return;
     }
-    t ? (c.current && (clearTimeout(c.current), c.current = null), f(!0), e == null || e(!0), u(!0), C(!0)) : O();
+    t ? (l.current && (clearTimeout(l.current), l.current = null), f(!0), e == null || e(!0), c(!0), C(!0)) : O();
   }, re = (t) => {
     d(t);
   }, se = () => {
-    l !== i.HOVER || L() && x !== D || v != null && v() && !s || (d(!1), K(), a.current = !1, s ? (R(!0), I.current = !0, u(!0)) : (r.current && (clearTimeout(r.current), r.current = null), u(!0), e == null || e(!0), C(!0), f(!0), R(!0), I.current = !0));
+    u !== i.HOVER || L() && x !== D || v != null && v() && !s || (d(!1), K(), a.current = !1, s ? (R(!0), I.current = !0, c(!0)) : (r.current && (clearTimeout(r.current), r.current = null), c(!0), e == null || e(!0), C(!0), f(!0), R(!0), I.current = !0));
   }, ne = () => {
-    l === i.HOVER && (d(!1), R(!1), I.current = !1, r.current && (clearTimeout(r.current), r.current = null), a.current && !L() && (a.current = !1, u(!1), c.current = setTimeout(() => {
+    u === i.HOVER && (d(!1), R(!1), I.current = !1, r.current && (clearTimeout(r.current), r.current = null), a.current && !L() && (a.current = !1, c(!1), l.current = setTimeout(() => {
       F();
     }, E)));
   }, ue = (t, N) => {
@@ -80,7 +80,7 @@ const Re = (z) => {
   return T(() => {
     (x !== D || q) && s && o === void 0 && M();
   }, [x, s, o]), T(() => {
-    if (!(!s || l !== i.HOVER || V)) {
+    if (!(!s || u !== i.HOVER || V)) {
       if (H) {
         r.current && (clearTimeout(r.current), r.current = null);
         return;
@@ -91,9 +91,9 @@ const Re = (z) => {
         r.current && (clearTimeout(r.current), r.current = null);
       };
     }
-  }, [l, s, H, P, V]), T(() => {
-    n == null || n(s, l);
-  }, [s, l]), T(() => {
+  }, [u, s, H, P, V]), T(() => {
+    n == null || n(s, u);
+  }, [s, u]), T(() => {
     y !== null && (n == null || n(!0, i.CLICK));
   }, [y]), T(() => {
     if (b !== null) {
@@ -101,7 +101,7 @@ const Re = (z) => {
         w.current = !1;
         return;
       }
-      A && b === i.CLICK ? n == null || n(!0, b) : n == null || n(s, l);
+      A && b === i.CLICK ? n == null || n(!0, b) : n == null || n(s, u);
     }
   }, [A, b]), T(() => {
     j(s), s || h == null || h(!1);
@@ -124,7 +124,8 @@ const Re = (z) => {
     closeMenuImmediately: M,
     itemWithFocusedInput: y,
     setItemWithFocusedInput: _,
-    isAiming: L
+    isAiming: L,
+    mode: u
   };
 };
 export {

package/dist/components/ContextMenu/components/Sub/hooks/useContextMenuSub/useContextMenuSub.types.d.ts

@@ -107,5 +107,9 @@ export interface UseContextMenuSubResult {
      * Returns whether the cursor is currently moving toward the submenu.
      */
     isAiming: () => boolean;
+    /**
+     * The mode of the submenu.
+     */
+    mode: ContextMenuModeType;
 }
 //# sourceMappingURL=useContextMenuSub.types.d.ts.map

package/dist/components/ContextMenu/components/Sub/hooks/useContextMenuSub/useContextMenuSub.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useContextMenuSub.types.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/ContextMenu/components/Sub/hooks/useContextMenuSub/useContextMenuSub.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7C;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B;;OAEG;IACH,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C;;OAEG;IACH,wBAAwB,EAAE,CAAC,CAAC,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAC/D;;OAEG;IACH,gBAAgB,EAAE,CAAC,gBAAgB,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,UAAU,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC;;OAEG;IACH,UAAU,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC;;OAEG;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC3E;;OAEG;IACH,aAAa,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC;;OAEG;IACH,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC;;OAEG;IACH,uBAAuB,EAAE,CAAC,oBAAoB,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvE;;OAEG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC;CACzB"}
+{"version":3,"file":"useContextMenuSub.types.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/ContextMenu/components/Sub/hooks/useContextMenuSub/useContextMenuSub.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7C;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B;;OAEG;IACH,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C;;OAEG;IACH,wBAAwB,EAAE,CAAC,CAAC,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAC/D;;OAEG;IACH,gBAAgB,EAAE,CAAC,gBAAgB,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,UAAU,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC;;OAEG;IACH,UAAU,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC;;OAEG;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC3E;;OAEG;IACH,aAAa,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC;;OAEG;IACH,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC;;OAEG;IACH,uBAAuB,EAAE,CAAC,oBAAoB,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvE;;OAEG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC;IACxB;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;CAC3B"}

package/dist/components/ContextMenu/components/Sub/index.js

@@ -1,4 +1,4 @@
-import { S } from "../../../../ContextMenu-CeyT26LX.mjs";
+import { S } from "../../../../ContextMenu-DFahDlEy.mjs";
 export {
   S as Sub
 };

package/dist/components/ContextMenu/hooks/useContextMenu/useContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useContextMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenu/useContextMenu.tsx"],"names":[],"mappings":"AAYA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,wBAAwB,CAAC;AAEhC;;;GAGG;AACH,eAAO,MAAM,cAAc,YAChB,qBAAqB,KAC7B,oBAokBF,CAAC"}
+{"version":3,"file":"useContextMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenu/useContextMenu.tsx"],"names":[],"mappings":"AAcA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,wBAAwB,CAAC;AAEhC;;;GAGG;AACH,eAAO,MAAM,cAAc,YAChB,qBAAqB,KAC7B,oBA+lBF,CAAC"}

package/dist/components/ContextMenu/hooks/useContextMenu/useContextMenu.js

@@ -1,168 +1,173 @@
-import { useId as me, useState as f, useRef as a, useEffect as F } from "react";
-import { a as he, b as Ce } from "../../../../index-DBS3EIVR.mjs";
-import { useFocusChange as pe } from "../../../../hooks/useFocusChange/useFocusChange.js";
+import { useId as Ce, useState as a, useRef as o, useEffect as E } from "react";
+import { a as pe, b as Re } from "../../../../index-DBS3EIVR.mjs";
+import { useFocusChange as Ie } from "../../../../hooks/useFocusChange/useFocusChange.js";
+import { noop as ge } from "../../../../utils/noop/noop.js";
 import { ContextMenuMode as i } from "../../ContextMenu.enums.js";
-import { contextMenuBus as y } from "./utils/contextMenuBus/contextMenuBus.js";
-const Fe = (N) => {
+import { contextMenuBus as h } from "./utils/contextMenuBus/contextMenuBus.js";
+const De = (X) => {
   const {
-    mode: Q,
-    defaultOpen: k,
-    animationDuration: h,
+    mode: Y,
+    defaultOpen: x,
+    animationDuration: C,
     hoverCloseDelay: H,
-    isOpen: p,
+    isOpen: R,
     onOpen: s,
     onAnimatedOpen: V,
     onAiming: B,
-    onFocusOutside: U,
-    aimingTolerance: X,
-    aimingIdleTimeout: Y
-  } = N, I = me(), [o, M] = f(
-    p ?? k ?? !1
-  ), [D, l] = f(!1), [Z, x] = f(!1), [K, R] = f(!1), [q, L] = f(!1), [W, _] = f(!1), [$, ee] = f(null), [te, E] = f(!1), [j, ne] = f(null), d = a(!1), w = a(null), n = a(null), u = a(null), P = a(!1), r = a(!1), T = a(null), g = a(!1), b = a(U), c = he() ? i.CLICK : Q, O = () => {
-    n.current && (clearTimeout(n.current), n.current = null), u.current && (clearTimeout(u.current), u.current = null), T.current && (clearTimeout(T.current), T.current = null);
+    onFocusOutside: Z,
+    aimingTolerance: _,
+    aimingIdleTimeout: $
+  } = X, I = Ce(), [l, y] = a(
+    R ?? x ?? !1
+  ), [D, f] = a(!1), [ee, q] = a(!1), [K, g] = a(!1), [W, L] = a(!1), [j, te] = a(!1), [ne, re] = a(null), [se, A] = a(!1), [w, ue] = a(null), d = o(!1), z = o(null), n = o(null), c = o(null), P = o(!1), r = o(!1), T = o(null), O = o(!1), S = o(!1), G = o(ge), M = o(Z), u = pe() ? i.CLICK : Y, b = () => {
+    n.current && (clearTimeout(n.current), n.current = null), c.current && (clearTimeout(c.current), c.current = null), T.current && (clearTimeout(T.current), T.current = null);
   }, m = () => {
-    O(), r.current = !1, M(!1), s == null || s(!1), R(!1), d.current = !1, E(!1);
-  }, re = (e) => {
-    B == null || B(e), !e && r.current && !d.current && !g.current && (r.current = !1, l(!1), u.current = setTimeout(() => {
+    b(), r.current = !1, y(!1), s == null || s(!1), g(!1), d.current = !1, A(!1);
+  }, ce = (e) => {
+    B == null || B(e), h.emitAimingChange(e), !e && r.current && !d.current && !O.current && (r.current = !1, f(!1), c.current = setTimeout(() => {
       m();
-    }, h));
-  }, { isAiming: v, ref: A } = Ce({
-    isEnabled: o && c === i.HOVER,
-    onChange: re,
-    tolerance: X,
-    idleTimeout: Y
-  }), se = () => g.current, ue = (e) => {
-    g.current = e, !e && r.current && !d.current && !v() && (r.current = !1, l(!1), u.current = setTimeout(() => {
+    }, C));
+  }, { isAiming: v, ref: F } = Re({
+    isEnabled: l && u === i.HOVER,
+    onChange: ce,
+    tolerance: _,
+    idleTimeout: $
+  }), oe = () => O.current, ie = (e) => {
+    O.current = e, !e && r.current && !d.current && !v() && (r.current = !1, f(!1), c.current = setTimeout(() => {
       m();
-    }, h));
-  }, z = () => {
-    if (O(), x(!1), c === i.HOVER) {
-      if (W && $ === i.CLICK || j !== null)
+    }, C));
+  }, J = () => {
+    if (b(), q(!1), u === i.HOVER) {
+      if (j && ne === i.CLICK || w !== null)
         return;
       if (K) {
-        l(!1), u.current = setTimeout(() => {
+        f(!1), c.current = setTimeout(() => {
           m();
-        }, h);
+        }, C);
         return;
       }
-      r.current = !0, !v() && !g.current && (r.current = !1, l(!1), u.current = setTimeout(() => {
+      r.current = !0, !v() && !O.current && (r.current = !1, f(!1), c.current = setTimeout(() => {
         m();
-      }, h));
+      }, C));
     } else
       m();
-  }, S = ({
+  }, k = ({
     preventFocusRestore: e = !1,
     skipAnimationFlag: t = !1
   }) => {
-    P.current = e, O(), r.current = !1, x(t), l(!1), M(!1), s == null || s(!1), R(!1), d.current = !1, E(!1);
+    P.current = e, b(), r.current = !1, q(t), f(!1), y(!1), s == null || s(!1), g(!1), d.current = !1, A(!1);
   };
-  F(() => {
-    o || (P.current = !1);
-  }, [o]);
-  const oe = (e) => {
-    E(e);
-  }, G = (e) => {
-    if (!(c === i.CLICK && k !== void 0)) {
+  E(() => {
+    l || (P.current = !1);
+  }, [l]);
+  const le = (e) => {
+    A(e);
+  }, N = (e) => {
+    if (!(u === i.CLICK && x !== void 0)) {
       if (e) {
-        u.current && (clearTimeout(u.current), u.current = null), r.current && (O(), r.current = !1), c === i.HOVER && l(!0), M(!0), s == null || s(!0), p !== !1 && y.emit({
+        c.current && (clearTimeout(c.current), c.current = null), r.current && (b(), r.current = !1), u === i.HOVER && f(!0), y(!0), s == null || s(!0), R !== !1 && h.emit({
           id: I,
           isAiming: v
         });
         return;
       }
-      c === i.HOVER ? z() : m();
+      u === i.HOVER ? J() : m();
     }
-  }, ce = (e) => {
-    L(e), G(e);
-  }, ie = () => {
+  }, fe = (e) => {
+    L(e), N(e);
+  }, Q = () => {
     var e, t;
-    c !== i.HOVER || (t = (e = y).isAiming) != null && t.call(e) && y.activeMenuId !== I || (L(!1), O(), r.current = !1, o ? (R(!0), d.current = !0, l(!0)) : (n.current && (clearTimeout(n.current), n.current = null), l(!0), M(!0), s == null || s(!0), R(!0), d.current = !0, T.current = setTimeout(() => {
-      T.current = null, p !== !1 && y.emit({
+    S.current = !0, !(u !== i.HOVER || (t = (e = h).isAiming) != null && t.call(e) && h.activeMenuId !== I) && (L(!1), b(), r.current = !1, l ? (g(!0), d.current = !0, f(!0)) : (n.current && (clearTimeout(n.current), n.current = null), f(!0), y(!0), s == null || s(!0), g(!0), d.current = !0, T.current = setTimeout(() => {
+      T.current = null, R !== !1 && h.emit({
         id: I,
         isAiming: v
       });
     }, 0)));
-  }, le = () => {
-    c === i.HOVER && (L(!1), R(!1), d.current = !1, n.current && (clearTimeout(n.current), n.current = null), r.current && !v() && !g.current && (r.current = !1, l(!1), u.current = setTimeout(() => {
+  };
+  G.current = Q;
+  const ae = () => {
+    S.current = !1, u === i.HOVER && (L(!1), g(!1), d.current = !1, n.current && (clearTimeout(n.current), n.current = null), r.current && !v() && !O.current && (r.current = !1, f(!1), c.current = setTimeout(() => {
       m();
-    }, h)));
-  }, fe = (e, t) => {
-    e || E(!1), _(e), ee(t);
+    }, C)));
+  }, de = (e, t) => {
+    e || A(!1), te(e), re(t);
   };
-  F(() => p === !1 ? void 0 : y.subscribe(({ id: t }) => {
-    t !== I && S({
+  E(() => R === !1 ? void 0 : h.subscribe(({ id: t }) => {
+    t !== I && k({
       preventFocusRestore: !0,
       skipAnimationFlag: !0
     });
-  }), [I, p]), F(() => {
-    !o || c !== i.HOVER || q || (K ? n.current && (clearTimeout(n.current), n.current = null) : n.current || (n.current = setTimeout(() => {
-      z();
+  }), [I, R]), E(() => u !== i.HOVER ? void 0 : h.subscribeAimingChange((t) => {
+    !t && S.current && G.current();
+  }), [u]), E(() => {
+    !l || u !== i.HOVER || W || (K ? n.current && (clearTimeout(n.current), n.current = null) : n.current || (n.current = setTimeout(() => {
+      J();
     }, H)));
-  }, [c, o, K, H, q]), F(() => {
+  }, [u, l, K, H, W]), E(() => {
     V == null || V(D);
   }, [D]);
-  const ae = () => {
+  const me = () => {
     const e = [];
-    A.current && e.push(A.current);
+    F.current && e.push(F.current);
     const t = Array.from(
       document.querySelectorAll("[data-menu-level]")
     );
     return e.push(...t), e;
   };
-  return pe({
-    elements: o ? [A, w] : [],
-    enabled: o,
+  return Ie({
+    elements: l ? [F, z] : [],
+    enabled: l,
     onFocusOutside: (e) => {
-      var J;
+      var U;
       const t = e.target;
-      if (!o || t === document.body)
+      if (!l || t === document.body)
         return;
-      if (!ae().some((C) => t ? C === t || C.contains(t) : !1)) {
-        let C = !1;
-        const de = {
+      if (!me().some((p) => t ? p === t || p.contains(t) : !1)) {
+        let p = !1;
+        const he = {
           target: t,
           preventDefault: () => {
-            C = !0;
+            p = !0;
           },
           get defaultPrevented() {
-            return C;
+            return p;
           }
         };
-        if ((J = b.current) == null || J.call(b, de), C)
+        if ((U = M.current) == null || U.call(M, he), p)
           return;
-        S({ preventFocusRestore: !0 });
+        k({ preventFocusRestore: !0 });
       }
     }
   }), {
-    isOpen: o,
-    mode: c,
-    onOpenChange: G,
-    onOpenByKeyboard: ce,
-    triggerRef: w,
-    contentRef: A,
+    isOpen: l,
+    mode: u,
+    onOpenChange: N,
+    onOpenByKeyboard: fe,
+    triggerRef: z,
+    contentRef: F,
     isAnimatedOpen: D,
-    skipAnimation: Z,
-    animationDuration: h,
+    skipAnimation: ee,
+    animationDuration: C,
     hoverCloseDelay: H,
     closeMenuImmediately: (e) => {
-      S({ preventFocusRestore: e });
+      k({ preventFocusRestore: e });
     },
-    onContentEnter: ie,
-    onContentLeave: le,
-    onChildOpen: fe,
-    onSubmenuOpen: oe,
-    isRootContentBlocked: te,
-    isChildOpen: W,
-    itemWithFocusedInput: j,
-    setItemWithFocusedInput: ne,
+    onContentEnter: Q,
+    onContentLeave: ae,
+    onChildOpen: de,
+    onSubmenuOpen: le,
+    isRootContentBlocked: se,
+    isChildOpen: j,
+    itemWithFocusedInput: w,
+    setItemWithFocusedInput: ue,
     shouldPreventFocusRestore: () => P.current,
     setOnFocusOutside: (e) => {
-      b.current = e;
+      M.current = e;
     },
-    isChildAiming: se,
-    onChildAiming: ue
+    isChildAiming: oe,
+    onChildAiming: ie
   };
 };
 export {
-  Fe as useContextMenu
+  De as useContextMenu
 };

package/dist/components/ContextMenu/hooks/useContextMenu/utils/contextMenuBus/contextMenuBus.d.ts

@@ -1,7 +1,9 @@
-import { ContextMenuBusCallback, ContextMenuBusPayload } from './contextMenuBus.types';
+import { ContextMenuBusCallback, ContextMenuBusPayload, ContextMenuBusAimingChangeCallback } from './contextMenuBus.types';
 export declare const contextMenuBus: {
     emit: (payload: ContextMenuBusPayload) => void;
+    emitAimingChange: (aiming: boolean) => void;
     subscribe: (cb: ContextMenuBusCallback) => (() => void);
+    subscribeAimingChange: (cb: ContextMenuBusAimingChangeCallback) => (() => void);
     readonly isAiming: (() => boolean) | null;
     readonly activeMenuId: string | null;
 };

package/dist/components/ContextMenu/hooks/useContextMenu/utils/contextMenuBus/contextMenuBus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contextMenuBus.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/ContextMenu/hooks/useContextMenu/utils/contextMenuBus/contextMenuBus.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,wBAAwB,CAAC;AAkChC,eAAO,MAAM,cAAc;oBAlBJ,qBAAqB,KAAG,IAAI;oBAU5B,sBAAsB,KAAG,CAAC,MAAM,IAAI,CAAC;8BAhBvC,OAAO;;CAiC3B,CAAC"}
+{"version":3,"file":"contextMenuBus.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/ContextMenu/hooks/useContextMenu/utils/contextMenuBus/contextMenuBus.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,kCAAkC,EACnC,MAAM,wBAAwB,CAAC;AAuDhC,eAAO,MAAM,cAAc;oBAtCJ,qBAAqB,KAAG,IAAI;+BAUjB,OAAO,KAAG,IAAI;oBAOzB,sBAAsB,KAAG,CAAC,MAAM,IAAI,CAAC;gCAYtD,kCAAkC,KACrC,CAAC,MAAM,IAAI,CAAC;8BApCM,OAAO;;CAuD3B,CAAC"}

package/dist/components/ContextMenu/hooks/useContextMenu/utils/contextMenuBus/contextMenuBus.js

@@ -1,18 +1,24 @@
-let t = [], n = null, s = null;
-const r = (e) => {
-  t.forEach((i) => i(e)), n = e.isAiming, s = e.id;
-}, u = (e) => (t.push(e), () => {
+let n = [], t = [], s = null, r = null;
+const u = (e) => {
+  n.forEach((i) => i(e)), s = e.isAiming, r = e.id;
+}, g = (e) => {
+  t.forEach((i) => i(e));
+}, c = (e) => (n.push(e), () => {
+  n = n.filter((i) => i !== e);
+}), l = (e) => (t.push(e), () => {
   t = t.filter((i) => i !== e);
-}), c = {
-  emit: r,
-  subscribe: u,
+}), m = {
+  emit: u,
+  emitAimingChange: g,
+  subscribe: c,
+  subscribeAimingChange: l,
   get isAiming() {
-    return n;
+    return s;
   },
   get activeMenuId() {
-    return s;
+    return r;
   }
 };
 export {
-  c as contextMenuBus
+  m as contextMenuBus
 };

package/dist/components/ContextMenu/hooks/useContextMenu/utils/contextMenuBus/contextMenuBus.types.d.ts

@@ -16,4 +16,8 @@ export type ContextMenuBusPayload = {
  * Callback function for context menu bus subscribers.
  */
 export type ContextMenuBusCallback = (payload: ContextMenuBusPayload) => void;
+/**
+ * Callback function for aiming state change subscribers.
+ */
+export type ContextMenuBusAimingChangeCallback = (aiming: boolean) => void;
 //# sourceMappingURL=contextMenuBus.types.d.ts.map

package/dist/components/ContextMenu/hooks/useContextMenu/utils/contextMenuBus/contextMenuBus.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contextMenuBus.types.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/ContextMenu/hooks/useContextMenu/utils/contextMenuBus/contextMenuBus.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC;CACzB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAC"}
+{"version":3,"file":"contextMenuBus.types.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/ContextMenu/hooks/useContextMenu/utils/contextMenuBus/contextMenuBus.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC;CACzB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAC;AAE9E;;GAEG;AACH,MAAM,MAAM,kCAAkC,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC"}

package/dist/components/ContextMenu/hooks/useContextMenuItemFocus/useContextMenuItemFocus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useContextMenuItemFocus.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuItemFocus/useContextMenuItemFocus.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,8BAA8B,EAC9B,6BAA6B,EAC9B,MAAM,iCAAiC,CAAC;AAEzC;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,WAAW,WAClD,8BAA8B,CAAC,CAAC,CAAC,KACzC,6BAA6B,CAAC,CAAC,CA2HjC,CAAC"}
+{"version":3,"file":"useContextMenuItemFocus.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuItemFocus/useContextMenuItemFocus.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,8BAA8B,EAC9B,6BAA6B,EAC9B,MAAM,iCAAiC,CAAC;AAEzC;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,WAAW,WAClD,8BAA8B,CAAC,CAAC,CAAC,KACzC,6BAA6B,CAAC,CAAC,CAmKjC,CAAC"}

package/dist/components/ContextMenu/hooks/useContextMenuItemFocus/useContextMenuItemFocus.js

@@ -1,66 +1,71 @@
-import { useState as M, useLayoutEffect as E } from "react";
-import { useLevelContext as H } from "../../providers/LevelProvider/LevelProvider.js";
-const j = (d) => {
+import { useState as R, useRef as H, useLayoutEffect as N, useEffect as T } from "react";
+import { useLevelContext as d } from "../../providers/LevelProvider/LevelProvider.js";
+const w = (E) => {
   const {
-    displayName: y,
-    id: u,
-    isDisabled: o,
-    hasSubmenu: F,
-    onMouseEnter: v,
-    onMouseLeave: l,
-    onFocus: p,
-    onBlur: I,
-    onPointerEnter: n,
-    onPointerLeave: b,
-    onPointerMove: D,
-    isSelectable: a = !0,
-    subMenuTriggerId: S
-  } = d, [L, s] = M(!1), { setActiveItemId: x, activeItemId: r, isAiming: t, isChildAiming: f } = H(y);
-  return E(() => {
-    F ? (r === null || r !== S && u !== r) && s(!1) : u !== r && s(!1);
-  }, [r, S, F, u]), {
-    dataHighlighted: L && a && !o ? "" : void 0,
-    onFocus: (e) => {
-      const c = (t == null ? void 0 : t()) || (f == null ? void 0 : f());
-      a && !o && !c && (x(u), s(!o)), p == null || p(e);
+    displayName: L,
+    id: a,
+    isDisabled: u,
+    hasSubmenu: k,
+    onMouseEnter: I,
+    onMouseLeave: p,
+    onFocus: b,
+    onBlur: D,
+    onPointerEnter: x,
+    onPointerLeave: F,
+    onPointerMove: S,
+    isSelectable: o = !0,
+    subMenuTriggerId: y
+  } = E, [M, r] = R(!1), n = H(null), { setActiveItemId: l, activeItemId: s, isAiming: e, isChildAiming: t } = d(L), v = () => {
+    n.current && (clearInterval(n.current), n.current = null);
+  };
+  return N(() => {
+    k ? (s === null || s !== y && a !== s) && r(!1) : a !== s && r(!1);
+  }, [s, y, k, a]), T(() => () => v(), []), {
+    dataHighlighted: M && o && !u ? "" : void 0,
+    onFocus: (c) => {
+      const f = (e == null ? void 0 : e()) || (t == null ? void 0 : t());
+      o && !u && !f && (l(a), r(!u)), b == null || b(c);
     },
-    onMouseEnter: (e) => {
-      const c = (t == null ? void 0 : t()) || (f == null ? void 0 : f());
-      a && !o && !c && (x(u), s(!o)), c || v == null || v(e);
+    onMouseEnter: (c) => {
+      const f = (e == null ? void 0 : e()) || (t == null ? void 0 : t());
+      o && !u && !f && (l(a), r(!u)), f && o && !u && (v(), n.current = setInterval(() => {
+        !(e != null && e()) && !(t != null && t()) && (l(a), r(!0), v());
+      }, 16)), f || I == null || I(c);
     },
-    onBlur: (e) => {
-      const c = (t == null ? void 0 : t()) || (f == null ? void 0 : f());
-      a && !o && !c && s(!1), I == null || I(e);
+    onBlur: (c) => {
+      const f = (e == null ? void 0 : e()) || (t == null ? void 0 : t());
+      o && !u && !f && r(!1), D == null || D(c);
     },
-    onMouseLeave: (e) => {
-      const c = (t == null ? void 0 : t()) || (f == null ? void 0 : f());
-      a && !o && !c && s(!1), c || l == null || l(e);
+    onMouseLeave: (c) => {
+      v();
+      const f = (e == null ? void 0 : e()) || (t == null ? void 0 : t());
+      o && !u && !f && r(!1), f || p == null || p(c);
     },
     /**
      * This is necessary to disable the standard focus behavior
      * when hovering over an item and similar elements in Radix.
      */
-    onPointerEnter: (e) => {
-      e.preventDefault(), n == null || n(e);
+    onPointerEnter: (c) => {
+      c.preventDefault(), x == null || x(c);
     },
     /**
      * This is necessary to disable the standard focus behavior
      * when hovering over an item and similar elements in Radix.
      */
-    onPointerLeave: (e) => {
-      e.preventDefault(), b == null || b(e);
+    onPointerLeave: (c) => {
+      c.preventDefault(), F == null || F(c);
     },
     /**
      * This is necessary to disable the standard focus behavior
      * when hovering over an item and similar elements in Radix.
      */
-    onPointerMove: (e) => {
-      e.preventDefault();
-      const c = (t == null ? void 0 : t()) || (f == null ? void 0 : f());
-      a && !o && !c && (x(u), s(!o)), c || D == null || D(e);
+    onPointerMove: (c) => {
+      c.preventDefault();
+      const f = (e == null ? void 0 : e()) || (t == null ? void 0 : t());
+      o && !u && !f && (l(a), r(!u)), f || S == null || S(c);
     }
   };
 };
 export {
-  j as useContextMenuItemFocus
+  w as useContextMenuItemFocus
 };

package/dist/components/ContextMenu/index.js

@@ -1,4 +1,4 @@
-import { C as t } from "../../ContextMenu-CeyT26LX.mjs";
+import { C as t } from "../../ContextMenu-DFahDlEy.mjs";
 export {
   t as ContextMenu
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kommo-crm/crm-react-ui-kit",
   "description": "Ready-to-use React components which implements Kommo design",
-  "version": "1.3.0-beta.2",
+  "version": "1.3.0-beta.4",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "engines": {
@@ -221,4 +221,4 @@
     "react-dom": "^18.0"
   },
   "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
-}
+}