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

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

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

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

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

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

@@ -1,12 +1,28 @@
-import React, { forwardRef } from 'react';
-import { Label as RadixDropdownMenuLabel } from '@radix-ui/react-dropdown-menu';
-import cx from 'classnames';
-import { useLevelContext } from '../../providers/LevelProvider';
-import { hasItemIcon } from '../../utils';
-import s from './Label.module.css';
-const DISPLAY_NAME = 'ContextMenu.Label';
-export const Label = forwardRef(({ className, children, ...rest }, ref) => {
-    const { hasItemWithIcon } = useLevelContext(DISPLAY_NAME);
-    return (React.createElement(RadixDropdownMenuLabel, { ref: ref, className: cx(s.label, className), "data-no-icon-align": hasItemIcon(children) || !hasItemWithIcon ? '' : undefined, "data-label": true, ...rest }, children));
-});
-Label.displayName = DISPLAY_NAME;
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { L as n } from "../../../../index-BA3njR2k.mjs";
+import { c as i } from "../../../../index-L8X2o7IH.mjs";
+import { useLevelContext as c } from "../../providers/LevelProvider/LevelProvider.js";
+import { hasItemIcon as p } from "../../utils/hasItemIcon/hasItemIcon.js";
+import '../../../../assets/Label2.css';const b = "_label_1ik2p_1", f = {
+  label: b
+}, t = "ContextMenu.Label", L = s(
+  ({ className: a, children: o, ...e }, r) => {
+    const { hasItemWithIcon: l } = c(t);
+    return /* @__PURE__ */ m(
+      n,
+      {
+        ref: r,
+        className: i(f.label, a),
+        "data-no-icon-align": p(o) || !l ? "" : void 0,
+        "data-label": !0,
+        ...e,
+        children: o
+      }
+    );
+  }
+);
+L.displayName = t;
+export {
+  L as Label
+};

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

@@ -1,5 +1,5 @@
-import type { ComponentPropsWithoutRef } from 'react';
-import type { Label as RadixDropdownMenuLabel } from '@radix-ui/react-dropdown-menu';
+import { ComponentPropsWithoutRef } from 'react';
+import { Label as RadixDropdownMenuLabel } from '@radix-ui/react-dropdown-menu';
 type RadixLabelProps = ComponentPropsWithoutRef<typeof RadixDropdownMenuLabel>;
 export type LabelProps = RadixLabelProps;
 export {};

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

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

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

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

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

@@ -1,2 +1,2 @@
-export declare const Portal: import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuPortalProps>;
+export declare const Portal: import('react').FC<import('@radix-ui/react-dropdown-menu').DropdownMenuPortalProps>;
 //# sourceMappingURL=Portal.d.ts.map

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

@@ -1,4 +1,6 @@
-import { Portal as RadixDropdownMenuPortal } from '@radix-ui/react-dropdown-menu';
-const DISPLAY_NAME = 'ContextMenu.Portal';
-export const Portal = RadixDropdownMenuPortal;
-Portal.displayName = DISPLAY_NAME;
+import { P as o } from "../../../../index-BA3njR2k.mjs";
+const t = "ContextMenu.Portal", a = o;
+a.displayName = t;
+export {
+  a as Portal
+};

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

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

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

