@kommo-crm/crm-react-ui-kit 1.1.1-beta.0 → 1.1.1-beta.1

package/dist/components/ContextMenu/components/SubRoot/SubRoot.js

@@ -1,82 +1,85 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as D, useImperativeHandle as E } from "react";
-import { R as N } from "../../../../index-BA3njR2k.mjs";
-import { useContextMenuContext as T, ContextMenuProvider as w } from "../../ContextMenu.context.js";
-import { ContextMenuMode as L } from "../../ContextMenu.enums.js";
-import { useContextMenuSubMenu as P } from "../../hooks/useContextMenuSubMenu/useContextMenuSubMenu.js";
-import "../../../../useContentPositioning-BIVWgixU.mjs";
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as E, useImperativeHandle as N } from "react";
+import { R as T } from "../../../../index-BA3njR2k.mjs";
+import { useContextMenuContext as w, ContextMenuProvider as L } from "../../ContextMenu.context.js";
+import { ContextMenuMode as P } from "../../ContextMenu.enums.js";
+import { useContextMenuSubMenu as j } from "../../hooks/useContextMenuSubMenu/useContextMenuSubMenu.js";
+import "../../../../useContentPositioning-27D32n5u.mjs";
 import "../Content/Content.utils.js";
 import "../../providers/LevelProvider/LevelProvider.js";
