acinguiux-ds-react-framework 0.1.16 → 0.1.19

package/build/cjs/components/ListItem/ListItem.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.utils.js","sources":["../../../../src/components/ListItem/ListItem.utils.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { Positions } from 'acinguiux-ds-react-base/consts';\n\nimport { ListItemWrapperProps } from './ListItem.types';\n\nconst getTemplate = (...arr: (string | boolean)[]) => {\n  return arr.filter((str) => !!str).join(' ');\n};\n\ntype ListItemGridTemplateKeys =\n  | '$metaTextPosition'\n  | '$selected'\n  | '$variant'\n  | '$withMetaText'\n  | '$iconOrFlagProvided'\n  | '$showInputControls';\n\nexport const getGridTemplateStyles = ({\n  $withMetaText,\n  $metaTextPosition,\n  $variant,\n  $iconOrFlagProvided,\n  $showInputControls = false,\n  iconSize,\n}: Partial<Pick<ListItemWrapperProps, ListItemGridTemplateKeys>> & { iconSize: number }) => {\n  const showIconArea = $variant !== 'default' && Boolean($iconOrFlagProvided);\n\n  const labelArea = 'label';\n  const labelColumns = '1fr';\n\n  const metaArea = 'meta';\n  const metaColumns = 'fit-content(25%)';\n\n  const selectionAreaEmpty = '.';\n  const selectionArea = 'selection';\n  const selectionColumns = `${iconSize}px`;\n\n  const iconAreaEmpty = showIconArea && '.';\n  const iconArea = showIconArea && 'icon';\n  const iconColumns = showIconArea && `${iconSize}px`;\n\n  const defaultStyle = $showInputControls\n    ? css`\n        grid-template-areas: '${getTemplate(selectionArea, iconArea, labelArea)}';\n        grid-template-columns: ${getTemplate(selectionColumns, iconColumns, labelColumns)};\n      `\n    : css`\n        grid-template-areas: '${getTemplate(iconArea, labelArea, selectionArea)}';\n        grid-template-columns: ${getTemplate(iconColumns, labelColumns, selectionColumns)};\n      `;\n\n  if (!$withMetaText) {\n    return defaultStyle;\n  }\n\n  if ($showInputControls) {\n    switch ($metaTextPosition) {\n      case Positions.Top:\n        return css`\n          grid-template-areas:\n            '${getTemplate(selectionAreaEmpty, iconAreaEmpty, metaArea)}'\n            '${getTemplate(selectionArea, iconArea, labelArea)}';\n          grid-template-columns: ${getTemplate(selectionColumns, iconColumns, labelColumns)};\n        `;\n      case Positions.Bottom:\n        return css`\n          grid-template-areas:\n            '${getTemplate(selectionArea, iconArea, labelArea)}'\n            '${getTemplate(selectionAreaEmpty, iconAreaEmpty, metaArea)}';\n          grid-template-columns: ${getTemplate(selectionColumns, iconColumns, labelColumns)};\n        `;\n      case Positions.Right:\n        return css`\n          grid-template-areas: '${getTemplate(selectionArea, iconArea, labelArea, metaArea)}';\n          grid-template-columns: ${getTemplate(selectionColumns, iconColumns, labelColumns, metaColumns)};\n        `;\n      default:\n        return defaultStyle;\n    }\n  }\n\n  switch ($metaTextPosition) {\n    case Positions.Top:\n      return css`\n        grid-template-areas:\n          '${getTemplate(iconAreaEmpty, metaArea, selectionAreaEmpty)}'\n          '${getTemplate(iconArea, labelArea, selectionArea)}';\n        grid-template-columns: ${getTemplate(iconColumns, labelColumns, selectionColumns)};\n      `;\n    case Positions.Bottom:\n      return css`\n        grid-template-areas:\n          '${getTemplate(iconArea, labelArea, selectionArea)}'\n          '${getTemplate(iconAreaEmpty, metaArea, selectionAreaEmpty)}';\n        grid-template-columns: ${getTemplate(iconColumns, labelColumns, selectionColumns)};\n      `;\n    case Positions.Right:\n      return css`\n        grid-template-areas: '${getTemplate(iconArea, labelArea, metaArea, selectionArea)}';\n        grid-template-columns: ${getTemplate(iconColumns, labelColumns, metaColumns, selectionColumns)};\n      `;\n    default:\n      return defaultStyle;\n  }\n};\n"],"names":["getTemplate","arr","str","getGridTemplateStyles","$withMetaText","$metaTextPosition","$variant","$iconOrFlagProvided","$showInputControls","iconSize","showIconArea","labelArea","labelColumns","metaArea","metaColumns","selectionAreaEmpty","selectionArea","selectionColumns","iconAreaEmpty","iconArea","iconColumns","defaultStyle","css","Positions"],"mappings":"mMAKMA,EAAc,IAAIC,IACfA,EAAI,OAAQC,GAAQ,CAAC,CAACA,CAAG,EAAE,KAAK,GAAG,EAW/BC,EAAwB,CAAC,CACpC,cAAAC,EACA,kBAAAC,EACA,SAAAC,EACA,oBAAAC,EACA,mBAAAC,EAAqB,GACrB,SAAAC,CACF,IAA4F,CAC1F,MAAMC,EAAeJ,IAAa,WAAa,EAAQC,EAEjDI,EAAY,QACZC,EAAe,MAEfC,EAAW,OACXC,EAAc,mBAEdC,EAAqB,IACrBC,EAAgB,YAChBC,EAAmB,GAAGR,CAAQ,KAE9BS,EAAgBR,GAAgB,IAChCS,EAAWT,GAAgB,OAC3BU,EAAcV,GAAgB,GAAGD,CAAQ,KAEzCY,EAAeb,EACjBc,EAAAA;AAAAA,gCAC0BtB,EAAYgB,EAAeG,EAAUR,CAAS,CAAC;AAAA,iCAC9CX,EAAYiB,EAAkBG,EAAaR,CAAY,CAAC;AAAA,QAEnFU,EAAAA;AAAAA,gCAC0BtB,EAAYmB,EAAUR,EAAWK,CAAa,CAAC;AAAA,iCAC9ChB,EAAYoB,EAAaR,EAAcK,CAAgB,CAAC;AAAA,QAGvF,GAAI,CAACb,EACH,OAAOiB,EAGT,GAAIb,EACF,OAAQH,EAAA,CACN,KAAKkB,EAAAA,UAAU,IACb,OAAOD,EAAAA;AAAAA;AAAAA,eAEAtB,EAAYe,EAAoBG,EAAeL,CAAQ,CAAC;AAAA,eACxDb,EAAYgB,EAAeG,EAAUR,CAAS,CAAC;AAAA,mCAC3BX,EAAYiB,EAAkBG,EAAaR,CAAY,CAAC;AAAA,UAErF,KAAKW,EAAAA,UAAU,OACb,OAAOD,EAAAA;AAAAA;AAAAA,eAEAtB,EAAYgB,EAAeG,EAAUR,CAAS,CAAC;AAAA,eAC/CX,EAAYe,EAAoBG,EAAeL,CAAQ,CAAC;AAAA,mCACpCb,EAAYiB,EAAkBG,EAAaR,CAAY,CAAC;AAAA,UAErF,KAAKW,EAAAA,UAAU,MACb,OAAOD,EAAAA;AAAAA,kCACmBtB,EAAYgB,EAAeG,EAAUR,EAAWE,CAAQ,CAAC;AAAA,mCACxDb,EAAYiB,EAAkBG,EAAaR,EAAcE,CAAW,CAAC;AAAA,UAElG,QACE,OAAOO,CAAA,CAIb,OAAQhB,EAAA,CACN,KAAKkB,EAAAA,UAAU,IACb,OAAOD,EAAAA;AAAAA;AAAAA,aAEAtB,EAAYkB,EAAeL,EAAUE,CAAkB,CAAC;AAAA,aACxDf,EAAYmB,EAAUR,EAAWK,CAAa,CAAC;AAAA,iCAC3BhB,EAAYoB,EAAaR,EAAcK,CAAgB,CAAC;AAAA,QAErF,KAAKM,EAAAA,UAAU,OACb,OAAOD,EAAAA;AAAAA;AAAAA,aAEAtB,EAAYmB,EAAUR,EAAWK,CAAa,CAAC;AAAA,aAC/ChB,EAAYkB,EAAeL,EAAUE,CAAkB,CAAC;AAAA,iCACpCf,EAAYoB,EAAaR,EAAcK,CAAgB,CAAC;AAAA,QAErF,KAAKM,EAAAA,UAAU,MACb,OAAOD,EAAAA;AAAAA,gCACmBtB,EAAYmB,EAAUR,EAAWE,EAAUG,CAAa,CAAC;AAAA,iCACxDhB,EAAYoB,EAAaR,EAAcE,EAAaG,CAAgB,CAAC;AAAA,QAElG,QACE,OAAOI,CAAA,CAEb"}

package/build/cjs/components/ListItem/ListItemHeader.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),I=require("react"),L=require("classnames"),n=require("../../react-base/src/consts/index.js"),i=require("../../react-base/src/components/ListItem/ListItem.types.js"),q=require("../../react-base/src/components/ListItem/ListItemHeader.consts.js"),x=require("./ListItemHeader.styles.js"),o=require("./ListItem.styles.js"),_=require("../Flag/Flag.js"),S=require("../../react-base/src/consts/classes.js"),$=I.forwardRef(({className:c,icon:a,flag:e,label:d,divider:l=!0,size:t=n.Sizes.Medium,variant:r=i.ListItemVariants.Default,...u},m)=>s.jsxs(x.ListItemHeaderWrapper,{className:L(S.LIST_ITEM_HEADER_CLASS,c),ref:m,$size:t,$variant:r,$divider:l,$iconOrFlagProvided:!!a||!!e,tabIndex:-1,...u,children:[s.jsx(o.Label,{size:q.consts[t].labelSize,contrast:n.Contrasts.Subtle,children:d}),r===i.ListItemVariants.Flag&&e&&s.jsx(o.FlagContainer,{$size:t,"data-testid":`flag-${e}`,children:s.jsx(_,{flag:e})}),r===i.ListItemVariants.Icon&&a]}));module.exports=$;
+//# sourceMappingURL=ListItemHeader.js.map

package/build/cjs/components/ListItem/ListItemHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemHeader.js","sources":["../../../../src/components/ListItem/ListItemHeader.tsx"],"sourcesContent":["import { type ForwardedRef, type ReactElement, forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Contrasts, LIST_ITEM_HEADER_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ListItemVariants } from 'acinguiux-ds-react-base/components/ListItem/ListItem.types.js';\nimport { consts } from 'acinguiux-ds-react-base/components/ListItem/ListItemHeader.consts.js';\n\nimport * as Styled from './ListItemHeader.styles';\nimport * as ListItemStyled from './ListItem.styles';\nimport Flag from '../Flag/Flag';\nimport type { IListItemHeaderProps } from './ListItem.types';\n\nconst ListItemHeader = forwardRef(\n  (\n    {\n      className,\n      icon,\n      flag,\n      label,\n      divider = true,\n      size = Sizes.Medium,\n      variant = ListItemVariants.Default,\n      ...rest\n    }: IListItemHeaderProps,\n    ref: ForwardedRef<HTMLLIElement>,\n  ): ReactElement => (\n    <Styled.ListItemHeaderWrapper\n      className={classNames(LIST_ITEM_HEADER_CLASS, className)}\n      ref={ref}\n      $size={size}\n      $variant={variant}\n      $divider={divider}\n      $iconOrFlagProvided={Boolean(icon) || Boolean(flag)}\n      tabIndex={-1}\n      {...rest}\n    >\n      <ListItemStyled.Label size={consts[size].labelSize} contrast={Contrasts.Subtle}>\n        {label}\n      </ListItemStyled.Label>\n      {variant === ListItemVariants.Flag && flag && (\n        <ListItemStyled.FlagContainer $size={size} data-testid={`flag-${flag}`}>\n          <Flag flag={flag} />\n        </ListItemStyled.FlagContainer>\n      )}\n      {variant === ListItemVariants.Icon && icon}\n    </Styled.ListItemHeaderWrapper>\n  ),\n);\n\nexport default ListItemHeader;\n"],"names":["ListItemHeader","forwardRef","className","icon","flag","label","divider","size","Sizes","variant","ListItemVariants","rest","ref","jsxs","Styled.ListItemHeaderWrapper","classNames","LIST_ITEM_HEADER_CLASS","jsx","ListItemStyled.Label","consts","Contrasts","ListItemStyled.FlagContainer","Flag"],"mappings":"icAYMA,EAAiBC,EAAAA,WACrB,CACE,CACE,UAAAC,EACA,KAAAC,EACA,KAAAC,EACA,MAAAC,EACA,QAAAC,EAAU,GACV,KAAAC,EAAOC,EAAAA,MAAM,OACb,QAAAC,EAAUC,EAAAA,iBAAiB,QAC3B,GAAGC,CAAA,EAELC,IAEAC,EAAAA,KAACC,EAAAA,sBAAA,CACC,UAAWC,EAAWC,EAAAA,uBAAwBd,CAAS,EACvD,IAAAU,EACA,MAAOL,EACP,SAAUE,EACV,SAAUH,EACV,oBAAqB,EAAQH,GAAS,EAAQC,EAC9C,SAAU,GACT,GAAGO,EAEJ,SAAA,CAAAM,EAAAA,IAACC,EAAAA,MAAA,CAAqB,KAAMC,EAAAA,OAAOZ,CAAI,EAAE,UAAW,SAAUa,EAAAA,UAAU,OACrE,SAAAf,CAAA,CACH,EACCI,IAAYC,EAAAA,iBAAiB,MAAQN,GACpCa,EAAAA,IAACI,gBAAA,CAA6B,MAAOd,EAAM,cAAa,QAAQH,CAAI,GAClE,SAAAa,EAAAA,IAACK,EAAA,CAAK,KAAAlB,EAAY,EACpB,EAEDK,IAAYC,EAAAA,iBAAiB,MAAQP,CAAA,CAAA,CAAA,CAG5C"}

package/build/cjs/components/ListItem/ListItemHeader.styles.js

@@ -0,0 +1,30 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("styled-components"),e=require("../../react-base/src/components/ListItem/ListItemHeader.consts.js"),a=require("../../react-base/src/theme/types/layer.js"),d=require("./ListItem.utils.js"),p=o.styled.li(({theme:r,$size:t,$variant:i,$iconOrFlagProvided:n,$divider:s})=>o.css`
+    position: relative;
+    display: grid;
+    align-items: center;
+    width: 100%;
+    max-width: 100%;
+    column-gap: 6px;
+    border-radius: 4px;
+    padding: ${e.consts[t].padding.vertical-2}px ${e.consts[t].padding.horizontal}px;
+    box-sizing: border-box;
+    cursor: pointer;
+
+    ${s&&o.css`
+      padding: ${e.consts[t].padding.vertical+3}px ${e.consts[t].padding.horizontal}px
+        ${e.consts[t].padding.vertical-2}px;
+
+      &::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: ${e.consts[t].padding.horizontal}px;
+        right: ${e.consts[t].padding.horizontal}px;
+        height: 1px;
+        background-color: ${r.layer()[a.Variables.BorderOnFoundationSubtle]};
+      }
+    `}
+
+    ${d.getGridTemplateStyles({$variant:i,$iconOrFlagProvided:n,iconSize:16})}
+  `);exports.ListItemHeaderWrapper=p;
+//# sourceMappingURL=ListItemHeader.styles.js.map