@@ -1,15 +1,14 @@
-import React from 'react';
-import { RadioGroup as RadixDropdownMenuRadioGroup } from '@radix-ui/react-dropdown-menu';
-const DISPLAY_NAME = 'ContextMenu.RadioGroup';
-export const RadioGroup = ({ onChange, ...rest }) => {
-    const handleValueChange = (value) => {
-        if (onChange) {
-            const syntheticEvent = {
-                target: { value },
-            };
-            onChange(syntheticEvent);
-        }
-    };
-    return (React.createElement(RadixDropdownMenuRadioGroup, { ...rest, onValueChange: handleValueChange }));
+import { jsx as a } from "react/jsx-runtime";
+import { a as n } from "../../../../index-BA3njR2k.mjs";
+const r = "ContextMenu.RadioGroup", i = ({
+  onChange: t,
+  ...e
+}) => /* @__PURE__ */ a(n, { ...e, onValueChange: (o) => {
+  t && t({
+    target: { value: o }
+  });
+} });
+i.displayName = r;
+export {
+  i as RadioGroup
 };
-RadioGroup.displayName = DISPLAY_NAME;

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

@@ -1,5 +1,5 @@
-import type { ComponentPropsWithoutRef } from 'react';
-import type { RadioGroup as RadixDropdownMenuRadioGroup } from '@radix-ui/react-dropdown-menu';
+import { ComponentPropsWithoutRef } from 'react';
+import { RadioGroup as RadixDropdownMenuRadioGroup } from '@radix-ui/react-dropdown-menu';
 type RadixRadioGroupProps = Omit<ComponentPropsWithoutRef<typeof RadixDropdownMenuRadioGroup>, 'onValueChange'>;
 export type RadioGroupProps = RadixRadioGroupProps & {
     /**

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
-import type { ComponentPropsWithoutRef } from 'react';
-import type { RadioItem as RadixDropdownMenuRadioItem } from '@radix-ui/react-dropdown-menu';
+import { ComponentPropsWithoutRef } from 'react';
+import { 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 +1,4 @@
-export { RadioItem } from './RadioItem';
+import { RadioItem as m } from "./RadioItem.js";
+export {
+  m as RadioItem
+};

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

@@ -1,3 +1,3 @@
-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>>;
+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>>;
 //# sourceMappingURL=Separator.d.ts.map

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

@@ -1,9 +1,21 @@
-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;
+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
+};

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

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

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

@@ -1 +1,4 @@
-export { Separator } from './Separator';
+import { Separator as a } from "./Separator.js";
+export {
+  a as 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,4 +1,7 @@
-import { createComponentContext } from 'src/lib/react';
-const DISPLAY_NAME = 'ContextMenu.Sub';
-const [ContextMenuSubProvider, useContextMenuSubContext] = createComponentContext(DISPLAY_NAME);
-export { ContextMenuSubProvider, useContextMenuSubContext, DISPLAY_NAME };
+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
+};

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as 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.js

@@ -1,15 +1,59 @@
-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)));
+import { jsx as r } from "react/jsx-runtime";
+import { S as b } from "../../../../index-BA3njR2k.mjs";
+import "react";
+import { ContextMenuMode as l } from "../../ContextMenu.enums.js";
+import "../../providers/LevelProvider/LevelProvider.js";
+import "../../../../useContentPositioning-BLCC-Xty.mjs";
+import "../Content/Content.utils.js";
+import { useContextMenuSub as x } from "../../hooks/useContextMenuSub/useContextMenuSub.js";
+import { ContextMenuSubProvider as C, DISPLAY_NAME as t } from "./Sub.context.js";
+const O = ({
+  children: i,
+  mode: e = l.HOVER,
+  defaultOpen: o,
+  ...m
+}) => {
+  const {
+    open: n,
+    setOpen: p,
+    animatedOpen: a,
+    startAnimation: s,
+    handleMouseEnter: u,
+    handleMouseLeave: d,
+    handleOpenChange: M,
+    triggerId: h,
+    onOpenByKeyboard: S
+  } = x({
+    displayName: t,
+    mode: e,
+    defaultOpen: o
+  });
+  return /* @__PURE__ */ r(
+    C,
+    {
+      mode: e,
+      open: n,
+      setOpen: p,
+      animatedOpen: a,
+      defaultOpen: o,
+      startAnimation: s,
+      onMouseEnter: u,
+      onMouseLeave: d,
+      onOpenByKeyboard: S,
+      triggerId: h,
+      children: /* @__PURE__ */ r(
+        b,
+        {
+          open: n,
+          onOpenChange: M,
+          ...m,
+          children: i
+        }
+      )
+    }
+  );
+};
+O.displayName = t;
+export {
+  O as Sub
 };
-Sub.displayName = DISPLAY_NAME;

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

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

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

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

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

@@ -1,3 +1,3 @@
-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>>;
+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>>;
 //# sourceMappingURL=SubContent.d.ts.map

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

@@ -1,59 +1,84 @@
-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 },
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as N, useState as c, useLayoutEffect as f } from "react";
+import { c as P } from "../../../../index-BA3njR2k.mjs";
+import { u as F, e as O, a as w } from "../../../../react-spring_web.modern-Dnq1lqN5.mjs";
+import { c as D } from "../../../../index-L8X2o7IH.mjs";
+import { LevelProvider as E } from "../../providers/LevelProvider/LevelProvider.js";
+import { useContextMenuSubContext as R } from "../Sub/Sub.context.js";
+import { useContextMenuContext as W } from "../../ContextMenu.context.js";
+import '../../../../assets/SubContent.css';const j = "_sub_content_y6v65_1", q = {
+  sub_content: j
+}, m = "ContextMenu.SubContent", z = N(
+  ({
+    className: d,
+    children: p,
+    sideOffset: l = 4,
+    collisionPadding: I = 10,
+    onMouseEnter: e,
+    onMouseLeave: n,
+    ...b
+  }, _) => {
+    const [S, x] = c(null), {
+      animatedOpen: i,
+      startAnimation: A,
+      onMouseEnter: o,
+      onMouseLeave: s,
+      defaultOpen: u
+    } = R(m), { animationDuration: C } = W(m), [y, g] = c(!1), [h, a] = c(!1);
+    f(() => {
+      A();
+    }, []), f(() => {
+      let t;
+      return i ? (a(!1), t = requestAnimationFrame(() => {
+        a(!0);
+      })) : a(!1), () => {
+        t && cancelAnimationFrame(t);
+      };
+    }, [i]);
+    const v = F({
+      opacity: h && i || u !== void 0 ? 1 : 0,
+      config: u === void 0 ? { duration: C, easing: O.easeInOutCubic } : { duration: 0 }
     });
-    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;
+    return /* @__PURE__ */ r(
+      E,
+      {
+        hasItemWithIcon: y,
+        setHasItemWithIcon: g,
+        activeItemId: S,
+        setActiveItemId: x,
+        children: /* @__PURE__ */ r(
+          w.div,
+          {
+            style: {
+              position: "fixed",
+              zIndex: Number.MAX_SAFE_INTEGER,
+              ...v
+            },
+            onMouseEnter: (t) => {
+              o == null || o(t), e == null || e(t);
+            },
+            onMouseLeave: (t) => {
+              s == null || s(t), n == null || n(t);
+            },
+            "data-content-wrapper": !0,
+            children: /* @__PURE__ */ r(
+              P,
+              {
+                ref: _,
+                className: D(q.sub_content, d),
+                sideOffset: l,
+                collisionPadding: I,
+                ...b,
+                children: p
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+z.displayName = m;
+export {
+  z as SubContent
+};

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

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