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

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"}

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

@@ -1,16 +1,32 @@
-import { useContextMenu as t } from "./useContextMenu/useContextMenu.js";
+import { useContextMenu as r } from "./useContextMenu/useContextMenu.js";
 import { useContextMenuSubMenu as u } from "./useContextMenuSubMenu/useContextMenuSubMenu.js";
-import { useInheritedArrowColor as s } from "./useInheritedArrowColor/useInheritedArrowColor.js";
-import { u as m } from "../../../useContentPositioning-BLEFxO0N.mjs";
-import { useContextMenuSub as p } from "./useContextMenuSub/useContextMenuSub.js";
-import { useContextMenuItemFocus as i } from "./useContextMenuItemFocus/useContextMenuItemFocus.js";
+import { useInheritedArrowColor as n } from "./useInheritedArrowColor/useInheritedArrowColor.js";
+import { u as m } from "../../../useContentPositioning-CLU2E_Oz.mjs";
+import { useContextMenuSub as f } from "./useContextMenuSub/useContextMenuSub.js";
+import { useContextMenuItemFocus as C } from "./useContextMenuItemFocus/useContextMenuItemFocus.js";
 import { useIsTouchDevice as c } from "./useIsTouchDevice/useIsTouchDevice.js";
+import { useClickOutside as d } from "./useClickOutside/useClickOutside.js";
+import { useStopContextMenuEvents as l } from "./useStopContextMenuEvents/useStopContextMenuEvents.js";
+import { useSubMenu as S } from "./useSubMenu/useSubMenu.js";
+import { useInnerInputsFocus as F } from "./useInnerInputsFocus/useInnerInputsFocus.js";
+import { useItemInnerFocus as O } from "./useItemInnerFocus/useItemInnerFocus.js";
+import { useChildrenWithBlocker as a } from "./useChildrenWithBlocker/useChildrenWithBlocker.js";
+import { useMouseMoveOutside as w } from "./useMouseMoveOutside/useMouseMoveOutside.js";
+import { usePrevious as B } from "./usePrevious/usePrevious.js";
 export {
+  a as useChildrenWithBlocker,
+  d as useClickOutside,
   m as useContentPositioning,
-  t as useContextMenu,
-  i as useContextMenuItemFocus,
-  p as useContextMenuSub,
+  r as useContextMenu,
+  C as useContextMenuItemFocus,
+  f as useContextMenuSub,
   u as useContextMenuSubMenu,
-  s as useInheritedArrowColor,
-  c as useIsTouchDevice
+  n as useInheritedArrowColor,
+  F as useInnerInputsFocus,
+  c as useIsTouchDevice,
+  O as useItemInnerFocus,
+  w as useMouseMoveOutside,
+  B as usePrevious,
+  l as useStopContextMenuEvents,
+  S as useSubMenu
 };

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { UseChildrenWithBlockerOptions } from './useChildrenWithBlocker.props';
+export declare function useChildrenWithBlocker({ displayName, children, shouldShowBlocker, blockerClassName, onBlockerClick, }: UseChildrenWithBlockerOptions): React.JSX.Element;
+//# sourceMappingURL=useChildrenWithBlocker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useChildrenWithBlocker.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useChildrenWithBlocker/useChildrenWithBlocker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAMrD,OAAO,EAAE,6BAA6B,EAAE,MAAM,gCAAgC,CAAC;AAE/E,wBAAgB,sBAAsB,CAAC,EACrC,WAAW,EACX,QAAQ,EACR,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,GACf,EAAE,6BAA6B,qBA6C/B"}

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

@@ -0,0 +1,47 @@
+import { jsxs as r, Fragment as s, jsx as i } from "react/jsx-runtime";
+import o, { useMemo as x } from "react";
+import { F as f } from "../../../../useContentPositioning-CLU2E_Oz.mjs";
+import { useContextMenuRootContext as F } from "../../ContextMenu.context.js";
+function b({
+  displayName: p,
+  children: t,
+  shouldShowBlocker: e,
+  blockerClassName: m,
+  onBlockerClick: n
+}) {
+  const { itemWithFocusedInput: c, setItemWithFocusedInput: a } = F(p);
+  return n = n ?? (() => {
+    var u;
+    a(null), (u = document.activeElement) == null || u.blur();
+  }), e = e ?? c !== null, x(() => {
+    if (!o.isValidElement(t))
+      return /* @__PURE__ */ r(s, { children: [
+        e && /* @__PURE__ */ i(
+          f,
+          {
+            className: m,
+            onClick: n
+          },
+          "focus-blocker"
+        ),
+        t
+      ] });
+    const u = e ? /* @__PURE__ */ i(
+      f,
+      {
+        className: m,
+        onClick: n
+      },
+      "focus-blocker"
+    ) : null;
+    return o.cloneElement(t, {
+      children: /* @__PURE__ */ r(s, { children: [
+        u,
+        t.props.children
+      ] })
+    });
+  }, [t, e, m, n]);
+}
+export {
+  b as useChildrenWithBlocker
+};

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