-import { useContextMenuItemContext as j } from "../Item/Item.context.js";
-import { Trigger as V } from "./components/Trigger/Trigger.js";
-import { Content as Y } from "./components/Content/Content.js";
-const e = "ContextMenu.SubRoot", t = D(
+import { useContextMenuItemContext as B } from "../Item/Item.context.js";
+import { Trigger as K } from "./components/Trigger/Trigger.js";
+import { Content as V } from "./components/Content/Content.js";
+const e = "ContextMenu.SubRoot", t = E(
   ({
-    children: p,
-    mode: a = L.HOVER,
-    onOpen: l,
-    defaultOpen: M,
-    isCloseWithRootMenu: d = !1,
-    ...C
-  }, f) => {
+    children: a,
+    mode: l = P.HOVER,
+    onOpen: M,
+    defaultOpen: d,
+    isCloseWithRootMenu: C = !1,
+    ...f
+  }, x) => {
     const {
       animationDuration: n,
       hoverCloseDelay: r,
-      closeMenuImmediately: x
-    } = T(e), { subMenuOpen: o, setSubMenuOpen: m } = j(e), c = d ? x : void 0, {
-      mode: R,
-      open: b,
+      closeMenuImmediately: c
+    } = w(e), { subMenuOpen: o, setSubMenuOpen: m } = B(e), y = C ? c : void 0, {
+      mode: b,
+      open: R,
       onOpenChange: g,
-      triggerRef: y,
+      triggerRef: O,
       contentRef: I,
-      inheritedArrowColor: O,
-      animatedOpen: v,
-      temporaryHoverClose: S,
+      inheritedArrowColor: v,
+      animatedOpen: S,
+      temporaryHoverClose: h,
       closeMenuImmediately: i,
-      onMouseEnter: h,
-      onMouseLeave: H,
+      onMouseEnter: H,
+      onMouseLeave: A,
       enableTemporaryHoverClose: u,
-      triggerId: A
-    } = P({
+      triggerId: D,
+      onOpenByKeyboard: s
+    } = j({
       displayName: e,
-      mode: a,
-      defaultOpen: M,
-      onOpen: l,
+      mode: l,
+      defaultOpen: d,
+      onOpen: M,
       animationDuration: n,
       subMenuOpen: o,
       setSubMenuOpen: m,
       hoverCloseDelay: r,
-      closeRootMenuImmediately: c
+      closeRootMenuImmediately: y
     });
-    return E(f, () => ({
+    return N(x, () => ({
       closeMenuImmediately: i,
-      enableTemporaryHoverClose: u
-    })), /* @__PURE__ */ s(
-      w,
+      enableTemporaryHoverClose: u,
+      onOpenByKeyboard: s
+    })), /* @__PURE__ */ p(
+      L,
       {
-        mode: R,
-        triggerRef: y,
+        mode: b,
+        triggerRef: O,
         contentRef: I,
-        inheritedArrowColor: O,
-        animatedOpen: v,
+        inheritedArrowColor: v,
+        animatedOpen: S,
         animationDuration: n,
         hoverCloseDelay: r,
-        temporaryHoverClose: S,
+        temporaryHoverClose: h,
         closeMenuImmediately: i,
-        onMouseEnter: h,
-        onMouseLeave: H,
+        onMouseEnter: H,
+        onMouseLeave: A,
         enableTemporaryHoverClose: u,
         subMenuOpen: o,
         setSubMenuOpen: m,
-        triggerId: A,
-        children: /* @__PURE__ */ s(
-          N,
+        triggerId: D,
+        onOpenByKeyboard: s,
+        children: /* @__PURE__ */ p(
+          T,
           {
-            open: b || o,
+            open: R || o,
             onOpenChange: g,
             modal: !1,
-            ...C,
-            children: p
+            ...f,
+            children: a
           }
         )
       }
@@ -84,8 +87,8 @@ const e = "ContextMenu.SubRoot", t = D(
   }
 );
 t.displayName = e;
-t.Trigger = V;
-t.Content = Y;
+t.Trigger = K;
+t.Content = V;
 export {
   t as SubRoot
 };

package/dist/components/ContextMenu/components/SubRoot/components/Content/Content.js

@@ -8,7 +8,7 @@ import { LevelProvider as j } from "../../../../providers/LevelProvider/LevelPro
 import { useContextMenuContext as k } from "../../../../ContextMenu.context.js";
 import { ContextMenuMode as p } from "../../../../ContextMenu.enums.js";
 import { focusParentItem as z } from "../../../../utils/focusParentItem/focusParentItem.js";
-import { u as F, s as X } from "../../../../../../useContentPositioning-BIVWgixU.mjs";
+import { u as F, s as X } from "../../../../../../useContentPositioning-27D32n5u.mjs";
 import { Direction as Y } from "../../../Content/Content.enums.js";
 import { directionToSide as q } from "../../../Content/Content.utils.js";
 const u = "ContextMenu.Content", J = P(

package/dist/components/ContextMenu/components/SubRoot/components/Trigger/Trigger.js

@@ -6,7 +6,7 @@ import { mergeRefs as E } from "../../../../../../lib/utils.js";
 import { useContextMenuContext as C } from "../../../../ContextMenu.context.js";
 import { ContextMenuMode as D } from "../../../../ContextMenu.enums.js";
 import "../../../../providers/LevelProvider/LevelProvider.js";
-import "../../../../../../useContentPositioning-BIVWgixU.mjs";
+import "../../../../../../useContentPositioning-27D32n5u.mjs";
 import "../../../Content/Content.utils.js";
 import { useContextMenuItemFocus as L } from "../../../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
 const r = "ContextMenu.Trigger", N = c(

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

@@ -1 +1 @@
-{"version":3,"file":"SubTrigger.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/SubTrigger/SubTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAoB1C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmFtB,CAAC"}
+{"version":3,"file":"SubTrigger.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/SubTrigger/SubTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAoB1C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAgGtB,CAAC"}

package/dist/components/ContextMenu/components/SubTrigger/SubTrigger.js

@@ -1,74 +1,77 @@
 import { jsx as x } from "react/jsx-runtime";
-import { forwardRef as h } from "react";
+import { forwardRef as E } from "react";
 import { b as P } from "../../../../index-BA3njR2k.mjs";
 import { c as _ } from "../../../../index-L8X2o7IH.mjs";
-import { useLevelContext as E } from "../../providers/LevelProvider/LevelProvider.js";
-import { useContextMenuSubContext as K } from "../Sub/Sub.context.js";
-import { hasItemIcon as S } from "../../utils/hasItemIcon/hasItemIcon.js";
-import { ContextMenuMode as r } from "../../ContextMenu.enums.js";
-import "../../../../useContentPositioning-BIVWgixU.mjs";
+import { useLevelContext as S } from "../../providers/LevelProvider/LevelProvider.js";
+import { useContextMenuSubContext as A } from "../Sub/Sub.context.js";
+import { hasItemIcon as N } from "../../utils/hasItemIcon/hasItemIcon.js";
+import { ContextMenuMode as t } from "../../ContextMenu.enums.js";
+import "../../../../useContentPositioning-27D32n5u.mjs";
 import "../Content/Content.utils.js";
 import "../../ContextMenu.context.js";
-import { useContextMenuItemFocus as D } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
-import '../../../../assets/SubTrigger.css';const N = "_sub_trigger_d2xgz_1", O = {
-  sub_trigger: N
-}, n = "ContextMenu.SubTrigger", T = h(
-  ({ className: u, children: i, isDisabled: a, ...m }, p) => {
-    const { hasItemWithIcon: g } = E(n), {
-      mode: e,
-      open: s,
-      defaultOpen: t,
-      setOpen: d,
-      animatedOpen: f,
-      onMouseEnter: v,
-      onMouseLeave: C,
-      triggerId: c
-    } = K(n), {
-      dataHighlighted: l,
-      onFocus: M,
+import { useContextMenuItemFocus as O } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
+import '../../../../assets/SubTrigger.css';const T = "_sub_trigger_d2xgz_1", k = {
+  sub_trigger: T
+}, i = "ContextMenu.SubTrigger", y = E(
+  ({ className: g, children: s, isDisabled: u, onKeyDown: n, ...m }, d) => {
+    const { hasItemWithIcon: f } = S(i), {
+      mode: o,
+      open: a,
+      defaultOpen: r,
+      setOpen: c,
+      onMouseEnter: l,
+      onMouseLeave: v,
+      triggerId: C,
+      onOpenByKeyboard: p
+    } = A(i), {
+      dataHighlighted: M,
+      onFocus: L,
       onMouseEnter: I,
-      onBlur: L,
-      onMouseLeave: b
-    } = D({
-      displayName: n,
-      id: c,
-      isDisabled: a,
-      onMouseEnter: v,
-      onMouseLeave: C
+      onBlur: b,
+      onMouseLeave: h
+    } = O({
+      displayName: i,
+      id: C,
+      isDisabled: u,
+      onMouseEnter: l,
+      onMouseLeave: v
     });
     return /* @__PURE__ */ x(
       P,
       {
-        ref: p,
-        className: _(O.sub_trigger, u),
-        disabled: a,
+        ref: d,
+        className: _(k.sub_trigger, g),
+        disabled: u,
         "data-item": !0,
-        "data-no-icon-align": S(i) || !g ? "" : void 0,
-        "data-highlighted": f || l === "" || e === r.CLICK && s ? "" : void 0,
+        "data-no-icon-align": N(s) || !f ? "" : void 0,
+        "data-highlighted": a || M === "" || o === t.CLICK && a ? "" : void 0,
         "data-submenu-trigger": !0,
-        onFocus: M,
         onMouseEnter: I,
-        onBlur: L,
-        onMouseLeave: b,
-        onClick: (o) => {
-          (e === r.CLICK || t !== void 0) && (o.preventDefault(), o.stopPropagation(), t === void 0 && d(!s));
+        onKeyDown: (e) => {
+          o === t.HOVER && (["Enter", " ", "ArrowRight"].includes(e.key) ? p(!0) : e.key === "ArrowLeft" && (p(!1), e.currentTarget.focus())), n == null || n(e);
         },
-        onPointerEnter: (o) => {
-          (e === r.CLICK || t !== void 0) && (o.preventDefault(), o.stopPropagation());
+        onFocus: L,
+        onBlur: b,
+        onMouseLeave: h,
+        onClick: (e) => {
+          (o === t.CLICK || r !== void 0) && (e.preventDefault(), e.stopPropagation(), r === void 0 && c(!a));
         },
-        onPointerMove: (o) => {
-          (e === r.CLICK || t !== void 0) && (o.preventDefault(), o.stopPropagation());
+        onPointerEnter: (e) => {
+          (o === t.CLICK || r !== void 0) && (e.preventDefault(), e.stopPropagation());
         },
-        onPointerLeave: (o) => {
-          (e === r.CLICK || t !== void 0) && (o.preventDefault(), o.stopPropagation());
+        onPointerMove: (e) => {
+          (o === t.CLICK || r !== void 0) && (e.preventDefault(), e.stopPropagation());
+        },
+        onPointerLeave: (e) => {
+          (o === t.CLICK || r !== void 0) && (e.preventDefault(), e.stopPropagation());
         },
         ...m,
-        children: i
+        children: s
       }
     );
   }
 );
-T.displayName = n;
+y.displayName = i;
 export {
-  T as SubTrigger
+  y as SubTrigger
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Trigger.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Trigger/Trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAc1C,eAAO,MAAM,OAAO,kMA6BnB,CAAC"}
+{"version":3,"file":"Trigger.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Trigger/Trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAc1C,eAAO,MAAM,OAAO,kMAoCnB,CAAC"}

package/dist/components/ContextMenu/components/Trigger/Trigger.js

@@ -1,33 +1,33 @@
-import { jsx as g } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import { T as x } from "../../../../index-BA3njR2k.mjs";
-import { c as M } from "../../../../index-L8X2o7IH.mjs";
-import { mergeRefs as c } from "../../../../lib/utils.js";
-import { useContextMenuContext as D } from "../../ContextMenu.context.js";
-import { ContextMenuMode as e } from "../../ContextMenu.enums.js";
-const t = "ContextMenu.Trigger", w = u(
-  ({ className: n, children: m, ...i }, f) => {
-    const { triggerRef: p, mode: r, onMouseEnter: s, onMouseLeave: a } = D(t);
-    return /* @__PURE__ */ g(
-      x,
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as x } from "react";
+import { T as M } from "../../../../index-BA3njR2k.mjs";
+import { c as d } from "../../../../index-L8X2o7IH.mjs";
+import { mergeRefs as l } from "../../../../lib/utils.js";
+import { useContextMenuContext as E } from "../../ContextMenu.context.js";
+import { ContextMenuMode as i } from "../../ContextMenu.enums.js";
+const n = "ContextMenu.Trigger", R = x(
+  ({ className: s, children: f, onKeyDown: e, ...m }, a) => {
+    const { triggerRef: p, mode: o, onMouseEnter: g, onMouseLeave: u, onOpenByKeyboard: t } = E(n);
+    return /* @__PURE__ */ c(
+      M,
       {
-        ref: c(p, f),
-        className: M(n),
-        onPointerDown: (o) => {
-          r === e.HOVER && (o.preventDefault(), o.stopPropagation());
+        ref: l(p, a),
+        className: d(s),
+        onPointerDown: (r) => {
+          o === i.HOVER && (r.preventDefault(), r.stopPropagation());
         },
-        onKeyDown: (o) => {
-          r === e.HOVER && o.key === "ArrowDown" && (o.preventDefault(), o.stopPropagation());
+        onKeyDown: (r) => {
+          o === i.HOVER && (r.stopPropagation(), ["Enter", " ", "ArrowDown"].includes(r.key) ? t(!0) : r.key === "Escape" && t(!1)), e == null || e(r);
         },
-        onMouseEnter: s,
-        onMouseLeave: a,
-        ...i,
-        children: m
+        onMouseEnter: g,
+        onMouseLeave: u,
+        ...m,
+        children: f
       }
     );
   }
 );
-w.displayName = t;
+R.displayName = n;
 export {
-  w as Trigger
+  R as Trigger
 };

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

@@ -1,7 +1,7 @@
 import { useContextMenu as t } from "./useContextMenu/useContextMenu.js";
 import { useContextMenuSubMenu as u } from "./useContextMenuSubMenu/useContextMenuSubMenu.js";
 import { useInheritedArrowColor as s } from "./useInheritedArrowColor/useInheritedArrowColor.js";
-import { u as m } from "../../../useContentPositioning-BIVWgixU.mjs";
+import { u as m } from "../../../useContentPositioning-27D32n5u.mjs";
 import { useContextMenuSub as p } from "./useContextMenuSub/useContextMenuSub.js";
 import { useContextMenuItemFocus as i } from "./useContextMenuItemFocus/useContextMenuItemFocus.js";
 import { useIsTouchDevice as c } from "./useIsTouchDevice/useIsTouchDevice.js";

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

@@ -1 +1 @@
-{"version":3,"file":"useContentPositioning.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContentPositioning/useContentPositioning.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAE7E,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,WAAe,EACf,sBAAsB,EACtB,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,QAAQ,GACT,EAAE,4BAA4B;;;;EAoL9B"}
+{"version":3,"file":"useContentPositioning.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContentPositioning/useContentPositioning.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAE7E,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,WAAe,EACf,sBAAsB,EACtB,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,QAAQ,GACT,EAAE,4BAA4B;;;;EAmM9B"}

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

@@ -1,5 +1,5 @@
 import "react";
-import { u as n } from "../../../../useContentPositioning-BIVWgixU.mjs";
+import { u as n } from "../../../../useContentPositioning-27D32n5u.mjs";
 import "../../components/Content/Content.enums.js";
 import "../../components/Content/Content.utils.js";
 export {

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

@@ -4,6 +4,7 @@ export declare const useContextMenu: ({ mode: rootMode, defaultOpen, animationDu
     open: boolean;
     mode: ContextMenuMode;
     onOpenChange: (value: boolean) => void;
+    onOpenByKeyboard: (value: boolean) => void;
     inheritedArrowColor: string | null;
     triggerRef: import('react').RefObject<HTMLButtonElement>;
     contentRef: import('react').RefObject<HTMLDivElement>;

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.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,eAAO,MAAM,cAAc,iFAMxB,qBAAqB;;;0BA2EW,OAAO;;;;;;;;;;;;CA+HzC,CAAC"}
+{"version":3,"file":"useContextMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenu/useContextMenu.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,eAAO,MAAM,cAAc,iFAMxB,qBAAqB;;;0BA4EW,OAAO;8BA2BP,OAAO;;;;;;;;;;;;CAkIzC,CAAC"}

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

@@ -1,63 +1,73 @@
-import { useId as B, useState as f, useRef as m, useEffect as O } from "react";
-import { ContextMenuMode as u } from "../../ContextMenu.enums.js";
+import { useId as k, useState as l, useRef as a, useEffect as V } from "react";
+import { ContextMenuMode as o } from "../../ContextMenu.enums.js";
 import "../../providers/LevelProvider/LevelProvider.js";
-import { useInheritedArrowColor as S } from "../useInheritedArrowColor/useInheritedArrowColor.js";
-import "../../../../useContentPositioning-BIVWgixU.mjs";
+import { useInheritedArrowColor as z } from "../useInheritedArrowColor/useInheritedArrowColor.js";
+import "../../../../useContentPositioning-27D32n5u.mjs";
 import "../../components/Content/Content.utils.js";
 import "../../ContextMenu.context.js";
-import { useIsTouchDevice as j } from "../useIsTouchDevice/useIsTouchDevice.js";
-import { contextMenuBus as C } from "../../utils/contextMenuBus/contextMenuBus.js";
-const W = ({
-  mode: V,
-  defaultOpen: p,
-  animationDuration: h,
-  hoverCloseDelay: a,
+import { useIsTouchDevice as D } from "../useIsTouchDevice/useIsTouchDevice.js";
+import { contextMenuBus as b } from "../../utils/contextMenuBus/contextMenuBus.js";
+const Z = ({
+  mode: g,
+  defaultOpen: h,
+  animationDuration: R,
+  hoverCloseDelay: d,
   onOpen: T
 }) => {
-  const i = B(), [s, l] = f(p || !1), [g, c] = f(!1), [R, o] = f(!1), [r, d] = f(!1), x = m(null), I = m(null), e = m(null), n = m(null), t = j() ? u.CLICK : V, M = () => {
-    e.current && (clearTimeout(e.current), e.current = null), n.current && (clearTimeout(n.current), n.current = null);
-  }, v = () => {
-    l(!1), o(!1), d(!1);
-  }, E = () => {
-    M(), t === u.HOVER || r ? (c(!1), n.current = setTimeout(() => {
-      v();
-    }, h)) : v();
+  const f = k(), [c, m] = l(h || !1), [x, u] = l(!1), [I, s] = l(!1), [M, p] = l(!1), [n, C] = l(!1), B = a(null), y = a(null), e = a(null), r = a(null), t = D() ? o.CLICK : g, E = () => {
+    e.current && (clearTimeout(e.current), e.current = null), r.current && (clearTimeout(r.current), r.current = null);
   }, H = () => {
-    M(), c(!1), l(!1), o(!1), d(!1);
-  }, L = (b) => {
-    t === u.CLICK && p !== void 0 || (b ? (n.current && (clearTimeout(n.current), n.current = null), (t === u.HOVER || r) && c(!0), l(!0), T == null || T(!0), setTimeout(() => C.emit(i), 0)) : E());
+    m(!1), s(!1), C(!1);
+  }, v = () => {
+    E(), t === o.HOVER || n ? (u(!1), r.current = setTimeout(() => {
+      H();
+    }, R)) : H();
+  }, O = () => {
+    E(), u(!1), m(!1), s(!1), C(!1);
+  }, K = (i) => {
+    t === o.CLICK && h !== void 0 || (i ? (r.current && (clearTimeout(r.current), r.current = null), (t === o.HOVER || n) && u(!0), m(!0), T == null || T(!0), setTimeout(() => b.emit(f), 0)) : v());
+  }, L = (i) => {
+    p(i), K(i);
   }, A = () => {
-    t !== u.HOVER && !r || (s ? o(!0) : (e.current && (clearTimeout(e.current), e.current = null), c(!0), l(!0), o(!0), setTimeout(() => C.emit(i), 0)));
+    t !== o.HOVER && !n || (p(!1), r.current && (clearTimeout(r.current), r.current = null, u(!0)), c ? s(!0) : (e.current && (clearTimeout(e.current), e.current = null), u(!0), m(!0), s(!0), setTimeout(() => b.emit(f), 0)));
   }, w = () => {
-    t !== u.HOVER && !r || (e.current && (clearTimeout(e.current), e.current = null), o(!1));
-  }, y = () => {
-    c(!0), o(!0), d(!0);
+    t !== o.HOVER && !n || (p(!1), e.current && (clearTimeout(e.current), e.current = null), s(!1));
+  }, q = () => {
+    u(!0), s(!0), C(!0);
   };
-  O(() => C.subscribe((q) => {
-    q !== i && H();
-  }), [i]), O(() => {
-    !s || t !== u.HOVER && !r || (R ? e.current && (clearTimeout(e.current), e.current = null) : e.current || (e.current = setTimeout(() => {
-      E();
-    }, a)));
-  }, [t, s, R, r, a]);
-  const K = S(s, I);
+  V(() => b.subscribe((j) => {
+    j !== f && O();
+  }), [f]), V(() => {
+    !c || t !== o.HOVER && !n || M || (I ? e.current && (clearTimeout(e.current), e.current = null) : e.current || (e.current = setTimeout(() => {
+      v();
+    }, d)));
+  }, [
+    t,
+    c,
+    I,
+    n,
+    d,
+    M
+  ]);
+  const S = z(c, y);
   return {
-    open: s,
+    open: c,
     mode: t,
-    onOpenChange: L,
-    inheritedArrowColor: K,
-    triggerRef: x,
-    contentRef: I,
-    animatedOpen: g,
-    animationDuration: h,
-    hoverCloseDelay: a,
-    temporaryHoverClose: r,
-    closeMenuImmediately: H,
+    onOpenChange: K,
+    onOpenByKeyboard: L,
+    inheritedArrowColor: S,
+    triggerRef: B,
+    contentRef: y,
+    animatedOpen: x,
+    animationDuration: R,
+    hoverCloseDelay: d,
+    temporaryHoverClose: n,
+    closeMenuImmediately: O,
     onMouseEnter: A,
     onMouseLeave: w,
-    enableTemporaryHoverClose: y
+    enableTemporaryHoverClose: q
   };
 };
 export {
-  W as useContextMenu
+  Z as useContextMenu
 };

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

@@ -4,9 +4,10 @@ export declare function useContextMenuSub({ displayName, mode: initialMode, defa
     setOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
     animatedOpen: boolean;
     startAnimation: () => void;
-    handleMouseEnter: (e: React.MouseEvent<HTMLElement>) => void;
-    handleMouseLeave: (e: React.MouseEvent<HTMLElement>) => void;
-    handleOpenChange: (val: boolean) => void;
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
+    handleOpenChange: (value: boolean) => void;
+    onOpenByKeyboard: (value: boolean) => void;
     triggerId: string;
 };
 //# sourceMappingURL=useContextMenuSub.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useContextMenuSub.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuSub/useContextMenuSub.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAErE,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,IAAI,EAAE,WAAW,EACjB,WAAW,GACZ,EAAE,wBAAwB;;;;;0BAoEnB,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;0BA+B7B,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;4BAyB3B,OAAO;;EA8EhB"}
+{"version":3,"file":"useContextMenuSub.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuSub/useContextMenuSub.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAErE,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,IAAI,EAAE,WAAW,EACjB,WAAW,GACZ,EAAE,wBAAwB;;;;;;;8BAyEQ,OAAO;8BAmCP,OAAO;;EA4GzC"}