@kommo-crm/crm-react-ui-kit 1.1.1-beta.6 → 1.1.1-beta.7

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

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

package/dist/components/ContextMenu/components/SubRoot/SubRoot.props.d.ts

@@ -5,6 +5,10 @@ export type ContextMenuSubRootProps = Omit<RadixDropdownMenuRootProps, 'onOpenCh
      * Called whenever the open state of the menu changes.
      */
     onOpen?: (open: boolean) => void;
+    /**
+     * Called whenever the animated open state of the menu changes.
+     */
+    onAnimatedOpen?: (open: boolean) => void;
     /**
      * Defines how the menu is triggered.
      *

package/dist/components/ContextMenu/components/SubRoot/SubRoot.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubRoot.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/SubRoot/SubRoot.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,IAAI,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAErG,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,0BAA0B,EAC1B,cAAc,GAAG,OAAO,CACzB,GAAG;IACF;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC"}
+{"version":3,"file":"SubRoot.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/SubRoot/SubRoot.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,IAAI,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAErG,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,0BAA0B,EAC1B,cAAc,GAAG,OAAO,CACzB,GAAG;IACF;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC"}

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

@@ -8,7 +8,7 @@ import { LevelProvider as X } from "../../../../providers/LevelProvider/LevelPro
 import { useContextMenuContext as Y } from "../../../../ContextMenu.context.js";
 import { ContextMenuMode as g } from "../../../../ContextMenu.enums.js";
 import { focusParentItem as q } from "../../../../utils/focusParentItem/focusParentItem.js";
-import { u as J, s as K } from "../../../../../../useContentPositioning-DO7ZotnD.mjs";
+import { u as J, s as K } from "../../../../../../useContentPositioning-DAKfbddS.mjs";
 import { Direction as Q } from "../../../Content/Content.enums.js";
 import { directionToSide as U } from "../../../Content/Content.utils.js";
 const x = "ContextMenu.Content", V = L(

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

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

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

@@ -1,72 +1,70 @@
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as v } from "react";
-import { T as y } from "../../../../../../index-BA3njR2k.mjs";
-import { mergeRefs as A } from "../../../../../../lib/utils.js";
-import { useContextMenuContext as E } from "../../../../ContextMenu.context.js";
-import { ContextMenuMode as H } from "../../../../ContextMenu.enums.js";
+import { jsx as b } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { T as v } from "../../../../../../index-BA3njR2k.mjs";
+import { mergeRefs as y } from "../../../../../../lib/utils.js";
+import { useContextMenuContext as A } from "../../../../ContextMenu.context.js";
+import { ContextMenuMode as E } from "../../../../ContextMenu.enums.js";
 import "../../../../providers/LevelProvider/LevelProvider.js";
-import "../../../../../../useContentPositioning-DO7ZotnD.mjs";
+import "../../../../../../useContentPositioning-DAKfbddS.mjs";
 import "../../../Content/Content.utils.js";
-import { useContextMenuItemFocus as h } from "../../../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
-const s = "ContextMenu.Trigger", j = v(
+import { useContextMenuItemFocus as j } from "../../../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
+const a = "ContextMenu.Trigger", D = c(
   ({
-    className: d,
-    children: x,
+    className: x,
+    children: u,
     onFocus: r,
     onBlur: e,
-    onMouseEnter: i,
-    onMouseLeave: o,
-    onPointerDown: g,
-    ...u
-  }, C) => {
+    onMouseEnter: o,
+    onMouseLeave: i,
+    onPointerDown: m,
+    ...C
+  }, n) => {
     const {
-      triggerRef: n,
-      mode: M,
+      triggerRef: M,
+      mode: d,
       onMouseEnter: R,
       onMouseLeave: T,
       triggerId: N
-    } = E(s), {
-      dataHighlighted: b,
-      onFocus: m,
-      onMouseEnter: p,
-      onBlur: a,
-      onMouseLeave: f
-    } = h({
-      displayName: s,
+    } = A(a), {
+      onFocus: p,
+      onMouseEnter: f,
+      onBlur: g,
+      onMouseLeave: s
+    } = j({
+      displayName: a,
       id: N || "",
       isDisabled: !1,
       onMouseEnter: R,
       onMouseLeave: T
     });
-    return /* @__PURE__ */ c(
-      y,
+    return /* @__PURE__ */ b(
+      v,
       {
-        ref: A(n, C),
-        className: d,
-        "data-highlighted": b,
+        ref: y(M, n),
+        className: x,
         onPointerDown: (t) => {
-          M === H.HOVER && t.preventDefault(), t.stopPropagation(), g == null || g(t);
+          d === E.HOVER && t.preventDefault(), t.stopPropagation(), m == null || m(t);
         },
         onMouseEnter: (t) => {
-          p == null || p(t), i == null || i(t);
+          f == null || f(t), o == null || o(t);
         },
         onMouseLeave: (t) => {
-          f == null || f(t), o == null || o(t);
+          s == null || s(t), i == null || i(t);
         },
         onFocus: (t) => {
-          t.preventDefault(), t.stopPropagation(), m == null || m(), r == null || r(t);
+          t.preventDefault(), t.stopPropagation(), p == null || p(), r == null || r(t);
         },
         onBlur: (t) => {
-          a == null || a(), e == null || e(t);
+          g == null || g(), e == null || e(t);
         },
         "data-submenu-trigger": !0,
-        ...u,
-        children: x
+        ...C,
+        children: u
       }
     );
   }
 );
