acinguiux-ds-react-framework 0.1.18 → 0.1.20

package/build/esm/components/ListItem/ListItemHeader.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemHeader.styles.js","sources":["../../../../src/components/ListItem/ListItemHeader.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { consts } from 'acinguiux-ds-react-base/components/ListItem/ListItemHeader.consts.js';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport { ListItemHeaderWrapperProps } from './ListItem.types';\nimport { getGridTemplateStyles } from './ListItem.utils';\n\nconst ListItemHeaderWrapper = styled.li<\n  Omit<ListItemHeaderWrapperProps, '$selected' | '$ariaInteractiveOnly' | '$disabled'>\n>(\n  ({ theme, $size, $variant, $iconOrFlagProvided, $divider }) => css`\n    position: relative;\n    display: grid;\n    align-items: center;\n    width: 100%;\n    max-width: 100%;\n    column-gap: 6px;\n    border-radius: 4px;\n    padding: ${consts[$size].padding.vertical - 2}px ${consts[$size].padding.horizontal}px;\n    box-sizing: border-box;\n    cursor: pointer;\n\n    ${$divider &&\n    css`\n      padding: ${consts[$size].padding.vertical + 3}px ${consts[$size].padding.horizontal}px\n        ${consts[$size].padding.vertical - 2}px;\n\n      &::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: ${consts[$size].padding.horizontal}px;\n        right: ${consts[$size].padding.horizontal}px;\n        height: 1px;\n        background-color: ${theme.layer()[Variables.BorderOnFoundationSubtle]};\n      }\n    `}\n\n    ${getGridTemplateStyles({\n      $variant,\n      $selected: false,\n      $iconOrFlagProvided,\n      iconSize: 16,\n    })}\n  `,\n);\n\nexport { ListItemHeaderWrapper };\n"],"names":["ListItemHeaderWrapper","styled","theme","$size","$variant","$iconOrFlagProvided","$divider","css","consts","Variables","getGridTemplateStyles"],"mappings":";;;;AAOA,MAAMA,IAAwBC,EAAO;AAAA,EAGnC,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,UAAAC,GAAU,qBAAAC,GAAqB,UAAAC,QAAeC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQlDC,EAAOL,CAAK,EAAE,QAAQ,WAAW,CAAC,MAAMK,EAAOL,CAAK,EAAE,QAAQ,UAAU;AAAA;AAAA;AAAA;AAAA,MAIjFG,KACFC;AAAA,iBACaC,EAAOL,CAAK,EAAE,QAAQ,WAAW,CAAC,MAAMK,EAAOL,CAAK,EAAE,QAAQ,UAAU;AAAA,UAC/EK,EAAOL,CAAK,EAAE,QAAQ,WAAW,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAM5BK,EAAOL,CAAK,EAAE,QAAQ,UAAU;AAAA,iBAC/BK,EAAOL,CAAK,EAAE,QAAQ,UAAU;AAAA;AAAA,4BAErBD,EAAM,MAAA,EAAQO,EAAU,wBAAwB,CAAC;AAAA;AAAA,KAExE;AAAA;AAAA,MAECC,EAAsB;AAAA,IACtB,UAAAN;AAAA,IAEA,qBAAAC;AAAA,IACA,UAAU;AAAA,EAAA,CACX,CAAC;AAAA;AAEN;"}

package/build/esm/components/Menu/Menu.d.ts

@@ -1,5 +1,5 @@
 import { type ReactElement } from 'react';
 import type { IMenuProps } from './Menu.types';
-declare const Menu: ({ className, mode, size, inlineCollapsed, muted, indicatorPosition, iconPosition, noAnimate, items, selectedPath, selectedKeys, itemRender, children, ...rest }: IMenuProps) => ReactElement;
+declare const Menu: ({ className, mode, size, inlineCollapsed, muted, indicatorPosition, iconPosition, noAnimate, items, selectedPath, selectedKeys, defaultOpenToSelected, itemRender, children, ...rest }: IMenuProps) => ReactElement;
 export default Menu;
 //# sourceMappingURL=Menu.d.ts.map

package/build/esm/components/Menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,YAAY,EAAW,MAAM,OAAO,CAAC;AAQ/D,OAAO,KAAK,EAAgB,UAAU,EAA4C,MAAM,cAAc,CAAC;AAoBvG,QAAA,MAAM,IAAI,oKAeP,UAAU,KAAG,YA4Cf,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,YAAY,EAAW,MAAM,OAAO,CAAC;AAQ/D,OAAO,KAAK,EAAgB,UAAU,EAA4C,MAAM,cAAc,CAAC;AAoBvG,QAAA,MAAM,IAAI,2LAgBP,UAAU,KAAG,YAgDf,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/build/esm/components/Menu/Menu.js

