acinguiux-ds-react-framework 0.1.24 → 0.1.26

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/ListItem/ListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;;AA4FvD,wBAA8B"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;;AA4FvD,wBAA8B"}

package/build/esm/components/ListItem/ListItem.js

@@ -2,8 +2,8 @@ import { jsxs as _, jsx as e } from "react/jsx-runtime";
 import { memo as b, forwardRef as g } from "react";
 import M from "classnames";
 import { Positions as N, Sizes as R } from "../../react-base/src/consts/index.js";
-import { ListItemVariants as c, ListItemSelectionType as l } from "../../react-base/src/components/ListItem/ListItem.types.js";
-import { consts as f } from "../../react-base/src/components/ListItem/ListItem.consts.js";
+import { consts as c } from "../../react-base/src/components/ListItem/ListItem.consts.js";
+import { ListItemVariants as l, ListItemSelectionType as f } from "../../react-base/src/components/ListItem/ListItem.types.js";
 import { ListItemWrapper as T, Label as z, FlagContainer as E, MetaText as F, SelectionContainer as y, Radio as B, Check as O } from "./ListItem.styles.js";
 import P from "../Flag/Flag.js";
 import j from "../Checkbox/Checkbox.js";
@@ -20,8 +20,8 @@ const A = g(
     metaTextPosition: p = N.Right,
     selected: s = !1,
     size: t = R.Medium,
-    variant: n = c.Default,
-    selectionType: u = l.Checkbox,
+    variant: n = l.Default,
+    selectionType: u = f.Checkbox,
     showInputControls: m = !1,
     optionItem: $ = !1,
     multiline: h = !1,
@@ -30,10 +30,10 @@ const A = g(
   }, x) => {
     const k = () => {
       switch (u) {
-        case l.Checkbox:
-          return m ? /* @__PURE__ */ e(j, { tabIndex: -1, size: f[t].inputSize, checked: s }) : /* @__PURE__ */ e(O, { className: I });
-        case l.Radio:
-          return m ? /* @__PURE__ */ e(v, { tabIndex: -1, size: f[t].inputSize, checked: s }) : /* @__PURE__ */ e(B, { className: I });
+        case f.Checkbox:
+          return m ? /* @__PURE__ */ e(j, { tabIndex: -1, size: c[t].inputSize, checked: s }) : /* @__PURE__ */ e(O, { className: I });
+        case f.Radio:
+          return m ? /* @__PURE__ */ e(v, { tabIndex: -1, size: c[t].inputSize, checked: s }) : /* @__PURE__ */ e(B, { className: I });
         default:
           return null;
       }
@@ -65,13 +65,13 @@ const A = g(
               children: r
             }
           ),
-          n === c.Flag && i && /* @__PURE__ */ e(E, { $size: t, "data-testid": `flag-${i}`, children: /* @__PURE__ */ e(P, { flag: i }) }),
-          n === c.Icon && d,
+          n === l.Flag && i && /* @__PURE__ */ e(E, { $size: t, "data-testid": `flag-${i}`, children: /* @__PURE__ */ e(P, { flag: i }) }),
+          n === l.Icon && d,
           o && /* @__PURE__ */ e(
             F,
             {
               $metaTextPosition: p,
-              size: f[t].metaSize,
+              size: c[t].metaSize,
               contrast: "subtle",
               disabled: a,
               title: o,

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import { type ForwardedRef, type ReactElement, forwardRef, memo } from 'react';\n\nimport classNames from 'classnames';\nimport {\n  Sizes,\n  Positions,\n  LIST_ITEM_CLASS,\n  LIST_ITEM_CHECKED_ICON_CLASS,\n} from 'acinguiux-ds-react-base/consts';\nimport {\n  ListItemSelectionType,\n  ListItemVariants,\n} from 'acinguiux-ds-react-base/components/ListItem/ListItem.types.js';\nimport { consts } from 'acinguiux-ds-react-base/components/ListItem/ListItem.consts.js';\n\nimport * as Styled from './ListItem.styles';\nimport Flag from '../Flag/Flag';\nimport type { IListItemProps } from './ListItem.types';\nimport Checkbox from '../Checkbox/Checkbox';\nimport RadioButton from '../RadioButton/RadioButton';\n\nconst ListItem = forwardRef(\n  (\n    {\n      className,\n      icon,\n      flag,\n      label,\n      metaText,\n      disabled = false,\n      metaTextPosition = Positions.Right,\n      selected = false,\n      size = Sizes.Medium,\n      variant = ListItemVariants.Default,\n      selectionType = ListItemSelectionType.Checkbox,\n      showInputControls = false,\n      optionItem = false,\n      multiline = false,\n      title,\n      ...rest\n    }: IListItemProps,\n    ref: ForwardedRef<HTMLLIElement>,\n  ): ReactElement => {\n    const getSelection = () => {\n      switch (selectionType) {\n        case ListItemSelectionType.Checkbox:\n          return showInputControls ? (\n            <Checkbox tabIndex={-1} size={consts[size].inputSize} checked={selected} />\n          ) : (\n            <Styled.Check className={LIST_ITEM_CHECKED_ICON_CLASS} />\n          );\n        case ListItemSelectionType.Radio:\n          return showInputControls ? (\n            <RadioButton tabIndex={-1} size={consts[size].inputSize} checked={selected} />\n          ) : (\n            <Styled.Radio className={LIST_ITEM_CHECKED_ICON_CLASS} />\n          );\n        default:\n          return null;\n      }\n    };\n\n    return (\n      <Styled.ListItemWrapper\n        className={classNames(LIST_ITEM_CLASS, className)}\n        ref={ref}\n        tabIndex={optionItem ? -1 : 0}\n        $size={size}\n        $withMetaText={!!metaText}\n        $metaTextPosition={metaTextPosition}\n        $variant={variant}\n        $iconOrFlagProvided={Boolean(icon) || Boolean(flag)}\n        $selected={selected}\n        $disabled={disabled}\n        $showInputControls={showInputControls}\n        $multiline={multiline}\n        $ariaInteractiveOnly={optionItem}\n        {...rest}\n      >\n        <Styled.Label\n          disabled={disabled}\n          size={size}\n          title={title ?? (!multiline && typeof label === 'string' ? label : undefined)}\n        >\n          {label}\n        </Styled.Label>\n        {variant === ListItemVariants.Flag && flag && (\n          <Styled.FlagContainer $size={size} data-testid={`flag-${flag}`}>\n            <Flag flag={flag} />\n          </Styled.FlagContainer>\n        )}\n        {variant === ListItemVariants.Icon && icon}\n        {metaText && (\n          <Styled.MetaText\n            $metaTextPosition={metaTextPosition}\n            size={consts[size].metaSize}\n            contrast=\"subtle\"\n            disabled={disabled}\n            title={metaText}\n          >\n            {metaText}\n          </Styled.MetaText>\n        )}\n        <Styled.SelectionContainer>{getSelection()}</Styled.SelectionContainer>\n      </Styled.ListItemWrapper>\n    );\n  },\n);\n\nexport default memo(ListItem);\n"],"names":["ListItem","forwardRef","className","icon","flag","label","metaText","disabled","metaTextPosition","Positions","selected","size","Sizes","variant","ListItemVariants","selectionType","ListItemSelectionType","showInputControls","optionItem","multiline","title","rest","ref","getSelection","jsx","Checkbox","consts","Styled.Check","LIST_ITEM_CHECKED_ICON_CLASS","RadioButton","Styled.Radio","jsxs","Styled.ListItemWrapper","classNames","LIST_ITEM_CLASS","Styled.Label","Styled.FlagContainer","Flag","Styled.MetaText","Styled.SelectionContainer","ListItem$1","memo"],"mappings":";;;;;;;;;;;AAqBA,MAAMA,IAAWC;AAAA,EACf,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,kBAAAC,IAAmBC,EAAU;AAAA,IAC7B,UAAAC,IAAW;AAAA,IACX,MAAAC,IAAOC,EAAM;AAAA,IACb,SAAAC,IAAUC,EAAiB;AAAA,IAC3B,eAAAC,IAAgBC,EAAsB;AAAA,IACtC,mBAAAC,IAAoB;AAAA,IACpB,YAAAC,IAAa;AAAA,IACb,WAAAC,IAAY;AAAA,IACZ,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACiB;AACjB,UAAMC,IAAe,MAAM;AACzB,cAAQR,GAAA;AAAA,QACN,KAAKC,EAAsB;AACzB,iBAAOC,IACL,gBAAAO,EAACC,GAAA,EAAS,UAAU,IAAI,MAAMC,EAAOf,CAAI,EAAE,WAAW,SAASD,GAAU,IAEzE,gBAAAc,EAACG,GAAA,EAAa,WAAWC,GAA8B;AAAA,QAE3D,KAAKZ,EAAsB;AACzB,iBAAOC,IACL,gBAAAO,EAACK,GAAA,EAAY,UAAU,IAAI,MAAMH,EAAOf,CAAI,EAAE,WAAW,SAASD,GAAU,IAE5E,gBAAAc,EAACM,GAAA,EAAa,WAAWF,GAA8B;AAAA,QAE3D;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb;AAEA,WACE,gBAAAG;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAiBhC,CAAS;AAAA,QAChD,KAAAoB;AAAA,QACA,UAAUJ,IAAa,KAAK;AAAA,QAC5B,OAAOP;AAAA,QACP,eAAe,CAAC,CAACL;AAAA,QACjB,mBAAmBE;AAAA,QACnB,UAAUK;AAAA,QACV,qBAAqB,EAAQV,KAAS,EAAQC;AAAA,QAC9C,WAAWM;AAAA,QACX,WAAWH;AAAA,QACX,oBAAoBU;AAAA,QACpB,YAAYE;AAAA,QACZ,sBAAsBD;AAAA,QACrB,GAAGG;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAG;AAAA,YAACW;AAAAA,YAAA;AAAA,cACC,UAAA5B;AAAA,cACA,MAAAI;AAAA,cACA,OAAOS,MAAU,CAACD,KAAa,OAAOd,KAAU,WAAWA,IAAQ;AAAA,cAElE,UAAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEFQ,MAAYC,EAAiB,QAAQV,KACpC,gBAAAoB,EAACY,GAAA,EAAqB,OAAOzB,GAAM,eAAa,QAAQP,CAAI,IAC1D,UAAA,gBAAAoB,EAACa,GAAA,EAAK,MAAAjC,GAAY,GACpB;AAAA,UAEDS,MAAYC,EAAiB,QAAQX;AAAA,UACrCG,KACC,gBAAAkB;AAAA,YAACc;AAAAA,YAAA;AAAA,cACC,mBAAmB9B;AAAA,cACnB,MAAMkB,EAAOf,CAAI,EAAE;AAAA,cACnB,UAAS;AAAA,cACT,UAAAJ;AAAA,cACA,OAAOD;AAAA,cAEN,UAAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGL,gBAAAkB,EAACe,GAAA,EAA2B,cAAa,CAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjD;AACF,GAEAC,IAAeC,EAAKzC,CAAQ;"}
+{"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import { type ForwardedRef, type ReactElement, forwardRef, memo } from 'react';\n\nimport classNames from 'classnames';\nimport {\n  Sizes,\n  Positions,\n  LIST_ITEM_CLASS,\n  LIST_ITEM_CHECKED_ICON_CLASS,\n} from 'acinguiux-ds-react-base/consts';\nimport { ListItemTypes, ListItemConsts } from 'acinguiux-ds-react-base/components/ListItem';\n\nimport * as Styled from './ListItem.styles';\nimport Flag from '../Flag/Flag';\nimport type { IListItemProps } from './ListItem.types';\nimport Checkbox from '../Checkbox/Checkbox';\nimport RadioButton from '../RadioButton/RadioButton';\n\nconst ListItem = forwardRef(\n  (\n    {\n      className,\n      icon,\n      flag,\n      label,\n      metaText,\n      disabled = false,\n      metaTextPosition = Positions.Right,\n      selected = false,\n      size = Sizes.Medium,\n      variant = ListItemTypes.ListItemVariants.Default,\n      selectionType = ListItemTypes.ListItemSelectionType.Checkbox,\n      showInputControls = false,\n      optionItem = false,\n      multiline = false,\n      title,\n      ...rest\n    }: IListItemProps,\n    ref: ForwardedRef<HTMLLIElement>,\n  ): ReactElement => {\n    const getSelection = () => {\n      switch (selectionType) {\n        case ListItemTypes.ListItemSelectionType.Checkbox:\n          return showInputControls ? (\n            <Checkbox tabIndex={-1} size={ListItemConsts.consts[size].inputSize} checked={selected} />\n          ) : (\n            <Styled.Check className={LIST_ITEM_CHECKED_ICON_CLASS} />\n          );\n        case ListItemTypes.ListItemSelectionType.Radio:\n          return showInputControls ? (\n            <RadioButton tabIndex={-1} size={ListItemConsts.consts[size].inputSize} checked={selected} />\n          ) : (\n            <Styled.Radio className={LIST_ITEM_CHECKED_ICON_CLASS} />\n          );\n        default:\n          return null;\n      }\n    };\n\n    return (\n      <Styled.ListItemWrapper\n        className={classNames(LIST_ITEM_CLASS, className)}\n        ref={ref}\n        tabIndex={optionItem ? -1 : 0}\n        $size={size}\n        $withMetaText={!!metaText}\n        $metaTextPosition={metaTextPosition}\n        $variant={variant}\n        $iconOrFlagProvided={Boolean(icon) || Boolean(flag)}\n        $selected={selected}\n        $disabled={disabled}\n        $showInputControls={showInputControls}\n        $multiline={multiline}\n        $ariaInteractiveOnly={optionItem}\n        {...rest}\n      >\n        <Styled.Label\n          disabled={disabled}\n          size={size}\n          title={title ?? (!multiline && typeof label === 'string' ? label : undefined)}\n        >\n          {label}\n        </Styled.Label>\n        {variant === ListItemTypes.ListItemVariants.Flag && flag && (\n          <Styled.FlagContainer $size={size} data-testid={`flag-${flag}`}>\n            <Flag flag={flag} />\n          </Styled.FlagContainer>\n        )}\n        {variant === ListItemTypes.ListItemVariants.Icon && icon}\n        {metaText && (\n          <Styled.MetaText\n            $metaTextPosition={metaTextPosition}\n            size={ListItemConsts.consts[size].metaSize}\n            contrast=\"subtle\"\n            disabled={disabled}\n            title={metaText}\n          >\n            {metaText}\n          </Styled.MetaText>\n        )}\n        <Styled.SelectionContainer>{getSelection()}</Styled.SelectionContainer>\n      </Styled.ListItemWrapper>\n    );\n  },\n);\n\nexport default memo(ListItem);\n"],"names":["ListItem","forwardRef","className","icon","flag","label","metaText","disabled","metaTextPosition","Positions","selected","size","Sizes","variant","ListItemTypes.ListItemVariants","selectionType","ListItemTypes.ListItemSelectionType","showInputControls","optionItem","multiline","title","rest","ref","getSelection","jsx","Checkbox","ListItemConsts.consts","Styled.Check","LIST_ITEM_CHECKED_ICON_CLASS","RadioButton","Styled.Radio","jsxs","Styled.ListItemWrapper","classNames","LIST_ITEM_CLASS","Styled.Label","Styled.FlagContainer","Flag","Styled.MetaText","Styled.SelectionContainer","ListItem$1","memo"],"mappings":";;;;;;;;;;;AAiBA,MAAMA,IAAWC;AAAA,EACf,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,kBAAAC,IAAmBC,EAAU;AAAA,IAC7B,UAAAC,IAAW;AAAA,IACX,MAAAC,IAAOC,EAAM;AAAA,IACb,SAAAC,IAAUC,EAA+B;AAAA,IACzC,eAAAC,IAAgBC,EAAoC;AAAA,IACpD,mBAAAC,IAAoB;AAAA,IACpB,YAAAC,IAAa;AAAA,IACb,WAAAC,IAAY;AAAA,IACZ,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACiB;AACjB,UAAMC,IAAe,MAAM;AACzB,cAAQR,GAAA;AAAA,QACN,KAAKC,EAAoC;AACvC,iBAAOC,IACL,gBAAAO,EAACC,GAAA,EAAS,UAAU,IAAI,MAAMC,EAAsBf,CAAI,EAAE,WAAW,SAASD,GAAU,IAExF,gBAAAc,EAACG,GAAA,EAAa,WAAWC,GAA8B;AAAA,QAE3D,KAAKZ,EAAoC;AACvC,iBAAOC,IACL,gBAAAO,EAACK,GAAA,EAAY,UAAU,IAAI,MAAMH,EAAsBf,CAAI,EAAE,WAAW,SAASD,GAAU,IAE3F,gBAAAc,EAACM,GAAA,EAAa,WAAWF,GAA8B;AAAA,QAE3D;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb;AAEA,WACE,gBAAAG;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAiBhC,CAAS;AAAA,QAChD,KAAAoB;AAAA,QACA,UAAUJ,IAAa,KAAK;AAAA,QAC5B,OAAOP;AAAA,QACP,eAAe,CAAC,CAACL;AAAA,QACjB,mBAAmBE;AAAA,QACnB,UAAUK;AAAA,QACV,qBAAqB,EAAQV,KAAS,EAAQC;AAAA,QAC9C,WAAWM;AAAA,QACX,WAAWH;AAAA,QACX,oBAAoBU;AAAA,QACpB,YAAYE;AAAA,QACZ,sBAAsBD;AAAA,QACrB,GAAGG;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAG;AAAA,YAACW;AAAAA,YAAA;AAAA,cACC,UAAA5B;AAAA,cACA,MAAAI;AAAA,cACA,OAAOS,MAAU,CAACD,KAAa,OAAOd,KAAU,WAAWA,IAAQ;AAAA,cAElE,UAAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEFQ,MAAYC,EAA+B,QAAQV,KAClD,gBAAAoB,EAACY,GAAA,EAAqB,OAAOzB,GAAM,eAAa,QAAQP,CAAI,IAC1D,UAAA,gBAAAoB,EAACa,GAAA,EAAK,MAAAjC,GAAY,GACpB;AAAA,UAEDS,MAAYC,EAA+B,QAAQX;AAAA,UACnDG,KACC,gBAAAkB;AAAA,YAACc;AAAAA,YAAA;AAAA,cACC,mBAAmB9B;AAAA,cACnB,MAAMkB,EAAsBf,CAAI,EAAE;AAAA,cAClC,UAAS;AAAA,cACT,UAAAJ;AAAA,cACA,OAAOD;AAAA,cAEN,UAAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGL,gBAAAkB,EAACe,GAAA,EAA2B,cAAa,CAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjD;AACF,GAEAC,IAAeC,EAAKzC,CAAQ;"}

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

@@ -1,10 +1,9 @@
-import { styled as n, css as r } from "styled-components";
+import { css as r, styled as n } from "styled-components";
 import { FabricsVariables as c } from "acinguiux-ds-fabrics";
 import { Sizes as v } from "../../react-base/src/consts/index.js";
 import { Variables as o } from "../../react-base/src/theme/types/layer.js";
 import { getFocusStyles as h } from "../../react-base/src/utils/stylesUtils.js";
 import { consts as a } from "../../react-base/src/components/ListItem/ListItem.consts.js";
-import "../../react-base/src/components/ListItem/ListItemHeader.consts.js";
 import w from "../Icon/components/Check.js";
 import m from "../Text/components/Label/Label.js";
 import { getGridTemplateStyles as B } from "./ListItem.utils.js";
@@ -47,7 +46,7 @@ const d = n(w)`
       text-align: right;
     `};
   `
-), _ = n.li`
+), W = n.li`
   ${({
   theme: e,
   $metaTextPosition: $,
@@ -191,7 +190,7 @@ export {
   d as Check,
   P as FlagContainer,
   C as Label,
-  _ as ListItemWrapper,
+  W as ListItemWrapper,
   z as MetaText,
   b as Radio,
   L as SelectionContainer

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.styles.js","sources":["../../../../src/components/ListItem/ListItem.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { ICON_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { ListItemConsts } from 'acinguiux-ds-react-base/components/ListItem';\n\nimport BaseCheck from '../Icon/components/Check';\nimport BaseLabel from '../Text/components/Label/Label';\nimport type { ListItemWrapperProps, PropsWithRequiredSize } from './ListItem.types';\nimport { getGridTemplateStyles } from './ListItem.utils';\n\nconst Check = styled(BaseCheck)`\n  transition: opacity 200ms;\n`;\n\nconst Radio = styled.div`\n  background-color: currentColor;\n  width: 7px;\n  height: 7px;\n  border-radius: 100%;\n  transition: opacity 200ms;\n`;\n\nconst SelectionContainer = styled.div`\n  pointer-events: none;\n  grid-area: selection;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst FlagContainer = styled.div<PropsWithRequiredSize>(\n  ({ $size }) => css`\n    grid-area: icon;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 100%;\n    font-size: ${ListItemConsts.consts[$size].iconSize}px;\n  `,\n);\n\nconst Label = styled(BaseLabel)`\n  grid-area: label;\n  cursor: default;\n`;\n\nconst MetaText = styled(BaseLabel)<Pick<ListItemWrapperProps, '$metaTextPosition'>>(\n  ({ $metaTextPosition }) => css`\n    grid-area: meta;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    cursor: default;\n\n    ${$metaTextPosition === 'right' &&\n    css`\n      text-align: right;\n    `};\n  `,\n);\n\nconst ListItemWrapper = styled.li<ListItemWrapperProps>`\n  ${({\n    theme,\n    $metaTextPosition,\n    $size,\n    $ariaInteractiveOnly,\n    $variant,\n    $selected,\n    $withMetaText,\n    $disabled,\n    $iconOrFlagProvided,\n    $showInputControls,\n    $multiline,\n  }) => {\n    const hoverLayer = theme.layer({ state: 'hover' });\n    const activeLayer = theme.layer({ state: 'press' });\n    const disabledLayer = theme.layer({ disabled: true });\n\n    return css`\n      display: grid;\n      align-items: start;\n      width: 100%;\n      column-gap: ${ListItemConsts.consts[$size].gap}px;\n      border-radius: 4px;\n      padding: ${ListItemConsts.consts[$size].padding.vertical}px ${ListItemConsts.consts[$size].padding.horizontal}px;\n      box-sizing: border-box;\n      transition: background-color 0.3s ease-out;\n\n      ${getGridTemplateStyles({\n        $metaTextPosition,\n        $variant,\n        $selected,\n        $withMetaText,\n        $iconOrFlagProvided,\n        $showInputControls,\n        iconSize: ListItemConsts.consts[$size].iconSize,\n      })}\n\n      .${ICON_CLASS}, ${Check} {\n        grid-area: icon;\n        display: block;\n        width: ${ListItemConsts.consts[$size].iconSize}px;\n        height: ${ListItemConsts.consts[$size].iconSize}px;\n      }\n\n      ${SelectionContainer} {\n        width: ${ListItemConsts.consts[$size].iconSize}px;\n        height: ${ListItemConsts.consts[$size].iconSize}px;\n      }\n\n      ${MetaText} {\n        margin: ${$size === Sizes.Medium ? '0' : '2px 0'};\n      }\n\n      ${Check},\n      ${Radio} {\n        opacity: 0;\n      }\n\n      ${!$multiline &&\n      css`\n        ${Label} {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n      `}\n\n      ${$disabled &&\n      css`\n        ${FlagContainer} svg {\n          opacity: 0.3;\n        }\n        background-color: ${disabledLayer[Variables.BackgroundFoundation]};\n        color: ${disabledLayer[Variables.TextOnFoundationStrong]};\n        cursor: not-allowed;\n      `}\n\n      ${!$disabled &&\n      css`\n        &[aria-selected='true'] {\n          background-color: ${hoverLayer[Variables.BackgroundFoundation]};\n        }\n\n        &[aria-selected='true']:active {\n          background-color: ${activeLayer[Variables.BackgroundFoundation]};\n        }\n        ${!$ariaInteractiveOnly &&\n        css`\n          &:hover {\n            background-color: ${hoverLayer[Variables.BackgroundFoundation]};\n          }\n\n          &:active {\n            background-color: ${activeLayer[Variables.BackgroundFoundation]};\n          }\n        `}\n      `}\n\n      ${$selected &&\n      css`\n        background-color: ${$showInputControls\n          ? 'transparent'\n          : theme.layer({ disabled: $disabled, selectedProminence: 'subtle' })[Variables.BackgroundSelected]};\n\n        ${Check},\n        ${Radio} {\n          opacity: 1;\n        }\n\n        &[aria-selected='true'] {\n          background-color: ${theme.layer({\n            disabled: $disabled,\n            selectedProminence: 'subtle',\n            state: FabricsVariables.States.Hover,\n          })[Variables.BackgroundSelected]};\n        }\n\n        &[aria-selected='true']:active {\n          background-color: ${theme.layer({\n            disabled: $disabled,\n            selectedProminence: 'subtle',\n            state: FabricsVariables.States.Press,\n          })[Variables.BackgroundSelected]};\n        }\n\n        ${!$ariaInteractiveOnly &&\n        css`\n          &:hover {\n            background-color: ${theme.layer({\n              disabled: $disabled,\n              selectedProminence: 'subtle',\n              state: FabricsVariables.States.Hover,\n            })[Variables.BackgroundSelected]};\n          }\n\n          &:active {\n            background-color: ${theme.layer({\n              disabled: $disabled,\n              selectedProminence: 'subtle',\n              state: FabricsVariables.States.Press,\n            })[Variables.BackgroundSelected]};\n          }\n        `}\n      `}\n      \n      &:focus-visible {\n        ${getFocusStyles(theme)};\n      }\n    `;\n  }};\n`;\n\nexport { ListItemWrapper, FlagContainer, Label, MetaText, Check, Radio, SelectionContainer };\n"],"names":["Check","styled","BaseCheck","Radio","SelectionContainer","FlagContainer","$size","css","ListItemConsts.consts","Label","BaseLabel","MetaText","$metaTextPosition","ListItemWrapper","theme","$ariaInteractiveOnly","$variant","$selected","$withMetaText","$disabled","$iconOrFlagProvided","$showInputControls","$multiline","hoverLayer","activeLayer","disabledLayer","getGridTemplateStyles","ICON_CLASS","Sizes","Variables","FabricsVariables","getFocusStyles"],"mappings":"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"}
+{"version":3,"file":"ListItem.styles.js","sources":["../../../../src/components/ListItem/ListItem.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { ICON_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { ListItemConsts } from 'acinguiux-ds-react-base/components/ListItem';\n\nimport BaseCheck from '../Icon/components/Check';\nimport BaseLabel from '../Text/components/Label/Label';\nimport type { ListItemWrapperProps, PropsWithRequiredSize } from './ListItem.types';\nimport { getGridTemplateStyles } from './ListItem.utils';\n\nconst Check = styled(BaseCheck)`\n  transition: opacity 200ms;\n`;\n\nconst Radio = styled.div`\n  background-color: currentColor;\n  width: 7px;\n  height: 7px;\n  border-radius: 100%;\n  transition: opacity 200ms;\n`;\n\nconst SelectionContainer = styled.div`\n  pointer-events: none;\n  grid-area: selection;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst FlagContainer = styled.div<PropsWithRequiredSize>(\n  ({ $size }) => css`\n    grid-area: icon;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 100%;\n    font-size: ${ListItemConsts.consts[$size].iconSize}px;\n  `,\n);\n\nconst Label = styled(BaseLabel)`\n  grid-area: label;\n  cursor: default;\n`;\n\nconst MetaText = styled(BaseLabel)<Pick<ListItemWrapperProps, '$metaTextPosition'>>(\n  ({ $metaTextPosition }) => css`\n    grid-area: meta;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    cursor: default;\n\n    ${$metaTextPosition === 'right' &&\n    css`\n      text-align: right;\n    `};\n  `,\n);\n\nconst ListItemWrapper = styled.li<ListItemWrapperProps>`\n  ${({\n    theme,\n    $metaTextPosition,\n    $size,\n    $ariaInteractiveOnly,\n    $variant,\n    $selected,\n    $withMetaText,\n    $disabled,\n    $iconOrFlagProvided,\n    $showInputControls,\n    $multiline,\n  }) => {\n    const hoverLayer = theme.layer({ state: 'hover' });\n    const activeLayer = theme.layer({ state: 'press' });\n    const disabledLayer = theme.layer({ disabled: true });\n\n    return css`\n      display: grid;\n      align-items: start;\n      width: 100%;\n      column-gap: ${ListItemConsts.consts[$size].gap}px;\n      border-radius: 4px;\n      padding: ${ListItemConsts.consts[$size].padding.vertical}px ${ListItemConsts.consts[$size].padding.horizontal}px;\n      box-sizing: border-box;\n      transition: background-color 0.3s ease-out;\n\n      ${getGridTemplateStyles({\n        $metaTextPosition,\n        $variant,\n        $selected,\n        $withMetaText,\n        $iconOrFlagProvided,\n        $showInputControls,\n        iconSize: ListItemConsts.consts[$size].iconSize,\n      })}\n\n      .${ICON_CLASS}, ${Check} {\n        grid-area: icon;\n        display: block;\n        width: ${ListItemConsts.consts[$size].iconSize}px;\n        height: ${ListItemConsts.consts[$size].iconSize}px;\n      }\n\n      ${SelectionContainer} {\n        width: ${ListItemConsts.consts[$size].iconSize}px;\n        height: ${ListItemConsts.consts[$size].iconSize}px;\n      }\n\n      ${MetaText} {\n        margin: ${$size === Sizes.Medium ? '0' : '2px 0'};\n      }\n\n      ${Check},\n      ${Radio} {\n        opacity: 0;\n      }\n\n      ${!$multiline &&\n      css`\n        ${Label} {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n      `}\n\n      ${$disabled &&\n      css`\n        ${FlagContainer} svg {\n          opacity: 0.3;\n        }\n        background-color: ${disabledLayer[Variables.BackgroundFoundation]};\n        color: ${disabledLayer[Variables.TextOnFoundationStrong]};\n        cursor: not-allowed;\n      `}\n\n      ${!$disabled &&\n      css`\n        &[aria-selected='true'] {\n          background-color: ${hoverLayer[Variables.BackgroundFoundation]};\n        }\n\n        &[aria-selected='true']:active {\n          background-color: ${activeLayer[Variables.BackgroundFoundation]};\n        }\n        ${!$ariaInteractiveOnly &&\n        css`\n          &:hover {\n            background-color: ${hoverLayer[Variables.BackgroundFoundation]};\n          }\n\n          &:active {\n            background-color: ${activeLayer[Variables.BackgroundFoundation]};\n          }\n        `}\n      `}\n\n      ${$selected &&\n      css`\n        background-color: ${$showInputControls\n          ? 'transparent'\n          : theme.layer({ disabled: $disabled, selectedProminence: 'subtle' })[Variables.BackgroundSelected]};\n\n        ${Check},\n        ${Radio} {\n          opacity: 1;\n        }\n\n        &[aria-selected='true'] {\n          background-color: ${theme.layer({\n            disabled: $disabled,\n            selectedProminence: 'subtle',\n            state: FabricsVariables.States.Hover,\n          })[Variables.BackgroundSelected]};\n        }\n\n        &[aria-selected='true']:active {\n          background-color: ${theme.layer({\n            disabled: $disabled,\n            selectedProminence: 'subtle',\n            state: FabricsVariables.States.Press,\n          })[Variables.BackgroundSelected]};\n        }\n\n        ${!$ariaInteractiveOnly &&\n        css`\n          &:hover {\n            background-color: ${theme.layer({\n              disabled: $disabled,\n              selectedProminence: 'subtle',\n              state: FabricsVariables.States.Hover,\n            })[Variables.BackgroundSelected]};\n          }\n\n          &:active {\n            background-color: ${theme.layer({\n              disabled: $disabled,\n              selectedProminence: 'subtle',\n              state: FabricsVariables.States.Press,\n            })[Variables.BackgroundSelected]};\n          }\n        `}\n      `}\n      \n      &:focus-visible {\n        ${getFocusStyles(theme)};\n      }\n    `;\n  }};\n`;\n\nexport { ListItemWrapper, FlagContainer, Label, MetaText, Check, Radio, SelectionContainer };\n"],"names":["Check","styled","BaseCheck","Radio","SelectionContainer","FlagContainer","$size","css","ListItemConsts.consts","Label","BaseLabel","MetaText","$metaTextPosition","ListItemWrapper","theme","$ariaInteractiveOnly","$variant","$selected","$withMetaText","$disabled","$iconOrFlagProvided","$showInputControls","$multiline","hoverLayer","activeLayer","disabledLayer","getGridTemplateStyles","ICON_CLASS","Sizes","Variables","FabricsVariables","getFocusStyles"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAEnE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,MAAM,MAAM,cAAc,GAAG,wBAAwB,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AAE7F,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC,aAAa,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;AAEpF,KAAK,wBAAwB,GACzB,UAAU,GACV,SAAS,GACT,MAAM,GACN,mBAAmB,GACnB,WAAW,GACX,kBAAkB,GAClB,UAAU,CAAC;AAEf,MAAM,WAAW,oBAAqB,SAAQ,QAAQ,CAAC,aAAa,CAAC,cAAc,EAAE,wBAAwB,CAAC,CAAC;IAC7G,mBAAmB,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,KAAK,6BAA6B,GAC9B,OAAO,GACP,UAAU,GACV,WAAW,GACX,mBAAmB,GACnB,UAAU,GACV,kBAAkB,CAAC;AACvB,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,EAAE,6BAA6B,CAAC;IAC/F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,8BAA8B,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AACrE,MAAM,WAAW,0BACf,SAAQ,QAAQ,CAAC,aAAa,CAAC,oBAAoB,EAAE,8BAA8B,CAAC,CAAC;IACrF,mBAAmB,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
+{"version":3,"file":"ListItem.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAEnE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,MAAM,MAAM,cAAc,GAAG,wBAAwB,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AAE7F,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC,aAAa,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;AAEpF,KAAK,wBAAwB,GACzB,UAAU,GACV,SAAS,GACT,MAAM,GACN,mBAAmB,GACnB,WAAW,GACX,kBAAkB,GAClB,UAAU,CAAC;AAEf,MAAM,WAAW,oBAAqB,SAAQ,QAAQ,CAAC,aAAa,CAAC,cAAc,EAAE,wBAAwB,CAAC,CAAC;IAC7G,mBAAmB,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,KAAK,6BAA6B,GAC9B,OAAO,GACP,UAAU,GACV,WAAW,GACX,mBAAmB,GACnB,UAAU,GACV,kBAAkB,CAAC;AACvB,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,EAAE,6BAA6B,CAAC;IAC/F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,8BAA8B,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AACrE,MAAM,WAAW,0BAA2B,SAAQ,QAAQ,CAC1D,aAAa,CAAC,oBAAoB,EAAE,8BAA8B,CAAC,CACpE;IACC,mBAAmB,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}

package/build/esm/components/ListItem/ListItemHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItemHeader.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,QAAA,MAAM,cAAc,gHAmCnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ListItemHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItemHeader.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,QAAA,MAAM,cAAc,gHAmCnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -2,8 +2,8 @@ import { jsxs as p, jsx as t } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
 import c from "classnames";
 import { Sizes as I, Contrasts as L } from "../../react-base/src/consts/index.js";
-import { ListItemVariants as m } from "../../react-base/src/components/ListItem/ListItem.types.js";
 import { consts as S } from "../../react-base/src/components/ListItem/ListItemHeader.consts.js";
+import { ListItemVariants as m } from "../../react-base/src/components/ListItem/ListItem.types.js";
 import { ListItemHeaderWrapper as $ } from "./ListItemHeader.styles.js";
 import { Label as u, FlagContainer as b } from "./ListItem.styles.js";
 import x from "../Flag/Flag.js";

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

@@ -1 +1 @@
-{"version":3,"file":"ListItemHeader.js","sources":["../../../../src/components/ListItem/ListItemHeader.tsx"],"sourcesContent":["import { type ForwardedRef, type ReactElement, forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Contrasts, LIST_ITEM_HEADER_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ListItemVariants } from 'acinguiux-ds-react-base/components/ListItem/ListItem.types.js';\nimport { consts } from 'acinguiux-ds-react-base/components/ListItem/ListItemHeader.consts.js';\n\nimport * as Styled from './ListItemHeader.styles';\nimport * as ListItemStyled from './ListItem.styles';\nimport Flag from '../Flag/Flag';\nimport type { IListItemHeaderProps } from './ListItem.types';\n\nconst ListItemHeader = forwardRef(\n  (\n    {\n      className,\n      icon,\n      flag,\n      label,\n      divider = true,\n      size = Sizes.Medium,\n      variant = ListItemVariants.Default,\n      ...rest\n    }: IListItemHeaderProps,\n    ref: ForwardedRef<HTMLLIElement>,\n  ): ReactElement => (\n    <Styled.ListItemHeaderWrapper\n      className={classNames(LIST_ITEM_HEADER_CLASS, className)}\n      ref={ref}\n      $size={size}\n      $variant={variant}\n      $divider={divider}\n      $iconOrFlagProvided={Boolean(icon) || Boolean(flag)}\n      tabIndex={-1}\n      {...rest}\n    >\n      <ListItemStyled.Label size={consts[size].labelSize} contrast={Contrasts.Subtle}>\n        {label}\n      </ListItemStyled.Label>\n      {variant === ListItemVariants.Flag && flag && (\n        <ListItemStyled.FlagContainer $size={size} data-testid={`flag-${flag}`}>\n          <Flag flag={flag} />\n        </ListItemStyled.FlagContainer>\n      )}\n      {variant === ListItemVariants.Icon && icon}\n    </Styled.ListItemHeaderWrapper>\n  ),\n);\n\nexport default ListItemHeader;\n"],"names":["ListItemHeader","forwardRef","className","icon","flag","label","divider","size","Sizes","variant","ListItemVariants","rest","ref","jsxs","Styled.ListItemHeaderWrapper","classNames","LIST_ITEM_HEADER_CLASS","jsx","ListItemStyled.Label","consts","Contrasts","ListItemStyled.FlagContainer","Flag"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAiBC;AAAA,EACrB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAOC,EAAM;AAAA,IACb,SAAAC,IAAUC,EAAiB;AAAA,IAC3B,GAAGC;AAAA,EAAA,GAELC,MAEA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAwBd,CAAS;AAAA,MACvD,KAAAU;AAAA,MACA,OAAOL;AAAA,MACP,UAAUE;AAAA,MACV,UAAUH;AAAA,MACV,qBAAqB,EAAQH,KAAS,EAAQC;AAAA,MAC9C,UAAU;AAAA,MACT,GAAGO;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAM,EAACC,GAAA,EAAqB,MAAMC,EAAOZ,CAAI,EAAE,WAAW,UAAUa,EAAU,QACrE,UAAAf,EAAA,CACH;AAAA,QACCI,MAAYC,EAAiB,QAAQN,KACpC,gBAAAa,EAACI,GAAA,EAA6B,OAAOd,GAAM,eAAa,QAAQH,CAAI,IAClE,UAAA,gBAAAa,EAACK,GAAA,EAAK,MAAAlB,GAAY,GACpB;AAAA,QAEDK,MAAYC,EAAiB,QAAQP;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5C;"}
+{"version":3,"file":"ListItemHeader.js","sources":["../../../../src/components/ListItem/ListItemHeader.tsx"],"sourcesContent":["import { type ForwardedRef, type ReactElement, forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Contrasts, LIST_ITEM_HEADER_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ListItemTypes, ListItemHeaderConsts } from 'acinguiux-ds-react-base/components/ListItem';\n\nimport * as Styled from './ListItemHeader.styles';\nimport * as ListItemStyled from './ListItem.styles';\nimport Flag from '../Flag/Flag';\nimport type { IListItemHeaderProps } from './ListItem.types';\n\nconst ListItemHeader = forwardRef(\n  (\n    {\n      className,\n      icon,\n      flag,\n      label,\n      divider = true,\n      size = Sizes.Medium,\n      variant = ListItemTypes.ListItemVariants.Default,\n      ...rest\n    }: IListItemHeaderProps,\n    ref: ForwardedRef<HTMLLIElement>,\n  ): ReactElement => (\n    <Styled.ListItemHeaderWrapper\n      className={classNames(LIST_ITEM_HEADER_CLASS, className)}\n      ref={ref}\n      $size={size}\n      $variant={variant}\n      $divider={divider}\n      $iconOrFlagProvided={Boolean(icon) || Boolean(flag)}\n      tabIndex={-1}\n      {...rest}\n    >\n      <ListItemStyled.Label size={ListItemHeaderConsts.consts[size].labelSize} contrast={Contrasts.Subtle}>\n        {label}\n      </ListItemStyled.Label>\n      {variant === ListItemTypes.ListItemVariants.Flag && flag && (\n        <ListItemStyled.FlagContainer $size={size} data-testid={`flag-${flag}`}>\n          <Flag flag={flag} />\n        </ListItemStyled.FlagContainer>\n      )}\n      {variant === ListItemTypes.ListItemVariants.Icon && icon}\n    </Styled.ListItemHeaderWrapper>\n  ),\n);\n\nexport default ListItemHeader;\n"],"names":["ListItemHeader","forwardRef","className","icon","flag","label","divider","size","Sizes","variant","ListItemTypes.ListItemVariants","rest","ref","jsxs","Styled.ListItemHeaderWrapper","classNames","LIST_ITEM_HEADER_CLASS","jsx","ListItemStyled.Label","ListItemHeaderConsts.consts","Contrasts","ListItemStyled.FlagContainer","Flag"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAAiBC;AAAA,EACrB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAOC,EAAM;AAAA,IACb,SAAAC,IAAUC,EAA+B;AAAA,IACzC,GAAGC;AAAA,EAAA,GAELC,MAEA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAwBd,CAAS;AAAA,MACvD,KAAAU;AAAA,MACA,OAAOL;AAAA,MACP,UAAUE;AAAA,MACV,UAAUH;AAAA,MACV,qBAAqB,EAAQH,KAAS,EAAQC;AAAA,MAC9C,UAAU;AAAA,MACT,GAAGO;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAM,EAACC,GAAA,EAAqB,MAAMC,EAA4BZ,CAAI,EAAE,WAAW,UAAUa,EAAU,QAC1F,UAAAf,EAAA,CACH;AAAA,QACCI,MAAYC,EAA+B,QAAQN,KAClD,gBAAAa,EAACI,GAAA,EAA6B,OAAOd,GAAM,eAAa,QAAQH,CAAI,IAClE,UAAA,gBAAAa,EAACK,GAAA,EAAK,MAAAlB,GAAY,GACpB;AAAA,QAEDK,MAAYC,EAA+B,QAAQP;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1D;"}

package/build/esm/components/ListItem/ListItemHeader.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemHeader.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItemHeader.styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAG9D,QAAA,MAAM,qBAAqB,yTAsC1B,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"ListItemHeader.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItemHeader.styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAG9D,QAAA,MAAM,qBAAqB,yTAwC1B,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

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

@@ -11,12 +11,14 @@ const s = n.li(
     max-width: 100%;
     column-gap: 6px;
     border-radius: 4px;
-    padding: ${r[o].padding.vertical - 2}px ${r[o].padding.horizontal}px;
+    padding: ${r[o].padding.vertical - 2}px
+      ${r[o].padding.horizontal}px;
     box-sizing: border-box;
     cursor: pointer;
 
     ${d && i`
-      padding: ${r[o].padding.vertical + 3}px ${r[o].padding.horizontal}px
+      padding: ${r[o].padding.vertical + 3}px
+        ${r[o].padding.horizontal}px
         ${r[o].padding.vertical - 2}px;
 
       &::before {

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

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

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

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

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

@@ -7,8 +7,8 @@ type ModeType = 'inline' | 'vertical' | 'horizontal';
 export declare const getBackgroundColor: (theme: Theme, state?: FabricsVariables.StateType, foundation?: FabricsVariables.FoundationType, muted?: boolean, disabled?: boolean) => 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, iconPosition?: MenuTypes.IconPosition, size?: MenuTypes.Size, muted?: boolean, disabled?: boolean) => import("styled-components").RuleSet<StyledMenuProps>;
-export declare const getMenuItemSelectedStyle: (theme: Theme, indicatorPosition: MenuTypes.IndicatorPosition, mode?: ModeType, iconPosition?: MenuTypes.IconPosition, size?: MenuTypes.Size, muted?: boolean) => import("styled-components").RuleSet<StyledMenuProps>;
-export declare const getMenuItemDisabledStyle: (theme: Theme, indicatorPosition: MenuTypes.IndicatorPosition, mode?: ModeType, iconPosition?: MenuTypes.IconPosition, size?: MenuTypes.Size, muted?: boolean) => import("styled-components").RuleSet<StyledMenuProps>;
+export declare const getSubMenuSelectedIndicatorStyle: (indicatorPosition: MenuTypes.IndicatorPosition, mode?: ModeType, size?: MenuTypes.Size, muted?: boolean, disabled?: boolean) => import("styled-components").RuleSet<StyledMenuProps>;
+export declare const getMenuItemSelectedStyle: (theme: Theme, indicatorPosition: MenuTypes.IndicatorPosition, mode?: ModeType, size?: MenuTypes.Size, muted?: boolean) => import("styled-components").RuleSet<StyledMenuProps>;
+export declare const getMenuItemDisabledStyle: (theme: Theme, indicatorPosition: MenuTypes.IndicatorPosition, mode?: ModeType, size?: MenuTypes.Size, muted?: boolean) => import("styled-components").RuleSet<StyledMenuProps>;
 export {};
 //# sourceMappingURL=Menu.utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAS,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAa,KAAK,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAGzE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,KAAK,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,YAAY,CAAC;AAErD,eAAO,MAAM,kBAAkB,UACtB,KAAK,UACL,gBAAgB,CAAC,SAAS,eACrB,gBAAgB,CAAC,cAAc,gDAG2C,CAAC;AAEzF,eAAO,MAAM,mBAAmB,SAAU,SAAS,CAAC,IAAI,KAAG,SAAS,CAAC,IACzB,CAAC;AAE7C,eAAO,MAAM,wBAAwB,sBAAuB,SAAS,CAAC,iBAAiB,SAAS,QAAQ,wEAMvG,CAAC;AAEF,eAAO,MAAM,gCAAgC,sBACxB,SAAS,CAAC,iBAAiB,SACvC,QAAQ,iBACD,SAAS,CAAC,YAAY,SAC9B,SAAS,CAAC,IAAI,8FAerB,CAAC;AAEF,eAAO,MAAM,wBAAwB,UAC5B,KAAK,qBACO,SAAS,CAAC,iBAAiB,SACvC,QAAQ,iBACD,SAAS,CAAC,YAAY,SAC9B,SAAS,CAAC,IAAI,0EAoBrB,CAAC;AAEF,eAAO,MAAM,wBAAwB,UAC5B,KAAK,qBACO,SAAS,CAAC,iBAAiB,SACvC,QAAQ,iBACD,SAAS,CAAC,YAAY,SAC9B,SAAS,CAAC,IAAI,0EA+BrB,CAAC"}
+{"version":3,"file":"Menu.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAS,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAa,KAAK,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAGzE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,KAAK,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,YAAY,CAAC;AAErD,eAAO,MAAM,kBAAkB,UACtB,KAAK,UACL,gBAAgB,CAAC,SAAS,eACrB,gBAAgB,CAAC,cAAc,gDAG2C,CAAC;AAEzF,eAAO,MAAM,mBAAmB,SAAU,SAAS,CAAC,IAAI,KAAG,SAAS,CAAC,IACzB,CAAC;AAE7C,eAAO,MAAM,wBAAwB,sBAAuB,SAAS,CAAC,iBAAiB,SAAS,QAAQ,wEAMvG,CAAC;AAEF,eAAO,MAAM,gCAAgC,sBACxB,SAAS,CAAC,iBAAiB,SACvC,QAAQ,SACT,SAAS,CAAC,IAAI,8FAcrB,CAAC;AAEF,eAAO,MAAM,wBAAwB,UAC5B,KAAK,qBACO,SAAS,CAAC,iBAAiB,SACvC,QAAQ,SACT,SAAS,CAAC,IAAI,0EAmBrB,CAAC;AAEF,eAAO,MAAM,wBAAwB,UAC5B,KAAK,qBACO,SAAS,CAAC,iBAAiB,SACvC,QAAQ,SACT,SAAS,CAAC,IAAI,0EA8BrB,CAAC"}

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/components/MenuItem.d.ts

@@ -1,4 +1,3 @@
-import { type ReactNode } from 'react';
 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';
@@ -7,7 +6,6 @@ export interface IMenuItemProps extends RCMenuItemProps {
     path?: string;
     badge?: Omit<BadgeTypes.IProps, 'size'>;
     itemRender?: MenuTypes.ItemRender;
-    children?: ReactNode;
 }
 declare const MenuItem: import("react").ForwardRefExoticComponent<IMenuItemProps & import("react").RefAttributes<HTMLElement>>;
 export default MenuItem;

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

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

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

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

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

@@ -1 +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,SAAQ,IAAI,CAAC,UAAU,EAAE,sBAAsB,CAAC,EAC9C,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,SAAS,GAAG,cAAc,GAAG,cAAc,GAAG,UAAU,CAAC;IAC7F,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,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"}
+{"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/styles/indicator.styles.d.ts

@@ -8,8 +8,7 @@ type IndicatorPositionStyleProps = {
     muted?: boolean;
     disabled?: boolean;
     active?: boolean;
-    iconPosition?: MenuTypes.IconPosition;
 };
-export declare const getIndicatorPositionStyle: ({ size, indicatorPosition, state, disabled, active, iconPosition, muted, }: IndicatorPositionStyleProps) => import("styled-components").RuleSet<StyledMenuProps>;
+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

@@ -1 +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;AAuJrD,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;IACjB,YAAY,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC;CACvC,CAAC;AAMF,eAAO,MAAM,yBAAyB,+EAQnC,2BAA2B,yDAmB7B,CAAC"}
+{"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"}