-j.displayName = s;
+D.displayName = a;
 export {
-  j as Trigger
+  D as Trigger
 };

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

@@ -6,9 +6,9 @@ import { useLevelContext as q } from "../../providers/LevelProvider/LevelProvide
 import { useContextMenuSubContext as D } from "../Sub/Sub.context.js";
 import { hasItemIcon as V } from "../../utils/hasItemIcon/hasItemIcon.js";
 import { ContextMenuMode as i } from "../../ContextMenu.enums.js";
-import "../../../../useContentPositioning-DO7ZotnD.mjs";
-import "../Content/Content.utils.js";
 import "../../ContextMenu.context.js";
+import "../../../../useContentPositioning-DAKfbddS.mjs";
+import "../Content/Content.utils.js";
 import { useContextMenuItemFocus as W } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
 import '../../../../assets/SubTrigger.css';const Y = "_sub_trigger_ip3hq_1", w = {
   sub_trigger: Y

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-DO7ZotnD.mjs";
+import { u as m } from "../../../useContentPositioning-DAKfbddS.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.js

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

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

@@ -1,6 +1,6 @@
 import { ContextMenuMode } from '../../ContextMenu.enums';
 import { UseContextMenuOptions } from './useContextMenu.types';
-export declare const useContextMenu: ({ mode: rootMode, defaultOpen, animationDuration, hoverCloseDelay, onOpen, }: UseContextMenuOptions) => {
+export declare const useContextMenu: ({ mode: rootMode, defaultOpen, animationDuration, hoverCloseDelay, onOpen, onAnimatedOpen, }: UseContextMenuOptions) => {
     open: boolean;
     mode: ContextMenuMode;
     onOpenChange: (value: boolean) => void;
@@ -16,5 +16,6 @@ export declare const useContextMenu: ({ mode: rootMode, defaultOpen, animationDu
     onMouseEnter: () => void;
     onMouseLeave: () => void;
     enableTemporaryHoverClose: () => void;
+    onChildClickOpen: (value: boolean) => void;
 };
 //# sourceMappingURL=useContextMenu.d.ts.map

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;;;0BA8EW,OAAO;8BA2BP,OAAO;;;;;;;;;;;;CAmIzC,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,iGAOxB,qBAAqB;;;0BAmFW,OAAO;8BA2BP,OAAO;;;;;;;;;;;;8BAmEH,OAAO;CA8E7C,CAAC"}

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

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

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

@@ -21,6 +21,10 @@ export interface UseContextMenuOptions {
      * The callback function to be called when the context menu is opened.
      */
     onOpen?: (open: boolean) => void;
+    /**
+     * The callback function to be called when the context menu is animated open.
+     */
+    onAnimatedOpen?: (open: boolean) => void;
     /**
      * Whether the context menu should close when another menu is opened.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"useContextMenu.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenu/useContextMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,IAAI,EAAE,eAAe,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC"}
+{"version":3,"file":"useContextMenu.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenu/useContextMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,IAAI,EAAE,eAAe,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC"}

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,EACX,MAAM,GACP,EAAE,wBAAwB;;;;;;;8BA4EQ,OAAO;8BAsCP,OAAO;;EA6GzC"}
+{"version":3,"file":"useContextMenuSub.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuSub/useContextMenuSub.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAErE,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,IAAI,EAAE,WAAW,EACjB,WAAW,EACX,MAAM,GACP,EAAE,wBAAwB;;;;;;;8BA8EQ,OAAO;8BAsCP,OAAO;;EAyHzC"}