package/build/cjs/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":"wTAOMA,EAAwBC,EAAAA,OAAO,GAGnC,CAAC,CAAE,MAAAC,EAAO,MAAAC,EAAO,SAAAC,EAAU,oBAAAC,EAAqB,SAAAC,KAAeC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,eAQlDC,SAAOL,CAAK,EAAE,QAAQ,SAAW,CAAC,MAAMK,SAAOL,CAAK,EAAE,QAAQ,UAAU;AAAA;AAAA;AAAA;AAAA,MAIjFG,GACFC,EAAAA;AAAAA,iBACaC,SAAOL,CAAK,EAAE,QAAQ,SAAW,CAAC,MAAMK,SAAOL,CAAK,EAAE,QAAQ,UAAU;AAAA,UAC/EK,EAAAA,OAAOL,CAAK,EAAE,QAAQ,SAAW,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAM5BK,SAAOL,CAAK,EAAE,QAAQ,UAAU;AAAA,iBAC/BK,SAAOL,CAAK,EAAE,QAAQ,UAAU;AAAA;AAAA,4BAErBD,EAAM,MAAA,EAAQO,EAAAA,UAAU,wBAAwB,CAAC;AAAA;AAAA,KAExE;AAAA;AAAA,MAECC,wBAAsB,CACtB,SAAAN,EAEA,oBAAAC,EACA,SAAU,EAAA,CACX,CAAC;AAAA,GAEN"}

package/build/cjs/components/Menu/Menu.js

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

package/build/cjs/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","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":"+aAaMA,EAAYC,EAAAA,WAChB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAAQC,IAAsBC,EAAAA,IAACC,EAAA,CAAO,IAAAF,EAAU,cAAeF,EAAY,GAAGC,CAAA,CAAM,CACvG,EAEMI,EACJ,CAACC,EAAoBC,IACpBC,GAAqB,OACpB,GAAI,CAACD,EACH,OAGF,MAAME,GAAOC,EAAAA,EAAAA,aAAaJ,CAAK,EAAE,KAAMK,GAAMA,EAAE,MAAQH,EAAK,GAAG,IAAlDE,YAAAA,EAAqD,KAClEH,EAAS,CAAE,GAAGC,EAAM,KAAAC,EAAM,CAC5B,EAEIG,EAAO,CAAC,CACZ,UAAAZ,EACA,KAAAa,EAAO,SACP,KAAAC,EAAOC,EAAAA,MAAM,OACb,gBAAAC,EAAkB,GAClB,MAAAC,EAAQ,GACR,kBAAAC,EAAoBC,EAAAA,UAAU,MAC9B,aAAAC,EAAeD,EAAAA,UAAU,KACzB,UAAAE,EACA,MAAAf,EACA,aAAAgB,EACA,aAAAC,EACA,WAAAC,EACA,SAAAC,EACA,GAAGxB,CACL,IAAgC,CAC9B,MAAMyB,EAAcC,EAAAA,SAASrB,CAAK,GAAKmB,EAEjCG,EAAeC,EAAAA,QACnB,KAAO,CACL,KAAAf,EACA,KAAAD,EACA,gBAAAG,EACA,WAAAQ,CAAA,GAEF,CAACV,EAAMD,EAAMG,EAAiBQ,CAAU,CAAA,EAGpCM,EAAeR,EAAeS,EAAAA,eAAeT,GAAgB,GAAIhB,CAAK,EAAIiB,EAEhF,OACEpB,EAAAA,IAAC6B,EAAY,SAAZ,CAAqB,MAAOJ,EAC3B,SAAAzB,EAAAA,IAAC8B,EAAAA,KAAA,CACC,GAAInC,EACJ,UAAWoC,EAAAA,WACX,UAAAlC,EACA,aAAc8B,EACd,MAAOhB,EACP,KAAAD,EACA,eAAgBsB,EAAAA,kBAChB,aAAcC,EAAAA,OAAkBtB,CAAI,EAAE,OACtC,gBAAAE,EACA,qBAAqB,QACrB,oBACEb,EAAAA,IAAC,MAAA,CAAI,UAAW,GAAG+B,EAAAA,UAAU,yBAC3B,SAAA/B,EAAAA,IAACkC,EAAA,CAAS,UAAW,GAAGH,EAAAA,UAAU,qBAAsB,EAC1D,EAEF,cAAed,EACf,mBAAoBF,EACpB,OAAQD,EACR,WAAYI,EACX,GAAGpB,EACJ,SAAUI,EAAeC,EAAOL,EAAK,QAAQ,EAE5C,SAAAyB,CAAA,CAAA,EAEL,CAEJ"}
+{"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":"0bAaMA,EAAYC,EAAAA,WAChB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAAQC,IAAsBC,EAAAA,IAACC,EAAA,CAAO,IAAAF,EAAU,cAAeF,EAAY,GAAGC,CAAA,CAAM,CACvG,EAEMI,EACJ,CAACC,EAAoBC,IACpBC,GAAqB,CACpB,GAAI,CAACD,EACH,OAGF,MAAME,EAAOC,EAAAA,aAAaJ,CAAK,EAAE,KAAMK,GAAMA,EAAE,MAAQH,EAAK,GAAG,GAAG,KAClED,EAAS,CAAE,GAAGC,EAAM,KAAAC,EAAM,CAC5B,EAEIG,EAAO,CAAC,CACZ,UAAAZ,EACA,KAAAa,EAAO,SACP,KAAAC,EAAOC,EAAAA,MAAM,OACb,gBAAAC,EAAkB,GAClB,MAAAC,EAAQ,GACR,kBAAAC,EAAoBC,EAAAA,UAAU,MAC9B,aAAAC,EAAeD,EAAAA,UAAU,KACzB,UAAAE,EACA,MAAAf,EACA,aAAAgB,EACA,aAAAC,EACA,sBAAAC,EAAwB,GACxB,WAAAC,EACA,SAAAC,EACA,GAAGzB,CACL,IAAgC,CAC9B,MAAM0B,EAAcC,EAAAA,SAAStB,EAAOoB,EAAU,CAAE,KAAAb,EAAM,EAEhDgB,EAAeC,EAAAA,QACnB,KAAO,CACL,KAAAhB,EACA,KAAAD,EACA,gBAAAG,EACA,WAAAS,CAAA,GAEF,CAACX,EAAMD,EAAMG,EAAiBS,CAAU,CAAA,EAGpCM,EAAeD,EAAAA,QACnB,IAAOR,EAAeU,EAAAA,eAAeV,EAAchB,CAAK,EAAIiB,EAC5D,CAACD,EAAchB,EAAOiB,CAAY,CAAA,EAGpC,OACEpB,EAAAA,IAAC8B,EAAY,SAAZ,CAAqB,MAAOJ,EAC3B,SAAA1B,EAAAA,IAAC+B,EAAAA,KAAA,CACC,GAAIpC,EACJ,UAAWqC,EAAAA,WACX,UAAAnC,EACA,aAAc+B,EACd,gBAAiBP,EAAwBO,EAAe,OACxD,MAAOjB,EACP,KAAAD,EACA,eAAgBuB,EAAAA,kBAChB,aAAcC,EAAAA,OAAkBvB,CAAI,EAAE,OACtC,gBAAAE,EACA,qBAAqB,QACrB,oBACEb,EAAAA,IAAC,MAAA,CAAI,UAAW,GAAGgC,EAAAA,UAAU,yBAC3B,SAAAhC,EAAAA,IAACmC,EAAA,CAAS,UAAW,GAAGH,EAAAA,UAAU,qBAAsB,EAC1D,EAEF,cAAef,EACf,mBAAoBF,EACpB,OAAQD,EACR,WAAYI,EACX,GAAGpB,EACJ,SAAUI,EAAeC,EAAOL,EAAK,QAAQ,EAE5C,SAAA0B,CAAA,CAAA,EAEL,CAEJ"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("rc-menu"),e=require("styled-components"),i=require("../../react-base/src/consts/classes.js"),r=require("../../react-base/src/utils/stylesUtils.js"),s=require("../../react-base/src/components/Menu/Menu.consts.js"),u=require("../../react-base/src/utils/sizesUtils.js"),a=require("./styles/groupMenuItem.styles.js"),c=require("./styles/menuItem.styles.js"),d=require("./styles/menuLabel.styles.js"),p=require("./styles/motion.styles.js"),y=require("./styles/subMenu.styles.js"),m=require("./styles/menuDivider.styles.js"),g=e.styled(l)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("@rc-component/menu"),e=require("styled-components"),i=require("../../react-base/src/consts/classes.js"),r=require("../../react-base/src/utils/stylesUtils.js"),s=require("../../react-base/src/components/Menu/Menu.consts.js"),u=require("../../react-base/src/utils/sizesUtils.js"),a=require("./styles/groupMenuItem.styles.js"),c=require("./styles/menuItem.styles.js"),d=require("./styles/menuLabel.styles.js"),p=require("./styles/motion.styles.js"),y=require("./styles/subMenu.styles.js"),m=require("./styles/menuDivider.styles.js"),g=e.styled(l)`
   ${({theme:o,$size:t,mode:n})=>e.css`
     ${o.typography("label",u.getLabelTypographySize(t))};
     position: relative;

package/build/cjs/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":"ooBAeaA,EAAOC,EAAAA,OAAOC,CAAM;AAAA,IAC7B,CAAC,CAAE,MAAAC,EAAO,MAAAC,EAAO,KAAAC,KAAWC,EAAAA;AAAAA,MAC1BH,EAAM,WAAW,QAASI,EAAAA,uBAAuBH,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA,MAGxDC,IAAS,cACXC,EAAAA;AAAAA,sBACkBE,EAAAA,OAAkBJ,CAAK,EAAE,kBAAkB;AAAA,KAC5D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAYKK,EAAAA,eAAeN,CAAK,CAAC;AAAA;AAAA;AAAA,UAGrBE,IAAS,cACXC,EAAAA;AAAAA,yBACiBE,EAAAA,OAAkBJ,CAAK,EAAE,kBAAkB;AAAA,SAC3D;AAAA;AAAA;AAAA;AAAA,QAIDM,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBASDF,EAAAA,OAAkBJ,CAAK,EAAE,oBAAoB;AAAA;AAAA;AAAA,UAGpDC,IAAS,cACXC,EAAAA;AAAAA,0BACkBE,EAAAA,OAAkBJ,CAAK,EAAE,kBAAkB;AAAA,SAC5D;AAAA;AAAA,WAEEM,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAMdA,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAeXL,IAAS,cACXC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,KAKC;AAAA;AAAA,MAECK,cAAY;AAAA,MACZC,gBAAc;AAAA,MACdC,eAAa;AAAA,MACbC,oBAAkB;AAAA,MAClBC,aAAW;AAAA,MACXC,kBAAgB;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":"+oBAeaA,EAAOC,EAAAA,OAAOC,CAAM;AAAA,IAC7B,CAAC,CAAE,MAAAC,EAAO,MAAAC,EAAO,KAAAC,KAAWC,EAAAA;AAAAA,MAC1BH,EAAM,WAAW,QAASI,EAAAA,uBAAuBH,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA,MAGxDC,IAAS,cACXC,EAAAA;AAAAA,sBACkBE,EAAAA,OAAkBJ,CAAK,EAAE,kBAAkB;AAAA,KAC5D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAYKK,EAAAA,eAAeN,CAAK,CAAC;AAAA;AAAA;AAAA,UAGrBE,IAAS,cACXC,EAAAA;AAAAA,yBACiBE,EAAAA,OAAkBJ,CAAK,EAAE,kBAAkB;AAAA,SAC3D;AAAA;AAAA;AAAA;AAAA,QAIDM,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBASDF,EAAAA,OAAkBJ,CAAK,EAAE,oBAAoB;AAAA;AAAA;AAAA,UAGpDC,IAAS,cACXC,EAAAA;AAAAA,0BACkBE,EAAAA,OAAkBJ,CAAK,EAAE,kBAAkB;AAAA,SAC5D;AAAA;AAAA,WAEEM,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAMdA,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAeXL,IAAS,cACXC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,KAKC;AAAA;AAAA,MAECK,cAAY;AAAA,MACZC,gBAAc;AAAA,MACdC,eAAa;AAAA,MACbC,oBAAkB;AAAA,MAClBC,aAAW;AAAA,MACXC,kBAAgB;AAAA,GACnB;AAAA"}

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

@@ -1,2 +1,2 @@
-"use strict";const i=require("react/jsx-runtime"),r=require("rc-menu"),s=({...e})=>i.jsx(r.Divider,{...e});module.exports=s;
+"use strict";const e=require("react/jsx-runtime"),i=require("react"),n=require("../../../react-base/src/consts/index.js"),o=require("classnames"),c=require("../MenuContext.js"),u=require("../../Divider/Divider.js"),a=require("../../../react-base/src/consts/classes.js"),l=({className:r,style:s})=>{const{mode:t}=i.useContext(c);return e.jsx("li",{role:"separator",className:o(r,`${a.MENU_CLASS}-item-divider`),style:s,children:e.jsx(u,{size:n.Sizes.Small,contrast:"subtle",shape:"rounded",direction:t==="horizontal"?"vertical":"horizontal"})})};module.exports=l;
 //# sourceMappingURL=MenuDivider.js.map

package/build/cjs/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":"uEAOMA,EAAc,CAAC,CAAE,GAAGC,KAA6CC,EAAAA,IAACC,EAAAA,QAAA,CAAS,GAAGF,CAAA,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":"8QAWMA,EAAc,CAAC,CAAE,UAAAC,EAAW,MAAAC,KAA6C,CAC7E,KAAM,CAAE,KAAAC,CAAA,EAASC,EAAAA,WAAWC,CAAW,EAEvC,OACEC,EAAAA,IAAC,KAAA,CAAG,KAAK,YAAY,UAAWC,EAAWN,EAAW,GAAGO,EAAAA,UAAU,eAAe,EAAG,MAAAN,EACnF,SAAAI,EAAAA,IAACG,EAAA,CACC,KAAMC,EAAAA,MAAM,MACZ,SAAS,SACT,MAAM,UACN,UAAWP,IAAS,aAAe,WAAa,YAAA,CAAA,EAEpD,CAEJ"}

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

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),e=require("react"),b=require("rc-menu"),d=require("../../../react-base/src/consts/index.js"),j=require("../../../react-base/src/utils/sizesUtils.js"),C=require("../../../utils/textUtils.js"),T=require("./MenuLabel.js"),z=require("../../Tooltip/Tooltip.js"),I=require("../MenuContext.js"),c=require("../styles/menuLabel.styles.js"),L=require("../Menu.utils.js"),S=require("../../Badge/Badge.js"),y=e.forwardRef(({children:n,itemIcon:p,level:o,path:q,badge:i,itemRender:x,...m},f)=>{const s=e.useRef(null),[M,r]=e.useState(!1),{inlineCollapsed:u,size:l}=e.useContext(I);e.useImperativeHandle(f,()=>s.current);const g=e.useCallback(()=>r(!0),[]),R=e.useCallback(()=>r(!1),[]),a=e.useMemo(()=>!u||o===void 0||o>0,[u,o]);return t.jsx(b.MenuItem,{ref:s,"aria-label":C.getString(n),...m,onMouseEnter:g,onMouseLeave:R,children:t.jsx(z,{targetRef:s,isOpen:!a&&M,isDisabled:a,placement:d.Positions.Right,trigger:t.jsx(T,{parentRef:s,path:q,itemIcon:p,itemRender:x,badge:i,children:n}),overlay:t.jsxs(c.TooltipContainer,{gap:"1rem",children:[t.jsx(c.TooltipLabel,{size:L.getTooltipLabelSize(l),children:n}),i&&t.jsx(S,{size:j.getSmallerSize(l),...i})]}),delay:50,closeDelay:200})})});module.exports=y;
+"use strict";const t=require("react/jsx-runtime"),e=require("react"),b=require("@rc-component/menu"),d=require("../../../react-base/src/consts/index.js"),j=require("../../../react-base/src/utils/sizesUtils.js"),C=require("../../../utils/textUtils.js"),T=require("./MenuLabel.js"),z=require("../../Tooltip/Tooltip.js"),I=require("../MenuContext.js"),c=require("../styles/menuLabel.styles.js"),L=require("../Menu.utils.js"),S=require("../../Badge/Badge.js"),y=e.forwardRef(({children:n,itemIcon:p,level:o,path:q,badge:i,itemRender:x,...m},f)=>{const s=e.useRef(null),[M,r]=e.useState(!1),{inlineCollapsed:u,size:l}=e.useContext(I);e.useImperativeHandle(f,()=>s.current);const g=e.useCallback(()=>r(!0),[]),R=e.useCallback(()=>r(!1),[]),a=e.useMemo(()=>!u||o===void 0||o>0,[u,o]);return t.jsx(b.MenuItem,{ref:s,"aria-label":C.getString(n),...m,onMouseEnter:g,onMouseLeave:R,children:t.jsx(z,{targetRef:s,isOpen:!a&&M,isDisabled:a,placement:d.Positions.Right,trigger:t.jsx(T,{parentRef:s,path:q,itemIcon:p,itemRender:x,badge:i,children:n}),overlay:t.jsxs(c.TooltipContainer,{gap:"1rem",children:[t.jsx(c.TooltipLabel,{size:L.getTooltipLabelSize(l),children:n}),i&&t.jsx(S,{size:j.getSmallerSize(l),...i})]}),delay:50,closeDelay:200})})});module.exports=y;
 //# sourceMappingURL=MenuItem.js.map

