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

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

@@ -1,4 +1,4 @@
-import { Item as RadixDropdownMenuItem } from '@radix-ui/react-dropdown-menu';
+import type { Item as RadixDropdownMenuItem } from '@radix-ui/react-dropdown-menu';
 type RadixItemProps = Omit<React.ComponentPropsWithRef<typeof RadixDropdownMenuItem>, 'disabled'>;
 export type SelectableItemProps = RadixItemProps & {
     /**

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 import { ItemIconProps } from './ItemIcon.props';
 export declare const ItemIcon: React.ForwardRefExoticComponent<ItemIconProps & React.RefAttributes<HTMLSpanElement>>;
 //# sourceMappingURL=ItemIcon.d.ts.map

package/dist/components/ContextMenu/components/ItemIcon/ItemIcon.js

@@ -1,25 +1,21 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as c, useRef as i, useEffect as f } from "react";
-import { c as l } from "../../../../index-L8X2o7IH.mjs";
-import { mergeRefs as a } from "../../../../lib/utils.js";
-import { useLevelContext as p } from "../../providers/LevelProvider/LevelProvider.js";
-import { isFirstElement as u } from "../../utils/isFirstElement/isFirstElement.js";
-import '../../../../assets/ItemIcon.css';const I = "_icon_1txqe_1", x = {
-  icon: I
-}, e = "ContextMenu.ItemIcon", h = c(
-  ({ children: r, className: n }, s) => {
-    const { setHasItemWithIcon: t } = p(e), o = i(null);
-    return f(() => {
-      if (u(o))
-        t(!0);
-      else
-        throw new Error(
-          `[${e}] must be the first child in <ContextMenu.Item>`
-        );
-    }, [t]), /* @__PURE__ */ m("span", { ref: a(s, o), className: l(x.icon, n), children: r });
-  }
-);
-h.displayName = e;
-export {
-  h as ItemIcon
-};
+import React, { forwardRef, useEffect, useRef } from 'react';
+import cx from 'classnames';
+import { mergeRefs } from 'src/lib/utils';
+import { useLevelContext } from '../../providers';
+import { isFirstElement } from '../../utils';
+import s from './ItemIcon.module.css';
+const DISPLAY_NAME = 'ContextMenu.ItemIcon';
+export const ItemIcon = forwardRef(({ children, className }, ref) => {
+    const { setHasItemWithIcon } = useLevelContext(DISPLAY_NAME);
+    const localRef = useRef(null);
+    useEffect(() => {
+        if (isFirstElement(localRef)) {
+            setHasItemWithIcon(true);
+        }
+        else {
+            throw new Error(`[${DISPLAY_NAME}] must be the first child in <ContextMenu.Item>`);
+        }
+    }, [setHasItemWithIcon]);
+    return (React.createElement("span", { ref: mergeRefs(ref, localRef), className: cx(s.icon, className) }, children));
+});
+ItemIcon.displayName = DISPLAY_NAME;

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

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

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

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

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

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

package/dist/components/ContextMenu/components/ItemIndicator/ItemIndicator.js

@@ -1,29 +1,19 @@
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as c, useRef as f, useEffect as a } from "react";
-import { e as d } from "../../../../index-BA3njR2k.mjs";
-import { c as p } from "../../../../index-L8X2o7IH.mjs";
-import { mergeRefs as I } from "../../../../lib/utils.js";
-import { useLevelContext as l } from "../../providers/LevelProvider/LevelProvider.js";
-import { isFirstElement as _ } from "../../utils/isFirstElement/isFirstElement.js";
-import '../../../../assets/ItemIndicator.css';const u = "_item_indicator_1d8fw_1", x = {
-  item_indicator: u
-}, o = "ContextMenu.ItemIndicator", R = c(
-  ({ className: r, children: i, ...m }, s) => {
-    const { setHasItemWithIcon: t } = l(o), e = f(null);
-    return a(() => {
-      _(e) && t(!0);
-    }, [t]), /* @__PURE__ */ n(
-      d,
-      {
-        ref: I(s, e),
-        className: p(x.item_indicator, r),
-        ...m,
-        children: i
-      }
-    );
-  }
-);
-R.displayName = o;
-export {
-  R as ItemIndicator
-};
+import React, { forwardRef, useEffect, useRef } from 'react';
+import { ItemIndicator as RadixDropdownMenuItemIndicator } from '@radix-ui/react-dropdown-menu';
+import cx from 'classnames';
+import { mergeRefs } from 'src/lib/utils';
+import { useLevelContext } from '../../providers';
+import { isFirstElement } from '../../utils';
+import s from './ItemIndicator.module.css';
+const DISPLAY_NAME = 'ContextMenu.ItemIndicator';
+export const ItemIndicator = forwardRef(({ className, children, ...rest }, ref) => {
+    const { setHasItemWithIcon } = useLevelContext(DISPLAY_NAME);
+    const localRef = useRef(null);
+    useEffect(() => {
+        if (isFirstElement(localRef)) {
+            setHasItemWithIcon(true);
+        }
+    }, [setHasItemWithIcon]);
+    return (React.createElement(RadixDropdownMenuItemIndicator, { ref: mergeRefs(ref, localRef), className: cx(s.item_indicator, className), ...rest }, children));
+});
+ItemIndicator.displayName = DISPLAY_NAME;

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-import { ItemRightSlotProps } from './ItemRightSlot.props';
+import React from 'react';
+import type { ItemRightSlotProps } from './ItemRightSlot.props';
 export declare const ItemRightSlot: React.ForwardRefExoticComponent<ItemRightSlotProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=ItemRightSlot.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ItemRightSlot.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/ItemRightSlot/ItemRightSlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAOvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAMhE,eAAO,MAAM,aAAa,2FA8BzB,CAAC"}
