acinguiux-ds-react-framework 0.0.7 → 0.1.0

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

@@ -1,64 +1,71 @@
-import { css as n } from "styled-components";
-import { States as g, Surfaces as s } from "acinguiux-ds-fabrics";
-import { indicatorPositionStyle as c } from "./styles/indicator.styles.js";
-import { Sizes as a, Positions as u, Directions as $ } from "../../react-base/src/consts.js";
-import { LayerColor as f } from "../../react-base/src/theme/theme.js";
-const S = (e, r, t = g.Default, o = s.Surface) => e.getLayer({ state: t, surface: o })[r], k = (e) => [a.Large, a.Medium].includes(e) ? a.Large : a.Medium, l = (e, r) => r === "horizontal" ? e === u.Top ? u.Top : u.Bottom : e === u.Left ? u.Left : u.Right, y = (e, r, t = $.Horizontal, o = a.Medium) => n`
+import { css as S } from "styled-components";
+import { States as l, FabricsVariables as d } from "acinguiux-ds-fabrics";
+import { Sizes as s, Positions as c, Directions as g } from "../../react-base/src/consts/index.js";
+import { VariablesNames as i } from "../../react-base/src/theme/variableTheme.js";
+import { booleanToString as v } from "../../react-base/src/utils/typesUtils.js";
+import { indicatorPositionStyle as n } from "./styles/indicator.styles.js";
+const f = (e, o = l.Default, t = d.Foundations.Surface, r = !1) => {
+  const a = { foundation: t, disabled: v(r) };
+  return o === l.Hover || o === l.Active ? e.getStyledLayers(`Background/Foundation/${o === l.Hover ? "Hover" : "Press"}`, a) : e.getVariablesLayer(a)[i.BackgroundFoundation];
+}, H = (e) => e === s.XSmall ? s.Small : e, u = (e, o) => o === "horizontal" ? e === c.Top ? c.Top : c.Bottom : e === c.Left ? c.Left : c.Right, M = (e, o, t = g.Horizontal, r = s.Medium) => S`
   &::after {
-    ${c[o][l(e, r)][t].selected.default};
+    ${n[r][u(e, o)][t].selected.default};
   }