package/build/cjs/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":"6bAiCMA,EAAWC,EAAAA,WACf,CAAC,CAAE,SAAAC,EAAU,SAAAC,EAAU,MAAAC,EAAO,KAAAC,EAAM,MAAAC,EAAO,WAAAC,EAAY,GAAGC,CAAA,EAAQC,IAAsB,CACtF,MAAMC,EAAcC,EAAAA,OAAoB,IAAI,EACtC,CAACC,EAAeC,CAAgB,EAAIC,EAAAA,SAAS,EAAK,EAClD,CAAE,gBAAAC,EAAiB,KAAAC,GAASC,EAAAA,WAAWC,CAAW,EACxDC,EAAAA,oBAA4DV,EAAK,IAAMC,EAAY,OAAO,EAE1F,MAAMU,EAAeC,EAAAA,YAAY,IAAMR,EAAiB,EAAI,EAAG,CAAA,CAAE,EAC3DS,EAAeD,EAAAA,YAAY,IAAMR,EAAiB,EAAK,EAAG,CAAA,CAAE,EAC5DU,EAAoBC,EAAAA,QACxB,IAAM,CAACT,GAAmBX,IAAU,QAAaA,EAAQ,EACzD,CAACW,EAAiBX,CAAK,CAAA,EAGzB,OACEqB,EAAAA,IAACC,EAAAA,SAAA,CACC,IAAKhB,EACL,aAAYiB,EAAAA,UAAUzB,CAAQ,EAC7B,GAAGM,EACJ,aAAAY,EACA,aAAAE,EAEA,SAAAG,EAAAA,IAACG,EAAA,CACC,UAAWlB,EACX,OAAQ,CAACa,GAAqBX,EAC9B,WAAYW,EACZ,UAAWM,EAAAA,UAAU,MACrB,cACGC,EAAA,CAAU,UAAWpB,EAAa,KAAAL,EAAY,SAAAF,EAAoB,WAAAI,EAAwB,MAAAD,EACxF,SAAAJ,CAAA,CACH,EAEF,QACE6B,EAAAA,KAACC,EAAAA,iBAAA,CAAiB,IAAI,OACpB,SAAA,CAAAP,EAAAA,IAACQ,EAAAA,aAAA,CAAa,KAAMC,EAAAA,oBAAoBlB,CAAI,EAAI,SAAAd,EAAS,EACxDI,SAAU6B,EAAA,CAAM,KAAMC,EAAAA,eAAepB,CAAI,EAAuB,GAAGV,CAAA,CAAO,CAAA,EAC7E,EAEF,MAAO,GACP,WAAY,GAAA,CAAA,CACd,CAAA,CAGN,CACF"}
+{"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":"wcAiCMA,EAAWC,EAAAA,WACf,CAAC,CAAE,SAAAC,EAAU,SAAAC,EAAU,MAAAC,EAAO,KAAAC,EAAM,MAAAC,EAAO,WAAAC,EAAY,GAAGC,CAAA,EAAQC,IAAsB,CACtF,MAAMC,EAAcC,EAAAA,OAAoB,IAAI,EACtC,CAACC,EAAeC,CAAgB,EAAIC,EAAAA,SAAS,EAAK,EAClD,CAAE,gBAAAC,EAAiB,KAAAC,GAASC,EAAAA,WAAWC,CAAW,EACxDC,EAAAA,oBAA4DV,EAAK,IAAMC,EAAY,OAAO,EAE1F,MAAMU,EAAeC,EAAAA,YAAY,IAAMR,EAAiB,EAAI,EAAG,CAAA,CAAE,EAC3DS,EAAeD,EAAAA,YAAY,IAAMR,EAAiB,EAAK,EAAG,CAAA,CAAE,EAC5DU,EAAoBC,EAAAA,QACxB,IAAM,CAACT,GAAmBX,IAAU,QAAaA,EAAQ,EACzD,CAACW,EAAiBX,CAAK,CAAA,EAGzB,OACEqB,EAAAA,IAACC,EAAAA,SAAA,CACC,IAAKhB,EACL,aAAYiB,EAAAA,UAAUzB,CAAQ,EAC7B,GAAGM,EACJ,aAAAY,EACA,aAAAE,EAEA,SAAAG,EAAAA,IAACG,EAAA,CACC,UAAWlB,EACX,OAAQ,CAACa,GAAqBX,EAC9B,WAAYW,EACZ,UAAWM,EAAAA,UAAU,MACrB,cACGC,EAAA,CAAU,UAAWpB,EAAa,KAAAL,EAAY,SAAAF,EAAoB,WAAAI,EAAwB,MAAAD,EACxF,SAAAJ,CAAA,CACH,EAEF,QACE6B,EAAAA,KAACC,EAAAA,iBAAA,CAAiB,IAAI,OACpB,SAAA,CAAAP,EAAAA,IAACQ,EAAAA,aAAA,CAAa,KAAMC,EAAAA,oBAAoBlB,CAAI,EAAI,SAAAd,EAAS,EACxDI,SAAU6B,EAAA,CAAM,KAAMC,EAAAA,eAAepB,CAAI,EAAuB,GAAGV,CAAA,CAAO,CAAA,EAC7E,EAEF,MAAO,GACP,WAAY,GAAA,CAAA,CACd,CAAA,CAGN,CACF"}

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),u=require("react"),i=require("rc-menu"),o=require("../../../react-base/src/consts/classes.js"),l=require("./MenuLabel.js"),a=({title:t,badge:r})=>e.jsx("div",{className:`${o.MENU_CLASS}-group-title-content`,children:e.jsx(l,{badge:r,children:t})}),x=u.forwardRef(({children:t,title:r,badge:s,...n},c)=>e.jsx(i.MenuItemGroup,{ref:c,title:e.jsx(a,{badge:s,title:r}),...n,children:t}));module.exports=x;
+"use strict";const e=require("react/jsx-runtime"),i=require("react"),l=require("@rc-component/menu"),n=require("../../../react-base/src/consts/classes.js"),a=require("classnames"),q=require("./MenuLabel.js"),x=({title:t,badge:s,kind:r})=>e.jsx("div",{className:a(`${n.MENU_CLASS}-group-title-content`,r==="subtle"&&`${n.MENU_CLASS}-group-title-content-subtle`),children:e.jsx(q,{badge:s,children:t})}),M=i.forwardRef(({children:t,title:s,badge:r,kind:u,...c},o)=>e.jsx(l.MenuItemGroup,{ref:o,title:e.jsx(x,{badge:r,title:s,kind:u}),...c,children:t}));module.exports=M;
 //# sourceMappingURL=MenuItemGroup.js.map

package/build/cjs/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":"6KAaMA,EAAQ,CAAC,CAAE,MAAAC,EAAO,MAAAC,CAAA,IACtBC,EAAAA,IAAC,MAAA,CAAI,UAAW,GAAGC,EAAAA,UAAU,uBAC3B,SAAAD,EAAAA,IAACE,EAAA,CAAU,MAAAH,EAAe,WAAM,EAClC,EAGII,EAAgBC,EAAAA,WACpB,CAAC,CAAE,SAAAC,EAAU,MAAAP,EAAO,MAAAC,EAAO,GAAGO,GAAQC,IACpCP,EAAAA,IAACQ,iBAAgB,IAAAD,EAAU,YAAQV,EAAA,CAAM,MAAAE,EAAc,MAAAD,EAAc,EAAK,GAAGQ,EAC1E,SAAAD,CAAA,CACH,CAEJ"}
+{"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":"gNAeMA,EAAQ,CAAC,CAAE,MAAAC,EAAO,MAAAC,EAAO,KAAAC,KAC7BC,EAAAA,IAAC,MAAA,CACC,UAAWC,EACT,GAAGC,EAAAA,UAAU,uBACbH,IAAS,UAAY,GAAGG,EAAAA,UAAU,6BAAA,EAGpC,SAAAF,EAAAA,IAACG,EAAA,CAAU,MAAAL,EAAe,SAAAD,CAAA,CAAM,CAAA,CAClC,EAGIO,EAAgBC,EAAAA,WACpB,CAAC,CAAE,SAAAC,EAAU,MAAAT,EAAO,MAAAC,EAAO,KAAAC,EAAM,GAAGQ,GAAQC,IAC1CR,EAAAA,IAACS,iBAAgB,IAAAD,EAAU,YAAQZ,EAAA,CAAM,MAAAE,EAAc,MAAAD,EAAc,KAAAE,EAAY,EAAK,GAAGQ,EACtF,SAAAD,CAAA,CACH,CAEJ"}

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

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),e=require("react"),f=require("rc-menu"),C=require("../../../react-base/src/consts/index.js"),M=require("../../../react-base/src/utils/sizesUtils.js"),j=require("../../Icon/components/ChevronSmallDown.js"),S=require("../MenuContext.js"),g=require("./MenuLabel.js"),T=require("../../Tooltip/Tooltip.js"),h=require("../utils/classObserverUtils.js"),m=require("../styles/menuLabel.styles.js"),z=require("../Menu.utils.js"),L=require("../../Badge/Badge.js"),q=require("../../../react-base/src/consts/classes.js"),R=e.forwardRef(({title:u,parentRef:n,itemIcon:p,level:o,isTooltipOpen:x,badge:i},d)=>{const{inlineCollapsed:t,size:r}=e.useContext(S),[l,c]=e.useState(!1),a=e.useMemo(()=>l||!t||o===void 0||o>0,[l,t,o]);return h.useClassObserver(n,b=>{c(b.contains("acinguiux-menu-submenu-open"))}),s.jsx(T,{targetRef:n,isOpen:!a&&x,isDisabled:a,placement:C.Positions.Right,trigger:s.jsxs("div",{ref:d,className:`${q.MENU_CLASS}-submenu-title-content`,children:[s.jsx(g,{parentRef:n,itemIcon:p,badge:i,children:u}),s.jsx(j,{className:`${q.MENU_CLASS}-submenu-expand-icon`})]}),overlay:s.jsxs(m.TooltipContainer,{gap:"1rem",children:[s.jsx(m.TooltipLabel,{size:z.getTooltipLabelSize(r),children:u}),i&&s.jsx(L,{size:M.getSmallerSize(r),...i})]}),delay:50,closeDelay:200})}),v=e.forwardRef(({title:u,itemIcon:n,level:p,badge:o,...x},i)=>{const{mode:d}=e.useContext(S),t=e.useRef(null),r=d==="horizontal"?[0,4]:[8,0],[l,c]=e.useState(!1),a=e.useCallback(()=>c(!0),[]),b=e.useCallback(()=>c(!1),[]);return e.useImperativeHandle(i,()=>t.current),s.jsx(f.SubMenu,{ref:t,onMouseEnter:a,onMouseLeave:b,title:s.jsx(R,{parentRef:t,title:u,level:p,itemIcon:n,isTooltipOpen:l,badge:o}),popupStyle:{padding:`${r[1]}px ${r[0]}px`},...x})});module.exports=v;
+"use strict";const s=require("react/jsx-runtime"),e=require("react"),f=require("@rc-component/menu"),C=require("../../../react-base/src/consts/index.js"),M=require("../../../react-base/src/utils/sizesUtils.js"),j=require("../../Icon/components/ChevronSmallDown.js"),S=require("../MenuContext.js"),g=require("./MenuLabel.js"),T=require("../../Tooltip/Tooltip.js"),h=require("../utils/classObserverUtils.js"),m=require("../styles/menuLabel.styles.js"),z=require("../Menu.utils.js"),L=require("../../Badge/Badge.js"),q=require("../../../react-base/src/consts/classes.js"),R=e.forwardRef(({title:u,parentRef:n,itemIcon:p,level:o,isTooltipOpen:x,badge:i},d)=>{const{inlineCollapsed:t,size:r}=e.useContext(S),[l,c]=e.useState(!1),a=e.useMemo(()=>l||!t||o===void 0||o>0,[l,t,o]);return h.useClassObserver(n,b=>{c(b.contains("acinguiux-menu-submenu-open"))}),s.jsx(T,{targetRef:n,isOpen:!a&&x,isDisabled:a,placement:C.Positions.Right,trigger:s.jsxs("div",{ref:d,className:`${q.MENU_CLASS}-submenu-title-content`,children:[s.jsx(g,{parentRef:n,itemIcon:p,badge:i,children:u}),s.jsx(j,{className:`${q.MENU_CLASS}-submenu-expand-icon`})]}),overlay:s.jsxs(m.TooltipContainer,{gap:"1rem",children:[s.jsx(m.TooltipLabel,{size:z.getTooltipLabelSize(r),children:u}),i&&s.jsx(L,{size:M.getSmallerSize(r),...i})]}),delay:50,closeDelay:200})}),v=e.forwardRef(({title:u,itemIcon:n,level:p,badge:o,...x},i)=>{const{mode:d}=e.useContext(S),t=e.useRef(null),r=d==="horizontal"?[0,4]:[8,0],[l,c]=e.useState(!1),a=e.useCallback(()=>c(!0),[]),b=e.useCallback(()=>c(!1),[]);return e.useImperativeHandle(i,()=>t.current),s.jsx(f.SubMenu,{ref:t,onMouseEnter:a,onMouseLeave:b,title:s.jsx(R,{parentRef:t,title:u,level:p,itemIcon:n,isTooltipOpen:l,badge:o}),popupStyle:{padding:`${r[1]}px ${r[0]}px`},...x})});module.exports=v;
 //# sourceMappingURL=SubMenu.js.map

