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

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.types.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,GAAG,eAAe,EAAE,CAAC;AAEvD,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC;;OAEG;IACH,yBAAyB,EAAE,MAAM,IAAI,CAAC;CACvC;AAED,MAAM,MAAM,wBAAwB,GAAG,yBAAyB,CAC9D,oBAAoB,GAAG,aAAa,CAAC,iBAAiB,CAAC,CACxD,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,wBAAwB;IAC/D,IAAI,EAAE,wBAAwB,CAAC;IAC/B,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,YAAY,EAAE,OAAO,YAAY,CAAC;IAClC,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,aAAa,EAAE,OAAO,aAAa,CAAC;IACpC,aAAa,EAAE,OAAO,aAAa,CAAC;IACpC,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,SAAS,EAAE,OAAO,SAAS,CAAC;IAC5B,SAAS,EAAE,OAAO,SAAS,CAAC;IAC5B,GAAG,EAAE,OAAO,GAAG,CAAC;IAChB,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,OAAO,EAAE,OAAO,OAAO,CAAC;CACzB"}
+{"version":3,"file":"ContextMenu.types.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,GAAG,eAAe,EAAE,CAAC;AAEvD,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC;;OAEG;IACH,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,MAAM,wBAAwB,GAAG,yBAAyB,CAC9D,oBAAoB,GAAG,aAAa,CAAC,iBAAiB,CAAC,CACxD,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,wBAAwB;IAC/D,IAAI,EAAE,wBAAwB,CAAC;IAC/B,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,YAAY,EAAE,OAAO,YAAY,CAAC;IAClC,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,aAAa,EAAE,OAAO,aAAa,CAAC;IACpC,aAAa,EAAE,OAAO,aAAa,CAAC;IACpC,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,SAAS,EAAE,OAAO,SAAS,CAAC;IAC5B,SAAS,EAAE,OAAO,SAAS,CAAC;IAC5B,GAAG,EAAE,OAAO,GAAG,CAAC;IAChB,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,OAAO,EAAE,OAAO,OAAO,CAAC;CACzB"}

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

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

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

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

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

