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

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

@@ -1,87 +1,75 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as F, useId as L, useState as d, useRef as B, useEffect as H, useMemo as K } from "react";
-import { I as O } from "../../../../index-BA3njR2k.mjs";
-import { c as f } from "../../../../index-L8X2o7IH.mjs";
-import { mergeRefs as P } from "../../../../lib/utils.js";
-import { useLevelContext as j } from "../../providers/LevelProvider/LevelProvider.js";
-import { useContextMenuContext as q } from "../../ContextMenu.context.js";
-import { hasItemIcon as W } from "../../utils/hasItemIcon/hasItemIcon.js";
-import "../../../../useContentPositioning-BIVWgixU.mjs";
-import "../Content/Content.utils.js";
-import { useContextMenuItemFocus as Y } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
-import { ContextMenuItemProvider as z } from "./Item.context.js";
-import '../../../../assets/Item2.css';const G = "_item_128tk_1", h = {
-  item: G
-}, s = "ContextMenu.Item", J = F((t, m) => {
-  if ("isNotSelectable" in t && t.isNotSelectable) {
-    const { className: e, children: k, isNotSelectable: A, ...E } = t;
-    return /* @__PURE__ */ i(
-      "div",
-      {
-        ref: m,
-        className: f(h.item, e),
-        "data-not-selectable": A,
-        ...E,
-        children: k
-      }
-    );
-  }
-  const {
-    className: I,
-    children: r,
-    isDisabled: c,
-    isDanger: g,
-    hasIconCheckFn: b = W,
-    onSelect: a,
-    ...p
-  } = t, M = L(), [u, l] = d(!1), [o, N] = d(!1), n = B(null), { hasItemWithIcon: x } = j(s), { closeMenuImmediately: S } = q(s), { dataHighlighted: v, onFocus: y, onMouseEnter: C, onBlur: D, onMouseLeave: R } = Y({
-    displayName: s,
-    id: M,
-    isDisabled: c,
-    hasSubmenu: o
-  });
-  H(() => {
-    if (!n.current)
-      return;
-    const e = n.current.querySelector("[data-submenu-trigger]");
-    N(!!e);
-  }, [n]);
-  const w = K(() => b(r), [r]), _ = (e) => {
-    o && e.key === "ArrowRight" && l(!0);
-  };
-  return /* @__PURE__ */ i(
-    z,
-    {
-      hasSubmenu: o,
-      subMenuOpen: u,
-      setSubMenuOpen: l,
-      children: /* @__PURE__ */ i(
-        O,
-        {
-          ref: P(m, n),
-          className: f(h.item, I),
-          disabled: c,
-          "data-item": !0,
-          "data-danger": g ? "" : void 0,
-          "data-no-icon-align": w || !x ? "" : void 0,
-          "data-has-submenu": o ? "" : void 0,
-          onSelect: (e) => {
-            a == null || a(e), S(!0);
-          },
-          "data-highlighted": u || v,
-          onFocus: y,
-          onMouseEnter: C,
-          onBlur: D,
-          onMouseLeave: R,
-          onKeyDown: _,
-          ...p,
-          children: r
-        }
-      )
+import React, { forwardRef, useRef, useId, useState, useEffect, useMemo, } from 'react';
+import { Item as RadixDropdownMenuItem } from '@radix-ui/react-dropdown-menu';
+import cx from 'classnames';
+import { mergeRefs } from 'src/lib/utils';
+import { useLevelContext } from '../../providers/LevelProvider';
+import { useContextMenuContext } from '../../ContextMenu.context';
+import { hasItemIcon } from '../../utils';
+import { useContextMenuItemFocus } from '../../hooks';
+import { ContextMenuItemProvider } from './Item.context';
+import s from './Item.module.css';
+const DISPLAY_NAME = 'ContextMenu.Item';
+export const Item = forwardRef((props, ref) => {
+    const { hasItemWithIcon } = useLevelContext(DISPLAY_NAME);
+    if ('isSelectable' in props && props.isSelectable === false) {
+        const { className, children, isSelectable, hasIconCheckFn = hasItemIcon, ...rest } = props;
+        /**
+         * Set the hasIcon state based on the presence of an icon.
+         */
+        const hasIcon = useMemo(() => hasIconCheckFn(children), [children]);
+        return (React.createElement("div", { ref: ref, className: cx(s.item, className), "data-not-selectable": !isSelectable, "data-no-icon-align": hasIcon || !hasItemWithIcon ? '' : undefined, ...rest }, children));
     }
-  );
+    const { className, children, isDisabled, isDanger, hasIconCheckFn = hasItemIcon, onSelect, onFocus, onMouseEnter, onBlur, onMouseLeave, onKeyDown, ...rest } = props;
+    const id = useId();
+    const [subMenuOpen, setSubMenuOpen] = useState(false);
+    const [hasSubmenu, setHasSubmenu] = useState(false);
+    const itemRef = useRef(null);
+    /**
+     * Set the hasIcon state based on the presence of an icon.
+     */
+    const hasIcon = useMemo(() => hasIconCheckFn(children), [children]);
+    const { closeMenuImmediately } = useContextMenuContext(DISPLAY_NAME);
+    const { dataHighlighted, onFocus: handleItemFocus, onMouseEnter: handleItemMouseEnter, onBlur: handleItemBlur, onMouseLeave: handleItemMouseLeave, } = useContextMenuItemFocus({
+        displayName: DISPLAY_NAME,
+        id,
+        isDisabled,
+        hasSubmenu,
+    });
+    /**
+     * Set the hasSubmenu state based on the presence of a submenu trigger.
+     */
+    useEffect(() => {
+        if (!itemRef.current) {
+            return;
+        }
+        const trigger = itemRef.current.querySelector('[data-submenu-trigger]');
+        setHasSubmenu(Boolean(trigger));
+    }, [itemRef]);
+    /**
+     * Handle the keydown event for the item.
+     */
+    const handleKeyDown = (e) => {
+        if (hasSubmenu && e.key === 'ArrowRight') {
+            setSubMenuOpen(true);
+        }
+        onKeyDown?.(e);
+    };
+    return (React.createElement(ContextMenuItemProvider, { hasSubmenu: hasSubmenu, subMenuOpen: subMenuOpen, setSubMenuOpen: setSubMenuOpen },
+        React.createElement(RadixDropdownMenuItem, { ref: mergeRefs(ref, itemRef), className: cx(s.item, className), disabled: isDisabled, "data-item": true, "data-danger": isDanger ? '' : undefined, "data-no-icon-align": hasIcon || !hasItemWithIcon ? '' : undefined, "data-has-submenu": hasSubmenu ? '' : undefined, onSelect: (e) => {
+                onSelect?.(e);
+                closeMenuImmediately(true);
+            }, "data-highlighted": subMenuOpen || dataHighlighted, onFocus: (e) => {
+                handleItemFocus?.();
+                onFocus?.(e);
+            }, onMouseEnter: (e) => {
+                handleItemMouseEnter?.(e);
+                onMouseEnter?.(e);
+            }, onBlur: (e) => {
+                handleItemBlur?.();
+                onBlur?.(e);
+            }, onMouseLeave: (e) => {
+                handleItemMouseLeave?.(e);
+                onMouseLeave?.(e);
+            }, onKeyDown: handleKeyDown, ...rest }, children)));
 });
-J.displayName = s;
-export {
-  J as Item
-};
+Item.displayName = DISPLAY_NAME;

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 & {
     /**
@@ -18,9 +18,15 @@ export type SelectableItemProps = RadixItemProps & {
 };
 export type NotSelectableItemProps = React.ComponentPropsWithRef<'div'> & {
     /**
-     * Whether the item is not selectable.
+     * Whether the item is selectable.
      */
-    isNotSelectable?: boolean;
+    isSelectable?: false;
+    /**
+     * A function for checking the presence of an icon.
+     *
+     * By default, the `hasItemIcon` from utils is used.
+     */
+    hasIconCheckFn?: (children: React.ReactNode) => boolean;
 };
 export type ItemProps = SelectableItemProps | NotSelectableItemProps;
 export interface ContextMenuItemContextProps {

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

@@ -1 +1 @@
-{"version":3,"file":"Item.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Item/Item.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEnF,KAAK,cAAc,GAAG,IAAI,CACxB,KAAK,CAAC,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,EACzD,UAAU,CACX,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG;IACjD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,GAAG;IACxE;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,mBAAmB,GAAG,sBAAsB,CAAC;AAErE,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C"}
+{"version":3,"file":"Item.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Item/Item.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEnF,KAAK,cAAc,GAAG,IAAI,CACxB,KAAK,CAAC,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,EACzD,UAAU,CACX,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG;IACjD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,GAAG;IACxE;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,mBAAmB,GAAG,sBAAsB,CAAC;AAErE,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C"}

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"}