package/build/cjs/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":"8iBAuCMA,EAAQC,EAAAA,WACZ,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,SAAAC,EAAU,MAAAC,EAAO,cAAAC,EAAe,MAAAC,CAAA,EAASC,IAAmB,CAC/E,KAAM,CAAE,gBAAAC,EAAiB,KAAAC,GAASC,EAAAA,WAAWC,CAAW,EAClD,CAACC,EAAiBC,CAAkB,EAAIC,EAAAA,SAAS,EAAK,EACtDC,EAAaC,EAAAA,QACjB,IAAMJ,GAAmB,CAACJ,GAAmBJ,IAAU,QAAaA,EAAQ,EAC5E,CAACQ,EAAiBJ,EAAiBJ,CAAK,CAAA,EAG1Ca,OAAAA,mBAAiBf,EAAYgB,GAAsB,CACjDL,EAAmBK,EAAkB,SAAS,6BAA6B,CAAC,CAC9E,CAAC,EAGCC,EAAAA,IAACC,EAAA,CACC,UAAWlB,EACX,OAAQ,CAACa,GAAcV,EACvB,WAAAU,EACA,UAAWM,EAAAA,UAAU,MACrB,QACEC,EAAAA,KAAC,MAAA,CAAI,IAAAf,EAAU,UAAW,GAAGgB,EAAAA,UAAU,yBACrC,SAAA,CAAAJ,EAAAA,IAACK,EAAA,CAAU,UAAAtB,EAAsB,SAAAC,EAAoB,MAAAG,EAClD,SAAAL,EACH,EACAkB,EAAAA,IAACM,EAAA,CAAiB,UAAW,GAAGF,EAAAA,UAAU,sBAAA,CAAwB,CAAA,EACpE,EAEF,QACED,EAAAA,KAACI,EAAAA,iBAAA,CAAiB,IAAI,OACpB,SAAA,CAAAP,MAACQ,EAAAA,aAAA,CAAa,KAAMC,EAAAA,oBAAoBnB,CAAI,EAAI,SAAAR,EAAM,EACrDK,SAAUuB,EAAA,CAAM,KAAMC,EAAAA,eAAerB,CAAI,EAAuB,GAAGH,CAAA,CAAO,CAAA,EAC7E,EAEF,MAAO,GACP,WAAY,GAAA,CAAA,CAGlB,CACF,EAEMyB,EAAU/B,EAAAA,WACd,CAAC,CAAE,MAAAC,EAAO,SAAAE,EAAU,MAAAC,EAAO,MAAAE,EAAO,GAAG0B,CAAA,EAAQzB,IAAsB,CACjE,KAAM,CAAE,KAAA0B,CAAA,EAASvB,EAAAA,WAAWC,CAAW,EACjCuB,EAAaC,EAAAA,OAAsB,IAAI,EACvCC,EAAcH,IAAS,aAAe,CAAC,EAAG,CAAC,EAAI,CAAC,EAAG,CAAC,EACpD,CAAC5B,EAAegC,CAAgB,EAAIvB,EAAAA,SAAS,EAAK,EAElDwB,EAAeC,EAAAA,YAAY,IAAMF,EAAiB,EAAI,EAAG,CAAA,CAAE,EAC3DG,EAAeD,EAAAA,YAAY,IAAMF,EAAiB,EAAK,EAAG,CAAA,CAAE,EAElEI,OAAAA,EAAAA,oBAAgElC,EAAK,IAAM2B,EAAW,OAAO,EAG3Ff,EAAAA,IAACuB,EAAAA,QAAA,CACC,IAAKR,EACL,aAAAI,EACA,aAAAE,EACA,MACErB,EAAAA,IAACpB,EAAA,CACC,UAAWmC,EACX,MAAAjC,EACA,MAAAG,EACA,SAAAD,EACA,cAAAE,EACA,MAAAC,CAAA,CAAA,EAGJ,WAAY,CAAE,QAAS,GAAG8B,EAAY,CAAC,CAAC,MAAMA,EAAY,CAAC,CAAC,IAAA,EAC3D,GAAGJ,CAAA,CAAA,CAGV,CACF"}
+{"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":"yjBAuCMA,EAAQC,EAAAA,WACZ,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,SAAAC,EAAU,MAAAC,EAAO,cAAAC,EAAe,MAAAC,CAAA,EAASC,IAAmB,CAC/E,KAAM,CAAE,gBAAAC,EAAiB,KAAAC,GAASC,EAAAA,WAAWC,CAAW,EAClD,CAACC,EAAiBC,CAAkB,EAAIC,EAAAA,SAAS,EAAK,EACtDC,EAAaC,EAAAA,QACjB,IAAMJ,GAAmB,CAACJ,GAAmBJ,IAAU,QAAaA,EAAQ,EAC5E,CAACQ,EAAiBJ,EAAiBJ,CAAK,CAAA,EAG1Ca,OAAAA,mBAAiBf,EAAYgB,GAAsB,CACjDL,EAAmBK,EAAkB,SAAS,6BAA6B,CAAC,CAC9E,CAAC,EAGCC,EAAAA,IAACC,EAAA,CACC,UAAWlB,EACX,OAAQ,CAACa,GAAcV,EACvB,WAAAU,EACA,UAAWM,EAAAA,UAAU,MACrB,QACEC,EAAAA,KAAC,MAAA,CAAI,IAAAf,EAAU,UAAW,GAAGgB,EAAAA,UAAU,yBACrC,SAAA,CAAAJ,EAAAA,IAACK,EAAA,CAAU,UAAAtB,EAAsB,SAAAC,EAAoB,MAAAG,EAClD,SAAAL,EACH,EACAkB,EAAAA,IAACM,EAAA,CAAiB,UAAW,GAAGF,EAAAA,UAAU,sBAAA,CAAwB,CAAA,EACpE,EAEF,QACED,EAAAA,KAACI,EAAAA,iBAAA,CAAiB,IAAI,OACpB,SAAA,CAAAP,MAACQ,EAAAA,aAAA,CAAa,KAAMC,EAAAA,oBAAoBnB,CAAI,EAAI,SAAAR,EAAM,EACrDK,SAAUuB,EAAA,CAAM,KAAMC,EAAAA,eAAerB,CAAI,EAAuB,GAAGH,CAAA,CAAO,CAAA,EAC7E,EAEF,MAAO,GACP,WAAY,GAAA,CAAA,CAGlB,CACF,EAEMyB,EAAU/B,EAAAA,WACd,CAAC,CAAE,MAAAC,EAAO,SAAAE,EAAU,MAAAC,EAAO,MAAAE,EAAO,GAAG0B,CAAA,EAAQzB,IAAsB,CACjE,KAAM,CAAE,KAAA0B,CAAA,EAASvB,EAAAA,WAAWC,CAAW,EACjCuB,EAAaC,EAAAA,OAAsB,IAAI,EACvCC,EAAcH,IAAS,aAAe,CAAC,EAAG,CAAC,EAAI,CAAC,EAAG,CAAC,EACpD,CAAC5B,EAAegC,CAAgB,EAAIvB,EAAAA,SAAS,EAAK,EAElDwB,EAAeC,EAAAA,YAAY,IAAMF,EAAiB,EAAI,EAAG,CAAA,CAAE,EAC3DG,EAAeD,EAAAA,YAAY,IAAMF,EAAiB,EAAK,EAAG,CAAA,CAAE,EAElEI,OAAAA,EAAAA,oBAAgElC,EAAK,IAAM2B,EAAW,OAAO,EAG3Ff,EAAAA,IAACuB,EAAAA,QAAA,CACC,IAAKR,EACL,aAAAI,EACA,aAAAE,EACA,MACErB,EAAAA,IAACpB,EAAA,CACC,UAAWmC,EACX,MAAAjC,EACA,MAAAG,EACA,SAAAD,EACA,cAAAE,EACA,MAAAC,CAAA,CAAA,EAGJ,WAAY,CAAE,QAAS,GAAG8B,EAAY,CAAC,CAAC,MAAMA,EAAY,CAAC,CAAC,IAAA,EAC3D,GAAGJ,CAAA,CAAA,CAGV,CACF"}

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

