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

package/dist/components/ContextMenu/hooks/useItemInnerFocus/useItemInnerFocus.js

@@ -0,0 +1,55 @@
+import { useState as F, useLayoutEffect as m } from "react";
+import { useContextMenuRootContext as d } from "../../ContextMenu.context.js";
+import "react/jsx-runtime";
+import "../../../../useContentPositioning-CLU2E_Oz.mjs";
+import "../../providers/LevelProvider/LevelProvider.js";
+import "../../providers/SubMenuProvider/SubMenuProvider.js";
+import "../../components/Content/Content.utils.js";
+import { useInnerInputsFocus as W } from "../useInnerInputsFocus/useInnerInputsFocus.js";
+import { useChildrenWithBlocker as a } from "../useChildrenWithBlocker/useChildrenWithBlocker.js";
+function L({
+  id: t,
+  children: I,
+  isSelectableProp: o,
+  displayName: s,
+  blockerClassName: f
+}) {
+  const {
+    itemWithFocusedInput: e,
+    setItemWithFocusedInput: r,
+    enableInnerInputFocus: n
+  } = d(s), { hasInnerInput: i, isInnerInputFocused: c, handleNodeRef: l } = W({ isEnabled: n }), [p, u] = F(o ?? !0);
+  m(() => {
+    if (o !== void 0 || !n) {
+      u(o ?? !0);
+      return;
+    }
+    u(!i);
+  }, [i, o, n]), m(() => {
+    if (n)
+      return c ? r(t) : e === t && r(null), () => {
+        e === t && r(null);
+      };
+  }, [
+    c,
+    e,
+    r,
+    t,
+    n
+  ]);
+  const h = a({
+    displayName: s,
+    children: I,
+    shouldShowBlocker: e !== null && e !== t,
+    blockerClassName: f
+  });
+  return {
+    isSelectable: p,
+    setIsSelectable: u,
+    handleNodeRef: l,
+    childrenWithBlocker: h
+  };
+}
+export {
+  L as useItemInnerFocus
+};

package/dist/components/ContextMenu/hooks/useItemInnerFocus/useItemInnerFocus.types.d.ts

@@ -0,0 +1,23 @@
+export interface UseItemInnerFocusOptions {
+    /**
+     * The id of the item.
+     */
+    id: string;
+    /**
+     * The children of the item.
+     */
+    children: React.ReactNode;
+    /**
+     * Whether the item is selectable.
+     */
+    isSelectableProp?: boolean;
+    /**
+     * The name of the display.
+     */
+    displayName: string;
+    /**
+     * The class name of the blocker.
+     */
+    blockerClassName?: string;
+}
+//# sourceMappingURL=useItemInnerFocus.types.d.ts.map

package/dist/components/ContextMenu/hooks/useItemInnerFocus/useItemInnerFocus.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useItemInnerFocus.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useItemInnerFocus/useItemInnerFocus.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}

package/dist/components/ContextMenu/hooks/useItemInnerFocus/useItemInnerFocus.types.js

@@ -0,0 +1 @@
+

package/dist/components/ContextMenu/hooks/useMouseMoveOutside/useMouseMoveOutside.d.ts

@@ -0,0 +1,2 @@
+export declare function useMouseMoveOutside(ref: React.RefObject<HTMLElement>, callback: (event: MouseEvent) => void): void;
+//# sourceMappingURL=useMouseMoveOutside.d.ts.map

package/dist/components/ContextMenu/hooks/useMouseMoveOutside/useMouseMoveOutside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMouseMoveOutside.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useMouseMoveOutside/useMouseMoveOutside.ts"],"names":[],"mappings":"AAEA,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,QAmBtC"}

package/dist/components/ContextMenu/hooks/useMouseMoveOutside/useMouseMoveOutside.js

@@ -0,0 +1,13 @@
+import { useEffect as r } from "react";
+function m(e, o) {
+  r(() => {
+    const t = (n) => {
+      const u = e.current;
+      u && (u.contains(n.target) || o(n));
+    };
+    return document.addEventListener("mousemove", t), () => document.removeEventListener("mousemove", t);
+  }, [e, o]);
+}
+export {
+  m as useMouseMoveOutside
+};

package/dist/components/ContextMenu/hooks/usePrevious/usePrevious.d.ts

