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

package/dist/assets/CheckboxItem.css

@@ -1 +1 @@
-._checkbox_item_16brq_1{position:relative;display:flex;align-items:center;-webkit-user-select:none;user-select:none;outline:none;padding:10px 16px 10px 40px;gap:8px;color:var(--crm-ui-kit-palette-text-primary);background-color:var(--crm-ui-kit-palette-background-primary);cursor:pointer}._checkbox_item_16brq_1[data-disabled]{color:var(--crm-ui-kit-palette-text-secondary-light);cursor:auto}._checkbox_item_16brq_1[data-highlighted]{background-color:var(--crm-ui-kit-palette-background-default)}._checkbox_item_16brq_1[data-state=checked]{color:var(--crm-ui-kit-palette-active-element-900)}._checkbox_item_16brq_1[data-no-icon-align]{padding:10px 16px}
+._checkbox_item_j9dmr_1{position:relative;display:flex;align-items:center;-webkit-user-select:none;user-select:none;outline:none;padding:10px 16px 10px 40px;color:var(--crm-ui-kit-palette-text-primary);background-color:var(--crm-ui-kit-palette-background-primary);cursor:pointer}._checkbox_item_j9dmr_1[data-disabled]{color:var(--crm-ui-kit-palette-text-secondary-light);cursor:auto}._checkbox_item_j9dmr_1[data-highlighted]{background-color:var(--crm-ui-kit-palette-background-default)}._checkbox_item_j9dmr_1[data-state=checked]{color:var(--crm-ui-kit-palette-active-element-900)}._checkbox_item_j9dmr_1[data-no-icon-align]{padding:10px 16px}._checkbox_item_j9dmr_1>:not(:last-child){margin-right:8px}

package/dist/assets/Item2.css

@@ -1 +1 @@
-._item_128tk_1{position:relative;display:flex;align-items:center;-webkit-user-select:none;user-select:none;outline:none;padding:10px 16px 10px 40px;gap:8px;color:var(--crm-ui-kit-palette-text-primary);background-color:var(--crm-ui-kit-palette-background-primary);cursor:pointer}._item_128tk_1[data-not-selectable]{cursor:auto;-webkit-user-select:text;user-select:text;padding:10px 16px}._item_128tk_1[data-has-submenu]{padding:0 0 0 40px}._item_128tk_1[data-disabled]{color:var(--crm-ui-kit-palette-text-secondary-light);cursor:auto}._item_128tk_1[data-danger]{color:var(--crm-ui-kit-color-error)}._item_128tk_1[data-highlighted]{background-color:var(--crm-ui-kit-palette-background-default)}._item_128tk_1[data-no-icon-align]{padding-left:16px}
+._item_zkanf_1{position:relative;display:flex;align-items:center;-webkit-user-select:none;user-select:none;outline:none;padding:10px 16px 10px 40px;color:var(--crm-ui-kit-palette-text-primary);background-color:var(--crm-ui-kit-palette-background-primary);cursor:pointer}._item_zkanf_1[data-not-selectable]{cursor:auto;-webkit-user-select:text;user-select:text;padding:10px 16px}._item_zkanf_1[data-has-submenu]{padding:0 0 0 40px}._item_zkanf_1[data-disabled]{color:var(--crm-ui-kit-palette-text-secondary-light);cursor:auto}._item_zkanf_1[data-danger]{color:var(--crm-ui-kit-color-error)}._item_zkanf_1[data-highlighted]{background-color:var(--crm-ui-kit-palette-background-default)}._item_zkanf_1[data-no-icon-align]{padding-left:16px}._item_zkanf_1>:not(:last-child){margin-right:8px}

package/dist/assets/ItemRightSlot.css

@@ -1 +1 @@
-._rightSlot_13wq6_1{display:flex;align-items:center;margin-left:auto;padding-left:16px;gap:8px}._rightSlot_13wq6_1[data-submenu-right-slot]{padding-left:0}
+._rightSlot_n7bd4_1{display:flex;align-items:center;margin-left:auto;padding-left:16px}._rightSlot_n7bd4_1>:not(:last-child){margin-right:8px}._rightSlot_n7bd4_1[data-submenu-right-slot]{padding-left:0}

package/dist/assets/Label2.css