@@ -1,23 +1,30 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),t=require("../../../react-base/src/consts/classes.js"),u=require("../../../react-base/src/theme/types/layer.js"),d=require("../../../react-base/src/utils/sizesUtils.js"),r=require("../../../react-base/src/components/Menu/Menu.consts.js"),g=e.css`
-  ${({theme:s,$size:n,$muted:l,disabled:a,mode:o})=>{const p=`${r.consts[n].padding}px`,c=`${r.consts[n].indent}px`,S=`${r.consts[n].indent*2}px`,i=s.layer({foundation:"surface",disabled:a,muted:l});return e.css`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),t=require("../../../react-base/src/consts/classes.js"),u=require("../../../react-base/src/theme/types/layer.js"),g=require("../../../react-base/src/utils/sizesUtils.js"),r=require("../../../react-base/src/components/Menu/Menu.consts.js"),d=e.css`
+  ${({theme:s,$size:n,$muted:l,disabled:a,mode:o})=>{const p=`${r.consts[n].padding}px`,S=`${r.consts[n].indent}px`,c=`${r.consts[n].indent*2}px`,i=s.layer({foundation:"surface",disabled:a,muted:l});return e.css`
       .${t.MENU_CLASS}-item-group {
         .${t.MENU_CLASS}-item-group-title {
-          ${s.typography("label",d.getLabelTypographySize(n))};
-          padding: 0 ${c} ${p};
+          ${s.typography("label",g.getLabelTypographySize(n))};
+          padding: 0 ${S} ${p};
           color: ${i[u.Variables.TextOnFoundationSubtle]};
-          text-transform: uppercase;
+          &:has(.${t.MENU_CLASS}-group-title-content:not(.${t.MENU_CLASS}-group-title-content-subtle)) {
+            text-transform: uppercase;
+          }
+
           ${o!=="horizontal"&&e.css`
             margin-right: ${r.consts[n].collapsedItemMarginRight};
           `}
         }
 
-        .${t.MENU_CLASS}-group-title-content {
+        .${t.MENU_CLASS}-group-title-content:not(.${t.MENU_CLASS}-group-title-content-subtle) {
           margin-top: 4px;
           padding-bottom: 4px;
           margin-bottom: -5px;
           border-bottom: 1px solid ${i[u.Variables.BorderOnFoundationSubtle]};
         }
 
+        .${t.MENU_CLASS}-group-title-content-subtle {
+          margin-bottom: -6px;
+        }
+
         /* Horizontal */
         ${o==="horizontal"&&e.css`
           .${t.MENU_CLASS}-item-group-list {
@@ -32,7 +39,7 @@
       ${o==="inline"&&e.css`
         .${t.MENU_CLASS}-submenu .${t.MENU_CLASS}-item-group {
           .${t.MENU_CLASS}-item-group-title {
-            padding-left: ${S};
+            padding-left: ${c};
           }
 
           &.${t.MENU_CLASS}-submenu-open
@@ -59,5 +66,5 @@
         `}
       }
     `}}
-`;exports.groupMenuItemStyle=g;
+`;exports.groupMenuItemStyle=d;
 //# sourceMappingURL=groupMenuItem.styles.js.map

package/build/cjs/components/Menu/styles/groupMenuItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"groupMenuItem.styles.js","sources":["../../../../../src/components/Menu/styles/groupMenuItem.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { MENU_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\n\nimport type { StyledMenuProps } from '../Menu.types';\n\nexport const groupMenuItemStyle = css<StyledMenuProps>`\n  ${({ theme, $size, $muted, disabled, mode }) => {\n    const padding = `${MenuConsts.consts[$size].padding}px`;\n    const indent = `${MenuConsts.consts[$size].indent}px`;\n    const subMenuGroupIndent = `${MenuConsts.consts[$size].indent * 2}px`;\n    const layer = theme.layer({ foundation: 'surface', disabled, muted: $muted });\n\n    return css`\n      .${MENU_CLASS}-item-group {\n        .${MENU_CLASS}-item-group-title {\n          ${theme.typography('label', getLabelTypographySize($size))};\n          padding: 0 ${indent} ${padding};\n          color: ${layer[Variables.TextOnFoundationSubtle]};\n          text-transform: uppercase;\n          ${mode !== 'horizontal' &&\n          css`\n            margin-right: ${MenuConsts.consts[$size].collapsedItemMarginRight};\n          `}\n        }\n\n        .${MENU_CLASS}-group-title-content {\n          margin-top: 4px;\n          padding-bottom: 4px;\n          margin-bottom: -5px;\n          border-bottom: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\n        }\n\n        /* Horizontal */\n        ${mode === 'horizontal' &&\n        css`\n          .${MENU_CLASS}-item-group-list {\n            display: flex;\n            flex-direction: row;\n            align-items: stretch;\n          }\n        `}\n      }\n\n      /* Inline */\n      ${mode === 'inline' &&\n      css`\n        .${MENU_CLASS}-submenu .${MENU_CLASS}-item-group {\n          .${MENU_CLASS}-item-group-title {\n            padding-left: ${subMenuGroupIndent};\n          }\n\n          &.${MENU_CLASS}-submenu-open\n            > .${MENU_CLASS}-submenu-title\n            > .${MENU_CLASS}-submenu-title-content\n            > .${MENU_CLASS}-submenu-expand-icon {\n            transform: rotate(180deg);\n          }\n        }\n      `}\n\n      /* Popup */\n      &.${MENU_CLASS}-submenu {\n        /* Horizontal */\n        ${mode === 'horizontal' &&\n        css`\n          .${MENU_CLASS}-item-group .${MENU_CLASS}-item-group-list {\n            display: flex;\n            flex-direction: column;\n            align-items: stretch;\n          }\n          .${MENU_CLASS}-submenu-expand-icon {\n            transform: rotate(-90deg);\n          }\n        `}\n      }\n    `;\n  }}\n`;\n"],"names":["groupMenuItemStyle","css","theme","$size","$muted","disabled","mode","padding","MenuConsts.consts","indent","subMenuGroupIndent","layer","MENU_CLASS","getLabelTypographySize","Variables"],"mappings":"+XAQaA,EAAqBC,EAAAA;AAAAA,IAC9B,CAAC,CAAE,MAAAC,EAAO,MAAAC,EAAO,OAAAC,EAAQ,SAAAC,EAAU,KAAAC,KAAW,CAC9C,MAAMC,EAAU,GAAGC,EAAAA,OAAkBL,CAAK,EAAE,OAAO,KAC7CM,EAAS,GAAGD,EAAAA,OAAkBL,CAAK,EAAE,MAAM,KAC3CO,EAAqB,GAAGF,EAAAA,OAAkBL,CAAK,EAAE,OAAS,CAAC,KAC3DQ,EAAQT,EAAM,MAAM,CAAE,WAAY,UAAW,SAAAG,EAAU,MAAOD,EAAQ,EAE5E,OAAOH,EAAAA;AAAAA,SACFW,YAAU;AAAA,WACRA,YAAU;AAAA,YACTV,EAAM,WAAW,QAASW,EAAAA,uBAAuBV,CAAK,CAAC,CAAC;AAAA,uBAC7CM,CAAM,IAAIF,CAAO;AAAA,mBACrBI,EAAMG,YAAU,sBAAsB,CAAC;AAAA;AAAA,YAE9CR,IAAS,cACXL,EAAAA;AAAAA,4BACkBO,EAAAA,OAAkBL,CAAK,EAAE,wBAAwB;AAAA,WAClE;AAAA;AAAA;AAAA,WAGAS,YAAU;AAAA;AAAA;AAAA;AAAA,qCAIgBD,EAAMG,YAAU,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAAA,UAIpER,IAAS,cACXL,EAAAA;AAAAA,aACKW,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA,SAKd;AAAA;AAAA;AAAA;AAAA,QAIDN,IAAS,UACXL,EAAAA;AAAAA,WACKW,EAAAA,UAAU,aAAaA,YAAU;AAAA,aAC/BA,YAAU;AAAA,4BACKF,CAAkB;AAAA;AAAA;AAAA,cAGhCE,YAAU;AAAA,iBACPA,YAAU;AAAA,iBACVA,YAAU;AAAA,iBACVA,YAAU;AAAA;AAAA;AAAA;AAAA,OAIpB;AAAA;AAAA;AAAA,UAGGA,YAAU;AAAA;AAAA,UAEVN,IAAS,cACXL,EAAAA;AAAAA,aACKW,EAAAA,UAAU,gBAAgBA,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA,aAKpCA,YAAU;AAAA;AAAA;AAAA,SAGd;AAAA;AAAA,KAGP,CAAC;AAAA"}
+{"version":3,"file":"groupMenuItem.styles.js","sources":["../../../../../src/components/Menu/styles/groupMenuItem.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { MENU_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\n\nimport type { StyledMenuProps } from '../Menu.types';\n\nexport const groupMenuItemStyle = css<StyledMenuProps>`\n  ${({ theme, $size, $muted, disabled, mode }) => {\n    const padding = `${MenuConsts.consts[$size].padding}px`;\n    const indent = `${MenuConsts.consts[$size].indent}px`;\n    const subMenuGroupIndent = `${MenuConsts.consts[$size].indent * 2}px`;\n    const layer = theme.layer({ foundation: 'surface', disabled, muted: $muted });\n\n    return css`\n      .${MENU_CLASS}-item-group {\n        .${MENU_CLASS}-item-group-title {\n          ${theme.typography('label', getLabelTypographySize($size))};\n          padding: 0 ${indent} ${padding};\n          color: ${layer[Variables.TextOnFoundationSubtle]};\n          &:has(.${MENU_CLASS}-group-title-content:not(.${MENU_CLASS}-group-title-content-subtle)) {\n            text-transform: uppercase;\n          }\n\n          ${mode !== 'horizontal' &&\n          css`\n            margin-right: ${MenuConsts.consts[$size].collapsedItemMarginRight};\n          `}\n        }\n\n        .${MENU_CLASS}-group-title-content:not(.${MENU_CLASS}-group-title-content-subtle) {\n          margin-top: 4px;\n          padding-bottom: 4px;\n          margin-bottom: -5px;\n          border-bottom: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\n        }\n\n        .${MENU_CLASS}-group-title-content-subtle {\n          margin-bottom: -6px;\n        }\n\n        /* Horizontal */\n        ${mode === 'horizontal' &&\n        css`\n          .${MENU_CLASS}-item-group-list {\n            display: flex;\n            flex-direction: row;\n            align-items: stretch;\n          }\n        `}\n      }\n\n      /* Inline */\n      ${mode === 'inline' &&\n      css`\n        .${MENU_CLASS}-submenu .${MENU_CLASS}-item-group {\n          .${MENU_CLASS}-item-group-title {\n            padding-left: ${subMenuGroupIndent};\n          }\n\n          &.${MENU_CLASS}-submenu-open\n            > .${MENU_CLASS}-submenu-title\n            > .${MENU_CLASS}-submenu-title-content\n            > .${MENU_CLASS}-submenu-expand-icon {\n            transform: rotate(180deg);\n          }\n        }\n      `}\n\n      /* Popup */\n      &.${MENU_CLASS}-submenu {\n        /* Horizontal */\n        ${mode === 'horizontal' &&\n        css`\n          .${MENU_CLASS}-item-group .${MENU_CLASS}-item-group-list {\n            display: flex;\n            flex-direction: column;\n            align-items: stretch;\n          }\n          .${MENU_CLASS}-submenu-expand-icon {\n            transform: rotate(-90deg);\n          }\n        `}\n      }\n    `;\n  }}\n`;\n"],"names":["groupMenuItemStyle","css","theme","$size","$muted","disabled","mode","padding","MenuConsts.consts","indent","subMenuGroupIndent","layer","MENU_CLASS","getLabelTypographySize","Variables"],"mappings":"+XAQaA,EAAqBC,EAAAA;AAAAA,IAC9B,CAAC,CAAE,MAAAC,EAAO,MAAAC,EAAO,OAAAC,EAAQ,SAAAC,EAAU,KAAAC,KAAW,CAC9C,MAAMC,EAAU,GAAGC,EAAAA,OAAkBL,CAAK,EAAE,OAAO,KAC7CM,EAAS,GAAGD,EAAAA,OAAkBL,CAAK,EAAE,MAAM,KAC3CO,EAAqB,GAAGF,EAAAA,OAAkBL,CAAK,EAAE,OAAS,CAAC,KAC3DQ,EAAQT,EAAM,MAAM,CAAE,WAAY,UAAW,SAAAG,EAAU,MAAOD,EAAQ,EAE5E,OAAOH,EAAAA;AAAAA,SACFW,YAAU;AAAA,WACRA,YAAU;AAAA,YACTV,EAAM,WAAW,QAASW,EAAAA,uBAAuBV,CAAK,CAAC,CAAC;AAAA,uBAC7CM,CAAM,IAAIF,CAAO;AAAA,mBACrBI,EAAMG,YAAU,sBAAsB,CAAC;AAAA,mBACvCF,EAAAA,UAAU,6BAA6BA,YAAU;AAAA;AAAA;AAAA;AAAA,YAIxDN,IAAS,cACXL,EAAAA;AAAAA,4BACkBO,EAAAA,OAAkBL,CAAK,EAAE,wBAAwB;AAAA,WAClE;AAAA;AAAA;AAAA,WAGAS,EAAAA,UAAU,6BAA6BA,YAAU;AAAA;AAAA;AAAA;AAAA,qCAIvBD,EAAMG,YAAU,wBAAwB,CAAC;AAAA;AAAA;AAAA,WAGnEF,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA,UAKXN,IAAS,cACXL,EAAAA;AAAAA,aACKW,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA,SAKd;AAAA;AAAA;AAAA;AAAA,QAIDN,IAAS,UACXL,EAAAA;AAAAA,WACKW,EAAAA,UAAU,aAAaA,YAAU;AAAA,aAC/BA,YAAU;AAAA,4BACKF,CAAkB;AAAA;AAAA;AAAA,cAGhCE,YAAU;AAAA,iBACPA,YAAU;AAAA,iBACVA,YAAU;AAAA,iBACVA,YAAU;AAAA;AAAA;AAAA;AAAA,OAIpB;AAAA;AAAA;AAAA,UAGGA,YAAU;AAAA;AAAA,UAEVN,IAAS,cACXL,EAAAA;AAAAA,aACKW,EAAAA,UAAU,gBAAgBA,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA,aAKpCA,YAAU;AAAA;AAAA;AAAA,SAGd;AAAA;AAAA,KAGP,CAAC;AAAA"}

package/build/cjs/components/Menu/styles/menuDivider.styles.js

@@ -1,20 +1,18 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),c=require("../../../react-base/src/consts/classes.js"),a=require("../../../react-base/src/theme/types/layer.js"),i=require("../../../react-base/src/components/Menu/Menu.consts.js"),u=require("acinguiux-ds-fabrics"),l=e.css`
-  ${({theme:s,mode:n,$size:t,$muted:r,disabled:o})=>e.css`
-    .${c.MENU_CLASS}-item-divider {
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),t=require("../../../react-base/src/consts/index.js"),o=require("../../../react-base/src/components/Menu/Menu.consts.js"),r=require("../../../react-base/src/consts/classes.js"),c=e.css`
+  ${({mode:i,$size:n,$iconPosition:s})=>e.css`
+    .${r.MENU_CLASS}-item-divider {
       position: relative;
       display: flex;
       justify-content: center;
       align-items: center;
-      background-color: ${s.layer({foundation:u.FabricsVariables.Foundations.Section,disabled:o,muted:r})[a.Variables.BorderOnFoundationSubtle]};
-      height: 1px;
+      padding: ${o.consts[n].itemPadding[i===t.Directions.Horizontal?t.Directions.Horizontal:t.Directions.Vertical][s]};
 
-      ${n!=="horizontal"?e.css`
-            width: calc(100% - ${i.consts[t].itemListMarginLeft}px);
-            margin-left: ${i.consts[t].itemListMarginLeft}px;
+      ${i==="horizontal"?e.css`
+            width: fit-content;
           `:e.css`
-            width: 100%;
-          `}
+            height: fit-content;
+          `};
     }
   `}
-`;exports.menuDividerStyle=l;
+`;exports.menuDividerStyle=c;
 //# sourceMappingURL=menuDivider.styles.js.map

package/build/cjs/components/Menu/styles/menuDivider.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuDivider.styles.js","sources":["../../../../../src/components/Menu/styles/menuDivider.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { MENU_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { StyledMenuProps } from '../Menu.types';\n\nexport const menuDividerStyle = css<StyledMenuProps>`\n  ${({ theme, mode, $size, $muted, disabled }) => css`\n    .${MENU_CLASS}-item-divider {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background-color: ${theme.layer({ foundation: FabricsVariables.Foundations.Section, disabled, muted: $muted })[\n        Variables.BorderOnFoundationSubtle\n      ]};\n      height: 1px;\n\n      ${mode !== 'horizontal'\n        ? css`\n            width: calc(100% - ${MenuConsts.consts[$size].itemListMarginLeft}px);\n            margin-left: ${MenuConsts.consts[$size].itemListMarginLeft}px;\n          `\n        : css`\n            width: 100%;\n          `}\n    }\n  `}\n`;\n"],"names":["menuDividerStyle","css","theme","mode","$size","$muted","disabled","MENU_CLASS","FabricsVariables","Variables","MenuConsts.consts"],"mappings":"wWAQaA,EAAmBC,EAAAA;AAAAA,IAC5B,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,MAAAC,EAAO,OAAAC,EAAQ,SAAAC,KAAeL,EAAAA;AAAAA,OAC3CM,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKSL,EAAM,MAAM,CAAE,WAAYM,EAAAA,iBAAiB,YAAY,QAAS,SAAAF,EAAU,MAAOD,CAAA,CAAQ,EAC3GI,EAAAA,UAAU,wBACZ,CAAC;AAAA;AAAA;AAAA,QAGCN,IAAS,aACPF,EAAAA;AAAAA,iCACuBS,EAAAA,OAAkBN,CAAK,EAAE,kBAAkB;AAAA,2BACjDM,EAAAA,OAAkBN,CAAK,EAAE,kBAAkB;AAAA,YAE5DH,EAAAA;AAAAA;AAAAA,WAEC;AAAA;AAAA,GAER;AAAA"}
+{"version":3,"file":"menuDivider.styles.js","sources":["../../../../../src/components/Menu/styles/menuDivider.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { Directions, MENU_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\n\nimport type { StyledMenuProps } from '../Menu.types';\n\nexport const menuDividerStyle = css<StyledMenuProps>`\n  ${({ mode, $size, $iconPosition }) => css`\n    .${MENU_CLASS}-item-divider {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      padding: ${MenuConsts.consts[$size].itemPadding[\n        mode === Directions.Horizontal ? Directions.Horizontal : Directions.Vertical\n      ][$iconPosition]};\n\n      ${mode === 'horizontal'\n        ? css`\n            width: fit-content;\n          `\n        : css`\n            height: fit-content;\n          `};\n    }\n  `}\n`;\n"],"names":["menuDividerStyle","css","mode","$size","$iconPosition","MENU_CLASS","MenuConsts.consts","Directions"],"mappings":"iUAMaA,EAAmBC,EAAAA;AAAAA,IAC5B,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,cAAAC,KAAoBH,EAAAA;AAAAA,OACjCI,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKAC,EAAAA,OAAkBH,CAAK,EAAE,YAClCD,IAASK,EAAAA,WAAW,WAAaA,EAAAA,WAAW,WAAaA,EAAAA,WAAW,QACtE,EAAEH,CAAa,CAAC;AAAA;AAAA,QAEdF,IAAS,aACPD,EAAAA;AAAAA;AAAAA,YAGAA,EAAAA;AAAAA;AAAAA,WAEC;AAAA;AAAA,GAER;AAAA"}

package/build/cjs/components/Menu/utils/classObserverUtils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),u=t=>e=>{e.forEach(s=>{s.attributeName==="class"&&t(s.target.classList)})},c=(t,e)=>{r.useEffect(()=>{if(!(t!=null&&t.current))return;const s=new MutationObserver(u(e));return e(t.current.classList),s.observe(t.current,{attributes:!0}),()=>{s.disconnect()}},[t,e])};exports.useClassObserver=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),u=e=>t=>{t.forEach(r=>{r.attributeName==="class"&&e(r.target.classList)})},c=(e,t)=>{s.useEffect(()=>{if(!e?.current)return;const r=new MutationObserver(u(t));return t(e.current.classList),r.observe(e.current,{attributes:!0}),()=>{r.disconnect()}},[e,t])};exports.useClassObserver=c;
 //# sourceMappingURL=classObserverUtils.js.map

package/build/cjs/components/Menu/utils/classObserverUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"classObserverUtils.js","sources":["../../../../../src/components/Menu/utils/classObserverUtils.ts"],"sourcesContent":["import { type RefObject, useEffect } from 'react';\n\ntype OnClassChange = (classNames: DOMTokenList) => void;\n\nconst createMutationCallback: (onChange: OnClassChange) => MutationCallback = (onChange) => (mutations) => {\n  mutations.forEach((mutation) => {\n    if (mutation.attributeName === 'class') {\n      onChange((mutation.target as HTMLElement).classList);\n    }\n  });\n};\n\n/**\n * @private\n *\n * Currently only used in SubMenu to listen on submenu being open or not,\n * due to rc-menu implementation (no other visibility than classes being present),\n * due to Tooltip implementation (using Portal so CSS selection to hide Tooltip is not possible)\n *\n * Could be removed/improved depending on need:\n * - potentially removed following refactor of Menu\n * - potentially improved or exposed if consumers have a use of this Hook\n *\n * Implemented on 19th Sept. 2024 by \"Jean Barriere <jean.barriere@acinguiux.com>\"\n * No external references.\n * @param ref reference to observe on\n * @param onChange function called when a class mutation is observed\n */\nexport const useClassObserver = <T extends HTMLElement>(\n  ref: RefObject<T> | undefined,\n  onChange: OnClassChange,\n): void => {\n  useEffect(() => {\n    if (!ref?.current) {\n      return undefined;\n    }\n    const mutationObserver = new MutationObserver(createMutationCallback(onChange));\n\n    onChange(ref.current.classList);\n    mutationObserver.observe(ref.current, { attributes: true });\n\n    return () => {\n      mutationObserver.disconnect();\n    };\n  }, [ref, onChange]);\n};\n"],"names":["createMutationCallback","onChange","mutations","mutation","useClassObserver","ref","useEffect","mutationObserver"],"mappings":"qIAIMA,EAAyEC,GAAcC,GAAc,CACzGA,EAAU,QAASC,GAAa,CAC1BA,EAAS,gBAAkB,SAC7BF,EAAUE,EAAS,OAAuB,SAAS,CAEvD,CAAC,CACH,EAkBaC,EAAmB,CAC9BC,EACAJ,IACS,CACTK,EAAAA,UAAU,IAAM,CACd,GAAI,EAACD,GAAA,MAAAA,EAAK,SACR,OAEF,MAAME,EAAmB,IAAI,iBAAiBP,EAAuBC,CAAQ,CAAC,EAE9E,OAAAA,EAASI,EAAI,QAAQ,SAAS,EAC9BE,EAAiB,QAAQF,EAAI,QAAS,CAAE,WAAY,GAAM,EAEnD,IAAM,CACXE,EAAiB,WAAA,CACnB,CACF,EAAG,CAACF,EAAKJ,CAAQ,CAAC,CACpB"}
+{"version":3,"file":"classObserverUtils.js","sources":["../../../../../src/components/Menu/utils/classObserverUtils.ts"],"sourcesContent":["import { type RefObject, useEffect } from 'react';\n\ntype OnClassChange = (classNames: DOMTokenList) => void;\n\nconst createMutationCallback: (onChange: OnClassChange) => MutationCallback = (onChange) => (mutations) => {\n  mutations.forEach((mutation) => {\n    if (mutation.attributeName === 'class') {\n      onChange((mutation.target as HTMLElement).classList);\n    }\n  });\n};\n\n/**\n * @private\n *\n * Currently only used in SubMenu to listen on submenu being open or not,\n * due to @rc-component/menu implementation (no other visibility than classes being present),\n * due to Tooltip implementation (using Portal so CSS selection to hide Tooltip is not possible)\n *\n * Could be removed/improved depending on need:\n * - potentially removed following refactor of Menu\n * - potentially improved or exposed if consumers have a use of this Hook\n *\n * Implemented on 19th Sept. 2024 by \"Jean Barriere <jean.barriere@acinguiux.com>\"\n * No external references.\n * @param ref reference to observe on\n * @param onChange function called when a class mutation is observed\n */\nexport const useClassObserver = <T extends HTMLElement>(\n  ref: RefObject<T> | undefined,\n  onChange: OnClassChange,\n): void => {\n  useEffect(() => {\n    if (!ref?.current) {\n      return undefined;\n    }\n    const mutationObserver = new MutationObserver(createMutationCallback(onChange));\n\n    onChange(ref.current.classList);\n    mutationObserver.observe(ref.current, { attributes: true });\n\n    return () => {\n      mutationObserver.disconnect();\n    };\n  }, [ref, onChange]);\n};\n"],"names":["createMutationCallback","onChange","mutations","mutation","useClassObserver","ref","useEffect","mutationObserver"],"mappings":"qIAIMA,EAAyEC,GAAcC,GAAc,CACzGA,EAAU,QAASC,GAAa,CAC1BA,EAAS,gBAAkB,SAC7BF,EAAUE,EAAS,OAAuB,SAAS,CAEvD,CAAC,CACH,EAkBaC,EAAmB,CAC9BC,EACAJ,IACS,CACTK,EAAAA,UAAU,IAAM,CACd,GAAI,CAACD,GAAK,QACR,OAEF,MAAME,EAAmB,IAAI,iBAAiBP,EAAuBC,CAAQ,CAAC,EAE9E,OAAAA,EAASI,EAAI,QAAQ,SAAS,EAC9BE,EAAiB,QAAQF,EAAI,QAAS,CAAE,WAAY,GAAM,EAEnD,IAAM,CACXE,EAAiB,WAAA,CACnB,CACF,EAAG,CAACF,EAAKJ,CAAQ,CAAC,CACpB"}

package/build/cjs/components/Menu/utils/motionUtils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../../react-base/src/consts/classes.js"),i=()=>({height:0,opacity:0}),a=e=>({height:e?e.scrollHeight:0,opacity:1}),r=e=>({height:e?e.offsetHeight:0}),n=(e,t)=>(t==null?void 0:t.deadline)===!0||t.propertyName==="height",l={horizontal:{motionName:`${o.MENU_CLASS}-slide-up`,motionDeadline:150},inline:{motionName:`${o.MENU_CLASS}-collapse`,onAppearStart:i,onEnterStart:i,onAppearActive:a,onEnterActive:a,onLeaveStart:r,onLeaveActive:i,onAppearEnd:n,onEnterEnd:n,onLeaveEnd:n,motionDeadline:500},other:{motionName:`${o.MENU_CLASS}-zoom`,motionDeadline:150}};exports.getDefaultMotions=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../../react-base/src/consts/classes.js"),o=()=>({height:0,opacity:0}),a=e=>({height:e?e.scrollHeight:0,opacity:1}),r=e=>({height:e?e.offsetHeight:0}),i=(e,n)=>n?.deadline===!0||n.propertyName==="height",l={horizontal:{motionName:`${t.MENU_CLASS}-slide-up`,motionDeadline:150},inline:{motionName:`${t.MENU_CLASS}-collapse`,onAppearStart:o,onEnterStart:o,onAppearActive:a,onEnterActive:a,onLeaveStart:r,onLeaveActive:o,onAppearEnd:i,onEnterEnd:i,onLeaveEnd:i,motionDeadline:500},other:{motionName:`${t.MENU_CLASS}-zoom`,motionDeadline:150}};exports.getDefaultMotions=l;
 //# sourceMappingURL=motionUtils.js.map

package/build/cjs/components/Menu/utils/motionUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"motionUtils.js","sources":["../../../../../src/components/Menu/utils/motionUtils.ts"],"sourcesContent":["import type { MotionEndEventHandler, MotionEventHandler } from 'rc-motion';\nimport type { MotionEvent } from 'rc-motion/lib/interface';\nimport { MENU_CLASS } from 'acinguiux-ds-react-base/consts';\n\nconst getCollapsedHeight: MotionEventHandler = () => ({ height: 0, opacity: 0 });\nconst getRealHeight: MotionEventHandler = (node) => ({ height: node ? node.scrollHeight : 0, opacity: 1 });\nconst getCurrentHeight: MotionEventHandler = (node) => ({ height: node ? node.offsetHeight : 0 });\nconst skipOpacityTransition: MotionEndEventHandler = (_, event: MotionEvent) =>\n  event?.deadline === true || (event as TransitionEvent).propertyName === 'height';\n\nexport const getDefaultMotions = {\n  horizontal: { motionName: `${MENU_CLASS}-slide-up`, motionDeadline: 150 },\n  inline: {\n    motionName: `${MENU_CLASS}-collapse`,\n    onAppearStart: getCollapsedHeight,\n    onEnterStart: getCollapsedHeight,\n    onAppearActive: getRealHeight,\n    onEnterActive: getRealHeight,\n    onLeaveStart: getCurrentHeight,\n    onLeaveActive: getCollapsedHeight,\n    onAppearEnd: skipOpacityTransition,\n    onEnterEnd: skipOpacityTransition,\n    onLeaveEnd: skipOpacityTransition,\n    motionDeadline: 500,\n  },\n  other: { motionName: `${MENU_CLASS}-zoom`, motionDeadline: 150 },\n};\n"],"names":["getCollapsedHeight","getRealHeight","node","getCurrentHeight","skipOpacityTransition","_","event","getDefaultMotions","MENU_CLASS"],"mappings":"yKAIMA,EAAyC,KAAO,CAAE,OAAQ,EAAG,QAAS,CAAA,GACtEC,EAAqCC,IAAU,CAAE,OAAQA,EAAOA,EAAK,aAAe,EAAG,QAAS,IAChGC,EAAwCD,IAAU,CAAE,OAAQA,EAAOA,EAAK,aAAe,IACvFE,EAA+C,CAACC,EAAGC,KACvDA,GAAA,YAAAA,EAAO,YAAa,IAASA,EAA0B,eAAiB,SAE7DC,EAAoB,CAC/B,WAAY,CAAE,WAAY,GAAGC,EAAAA,UAAU,YAAa,eAAgB,GAAA,EACpE,OAAQ,CACN,WAAY,GAAGA,EAAAA,UAAU,YACzB,cAAeR,EACf,aAAcA,EACd,eAAgBC,EAChB,cAAeA,EACf,aAAcE,EACd,cAAeH,EACf,YAAaI,EACb,WAAYA,EACZ,WAAYA,EACZ,eAAgB,GAAA,EAElB,MAAO,CAAE,WAAY,GAAGI,EAAAA,UAAU,QAAS,eAAgB,GAAA,CAC7D"}
+{"version":3,"file":"motionUtils.js","sources":["../../../../../src/components/Menu/utils/motionUtils.ts"],"sourcesContent":["import type { MotionEndEventHandler, MotionEventHandler } from 'rc-motion';\nimport type { MotionEvent } from 'rc-motion/lib/interface';\nimport { MENU_CLASS } from 'acinguiux-ds-react-base/consts';\n\nconst getCollapsedHeight: MotionEventHandler = () => ({ height: 0, opacity: 0 });\nconst getRealHeight: MotionEventHandler = (node) => ({ height: node ? node.scrollHeight : 0, opacity: 1 });\nconst getCurrentHeight: MotionEventHandler = (node) => ({ height: node ? node.offsetHeight : 0 });\nconst skipOpacityTransition: MotionEndEventHandler = (_, event: MotionEvent) =>\n  event?.deadline === true || (event as TransitionEvent).propertyName === 'height';\n\nexport const getDefaultMotions = {\n  horizontal: { motionName: `${MENU_CLASS}-slide-up`, motionDeadline: 150 },\n  inline: {\n    motionName: `${MENU_CLASS}-collapse`,\n    onAppearStart: getCollapsedHeight,\n    onEnterStart: getCollapsedHeight,\n    onAppearActive: getRealHeight,\n    onEnterActive: getRealHeight,\n    onLeaveStart: getCurrentHeight,\n    onLeaveActive: getCollapsedHeight,\n    onAppearEnd: skipOpacityTransition,\n    onEnterEnd: skipOpacityTransition,\n    onLeaveEnd: skipOpacityTransition,\n    motionDeadline: 500,\n  },\n  other: { motionName: `${MENU_CLASS}-zoom`, motionDeadline: 150 },\n};\n"],"names":["getCollapsedHeight","getRealHeight","node","getCurrentHeight","skipOpacityTransition","_","event","getDefaultMotions","MENU_CLASS"],"mappings":"yKAIMA,EAAyC,KAAO,CAAE,OAAQ,EAAG,QAAS,CAAA,GACtEC,EAAqCC,IAAU,CAAE,OAAQA,EAAOA,EAAK,aAAe,EAAG,QAAS,IAChGC,EAAwCD,IAAU,CAAE,OAAQA,EAAOA,EAAK,aAAe,IACvFE,EAA+C,CAACC,EAAGC,IACvDA,GAAO,WAAa,IAASA,EAA0B,eAAiB,SAE7DC,EAAoB,CAC/B,WAAY,CAAE,WAAY,GAAGC,EAAAA,UAAU,YAAa,eAAgB,GAAA,EACpE,OAAQ,CACN,WAAY,GAAGA,EAAAA,UAAU,YACzB,cAAeR,EACf,aAAcA,EACd,eAAgBC,EAChB,cAAeA,EACf,aAAcE,EACd,cAAeH,EACf,YAAaI,EACb,WAAYA,EACZ,WAAYA,EACZ,eAAgB,GAAA,EAElB,MAAO,CAAE,WAAY,GAAGI,EAAAA,UAAU,QAAS,eAAgB,GAAA,CAC7D"}

package/build/cjs/components/Menu/utils/nodeUtils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),g=require("react"),p=require("../components/MenuDivider.js"),y=require("../components/MenuItem.js"),M=require("../components/MenuItemGroup.js"),j=require("../components/SubMenu.js"),f=(e,r)=>(e||[]).map((t,c)=>{if(t&&typeof t=="object"){const{label:u,children:n,key:I,type:d,...s}=t,o=I??`tmp-${c}`;return n||d==="group"?d==="group"?i.jsx(M,{...s,title:u,children:f(n,r+1)},o):i.jsx(j,{level:r,...s,title:u,children:f(n,r+1)},o):d==="divider"?i.jsx(p,{...s},o):i.jsx(y,{level:r,...s,children:u},o)}return null}).filter(t=>t),q=e=>g.useMemo(()=>e&&f(e,0),[e]),l=e=>!!e&&"children"in e,h=e=>!!e&&"key"in e&&!("children"in e),b=(e,r)=>{if(r===void 0)return[];const t=c=>c.reduce((u,n)=>n?l(n)&&n.children?[...u,...t(n.children)]:h(n)&&n.path===e?[...u,n.key]:u:u,[]);return t(r)},a=e=>(e==null?void 0:e.flatMap(r=>l(r)?a(r.children):r).filter(h))??[];exports.getItemsByPath=b;exports.getLeafItems=a;exports.useItems=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),g=require("react"),M=require("../components/MenuDivider.js"),j=require("../components/MenuItem.js"),p=require("../components/MenuItemGroup.js"),q=require("../components/SubMenu.js"),f=(e,r,t)=>(e||[]).map((s,u)=>{if(s&&typeof s=="object"){const{label:n,children:o,key:I,type:l,...i}=s,c=I??`tmp-${u}`;return o||l==="group"?l==="group"?d.jsx(p,{...i,title:n,children:f(o,r+1,t)},c):d.jsx(q,{level:r,...i,title:n,children:f(o,r+1,t)},c):l==="divider"?d.jsx(M,{...i,...t.mode==="horizontal"?{style:{order:u}}:{}},c):d.jsx(j,{level:r,...i,children:n},c)}return null}).filter(s=>s),P=(e,r,t)=>g.useMemo(()=>e?f(e,0,t):r,[e,r,t]),h=e=>!!e&&"children"in e,a=e=>!!e&&"key"in e&&!("children"in e),b=(e,r)=>{if(r===void 0)return[];const t=s=>s.reduce((u,n)=>{if(!n)return u;if(h(n)&&n.children){const o=t(n.children);return o.length>0&&"key"in n?[...u,n.key,...o]:[...u,...o]}return a(n)&&n.path===e?[...u,n.key]:u},[]);return t(r)},y=e=>e?.flatMap(r=>h(r)?y(r.children):r).filter(a)??[];exports.getItemsByPath=b;exports.getLeafItems=y;exports.useItems=P;
 //# sourceMappingURL=nodeUtils.js.map

package/build/cjs/components/Menu/utils/nodeUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"nodeUtils.js","sources":["../../../../../src/components/Menu/utils/nodeUtils.tsx"],"sourcesContent":["// This hook is tweaked from Ant Design's menu component\n// https://github.com/ant-design/ant-design/blob/master/components/menu/hooks/useItems.tsx\n// It converts the items array to React nodes using our components\n\nimport { useMemo } from 'react';\n\nimport type { ItemType } from 'rc-menu/lib/interface';\n\nimport MenuDivider from '../components/MenuDivider';\nimport MenuItem from '../components/MenuItem';\nimport MenuItemGroup from '../components/MenuItemGroup';\nimport SubMenu from '../components/SubMenu';\nimport type { MenuItemGroupType, MenuItemType, SubMenuType } from '../Menu.types';\n\nconst convertItemsToNodes = (items: ItemType[], level: number) =>\n  (items || [])\n    .map((opt, index) => {\n      if (opt && typeof opt === 'object') {\n        // handling types properly here makes the code unreadable\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const { label, children, key, type, ...restProps } = opt as any;\n        const mergedKey = key ?? `tmp-${index}`;\n\n        if (children || type === 'group') {\n          if (type === 'group') {\n            return (\n              <MenuItemGroup key={mergedKey} {...restProps} title={label}>\n                {convertItemsToNodes(children, level + 1)}\n              </MenuItemGroup>\n            );\n          }\n\n          return (\n            <SubMenu key={mergedKey} level={level} {...restProps} title={label}>\n              {convertItemsToNodes(children, level + 1)}\n            </SubMenu>\n          );\n        }\n\n        if (type === 'divider') {\n          return <MenuDivider key={mergedKey} {...restProps} />;\n        }\n\n        return (\n          <MenuItem key={mergedKey} level={level} {...restProps}>\n            {label}\n          </MenuItem>\n        );\n      }\n\n      return null;\n    })\n    .filter((opt) => opt);\n\nexport const useItems = (items?: ItemType[]) =>\n  useMemo(() => {\n    if (!items) {\n      return items;\n    }\n\n    return convertItemsToNodes(items, 0);\n  }, [items]);\n\nconst isParent = (item: ItemType): item is SubMenuType | MenuItemGroupType => !!item && 'children' in item;\nconst isMenuItem = (item: ItemType): item is MenuItemType => !!item && 'key' in item && !('children' in item);\n\nexport const getItemsByPath: (path: string, items: ItemType[] | undefined) => string[] = (path, items) => {\n  if (items === undefined) return [];\n  const findItem: (menuItems: ItemType[]) => string[] = (menuItems) =>\n    menuItems.reduce<string[]>((acc, item) => {\n      if (!item) return acc;\n      if (isParent(item) && item.children) return [...acc, ...findItem(item.children)];\n      if (isMenuItem(item) && item.path === path) return [...acc, item.key as string];\n\n      return acc;\n    }, []);\n\n  return findItem(items);\n};\n\nexport const getLeafItems = (items?: ItemType[]): MenuItemType[] =>\n  items?.flatMap((item) => (isParent(item) ? getLeafItems(item.children) : item)).filter(isMenuItem) ?? [];\n"],"names":["convertItemsToNodes","items","level","opt","index","label","children","key","type","restProps","mergedKey","jsx","MenuItemGroup","SubMenu","MenuDivider","MenuItem","useItems","useMemo","isParent","item","isMenuItem","getItemsByPath","path","findItem","menuItems","acc","getLeafItems"],"mappings":"uUAcMA,EAAsB,CAACC,EAAmBC,KAC7CD,GAAS,CAAA,GACP,IAAI,CAACE,EAAKC,IAAU,CACnB,GAAID,GAAO,OAAOA,GAAQ,SAAU,CAGlC,KAAM,CAAE,MAAAE,EAAO,SAAAC,EAAU,IAAAC,EAAK,KAAAC,EAAM,GAAGC,GAAcN,EAC/CO,EAAYH,GAAO,OAAOH,CAAK,GAErC,OAAIE,GAAYE,IAAS,QACnBA,IAAS,QAETG,EAAAA,IAACC,EAAA,CAA+B,GAAGH,EAAW,MAAOJ,EAClD,SAAAL,EAAoBM,EAAUJ,EAAQ,CAAC,CAAA,EADtBQ,CAEpB,EAKFC,EAAAA,IAACE,EAAA,CAAwB,MAAAX,EAAe,GAAGO,EAAW,MAAOJ,EAC1D,SAAAL,EAAoBM,EAAUJ,EAAQ,CAAC,CAAA,EAD5BQ,CAEd,EAIAF,IAAS,UACJG,EAAAA,IAACG,EAAA,CAA6B,GAAGL,CAAA,EAAfC,CAA0B,QAIlDK,EAAA,CAAyB,MAAAb,EAAe,GAAGO,EACzC,YADYC,CAEf,CAEJ,CAEA,OAAO,IACT,CAAC,EACA,OAAQP,GAAQA,CAAG,EAEXa,EAAYf,GACvBgB,EAAAA,QAAQ,IACDhB,GAIED,EAAoBC,EAAO,CAAC,EAClC,CAACA,CAAK,CAAC,EAENiB,EAAYC,GAA4D,CAAC,CAACA,GAAQ,aAAcA,EAChGC,EAAcD,GAAyC,CAAC,CAACA,GAAQ,QAASA,GAAQ,EAAE,aAAcA,GAE3FE,EAA4E,CAACC,EAAMrB,IAAU,CACxG,GAAIA,IAAU,OAAW,MAAO,CAAA,EAChC,MAAMsB,EAAiDC,GACrDA,EAAU,OAAiB,CAACC,EAAKN,IAC1BA,EACDD,EAASC,CAAI,GAAKA,EAAK,SAAiB,CAAC,GAAGM,EAAK,GAAGF,EAASJ,EAAK,QAAQ,CAAC,EAC3EC,EAAWD,CAAI,GAAKA,EAAK,OAASG,EAAa,CAAC,GAAGG,EAAKN,EAAK,GAAa,EAEvEM,EAJWA,EAKjB,CAAA,CAAE,EAEP,OAAOF,EAAStB,CAAK,CACvB,EAEayB,EAAgBzB,IAC3BA,GAAA,YAAAA,EAAO,QAASkB,GAAUD,EAASC,CAAI,EAAIO,EAAaP,EAAK,QAAQ,EAAIA,GAAO,OAAOC,KAAe,CAAA"}
+{"version":3,"file":"nodeUtils.js","sources":["../../../../../src/components/Menu/utils/nodeUtils.tsx"],"sourcesContent":["// This hook is tweaked from Ant Design's menu component\n// https://github.com/ant-design/ant-design/blob/master/components/menu/hooks/useItems.tsx\n// It converts the items array to React nodes using our components\n\nimport { type ReactNode, useMemo } from 'react';\n\nimport type { ItemType } from '@rc-component/menu/lib/interface';\n\nimport MenuDivider from '../components/MenuDivider';\nimport MenuItem from '../components/MenuItem';\nimport MenuItemGroup from '../components/MenuItemGroup';\nimport SubMenu from '../components/SubMenu';\nimport type { MenuItemGroupType, MenuItemType, SubMenuType } from '../Menu.types';\n\ntype ConvertItemsToNodesOpts = {\n  mode?: string;\n};\n\nconst convertItemsToNodes = (items: ItemType[], level: number, opts: ConvertItemsToNodesOpts) =>\n  (items || [])\n    .map((opt, index) => {\n      if (opt && typeof opt === 'object') {\n        // handling types properly here makes the code unreadable\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const { label, children, key, type, ...restProps } = opt as any;\n        const mergedKey = key ?? `tmp-${index}`;\n\n        if (children || type === 'group') {\n          if (type === 'group') {\n            return (\n              <MenuItemGroup key={mergedKey} {...restProps} title={label}>\n                {convertItemsToNodes(children, level + 1, opts)}\n              </MenuItemGroup>\n            );\n          }\n\n          return (\n            <SubMenu key={mergedKey} level={level} {...restProps} title={label}>\n              {convertItemsToNodes(children, level + 1, opts)}\n            </SubMenu>\n          );\n        }\n\n        if (type === 'divider') {\n          return (\n            <MenuDivider\n              key={mergedKey}\n              {...restProps}\n              {...(opts.mode === 'horizontal' ? { style: { order: index } } : {})}\n            />\n          );\n        }\n\n        return (\n          <MenuItem key={mergedKey} level={level} {...restProps}>\n            {label}\n          </MenuItem>\n        );\n      }\n\n      return null;\n    })\n    .filter((opt) => opt);\n\nexport const useItems = (items: ItemType[] | undefined, children: ReactNode, opts: { mode: string }) =>\n  useMemo(() => {\n    if (!items) {\n      return children;\n    }\n\n    return convertItemsToNodes(items, 0, opts);\n  }, [items, children, opts]);\n\nconst isParent = (item: ItemType): item is SubMenuType | MenuItemGroupType => !!item && 'children' in item;\nconst isMenuItem = (item: ItemType): item is MenuItemType => !!item && 'key' in item && !('children' in item);\n\nexport const getItemsByPath: (path: string, items: ItemType[] | undefined) => string[] = (path, items) => {\n  if (items === undefined) return [];\n  const findItem: (menuItems: ItemType[]) => string[] = (menuItems) =>\n    menuItems.reduce<string[]>((acc, item) => {\n      if (!item) return acc;\n      if (isParent(item) && item.children) {\n        const childPath = findItem(item.children);\n        if (childPath.length > 0 && 'key' in item) {\n          return [...acc, item.key, ...childPath];\n        }\n        return [...acc, ...childPath];\n      }\n      if (isMenuItem(item) && item.path === path) return [...acc, item.key as string];\n\n      return acc;\n    }, []);\n\n  return findItem(items);\n};\n\nexport const getLeafItems = (items?: ItemType[]): MenuItemType[] =>\n  items?.flatMap((item) => (isParent(item) ? getLeafItems(item.children) : item)).filter(isMenuItem) ?? [];\n"],"names":["convertItemsToNodes","items","level","opts","opt","index","label","children","key","type","restProps","mergedKey","jsx","MenuItemGroup","SubMenu","MenuDivider","MenuItem","useItems","useMemo","isParent","item","isMenuItem","getItemsByPath","path","findItem","menuItems","acc","childPath","getLeafItems"],"mappings":"uUAkBMA,EAAsB,CAACC,EAAmBC,EAAeC,KAC5DF,GAAS,CAAA,GACP,IAAI,CAACG,EAAKC,IAAU,CACnB,GAAID,GAAO,OAAOA,GAAQ,SAAU,CAGlC,KAAM,CAAE,MAAAE,EAAO,SAAAC,EAAU,IAAAC,EAAK,KAAAC,EAAM,GAAGC,GAAcN,EAC/CO,EAAYH,GAAO,OAAOH,CAAK,GAErC,OAAIE,GAAYE,IAAS,QACnBA,IAAS,QAETG,EAAAA,IAACC,EAAA,CAA+B,GAAGH,EAAW,MAAOJ,EAClD,SAAAN,EAAoBO,EAAUL,EAAQ,EAAGC,CAAI,CAAA,EAD5BQ,CAEpB,EAKFC,EAAAA,IAACE,EAAA,CAAwB,MAAAZ,EAAe,GAAGQ,EAAW,MAAOJ,EAC1D,SAAAN,EAAoBO,EAAUL,EAAQ,EAAGC,CAAI,GADlCQ,CAEd,EAIAF,IAAS,UAETG,EAAAA,IAACG,EAAA,CAEE,GAAGL,EACH,GAAIP,EAAK,OAAS,aAAe,CAAE,MAAO,CAAE,MAAOE,CAAA,GAAY,CAAA,CAAC,EAF5DM,CAAA,QAQRK,EAAA,CAAyB,MAAAd,EAAe,GAAGQ,EACzC,YADYC,CAEf,CAEJ,CAEA,OAAO,IACT,CAAC,EACA,OAAQP,GAAQA,CAAG,EAEXa,EAAW,CAAChB,EAA+BM,EAAqBJ,IAC3Ee,EAAAA,QAAQ,IACDjB,EAIED,EAAoBC,EAAO,EAAGE,CAAI,EAHhCI,EAIR,CAACN,EAAOM,EAAUJ,CAAI,CAAC,EAEtBgB,EAAYC,GAA4D,CAAC,CAACA,GAAQ,aAAcA,EAChGC,EAAcD,GAAyC,CAAC,CAACA,GAAQ,QAASA,GAAQ,EAAE,aAAcA,GAE3FE,EAA4E,CAACC,EAAMtB,IAAU,CACxG,GAAIA,IAAU,OAAW,MAAO,CAAA,EAChC,MAAMuB,EAAiDC,GACrDA,EAAU,OAAiB,CAACC,EAAKN,IAAS,CACxC,GAAI,CAACA,EAAM,OAAOM,EAClB,GAAIP,EAASC,CAAI,GAAKA,EAAK,SAAU,CACnC,MAAMO,EAAYH,EAASJ,EAAK,QAAQ,EACxC,OAAIO,EAAU,OAAS,GAAK,QAASP,EAC5B,CAAC,GAAGM,EAAKN,EAAK,IAAK,GAAGO,CAAS,EAEjC,CAAC,GAAGD,EAAK,GAAGC,CAAS,CAC9B,CACA,OAAIN,EAAWD,CAAI,GAAKA,EAAK,OAASG,EAAa,CAAC,GAAGG,EAAKN,EAAK,GAAa,EAEvEM,CACT,EAAG,CAAA,CAAE,EAEP,OAAOF,EAASvB,CAAK,CACvB,EAEa2B,EAAgB3B,GAC3BA,GAAO,QAASmB,GAAUD,EAASC,CAAI,EAAIQ,EAAaR,EAAK,QAAQ,EAAIA,CAAK,EAAE,OAAOC,CAAU,GAAK,CAAA"}

package/build/cjs/components/Modal/Modal.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),g=require("classnames"),n=require("../../react-base/src/consts/index.js"),p=require("./components/Dialog/Dialog.js"),a=require("./Modal.styles.js"),B=require("./components/ModalLoading/ModalLoading.js"),h=require("../_internalComponents/InfoBar/InfoBar.js"),H=require("../Button/Button.js"),j=require("../Icon/components/Cross.js"),R=require("../_internalComponents/ActionBar/ActionBar.js"),E=require("./components/ModalLoading/ModalLoading.styles.js"),c=require("../../react-base/src/consts/classes.js"),T=({children:A,className:q,open:C,headerBorder:d=!0,footerBorder:u=!0,bgColor:L=!1,padding:O=!0,onClose:i=n.NOOP,header:o,actions:s,actionsDirection:S=n.Directions.Horizontal,actionsAlignment:_=n.Alignments.Right,loading:t=!1,loadingBody:m="Loading...",size:r=n.Sizes.Medium,closeButton:l=!0,maskClosable:D=!0,contentScrollable:$=!1,showHeader:x=!0,showFooter:M=!0,centered:f=!1,width:y=520,...N})=>{const b=!o&&s&&(s==null?void 0:s.length)>0;return e.jsxs(a.Modal,{$size:r,as:p,prefixCls:c.MODAL_CLASS,className:g(c.MODAL_CONTAINER_CLASS,q),visible:C,onClose:i,closable:l,maskClosable:D,$centered:f,$contentScrollable:$,width:y,...N,children:[!!x&&!!o&&!t&&e.jsxs(a.ModalHeader,{$size:r,$headerBorder:d,className:c.MODAL_HEADER_CLASS,children:[e.jsx(a.ModalHeaderContent,{children:e.jsx(h,{direction:n.Directions.Vertical,size:r,...o})}),!!l&&e.jsx(H,{icon:e.jsx(j,{}),iconOnly:!0,variant:n.Variants.Transparent,size:r,onClick:i,"aria-label":"Close"})]}),e.jsxs(a.ModalContent,{$size:r,$padding:O,$headerBorder:d,$footerBorder:u,$hasHeader:!!(x&&o),$hasFooter:!!(M&&s),$bgColor:L,$contentScrollable:$,$bodyCentered:b||t,$onlyBody:t,children:[!o&&!!l&&!t&&e.jsx(E.CloseButton,{icon:e.jsx(j,{}),iconOnly:!0,variant:n.Variants.Transparent,size:r,$paddingSize:r,onClick:i}),t?e.jsx(B,{size:r,loadingBody:m,closeButton:l,onClose:i}):A]}),!!M&&!!s&&!t&&e.jsx(a.ModalFooter,{$size:r,$footerBorder:u,className:c.MODAL_FOOTER_CLASS,children:e.jsx(R,{size:r,actions:s,alignment:_,direction:S})})]})};module.exports=T;
+"use strict";const e=require("react/jsx-runtime"),g=require("classnames"),s=require("../../react-base/src/consts/index.js"),p=require("./components/Dialog/Dialog.js"),a=require("./Modal.styles.js"),B=require("./components/ModalLoading/ModalLoading.js"),h=require("../_internalComponents/InfoBar/InfoBar.js"),H=require("../Button/Button.js"),j=require("../Icon/components/Cross.js"),R=require("../_internalComponents/ActionBar/ActionBar.js"),E=require("./components/ModalLoading/ModalLoading.styles.js"),c=require("../../react-base/src/consts/classes.js"),T=({children:A,className:q,open:C,headerBorder:d=!0,footerBorder:u=!0,bgColor:L=!1,padding:O=!0,onClose:i=s.NOOP,header:t,actions:o,actionsDirection:S=s.Directions.Horizontal,actionsAlignment:_=s.Alignments.Right,loading:n=!1,loadingBody:m="Loading...",size:r=s.Sizes.Medium,closeButton:l=!0,maskClosable:D=!0,contentScrollable:$=!1,showHeader:x=!0,showFooter:M=!0,centered:f=!1,width:y=520,...N})=>{const b=!t&&o&&o?.length>0;return e.jsxs(a.Modal,{$size:r,as:p,prefixCls:c.MODAL_CLASS,className:g(c.MODAL_CONTAINER_CLASS,q),visible:C,onClose:i,closable:l,maskClosable:D,$centered:f,$contentScrollable:$,width:y,...N,children:[!!x&&!!t&&!n&&e.jsxs(a.ModalHeader,{$size:r,$headerBorder:d,className:c.MODAL_HEADER_CLASS,children:[e.jsx(a.ModalHeaderContent,{children:e.jsx(h,{direction:s.Directions.Vertical,size:r,...t})}),!!l&&e.jsx(H,{icon:e.jsx(j,{}),iconOnly:!0,variant:s.Variants.Transparent,size:r,onClick:i,"aria-label":"Close"})]}),e.jsxs(a.ModalContent,{$size:r,$padding:O,$headerBorder:d,$footerBorder:u,$hasHeader:!!(x&&t),$hasFooter:!!(M&&o),$bgColor:L,$contentScrollable:$,$bodyCentered:b||n,$onlyBody:n,children:[!t&&!!l&&!n&&e.jsx(E.CloseButton,{icon:e.jsx(j,{}),iconOnly:!0,variant:s.Variants.Transparent,size:r,$paddingSize:r,onClick:i}),n?e.jsx(B,{size:r,loadingBody:m,closeButton:l,onClose:i}):A]}),!!M&&!!o&&!n&&e.jsx(a.ModalFooter,{$size:r,$footerBorder:u,className:c.MODAL_FOOTER_CLASS,children:e.jsx(R,{size:r,actions:o,alignment:_,direction:S})})]})};module.exports=T;
 //# sourceMappingURL=Modal.js.map

package/build/cjs/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport {\n  NOOP,\n  Alignments,\n  Sizes,\n  MODAL_CONTAINER_CLASS,\n  MODAL_CLASS,\n  MODAL_HEADER_CLASS,\n  MODAL_FOOTER_CLASS,\n  Variants,\n  Directions,\n} from 'acinguiux-ds-react-base/consts';\n\nimport Dialog from './components/Dialog/Dialog';\nimport * as Styled from './Modal.styles';\nimport type { IModalProps } from './Modal.types';\nimport ModalLoading from './components/ModalLoading/ModalLoading';\nimport InfoBar from '../_internalComponents/InfoBar/InfoBar';\nimport Button from '../Button/Button';\nimport CrossIcon from '../Icon/components/Cross';\nimport ActionBar from '../_internalComponents/ActionBar/ActionBar';\nimport { CloseButton } from './components/ModalLoading/ModalLoading.styles';\n\nconst Modal = ({\n  children,\n  className,\n  open,\n  headerBorder = true,\n  footerBorder = true,\n  bgColor = false,\n  padding = true,\n  onClose = NOOP,\n  header,\n  actions,\n  actionsDirection = Directions.Horizontal,\n  actionsAlignment = Alignments.Right,\n  loading = false,\n  loadingBody = 'Loading...',\n  size = Sizes.Medium,\n  closeButton = true,\n  maskClosable = true,\n  contentScrollable = false,\n  showHeader = true,\n  showFooter = true,\n  centered = false,\n  width = 520,\n  ...props\n}: IModalProps): ReactElement => {\n  const isWithoutHeaderAndFooter = !header && actions && actions?.length > 0;\n\n  return (\n    <Styled.Modal\n      $size={size}\n      as={Dialog}\n      prefixCls={MODAL_CLASS}\n      className={classNames(MODAL_CONTAINER_CLASS, className)}\n      visible={open}\n      onClose={onClose}\n      closable={closeButton}\n      maskClosable={maskClosable}\n      $centered={centered}\n      $contentScrollable={contentScrollable}\n      width={width}\n      {...props}\n    >\n      {!!showHeader && !!header && !loading && (\n        <Styled.ModalHeader $size={size} $headerBorder={headerBorder} className={MODAL_HEADER_CLASS}>\n          <Styled.ModalHeaderContent>\n            <InfoBar direction={Directions.Vertical} size={size} {...header} />\n          </Styled.ModalHeaderContent>\n          {!!closeButton && (\n            <Button\n              icon={<CrossIcon />}\n              iconOnly={true}\n              variant={Variants.Transparent}\n              size={size}\n              onClick={onClose}\n              aria-label=\"Close\"\n            />\n          )}\n        </Styled.ModalHeader>\n      )}\n      <Styled.ModalContent\n        $size={size}\n        $padding={padding}\n        $headerBorder={headerBorder}\n        $footerBorder={footerBorder}\n        $hasHeader={Boolean(showHeader && header)}\n        $hasFooter={Boolean(showFooter && actions)}\n        $bgColor={bgColor}\n        $contentScrollable={contentScrollable}\n        $bodyCentered={isWithoutHeaderAndFooter || loading}\n        $onlyBody={loading}\n      >\n        {!header && !!closeButton && !loading && (\n          <CloseButton\n            icon={<CrossIcon />}\n            iconOnly={true}\n            variant={Variants.Transparent}\n            size={size}\n            $paddingSize={size}\n            onClick={onClose}\n          />\n        )}\n        {loading ? (\n          <ModalLoading size={size} loadingBody={loadingBody} closeButton={closeButton} onClose={onClose} />\n        ) : (\n          children\n        )}\n      </Styled.ModalContent>\n      {!!showFooter && !!actions && !loading && (\n        <Styled.ModalFooter $size={size} $footerBorder={footerBorder} className={MODAL_FOOTER_CLASS}>\n          <ActionBar size={size} actions={actions} alignment={actionsAlignment} direction={actionsDirection} />\n        </Styled.ModalFooter>\n      )}\n    </Styled.Modal>\n  );\n};\n\nexport default Modal;\n"],"names":["Modal","children","className","open","headerBorder","footerBorder","bgColor","padding","onClose","NOOP","header","actions","actionsDirection","Directions","actionsAlignment","Alignments","loading","loadingBody","size","Sizes","closeButton","maskClosable","contentScrollable","showHeader","showFooter","centered","width","props","isWithoutHeaderAndFooter","jsxs","Styled.Modal","Dialog","MODAL_CLASS","classNames","MODAL_CONTAINER_CLASS","Styled.ModalHeader","MODAL_HEADER_CLASS","jsx","Styled.ModalHeaderContent","InfoBar","Button","CrossIcon","Variants","Styled.ModalContent","CloseButton","ModalLoading","Styled.ModalFooter","MODAL_FOOTER_CLASS","ActionBar"],"mappings":"2iBAyBMA,EAAQ,CAAC,CACb,SAAAC,EACA,UAAAC,EACA,KAAAC,EACA,aAAAC,EAAe,GACf,aAAAC,EAAe,GACf,QAAAC,EAAU,GACV,QAAAC,EAAU,GACV,QAAAC,EAAUC,EAAAA,KACV,OAAAC,EACA,QAAAC,EACA,iBAAAC,EAAmBC,EAAAA,WAAW,WAC9B,iBAAAC,EAAmBC,EAAAA,WAAW,MAC9B,QAAAC,EAAU,GACV,YAAAC,EAAc,aACd,KAAAC,EAAOC,EAAAA,MAAM,OACb,YAAAC,EAAc,GACd,aAAAC,EAAe,GACf,kBAAAC,EAAoB,GACpB,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,SAAAC,EAAW,GACX,MAAAC,EAAQ,IACR,GAAGC,CACL,IAAiC,CAC/B,MAAMC,EAA2B,CAAClB,GAAUC,IAAWA,GAAA,YAAAA,EAAS,QAAS,EAEzE,OACEkB,EAAAA,KAACC,EAAAA,MAAA,CACC,MAAOZ,EACP,GAAIa,EACJ,UAAWC,EAAAA,YACX,UAAWC,EAAWC,EAAAA,sBAAuBhC,CAAS,EACtD,QAASC,EACT,QAAAK,EACA,SAAUY,EACV,aAAAC,EACA,UAAWI,EACX,mBAAoBH,EACpB,MAAAI,EACC,GAAGC,EAEH,SAAA,CAAA,CAAC,CAACJ,GAAc,CAAC,CAACb,GAAU,CAACM,GAC5Ba,EAAAA,KAACM,EAAAA,YAAA,CAAmB,MAAOjB,EAAM,cAAed,EAAc,UAAWgC,EAAAA,mBACvE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,mBAAA,CACC,SAAAD,EAAAA,IAACE,EAAA,CAAQ,UAAW1B,EAAAA,WAAW,SAAU,KAAAK,EAAa,GAAGR,CAAA,CAAQ,CAAA,CACnE,EACC,CAAC,CAACU,GACDiB,EAAAA,IAACG,EAAA,CACC,WAAOC,EAAA,EAAU,EACjB,SAAU,GACV,QAASC,EAAAA,SAAS,YAClB,KAAAxB,EACA,QAASV,EACT,aAAW,OAAA,CAAA,CACb,EAEJ,EAEFqB,EAAAA,KAACc,EAAAA,aAAA,CACC,MAAOzB,EACP,SAAUX,EACV,cAAeH,EACf,cAAeC,EACf,WAAY,GAAQkB,GAAcb,GAClC,WAAY,GAAQc,GAAcb,GAClC,SAAUL,EACV,mBAAoBgB,EACpB,cAAeM,GAA4BZ,EAC3C,UAAWA,EAEV,SAAA,CAAA,CAACN,GAAU,CAAC,CAACU,GAAe,CAACJ,GAC5BqB,EAAAA,IAACO,EAAAA,YAAA,CACC,WAAOH,EAAA,EAAU,EACjB,SAAU,GACV,QAASC,EAAAA,SAAS,YAClB,KAAAxB,EACA,aAAcA,EACd,QAASV,CAAA,CAAA,EAGZQ,EACCqB,EAAAA,IAACQ,EAAA,CAAa,KAAA3B,EAAY,YAAAD,EAA0B,YAAAG,EAA0B,QAAAZ,EAAkB,EAEhGP,CAAA,CAAA,CAAA,EAGH,CAAC,CAACuB,GAAc,CAAC,CAACb,GAAW,CAACK,GAC7BqB,MAACS,EAAAA,YAAA,CAAmB,MAAO5B,EAAM,cAAeb,EAAc,UAAW0C,EAAAA,mBACvE,SAAAV,MAACW,EAAA,CAAU,KAAA9B,EAAY,QAAAP,EAAkB,UAAWG,EAAkB,UAAWF,CAAA,CAAkB,CAAA,CACrG,CAAA,CAAA,CAAA,CAIR"}
+{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport {\n  NOOP,\n  Alignments,\n  Sizes,\n  MODAL_CONTAINER_CLASS,\n  MODAL_CLASS,\n  MODAL_HEADER_CLASS,\n  MODAL_FOOTER_CLASS,\n  Variants,\n  Directions,\n} from 'acinguiux-ds-react-base/consts';\n\nimport Dialog from './components/Dialog/Dialog';\nimport * as Styled from './Modal.styles';\nimport type { IModalProps } from './Modal.types';\nimport ModalLoading from './components/ModalLoading/ModalLoading';\nimport InfoBar from '../_internalComponents/InfoBar/InfoBar';\nimport Button from '../Button/Button';\nimport CrossIcon from '../Icon/components/Cross';\nimport ActionBar from '../_internalComponents/ActionBar/ActionBar';\nimport { CloseButton } from './components/ModalLoading/ModalLoading.styles';\n\nconst Modal = ({\n  children,\n  className,\n  open,\n  headerBorder = true,\n  footerBorder = true,\n  bgColor = false,\n  padding = true,\n  onClose = NOOP,\n  header,\n  actions,\n  actionsDirection = Directions.Horizontal,\n  actionsAlignment = Alignments.Right,\n  loading = false,\n  loadingBody = 'Loading...',\n  size = Sizes.Medium,\n  closeButton = true,\n  maskClosable = true,\n  contentScrollable = false,\n  showHeader = true,\n  showFooter = true,\n  centered = false,\n  width = 520,\n  ...props\n}: IModalProps): ReactElement => {\n  const isWithoutHeaderAndFooter = !header && actions && actions?.length > 0;\n\n  return (\n    <Styled.Modal\n      $size={size}\n      as={Dialog}\n      prefixCls={MODAL_CLASS}\n      className={classNames(MODAL_CONTAINER_CLASS, className)}\n      visible={open}\n      onClose={onClose}\n      closable={closeButton}\n      maskClosable={maskClosable}\n      $centered={centered}\n      $contentScrollable={contentScrollable}\n      width={width}\n      {...props}\n    >\n      {!!showHeader && !!header && !loading && (\n        <Styled.ModalHeader $size={size} $headerBorder={headerBorder} className={MODAL_HEADER_CLASS}>\n          <Styled.ModalHeaderContent>\n            <InfoBar direction={Directions.Vertical} size={size} {...header} />\n          </Styled.ModalHeaderContent>\n          {!!closeButton && (\n            <Button\n              icon={<CrossIcon />}\n              iconOnly={true}\n              variant={Variants.Transparent}\n              size={size}\n              onClick={onClose}\n              aria-label=\"Close\"\n            />\n          )}\n        </Styled.ModalHeader>\n      )}\n      <Styled.ModalContent\n        $size={size}\n        $padding={padding}\n        $headerBorder={headerBorder}\n        $footerBorder={footerBorder}\n        $hasHeader={Boolean(showHeader && header)}\n        $hasFooter={Boolean(showFooter && actions)}\n        $bgColor={bgColor}\n        $contentScrollable={contentScrollable}\n        $bodyCentered={isWithoutHeaderAndFooter || loading}\n        $onlyBody={loading}\n      >\n        {!header && !!closeButton && !loading && (\n          <CloseButton\n            icon={<CrossIcon />}\n            iconOnly={true}\n            variant={Variants.Transparent}\n            size={size}\n            $paddingSize={size}\n            onClick={onClose}\n          />\n        )}\n        {loading ? (\n          <ModalLoading size={size} loadingBody={loadingBody} closeButton={closeButton} onClose={onClose} />\n        ) : (\n          children\n        )}\n      </Styled.ModalContent>\n      {!!showFooter && !!actions && !loading && (\n        <Styled.ModalFooter $size={size} $footerBorder={footerBorder} className={MODAL_FOOTER_CLASS}>\n          <ActionBar size={size} actions={actions} alignment={actionsAlignment} direction={actionsDirection} />\n        </Styled.ModalFooter>\n      )}\n    </Styled.Modal>\n  );\n};\n\nexport default Modal;\n"],"names":["Modal","children","className","open","headerBorder","footerBorder","bgColor","padding","onClose","NOOP","header","actions","actionsDirection","Directions","actionsAlignment","Alignments","loading","loadingBody","size","Sizes","closeButton","maskClosable","contentScrollable","showHeader","showFooter","centered","width","props","isWithoutHeaderAndFooter","jsxs","Styled.Modal","Dialog","MODAL_CLASS","classNames","MODAL_CONTAINER_CLASS","Styled.ModalHeader","MODAL_HEADER_CLASS","jsx","Styled.ModalHeaderContent","InfoBar","Button","CrossIcon","Variants","Styled.ModalContent","CloseButton","ModalLoading","Styled.ModalFooter","MODAL_FOOTER_CLASS","ActionBar"],"mappings":"2iBAyBMA,EAAQ,CAAC,CACb,SAAAC,EACA,UAAAC,EACA,KAAAC,EACA,aAAAC,EAAe,GACf,aAAAC,EAAe,GACf,QAAAC,EAAU,GACV,QAAAC,EAAU,GACV,QAAAC,EAAUC,EAAAA,KACV,OAAAC,EACA,QAAAC,EACA,iBAAAC,EAAmBC,EAAAA,WAAW,WAC9B,iBAAAC,EAAmBC,EAAAA,WAAW,MAC9B,QAAAC,EAAU,GACV,YAAAC,EAAc,aACd,KAAAC,EAAOC,EAAAA,MAAM,OACb,YAAAC,EAAc,GACd,aAAAC,EAAe,GACf,kBAAAC,EAAoB,GACpB,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,SAAAC,EAAW,GACX,MAAAC,EAAQ,IACR,GAAGC,CACL,IAAiC,CAC/B,MAAMC,EAA2B,CAAClB,GAAUC,GAAWA,GAAS,OAAS,EAEzE,OACEkB,EAAAA,KAACC,EAAAA,MAAA,CACC,MAAOZ,EACP,GAAIa,EACJ,UAAWC,EAAAA,YACX,UAAWC,EAAWC,EAAAA,sBAAuBhC,CAAS,EACtD,QAASC,EACT,QAAAK,EACA,SAAUY,EACV,aAAAC,EACA,UAAWI,EACX,mBAAoBH,EACpB,MAAAI,EACC,GAAGC,EAEH,SAAA,CAAA,CAAC,CAACJ,GAAc,CAAC,CAACb,GAAU,CAACM,GAC5Ba,EAAAA,KAACM,EAAAA,YAAA,CAAmB,MAAOjB,EAAM,cAAed,EAAc,UAAWgC,EAAAA,mBACvE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,mBAAA,CACC,SAAAD,EAAAA,IAACE,EAAA,CAAQ,UAAW1B,EAAAA,WAAW,SAAU,KAAAK,EAAa,GAAGR,CAAA,CAAQ,CAAA,CACnE,EACC,CAAC,CAACU,GACDiB,EAAAA,IAACG,EAAA,CACC,WAAOC,EAAA,EAAU,EACjB,SAAU,GACV,QAASC,EAAAA,SAAS,YAClB,KAAAxB,EACA,QAASV,EACT,aAAW,OAAA,CAAA,CACb,EAEJ,EAEFqB,EAAAA,KAACc,EAAAA,aAAA,CACC,MAAOzB,EACP,SAAUX,EACV,cAAeH,EACf,cAAeC,EACf,WAAY,GAAQkB,GAAcb,GAClC,WAAY,GAAQc,GAAcb,GAClC,SAAUL,EACV,mBAAoBgB,EACpB,cAAeM,GAA4BZ,EAC3C,UAAWA,EAEV,SAAA,CAAA,CAACN,GAAU,CAAC,CAACU,GAAe,CAACJ,GAC5BqB,EAAAA,IAACO,EAAAA,YAAA,CACC,WAAOH,EAAA,EAAU,EACjB,SAAU,GACV,QAASC,EAAAA,SAAS,YAClB,KAAAxB,EACA,aAAcA,EACd,QAASV,CAAA,CAAA,EAGZQ,EACCqB,EAAAA,IAACQ,EAAA,CAAa,KAAA3B,EAAY,YAAAD,EAA0B,YAAAG,EAA0B,QAAAZ,EAAkB,EAEhGP,CAAA,CAAA,CAAA,EAGH,CAAC,CAACuB,GAAc,CAAC,CAACb,GAAW,CAACK,GAC7BqB,MAACS,EAAAA,YAAA,CAAmB,MAAO5B,EAAM,cAAeb,EAAc,UAAW0C,EAAAA,mBACvE,SAAAV,MAACW,EAAA,CAAU,KAAA9B,EAAY,QAAAP,EAAkB,UAAWG,EAAkB,UAAWF,CAAA,CAAkB,CAAA,CACrG,CAAA,CAAA,CAAA,CAIR"}