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

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAiCA,OAAO,EAAqB,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAKzE,eAAO,MAAM,WAAW,EAmEnB,eAAe,CAAC"}
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAiCA,OAAO,EAAqB,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAKzE,eAAO,MAAM,WAAW,EA+EnB,eAAe,CAAC"}

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,83 +1,92 @@
 import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as v, useImperativeHandle as x } from "react";
-import { R as y } from "../../index-BA3njR2k.mjs";
-import { useContextMenu as D } from "./hooks/useContextMenu/useContextMenu.js";
+import { forwardRef as x, useImperativeHandle as y } from "react";
+import { R as D } from "../../index-CYWNqEqR.mjs";
+import { useContextMenu as T } from "./hooks/useContextMenu/useContextMenu.js";
 import "./providers/LevelProvider/LevelProvider.js";
-import { ContextMenuRootProvider as T, ContextMenuProvider as L, DISPLAY_NAME as E } from "./ContextMenu.context.js";
-import { C as N } from "../../useContentPositioning-DAKfbddS.mjs";
+import { ContextMenuRootProvider as L, ContextMenuProvider as E, DISPLAY_NAME as N } from "./ContextMenu.context.js";
+import { C as P } from "../../useContentPositioning-BLEFxO0N.mjs";
 import "./components/Content/Content.utils.js";