@@ -1 +1 @@
-._label_1ik2p_1{position:relative;display:flex;outline:none;padding:10px 16px 10px 40px;gap:8px;color:var(--crm-ui-kit-palette-text-primary);background-color:var(--crm-ui-kit-palette-background-primary)}._label_1ik2p_1[data-no-icon-align]{padding:10px 16px}
+._label_1sne1_1{position:relative;display:flex;align-items:center;outline:none;padding:10px 16px 10px 40px;color:var(--crm-ui-kit-palette-text-primary);background-color:var(--crm-ui-kit-palette-background-primary)}._label_1sne1_1[data-no-icon-align]{padding:10px 16px}._label_1sne1_1>:not(:last-child){margin-right:8px}

package/dist/assets/RadioItem.css

@@ -1 +1 @@
-._radio_item_zek17_1{position:relative;display:flex;align-items:center;-webkit-user-select:none;user-select:none;outline:none;padding:10px 16px 10px 40px;gap:8px;color:var(--crm-ui-kit-palette-text-primary);background-color:var(--crm-ui-kit-palette-background-primary);cursor:pointer}._radio_item_zek17_1[data-disabled]{color:var(--crm-ui-kit-palette-text-secondary-light);cursor:auto}._radio_item_zek17_1[data-highlighted]{background-color:var(--crm-ui-kit-palette-background-default)}._radio_item_zek17_1[data-state=checked]{color:var(--crm-ui-kit-palette-active-element-900)}._radio_item_zek17_1[data-no-icon-align]{padding:10px 16px}
+._radio_item_14d4r_1{position:relative;display:flex;align-items:center;-webkit-user-select:none;user-select:none;outline:none;padding:10px 16px 10px 40px;color:var(--crm-ui-kit-palette-text-primary);background-color:var(--crm-ui-kit-palette-background-primary);cursor:pointer}._radio_item_14d4r_1[data-disabled]{color:var(--crm-ui-kit-palette-text-secondary-light);cursor:auto}._radio_item_14d4r_1[data-highlighted]{background-color:var(--crm-ui-kit-palette-background-default)}._radio_item_14d4r_1[data-state=checked]{color:var(--crm-ui-kit-palette-active-element-900)}._radio_item_14d4r_1[data-no-icon-align]{padding:10px 16px}._radio_item_14d4r_1>:not(:last-child){margin-right:8px}

package/dist/assets/SubTrigger.css

@@ -1 +1 @@
-._sub_trigger_d2xgz_1{position:relative;display:flex;-webkit-user-select:none;user-select:none;outline:none;padding:10px 16px 10px 40px;gap:8px;color:var(--crm-ui-kit-palette-text-primary);background-color:var(--crm-ui-kit-palette-background-primary);cursor:pointer}._sub_trigger_d2xgz_1[data-disabled]{color:var(--crm-ui-kit-palette-text-secondary-light);cursor:auto}._sub_trigger_d2xgz_1[data-highlighted]{background-color:var(--crm-ui-kit-palette-background-default)}._sub_trigger_d2xgz_1[data-no-icon-align]{padding:10px 16px}
+._sub_trigger_ip3hq_1{position:relative;display:flex;align-items:center;-webkit-user-select:none;user-select:none;outline:none;padding:10px 16px 10px 40px;color:var(--crm-ui-kit-palette-text-primary);background-color:var(--crm-ui-kit-palette-background-primary);cursor:pointer}._sub_trigger_ip3hq_1[data-disabled]{color:var(--crm-ui-kit-palette-text-secondary-light);cursor:auto}._sub_trigger_ip3hq_1[data-highlighted]{background-color:var(--crm-ui-kit-palette-background-default)}._sub_trigger_ip3hq_1[data-no-icon-align]{padding:10px 16px}._sub_trigger_ip3hq_1>:not(:last-child){margin-right:8px}

package/dist/components/ContextMenu/ContextMenu.js

@@ -3,7 +3,7 @@ import { forwardRef as M, useImperativeHandle as y } from "react";
 import { R as v } from "../../index-BA3njR2k.mjs";
 import { useContextMenu as x } from "./hooks/useContextMenu/useContextMenu.js";
 import "./providers/LevelProvider/LevelProvider.js";