@@ -1,37 +1,15 @@
-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 { 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 = {
-  arrow: i,
-  arrow_border: f
-}, m = "ContextMenu.Arrow", p = _(
-  ({ className: r, ...o }, w) => {
-    const { inheritedArrowColor: t } = c(m);
-    return /* @__PURE__ */ d("span", { "data-arrow": !0, children: [
-      /* @__PURE__ */ a(
-        e,
-        {
-          className: s(n.arrow_border, r),
-          ...o
-        }
-      ),
-      /* @__PURE__ */ a(
-        e,
-        {
-          className: s(n.arrow, r),
-          style: {
-            ...t ? { fill: t } : {}
-          },
-          ref: w,
-          ...o
-        }
-      )
-    ] });
-  }
-);
-p.displayName = m;
-export {
-  p as Arrow
-};
+import React, { forwardRef } from 'react';
+import { Arrow as RadixDropdownMenuArrow } from '@radix-ui/react-dropdown-menu';
+import cx from 'classnames';
+import { useContextMenuContext } from '../../ContextMenu.context';
+import s from './Arrow.module.css';
+const DISPLAY_NAME = 'ContextMenu.Arrow';
+export const Arrow = forwardRef(({ className, ...rest }, ref) => {
+    const { inheritedArrowColor } = useContextMenuContext(DISPLAY_NAME);
+    return (React.createElement("span", { "data-arrow": true },
+        React.createElement(RadixDropdownMenuArrow, { className: cx(s.arrow_border, className), ...rest }),
+        React.createElement(RadixDropdownMenuArrow, { className: cx(s.arrow, className), style: {
+                ...(inheritedArrowColor ? { fill: inheritedArrowColor } : {}),
+            }, ref: ref, ...rest })));
+});
+Arrow.displayName = DISPLAY_NAME;

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

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

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

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

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

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

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;;;sCAmBd,SAAQ;wCAyCnC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAJD,MAAO,WAAW;;;gCAiB5B,MACR,SACN;wCAuEC,CAAC"}

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

@@ -1,57 +1,44 @@
-import { jsx as C } from "react/jsx-runtime";
-import { forwardRef as b, useId as M, useMemo as _ } from "react";
-import { d as g } from "../../../../index-BA3njR2k.mjs";
-import { c as v } from "../../../../index-L8X2o7IH.mjs";
-import { useLevelContext as N } from "../../providers/LevelProvider/LevelProvider.js";
-import { useContextMenuContext as y } from "../../ContextMenu.context.js";
-import { hasItemIcon as L } from "../../utils/hasItemIcon/hasItemIcon.js";
-import "../../../../useContentPositioning-BIVWgixU.mjs";
-import "../Content/Content.utils.js";
-import { useContextMenuItemFocus as A } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
-import '../../../../assets/CheckboxItem.css';const E = "_checkbox_item_16brq_1", F = {
-  checkbox_item: E
-}, e = "ContextMenu.CheckboxItem", S = b(
-  ({
-    className: c,
-    children: o,
-    onChange: t,
-    isDisabled: m,
-    isChecked: n,
-    hasIconCheckFn: s = L,
-    ...r
-  }, i) => {
-    const a = M(), { hasItemWithIcon: u } = N(e), { closeMenuImmediately: h } = y(e), { dataHighlighted: d, onFocus: x, onMouseEnter: p, onBlur: I, onMouseLeave: f } = A({
-      displayName: e,
-      id: a,
-      isDisabled: m
-    }), k = _(() => s(o), [o]);
-    return /* @__PURE__ */ C(
-      g,
-      {
-        ref: i,
-        className: v(F.checkbox_item, c),
-        disabled: m,
-        checked: n,
-        "data-item": !0,
-        "data-no-icon-align": k || !u ? "" : void 0,
-        onCheckedChange: (l) => {
-          t && t({
-            target: { checked: l }
-          });
-        },
-        onSelect: () => h(!0),
-        "data-highlighted": d,
-        onFocus: x,
-        onMouseEnter: p,
-        onBlur: I,
-        onMouseLeave: f,
-        ...r,
-        children: o
-      }
-    );
-  }
-);
-S.displayName = e;
-export {
-  S as CheckboxItem
-};
+import React, { forwardRef, useId, useMemo } from 'react';
+import { CheckboxItem as RadixDropdownMenuCheckboxItem } from '@radix-ui/react-dropdown-menu';
+import cx from 'classnames';
+import { useLevelContext } from '../../providers/LevelProvider';
+import { useContextMenuContext } from '../../ContextMenu.context';
+import { hasItemIcon } from '../../utils';
+import { useContextMenuItemFocus } from '../../hooks';
+import s from './CheckboxItem.module.css';
+const DISPLAY_NAME = 'ContextMenu.CheckboxItem';
+export const CheckboxItem = forwardRef(({ className, children, onChange, isDisabled, isChecked, hasIconCheckFn = hasItemIcon, onFocus, onMouseEnter, onBlur, onMouseLeave, onSelect, ...rest }, ref) => {
+    const id = useId();
+    const { hasItemWithIcon } = useLevelContext(DISPLAY_NAME);
+    const { closeMenuImmediately } = useContextMenuContext(DISPLAY_NAME);
+    const { dataHighlighted, onFocus: handleItemFocus, onMouseEnter: handleItemMouseEnter, onBlur: handleItemBlur, onMouseLeave: handleItemMouseLeave, } = useContextMenuItemFocus({
+        displayName: DISPLAY_NAME,
+        id,
+        isDisabled,
+    });
+    const hasIcon = useMemo(() => hasIconCheckFn(children), [children]);
+    return (React.createElement(RadixDropdownMenuCheckboxItem, { ref: ref, className: cx(s.checkbox_item, className), disabled: isDisabled, checked: isChecked, "data-item": true, "data-no-icon-align": hasIcon || !hasItemWithIcon ? '' : undefined, onCheckedChange: (checked) => {
+            if (onChange) {
+                const event = {
+                    target: { checked },
+                };
+                onChange(event);
+            }
+        }, "data-highlighted": dataHighlighted, onSelect: (e) => {
+            closeMenuImmediately(true);
+            onSelect?.(e);
+        }, onFocus: (e) => {
+            handleItemFocus?.();
+            onFocus?.(e);
+        }, onMouseEnter: (e) => {
+            handleItemMouseEnter?.(e);
+            onMouseEnter?.(e);
+        }, onBlur: (e) => {
+            handleItemBlur?.();
+            onBlur?.(e);
+        }, onMouseLeave: (e) => {
+            handleItemMouseLeave?.(e);
+            onMouseLeave?.(e);
+        }, ...rest }, children));
+});
+CheckboxItem.displayName = DISPLAY_NAME;

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

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef } from 'react';
-import { CheckboxItem as RadixDropdownMenuCheckboxItem } from '@radix-ui/react-dropdown-menu';
+import type { ComponentPropsWithoutRef } from 'react';
+import type { CheckboxItem as RadixDropdownMenuCheckboxItem } from '@radix-ui/react-dropdown-menu';
 type RadixCheckboxItemProps = Omit<ComponentPropsWithoutRef<typeof RadixDropdownMenuCheckboxItem>, 'disabled' | 'checked' | 'onCheckedChange'>;
 export type CheckboxItemProps = RadixCheckboxItemProps & {
     /**

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 export declare const Content: React.ForwardRefExoticComponent<{
     onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
     key?: React.Key | null | undefined;
@@ -295,7 +295,7 @@ export declare const Content: React.ForwardRefExoticComponent<{
     }>) => void) | undefined;
     forceMount?: true | undefined;
 } & {
-    direction?: import('./Content.types').DirectionType;
+    direction?: import("./Content.types").DirectionType;
     collisionBoundary?: Element;
     disableAutoPositioning?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;

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

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

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

@@ -1,4 +1,43 @@
-var _ = /* @__PURE__ */ ((T) => (T.UP_LEFT = "up-left", T.UP_RIGHT = "up-right", T.DOWN_LEFT = "down-left", T.DOWN_RIGHT = "down-right", T.LEFT_UP = "left-up", T.LEFT_DOWN = "left-down", T.RIGHT_UP = "right-up", T.RIGHT_DOWN = "right-down", T))(_ || {});
-export {
-  _ as Direction
-};
+export var Direction;
+(function (Direction) {
+    /**
+     * ContextMenu opens vertically up and in the direction
+     * from the right side of the trigger to the left.
+     */
+    Direction["UP_LEFT"] = "up-left";
+    /**
+     * ContextMenu opens vertically up and in the direction
+     * from the left side of the trigger to the right.
+     */
+    Direction["UP_RIGHT"] = "up-right";
+    /**
+     * ContextMenu opens vertically down and in the direction
+     * from the right side of the trigger to the left.
+     */
+    Direction["DOWN_LEFT"] = "down-left";
+    /**
+     * ContextMenu opens vertically down and in the direction
+     * from the left side of the trigger to the right.
+     */
+    Direction["DOWN_RIGHT"] = "down-right";
+    /**
+     * ContextMenu opens horizontally left and in the direction
+     * from the bottom side of the trigger to the top.
+     */
+    Direction["LEFT_UP"] = "left-up";
+    /**
+     * ContextMenu opens horizontally left and in the direction
+     * from the top side of the trigger to the bottom.
+     */
+    Direction["LEFT_DOWN"] = "left-down";
+    /**
+     * ContextMenu opens horizontally right and in the direction
+     * from the bottom side of the trigger to the top.
+     */
+    Direction["RIGHT_UP"] = "right-up";
+    /**
+     * ContextMenu opens horizontally right and in the direction
+     * from the top side of the trigger to the bottom.
+     */
+    Direction["RIGHT_DOWN"] = "right-down";
+})(Direction || (Direction = {}));

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

@@ -1,15 +1,54 @@
-import "react/jsx-runtime";
-import "react";
-import "../../../../index-BA3njR2k.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-BIVWgixU.mjs";
-import "./Content.enums.js";
-import "./Content.utils.js";
-export {
-  b as Content
-};
+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 { Direction } from './Content.enums';
+import { directionToSide } from './Content.utils';
+import s from './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, ...rest }, ref) => {
+    const [hasItemWithIcon, setHasItemWithIcon] = useState(false);
+    const [activeItemId, setActiveItemId] = useState(null);
+    const { triggerRef, contentRef, animatedOpen, animationDuration, mode, temporaryHoverClose, onMouseEnter: onMouseEnterContext, onMouseLeave: onMouseLeaveContext, } = 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 },
+    });
+    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);
+                }, ...rest }, children))));
+});
+Content.displayName = DISPLAY_NAME;

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

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

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

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

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