+{"version":3,"file":"ItemRightSlot.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/ItemRightSlot/ItemRightSlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAOvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAMhE,eAAO,MAAM,aAAa,2FA0DzB,CAAC"}

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

@@ -1,34 +1,32 @@
-import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as a, useRef as g, useState as l, useEffect as p } from "react";
-import { c as S } from "../../../../index-L8X2o7IH.mjs";
-import { mergeRefs as _ } from "../../../../lib/utils.js";
-import { useStopContextMenuEvents as h } from "../../hooks/useStopContextMenuEvents/useStopContextMenuEvents.js";
-import '../../../../assets/ItemRightSlot.css';const R = "_right_slot_1wtgk_1", d = {
-  right_slot: R
-}, v = "ContextMenu.ItemRightSlot", x = a(
-  ({ className: s, children: e, ...r }, n) => {
-    const t = g(null), [o, u] = l(!1);
-    p(() => {
-      if (!t.current)
-        return;
-      const c = t.current.querySelector("[data-submenu-trigger]");
-      u(!!c);
-    }, [e]);
-    const m = h(), i = o ? m : {};
-    return /* @__PURE__ */ f(
-      "div",
-      {
-        ref: _(t, n),
-        className: S(d.right_slot, s),
-        "data-submenu-right-slot": o ? "" : void 0,
-        ...i,
-        ...r,
-        children: e
-      }
-    );
-  }
-);
-x.displayName = v;
-export {
-  x as ItemRightSlot
-};
+import React, { forwardRef, useEffect, useState, useRef } from 'react';
+import cx from 'classnames';
+import { mergeRefs } from 'src/lib/utils';
+import { useStopContextMenuEvents } from '../../hooks/useStopContextMenuEvents/useStopContextMenuEvents';
+import s from './ItemRightSlot.module.css';
+const DISPLAY_NAME = 'ContextMenu.ItemRightSlot';
+export const ItemRightSlot = forwardRef(({ className, children, onClick, onKeyDown, onKeyUp, onKeyPress, onPointerDown, onPointerUp, onPointerEnter, onPointerLeave, onPointerMove, ...rest }, ref) => {
+    const slotRef = useRef(null);
+    const [hasSubmenu, setHasSubmenu] = useState(false);
+    useEffect(() => {
+        if (!slotRef.current) {
+            return;
+        }
+        const trigger = slotRef.current.querySelector('[data-submenu-trigger]');
+        setHasSubmenu(!!trigger);
+    }, [children]);
+    const defaultHandlers = {
+        onClick: onClick,
+        onKeyDown: onKeyDown,
+        onKeyUp: onKeyUp,
+        onKeyPress: onKeyPress,
+        onPointerDown: onPointerDown,
+        onPointerUp: onPointerUp,
+        onPointerEnter: onPointerEnter,
+        onPointerLeave: onPointerLeave,
+        onPointerMove: onPointerMove,
+    };
+    const stopEventsHook = useStopContextMenuEvents(defaultHandlers);
+    const handlers = hasSubmenu ? stopEventsHook : defaultHandlers;
+    return (React.createElement("div", { ref: mergeRefs(slotRef, ref), className: cx(s.rightSlot, className), "data-submenu-right-slot": hasSubmenu ? '' : undefined, ...handlers, ...rest }, children));
+});
+ItemRightSlot.displayName = DISPLAY_NAME;

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

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

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

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

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

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

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

@@ -1,28 +1,12 @@
-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
-};
+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;

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

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef } from 'react';
-import { Label as RadixDropdownMenuLabel } from '@radix-ui/react-dropdown-menu';
+import type { ComponentPropsWithoutRef } from 'react';
+import type { 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,4 +1 @@
-import { Label as r } from "./Label.js";
-export {
-  r as Label
-};
+export { Label } from './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,6 +1,4 @@
-import { P as o } from "../../../../index-BA3njR2k.mjs";
-const t = "ContextMenu.Portal", a = o;
-a.displayName = t;
-export {
-  a as Portal
-};
+import { Portal as RadixDropdownMenuPortal } from '@radix-ui/react-dropdown-menu';
+const DISPLAY_NAME = 'ContextMenu.Portal';
+export const Portal = RadixDropdownMenuPortal;
+Portal.displayName = DISPLAY_NAME;

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

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

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

@@ -1,14 +1,15 @@
-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
+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 }));
 };
+RadioGroup.displayName = DISPLAY_NAME;

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

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

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAFqB,SAEtC;wCAsCJ,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAFc,MAAO,SAEtC;wCA0EJ,CAAC"}

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-27D32n5u.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;