@kommo-crm/crm-react-ui-kit 1.1.1-beta.8 → 1.2.0-beta.17

package/dist/components/ContextMenu/components/CheckboxItem/CheckboxItem.js

@@ -1,83 +1,107 @@
-import { jsx as w } from "react/jsx-runtime";
-import { forwardRef as D, useId as H, useMemo as P } from "react";
-import { d as R } from "../../../../index-CYWNqEqR.mjs";
-import { c as W } from "../../../../index-L8X2o7IH.mjs";
-import { useLevelContext as Y } from "../../providers/LevelProvider/LevelProvider.js";
-import { useContextMenuContext as q } from "../../ContextMenu.context.js";
-import { hasItemIcon as z } from "../../utils/hasItemIcon/hasItemIcon.js";
-import "../../../../useContentPositioning-BLEFxO0N.mjs";
+import { jsx as q } from "react/jsx-runtime";
+import { forwardRef as z, useId as G, useMemo as J } from "react";
+import { C as Q } from "../../../../index-DmGLJEdp.mjs";
+import { c as S } from "../../../../index-L8X2o7IH.mjs";
+import { mergeRefs as T } from "../../../../lib/utils.js";
+import { useLevelContext as U } from "../../providers/LevelProvider/LevelProvider.js";
+import { hasItemIcon as V } from "../../utils/hasItemIcon/hasItemIcon.js";
+import "../../../../useContentPositioning-CLU2E_Oz.mjs";
+import "../../providers/SubMenuProvider/SubMenuProvider.js";
+import { useContextMenuRootContext as X } from "../../ContextMenu.context.js";
 import "../Content/Content.utils.js";
