@kommo-crm/crm-react-ui-kit 1.1.1-beta.9 → 1.2.0-beta.17

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

@@ -1,12 +1,12 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { ContentProps } from '../Content/Content.props';
-import { TriggerProps } from '../Trigger/Trigger.props';
 import { ContextMenuHandle } from '../../ContextMenu.types';
+import { ContentProps } from '../Content/Content.props';
+import { TriggerProps } from './components/Trigger/Trigger.props';
 import { ContextMenuSubRootProps } from './SubRoot.props';
 export type ContextMenuSubRootComponentType = ForwardRefExoticComponent<ContextMenuSubRootProps & RefAttributes<ContextMenuHandle>>;
 export interface ContextMenuSubRootType extends ContextMenuSubRootComponentType {
     Root: ContextMenuSubRootComponentType;
-    Content: React.FC<ContentProps>;
-    Trigger: React.FC<TriggerProps>;
+    Content: ForwardRefExoticComponent<ContentProps & RefAttributes<HTMLDivElement>>;
+    Trigger: ForwardRefExoticComponent<TriggerProps & RefAttributes<HTMLButtonElement>>;
 }
 //# sourceMappingURL=SubRoot.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SubRoot.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/SubRoot/SubRoot.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,MAAM,MAAM,+BAA+B,GAAG,yBAAyB,CACrE,uBAAuB,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAC3D,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,+BAA+B;IACvC,IAAI,EAAE,+BAA+B,CAAC;IACtC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;IAChC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;CACjC"}
+{"version":3,"file":"SubRoot.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/SubRoot/SubRoot.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAElE,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,MAAM,MAAM,+BAA+B,GAAG,yBAAyB,CACrE,uBAAuB,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAC3D,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,+BAA+B;IACvC,IAAI,EAAE,+BAA+B,CAAC;IACtC,OAAO,EAAE,yBAAyB,CAChC,YAAY,GAAG,aAAa,CAAC,cAAc,CAAC,CAC7C,CAAC;IACF,OAAO,EAAE,yBAAyB,CAChC,YAAY,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAChD,CAAC;CACH"}

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