@@ -1,68 +1,72 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useMemo as x, forwardRef as P } from "react";
-import S from "rc-menu";
-import { Sizes as v, Positions as l } from "../../react-base/src/consts/index.js";
-import { consts as y } from "../../react-base/src/components/Menu/Menu.consts.js";
-import C from "../Icon/components/Ellipsis.js";
-import { Menu as N } from "./Menu.styles.js";
-import R from "./MenuContext.js";
-import { getDefaultMotions as b } from "./utils/motionUtils.js";
-import { useItems as k, getItemsByPath as A, getLeafItems as L } from "./utils/nodeUtils.js";
-import { MENU_CLASS as c } from "../../react-base/src/consts/classes.js";
-const w = P(
-  ({ className: o, ...e }, t) => /* @__PURE__ */ r(S, { ref: t, rootClassName: o, ...e })
-), E = (o, e) => (t) => {
-  var i;
-  if (!e)
+import { useMemo as p, forwardRef as S } from "react";
+import y from "@rc-component/menu";
+import { Sizes as C, Positions as d } from "../../react-base/src/consts/index.js";
+import { consts as N } from "../../react-base/src/components/Menu/Menu.consts.js";
+import P from "../Icon/components/Ellipsis.js";
+import { Menu as R } from "./Menu.styles.js";
+import b from "./MenuContext.js";
+import { getDefaultMotions as k } from "./utils/motionUtils.js";
+import { useItems as A, getItemsByPath as L, getLeafItems as w } from "./utils/nodeUtils.js";
+import { MENU_CLASS as f } from "../../react-base/src/consts/classes.js";
+const E = S(
+  ({ className: e, ...t }, o) => /* @__PURE__ */ r(y, { ref: o, rootClassName: e, ...t })
+), j = (e, t) => (o) => {
+  if (!t)
     return;
-  const n = (i = L(o).find((s) => s.key === t.key)) == null ? void 0 : i.path;
-  e({ ...t, path: n });
+  const n = w(e).find((s) => s.key === o.key)?.path;
+  t({ ...o, path: n });
 }, H = ({
-  className: o,
-  mode: e = "inline",
-  size: t = v.Medium,
+  className: e,
+  mode: t = "inline",
+  size: o = C.Medium,
   inlineCollapsed: n = !1,
-  muted: i = !1,
-  indicatorPosition: s = l.Right,
-  iconPosition: p = l.Left,
-  noAnimate: d,
-  items: m,
-  selectedPath: f,
-  selectedKeys: M,
-  itemRender: u,
-  children: h,
-  ...a
+  muted: s = !1,
+  indicatorPosition: M = d.Right,
+  iconPosition: $ = d.Left,
+  noAnimate: g,
+  items: i,
+  selectedPath: m,
+  selectedKeys: u,
+  defaultOpenToSelected: h = !1,
+  itemRender: a,
+  children: I,
+  ...c
 }) => {
-  const $ = k(m) ?? h, g = x(
+  const v = A(i, I, { mode: t }), x = p(
     () => ({
-      size: t,
-      mode: e,
+      size: o,
+      mode: t,
       inlineCollapsed: n,
-      itemRender: u
+      itemRender: a
     }),
-    [t, e, n, u]
-  ), I = f ? A(f || "", m) : M;
-  return /* @__PURE__ */ r(R.Provider, { value: g, children: /* @__PURE__ */ r(
-    N,
+    [o, t, n, a]
+  ), l = p(
+    () => m ? L(m, i) : u,
+    [m, i, u]
+  );
+  return /* @__PURE__ */ r(b.Provider, { value: x, children: /* @__PURE__ */ r(
+    R,
     {
-      as: w,
-      prefixCls: c,
-      className: o,
-      selectedKeys: I,
-      $size: t,
-      mode: e,
-      defaultMotions: b,
-      inlineIndent: y[t].indent,
+      as: E,
+      prefixCls: f,
+      className: e,
+      selectedKeys: l,
+      defaultOpenKeys: h ? l : void 0,
+      $size: o,
+      mode: t,
+      defaultMotions: k,
+      inlineIndent: N[o].indent,
       inlineCollapsed: n,
       triggerSubMenuAction: "click",
-      overflowedIndicator: /* @__PURE__ */ r("div", { className: `${c}-submenu-title-content`, children: /* @__PURE__ */ r(C, { className: `${c}-submenu-rest-icon` }) }),
-      $iconPosition: p,
-      $indicatorPosition: s,
-      $muted: i,
-      $noAnimate: d,
-      ...a,
-      onSelect: E(m, a.onSelect),
-      children: $
+      overflowedIndicator: /* @__PURE__ */ r("div", { className: `${f}-submenu-title-content`, children: /* @__PURE__ */ r(P, { className: `${f}-submenu-rest-icon` }) }),
+      $iconPosition: $,
+      $indicatorPosition: M,
+      $muted: s,
+      $noAnimate: g,
+      ...c,
+      onSelect: j(i, c.onSelect),
+      children: v
     }
   ) });
 };

package/build/esm/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, useMemo } from 'react';\n\nimport RCMenu, { type MenuRef } from 'rc-menu';\nimport { Positions, Sizes, MENU_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\n\nimport Ellipsis from '../Icon/components/Ellipsis';\nimport * as Styled from './Menu.styles';\nimport type { IMenuContext, IMenuProps, ItemType, SelectEventHandler, SelectInfo } from './Menu.types';\nimport MenuContext from './MenuContext';\nimport { getDefaultMotions } from './utils/motionUtils';\nimport { getItemsByPath, getLeafItems, useItems } from './utils/nodeUtils';\n\nconst RCMenuRef = forwardRef<MenuRef, IMenuProps>(\n  ({ className, ...rest }, ref): ReactElement => <RCMenu ref={ref} rootClassName={className} {...rest} />,\n);\n\nconst selectWithPath =\n  (items?: ItemType[], onSelect?: SelectEventHandler): SelectEventHandler =>\n  (info: SelectInfo) => {\n    if (!onSelect) {\n      return;\n    }\n\n    const path = getLeafItems(items).find((i) => i.key === info.key)?.path;\n    onSelect({ ...info, path });\n  };\n\nconst Menu = ({\n  className,\n  mode = 'inline',\n  size = Sizes.Medium,\n  inlineCollapsed = false,\n  muted = false,\n  indicatorPosition = Positions.Right,\n  iconPosition = Positions.Left,\n  noAnimate,\n  items,\n  selectedPath,\n  selectedKeys,\n  itemRender,\n  children,\n  ...rest\n}: IMenuProps): ReactElement => {\n  const mergedItems = useItems(items) ?? children;\n\n  const contextValue = useMemo<IMenuContext>(\n    () => ({\n      size,\n      mode,\n      inlineCollapsed,\n      itemRender,\n    }),\n    [size, mode, inlineCollapsed, itemRender],\n  );\n\n  const selectedItem = selectedPath ? getItemsByPath(selectedPath || '', items) : selectedKeys;\n\n  return (\n    <MenuContext.Provider value={contextValue}>\n      <Styled.Menu\n        as={RCMenuRef}\n        prefixCls={MENU_CLASS}\n        className={className}\n        selectedKeys={selectedItem}\n        $size={size}\n        mode={mode}\n        defaultMotions={getDefaultMotions}\n        inlineIndent={MenuConsts.consts[size].indent}\n        inlineCollapsed={inlineCollapsed}\n        triggerSubMenuAction=\"click\"\n        overflowedIndicator={\n          <div className={`${MENU_CLASS}-submenu-title-content`}>\n            <Ellipsis className={`${MENU_CLASS}-submenu-rest-icon`} />\n          </div>\n        }\n        $iconPosition={iconPosition}\n        $indicatorPosition={indicatorPosition}\n        $muted={muted}\n        $noAnimate={noAnimate}\n        {...rest}\n        onSelect={selectWithPath(items, rest.onSelect)}\n      >\n        {mergedItems}\n      </Styled.Menu>\n    </MenuContext.Provider>\n  );\n};\n\nexport default Menu;\n"],"names":["RCMenuRef","forwardRef","className","rest","ref","jsx","RCMenu","selectWithPath","items","onSelect","info","path","_a","getLeafItems","i","Menu","mode","size","Sizes","inlineCollapsed","muted","indicatorPosition","Positions","iconPosition","noAnimate","selectedPath","selectedKeys","itemRender","children","mergedItems","useItems","contextValue","useMemo","selectedItem","getItemsByPath","MenuContext","Styled.Menu","MENU_CLASS","getDefaultMotions","MenuConsts.consts","Ellipsis"],"mappings":";;;;;;;;;;;AAaA,MAAMA,IAAYC;AAAA,EAChB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAAQC,MAAsB,gBAAAC,EAACC,GAAA,EAAO,KAAAF,GAAU,eAAeF,GAAY,GAAGC,EAAA,CAAM;AACvG,GAEMI,IACJ,CAACC,GAAoBC,MACrB,CAACC,MAAqB;;AACpB,MAAI,CAACD;AACH;AAGF,QAAME,KAAOC,IAAAC,EAAaL,CAAK,EAAE,KAAK,CAACM,MAAMA,EAAE,QAAQJ,EAAK,GAAG,MAAlD,gBAAAE,EAAqD;AAClE,EAAAH,EAAS,EAAE,GAAGC,GAAM,MAAAC,GAAM;AAC5B,GAEII,IAAO,CAAC;AAAA,EACZ,WAAAb;AAAA,EACA,MAAAc,IAAO;AAAA,EACP,MAAAC,IAAOC,EAAM;AAAA,EACb,iBAAAC,IAAkB;AAAA,EAClB,OAAAC,IAAQ;AAAA,EACR,mBAAAC,IAAoBC,EAAU;AAAA,EAC9B,cAAAC,IAAeD,EAAU;AAAA,EACzB,WAAAE;AAAA,EACA,OAAAhB;AAAA,EACA,cAAAiB;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGzB;AACL,MAAgC;AAC9B,QAAM0B,IAAcC,EAAStB,CAAK,KAAKoB,GAEjCG,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,MAAAf;AAAA,MACA,MAAAD;AAAA,MACA,iBAAAG;AAAA,MACA,YAAAQ;AAAA,IAAA;AAAA,IAEF,CAACV,GAAMD,GAAMG,GAAiBQ,CAAU;AAAA,EAAA,GAGpCM,IAAeR,IAAeS,EAAeT,KAAgB,IAAIjB,CAAK,IAAIkB;AAEhF,SACE,gBAAArB,EAAC8B,EAAY,UAAZ,EAAqB,OAAOJ,GAC3B,UAAA,gBAAA1B;AAAA,IAAC+B;AAAAA,IAAA;AAAA,MACC,IAAIpC;AAAA,MACJ,WAAWqC;AAAA,MACX,WAAAnC;AAAA,MACA,cAAc+B;AAAA,MACd,OAAOhB;AAAA,MACP,MAAAD;AAAA,MACA,gBAAgBsB;AAAA,MAChB,cAAcC,EAAkBtB,CAAI,EAAE;AAAA,MACtC,iBAAAE;AAAA,MACA,sBAAqB;AAAA,MACrB,qBACE,gBAAAd,EAAC,OAAA,EAAI,WAAW,GAAGgC,CAAU,0BAC3B,UAAA,gBAAAhC,EAACmC,GAAA,EAAS,WAAW,GAAGH,CAAU,sBAAsB,GAC1D;AAAA,MAEF,eAAed;AAAA,MACf,oBAAoBF;AAAA,MACpB,QAAQD;AAAA,MACR,YAAYI;AAAA,MACX,GAAGrB;AAAA,MACJ,UAAUI,EAAeC,GAAOL,EAAK,QAAQ;AAAA,MAE5C,UAAA0B;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}
+{"version":3,"file":"Menu.js","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, useMemo } from 'react';\n\nimport RCMenu, { type MenuRef } from '@rc-component/menu';\nimport { Positions, Sizes, MENU_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\n\nimport Ellipsis from '../Icon/components/Ellipsis';\nimport * as Styled from './Menu.styles';\nimport type { IMenuContext, IMenuProps, ItemType, SelectEventHandler, SelectInfo } from './Menu.types';\nimport MenuContext from './MenuContext';\nimport { getDefaultMotions } from './utils/motionUtils';\nimport { getItemsByPath, getLeafItems, useItems } from './utils/nodeUtils';\n\nconst RCMenuRef = forwardRef<MenuRef, IMenuProps>(\n  ({ className, ...rest }, ref): ReactElement => <RCMenu ref={ref} rootClassName={className} {...rest} />,\n);\n\nconst selectWithPath =\n  (items?: ItemType[], onSelect?: SelectEventHandler): SelectEventHandler =>\n  (info: SelectInfo) => {\n    if (!onSelect) {\n      return;\n    }\n\n    const path = getLeafItems(items).find((i) => i.key === info.key)?.path;\n    onSelect({ ...info, path });\n  };\n\nconst Menu = ({\n  className,\n  mode = 'inline',\n  size = Sizes.Medium,\n  inlineCollapsed = false,\n  muted = false,\n  indicatorPosition = Positions.Right,\n  iconPosition = Positions.Left,\n  noAnimate,\n  items,\n  selectedPath,\n  selectedKeys,\n  defaultOpenToSelected = false,\n  itemRender,\n  children,\n  ...rest\n}: IMenuProps): ReactElement => {\n  const mergedItems = useItems(items, children, { mode });\n\n  const contextValue = useMemo<IMenuContext>(\n    () => ({\n      size,\n      mode,\n      inlineCollapsed,\n      itemRender,\n    }),\n    [size, mode, inlineCollapsed, itemRender],\n  );\n\n  const selectedItem = useMemo(\n    () => (selectedPath ? getItemsByPath(selectedPath, items) : selectedKeys),\n    [selectedPath, items, selectedKeys],\n  );\n\n  return (\n    <MenuContext.Provider value={contextValue}>\n      <Styled.Menu\n        as={RCMenuRef}\n        prefixCls={MENU_CLASS}\n        className={className}\n        selectedKeys={selectedItem}\n        defaultOpenKeys={defaultOpenToSelected ? selectedItem : undefined}\n        $size={size}\n        mode={mode}\n        defaultMotions={getDefaultMotions}\n        inlineIndent={MenuConsts.consts[size].indent}\n        inlineCollapsed={inlineCollapsed}\n        triggerSubMenuAction=\"click\"\n        overflowedIndicator={\n          <div className={`${MENU_CLASS}-submenu-title-content`}>\n            <Ellipsis className={`${MENU_CLASS}-submenu-rest-icon`} />\n          </div>\n        }\n        $iconPosition={iconPosition}\n        $indicatorPosition={indicatorPosition}\n        $muted={muted}\n        $noAnimate={noAnimate}\n        {...rest}\n        onSelect={selectWithPath(items, rest.onSelect)}\n      >\n        {mergedItems}\n      </Styled.Menu>\n    </MenuContext.Provider>\n  );\n};\n\nexport default Menu;\n"],"names":["RCMenuRef","forwardRef","className","rest","ref","jsx","RCMenu","selectWithPath","items","onSelect","info","path","getLeafItems","i","Menu","mode","size","Sizes","inlineCollapsed","muted","indicatorPosition","Positions","iconPosition","noAnimate","selectedPath","selectedKeys","defaultOpenToSelected","itemRender","children","mergedItems","useItems","contextValue","useMemo","selectedItem","getItemsByPath","MenuContext","Styled.Menu","MENU_CLASS","getDefaultMotions","MenuConsts.consts","Ellipsis"],"mappings":";;;;;;;;;;;AAaA,MAAMA,IAAYC;AAAA,EAChB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAAQC,MAAsB,gBAAAC,EAACC,GAAA,EAAO,KAAAF,GAAU,eAAeF,GAAY,GAAGC,EAAA,CAAM;AACvG,GAEMI,IACJ,CAACC,GAAoBC,MACrB,CAACC,MAAqB;AACpB,MAAI,CAACD;AACH;AAGF,QAAME,IAAOC,EAAaJ,CAAK,EAAE,KAAK,CAACK,MAAMA,EAAE,QAAQH,EAAK,GAAG,GAAG;AAClE,EAAAD,EAAS,EAAE,GAAGC,GAAM,MAAAC,GAAM;AAC5B,GAEIG,IAAO,CAAC;AAAA,EACZ,WAAAZ;AAAA,EACA,MAAAa,IAAO;AAAA,EACP,MAAAC,IAAOC,EAAM;AAAA,EACb,iBAAAC,IAAkB;AAAA,EAClB,OAAAC,IAAQ;AAAA,EACR,mBAAAC,IAAoBC,EAAU;AAAA,EAC9B,cAAAC,IAAeD,EAAU;AAAA,EACzB,WAAAE;AAAA,EACA,OAAAf;AAAA,EACA,cAAAgB;AAAA,EACA,cAAAC;AAAA,EACA,uBAAAC,IAAwB;AAAA,EACxB,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGzB;AACL,MAAgC;AAC9B,QAAM0B,IAAcC,EAAStB,GAAOoB,GAAU,EAAE,MAAAb,GAAM,GAEhDgB,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,MAAAhB;AAAA,MACA,MAAAD;AAAA,MACA,iBAAAG;AAAA,MACA,YAAAS;AAAA,IAAA;AAAA,IAEF,CAACX,GAAMD,GAAMG,GAAiBS,CAAU;AAAA,EAAA,GAGpCM,IAAeD;AAAA,IACnB,MAAOR,IAAeU,EAAeV,GAAchB,CAAK,IAAIiB;AAAA,IAC5D,CAACD,GAAchB,GAAOiB,CAAY;AAAA,EAAA;AAGpC,SACE,gBAAApB,EAAC8B,EAAY,UAAZ,EAAqB,OAAOJ,GAC3B,UAAA,gBAAA1B;AAAA,IAAC+B;AAAAA,IAAA;AAAA,MACC,IAAIpC;AAAA,MACJ,WAAWqC;AAAA,MACX,WAAAnC;AAAA,MACA,cAAc+B;AAAA,MACd,iBAAiBP,IAAwBO,IAAe;AAAA,MACxD,OAAOjB;AAAA,MACP,MAAAD;AAAA,MACA,gBAAgBuB;AAAA,MAChB,cAAcC,EAAkBvB,CAAI,EAAE;AAAA,MACtC,iBAAAE;AAAA,MACA,sBAAqB;AAAA,MACrB,qBACE,gBAAAb,EAAC,OAAA,EAAI,WAAW,GAAGgC,CAAU,0BAC3B,UAAA,gBAAAhC,EAACmC,GAAA,EAAS,WAAW,GAAGH,CAAU,sBAAsB,GAC1D;AAAA,MAEF,eAAef;AAAA,MACf,oBAAoBF;AAAA,MACpB,QAAQD;AAAA,MACR,YAAYI;AAAA,MACX,GAAGpB;AAAA,MACJ,UAAUI,EAAeC,GAAOL,EAAK,QAAQ;AAAA,MAE5C,UAAA0B;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}

package/build/esm/components/Menu/Menu.styles.d.ts

@@ -1,10 +1,10 @@
 import type { StyledMenuProps } from './Menu.types';
-export declare const Menu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("rc-menu").MenuProps & import("react").RefAttributes<import("rc-menu").MenuRef>, "ref"> & {
-    ref?: ((instance: import("rc-menu").MenuRef | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("rc-menu").MenuRef> | null | undefined;
-}, StyledMenuProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("rc-menu").MenuProps & import("react").RefAttributes<import("rc-menu").MenuRef>> & {
-    Item: import("react").ForwardRefExoticComponent<import("rc-menu").MenuItemProps & import("react").RefAttributes<HTMLElement>>;
-    SubMenu: import("react").ForwardRefExoticComponent<Omit<import("rc-menu").SubMenuProps, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
-    ItemGroup: import("react").ForwardRefExoticComponent<Omit<import("rc-menu").MenuItemGroupProps, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
-    Divider: typeof import("rc-menu").Divider;
+export declare const Menu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("@rc-component/menu").MenuProps & import("react").RefAttributes<import("@rc-component/menu").MenuRef>, "ref"> & {
+    ref?: ((instance: import("@rc-component/menu").MenuRef | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("@rc-component/menu").MenuRef> | null | undefined;
+}, StyledMenuProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("@rc-component/menu").MenuProps & import("react").RefAttributes<import("@rc-component/menu").MenuRef>> & {
+    Item: import("react").ForwardRefExoticComponent<import("@rc-component/menu").MenuItemProps & import("react").RefAttributes<HTMLElement>>;
+    SubMenu: import("react").ForwardRefExoticComponent<Omit<import("@rc-component/menu").SubMenuProps, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+    ItemGroup: import("react").ForwardRefExoticComponent<Omit<import("@rc-component/menu").MenuItemGroupProps, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+    Divider: typeof import("@rc-component/menu").Divider;
 }, keyof import("react").Component<any, {}, any>>;
 //# sourceMappingURL=Menu.styles.d.ts.map

package/build/esm/components/Menu/Menu.styles.js

@@ -1,4 +1,4 @@
-import l from "rc-menu";
+import l from "@rc-component/menu";
 import { css as t, styled as m } from "styled-components";
 import { MENU_CLASS as n } from "../../react-base/src/consts/classes.js";
 import { getFocusStyles as p } from "../../react-base/src/utils/stylesUtils.js";

package/build/esm/components/Menu/Menu.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.styles.js","sources":["../../../../src/components/Menu/Menu.styles.ts"],"sourcesContent":["import RCMenu from 'rc-menu';\nimport { styled, css } from 'styled-components';\nimport { MENU_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport type { StyledMenuProps } from './Menu.types';\nimport { groupMenuItemStyle } from './styles/groupMenuItem.styles';\nimport { menuItemStyle } from './styles/menuItem.styles';\nimport { menuLabelStyle } from './styles/menuLabel.styles';\nimport { motionStyle } from './styles/motion.styles';\nimport { subMenuStyle } from './styles/subMenu.styles';\nimport { menuDividerStyle } from './styles/menuDivider.styles';\n\nexport const Menu = styled(RCMenu)<StyledMenuProps>`\n  ${({ theme, $size, mode }) => css<StyledMenuProps>`\n    ${theme.typography('label', getLabelTypographySize($size))};\n    position: relative;\n\n    ${mode !== 'horizontal' &&\n    css`\n      margin-left: -${MenuConsts.consts[$size].itemListMarginLeft}px;\n    `}\n\n    &:focus-visible {\n      outline: none;\n\n      &::before {\n        content: '';\n        pointer-events: none;\n        display: block;\n        position: absolute;\n        inset: 3px;\n        border-radius: 4px;\n        ${getFocusStyles(theme)};\n        z-index: 1;\n\n        ${mode !== 'horizontal' &&\n        css`\n          margin-left: ${MenuConsts.consts[$size].itemListMarginLeft}px;\n        `}\n      }\n    }\n\n    &.${MENU_CLASS} {\n      list-style: none;\n      margin-top: 0;\n      margin-bottom: 0;\n      padding: 0;\n      transition: width 0.3s ease-out;\n      will-change: width;\n\n      &-inline-collapsed {\n        width: ${MenuConsts.consts[$size].inlineCollapsedWidth}px;\n        overflow: visible;\n\n        ${mode !== 'horizontal' &&\n        css`\n          margin-right: ${MenuConsts.consts[$size].itemListMarginLeft}px;\n        `}\n\n        .${MENU_CLASS}-submenu-expand-icon {\n          display: none;\n        }\n      }\n    }\n\n    .${MENU_CLASS} {\n      &-hidden,\n      &-submenu-hidden {\n        display: none;\n      }\n\n      &,\n      &-item-group-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n      }\n    }\n\n    /* Horizontal */\n    ${mode === 'horizontal' &&\n    css`\n      display: flex;\n      flex-direction: row;\n      align-items: stretch;\n      overflow: hidden;\n    `}\n\n    ${subMenuStyle};\n    ${menuLabelStyle};\n    ${menuItemStyle};\n    ${groupMenuItemStyle};\n    ${motionStyle};\n    ${menuDividerStyle};\n  `}\n`;\n"],"names":["Menu","styled","RCMenu","theme","$size","mode","css","getLabelTypographySize","MenuConsts.consts","getFocusStyles","MENU_CLASS","subMenuStyle","menuLabelStyle","menuItemStyle","groupMenuItemStyle","motionStyle","menuDividerStyle"],"mappings":";;;;;;;;;;;;AAeO,MAAMA,IAAOC,EAAOC,CAAM;AAAA,IAC7B,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,MAAAC,QAAWC;AAAA,MAC1BH,EAAM,WAAW,SAASI,EAAuBH,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA,MAGxDC,MAAS,gBACXC;AAAA,sBACkBE,EAAkBJ,CAAK,EAAE,kBAAkB;AAAA,KAC5D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAYKK,EAAeN,CAAK,CAAC;AAAA;AAAA;AAAA,UAGrBE,MAAS,gBACXC;AAAA,yBACiBE,EAAkBJ,CAAK,EAAE,kBAAkB;AAAA,SAC3D;AAAA;AAAA;AAAA;AAAA,QAIDM,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBASDF,EAAkBJ,CAAK,EAAE,oBAAoB;AAAA;AAAA;AAAA,UAGpDC,MAAS,gBACXC;AAAA,0BACkBE,EAAkBJ,CAAK,EAAE,kBAAkB;AAAA,SAC5D;AAAA;AAAA,WAEEM,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAMdA,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAeXL,MAAS,gBACXC;AAAA;AAAA;AAAA;AAAA;AAAA,KAKC;AAAA;AAAA,MAECK,CAAY;AAAA,MACZC,CAAc;AAAA,MACdC,CAAa;AAAA,MACbC,CAAkB;AAAA,MAClBC,CAAW;AAAA,MACXC,CAAgB;AAAA,GACnB;AAAA;"}
+{"version":3,"file":"Menu.styles.js","sources":["../../../../src/components/Menu/Menu.styles.ts"],"sourcesContent":["import RCMenu from '@rc-component/menu';\nimport { styled, css } from 'styled-components';\nimport { MENU_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport type { StyledMenuProps } from './Menu.types';\nimport { groupMenuItemStyle } from './styles/groupMenuItem.styles';\nimport { menuItemStyle } from './styles/menuItem.styles';\nimport { menuLabelStyle } from './styles/menuLabel.styles';\nimport { motionStyle } from './styles/motion.styles';\nimport { subMenuStyle } from './styles/subMenu.styles';\nimport { menuDividerStyle } from './styles/menuDivider.styles';\n\nexport const Menu = styled(RCMenu)<StyledMenuProps>`\n  ${({ theme, $size, mode }) => css<StyledMenuProps>`\n    ${theme.typography('label', getLabelTypographySize($size))};\n    position: relative;\n\n    ${mode !== 'horizontal' &&\n    css`\n      margin-left: -${MenuConsts.consts[$size].itemListMarginLeft}px;\n    `}\n\n    &:focus-visible {\n      outline: none;\n\n      &::before {\n        content: '';\n        pointer-events: none;\n        display: block;\n        position: absolute;\n        inset: 3px;\n        border-radius: 4px;\n        ${getFocusStyles(theme)};\n        z-index: 1;\n\n        ${mode !== 'horizontal' &&\n        css`\n          margin-left: ${MenuConsts.consts[$size].itemListMarginLeft}px;\n        `}\n      }\n    }\n\n    &.${MENU_CLASS} {\n      list-style: none;\n      margin-top: 0;\n      margin-bottom: 0;\n      padding: 0;\n      transition: width 0.3s ease-out;\n      will-change: width;\n\n      &-inline-collapsed {\n        width: ${MenuConsts.consts[$size].inlineCollapsedWidth}px;\n        overflow: visible;\n\n        ${mode !== 'horizontal' &&\n        css`\n          margin-right: ${MenuConsts.consts[$size].itemListMarginLeft}px;\n        `}\n\n        .${MENU_CLASS}-submenu-expand-icon {\n          display: none;\n        }\n      }\n    }\n\n    .${MENU_CLASS} {\n      &-hidden,\n      &-submenu-hidden {\n        display: none;\n      }\n\n      &,\n      &-item-group-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n      }\n    }\n\n    /* Horizontal */\n    ${mode === 'horizontal' &&\n    css`\n      display: flex;\n      flex-direction: row;\n      align-items: stretch;\n      overflow: hidden;\n    `}\n\n    ${subMenuStyle};\n    ${menuLabelStyle};\n    ${menuItemStyle};\n    ${groupMenuItemStyle};\n    ${motionStyle};\n    ${menuDividerStyle};\n  `}\n`;\n"],"names":["Menu","styled","RCMenu","theme","$size","mode","css","getLabelTypographySize","MenuConsts.consts","getFocusStyles","MENU_CLASS","subMenuStyle","menuLabelStyle","menuItemStyle","groupMenuItemStyle","motionStyle","menuDividerStyle"],"mappings":";;;;;;;;;;;;AAeO,MAAMA,IAAOC,EAAOC,CAAM;AAAA,IAC7B,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,MAAAC,QAAWC;AAAA,MAC1BH,EAAM,WAAW,SAASI,EAAuBH,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA,MAGxDC,MAAS,gBACXC;AAAA,sBACkBE,EAAkBJ,CAAK,EAAE,kBAAkB;AAAA,KAC5D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAYKK,EAAeN,CAAK,CAAC;AAAA;AAAA;AAAA,UAGrBE,MAAS,gBACXC;AAAA,yBACiBE,EAAkBJ,CAAK,EAAE,kBAAkB;AAAA,SAC3D;AAAA;AAAA;AAAA;AAAA,QAIDM,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBASDF,EAAkBJ,CAAK,EAAE,oBAAoB;AAAA;AAAA;AAAA,UAGpDC,MAAS,gBACXC;AAAA,0BACkBE,EAAkBJ,CAAK,EAAE,kBAAkB;AAAA,SAC5D;AAAA;AAAA,WAEEM,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAMdA,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAeXL,MAAS,gBACXC;AAAA;AAAA;AAAA;AAAA;AAAA,KAKC;AAAA;AAAA,MAECK,CAAY;AAAA,MACZC,CAAc;AAAA,MACdC,CAAa;AAAA,MACbC,CAAkB;AAAA,MAClBC,CAAW;AAAA,MACXC,CAAgB;AAAA,GACnB;AAAA;"}

package/build/esm/components/Menu/Menu.types.d.ts

@@ -1,5 +1,5 @@
-import type { MenuProps as RCMenuProps } from 'rc-menu/lib/Menu';
-import type { MenuDividerType, MenuItemGroupType as RCMenuItemGroupType, MenuItemType as RCMenuItemType, SubMenuType as RCSubMenuType, SelectInfo as RCSelectInfo } from 'rc-menu/lib/interface';
+import type { MenuProps as RCMenuProps } from '@rc-component/menu/lib/Menu';
+import type { MenuDividerType, MenuItemGroupType as RCMenuItemGroupType, MenuItemType as RCMenuItemType, SubMenuType as RCSubMenuType, SelectInfo as RCSelectInfo } from '@rc-component/menu/lib/interface';
 import type { MenuTypes } from '../../react-base/src/components/Menu';
 import { BadgeTypes } from '../../react-base/src/components/Badge';
 import { PickTransient } from '../../react-base/src/types';

package/build/esm/components/Menu/Menu.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,IAAI,mBAAmB,EACxC,YAAY,IAAI,cAAc,EAC9B,WAAW,IAAI,aAAa,EAC5B,UAAU,IAAI,YAAY,EAC3B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,kBAAkB,GAAG,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;AAE5D,MAAM,WAAW,YAAa,SAAQ,cAAc;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC;CACnC;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC;IAC9E,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;CACvB;AACD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IAClE,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,QAAQ,EAAE,QAAQ,EAAE,CAAC;CACtB;AAED,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,YAAY,GAAG,iBAAiB,GAAG,eAAe,GAAG,IAAI,CAAC;AAE/F,MAAM,WAAW,UAAW,SAAQ,WAAW,EAAE,SAAS,CAAC,MAAM;IAC/D,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,GACtC,QAAQ,CAAC,aAAa,CAAC,UAAU,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC,GAAG;IAC7D,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEJ,MAAM,WAAW,YACf,SAAQ,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,iBAAiB,CAAC,CAAC,EACrE,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC;CAAG"}
+{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,IAAI,mBAAmB,EACxC,YAAY,IAAI,cAAc,EAC9B,WAAW,IAAI,aAAa,EAC5B,UAAU,IAAI,YAAY,EAC3B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,kBAAkB,GAAG,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;AAE5D,MAAM,WAAW,YAAa,SAAQ,cAAc;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC;CACnC;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC;IAC9E,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;CACvB;AACD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IAClE,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,QAAQ,EAAE,QAAQ,EAAE,CAAC;CACtB;AAED,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,YAAY,GAAG,iBAAiB,GAAG,eAAe,GAAG,IAAI,CAAC;AAE/F,MAAM,WAAW,UAAW,SAAQ,WAAW,EAAE,SAAS,CAAC,MAAM;IAC/D,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,GACtC,QAAQ,CAAC,aAAa,CAAC,UAAU,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC,GAAG;IAC7D,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEJ,MAAM,WAAW,YACf,SAAQ,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,iBAAiB,CAAC,CAAC,EACrE,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC;CAAG"}

package/build/esm/components/Menu/_stories/Story.styles.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import type { MenuMode } from 'rc-menu/lib/interface';
+import type { MenuMode } from '@rc-component/menu/lib/interface';
 export declare const MenuContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $mode?: MenuMode;

package/build/esm/components/Menu/_stories/Story.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Story.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/_stories/Story.styles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAOtD,eAAO,MAAM,aAAa,6NAQzB,CAAC;AAEF,eAAO,MAAM,OAAO;YAAwB,QAAQ;gBAAc,OAAO;YAaxE,CAAC;AAeF,eAAO,MAAM,OAAO,iBAAkB,iBAAiB,4CAStD,CAAC"}
+{"version":3,"file":"Story.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/_stories/Story.styles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAOjE,eAAO,MAAM,aAAa,6NAQzB,CAAC;AAEF,eAAO,MAAM,OAAO;YAAwB,QAAQ;gBAAc,OAAO;YAaxE,CAAC;AAeF,eAAO,MAAM,OAAO,iBAAkB,iBAAiB,4CAStD,CAAC"}

package/build/esm/components/Menu/components/MenuDivider.d.ts

@@ -1,6 +1,6 @@
-import type { ReactElement } from 'react';
-import type { DividerProps } from 'rc-menu/lib/Divider';
+import { type ReactElement } from 'react';
+import type { DividerProps } from '@rc-component/menu/lib/Divider';
 export type IMenuDividerProps = DividerProps;
-declare const MenuDivider: ({ ...props }: IMenuDividerProps) => ReactElement;
+declare const MenuDivider: ({ className, style }: IMenuDividerProps) => ReactElement;
 export default MenuDivider;
 //# sourceMappingURL=MenuDivider.d.ts.map

package/build/esm/components/Menu/components/MenuDivider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuDivider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/components/MenuDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC;AAE7C,QAAA,MAAM,WAAW,iBAAkB,iBAAiB,KAAG,YAAsC,CAAC;AAE9F,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MenuDivider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/components/MenuDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAOnE,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC;AAE7C,QAAA,MAAM,WAAW,yBAA0B,iBAAiB,KAAG,YAa9D,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/esm/components/Menu/components/MenuDivider.js

@@ -1,7 +1,23 @@
-import { jsx as i } from "react/jsx-runtime";
-import { Divider as o } from "rc-menu";
-const m = ({ ...r }) => /* @__PURE__ */ i(o, { ...r });
+import { jsx as r } from "react/jsx-runtime";
+import { useContext as i } from "react";
+import { Sizes as m } from "../../../react-base/src/consts/index.js";
+import s from "classnames";
+import a from "../MenuContext.js";
+import n from "../../Divider/Divider.js";
+import { MENU_CLASS as l } from "../../../react-base/src/consts/classes.js";
+const x = ({ className: o, style: e }) => {
+  const { mode: t } = i(a);
+  return /* @__PURE__ */ r("li", { role: "separator", className: s(o, `${l}-item-divider`), style: e, children: /* @__PURE__ */ r(
+    n,
+    {
+      size: m.Small,
+      contrast: "subtle",
+      shape: "rounded",
+      direction: t === "horizontal" ? "vertical" : "horizontal"
+    }
+  ) });
+};
 export {
-  m as default
+  x as default
 };
 //# sourceMappingURL=MenuDivider.js.map

package/build/esm/components/Menu/components/MenuDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuDivider.js","sources":["../../../../../src/components/Menu/components/MenuDivider.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport { Divider } from 'rc-menu';\nimport type { DividerProps } from 'rc-menu/lib/Divider';\n\nexport type IMenuDividerProps = DividerProps;\n\nconst MenuDivider = ({ ...props }: IMenuDividerProps): ReactElement => <Divider {...props} />;\n\nexport default MenuDivider;\n"],"names":["MenuDivider","props","jsx","Divider"],"mappings":";;AAOA,MAAMA,IAAc,CAAC,EAAE,GAAGC,QAA6C,gBAAAC,EAACC,GAAA,EAAS,GAAGF,EAAA,CAAO;"}
+{"version":3,"file":"MenuDivider.js","sources":["../../../../../src/components/Menu/components/MenuDivider.tsx"],"sourcesContent":["import { useContext, type ReactElement } from 'react';\n\nimport type { DividerProps } from '@rc-component/menu/lib/Divider';\nimport { MENU_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport classNames from 'classnames';\n\nimport MenuContext from '../MenuContext';\nimport Divider from '../../Divider/Divider';\n\nexport type IMenuDividerProps = DividerProps;\n\nconst MenuDivider = ({ className, style }: IMenuDividerProps): ReactElement => {\n  const { mode } = useContext(MenuContext);\n\n  return (\n    <li role=\"separator\" className={classNames(className, `${MENU_CLASS}-item-divider`)} style={style}>\n      <Divider\n        size={Sizes.Small}\n        contrast=\"subtle\"\n        shape=\"rounded\"\n        direction={mode === 'horizontal' ? 'vertical' : 'horizontal'}\n      />\n    </li>\n  );\n};\n\nexport default MenuDivider;\n"],"names":["MenuDivider","className","style","mode","useContext","MenuContext","jsx","classNames","MENU_CLASS","Divider","Sizes"],"mappings":";;;;;;;AAWA,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,OAAAC,QAA6C;AAC7E,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAWC,CAAW;AAEvC,SACE,gBAAAC,EAAC,MAAA,EAAG,MAAK,aAAY,WAAWC,EAAWN,GAAW,GAAGO,CAAU,eAAe,GAAG,OAAAN,GACnF,UAAA,gBAAAI;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,MAAMC,EAAM;AAAA,MACZ,UAAS;AAAA,MACT,OAAM;AAAA,MACN,WAAWP,MAAS,eAAe,aAAa;AAAA,IAAA;AAAA,EAAA,GAEpD;AAEJ;"}

package/build/esm/components/Menu/components/MenuItem.d.ts

@@ -1,4 +1,4 @@
-import type { MenuItemProps as RCMenuItemProps } from 'rc-menu/lib/MenuItem';
+import type { MenuItemProps as RCMenuItemProps } from '@rc-component/menu/lib/MenuItem';
 import type { MenuTypes } from '../../../react-base/src/components/Menu';
 import type { BadgeTypes } from '../../../react-base/src/components/Badge';
 export interface IMenuItemProps extends RCMenuItemProps {

package/build/esm/components/Menu/components/MenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/components/MenuItem.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,aAAa,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAW3E,MAAM,WAAW,cAAe,SAAQ,eAAe;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC;CACnC;AAED,QAAA,MAAM,QAAQ,wGA4Cb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/components/MenuItem.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,aAAa,IAAI,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAExF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAW3E,MAAM,WAAW,cAAe,SAAQ,eAAe;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC;CACnC;AAED,QAAA,MAAM,QAAQ,wGA4Cb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/build/esm/components/Menu/components/MenuItem.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as I } from "react/jsx-runtime";
 import { forwardRef as R, useRef as b, useState as x, useContext as z, useImperativeHandle as C, useCallback as l, useMemo as S } from "react";
-import { MenuItem as L } from "rc-menu";
+import { MenuItem as L } from "@rc-component/menu";
 import { Positions as y } from "../../../react-base/src/consts/index.js";
 import { getSmallerSize as D } from "../../../react-base/src/utils/sizesUtils.js";
 import { getString as O } from "../../../utils/textUtils.js";

package/build/esm/components/Menu/components/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../../../src/components/Menu/components/MenuItem.tsx"],"sourcesContent":["import {\n  type ReactElement,\n  forwardRef,\n  useCallback,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { MenuItem as RCMenuItem } from 'rc-menu';\nimport type { MenuItemProps as RCMenuItemProps } from 'rc-menu/lib/MenuItem';\nimport { Positions } from 'acinguiux-ds-react-base/consts';\nimport type { MenuTypes } from 'acinguiux-ds-react-base/components/Menu';\nimport type { BadgeTypes } from 'acinguiux-ds-react-base/components/Badge';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport { getString } from '../../../utils/textUtils';\nimport MenuLabel from './MenuLabel';\nimport Tooltip from '../../Tooltip/Tooltip';\nimport MenuContext from '../MenuContext';\nimport { TooltipContainer, TooltipLabel } from '../styles/menuLabel.styles';\nimport { getTooltipLabelSize } from '../Menu.utils';\nimport Badge from '../../Badge/Badge';\n\nexport interface IMenuItemProps extends RCMenuItemProps {\n  level?: number;\n  path?: string;\n  badge?: Omit<BadgeTypes.IProps, 'size'>;\n  itemRender?: MenuTypes.ItemRender;\n}\n\nconst MenuItem = forwardRef<HTMLElement, IMenuItemProps>(\n  ({ children, itemIcon, level, path, badge, itemRender, ...rest }, ref): ReactElement => {\n    const menuItemRef = useRef<HTMLElement>(null);\n    const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n    const { inlineCollapsed, size } = useContext(MenuContext);\n    useImperativeHandle<HTMLElement | null, HTMLElement | null>(ref, () => menuItemRef.current);\n\n    const onMouseEnter = useCallback(() => setIsTooltipOpen(true), []);\n    const onMouseLeave = useCallback(() => setIsTooltipOpen(false), []);\n    const isTooltipDisabled = useMemo(\n      () => !inlineCollapsed || level === undefined || level > 0,\n      [inlineCollapsed, level],\n    );\n\n    return (\n      <RCMenuItem\n        ref={menuItemRef}\n        aria-label={getString(children)}\n        {...rest}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n      >\n        <Tooltip\n          targetRef={menuItemRef}\n          isOpen={!isTooltipDisabled && isTooltipOpen}\n          isDisabled={isTooltipDisabled}\n          placement={Positions.Right}\n          trigger={\n            <MenuLabel parentRef={menuItemRef} path={path} itemIcon={itemIcon} itemRender={itemRender} badge={badge}>\n              {children}\n            </MenuLabel>\n          }\n          overlay={\n            <TooltipContainer gap=\"1rem\">\n              <TooltipLabel size={getTooltipLabelSize(size)}>{children}</TooltipLabel>\n              {badge && <Badge size={getSmallerSize(size) as BadgeTypes.Size} {...badge} />}\n            </TooltipContainer>\n          }\n          delay={50}\n          closeDelay={200}\n        />\n      </RCMenuItem>\n    );\n  },\n);\n\nexport default MenuItem;\n"],"names":["MenuItem","forwardRef","children","itemIcon","level","path","badge","itemRender","rest","ref","menuItemRef","useRef","isTooltipOpen","setIsTooltipOpen","useState","inlineCollapsed","size","useContext","MenuContext","useImperativeHandle","onMouseEnter","useCallback","onMouseLeave","isTooltipDisabled","useMemo","jsx","RCMenuItem","getString","Tooltip","Positions","MenuLabel","jsxs","TooltipContainer","TooltipLabel","getTooltipLabelSize","Badge","getSmallerSize"],"mappings":";;;;;;;;;;;;AAiCA,MAAMA,IAAWC;AAAA,EACf,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,OAAAC,GAAO,MAAAC,GAAM,OAAAC,GAAO,YAAAC,GAAY,GAAGC,EAAA,GAAQC,MAAsB;AACtF,UAAMC,IAAcC,EAAoB,IAAI,GACtC,CAACC,GAAeC,CAAgB,IAAIC,EAAS,EAAK,GAClD,EAAE,iBAAAC,GAAiB,MAAAC,MAASC,EAAWC,CAAW;AACxD,IAAAC,EAA4DV,GAAK,MAAMC,EAAY,OAAO;AAE1F,UAAMU,IAAeC,EAAY,MAAMR,EAAiB,EAAI,GAAG,CAAA,CAAE,GAC3DS,IAAeD,EAAY,MAAMR,EAAiB,EAAK,GAAG,CAAA,CAAE,GAC5DU,IAAoBC;AAAA,MACxB,MAAM,CAACT,KAAmBX,MAAU,UAAaA,IAAQ;AAAA,MACzD,CAACW,GAAiBX,CAAK;AAAA,IAAA;AAGzB,WACE,gBAAAqB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,KAAKhB;AAAA,QACL,cAAYiB,EAAUzB,CAAQ;AAAA,QAC7B,GAAGM;AAAA,QACJ,cAAAY;AAAA,QACA,cAAAE;AAAA,QAEA,UAAA,gBAAAG;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAWlB;AAAA,YACX,QAAQ,CAACa,KAAqBX;AAAA,YAC9B,YAAYW;AAAA,YACZ,WAAWM,EAAU;AAAA,YACrB,2BACGC,GAAA,EAAU,WAAWpB,GAAa,MAAAL,GAAY,UAAAF,GAAoB,YAAAI,GAAwB,OAAAD,GACxF,UAAAJ,EAAA,CACH;AAAA,YAEF,SACE,gBAAA6B,EAACC,GAAA,EAAiB,KAAI,QACpB,UAAA;AAAA,cAAA,gBAAAP,EAACQ,GAAA,EAAa,MAAMC,EAAoBlB,CAAI,GAAI,UAAAd,GAAS;AAAA,cACxDI,uBAAU6B,GAAA,EAAM,MAAMC,EAAepB,CAAI,GAAuB,GAAGV,EAAA,CAAO;AAAA,YAAA,GAC7E;AAAA,YAEF,OAAO;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"MenuItem.js","sources":["../../../../../src/components/Menu/components/MenuItem.tsx"],"sourcesContent":["import {\n  type ReactElement,\n  forwardRef,\n  useCallback,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { MenuItem as RCMenuItem } from '@rc-component/menu';\nimport type { MenuItemProps as RCMenuItemProps } from '@rc-component/menu/lib/MenuItem';\nimport { Positions } from 'acinguiux-ds-react-base/consts';\nimport type { MenuTypes } from 'acinguiux-ds-react-base/components/Menu';\nimport type { BadgeTypes } from 'acinguiux-ds-react-base/components/Badge';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport { getString } from '../../../utils/textUtils';\nimport MenuLabel from './MenuLabel';\nimport Tooltip from '../../Tooltip/Tooltip';\nimport MenuContext from '../MenuContext';\nimport { TooltipContainer, TooltipLabel } from '../styles/menuLabel.styles';\nimport { getTooltipLabelSize } from '../Menu.utils';\nimport Badge from '../../Badge/Badge';\n\nexport interface IMenuItemProps extends RCMenuItemProps {\n  level?: number;\n  path?: string;\n  badge?: Omit<BadgeTypes.IProps, 'size'>;\n  itemRender?: MenuTypes.ItemRender;\n}\n\nconst MenuItem = forwardRef<HTMLElement, IMenuItemProps>(\n  ({ children, itemIcon, level, path, badge, itemRender, ...rest }, ref): ReactElement => {\n    const menuItemRef = useRef<HTMLElement>(null);\n    const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n    const { inlineCollapsed, size } = useContext(MenuContext);\n    useImperativeHandle<HTMLElement | null, HTMLElement | null>(ref, () => menuItemRef.current);\n\n    const onMouseEnter = useCallback(() => setIsTooltipOpen(true), []);\n    const onMouseLeave = useCallback(() => setIsTooltipOpen(false), []);\n    const isTooltipDisabled = useMemo(\n      () => !inlineCollapsed || level === undefined || level > 0,\n      [inlineCollapsed, level],\n    );\n\n    return (\n      <RCMenuItem\n        ref={menuItemRef}\n        aria-label={getString(children)}\n        {...rest}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n      >\n        <Tooltip\n          targetRef={menuItemRef}\n          isOpen={!isTooltipDisabled && isTooltipOpen}\n          isDisabled={isTooltipDisabled}\n          placement={Positions.Right}\n          trigger={\n            <MenuLabel parentRef={menuItemRef} path={path} itemIcon={itemIcon} itemRender={itemRender} badge={badge}>\n              {children}\n            </MenuLabel>\n          }\n          overlay={\n            <TooltipContainer gap=\"1rem\">\n              <TooltipLabel size={getTooltipLabelSize(size)}>{children}</TooltipLabel>\n              {badge && <Badge size={getSmallerSize(size) as BadgeTypes.Size} {...badge} />}\n            </TooltipContainer>\n          }\n          delay={50}\n          closeDelay={200}\n        />\n      </RCMenuItem>\n    );\n  },\n);\n\nexport default MenuItem;\n"],"names":["MenuItem","forwardRef","children","itemIcon","level","path","badge","itemRender","rest","ref","menuItemRef","useRef","isTooltipOpen","setIsTooltipOpen","useState","inlineCollapsed","size","useContext","MenuContext","useImperativeHandle","onMouseEnter","useCallback","onMouseLeave","isTooltipDisabled","useMemo","jsx","RCMenuItem","getString","Tooltip","Positions","MenuLabel","jsxs","TooltipContainer","TooltipLabel","getTooltipLabelSize","Badge","getSmallerSize"],"mappings":";;;;;;;;;;;;AAiCA,MAAMA,IAAWC;AAAA,EACf,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,OAAAC,GAAO,MAAAC,GAAM,OAAAC,GAAO,YAAAC,GAAY,GAAGC,EAAA,GAAQC,MAAsB;AACtF,UAAMC,IAAcC,EAAoB,IAAI,GACtC,CAACC,GAAeC,CAAgB,IAAIC,EAAS,EAAK,GAClD,EAAE,iBAAAC,GAAiB,MAAAC,MAASC,EAAWC,CAAW;AACxD,IAAAC,EAA4DV,GAAK,MAAMC,EAAY,OAAO;AAE1F,UAAMU,IAAeC,EAAY,MAAMR,EAAiB,EAAI,GAAG,CAAA,CAAE,GAC3DS,IAAeD,EAAY,MAAMR,EAAiB,EAAK,GAAG,CAAA,CAAE,GAC5DU,IAAoBC;AAAA,MACxB,MAAM,CAACT,KAAmBX,MAAU,UAAaA,IAAQ;AAAA,MACzD,CAACW,GAAiBX,CAAK;AAAA,IAAA;AAGzB,WACE,gBAAAqB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,KAAKhB;AAAA,QACL,cAAYiB,EAAUzB,CAAQ;AAAA,QAC7B,GAAGM;AAAA,QACJ,cAAAY;AAAA,QACA,cAAAE;AAAA,QAEA,UAAA,gBAAAG;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAWlB;AAAA,YACX,QAAQ,CAACa,KAAqBX;AAAA,YAC9B,YAAYW;AAAA,YACZ,WAAWM,EAAU;AAAA,YACrB,2BACGC,GAAA,EAAU,WAAWpB,GAAa,MAAAL,GAAY,UAAAF,GAAoB,YAAAI,GAAwB,OAAAD,GACxF,UAAAJ,EAAA,CACH;AAAA,YAEF,SACE,gBAAA6B,EAACC,GAAA,EAAiB,KAAI,QACpB,UAAA;AAAA,cAAA,gBAAAP,EAACQ,GAAA,EAAa,MAAMC,EAAoBlB,CAAI,GAAI,UAAAd,GAAS;AAAA,cACxDI,uBAAU6B,GAAA,EAAM,MAAMC,EAAepB,CAAI,GAAuB,GAAGV,EAAA,CAAO;AAAA,YAAA,GAC7E;AAAA,YAEF,OAAO;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/build/esm/components/Menu/components/MenuItemGroup.d.ts

@@ -1,7 +1,8 @@
-import type { MenuItemGroupProps as RCMenuItemGroupProps } from 'rc-menu/lib/MenuItemGroup';
+import type { MenuItemGroupProps as RCMenuItemGroupProps } from '@rc-component/menu/lib/MenuItemGroup';
 import type { BadgeTypes } from '../../../react-base/src/components/Badge';
 export interface IMenuItemGroupProps extends Omit<RCMenuItemGroupProps, 'ref'> {
     badge?: Omit<BadgeTypes.IProps, 'size'>;
+    kind?: 'default' | 'subtle';
 }
 declare const MenuItemGroup: import("react").ForwardRefExoticComponent<IMenuItemGroupProps & import("react").RefAttributes<HTMLLIElement>>;
 export default MenuItemGroup;

package/build/esm/components/Menu/components/MenuItemGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/components/MenuItemGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,IAAI,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAE5F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAI3E,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC;IAC5E,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACzC;AAQD,QAAA,MAAM,aAAa,+GAMlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"MenuItemGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/components/MenuItemGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,IAAI,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAEvG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAK3E,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC;IAC5E,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B;AAaD,QAAA,MAAM,aAAa,+GAMlB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/build/esm/components/Menu/components/MenuItemGroup.js

@@ -1,12 +1,22 @@
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { MenuItemGroup as p } from "rc-menu";
-import { MENU_CLASS as u } from "../../../react-base/src/consts/classes.js";
-import f from "./MenuLabel.js";
-const l = ({ title: r, badge: t }) => /* @__PURE__ */ o("div", { className: `${u}-group-title-content`, children: /* @__PURE__ */ o(f, { badge: t, children: r }) }), G = n(
-  ({ children: r, title: t, badge: e, ...m }, i) => /* @__PURE__ */ o(p, { ref: i, title: /* @__PURE__ */ o(l, { badge: e, title: t }), ...m, children: r })
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { MenuItemGroup as s } from "@rc-component/menu";
+import { MENU_CLASS as m } from "../../../react-base/src/consts/classes.js";
+import u from "classnames";
+import a from "./MenuLabel.js";
+const f = ({ title: e, badge: o, kind: r }) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: u(
+      `${m}-group-title-content`,
+      r === "subtle" && `${m}-group-title-content-subtle`
+    ),
+    children: /* @__PURE__ */ t(a, { badge: o, children: e })
+  }
+), N = p(
+  ({ children: e, title: o, badge: r, kind: i, ...l }, n) => /* @__PURE__ */ t(s, { ref: n, title: /* @__PURE__ */ t(f, { badge: r, title: o, kind: i }), ...l, children: e })
 );
 export {
-  G as default
+  N as default
 };
 //# sourceMappingURL=MenuItemGroup.js.map

package/build/esm/components/Menu/components/MenuItemGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemGroup.js","sources":["../../../../../src/components/Menu/components/MenuItemGroup.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport { MenuItemGroup as RCMenuItemGroup } from 'rc-menu';\nimport type { MenuItemGroupProps as RCMenuItemGroupProps } from 'rc-menu/lib/MenuItemGroup';\nimport { MENU_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { BadgeTypes } from 'acinguiux-ds-react-base/components/Badge';\n\nimport MenuLabel from './MenuLabel';\n\nexport interface IMenuItemGroupProps extends Omit<RCMenuItemGroupProps, 'ref'> {\n  badge?: Omit<BadgeTypes.IProps, 'size'>;\n}\n\nconst Title = ({ title, badge }: IMenuItemGroupProps): ReactElement => (\n  <div className={`${MENU_CLASS}-group-title-content`}>\n    <MenuLabel badge={badge}>{title}</MenuLabel>\n  </div>\n);\n\nconst MenuItemGroup = forwardRef<HTMLLIElement, IMenuItemGroupProps>(\n  ({ children, title, badge, ...rest }, ref): ReactElement => (\n    <RCMenuItemGroup ref={ref} title={<Title badge={badge} title={title} />} {...rest}>\n      {children}\n    </RCMenuItemGroup>\n  ),\n);\n\nexport default MenuItemGroup;\n"],"names":["Title","title","badge","jsx","MENU_CLASS","MenuLabel","MenuItemGroup","forwardRef","children","rest","ref","RCMenuItemGroup"],"mappings":";;;;;AAaA,MAAMA,IAAQ,CAAC,EAAE,OAAAC,GAAO,OAAAC,EAAA,MACtB,gBAAAC,EAAC,OAAA,EAAI,WAAW,GAAGC,CAAU,wBAC3B,UAAA,gBAAAD,EAACE,GAAA,EAAU,OAAAH,GAAe,aAAM,GAClC,GAGII,IAAgBC;AAAA,EACpB,CAAC,EAAE,UAAAC,GAAU,OAAAP,GAAO,OAAAC,GAAO,GAAGO,KAAQC,MACpC,gBAAAP,EAACQ,KAAgB,KAAAD,GAAU,yBAAQV,GAAA,EAAM,OAAAE,GAAc,OAAAD,GAAc,GAAK,GAAGQ,GAC1E,UAAAD,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"MenuItemGroup.js","sources":["../../../../../src/components/Menu/components/MenuItemGroup.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport { MenuItemGroup as RCMenuItemGroup } from '@rc-component/menu';\nimport type { MenuItemGroupProps as RCMenuItemGroupProps } from '@rc-component/menu/lib/MenuItemGroup';\nimport { MENU_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { BadgeTypes } from 'acinguiux-ds-react-base/components/Badge';\nimport classNames from 'classnames';\n\nimport MenuLabel from './MenuLabel';\n\nexport interface IMenuItemGroupProps extends Omit<RCMenuItemGroupProps, 'ref'> {\n  badge?: Omit<BadgeTypes.IProps, 'size'>;\n  kind?: 'default' | 'subtle';\n}\n\nconst Title = ({ title, badge, kind }: IMenuItemGroupProps): ReactElement => (\n  <div\n    className={classNames(\n      `${MENU_CLASS}-group-title-content`,\n      kind === 'subtle' && `${MENU_CLASS}-group-title-content-subtle`,\n    )}\n  >\n    <MenuLabel badge={badge}>{title}</MenuLabel>\n  </div>\n);\n\nconst MenuItemGroup = forwardRef<HTMLLIElement, IMenuItemGroupProps>(\n  ({ children, title, badge, kind, ...rest }, ref): ReactElement => (\n    <RCMenuItemGroup ref={ref} title={<Title badge={badge} title={title} kind={kind} />} {...rest}>\n      {children}\n    </RCMenuItemGroup>\n  ),\n);\n\nexport default MenuItemGroup;\n"],"names":["Title","title","badge","kind","jsx","classNames","MENU_CLASS","MenuLabel","MenuItemGroup","forwardRef","children","rest","ref","RCMenuItemGroup"],"mappings":";;;;;;AAeA,MAAMA,IAAQ,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,MAAAC,QAC7B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT,GAAGC,CAAU;AAAA,MACbH,MAAS,YAAY,GAAGG,CAAU;AAAA,IAAA;AAAA,IAGpC,UAAA,gBAAAF,EAACG,GAAA,EAAU,OAAAL,GAAe,UAAAD,EAAA,CAAM;AAAA,EAAA;AAClC,GAGIO,IAAgBC;AAAA,EACpB,CAAC,EAAE,UAAAC,GAAU,OAAAT,GAAO,OAAAC,GAAO,MAAAC,GAAM,GAAGQ,KAAQC,MAC1C,gBAAAR,EAACS,KAAgB,KAAAD,GAAU,yBAAQZ,GAAA,EAAM,OAAAE,GAAc,OAAAD,GAAc,MAAAE,GAAY,GAAK,GAAGQ,GACtF,UAAAD,EAAA,CACH;AAEJ;"}

package/build/esm/components/Menu/components/SubMenu.d.ts

@@ -1,4 +1,4 @@
-import { type SubMenuProps } from 'rc-menu';
+import { type SubMenuProps } from '@rc-component/menu';
 import type { BadgeTypes } from '../../../react-base/src/components/Badge';
 export interface ISubMenuProps extends Omit<SubMenuProps, 'ref'> {
     level?: number;

package/build/esm/components/Menu/components/SubMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/components/SubMenu.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAwB,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAElE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAY3E,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACzC;AAiDD,QAAA,MAAM,OAAO,yGAgCZ,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"SubMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/components/SubMenu.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAwB,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAE7E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAY3E,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACzC;AAiDD,QAAA,MAAM,OAAO,yGAgCZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/build/esm/components/Menu/components/SubMenu.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import { forwardRef as M, useContext as x, useRef as T, useState as g, useCallback as b, useImperativeHandle as h, useMemo as z } from "react";
-import { SubMenu as v } from "rc-menu";
+import { SubMenu as v } from "@rc-component/menu";
 import { Positions as D } from "../../../react-base/src/consts/index.js";
 import { getSmallerSize as L } from "../../../react-base/src/utils/sizesUtils.js";
 import O from "../../Icon/components/ChevronSmallDown.js";

package/build/esm/components/Menu/components/SubMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubMenu.js","sources":["../../../../../src/components/Menu/components/SubMenu.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type ReactElement,\n  type ReactNode,\n  type RefObject,\n  useCallback,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { SubMenu as RCSubMenu, type SubMenuProps } from 'rc-menu';\nimport { MENU_CLASS, Positions } from 'acinguiux-ds-react-base/consts';\nimport type { BadgeTypes } from 'acinguiux-ds-react-base/components/Badge';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport ChevronSmallDown from '../../Icon/components/ChevronSmallDown';\nimport MenuContext from '../MenuContext';\nimport MenuLabel from './MenuLabel';\nimport Tooltip from '../../Tooltip/Tooltip';\nimport { useClassObserver } from '../utils/classObserverUtils';\nimport { TooltipContainer, TooltipLabel } from '../styles/menuLabel.styles';\nimport { getTooltipLabelSize } from '../Menu.utils';\nimport Badge from '../../Badge/Badge';\n\nexport interface ISubMenuProps extends Omit<SubMenuProps, 'ref'> {\n  level?: number;\n  badge?: Omit<BadgeTypes.IProps, 'size'>;\n}\n\ninterface ITitleProps extends Omit<SubMenuProps, 'ref'> {\n  level?: number;\n  parentRef?: RefObject<HTMLElement>;\n  badge?: Omit<BadgeTypes.IProps, 'size'>;\n  isTooltipOpen?: boolean;\n}\n\nconst Title = forwardRef<HTMLDivElement, ITitleProps>(\n  ({ title, parentRef, itemIcon, level, isTooltipOpen, badge }, ref): ReactNode => {\n    const { inlineCollapsed, size } = useContext(MenuContext);\n    const [tooltipDisabled, setTooltipDisabled] = useState(false);\n    const isDisabled = useMemo(\n      () => tooltipDisabled || !inlineCollapsed || level === undefined || level > 0,\n      [tooltipDisabled, inlineCollapsed, level],\n    );\n\n    useClassObserver(parentRef, (currentClassNames) => {\n      setTooltipDisabled(currentClassNames.contains('acinguiux-menu-submenu-open'));\n    });\n\n    return (\n      <Tooltip\n        targetRef={parentRef}\n        isOpen={!isDisabled && isTooltipOpen}\n        isDisabled={isDisabled}\n        placement={Positions.Right}\n        trigger={\n          <div ref={ref} className={`${MENU_CLASS}-submenu-title-content`}>\n            <MenuLabel parentRef={parentRef} itemIcon={itemIcon} badge={badge}>\n              {title}\n            </MenuLabel>\n            <ChevronSmallDown className={`${MENU_CLASS}-submenu-expand-icon`} />\n          </div>\n        }\n        overlay={\n          <TooltipContainer gap=\"1rem\">\n            <TooltipLabel size={getTooltipLabelSize(size)}>{title}</TooltipLabel>\n            {badge && <Badge size={getSmallerSize(size) as BadgeTypes.Size} {...badge} />}\n          </TooltipContainer>\n        }\n        delay={50}\n        closeDelay={200}\n      />\n    );\n  },\n);\n\nconst SubMenu = forwardRef<HTMLLIElement, ISubMenuProps>(\n  ({ title, itemIcon, level, badge, ...rest }, ref): ReactElement => {\n    const { mode } = useContext(MenuContext);\n    const subMenuRef = useRef<HTMLLIElement>(null);\n    const popupOffset = mode === 'horizontal' ? [0, 4] : [8, 0];\n    const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n    const onMouseEnter = useCallback(() => setIsTooltipOpen(true), []);\n    const onMouseLeave = useCallback(() => setIsTooltipOpen(false), []);\n\n    useImperativeHandle<HTMLLIElement | null, HTMLLIElement | null>(ref, () => subMenuRef.current);\n\n    return (\n      <RCSubMenu\n        ref={subMenuRef}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        title={\n          <Title\n            parentRef={subMenuRef}\n            title={title}\n            level={level}\n            itemIcon={itemIcon}\n            isTooltipOpen={isTooltipOpen}\n            badge={badge}\n          />\n        }\n        popupStyle={{ padding: `${popupOffset[1]}px ${popupOffset[0]}px` }}\n        {...rest}\n      />\n    );\n  },\n);\n\nexport default SubMenu;\n"],"names":["Title","forwardRef","title","parentRef","itemIcon","level","isTooltipOpen","badge","ref","inlineCollapsed","size","useContext","MenuContext","tooltipDisabled","setTooltipDisabled","useState","isDisabled","useMemo","useClassObserver","currentClassNames","jsx","Tooltip","Positions","jsxs","MENU_CLASS","MenuLabel","ChevronSmallDown","TooltipContainer","TooltipLabel","getTooltipLabelSize","Badge","getSmallerSize","SubMenu","rest","mode","subMenuRef","useRef","popupOffset","setIsTooltipOpen","onMouseEnter","useCallback","onMouseLeave","useImperativeHandle","RCSubMenu"],"mappings":";;;;;;;;;;;;;;AAuCA,MAAMA,IAAQC;AAAA,EACZ,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,OAAAC,GAAO,eAAAC,GAAe,OAAAC,EAAA,GAASC,MAAmB;AAC/E,UAAM,EAAE,iBAAAC,GAAiB,MAAAC,MAASC,EAAWC,CAAW,GAClD,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAK,GACtDC,IAAaC;AAAA,MACjB,MAAMJ,KAAmB,CAACJ,KAAmBJ,MAAU,UAAaA,IAAQ;AAAA,MAC5E,CAACQ,GAAiBJ,GAAiBJ,CAAK;AAAA,IAAA;AAG1C,WAAAa,EAAiBf,GAAW,CAACgB,MAAsB;AACjD,MAAAL,EAAmBK,EAAkB,SAAS,6BAA6B,CAAC;AAAA,IAC9E,CAAC,GAGC,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAWlB;AAAA,QACX,QAAQ,CAACa,KAAcV;AAAA,QACvB,YAAAU;AAAA,QACA,WAAWM,EAAU;AAAA,QACrB,SACE,gBAAAC,EAAC,OAAA,EAAI,KAAAf,GAAU,WAAW,GAAGgB,CAAU,0BACrC,UAAA;AAAA,UAAA,gBAAAJ,EAACK,GAAA,EAAU,WAAAtB,GAAsB,UAAAC,GAAoB,OAAAG,GAClD,UAAAL,GACH;AAAA,UACA,gBAAAkB,EAACM,GAAA,EAAiB,WAAW,GAAGF,CAAU,uBAAA,CAAwB;AAAA,QAAA,GACpE;AAAA,QAEF,SACE,gBAAAD,EAACI,GAAA,EAAiB,KAAI,QACpB,UAAA;AAAA,UAAA,gBAAAP,EAACQ,GAAA,EAAa,MAAMC,EAAoBnB,CAAI,GAAI,UAAAR,GAAM;AAAA,UACrDK,uBAAUuB,GAAA,EAAM,MAAMC,EAAerB,CAAI,GAAuB,GAAGH,EAAA,CAAO;AAAA,QAAA,GAC7E;AAAA,QAEF,OAAO;AAAA,QACP,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlB;AACF,GAEMyB,IAAU/B;AAAA,EACd,CAAC,EAAE,OAAAC,GAAO,UAAAE,GAAU,OAAAC,GAAO,OAAAE,GAAO,GAAG0B,EAAA,GAAQzB,MAAsB;AACjE,UAAM,EAAE,MAAA0B,EAAA,IAASvB,EAAWC,CAAW,GACjCuB,IAAaC,EAAsB,IAAI,GACvCC,IAAcH,MAAS,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GACpD,CAAC5B,GAAegC,CAAgB,IAAIvB,EAAS,EAAK,GAElDwB,IAAeC,EAAY,MAAMF,EAAiB,EAAI,GAAG,CAAA,CAAE,GAC3DG,IAAeD,EAAY,MAAMF,EAAiB,EAAK,GAAG,CAAA,CAAE;AAElE,WAAAI,EAAgElC,GAAK,MAAM2B,EAAW,OAAO,GAG3F,gBAAAf;AAAA,MAACuB;AAAAA,MAAA;AAAA,QACC,KAAKR;AAAA,QACL,cAAAI;AAAA,QACA,cAAAE;AAAA,QACA,OACE,gBAAArB;AAAA,UAACpB;AAAA,UAAA;AAAA,YACC,WAAWmC;AAAA,YACX,OAAAjC;AAAA,YACA,OAAAG;AAAA,YACA,UAAAD;AAAA,YACA,eAAAE;AAAA,YACA,OAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJ,YAAY,EAAE,SAAS,GAAG8B,EAAY,CAAC,CAAC,MAAMA,EAAY,CAAC,CAAC,KAAA;AAAA,QAC3D,GAAGJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}
+{"version":3,"file":"SubMenu.js","sources":["../../../../../src/components/Menu/components/SubMenu.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type ReactElement,\n  type ReactNode,\n  type RefObject,\n  useCallback,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { SubMenu as RCSubMenu, type SubMenuProps } from '@rc-component/menu';\nimport { MENU_CLASS, Positions } from 'acinguiux-ds-react-base/consts';\nimport type { BadgeTypes } from 'acinguiux-ds-react-base/components/Badge';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport ChevronSmallDown from '../../Icon/components/ChevronSmallDown';\nimport MenuContext from '../MenuContext';\nimport MenuLabel from './MenuLabel';\nimport Tooltip from '../../Tooltip/Tooltip';\nimport { useClassObserver } from '../utils/classObserverUtils';\nimport { TooltipContainer, TooltipLabel } from '../styles/menuLabel.styles';\nimport { getTooltipLabelSize } from '../Menu.utils';\nimport Badge from '../../Badge/Badge';\n\nexport interface ISubMenuProps extends Omit<SubMenuProps, 'ref'> {\n  level?: number;\n  badge?: Omit<BadgeTypes.IProps, 'size'>;\n}\n\ninterface ITitleProps extends Omit<SubMenuProps, 'ref'> {\n  level?: number;\n  parentRef?: RefObject<HTMLElement>;\n  badge?: Omit<BadgeTypes.IProps, 'size'>;\n  isTooltipOpen?: boolean;\n}\n\nconst Title = forwardRef<HTMLDivElement, ITitleProps>(\n  ({ title, parentRef, itemIcon, level, isTooltipOpen, badge }, ref): ReactNode => {\n    const { inlineCollapsed, size } = useContext(MenuContext);\n    const [tooltipDisabled, setTooltipDisabled] = useState(false);\n    const isDisabled = useMemo(\n      () => tooltipDisabled || !inlineCollapsed || level === undefined || level > 0,\n      [tooltipDisabled, inlineCollapsed, level],\n    );\n\n    useClassObserver(parentRef, (currentClassNames) => {\n      setTooltipDisabled(currentClassNames.contains('acinguiux-menu-submenu-open'));\n    });\n\n    return (\n      <Tooltip\n        targetRef={parentRef}\n        isOpen={!isDisabled && isTooltipOpen}\n        isDisabled={isDisabled}\n        placement={Positions.Right}\n        trigger={\n          <div ref={ref} className={`${MENU_CLASS}-submenu-title-content`}>\n            <MenuLabel parentRef={parentRef} itemIcon={itemIcon} badge={badge}>\n              {title}\n            </MenuLabel>\n            <ChevronSmallDown className={`${MENU_CLASS}-submenu-expand-icon`} />\n          </div>\n        }\n        overlay={\n          <TooltipContainer gap=\"1rem\">\n            <TooltipLabel size={getTooltipLabelSize(size)}>{title}</TooltipLabel>\n            {badge && <Badge size={getSmallerSize(size) as BadgeTypes.Size} {...badge} />}\n          </TooltipContainer>\n        }\n        delay={50}\n        closeDelay={200}\n      />\n    );\n  },\n);\n\nconst SubMenu = forwardRef<HTMLLIElement, ISubMenuProps>(\n  ({ title, itemIcon, level, badge, ...rest }, ref): ReactElement => {\n    const { mode } = useContext(MenuContext);\n    const subMenuRef = useRef<HTMLLIElement>(null);\n    const popupOffset = mode === 'horizontal' ? [0, 4] : [8, 0];\n    const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n    const onMouseEnter = useCallback(() => setIsTooltipOpen(true), []);\n    const onMouseLeave = useCallback(() => setIsTooltipOpen(false), []);\n\n    useImperativeHandle<HTMLLIElement | null, HTMLLIElement | null>(ref, () => subMenuRef.current);\n\n    return (\n      <RCSubMenu\n        ref={subMenuRef}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        title={\n          <Title\n            parentRef={subMenuRef}\n            title={title}\n            level={level}\n            itemIcon={itemIcon}\n            isTooltipOpen={isTooltipOpen}\n            badge={badge}\n          />\n        }\n        popupStyle={{ padding: `${popupOffset[1]}px ${popupOffset[0]}px` }}\n        {...rest}\n      />\n    );\n  },\n);\n\nexport default SubMenu;\n"],"names":["Title","forwardRef","title","parentRef","itemIcon","level","isTooltipOpen","badge","ref","inlineCollapsed","size","useContext","MenuContext","tooltipDisabled","setTooltipDisabled","useState","isDisabled","useMemo","useClassObserver","currentClassNames","jsx","Tooltip","Positions","jsxs","MENU_CLASS","MenuLabel","ChevronSmallDown","TooltipContainer","TooltipLabel","getTooltipLabelSize","Badge","getSmallerSize","SubMenu","rest","mode","subMenuRef","useRef","popupOffset","setIsTooltipOpen","onMouseEnter","useCallback","onMouseLeave","useImperativeHandle","RCSubMenu"],"mappings":";;;;;;;;;;;;;;AAuCA,MAAMA,IAAQC;AAAA,EACZ,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,OAAAC,GAAO,eAAAC,GAAe,OAAAC,EAAA,GAASC,MAAmB;AAC/E,UAAM,EAAE,iBAAAC,GAAiB,MAAAC,MAASC,EAAWC,CAAW,GAClD,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAK,GACtDC,IAAaC;AAAA,MACjB,MAAMJ,KAAmB,CAACJ,KAAmBJ,MAAU,UAAaA,IAAQ;AAAA,MAC5E,CAACQ,GAAiBJ,GAAiBJ,CAAK;AAAA,IAAA;AAG1C,WAAAa,EAAiBf,GAAW,CAACgB,MAAsB;AACjD,MAAAL,EAAmBK,EAAkB,SAAS,6BAA6B,CAAC;AAAA,IAC9E,CAAC,GAGC,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAWlB;AAAA,QACX,QAAQ,CAACa,KAAcV;AAAA,QACvB,YAAAU;AAAA,QACA,WAAWM,EAAU;AAAA,QACrB,SACE,gBAAAC,EAAC,OAAA,EAAI,KAAAf,GAAU,WAAW,GAAGgB,CAAU,0BACrC,UAAA;AAAA,UAAA,gBAAAJ,EAACK,GAAA,EAAU,WAAAtB,GAAsB,UAAAC,GAAoB,OAAAG,GAClD,UAAAL,GACH;AAAA,UACA,gBAAAkB,EAACM,GAAA,EAAiB,WAAW,GAAGF,CAAU,uBAAA,CAAwB;AAAA,QAAA,GACpE;AAAA,QAEF,SACE,gBAAAD,EAACI,GAAA,EAAiB,KAAI,QACpB,UAAA;AAAA,UAAA,gBAAAP,EAACQ,GAAA,EAAa,MAAMC,EAAoBnB,CAAI,GAAI,UAAAR,GAAM;AAAA,UACrDK,uBAAUuB,GAAA,EAAM,MAAMC,EAAerB,CAAI,GAAuB,GAAGH,EAAA,CAAO;AAAA,QAAA,GAC7E;AAAA,QAEF,OAAO;AAAA,QACP,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlB;AACF,GAEMyB,IAAU/B;AAAA,EACd,CAAC,EAAE,OAAAC,GAAO,UAAAE,GAAU,OAAAC,GAAO,OAAAE,GAAO,GAAG0B,EAAA,GAAQzB,MAAsB;AACjE,UAAM,EAAE,MAAA0B,EAAA,IAASvB,EAAWC,CAAW,GACjCuB,IAAaC,EAAsB,IAAI,GACvCC,IAAcH,MAAS,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GACpD,CAAC5B,GAAegC,CAAgB,IAAIvB,EAAS,EAAK,GAElDwB,IAAeC,EAAY,MAAMF,EAAiB,EAAI,GAAG,CAAA,CAAE,GAC3DG,IAAeD,EAAY,MAAMF,EAAiB,EAAK,GAAG,CAAA,CAAE;AAElE,WAAAI,EAAgElC,GAAK,MAAM2B,EAAW,OAAO,GAG3F,gBAAAf;AAAA,MAACuB;AAAAA,MAAA;AAAA,QACC,KAAKR;AAAA,QACL,cAAAI;AAAA,QACA,cAAAE;AAAA,QACA,OACE,gBAAArB;AAAA,UAACpB;AAAA,UAAA;AAAA,YACC,WAAWmC;AAAA,YACX,OAAAjC;AAAA,YACA,OAAAG;AAAA,YACA,UAAAD;AAAA,YACA,eAAAE;AAAA,YACA,OAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJ,YAAY,EAAE,SAAS,GAAG8B,EAAY,CAAC,CAAC,MAAMA,EAAY,CAAC,CAAC,KAAA;AAAA,QAC3D,GAAGJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}

package/build/esm/components/Menu/styles/groupMenuItem.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"groupMenuItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/styles/groupMenuItem.styles.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,eAAO,MAAM,kBAAkB,sDAwE9B,CAAC"}
+{"version":3,"file":"groupMenuItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/styles/groupMenuItem.styles.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,eAAO,MAAM,kBAAkB,sDA+E9B,CAAC"}

package/build/esm/components/Menu/styles/groupMenuItem.styles.js

@@ -1,28 +1,35 @@
 import { css as o } from "styled-components";
 import { MENU_CLASS as t } from "../../../react-base/src/consts/classes.js";
-import { Variables as a } from "../../../react-base/src/theme/types/layer.js";
-import { getLabelTypographySize as g } from "../../../react-base/src/utils/sizesUtils.js";
+import { Variables as u } from "../../../react-base/src/theme/types/layer.js";
+import { getLabelTypographySize as $ } from "../../../react-base/src/utils/sizesUtils.js";
 import { consts as r } from "../../../react-base/src/components/Menu/Menu.consts.js";
-const y = o`
-  ${({ theme: i, $size: n, $muted: u, disabled: l, mode: e }) => {
-  const m = `${r[n].padding}px`, s = `${r[n].indent}px`, d = `${r[n].indent * 2}px`, p = i.layer({ foundation: "surface", disabled: l, muted: u });
+const h = o`
+  ${({ theme: i, $size: n, $muted: l, disabled: a, mode: e }) => {
+  const m = `${r[n].padding}px`, s = `${r[n].indent}px`, g = `${r[n].indent * 2}px`, p = i.layer({ foundation: "surface", disabled: a, muted: l });
   return o`
       .${t}-item-group {
         .${t}-item-group-title {
-          ${i.typography("label", g(n))};
+          ${i.typography("label", $(n))};
           padding: 0 ${s} ${m};
-          color: ${p[a.TextOnFoundationSubtle]};
-          text-transform: uppercase;
+          color: ${p[u.TextOnFoundationSubtle]};
+          &:has(.${t}-group-title-content:not(.${t}-group-title-content-subtle)) {
+            text-transform: uppercase;
+          }
+
           ${e !== "horizontal" && o`
             margin-right: ${r[n].collapsedItemMarginRight};
           `}
         }
 
-        .${t}-group-title-content {
+        .${t}-group-title-content:not(.${t}-group-title-content-subtle) {
           margin-top: 4px;
           padding-bottom: 4px;
           margin-bottom: -5px;
-          border-bottom: 1px solid ${p[a.BorderOnFoundationSubtle]};
+          border-bottom: 1px solid ${p[u.BorderOnFoundationSubtle]};
+        }
+
+        .${t}-group-title-content-subtle {
+          margin-bottom: -6px;
         }
 
         /* Horizontal */
@@ -39,7 +46,7 @@ const y = o`
       ${e === "inline" && o`
         .${t}-submenu .${t}-item-group {
           .${t}-item-group-title {
-            padding-left: ${d};
+            padding-left: ${g};
           }
 
           &.${t}-submenu-open
@@ -69,6 +76,6 @@ const y = o`
 }}
 `;
 export {
-  y as groupMenuItemStyle
+  h as groupMenuItemStyle
 };
 //# sourceMappingURL=groupMenuItem.styles.js.map