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

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

@@ -271,10 +271,12 @@ export declare const CheckboxItem: React.ForwardRefExoticComponent<{
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     asChild?: boolean | undefined;
     textValue?: string | undefined;
+    onCheckedChange?: ((checked: boolean) => void) | undefined;
 } & {
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (e: React.ChangeEvent<HTMLDivElement>) => void;
     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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAJd,WAAW;;;sCAiBhB,SAAE;;wCA+FP,CAAC"}

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

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

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

@@ -1,12 +1,12 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { CheckboxItem as RadixDropdownMenuCheckboxItem } from '@radix-ui/react-dropdown-menu';
-type RadixCheckboxItemProps = Omit<ComponentPropsWithoutRef<typeof RadixDropdownMenuCheckboxItem>, 'disabled' | 'checked' | 'onCheckedChange'>;
+type RadixCheckboxItemProps = Omit<ComponentPropsWithoutRef<typeof RadixDropdownMenuCheckboxItem>, 'disabled' | 'checked'>;
 export type CheckboxItemProps = RadixCheckboxItemProps & {
     /**
      * Callback that fires when the checked state changes.
      * Mimics the native input `onChange` event pattern.
      */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (e: React.ChangeEvent<HTMLDivElement>) => void;
     /**
      * Whether the CheckboxItem is disabled.
      */
@@ -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,CACvB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,GAAG;IACvD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC1D;;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"}