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

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-BLEFxO0N.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"}

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

@@ -1,67 +1,69 @@
-import { useId as A, useState as n, useRef as M, useEffect as v } from "react";
-import { ContextMenuMode as a } from "../../ContextMenu.enums.js";
-import { useLevelContext as S } from "../../providers/LevelProvider/LevelProvider.js";
-import "../../../../useContentPositioning-DO7ZotnD.mjs";
+import { useId as S, useState as C, useRef as v, useEffect as I } from "react";
+import { ContextMenuMode as c } from "../../ContextMenu.enums.js";
+import { useLevelContext as q } from "../../providers/LevelProvider/LevelProvider.js";
+import { useContextMenuContext as j, useContextMenuRootContext as w } from "../../ContextMenu.context.js";
+import "../../../../useContentPositioning-BLEFxO0N.mjs";
 import "../../components/Content/Content.utils.js";
-import { useIsTouchDevice as q } from "../useIsTouchDevice/useIsTouchDevice.js";
-import { useContextMenuContext as j } from "../../ContextMenu.context.js";
-function Q({
-  displayName: d,
-  mode: H,
-  defaultOpen: c,
+import { useIsTouchDevice as z } from "../useIsTouchDevice/useIsTouchDevice.js";
+function X({
+  displayName: T,
+  mode: y,
+  defaultOpen: l,
   onOpen: e
 }) {
-  const C = A(), [o, u] = n(c || !1), [K, s] = n(!1), [T, m] = n(!1), [I, i] = n(!1), r = M(null), t = M(null), V = q(), { hoverCloseDelay: h, animationDuration: b } = j(d), { activeItemId: R } = S(d), l = V ? a.CLICK : H, E = () => {
-    r.current && (clearTimeout(r.current), r.current = null), t.current && (clearTimeout(t.current), t.current = null);
+  const d = S(), [s, i] = C(l || !1), [H, f] = C(!1), [R, m] = C(!1), [x, o] = C(!1), t = v(null), r = v(null), V = z(), { hoverCloseDelay: E, animationDuration: b } = j(T), { onChildClickOpen: n } = w(T), { activeItemId: K } = q(T), u = V ? c.CLICK : y, M = () => {
+    t.current && (clearTimeout(t.current), t.current = null), r.current && (clearTimeout(r.current), r.current = null);
   }, D = () => {
-    E(), s(!1), u(!1), e == null || e(!1), m(!1), i(!1);
-  }, x = () => {
-    E(), l === a.HOVER ? (s(!1), t.current = setTimeout(() => {
-      u(!1), e == null || e(!1), m(!1), i(!1);
-    }, b)) : (u(!1), e == null || e(!1), m(!1), i(!1));
-  }, y = (f) => {
-    if (c !== void 0) {
-      u(c), e == null || e(c), s(c), i(!1);
+    M(), f(!1), i(!1), e == null || e(!1), m(!1), o(!1);
+  }, h = () => {
+    M(), u === c.HOVER ? (f(!1), r.current = setTimeout(() => {
+      i(!1), e == null || e(!1), m(!1), o(!1);
+    }, b)) : (i(!1), e == null || e(!1), m(!1), o(!1));
+  }, L = (a) => {
+    if (l !== void 0) {
+      i(l), e == null || e(l), f(l), o(!1);
       return;
     }
-    if (l === a.CLICK) {
-      u(f), e == null || e(f), s(f);
+    if (u === c.CLICK) {
+      i(a), e == null || e(a), f(a);
       return;
     }
-    f ? (t.current && (clearTimeout(t.current), t.current = null), l === a.HOVER && s(!0), u(!0), e == null || e(!0)) : x();
-  }, L = (f) => {
-    i(f), y(f);
-  }, g = () => {
-    l === a.HOVER && (i(!1), t.current && (clearTimeout(t.current), t.current = null, s(!0)), o || (r.current && (clearTimeout(r.current), r.current = null), s(!0), e == null || e(!0), u(!0)), m(!0));
+    a ? (r.current && (clearTimeout(r.current), r.current = null), u === c.HOVER && f(!0), i(!0), e == null || e(!0)) : h();
+  }, g = (a) => {
+    o(a), L(a);
   }, B = () => {
-    l === a.HOVER && (i(!1), r.current && (clearTimeout(r.current), r.current = null), m(!1));
+    u === c.HOVER && (o(!1), r.current && (clearTimeout(r.current), r.current = null, f(!0)), s || (t.current && (clearTimeout(t.current), t.current = null), f(!0), e == null || e(!0), i(!0)), m(!0));
+  }, A = () => {
+    u === c.HOVER && (o(!1), t.current && (clearTimeout(t.current), t.current = null), m(!1));
   };
-  return v(() => {
-    R !== C && o && c === void 0 && D();
-  }, [R, o, c]), v(() => {
-    if (!(!o || l !== a.HOVER) && !I) {
-      if (T) {
-        r.current && (clearTimeout(r.current), r.current = null);
+  return I(() => {
+    K !== d && s && l === void 0 && D();
+  }, [K, s, l]), I(() => {
+    if (!(!s || u !== c.HOVER) && !x) {
+      if (R) {
+        t.current && (clearTimeout(t.current), t.current = null);
         return;
       }
-      return r.current || (r.current = setTimeout(() => {
-        x();
-      }, h)), () => {
-        r.current && (clearTimeout(r.current), r.current = null);
+      return t.current || (t.current = setTimeout(() => {
+        h();
+      }, E)), () => {
+        t.current && (clearTimeout(t.current), t.current = null);
       };
     }
-  }, [l, o, T, h, I]), {
-    open: o,
-    setOpen: u,
-    animatedOpen: K,
-    startAnimation: () => s(!0),
-    handleMouseEnter: g,
-    handleMouseLeave: B,
-    handleOpenChange: y,
-    onOpenByKeyboard: L,
-    triggerId: C
+  }, [u, s, R, E, x]), I(() => {
+    u === c.CLICK && s ? n == null || n(!0) : u === c.CLICK && !s && (n == null || n(!1));
+  }, [s, u]), {
+    open: s,
+    setOpen: i,
+    animatedOpen: H,
+    startAnimation: () => f(!0),
+    handleMouseEnter: B,
+    handleMouseLeave: A,
+    handleOpenChange: L,
+    onOpenByKeyboard: g,
+    triggerId: d
   };
 }
 export {
-  Q as useContextMenuSub
+  X as useContextMenuSub
 };

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

@@ -1,6 +1,6 @@
 import { ContextMenuMode } from '../../ContextMenu.enums';
 import { UseContextMenuSubMenuOptions } from './useContextMenuSubMenu.types';
-export declare const useContextMenuSubMenu: ({ displayName, mode: rootMode, defaultOpen, animationDuration, subMenuOpen, setSubMenuOpen, hoverCloseDelay, closeRootMenuImmediately, onOpen, }: UseContextMenuSubMenuOptions) => {
+export declare const useContextMenuSubMenu: ({ displayName, mode: rootMode, defaultOpen, animationDuration, subMenuOpen, setSubMenuOpen, hoverCloseDelay, closeRootMenuImmediately, onOpen, onAnimatedOpen, }: UseContextMenuSubMenuOptions) => {
     open: boolean;
     mode: "click" | "hover" | ContextMenuMode;
     onOpenChange: (value: boolean) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"useContextMenuSubMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuSubMenu/useContextMenuSubMenu.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI1D,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAE7E,eAAO,MAAM,qBAAqB,qJAU/B,4BAA4B;;;0BAyFI,OAAO;8BAyBP,OAAO;;;;;;;;2CAzCK,OAAO;;;;;CA4KrD,CAAC"}
+{"version":3,"file":"useContextMenuSubMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuSubMenu/useContextMenuSubMenu.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAM1D,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAE7E,eAAO,MAAM,qBAAqB,qKAW/B,4BAA4B;;;0BA2FI,OAAO;8BA6BP,OAAO;;;;;;;;2CA7CK,OAAO;;;;;CAuLrD,CAAC"}

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

@@ -1,72 +1,80 @@
-import { useId as Q, useState as C, useRef as v, useLayoutEffect as U, useEffect as R } from "react";
-import { ContextMenuMode as a } from "../../ContextMenu.enums.js";
-import { useInheritedArrowColor as W } from "../useInheritedArrowColor/useInheritedArrowColor.js";
-import "../../../../useContentPositioning-DO7ZotnD.mjs";
+import { useId as $, useState as m, useRef as H, useLayoutEffect as k, useEffect as g } from "react";
+import { ContextMenuMode as u } from "../../ContextMenu.enums.js";
+import { useInheritedArrowColor as y } from "../useInheritedArrowColor/useInheritedArrowColor.js";
+import "../../../../useContentPositioning-BLEFxO0N.mjs";
 import "../../components/Content/Content.utils.js";
-import "../../ContextMenu.context.js";
-import { useLevelContext as X } from "../../providers/LevelProvider/LevelProvider.js";
-import { useIsTouchDevice as Y } from "../useIsTouchDevice/useIsTouchDevice.js";
-const tr = ({
-  displayName: j,
-  mode: k,
-  defaultOpen: K,
-  animationDuration: V,
-  subMenuOpen: m,
+import { useContextMenuRootContext as A } from "../../ContextMenu.context.js";
+import { useLevelContext as N } from "../../providers/LevelProvider/LevelProvider.js";
+import { useIsTouchDevice as n } from "../useIsTouchDevice/useIsTouchDevice.js";
+const er = ({
+  displayName: B,
+  mode: J,
+  defaultOpen: I,
+  animationDuration: w,
+  subMenuOpen: C,
   setSubMenuOpen: t,
-  hoverCloseDelay: E,
-  closeRootMenuImmediately: u,
-  onOpen: e
+  hoverCloseDelay: d,
+  closeRootMenuImmediately: a,
+  onOpen: c,
+  onAnimatedOpen: x
 }) => {
-  const H = Q(), [i, y] = C(m || K || !1), [g, l] = C(!1), [x, T] = C(!1), [z, h] = C(!1), [o, L] = C(!1), { activeItemId: n } = X(j), D = v(null), A = v(null), r = v(null), c = v(null), f = Y() ? a.CLICK : k, B = () => {
-    r.current && (clearTimeout(r.current), r.current = null), c.current && (clearTimeout(c.current), c.current = null);
-  }, I = (s = !1) => {
-    t == null || t(!1), y(!1), e == null || e(!1), T(!1), L(!1), s && (u == null || u());
-  }, w = () => {
-    B(), f === a.HOVER || o ? (l(!1), c.current = setTimeout(() => {
-      I();
-    }, V)) : I();
-  }, q = (s = !1) => {
-    B(), l(!1), t == null || t(!1), e == null || e(!1), T(!1), L(!1), s && (u == null || u());
-  }, d = (s) => {
-    f === a.CLICK && K !== void 0 || (s ? (c.current && (clearTimeout(c.current), c.current = null), (f === a.HOVER || o) && l(!0), t == null || t(!0), e == null || e(!0)) : w());
-  }, F = (s) => {
-    h(s), d == null || d(s);
-  }, G = () => {
-    h(!1), !(f !== a.HOVER && !o) && (c.current && (clearTimeout(c.current), c.current = null, l(!0)), i || (r.current && (clearTimeout(r.current), r.current = null), l(!0), t == null || t(!0), e == null || e(!0)), T(!0));
-  }, J = () => {
-    h(!1), !(f !== a.HOVER && !o) && (r.current && (clearTimeout(r.current), r.current = null), T(!1));
-  }, N = () => {
-    l(!0), T(!0), L(!0);
+  const L = $(), [o, P] = m(C || I || !1), [v, i] = m(!1), [R, T] = m(!1), [Q, h] = m(!1), [l, K] = m(!1), { activeItemId: q } = N(B), { onChildClickOpen: V } = A(B), U = H(null), j = H(null), r = H(null), f = H(null), s = n() ? u.CLICK : J, z = () => {
+    r.current && (clearTimeout(r.current), r.current = null), f.current && (clearTimeout(f.current), f.current = null);
+  }, D = (e = !1) => {
+    t == null || t(!1), P(!1), c == null || c(!1), T(!1), K(!1), e && (a == null || a());
+  }, F = () => {
+    z(), s === u.HOVER || l ? (i(!1), f.current = setTimeout(() => {
+      D();
+    }, w)) : D();
+  }, G = (e = !1) => {
+    z(), i(!1), t == null || t(!1), c == null || c(!1), T(!1), K(!1), e && (a == null || a());
+  }, E = (e) => {
+    if (s === u.CLICK) {
+      if (I !== void 0)
+        return;
+      V == null || V(e);
+    }
+    e ? (f.current && (clearTimeout(f.current), f.current = null), (s === u.HOVER || l) && i(!0), t == null || t(!0), c == null || c(!0)) : F();
+  }, W = (e) => {
+    h(e), E == null || E(e);
+  }, X = () => {
+    h(!1), !(s !== u.HOVER && !l) && (f.current && (clearTimeout(f.current), f.current = null, i(!0)), o || (r.current && (clearTimeout(r.current), r.current = null), i(!0), t == null || t(!0), c == null || c(!0)), T(!0));
+  }, Y = () => {
+    h(!1), !(s !== u.HOVER && !l) && (r.current && (clearTimeout(r.current), r.current = null), T(!1));
+  }, Z = () => {
+    i(!0), T(!0), K(!0);
   };
-  U(() => {
-    m !== void 0 && l(m);
-  }, [m]), R(() => {
-    n !== H && (i || m) && q();
-  }, [n, i, H]), R(() => {
-    !i && !g || f !== a.HOVER && !o || z || (x ? r.current && (clearTimeout(r.current), r.current = null) : r.current || (r.current = setTimeout(() => {
-      w();
-    }, E)));
-  }, [f, i, x, o, E]);
-  const P = W(i, A);
+  k(() => {
+    C !== void 0 && i(C);
+  }, [C]), g(() => {
+    q !== L && (o || C) && G();
+  }, [q, o, L]), g(() => {
+    !o && !v || s !== u.HOVER && !l || Q || (R ? r.current && (clearTimeout(r.current), r.current = null) : r.current || (r.current = setTimeout(() => {
+      F();
+    }, d)));
+  }, [s, o, R, l, d]), g(() => {
+    x == null || x(v);
+  }, [v]);
+  const _ = y(o, j);
   return {
-    open: i,
-    mode: f,
-    onOpenChange: d,
-    onOpenByKeyboard: F,
-    inheritedArrowColor: P,
-    triggerRef: D,
-    contentRef: A,
-    animatedOpen: g,
-    animationDuration: V,
-    hoverCloseDelay: E,
-    temporaryHoverClose: o,
-    closeMenuImmediately: q,
-    onMouseEnter: G,
-    onMouseLeave: J,
-    enableTemporaryHoverClose: N,
-    triggerId: H
+    open: o,
+    mode: s,
+    onOpenChange: E,
+    onOpenByKeyboard: W,
+    inheritedArrowColor: _,
+    triggerRef: U,
+    contentRef: j,
+    animatedOpen: v,
+    animationDuration: w,
+    hoverCloseDelay: d,
+    temporaryHoverClose: l,
+    closeMenuImmediately: G,
+    onMouseEnter: X,
+    onMouseLeave: Y,
+    enableTemporaryHoverClose: Z,
+    triggerId: L
   };
 };
 export {
-  tr as useContextMenuSubMenu
+  er as useContextMenuSubMenu
 };

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

@@ -41,6 +41,10 @@ export interface UseContextMenuSubMenuOptions {
      * 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/useContextMenuSubMenu/useContextMenuSubMenu.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useContextMenuSubMenu.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuSubMenu/useContextMenuSubMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,wBAAwB,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D;;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":"useContextMenuSubMenu.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuSubMenu/useContextMenuSubMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,wBAAwB,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D;;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/index.d.ts

@@ -3,4 +3,5 @@ export { type ContextMenuRootProps } from './ContextMenu.props';
 export { ContextMenuMode } from './ContextMenu.enums';
 export { Direction as ContextMenuDirection } from './components/Content';
 export { type ContextMenuType, type ContextMenuHandle, type ContextMenuModeType, } from './ContextMenu.types';
+export { type ContextMenuSubHandle } from './components/Sub';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,SAAS,IAAI,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,GACzB,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,SAAS,IAAI,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,GACzB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/ContextMenu/index.js

@@ -1,6 +1,6 @@
 import { ContextMenu as n } from "./ContextMenu.js";
 import { ContextMenuMode as x } from "./ContextMenu.enums.js";
-import "../../useContentPositioning-DO7ZotnD.mjs";
+import "../../useContentPositioning-BLEFxO0N.mjs";
 import { Direction as p } from "./components/Content/Content.enums.js";
 import "./components/Content/Content.utils.js";
 export {

package/dist/{index-BA3njR2k.mjs → index-CYWNqEqR.mjs}

@@ -532,7 +532,7 @@ function Oe(e) {
   const [t, n] = a.useState(Bo());
   return ce(() => {
     n((r) => r ?? String(Wo++));
-  }, [e]), t ? `radix-${t}` : "";
+  }, [e]), e || (t ? `radix-${t}` : "");
 }
 const Uo = ["top", "right", "bottom", "left"], ae = Math.min, V = Math.max, Je = Math.round, Ge = Math.floor, J = (e) => ({
   x: e,