@@ -1,14 +1,11 @@
-import { Direction as t } from "./Content.enums.js";
-const T = {
-  [t.UP_LEFT]: "top",
-  [t.UP_RIGHT]: "top",
-  [t.DOWN_LEFT]: "bottom",
-  [t.DOWN_RIGHT]: "bottom",
-  [t.LEFT_UP]: "left",
-  [t.LEFT_DOWN]: "left",
-  [t.RIGHT_UP]: "right",
-  [t.RIGHT_DOWN]: "right"
-};
-export {
-  T as directionToSide
+import { Direction } from './Content.enums';
+export const directionToSide = {
+    [Direction.UP_LEFT]: 'top',
+    [Direction.UP_RIGHT]: 'top',
+    [Direction.DOWN_LEFT]: 'bottom',
+    [Direction.DOWN_RIGHT]: 'bottom',
+    [Direction.LEFT_UP]: 'left',
+    [Direction.LEFT_DOWN]: 'left',
+    [Direction.RIGHT_UP]: 'right',
+    [Direction.RIGHT_DOWN]: 'right',
 };

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

@@ -1,8 +1,3 @@
-import { C as e } from "../../../../useContentPositioning-BIVWgixU.mjs";
-import { Direction as i } from "./Content.enums.js";
-import { directionToSide as f } from "./Content.utils.js";
-export {
-  e as Content,
-  i as Direction,
-  f as directionToSide
-};
+export { Content } from './Content';
+export { Direction } from './Content.enums';
+export { directionToSide } from './Content.utils';

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

@@ -1,2 +1,2 @@
-export declare const Group: import('react').ForwardRefExoticComponent<import('@radix-ui/react-dropdown-menu').DropdownMenuGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Group: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Group.d.ts.map

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

@@ -1,6 +1,4 @@
-import { G as o } from "../../../../index-BA3njR2k.mjs";
-const p = "ContextMenu.Group", r = o;
-r.displayName = p;
-export {
-  r as Group
-};
+import { Group as RadixDropdownMenuGroup } from '@radix-ui/react-dropdown-menu';
+const DISPLAY_NAME = 'ContextMenu.Group';
+export const Group = RadixDropdownMenuGroup;
+Group.displayName = DISPLAY_NAME;

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

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

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

@@ -1,5 +1,5 @@
 import { ContextMenuItemContextProps } from './Item.props';
 declare const DISPLAY_NAME = "ContextMenu.Item";
-declare const ContextMenuItemProvider: import('../../../../lib/react/createComponentContext').ContextProps<ContextMenuItemContextProps>, useContextMenuItemContext: (consumerName: string) => ContextMenuItemContextProps;
+declare const ContextMenuItemProvider: import("../../../../lib/react/createComponentContext").ContextProps<ContextMenuItemContextProps>, useContextMenuItemContext: (consumerName: string) => ContextMenuItemContextProps;
 export { ContextMenuItemProvider, useContextMenuItemContext, DISPLAY_NAME };
 //# sourceMappingURL=Item.context.d.ts.map

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

@@ -1,7 +1,4 @@
-import { createComponentContext as t } from "../../../../lib/react/createComponentContext/createComponentContext.js";
-const e = "ContextMenu.Item", [n, m] = t(e);
-export {
-  n as ContextMenuItemProvider,
-  e as DISPLAY_NAME,
-  m as useContextMenuItemContext
-};
+import { createComponentContext } from 'src/lib/react';
+const DISPLAY_NAME = 'ContextMenu.Item';
+const [ContextMenuItemProvider, useContextMenuItemContext] = createComponentContext(DISPLAY_NAME);
+export { ContextMenuItemProvider, useContextMenuItemContext, DISPLAY_NAME };

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-import { SelectableItemProps } from './Item.props';
-export declare const Item: React.ForwardRefExoticComponent<(Omit<SelectableItemProps, "ref"> | Omit<import('./Item.props').NotSelectableItemProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import type { SelectableItemProps } from './Item.props';
+export declare const Item: React.ForwardRefExoticComponent<(Omit<SelectableItemProps, "ref"> | Omit<import("./Item.props").NotSelectableItemProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Item.d.ts.map

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,wKAuGf,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,wKAgJf,CAAC"}