-  
-  &:hover {            
+
+  &:hover {
     &::after {
-      ${c[o][l(e, r)][t].selected.hover};
+      ${n[r][u(e, o)][t].selected.hover};
     }
   }
-  
-  &:active {            
+
+  &:active {
     &::after {
-      ${c[o][l(e, r)][t].selected.active};
+      ${n[r][u(e, o)][t].selected.active};
     }
   }
-`, L = (e, r, t, o = $.Horizontal, d = a.Medium) => n`
-  background-color: ${S(e, f.BackgroundSurface, g.Default, s.Section)};
+`, L = (e, o, t, r = g.Horizontal, a = s.Medium) => S`
+  background-color: ${f(e, l.Default, d.Foundations.Section)};
 
   &:hover {
-    background-color: ${S(e, f.BackgroundSurface, g.Hover, s.Section)};
+    background-color: ${f(e, l.Hover, d.Foundations.Section)};
 
     &::after {
-      ${c[d][l(r, t)][o].selected.hover};
+      ${n[a][u(o, t)][r].selected.hover};
     }
   }
 
   &:active {
-    background-color: ${S(e, f.BackgroundSurface, g.Active, s.Section)};
+    background-color: ${f(e, l.Active, d.Foundations.Section)};
 
     &::after {
-      ${c[d][l(r, t)][o].selected.active};
+      ${n[a][u(o, t)][r].selected.active};
     }
   }
 
   &::after {
-    ${c[d][l(r, t)][o].selected.default};
+    ${n[a][u(o, t)][r].selected.default};
   }
-`, m = (e, r, t, o = $.Horizontal, d = a.Medium) => n`
-  color: ${S(e, f.TextOnSurfaceSubtle)};
-  background-color: ${S(e, f.BackgroundSurface, g.Default, s.Section)};
+`, T = (e, o, t, r = g.Horizontal, a = s.Medium) => {
+  const b = e.getVariablesLayer({ foundation: "surface", disabled: "true" });
+  return S`
+    color: ${b[i.TextOnFoundationSubtle]};
+    background-color: ${f(e, l.Default, d.Foundations.Section, !0)};
 
-  svg {
-    fill:${S(e, f.TextOnSurfaceSubtle)};
-  }
+    svg {
+      fill: ${b[i.TextOnFoundationSubtle]};
+    }
 
-  &::after {
-    ${c[d][l(r, t)][o].selected.disabled};
-  }
-`;
+    &::after {
+      ${n[a][u(o, t)][r].selected.disabled};
+    }
+  `;
+};
 export {
-  S as getFabricStyles,
-  m as getMenuItemDisabledStyle,
+  f as getBackgroundColor,
+  T as getMenuItemDisabledStyle,
   L as getMenuItemSelectedStyle,
-  l as getModeIndicatorPosition,
-  y as getSubMenuSelectedIndicatorStyle,
-  k as getTooltipLabelSize
+  u as getModeIndicatorPosition,
+  M as getSubMenuSelectedIndicatorStyle,
+  H as getTooltipLabelSize
 };
 //# sourceMappingURL=Menu.utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.utils.js","sources":["../../../../src/components/Menu/Menu.utils.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { StateType, States, Surfaces, SurfaceType } from 'acinguiux-ds-fabrics';\nimport { MenuTypes, Positions, LayerColor, Theme, Directions, Sizes } from 'acinguiux-ds-react-base';\n\nimport { indicatorPositionStyle } from './styles/indicator.styles';\n\ntype ModeType = 'inline' | 'vertical' | 'horizontal';\n\nexport const getFabricStyles = (\n  theme: Theme,\n  layer: LayerColor,\n  state: StateType = States.Default,\n  surface: SurfaceType = Surfaces.Surface,\n) => theme.getLayer({ state, surface })[layer];\n\n\nexport const getTooltipLabelSize = (size: MenuTypes.Size): MenuTypes.Size => {\n  if ([Sizes.Large, Sizes.Medium].includes(size)) {\n    return Sizes.Large;\n  }\n\n  return Sizes.Medium;\n};\n\nexport const getModeIndicatorPosition = (indicatorPosition: MenuTypes.IndicatorPosition, mode?: ModeType) => {\n  if (mode === 'horizontal') {\n    return indicatorPosition === Positions.Top ? Positions.Top : Positions.Bottom;\n  }\n\n  return indicatorPosition === Positions.Left ? Positions.Left : Positions.Right;\n};\n\nexport const getSubMenuSelectedIndicatorStyle = (\n  indicatorPosition: MenuTypes.IndicatorPosition,\n  mode?: ModeType,\n  itemContentDirection: Directions.Vertical | Directions.Horizontal = Directions.Horizontal,\n  size: MenuTypes.Size = Sizes.Medium,\n) => css`\n  &::after {\n    ${indicatorPositionStyle[size][getModeIndicatorPosition(indicatorPosition, mode)][itemContentDirection].selected.default};\n  }\n  \n  &:hover {            \n    &::after {\n      ${indicatorPositionStyle[size][getModeIndicatorPosition(indicatorPosition, mode)][itemContentDirection].selected.hover};\n    }\n  }\n  \n  &:active {            \n    &::after {\n      ${indicatorPositionStyle[size][getModeIndicatorPosition(indicatorPosition, mode)][itemContentDirection].selected.active};\n    }\n  }\n`;\n\nexport const getMenuItemSelectedStyle = (\n  theme: Theme,\n  indicatorPosition: MenuTypes.IndicatorPosition,\n  mode?: ModeType,\n  itemContentDirection: Directions.Vertical | Directions.Horizontal = Directions.Horizontal,\n  size: MenuTypes.Size = Sizes.Medium,\n) => css`\n  background-color: ${getFabricStyles(theme, LayerColor.BackgroundSurface, States.Default, Surfaces.Section)};\n\n  &:hover {\n    background-color: ${getFabricStyles(theme, LayerColor.BackgroundSurface, States.Hover, Surfaces.Section)};\n\n    &::after {\n      ${indicatorPositionStyle[size][getModeIndicatorPosition(indicatorPosition, mode)][itemContentDirection].selected.hover};\n    }\n  }\n\n  &:active {\n    background-color: ${getFabricStyles(theme, LayerColor.BackgroundSurface, States.Active, Surfaces.Section)};\n\n    &::after {\n      ${indicatorPositionStyle[size][getModeIndicatorPosition(indicatorPosition, mode)][itemContentDirection].selected.active};\n    }\n  }\n\n  &::after {\n    ${indicatorPositionStyle[size][getModeIndicatorPosition(indicatorPosition, mode)][itemContentDirection].selected.default};\n  }\n`;\n\nexport const getMenuItemDisabledStyle = (\n  theme: Theme,\n  indicatorPosition: MenuTypes.IndicatorPosition,\n  mode?: ModeType,\n  itemContentDirection: Directions.Vertical | Directions.Horizontal = Directions.Horizontal,\n  size: MenuTypes.Size = Sizes.Medium,\n) => css`\n  color: ${getFabricStyles(theme, LayerColor.TextOnSurfaceSubtle)};\n  background-color: ${getFabricStyles(theme, LayerColor.BackgroundSurface, States.Default, Surfaces.Section)};\n\n  svg {\n    fill:${getFabricStyles(theme, LayerColor.TextOnSurfaceSubtle)};\n  }\n\n  &::after {\n    ${indicatorPositionStyle[size][getModeIndicatorPosition(indicatorPosition, mode)][itemContentDirection].selected.disabled};\n  }\n`;"],"names":["getFabricStyles","theme","layer","state","States","surface","Surfaces","getTooltipLabelSize","size","Sizes","getModeIndicatorPosition","indicatorPosition","mode","Positions","getSubMenuSelectedIndicatorStyle","itemContentDirection","Directions","css","indicatorPositionStyle","getMenuItemSelectedStyle","LayerColor","getMenuItemDisabledStyle"],"mappings":";;;;;AAQO,MAAMA,IAAkB,CAC7BC,GACAC,GACAC,IAAmBC,EAAO,SAC1BC,IAAuBC,EAAS,YAC7BL,EAAM,SAAS,EAAE,OAAAE,GAAO,SAAAE,EAAS,CAAA,EAAEH,CAAK,GAGhCK,IAAsB,CAACC,MAC9B,CAACC,EAAM,OAAOA,EAAM,MAAM,EAAE,SAASD,CAAI,IACpCC,EAAM,QAGRA,EAAM,QAGFC,IAA2B,CAACC,GAAgDC,MACnFA,MAAS,eACJD,MAAsBE,EAAU,MAAMA,EAAU,MAAMA,EAAU,SAGlEF,MAAsBE,EAAU,OAAOA,EAAU,OAAOA,EAAU,OAG9DC,IAAmC,CAC9CH,GACAC,GACAG,IAAoEC,EAAW,YAC/ER,IAAuBC,EAAM,WAC1BQ;AAAA;AAAA,MAECC,EAAuBV,CAAI,EAAEE,EAAyBC,GAAmBC,CAAI,CAAC,EAAEG,CAAoB,EAAE,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,QAKpHG,EAAuBV,CAAI,EAAEE,EAAyBC,GAAmBC,CAAI,CAAC,EAAEG,CAAoB,EAAE,SAAS,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMpHG,EAAuBV,CAAI,EAAEE,EAAyBC,GAAmBC,CAAI,CAAC,EAAEG,CAAoB,EAAE,SAAS,MAAM;AAAA;AAAA;AAAA,GAKhHI,IAA2B,CACtClB,GACAU,GACAC,GACAG,IAAoEC,EAAW,YAC/ER,IAAuBC,EAAM,WAC1BQ;AAAA,sBACiBjB,EAAgBC,GAAOmB,EAAW,mBAAmBhB,EAAO,SAASE,EAAS,OAAO,CAAC;AAAA;AAAA;AAAA,wBAGpFN,EAAgBC,GAAOmB,EAAW,mBAAmBhB,EAAO,OAAOE,EAAS,OAAO,CAAC;AAAA;AAAA;AAAA,QAGpGY,EAAuBV,CAAI,EAAEE,EAAyBC,GAAmBC,CAAI,CAAC,EAAEG,CAAoB,EAAE,SAAS,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKpGf,EAAgBC,GAAOmB,EAAW,mBAAmBhB,EAAO,QAAQE,EAAS,OAAO,CAAC;AAAA;AAAA;AAAA,QAGrGY,EAAuBV,CAAI,EAAEE,EAAyBC,GAAmBC,CAAI,CAAC,EAAEG,CAAoB,EAAE,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,MAKvHG,EAAuBV,CAAI,EAAEE,EAAyBC,GAAmBC,CAAI,CAAC,EAAEG,CAAoB,EAAE,SAAS,OAAO;AAAA;AAAA,GAI/GM,IAA2B,CACtCpB,GACAU,GACAC,GACAG,IAAoEC,EAAW,YAC/ER,IAAuBC,EAAM,WAC1BQ;AAAA,WACMjB,EAAgBC,GAAOmB,EAAW,mBAAmB,CAAC;AAAA,sBAC3CpB,EAAgBC,GAAOmB,EAAW,mBAAmBhB,EAAO,SAASE,EAAS,OAAO,CAAC;AAAA;AAAA;AAAA,WAGjGN,EAAgBC,GAAOmB,EAAW,mBAAmB,CAAC;AAAA;AAAA;AAAA;AAAA,MAI3DF,EAAuBV,CAAI,EAAEE,EAAyBC,GAAmBC,CAAI,CAAC,EAAEG,CAAoB,EAAE,SAAS,QAAQ;AAAA;AAAA;"}
+{"version":3,"file":"Menu.utils.js","sources":["../../../../src/components/Menu/Menu.utils.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { type StateType, States, FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { Positions, Directions, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { type VariablesModesType, VariablesNames, type Theme } from 'acinguiux-ds-react-base/theme';\nimport type { MenuTypes } from 'acinguiux-ds-react-base/components/Menu';\nimport { booleanToString } from 'acinguiux-ds-react-base/utils/typesUtils';\n\nimport { indicatorPositionStyle } from './styles/indicator.styles';\nimport type { StyledMenuProps } from './Menu.types';\n\ntype ModeType = 'inline' | 'vertical' | 'horizontal';\n\nexport const getBackgroundColor = (\n  theme: Theme,\n  state: StateType = States.Default,\n  foundation: FabricsVariables.FoundationType = FabricsVariables.Foundations.Surface,\n  disabled: boolean = false,\n) => {\n  const modes: VariablesModesType = { foundation, disabled: booleanToString(disabled) };\n  if (state === States.Hover || state === States.Active) {\n    return theme.getStyledLayers(`Background/Foundation/${state === States.Hover ? 'Hover' : 'Press'}`, modes);\n  }\n\n  return theme.getVariablesLayer(modes)[VariablesNames.BackgroundFoundation];\n};\n\nexport const getTooltipLabelSize = (size: MenuTypes.Size): MenuTypes.Size =>\n  size === Sizes.XSmall ? Sizes.Small : size;\n\nexport const getModeIndicatorPosition = (indicatorPosition: MenuTypes.IndicatorPosition, mode?: ModeType) => {\n  if (mode === 'horizontal') {\n    return indicatorPosition === Positions.Top ? Positions.Top : Positions.Bottom;\n  }\n\n  return indicatorPosition === Positions.Left ? Positions.Left : Positions.Right;\n};\n\nexport const getSubMenuSelectedIndicatorStyle = (\n  indicatorPosition: MenuTypes.IndicatorPosition,\n  mode?: ModeType,\n  itemContentDirection: `${Directions.Vertical | Directions.Horizontal}` = Directions.Horizontal,\n  size: MenuTypes.Size = Sizes.Medium,\n) => css<StyledMenuProps>`\n  &::after {\n    ${indicatorPositionStyle[size][getModeIndicatorPosition(indicatorPosition, mode)][itemContentDirection].selected\n      .default};\n  }\n\n  &:hover {\n    &::after {\n      ${indicatorPositionStyle[size][getModeIndicatorPosition(indicatorPosition, mode)][itemContentDirection].selected\n        .hover};\n    }\n  }\n\n  &:active {\n    &::after {\n      ${indicatorPositionStyle[size][getModeIndicatorPosition(indicatorPosition, mode)][itemContentDirection].selected\n        .active};\n    }\n  }\n`;\n\nexport const getMenuItemSelectedStyle = (\n  theme: Theme,\n  indicatorPosition: MenuTypes.IndicatorPosition,\n  mode?: ModeType,\n  itemContentDirection: `${Directions.Vertical | Directions.Horizontal}` = Directions.Horizontal,\n  size: MenuTypes.Size = Sizes.Medium,\n) => css<StyledMenuProps>`\n  background-color: ${getBackgroundColor(theme, States.Default, FabricsVariables.Foundations.Section)};\n\n  &:hover {\n    background-color: ${getBackgroundColor(theme, States.Hover, FabricsVariables.Foundations.Section)};\n\n    &::after {\n      ${indicatorPositionStyle[size][getModeIndicatorPosition(indicatorPosition, mode)][itemContentDirection].selected\n        .hover};\n    }\n  }\n\n  &:active {\n    background-color: ${getBackgroundColor(theme, States.Active, FabricsVariables.Foundations.Section)};\n\n    &::after {\n      ${indicatorPositionStyle[size][getModeIndicatorPosition(indicatorPosition, mode)][itemContentDirection].selected\n        .active};\n    }\n  }\n\n  &::after {\n    ${indicatorPositionStyle[size][getModeIndicatorPosition(indicatorPosition, mode)][itemContentDirection].selected\n      .default};\n  }\n`;\n\nexport const getMenuItemDisabledStyle = (\n  theme: Theme,\n  indicatorPosition: MenuTypes.IndicatorPosition,\n  mode?: ModeType,\n  itemContentDirection: `${Directions.Vertical | Directions.Horizontal}` = Directions.Horizontal,\n  size: MenuTypes.Size = Sizes.Medium,\n) => {\n  const layer = theme.getVariablesLayer({ foundation: 'surface', disabled: 'true' });\n\n  return css<StyledMenuProps>`\n    color: ${layer[VariablesNames.TextOnFoundationSubtle]};\n    background-color: ${getBackgroundColor(theme, States.Default, FabricsVariables.Foundations.Section, true)};\n\n    svg {\n      fill: ${layer[VariablesNames.TextOnFoundationSubtle]};\n    }\n\n    &::after {\n      ${indicatorPositionStyle[size][getModeIndicatorPosition(indicatorPosition, mode)][itemContentDirection].selected\n        .disabled};\n    }\n  `;\n};\n"],"names":["getBackgroundColor","theme","state","States","foundation","FabricsVariables","disabled","modes","booleanToString","VariablesNames","getTooltipLabelSize","size","Sizes","getModeIndicatorPosition","indicatorPosition","mode","Positions","getSubMenuSelectedIndicatorStyle","itemContentDirection","Directions","css","indicatorPositionStyle","getMenuItemSelectedStyle","getMenuItemDisabledStyle","layer"],"mappings":";;;;;;AAYa,MAAAA,IAAqB,CAChCC,GACAC,IAAmBC,EAAO,SAC1BC,IAA8CC,EAAiB,YAAY,SAC3EC,IAAoB,OACjB;AACH,QAAMC,IAA4B,EAAE,YAAAH,GAAY,UAAUI,EAAgBF,CAAQ,EAAE;AACpF,SAAIJ,MAAUC,EAAO,SAASD,MAAUC,EAAO,SACtCF,EAAM,gBAAgB,yBAAyBC,MAAUC,EAAO,QAAQ,UAAU,OAAO,IAAII,CAAK,IAGpGN,EAAM,kBAAkBM,CAAK,EAAEE,EAAe,oBAAoB;AAC3E,GAEaC,IAAsB,CAACC,MAClCA,MAASC,EAAM,SAASA,EAAM,QAAQD,GAE3BE,IAA2B,CAACC,GAAgDC,MACnFA,MAAS,eACJD,MAAsBE,EAAU,MAAMA,EAAU,MAAMA,EAAU,SAGlEF,MAAsBE,EAAU,OAAOA,EAAU,OAAOA,EAAU,OAG9DC,IAAmC,CAC9CH,GACAC,GACAG,IAAyEC,EAAW,YACpFR,IAAuBC,EAAM,WAC1BQ;AAAA;AAAA,MAECC,EAAuBV,CAAI,EAAEE,EAAyBC,GAAmBC,CAAI,CAAC,EAAEG,CAAoB,EAAE,SACrG,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,QAKNG,EAAuBV,CAAI,EAAEE,EAAyBC,GAAmBC,CAAI,CAAC,EAAEG,CAAoB,EAAE,SACrG,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMNG,EAAuBV,CAAI,EAAEE,EAAyBC,GAAmBC,CAAI,CAAC,EAAEG,CAAoB,EAAE,SACrG,MAAM;AAAA;AAAA;AAAA,GAKFI,IAA2B,CACtCrB,GACAa,GACAC,GACAG,IAAyEC,EAAW,YACpFR,IAAuBC,EAAM,WAC1BQ;AAAA,sBACiBpB,EAAmBC,GAAOE,EAAO,SAASE,EAAiB,YAAY,OAAO,CAAC;AAAA;AAAA;AAAA,wBAG7EL,EAAmBC,GAAOE,EAAO,OAAOE,EAAiB,YAAY,OAAO,CAAC;AAAA;AAAA;AAAA,QAG7FgB,EAAuBV,CAAI,EAAEE,EAAyBC,GAAmBC,CAAI,CAAC,EAAEG,CAAoB,EAAE,SACrG,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKUlB,EAAmBC,GAAOE,EAAO,QAAQE,EAAiB,YAAY,OAAO,CAAC;AAAA;AAAA;AAAA,QAG9FgB,EAAuBV,CAAI,EAAEE,EAAyBC,GAAmBC,CAAI,CAAC,EAAEG,CAAoB,EAAE,SACrG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,MAKTG,EAAuBV,CAAI,EAAEE,EAAyBC,GAAmBC,CAAI,CAAC,EAAEG,CAAoB,EAAE,SACrG,OAAO;AAAA;AAAA,GAIDK,IAA2B,CACtCtB,GACAa,GACAC,GACAG,IAAyEC,EAAW,YACpFR,IAAuBC,EAAM,WAC1B;AACG,QAAAY,IAAQvB,EAAM,kBAAkB,EAAE,YAAY,WAAW,UAAU,QAAQ;AAE1E,SAAAmB;AAAA,aACII,EAAMf,EAAe,sBAAsB,CAAC;AAAA,wBACjCT,EAAmBC,GAAOE,EAAO,SAASE,EAAiB,YAAY,SAAS,EAAI,CAAC;AAAA;AAAA;AAAA,cAG/FmB,EAAMf,EAAe,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA,QAIlDY,EAAuBV,CAAI,EAAEE,EAAyBC,GAAmBC,CAAI,CAAC,EAAEG,CAAoB,EAAE,SACrG,QAAQ;AAAA;AAAA;AAGjB;"}

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { IMenuContext } from './Menu.types';
+import type { IMenuContext } from './Menu.types';
 declare const MenuContext: import("react").Context<IMenuContext>;
 export default MenuContext;
 //# sourceMappingURL=MenuContext.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuContext.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAA,MAAM,WAAW,uCAIf,CAAC;AAEH,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MenuContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuContext.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,QAAA,MAAM,WAAW,uCAIf,CAAC;AAEH,eAAe,WAAW,CAAC"}

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

@@ -1,5 +1,5 @@
 import { createContext as e } from "react";
-import { Sizes as o } from "../../react-base/src/consts.js";
+import { Sizes as o } from "../../react-base/src/consts/index.js";
 const n = e({
   size: o.Medium,
   mode: "inline",

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

@@ -1 +1 @@
-{"version":3,"file":"MenuContext.js","sources":["../../../../src/components/Menu/MenuContext.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nimport { Sizes } from 'acinguiux-ds-react-base';\n\nimport { IMenuContext } from './Menu.types';\n\nconst MenuContext = createContext<IMenuContext>({\n  size: Sizes.Medium,\n  mode: 'inline',\n  inlineCollapsed: false,\n});\n\nexport default MenuContext;\n"],"names":["MenuContext","createContext","Sizes"],"mappings":";;AAMA,MAAMA,IAAcC,EAA4B;AAAA,EAC9C,MAAMC,EAAM;AAAA,EACZ,MAAM;AAAA,EACN,iBAAiB;AACnB,CAAC;"}
+{"version":3,"file":"MenuContext.js","sources":["../../../../src/components/Menu/MenuContext.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport type { IMenuContext } from './Menu.types';\n\nconst MenuContext = createContext<IMenuContext>({\n  size: Sizes.Medium,\n  mode: 'inline',\n  inlineCollapsed: false,\n});\n\nexport default MenuContext;\n"],"names":["MenuContext","createContext","Sizes"],"mappings":";;AAMA,MAAMA,IAAcC,EAA4B;AAAA,EAC9C,MAAMC,EAAM;AAAA,EACZ,MAAM;AAAA,EACN,iBAAiB;AACnB,CAAC;"}

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

@@ -1,21 +1,24 @@
-/// <reference types="react" />
-import { MenuMode } from 'rc-menu/lib/interface';
-import { IMenuProps } from '../Menu.types';
+import type { MenuMode } from 'rc-menu/lib/interface';
+import type { IMenuProps } from '../Menu.types';
 interface IContent extends Pick<IMenuProps, 'mode' | 'children'> {
     style?: React.CSSProperties;
 }
 interface IMenuContainer extends Pick<IMenuProps, 'inlineCollapsed' | 'mode' | 'size'> {
 }
-export declare const VerticalContainerHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const VerticalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IMenuContainer, never>;
-export declare const HorizontalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IMenuContainer, never>;
-export declare const HorizontalCenteredContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IMenuContainer, never>;
-export declare const StyledInlineMenu: import("styled-components").StyledComponent<({ className, mode, size, inlineCollapsed, emphasis, indicatorPosition, itemContentDirection, items, selectedPath, selectedKeys, itemRender, children, ...rest }: IMenuProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, import("styled-components").DefaultTheme, IMenuContainer, never>;
-export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    mode?: MenuMode | undefined;
-    isSingle?: boolean | undefined;
-}, never>;
-export declare const StyledLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const VerticalContainerHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const VerticalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IMenuContainer>> & string;
+export declare const HorizontalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IMenuContainer>> & string;
+export declare const HorizontalCenteredContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof IMenuContainer> & IMenuContainer, "ref"> & {
+    ref?: ((instance: HTMLDivElement | 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<HTMLDivElement> | null | undefined;
+}, IMenuContainer>> & string;
+export declare const StyledInlineMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<IMenuProps, IMenuContainer>> & string & Omit<({ className, mode, size, inlineCollapsed, emphasis, indicatorPosition, itemContentDirection, noAnimate, items, selectedPath, selectedKeys, itemRender, children, ...rest }: IMenuProps) => import("react").ReactElement, keyof import("react").Component<any, {}, any>>;
+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;
+    isSingle?: boolean;
+}>> & string;
+export declare const StyledLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | 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<HTMLAnchorElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const Content: ({ mode, children, style }: IContent) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Story.styles.d.ts.map

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,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAOjD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,UAAU,QAAS,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,UAAU,CAAC;IAAG,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAAE;AAChG,UAAU,cAAe,SAAQ,IAAI,CAAC,UAAU,EAAE,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAC;CAAI;AAa1F,eAAO,MAAM,uBAAuB,yGAAe,CAAC;AAEpD,eAAO,MAAM,iBAAiB,qHAW7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,qHAK/B,CAAC;AAEF,eAAO,MAAM,2BAA2B,qHAGvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,uXAI5B,CAAC;AAEF,eAAO,MAAM,OAAO;;;SAYnB,CAAC;AAeF,eAAO,MAAM,UAAU,sOAEtB,CAAC;AAEF,eAAO,MAAM,OAAO,8BAA+B,QAAQ,4CAS1D,CAAC"}
+{"version":3,"file":"Story.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/_stories/Story.styles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,UAAU,QAAS,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,UAAU,CAAC;IAC9D,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AACD,UAAU,cAAe,SAAQ,IAAI,CAAC,UAAU,EAAE,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAC;CAAG;AAezF,eAAO,MAAM,uBAAuB,6NAAe,CAAC;AAEpD,eAAO,MAAM,iBAAiB,mPAW7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,mPAM/B,CAAC;AAEF,eAAO,MAAM,2BAA2B;;4BAGvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,4aAI5B,CAAC;AAEF,eAAO,MAAM,OAAO;WAAuB,QAAQ;eAAa,OAAO;YAatE,CAAC;AAeF,eAAO,MAAM,UAAU;;6MAEtB,CAAC;AAEF,eAAO,MAAM,OAAO,8BAA+B,QAAQ,4CAS1D,CAAC"}

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

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { DividerProps } from 'rc-menu/lib/Divider';
+import type { ReactElement } from 'react';
+import type { DividerProps } from 'rc-menu/lib/Divider';
 export interface IMenuDividerProps extends DividerProps {
 }
 declare const MenuDivider: ({ ...props }: IMenuDividerProps) => ReactElement;

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,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,WAAW,iBAAkB,SAAQ,YAAY;CAAG;AAE1D,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,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,WAAW,iBAAkB,SAAQ,YAAY;CAAG;AAE1D,QAAA,MAAM,WAAW,iBAAkB,iBAAiB,KAAG,YAAsC,CAAC;AAE9F,eAAe,WAAW,CAAC"}

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 { ReactElement } from 'react';\n\nimport { Divider } from 'rc-menu';\nimport { DividerProps } from 'rc-menu/lib/Divider';\n\nexport interface IMenuDividerProps extends DividerProps {}\n\nconst MenuDivider = ({ ...props }: IMenuDividerProps): ReactElement => <Divider {...props} />;\n\nexport default MenuDivider;\n"],"names":["MenuDivider","props","jsx","Divider"],"mappings":";;AAOM,MAAAA,IAAc,CAAC,EAAE,GAAGC,QAA6C,gBAAAC,EAACC,GAAS,EAAA,GAAGF,EAAO,CAAA;"}
+{"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 interface IMenuDividerProps extends DividerProps {}\n\nconst MenuDivider = ({ ...props }: IMenuDividerProps): ReactElement => <Divider {...props} />;\n\nexport default MenuDivider;\n"],"names":["MenuDivider","props","jsx","Divider"],"mappings":";;AAOM,MAAAA,IAAc,CAAC,EAAE,GAAGC,QAA6C,gBAAAC,EAACC,GAAS,EAAA,GAAGF,EAAO,CAAA;"}

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { MenuItemProps as RCMenuItemProps } from 'rc-menu/lib/MenuItem';
-import { MenuTypes } from '..\..\..\react-base\src';
+import type { MenuItemProps as RCMenuItemProps } from 'rc-menu/lib/MenuItem';
+import type { MenuTypes } from '..\..\..\react-base\src/components/Menu';
 export interface IMenuItemProps extends RCMenuItemProps {
     level?: number;
     path?: string;

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":";AAGA,OAAO,EAAE,aAAa,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAa,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAS/D,MAAM,WAAW,cAAe,SAAQ,eAAe;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC;CACnC;AAED,QAAA,MAAM,QAAQ,wGAqBb,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,sBAAsB,CAAC;AAE7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AASzE,MAAM,WAAW,cAAe,SAAQ,eAAe;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC;CACnC;AAED,QAAA,MAAM,QAAQ,wGAuCb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -1,19 +1,44 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as g, useRef as I, useState as R, useContext as T, useImperativeHandle as x, useCallback as m, useMemo as C } from "react";
 import { MenuItem as L } from "rc-menu";
-import { getString as y } from "../../../utils/textUtils.js";
-import z from "./MenuLabel.js";
-import D from "../../Tooltip/Tooltip.js";
-import O from "../MenuContext.js";
-import { TooltipLabel as S } from "../styles/menuLabel.styles.js";
-import { getTooltipLabelSize as v } from "../Menu.utils.js";
-import { Positions as j } from "../../../react-base/src/consts.js";
+import { Positions as y } from "../../../react-base/src/consts/index.js";
+import { getString as z } from "../../../utils/textUtils.js";
+import D from "./MenuLabel.js";
+import O from "../../Tooltip/Tooltip.js";
+import S from "../MenuContext.js";
+import { TooltipLabel as j } from "../styles/menuLabel.styles.js";
+import { getTooltipLabelSize as k } from "../Menu.utils.js";
 const F = g(
   ({ children: t, itemIcon: a, level: r, path: l, itemRender: p, ...f }, u) => {
-    const e = I(null), [c, i] = R(!1), { inlineCollapsed: s, size: M } = T(O);
+    const e = I(null), [c, i] = R(!1), { inlineCollapsed: s, size: d } = T(S);
     x(u, () => e.current);
-    const b = m(() => i(!0), []), d = m(() => i(!1), []), n = C(() => !s || r === void 0 || r > 0, [s, r]);
-    return /* @__PURE__ */ o(L, { ref: e, "aria-label": y(t), ...f, onMouseEnter: b, onMouseLeave: d, children: /* @__PURE__ */ o(D, { targetRef: e, isOpen: !n && c, isDisabled: n, placement: j.Right, trigger: /* @__PURE__ */ o(z, { parentRef: e, path: l, itemIcon: a, itemRender: p, children: t }), overlay: /* @__PURE__ */ o(S, { size: v(M), children: t }), delay: 50, closeDelay: 200 }) });
+    const M = m(() => i(!0), []), b = m(() => i(!1), []), n = C(
+      () => !s || r === void 0 || r > 0,
+      [s, r]
+    );
+    return /* @__PURE__ */ o(
+      L,
+      {
+        ref: e,
+        "aria-label": z(t),
+        ...f,
+        onMouseEnter: M,
+        onMouseLeave: b,
+        children: /* @__PURE__ */ o(
+          O,
+          {
+            targetRef: e,
+            isOpen: !n && c,
+            isDisabled: n,
+            placement: y.Right,
+            trigger: /* @__PURE__ */ o(D, { parentRef: e, path: l, itemIcon: a, itemRender: p, children: t }),
+            overlay: /* @__PURE__ */ o(j, { size: k(d), children: t }),
+            delay: 50,
+            closeDelay: 200
+          }
+        )
+      }
+    );
   }
 );
 export {

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 { ReactElement, forwardRef, useCallback, useContext, useImperativeHandle, useMemo, useRef, useState } from 'react';\n\nimport { MenuItem as RCMenuItem } from 'rc-menu';\nimport { MenuItemProps as RCMenuItemProps } from 'rc-menu/lib/MenuItem';\nimport { Positions, MenuTypes } from 'acinguiux-ds-react-base';\n\nimport { getString } from '../../../utils/textUtils';\nimport MenuLabel from './MenuLabel';\nimport Tooltip from '../../Tooltip/Tooltip';\nimport MenuContext from '../MenuContext';\nimport { TooltipLabel } from '../styles/menuLabel.styles';\nimport { getTooltipLabelSize } from '../Menu.utils';\n\nexport interface IMenuItemProps extends RCMenuItemProps {\n  level?: number;\n  path?: string;\n  itemRender?: MenuTypes.ItemRender;\n}\n\nconst MenuItem = forwardRef<HTMLElement, IMenuItemProps>(\n  ({ children, itemIcon, level, path, 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(() => !inlineCollapsed || level === undefined || level > 0, [inlineCollapsed, level]);\n\n    return (\n      <RCMenuItem ref={menuItemRef} aria-label={getString(children)} {...rest} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>\n        <Tooltip targetRef={menuItemRef} isOpen={!isTooltipDisabled && isTooltipOpen} isDisabled={isTooltipDisabled} placement={Positions.Right} trigger={\n          <MenuLabel parentRef={menuItemRef} path={path} itemIcon={itemIcon} itemRender={itemRender}>\n            {children}\n          </MenuLabel>\n        } overlay={<TooltipLabel size={getTooltipLabelSize(size)}>{children}</TooltipLabel>} delay={50} closeDelay={200} />\n      </RCMenuItem>\n    );\n  },\n);\n\nexport default MenuItem;\n"],"names":["MenuItem","forwardRef","children","itemIcon","level","path","itemRender","rest","ref","menuItemRef","useRef","isTooltipOpen","setIsTooltipOpen","useState","inlineCollapsed","size","useContext","MenuContext","useImperativeHandle","onMouseEnter","useCallback","onMouseLeave","isTooltipDisabled","useMemo","jsx","RCMenuItem","getString","Tooltip","Positions","MenuLabel","TooltipLabel","getTooltipLabelSize"],"mappings":";;;;;;;;;;AAmBA,MAAMA,IAAWC;AAAA,EACf,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,OAAAC,GAAO,MAAAC,GAAM,YAAAC,GAAY,GAAGC,EAAK,GAAGC,MAAsB;AACzE,UAAAC,IAAcC,EAAoB,IAAI,GACtC,CAACC,GAAeC,CAAgB,IAAIC,EAAS,EAAK,GAClD,EAAE,iBAAAC,GAAiB,MAAAC,MAASC,EAAWC,CAAW;AACI,IAAAC,EAAAV,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,EAAQ,MAAM,CAACT,KAAmBV,MAAU,UAAaA,IAAQ,GAAG,CAACU,GAAiBV,CAAK,CAAC;AAGpH,WAAA,gBAAAoB,EAACC,KAAW,KAAKhB,GAAa,cAAYiB,EAAUxB,CAAQ,GAAI,GAAGK,GAAM,cAAAY,GAA4B,cAAAE,GACnG,UAAC,gBAAAG,EAAAG,GAAA,EAAQ,WAAWlB,GAAa,QAAQ,CAACa,KAAqBX,GAAe,YAAYW,GAAmB,WAAWM,EAAU,OAAO,SACvI,gBAAAJ,EAACK,KAAU,WAAWpB,GAAa,MAAAJ,GAAY,UAAAF,GAAoB,YAAAG,GAChE,UAAAJ,EACH,CAAA,GACA,SAAS,gBAAAsB,EAACM,KAAa,MAAMC,EAAoBhB,CAAI,GAAI,UAAAb,EAAA,CAAS,GAAiB,OAAO,IAAI,YAAY,IAAA,CAAK,EACnH,CAAA;AAAA,EAAA;AAGN;"}
+{"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';\n\nimport { getString } from '../../../utils/textUtils';\nimport MenuLabel from './MenuLabel';\nimport Tooltip from '../../Tooltip/Tooltip';\nimport MenuContext from '../MenuContext';\nimport { TooltipLabel } from '../styles/menuLabel.styles';\nimport { getTooltipLabelSize } from '../Menu.utils';\n\nexport interface IMenuItemProps extends RCMenuItemProps {\n  level?: number;\n  path?: string;\n  itemRender?: MenuTypes.ItemRender;\n}\n\nconst MenuItem = forwardRef<HTMLElement, IMenuItemProps>(\n  ({ children, itemIcon, level, path, 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}>\n              {children}\n            </MenuLabel>\n          }\n          overlay={<TooltipLabel size={getTooltipLabelSize(size)}>{children}</TooltipLabel>}\n          delay={50}\n          closeDelay={200}\n        />\n      </RCMenuItem>\n    );\n  },\n);\n\nexport default MenuItem;\n"],"names":["MenuItem","forwardRef","children","itemIcon","level","path","itemRender","rest","ref","menuItemRef","useRef","isTooltipOpen","setIsTooltipOpen","useState","inlineCollapsed","size","useContext","MenuContext","useImperativeHandle","onMouseEnter","useCallback","onMouseLeave","isTooltipDisabled","useMemo","jsx","RCMenuItem","getString","Tooltip","Positions","MenuLabel","TooltipLabel","getTooltipLabelSize"],"mappings":";;;;;;;;;;AA6BA,MAAMA,IAAWC;AAAA,EACf,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,OAAAC,GAAO,MAAAC,GAAM,YAAAC,GAAY,GAAGC,EAAK,GAAGC,MAAsB;AACzE,UAAAC,IAAcC,EAAoB,IAAI,GACtC,CAACC,GAAeC,CAAgB,IAAIC,EAAS,EAAK,GAClD,EAAE,iBAAAC,GAAiB,MAAAC,MAASC,EAAWC,CAAW;AACI,IAAAC,EAAAV,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,KAAmBV,MAAU,UAAaA,IAAQ;AAAA,MACzD,CAACU,GAAiBV,CAAK;AAAA,IACzB;AAGE,WAAA,gBAAAoB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,KAAKhB;AAAA,QACL,cAAYiB,EAAUxB,CAAQ;AAAA,QAC7B,GAAGK;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,GAAU,EAAA,WAAWpB,GAAa,MAAAJ,GAAY,UAAAF,GAAoB,YAAAG,GAChE,UAAAJ,GACH;AAAA,YAEF,SAAU,gBAAAsB,EAAAM,GAAA,EAAa,MAAMC,EAAoBhB,CAAI,GAAI,UAAAb,GAAS;AAAA,YAClE,OAAO;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IACF;AAAA,EAAA;AAGN;"}

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

@@ -1,7 +1,6 @@
-import React from 'react';
-import { MenuItemGroupProps as RCMenuItemGroupProps } from 'rc-menu/lib/MenuItemGroup';
+import type { MenuItemGroupProps as RCMenuItemGroupProps } from 'rc-menu/lib/MenuItemGroup';
 export interface IMenuItemGroupProps extends Omit<RCMenuItemGroupProps, 'ref'> {
 }
-declare const MenuItemGroup: React.ForwardRefExoticComponent<IMenuItemGroupProps & React.RefAttributes<HTMLLIElement>>;
+declare const MenuItemGroup: import("react").ForwardRefExoticComponent<IMenuItemGroupProps & import("react").RefAttributes<HTMLLIElement>>;
 export default MenuItemGroup;
 //# sourceMappingURL=MenuItemGroup.d.ts.map

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":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAE,kBAAkB,IAAI,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAKvF,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC;CAAG;AAQjF,QAAA,MAAM,aAAa,2FAIjB,CAAC;AAEH,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,2BAA2B,CAAC;AAK5F,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC;CAAG;AAQjF,QAAA,MAAM,aAAa,+GAMlB,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -1,9 +1,11 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
 import { MenuItemGroup as n } from "rc-menu";
-import p from "./MenuLabel.js";
-import { MENU_CLASS as u } from "../../../react-base/src/consts.js";
-const f = ({ title: r }) => /* @__PURE__ */ o("div", { className: `${u}-group-title-content`, children: /* @__PURE__ */ o(p, { children: r }) }), M = i(({ children: r, title: t, ...e }, m) => /* @__PURE__ */ o(n, { ref: m, title: /* @__PURE__ */ o(f, { title: t }), ...e, children: r }));
+import { MENU_CLASS as p } from "../../../react-base/src/consts/index.js";
+import u from "./MenuLabel.js";
+const f = ({ title: r }) => /* @__PURE__ */ o("div", { className: `${p}-group-title-content`, children: /* @__PURE__ */ o(u, { children: r }) }), M = i(
+  ({ children: r, title: t, ...e }, m) => /* @__PURE__ */ o(n, { ref: m, title: /* @__PURE__ */ o(f, { title: t }), ...e, children: r })
+);
 export {
   M as default
 };

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 React, { forwardRef, ReactElement } from 'react';\n\nimport { MenuItemGroup as RCMenuItemGroup } from 'rc-menu';\nimport { MenuItemGroupProps as RCMenuItemGroupProps } from 'rc-menu/lib/MenuItemGroup';\nimport { MENU_CLASS } from 'acinguiux-ds-react-base';\n\nimport MenuLabel from './MenuLabel';\n\nexport interface IMenuItemGroupProps extends Omit<RCMenuItemGroupProps, 'ref'> {}\n\nconst Title = ({ title }: IMenuItemGroupProps): ReactElement => (\n  <div className={`${MENU_CLASS}-group-title-content`}>\n    <MenuLabel>{title}</MenuLabel>\n  </div>\n);\n\nconst MenuItemGroup = forwardRef<HTMLLIElement, IMenuItemGroupProps>(({ children, title, ...rest }, ref): ReactElement => (\n  <RCMenuItemGroup ref={ref} title={<Title title={title} />} {...rest}>\n    {children}\n  </RCMenuItemGroup>\n));\n\nexport default MenuItemGroup;\n"],"names":["Title","title","jsx","MENU_CLASS","MenuLabel","MenuItemGroup","forwardRef","children","rest","ref","RCMenuItemGroup"],"mappings":";;;;;AAUA,MAAMA,IAAQ,CAAC,EAAE,OAAAC,QACd,gBAAAC,EAAA,OAAA,EAAI,WAAW,GAAGC,CAAU,wBAC3B,UAAC,gBAAAD,EAAAE,GAAA,EAAW,YAAM,CAAA,GACpB,GAGIC,IAAgBC,EAA+C,CAAC,EAAE,UAAAC,GAAU,OAAAN,GAAO,GAAGO,KAAQC,wBACjGC,GAAgB,EAAA,KAAAD,GAAU,OAAQ,gBAAAP,EAAAF,GAAA,EAAM,OAAAC,GAAc,GAAK,GAAGO,GAC5D,UAAAD,GACH,CACD;"}
+{"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';\n\nimport MenuLabel from './MenuLabel';\n\nexport interface IMenuItemGroupProps extends Omit<RCMenuItemGroupProps, 'ref'> {}\n\nconst Title = ({ title }: IMenuItemGroupProps): ReactElement => (\n  <div className={`${MENU_CLASS}-group-title-content`}>\n    <MenuLabel>{title}</MenuLabel>\n  </div>\n);\n\nconst MenuItemGroup = forwardRef<HTMLLIElement, IMenuItemGroupProps>(\n  ({ children, title, ...rest }, ref): ReactElement => (\n    <RCMenuItemGroup ref={ref} title={<Title title={title} />} {...rest}>\n      {children}\n    </RCMenuItemGroup>\n  ),\n);\n\nexport default MenuItemGroup;\n"],"names":["Title","title","jsx","MENU_CLASS","MenuLabel","MenuItemGroup","forwardRef","children","rest","ref","RCMenuItemGroup"],"mappings":";;;;;AAUA,MAAMA,IAAQ,CAAC,EAAE,OAAAC,QACd,gBAAAC,EAAA,OAAA,EAAI,WAAW,GAAGC,CAAU,wBAC3B,UAAC,gBAAAD,EAAAE,GAAA,EAAW,YAAM,CAAA,GACpB,GAGIC,IAAgBC;AAAA,EACpB,CAAC,EAAE,UAAAC,GAAU,OAAAN,GAAO,GAAGO,EAAA,GAAQC,MAC7B,gBAAAP,EAACQ,GAAgB,EAAA,KAAAD,GAAU,OAAQ,gBAAAP,EAAAF,GAAA,EAAM,OAAAC,GAAc,GAAK,GAAGO,GAC5D,UAAAD,EACH,CAAA;AAEJ;"}

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

@@ -1,6 +1,6 @@
-import { RefObject, HTMLAttributes } from 'react';
-import { MenuTypes } from '..\..\..\react-base\src';
-import { IMenuProps } from '../Menu.types';
+import { type RefObject, type HTMLAttributes } from 'react';
+import type { MenuTypes } from '..\..\..\react-base\src/components/Menu';
+import type { IMenuProps } from '../Menu.types';
 export type MenuLabelRequiredTypes = 'itemIcon' | 'className' | 'children' | 'size';
 export interface IMenuLabelProps extends Pick<IMenuProps, MenuLabelRequiredTypes>, Omit<HTMLAttributes<HTMLElement>, 'onClick' | 'onMouseEnter' | 'onMouseLeave' | 'onSelect'> {
     parentRef?: RefObject<HTMLElement>;

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

@@ -1 +1 @@
-{"version":3,"file":"MenuLabel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/components/MenuLabel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAML,SAAS,EAET,cAAc,EAEf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAc,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,MAAM,MAAM,sBAAsB,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;AAEpF,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,UAAU,EAAE,sBAAsB,CAAC,EAC9C,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,SAAS,GAAG,cAAc,GAAG,cAAc,GAAG,UAAU,CAAC;IAC7F,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC;CACnC;AAGD,QAAA,MAAM,SAAS,yGAiCd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"MenuLabel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/components/MenuLabel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAKL,KAAK,SAAS,EAEd,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,MAAM,MAAM,sBAAsB,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;AAEpF,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,UAAU,EAAE,sBAAsB,CAAC,EAC9C,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,SAAS,GAAG,cAAc,GAAG,cAAc,GAAG,UAAU,CAAC;IAC7F,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC;CACnC;AAED,QAAA,MAAM,SAAS,yGAwBd,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1,27 +1,22 @@
-import { jsxs as p, Fragment as N, jsx as l } from "react/jsx-runtime";
-import { forwardRef as f, useContext as M, useMemo as k, isValidElement as E, cloneElement as $ } from "react";
-import h from "classnames";
-import j from "../MenuContext.js";
-import { MENU_CLASS as s } from "../../../react-base/src/consts.js";
-const A = f(
-  ({ children: n, itemIcon: o, parentRef: e, path: t, className: u, itemRender: r, ...d }, x) => {
-    const { inlineCollapsed: C, itemRender: c } = M(j), m = k(() => r ?? c, [r, c]), b = () => {
-      e != null && e.current && C && e.current.click();
-    }, a = {
-      ref: x,
-      className: h(`${s}-label`, u),
-      ...d
-    }, i = /* @__PURE__ */ p(N, { children: [
-      E(o) ? /* @__PURE__ */ l("span", { className: `${s}-label-icon`, children: o }) : null,
-      n ? /* @__PURE__ */ l("span", { className: `${s}-label-text`, children: n }) : null
+import { jsxs as i, Fragment as d, jsx as n } from "react/jsx-runtime";
+import { forwardRef as x, useContext as b, useMemo as N, isValidElement as M, cloneElement as R } from "react";
+import C from "classnames";
+import { MENU_CLASS as t } from "../../../react-base/src/consts/index.js";
+import E from "../MenuContext.js";
+const h = x(
+  ({ children: e, itemIcon: s, parentRef: $, path: r, className: p, itemRender: l, ...u }, f) => {
+    const { itemRender: o } = b(E), a = N(() => l ?? o, [l, o]), m = {
+      ref: f,
+      className: C(`${t}-label`, p),
+      ...u
+    }, c = /* @__PURE__ */ i(d, { children: [
+      M(s) ? /* @__PURE__ */ n("span", { className: `${t}-label-icon`, children: s }) : null,
+      e ? /* @__PURE__ */ n("span", { className: `${t}-label-text`, children: e }) : null
     ] });
-    return t && n && m ? $(m({ path: t, children: i }), { ...a, tabIndex: -1 }) : (
-      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-      /* @__PURE__ */ l("span", { onClick: b, ...a, children: i })
-    );
+    return r && e && a ? R(a({ path: r, children: c }), { ...m, tabIndex: -1 }) : /* @__PURE__ */ n("span", { ...m, children: c });
   }
 );
 export {
-  A as default
+  h as default
 };
 //# sourceMappingURL=MenuLabel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuLabel.js","sources":["../../../../../src/components/Menu/components/MenuLabel.tsx"],"sourcesContent":["/* Focus and key events are disabled since menu handles them internally.\n   onClick added to circumvent event propagation being blocked by tooltip. */\n\nimport {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  MouseEventHandler,\n  ReactElement,\n  RefObject,\n  useContext,\n  HTMLAttributes,\n  useMemo,\n} from 'react';\n\nimport classNames from 'classnames';\nimport { MENU_CLASS, MenuTypes } from 'acinguiux-ds-react-base';\n\nimport { IMenuProps } from '../Menu.types';\nimport MenuContext from '../MenuContext';\n\nexport type MenuLabelRequiredTypes = 'itemIcon' | 'className' | 'children' | 'size';\n\nexport interface IMenuLabelProps\n  extends Pick<IMenuProps, MenuLabelRequiredTypes>,\n    Omit<HTMLAttributes<HTMLElement>, 'onClick' | 'onMouseEnter' | 'onMouseLeave' | 'onSelect'> {\n  parentRef?: RefObject<HTMLElement>;\n  path?: string;\n  itemRender?: MenuTypes.ItemRender;\n}\n\n\nconst MenuLabel = forwardRef<HTMLElement, IMenuLabelProps>(\n  ({ children, itemIcon, parentRef, path, className, itemRender, ...rest }, ref): ReactElement => {\n    const { inlineCollapsed, itemRender: menuItemRender } = useContext(MenuContext);\n    const currentItemRender = useMemo(() => itemRender ?? menuItemRender, [itemRender, menuItemRender]);\n\n    const handleOnClick: MouseEventHandler = () => {\n      if (parentRef?.current && inlineCollapsed) {\n        parentRef.current.click();\n      }\n    };\n\n    const elementProps = {\n      ref,\n      className: classNames(`${MENU_CLASS}-label`, className),\n      ...rest,\n    };\n\n    const content = (\n      <>\n        {isValidElement(itemIcon) ? <span className={`${MENU_CLASS}-label-icon`}>{itemIcon}</span> : null}\n        {children ? <span className={`${MENU_CLASS}-label-text`}>{children}</span> : null}\n      </>\n    );\n\n    return path && children && currentItemRender ? (\n      cloneElement(currentItemRender({ path, children: content }), { ...elementProps, tabIndex: -1 })\n    ) : (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n      <span onClick={handleOnClick} {...elementProps}>\n        {content}\n      </span>\n    );\n  },\n);\n\nexport default MenuLabel;\n"],"names":["MenuLabel","forwardRef","children","itemIcon","parentRef","path","className","itemRender","rest","ref","inlineCollapsed","menuItemRender","useContext","MenuContext","currentItemRender","useMemo","handleOnClick","elementProps","classNames","MENU_CLASS","content","jsxs","Fragment","isValidElement","jsx","cloneElement"],"mappings":";;;;;AAgCA,MAAMA,IAAYC;AAAA,EAChB,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,WAAAC,GAAW,MAAAC,GAAM,WAAAC,GAAW,YAAAC,GAAY,GAAGC,EAAK,GAAGC,MAAsB;AAC9F,UAAM,EAAE,iBAAAC,GAAiB,YAAYC,EAAe,IAAIC,EAAWC,CAAW,GACxEC,IAAoBC,EAAQ,MAAMR,KAAcI,GAAgB,CAACJ,GAAYI,CAAc,CAAC,GAE5FK,IAAmC,MAAM;AACzC,MAAAZ,KAAA,QAAAA,EAAW,WAAWM,KACxBN,EAAU,QAAQ,MAAM;AAAA,IAE5B,GAEMa,IAAe;AAAA,MACnB,KAAAR;AAAA,MACA,WAAWS,EAAW,GAAGC,CAAU,UAAUb,CAAS;AAAA,MACtD,GAAGE;AAAA,IACL,GAEMY,IAED,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAeC,EAAApB,CAAQ,IAAK,gBAAAqB,EAAA,QAAA,EAAK,WAAW,GAAGL,CAAU,eAAgB,UAAAhB,EAAA,CAAS,IAAU;AAAA,MAC5FD,sBAAY,QAAK,EAAA,WAAW,GAAGiB,CAAU,eAAgB,UAAAjB,GAAS,IAAU;AAAA,IAAA,GAC/E;AAGF,WAAOG,KAAQH,KAAYY,IACzBW,EAAaX,EAAkB,EAAE,MAAAT,GAAM,UAAUe,EAAQ,CAAC,GAAG,EAAE,GAAGH,GAAc,UAAU,IAAI;AAAA;AAAA,wBAG7F,QAAK,EAAA,SAASD,GAAgB,GAAGC,GAC/B,UACHG,EAAA,CAAA;AAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"MenuLabel.js","sources":["../../../../../src/components/Menu/components/MenuLabel.tsx"],"sourcesContent":["/* Focus and key events are disabled since menu handles them internally.\n   onClick added to circumvent event propagation being blocked by tooltip. */\n\nimport {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type ReactElement,\n  type RefObject,\n  useContext,\n  type HTMLAttributes,\n  useMemo,\n} from 'react';\n\nimport classNames from 'classnames';\nimport { MENU_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { MenuTypes } from 'acinguiux-ds-react-base/components/Menu';\n\nimport type { IMenuProps } from '../Menu.types';\nimport MenuContext from '../MenuContext';\n\nexport type MenuLabelRequiredTypes = 'itemIcon' | 'className' | 'children' | 'size';\n\nexport interface IMenuLabelProps\n  extends Pick<IMenuProps, MenuLabelRequiredTypes>,\n    Omit<HTMLAttributes<HTMLElement>, 'onClick' | 'onMouseEnter' | 'onMouseLeave' | 'onSelect'> {\n  parentRef?: RefObject<HTMLElement>;\n  path?: string;\n  itemRender?: MenuTypes.ItemRender;\n}\n\nconst MenuLabel = forwardRef<HTMLElement, IMenuLabelProps>(\n  ({ children, itemIcon, parentRef, path, className, itemRender, ...rest }, ref): ReactElement => {\n    const { itemRender: menuItemRender } = useContext(MenuContext);\n    const currentItemRender = useMemo(() => itemRender ?? menuItemRender, [itemRender, menuItemRender]);\n\n    const elementProps = {\n      ref,\n      className: classNames(`${MENU_CLASS}-label`, className),\n      ...rest,\n    };\n\n    const content = (\n      <>\n        {isValidElement(itemIcon) ? <span className={`${MENU_CLASS}-label-icon`}>{itemIcon}</span> : null}\n        {children ? <span className={`${MENU_CLASS}-label-text`}>{children}</span> : null}\n      </>\n    );\n\n    return path && children && currentItemRender ? (\n      cloneElement(currentItemRender({ path, children: content }), { ...elementProps, tabIndex: -1 })\n    ) : (\n      <span {...elementProps}>{content}</span>\n    );\n  },\n);\n\nexport default MenuLabel;\n"],"names":["MenuLabel","forwardRef","children","itemIcon","parentRef","path","className","itemRender","rest","ref","menuItemRender","useContext","MenuContext","currentItemRender","useMemo","elementProps","classNames","MENU_CLASS","content","jsxs","Fragment","isValidElement","jsx","cloneElement"],"mappings":";;;;;AA+BA,MAAMA,IAAYC;AAAA,EAChB,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,WAAAC,GAAW,MAAAC,GAAM,WAAAC,GAAW,YAAAC,GAAY,GAAGC,EAAK,GAAGC,MAAsB;AAC9F,UAAM,EAAE,YAAYC,MAAmBC,EAAWC,CAAW,GACvDC,IAAoBC,EAAQ,MAAMP,KAAcG,GAAgB,CAACH,GAAYG,CAAc,CAAC,GAE5FK,IAAe;AAAA,MACnB,KAAAN;AAAA,MACA,WAAWO,EAAW,GAAGC,CAAU,UAAUX,CAAS;AAAA,MACtD,GAAGE;AAAA,IACL,GAEMU,IAED,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAeC,EAAAlB,CAAQ,IAAK,gBAAAmB,EAAA,QAAA,EAAK,WAAW,GAAGL,CAAU,eAAgB,UAAAd,EAAA,CAAS,IAAU;AAAA,MAC5FD,sBAAY,QAAK,EAAA,WAAW,GAAGe,CAAU,eAAgB,UAAAf,GAAS,IAAU;AAAA,IAAA,GAC/E;AAGK,WAAAG,KAAQH,KAAYW,IACzBU,EAAaV,EAAkB,EAAE,MAAAR,GAAM,UAAUa,EAAA,CAAS,GAAG,EAAE,GAAGH,GAAc,UAAU,GAAI,CAAA,IAE7F,gBAAAO,EAAA,QAAA,EAAM,GAAGP,GAAe,UAAQG,GAAA;AAAA,EAAA;AAGvC;"}

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { SubMenuProps } from 'rc-menu';
+import { type SubMenuProps } from 'rc-menu';
 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":";AAGA,OAAO,EAAwB,YAAY,EAAE,MAAM,SAAS,CAAC;AAW7D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAwBD,QAAA,MAAM,OAAO,yGAmBX,CAAC;AAEH,eAAe,OAAO,CAAC"}
+{"version":3,"file":"SubMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/components/SubMenu.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAwB,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAWlE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA2CD,QAAA,MAAM,OAAO,yGAuBX,CAAC;AAEH,eAAe,OAAO,CAAC"}

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

@@ -1,26 +1,43 @@
 import { jsx as o, jsxs as g } from "react/jsx-runtime";
 import { forwardRef as b, useContext as M, useState as x, useMemo as C, useRef as T, useCallback as f, useImperativeHandle as h } from "react";
-import { SubMenu as v } from "rc-menu";
-import D from "../../Icon/components/ChevronSmallDown.js";
+import { SubMenu as D } from "rc-menu";
+import { Positions as L, MENU_CLASS as d } from "../../../react-base/src/consts/index.js";
+import O from "../../Icon/components/ChevronSmallDown.js";
 import S from "../MenuContext.js";
-import L from "./MenuLabel.js";
-import O from "../../Tooltip/Tooltip.js";
-import { useClassObserver as $ } from "../utils/classObserverUtils.js";
-import { TooltipLabel as y } from "../styles/menuLabel.styles.js";
-import { getTooltipLabelSize as z } from "../Menu.utils.js";
-import { Positions as R, MENU_CLASS as d } from "../../../react-base/src/consts.js";
-const N = b(({ title: n, parentRef: t, itemIcon: a, level: s, isTooltipOpen: p }, m) => {
-  const { inlineCollapsed: e, size: i } = M(S), [r, l] = x(!1), u = C(() => r || !e || s === void 0 || s > 0, [r, e, s]);
-  return $(t, (c) => {
-    l(c.contains("acinguiux-menu-submenu-open"));
-  }), /* @__PURE__ */ o(O, { targetRef: t, isOpen: !u && p, isDisabled: u, placement: R.Right, trigger: /* @__PURE__ */ g("div", { ref: m, className: `${d}-submenu-title-content`, children: [
-    /* @__PURE__ */ o(L, { parentRef: t, itemIcon: a, children: n }),
-    /* @__PURE__ */ o(D, { className: `${d}-submenu-expand-icon` })
-  ] }), overlay: /* @__PURE__ */ o(y, { size: z(i), children: n }), delay: 50, closeDelay: 200 });
-}), B = b(({ title: n, itemIcon: t, level: a, ...s }, p) => {
+import $ from "./MenuLabel.js";
+import v from "../../Tooltip/Tooltip.js";
+import { useClassObserver as y } from "../utils/classObserverUtils.js";
+import { TooltipLabel as z } from "../styles/menuLabel.styles.js";
+import { getTooltipLabelSize as R } from "../Menu.utils.js";
+const N = b(
+  ({ title: n, parentRef: t, itemIcon: a, level: s, isTooltipOpen: p }, m) => {
+    const { inlineCollapsed: e, size: i } = M(S), [r, l] = x(!1), u = C(
+      () => r || !e || s === void 0 || s > 0,
+      [r, e, s]
+    );
+    return y(t, (c) => {
+      l(c.contains("acinguiux-menu-submenu-open"));
+    }), /* @__PURE__ */ o(
+      v,
+      {
+        targetRef: t,
+        isOpen: !u && p,
+        isDisabled: u,
+        placement: L.Right,
+        trigger: /* @__PURE__ */ g("div", { ref: m, className: `${d}-submenu-title-content`, children: [
+          /* @__PURE__ */ o($, { parentRef: t, itemIcon: a, children: n }),
+          /* @__PURE__ */ o(O, { className: `${d}-submenu-expand-icon` })
+        ] }),
+        overlay: /* @__PURE__ */ o(z, { size: R(i), children: n }),
+        delay: 50,
+        closeDelay: 200
+      }
+    );
+  }
+), B = b(({ title: n, itemIcon: t, level: a, ...s }, p) => {
   const { mode: m } = M(S), e = T(null), i = m === "horizontal" ? [0, 4] : [8, 0], [r, l] = x(!1), u = f(() => l(!0), []), c = f(() => l(!1), []);
   return h(p, () => e.current), /* @__PURE__ */ o(
-    v,
+    D,
     {
       ref: e,
       onMouseEnter: u,