-import { useContextMenuItemFocus as G } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
-import '../../../../assets/CheckboxItem.css';const J = "_checkbox_item_j9dmr_1", K = {
-  checkbox_item: J
-}, m = "ContextMenu.CheckboxItem", O = D(
+import { useContextMenuItemFocus as Z } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
+import { useSubMenu as $ } from "../../hooks/useSubMenu/useSubMenu.js";
+import { useChildrenWithBlocker as ee } from "../../hooks/useChildrenWithBlocker/useChildrenWithBlocker.js";
+import '../../../../assets/CheckboxItem.css';const oe = "_checkbox_item_1lejf_1", te = "_blocker_1lejf_34", d = {
+  checkbox_item: oe,
+  blocker: te
+}, o = "ContextMenu.CheckboxItem", se = z(
   ({
-    className: k,
-    children: o,
-    onChange: h,
-    isDisabled: I,
-    isChecked: C,
-    hasIconCheckFn: n = z,
-    onFocus: e,
-    onMouseEnter: i,
-    onBlur: c,
-    onMouseLeave: r,
-    onSelect: s,
-    onClick: a,
-    isCloseMenuOnClick: _ = !0,
-    ...N
-  }, u) => {
-    const y = H(), { hasItemWithIcon: j } = Y(m), { closeMenuImmediately: b, isCloseOnClick: g } = q(m), {
-      dataHighlighted: v,
+    className: p,
+    children: s,
+    onChange: t,
+    isDisabled: i,
+    isChecked: u,
+    hasIconCheckFn: h = V,
+    onFocus: x,
+    onMouseEnter: b,
+    onBlur: I,
+    onMouseLeave: M,
+    onSelect: r,
+    onClick: n,
+    isCloseMenuOnClick: v = !0,
+    shouldCloseRootMenuOnClick: a,
+    onCheckedChange: m,
+    onKeyDown: _,
+    ...k
+  }, C) => {
+    const N = G(), {
+      hasItemWithIcon: y,
+      closeMenuImmediately: L,
+      isCloseOnClick: w,
+      shouldCloseRootMenuOnClick: B
+    } = U(o), { itemRef: l, hasSubmenu: E, subMenuOpen: F, handleKeyDown: O, withProvider: R } = $({ onKeyDown: _ }), {
+      dataHighlighted: g,
+      onFocus: j,
+      onMouseEnter: D,
+      onBlur: A,
+      onMouseLeave: K
+    } = Z({
+      displayName: o,
+      ref: l,
+      id: N,
+      isDisabled: i,
+      hasSubmenu: E,
       onFocus: x,
-      onMouseEnter: f,
-      onBlur: p,
-      onMouseLeave: d
-    } = G({
-      displayName: m,
-      id: y,
-      isDisabled: I
-    }), A = P(() => n(o), [o]);
-    return /* @__PURE__ */ w(
-      R,
-      {
-        ref: u,
-        className: W(K.checkbox_item, k),
-        disabled: I,
-        checked: C,
-        "data-item": !0,
-        "data-no-icon-align": A || !j ? "" : void 0,
-        onCheckedChange: (t) => {
-          h && h({
-            target: { checked: t }
-          });
-        },
-        "data-highlighted": v,
-        onSelect: (t) => {
-          s == null || s(t), g && _ && b(!0);
-        },
-        onClick: (t) => {
-          t.preventDefault(), a == null || a(t), g && _ && b(!0);
-        },
-        onFocus: (t) => {
-          x == null || x(), e == null || e(t);
-        },
-        onMouseEnter: (t) => {
-          f == null || f(t), i == null || i(t);
-        },
-        onBlur: (t) => {
-          p == null || p(), c == null || c(t);
-        },
-        onMouseLeave: (t) => {
-          d == null || d(t), r == null || r(t);
-        },
-        ...N,
-        children: o
-      }
+      onBlur: I,
+      onMouseEnter: b,
+      onMouseLeave: M
+    }), P = J(() => h(s), [s]), { closeRootMenuImmediately: c } = X(o), W = (e) => {
+      m == null || m(e), t && t({
+        target: { checked: e }
+      });
+    }, H = ee({
+      children: s,
+      displayName: o,
+      blockerClassName: d.blocker
+    }), f = () => {
+      w && v && (L(a), (a ?? B) && (c == null || c()));
+    };
+    return R(
+      /* @__PURE__ */ q(
+        Q,
+        {
+          ref: T(C, l),
+          className: S(d.checkbox_item, p),
+          disabled: i,
+          checked: u,
+          "data-item": !0,
+          "data-no-icon-align": P || !y ? "" : void 0,
+          onCheckedChange: (e) => {
+            t && t({
+              target: { checked: e }
+            });
+          },
+          "data-highlighted": F || g,
+          onSelect: (e) => {
+            r == null || r(e), f();
+          },
+          onClick: (e) => {
+            e.preventDefault(), n == null || n(e), W(!u), f();
+          },
+          onFocus: j,
+          onMouseEnter: D,
+          onBlur: A,
+          onMouseLeave: K,
+          onKeyDown: O,
+          ...k,
+          children: H
+        }
+      )
     );
   }
 );
-O.displayName = m;
+se.displayName = o;
 export {
-  O as CheckboxItem
+  se as CheckboxItem
 };

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

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { CheckboxItem as RadixDropdownMenuCheckboxItem } from '@radix-ui/react-dropdown-menu';
-type RadixCheckboxItemProps = Omit<ComponentPropsWithoutRef<typeof RadixDropdownMenuCheckboxItem>, 'disabled' | 'checked' | 'onCheckedChange'>;
+type RadixCheckboxItemProps = Omit<ComponentPropsWithoutRef<typeof RadixDropdownMenuCheckboxItem>, 'disabled' | 'checked'>;
 export type CheckboxItemProps = RadixCheckboxItemProps & {
     /**
      * Callback that fires when the checked state changes.
@@ -25,6 +25,10 @@ export type CheckboxItemProps = RadixCheckboxItemProps & {
      * Whether the CheckboxItem should close the menu when clicked.
      */
     isCloseMenuOnClick?: boolean;
+    /**
+     * Whether the CheckboxItem should close the root menu when clicked.
+     */
+    shouldCloseRootMenuOnClick?: boolean;
 };
 export {};
 //# sourceMappingURL=CheckboxItem.props.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxItem.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/CheckboxItem/CheckboxItem.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,IAAI,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAEnG,KAAK,sBAAsB,GAAG,IAAI,CAChC,wBAAwB,CAAC,OAAO,6BAA6B,CAAC,EAC9D,UAAU,GAAG,SAAS,GAAG,iBAAiB,CAC3C,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,GAAG;IACvD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC;IACxD;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC"}
+{"version":3,"file":"CheckboxItem.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/CheckboxItem/CheckboxItem.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,IAAI,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAEnG,KAAK,sBAAsB,GAAG,IAAI,CAChC,wBAAwB,CAAC,OAAO,6BAA6B,CAAC,EAC9D,UAAU,GAAG,SAAS,CACvB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,GAAG;IACvD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC;IACxD;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC,CAAC"}

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

@@ -272,7 +272,6 @@ export declare const Content: React.ForwardRefExoticComponent<{
     asChild?: boolean | undefined;
     side?: ("left" | "right" | "bottom" | "top") | undefined;
     sideOffset?: number | undefined;
-    align?: ("center" | "end" | "start") | undefined;
     alignOffset?: number | undefined;
     arrowPadding?: number | undefined;
     collisionBoundary?: ((Element | null) | (Element | null)[]) | undefined;
@@ -298,5 +297,6 @@ export declare const Content: React.ForwardRefExoticComponent<{
     direction?: import('./Content.types').DirectionType;
     collisionBoundary?: Element;
     disableAutoPositioning?: boolean;
+    disableRepositioning?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Content.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Content/Content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AA0BpD,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAuGnB,CAAC"}
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Content/Content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AA4BpD,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAsInB,CAAC"}

package/dist/components/ContextMenu/components/Content/Content.js

@@ -1,13 +1,13 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../../index-CYWNqEqR.mjs";
+import "../../../../index-DmGLJEdp.mjs";
 import "../../../../index-L8X2o7IH.mjs";
-import "../../../../react-spring_web.modern-Dnq1lqN5.mjs";
+import { C as b } from "../../../../useContentPositioning-CLU2E_Oz.mjs";
 import "../../../../lib/utils.js";
 import "../../providers/LevelProvider/LevelProvider.js";
 import "../../ContextMenu.context.js";
 import "../../ContextMenu.enums.js";
-import { C as b } from "../../../../useContentPositioning-BLEFxO0N.mjs";
+import "../../providers/SubMenuProvider/SubMenuProvider.js";
 import "./Content.enums.js";
 import "./Content.utils.js";
 export {

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

@@ -1,7 +1,7 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { Content as RadixDropdownMenuContent } from '@radix-ui/react-dropdown-menu';
 import { DirectionType } from './Content.types';
-type RadixContentProps = Omit<ComponentPropsWithoutRef<typeof RadixDropdownMenuContent>, 'avoidCollisions'>;
+type RadixContentProps = Omit<ComponentPropsWithoutRef<typeof RadixDropdownMenuContent>, 'avoidCollisions' | 'align'>;
 export type ContentProps = RadixContentProps & {
     /**
      * Preferred opening direction for the menu.
@@ -22,6 +22,10 @@ export type ContentProps = RadixContentProps & {
      * such as server-side rendering or automated tests.
      */
     disableAutoPositioning?: boolean;
+    /**
+     * Whether to disable repositioning.
+     */
+    disableRepositioning?: boolean;
 };
 export interface ContextMenuContentContextProps {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"Content.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Content/Content.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEpF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,KAAK,iBAAiB,GAAG,IAAI,CAC3B,wBAAwB,CAAC,OAAO,wBAAwB,CAAC,EACzD,iBAAiB,CAClB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAAG;IAC7C;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,WAAW,8BAA8B;IAC7C;;;OAGG;IACH,mBAAmB,EAAE,MAAM,CAAC;CAC7B"}
+{"version":3,"file":"Content.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Content/Content.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEpF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,KAAK,iBAAiB,GAAG,IAAI,CAC3B,wBAAwB,CAAC,OAAO,wBAAwB,CAAC,EACzD,iBAAiB,GAAG,OAAO,CAC5B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAAG;IAC7C;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,MAAM,WAAW,8BAA8B;IAC7C;;;OAGG;IACH,mBAAmB,EAAE,MAAM,CAAC;CAC7B"}

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

@@ -1,4 +1,4 @@
-import { C as e } from "../../../../useContentPositioning-BLEFxO0N.mjs";
+import { C as e } from "../../../../useContentPositioning-CLU2E_Oz.mjs";
 import { Direction as i } from "./Content.enums.js";
 import { directionToSide as f } from "./Content.utils.js";
 export {

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FocusBlocker.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/FocusBlocker/FocusBlocker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIzD,eAAO,MAAM,YAAY,0FAgDxB,CAAC"}

package/dist/components/ContextMenu/components/FocusBlocker/FocusBlocker.js

@@ -0,0 +1,12 @@
+import "react/jsx-runtime";
+import "react";
+import "../../../../index-L8X2o7IH.mjs";
+import { F as a } from "../../../../useContentPositioning-CLU2E_Oz.mjs";
+import "../../providers/LevelProvider/LevelProvider.js";
+import "../../providers/SubMenuProvider/SubMenuProvider.js";
+import "../../ContextMenu.context.js";
+import "../Content/Content.utils.js";
+import "../../hooks/useStopContextMenuEvents/useStopContextMenuEvents.js";
+export {
+  a as FocusBlocker
+};

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

@@ -0,0 +1,8 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface FocusBlockerProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * The additional className of the blocker.
+     */
+    className?: string;
+}
+//# sourceMappingURL=FocusBlocker.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FocusBlocker.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/FocusBlocker/FocusBlocker.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,WAAW,iBAAkB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACxE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -0,0 +1 @@
+

package/dist/components/ContextMenu/components/FocusBlocker/index.d.ts

@@ -0,0 +1,2 @@
+export { FocusBlocker } from './FocusBlocker';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ContextMenu/components/FocusBlocker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/FocusBlocker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,4 @@
+import { F as c } from "../../../../useContentPositioning-CLU2E_Oz.mjs";
+export {
+  c as FocusBlocker
+};

package/dist/components/ContextMenu/components/Group/Group.js

@@ -1,4 +1,4 @@
-import { G as o } from "../../../../index-CYWNqEqR.mjs";
+import { G as o } from "../../../../index-DmGLJEdp.mjs";
 const p = "ContextMenu.Group", r = o;
 r.displayName = p;
 export {

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

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { SelectableItemProps } from './Item.props';
-export declare const Item: React.ForwardRefExoticComponent<(Omit<SelectableItemProps, "ref"> | Omit<import('./Item.props').NotSelectableItemProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
+import { ItemProps } from './Item.props';
+export declare const Item: React.ForwardRefExoticComponent<Omit<ItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Item.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Item/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAcf,OAAO,KAAK,EAAa,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAQnE,eAAO,MAAM,IAAI,wKA8Jf,CAAC"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Item/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAkB1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ9C,eAAO,MAAM,IAAI,+FA6If,CAAC"}

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

@@ -1,119 +1,121 @@
-import { jsx as b } from "react/jsx-runtime";
-import { forwardRef as G, useMemo as D, useId as J, useState as R, useRef as Q, useEffect as T } from "react";
-import { I as U } from "../../../../index-CYWNqEqR.mjs";
+import { jsx as D } from "react/jsx-runtime";
+import { forwardRef as J, useId as Q, useMemo as T } from "react";
+import { I as U } from "../../../../index-DmGLJEdp.mjs";
 import { c as F } from "../../../../index-L8X2o7IH.mjs";
-import { mergeRefs as V } from "../../../../lib/utils.js";
-import { useLevelContext as X } from "../../providers/LevelProvider/LevelProvider.js";
-import { useContextMenuContext as Z } from "../../ContextMenu.context.js";
-import { hasItemIcon as O } from "../../utils/hasItemIcon/hasItemIcon.js";
-import "../../../../useContentPositioning-BLEFxO0N.mjs";
+import { mergeRefs as O } from "../../../../lib/utils.js";
+import { useLevelContext as V } from "../../providers/LevelProvider/LevelProvider.js";
+import { hasItemIcon as X } from "../../utils/hasItemIcon/hasItemIcon.js";
+import "../../../../useContentPositioning-CLU2E_Oz.mjs";
+import "../../providers/SubMenuProvider/SubMenuProvider.js";
+import { useContextMenuRootContext as Z } from "../../ContextMenu.context.js";
 import "../Content/Content.utils.js";
 import { useContextMenuItemFocus as $ } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
-import { ContextMenuItemProvider as ee } from "./Item.context.js";
-import '../../../../assets/Item2.css';const te = "_item_zkanf_1", _ = {
-  item: te
-}, s = "ContextMenu.Item", ne = G((t, p) => {
-  const { hasItemWithIcon: M } = X(s);
-  if ("isSelectable" in t && t.isSelectable === !1) {
-    const {
-      className: e,
-      children: C,
-      isSelectable: B,
-      hasIconCheckFn: K = O,
-      ...W
-    } = t, Y = D(() => K(C), [C]);
-    return /* @__PURE__ */ b(
-      "div",
-      {
-        ref: p,
-        className: F(_.item, e),
-        "data-not-selectable": !B,
-        "data-no-icon-align": Y || !M ? "" : void 0,
-        ...W,
-        children: C
-      }
-    );
-  }
+import { useSubMenu as ee } from "../../hooks/useSubMenu/useSubMenu.js";
+import { useItemInnerFocus as oe } from "../../hooks/useItemInnerFocus/useItemInnerFocus.js";
+import { MaybeAsChild as te } from "./components/MaybeAsChild/MaybeAsChild.js";
+import '../../../../assets/Item2.css';const ne = "_item_hzqyl_1", se = "_blocker_hzqyl_44", l = {
+  item: ne,
+  blocker: se
+}, o = "ContextMenu.Item", ae = J((R, m) => {
   const {
-    className: w,
-    children: i,
-    isDisabled: x,
-    isDanger: A,
-    hasIconCheckFn: E = O,
-    onSelect: a,
-    onClick: r,
-    onFocus: c,
-    onMouseEnter: m,
-    onBlur: u,
-    onMouseLeave: l,
-    onKeyDown: d,
+    className: c,
+    children: t,
+    isDisabled: u,
+    isDanger: d,
+    hasIconCheckFn: _ = X,
+    onSelect: s,
+    onClick: n,
+    onFocus: h,
+    onMouseEnter: p,
+    onBlur: f,
+    onMouseLeave: C,
+    onKeyDown: M,
     isCloseMenuOnClick: S = !0,
-    ...H
-  } = t, L = J(), [v, N] = R(!1), [n, P] = R(!1), o = Q(null), j = D(() => E(i), [i]), { closeMenuImmediately: k, isCloseOnClick: y } = Z(s), {
+    shouldCloseRootMenuOnClick: I,
+    isSelectable: w,
+    asChild: b,
+    ...k
+  } = R, g = Q(), {
+    hasItemWithIcon: v,
+    closeMenuImmediately: B,
+    isCloseOnClick: E,
+    shouldCloseRootMenuOnClick: P
+  } = V(o), x = T(() => _(t), [t]), { closeRootMenuImmediately: a } = Z(o), { itemRef: i, hasSubmenu: r, subMenuOpen: A, handleKeyDown: K, withProvider: y } = ee({ onKeyDown: M }), {
     dataHighlighted: q,
-    onFocus: f,
-    onMouseEnter: h,
-    onBlur: g,
-    onMouseLeave: I
+    onFocus: z,
+    onMouseEnter: W,
+    onBlur: j,
+    onMouseLeave: H
   } = $({
-    displayName: s,
-    id: L,
-    isDisabled: x,
-    hasSubmenu: n
-  });
-  T(() => {
-    if (!o.current)
-      return;
-    const e = o.current.querySelector("[data-submenu-trigger]");
-    P(!!e);
-  }, [o]);
-  const z = (e) => {
-    n && e.key === "ArrowRight" && N(!0), d == null || d(e);
+    displayName: o,
+    ref: i,
+    id: g,
+    isDisabled: u,
+    hasSubmenu: r,
+    onFocus: h,
+    onBlur: f,
+    onMouseEnter: p,
+    onMouseLeave: C
+  }), { isSelectable: Y, handleNodeRef: N, childrenWithBlocker: G } = oe({
+    id: g,
+    children: t,
+    isSelectableProp: w,
+    displayName: o,
+    blockerClassName: l.blocker
+  }), L = () => {
+    E && S && (B(I), (I ?? P) && (a == null || a()));
   };
-  return /* @__PURE__ */ b(
-    ee,
-    {
-      hasSubmenu: n,
-      subMenuOpen: v,
-      setSubMenuOpen: N,
-      children: /* @__PURE__ */ b(
-        U,
-        {
-          ref: V(p, o),
-          className: F(_.item, w),
-          disabled: x,
-          "data-item": !0,
-          "data-danger": A ? "" : void 0,
-          "data-no-icon-align": j || !M ? "" : void 0,
-          "data-has-submenu": n ? "" : void 0,
-          onSelect: (e) => {
-            a == null || a(e), y && S && k(!0);
-          },
-          onClick: (e) => {
-            e.preventDefault(), r == null || r(e), y && S && k(!0);
-          },
-          "data-highlighted": v || q,
-          onFocus: (e) => {
-            f == null || f(), c == null || c(e);
-          },
-          onMouseEnter: (e) => {
-            h == null || h(e), m == null || m(e);
-          },
-          onBlur: (e) => {
-            g == null || g(), u == null || u(e);
-          },
-          onMouseLeave: (e) => {
-            I == null || I(e), l == null || l(e);
-          },
-          onKeyDown: z,
-          ...H,
-          children: i
-        }
-      )
-    }
+  return y(
+    Y ? /* @__PURE__ */ D(
+      U,
+      {
+        ref: O(m, i, N),
+        className: F(l.item, c),
+        disabled: u,
+        "data-item": !0,
+        "data-danger": d ? "" : void 0,
+        "data-no-icon-align": x || !v ? "" : void 0,
+        "data-has-submenu": r ? "" : void 0,
+        onSelect: (e) => {
+          s == null || s(e), L();
+        },
+        onClick: (e) => {
+          e.stopPropagation(), e.target.closest("a") || e.preventDefault(), n == null || n(e), L();
+        },
+        "data-highlighted": A || q,
+        onFocus: z,
+        onMouseEnter: W,
+        onBlur: j,
+        onMouseLeave: H,
+        onKeyDown: K,
+        asChild: b,
+        ...k,
+        children: G
+      }
+    ) : /* @__PURE__ */ D(
+      te,
+      {
+        ref: O(m, i, N),
+        className: F(l.item, c),
+        "data-not-selectable": !0,
+        "data-item": !0,
+        "data-danger": d ? "" : void 0,
+        "data-no-icon-align": x || !v ? "" : void 0,
+        "data-has-submenu": r ? "" : void 0,
+        onFocus: h,
+        onMouseEnter: p,
+        onBlur: f,
+        onMouseLeave: C,
+        onKeyDown: M,
+        onClick: n,
+        asChild: b,
+        ...k,
+        children: t
+      }
+    )
   );
 });
-ne.displayName = s;
+ae.displayName = o;
 export {
-  ne as Item
+  ae as Item
 };