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

package/dist/components/ContextMenu/components/ItemRightSlot/ItemRightSlot.js

@@ -1,11 +1,11 @@
-import { jsx as b } from "react/jsx-runtime";
+import { jsx as x } from "react/jsx-runtime";
 import { forwardRef as v, useRef as E, useState as _, useEffect as H } from "react";
 import { c as I } from "../../../../index-L8X2o7IH.mjs";
 import { mergeRefs as M } from "../../../../lib/utils.js";
 import { useStopContextMenuEvents as N } from "../../hooks/useStopContextMenuEvents/useStopContextMenuEvents.js";
-import '../../../../assets/ItemRightSlot.css';const q = "_rightSlot_13wq6_1", w = {
-  rightSlot: q
-}, y = "ContextMenu.ItemRightSlot", A = v(
+import '../../../../assets/ItemRightSlot.css';const y = "_rightSlot_n7bd4_1", A = {
+  rightSlot: y
+}, C = "ContextMenu.ItemRightSlot", j = v(
   ({
     className: s,
     children: e,
@@ -19,13 +19,13 @@ import '../../../../assets/ItemRightSlot.css';const q = "_rightSlot_13wq6_1", w
     onPointerLeave: l,
     onPointerMove: g,
     ...S
-  }, p) => {
-    const t = E(null), [o, d] = _(!1);
+  }, d) => {
+    const t = E(null), [o, p] = _(!1);
     H(() => {
       if (!t.current)
         return;
-      const x = t.current.querySelector("[data-submenu-trigger]");
-      d(!!x);
+      const b = t.current.querySelector("[data-submenu-trigger]");
+      p(!!b);
     }, [e]);
     const r = {
       onClick: n,
@@ -38,11 +38,11 @@ import '../../../../assets/ItemRightSlot.css';const q = "_rightSlot_13wq6_1", w
       onPointerLeave: l,
       onPointerMove: g
     }, h = N(r), R = o ? h : r;
-    return /* @__PURE__ */ b(
+    return /* @__PURE__ */ x(
       "div",
       {
-        ref: M(t, p),
-        className: I(w.rightSlot, s),
+        ref: M(t, d),
+        className: I(A.rightSlot, s),
         "data-submenu-right-slot": o ? "" : void 0,
         ...R,
         ...S,
@@ -51,7 +51,7 @@ import '../../../../assets/ItemRightSlot.css';const q = "_rightSlot_13wq6_1", w
     );
   }
 );
-A.displayName = y;
+j.displayName = C;
 export {
-  A as ItemRightSlot
+  j as ItemRightSlot
 };

package/dist/components/ContextMenu/components/Label/Label.js

@@ -1,20 +1,20 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
 import { L as n } from "../../../../index-BA3njR2k.mjs";
-import { c as i } from "../../../../index-L8X2o7IH.mjs";
-import { useLevelContext as c } from "../../providers/LevelProvider/LevelProvider.js";
-import { hasItemIcon as p } from "../../utils/hasItemIcon/hasItemIcon.js";
-import '../../../../assets/Label2.css';const b = "_label_1ik2p_1", f = {
-  label: b
+import { c } from "../../../../index-L8X2o7IH.mjs";
+import { useLevelContext as i } from "../../providers/LevelProvider/LevelProvider.js";
+import { hasItemIcon as b } from "../../utils/hasItemIcon/hasItemIcon.js";
+import '../../../../assets/Label2.css';const f = "_label_1sne1_1", p = {
+  label: f
 }, t = "ContextMenu.Label", L = s(
   ({ className: a, children: o, ...e }, r) => {
-    const { hasItemWithIcon: l } = c(t);
+    const { hasItemWithIcon: l } = i(t);
     return /* @__PURE__ */ m(
       n,
       {
         ref: r,
-        className: i(f.label, a),
-        "data-no-icon-align": p(o) || !l ? "" : void 0,
+        className: c(p.label, a),
+        "data-no-icon-align": b(o) || !l ? "" : void 0,
         "data-label": !0,
         ...e,
         children: o

package/dist/components/ContextMenu/components/RadioItem/RadioItem.js

@@ -1,21 +1,21 @@
 import { jsx as A } from "react/jsx-runtime";
-import { forwardRef as j, useId as k, useMemo as u } from "react";
-import { f as w } from "../../../../index-BA3njR2k.mjs";
-import { c as z } from "../../../../index-L8X2o7IH.mjs";
-import { useLevelContext as H } from "../../providers/LevelProvider/LevelProvider.js";
-import { useContextMenuContext as P } from "../../ContextMenu.context.js";
-import { hasItemIcon as W } from "../../utils/hasItemIcon/hasItemIcon.js";
-import "../../../../useContentPositioning-BLCC-Xty.mjs";
+import { forwardRef as j, useId as u, useMemo as w } from "react";
+import { f as H } from "../../../../index-BA3njR2k.mjs";
+import { c as P } from "../../../../index-L8X2o7IH.mjs";
+import { useLevelContext as W } from "../../providers/LevelProvider/LevelProvider.js";
+import { useContextMenuContext as Y } from "../../ContextMenu.context.js";
+import { hasItemIcon as b } from "../../utils/hasItemIcon/hasItemIcon.js";
+import "../../../../useContentPositioning-DAKfbddS.mjs";
 import "../Content/Content.utils.js";
-import { useContextMenuItemFocus as Y } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
-import '../../../../assets/RadioItem.css';const b = "_radio_item_zek17_1", q = {
-  radio_item: b
+import { useContextMenuItemFocus as k } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
+import '../../../../assets/RadioItem.css';const q = "_radio_item_14d4r_1", z = {
+  radio_item: q
 }, i = "ContextMenu.RadioItem", D = j(
   ({
     className: I,
     children: m,
     isDisabled: x,
-    hasIconCheckFn: _ = W,
+    hasIconCheckFn: _ = b,
     onFocus: o,
     onMouseEnter: a,
     onBlur: r,
@@ -23,22 +23,22 @@ import '../../../../assets/RadioItem.css';const b = "_radio_item_zek17_1", q = {
     onSelect: d,
     ...g
   }, n) => {
-    const C = k(), { hasItemWithIcon: N } = H(i), { closeMenuImmediately: R } = P(i), {
+    const C = u(), { hasItemWithIcon: N } = W(i), { closeMenuImmediately: R } = Y(i), {
       dataHighlighted: h,
       onFocus: p,
       onMouseEnter: f,
       onBlur: c,
       onMouseLeave: e
-    } = Y({
+    } = k({
       displayName: i,
       id: C,
       isDisabled: x
-    }), y = u(() => _(m), [m]);
+    }), y = w(() => _(m), [m]);
     return /* @__PURE__ */ A(
-      w,
+      H,
       {
         ref: n,
-        className: z(q.radio_item, I),
+        className: P(z.radio_item, I),
         disabled: x,
         "data-item": !0,
         "data-no-icon-align": y || !N ? "" : void 0,

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

@@ -3,7 +3,8 @@ import { S as l } from "../../../../index-BA3njR2k.mjs";
 import "react";
 import { ContextMenuMode as x } from "../../ContextMenu.enums.js";
 import "../../providers/LevelProvider/LevelProvider.js";
-import "../../../../useContentPositioning-BLCC-Xty.mjs";
+import "../../ContextMenu.context.js";
+import "../../../../useContentPositioning-DAKfbddS.mjs";
 import "../Content/Content.utils.js";
 import { useContextMenuSub as C } from "../../hooks/useContextMenuSub/useContextMenuSub.js";
 import { ContextMenuSubProvider as O, DISPLAY_NAME as t } from "./Sub.context.js";

package/dist/components/ContextMenu/components/SubContent/SubContent.js

@@ -51,7 +51,7 @@ import '../../../../assets/SubContent.css';const j = "_sub_content_y6v65_1", q =
           {
             style: {
               position: "fixed",
-              zIndex: Number.MAX_SAFE_INTEGER,
+              zIndex: Number.MAX_SAFE_INTEGER - 10,
               ...v
             },
             onMouseEnter: (t) => {

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

@@ -1 +1 @@
-{"version":3,"file":"SubRoot.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/SubRoot/SubRoot.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAIzD,eAAO,MAAM,OAAO,EAuFf,sBAAsB,CAAC"}
+{"version":3,"file":"SubRoot.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/SubRoot/SubRoot.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAIzD,eAAO,MAAM,OAAO,EA4Ff,sBAAsB,CAAC"}

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-BLCC-Xty.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-BLCC-Xty.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(
@@ -61,7 +61,7 @@ const x = "ContextMenu.Content", V = L(
           F.div,
           {
             style: {
-              zIndex: Number.MAX_SAFE_INTEGER,
+              zIndex: Number.MAX_SAFE_INTEGER - 10,
               position: "fixed",
               ...E
             },

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-BLCC-Xty.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

@@ -2,22 +2,22 @@ import { jsx as M } from "react/jsx-runtime";
 import { forwardRef as R } from "react";
 import { b as H } from "../../../../index-BA3njR2k.mjs";
 import { c as j } from "../../../../index-L8X2o7IH.mjs";
-import { useLevelContext as z } from "../../providers/LevelProvider/LevelProvider.js";
+import { useLevelContext as q } from "../../providers/LevelProvider/LevelProvider.js";
 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-BLCC-Xty.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_d2xgz_1", q = {
+import '../../../../assets/SubTrigger.css';const Y = "_sub_trigger_ip3hq_1", w = {
   sub_trigger: Y
-}, a = "ContextMenu.SubTrigger", w = R(
+}, p = "ContextMenu.SubTrigger", z = R(
   ({
-    className: S,
+    className: L,
     children: v,
-    isDisabled: n,
-    onKeyDown: p,
+    isDisabled: h,
+    onKeyDown: a,
     onFocus: s,
     onBlur: g,
     onClick: e,
@@ -26,27 +26,27 @@ import '../../../../assets/SubTrigger.css';const Y = "_sub_trigger_d2xgz_1", q =
     onPointerLeave: u,
     onMouseEnter: d,
     onMouseLeave: C,
-    ...h
+    ...S
   }, l) => {
-    const { hasItemWithIcon: A } = z(a), {
+    const { hasItemWithIcon: A } = q(p), {
       mode: r,
-      open: x,
+      open: b,
       defaultOpen: o,
       setOpen: N,
       onMouseEnter: O,
       onMouseLeave: T,
       triggerId: y,
-      onOpenByKeyboard: L
-    } = D(a), {
+      onOpenByKeyboard: n
+    } = D(p), {
       dataHighlighted: K,
-      onFocus: b,
+      onFocus: x,
       onMouseEnter: c,
       onBlur: I,
       onMouseLeave: _
     } = W({
-      displayName: a,
+      displayName: p,
       id: y,
-      isDisabled: n,
+      isDisabled: h,
       onMouseEnter: O,
       onMouseLeave: T
     });
@@ -54,11 +54,11 @@ import '../../../../assets/SubTrigger.css';const Y = "_sub_trigger_d2xgz_1", q =
       H,
       {
         ref: l,
-        className: j(q.sub_trigger, S),
-        disabled: n,
+        className: j(w.sub_trigger, L),
+        disabled: h,
         "data-item": !0,
         "data-no-icon-align": V(v) || !A ? "" : void 0,
-        "data-highlighted": x || K === "" || r === i.CLICK && x ? "" : void 0,
+        "data-highlighted": b || K === "" || r === i.CLICK && b ? "" : void 0,
         "data-submenu-trigger": !0,
         onMouseEnter: (t) => {
           c == null || c(t), d == null || d(t);
@@ -67,16 +67,16 @@ import '../../../../assets/SubTrigger.css';const Y = "_sub_trigger_d2xgz_1", q =
           _ == null || _(t), C == null || C(t);
         },
         onKeyDown: (t) => {
-          r === i.HOVER && (["Enter", " ", "ArrowRight"].includes(t.key) ? L(!0) : t.key === "ArrowLeft" && (L(!1), t.currentTarget.focus())), p == null || p(t);
+          r === i.HOVER && (["Enter", " ", "ArrowRight"].includes(t.key) ? n(!0) : t.key === "ArrowLeft" && (n(!1), t.currentTarget.focus())), a == null || a(t);
         },
         onFocus: (t) => {
-          b == null || b(), s == null || s(t);
+          x == null || x(), s == null || s(t);
         },
         onBlur: (t) => {
           I == null || I(), g == null || g(t);
         },
         onClick: (t) => {
-          (r === i.CLICK || o !== void 0) && (t.preventDefault(), t.stopPropagation(), o === void 0 && N(!x)), e == null || e(t);
+          (r === i.CLICK || o !== void 0) && (t.preventDefault(), t.stopPropagation(), o === void 0 && N(!b)), e == null || e(t);
         },
         onPointerEnter: (t) => {
           (r === i.CLICK || o !== void 0) && (t.preventDefault(), t.stopPropagation()), f == null || f(t);
@@ -87,13 +87,13 @@ import '../../../../assets/SubTrigger.css';const Y = "_sub_trigger_d2xgz_1", q =
         onPointerLeave: (t) => {
           (r === i.CLICK || o !== void 0) && (t.preventDefault(), t.stopPropagation()), u == null || u(t);
         },
-        ...h,
+        ...S,
         children: v
       }
     );
   }
 );
-w.displayName = a;
+z.displayName = p;
 export {
-  w as SubTrigger
+  z as SubTrigger
 };

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-BLCC-Xty.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-BLCC-Xty.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