@@ -0,0 +1,23 @@
+export interface UseChildrenWithBlockerOptions {
+    /**
+     * The name of the display.
+     */
+    displayName: string;
+    /**
+     * The children of the component.
+     */
+    children: React.ReactNode;
+    /**
+     * Whether the blocker should be shown.
+     */
+    shouldShowBlocker?: boolean;
+    /**
+     * The class name of the blocker.
+     */
+    blockerClassName?: string;
+    /**
+     * The callback function to be called when the blocker is clicked.
+     */
+    onBlockerClick?: () => void;
+}
+//# sourceMappingURL=useChildrenWithBlocker.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useChildrenWithBlocker.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useChildrenWithBlocker/useChildrenWithBlocker.props.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,6BAA6B;IAC5C;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B"}

package/dist/components/ContextMenu/hooks/useChildrenWithBlocker/useChildrenWithBlocker.props.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,3 @@
+import { UseClickOutsideOptions } from './useClickOutside.types';
+export declare function useClickOutside<T extends HTMLElement>({ refs, handler, }: UseClickOutsideOptions<T>): void;
+//# sourceMappingURL=useClickOutside.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useClickOutside/useClickOutside.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,EACrD,IAAI,EACJ,OAAO,GACR,EAAE,sBAAsB,CAAC,CAAC,CAAC,QAwB3B"}

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

@@ -0,0 +1,20 @@
+import { useEffect as i } from "react";
+function d({
+  refs: n,
+  handler: o
+}) {
+  i(() => {
+    function t(s) {
+      n.some((e) => {
+        const u = e == null ? void 0 : e.current;
+        return u && u.contains(s.target);
+      }) || o(s);
+    }
+    return document.addEventListener("mousedown", t), document.addEventListener("touchstart", t), () => {
+      document.removeEventListener("mousedown", t), document.removeEventListener("touchstart", t);
+    };
+  }, [n, o]);
+}
+export {
+  d as useClickOutside
+};

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

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+export type UseClickOutsideOptions<T extends HTMLElement> = {
+    /**
+     * The ref to the element to listen for click outside.
+     */
+    refs: Array<RefObject<T> | null>;
+    /**
+     * The handler to call when a click outside is detected.
+     */
+    handler: (event: MouseEvent | TouchEvent) => void;
+};
+//# sourceMappingURL=useClickOutside.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useClickOutside/useClickOutside.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,WAAW,IAAI;IAC1D;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IACjC;;OAEG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,CAAC;CACnD,CAAC"}

package/dist/components/ContextMenu/hooks/useClickOutside/useClickOutside.types.js

@@ -0,0 +1 @@
+

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

@@ -1,7 +1,7 @@
 import { UseContentPositioningOptions } from './useContentPositioning.types';