-import { Trigger as P } from "./components/Trigger/Trigger.js";
-import { Portal as w } from "./components/Portal/Portal.js";
-import { Sub as G } from "./components/Sub/Sub.js";
-import { SubTrigger as H } from "./components/SubTrigger/SubTrigger.js";
-import { SubContent as _ } from "./components/SubContent/SubContent.js";
-import { Arrow as k } from "./components/Arrow/Arrow.js";
-import { Item as Y } from "./components/Item/Item.js";
-import { ItemRightSlot as j } from "./components/ItemRightSlot/ItemRightSlot.js";
-import { Group as B } from "./components/Group/Group.js";
-import { Label as K } from "./components/Label/Label.js";
-import { CheckboxItem as U } from "./components/CheckboxItem/CheckboxItem.js";
-import { ItemIndicator as V } from "./components/ItemIndicator/ItemIndicator.js";
-import { RadioGroup as q } from "./components/RadioGroup/RadioGroup.js";
-import { RadioItem as z } from "./components/RadioItem/RadioItem.js";
-import { Separator as F } from "./components/Separator/Separator.js";
-import { ItemIcon as J } from "./components/ItemIcon/ItemIcon.js";
-import { SubRoot as Q } from "./components/SubRoot/SubRoot.js";
-const W = 200, X = 150, o = v(
-  ({ children: n, mode: p, onOpen: a, defaultOpen: f, onAnimatedOpen: l, ...u }, d) => {
+import { Trigger as w } from "./components/Trigger/Trigger.js";
+import { Portal as G } from "./components/Portal/Portal.js";
+import { Sub as H } from "./components/Sub/Sub.js";
+import { SubTrigger as _ } from "./components/SubTrigger/SubTrigger.js";
+import { SubContent as k } from "./components/SubContent/SubContent.js";
+import { Arrow as Y } from "./components/Arrow/Arrow.js";
+import { Item as j } from "./components/Item/Item.js";
+import { ItemRightSlot as B } from "./components/ItemRightSlot/ItemRightSlot.js";
+import { Group as K } from "./components/Group/Group.js";
+import { Label as U } from "./components/Label/Label.js";
+import { CheckboxItem as V } from "./components/CheckboxItem/CheckboxItem.js";
+import { ItemIndicator as q } from "./components/ItemIndicator/ItemIndicator.js";
+import { RadioGroup as z } from "./components/RadioGroup/RadioGroup.js";
+import { RadioItem as F } from "./components/RadioItem/RadioItem.js";
+import { Separator as J } from "./components/Separator/Separator.js";
+import { ItemIcon as Q } from "./components/ItemIcon/ItemIcon.js";
+import { SubRoot as W } from "./components/SubRoot/SubRoot.js";
+const X = 200, Z = 150, o = x(
+  ({
+    children: n,
+    mode: p,
+    onOpen: a,
+    defaultOpen: f,
+    onAnimatedOpen: u,
+    isCloseOnClick: l = !0,
+    ...d
+  }, I) => {
     const {
-      mode: I,
+      mode: C,
       open: e,
-      onOpenChange: C,
-      triggerRef: s,
-      contentRef: R,
-      inheritedArrowColor: c,
-      animatedOpen: b,
-      animationDuration: S,
-      hoverCloseDelay: g,
-      temporaryHoverClose: h,
+      onOpenChange: s,
+      triggerRef: R,
+      contentRef: c,
+      inheritedArrowColor: b,
+      animatedOpen: S,
+      animationDuration: g,
+      hoverCloseDelay: h,
+      temporaryHoverClose: M,
       closeMenuImmediately: t,
-      onMouseEnter: M,
-      onMouseLeave: A,
+      onMouseEnter: A,
+      onMouseLeave: O,
       enableTemporaryHoverClose: m,
       onOpenByKeyboard: i,
-      onChildClickOpen: O
-    } = D({
+      onChildClickOpen: v
+    } = T({
       mode: p,
       defaultOpen: f,
       onOpen: a,
-      onAnimatedOpen: l,
-      animationDuration: X,
-      hoverCloseDelay: W
+      onAnimatedOpen: u,
+      animationDuration: Z,
+      hoverCloseDelay: X
     });
-    return x(d, () => ({
+    return y(I, () => ({
       closeMenuImmediately: t,
       enableTemporaryHoverClose: m,
       onOpenByKeyboard: i
-    })), /* @__PURE__ */ r(T, { onChildClickOpen: O, children: /* @__PURE__ */ r(
-      L,
+    })), /* @__PURE__ */ r(L, { onChildClickOpen: v, children: /* @__PURE__ */ r(
+      E,
       {
-        mode: I,
-        triggerRef: s,
-        contentRef: R,
-        inheritedArrowColor: c,
-        animatedOpen: b,
-        animationDuration: S,
-        hoverCloseDelay: g,
-        temporaryHoverClose: h,
+        mode: C,
+        triggerRef: R,
+        contentRef: c,
+        inheritedArrowColor: b,
+        animatedOpen: S,
+        animationDuration: g,
+        hoverCloseDelay: h,
+        temporaryHoverClose: M,
         closeMenuImmediately: t,
-        onMouseEnter: M,
-        onMouseLeave: A,
+        onMouseEnter: A,
+        onMouseLeave: O,
         enableTemporaryHoverClose: m,
         onOpenByKeyboard: i,
+        isCloseOnClick: l,
         isOpen: e,
         children: /* @__PURE__ */ r(
-          y,
+          D,
           {
             open: e,
-            onOpenChange: C,
+            onOpenChange: s,
             modal: !1,
-            ...u,
+            ...d,
             children: n
           }
         )
@@ -85,26 +94,26 @@ const W = 200, X = 150, o = v(
     ) });
   }
 );
-o.displayName = E;
+o.displayName = N;
 o.Root = o;
-o.SubRoot = Q;
-o.Trigger = P;
-o.Content = N;
-o.Portal = w;
-o.Sub = G;
-o.SubTrigger = H;
-o.SubContent = _;
-o.Arrow = k;
-o.Item = Y;
-o.ItemRightSlot = j;
-o.Group = B;
-o.Label = K;
-o.CheckboxItem = U;
-o.RadioGroup = q;
-o.RadioItem = z;
-o.ItemIndicator = V;
-o.Separator = F;
-o.ItemIcon = J;
+o.SubRoot = W;
+o.Trigger = w;
+o.Content = P;
+o.Portal = G;
+o.Sub = H;
+o.SubTrigger = _;
+o.SubContent = k;
+o.Arrow = Y;
+o.Item = j;
+o.ItemRightSlot = B;
+o.Group = K;
+o.Label = U;
+o.CheckboxItem = V;
+o.RadioGroup = z;
+o.RadioItem = F;
+o.ItemIndicator = q;
+o.Separator = J;
+o.ItemIcon = Q;
 export {
   o as ContextMenu
 };

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

@@ -25,6 +25,10 @@ export type ContextMenuRootProps = Omit<RadixDropdownMenuRootProps, 'onOpenChang
      * Whether the menu is a submenu.
      */
     isSubmenu?: boolean;
+    /**
+     * Whether the menu should close when clicked.
+     */
+    isCloseOnClick?: boolean;
 };
 export interface ContextMenuContextProps {
     /**
@@ -113,6 +117,10 @@ export interface ContextMenuContextProps {
      * Whether the menu is open.
      */
     isOpen: boolean;
+    /**
+     * Whether the menu should close when clicked.
+     */
+    isCloseOnClick: boolean;
 }
 export interface ContextMenuRootContextProps {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.props.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,IAAI,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAErG,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE1D,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,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;;;;;OAKG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;OAEG;IACH,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C;;;;;OAKG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;;OAGG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,mBAAmB,EAAE,OAAO,CAAC;IAC7B;;;;;OAKG;IACH,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC;;;OAGG;IACH,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC;;;OAGG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,oBAAoB,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD;;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;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C"}
+{"version":3,"file":"ContextMenu.props.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,IAAI,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAErG,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE1D,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,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;;;;;OAKG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;OAEG;IACH,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C;;;;;OAKG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;;OAGG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,mBAAmB,EAAE,OAAO,CAAC;IAC7B;;;;;OAKG;IACH,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC;;;OAGG;IACH,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC;;;OAGG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,oBAAoB,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD;;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;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C"}

package/dist/components/ContextMenu/components/Arrow/Arrow.js

@@ -1,6 +1,6 @@
 import { jsxs as d, jsx as a } from "react/jsx-runtime";
 import { forwardRef as _ } from "react";
-import { A as e } from "../../../../index-BA3njR2k.mjs";
+import { A as e } from "../../../../index-CYWNqEqR.mjs";
 import { c as s } from "../../../../index-L8X2o7IH.mjs";
 import { useContextMenuContext as c } from "../../ContextMenu.context.js";
 import '../../../../assets/Arrow.css';const i = "_arrow_udm9h_1", f = "_arrow_border_udm9h_8", n = {

package/dist/components/ContextMenu/components/CheckboxItem/CheckboxItem.d.ts

@@ -276,5 +276,6 @@ export declare const CheckboxItem: React.ForwardRefExoticComponent<{
     isDisabled?: boolean;
     isChecked?: boolean;
     hasIconCheckFn?: (children: React.ReactNode) => boolean;
+    isCloseMenuOnClick?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=CheckboxItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/CheckboxItem/CheckboxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAkB1D,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAJM,WAAW;;;sCAkBpC,SACN;wCAuEC,CAAC"}
+{"version":3,"file":"CheckboxItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/CheckboxItem/CheckboxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAkB1D,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAJM,WAAW;;;sCAkBpC,SAAQ;;wCAuFb,CAAC"}

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

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

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

@@ -21,6 +21,10 @@ export type CheckboxItemProps = RadixCheckboxItemProps & {
      * By default, the `hasItemIcon` from utils is used.
      */
     hasIconCheckFn?: (children: React.ReactNode) => boolean;
+    /**
+     * Whether the CheckboxItem should close the menu when clicked.
+     */
+    isCloseMenuOnClick?: boolean;
 };
 export {};
 //# sourceMappingURL=CheckboxItem.props.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxItem.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/CheckboxItem/CheckboxItem.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,IAAI,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAEnG,KAAK,sBAAsB,GAAG,IAAI,CAChC,wBAAwB,CAAC,OAAO,6BAA6B,CAAC,EAC9D,UAAU,GAAG,SAAS,GAAG,iBAAiB,CAC3C,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,GAAG;IACvD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC;CACzD,CAAC"}
+{"version":3,"file":"CheckboxItem.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/CheckboxItem/CheckboxItem.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,IAAI,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAEnG,KAAK,sBAAsB,GAAG,IAAI,CAChC,wBAAwB,CAAC,OAAO,6BAA6B,CAAC,EAC9D,UAAU,GAAG,SAAS,GAAG,iBAAiB,CAC3C,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,GAAG;IACvD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC;IACxD;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC"}

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

@@ -1,13 +1,13 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../../index-BA3njR2k.mjs";
+import "../../../../index-CYWNqEqR.mjs";
 import "../../../../index-L8X2o7IH.mjs";
 import "../../../../react-spring_web.modern-Dnq1lqN5.mjs";
 import "../../../../lib/utils.js";
 import "../../providers/LevelProvider/LevelProvider.js";
 import "../../ContextMenu.context.js";
 import "../../ContextMenu.enums.js";
-import { C as b } from "../../../../useContentPositioning-DAKfbddS.mjs";
+import { C as b } from "../../../../useContentPositioning-BLEFxO0N.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-DAKfbddS.mjs";
+import { C as e } from "../../../../useContentPositioning-BLEFxO0N.mjs";
 import { Direction as i } from "./Content.enums.js";
 import { directionToSide as f } from "./Content.utils.js";
 export {

package/dist/components/ContextMenu/components/Group/Group.js

@@ -1,4 +1,4 @@
-import { G as o } from "../../../../index-BA3njR2k.mjs";
+import { G as o } from "../../../../index-CYWNqEqR.mjs";
 const p = "ContextMenu.Group", r = o;
 r.displayName = p;
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Item/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAcf,OAAO,KAAK,EAAa,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAQnE,eAAO,MAAM,IAAI,wKAwJf,CAAC"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Item/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAcf,OAAO,KAAK,EAAa,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAQnE,eAAO,MAAM,IAAI,wKA8Jf,CAAC"}

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

@@ -1,97 +1,98 @@
-import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as W, useMemo as y, useId as Y, useState as k, useRef as G, useEffect as J } from "react";
-import { I as Q } from "../../../../index-BA3njR2k.mjs";
-import { c as D } from "../../../../index-L8X2o7IH.mjs";
-import { mergeRefs as T } from "../../../../lib/utils.js";
-import { useLevelContext as U } from "../../providers/LevelProvider/LevelProvider.js";
-import { useContextMenuContext as V } from "../../ContextMenu.context.js";
-import { hasItemIcon as R } from "../../utils/hasItemIcon/hasItemIcon.js";
-import "../../../../useContentPositioning-DAKfbddS.mjs";
+import { jsx as b } from "react/jsx-runtime";
+import { forwardRef as G, useMemo as D, useId as J, useState as R, useRef as Q, useEffect as T } from "react";
+import { I as U } from "../../../../index-CYWNqEqR.mjs";
+import { c as F } from "../../../../index-L8X2o7IH.mjs";
+import { mergeRefs as V } from "../../../../lib/utils.js";
+import { useLevelContext as X } from "../../providers/LevelProvider/LevelProvider.js";
+import { useContextMenuContext as Z } from "../../ContextMenu.context.js";
+import { hasItemIcon as O } from "../../utils/hasItemIcon/hasItemIcon.js";
+import "../../../../useContentPositioning-BLEFxO0N.mjs";
 import "../Content/Content.utils.js";
-import { useContextMenuItemFocus as X } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
-import { ContextMenuItemProvider as Z } from "./Item.context.js";
-import '../../../../assets/Item2.css';const $ = "_item_zkanf_1", F = {
-  item: $
-}, s = "ContextMenu.Item", ee = W((t, x) => {
-  const { hasItemWithIcon: C } = U(s);
+import { useContextMenuItemFocus as $ } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
+import { ContextMenuItemProvider as ee } from "./Item.context.js";
+import '../../../../assets/Item2.css';const te = "_item_zkanf_1", _ = {
+  item: te
+}, s = "ContextMenu.Item", ne = G((t, p) => {
+  const { hasItemWithIcon: M } = X(s);
   if ("isSelectable" in t && t.isSelectable === !1) {
     const {
       className: e,
-      children: b,
-      isSelectable: q,
-      hasIconCheckFn: z = R,
-      ...B
-    } = t, K = y(() => z(b), [b]);
-    return /* @__PURE__ */ p(
+      children: C,
+      isSelectable: B,
+      hasIconCheckFn: K = O,
+      ...W
+    } = t, Y = D(() => K(C), [C]);
+    return /* @__PURE__ */ b(
       "div",
       {
-        ref: x,
-        className: D(F.item, e),
-        "data-not-selectable": !q,
-        "data-no-icon-align": K || !C ? "" : void 0,
-        ...B,
-        children: b
+        ref: p,
+        className: F(_.item, e),
+        "data-not-selectable": !B,
+        "data-no-icon-align": Y || !M ? "" : void 0,
+        ...W,
+        children: C
       }
     );
   }
   const {
-    className: _,
-    children: a,
-    isDisabled: M,
-    isDanger: w,
-    hasIconCheckFn: A = R,
-    onSelect: i,
+    className: w,
+    children: i,
+    isDisabled: x,
+    isDanger: A,
+    hasIconCheckFn: E = O,
+    onSelect: a,
     onClick: r,
     onFocus: c,
     onMouseEnter: m,
     onBlur: u,
     onMouseLeave: l,
     onKeyDown: d,
-    ...E
-  } = t, H = Y(), [S, v] = k(!1), [o, L] = k(!1), n = G(null), O = y(() => A(a), [a]), { closeMenuImmediately: N } = V(s), {
-    dataHighlighted: P,
+    isCloseMenuOnClick: S = !0,
+    ...H
+  } = t, L = J(), [v, N] = R(!1), [n, P] = R(!1), o = Q(null), j = D(() => E(i), [i]), { closeMenuImmediately: k, isCloseOnClick: y } = Z(s), {
+    dataHighlighted: q,
     onFocus: f,
     onMouseEnter: h,
     onBlur: g,
     onMouseLeave: I
-  } = X({
+  } = $({
     displayName: s,
-    id: H,
-    isDisabled: M,
-    hasSubmenu: o
+    id: L,
+    isDisabled: x,
+    hasSubmenu: n
   });
-  J(() => {
-    if (!n.current)
+  T(() => {
+    if (!o.current)
       return;
-    const e = n.current.querySelector("[data-submenu-trigger]");
-    L(!!e);
-  }, [n]);
-  const j = (e) => {
-    o && e.key === "ArrowRight" && v(!0), d == null || d(e);
+    const e = o.current.querySelector("[data-submenu-trigger]");
+    P(!!e);
+  }, [o]);
+  const z = (e) => {
+    n && e.key === "ArrowRight" && N(!0), d == null || d(e);
   };
-  return /* @__PURE__ */ p(
-    Z,
+  return /* @__PURE__ */ b(
+    ee,
     {
-      hasSubmenu: o,
-      subMenuOpen: S,
-      setSubMenuOpen: v,
-      children: /* @__PURE__ */ p(
-        Q,
+      hasSubmenu: n,
+      subMenuOpen: v,
+      setSubMenuOpen: N,
+      children: /* @__PURE__ */ b(
+        U,
         {
-          ref: T(x, n),
-          className: D(F.item, _),
-          disabled: M,
+          ref: V(p, o),
+          className: F(_.item, w),
+          disabled: x,
           "data-item": !0,
-          "data-danger": w ? "" : void 0,
-          "data-no-icon-align": O || !C ? "" : void 0,
-          "data-has-submenu": o ? "" : void 0,
+          "data-danger": A ? "" : void 0,
+          "data-no-icon-align": j || !M ? "" : void 0,
+          "data-has-submenu": n ? "" : void 0,
           onSelect: (e) => {
-            i == null || i(e), N(!0);
+            a == null || a(e), y && S && k(!0);
           },
           onClick: (e) => {
-            e.preventDefault(), r == null || r(e), N(!0);
+            e.preventDefault(), r == null || r(e), y && S && k(!0);
           },
-          "data-highlighted": S || P,
+          "data-highlighted": v || q,
           onFocus: (e) => {
             f == null || f(), c == null || c(e);
           },
@@ -104,15 +105,15 @@ import '../../../../assets/Item2.css';const $ = "_item_zkanf_1", F = {
           onMouseLeave: (e) => {
             I == null || I(e), l == null || l(e);
           },
-          onKeyDown: j,
-          ...E,
-          children: a
+          onKeyDown: z,
+          ...H,
+          children: i
         }
       )
     }
   );
 });
-ee.displayName = s;
+ne.displayName = s;
 export {
-  ee as Item
+  ne as Item
 };

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

@@ -15,6 +15,12 @@ export type SelectableItemProps = RadixItemProps & {
      * By default, the `hasItemIcon` from utils is used.
      */
     hasIconCheckFn?: (children: React.ReactNode) => boolean;
+    /**
+     * Whether the item should close the menu when clicked.
+     *
+     * @default true
+     */
+    isCloseMenuOnClick?: boolean;
 };
 export type NotSelectableItemProps = React.ComponentPropsWithRef<'div'> & {
     /**