acinguiux-ds-react-framework 0.0.6 → 0.0.7

package/build/esm/components/Icon/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/esm/components/Loading/Loading.js

@@ -2,17 +2,17 @@ import { jsxs as t, jsx as a } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
 import f from "classnames";
 import { Loading as p, Background as g, Highlighted as l } from "./Loading.styles.js";
-import { LOADING_CLASS as L } from "../../react-base/src/consts.js";
-import { useProps as u } from "../../react-base/src/components/Loading/Loading.utils.js";
-const x = c(({ className: e, ...r }, m) => {
-  const { size: n, radius: o, cx: i, cy: s, viewBox: d } = u({
+import { LOADING_CLASS as u } from "../../react-base/src/consts.js";
+import { useProps as L } from "../../react-base/src/components/Loading/Loading.utils.js";
+const A = c(({ className: e, ...r }, m) => {
+  const { size: n, radius: o, cx: i, cy: s, viewBox: d } = L({
     size: r.size
   });
   return /* @__PURE__ */ t(
     p,
     {
       "aria-label": "Loading spinner",
-      className: f(L, e),
+      className: f(u, e),
       iconRadius: o,
       viewBox: d,
       ref: m,
@@ -24,8 +24,8 @@ const x = c(({ className: e, ...r }, m) => {
       ]
     }
   );
-}), B = x;
+});
 export {
-  B as default
+  A as default
 };
 //# sourceMappingURL=Loading.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { forwardRef, ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { LOADING_CLASS, LoadingUtils } from 'acinguiux-ds-react-base';\r\n\r\nimport * as Styled from './Loading.styles';\r\nimport { ILoadingProps } from './Loading.types';\r\n\r\nconst Loading = forwardRef<SVGSVGElement, ILoadingProps>(({ className, ...rest }, ref): ReactElement => {\r\n  const { size, radius, cx, cy, viewBox } = LoadingUtils.useProps({\r\n    size: rest.size,\r\n  });\r\n\r\n  return (\r\n    <Styled.Loading\r\n      aria-label=\"Loading spinner\"\r\n      className={classNames(LOADING_CLASS, className)}\r\n      iconRadius={radius}\r\n      viewBox={viewBox}\r\n      ref={ref}\r\n      {...rest}\r\n      size={size}\r\n    >\r\n      <Styled.Background r={radius} cx={cx} cy={cy} />\r\n      <Styled.Highlighted r={radius} cx={cx} cy={cy} />\r\n    </Styled.Loading>\r\n  );\r\n});\r\n\r\nexport default Loading;\r\n"],"names":["Loading","forwardRef","className","rest","ref","size","radius","cx","cy","viewBox","LoadingUtils.useProps","jsxs","Styled.Loading","classNames","LOADING_CLASS","jsx","Styled.Background","Styled.Highlighted","Loading$1"],"mappings":";;;;;;AAQA,MAAMA,IAAUC,EAAyC,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAAQC,MAAsB;AAChG,QAAA,EAAE,MAAAC,GAAM,QAAAC,GAAQ,IAAAC,GAAI,IAAAC,GAAI,SAAAC,EAAQ,IAAIC,EAAsB;AAAA,IAC9D,MAAMP,EAAK;AAAA,EAAA,CACZ;AAGC,SAAA,gBAAAQ;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAWC,EAAWC,GAAeZ,CAAS;AAAA,MAC9C,YAAYI;AAAA,MACZ,SAAAG;AAAA,MACA,KAAAL;AAAA,MACC,GAAGD;AAAA,MACJ,MAAAE;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAU,EAACC,GAAA,EAAkB,GAAGV,GAAQ,IAAAC,GAAQ,IAAAC,GAAQ;AAAA,0BAC7CS,GAAA,EAAmB,GAAGX,GAAQ,IAAAC,GAAQ,IAAAC,GAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGrD,CAAC,GAEDU,IAAelB;"}
+{"version":3,"file":"Loading.js","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { forwardRef, ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { LOADING_CLASS, LoadingUtils } from 'acinguiux-ds-react-base';\n\nimport * as Styled from './Loading.styles';\nimport { ILoadingProps } from './Loading.types';\n\nconst Loading = forwardRef<SVGSVGElement, ILoadingProps>(({ className, ...rest }, ref): ReactElement => {\n  const { size, radius, cx, cy, viewBox } = LoadingUtils.useProps({\n    size: rest.size,\n  });\n\n  return (\n    <Styled.Loading\n      aria-label=\"Loading spinner\"\n      className={classNames(LOADING_CLASS, className)}\n      iconRadius={radius}\n      viewBox={viewBox}\n      ref={ref}\n      {...rest}\n      size={size}\n    >\n      <Styled.Background r={radius} cx={cx} cy={cy} />\n      <Styled.Highlighted r={radius} cx={cx} cy={cy} />\n    </Styled.Loading>\n  );\n});\n\nexport default Loading;\n"],"names":["Loading","forwardRef","className","rest","ref","size","radius","cx","cy","viewBox","LoadingUtils.useProps","jsxs","Styled.Loading","classNames","LOADING_CLASS","jsx","Styled.Background","Styled.Highlighted"],"mappings":";;;;;;AAQM,MAAAA,IAAUC,EAAyC,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAAQC,MAAsB;AAChG,QAAA,EAAE,MAAAC,GAAM,QAAAC,GAAQ,IAAAC,GAAI,IAAAC,GAAI,SAAAC,EAAQ,IAAIC,EAAsB;AAAA,IAC9D,MAAMP,EAAK;AAAA,EAAA,CACZ;AAGC,SAAA,gBAAAQ;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAWC,EAAWC,GAAeZ,CAAS;AAAA,MAC9C,YAAYI;AAAA,MACZ,SAAAG;AAAA,MACA,KAAAL;AAAA,MACC,GAAGD;AAAA,MACJ,MAAAE;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAU,EAACC,GAAA,EAAkB,GAAGV,GAAQ,IAAAC,GAAQ,IAAAC,GAAQ;AAAA,0BAC7CS,GAAA,EAAmB,GAAGX,GAAQ,IAAAC,GAAQ,IAAAC,EAAQ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACjD;AAEJ,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Loading.styles.js","sources":["../../../../src/components/Loading/Loading.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { LoadingStyles } from 'acinguiux-ds-react-base';\r\n\r\nimport { ILoadingProps } from './Loading.types';\r\nimport { rotate } from '../../utils/styleUtils';\r\n\r\nconst Circle = styled.circle`\r\n  fill: transparent;\r\n`;\r\n\r\nexport const Background = styled(Circle)``;\r\n\r\nexport const Highlighted = styled(Circle)`\r\n  stroke-linecap: round;\r\n  transition: stroke-dashoffset 1s;\r\n`;\r\n\r\nexport const Loading = styled.svg<\r\n  Required<Pick<ILoadingProps, 'size'>> & Pick<ILoadingProps, 'sentiment'> & { iconRadius: number }\r\n>`\r\n  ${({ theme, size, iconRadius, sentiment }) => {\r\n    const styles = LoadingStyles.getStyles({ theme, size, sentiment, iconRadius });\r\n\r\n    return css`\r\n      ${styles.Loading}\r\n      overflow: inherit;\r\n      animation: ${rotate} 0.5s linear infinite;\r\n\r\n      ${Background} {\r\n        ${styles.Background}\r\n      }\r\n\r\n      ${Highlighted} {\r\n        ${styles.Highlighted}\r\n      }\r\n    `;\r\n  }}\r\n`;\r\n"],"names":["Circle","styled","Background","Highlighted","Loading","theme","size","iconRadius","sentiment","styles","LoadingStyles.getStyles","css","rotate"],"mappings":";;;AAMA,MAAMA,IAASC,EAAO;AAAA;AAAA,GAITC,IAAaD,EAAOD,CAAM,KAE1BG,IAAcF,EAAOD,CAAM;AAAA;AAAA;AAAA,GAK3BI,IAAUH,EAAO;AAAA,IAG1B,CAAC,EAAE,OAAAI,GAAO,MAAAC,GAAM,YAAAC,GAAY,WAAAC,QAAgB;AACtC,QAAAC,IAASC,EAAwB,EAAE,OAAAL,GAAO,MAAAC,GAAM,WAAAE,GAAW,YAAAD,GAAY;AAEtE,SAAAI;AAAA,QACHF,EAAO,OAAO;AAAA;AAAA,mBAEHG,CAAM;AAAA;AAAA,QAEjBV,CAAU;AAAA,UACRO,EAAO,UAAU;AAAA;AAAA;AAAA,QAGnBN,CAAW;AAAA,UACTM,EAAO,WAAW;AAAA;AAAA;AAG1B,CAAC;AAAA;"}
+{"version":3,"file":"Loading.styles.js","sources":["../../../../src/components/Loading/Loading.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { LoadingStyles } from 'acinguiux-ds-react-base';\n\nimport { ILoadingProps } from './Loading.types';\nimport { rotate } from '../../utils/styleUtils';\n\nconst Circle = styled.circle`\n  fill: transparent;\n`;\n\nexport const Background = styled(Circle)``;\n\nexport const Highlighted = styled(Circle)`\n  stroke-linecap: round;\n  transition: stroke-dashoffset 1s;\n`;\n\nexport const Loading = styled.svg<\n  Required<Pick<ILoadingProps, 'size'>> & Pick<ILoadingProps, 'sentiment'> & { iconRadius: number }\n>`\n  ${({ theme, size, iconRadius, sentiment }) => {\n    const styles = LoadingStyles.getStyles({ theme, size, sentiment, iconRadius });\n\n    return css`\n      ${styles.Loading}\n      overflow: inherit;\n      animation: ${rotate} 0.5s linear infinite;\n\n      ${Background} {\n        ${styles.Background}\n      }\n\n      ${Highlighted} {\n        ${styles.Highlighted}\n      }\n    `;\n  }}\n`;\n"],"names":["Circle","styled","Background","Highlighted","Loading","theme","size","iconRadius","sentiment","styles","LoadingStyles.getStyles","css","rotate"],"mappings":";;;AAMA,MAAMA,IAASC,EAAO;AAAA;AAAA,GAITC,IAAaD,EAAOD,CAAM,KAE1BG,IAAcF,EAAOD,CAAM;AAAA;AAAA;AAAA,GAK3BI,IAAUH,EAAO;AAAA,IAG1B,CAAC,EAAE,OAAAI,GAAO,MAAAC,GAAM,YAAAC,GAAY,WAAAC,QAAgB;AACtC,QAAAC,IAASC,EAAwB,EAAE,OAAAL,GAAO,MAAAC,GAAM,WAAAE,GAAW,YAAAD,GAAY;AAEtE,SAAAI;AAAA,QACHF,EAAO,OAAO;AAAA;AAAA,mBAEHG,CAAM;AAAA;AAAA,QAEjBV,CAAU;AAAA,UACRO,EAAO,UAAU;AAAA;AAAA;AAAA,QAGnBN,CAAW;AAAA,UACTM,EAAO,WAAW;AAAA;AAAA;AAG1B,CAAC;AAAA;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAW,MAAM,OAAO,CAAC;AAQ1D,OAAO,EAAgB,UAAU,EAAE,MAAM,cAAc,CAAC;AASxD,QAAA,MAAM,IAAI,8IAaP,UAAU,KAAG,YAwCf,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAW,MAAM,OAAO,CAAC;AAO1D,OAAO,EAAgB,UAAU,EAA4C,MAAM,cAAc,CAAC;AAmBlG,QAAA,MAAM,IAAI,oKAcP,UAAU,KAAG,YA2Cf,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { forwardRef, ReactElement, useMemo } from 'react';\n\nimport RCMenu, { MenuRef } from 'rc-menu';\nimport { Positions, Sizes, MENU_CLASS } from 'acinguiux-ds-react-base';\n\nimport { Ellipsis } from '../Icon/components';\nimport { menuConsts } from './Menu.consts';\nimport * as Styled from './Menu.styles';\nimport { IMenuContext, IMenuProps } from './Menu.types';\nimport MenuContext from './MenuContext';\nimport { getDefaultMotions } from './utils/motionUtils';\nimport { getItemsByPath, useItems } from './utils/nodeUtils';\n\nconst RCMenuRef = forwardRef<MenuRef, IMenuProps>(\n  ({ className, ...rest }, ref): ReactElement => <RCMenu ref={ref} rootClassName={className} {...rest} />,\n);\n\nconst Menu = ({\n  className,\n  mode = 'inline',\n  size = Sizes.Medium,\n  inlineCollapsed = false,\n  emphasis = true,\n  indicatorPosition = Positions.Right,\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[size].indent}\n        inlineCollapsed={inlineCollapsed}\n        overflowedIndicator={\n          <div className={`${MENU_CLASS}-submenu-title-content`}>\n            <Ellipsis className={`${MENU_CLASS}-submenu-rest-icon`} />\n          </div>\n        }\n        $indicatorPosition={indicatorPosition}\n        $emphasis={emphasis}\n        {...rest}\n      >\n        {mergedItems}\n      </Styled.Menu>\n    </MenuContext.Provider>\n  );\n};\n\nexport default Menu;\n"],"names":["RCMenuRef","forwardRef","className","rest","ref","jsx","RCMenu","Menu","mode","size","Sizes","inlineCollapsed","emphasis","indicatorPosition","Positions","items","selectedPath","selectedKeys","itemRender","children","mergedItems","useItems","contextValue","useMemo","selectedItem","getItemsByPath","MenuContext","Styled.Menu","MENU_CLASS","getDefaultMotions","menuConsts","Ellipsis","Menu$1"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAYC;AAAA,EAChB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAK,GAAGC,MAAsB,gBAAAC,EAACC,GAAO,EAAA,KAAAF,GAAU,eAAeF,GAAY,GAAGC,EAAM,CAAA;AACvG,GAEMI,IAAO,CAAC;AAAA,EACZ,WAAAL;AAAA,EACA,MAAAM,IAAO;AAAA,EACP,MAAAC,IAAOC,EAAM;AAAA,EACb,iBAAAC,IAAkB;AAAA,EAClB,UAAAC,IAAW;AAAA,EACX,mBAAAC,IAAoBC,EAAU;AAAA,EAC9B,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGhB;AACL,MAAgC;AACxB,QAAAiB,IAAcC,EAASN,CAAK,KAAKI,GAEjCG,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,MAAAd;AAAA,MACA,MAAAD;AAAA,MACA,iBAAAG;AAAA,MACA,YAAAO;AAAA,IAAA;AAAA,IAEF,CAACT,GAAMD,GAAMG,GAAiBO,CAAU;AAAA,EAAA,GAGpCM,IAAeR,IAAeS,EAAeT,KAAgB,IAAID,CAAK,IAAIE;AAEhF,SACG,gBAAAZ,EAAAqB,EAAY,UAAZ,EAAqB,OAAOJ,GAC3B,UAAA,gBAAAjB;AAAA,IAACsB;AAAAA,IAAA;AAAA,MACC,IAAI3B;AAAA,MACJ,WAAW4B;AAAA,MACX,WAAA1B;AAAA,MACA,cAAcsB;AAAA,MACd,MAAAf;AAAA,MACA,MAAAD;AAAA,MACA,gBAAgBqB;AAAA,MAChB,cAAcC,EAAWrB,CAAI,EAAE;AAAA,MAC/B,iBAAAE;AAAA,MACA,qBACE,gBAAAN,EAAC,OAAI,EAAA,WAAW,GAAGuB,CAAU,0BAC3B,UAAA,gBAAAvB,EAAC0B,GAAS,EAAA,WAAW,GAAGH,CAAU,qBAAsB,CAAA,GAC1D;AAAA,MAEF,oBAAoBf;AAAA,MACpB,WAAWD;AAAA,MACV,GAAGT;AAAA,MAEH,UAAAiB;AAAA,IAAA;AAAA,EAEL,EAAA,CAAA;AAEJ,GAEAY,IAAezB;"}
+{"version":3,"file":"Menu.js","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { forwardRef, ReactElement, useMemo } from 'react';\n\nimport RCMenu, { MenuRef } from 'rc-menu';\nimport { Positions, Directions, Sizes, MenuConsts, MENU_CLASS } from 'acinguiux-ds-react-base';\n\nimport { Ellipsis } from '../Icon/components';\nimport * as Styled from './Menu.styles';\nimport { 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 = (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  emphasis = true,\n  indicatorPosition = Positions.Right,\n  itemContentDirection = Directions.Horizontal,\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        $itemContentDirection={itemContentDirection}\n        $indicatorPosition={indicatorPosition}\n        $emphasis={emphasis}\n        {...rest}\n        onSelect={selectWithPath(items, rest.onSelect)}\n      >\n        {mergedItems}\n      </Styled.Menu>\n    </MenuContext.Provider>\n  );\n};\n\nexport default Menu;\n"],"names":["RCMenuRef","forwardRef","className","rest","ref","jsx","RCMenu","selectWithPath","items","onSelect","info","path","_a","getLeafItems","i","Menu","mode","size","Sizes","inlineCollapsed","emphasis","indicatorPosition","Positions","itemContentDirection","Directions","selectedPath","selectedKeys","itemRender","children","mergedItems","useItems","contextValue","useMemo","selectedItem","getItemsByPath","MenuContext","Styled.Menu","MENU_CLASS","getDefaultMotions","MenuConsts.consts","Ellipsis"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAYC;AAAA,EAChB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAK,GAAGC,MAAsB,gBAAAC,EAACC,GAAO,EAAA,KAAAF,GAAU,eAAeF,GAAY,GAAGC,EAAM,CAAA;AACvG,GAEMI,IAAiB,CAACC,GAAoBC,MAC1C,CAACC,MAAqB;;AACpB,MAAI,CAACD;AACH;AAGI,QAAAE,KAAOC,IAAAC,EAAaL,CAAK,EAAE,KAAK,OAAKM,EAAE,QAAQJ,EAAK,GAAG,MAAhD,gBAAAE,EAAmD;AAChE,EAAAH,EAAS,EAAE,GAAGC,GAAM,MAAAC,GAAM;AAC9B,GAEMI,IAAO,CAAC;AAAA,EACZ,WAAAb;AAAA,EACA,MAAAc,IAAO;AAAA,EACP,MAAAC,IAAOC,EAAM;AAAA,EACb,iBAAAC,IAAkB;AAAA,EAClB,UAAAC,IAAW;AAAA,EACX,mBAAAC,IAAoBC,EAAU;AAAA,EAC9B,sBAAAC,IAAuBC,EAAW;AAAA,EAClC,OAAAhB;AAAA,EACA,cAAAiB;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGzB;AACL,MAAgC;AACxB,QAAA0B,IAAcC,EAAStB,CAAK,KAAKoB,GAEjCG,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,MAAAf;AAAA,MACA,MAAAD;AAAA,MACA,iBAAAG;AAAA,MACA,YAAAQ;AAAA,IAAA;AAAA,IAEF,CAACV,GAAMD,GAAMG,GAAiBQ,CAAU;AAAA,EAC1C,GAEMM,IAAeR,IAAeS,EAAeT,KAAgB,IAAIjB,CAAK,IAAIkB;AAEhF,SACG,gBAAArB,EAAA8B,EAAY,UAAZ,EAAqB,OAAOJ,GAC3B,UAAA,gBAAA1B;AAAA,IAAC+B;AAAAA,IAAA;AAAA,MACC,IAAIpC;AAAA,MACJ,WAAWqC;AAAA,MACX,WAAAnC;AAAA,MACA,cAAc+B;AAAA,MACd,MAAAhB;AAAA,MACA,MAAAD;AAAA,MACA,gBAAgBsB;AAAA,MAChB,cAAcC,EAAkBtB,CAAI,EAAE;AAAA,MACtC,iBAAAE;AAAA,MACA,sBAAqB;AAAA,MACrB,qBACE,gBAAAd,EAAC,OAAI,EAAA,WAAW,GAAGgC,CAAU,0BAC3B,UAAA,gBAAAhC,EAACmC,GAAS,EAAA,WAAW,GAAGH,CAAU,qBAAsB,CAAA,GAC1D;AAAA,MAEF,uBAAuBd;AAAA,MACvB,oBAAoBF;AAAA,MACpB,WAAWD;AAAA,MACV,GAAGjB;AAAA,MACJ,UAAUI,EAAeC,GAAOL,EAAK,QAAQ;AAAA,MAE5C,UAAA0B;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}

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

@@ -2,8 +2,8 @@
 import { StyledMenuProps } from './Menu.types';
 export declare const Menu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("rc-menu").MenuProps & import("react").RefAttributes<import("rc-menu").MenuRef>> & {
     Item: import("react").ForwardRefExoticComponent<import("rc-menu").MenuItemProps & import("react").RefAttributes<HTMLElement>>;
-    SubMenu: typeof import("rc-menu").SubMenu;
-    ItemGroup: typeof import("rc-menu").MenuItemGroup;
+    SubMenu: import("react").ForwardRefExoticComponent<Omit<import("rc-menu").SubMenuProps, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+    ItemGroup: import("react").ForwardRefExoticComponent<Omit<import("rc-menu").MenuItemGroupProps, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
     Divider: typeof import("rc-menu").Divider;
 }, import("styled-components").DefaultTheme, StyledMenuProps, never>;
 //# sourceMappingURL=Menu.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAO/C,eAAO,MAAM,IAAI;;;;;oEAyDhB,CAAC"}
+{"version":3,"file":"Menu.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAQ/C,eAAO,MAAM,IAAI;;;;;oEA0EhB,CAAC"}

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

@@ -1,40 +1,58 @@
-import r from "rc-menu";
-import m, { css as t } from "styled-components";
-import { groupMenuItemStyle as s } from "./styles/groupMenuItem.styles.js";
-import { menuItemStyle as a } from "./styles/menuItem.styles.js";
-import { menuLabelStyle as d } from "./styles/menuLabel.styles.js";
-import { motionStyle as p } from "./styles/motion.styles.js";
-import { subMenuStyle as u } from "./styles/subMenu.styles.js";
-import { Sizes as i, MENU_CLASS as n } from "../../react-base/src/consts.js";
-const M = m(r)`
-  ${({ theme: o, size: e, mode: l }) => t`
-    ${(e === i.Small || e === i.Medium) && o.label.medium.normal};
-    ${e === i.Large && o.label.large.normal};
+import p from "rc-menu";
+import d, { css as n } from "styled-components";
+import { groupMenuItemStyle as u } from "./styles/groupMenuItem.styles.js";
+import { menuItemStyle as f } from "./styles/menuItem.styles.js";
+import { menuLabelStyle as $ } from "./styles/menuLabel.styles.js";
+import { motionStyle as g } from "./styles/motion.styles.js";
+import { subMenuStyle as b } from "./styles/subMenu.styles.js";
+import { menuDividerStyle as c } from "./styles/menuDivider.styles.js";
+import { Sizes as i, Directions as y, Positions as r, MENU_CLASS as l } from "../../react-base/src/consts.js";
+import { consts as m } from "../../react-base/src/components/Menu/Menu.consts.js";
+const R = d(p)`
+  ${({ theme: t, size: o, $indicatorPosition: a, $itemContentDirection: s, mode: e }) => n`
+    ${(o === i.Small || o === i.XSmall) && t.label.medium.normal};
+    ${o === i.XSmall && s === y.Vertical && (a === r.Left || r.Right) && t.label.small.normal};
+    ${(o === i.Large || o === i.Medium) && t.label.large.normal};
     position: relative;
+    
+    ${e !== "horizontal" && n`
+      margin-left: -${m[o].itemListMarginLeft}px;
+    `}
+
+      &:focus-visible {
+        outline: none;
 
-    &:focus-visible {
-      outline: none;
+        ::before {
+          content: '';
+          pointer-events: none;
+          display: block;
+          position: absolute;
+          inset: 3px;
+          border-radius: 4px;
+          outline: 3px solid ${t.additional.focus.subtle};
+          z-index: 1;
 
-      ::before {
-        content: '';
-        pointer-events: none;
-        display: block;
-        position: absolute;
-        inset: 3px;
-        border-radius: 4px;
-        outline: 3px solid ${o.additional.focus.subtle} !important;
-        z-index: 1;
+          ${e !== "horizontal" && n`
+            margin-left: ${m[o].itemListMarginLeft}px;
+          `}
+        }
       }
-    }
 
-    &.${n} {
+    &.${l} {
       list-style: none;
-      margin: 0;
+      margin-top: 0;
+      margin-bottom: 0;
       padding: 0;
       transition: width 0.3s ease-out;
+
+      &-inline-collapsed {
+        .${l}-submenu-expand-icon {
+          display: none;
+        }
+      }
     }
 
-    .${n} {
+    .${l} {
       &-hidden,
       &-submenu-hidden {
         display: none;
@@ -49,21 +67,22 @@ const M = m(r)`
     }
 
     /* Horizontal */
-    ${l === "horizontal" && t`
+    ${e === "horizontal" && n`
       display: flex;
       flex-direction: row;
       align-items: stretch;
       overflow: hidden;
     `}
 
+    ${b};
+    ${$};
+    ${f};
     ${u};
-    ${d};
-    ${a};
-    ${s};
-    ${p};
+    ${g};
+    ${c};
   `}
 `;
 export {
-  M as Menu
+  R as Menu
 };
 //# sourceMappingURL=Menu.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.styles.js","sources":["../../../../src/components/Menu/Menu.styles.ts"],"sourcesContent":["import RCMenu from 'rc-menu';\r\nimport styled, { css } from 'styled-components';\r\nimport { Sizes, MENU_CLASS } from 'acinguiux-ds-react-base';\r\n\r\nimport { StyledMenuProps } from './Menu.types';\r\nimport { groupMenuItemStyle } from './styles/groupMenuItem.styles';\r\nimport { menuItemStyle } from './styles/menuItem.styles';\r\nimport { menuLabelStyle } from './styles/menuLabel.styles';\r\nimport { motionStyle } from './styles/motion.styles';\r\nimport { subMenuStyle } from './styles/subMenu.styles';\r\n\r\nexport const Menu = styled(RCMenu) <StyledMenuProps>`\r\n  ${({ theme, size, mode }) => css`\r\n    ${(size === Sizes.Small || size === Sizes.Medium) && theme.label.medium.normal};\r\n    ${size === Sizes.Large && theme.label.large.normal};\r\n    position: relative;\r\n\r\n    &:focus-visible {\r\n      outline: none;\r\n\r\n      ::before {\r\n        content: '';\r\n        pointer-events: none;\r\n        display: block;\r\n        position: absolute;\r\n        inset: 3px;\r\n        border-radius: 4px;\r\n        outline: 3px solid ${theme.additional.focus.subtle} !important;\r\n        z-index: 1;\r\n      }\r\n    }\r\n\r\n    &.${MENU_CLASS} {\r\n      list-style: none;\r\n      margin: 0;\r\n      padding: 0;\r\n      transition: width 0.3s ease-out;\r\n    }\r\n\r\n    .${MENU_CLASS} {\r\n      &-hidden,\r\n      &-submenu-hidden {\r\n        display: none;\r\n      }\r\n\r\n      &,\r\n      &-item-group-list {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n    /* Horizontal */\r\n    ${mode === 'horizontal' &&\r\n    css`\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: stretch;\r\n      overflow: hidden;\r\n    `}\r\n\r\n    ${subMenuStyle};\r\n    ${menuLabelStyle};\r\n    ${menuItemStyle};\r\n    ${groupMenuItemStyle};\r\n    ${motionStyle};\r\n  `}\r\n`;\r\n"],"names":["Menu","styled","RCMenu","theme","size","mode","css","Sizes","MENU_CLASS","subMenuStyle","menuLabelStyle","menuItemStyle","groupMenuItemStyle","motionStyle"],"mappings":";;;;;;;;AAWa,MAAAA,IAAOC,EAAOC,CAAM;AAAA,IAC7B,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,MAAAC,QAAWC;AAAA,OACxBF,MAASG,EAAM,SAASH,MAASG,EAAM,WAAWJ,EAAM,MAAM,OAAO,MAAM;AAAA,MAC5EC,MAASG,EAAM,SAASJ,EAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAazBA,EAAM,WAAW,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,QAKlDK,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAOXA,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAeXH,MAAS,gBACXC;AAAA;AAAA;AAAA;AAAA;AAAA,KAKC;AAAA;AAAA,MAECG,CAAY;AAAA,MACZC,CAAc;AAAA,MACdC,CAAa;AAAA,MACbC,CAAkB;AAAA,MAClBC,CAAW;AAAA,GACd;AAAA;"}
+{"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 { Sizes, Positions, Directions, MenuConsts, MENU_CLASS } from 'acinguiux-ds-react-base';\n\nimport { 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, $indicatorPosition, $itemContentDirection, mode }) => css`\n    ${(size === Sizes.Small || size === Sizes.XSmall) && theme.label.medium.normal};\n    ${(size === Sizes.XSmall && ($itemContentDirection === Directions.Vertical) && ($indicatorPosition === Positions.Left || Positions.Right)) && theme.label.small.normal};\n    ${(size === Sizes.Large || size === Sizes.Medium) && theme.label.large.normal};\n    position: relative;\n    \n    ${mode !== 'horizontal' && 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          outline: 3px solid ${theme.additional.focus.subtle};\n          z-index: 1;\n\n          ${mode !== 'horizontal' && 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\n      &-inline-collapsed {\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","$indicatorPosition","$itemContentDirection","mode","css","Sizes","Directions","Positions","MenuConsts.consts","MENU_CLASS","subMenuStyle","menuLabelStyle","menuItemStyle","groupMenuItemStyle","motionStyle","menuDividerStyle"],"mappings":";;;;;;;;;;AAYa,MAAAA,IAAOC,EAAOC,CAAM;AAAA,IAC7B,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,oBAAAC,GAAoB,uBAAAC,GAAuB,MAAAC,QAAWC;AAAA,OACnEJ,MAASK,EAAM,SAASL,MAASK,EAAM,WAAWN,EAAM,MAAM,OAAO,MAAM;AAAA,MAC3EC,MAASK,EAAM,UAAWH,MAA0BI,EAAW,aAAcL,MAAuBM,EAAU,QAAQA,EAAU,UAAWR,EAAM,MAAM,MAAM,MAAM;AAAA,OACnKC,MAASK,EAAM,SAASL,MAASK,EAAM,WAAWN,EAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,MAG3EI,MAAS,gBAAgBC;AAAA,sBACTI,EAAkBR,CAAI,EAAE,kBAAkB;AAAA,KAC3D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAY0BD,EAAM,WAAW,MAAM,MAAM;AAAA;AAAA;AAAA,YAGhDI,MAAS,gBAAgBC;AAAA,2BACVI,EAAkBR,CAAI,EAAE,kBAAkB;AAAA,WAC1D;AAAA;AAAA;AAAA;AAAA,QAIHS,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAQPA,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAMdA,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAeXN,MAAS,gBACXC;AAAA;AAAA;AAAA;AAAA;AAAA,KAKC;AAAA;AAAA,MAECM,CAAY;AAAA,MACZC,CAAc;AAAA,MACdC,CAAa;AAAA,MACbC,CAAkB;AAAA,MAClBC,CAAW;AAAA,MACXC,CAAgB;AAAA,GACnB;AAAA;"}

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

@@ -1,22 +1,13 @@
-import { ReactElement, ReactNode } from 'react';
 import { MenuProps as RCMenuProps } from 'rc-menu/lib/Menu';
 import { MenuDividerType, MenuItemGroupType as RCMenuItemGroupType, MenuItemType as RCMenuItemType, SubMenuType as RCSubMenuType, SelectInfo as RCSelectInfo } from 'rc-menu/lib/interface';
-import { Sizes, Positions } from '..\..\react-base\src';
-import * as Types from '../../types/types';
-export type MenuSize = Sizes.Small | Sizes.Medium | Sizes.Large;
-export type MenuIndicatorPosition = Positions.Left | Positions.Right | Types.DeprecatedHorizontalPositions;
-export type MenuRequiredTypes = 'prefixCls' | 'mode' | 'size';
+import { MenuTypes, Directions } from '..\..\react-base\src';
 export interface SelectInfo extends RCSelectInfo {
     path?: string;
 }
-export interface ItemRenderInfo {
-    path: string;
-    children: ReactNode;
-}
-export type ItemRender = ({ path, children }: ItemRenderInfo) => ReactElement;
 export type SelectEventHandler = (info: SelectInfo) => void;
 export interface MenuItemType extends RCMenuItemType {
     path?: string;
+    itemRender?: MenuTypes.ItemRender;
 }
 export interface MenuItemGroupType extends Omit<RCMenuItemGroupType, 'children'> {
     children?: ItemType[];
@@ -25,19 +16,15 @@ export interface SubMenuType extends Omit<RCSubMenuType, 'children'> {
     children: ItemType[];
 }
 export type ItemType = SubMenuType | MenuItemType | MenuItemGroupType | MenuDividerType | null;
-export interface IMenuProps extends RCMenuProps {
-    size?: MenuSize;
-    emphasis?: boolean;
-    indicatorPosition?: MenuIndicatorPosition;
+export interface IMenuProps extends RCMenuProps, MenuTypes.IProps {
     onSelect?: SelectEventHandler;
     items?: ItemType[];
-    selectedPath?: string;
-    itemRender?: ItemRender;
 }
-export type StyledMenuProps = IMenuProps & Required<Pick<IMenuProps, MenuRequiredTypes>> & {
+export type StyledMenuProps = IMenuProps & Required<Pick<IMenuProps, MenuTypes.RequiredTypes>> & {
     $emphasis: boolean;
-    $indicatorPosition: MenuIndicatorPosition;
+    $indicatorPosition: MenuTypes.IndicatorPosition;
+    $itemContentDirection?: Directions.Vertical | Directions.Horizontal;
 };
-export interface IMenuContext extends Required<Pick<IMenuProps, 'mode' | 'inlineCollapsed'>>, Pick<IMenuProps, 'itemRender'> {
+export interface IMenuContext extends Required<Pick<IMenuProps, 'size' | 'mode' | 'inlineCollapsed'>>, Pick<IMenuProps, 'itemRender'> {
 }
 //# sourceMappingURL=Menu.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EACL,eAAe,EACf,iBAAiB,IAAI,mBAAmB,EACxC,YAAY,IAAI,cAAc,EAC9B,WAAW,IAAI,aAAa,EAC5B,UAAU,IAAI,YAAY,EAC3B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,KAAK,KAAK,MAAM,mBAAmB,CAAC;AAE3C,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;AAChE,MAAM,MAAM,qBAAqB,GAAG,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC,6BAA6B,CAAC;AAC3G,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9D,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,cAAc,KAAK,YAAY,CAAC;AAE9E,MAAM,MAAM,kBAAkB,GAAG,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;AAE5D,MAAM,WAAW,YAAa,SAAQ,cAAc;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC;IAC9E,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;CACvB;AACD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IAClE,QAAQ,EAAE,QAAQ,EAAE,CAAC;CACtB;AAED,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,YAAY,GAAG,iBAAiB,GAAG,eAAe,GAAG,IAAI,CAAC;AAE/F,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;IAC1C,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,GACtC,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC,GAAG;IAAE,SAAS,EAAE,OAAO,CAAC;IAAC,kBAAkB,EAAE,qBAAqB,CAAA;CAAE,CAAC;AAEpH,MAAM,WAAW,YACf,SAAQ,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,iBAAiB,CAAC,CAAC,EAC9D,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC;CAAI"}
+{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EACL,eAAe,EACf,iBAAiB,IAAI,mBAAmB,EACxC,YAAY,IAAI,cAAc,EAC9B,WAAW,IAAI,aAAa,EAC5B,UAAU,IAAI,YAAY,EAC3B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,kBAAkB,GAAG,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;AAE5D,MAAM,WAAW,YAAa,SAAQ,cAAc;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC;CACnC;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC;IAC9E,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;CACvB;AACD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IAClE,QAAQ,EAAE,QAAQ,EAAE,CAAC;CACtB;AAED,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,YAAY,GAAG,iBAAiB,GAAG,eAAe,GAAG,IAAI,CAAC;AAE/F,MAAM,WAAW,UAAW,SAAQ,WAAW,EAAE,SAAS,CAAC,MAAM;IAC/D,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,GACtC,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC,GAAG;IACpD,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,SAAS,CAAC,iBAAiB,CAAC;IAChD,qBAAqB,CAAC,EAAE,UAAU,CAAC,QAAQ,GAAG,UAAU,CAAC,UAAU,CAAC;CACrE,CAAC;AAEJ,MAAM,WAAW,YACf,SAAQ,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,iBAAiB,CAAC,CAAC,EACvE,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC;CAAI"}

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

@@ -0,0 +1,11 @@
+import { StateType, SurfaceType } from 'acinguiux-ds-fabrics';
+import { MenuTypes, Positions, LayerColor, Theme, Directions } from '..\..\react-base\src';
+type ModeType = 'inline' | 'vertical' | 'horizontal';
+export declare const getFabricStyles: (theme: Theme, layer: LayerColor, state?: StateType, surface?: SurfaceType) => string;
+export declare const getTooltipLabelSize: (size: MenuTypes.Size) => MenuTypes.Size;
+export declare const getModeIndicatorPosition: (indicatorPosition: MenuTypes.IndicatorPosition, mode?: ModeType) => Positions.Top | Positions.Bottom | Positions.Right | Positions.Left;
+export declare const getSubMenuSelectedIndicatorStyle: (indicatorPosition: MenuTypes.IndicatorPosition, mode?: ModeType, itemContentDirection?: Directions.Vertical | Directions.Horizontal, size?: MenuTypes.Size) => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("./Menu.types").StyledMenuProps, import("styled-components").DefaultTheme>>;
+export declare const getMenuItemSelectedStyle: (theme: Theme, indicatorPosition: MenuTypes.IndicatorPosition, mode?: ModeType, itemContentDirection?: Directions.Vertical | Directions.Horizontal, size?: MenuTypes.Size) => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("./Menu.types").StyledMenuProps, import("styled-components").DefaultTheme>>;
+export declare const getMenuItemDisabledStyle: (theme: Theme, indicatorPosition: MenuTypes.IndicatorPosition, mode?: ModeType, itemContentDirection?: Directions.Vertical | Directions.Horizontal, size?: MenuTypes.Size) => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("./Menu.types").StyledMenuProps, import("styled-components").DefaultTheme>>;
+export {};
+//# sourceMappingURL=Menu.utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAoB,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAS,MAAM,yBAAyB,CAAC;AAIrG,KAAK,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,YAAY,CAAC;AAErD,eAAO,MAAM,eAAe,UACnB,KAAK,SACL,UAAU,UACV,SAAS,YACP,WAAW,WACwB,CAAC;AAG/C,eAAO,MAAM,mBAAmB,SAAU,UAAU,IAAI,KAAG,UAAU,IAMpE,CAAC;AAEF,eAAO,MAAM,wBAAwB,sBAAuB,UAAU,iBAAiB,SAAS,QAAQ,wEAMvG,CAAC;AAEF,eAAO,MAAM,gCAAgC,sBACxB,UAAU,iBAAiB,SACvC,QAAQ,yBACO,WAAW,QAAQ,GAAG,WAAW,UAAU,SAC3D,UAAU,IAAI,sLAiBrB,CAAC;AAEF,eAAO,MAAM,wBAAwB,UAC5B,KAAK,qBACO,UAAU,iBAAiB,SACvC,QAAQ,yBACO,WAAW,QAAQ,GAAG,WAAW,UAAU,SAC3D,UAAU,IAAI,sLAuBrB,CAAC;AAEF,eAAO,MAAM,wBAAwB,UAC5B,KAAK,qBACO,UAAU,iBAAiB,SACvC,QAAQ,yBACO,WAAW,QAAQ,GAAG,WAAW,UAAU,SAC3D,UAAU,IAAI,sLAYrB,CAAC"}

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

@@ -0,0 +1,64 @@
+import { css as n } from "styled-components";
+import { States as g, Surfaces as s } from "acinguiux-ds-fabrics";
+import { indicatorPositionStyle as c } from "./styles/indicator.styles.js";
+import { Sizes as a, Positions as u, Directions as $ } from "../../react-base/src/consts.js";
+import { LayerColor as f } from "../../react-base/src/theme/theme.js";
+const S = (e, r, t = g.Default, o = s.Surface) => e.getLayer({ state: t, surface: o })[r], k = (e) => [a.Large, a.Medium].includes(e) ? a.Large : a.Medium, l = (e, r) => r === "horizontal" ? e === u.Top ? u.Top : u.Bottom : e === u.Left ? u.Left : u.Right, y = (e, r, t = $.Horizontal, o = a.Medium) => n`
+  &::after {
+    ${c[o][l(e, r)][t].selected.default};
+  }
+  
+  &:hover {            
+    &::after {
+      ${c[o][l(e, r)][t].selected.hover};
+    }
+  }
+  
+  &:active {            
+    &::after {
+      ${c[o][l(e, r)][t].selected.active};
+    }
+  }
+`, L = (e, r, t, o = $.Horizontal, d = a.Medium) => n`
+  background-color: ${S(e, f.BackgroundSurface, g.Default, s.Section)};
+
+  &:hover {
+    background-color: ${S(e, f.BackgroundSurface, g.Hover, s.Section)};
+
+    &::after {
+      ${c[d][l(r, t)][o].selected.hover};
+    }
+  }
+
+  &:active {
+    background-color: ${S(e, f.BackgroundSurface, g.Active, s.Section)};
+
+    &::after {
+      ${c[d][l(r, t)][o].selected.active};
+    }
+  }
+
+  &::after {
+    ${c[d][l(r, t)][o].selected.default};
+  }
+`, m = (e, r, t, o = $.Horizontal, d = a.Medium) => n`
+  color: ${S(e, f.TextOnSurfaceSubtle)};
+  background-color: ${S(e, f.BackgroundSurface, g.Default, s.Section)};
+
+  svg {
+    fill:${S(e, f.TextOnSurfaceSubtle)};
+  }
+
+  &::after {
+    ${c[d][l(r, t)][o].selected.disabled};
+  }
+`;
+export {
+  S as getFabricStyles,
+  m as getMenuItemDisabledStyle,
+  L as getMenuItemSelectedStyle,
+  l as getModeIndicatorPosition,
+  y as getSubMenuSelectedIndicatorStyle,
+  k as getTooltipLabelSize
+};
+//# sourceMappingURL=Menu.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.utils.js","sources":["../../../../src/components/Menu/Menu.utils.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { StateType, States, Surfaces, SurfaceType } from 'acinguiux-ds-fabrics';\nimport { MenuTypes, Positions, LayerColor, Theme, Directions, Sizes } from 'acinguiux-ds-react-base';\n\nimport { indicatorPositionStyle } from './styles/indicator.styles';\n\ntype ModeType = 'inline' | 'vertical' | 'horizontal';\n\nexport const getFabricStyles = (\n  theme: Theme,\n  layer: LayerColor,\n  state: StateType = States.Default,\n  surface: SurfaceType = Surfaces.Surface,\n) => theme.getLayer({ state, surface })[layer];\n\n\nexport const getTooltipLabelSize = (size: MenuTypes.Size): MenuTypes.Size => {\n  if ([Sizes.Large, Sizes.Medium].includes(size)) {\n    return Sizes.Large;\n  }\n\n  return Sizes.Medium;\n};\n\nexport const getModeIndicatorPosition = (indicatorPosition: MenuTypes.IndicatorPosition, mode?: ModeType) => {\n  if (mode === 'horizontal') {\n    return indicatorPosition === Positions.Top ? Positions.Top : Positions.Bottom;\n  }\n\n  return indicatorPosition === Positions.Left ? Positions.Left : Positions.Right;\n};\n\nexport const getSubMenuSelectedIndicatorStyle = (\n  indicatorPosition: MenuTypes.IndicatorPosition,\n  mode?: ModeType,\n  itemContentDirection: Directions.Vertical | Directions.Horizontal = Directions.Horizontal,\n  size: MenuTypes.Size = Sizes.Medium,\n) => css`\n  &::after {\n    ${indicatorPositionStyle[size][getModeIndicatorPosition(indicatorPosition, mode)][itemContentDirection].selected.default};\n  }\n  \n  &:hover {            \n    &::after {\n      ${indicatorPositionStyle[size][getModeIndicatorPosition(indicatorPosition, mode)][itemContentDirection].selected.hover};\n    }\n  }\n  \n  &:active {            \n    &::after {\n      ${indicatorPositionStyle[size][getModeIndicatorPosition(indicatorPosition, mode)][itemContentDirection].selected.active};\n    }\n  }\n`;\n\nexport const getMenuItemSelectedStyle = (\n  theme: Theme,\n  indicatorPosition: MenuTypes.IndicatorPosition,\n  mode?: ModeType,\n  itemContentDirection: Directions.Vertical | Directions.Horizontal = Directions.Horizontal,\n  size: MenuTypes.Size = Sizes.Medium,\n) => css`\n  background-color: ${getFabricStyles(theme, LayerColor.BackgroundSurface, States.Default, Surfaces.Section)};\n\n  &:hover {\n    background-color: ${getFabricStyles(theme, LayerColor.BackgroundSurface, States.Hover, Surfaces.Section)};\n\n    &::after {\n      ${indicatorPositionStyle[size][getModeIndicatorPosition(indicatorPosition, mode)][itemContentDirection].selected.hover};\n    }\n  }\n\n  &:active {\n    background-color: ${getFabricStyles(theme, LayerColor.BackgroundSurface, States.Active, Surfaces.Section)};\n\n    &::after {\n      ${indicatorPositionStyle[size][getModeIndicatorPosition(indicatorPosition, mode)][itemContentDirection].selected.active};\n    }\n  }\n\n  &::after {\n    ${indicatorPositionStyle[size][getModeIndicatorPosition(indicatorPosition, mode)][itemContentDirection].selected.default};\n  }\n`;\n\nexport const getMenuItemDisabledStyle = (\n  theme: Theme,\n  indicatorPosition: MenuTypes.IndicatorPosition,\n  mode?: ModeType,\n  itemContentDirection: Directions.Vertical | Directions.Horizontal = Directions.Horizontal,\n  size: MenuTypes.Size = Sizes.Medium,\n) => css`\n  color: ${getFabricStyles(theme, LayerColor.TextOnSurfaceSubtle)};\n  background-color: ${getFabricStyles(theme, LayerColor.BackgroundSurface, States.Default, Surfaces.Section)};\n\n  svg {\n    fill:${getFabricStyles(theme, LayerColor.TextOnSurfaceSubtle)};\n  }\n\n  &::after {\n    ${indicatorPositionStyle[size][getModeIndicatorPosition(indicatorPosition, mode)][itemContentDirection].selected.disabled};\n  }\n`;"],"names":["getFabricStyles","theme","layer","state","States","surface","Surfaces","getTooltipLabelSize","size","Sizes","getModeIndicatorPosition","indicatorPosition","mode","Positions","getSubMenuSelectedIndicatorStyle","itemContentDirection","Directions","css","indicatorPositionStyle","getMenuItemSelectedStyle","LayerColor","getMenuItemDisabledStyle"],"mappings":";;;;;AAQO,MAAMA,IAAkB,CAC7BC,GACAC,GACAC,IAAmBC,EAAO,SAC1BC,IAAuBC,EAAS,YAC7BL,EAAM,SAAS,EAAE,OAAAE,GAAO,SAAAE,EAAS,CAAA,EAAEH,CAAK,GAGhCK,IAAsB,CAACC,MAC9B,CAACC,EAAM,OAAOA,EAAM,MAAM,EAAE,SAASD,CAAI,IACpCC,EAAM,QAGRA,EAAM,QAGFC,IAA2B,CAACC,GAAgDC,MACnFA,MAAS,eACJD,MAAsBE,EAAU,MAAMA,EAAU,MAAMA,EAAU,SAGlEF,MAAsBE,EAAU,OAAOA,EAAU,OAAOA,EAAU,OAG9DC,IAAmC,CAC9CH,GACAC,GACAG,IAAoEC,EAAW,YAC/ER,IAAuBC,EAAM,WAC1BQ;AAAA;AAAA,MAECC,EAAuBV,CAAI,EAAEE,EAAyBC,GAAmBC,CAAI,CAAC,EAAEG,CAAoB,EAAE,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,QAKpHG,EAAuBV,CAAI,EAAEE,EAAyBC,GAAmBC,CAAI,CAAC,EAAEG,CAAoB,EAAE,SAAS,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMpHG,EAAuBV,CAAI,EAAEE,EAAyBC,GAAmBC,CAAI,CAAC,EAAEG,CAAoB,EAAE,SAAS,MAAM;AAAA;AAAA;AAAA,GAKhHI,IAA2B,CACtClB,GACAU,GACAC,GACAG,IAAoEC,EAAW,YAC/ER,IAAuBC,EAAM,WAC1BQ;AAAA,sBACiBjB,EAAgBC,GAAOmB,EAAW,mBAAmBhB,EAAO,SAASE,EAAS,OAAO,CAAC;AAAA;AAAA;AAAA,wBAGpFN,EAAgBC,GAAOmB,EAAW,mBAAmBhB,EAAO,OAAOE,EAAS,OAAO,CAAC;AAAA;AAAA;AAAA,QAGpGY,EAAuBV,CAAI,EAAEE,EAAyBC,GAAmBC,CAAI,CAAC,EAAEG,CAAoB,EAAE,SAAS,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKpGf,EAAgBC,GAAOmB,EAAW,mBAAmBhB,EAAO,QAAQE,EAAS,OAAO,CAAC;AAAA;AAAA;AAAA,QAGrGY,EAAuBV,CAAI,EAAEE,EAAyBC,GAAmBC,CAAI,CAAC,EAAEG,CAAoB,EAAE,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,MAKvHG,EAAuBV,CAAI,EAAEE,EAAyBC,GAAmBC,CAAI,CAAC,EAAEG,CAAoB,EAAE,SAAS,OAAO;AAAA;AAAA,GAI/GM,IAA2B,CACtCpB,GACAU,GACAC,GACAG,IAAoEC,EAAW,YAC/ER,IAAuBC,EAAM,WAC1BQ;AAAA,WACMjB,EAAgBC,GAAOmB,EAAW,mBAAmB,CAAC;AAAA,sBAC3CpB,EAAgBC,GAAOmB,EAAW,mBAAmBhB,EAAO,SAASE,EAAS,OAAO,CAAC;AAAA;AAAA;AAAA,WAGjGN,EAAgBC,GAAOmB,EAAW,mBAAmB,CAAC;AAAA;AAAA;AAAA;AAAA,MAI3DF,EAAuBV,CAAI,EAAEE,EAAyBC,GAAmBC,CAAI,CAAC,EAAEG,CAAoB,EAAE,SAAS,QAAQ;AAAA;AAAA;"}

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

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

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

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

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

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

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

@@ -2,6 +2,7 @@
 import { MenuMode } from 'rc-menu/lib/interface';
 import { IMenuProps } from '../Menu.types';
 interface IContent extends Pick<IMenuProps, 'mode' | 'children'> {
+    style?: React.CSSProperties;
 }
 interface IMenuContainer extends Pick<IMenuProps, 'inlineCollapsed' | 'mode' | 'size'> {
 }
@@ -9,10 +10,12 @@ export declare const VerticalContainerHeader: import("styled-components").Styled
 export declare const VerticalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IMenuContainer, never>;
 export declare const HorizontalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IMenuContainer, never>;
 export declare const HorizontalCenteredContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IMenuContainer, never>;
-export declare const StyledInlineMenu: import("styled-components").StyledComponent<({ className, mode, size, inlineCollapsed, emphasis, indicatorPosition, items, selectedPath, selectedKeys, itemRender, children, ...rest }: IMenuProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, import("styled-components").DefaultTheme, IMenuContainer, never>;
+export declare const StyledInlineMenu: import("styled-components").StyledComponent<({ className, mode, size, inlineCollapsed, emphasis, indicatorPosition, itemContentDirection, items, selectedPath, selectedKeys, itemRender, children, ...rest }: IMenuProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, import("styled-components").DefaultTheme, IMenuContainer, never>;
 export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     mode?: MenuMode | undefined;
+    isSingle?: boolean | undefined;
 }, never>;
-export declare const Content: ({ mode, children }: IContent) => import("react/jsx-runtime").JSX.Element;
+export declare const StyledLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const Content: ({ mode, children, style }: IContent) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Story.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Story.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/_stories/Story.styles.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMjD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,UAAU,QAAS,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,UAAU,CAAC;CAAG;AACnE,UAAU,cAAe,SAAQ,IAAI,CAAC,UAAU,EAAE,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAC;CAAG;AAYzF,eAAO,MAAM,uBAAuB,yGAAe,CAAC;AAEpD,eAAO,MAAM,iBAAiB,qHAW7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,qHAI/B,CAAC;AAEF,eAAO,MAAM,2BAA2B,qHAGvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,iWAI5B,CAAC;AAEF,eAAO,MAAM,OAAO;;SAMnB,CAAC;AAeF,eAAO,MAAM,OAAO,uBAAwB,QAAQ,4CASnD,CAAC"}
+{"version":3,"file":"Story.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/_stories/Story.styles.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAOjD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,UAAU,QAAS,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,UAAU,CAAC;IAAG,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAAE;AAChG,UAAU,cAAe,SAAQ,IAAI,CAAC,UAAU,EAAE,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAC;CAAI;AAa1F,eAAO,MAAM,uBAAuB,yGAAe,CAAC;AAEpD,eAAO,MAAM,iBAAiB,qHAW7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,qHAK/B,CAAC;AAEF,eAAO,MAAM,2BAA2B,qHAGvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,uXAI5B,CAAC;AAEF,eAAO,MAAM,OAAO;;;SAYnB,CAAC;AAeF,eAAO,MAAM,UAAU,sOAEtB,CAAC;AAEF,eAAO,MAAM,OAAO,8BAA+B,QAAQ,4CAS1D,CAAC"}

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

@@ -1,6 +1,6 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Divider as e } from "rc-menu";
-const o = ({ ...i }) => /* @__PURE__ */ r(e, { ...i }), m = o;
+import { jsx as i } from "react/jsx-runtime";
+import { Divider as o } from "rc-menu";
+const m = ({ ...r }) => /* @__PURE__ */ i(o, { ...r });
 export {
   m as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"MenuDivider.js","sources":["../../../../../src/components/Menu/components/MenuDivider.tsx"],"sourcesContent":["import { ReactElement } from 'react';\n\nimport { Divider } from 'rc-menu';\nimport { DividerProps } from 'rc-menu/lib/Divider';\n\nexport interface IMenuDividerProps extends DividerProps {}\n\nconst MenuDivider = ({ ...props }: IMenuDividerProps): ReactElement => <Divider {...props} />;\n\nexport default MenuDivider;\n"],"names":["MenuDivider","props","jsx","Divider","MenuDivider$1"],"mappings":";;AAOA,MAAMA,IAAc,CAAC,EAAE,GAAGC,EAA6C,MAAA,gBAAAC,EAACC,GAAS,EAAA,GAAGF,EAAO,CAAA,GAE3FG,IAAeJ;"}
+{"version":3,"file":"MenuDivider.js","sources":["../../../../../src/components/Menu/components/MenuDivider.tsx"],"sourcesContent":["import { ReactElement } from 'react';\n\nimport { Divider } from 'rc-menu';\nimport { DividerProps } from 'rc-menu/lib/Divider';\n\nexport interface IMenuDividerProps extends DividerProps {}\n\nconst MenuDivider = ({ ...props }: IMenuDividerProps): ReactElement => <Divider {...props} />;\n\nexport default MenuDivider;\n"],"names":["MenuDivider","props","jsx","Divider"],"mappings":";;AAOM,MAAAA,IAAc,CAAC,EAAE,GAAGC,QAA6C,gBAAAC,EAACC,GAAS,EAAA,GAAGF,EAAO,CAAA;"}