@@ -0,0 +1,2 @@
+export declare function usePrevious<T>(value: T): T | undefined;
+//# sourceMappingURL=usePrevious.d.ts.map

package/dist/components/ContextMenu/hooks/usePrevious/usePrevious.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrevious.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/usePrevious/usePrevious.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,SAAS,CAQtD"}

package/dist/components/ContextMenu/hooks/usePrevious/usePrevious.js

@@ -0,0 +1,10 @@
+import { useRef as t, useLayoutEffect as u } from "react";
+function f(r) {
+  const e = t();
+  return u(() => {
+    e.current = r;
+  }, [r]), e.current;
+}
+export {
+  f as usePrevious
+};

package/dist/components/ContextMenu/hooks/useStopContextMenuEvents/useStopContextMenuEvents.d.ts

@@ -1,13 +1,13 @@
-import { DivHandlers } from './useStopContextMenuEvents.types';
-export declare const useStopContextMenuEvents: (handlers?: Partial<DivHandlers>) => {
-    onClick: (e: import('react').MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    onKeyDown: (e: import('react').KeyboardEvent<HTMLDivElement>) => void;
-    onKeyUp: (e: import('react').KeyboardEvent<HTMLDivElement>) => void;
-    onKeyPress: (e: import('react').KeyboardEvent<HTMLDivElement>) => void;
-    onPointerDown: (e: import('react').PointerEvent<HTMLDivElement>) => void;
-    onPointerUp: (e: import('react').PointerEvent<HTMLDivElement>) => void;
-    onPointerEnter: (e: import('react').PointerEvent<HTMLDivElement>) => void;
-    onPointerLeave: (e: import('react').PointerEvent<HTMLDivElement>) => void;
-    onPointerMove: (e: import('react').PointerEvent<HTMLDivElement>) => void;
+import { Handlers } from './useStopContextMenuEvents.types';
+export declare const useStopContextMenuEvents: <T extends HTMLElement>(handlers?: Partial<Handlers<T>>) => {
+    onClick: (e: import('react').MouseEvent<T, MouseEvent>) => void;
+    onKeyDown: (e: import('react').KeyboardEvent<T>) => void;
+    onKeyUp: (e: import('react').KeyboardEvent<T>) => void;
+    onKeyPress: (e: import('react').KeyboardEvent<T>) => void;
+    onPointerDown: (e: import('react').PointerEvent<T>) => void;
+    onPointerUp: (e: import('react').PointerEvent<T>) => void;
+    onPointerEnter: (e: import('react').PointerEvent<T>) => void;
+    onPointerLeave: (e: import('react').PointerEvent<T>) => void;
+    onPointerMove: (e: import('react').PointerEvent<T>) => void;
 };
 //# sourceMappingURL=useStopContextMenuEvents.d.ts.map

package/dist/components/ContextMenu/hooks/useStopContextMenuEvents/useStopContextMenuEvents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStopContextMenuEvents.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useStopContextMenuEvents/useStopContextMenuEvents.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAE/D,eAAO,MAAM,wBAAwB,cACzB,OAAO,CAAC,WAAW,CAAC;4EASd,IAAI;qEAAJ,IAAI;mEAAJ,IAAI;sEAAJ,IAAI;wEAAJ,IAAI;sEAAJ,IAAI;yEAAJ,IAAI;yEAAJ,IAAI;wEAAJ,IAAI;CAiBrB,CAAC"}
+{"version":3,"file":"useStopContextMenuEvents.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useStopContextMenuEvents/useStopContextMenuEvents.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAE5D,eAAO,MAAM,wBAAwB,GAAI,CAAC,SAAS,WAAW,aAClD,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;+DAUd,IAAI;wDAAJ,IAAI;sDAAJ,IAAI;yDAAJ,IAAI;2DAAJ,IAAI;yDAAJ,IAAI;4DAAJ,IAAI;4DAAJ,IAAI;2DAAJ,IAAI;CAiBrB,CAAC"}

package/dist/components/ContextMenu/hooks/useStopContextMenuEvents/useStopContextMenuEvents.js

@@ -1,7 +1,7 @@
 import { useCallback as P } from "react";
 const c = (o = {}) => {
   const i = P((t) => {
-    t.stopPropagation();
+    t.stopPropagation(), t.preventDefault();
   }, []), n = (t) => (e) => {
     i(e), t == null || t(e);
   };

package/dist/components/ContextMenu/hooks/useStopContextMenuEvents/useStopContextMenuEvents.types.d.ts

@@ -1,3 +1,13 @@
-import { ComponentProps } from 'react';
-export type DivHandlers = Pick<ComponentProps<'div'>, 'onClick' | 'onKeyDown' | 'onKeyUp' | 'onKeyPress' | 'onPointerDown' | 'onPointerUp' | 'onPointerEnter' | 'onPointerLeave' | 'onPointerMove'>;
+import { default as React } from 'react';
+export type Handlers<T extends HTMLElement> = {
+    onClick?: React.MouseEventHandler<T>;
+    onKeyDown?: React.KeyboardEventHandler<T>;
+    onKeyUp?: React.KeyboardEventHandler<T>;
+    onKeyPress?: React.KeyboardEventHandler<T>;
+    onPointerDown?: React.PointerEventHandler<T>;
+    onPointerUp?: React.PointerEventHandler<T>;
+    onPointerEnter?: React.PointerEventHandler<T>;
+    onPointerLeave?: React.PointerEventHandler<T>;
+    onPointerMove?: React.PointerEventHandler<T>;
+};
 //# sourceMappingURL=useStopContextMenuEvents.types.d.ts.map

package/dist/components/ContextMenu/hooks/useStopContextMenuEvents/useStopContextMenuEvents.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStopContextMenuEvents.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useStopContextMenuEvents/useStopContextMenuEvents.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,cAAc,CAAC,KAAK,CAAC,EACnB,SAAS,GACT,WAAW,GACX,SAAS,GACT,YAAY,GACZ,eAAe,GACf,aAAa,GACb,gBAAgB,GAChB,gBAAgB,GAChB,eAAe,CAClB,CAAC"}
+{"version":3,"file":"useStopContextMenuEvents.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useStopContextMenuEvents/useStopContextMenuEvents.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,WAAW,IAAI;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC3C,cAAc,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC9C,cAAc,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC9C,aAAa,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;CAC9C,CAAC"}

package/dist/components/ContextMenu/hooks/useSubMenu/useSubMenu.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { UseSubMenuOptions } from './useSubMenu.types';
+export declare const useSubMenu: ({ onKeyDown }: UseSubMenuOptions) => {
+    itemRef: React.RefObject<HTMLDivElement>;
+    hasSubmenu: boolean;
+    subMenuOpen: boolean;
+    setSubMenuOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    handleKeyDown: (e: React.KeyboardEvent<HTMLDivElement>) => void;
+    withProvider: (children: React.ReactNode) => React.JSX.Element;
+};
+//# sourceMappingURL=useSubMenu.d.ts.map

package/dist/components/ContextMenu/hooks/useSubMenu/useSubMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSubMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useSubMenu/useSubMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,eAAO,MAAM,UAAU,kBAAmB,iBAAiB;;;;;uBAgB/B,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC;6BAQ7B,KAAK,CAAC,SAAS;CAkBhD,CAAC"}

package/dist/components/ContextMenu/hooks/useSubMenu/useSubMenu.js

@@ -0,0 +1,33 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useState as o, useRef as f, useEffect as m } from "react";
+import "../../providers/LevelProvider/LevelProvider.js";
+import { SubMenuProvider as a } from "../../providers/SubMenuProvider/SubMenuProvider.js";
+const g = ({ onKeyDown: t }) => {
+  const [n, u] = o(!1), [s, i] = o(!1), r = f(null);
+  return m(() => {
+    if (!r.current)
+      return;
+    const e = r.current.querySelector("[data-submenu-trigger]");
+    i(!!e);
+  }, [r]), {
+    itemRef: r,
+    hasSubmenu: s,
+    subMenuOpen: n,
+    setSubMenuOpen: u,
+    handleKeyDown: (e) => {
+      s && e.key === "ArrowRight" && u(!0), t == null || t(e);
+    },
+    withProvider: (e) => /* @__PURE__ */ c(
+      a,
+      {
+        hasSubmenu: s,
+        subMenuOpen: n,
+        setSubMenuOpen: u,
+        children: e
+      }
+    )
+  };
+};
+export {
+  g as useSubMenu
+};

package/dist/components/ContextMenu/hooks/useSubMenu/useSubMenu.types.d.ts

@@ -0,0 +1,7 @@
+export interface UseSubMenuOptions {
+    /**
+     * The callback function to be called when the key down event is triggered.
+     */
+    onKeyDown?: (e: React.KeyboardEvent<HTMLDivElement>) => void;
+}
+//# sourceMappingURL=useSubMenu.types.d.ts.map

package/dist/components/ContextMenu/hooks/useSubMenu/useSubMenu.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSubMenu.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/hooks/useSubMenu/useSubMenu.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC9D"}

package/dist/components/ContextMenu/hooks/useSubMenu/useSubMenu.types.js

@@ -0,0 +1 @@
+

package/dist/components/ContextMenu/index.js

@@ -1,6 +1,6 @@
 import { ContextMenu as n } from "./ContextMenu.js";
 import { ContextMenuMode as x } from "./ContextMenu.enums.js";
-import "../../useContentPositioning-BLEFxO0N.mjs";
+import "../../useContentPositioning-CLU2E_Oz.mjs";
 import { Direction as p } from "./components/Content/Content.enums.js";
 import "./components/Content/Content.utils.js";
 export {

package/dist/components/ContextMenu/providers/LevelProvider/LevelProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LevelProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/providers/LevelProvider/LevelProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAIlE;;;;;GAKG;AACH,eAAO,MAAO,aAAa,kGAAE,eAAe,qDACqB,CAAC"}
+{"version":3,"file":"LevelProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/providers/LevelProvider/LevelProvider.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAIlE;;;;;GAKG;AACH,eAAO,MAAO,aAAa,kGAAE,eAAe,qDACqB,CAAC"}

package/dist/components/ContextMenu/providers/LevelProvider/LevelProvider.props.d.ts

@@ -1,10 +1,15 @@
+import { ContextMenuModeType } from '../../ContextMenu.types';
 export interface LevelProviderContextProps {
     /**
-     * Whether any item in this level has an icon
+     * Nesting level of the menu.
+     */
+    level: number;
+    /**
+     * Whether any item in this level has an icon.
      */
     hasItemWithIcon: boolean;
     /**
-     * Sets whether any item in this level has an icon
+     * Sets whether any item in this level has an icon.
      */
     setHasItemWithIcon: (hasItemWithIcon: boolean) => void;
     /**
@@ -15,5 +20,28 @@ export interface LevelProviderContextProps {
      * Sets the id of the active item.
      */
     setActiveItemId: (id: string | null) => void;
+    /**
+     * The callback function to be called when the child menu is opened.
+     */
+    onChildOpen: (value: boolean, mode: ContextMenuModeType) => void;
+    /**
+     * The callback function to be called when the subroot is opened.
+     *
+     * @remarks
+     * This prop is only used for `Sub` (submenu) components.
+     */
+    onSubRootOpen?: (value: boolean) => void;
+    /**
+     * Immediately closes the menu without waiting for any hover or animation delays.
+     */
+    closeMenuImmediately: (shouldCloseRootMenuOnClick?: boolean) => void;
+    /**
+     * Whether the menu should close when clicked.
+     */
+    isCloseOnClick: boolean;
+    /**
+     * Whether the menu should close when the root menu is clicked.
+     */
+    shouldCloseRootMenuOnClick: boolean;
 }
 //# sourceMappingURL=LevelProvider.props.d.ts.map

package/dist/components/ContextMenu/providers/LevelProvider/LevelProvider.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LevelProvider.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/providers/LevelProvider/LevelProvider.props.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,kBAAkB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IACvD;;OAEG;IACH,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B;;OAEG;IACH,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC9C"}
+{"version":3,"file":"LevelProvider.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/providers/LevelProvider/LevelProvider.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,kBAAkB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IACvD;;OAEG;IACH,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B;;OAEG;IACH,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C;;OAEG;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACjE;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,oBAAoB,EAAE,CAAC,0BAA0B,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACrE;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,0BAA0B,EAAE,OAAO,CAAC;CACrC"}

package/dist/components/ContextMenu/providers/SubMenuProvider/SubMenuProvider.d.ts

@@ -0,0 +1,5 @@
+import { SubMenuContextProps } from './SubMenuProvider.props';
+declare const DISPLAY_NAME = "ContextMenu.Item";
+declare const SubMenuProvider: import('../../../../lib/react/createComponentContext').ContextProps<SubMenuContextProps>, useSubMenuContext: (consumerName: string) => SubMenuContextProps;
+export { SubMenuProvider, useSubMenuContext, DISPLAY_NAME };
+//# sourceMappingURL=SubMenuProvider.d.ts.map

package/dist/components/ContextMenu/providers/SubMenuProvider/SubMenuProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenuProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/providers/SubMenuProvider/SubMenuProvider.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,QAAA,MAAM,YAAY,qBAAqB,CAAC;AAExC,QAAA,MAAO,eAAe,4FAAE,iBAAiB,+CACkB,CAAC;AAE5D,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/ContextMenu/providers/SubMenuProvider/SubMenuProvider.js

@@ -0,0 +1,7 @@
+import { createComponentContext as e } from "../../../../lib/react/createComponentContext/createComponentContext.js";
+const t = "ContextMenu.Item", [n, r] = e(t);
+export {
+  t as DISPLAY_NAME,
+  n as SubMenuProvider,
+  r as useSubMenuContext
+};

package/dist/components/ContextMenu/providers/SubMenuProvider/SubMenuProvider.props.d.ts

@@ -0,0 +1,15 @@
+export interface SubMenuContextProps {
+    /**
+     * Whether the item has a submenu.
+     */
+    hasSubmenu?: boolean;
+    /**
+     * Whether the submenu is open.
+     */
+    subMenuOpen?: boolean;
+    /**
+     * The callback function to be called when the submenu is opened.
+     */
+    setSubMenuOpen?: (open: boolean) => void;
+}
+//# sourceMappingURL=SubMenuProvider.props.d.ts.map

package/dist/components/ContextMenu/providers/SubMenuProvider/SubMenuProvider.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenuProvider.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/providers/SubMenuProvider/SubMenuProvider.props.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC;;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/providers/SubMenuProvider/SubMenuProvider.props.js

@@ -0,0 +1 @@
+

package/dist/components/ContextMenu/providers/SubMenuProvider/index.d.ts

@@ -0,0 +1,3 @@
+export { SubMenuProvider, useSubMenuContext } from './SubMenuProvider';
+export { type SubMenuContextProps } from './SubMenuProvider.props';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ContextMenu/providers/SubMenuProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/providers/SubMenuProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/ContextMenu/providers/SubMenuProvider/index.js

@@ -0,0 +1,5 @@
+import { SubMenuProvider as o, useSubMenuContext as r } from "./SubMenuProvider.js";
+export {
+  o as SubMenuProvider,
+  r as useSubMenuContext
+};

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

@@ -1,2 +1,3 @@
 export { LevelProvider, useLevelContext, type LevelProviderContextProps, } from './LevelProvider';
+export { SubMenuProvider, useSubMenuContext, type SubMenuContextProps, } from './SubMenuProvider';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ContextMenu/providers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,eAAe,EACf,KAAK,yBAAyB,GAC/B,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ContextMenu/providers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,eAAe,EACf,KAAK,yBAAyB,GAC/B,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,KAAK,mBAAmB,GACzB,MAAM,mBAAmB,CAAC"}

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

@@ -1,5 +1,8 @@
 import { LevelProvider as r, useLevelContext as t } from "./LevelProvider/LevelProvider.js";
+import { SubMenuProvider as n, useSubMenuContext as v } from "./SubMenuProvider/SubMenuProvider.js";
 export {
   r as LevelProvider,
-  t as useLevelContext
+  n as SubMenuProvider,
+  t as useLevelContext,
+  v as useSubMenuContext
 };

package/dist/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAS1C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAKhD,eAAO,MAAM,KAAK,kGAoDhB,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AASlD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAKhD,eAAO,MAAM,KAAK,kGAiFhB,CAAC"}

package/dist/components/Input/Input.js

@@ -1,77 +1,89 @@
-import { jsx as a, jsxs as p } from "react/jsx-runtime";
-import { forwardRef as j } from "react";
-import { c as e } from "../../index-L8X2o7IH.mjs";
-import { useThemeClassName as v } from "../../hooks/useThemeClassName/useThemeClassName.js";
-import { isValidRenderValue as h } from "../../lib/utils.js";
-import { Text as u } from "../Text/Text.js";
+import { jsx as n, jsxs as v } from "react/jsx-runtime";
+import { forwardRef as C, useRef as a } from "react";
+import { c as i } from "../../index-L8X2o7IH.mjs";
+import { useThemeClassName as D } from "../../hooks/useThemeClassName/useThemeClassName.js";
+import { isValidRenderValue as h, mergeRefs as T } from "../../lib/utils.js";
+import { Text as j } from "../Text/Text.js";
 import "../Text/Text.themes.js";
-import { BaseInput as N } from "../BaseInput/BaseInput.js";
-import { InputInvalidTextTheme as w } from "./Input.themes.js";
-import '../../assets/Input.css';const b = "_wrapper_1jjpd_1", x = "_input_wrapper_1jjpd_23", I = "_input_container_1jjpd_28", g = "_after_1jjpd_44", T = "_has_after_1jjpd_51", B = "_invalid_1jjpd_55", D = "_disabled_1jjpd_72", C = "_invalid_description_1jjpd_81", R = "_invalid_description_right_1jjpd_85", i = {
-  wrapper: b,
-  input_wrapper: x,
-  input_container: I,
-  after: g,
-  has_after: T,
-  invalid: B,
-  disabled: D,
-  invalid_description: C,
-  invalid_description_right: R
-}, V = j((d, o) => {
+import { BaseInput as E } from "../BaseInput/BaseInput.js";
+import { InputInvalidTextTheme as V } from "./Input.themes.js";
+import '../../assets/Input.css';const k = "_wrapper_uxv95_1", q = "_input_wrapper_uxv95_23", y = "_input_container_uxv95_28", z = "_before_uxv95_44", A = "_after_uxv95_44", F = "_has_before_uxv95_59", M = "_has_after_uxv95_63", P = "_invalid_uxv95_67", G = "_disabled_uxv95_84", H = "_invalid_description_uxv95_93", J = "_invalid_description_right_uxv95_97", e = {
+  wrapper: k,
+  input_wrapper: q,
+  input_container: y,
+  before: z,
+  after: A,
+  has_before: F,
+  has_after: M,
+  invalid: P,
+  disabled: G,
+  invalid_description: H,
+  invalid_description_right: J
+}, K = C((x, b) => {
   const {
-    className: _ = "",
-    isInvalid: t = !1,
-    isDisabled: n,
-    invalidDescription: s,
-    invalidDescriptionPlacement: c = "bottom",
-    after: r,
-    theme: l,
-    ...m
-  } = d, f = v(l);
-  return /* @__PURE__ */ a("div", { className: e(i.wrapper, f, _), children: /* @__PURE__ */ p(
+    className: N = "",
+    isInvalid: s = !1,
+    isDisabled: o,
+    invalidDescription: c,
+    invalidDescriptionPlacement: w = "bottom",
+    before: r,
+    after: t,
+    theme: R,
+    ...g
+  } = x, I = D(R), _ = a(null), l = a(null), d = a(null), B = () => {
+    requestAnimationFrame(() => {
+      var m, f, u;
+      const p = document.activeElement;
+      (m = l.current) != null && m.contains(p) || (f = d.current) != null && f.contains(p) || (u = _.current) == null || u.focus();
+    });
+  };
+  return /* @__PURE__ */ n("div", { className: i(e.wrapper, I, N), children: /* @__PURE__ */ v(
     "div",
     {
-      className: e(i.input_wrapper, {
-        [i.invalid_description_right]: c === "right"
+      className: i(e.input_wrapper, {
+        [e.invalid_description_right]: w === "right"
       }),
       children: [
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ v(
           "div",
           {
-            className: e(i.input_container, {
-              [i.invalid]: t,
-              [i.disabled]: n
+            className: i(e.input_container, {
+              [e.invalid]: s,
+              [e.disabled]: o
             }),
+            onMouseDown: B,
             children: [
-              /* @__PURE__ */ a(
-                N,
+              h(r) && /* @__PURE__ */ n("div", { className: i(e.before), ref: l, children: r }),
+              /* @__PURE__ */ n(
+                E,
                 {
-                  className: e({
-                    [i.has_after]: !!r
+                  className: i({
+                    [e.has_after]: !!t,
+                    [e.has_before]: !!r
                   }),
-                  isDisabled: n,
-                  ref: o,
-                  ...m
+                  isDisabled: o,
+                  ref: T(_, b),
+                  ...g
                 }
               ),
-              h(r) && /* @__PURE__ */ a("div", { className: e(i.after), children: r })
+              h(t) && /* @__PURE__ */ n("div", { className: i(e.after), ref: d, children: t })
             ]
           }
         ),
-        t && !!s && /* @__PURE__ */ a(
-          u,
+        s && !!c && /* @__PURE__ */ n(
+          j,
           {
             size: "m",
-            theme: w,
-            className: e(i.invalid_description),
-            children: s
+            theme: V,
+            className: i(e.invalid_description),
+            children: c
           }
         )
       ]
     }
   ) });
 });
-V.displayName = "Input";
+K.displayName = "Input";
 export {
-  V as Input
+  K as Input
 };

package/dist/components/Input/Input.props.d.ts

@@ -9,6 +9,10 @@ export interface InputProps extends BaseInputProps {
      * @default false
      */
     isInvalid?: boolean;
+    /**
+     * Adds an icon on the left.
+     */
+    before?: React.ReactNode;
     /**
      * Adds an icon on the right.
      */

package/dist/components/Input/Input.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.props.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,MAAM,gCAAgC,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElE,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,2BAA2B,CAAC,EAAE,gCAAgC,CAAC;IAC/D;;OAEG;IACH,KAAK,EAAE,UAAU,CAAC;CACnB"}
+{"version":3,"file":"Input.props.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,MAAM,gCAAgC,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElE,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,2BAA2B,CAAC,EAAE,gCAAgC,CAAC;IAC/D;;OAEG;IACH,KAAK,EAAE,UAAU,CAAC;CACnB"}

package/dist/components/Input/Input.themes.d.ts

@@ -1,5 +1,5 @@
 import { TextTheme } from '../Text';
-type InputThemeKey = '--crm-ui-kit-input-font-size' | '--crm-ui-kit-input-line-height' | '--crm-ui-kit-input-border-top' | '--crm-ui-kit-input-border-bottom' | '--crm-ui-kit-input-border-left' | '--crm-ui-kit-input-error-border-top' | '--crm-ui-kit-input-error-border-bottom' | '--crm-ui-kit-input-error-border-left' | '--crm-ui-kit-input-error-border-right' | '--crm-ui-kit-input-border-width' | '--crm-ui-kit-input-border-right' | '--crm-ui-kit-input-border-radius' | '--crm-ui-kit-input-color' | '--crm-ui-kit-input-padding-right' | '--crm-ui-kit-input-padding-left' | '--crm-ui-kit-input-height' | '--crm-ui-kit-input-width' | '--crm-ui-kit-input-after-min-width' | '--crm-ui-kit-input-error-color' | '--crm-ui-kit-input-error-description-color' | '--crm-ui-kit-input-error-description-offset-placement-right' | '--crm-ui-kit-input-error-description-offset-placement-bottom' | '--crm-ui-kit-input-error-placement-right-width' | '--crm-ui-kit-input-error-placeholder-color' | '--crm-ui-kit-input-disabled-opacity' | '--crm-ui-kit-input-disabled-background-color' | '--crm-ui-kit-input-disabled-border-top' | '--crm-ui-kit-input-disabled-border-bottom' | '--crm-ui-kit-input-disabled-border-left' | '--crm-ui-kit-input-disabled-border-right' | '--crm-ui-kit-input-disabled-color' | '--crm-ui-kit-input-placeholder-color' | '--crm-ui-kit-input-background-color';
+type InputThemeKey = '--crm-ui-kit-input-font-size' | '--crm-ui-kit-input-line-height' | '--crm-ui-kit-input-border-top' | '--crm-ui-kit-input-border-bottom' | '--crm-ui-kit-input-border-left' | '--crm-ui-kit-input-error-border-top' | '--crm-ui-kit-input-error-border-bottom' | '--crm-ui-kit-input-error-border-left' | '--crm-ui-kit-input-error-border-right' | '--crm-ui-kit-input-border-width' | '--crm-ui-kit-input-border-right' | '--crm-ui-kit-input-border-radius' | '--crm-ui-kit-input-color' | '--crm-ui-kit-input-padding-right' | '--crm-ui-kit-input-padding-left' | '--crm-ui-kit-input-height' | '--crm-ui-kit-input-width' | '--crm-ui-kit-input-before-min-width' | '--crm-ui-kit-input-after-min-width' | '--crm-ui-kit-input-error-color' | '--crm-ui-kit-input-error-description-color' | '--crm-ui-kit-input-error-description-offset-placement-right' | '--crm-ui-kit-input-error-description-offset-placement-bottom' | '--crm-ui-kit-input-error-placement-right-width' | '--crm-ui-kit-input-error-placeholder-color' | '--crm-ui-kit-input-disabled-opacity' | '--crm-ui-kit-input-disabled-background-color' | '--crm-ui-kit-input-disabled-border-top' | '--crm-ui-kit-input-disabled-border-bottom' | '--crm-ui-kit-input-disabled-border-left' | '--crm-ui-kit-input-disabled-border-right' | '--crm-ui-kit-input-disabled-color' | '--crm-ui-kit-input-placeholder-color' | '--crm-ui-kit-input-background-color';
 export type InputTheme = {
     [K in InputThemeKey]: string;
 };

package/dist/components/Input/Input.themes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEvE,KAAK,aAAa,GACd,8BAA8B,GAC9B,gCAAgC,GAChC,+BAA+B,GAC/B,kCAAkC,GAClC,gCAAgC,GAChC,qCAAqC,GACrC,wCAAwC,GACxC,sCAAsC,GACtC,uCAAuC,GACvC,iCAAiC,GACjC,iCAAiC,GACjC,kCAAkC,GAClC,0BAA0B,GAC1B,kCAAkC,GAClC,iCAAiC,GACjC,2BAA2B,GAC3B,0BAA0B,GAC1B,oCAAoC,GACpC,gCAAgC,GAChC,4CAA4C,GAC5C,6DAA6D,GAC7D,8DAA8D,GAC9D,gDAAgD,GAChD,4CAA4C,GAC5C,qCAAqC,GACrC,8CAA8C,GAC9C,wCAAwC,GACxC,2CAA2C,GAC3C,yCAAyC,GACzC,0CAA0C,GAC1C,mCAAmC,GACnC,sCAAsC,GACtC,qCAAqC,CAAC;AAE1C,MAAM,MAAM,UAAU,GAAG;KACtB,CAAC,IAAI,aAAa,GAAG,MAAM;CAC7B,CAAC;AA2CF,eAAO,MAAM,eAAe,EAAE,UA4B7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,UA4B5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,SAGnC,CAAC"}
+{"version":3,"file":"Input.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEvE,KAAK,aAAa,GACd,8BAA8B,GAC9B,gCAAgC,GAChC,+BAA+B,GAC/B,kCAAkC,GAClC,gCAAgC,GAChC,qCAAqC,GACrC,wCAAwC,GACxC,sCAAsC,GACtC,uCAAuC,GACvC,iCAAiC,GACjC,iCAAiC,GACjC,kCAAkC,GAClC,0BAA0B,GAC1B,kCAAkC,GAClC,iCAAiC,GACjC,2BAA2B,GAC3B,0BAA0B,GAC1B,qCAAqC,GACrC,oCAAoC,GACpC,gCAAgC,GAChC,4CAA4C,GAC5C,6DAA6D,GAC7D,8DAA8D,GAC9D,gDAAgD,GAChD,4CAA4C,GAC5C,qCAAqC,GACrC,8CAA8C,GAC9C,wCAAwC,GACxC,2CAA2C,GAC3C,yCAAyC,GACzC,0CAA0C,GAC1C,mCAAmC,GACnC,sCAAsC,GACtC,qCAAqC,CAAC;AAE1C,MAAM,MAAM,UAAU,GAAG;KACtB,CAAC,IAAI,aAAa,GAAG,MAAM;CAC7B,CAAC;AA4CF,eAAO,MAAM,eAAe,EAAE,UA4B7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,UA4B5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,SAGnC,CAAC"}

package/dist/components/Input/Input.themes.js

@@ -14,6 +14,7 @@ const r = {
   "--crm-ui-kit-input-disabled-opacity": "0.6",
   "--crm-ui-kit-input-disabled-background-color": "transparent",
   "--crm-ui-kit-input-error-placement-right-width": "250px",
+  "--crm-ui-kit-input-before-min-width": "36px",
   "--crm-ui-kit-input-after-min-width": "36px",
   "--crm-ui-kit-input-error-description-offset-placement-bottom": "5px",
   "--crm-ui-kit-input-error-description-offset-placement-right": "10px",