-export declare function useContentPositioning({ direction, alignOffset, disableAutoPositioning, triggerRef, contentRef, collisionBoundary, children, }: UseContentPositioningOptions): {
+export declare function useContentPositioning({ direction, alignOffset, disableAutoPositioning, triggerRef, contentRef, collisionBoundary, disableRepositioning, children, }: UseContentPositioningOptions): {
     align: "end" | "start";
-    labelOffset: number;
+    offset: number;
     isPositioned: boolean;
 };
 //# sourceMappingURL=useContentPositioning.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useContentPositioning.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContentPositioning/useContentPositioning.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAE7E,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,WAAe,EACf,sBAAsB,EACtB,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,QAAQ,GACT,EAAE,4BAA4B;;;;EAsO9B"}
+{"version":3,"file":"useContentPositioning.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContentPositioning/useContentPositioning.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAE7E,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,WAAe,EACf,sBAAsB,EACtB,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,oBAAoB,EACpB,QAAQ,GACT,EAAE,4BAA4B;;;;EAwP9B"}

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

@@ -1,7 +1,8 @@
 import "react";
-import { u as n } from "../../../../useContentPositioning-BLEFxO0N.mjs";
+import { u as n } from "../../../../useContentPositioning-CLU2E_Oz.mjs";
 import "../../components/Content/Content.enums.js";
 import "../../components/Content/Content.utils.js";
+import "../usePrevious/usePrevious.js";
 export {
   n as useContentPositioning
 };

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

@@ -3,7 +3,7 @@ export interface UseContentPositioningOptions {
     /**
      * The direction of the content.
      */
-    direction: DirectionType;
+    direction?: DirectionType;
     /**
      * The offset of the content.
      */
@@ -28,5 +28,9 @@ export interface UseContentPositioningOptions {
      * The children of the content.
      */
     children: React.ReactNode;
+    /**
+     * Whether to disable repositioning.
+     */
+    disableRepositioning: boolean;
 }
 //# sourceMappingURL=useContentPositioning.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useContentPositioning.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContentPositioning/useContentPositioning.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,SAAS,EAAE,aAAa,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,sBAAsB,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC;;OAEG;IACH,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACnC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}
+{"version":3,"file":"useContentPositioning.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContentPositioning/useContentPositioning.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,sBAAsB,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC;;OAEG;IACH,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACnC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,oBAAoB,EAAE,OAAO,CAAC;CAC/B"}

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

@@ -1,13 +1,15 @@
+import { default as React } from 'react';
 import { ContextMenuMode } from '../../ContextMenu.enums';
+import { ContextMenuModeType } from '../../ContextMenu.types';
 import { UseContextMenuOptions } from './useContextMenu.types';
-export declare const useContextMenu: ({ mode: rootMode, defaultOpen, animationDuration, hoverCloseDelay, onOpen, onAnimatedOpen, }: UseContextMenuOptions) => {
+export declare const useContextMenu: ({ mode: rootMode, defaultOpen, animationDuration, hoverCloseDelay, onOpen, onAnimatedOpen, isOpen, enableInnerInputFocus, backgroundFocusBlockerContainers, backgroundFocusBlockerClassName, }: UseContextMenuOptions) => {
     open: boolean;
     mode: ContextMenuMode;
     onOpenChange: (value: boolean) => void;
     onOpenByKeyboard: (value: boolean) => void;
     inheritedArrowColor: string | null;
-    triggerRef: import('react').RefObject<HTMLButtonElement>;
-    contentRef: import('react').RefObject<HTMLDivElement>;
+    triggerRef: React.RefObject<HTMLButtonElement>;
+    contentRef: React.RefObject<HTMLDivElement>;
     animatedOpen: boolean;
     animationDuration: number;
     hoverCloseDelay: number;
@@ -16,6 +18,11 @@ export declare const useContextMenu: ({ mode: rootMode, defaultOpen, animationDu
     onMouseEnter: () => void;
     onMouseLeave: () => void;
     enableTemporaryHoverClose: () => void;
-    onChildClickOpen: (value: boolean) => void;
+    onChildOpen: (value: boolean, childModeValue: ContextMenuModeType) => void;
+    onSubmenuOpen: (value: boolean) => void;
+    isRootContentBlocked: boolean;
+    isChildOpen: boolean;
+    itemWithFocusedInput: string | null;
+    setItemWithFocusedInput: React.Dispatch<React.SetStateAction<string | null>>;
 };
 //# sourceMappingURL=useContextMenu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useContextMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenu/useContextMenu.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,eAAO,MAAM,cAAc,iGAOxB,qBAAqB;;;0BAmFW,OAAO;8BA2BP,OAAO;;;;;;;;;;;;8BAmEH,OAAO;CA8E7C,CAAC"}
+{"version":3,"file":"useContextMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useContextMenu/useContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAMlE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAI9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,eAAO,MAAM,cAAc,mMAWxB,qBAAqB;;;0BAmGW,OAAO;8BA2BP,OAAO;;;;;;;;;;;;yBAoE/B,OAAO,kBACE,mBAAmB;2BAvGH,OAAO;;;;;CAgP1C,CAAC"}