@@ -272,7 +272,6 @@ export declare const Content: React.ForwardRefExoticComponent<{
     asChild?: boolean | undefined;
     side?: ("left" | "right" | "bottom" | "top") | undefined;
     sideOffset?: number | undefined;
-    align?: ("center" | "end" | "start") | undefined;
     alignOffset?: number | undefined;
     arrowPadding?: number | undefined;
     collisionBoundary?: ((Element | null) | (Element | null)[]) | undefined;
@@ -298,5 +297,6 @@ export declare const Content: React.ForwardRefExoticComponent<{
     direction?: import('../../../Content').DirectionType;
     collisionBoundary?: Element;
     disableAutoPositioning?: boolean;
+    disableRepositioning?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Content.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/ContextMenu/components/SubRoot/components/Content/Content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AA4BpD,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAkHnB,CAAC"}
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/ContextMenu/components/SubRoot/components/Content/Content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AA+BpD,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAkInB,CAAC"}

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

@@ -1,96 +1,109 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as L, useState as C } from "react";
-import { C as j } from "../../../../../../index-CYWNqEqR.mjs";
-import { c as k } from "../../../../../../index-L8X2o7IH.mjs";
-import { u as w, e as z, a as F } from "../../../../../../react-spring_web.modern-Dnq1lqN5.mjs";
-import { mergeRefs as M } from "../../../../../../lib/utils.js";
-import { LevelProvider as X } from "../../../../providers/LevelProvider/LevelProvider.js";
-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-BLEFxO0N.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(
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as F, useState as O } from "react";
+import { g as X } from "../../../../../../index-DmGLJEdp.mjs";
+import { c as Y } from "../../../../../../index-L8X2o7IH.mjs";
+import { u as q, a as J, e as K, b as Q } from "../../../../../../useContentPositioning-CLU2E_Oz.mjs";
+import { mergeRefs as U } from "../../../../../../lib/utils.js";
+import { useLevelContext as V, LevelProvider as Z } from "../../../../providers/LevelProvider/LevelProvider.js";
+import { useContextMenuContext as $ } from "../../../../ContextMenu.context.js";
+import { ContextMenuMode as R } from "../../../../ContextMenu.enums.js";
+import { focusParentItem as B } from "../../../../utils/focusParentItem/focusParentItem.js";
+import "../../../../providers/SubMenuProvider/SubMenuProvider.js";
+import { Direction as tt } from "../../../Content/Content.enums.js";
+import { directionToSide as et } from "../../../Content/Content.utils.js";
+import '../../../../../../assets/Content.css';const ot = "_content_k9opk_1", nt = {
+  content: ot
+}, m = "ContextMenu.SubRoot.Content", it = F(
   ({
-    style: N,
-    className: R,
-    children: s,
-    alignOffset: S,
-    arrowPadding: h = 5,
-    collisionBoundary: a,
-    direction: f = Q.DOWN_RIGHT,
-    disableAutoPositioning: c = !1,
+    style: h,
+    className: x,
+    children: a,
+    alignOffset: v,
+    arrowPadding: S = 5,
+    collisionBoundary: c,
+    direction: f = tt.DOWN_RIGHT,
+    disableAutoPositioning: l = !1,
+    disableRepositioning: _ = !1,
     onMouseEnter: e,
-    onMouseLeave: r,
-    onKeyDown: o,
-    ...y
-  }, A) => {
-    const [O, v] = C(!1), [P, _] = C(null), {
+    onMouseLeave: o,
+    onKeyDown: n,
+    ...k
+  }, N) => {
+    const [y, A] = O(!1), [P, b] = O(null), {
       triggerRef: p,
       contentRef: d,
       animatedOpen: H,
-      animationDuration: T,
-      mode: I,
-      temporaryHoverClose: l,
+      animationDuration: L,
+      mode: C,
+      temporaryHoverClose: u,
       onMouseEnter: i,
-      onMouseLeave: n,
-      closeMenuImmediately: W
-    } = Y(x), { align: b, labelOffset: D, isPositioned: u } = J({
+      onMouseLeave: s,
+      closeMenuImmediately: I,
+      isOpen: M,
+      onChildOpen: T,
+      isCloseOnClick: W,
+      shouldCloseRootMenuOnClick: D
+    } = $(m), { level: E } = V(m), { align: G, offset: j, isPositioned: g } = q({
       direction: f,
-      alignOffset: S,
-      disableAutoPositioning: c,
+      alignOffset: v,
+      disableAutoPositioning: l,
       triggerRef: p,
       contentRef: d,
-      collisionBoundary: a,
-      children: s
-    }), E = w({
-      opacity: u && (I === g.CLICK && !l || H) ? 1 : 0,
-      config: I === g.CLICK && !l ? { duration: 0 } : { duration: T, easing: z.easeInOutCubic }
-    }), G = (t) => {
-      t.key === "ArrowLeft" && (W(), q(p.current)), o == null || o(t);
+      collisionBoundary: c,
+      children: a,
+      disableRepositioning: _
+    }), w = J({
+      opacity: g && (C === R.CLICK && !u || H) ? 1 : 0,
+      config: C === R.CLICK && !u ? { duration: 0 } : { duration: L, easing: K.easeInOutCubic }
+    }), z = (t) => {
+      t.key === "ArrowLeft" && (I(), B(p.current)), n == null || n(t);
     };
-    return /* @__PURE__ */ m(
-      X,
+    return /* @__PURE__ */ r(
+      Z,
       {
-        hasItemWithIcon: O,
-        setHasItemWithIcon: v,
+        hasItemWithIcon: y,
+        setHasItemWithIcon: A,
         activeItemId: P,
-        setActiveItemId: _,
-        children: /* @__PURE__ */ m(
-          F.div,
+        setActiveItemId: b,
+        onChildOpen: T,
+        isCloseOnClick: W,
+        closeMenuImmediately: I,
+        shouldCloseRootMenuOnClick: D ?? !1,
+        level: E + 1,
+        children: M && /* @__PURE__ */ r(
+          Q.div,
           {
             style: {
               zIndex: Number.MAX_SAFE_INTEGER - 10,
               position: "fixed",
-              ...E
+              ...w
             },
             "data-content-wrapper": !0,
-            children: /* @__PURE__ */ m(
-              j,
+            children: /* @__PURE__ */ r(
+              X,
               {
-                ref: M(d, A),
-                className: k(K.content, R),
+                ref: U(d, N),
+                className: Y(nt.content, x),
                 style: {
-                  ...N || {},
-                  pointerEvents: c || u ? "auto" : "none"
+                  ...h || {},
+                  pointerEvents: l || g ? "auto" : "none"
                 },
-                collisionBoundary: a,
-                side: U[f],
-                align: b,
-                arrowPadding: h,
-                alignOffset: D,
+                collisionBoundary: c,
+                side: et[f],
+                align: G,
+                arrowPadding: S,
+                alignOffset: j,
                 onMouseEnter: (t) => {
                   i == null || i(t), e == null || e(t);
                 },
                 onMouseLeave: (t) => {
-                  n == null || n(t), r == null || r(t);
+                  s == null || s(t), o == null || o(t);
                 },
                 onKeyDown: (t) => {
-                  G(t);
+                  z(t);
                 },
-                ...y,
-                children: s
+                ...k,
+                children: a
               }
             )
           }
@@ -99,7 +112,7 @@ const x = "ContextMenu.Content", V = L(
     );
   }
 );
-V.displayName = x;
+it.displayName = m;
 export {
-  V as Content
+  it as Content
 };

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,kMA6EnB,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;AAmB1C,eAAO,MAAM,OAAO,kMA8EnB,CAAC"}

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

@@ -1,70 +1,81 @@
-import { jsx as b } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { T as v } from "../../../../../../index-CYWNqEqR.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 { jsx as E } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import { T } from "../../../../../../index-DmGLJEdp.mjs";
+import { c as b } from "../../../../../../index-L8X2o7IH.mjs";
+import { mergeRefs as L } from "../../../../../../lib/utils.js";
+import { useContextMenuContext as y } from "../../../../ContextMenu.context.js";
+import { ContextMenuMode as A } from "../../../../ContextMenu.enums.js";
+import "../../../../../../useContentPositioning-CLU2E_Oz.mjs";
 import "../../../../providers/LevelProvider/LevelProvider.js";
-import "../../../../../../useContentPositioning-BLEFxO0N.mjs";
+import "../../../../providers/SubMenuProvider/SubMenuProvider.js";
 import "../../../Content/Content.utils.js";
-import { useContextMenuItemFocus as j } from "../../../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
-const a = "ContextMenu.Trigger", D = c(
+import { useContextMenuItemFocus as H } from "../../../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
+import '../../../../../../assets/Trigger.css';const O = "_trigger_19e8i_1", S = "_open_19e8i_5", g = {
+  trigger: O,
+  open: S
+}, s = "ContextMenu.SubRoot.Trigger", j = N(
   ({
-    className: x,
-    children: u,
-    onFocus: r,
-    onBlur: e,
+    className: p,
+    children: d,
+    onFocus: t,
+    onBlur: r,
     onMouseEnter: o,
     onMouseLeave: i,
     onPointerDown: m,
-    ...C
-  }, n) => {
+    ...f
+  }, u) => {
     const {
-      triggerRef: M,
-      mode: d,
-      onMouseEnter: R,
-      onMouseLeave: T,
-      triggerId: N
-    } = A(a), {
-      onFocus: p,
-      onMouseEnter: f,
-      onBlur: g,
-      onMouseLeave: s
-    } = j({
-      displayName: a,
-      id: N || "",
+      isOpen: n,
+      triggerRef: a,
+      mode: l,
+      onMouseEnter: c,
+      onMouseLeave: h,
+      triggerId: x
+    } = y(s), {
+      dataHighlighted: M,
+      onFocus: C,
+      onMouseEnter: I,
+      onBlur: _,
+      onMouseLeave: R
+    } = H({
+      displayName: s,
+      ref: a,
+      id: x || "",
       isDisabled: !1,
-      onMouseEnter: R,
-      onMouseLeave: T
-    });
-    return /* @__PURE__ */ b(
-      v,
+      onMouseEnter: (e) => {
+        c(e), o == null || o(e);
+      },
+      onMouseLeave: (e) => {
+        h(e), i == null || i(e);
+      },
+      onFocus: (e) => {
+        t == null || t(e);
+      },
+      onBlur: (e) => {
+        r == null || r(e);
+      }
+    }), v = (e) => {
+      l === A.HOVER && e.preventDefault(), e.stopPropagation(), m == null || m(e);
+    };
+    return /* @__PURE__ */ E(
+      T,
       {
-        ref: y(M, n),
-        className: x,
-        onPointerDown: (t) => {
-          d === E.HOVER && t.preventDefault(), t.stopPropagation(), m == null || m(t);
-        },
-        onMouseEnter: (t) => {
-          f == null || f(t), o == null || o(t);
-        },
-        onMouseLeave: (t) => {
-          s == null || s(t), i == null || i(t);
-        },
-        onFocus: (t) => {
-          t.preventDefault(), t.stopPropagation(), p == null || p(), r == null || r(t);
-        },
-        onBlur: (t) => {
-          g == null || g(), e == null || e(t);
-        },
+        ref: L(a, u),
+        className: b(g.trigger, { [g.open]: n }, p),
+        "data-highlighted": M || n ? "" : void 0,
+        onPointerDown: v,
+        onFocus: C,
+        onMouseEnter: I,
+        onBlur: _,
+        onMouseLeave: R,
         "data-submenu-trigger": !0,
-        ...C,
-        children: u
+        ...f,
+        children: d
       }
     );
   }
 );
-D.displayName = a;
+j.displayName = s;
 export {
-  D as Trigger
+  j as Trigger
 };

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

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

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

@@ -1,99 +1,111 @@
-import { jsx as M } from "react/jsx-runtime";
-import { forwardRef as R } from "react";
-import { b as H } from "../../../../index-CYWNqEqR.mjs";
-import { c as j } from "../../../../index-L8X2o7IH.mjs";
-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 { jsx as K } from "react/jsx-runtime";
+import { forwardRef as V } from "react";
+import { b as Y } from "../../../../index-DmGLJEdp.mjs";
+import { c as q } from "../../../../index-L8X2o7IH.mjs";
+import { mergeRefs as z } from "../../../../lib/utils.js";
+import { useLevelContext as G } from "../../providers/LevelProvider/LevelProvider.js";
+import { useContextMenuSubContext as J } from "../Sub/Sub.context.js";
+import { hasItemIcon as Q } from "../../utils/hasItemIcon/hasItemIcon.js";
+import "../../../../useContentPositioning-CLU2E_Oz.mjs";
+import { ContextMenuMode as r } from "../../ContextMenu.enums.js";
+import "../../providers/SubMenuProvider/SubMenuProvider.js";
 import "../../ContextMenu.context.js";
-import "../../../../useContentPositioning-BLEFxO0N.mjs";
 import "../Content/Content.utils.js";
-import { useContextMenuItemFocus as W } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
-import '../../../../assets/SubTrigger.css';const Y = "_sub_trigger_ip3hq_1", w = {
-  sub_trigger: Y
-}, p = "ContextMenu.SubTrigger", z = R(
+import { useContextMenuItemFocus as U } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
+import { useSubMenu as X } from "../../hooks/useSubMenu/useSubMenu.js";
+import { useChildrenWithBlocker as Z } from "../../hooks/useChildrenWithBlocker/useChildrenWithBlocker.js";
+import '../../../../assets/SubTrigger.css';const $ = "_sub_trigger_12gka_1", w = "_blocker_12gka_30", h = {
+  sub_trigger: $,
+  blocker: w
+}, i = "ContextMenu.SubTrigger", D = V(
   ({
-    className: L,
-    children: v,
-    isDisabled: h,
-    onKeyDown: a,
-    onFocus: s,
-    onBlur: g,
-    onClick: e,
-    onPointerEnter: f,
-    onPointerMove: m,
-    onPointerLeave: u,
-    onMouseEnter: d,
-    onMouseLeave: C,
-    ...S
-  }, l) => {
-    const { hasItemWithIcon: A } = q(p), {
-      mode: r,
-      open: b,
+    className: I,
+    children: l,
+    isDisabled: c,
+    onKeyDown: s,
+    onFocus: x,
+    onBlur: _,
+    onClick: a,
+    onPointerEnter: m,
+    onPointerMove: u,
+    onPointerLeave: p,
+    onMouseEnter: f,
+    onMouseLeave: g,
+    ...v
+  }, M) => {
+    const { hasItemWithIcon: k } = G(i), {
+      mode: e,
+      isOpen: d,
       defaultOpen: o,
-      setOpen: N,
-      onMouseEnter: O,
-      onMouseLeave: T,
-      triggerId: y,
-      onOpenByKeyboard: n
-    } = D(p), {
-      dataHighlighted: K,
+      setOpen: L,
+      onMouseEnter: S,
+      onMouseLeave: N,
+      triggerId: O,
+      triggerRef: R,
+      onOpenByKeyboard: b
+    } = J(i), { itemRef: C, hasSubmenu: B, subMenuOpen: A, handleKeyDown: n, withProvider: F } = X({ onKeyDown: s }), {
+      dataHighlighted: T,
+      onFocus: y,
+      onMouseEnter: E,
+      onBlur: H,
+      onMouseLeave: W
+    } = U({
+      displayName: i,
+      ref: C,
+      id: O,
+      isDisabled: c,
+      onMouseEnter: (t) => {
+        S(t), f == null || f(t);
+      },
+      onMouseLeave: (t) => {
+        N(t), g == null || g(t);
+      },
+      hasSubmenu: B,
       onFocus: x,
-      onMouseEnter: c,
-      onBlur: I,
-      onMouseLeave: _
-    } = W({
-      displayName: p,
-      id: y,
-      isDisabled: h,
-      onMouseEnter: O,
-      onMouseLeave: T
+      onBlur: _
+    }), j = Z({
+      children: l,
+      displayName: i,
+      blockerClassName: h.blocker
     });
-    return /* @__PURE__ */ M(
-      H,
-      {
-        ref: l,
-        className: j(w.sub_trigger, L),
-        disabled: h,
-        "data-item": !0,
-        "data-no-icon-align": V(v) || !A ? "" : 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);
-        },
-        onMouseLeave: (t) => {
-          _ == null || _(t), C == null || C(t);
-        },
-        onKeyDown: (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) => {
-          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(!b)), e == null || e(t);
-        },
-        onPointerEnter: (t) => {
-          (r === i.CLICK || o !== void 0) && (t.preventDefault(), t.stopPropagation()), f == null || f(t);
-        },
-        onPointerMove: (t) => {
-          (r === i.CLICK || o !== void 0) && (t.preventDefault(), t.stopPropagation()), m == null || m(t);
-        },
-        onPointerLeave: (t) => {
-          (r === i.CLICK || o !== void 0) && (t.preventDefault(), t.stopPropagation()), u == null || u(t);
-        },
-        ...S,
-        children: v
-      }
+    return F(
+      /* @__PURE__ */ K(
+        Y,
+        {
+          ref: z(M, R, C),
+          className: q(h.sub_trigger, I),
+          disabled: c,
+          "data-item": !0,
+          "data-no-icon-align": Q(l) || !k ? "" : void 0,
+          "data-highlighted": A || d || T === "" || e === r.CLICK && d ? "" : void 0,
+          "data-submenu-trigger": !0,
+          onKeyDown: (t) => {
+            e === r.HOVER && (["Enter", " ", "ArrowRight"].includes(t.key) ? b(!0) : t.key === "ArrowLeft" && b(!1)), n == null || n(t), s == null || s(t);
+          },
+          onClick: (t) => {
+            (e === r.CLICK || o !== void 0) && (t.preventDefault(), t.stopPropagation(), o === void 0 && L(!d)), a == null || a(t);
+          },
+          onFocus: y,
+          onMouseEnter: E,
+          onBlur: H,
+          onMouseLeave: W,
+          onPointerEnter: (t) => {
+            (e === r.CLICK || o !== void 0) && (t.preventDefault(), t.stopPropagation()), m == null || m(t);
+          },
+          onPointerMove: (t) => {
+            (e === r.CLICK || o !== void 0) && (t.preventDefault(), t.stopPropagation()), u == null || u(t);
+          },
+          onPointerLeave: (t) => {
+            (e === r.CLICK || o !== void 0) && (t.preventDefault(), t.stopPropagation()), p == null || p(t);
+          },
+          ...v,
+          children: j
+        }
+      )
     );
   }
 );
-z.displayName = p;
+D.displayName = i;
 export {
-  z as SubTrigger
+  D as SubTrigger
 };

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

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

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

@@ -1,6 +1,6 @@
 import { jsx as C } from "react/jsx-runtime";
 import { forwardRef as R } from "react";
-import { T as E } from "../../../../index-CYWNqEqR.mjs";
+import { T as E } from "../../../../index-DmGLJEdp.mjs";
 import { c as T } from "../../../../index-L8X2o7IH.mjs";
 import { mergeRefs as n } from "../../../../lib/utils.js";
 import { useContextMenuContext as A } from "../../ContextMenu.context.js";

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

@@ -5,4 +5,12 @@ export { useContentPositioning } from './useContentPositioning/useContentPositio
 export { useContextMenuSub } from './useContextMenuSub/useContextMenuSub';
 export { useContextMenuItemFocus } from './useContextMenuItemFocus/useContextMenuItemFocus';
 export { useIsTouchDevice } from './useIsTouchDevice/useIsTouchDevice';
+export { useClickOutside } from './useClickOutside/useClickOutside';
+export { useStopContextMenuEvents } from './useStopContextMenuEvents/useStopContextMenuEvents';
+export { useSubMenu } from './useSubMenu/useSubMenu';
+export { useInnerInputsFocus } from './useInnerInputsFocus/useInnerInputsFocus';
+export { useItemInnerFocus } from './useItemInnerFocus/useItemInnerFocus';
+export { useChildrenWithBlocker } from './useChildrenWithBlocker/useChildrenWithBlocker';
+export { useMouseMoveOutside } from './useMouseMoveOutside/useMouseMoveOutside';
+export { usePrevious } from './usePrevious/usePrevious';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ContextMenu/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AACzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,mDAAmD,CAAC;AAC5F,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ContextMenu/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AACzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,mDAAmD,CAAC;AAC5F,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AAC/F,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AACzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC"}