@kommo-crm/crm-react-ui-kit 1.1.1-beta.0 → 1.1.1-beta.3

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

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

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

@@ -1,96 +1,64 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as P, useState as c } from "react";
-import { C as _ } from "../../../../../../index-BA3njR2k.mjs";
-import { c as H } from "../../../../../../index-L8X2o7IH.mjs";
-import { u as T, e as W, a as b } from "../../../../../../react-spring_web.modern-Dnq1lqN5.mjs";
-import { mergeRefs as G } from "../../../../../../lib/utils.js";
-import { LevelProvider as j } from "../../../../providers/LevelProvider/LevelProvider.js";
-import { useContextMenuContext as k } from "../../../../ContextMenu.context.js";
-import { ContextMenuMode as p } from "../../../../ContextMenu.enums.js";
-import { focusParentItem as z } from "../../../../utils/focusParentItem/focusParentItem.js";
-import { u as F, s as X } from "../../../../../../useContentPositioning-BIVWgixU.mjs";
-import { Direction as Y } from "../../../Content/Content.enums.js";
-import { directionToSide as q } from "../../../Content/Content.utils.js";
-const u = "ContextMenu.Content", J = P(
-  ({
-    style: d,
-    className: I,
-    children: t,
-    alignOffset: l,
-    arrowPadding: C = 5,
-    collisionBoundary: o,
-    direction: n = Y.DOWN_RIGHT,
-    disableAutoPositioning: r = !1,
-    ...g
-  }, x) => {
-    const [y, M] = c(!1), [v, D] = c(null), {
-      triggerRef: i,
-      contentRef: s,
-      animatedOpen: E,
-      animationDuration: L,
-      mode: m,
-      temporaryHoverClose: a,
-      onMouseEnter: N,
-      onMouseLeave: R,
-      closeMenuImmediately: S
-    } = k(u), { align: h, labelOffset: w, isPositioned: f } = F({
-      direction: n,
-      alignOffset: l,
-      disableAutoPositioning: r,
-      triggerRef: i,
-      contentRef: s,
-      collisionBoundary: o,
-      children: t
-    }), A = T({
-      opacity: f && (m === p.CLICK && !a || E) ? 1 : 0,
-      config: m === p.CLICK && !a ? { duration: 0 } : { duration: L, easing: W.easeInOutCubic }
-    }), O = (K) => {
-      K.key === "ArrowLeft" && (S(), z(i.current));
+import React, { forwardRef, useState } from 'react';
+import { Content as RadixDropdownMenuContent } from '@radix-ui/react-dropdown-menu';
+import cx from 'classnames';
+import { useSpring, animated, easings } from '@react-spring/web';
+import { mergeRefs } from 'src/lib/utils';
+import { LevelProvider } from '../../../../providers/LevelProvider';
+import { useContextMenuContext } from '../../../../ContextMenu.context';
+import { ContextMenuMode } from '../../../../ContextMenu.enums';
+import { useContentPositioning } from '../../../../hooks';
+import { focusParentItem } from '../../../../utils';
+import { Direction } from '../../../Content';
+import { directionToSide } from '../../../Content';
+import s from '../../../Content/Content.module.css';
+const DISPLAY_NAME = 'ContextMenu.Content';
+export const Content = forwardRef(({ style, className, children, alignOffset, arrowPadding = 5, collisionBoundary, direction = Direction.DOWN_RIGHT, disableAutoPositioning = false, onMouseEnter, onMouseLeave, onKeyDown, ...rest }, ref) => {
+    const [hasItemWithIcon, setHasItemWithIcon] = useState(false);
+    const [activeItemId, setActiveItemId] = useState(null);
+    const { triggerRef, contentRef, animatedOpen, animationDuration, mode, temporaryHoverClose, onMouseEnter: onMouseEnterContext, onMouseLeave: onMouseLeaveContext, closeMenuImmediately, } = useContextMenuContext(DISPLAY_NAME);
+    const { align, labelOffset, isPositioned } = useContentPositioning({
+        direction,
+        alignOffset,
+        disableAutoPositioning,
+        triggerRef,
+        contentRef,
+        collisionBoundary,
+        children,
+    });
+    const springStyles = useSpring({
+        opacity: isPositioned &&
+            ((mode === ContextMenuMode.CLICK && !temporaryHoverClose) ||
+                animatedOpen)
+            ? 1
+            : 0,
+        config: mode === ContextMenuMode.CLICK && !temporaryHoverClose
+            ? { duration: 0 }
+            : { duration: animationDuration, easing: easings.easeInOutCubic },
+    });
+    const handleKeyDown = (e) => {
+        if (e.key === 'ArrowLeft') {
+            closeMenuImmediately();
+            focusParentItem(triggerRef.current);
+        }
+        onKeyDown?.(e);
     };
-    return /* @__PURE__ */ e(
-      j,
-      {
-        hasItemWithIcon: y,
-        setHasItemWithIcon: M,
-        activeItemId: v,
-        setActiveItemId: D,
-        children: /* @__PURE__ */ e(
-          b.div,
-          {
-            style: {
-              zIndex: Number.MAX_SAFE_INTEGER,
-              position: "fixed",
-              ...A
-            },
-            "data-content-wrapper": !0,
-            children: /* @__PURE__ */ e(
-              _,
-              {
-                ref: G(s, x),
-                className: H(X.content, I),
-                style: {
-                  ...d || {},
-                  pointerEvents: r || f ? "auto" : "none"
-                },
-                collisionBoundary: o,
-                side: q[n],
-                align: h,
-                arrowPadding: C,
-                alignOffset: w,
-                onMouseEnter: N,
-                onMouseLeave: R,
-                onKeyDown: O,
-                ...g,
-                children: t
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-J.displayName = u;
-export {
-  J as Content
-};
+    return (React.createElement(LevelProvider, { hasItemWithIcon: hasItemWithIcon, setHasItemWithIcon: setHasItemWithIcon, activeItemId: activeItemId, setActiveItemId: setActiveItemId },
+        React.createElement(animated.div, { style: {
+                zIndex: Number.MAX_SAFE_INTEGER,
+                position: 'fixed',
+                ...springStyles,
+            }, "data-content-wrapper": true },
+            React.createElement(RadixDropdownMenuContent, { ref: mergeRefs(contentRef, ref), className: cx(s.content, className), style: {
+                    ...(style || {}),
+                    pointerEvents: disableAutoPositioning || isPositioned ? 'auto' : 'none',
+                }, collisionBoundary: collisionBoundary, side: directionToSide[direction], align: align, arrowPadding: arrowPadding, alignOffset: labelOffset, onMouseEnter: (e) => {
+                    onMouseEnterContext?.(e);
+                    onMouseEnter?.(e);
+                }, onMouseLeave: (e) => {
+                    onMouseLeaveContext?.(e);
+                    onMouseLeave?.(e);
+                }, onKeyDown: (e) => {
+                    handleKeyDown(e);
+                }, ...rest }, children))));
+});
+Content.displayName = DISPLAY_NAME;

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

@@ -1,4 +1 @@
-import { Content as e } from "./Content.js";
-export {
-  e as Content
-};
+export { Content } from './Content';

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

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
-export declare const Trigger: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dropdown-menu').DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+import React from 'react';
+export declare const Trigger: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Trigger.d.ts.map

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

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

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

@@ -1,50 +1,39 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { T as x } from "../../../../../../index-BA3njR2k.mjs";
-import { c as v } from "../../../../../../index-L8X2o7IH.mjs";
-import { mergeRefs as E } from "../../../../../../lib/utils.js";
-import { useContextMenuContext as C } from "../../../../ContextMenu.context.js";
-import { ContextMenuMode as D } from "../../../../ContextMenu.enums.js";
-import "../../../../providers/LevelProvider/LevelProvider.js";
-import "../../../../../../useContentPositioning-BIVWgixU.mjs";
-import "../../../Content/Content.utils.js";
-import { useContextMenuItemFocus as L } from "../../../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
-const r = "ContextMenu.Trigger", N = c(
-  ({ className: t, children: n, ...s }, i) => {
-    const { triggerRef: m, mode: a, onMouseEnter: u, onMouseLeave: p, triggerId: f } = C(r), {
-      onFocus: o,
-      onMouseEnter: g,
-      onBlur: M,
-      onMouseLeave: d
-    } = L({
-      displayName: r,
-      id: f || "",
-      isDisabled: !1,
-      onMouseEnter: u,
-      onMouseLeave: p
+import React, { forwardRef } from 'react';
+import { Trigger as RadixDropdownMenuTrigger } from '@radix-ui/react-dropdown-menu';
+import { mergeRefs } from 'src/lib/utils';
+import { useContextMenuContext } from '../../../../ContextMenu.context';
+import { ContextMenuMode } from '../../../../ContextMenu.enums';
+import { useContextMenuItemFocus } from '../../../../hooks';
+const DISPLAY_NAME = 'ContextMenu.Trigger';
+export const Trigger = forwardRef(({ className, children, onFocus, onBlur, onMouseEnter, onMouseLeave, onPointerDown, ...rest }, ref) => {
+    const { triggerRef, mode, onMouseEnter: onMouseEnterContext, onMouseLeave: onMouseLeaveContext, triggerId, } = useContextMenuContext(DISPLAY_NAME);
+    const { dataHighlighted, onFocus: handleItemFocus, onMouseEnter: handleItemMouseEnter, onBlur: handleItemBlur, onMouseLeave: handleItemMouseLeave, } = useContextMenuItemFocus({
+        displayName: DISPLAY_NAME,
+        id: triggerId || '',
+        isDisabled: false,
+        onMouseEnter: onMouseEnterContext,
+        onMouseLeave: onMouseLeaveContext,
     });
-    return /* @__PURE__ */ l(
-      x,
-      {
-        ref: E(m, i),
-        className: v(t),
-        onPointerDown: (e) => {
-          a === D.HOVER && e.preventDefault(), e.stopPropagation();
-        },
-        onMouseEnter: g,
-        onMouseLeave: d,
-        onFocus: (e) => {
-          e.preventDefault(), e.stopPropagation(), o == null || o();
-        },
-        onBlur: M,
-        "data-submenu-trigger": !0,
-        ...s,
-        children: n
-      }
-    );
-  }
-);
-N.displayName = r;
-export {
-  N as Trigger
-};
+    return (React.createElement(RadixDropdownMenuTrigger, { ref: mergeRefs(triggerRef, ref), className: className, "data-highlighted": dataHighlighted, onPointerDown: (e) => {
+            if (mode === ContextMenuMode.HOVER) {
+                e.preventDefault();
+            }
+            e.stopPropagation();
+            onPointerDown?.(e);
+        }, onMouseEnter: (e) => {
+            handleItemMouseEnter?.(e);
+            onMouseEnter?.(e);
+        }, onMouseLeave: (e) => {
+            handleItemMouseLeave?.(e);
+            onMouseLeave?.(e);
+        }, onFocus: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            handleItemFocus?.();
+            onFocus?.(e);
+        }, onBlur: (e) => {
+            handleItemBlur?.();
+            onBlur?.(e);
+        }, "data-submenu-trigger": true, ...rest }, children));
+});
+Trigger.displayName = DISPLAY_NAME;

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

@@ -1 +1 @@
-
+export {};

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

@@ -1,4 +1 @@
-import { Trigger as g } from "./Trigger.js";
-export {
-  g as Trigger
-};
+export { Trigger } from './Trigger';

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

@@ -1,4 +1 @@
-import { SubRoot as t } from "./SubRoot.js";
-export {
-  t as SubRoot
-};
+export { SubRoot } from './SubRoot';

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 export declare const SubTrigger: React.ForwardRefExoticComponent<{
     onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
     key?: React.Key | null | undefined;

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

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

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

@@ -1,74 +1,77 @@
-import { jsx as x } from "react/jsx-runtime";
-import { forwardRef as h } from "react";
-import { b as P } from "../../../../index-BA3njR2k.mjs";
-import { c as _ } from "../../../../index-L8X2o7IH.mjs";
-import { useLevelContext as E } from "../../providers/LevelProvider/LevelProvider.js";
-import { useContextMenuSubContext as K } from "../Sub/Sub.context.js";
-import { hasItemIcon as S } from "../../utils/hasItemIcon/hasItemIcon.js";
-import { ContextMenuMode as r } from "../../ContextMenu.enums.js";
-import "../../../../useContentPositioning-BIVWgixU.mjs";
-import "../Content/Content.utils.js";
-import "../../ContextMenu.context.js";
-import { useContextMenuItemFocus as D } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
-import '../../../../assets/SubTrigger.css';const N = "_sub_trigger_d2xgz_1", O = {
-  sub_trigger: N
-}, n = "ContextMenu.SubTrigger", T = h(
-  ({ className: u, children: i, isDisabled: a, ...m }, p) => {
-    const { hasItemWithIcon: g } = E(n), {
-      mode: e,
-      open: s,
-      defaultOpen: t,
-      setOpen: d,
-      animatedOpen: f,
-      onMouseEnter: v,
-      onMouseLeave: C,
-      triggerId: c
-    } = K(n), {
-      dataHighlighted: l,
-      onFocus: M,
-      onMouseEnter: I,
-      onBlur: L,
-      onMouseLeave: b
-    } = D({
-      displayName: n,
-      id: c,
-      isDisabled: a,
-      onMouseEnter: v,
-      onMouseLeave: C
+import React, { forwardRef } from 'react';
+import { SubTrigger as RadixDropdownMenuSubTrigger } from '@radix-ui/react-dropdown-menu';
+import cx from 'classnames';
+import { useLevelContext } from '../../providers/LevelProvider';
+import { useContextMenuSubContext } from '../Sub/Sub.context';
+import { hasItemIcon } from '../../utils';
+import { useContextMenuItemFocus } from '../../hooks';
+import { ContextMenuMode } from '../../ContextMenu.enums';
+import s from './SubTrigger.module.css';
+const DISPLAY_NAME = 'ContextMenu.SubTrigger';
+export const SubTrigger = forwardRef(({ className, children, isDisabled, onKeyDown, onFocus, onBlur, onClick, onPointerEnter, onPointerMove, onPointerLeave, onMouseEnter, onMouseLeave, ...rest }, ref) => {
+    const { hasItemWithIcon } = useLevelContext(DISPLAY_NAME);
+    const { mode, open, defaultOpen, setOpen, onMouseEnter: onMouseEnterContext, onMouseLeave: onMouseLeaveContext, triggerId, onOpenByKeyboard, } = useContextMenuSubContext(DISPLAY_NAME);
+    const { dataHighlighted, onFocus: handleItemFocus, onMouseEnter: handleItemMouseEnter, onBlur: handleItemBlur, onMouseLeave: handleItemMouseLeave, } = useContextMenuItemFocus({
+        displayName: DISPLAY_NAME,
+        id: triggerId,
+        isDisabled,
+        onMouseEnter: onMouseEnterContext,
+        onMouseLeave: onMouseLeaveContext,
     });
-    return /* @__PURE__ */ x(
-      P,
-      {
-        ref: p,
-        className: _(O.sub_trigger, u),
-        disabled: a,
-        "data-item": !0,
-        "data-no-icon-align": S(i) || !g ? "" : void 0,
-        "data-highlighted": f || l === "" || e === r.CLICK && s ? "" : void 0,
-        "data-submenu-trigger": !0,
-        onFocus: M,
-        onMouseEnter: I,
-        onBlur: L,
-        onMouseLeave: b,
-        onClick: (o) => {
-          (e === r.CLICK || t !== void 0) && (o.preventDefault(), o.stopPropagation(), t === void 0 && d(!s));
-        },
-        onPointerEnter: (o) => {
-          (e === r.CLICK || t !== void 0) && (o.preventDefault(), o.stopPropagation());
-        },
-        onPointerMove: (o) => {
-          (e === r.CLICK || t !== void 0) && (o.preventDefault(), o.stopPropagation());
-        },
-        onPointerLeave: (o) => {
-          (e === r.CLICK || t !== void 0) && (o.preventDefault(), o.stopPropagation());
-        },
-        ...m,
-        children: i
-      }
-    );
-  }
-);
-T.displayName = n;
-export {
-  T as SubTrigger
-};
+    return (React.createElement(RadixDropdownMenuSubTrigger, { ref: ref, className: cx(s.sub_trigger, className), disabled: isDisabled, "data-item": true, "data-no-icon-align": hasItemIcon(children) || !hasItemWithIcon ? '' : undefined, "data-highlighted": open ||
+            dataHighlighted === '' ||
+            (mode === ContextMenuMode.CLICK && open)
+            ? ''
+            : undefined, "data-submenu-trigger": true, onMouseEnter: (e) => {
+            handleItemMouseEnter?.(e);
+            onMouseEnter?.(e);
+        }, onMouseLeave: (e) => {
+            handleItemMouseLeave?.(e);
+            onMouseLeave?.(e);
+        }, onKeyDown: (e) => {
+            if (mode === ContextMenuMode.HOVER) {
+                if (['Enter', ' ', 'ArrowRight'].includes(e.key)) {
+                    onOpenByKeyboard(true);
+                }
+                else if (e.key === 'ArrowLeft') {
+                    onOpenByKeyboard(false);
+                    e.currentTarget.focus();
+                }
+            }
+            onKeyDown?.(e);
+        }, onFocus: (e) => {
+            handleItemFocus?.();
+            onFocus?.(e);
+        }, onBlur: (e) => {
+            handleItemBlur?.();
+            onBlur?.(e);
+        }, onClick: (e) => {
+            if (mode === ContextMenuMode.CLICK || defaultOpen !== undefined) {
+                e.preventDefault();
+                e.stopPropagation();
+                if (defaultOpen === undefined) {
+                    setOpen(!open);
+                }
+            }
+            onClick?.(e);
+        }, onPointerEnter: (e) => {
+            if (mode === ContextMenuMode.CLICK || defaultOpen !== undefined) {
+                e.preventDefault();
+                e.stopPropagation();
+            }
+            onPointerEnter?.(e);
+        }, onPointerMove: (e) => {
+            if (mode === ContextMenuMode.CLICK || defaultOpen !== undefined) {
+                e.preventDefault();
+                e.stopPropagation();
+            }
+            onPointerMove?.(e);
+        }, onPointerLeave: (e) => {
+            if (mode === ContextMenuMode.CLICK || defaultOpen !== undefined) {
+                e.preventDefault();
+                e.stopPropagation();
+            }
+            onPointerLeave?.(e);
+        }, ...rest }, children));
+});
+SubTrigger.displayName = DISPLAY_NAME;

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

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef } from 'react';
-import { SubTrigger as RadixDropdownMenuSubTrigger } from '@radix-ui/react-dropdown-menu';
+import type { ComponentPropsWithoutRef } from 'react';
+import type { SubTrigger as RadixDropdownMenuSubTrigger } from '@radix-ui/react-dropdown-menu';
 type RadixSubTriggerProps = Omit<ComponentPropsWithoutRef<typeof RadixDropdownMenuSubTrigger>, 'disabled' | 'textValue'>;
 export type SubTriggerProps = RadixSubTriggerProps & {
     /**

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

@@ -1 +1 @@
-
+export {};

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

@@ -1,4 +1 @@
-import { SubTrigger as g } from "./SubTrigger.js";
-export {
-  g as SubTrigger
-};
+export { SubTrigger } from './SubTrigger';

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

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
-export declare const Trigger: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dropdown-menu').DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+import React from 'react';
+export declare const Trigger: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Trigger.d.ts.map

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,kMA6BnB,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,kMA8DnB,CAAC"}

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

@@ -1,33 +1,35 @@
-import { jsx as g } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import { T as x } from "../../../../index-BA3njR2k.mjs";
-import { c as M } from "../../../../index-L8X2o7IH.mjs";
-import { mergeRefs as c } from "../../../../lib/utils.js";
-import { useContextMenuContext as D } from "../../ContextMenu.context.js";
-import { ContextMenuMode as e } from "../../ContextMenu.enums.js";
-const t = "ContextMenu.Trigger", w = u(
-  ({ className: n, children: m, ...i }, f) => {
-    const { triggerRef: p, mode: r, onMouseEnter: s, onMouseLeave: a } = D(t);
-    return /* @__PURE__ */ g(
-      x,
-      {
-        ref: c(p, f),
-        className: M(n),
-        onPointerDown: (o) => {
-          r === e.HOVER && (o.preventDefault(), o.stopPropagation());
-        },
-        onKeyDown: (o) => {
-          r === e.HOVER && o.key === "ArrowDown" && (o.preventDefault(), o.stopPropagation());
-        },
-        onMouseEnter: s,
-        onMouseLeave: a,
-        ...i,
-        children: m
-      }
-    );
-  }
-);
-w.displayName = t;
-export {
-  w as Trigger
-};
+import React, { forwardRef } from 'react';
+import { Trigger as RadixDropdownMenuTrigger } from '@radix-ui/react-dropdown-menu';
+import cx from 'classnames';
+import { mergeRefs } from 'src/lib/utils';
+import { useContextMenuContext } from '../../ContextMenu.context';
+import { ContextMenuMode } from '../../ContextMenu.enums';
+const DISPLAY_NAME = 'ContextMenu.Trigger';
+export const Trigger = forwardRef(({ className, children, onKeyDown, onMouseEnter, onMouseLeave, onPointerDown, ...rest }, ref) => {
+    const { triggerRef, mode, onMouseEnter: onMouseEnterContext, onMouseLeave: onMouseLeaveContext, onOpenByKeyboard, } = useContextMenuContext(DISPLAY_NAME);
+    return (React.createElement(RadixDropdownMenuTrigger, { ref: mergeRefs(triggerRef, ref), className: cx(className), onPointerDown: (e) => {
+            if (mode === ContextMenuMode.HOVER) {
+                e.preventDefault();
+                e.stopPropagation();
+            }
+            onPointerDown?.(e);
+        }, onKeyDown: (e) => {
+            if (mode === ContextMenuMode.HOVER) {
+                e.stopPropagation();
+                if (['Enter', ' ', 'ArrowDown'].includes(e.key)) {
+                    onOpenByKeyboard(true);
+                }
+                else if (e.key === 'Escape') {
+                    onOpenByKeyboard(false);
+                }
+            }
+            onKeyDown?.(e);
+        }, onMouseEnter: (e) => {
+            onMouseEnterContext(e);
+            onMouseEnter?.(e);
+        }, onMouseLeave: (e) => {
+            onMouseLeaveContext(e);
+            onMouseLeave?.(e);
+        }, ...rest }, children));
+});
+Trigger.displayName = DISPLAY_NAME;

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

@@ -1 +1 @@
-
+export {};

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

@@ -1,4 +1 @@
-import { Trigger as g } from "./Trigger.js";
-export {
-  g as Trigger
-};
+export { Trigger } from './Trigger';

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

@@ -1,16 +1,7 @@
-import { useContextMenu as t } 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-BIVWgixU.mjs";
-import { useContextMenuSub as p } from "./useContextMenuSub/useContextMenuSub.js";
-import { useContextMenuItemFocus as i } from "./useContextMenuItemFocus/useContextMenuItemFocus.js";
-import { useIsTouchDevice as c } from "./useIsTouchDevice/useIsTouchDevice.js";
-export {
-  m as useContentPositioning,
-  t as useContextMenu,
-  i as useContextMenuItemFocus,
-  p as useContextMenuSub,
-  u as useContextMenuSubMenu,
-  s as useInheritedArrowColor,
-  c as useIsTouchDevice
-};
+export { useContextMenu } from './useContextMenu/useContextMenu';
+export { useContextMenuSubMenu } from './useContextMenuSubMenu/useContextMenuSubMenu';
+export { useInheritedArrowColor } from './useInheritedArrowColor/useInheritedArrowColor';
+export { useContentPositioning } from './useContentPositioning/useContentPositioning';
+export { useContextMenuSub } from './useContextMenuSub/useContextMenuSub';
+export { useContextMenuItemFocus } from './useContextMenuItemFocus/useContextMenuItemFocus';
+export { useIsTouchDevice } from './useIsTouchDevice/useIsTouchDevice';

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;;;;EAoL9B"}
+{"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"}