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

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,7 +1,7 @@
-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;
+    ({ children, mode, onOpen, defaultOpen, ...rest }: SubProps): React.JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=Sub.d.ts.map

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;;CAuCV,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;uDAOb,QAAQ;;CAwCV,CAAC"}

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

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

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

@@ -1,13 +1,17 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { Sub as RadixDropdownMenuSub } from '@radix-ui/react-dropdown-menu';
 import { ContextMenuModeType } from '../../ContextMenu.types';
-export type SubProps = ComponentPropsWithoutRef<typeof RadixDropdownMenuSub> & {
+export type SubProps = Omit<ComponentPropsWithoutRef<typeof RadixDropdownMenuSub>, 'onOpenChange'> & {
     /**
      * Defines how the submenu is triggered.
      *
      * @default "hover"
      */
     mode?: ContextMenuModeType;
+    /**
+     * Called when submenu open state changes.
+     */
+    onOpen?: (open: boolean) => void;
 };
 export interface ContextMenuSubContextProps {
     /**

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;IAClB;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C"}
+{"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,IAAI,CACzB,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,EACrD,cAAc,CACf,GAAG;IACF;;;;OAIG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC,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 +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