acinguiux-ds-react-framework 0.1.23 → 0.1.25

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

@@ -1,73 +1,70 @@
-import { css as u } from "styled-components";
-import { FabricsVariables as s } from "acinguiux-ds-fabrics";
-import { Sizes as l, Positions as o } from "../../react-base/src/consts/index.js";
-import { Variables as c } from "../../react-base/src/theme/types/layer.js";
-import { getIndicatorPositionStyle as d } from "./styles/indicator.styles.js";
-const S = (t, e = s.States.Resting, n = s.Foundations.Surface, a = !1, r = !1) => t.layer({ foundation: n, disabled: r, state: e, muted: a })[c.BackgroundFoundation], M = (t) => t === l.XSmall ? l.Small : t, f = (t, e) => e === "horizontal" ? t === o.Top ? o.Top : o.Bottom : t === o.Left ? o.Left : o.Right, $ = (t, e, n = o.Left, a = l.Medium, r = !1, i = !1) => u`
+import { css as c } from "styled-components";
+import { FabricsVariables as r } from "acinguiux-ds-fabrics";
+import { Sizes as s, Positions as a } from "../../react-base/src/consts/index.js";
+import { Variables as l } from "../../react-base/src/theme/types/layer.js";
+import { getIndicatorPositionStyle as u } from "./styles/indicator.styles.js";
+const g = (t, o = r.States.Resting, i = r.Foundations.Surface, n = !1, e = !1) => t.layer({ foundation: i, disabled: e, state: o, muted: n })[l.BackgroundFoundation], F = (t) => t === s.XSmall ? s.Small : t, d = (t, o) => o === "horizontal" ? t === a.Top ? a.Top : a.Bottom : t === a.Left ? a.Left : a.Right, M = (t, o, i = s.Medium, n = !1, e = !1) => c`
   &::after {
-    ${d({
-  indicatorPosition: f(t, e),
-  size: a,
+    ${u({
+  indicatorPosition: d(t, o),
+  size: i,
   state: "resting",
   active: !0,
-  disabled: i,
-  muted: r,
-  iconPosition: n
+  disabled: e,
+  muted: n
 })};
   }
-`, L = (t, e, n, a = o.Left, r = l.Medium, i = !1) => u`
-  background-color: ${S(
+`, $ = (t, o, i, n = s.Medium, e = !1) => c`
+  background-color: ${g(
   t,
-  s.States.Resting,
-  s.Foundations.Section,
-  i
+  r.States.Resting,
+  r.Foundations.Section,
+  e
 )};
 
   &::after {
-    ${d({
-  indicatorPosition: f(e, n),
-  size: r,
+    ${u({
+  indicatorPosition: d(o, i),
+  size: n,
   state: "resting",
   active: !0,
-  muted: i,
-  iconPosition: a
+  muted: e
 })};
   }
-`, I = (t, e, n, a = o.Left, r = l.Medium, i = !1) => {
-  const g = t.layer({ foundation: "surface", disabled: !0, muted: i });
-  return u`
-    color: ${g[c.TextOnFoundationSubtle]};
-    background-color: ${S(
+`, I = (t, o, i, n = s.Medium, e = !1) => {
+  const f = t.layer({ foundation: "surface", disabled: !0, muted: e });
+  return c`
+    color: ${f[l.TextOnFoundationSubtle]};
+    background-color: ${g(
     t,
-    s.States.Resting,
-    s.Foundations.Section,
-    i,
+    r.States.Resting,
+    r.Foundations.Section,
+    e,
     !0
   )};
 
     svg {
-      fill: ${g[c.TextOnFoundationSubtle]};
+      fill: ${f[l.TextOnFoundationSubtle]};
     }
 
     &::after {
-      ${d({
-    indicatorPosition: f(e, n),
-    size: r,
+      ${u({
+    indicatorPosition: d(o, i),
+    size: n,
     state: "resting",
     active: !0,
     disabled: !0,
-    muted: i,
-    iconPosition: a
+    muted: e
   })};
     }
   `;
 };
 export {
-  S as getBackgroundColor,
+  g as getBackgroundColor,
   I as getMenuItemDisabledStyle,
-  L as getMenuItemSelectedStyle,
-  f as getModeIndicatorPosition,
-  $ as getSubMenuSelectedIndicatorStyle,
-  M as getTooltipLabelSize
+  $ as getMenuItemSelectedStyle,
+  d as getModeIndicatorPosition,
+  M as getSubMenuSelectedIndicatorStyle,
+  F as getTooltipLabelSize
 };
 //# sourceMappingURL=Menu.utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.utils.js","sources":["../../../../src/components/Menu/Menu.utils.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { Positions, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { Variables, type Theme } from 'acinguiux-ds-react-base/theme';\nimport type { MenuTypes } from 'acinguiux-ds-react-base/components/Menu';\n\nimport { getIndicatorPositionStyle } from './styles/indicator.styles';\nimport type { StyledMenuProps } from './Menu.types';\n\ntype ModeType = 'inline' | 'vertical' | 'horizontal';\n\nexport const getBackgroundColor = (\n  theme: Theme,\n  state: FabricsVariables.StateType = FabricsVariables.States.Resting,\n  foundation: FabricsVariables.FoundationType = FabricsVariables.Foundations.Surface,\n  muted = false,\n  disabled = false,\n) => theme.layer({ foundation, disabled, state, muted })[Variables.BackgroundFoundation];\n\nexport const getTooltipLabelSize = (size: MenuTypes.Size): MenuTypes.Size =>\n  size === Sizes.XSmall ? Sizes.Small : size;\n\nexport const getModeIndicatorPosition = (indicatorPosition: MenuTypes.IndicatorPosition, mode?: ModeType) => {\n  if (mode === 'horizontal') {\n    return indicatorPosition === Positions.Top ? Positions.Top : Positions.Bottom;\n  }\n\n  return indicatorPosition === Positions.Left ? Positions.Left : Positions.Right;\n};\n\nexport const getSubMenuSelectedIndicatorStyle = (\n  indicatorPosition: MenuTypes.IndicatorPosition,\n  mode?: ModeType,\n  iconPosition: MenuTypes.IconPosition = Positions.Left,\n  size: MenuTypes.Size = Sizes.Medium,\n  muted = false,\n  disabled = false,\n) => css<StyledMenuProps>`\n  &::after {\n    ${getIndicatorPositionStyle({\n      indicatorPosition: getModeIndicatorPosition(indicatorPosition, mode),\n      size,\n      state: 'resting',\n      active: true,\n      disabled,\n      muted,\n      iconPosition,\n    })};\n  }\n`;\n\nexport const getMenuItemSelectedStyle = (\n  theme: Theme,\n  indicatorPosition: MenuTypes.IndicatorPosition,\n  mode?: ModeType,\n  iconPosition: MenuTypes.IconPosition = Positions.Left,\n  size: MenuTypes.Size = Sizes.Medium,\n  muted = false,\n) => css<StyledMenuProps>`\n  background-color: ${getBackgroundColor(\n    theme,\n    FabricsVariables.States.Resting,\n    FabricsVariables.Foundations.Section,\n    muted,\n  )};\n\n  &::after {\n    ${getIndicatorPositionStyle({\n      indicatorPosition: getModeIndicatorPosition(indicatorPosition, mode),\n      size,\n      state: 'resting',\n      active: true,\n      muted,\n      iconPosition,\n    })};\n  }\n`;\n\nexport const getMenuItemDisabledStyle = (\n  theme: Theme,\n  indicatorPosition: MenuTypes.IndicatorPosition,\n  mode?: ModeType,\n  iconPosition: MenuTypes.IconPosition = Positions.Left,\n  size: MenuTypes.Size = Sizes.Medium,\n  muted = false,\n) => {\n  const layer = theme.layer({ foundation: 'surface', disabled: true, muted });\n\n  return css<StyledMenuProps>`\n    color: ${layer[Variables.TextOnFoundationSubtle]};\n    background-color: ${getBackgroundColor(\n      theme,\n      FabricsVariables.States.Resting,\n      FabricsVariables.Foundations.Section,\n      muted,\n      true,\n    )};\n\n    svg {\n      fill: ${layer[Variables.TextOnFoundationSubtle]};\n    }\n\n    &::after {\n      ${getIndicatorPositionStyle({\n        indicatorPosition: getModeIndicatorPosition(indicatorPosition, mode),\n        size,\n        state: 'resting',\n        active: true,\n        disabled: true,\n        muted,\n        iconPosition,\n      })};\n    }\n  `;\n};\n"],"names":["getBackgroundColor","theme","state","FabricsVariables","foundation","muted","disabled","Variables","getTooltipLabelSize","size","Sizes","getModeIndicatorPosition","indicatorPosition","mode","Positions","getSubMenuSelectedIndicatorStyle","iconPosition","css","getIndicatorPositionStyle","getMenuItemSelectedStyle","getMenuItemDisabledStyle","layer"],"mappings":";;;;;AAWO,MAAMA,IAAqB,CAChCC,GACAC,IAAoCC,EAAiB,OAAO,SAC5DC,IAA8CD,EAAiB,YAAY,SAC3EE,IAAQ,IACRC,IAAW,OACRL,EAAM,MAAM,EAAE,YAAAG,GAAY,UAAAE,GAAU,OAAAJ,GAAO,OAAAG,GAAO,EAAEE,EAAU,oBAAoB,GAE1EC,IAAsB,CAACC,MAClCA,MAASC,EAAM,SAASA,EAAM,QAAQD,GAE3BE,IAA2B,CAACC,GAAgDC,MACnFA,MAAS,eACJD,MAAsBE,EAAU,MAAMA,EAAU,MAAMA,EAAU,SAGlEF,MAAsBE,EAAU,OAAOA,EAAU,OAAOA,EAAU,OAG9DC,IAAmC,CAC9CH,GACAC,GACAG,IAAuCF,EAAU,MACjDL,IAAuBC,EAAM,QAC7BL,IAAQ,IACRC,IAAW,OACRW;AAAA;AAAA,MAECC,EAA0B;AAAA,EAC1B,mBAAmBP,EAAyBC,GAAmBC,CAAI;AAAA,EACnE,MAAAJ;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAAH;AAAA,EACA,OAAAD;AAAA,EACA,cAAAW;AACF,CAAC,CAAC;AAAA;AAAA,GAIOG,IAA2B,CACtClB,GACAW,GACAC,GACAG,IAAuCF,EAAU,MACjDL,IAAuBC,EAAM,QAC7BL,IAAQ,OACLY;AAAA,sBACiBjB;AAAA,EAClBC;AAAA,EACAE,EAAiB,OAAO;AAAA,EACxBA,EAAiB,YAAY;AAAA,EAC7BE;AACF,CAAC;AAAA;AAAA;AAAA,MAGGa,EAA0B;AAAA,EAC1B,mBAAmBP,EAAyBC,GAAmBC,CAAI;AAAA,EACnE,MAAAJ;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAAJ;AAAA,EACA,cAAAW;AACF,CAAC,CAAC;AAAA;AAAA,GAIOI,IAA2B,CACtCnB,GACAW,GACAC,GACAG,IAAuCF,EAAU,MACjDL,IAAuBC,EAAM,QAC7BL,IAAQ,OACL;AACH,QAAMgB,IAAQpB,EAAM,MAAM,EAAE,YAAY,WAAW,UAAU,IAAM,OAAAI,GAAO;AAE1E,SAAOY;AAAA,aACII,EAAMd,EAAU,sBAAsB,CAAC;AAAA,wBAC5BP;AAAA,IAClBC;AAAA,IACAE,EAAiB,OAAO;AAAA,IACxBA,EAAiB,YAAY;AAAA,IAC7BE;AAAA,IACA;AAAA,EAAA,CACD;AAAA;AAAA;AAAA,cAGSgB,EAAMd,EAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA,QAI7CW,EAA0B;AAAA,IAC1B,mBAAmBP,EAAyBC,GAAmBC,CAAI;AAAA,IACnE,MAAAJ;AAAA,IACA,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAAJ;AAAA,IACA,cAAAW;AAAA,EAAA,CACD,CAAC;AAAA;AAAA;AAGR;"}
+{"version":3,"file":"Menu.utils.js","sources":["../../../../src/components/Menu/Menu.utils.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { Positions, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { Variables, type Theme } from 'acinguiux-ds-react-base/theme';\nimport type { MenuTypes } from 'acinguiux-ds-react-base/components/Menu';\n\nimport { getIndicatorPositionStyle } from './styles/indicator.styles';\nimport type { StyledMenuProps } from './Menu.types';\n\ntype ModeType = 'inline' | 'vertical' | 'horizontal';\n\nexport const getBackgroundColor = (\n  theme: Theme,\n  state: FabricsVariables.StateType = FabricsVariables.States.Resting,\n  foundation: FabricsVariables.FoundationType = FabricsVariables.Foundations.Surface,\n  muted = false,\n  disabled = false,\n) => theme.layer({ foundation, disabled, state, muted })[Variables.BackgroundFoundation];\n\nexport const getTooltipLabelSize = (size: MenuTypes.Size): MenuTypes.Size =>\n  size === Sizes.XSmall ? Sizes.Small : size;\n\nexport const getModeIndicatorPosition = (indicatorPosition: MenuTypes.IndicatorPosition, mode?: ModeType) => {\n  if (mode === 'horizontal') {\n    return indicatorPosition === Positions.Top ? Positions.Top : Positions.Bottom;\n  }\n\n  return indicatorPosition === Positions.Left ? Positions.Left : Positions.Right;\n};\n\nexport const getSubMenuSelectedIndicatorStyle = (\n  indicatorPosition: MenuTypes.IndicatorPosition,\n  mode?: ModeType,\n  size: MenuTypes.Size = Sizes.Medium,\n  muted = false,\n  disabled = false,\n) => css<StyledMenuProps>`\n  &::after {\n    ${getIndicatorPositionStyle({\n      indicatorPosition: getModeIndicatorPosition(indicatorPosition, mode),\n      size,\n      state: 'resting',\n      active: true,\n      disabled,\n      muted,\n    })};\n  }\n`;\n\nexport const getMenuItemSelectedStyle = (\n  theme: Theme,\n  indicatorPosition: MenuTypes.IndicatorPosition,\n  mode?: ModeType,\n  size: MenuTypes.Size = Sizes.Medium,\n  muted = false,\n) => css<StyledMenuProps>`\n  background-color: ${getBackgroundColor(\n    theme,\n    FabricsVariables.States.Resting,\n    FabricsVariables.Foundations.Section,\n    muted,\n  )};\n\n  &::after {\n    ${getIndicatorPositionStyle({\n      indicatorPosition: getModeIndicatorPosition(indicatorPosition, mode),\n      size,\n      state: 'resting',\n      active: true,\n      muted,\n    })};\n  }\n`;\n\nexport const getMenuItemDisabledStyle = (\n  theme: Theme,\n  indicatorPosition: MenuTypes.IndicatorPosition,\n  mode?: ModeType,\n  size: MenuTypes.Size = Sizes.Medium,\n  muted = false,\n) => {\n  const layer = theme.layer({ foundation: 'surface', disabled: true, muted });\n\n  return css<StyledMenuProps>`\n    color: ${layer[Variables.TextOnFoundationSubtle]};\n    background-color: ${getBackgroundColor(\n      theme,\n      FabricsVariables.States.Resting,\n      FabricsVariables.Foundations.Section,\n      muted,\n      true,\n    )};\n\n    svg {\n      fill: ${layer[Variables.TextOnFoundationSubtle]};\n    }\n\n    &::after {\n      ${getIndicatorPositionStyle({\n        indicatorPosition: getModeIndicatorPosition(indicatorPosition, mode),\n        size,\n        state: 'resting',\n        active: true,\n        disabled: true,\n        muted,\n      })};\n    }\n  `;\n};\n"],"names":["getBackgroundColor","theme","state","FabricsVariables","foundation","muted","disabled","Variables","getTooltipLabelSize","size","Sizes","getModeIndicatorPosition","indicatorPosition","mode","Positions","getSubMenuSelectedIndicatorStyle","css","getIndicatorPositionStyle","getMenuItemSelectedStyle","getMenuItemDisabledStyle","layer"],"mappings":";;;;;AAWO,MAAMA,IAAqB,CAChCC,GACAC,IAAoCC,EAAiB,OAAO,SAC5DC,IAA8CD,EAAiB,YAAY,SAC3EE,IAAQ,IACRC,IAAW,OACRL,EAAM,MAAM,EAAE,YAAAG,GAAY,UAAAE,GAAU,OAAAJ,GAAO,OAAAG,GAAO,EAAEE,EAAU,oBAAoB,GAE1EC,IAAsB,CAACC,MAClCA,MAASC,EAAM,SAASA,EAAM,QAAQD,GAE3BE,IAA2B,CAACC,GAAgDC,MACnFA,MAAS,eACJD,MAAsBE,EAAU,MAAMA,EAAU,MAAMA,EAAU,SAGlEF,MAAsBE,EAAU,OAAOA,EAAU,OAAOA,EAAU,OAG9DC,IAAmC,CAC9CH,GACAC,GACAJ,IAAuBC,EAAM,QAC7BL,IAAQ,IACRC,IAAW,OACRU;AAAA;AAAA,MAECC,EAA0B;AAAA,EAC1B,mBAAmBN,EAAyBC,GAAmBC,CAAI;AAAA,EACnE,MAAAJ;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAAH;AAAA,EACA,OAAAD;AACF,CAAC,CAAC;AAAA;AAAA,GAIOa,IAA2B,CACtCjB,GACAW,GACAC,GACAJ,IAAuBC,EAAM,QAC7BL,IAAQ,OACLW;AAAA,sBACiBhB;AAAA,EAClBC;AAAA,EACAE,EAAiB,OAAO;AAAA,EACxBA,EAAiB,YAAY;AAAA,EAC7BE;AACF,CAAC;AAAA;AAAA;AAAA,MAGGY,EAA0B;AAAA,EAC1B,mBAAmBN,EAAyBC,GAAmBC,CAAI;AAAA,EACnE,MAAAJ;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAAJ;AACF,CAAC,CAAC;AAAA;AAAA,GAIOc,IAA2B,CACtClB,GACAW,GACAC,GACAJ,IAAuBC,EAAM,QAC7BL,IAAQ,OACL;AACH,QAAMe,IAAQnB,EAAM,MAAM,EAAE,YAAY,WAAW,UAAU,IAAM,OAAAI,GAAO;AAE1E,SAAOW;AAAA,aACII,EAAMb,EAAU,sBAAsB,CAAC;AAAA,wBAC5BP;AAAA,IAClBC;AAAA,IACAE,EAAiB,OAAO;AAAA,IACxBA,EAAiB,YAAY;AAAA,IAC7BE;AAAA,IACA;AAAA,EAAA,CACD;AAAA;AAAA;AAAA,cAGSe,EAAMb,EAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA,QAI7CU,EAA0B;AAAA,IAC1B,mBAAmBN,EAAyBC,GAAmBC,CAAI;AAAA,IACnE,MAAAJ;AAAA,IACA,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAAJ;AAAA,EAAA,CACD,CAAC;AAAA;AAAA;AAGR;"}

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import type { MenuMode } from '@rc-component/menu/lib/interface';
+export declare const MenuContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $mode?: MenuMode;
+    $isSingle?: boolean;
+}>> & string;
+export declare const Content: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Story.styles.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import type { MenuItemProps as RCMenuItemProps } from '@rc-component/menu/lib/MenuItem';
+import type { MenuTypes } from '../../../react-base/src/components/Menu';
+import type { BadgeTypes } from '../../../react-base/src/components/Badge';
+export interface IMenuItemProps extends RCMenuItemProps {
+    level?: number;
+    path?: string;
+    badge?: Omit<BadgeTypes.IProps, 'size'>;
+    itemRender?: MenuTypes.ItemRender;
+}
+declare const MenuItem: import("react").ForwardRefExoticComponent<IMenuItemProps & import("react").RefAttributes<HTMLElement>>;
+export default MenuItem;
+//# sourceMappingURL=MenuItem.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { type RefObject, type HTMLAttributes } from 'react';
+import type { MenuTypes } from '../../../react-base/src/components/Menu';
+import type { BadgeTypes } from '../../../react-base/src/components/Badge';
+import type { IMenuProps } from '../Menu.types';
+export type MenuLabelRequiredTypes = 'itemIcon' | 'className' | 'children' | 'size';
+export interface IMenuLabelProps extends Pick<IMenuProps, MenuLabelRequiredTypes>, Omit<HTMLAttributes<HTMLElement>, 'onClick' | 'onMouseEnter' | 'onMouseLeave' | 'onSelect'> {
+    parentRef?: RefObject<HTMLElement>;
+    path?: string;
+    badge?: Omit<BadgeTypes.IProps, 'size'>;
+    itemRender?: MenuTypes.ItemRender;
+}
+declare const MenuLabel: import("react").ForwardRefExoticComponent<IMenuLabelProps & import("react").RefAttributes<HTMLElement>>;
+export default MenuLabel;
+//# sourceMappingURL=MenuLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuLabel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/components/MenuLabel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAKL,KAAK,SAAS,EAEd,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAG3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIhD,MAAM,MAAM,sBAAsB,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;AAEpF,MAAM,WAAW,eACf,SACE,IAAI,CAAC,UAAU,EAAE,sBAAsB,CAAC,EACxC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,SAAS,GAAG,cAAc,GAAG,cAAc,GAAG,UAAU,CAAC;IAC7F,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC;CACnC;AAED,QAAA,MAAM,SAAS,yGAyBd,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"MenuLabel.js","sources":["../../../../../src/components/Menu/components/MenuLabel.tsx"],"sourcesContent":["/* Focus and key events are disabled since menu handles them internally.\n   onClick added to circumvent event propagation being blocked by tooltip. */\n\nimport {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type ReactElement,\n  type RefObject,\n  useContext,\n  type HTMLAttributes,\n  useMemo,\n} from 'react';\n\nimport classNames from 'classnames';\nimport { MENU_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { MenuTypes } from 'acinguiux-ds-react-base/components/Menu';\nimport type { BadgeTypes } from 'acinguiux-ds-react-base/components/Badge';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport type { IMenuProps } from '../Menu.types';\nimport MenuContext from '../MenuContext';\nimport Badge from '../../Badge/Badge';\n\nexport type MenuLabelRequiredTypes = 'itemIcon' | 'className' | 'children' | 'size';\n\nexport interface IMenuLabelProps\n  extends Pick<IMenuProps, MenuLabelRequiredTypes>,\n    Omit<HTMLAttributes<HTMLElement>, 'onClick' | 'onMouseEnter' | 'onMouseLeave' | 'onSelect'> {\n  parentRef?: RefObject<HTMLElement>;\n  path?: string;\n  badge?: Omit<BadgeTypes.IProps, 'size'>;\n  itemRender?: MenuTypes.ItemRender;\n}\n\nconst MenuLabel = forwardRef<HTMLElement, IMenuLabelProps>(\n  ({ children, itemIcon, path, className, parentRef: _parentRef, badge, itemRender, ...rest }, ref): ReactElement => {\n    const { itemRender: menuItemRender, size, inlineCollapsed } = useContext(MenuContext);\n    const currentItemRender = useMemo(() => itemRender ?? menuItemRender, [itemRender, menuItemRender]);\n\n    const elementProps = {\n      ref,\n      className: classNames(`${MENU_CLASS}-label`, className),\n      ...rest,\n    };\n\n    const content = (\n      <>\n        {isValidElement(itemIcon) && <span className={`${MENU_CLASS}-label-icon`}>{itemIcon}</span>}\n        {!!children && <span className={`${MENU_CLASS}-label-text`}>{children}</span>}\n        {badge && !inlineCollapsed && <Badge size={getSmallerSize(size) as BadgeTypes.Size} {...badge} />}\n      </>\n    );\n\n    return path && children && currentItemRender ? (\n      cloneElement(currentItemRender({ path, children: content }), { ...elementProps, tabIndex: -1 })\n    ) : (\n      <span {...elementProps}>{content}</span>\n    );\n  },\n);\n\nexport default MenuLabel;\n"],"names":["MenuLabel","forwardRef","children","itemIcon","path","className","_parentRef","badge","itemRender","rest","ref","menuItemRender","size","inlineCollapsed","useContext","MenuContext","currentItemRender","useMemo","elementProps","classNames","MENU_CLASS","content","jsxs","Fragment","isValidElement","jsx","Badge","getSmallerSize","cloneElement"],"mappings":";;;;;;;AAmCA,MAAMA,IAAYC;AAAA,EAChB,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,MAAAC,GAAM,WAAAC,GAAW,WAAWC,GAAY,OAAAC,GAAO,YAAAC,GAAY,GAAGC,EAAA,GAAQC,MAAsB;AACjH,UAAM,EAAE,YAAYC,GAAgB,MAAAC,GAAM,iBAAAC,EAAA,IAAoBC,EAAWC,CAAW,GAC9EC,IAAoBC,EAAQ,MAAMT,KAAcG,GAAgB,CAACH,GAAYG,CAAc,CAAC,GAE5FO,IAAe;AAAA,MACnB,KAAAR;AAAA,MACA,WAAWS,EAAW,GAAGC,CAAU,UAAUf,CAAS;AAAA,MACtD,GAAGI;AAAA,IAAA,GAGCY,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,MAAAC,EAAerB,CAAQ,KAAK,gBAAAsB,EAAC,QAAA,EAAK,WAAW,GAAGL,CAAU,eAAgB,UAAAjB,EAAA,CAAS;AAAA,MACnF,CAAC,CAACD,KAAY,gBAAAuB,EAAC,UAAK,WAAW,GAAGL,CAAU,eAAgB,UAAAlB,GAAS;AAAA,MACrEK,KAAS,CAACM,KAAmB,gBAAAY,EAACC,GAAA,EAAM,MAAMC,EAAef,CAAI,GAAuB,GAAGL,EAAA,CAAO;AAAA,IAAA,GACjG;AAGF,WAAOH,KAAQF,KAAYc,IACzBY,EAAaZ,EAAkB,EAAE,MAAAZ,GAAM,UAAUiB,EAAA,CAAS,GAAG,EAAE,GAAGH,GAAc,UAAU,GAAA,CAAI,IAE9F,gBAAAO,EAAC,QAAA,EAAM,GAAGP,GAAe,UAAAG,GAAQ;AAAA,EAErC;AACF;"}
+{"version":3,"file":"MenuLabel.js","sources":["../../../../../src/components/Menu/components/MenuLabel.tsx"],"sourcesContent":["/* Focus and key events are disabled since menu handles them internally.\n   onClick added to circumvent event propagation being blocked by tooltip. */\n\nimport {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type ReactElement,\n  type RefObject,\n  useContext,\n  type HTMLAttributes,\n  useMemo,\n} from 'react';\n\nimport classNames from 'classnames';\nimport { MENU_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { MenuTypes } from 'acinguiux-ds-react-base/components/Menu';\nimport type { BadgeTypes } from 'acinguiux-ds-react-base/components/Badge';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport type { IMenuProps } from '../Menu.types';\nimport MenuContext from '../MenuContext';\nimport Badge from '../../Badge/Badge';\n\nexport type MenuLabelRequiredTypes = 'itemIcon' | 'className' | 'children' | 'size';\n\nexport interface IMenuLabelProps\n  extends\n    Pick<IMenuProps, MenuLabelRequiredTypes>,\n    Omit<HTMLAttributes<HTMLElement>, 'onClick' | 'onMouseEnter' | 'onMouseLeave' | 'onSelect'> {\n  parentRef?: RefObject<HTMLElement>;\n  path?: string;\n  badge?: Omit<BadgeTypes.IProps, 'size'>;\n  itemRender?: MenuTypes.ItemRender;\n}\n\nconst MenuLabel = forwardRef<HTMLElement, IMenuLabelProps>(\n  ({ children, itemIcon, path, className, parentRef: _parentRef, badge, itemRender, ...rest }, ref): ReactElement => {\n    const { itemRender: menuItemRender, size, inlineCollapsed } = useContext(MenuContext);\n    const currentItemRender = useMemo(() => itemRender ?? menuItemRender, [itemRender, menuItemRender]);\n\n    const elementProps = {\n      ref,\n      className: classNames(`${MENU_CLASS}-label`, className),\n      ...rest,\n    };\n\n    const content = (\n      <>\n        {isValidElement(itemIcon) && <span className={`${MENU_CLASS}-label-icon`}>{itemIcon}</span>}\n        {!!children && <span className={`${MENU_CLASS}-label-text`}>{children}</span>}\n        {badge && !inlineCollapsed && <Badge size={getSmallerSize(size) as BadgeTypes.Size} {...badge} />}\n      </>\n    );\n\n    return path && children && currentItemRender ? (\n      cloneElement(currentItemRender({ path, children: content }), { ...elementProps, tabIndex: -1 })\n    ) : (\n      <span {...elementProps}>{content}</span>\n    );\n  },\n);\n\nexport default MenuLabel;\n"],"names":["MenuLabel","forwardRef","children","itemIcon","path","className","_parentRef","badge","itemRender","rest","ref","menuItemRender","size","inlineCollapsed","useContext","MenuContext","currentItemRender","useMemo","elementProps","classNames","MENU_CLASS","content","jsxs","Fragment","isValidElement","jsx","Badge","getSmallerSize","cloneElement"],"mappings":";;;;;;;AAoCA,MAAMA,IAAYC;AAAA,EAChB,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,MAAAC,GAAM,WAAAC,GAAW,WAAWC,GAAY,OAAAC,GAAO,YAAAC,GAAY,GAAGC,EAAA,GAAQC,MAAsB;AACjH,UAAM,EAAE,YAAYC,GAAgB,MAAAC,GAAM,iBAAAC,EAAA,IAAoBC,EAAWC,CAAW,GAC9EC,IAAoBC,EAAQ,MAAMT,KAAcG,GAAgB,CAACH,GAAYG,CAAc,CAAC,GAE5FO,IAAe;AAAA,MACnB,KAAAR;AAAA,MACA,WAAWS,EAAW,GAAGC,CAAU,UAAUf,CAAS;AAAA,MACtD,GAAGI;AAAA,IAAA,GAGCY,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,MAAAC,EAAerB,CAAQ,KAAK,gBAAAsB,EAAC,QAAA,EAAK,WAAW,GAAGL,CAAU,eAAgB,UAAAjB,EAAA,CAAS;AAAA,MACnF,CAAC,CAACD,KAAY,gBAAAuB,EAAC,UAAK,WAAW,GAAGL,CAAU,eAAgB,UAAAlB,GAAS;AAAA,MACrEK,KAAS,CAACM,KAAmB,gBAAAY,EAACC,GAAA,EAAM,MAAMC,EAAef,CAAI,GAAuB,GAAGL,EAAA,CAAO;AAAA,IAAA,GACjG;AAGF,WAAOH,KAAQF,KAAYc,IACzBY,EAAaZ,EAAkB,EAAE,MAAAZ,GAAM,UAAUiB,EAAA,CAAS,GAAG,EAAE,GAAGH,GAAc,UAAU,GAAA,CAAI,IAE9F,gBAAAO,EAAC,QAAA,EAAM,GAAGP,GAAe,UAAAG,GAAQ;AAAA,EAErC;AACF;"}

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

@@ -0,0 +1,9 @@
+import { type SubMenuProps } from '@rc-component/menu';
+import type { BadgeTypes } from '../../../react-base/src/components/Badge';
+export interface ISubMenuProps extends Omit<SubMenuProps, 'ref'> {
+    level?: number;
+    badge?: Omit<BadgeTypes.IProps, 'size'>;
+}
+declare const SubMenu: import("react").ForwardRefExoticComponent<ISubMenuProps & import("react").RefAttributes<HTMLLIElement>>;
+export default SubMenu;
+//# sourceMappingURL=SubMenu.d.ts.map

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

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

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

@@ -0,0 +1,3 @@
+import type { StyledMenuProps } from '../Menu.types';
+export declare const groupMenuItemStyle: import("styled-components").RuleSet<StyledMenuProps>;
+//# sourceMappingURL=groupMenuItem.styles.d.ts.map

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

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

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

@@ -0,0 +1,14 @@
+import { FabricsVariables } from 'acinguiux-ds-fabrics';
+import { type MenuTypes } from '../../../react-base/src/components/Menu';
+import type { StyledMenuProps } from '../Menu.types';
+type IndicatorPositionStyleProps = {
+    size: MenuTypes.Size;
+    indicatorPosition: MenuTypes.IndicatorPosition;
+    state: FabricsVariables.StateType;
+    muted?: boolean;
+    disabled?: boolean;
+    active?: boolean;
+};
+export declare const getIndicatorPositionStyle: ({ size, indicatorPosition, state, disabled, active, muted, }: IndicatorPositionStyleProps) => import("styled-components").RuleSet<StyledMenuProps>;
+export {};
+//# sourceMappingURL=indicator.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"indicator.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/styles/indicator.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,yCAAyC,CAAC;AAGrF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAiJrD,KAAK,2BAA2B,GAAG;IACjC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC;IACrB,iBAAiB,EAAE,SAAS,CAAC,iBAAiB,CAAC;IAC/C,KAAK,EAAE,gBAAgB,CAAC,SAAS,CAAC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAMF,eAAO,MAAM,yBAAyB,iEAOnC,2BAA2B,yDAkB7B,CAAC"}

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

@@ -1,19 +1,15 @@
-import { css as n, keyframes as x } from "styled-components";
-import { Positions as a, Sizes as o } from "../../../react-base/src/consts/index.js";
-import { consts as f } from "../../../react-base/src/components/Menu/Menu.consts.js";
-import { Variables as g } from "../../../react-base/src/theme/types/layer.js";
-const h = (t, r = !1) => x`
+import { css as d, keyframes as x } from "styled-components";
+import { Sizes as e, Positions as a } from "../../../react-base/src/consts/index.js";
+import { consts as m } from "../../../react-base/src/components/Menu/Menu.consts.js";
+import { Variables as f } from "../../../react-base/src/theme/types/layer.js";
+const p = (t) => x`
   from {
     width: 0;
-    left: 50%;
-    transform: translateX(100%);
   }
   to {
     width: ${t};
-    left: ${r ? "20%" : "5%"};
-    transform: translateX(100%);
   }
-`, $ = (t) => x`
+`, h = (t) => x`
   from {
     height: 0;
     top: 50%;
@@ -24,103 +20,100 @@ const h = (t, r = !1) => x`
     top: 50%;
     transform: translateY(-50%);
   }
-`, u = ({
+`, $ = ({
   width: t,
-  height: r,
-  position: e,
+  height: o,
+  position: r,
   size: l
-}) => n`
+}) => d`
   content: '';
   position: absolute;
   display: block;
   transition: all 0.2s;
 
-  ${e}: 0;
-  ${e === a.Left || e === a.Right ? `
+  ${r}: 0;
+  ${r === a.Left || r === a.Right ? `
       width: ${t};
-      height: ${r};
+      height: ${o};
       top: 50%;
       transform: translateY(-50%);
-      margin-left: ${f[l].indicatorLeftMargin}px;
+      margin-left: ${m[l].indicatorLeftMargin}px;
 
-      ${e === a.Right && n`
+      ${r === a.Right && d`
           left: unset;
         `}
     ` : `
       height: ${t};
-      width: max(${f[l].iconSize}px, ${r});
+      width: max(${m[l].iconSize}px, ${o});
       left: 50%;
       transform: translateX(-50%);
     `}
-`, S = (t) => ({
+`, u = (t) => ({
   borderTopLeftRadius: t === a.Bottom || t === a.Right ? "4px" : "0",
   borderTopRightRadius: t === a.Bottom || t === a.Left ? "4px" : "0",
   borderBottomLeftRadius: t === a.Top || t === a.Right ? "4px" : "0",
   borderBottomRightRadius: t === a.Top || t === a.Left ? "4px" : "0"
-}), b = ({
+}), S = ({
   position: t,
-  width: r,
-  height: e,
+  width: o,
+  height: r,
   state: l,
   defaultStatus: s = !1,
-  isIconTop: i = !1,
-  size: c = o.Medium,
-  muted: d = !1
-}) => n`
-  ${({ theme: m }) => n`
-    ${u({ width: r, height: e, position: t, size: c })};
-    background-color: ${m.layer({
+  size: i = e.Medium,
+  muted: c = !1
+}) => d`
+  ${({ theme: n }) => d`
+    ${$({ width: o, height: r, position: t, size: i })};
+    background-color: ${n.layer({
   disabled: l === "disabled",
-  muted: d
-})[g.BackgroundBrand]};
-    ${S(t)};
+  muted: c
+})[f.BackgroundBrand]};
+    ${u(t)};
 
-    ${l === "press" && s && n`
-      animation: ${t === a.Left || t === a.Right ? $(e) : h(e, i)}
+    ${l === "press" && s && d`
+      animation: ${t === a.Left || t === a.Right ? h(r) : p(r)}
         0.2s alternate;
     `}
   `}
-`, R = {
-  [o.XSmall]: {
+`, b = {
+  [e.XSmall]: {
     x: "20px",
     y: "calc(100% - 8px - 16px)"
   },
-  [o.Small]: {
+  [e.Small]: {
     x: "20px",
     y: "calc(100% - 8px - 24px)"
   },
-  [o.Medium]: {
+  [e.Medium]: {
     x: "20px",
     y: "calc(100% - 12px - 32px)"
   },
-  [o.Large]: {
+  [e.Large]: {
     x: "24px",
     y: "calc(100% - 12px - 48px)"
   }
 };
-o.XSmall + "", o.Small + "", o.Medium + "", o.Large + "";
-const k = ({
+e.XSmall + "", e.Small + "", e.Medium + "", e.Large + "";
+const H = ({
   size: t,
-  indicatorPosition: r,
-  state: e,
+  indicatorPosition: o,
+  state: r,
   disabled: l,
   active: s,
-  iconPosition: i,
-  muted: c
+  muted: i
 }) => {
-  const d = r === "bottom" || r === "top" ? "y" : "x", p = R[t][d];
-  return b({
-    position: r,
+  const c = o === "bottom" || o === "top" ? "y" : "x", g = b[t][c];
+  return S({
+    position: o,
     width: "3px",
-    height: s ? p : "30%",
-    state: s ? l ? "disabled" : e : "press",
+    height: s ? g : "30%",
+    state: s ? l ? "disabled" : r : "press",
     defaultStatus: !s,
-    isIconTop: i === a.Top,
     size: t,
-    muted: c
+    muted: i
   });
 };
 export {
-  k as getIndicatorPositionStyle
+  H as getIndicatorPositionStyle
 };
 //# sourceMappingURL=indicator.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"indicator.styles.js","sources":["../../../../../src/components/Menu/styles/indicator.styles.ts"],"sourcesContent":["import { css, keyframes, CSSObject } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { Positions, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { type MenuTypes, MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { StyledMenuProps } from '../Menu.types';\n\nconst growHorizontal = (width: string, isIconTop = false) => keyframes`\n  from {\n    width: 0;\n    left: 50%;\n    transform: translateX(100%);\n  }\n  to {\n    width: ${width};\n    left: ${isIconTop ? '20%' : '5%'};\n    transform: translateX(100%);\n  }\n`;\n\nconst growVertical = (height: string) => keyframes`\n  from {\n    height: 0;\n    top: 50%;\n    transform: translateY(0%);\n  }\n  to {\n    height: ${height};\n    top: 50%;\n    transform: translateY(-50%);\n  }\n`;\n\nconst getIndicatorStyle = ({\n  width,\n  height,\n  position,\n  size,\n}: {\n  width: string;\n  height: string;\n  position: MenuTypes.IndicatorPosition;\n  size: MenuTypes.Size;\n}) => css`\n  content: '';\n  position: absolute;\n  display: block;\n  transition: all 0.2s;\n\n  ${position}: 0;\n  ${position === Positions.Left || position === Positions.Right\n    ? `\n      width: ${width};\n      height: ${height};\n      top: 50%;\n      transform: translateY(-50%);\n      margin-left: ${MenuConsts.consts[size].indicatorLeftMargin}px;\n\n      ${\n        position === Positions.Right &&\n        css`\n          left: unset;\n        `\n      }\n    `\n    : `\n      height: ${width};\n      width: max(${MenuConsts.consts[size].iconSize}px, ${height});\n      left: 50%;\n      transform: translateX(-50%);\n    `}\n`;\n\nconst getBorderRadiusFromPosition = (position: MenuTypes.IndicatorPosition): CSSObject => ({\n  borderTopLeftRadius: position === Positions.Bottom || position === Positions.Right ? '4px' : '0',\n  borderTopRightRadius: position === Positions.Bottom || position === Positions.Left ? '4px' : '0',\n  borderBottomLeftRadius: position === Positions.Top || position === Positions.Right ? '4px' : '0',\n  borderBottomRightRadius: position === Positions.Top || position === Positions.Left ? '4px' : '0',\n});\n\nconst createIndicatorStyle = ({\n  position,\n  width,\n  height,\n  state,\n  defaultStatus = false,\n  isIconTop = false,\n  size = Sizes.Medium,\n  muted = false,\n}: {\n  position: MenuTypes.IndicatorPosition;\n  width: string;\n  height: string;\n  state: FabricsVariables.StateType | 'disabled';\n  defaultStatus?: boolean;\n  isIconTop?: boolean;\n  size?: MenuTypes.Size;\n  muted?: boolean;\n}) => css<StyledMenuProps>`\n  ${({ theme }) => css`\n    ${getIndicatorStyle({ width, height, position, size })};\n    background-color: ${theme.layer({\n      disabled: state === 'disabled',\n      muted,\n    })[Variables.BackgroundBrand]};\n    ${getBorderRadiusFromPosition(position)};\n\n    ${state === 'press' &&\n    defaultStatus &&\n    css`\n      animation: ${position === Positions.Left || position === Positions.Right\n          ? growVertical(height)\n          : growHorizontal(height, isIconTop)}\n        0.2s alternate;\n    `}\n  `}\n`;\n\nconst IndicatorSizes = {\n  [Sizes.XSmall]: {\n    x: '20px',\n    y: 'calc(100% - 8px - 16px)',\n  },\n  [Sizes.Small]: {\n    x: '20px',\n    y: 'calc(100% - 8px - 24px)',\n  },\n  [Sizes.Medium]: {\n    x: '20px',\n    y: 'calc(100% - 12px - 32px)',\n  },\n  [Sizes.Large]: {\n    x: '24px',\n    y: 'calc(100% - 12px - 48px)',\n  },\n};\n\nconst HoverIndicatorSizes = {\n  [Sizes.XSmall]: {\n    x: '24px',\n    y: 'calc(100% - 16px)',\n  },\n  [Sizes.Small]: {\n    x: '24px',\n    y: 'calc(100% - 24px)',\n  },\n  [Sizes.Medium]: {\n    x: '24px',\n    y: 'calc(100% - 32px)',\n  },\n  [Sizes.Large]: {\n    x: '28px',\n    y: 'calc(100% - 48px)',\n  },\n};\n\ntype IndicatorPositionStyleProps = {\n  size: MenuTypes.Size;\n  indicatorPosition: MenuTypes.IndicatorPosition;\n  state: FabricsVariables.StateType;\n  muted?: boolean;\n  disabled?: boolean;\n  active?: boolean;\n  iconPosition?: MenuTypes.IconPosition;\n};\n\n// TRIGGER WARNING: incredibly complex function\n// this is wayyyy more complex than it needs to be, but I tried replicating the logic from the original object array, adding the muted prop\n// and it is a bit of a mess, but it works\n// I would suggest refactoring this when reworking the Menu component, starting from scratch! Do NOT keep this in :)\nexport const getIndicatorPositionStyle = ({\n  size,\n  indicatorPosition,\n  state,\n  disabled,\n  active,\n  iconPosition,\n  muted,\n}: IndicatorPositionStyleProps) => {\n  const xOrYPosition = indicatorPosition === 'bottom' || indicatorPosition === 'top' ? 'y' : 'x';\n  const indicatorHeight = IndicatorSizes[size][xOrYPosition];\n  const hoverIndicatorHeight =\n    state === 'hover' && !disabled ? HoverIndicatorSizes[size][xOrYPosition] : indicatorHeight;\n  const indicatorInactiveheight = !active ? '30%' : hoverIndicatorHeight;\n  const disabledOrState = disabled ? 'disabled' : state;\n  const realState = !active ? 'press' : disabledOrState;\n\n  return createIndicatorStyle({\n    position: indicatorPosition,\n    width: '3px',\n    height: indicatorInactiveheight,\n    state: realState,\n    defaultStatus: !active,\n    isIconTop: iconPosition === Positions.Top,\n    size,\n    muted,\n  });\n};\n"],"names":["growHorizontal","width","isIconTop","keyframes","growVertical","height","getIndicatorStyle","position","size","css","Positions","MenuConsts.consts","getBorderRadiusFromPosition","createIndicatorStyle","state","defaultStatus","Sizes","muted","theme","Variables","IndicatorSizes","getIndicatorPositionStyle","indicatorPosition","disabled","active","iconPosition","xOrYPosition","hoverIndicatorHeight"],"mappings":"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"}
+{"version":3,"file":"indicator.styles.js","sources":["../../../../../src/components/Menu/styles/indicator.styles.ts"],"sourcesContent":["import { css, keyframes, CSSObject } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { Positions, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { type MenuTypes, MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { StyledMenuProps } from '../Menu.types';\n\nconst growHorizontal = (width: string) => keyframes`\n  from {\n    width: 0;\n  }\n  to {\n    width: ${width};\n  }\n`;\n\nconst growVertical = (height: string) => keyframes`\n  from {\n    height: 0;\n    top: 50%;\n    transform: translateY(0%);\n  }\n  to {\n    height: ${height};\n    top: 50%;\n    transform: translateY(-50%);\n  }\n`;\n\nconst getIndicatorStyle = ({\n  width,\n  height,\n  position,\n  size,\n}: {\n  width: string;\n  height: string;\n  position: MenuTypes.IndicatorPosition;\n  size: MenuTypes.Size;\n}) => css`\n  content: '';\n  position: absolute;\n  display: block;\n  transition: all 0.2s;\n\n  ${position}: 0;\n  ${position === Positions.Left || position === Positions.Right\n    ? `\n      width: ${width};\n      height: ${height};\n      top: 50%;\n      transform: translateY(-50%);\n      margin-left: ${MenuConsts.consts[size].indicatorLeftMargin}px;\n\n      ${\n        position === Positions.Right &&\n        css`\n          left: unset;\n        `\n      }\n    `\n    : `\n      height: ${width};\n      width: max(${MenuConsts.consts[size].iconSize}px, ${height});\n      left: 50%;\n      transform: translateX(-50%);\n    `}\n`;\n\nconst getBorderRadiusFromPosition = (position: MenuTypes.IndicatorPosition): CSSObject => ({\n  borderTopLeftRadius: position === Positions.Bottom || position === Positions.Right ? '4px' : '0',\n  borderTopRightRadius: position === Positions.Bottom || position === Positions.Left ? '4px' : '0',\n  borderBottomLeftRadius: position === Positions.Top || position === Positions.Right ? '4px' : '0',\n  borderBottomRightRadius: position === Positions.Top || position === Positions.Left ? '4px' : '0',\n});\n\nconst createIndicatorStyle = ({\n  position,\n  width,\n  height,\n  state,\n  defaultStatus = false,\n  size = Sizes.Medium,\n  muted = false,\n}: {\n  position: MenuTypes.IndicatorPosition;\n  width: string;\n  height: string;\n  state: FabricsVariables.StateType | 'disabled';\n  defaultStatus?: boolean;\n  size?: MenuTypes.Size;\n  muted?: boolean;\n}) => css<StyledMenuProps>`\n  ${({ theme }) => css`\n    ${getIndicatorStyle({ width, height, position, size })};\n    background-color: ${theme.layer({\n      disabled: state === 'disabled',\n      muted,\n    })[Variables.BackgroundBrand]};\n    ${getBorderRadiusFromPosition(position)};\n\n    ${state === 'press' &&\n    defaultStatus &&\n    css`\n      animation: ${position === Positions.Left || position === Positions.Right\n          ? growVertical(height)\n          : growHorizontal(height)}\n        0.2s alternate;\n    `}\n  `}\n`;\n\nconst IndicatorSizes = {\n  [Sizes.XSmall]: {\n    x: '20px',\n    y: 'calc(100% - 8px - 16px)',\n  },\n  [Sizes.Small]: {\n    x: '20px',\n    y: 'calc(100% - 8px - 24px)',\n  },\n  [Sizes.Medium]: {\n    x: '20px',\n    y: 'calc(100% - 12px - 32px)',\n  },\n  [Sizes.Large]: {\n    x: '24px',\n    y: 'calc(100% - 12px - 48px)',\n  },\n};\n\nconst HoverIndicatorSizes = {\n  [Sizes.XSmall]: {\n    x: '24px',\n    y: 'calc(100% - 16px)',\n  },\n  [Sizes.Small]: {\n    x: '24px',\n    y: 'calc(100% - 24px)',\n  },\n  [Sizes.Medium]: {\n    x: '24px',\n    y: 'calc(100% - 32px)',\n  },\n  [Sizes.Large]: {\n    x: '28px',\n    y: 'calc(100% - 48px)',\n  },\n};\n\ntype IndicatorPositionStyleProps = {\n  size: MenuTypes.Size;\n  indicatorPosition: MenuTypes.IndicatorPosition;\n  state: FabricsVariables.StateType;\n  muted?: boolean;\n  disabled?: boolean;\n  active?: boolean;\n};\n\n// TRIGGER WARNING: incredibly complex function\n// this is wayyyy more complex than it needs to be, but I tried replicating the logic from the original object array, adding the muted prop\n// and it is a bit of a mess, but it works\n// I would suggest refactoring this when reworking the Menu component, starting from scratch! Do NOT keep this in :)\nexport const getIndicatorPositionStyle = ({\n  size,\n  indicatorPosition,\n  state,\n  disabled,\n  active,\n  muted,\n}: IndicatorPositionStyleProps) => {\n  const xOrYPosition = indicatorPosition === 'bottom' || indicatorPosition === 'top' ? 'y' : 'x';\n  const indicatorHeight = IndicatorSizes[size][xOrYPosition];\n  const hoverIndicatorHeight =\n    state === 'hover' && !disabled ? HoverIndicatorSizes[size][xOrYPosition] : indicatorHeight;\n  const indicatorInactiveheight = !active ? '30%' : hoverIndicatorHeight;\n  const disabledOrState = disabled ? 'disabled' : state;\n  const realState = !active ? 'press' : disabledOrState;\n\n  return createIndicatorStyle({\n    position: indicatorPosition,\n    width: '3px',\n    height: indicatorInactiveheight,\n    state: realState,\n    defaultStatus: !active,\n    size,\n    muted,\n  });\n};\n"],"names":["growHorizontal","width","keyframes","growVertical","height","getIndicatorStyle","position","size","css","Positions","MenuConsts.consts","getBorderRadiusFromPosition","createIndicatorStyle","state","defaultStatus","Sizes","muted","theme","Variables","IndicatorSizes","getIndicatorPositionStyle","indicatorPosition","disabled","active","xOrYPosition","hoverIndicatorHeight"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+import type { StyledMenuProps } from '../Menu.types';
+export declare const menuDividerStyle: import("styled-components").RuleSet<StyledMenuProps>;
+//# sourceMappingURL=menuDivider.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menuDivider.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/styles/menuDivider.styles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,eAAO,MAAM,gBAAgB,sDAoB5B,CAAC"}

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

@@ -0,0 +1,3 @@
+import type { StyledMenuProps } from '../Menu.types';
+export declare const menuItemStyle: import("styled-components").RuleSet<StyledMenuProps>;
+//# sourceMappingURL=menuItem.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menuItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/styles/menuItem.styles.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrD,eAAO,MAAM,aAAa,sDAsLzB,CAAC"}