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

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

@@ -1,114 +1,119 @@
 import { jsx as b } from "react/jsx-runtime";
-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-DO7ZotnD.mjs";
+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 V } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
-import { ContextMenuItemProvider as X } from "./Item.context.js";
-import '../../../../assets/Item2.css';const Z = "_item_zkanf_1", R = {
-  item: Z
-}, s = "ContextMenu.Item", $ = K((t, p) => {
-  const { hasItemWithIcon: x } = T(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: I,
-      isSelectable: j,
-      hasIconCheckFn: q = k,
-      ...z
-    } = t, B = N(() => q(I), [I]);
+      children: C,
+      isSelectable: B,
+      hasIconCheckFn: K = O,
+      ...W
+    } = t, Y = D(() => K(C), [C]);
     return /* @__PURE__ */ b(
       "div",
       {
         ref: p,
-        className: y(R.item, e),
-        "data-not-selectable": !j,
-        "data-no-icon-align": B || !x ? "" : void 0,
-        ...z,
-        children: I
+        className: F(_.item, e),
+        "data-not-selectable": !B,
+        "data-no-icon-align": Y || !M ? "" : void 0,
+        ...W,
+        children: C
       }
     );
   }
   const {
-    className: D,
-    children: a,
-    isDisabled: C,
-    isDanger: F,
-    hasIconCheckFn: _ = k,
-    onSelect: i,
-    onFocus: r,
-    onMouseEnter: c,
-    onBlur: m,
-    onMouseLeave: u,
-    onKeyDown: l,
-    ...w
-  } = 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,
-    onBlur: h,
-    onMouseLeave: g
-  } = V({
+    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,
+    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
+  } = $({
     displayName: s,
-    id: A,
-    isDisabled: C,
-    hasSubmenu: o
+    id: L,
+    isDisabled: x,
+    hasSubmenu: n
   });
-  G(() => {
-    if (!n.current)
+  T(() => {
+    if (!o.current)
       return;
-    const e = n.current.querySelector("[data-submenu-trigger]");
-    E(!!e);
-  }, [n]);
-  const P = (e) => {
-    o && e.key === "ArrowRight" && S(!0), l == null || l(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__ */ b(
-    X,
+    ee,
     {
-      hasSubmenu: o,
-      subMenuOpen: M,
-      setSubMenuOpen: S,
+      hasSubmenu: n,
+      subMenuOpen: v,
+      setSubMenuOpen: N,
       children: /* @__PURE__ */ b(
-        J,
+        U,
         {
-          ref: Q(p, n),
-          className: y(R.item, D),
-          disabled: C,
+          ref: V(p, o),
+          className: F(_.item, w),
+          disabled: x,
           "data-item": !0,
-          "data-danger": F ? "" : void 0,
-          "data-no-icon-align": H || !x ? "" : 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), L(!0);
+            a == null || a(e), y && S && k(!0);
           },
-          "data-highlighted": M || O,
+          onClick: (e) => {
+            e.preventDefault(), r == null || r(e), y && S && k(!0);
+          },
+          "data-highlighted": v || q,
           onFocus: (e) => {
-            d == null || d(), r == null || r(e);
+            f == null || f(), c == null || c(e);
           },
           onMouseEnter: (e) => {
-            f == null || f(e), c == null || c(e);
+            h == null || h(e), m == null || m(e);
           },
           onBlur: (e) => {
-            h == null || h(), m == null || m(e);
+            g == null || g(), u == null || u(e);
           },
           onMouseLeave: (e) => {
-            g == null || g(e), u == null || u(e);
+            I == null || I(e), l == null || l(e);
           },
-          onKeyDown: P,
-          ...w,
-          children: a
+          onKeyDown: z,
+          ...H,
+          children: i
         }
       )
     }
   );
 });
-$.displayName = s;
+ne.displayName = s;
 export {
-  $ 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'> & {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"Item.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Item/Item.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEnF,KAAK,cAAc,GAAG,IAAI,CACxB,KAAK,CAAC,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,EACzD,UAAU,CACX,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG;IACjD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,GAAG;IACxE;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,mBAAmB,GAAG,sBAAsB,CAAC;AAErE,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C"}
+{"version":3,"file":"Item.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Item/Item.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEnF,KAAK,cAAc,GAAG,IAAI,CACxB,KAAK,CAAC,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,EACzD,UAAU,CACX,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG;IACjD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC;IACxD;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,GAAG;IACxE;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,mBAAmB,GAAG,sBAAsB,CAAC;AAErE,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C"}

package/dist/components/ContextMenu/components/ItemIndicator/ItemIndicator.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as c, useRef as f, useEffect as a } from "react";
-import { e as d } from "../../../../index-BA3njR2k.mjs";
+import { e as d } from "../../../../index-CYWNqEqR.mjs";
 import { c as p } from "../../../../index-L8X2o7IH.mjs";
 import { mergeRefs as I } from "../../../../lib/utils.js";
 import { useLevelContext as l } from "../../providers/LevelProvider/LevelProvider.js";

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

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { L as n } from "../../../../index-BA3njR2k.mjs";
+import { L as n } from "../../../../index-CYWNqEqR.mjs";
 import { c } from "../../../../index-L8X2o7IH.mjs";
 import { useLevelContext as i } from "../../providers/LevelProvider/LevelProvider.js";
 import { hasItemIcon as b } from "../../utils/hasItemIcon/hasItemIcon.js";

package/dist/components/ContextMenu/components/Portal/Portal.js

@@ -1,4 +1,4 @@
-import { P as o } from "../../../../index-BA3njR2k.mjs";
+import { P as o } from "../../../../index-CYWNqEqR.mjs";
 const t = "ContextMenu.Portal", a = o;
 a.displayName = t;
 export {

package/dist/components/ContextMenu/components/RadioGroup/RadioGroup.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { a as n } from "../../../../index-BA3njR2k.mjs";
+import { a as n } from "../../../../index-CYWNqEqR.mjs";
 const r = "ContextMenu.RadioGroup", i = ({
   onChange: t,
   ...e

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"RadioItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/RadioItem/RadioItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAkB1D,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAFqB,SAEtC;wCA0EJ,CAAC"}
+{"version":3,"file":"RadioItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/RadioItem/RadioItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAkB1D,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAFqB,SAEtC;;wCAyFJ,CAAC"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"RadioItem.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/RadioItem/RadioItem.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,IAAI,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAE7F,KAAK,mBAAmB,GAAG,IAAI,CAC7B,wBAAwB,CAAC,OAAO,0BAA0B,CAAC,EAC3D,UAAU,CACX,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IACjD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC;CACzD,CAAC"}
+{"version":3,"file":"RadioItem.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/RadioItem/RadioItem.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,IAAI,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAE7F,KAAK,mBAAmB,GAAG,IAAI,CAC7B,wBAAwB,CAAC,OAAO,0BAA0B,CAAC,EAC3D,UAAU,CACX,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IACjD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;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/Separator/Separator.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
-import { g as s } from "../../../../index-BA3njR2k.mjs";
+import { g as s } from "../../../../index-CYWNqEqR.mjs";
 import { c as p } from "../../../../index-L8X2o7IH.mjs";
 import '../../../../assets/Separator.css';const m = "_separator_1k8lw_1", c = {
   separator: m

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, onOpen, defaultOpen, ...rest }: SubProps): React.JSX.Element;
-    displayName: string;
-};
+import { ContextMenuSubHandle } from './Sub.types';
+export declare const Sub: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dropdown-menu').DropdownMenuSubProps, "onOpenChange"> & {
+    mode?: import('../..').ContextMenuModeType;
+    onOpen?: (open: boolean) => void;
+} & React.RefAttributes<ContextMenuSubHandle>>;
 //# 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;uDAOb,QAAQ;;CAwCV,CAAC"}
+{"version":3,"file":"Sub.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Sub/Sub.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD,eAAO,MAAM,GAAG;;;8CAiDf,CAAC"}

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

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

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

@@ -0,0 +1,7 @@
+export type ContextMenuSubHandle = {
+    /**
+     * Sets the open state of the submenu.
+     */
+    setOpen: (value: boolean) => void;
+};
+//# sourceMappingURL=Sub.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sub.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Sub/Sub.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,CAAC"}

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

@@ -0,0 +1 @@
+

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

@@ -1,3 +1,4 @@
 export { Sub } from './Sub';
 export { type SubProps } from './Sub.props';
+export { type ContextMenuSubHandle } from './Sub.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Sub/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Sub/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,aAAa,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"SubContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/SubContent/SubContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAiBrE,eAAO,MAAM,UAAU,+LAoGtB,CAAC"}
+{"version":3,"file":"SubContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/SubContent/SubContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAiBrE,eAAO,MAAM,UAAU,+LAuGtB,CAAC"}