-import { C as D } from "../../useContentPositioning-BLCC-Xty.mjs";
+import { C as D } from "../../useContentPositioning-DO7ZotnD.mjs";
 import "./components/Content/Content.utils.js";
 import { ContextMenuProvider as O, DISPLAY_NAME as T } from "./ContextMenu.context.js";
 import { Trigger as L } from "./components/Trigger/Trigger.js";

package/dist/components/ContextMenu/components/CheckboxItem/CheckboxItem.js

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

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

@@ -7,7 +7,7 @@ import "../../../../lib/utils.js";
 import "../../providers/LevelProvider/LevelProvider.js";
 import "../../ContextMenu.context.js";
 import "../../ContextMenu.enums.js";
-import { C as b } from "../../../../useContentPositioning-BLCC-Xty.mjs";
+import { C as b } from "../../../../useContentPositioning-DO7ZotnD.mjs";
 import "./Content.enums.js";
 import "./Content.utils.js";
 export {

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

@@ -1,4 +1,4 @@
-import { C as e } from "../../../../useContentPositioning-BLCC-Xty.mjs";
+import { C as e } from "../../../../useContentPositioning-DO7ZotnD.mjs";
 import { Direction as i } from "./Content.enums.js";
 import { directionToSide as f } from "./Content.utils.js";
 export {

package/dist/components/ContextMenu/components/Item/Item.js

@@ -1,18 +1,18 @@
 import { jsx as b } from "react/jsx-runtime";
-import { forwardRef as W, useMemo as N, useId as Y, useState as v, useRef as z, useEffect as G } from "react";
+import { forwardRef as K, useMemo as N, useId as W, useState as v, useRef as Y, useEffect as G } from "react";
 import { I as J } from "../../../../index-BA3njR2k.mjs";
 import { c as y } from "../../../../index-L8X2o7IH.mjs";
 import { mergeRefs as Q } from "../../../../lib/utils.js";
 import { useLevelContext as T } from "../../providers/LevelProvider/LevelProvider.js";
 import { useContextMenuContext as U } from "../../ContextMenu.context.js";
 import { hasItemIcon as k } from "../../utils/hasItemIcon/hasItemIcon.js";
-import "../../../../useContentPositioning-BLCC-Xty.mjs";
+import "../../../../useContentPositioning-DO7ZotnD.mjs";
 import "../Content/Content.utils.js";
 import { useContextMenuItemFocus as V } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
 import { ContextMenuItemProvider as X } from "./Item.context.js";
-import '../../../../assets/Item2.css';const Z = "_item_128tk_1", R = {
+import '../../../../assets/Item2.css';const Z = "_item_zkanf_1", R = {
   item: Z
-}, s = "ContextMenu.Item", $ = W((t, p) => {
+}, s = "ContextMenu.Item", $ = K((t, p) => {
   const { hasItemWithIcon: x } = T(s);
   if ("isSelectable" in t && t.isSelectable === !1) {
     const {
@@ -20,16 +20,16 @@ import '../../../../assets/Item2.css';const Z = "_item_128tk_1", R = {
       children: I,
       isSelectable: j,
       hasIconCheckFn: q = k,
-      ...B
-    } = t, K = N(() => q(I), [I]);
+      ...z
+    } = t, B = N(() => q(I), [I]);
     return /* @__PURE__ */ b(
       "div",
       {
         ref: p,
         className: y(R.item, e),
         "data-not-selectable": !j,
-        "data-no-icon-align": K || !x ? "" : void 0,
-        ...B,
+        "data-no-icon-align": B || !x ? "" : void 0,
+        ...z,
         children: I
       }
     );
@@ -47,7 +47,7 @@ import '../../../../assets/Item2.css';const Z = "_item_128tk_1", R = {
     onMouseLeave: u,
     onKeyDown: l,
     ...w
-  } = t, A = Y(), [M, S] = v(!1), [o, E] = v(!1), n = z(null), H = N(() => _(a), [a]), { closeMenuImmediately: L } = U(s), {
+  } = t, A = W(), [M, S] = v(!1), [o, E] = v(!1), n = Y(null), H = N(() => _(a), [a]), { closeMenuImmediately: L } = U(s), {
     dataHighlighted: O,
     onFocus: d,
     onMouseEnter: f,

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-DO7ZotnD.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.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { SubProps } from './Sub.props';
 export declare const Sub: {
-    ({ children, mode, defaultOpen, ...rest }: SubProps): React.JSX.Element;
+    ({ children, mode, onOpen, defaultOpen, ...rest }: SubProps): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=Sub.d.ts.map

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

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

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

@@ -1,59 +1,61 @@
 import { jsx as r } from "react/jsx-runtime";
-import { S as b } from "../../../../index-BA3njR2k.mjs";
+import { S as l } from "../../../../index-BA3njR2k.mjs";
 import "react";
-import { ContextMenuMode as l } from "../../ContextMenu.enums.js";
+import { ContextMenuMode as x } from "../../ContextMenu.enums.js";
 import "../../providers/LevelProvider/LevelProvider.js";
-import "../../../../useContentPositioning-BLCC-Xty.mjs";
+import "../../../../useContentPositioning-DO7ZotnD.mjs";
 import "../Content/Content.utils.js";
-import { useContextMenuSub as x } from "../../hooks/useContextMenuSub/useContextMenuSub.js";
-import { ContextMenuSubProvider as C, DISPLAY_NAME as t } from "./Sub.context.js";
-const O = ({
+import { useContextMenuSub as C } from "../../hooks/useContextMenuSub/useContextMenuSub.js";
+import { ContextMenuSubProvider as O, DISPLAY_NAME as t } from "./Sub.context.js";
+const f = ({
   children: i,
-  mode: e = l.HOVER,
+  mode: e = x.HOVER,
+  onOpen: m,
   defaultOpen: o,
-  ...m
+  ...p
 }) => {
   const {
     open: n,
-    setOpen: p,
-    animatedOpen: a,
-    startAnimation: s,
-    handleMouseEnter: u,
-    handleMouseLeave: d,
-    handleOpenChange: M,
-    triggerId: h,
-    onOpenByKeyboard: S
-  } = x({
+    setOpen: a,
+    animatedOpen: s,
+    startAnimation: u,
+    handleMouseEnter: d,
+    handleMouseLeave: M,
+    handleOpenChange: h,
+    triggerId: S,
+    onOpenByKeyboard: b
+  } = C({
     displayName: t,
     mode: e,
-    defaultOpen: o
+    defaultOpen: o,
+    onOpen: m
   });
   return /* @__PURE__ */ r(
-    C,
+    O,
     {
       mode: e,
       open: n,
-      setOpen: p,
-      animatedOpen: a,
+      setOpen: a,
+      animatedOpen: s,
       defaultOpen: o,
-      startAnimation: s,
-      onMouseEnter: u,
-      onMouseLeave: d,
-      onOpenByKeyboard: S,
-      triggerId: h,
+      startAnimation: u,
+      onMouseEnter: d,
+      onMouseLeave: M,
+      onOpenByKeyboard: b,
+      triggerId: S,
       children: /* @__PURE__ */ r(
-        b,
+        l,
         {
           open: n,
-          onOpenChange: M,
-          ...m,
+          onOpenChange: h,
+          ...p,
           children: i
         }
       )
     }
   );
 };
-O.displayName = t;
+f.displayName = t;
 export {
-  O as Sub
+  f as Sub
 };

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

@@ -1,13 +1,17 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { Sub as RadixDropdownMenuSub } from '@radix-ui/react-dropdown-menu';
 import { ContextMenuModeType } from '../../ContextMenu.types';
-export type SubProps = ComponentPropsWithoutRef<typeof RadixDropdownMenuSub> & {
+export type SubProps = Omit<ComponentPropsWithoutRef<typeof RadixDropdownMenuSub>, 'onOpenChange'> & {
     /**
      * Defines how the submenu is triggered.
      *
      * @default "hover"
      */
     mode?: ContextMenuModeType;
+    /**
+     * Called when submenu open state changes.
+     */
+    onOpen?: (open: boolean) => void;
 };
 export interface ContextMenuSubContextProps {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"Sub.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Sub/Sub.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,GAAG,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAE5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,MAAM,QAAQ,GAAG,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,GAAG;IAC7E;;;;OAIG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;CAC5B,CAAC;AAEF,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C"}
+{"version":3,"file":"Sub.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Sub/Sub.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,GAAG,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAE5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,MAAM,QAAQ,GAAG,IAAI,CACzB,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,EACrD,cAAc,CACf,GAAG;IACF;;;;OAIG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C"}

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.js

@@ -4,7 +4,7 @@ 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 "../../../../useContentPositioning-DO7ZotnD.mjs";
 import "../Content/Content.utils.js";
 import "../../providers/LevelProvider/LevelProvider.js";
 import { useContextMenuItemContext as B } from "../Item/Item.context.js";

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-DO7ZotnD.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.js

@@ -5,7 +5,7 @@ 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 "../../../../providers/LevelProvider/LevelProvider.js";
-import "../../../../../../useContentPositioning-BLCC-Xty.mjs";
+import "../../../../../../useContentPositioning-DO7ZotnD.mjs";
 import "../../../Content/Content.utils.js";
 import { useContextMenuItemFocus as h } from "../../../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
 const s = "ContextMenu.Trigger", j = v(

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 "../../../../useContentPositioning-DO7ZotnD.mjs";
 import "../Content/Content.utils.js";
 import "../../ContextMenu.context.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-DO7ZotnD.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-DO7ZotnD.mjs";
 import "../../components/Content/Content.enums.js";
 import "../../components/Content/Content.utils.js";
 export {

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

@@ -2,7 +2,7 @@ import { useId as z, useState as f, useRef as d, useEffect as x } from "react";
 import { ContextMenuMode as o } from "../../ContextMenu.enums.js";
 import "../../providers/LevelProvider/LevelProvider.js";
 import { useInheritedArrowColor as D } from "../useInheritedArrowColor/useInheritedArrowColor.js";
-import "../../../../useContentPositioning-BLCC-Xty.mjs";
+import "../../../../useContentPositioning-DO7ZotnD.mjs";
 import "../../components/Content/Content.utils.js";
 import "../../ContextMenu.context.js";
 import { useIsTouchDevice as F } from "../useIsTouchDevice/useIsTouchDevice.js";

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

@@ -1,5 +1,5 @@
 import { UseContextMenuSubOptions } from './useContextMenuSub.types';
-export declare function useContextMenuSub({ displayName, mode: initialMode, defaultOpen, }: UseContextMenuSubOptions): {
+export declare function useContextMenuSub({ displayName, mode: initialMode, defaultOpen, onOpen, }: UseContextMenuSubOptions): {
     open: boolean;
     setOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
     animatedOpen: boolean;

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;;;;;;;8BAyEQ,OAAO;8BAmCP,OAAO;;EA4GzC"}
+{"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"}

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

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

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

@@ -12,5 +12,9 @@ export interface UseContextMenuSubOptions {
      * The open state of the dropdown menu when it is initially rendered.
      */
     defaultOpen?: boolean;
+    /**
+     * Called when submenu open state changes.
+     */
+    onOpen?: (open: boolean) => void;
 }
 //# sourceMappingURL=useContextMenuSub.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useContextMenuSub.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuSub/useContextMenuSub.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}
+{"version":3,"file":"useContextMenuSub.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenuSub/useContextMenuSub.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC"}

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

@@ -1,7 +1,7 @@
 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-BLCC-Xty.mjs";
+import "../../../../useContentPositioning-DO7ZotnD.mjs";
 import "../../components/Content/Content.utils.js";
 import "../../ContextMenu.context.js";
 import { useLevelContext as X } from "../../providers/LevelProvider/LevelProvider.js";

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-BLCC-Xty.mjs";
+import "../../useContentPositioning-DO7ZotnD.mjs";
 import { Direction as p } from "./components/Content/Content.enums.js";
 import "./components/Content/Content.utils.js";
 export {

package/dist/{useContentPositioning-BLCC-Xty.mjs → useContentPositioning-DO7ZotnD.mjs}

@@ -57,7 +57,7 @@ import './assets/useContentPositioning.css';const q = "_content_k9opk_1", X = {
           k.div,
           {
             style: {
-              zIndex: Number.MAX_SAFE_INTEGER,
+              zIndex: Number.MAX_SAFE_INTEGER - 10,
               position: "fixed",
               ...y
             },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kommo-crm/crm-react-ui-kit",
   "description": "Ready-to-use React components which implements Kommo design",
-  "version": "1.1.1-beta.4",
+  "version": "1.1.1-beta.6",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "engines": {