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

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

@@ -1,43 +1,37 @@
-import { jsx as x } from "react/jsx-runtime";
-import { forwardRef as M, useId as _, useMemo as h } from "react";
-import { f as g } from "../../../../index-BA3njR2k.mjs";
-import { c as C } from "../../../../index-L8X2o7IH.mjs";
-import { useLevelContext as N } from "../../providers/LevelProvider/LevelProvider.js";
-import { useContextMenuContext as R } from "../../ContextMenu.context.js";
-import { hasItemIcon as v } from "../../utils/hasItemIcon/hasItemIcon.js";
-import "../../../../useContentPositioning-BIVWgixU.mjs";
-import "../Content/Content.utils.js";
-import { useContextMenuItemFocus as y } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
-import '../../../../assets/RadioItem.css';const L = "_radio_item_zek17_1", A = {
-  radio_item: L
-}, o = "ContextMenu.RadioItem", E = M(
-  ({ className: m, children: t, isDisabled: e, hasIconCheckFn: i = v, ...a }, n) => {
-    const r = _(), { hasItemWithIcon: s } = N(o), { closeMenuImmediately: d } = R(o), { dataHighlighted: c, onFocus: u, onMouseEnter: p, onBlur: I, onMouseLeave: f } = y({
-      displayName: o,
-      id: r,
-      isDisabled: e
-    }), l = h(() => i(t), [t]);
-    return /* @__PURE__ */ x(
-      g,
-      {
-        ref: n,
-        className: C(A.radio_item, m),
-        disabled: e,
-        "data-item": !0,
-        "data-no-icon-align": l || !s ? "" : void 0,
-        onSelect: () => d(!0),
-        "data-highlighted": c,
-        onFocus: u,
-        onMouseEnter: p,
-        onBlur: I,
-        onMouseLeave: f,
-        ...a,
-        children: t
-      }
-    );
-  }
-);
-E.displayName = o;
-export {
-  E as RadioItem
-};
+import React, { forwardRef, useId, useMemo } from 'react';
+import { RadioItem as RadixDropdownMenuRadioItem } 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 './RadioItem.module.css';
+const DISPLAY_NAME = 'ContextMenu.RadioItem';
+export const RadioItem = forwardRef(({ className, children, isDisabled, 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(RadixDropdownMenuRadioItem, { ref: ref, className: cx(s.radio_item, className), disabled: isDisabled, "data-item": true, "data-no-icon-align": hasIcon || !hasItemWithIcon ? '' : undefined, "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));
+});
+RadioItem.displayName = DISPLAY_NAME;

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

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef } from 'react';
-import { RadioItem as RadixDropdownMenuRadioItem } from '@radix-ui/react-dropdown-menu';
+import type { ComponentPropsWithoutRef } from 'react';
+import type { RadioItem as RadixDropdownMenuRadioItem } from '@radix-ui/react-dropdown-menu';
 type RadixRadioItemProps = Omit<ComponentPropsWithoutRef<typeof RadixDropdownMenuRadioItem>, 'disabled'>;
 export type RadioItemProps = RadixRadioItemProps & {
     /**

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

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

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

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

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

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

package/dist/components/ContextMenu/components/Separator/Separator.js

@@ -1,21 +1,9 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-import { g as s } from "../../../../index-BA3njR2k.mjs";
-import { c as p } from "../../../../index-L8X2o7IH.mjs";
-import '../../../../assets/Separator.css';const m = "_separator_1k8lw_1", c = {
-  separator: m
-}, n = "ContextMenu.Separator", f = e(
-  ({ className: r, ...a }, o) => /* @__PURE__ */ t(
-    s,
-    {
-      ref: o,
-      className: p(c.separator, r),
-      "data-separator": !0,
-      ...a
-    }
-  )
-);
-f.displayName = n;
-export {
-  f as Separator
-};
+import React, { forwardRef } from 'react';
+import { Separator as RadixDropdownMenuSeparator } from '@radix-ui/react-dropdown-menu';
+import cx from 'classnames';
+import s from './Separator.module.css';
+const DISPLAY_NAME = 'ContextMenu.Separator';
+export const Separator = forwardRef(({ className, ...rest }, ref) => {
+    return (React.createElement(RadixDropdownMenuSeparator, { ref: ref, className: cx(s.separator, className), "data-separator": true, ...rest }));
+});
+Separator.displayName = DISPLAY_NAME;

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 import { SubProps } from './Sub.props';
 export declare const Sub: {
     ({ children, mode, defaultOpen, ...rest }: SubProps): React.JSX.Element;

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;+CAKb,QAAQ;;CAqCV,CAAC"}
+{"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;+CAKb,QAAQ;;CAuCV,CAAC"}

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

@@ -1,57 +1,15 @@
-import { jsx as t } from "react/jsx-runtime";
-import { S } from "../../../../index-BA3njR2k.mjs";
-import "react";
-import { ContextMenuMode as l } from "../../ContextMenu.enums.js";
-import "../../providers/LevelProvider/LevelProvider.js";
-import "../../../../useContentPositioning-BIVWgixU.mjs";
-import "../Content/Content.utils.js";
-import { useContextMenuSub as x } from "../../hooks/useContextMenuSub/useContextMenuSub.js";
-import { ContextMenuSubProvider as C, DISPLAY_NAME as r } from "./Sub.context.js";
-const b = ({
-  children: i,
-  mode: e = l.HOVER,
-  defaultOpen: o,
-  ...m
-}) => {
-  const {
-    open: n,
-    setOpen: p,
-    animatedOpen: a,
-    startAnimation: s,
-    handleMouseEnter: u,
-    handleMouseLeave: M,
-    handleOpenChange: d,
-    triggerId: h
-  } = x({
-    displayName: r,
-    mode: e,
-    defaultOpen: o
-  });
-  return /* @__PURE__ */ t(
-    C,
-    {
-      mode: e,
-      open: n,
-      setOpen: p,
-      animatedOpen: a,
-      defaultOpen: o,
-      startAnimation: s,
-      onMouseEnter: u,
-      onMouseLeave: M,
-      triggerId: h,
-      children: /* @__PURE__ */ t(
-        S,
-        {
-          open: n,
-          onOpenChange: d,
-          ...m,
-          children: i
-        }
-      )
-    }
-  );
-};
-b.displayName = r;
-export {
-  b as Sub
+import React from 'react';
+import { Sub as RadixDropdownMenuSub } from '@radix-ui/react-dropdown-menu';
+import { useContextMenuSub } from '../../hooks';
+import { ContextMenuMode } from '../../ContextMenu.enums';
+import { ContextMenuSubProvider, DISPLAY_NAME } from './Sub.context';
+export const Sub = ({ children, mode = ContextMenuMode.HOVER, defaultOpen, ...rest }) => {
+    const { open, setOpen, animatedOpen, startAnimation, handleMouseEnter, handleMouseLeave, handleOpenChange, triggerId, onOpenByKeyboard, } = useContextMenuSub({
+        displayName: DISPLAY_NAME,
+        mode,
+        defaultOpen,
+    });
+    return (React.createElement(ContextMenuSubProvider, { mode: mode, open: open, setOpen: setOpen, animatedOpen: animatedOpen, defaultOpen: defaultOpen, startAnimation: startAnimation, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onOpenByKeyboard: onOpenByKeyboard, triggerId: triggerId },
+        React.createElement(RadixDropdownMenuSub, { open: open, onOpenChange: handleOpenChange, ...rest }, children)));
 };
+Sub.displayName = DISPLAY_NAME;

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

@@ -46,5 +46,9 @@ export interface ContextMenuSubContextProps {
      * The id of the trigger of the submenu.
      */
     triggerId: string;
+    /**
+     * The callback function to be called when the submenu is opened by keyboard.
+     */
+    onOpenByKeyboard: (value: boolean) => void;
 }
 //# sourceMappingURL=Sub.props.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Sub.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Sub/Sub.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,GAAG,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAE5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,MAAM,QAAQ,GAAG,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,GAAG;IAC7E;;;;OAIG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;CAC5B,CAAC;AAEF,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB"}
+{"version":3,"file":"Sub.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Sub/Sub.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,GAAG,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAE5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,MAAM,QAAQ,GAAG,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,GAAG;IAC7E;;;;OAIG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;CAC5B,CAAC;AAEF,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C"}

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

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

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

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

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

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

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,+LAoFtB,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,+LAoGtB,CAAC"}

package/dist/components/ContextMenu/components/SubContent/SubContent.js

@@ -1,72 +1,59 @@
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as y, useState as s, useLayoutEffect as r } from "react";
-import { c as E } from "../../../../index-BA3njR2k.mjs";
-import { u as g, e as h, a as N } from "../../../../react-spring_web.modern-Dnq1lqN5.mjs";
-import { c as L } from "../../../../index-L8X2o7IH.mjs";
-import { LevelProvider as P } from "../../providers/LevelProvider/LevelProvider.js";
-import { useContextMenuSubContext as F } from "../Sub/Sub.context.js";
-import { useContextMenuContext as O } from "../../ContextMenu.context.js";
-import '../../../../assets/SubContent.css';const w = "_sub_content_y6v65_1", D = {
-  sub_content: w
-}, i = "ContextMenu.SubContent", R = y(
-  ({ className: u, children: c, sideOffset: m = 4, collisionPadding: f = 10, ...d }, p) => {
-    const [l, I] = s(null), {
-      animatedOpen: t,
-      startAnimation: b,
-      onMouseEnter: x,
-      onMouseLeave: _,
-      defaultOpen: a
-    } = F(i), { animationDuration: v } = O(i), [C, S] = s(!1), [A, e] = s(!1);
-    r(() => {
-      b();
-    }, []), r(() => {
-      let n;
-      return t ? (e(!1), n = requestAnimationFrame(() => {
-        e(!0);
-      })) : e(!1), () => {
-        n && cancelAnimationFrame(n);
-      };
-    }, [t]);
-    const M = g({
-      opacity: A && t || a !== void 0 ? 1 : 0,
-      config: a === void 0 ? { duration: v, easing: h.easeInOutCubic } : { duration: 0 }
+import React, { forwardRef, useLayoutEffect, useState } from 'react';
+import { SubContent as RadixDropdownMenuSubContent } from '@radix-ui/react-dropdown-menu';
+import { useSpring, animated, easings } from '@react-spring/web';
+import cx from 'classnames';
+import { LevelProvider } from '../../providers/LevelProvider';
+import { useContextMenuSubContext } from '../Sub/Sub.context';
+import { useContextMenuContext } from '../../ContextMenu.context';
+import s from './SubContent.module.css';
+const DISPLAY_NAME = 'ContextMenu.SubContent';
+export const SubContent = forwardRef(({ className, children, sideOffset = 4, collisionPadding = 10, onMouseEnter, onMouseLeave, ...rest }, ref) => {
+    const [activeItemId, setActiveItemId] = useState(null);
+    const { animatedOpen, startAnimation, onMouseEnter: onMouseEnterContext, onMouseLeave: onMouseLeaveContext, defaultOpen, } = useContextMenuSubContext(DISPLAY_NAME);
+    const { animationDuration } = useContextMenuContext(DISPLAY_NAME);
+    const [hasItemWithIcon, setHasItemWithIcon] = useState(false);
+    const [isPositioned, setIsPositioned] = useState(false);
+    useLayoutEffect(() => {
+        startAnimation();
+    }, []);
+    /**
+     * Handles the prerender of the submenu (needed for the icons).
+     */
+    useLayoutEffect(() => {
+        let raf;
+        if (animatedOpen) {
+            setIsPositioned(false);
+            raf = requestAnimationFrame(() => {
+                setIsPositioned(true);
+            });
+        }
+        else {
+            setIsPositioned(false);
+        }
+        return () => {
+            if (raf) {
+                cancelAnimationFrame(raf);
+            }
+        };
+    }, [animatedOpen]);
+    const springStyles = useSpring({
+        opacity: (isPositioned && animatedOpen) || defaultOpen !== undefined ? 1 : 0,
+        config: defaultOpen === undefined
+            ? { duration: animationDuration, easing: easings.easeInOutCubic }
+            : { duration: 0 },
     });
-    return /* @__PURE__ */ o(
-      P,
-      {
-        hasItemWithIcon: C,
-        setHasItemWithIcon: S,
-        activeItemId: l,
-        setActiveItemId: I,
-        children: /* @__PURE__ */ o(
-          N.div,
-          {
-            style: {
-              position: "fixed",
-              zIndex: Number.MAX_SAFE_INTEGER,
-              ...M
-            },
-            onMouseEnter: x,
-            onMouseLeave: _,
-            "data-content-wrapper": !0,
-            children: /* @__PURE__ */ o(
-              E,
-              {
-                ref: p,
-                className: L(D.sub_content, u),
-                sideOffset: m,
-                collisionPadding: f,
-                ...d,
-                children: c
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-R.displayName = i;
-export {
-  R as SubContent
-};
+    return (React.createElement(LevelProvider, { hasItemWithIcon: hasItemWithIcon, setHasItemWithIcon: setHasItemWithIcon, activeItemId: activeItemId, setActiveItemId: setActiveItemId },
+        React.createElement(animated.div, { style: {
+                position: 'fixed',
+                zIndex: Number.MAX_SAFE_INTEGER,
+                ...springStyles,
+            }, onMouseEnter: (e) => {
+                onMouseEnterContext?.(e);
+                onMouseEnter?.(e);
+            }, onMouseLeave: (e) => {
+                onMouseLeaveContext?.(e);
+                onMouseLeave?.(e);
+            }, "data-content-wrapper": true },
+            React.createElement(RadixDropdownMenuSubContent, { ref: ref, className: cx(s.sub_content, className), sideOffset: sideOffset, collisionPadding: collisionPadding, ...rest }, children))));
+});
+SubContent.displayName = DISPLAY_NAME;

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SubRoot.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/SubRoot/SubRoot.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAIzD,eAAO,MAAM,OAAO,EAoFf,sBAAsB,CAAC"}
+{"version":3,"file":"SubRoot.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/SubRoot/SubRoot.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAIzD,eAAO,MAAM,OAAO,EAuFf,sBAAsB,CAAC"}

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

@@ -1,91 +1,37 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as D, useImperativeHandle as E } from "react";
-import { R as N } from "../../../../index-BA3njR2k.mjs";
-import { useContextMenuContext as T, ContextMenuProvider as w } from "../../ContextMenu.context.js";
-import { ContextMenuMode as L } from "../../ContextMenu.enums.js";
-import { useContextMenuSubMenu as P } from "../../hooks/useContextMenuSubMenu/useContextMenuSubMenu.js";
-import "../../../../useContentPositioning-BIVWgixU.mjs";
-import "../Content/Content.utils.js";
-import "../../providers/LevelProvider/LevelProvider.js";
-import { useContextMenuItemContext as j } from "../Item/Item.context.js";
-import { Trigger as V } from "./components/Trigger/Trigger.js";
-import { Content as Y } from "./components/Content/Content.js";
-const e = "ContextMenu.SubRoot", t = D(
-  ({
-    children: p,
-    mode: a = L.HOVER,
-    onOpen: l,
-    defaultOpen: M,
-    isCloseWithRootMenu: d = !1,
-    ...C
-  }, f) => {
-    const {
-      animationDuration: n,
-      hoverCloseDelay: r,
-      closeMenuImmediately: x
-    } = T(e), { subMenuOpen: o, setSubMenuOpen: m } = j(e), c = d ? x : void 0, {
-      mode: R,
-      open: b,
-      onOpenChange: g,
-      triggerRef: y,
-      contentRef: I,
-      inheritedArrowColor: O,
-      animatedOpen: v,
-      temporaryHoverClose: S,
-      closeMenuImmediately: i,
-      onMouseEnter: h,
-      onMouseLeave: H,
-      enableTemporaryHoverClose: u,
-      triggerId: A
-    } = P({
-      displayName: e,
-      mode: a,
-      defaultOpen: M,
-      onOpen: l,
-      animationDuration: n,
-      subMenuOpen: o,
-      setSubMenuOpen: m,
-      hoverCloseDelay: r,
-      closeRootMenuImmediately: c
+import React, { forwardRef, useImperativeHandle } from 'react';
+import { Root as RadixDropdownMenuRoot } from '@radix-ui/react-dropdown-menu';
+import { ContextMenuProvider, useContextMenuContext, } from '../../ContextMenu.context';
+import { ContextMenuMode } from '../../ContextMenu.enums';
+import { useContextMenuSubMenu } from '../../hooks';
+import { useContextMenuItemContext } from '../Item/Item.context';
+import { Trigger } from './components/Trigger/Trigger';
+import { Content } from './components/Content/Content';
+const DISPLAY_NAME = 'ContextMenu.SubRoot';
+export const SubRoot = forwardRef(({ children, mode = ContextMenuMode.HOVER, onOpen, defaultOpen, isCloseWithRootMenu = false, ...rest }, ref) => {
+    const { animationDuration, hoverCloseDelay, closeMenuImmediately: closeRootMenuImmediatelyContext, } = useContextMenuContext(DISPLAY_NAME);
+    const { subMenuOpen: subMenuOpenContext, setSubMenuOpen } = useContextMenuItemContext(DISPLAY_NAME);
+    const closeRootMenuImmediately = isCloseWithRootMenu
+        ? closeRootMenuImmediatelyContext
+        : undefined;
+    const { mode: rootMode, open: openContext, onOpenChange, triggerRef, contentRef, inheritedArrowColor, animatedOpen, temporaryHoverClose, closeMenuImmediately, onMouseEnter, onMouseLeave, enableTemporaryHoverClose, triggerId, onOpenByKeyboard, } = useContextMenuSubMenu({
+        displayName: DISPLAY_NAME,
+        mode: mode,
+        defaultOpen,
+        onOpen,
+        animationDuration,
+        subMenuOpen: subMenuOpenContext,
+        setSubMenuOpen,
+        hoverCloseDelay,
+        closeRootMenuImmediately,
     });
-    return E(f, () => ({
-      closeMenuImmediately: i,
-      enableTemporaryHoverClose: u
-    })), /* @__PURE__ */ s(
-      w,
-      {
-        mode: R,
-        triggerRef: y,
-        contentRef: I,
-        inheritedArrowColor: O,
-        animatedOpen: v,
-        animationDuration: n,
-        hoverCloseDelay: r,
-        temporaryHoverClose: S,
-        closeMenuImmediately: i,
-        onMouseEnter: h,
-        onMouseLeave: H,
-        enableTemporaryHoverClose: u,
-        subMenuOpen: o,
-        setSubMenuOpen: m,
-        triggerId: A,
-        children: /* @__PURE__ */ s(
-          N,
-          {
-            open: b || o,
-            onOpenChange: g,
-            modal: !1,
-            ...C,
-            children: p
-          }
-        )
-      }
-    );
-  }
-);
-t.displayName = e;
-t.Trigger = V;
-t.Content = Y;
-export {
-  t as SubRoot
-};
+    useImperativeHandle(ref, () => ({
+        closeMenuImmediately,
+        enableTemporaryHoverClose,
+        onOpenByKeyboard,
+    }));
+    return (React.createElement(ContextMenuProvider, { mode: rootMode, triggerRef: triggerRef, contentRef: contentRef, inheritedArrowColor: inheritedArrowColor, animatedOpen: animatedOpen, animationDuration: animationDuration, hoverCloseDelay: hoverCloseDelay, temporaryHoverClose: temporaryHoverClose, closeMenuImmediately: closeMenuImmediately, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, enableTemporaryHoverClose: enableTemporaryHoverClose, subMenuOpen: subMenuOpenContext, setSubMenuOpen: setSubMenuOpen, triggerId: triggerId, onOpenByKeyboard: onOpenByKeyboard },
+        React.createElement(RadixDropdownMenuRoot, { open: openContext || subMenuOpenContext, onOpenChange: onOpenChange, modal: false, ...rest }, children)));
+});
+SubRoot.displayName = DISPLAY_NAME;
+SubRoot.Trigger = Trigger;
+SubRoot.Content = Content;

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

@@ -1,4 +1,4 @@
-import { DropdownMenuProps as RadixDropdownMenuRootProps } from '@radix-ui/react-dropdown-menu';
+import { type DropdownMenuProps as RadixDropdownMenuRootProps } from '@radix-ui/react-dropdown-menu';
 import { ContextMenuModeType } from '../../ContextMenu.types';
 export type ContextMenuSubRootProps = Omit<RadixDropdownMenuRootProps, 'onOpenChange' | 'modal'> & {
     /**

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

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

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

@@ -1,4 +1,4 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import type { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { ContentProps } from '../Content/Content.props';
 import { TriggerProps } from '../Trigger/Trigger.props';
 import { ContextMenuHandle } from '../../ContextMenu.types';

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

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

package/dist/components/ContextMenu/components/SubRoot/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').DirectionType;
+    direction?: import("../../../Content").DirectionType;
     collisionBoundary?: Element;
     disableAutoPositioning?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;