acinguiux-ds-react-framework 0.0.6 → 0.0.7

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.styles.js","sources":["../../../../src/components/Avatar/Avatar.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { Sizes } from 'acinguiux-ds-react-base';\r\n\r\nimport { avatarConsts } from './Avatar.consts';\r\nimport { IAvatarProps } from './Avatar.types';\r\n\r\nconst AvatarWrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n`;\r\n\r\nconst Avatar = styled.div<Required<Pick<IAvatarProps, 'size'>>>(\r\n  ({ size }) => css`\r\n    display: flex;\r\n    align-items: stretch;\r\n    flex: 0;\r\n    ${size &&\r\n    css`\r\n      min-width: ${avatarConsts[size].avatar}px;\r\n      min-height: ${avatarConsts[size].avatar}px;\r\n      width: ${avatarConsts[size].avatar}px;\r\n      height: ${avatarConsts[size].avatar}px;\r\n    `}\r\n  `,\r\n);\r\n\r\nconst NoImageCircleWrapper = styled.div<Required<Pick<IAvatarProps, 'size'>>>`\r\n  ${({ size, theme }) => css`\r\n    ${(size === Sizes.Small || size === Sizes.Medium) && theme.heading[5].bold}\r\n    ${size === Sizes.Large && theme.heading[3].demi}\r\n\r\n    display: flex;\r\n    flex: 1 0 0;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    border-radius: 100%;\r\n    text-align: center;\r\n    white-space: nowrap;\r\n    color: ${theme.onSentiment.default.strong.primary.default.text.default};\r\n    background-color: ${theme.onSentiment.default.strong.primary.default.background};\r\n  `}\r\n`;\r\n\r\nconst NoImageCircle = styled.div`\r\n  display: flex;\r\n  font-size: 100%;\r\n`;\r\n\r\nconst Image = styled.img`\r\n  max-width: 100%;\r\n  border-radius: 100%;\r\n  object-fit: cover;\r\n`;\r\n\r\nconst TextBox = styled.div<Pick<IAvatarProps, 'collapsed'>>(\r\n  ({ collapsed }) => css`\r\n    display: flex;\r\n    flex: 1 1 0;\r\n    min-width: 0;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    flex-direction: column;\r\n    transition: opacity 0.2s linear;\r\n    opacity: ${collapsed ? '0' : '1'};\r\n  `,\r\n);\r\n\r\nconst Label = styled.p<IAvatarProps>`\r\n  ${({ theme, size, secondaryLabel }) => css`\r\n    margin: 0;\r\n\r\n    ${secondaryLabel &&\r\n    secondaryLabel.length > 0 &&\r\n    css`\r\n      ${size === Sizes.Large && theme.label.medium.bold}\r\n      ${(size === Sizes.Small || size === Sizes.Medium) && theme.label.small.bold}\r\n    `}\r\n\r\n    ${(!secondaryLabel || (secondaryLabel && secondaryLabel.length === 0)) &&\r\n    css`\r\n      ${(size === Sizes.Large || size === Sizes.Medium) && theme.label.medium.bold}\r\n      ${size === Sizes.Small && theme.label.small.bold}\r\n    `}\r\n    \r\n    color: ${theme.onSurface.surface.default.text.strong};\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n    width: 100%;\r\n  `}\r\n`;\r\n\r\nconst AdditionalText = styled.p<Required<Pick<IAvatarProps, 'size'>>>`\r\n  ${({ size, theme }) => css`\r\n    margin: ${size === Sizes.Large ? '4px' : '0'} 0 0;\r\n\r\n    ${size === Sizes.Large && theme.label.medium.normal}\r\n    ${(size === Sizes.Small || size === Sizes.Medium) && theme.label.small.normal}\r\n\r\n    color: ${theme.onSurface.surface.default.text.subtle};\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n    width: 100%;\r\n  `}\r\n`;\r\n\r\nexport { AvatarWrapper, Avatar, NoImageCircleWrapper, NoImageCircle, Image, TextBox, Label, AdditionalText };\r\n"],"names":["AvatarWrapper","styled","Avatar","size","css","avatarConsts","NoImageCircleWrapper","theme","Sizes","NoImageCircle","Image","TextBox","collapsed","Label","secondaryLabel","AdditionalText"],"mappings":";;;AAMA,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMvBC,IAASD,EAAO;AAAA,EACpB,CAAC,EAAE,MAAAE,EAAW,MAAAC;AAAA;AAAA;AAAA;AAAA,MAIVD,KACFC;AAAA,mBACeC,EAAaF,CAAI,EAAE,MAAM;AAAA,oBACxBE,EAAaF,CAAI,EAAE,MAAM;AAAA,eAC9BE,EAAaF,CAAI,EAAE,MAAM;AAAA,gBACxBE,EAAaF,CAAI,EAAE,MAAM;AAAA,KACpC;AAAA;AAEL,GAEMG,IAAuBL,EAAO;AAAA,IAChC,CAAC,EAAE,MAAAE,GAAM,OAAAI,EAAA,MAAYH;AAAA,OAClBD,MAASK,EAAM,SAASL,MAASK,EAAM,WAAWD,EAAM,QAAQ,CAAC,EAAE,IAAI;AAAA,MACxEJ,MAASK,EAAM,SAASD,EAAM,QAAQ,CAAC,EAAE,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAUtCA,EAAM,YAAY,QAAQ,OAAO,QAAQ,QAAQ,KAAK,OAAO;AAAA,wBAClDA,EAAM,YAAY,QAAQ,OAAO,QAAQ,QAAQ,UAAU;AAAA,GAChF;AAAA,GAGGE,IAAgBR,EAAO;AAAA;AAAA;AAAA,GAKvBS,IAAQT,EAAO;AAAA;AAAA;AAAA;AAAA,GAMfU,IAAUV,EAAO;AAAA,EACrB,CAAC,EAAE,WAAAW,EAAgB,MAAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQNQ,IAAY,MAAM,GAAG;AAAA;AAEpC,GAEMC,IAAQZ,EAAO;AAAA,IACjB,CAAC,EAAE,OAAAM,GAAO,MAAAJ,GAAM,gBAAAW,QAAqBV;AAAA;AAAA;AAAA,MAGnCU,KACFA,EAAe,SAAS,KACxBV;AAAA,QACID,MAASK,EAAM,SAASD,EAAM,MAAM,OAAO,IAAI;AAAA,SAC9CJ,MAASK,EAAM,SAASL,MAASK,EAAM,WAAWD,EAAM,MAAM,MAAM,IAAI;AAAA,KAC5E;AAAA;AAAA,OAEE,CAACO,KAAmBA,KAAkBA,EAAe,WAAW,MACnEV;AAAA,SACKD,MAASK,EAAM,SAASL,MAASK,EAAM,WAAWD,EAAM,MAAM,OAAO,IAAI;AAAA,QAC1EJ,MAASK,EAAM,SAASD,EAAM,MAAM,MAAM,IAAI;AAAA,KACjD;AAAA;AAAA,aAEQA,EAAM,UAAU,QAAQ,QAAQ,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,GAKrD;AAAA,GAGGQ,IAAiBd,EAAO;AAAA,IAC1B,CAAC,EAAE,MAAAE,GAAM,OAAAI,EAAA,MAAYH;AAAA,cACXD,MAASK,EAAM,QAAQ,QAAQ,GAAG;AAAA;AAAA,MAE1CL,MAASK,EAAM,SAASD,EAAM,MAAM,OAAO,MAAM;AAAA,OAChDJ,MAASK,EAAM,SAASL,MAASK,EAAM,WAAWD,EAAM,MAAM,MAAM,MAAM;AAAA;AAAA,aAEpEA,EAAM,UAAU,QAAQ,QAAQ,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,GAKrD;AAAA;"}
+{"version":3,"file":"Avatar.styles.js","sources":["../../../../src/components/Avatar/Avatar.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Sizes, LayerColor, AvatarConsts, AvatarTypes, AvatarUtils } from 'acinguiux-ds-react-base';\nimport { States } from 'acinguiux-ds-fabrics';\n\nimport Button from '../Button/Button';\nimport { getFocusStyles } from '../../utils/styleUtils';\nimport { FlagName, IAvatarProps } from './Avatar.types';\n\ntype PropsWithRequiredSize = Required<Pick<IAvatarProps<FlagName>, 'size'>>;\n\nconst NoImageCircleWrapper = styled.div<PropsWithRequiredSize>`\n  ${({ size, theme }) => {\n    const styles = AvatarUtils.getFabricStyles(theme);\n    const hoverLayer = theme.getLayer({ state: States.Hover });\n    const activeLayer = theme.getLayer({ state: States.Active });\n\n    return css`\n      ${(size === Sizes.XSmall) && theme.label.small.bold};\n      ${(size === Sizes.Small || size === Sizes.Medium || size === Sizes.Large) && theme.heading[5].bold};\n\n      display: flex;\n      flex: 1 0 0;\n      justify-content: center;\n      align-items: center;\n\n      border-radius: 100%;\n      text-align: center;\n      white-space: nowrap;\n      color: ${theme.onSentiment.default.strong.primary.default.text.default};\n      background-color: ${theme.onSentiment.default.strong.primary.default.background};\n      outline: none;\n\n      &:hover {\n        ${styles.hover};\n        background-color: ${hoverLayer[LayerColor.BackgroundSentiment]};\n      }\n\n      &:active {\n        ${styles.active};\n        background-color: ${activeLayer[LayerColor.BackgroundSentiment]};\n      }\n\n      &:focus-visible {\n        ${getFocusStyles(theme)};\n      }\n    `;\n  }}\n`;\n\n  const StyledButton = styled(Button)`\n  &&:hover {\n    background-color: transparent;\n  }\n\n  &&:focus-visible {\n    outline: none;\n  }\n`;\n\nconst AvatarWrapper = styled.div.attrs((props: { tabIndex: number }) => ({ tabIndex: props.tabIndex })) <AvatarTypes.IAvatarWrapperProps>`\n  display: inline-flex;\n  min-height: ${props => AvatarConsts.consts[props.size].minHeight};\n  padding: ${props => AvatarConsts.consts[props.size].padding};\n  align-items: center;\n  justify-content: flex-start;\n  gap: ${props => props.hasText ? AvatarConsts.consts[props.size].gap : '0'};\n  border-radius: var(--radius-small, 8px);\n  outline: none;\n\n  ${({ theme, dropdownOverlay }) => {\n    const styles = AvatarUtils.getFabricStyles(theme);\n    const hoverLayer = theme.getLayer({ state: States.Hover });\n    const activeLayer = theme.getLayer({ state: States.Active });\n\n    return Boolean(dropdownOverlay) && css`\n      cursor: pointer;\n\n      &:hover {\n        ${styles.hover};\n\n        ${NoImageCircleWrapper} {\n          ${styles.hover};\n          background-color: ${hoverLayer[LayerColor.BackgroundSentiment]};\n        }\n      }\n\n      &:active {\n        ${styles.active};\n\n        ${NoImageCircleWrapper} {\n          ${styles.active};\n          background-color: ${activeLayer[LayerColor.BackgroundSentiment]};\n        }\n      }\n\n      &:has(:focus-visible) {\n        ${getFocusStyles(theme)};\n      }\n\n      ${NoImageCircleWrapper} {\n        &:focus-visible {\n          outline: none;\n        }\n      }\n\n      &:focus-visible {\n        ${getFocusStyles(theme)};\n      }\n    `;\n  }}\n`;\n\nconst Avatar = styled.div<PropsWithRequiredSize>(\n  ({ size }) => css`\n    display: flex;\n    align-items: stretch;\n    flex: 0;\n    ${size &&\n    css`\n      min-width: ${AvatarConsts.consts[size].avatar}px;\n      min-height: ${AvatarConsts.consts[size].avatar}px;\n      width: ${AvatarConsts.consts[size].avatar}px;\n      height: ${AvatarConsts.consts[size].avatar}px;\n    `}\n  `,\n);\n\nconst NoImageCircle = styled.div`\n  display: flex;\n  font-size: 100%;\n`;\n\nconst Image = styled.img.attrs((props: { tabIndex: number }) => ({ tabIndex: props.tabIndex }))`\n${({ theme }) => css`\n  max-width: 100%;\n  border-radius: 100%;\n  object-fit: cover;\n\n  &:focus-visible {\n      ${getFocusStyles(theme)};\n    }\n`}\n`;\n\nconst FlagContainer = styled.div.attrs((props: { tabIndex: number }) => ({ tabIndex: props.tabIndex })) <PropsWithRequiredSize>`\n${({ theme, size }) => css`\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 100%;\n  font-size: ${AvatarConsts.consts[size].avatar}px;\n\n  &:focus-visible {\n      ${getFocusStyles(theme)};\n    }\n`}\n`;\n\nconst TextBox = styled.div<Pick<IAvatarProps<FlagName>, 'collapsed'>>(\n  ({ collapsed }) => css`\n    display: flex;\n    flex: 1 1 0;\n    min-width: 0;\n    justify-content: center;\n    align-items: flex-start;\n    flex-direction: column;\n    transition: opacity 0.2s linear;\n    opacity: ${collapsed ? '0' : '1'};\n  `,\n);\n\nconst Label = styled.p<IAvatarProps<FlagName>>`\n  ${({ theme, size, secondaryLabel, extraLabel }) => css`\n    margin: 0;\n    color: ${theme.onSurface.surface.default.text.strong};\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    width: 100%;\n\n    ${extraLabel && secondaryLabel &&\n    secondaryLabel.length > 0 &&\n    css`\n      ${theme.label.small.bold}\n    `}\n    \n    ${(!extraLabel || !secondaryLabel || (secondaryLabel.length === 0)) &&\n    css`\n      ${(size === Sizes.XSmall || size === Sizes.Small || size === Sizes.Medium) && theme.label.small.bold}\n      ${size === Sizes.Large && theme.label.medium.bold}\n    `}\n  `}\n`;\n\nconst AdditionalText = styled.p<PropsWithRequiredSize>`\n  ${({ size, theme }) => css`\n    margin: ${size === Sizes.XSmall ? '-2px 0 0 0' : '0'};\n\n    ${(size === Sizes.XSmall || size === Sizes.Small || size === Sizes.Medium || size === Sizes.Large) && theme.label.small.normal}\n\n    color: ${theme.onSurface.surface.default.text.subtle};\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    width: 100%;\n  `}\n`;\n\nconst TextAndChevronContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: justify-between;\n  flex-grow: 1;\n  gap: 4px;\n`;\n\nexport { AvatarWrapper, Avatar, NoImageCircleWrapper, NoImageCircle, StyledButton, Image, FlagContainer, TextBox, Label, AdditionalText, TextAndChevronContainer };\n"],"names":["NoImageCircleWrapper","styled","size","theme","styles","AvatarUtils.getFabricStyles","hoverLayer","States","activeLayer","css","Sizes","LayerColor","getFocusStyles","StyledButton","Button","AvatarWrapper","props","AvatarConsts.consts","dropdownOverlay","Avatar","NoImageCircle","Image","FlagContainer","TextBox","collapsed","Label","secondaryLabel","extraLabel","AdditionalText","TextAndChevronContainer"],"mappings":";;;;;;;;AAUA,MAAMA,IAAuBC,EAAO;AAAA,IAChC,CAAC,EAAE,MAAAC,GAAM,OAAAC,QAAY;AACf,QAAAC,IAASC,EAA4BF,CAAK,GAC1CG,IAAaH,EAAM,SAAS,EAAE,OAAOI,EAAO,OAAO,GACnDC,IAAcL,EAAM,SAAS,EAAE,OAAOI,EAAO,QAAQ;AAEpD,SAAAE;AAAA,QACFP,MAASQ,EAAM,UAAWP,EAAM,MAAM,MAAM,IAAI;AAAA,SAChDD,MAASQ,EAAM,SAASR,MAASQ,EAAM,UAAUR,MAASQ,EAAM,UAAUP,EAAM,QAAQ,CAAC,EAAE,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAUzFA,EAAM,YAAY,QAAQ,OAAO,QAAQ,QAAQ,KAAK,OAAO;AAAA,0BAClDA,EAAM,YAAY,QAAQ,OAAO,QAAQ,QAAQ,UAAU;AAAA;AAAA;AAAA;AAAA,UAI3EC,EAAO,KAAK;AAAA,4BACME,EAAWK,EAAW,mBAAmB,CAAC;AAAA;AAAA;AAAA;AAAA,UAI5DP,EAAO,MAAM;AAAA,4BACKI,EAAYG,EAAW,mBAAmB,CAAC;AAAA;AAAA;AAAA;AAAA,UAI7DC,EAAeT,CAAK,CAAC;AAAA;AAAA;AAG7B,CAAC;AAAA,GAGKU,IAAeZ,EAAOa,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAU9BC,IAAgBd,EAAO,IAAI,MAAM,CAACe,OAAiC,EAAE,UAAUA,EAAM,SAAA,EAAW;AAAA;AAAA,gBAEtF,OAASC,EAAoBD,EAAM,IAAI,EAAE,SAAS;AAAA,aACrD,OAASC,EAAoBD,EAAM,IAAI,EAAE,OAAO;AAAA;AAAA;AAAA,SAGpD,CAAAA,MAASA,EAAM,UAAUC,EAAoBD,EAAM,IAAI,EAAE,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA,IAIvE,CAAC,EAAE,OAAAb,GAAO,iBAAAe,QAAsB;AAC1B,QAAAd,IAASC,EAA4BF,CAAK,GAC1CG,IAAaH,EAAM,SAAS,EAAE,OAAOI,EAAO,OAAO,GACnDC,IAAcL,EAAM,SAAS,EAAE,OAAOI,EAAO,QAAQ;AAEpD,SAAA,EAAQW,KAAoBT;AAAA;AAAA;AAAA;AAAA,UAI7BL,EAAO,KAAK;AAAA;AAAA,UAEZJ,CAAoB;AAAA,YAClBI,EAAO,KAAK;AAAA,8BACME,EAAWK,EAAW,mBAAmB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAK9DP,EAAO,MAAM;AAAA;AAAA,UAEbJ,CAAoB;AAAA,YAClBI,EAAO,MAAM;AAAA,8BACKI,EAAYG,EAAW,mBAAmB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAK/DC,EAAeT,CAAK,CAAC;AAAA;AAAA;AAAA,QAGvBH,CAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAOlBY,EAAeT,CAAK,CAAC;AAAA;AAAA;AAG7B,CAAC;AAAA,GAGGgB,IAASlB,EAAO;AAAA,EACpB,CAAC,EAAE,MAAAC,EAAA,MAAWO;AAAA;AAAA;AAAA;AAAA,MAIVP,KACFO;AAAA,mBACeQ,EAAoBf,CAAI,EAAE,MAAM;AAAA,oBAC/Be,EAAoBf,CAAI,EAAE,MAAM;AAAA,eACrCe,EAAoBf,CAAI,EAAE,MAAM;AAAA,gBAC/Be,EAAoBf,CAAI,EAAE,MAAM;AAAA,KAC3C;AAAA;AAEL,GAEMkB,IAAgBnB,EAAO;AAAA;AAAA;AAAA,GAKvBoB,IAAQpB,EAAO,IAAI,MAAM,CAACe,OAAiC,EAAE,UAAUA,EAAM,SAAA,EAAW;AAAA,EAC5F,CAAC,EAAE,OAAAb,EAAA,MAAYM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMTG,EAAeT,CAAK,CAAC;AAAA;AAAA,CAE5B;AAAA,GAGKmB,IAAgBrB,EAAO,IAAI,MAAM,CAACe,OAAiC,EAAE,UAAUA,EAAM,SAAA,EAAW;AAAA,EACpG,CAAC,EAAE,OAAAb,GAAO,MAAAD,EAAA,MAAWO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAORQ,EAAoBf,CAAI,EAAE,MAAM;AAAA;AAAA;AAAA,QAGvCU,EAAeT,CAAK,CAAC;AAAA;AAAA,CAE5B;AAAA,GAGKoB,IAAUtB,EAAO;AAAA,EACrB,CAAC,EAAE,WAAAuB,EAAA,MAAgBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQNe,IAAY,MAAM,GAAG;AAAA;AAEpC,GAEMC,IAAQxB,EAAO;AAAA,IACjB,CAAC,EAAE,OAAAE,GAAO,MAAAD,GAAM,gBAAAwB,GAAgB,YAAAC,EAAiB,MAAAlB;AAAA;AAAA,aAExCN,EAAM,UAAU,QAAQ,QAAQ,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMlDwB,KAAcD,KAChBA,EAAe,SAAS,KACxBjB;AAAA,QACIN,EAAM,MAAM,MAAM,IAAI;AAAA,KACzB;AAAA;AAAA,OAEE,CAACwB,KAAc,CAACD,KAAmBA,EAAe,WAAW,MAChEjB;AAAA,SACKP,MAASQ,EAAM,UAAUR,MAASQ,EAAM,SAASR,MAASQ,EAAM,WAAWP,EAAM,MAAM,MAAM,IAAI;AAAA,QAClGD,MAASQ,EAAM,SAASP,EAAM,MAAM,OAAO,IAAI;AAAA,KAClD;AAAA,GACF;AAAA,GAGGyB,IAAiB3B,EAAO;AAAA,IAC1B,CAAC,EAAE,MAAAC,GAAM,OAAAC,EAAA,MAAYM;AAAA,cACXP,MAASQ,EAAM,SAAS,eAAe,GAAG;AAAA;AAAA,OAEjDR,MAASQ,EAAM,UAAUR,MAASQ,EAAM,SAASR,MAASQ,EAAM,UAAUR,MAASQ,EAAM,UAAUP,EAAM,MAAM,MAAM,MAAM;AAAA;AAAA,aAErHA,EAAM,UAAU,QAAQ,QAAQ,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,GAKrD;AAAA,GAGG0B,IAA0B5B,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1,31 +1,17 @@
-import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
-import { Sizes } from '..\..\react-base\src';
+import { ComponentPropsWithoutRef, ReactElement } from 'react';
+import { AvatarTypes } from '..\..\react-base\src';
 import { PopoverContentProps } from '@radix-ui/react-popover';
-export type AvatarSize = Sizes.Small | Sizes.Medium | Sizes.Large;
-interface IAvatarBaseProps {
-    size: AvatarSize;
-}
-export interface IAvatarNoImageCircle extends IAvatarBaseProps {
-    children: ReactNode;
-    ariaLabel?: string;
-}
-export interface IAvatarAsText extends IAvatarBaseProps {
-    abbreviation: string;
-    ariaLabel?: string;
-}
-export interface IAvatarAsIcon extends IAvatarBaseProps {
-    ariaLabel?: string;
-}
-export interface IAvatarAsImage extends IAvatarBaseProps {
-    src: string;
-    alt: string;
-}
+import * as Flags from '../Flag/components/index';
+export type FlagComponentKey = keyof typeof Flags;
+export type FlagName = Lowercase<FlagComponentKey> | Uppercase<FlagComponentKey>;
+export type FlagNameKeyRecord = {
+    [key in FlagComponentKey as Lowercase<key>]: key;
+} & {
+    [key in FlagComponentKey as Uppercase<key>]: key;
+};
 type IAvatarImageProps = {
-    src: string;
+    src?: string;
     alt?: string;
-} | {
-    src?: never;
-    alt?: never;
 };
 type IAvatarDropdownProps = {
     dropdownOverlay: ReactElement;
@@ -37,12 +23,15 @@ type IAvatarDropdownProps = {
     dropdownOverlay?: never;
     dropdownAlign?: never;
 };
-export type IAvatarProps = ComponentPropsWithoutRef<'div'> & IAvatarImageProps & IAvatarDropdownProps & {
+export type IAvatarProps<TFlagName extends FlagName> = ComponentPropsWithoutRef<'div'> & IAvatarImageProps & IAvatarDropdownProps & {
     abbreviation?: string;
-    size?: AvatarSize;
+    size?: AvatarTypes.AvatarSize;
     label?: string;
     secondaryLabel?: string;
     collapsed?: boolean;
+    flag?: TFlagName;
+    extraLabel?: boolean;
+    textandChevron?: boolean;
 };
 export {};
 //# sourceMappingURL=Avatar.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;AAElE,UAAU,gBAAgB;IACxB,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACtD,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,KAAK,iBAAiB,GAClB;IACA,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,GACC;IACA,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,GAAG,CAAC,EAAE,KAAK,CAAC;CACb,CAAC;AAEJ,KAAK,oBAAoB,GACrB;IACA,eAAe,EAAE,YAAY,CAAC;IAC9B,aAAa,CAAC,EAAE;QACd,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;QACnC,KAAK,CAAC,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;KACtC,CAAC;CACH,GACC;IACA,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,CAAC;AAEJ,MAAM,MAAM,YAAY,GAAG,wBAAwB,CAAC,KAAK,CAAC,GACxD,iBAAiB,GACjB,oBAAoB,GAAG;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}
+{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,KAAK,KAAK,MAAM,0BAA0B,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,KAAK,CAAC;AAClD,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC,gBAAgB,CAAC,CAAC;AACjF,MAAM,MAAM,iBAAiB,GAAG;KAAG,GAAG,IAAI,gBAAgB,IAAI,SAAS,CAAC,GAAG,CAAC,GAAG,GAAG;CAAE,GAAG;KAAG,GAAG,IAAI,gBAAgB,IAAI,SAAS,CAAC,GAAG,CAAC,GAAG,GAAG;CAAE,CAAA;AAE3I,KAAK,iBAAiB,GACtB;IACE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAA;AAED,KAAK,oBAAoB,GACrB;IACA,eAAe,EAAE,YAAY,CAAC;IAC9B,aAAa,CAAC,EAAE;QACd,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;QACnC,KAAK,CAAC,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;KACtC,CAAC;CACH,GACC;IACA,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,CAAC;AAEJ,MAAM,MAAM,YAAY,CAAC,SAAS,SAAS,QAAQ,IAAI,wBAAwB,CAAC,KAAK,CAAC,GACpF,iBAAiB,GACjB,oBAAoB,GAAG;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC"}

package/build/esm/components/Badge/Badge.js

@@ -1,15 +1,15 @@
-import { jsxs as c, jsx as f } from "react/jsx-runtime";
+import { jsxs as f, jsx as c } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
 import p from "classnames";
-import { Badge as g, BadgeText as B } from "./Badge.styles.js";
-import { BADGE_CLASS as h } from "../../react-base/src/consts.js";
-import { useProps as u } from "../../react-base/src/components/Badge/Badge.utils.js";
-const x = l(({ className: r, ...e }, s) => {
-  const { size: o, sentiment: m, iconComponent: t, shouldRenderChildren: d, shouldRenderIcon: n, children: a, ...i } = u(e);
-  return /* @__PURE__ */ c(
+import { Badge as g, BadgeText as h } from "./Badge.styles.js";
+import { BADGE_CLASS as u } from "../../react-base/src/consts.js";
+import { useProps as B } from "../../react-base/src/components/Badge/Badge.utils.js";
+const P = l(({ className: r, ...e }, s) => {
+  const { size: o, sentiment: m, iconComponent: t, shouldRenderChildren: d, shouldRenderIcon: n, children: a, ...i } = B(e);
+  return /* @__PURE__ */ f(
     g,
     {
-      className: p(h, r),
+      className: p(u, r),
       ref: s,
       size: o,
       ...e,
@@ -17,12 +17,12 @@ const x = l(({ className: r, ...e }, s) => {
       sentiment: m,
       children: [
         n && t,
-        d && /* @__PURE__ */ f(B, { size: o, children: a })
+        d && /* @__PURE__ */ c(h, { size: o, children: a })
       ]
     }
   );
-}), S = x;
+});
 export {
-  S as default
+  P as default
 };
 //# sourceMappingURL=Badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { BadgeUtils, BADGE_CLASS } from 'acinguiux-ds-react-base';\r\n\r\nimport * as Styled from './Badge.styles';\r\nimport { IBadgeProps } from './Badge.types';\r\n\r\nconst Badge = forwardRef<HTMLDivElement, IBadgeProps>(({ className, ...props }, ref) => {\r\n  const { size, sentiment, iconComponent, shouldRenderChildren, shouldRenderIcon, children, ...badgeProps } =\r\n    BadgeUtils.useProps(props);\r\n\r\n  return (\r\n    <Styled.Badge\r\n      className={classNames(BADGE_CLASS, className)}\r\n      ref={ref}\r\n      size={size}\r\n      {...props}\r\n      {...badgeProps}\r\n      sentiment={sentiment}\r\n    >\r\n      {shouldRenderIcon && iconComponent}\r\n      {shouldRenderChildren && <Styled.BadgeText size={size}>{children}</Styled.BadgeText>}\r\n    </Styled.Badge>\r\n  );\r\n});\r\n\r\nexport default Badge;\r\n"],"names":["Badge","forwardRef","className","props","ref","size","sentiment","iconComponent","shouldRenderChildren","shouldRenderIcon","children","badgeProps","BadgeUtils.useProps","jsxs","Styled.Badge","classNames","BADGE_CLASS","jsx","Styled.BadgeText","Badge$1"],"mappings":";;;;;;AAQA,MAAMA,IAAQC,EAAwC,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MAAQ;AACtF,QAAM,EAAE,MAAAC,GAAM,WAAAC,GAAW,eAAAC,GAAe,sBAAAC,GAAsB,kBAAAC,GAAkB,UAAAC,GAAU,GAAGC,EAAW,IACtGC,EAAoBT,CAAK;AAGzB,SAAA,gBAAAU;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAad,CAAS;AAAA,MAC5C,KAAAE;AAAA,MACA,MAAAC;AAAA,MACC,GAAGF;AAAA,MACH,GAAGQ;AAAA,MACJ,WAAAL;AAAA,MAEC,UAAA;AAAA,QAAoBG,KAAAF;AAAA,QACpBC,KAAyB,gBAAAS,EAAAC,GAAA,EAAiB,MAAAb,GAAa,UAAAK,EAAS,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvE,CAAC,GAEDS,IAAenB;"}
+{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { BadgeUtils, BADGE_CLASS } from 'acinguiux-ds-react-base';\n\nimport * as Styled from './Badge.styles';\nimport { IBadgeProps } from './Badge.types';\n\nconst Badge = forwardRef<HTMLDivElement, IBadgeProps>(({ className, ...props }, ref) => {\n  const { size, sentiment, iconComponent, shouldRenderChildren, shouldRenderIcon, children, ...badgeProps } =\n    BadgeUtils.useProps(props);\n\n  return (\n    <Styled.Badge\n      className={classNames(BADGE_CLASS, className)}\n      ref={ref}\n      size={size}\n      {...props}\n      {...badgeProps}\n      sentiment={sentiment}\n    >\n      {shouldRenderIcon && iconComponent}\n      {shouldRenderChildren && <Styled.BadgeText size={size}>{children}</Styled.BadgeText>}\n    </Styled.Badge>\n  );\n});\n\nexport default Badge;\n"],"names":["Badge","forwardRef","className","props","ref","size","sentiment","iconComponent","shouldRenderChildren","shouldRenderIcon","children","badgeProps","BadgeUtils.useProps","jsxs","Styled.Badge","classNames","BADGE_CLASS","jsx","Styled.BadgeText"],"mappings":";;;;;;AAQM,MAAAA,IAAQC,EAAwC,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MAAQ;AACtF,QAAM,EAAE,MAAAC,GAAM,WAAAC,GAAW,eAAAC,GAAe,sBAAAC,GAAsB,kBAAAC,GAAkB,UAAAC,GAAU,GAAGC,MAC3FC,EAAoBT,CAAK;AAGzB,SAAA,gBAAAU;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAad,CAAS;AAAA,MAC5C,KAAAE;AAAA,MACA,MAAAC;AAAA,MACC,GAAGF;AAAA,MACH,GAAGQ;AAAA,MACJ,WAAAL;AAAA,MAEC,UAAA;AAAA,QAAoBG,KAAAF;AAAA,QACpBC,KAAyB,gBAAAS,EAAAC,GAAA,EAAiB,MAAAb,GAAa,UAAAK,EAAS,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACnE;AAEJ,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.styles.js","sources":["../../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":["import { BadgeStyles, BadgeUtils } from 'acinguiux-ds-react-base';\r\nimport styled, { css } from 'styled-components';\r\n\r\nimport { StyledBadgeProps, StyledBadgeTextProps } from './Badge.types';\r\n\r\nconst Badge = styled.div<StyledBadgeProps>`\r\n  ${BadgeStyles.Styles};\r\n`;\r\n\r\nconst BadgeText = styled.span<StyledBadgeTextProps>`\r\n  ${({ theme, size }) => css`\r\n    ${BadgeUtils.getSizeStyles(theme, size)};\r\n  `};\r\n`;\r\n\r\nexport { Badge, BadgeText };\r\n"],"names":["Badge","styled","BadgeStyles.Styles","BadgeText","theme","size","css","BadgeUtils.getSizeStyles"],"mappings":";;;AAKA,MAAMA,IAAQC,EAAO;AAAA,IACjBC,CAAkB;AAAA,GAGhBC,IAAYF,EAAO;AAAA,IACrB,CAAC,EAAE,OAAAG,GAAO,MAAAC,EAAA,MAAWC;AAAA,MACnBC,EAAyBH,GAAOC,CAAI,CAAC;AAAA,GACxC;AAAA;"}
+{"version":3,"file":"Badge.styles.js","sources":["../../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":["import { BadgeStyles, BadgeUtils } from 'acinguiux-ds-react-base';\nimport styled, { css } from 'styled-components';\n\nimport { StyledBadgeProps, StyledBadgeTextProps } from './Badge.types';\n\nconst Badge = styled.div<StyledBadgeProps>`\n  ${BadgeStyles.Styles};\n`;\n\nconst BadgeText = styled.span<StyledBadgeTextProps>`\n  ${({ theme, size }) => css`\n    ${BadgeUtils.getSizeStyles(theme, size)};\n  `};\n`;\n\nexport { Badge, BadgeText };\n"],"names":["Badge","styled","BadgeStyles.Styles","BadgeText","theme","size","css","BadgeUtils.getSizeStyles"],"mappings":";;;AAKA,MAAMA,IAAQC,EAAO;AAAA,IACjBC,CAAkB;AAAA,GAGhBC,IAAYF,EAAO;AAAA,IACrB,CAAC,EAAE,OAAAG,GAAO,MAAAC,EAAA,MAAWC;AAAA,MACnBC,EAAyBH,GAAOC,CAAI,CAAC;AAAA,GACxC;AAAA;"}

package/build/esm/components/Breadcrumb/Breadcrumb.js

@@ -1,43 +1,43 @@
-import { jsx as r, jsxs as R } from "react/jsx-runtime";
+import { jsx as r, jsxs as b } from "react/jsx-runtime";
 import { forwardRef as v } from "react";
 import C from "classnames";
 import L from "../Icon/components/ChevronSmallLeft.js";
-import $ from "../Icon/components/ChevronSmallRight.js";
-import { BreadcrumbWrapper as g, Breadcrumb as x } from "./Breadcrumb.styles.js";
+import g from "../Icon/components/ChevronSmallRight.js";
+import { BreadcrumbWrapper as x, Breadcrumb as $ } from "./Breadcrumb.styles.js";
 import j from "./components/Separator/Separator.js";
 import { defaultRenderPath as A } from "./utils/renderUtils.js";
 import { BREADCRUMB_CLASS as M, Positions as N, Sizes as P } from "../../react-base/src/consts.js";
-const w = v(
-  ({ className: s, size: e = P.Medium, items: t, separator: i, mirrored: o, navProps: f, ...p }, c) => {
-    const d = o ? /* @__PURE__ */ r(L, {}) : /* @__PURE__ */ r($, {});
+const z = v(
+  ({ className: i, size: e = P.Medium, items: t, separator: s, mirrored: o, navProps: f, ...p }, d) => {
+    const l = o ? /* @__PURE__ */ r(L, {}) : /* @__PURE__ */ r(g, {});
     return /* @__PURE__ */ r("nav", { ...f, children: /* @__PURE__ */ r(
-      g,
+      x,
       {
-        className: C(M, s),
+        className: C(M, i),
         size: e,
-        ref: c,
+        ref: d,
         $mirrored: o,
         ...p,
         children: t.map(
           ({
             name: m,
             key: n,
-            path: l,
+            path: c,
             icon: u,
             iconPosition: h = N.Left,
-            iconOnly: B = !1,
-            renderPath: S = A
-          }, b) => {
-            const a = b === t.length - 1;
-            return /* @__PURE__ */ R(
-              x,
+            iconOnly: S = !1,
+            renderPath: B = A
+          }, R) => {
+            const a = R === t.length - 1;
+            return /* @__PURE__ */ b(
+              $,
               {
                 size: e,
                 $mirrored: o,
                 "aria-current": a ? "page" : void 0,
                 children: [
-                  S(m, l, u, h, B, a),
-                  !a && /* @__PURE__ */ r(j, { separator: i || d })
+                  B(m, c, u, h, S, a),
+                  !a && /* @__PURE__ */ r(j, { separator: s || l })
                 ]
               },
               n || m
@@ -47,8 +47,8 @@ const w = v(
       }
     ) });
   }
-), F = w;
+);
 export {
-  F as default
+  z as default
 };
 //# sourceMappingURL=Breadcrumb.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Sizes, Positions, BREADCRUMB_CLASS } from 'acinguiux-ds-react-base';\r\n\r\nimport { ChevronSmallRight, ChevronSmallLeft } from '../Icon/components';\r\nimport * as Styled from './Breadcrumb.styles';\r\nimport { IBreadcrumbProps } from './Breadcrumb.types';\r\nimport Separator from './components/Separator/Separator';\r\nimport { defaultRenderPath } from './utils/renderUtils';\r\n\r\nconst Breadcrumb = forwardRef<HTMLUListElement, IBreadcrumbProps>(\r\n  ({ className, size = Sizes.Medium, items, separator, mirrored, navProps, ...rest }, ref): ReactElement => {\r\n    const defaultSeparator = mirrored ? <ChevronSmallLeft /> : <ChevronSmallRight />;\r\n\r\n    return (\r\n      <nav {...navProps}>\r\n        <Styled.BreadcrumbWrapper\r\n          className={classNames(BREADCRUMB_CLASS, className)}\r\n          size={size}\r\n          ref={ref}\r\n          $mirrored={mirrored}\r\n          {...rest}\r\n        >\r\n          {items.map(\r\n            (\r\n              {\r\n                name,\r\n                key,\r\n                path,\r\n                icon,\r\n                iconPosition = Positions.Left,\r\n                iconOnly = false,\r\n                renderPath = defaultRenderPath,\r\n              },\r\n              index,\r\n            ) => {\r\n              const isLast = index === items.length - 1;\r\n\r\n              return (\r\n                <Styled.Breadcrumb\r\n                  key={key || name}\r\n                  size={size}\r\n                  $mirrored={mirrored}\r\n                  aria-current={isLast ? 'page' : undefined}\r\n                >\r\n                  {renderPath(name, path, icon, iconPosition, iconOnly, isLast)}\r\n                  {!isLast && <Separator separator={separator || defaultSeparator} />}\r\n                </Styled.Breadcrumb>\r\n              );\r\n            },\r\n          )}\r\n        </Styled.BreadcrumbWrapper>\r\n      </nav>\r\n    );\r\n  },\r\n);\r\n\r\nexport default Breadcrumb;\r\n"],"names":["Breadcrumb","forwardRef","className","size","Sizes","items","separator","mirrored","navProps","rest","ref","defaultSeparator","jsx","ChevronSmallLeft","ChevronSmallRight","Styled.BreadcrumbWrapper","classNames","BREADCRUMB_CLASS","name","key","path","icon","iconPosition","Positions","iconOnly","renderPath","defaultRenderPath","index","isLast","jsxs","Styled.Breadcrumb","Separator","Breadcrumb$1"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAaC;AAAA,EACjB,CAAC,EAAE,WAAAC,GAAW,MAAAC,IAAOC,EAAM,QAAQ,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAsB;AACxG,UAAMC,IAAmBJ,IAAW,gBAAAK,EAACC,GAAiB,CAAA,CAAA,sBAAMC,GAAkB,CAAA,CAAA;AAG5E,WAAA,gBAAAF,EAAC,OAAK,EAAA,GAAGJ,GACP,UAAA,gBAAAI;AAAA,MAACG;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAkBf,CAAS;AAAA,QACjD,MAAAC;AAAA,QACA,KAAAO;AAAA,QACA,WAAWH;AAAA,QACV,GAAGE;AAAA,QAEH,UAAMJ,EAAA;AAAA,UACL,CACE;AAAA,YACE,MAAAa;AAAA,YACA,KAAAC;AAAA,YACA,MAAAC;AAAA,YACA,MAAAC;AAAA,YACA,cAAAC,IAAeC,EAAU;AAAA,YACzB,UAAAC,IAAW;AAAA,YACX,YAAAC,IAAaC;AAAA,aAEfC,MACG;AACG,kBAAAC,IAASD,MAAUtB,EAAM,SAAS;AAGtC,mBAAA,gBAAAwB;AAAA,cAACC;AAAAA,cAAA;AAAA,gBAEC,MAAA3B;AAAA,gBACA,WAAWI;AAAA,gBACX,gBAAcqB,IAAS,SAAS;AAAA,gBAE/B,UAAA;AAAA,kBAAAH,EAAWP,GAAME,GAAMC,GAAMC,GAAcE,GAAUI,CAAM;AAAA,kBAC3D,CAACA,KAAU,gBAAAhB,EAACmB,GAAU,EAAA,WAAWzB,KAAaK,GAAkB;AAAA,gBAAA;AAAA,cAAA;AAAA,cAN5DQ,KAAOD;AAAA,YAAA;AAAA,UASlB;AAAA,QACF;AAAA,MAAA;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAc,IAAehC;"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Positions, BREADCRUMB_CLASS } from 'acinguiux-ds-react-base';\n\nimport { ChevronSmallRight, ChevronSmallLeft } from '../Icon/components';\nimport * as Styled from './Breadcrumb.styles';\nimport { IBreadcrumbProps } from './Breadcrumb.types';\nimport Separator from './components/Separator/Separator';\nimport { defaultRenderPath } from './utils/renderUtils';\n\nconst Breadcrumb = forwardRef<HTMLUListElement, IBreadcrumbProps>(\n  ({ className, size = Sizes.Medium, items, separator, mirrored, navProps, ...rest }, ref): ReactElement => {\n    const defaultSeparator = mirrored ? <ChevronSmallLeft /> : <ChevronSmallRight />;\n\n    return (\n      <nav {...navProps}>\n        <Styled.BreadcrumbWrapper\n          className={classNames(BREADCRUMB_CLASS, className)}\n          size={size}\n          ref={ref}\n          $mirrored={mirrored}\n          {...rest}\n        >\n          {items.map(\n            (\n              {\n                name,\n                key,\n                path,\n                icon,\n                iconPosition = Positions.Left,\n                iconOnly = false,\n                renderPath = defaultRenderPath,\n              },\n              index,\n            ) => {\n              const isLast = index === items.length - 1;\n\n              return (\n                <Styled.Breadcrumb\n                  key={key || name}\n                  size={size}\n                  $mirrored={mirrored}\n                  aria-current={isLast ? 'page' : undefined}\n                >\n                  {renderPath(name, path, icon, iconPosition, iconOnly, isLast)}\n                  {!isLast && <Separator separator={separator || defaultSeparator} />}\n                </Styled.Breadcrumb>\n              );\n            },\n          )}\n        </Styled.BreadcrumbWrapper>\n      </nav>\n    );\n  },\n);\n\nexport default Breadcrumb;\n"],"names":["Breadcrumb","forwardRef","className","size","Sizes","items","separator","mirrored","navProps","rest","ref","defaultSeparator","jsx","ChevronSmallLeft","ChevronSmallRight","Styled.BreadcrumbWrapper","classNames","BREADCRUMB_CLASS","name","key","path","icon","iconPosition","Positions","iconOnly","renderPath","defaultRenderPath","index","isLast","jsxs","Styled.Breadcrumb","Separator"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAaC;AAAA,EACjB,CAAC,EAAE,WAAAC,GAAW,MAAAC,IAAOC,EAAM,QAAQ,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAsB;AACxG,UAAMC,IAAmBJ,IAAW,gBAAAK,EAACC,GAAiB,CAAA,CAAA,sBAAMC,GAAkB,EAAA;AAG5E,WAAA,gBAAAF,EAAC,OAAK,EAAA,GAAGJ,GACP,UAAA,gBAAAI;AAAA,MAACG;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAkBf,CAAS;AAAA,QACjD,MAAAC;AAAA,QACA,KAAAO;AAAA,QACA,WAAWH;AAAA,QACV,GAAGE;AAAA,QAEH,UAAMJ,EAAA;AAAA,UACL,CACE;AAAA,YACE,MAAAa;AAAA,YACA,KAAAC;AAAA,YACA,MAAAC;AAAA,YACA,MAAAC;AAAA,YACA,cAAAC,IAAeC,EAAU;AAAA,YACzB,UAAAC,IAAW;AAAA,YACX,YAAAC,IAAaC;AAAA,aAEfC,MACG;AACG,kBAAAC,IAASD,MAAUtB,EAAM,SAAS;AAGtC,mBAAA,gBAAAwB;AAAA,cAACC;AAAAA,cAAA;AAAA,gBAEC,MAAA3B;AAAA,gBACA,WAAWI;AAAA,gBACX,gBAAcqB,IAAS,SAAS;AAAA,gBAE/B,UAAA;AAAA,kBAAAH,EAAWP,GAAME,GAAMC,GAAMC,GAAcE,GAAUI,CAAM;AAAA,kBAC3D,CAACA,KAAU,gBAAAhB,EAACmB,GAAU,EAAA,WAAWzB,KAAaK,EAAkB,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAN5DQ,KAAOD;AAAA,YAOd;AAAA,UAAA;AAAA,QAEJ;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,EAAA;AAGN;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.styles.js","sources":["../../../../src/components/Breadcrumb/Breadcrumb.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport {\r\n  Sizes,\r\n  Positions,\r\n  getFocusStyles,\r\n  Transient,\r\n  BreadcrumbTypes,\r\n  BreadcrumbConsts,\r\n} from 'acinguiux-ds-react-base';\r\n\r\nimport { IBreadcrumbProps } from './Breadcrumb.types';\r\n\r\ntype BreadcrumbItemProps = {\r\n  href?: string;\r\n  iconPosition?: BreadcrumbTypes.IconPosition;\r\n};\r\n\r\nconst BreadcrumbWrapper = styled.ul<\r\n  Required<Pick<IBreadcrumbProps, 'size'>> & Transient<Pick<IBreadcrumbProps, 'mirrored'>, 'mirrored'>\r\n>`\r\n  ${({ size, $mirrored, theme }) => css`\r\n    ${size === Sizes.Small && theme.label.small.normal}\r\n    ${size === Sizes.Medium && theme.label.medium.normal}\r\n    ${size === Sizes.Large && theme.label.large.normal}\r\n\r\n    display: flex;\r\n    flex-direction: ${$mirrored ? 'row-reverse' : 'row'};\r\n    padding: 0;\r\n    margin: ${BreadcrumbConsts.consts[size].margin};\r\n    list-style: none;\r\n    color: ${theme.onSurface.surface.default.text.subtle};\r\n  `}\r\n`;\r\n\r\nconst Breadcrumb = styled.li<\r\n  Required<Pick<IBreadcrumbProps, 'size'>> & Transient<Pick<IBreadcrumbProps, 'mirrored'>, 'mirrored'>\r\n>`\r\n  ${({ size, $mirrored, theme }) => css`\r\n    display: flex;\r\n    align-items: center;\r\n    flex-direction: ${$mirrored ? 'row-reverse' : 'row'};\r\n\r\n    &:last-of-type {\r\n      ${size === Sizes.Small && theme.label.small.bold}\r\n      ${size === Sizes.Medium && theme.label.medium.bold}\r\n      ${size === Sizes.Large && theme.label.large.bold}\r\n        \r\n      color: ${theme.onSurface.surface.default.text.strong};\r\n    }\r\n\r\n    span {\r\n      cursor: default;\r\n    }\r\n\r\n    > span,\r\n    > div > span {\r\n      margin-bottom: 1px;\r\n    }\r\n\r\n    svg {\r\n      width: ${BreadcrumbConsts.consts[size].iconSize};\r\n      height: ${BreadcrumbConsts.consts[size].iconSize};\r\n    }\r\n  `}\r\n`;\r\n\r\nconst BreadcrumbItem = styled.a<BreadcrumbItemProps>`\r\n  ${({ theme, iconPosition }) => css`\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-direction: ${iconPosition === Positions.Left ? 'row' : 'row-reverse'};\r\n    gap: 4px;\r\n    padding: 8px 6px;\r\n    border-radius: 8px;\r\n    text-decoration: none;\r\n    color: inherit;\r\n\r\n    &:hover {\r\n      background-color: ${theme.onSurface.surface.hover.background};\r\n      transition: border-bottom-color 0.5s;\r\n    }\r\n\r\n    &:active {\r\n      background-color: ${theme.onSurface.surface.active.background};\r\n      transition: border-bottom-color 0.5s;\r\n    }\r\n\r\n    &:focus-visible {\r\n      ${getFocusStyles(theme)};\r\n    }\r\n  `}\r\n`;\r\n\r\nexport { BreadcrumbWrapper, Breadcrumb, BreadcrumbItem };\r\n"],"names":["BreadcrumbWrapper","styled","size","$mirrored","theme","css","Sizes","BreadcrumbConsts.consts","Breadcrumb","BreadcrumbItem","iconPosition","Positions","getFocusStyles"],"mappings":";;;;AAiBA,MAAMA,IAAoBC,EAAO;AAAA,IAG7B,CAAC,EAAE,MAAAC,GAAM,WAAAC,GAAW,OAAAC,QAAYC;AAAA,MAC9BH,MAASI,EAAM,SAASF,EAAM,MAAM,MAAM,MAAM;AAAA,MAChDF,MAASI,EAAM,UAAUF,EAAM,MAAM,OAAO,MAAM;AAAA,MAClDF,MAASI,EAAM,SAASF,EAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,sBAGhCD,IAAY,gBAAgB,KAAK;AAAA;AAAA,cAEzCI,EAAwBL,CAAI,EAAE,MAAM;AAAA;AAAA,aAErCE,EAAM,UAAU,QAAQ,QAAQ,KAAK,MAAM;AAAA,GACrD;AAAA,GAGGI,IAAaP,EAAO;AAAA,IAGtB,CAAC,EAAE,MAAAC,GAAM,WAAAC,GAAW,OAAAC,QAAYC;AAAA;AAAA;AAAA,sBAGdF,IAAY,gBAAgB,KAAK;AAAA;AAAA;AAAA,QAG/CD,MAASI,EAAM,SAASF,EAAM,MAAM,MAAM,IAAI;AAAA,QAC9CF,MAASI,EAAM,UAAUF,EAAM,MAAM,OAAO,IAAI;AAAA,QAChDF,MAASI,EAAM,SAASF,EAAM,MAAM,MAAM,IAAI;AAAA;AAAA,eAEvCA,EAAM,UAAU,QAAQ,QAAQ,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAa3CG,EAAwBL,CAAI,EAAE,QAAQ;AAAA,gBACrCK,EAAwBL,CAAI,EAAE,QAAQ;AAAA;AAAA,GAEnD;AAAA,GAGGO,IAAiBR,EAAO;AAAA,IAC1B,CAAC,EAAE,OAAAG,GAAO,cAAAM,EAAA,MAAmBL;AAAA;AAAA;AAAA;AAAA,sBAIXK,MAAiBC,EAAU,OAAO,QAAQ,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAQnDP,EAAM,UAAU,QAAQ,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKxCA,EAAM,UAAU,QAAQ,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,QAK3DQ,EAAeR,CAAK,CAAC;AAAA;AAAA,GAE1B;AAAA;"}
+{"version":3,"file":"Breadcrumb.styles.js","sources":["../../../../src/components/Breadcrumb/Breadcrumb.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport {\n  Sizes,\n  Positions,\n  getFocusStyles,\n  Transient,\n  BreadcrumbTypes,\n  BreadcrumbConsts,\n} from 'acinguiux-ds-react-base';\n\nimport { IBreadcrumbProps } from './Breadcrumb.types';\n\ntype BreadcrumbItemProps = {\n  href?: string;\n  iconPosition?: BreadcrumbTypes.IconPosition;\n};\n\nconst BreadcrumbWrapper = styled.ul<\n  Required<Pick<IBreadcrumbProps, 'size'>> & Transient<Pick<IBreadcrumbProps, 'mirrored'>, 'mirrored'>\n>`\n  ${({ size, $mirrored, theme }) => css`\n    ${size === Sizes.Small && theme.label.small.normal}\n    ${size === Sizes.Medium && theme.label.medium.normal}\n    ${size === Sizes.Large && theme.label.large.normal}\n\n    display: flex;\n    flex-direction: ${$mirrored ? 'row-reverse' : 'row'};\n    padding: 0;\n    margin: ${BreadcrumbConsts.consts[size].margin};\n    list-style: none;\n    color: ${theme.onSurface.surface.default.text.subtle};\n  `}\n`;\n\nconst Breadcrumb = styled.li<\n  Required<Pick<IBreadcrumbProps, 'size'>> & Transient<Pick<IBreadcrumbProps, 'mirrored'>, 'mirrored'>\n>`\n  ${({ size, $mirrored, theme }) => css`\n    display: flex;\n    align-items: center;\n    flex-direction: ${$mirrored ? 'row-reverse' : 'row'};\n\n    &:last-of-type {\n      ${size === Sizes.Small && theme.label.small.bold}\n      ${size === Sizes.Medium && theme.label.medium.bold}\n      ${size === Sizes.Large && theme.label.large.bold}\n        \n      color: ${theme.onSurface.surface.default.text.strong};\n    }\n\n    span {\n      cursor: default;\n    }\n\n    > span,\n    > div > span {\n      margin-bottom: 1px;\n    }\n\n    svg {\n      width: ${BreadcrumbConsts.consts[size].iconSize};\n      height: ${BreadcrumbConsts.consts[size].iconSize};\n    }\n  `}\n`;\n\nconst BreadcrumbItem = styled.a<BreadcrumbItemProps>`\n  ${({ theme, iconPosition }) => css`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: ${iconPosition === Positions.Left ? 'row' : 'row-reverse'};\n    gap: 4px;\n    padding: 8px 6px;\n    border-radius: 8px;\n    text-decoration: none;\n    color: inherit;\n\n    &:hover {\n      background-color: ${theme.onSurface.surface.hover.background};\n      transition: border-bottom-color 0.5s;\n    }\n\n    &:active {\n      background-color: ${theme.onSurface.surface.active.background};\n      transition: border-bottom-color 0.5s;\n    }\n\n    &:focus-visible {\n      ${getFocusStyles(theme)};\n    }\n  `}\n`;\n\nexport { BreadcrumbWrapper, Breadcrumb, BreadcrumbItem };\n"],"names":["BreadcrumbWrapper","styled","size","$mirrored","theme","css","Sizes","BreadcrumbConsts.consts","Breadcrumb","BreadcrumbItem","iconPosition","Positions","getFocusStyles"],"mappings":";;;;AAiBA,MAAMA,IAAoBC,EAAO;AAAA,IAG7B,CAAC,EAAE,MAAAC,GAAM,WAAAC,GAAW,OAAAC,EAAY,MAAAC;AAAA,MAC9BH,MAASI,EAAM,SAASF,EAAM,MAAM,MAAM,MAAM;AAAA,MAChDF,MAASI,EAAM,UAAUF,EAAM,MAAM,OAAO,MAAM;AAAA,MAClDF,MAASI,EAAM,SAASF,EAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,sBAGhCD,IAAY,gBAAgB,KAAK;AAAA;AAAA,cAEzCI,EAAwBL,CAAI,EAAE,MAAM;AAAA;AAAA,aAErCE,EAAM,UAAU,QAAQ,QAAQ,KAAK,MAAM;AAAA,GACrD;AAAA,GAGGI,IAAaP,EAAO;AAAA,IAGtB,CAAC,EAAE,MAAAC,GAAM,WAAAC,GAAW,OAAAC,EAAY,MAAAC;AAAA;AAAA;AAAA,sBAGdF,IAAY,gBAAgB,KAAK;AAAA;AAAA;AAAA,QAG/CD,MAASI,EAAM,SAASF,EAAM,MAAM,MAAM,IAAI;AAAA,QAC9CF,MAASI,EAAM,UAAUF,EAAM,MAAM,OAAO,IAAI;AAAA,QAChDF,MAASI,EAAM,SAASF,EAAM,MAAM,MAAM,IAAI;AAAA;AAAA,eAEvCA,EAAM,UAAU,QAAQ,QAAQ,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAa3CG,EAAwBL,CAAI,EAAE,QAAQ;AAAA,gBACrCK,EAAwBL,CAAI,EAAE,QAAQ;AAAA;AAAA,GAEnD;AAAA,GAGGO,IAAiBR,EAAO;AAAA,IAC1B,CAAC,EAAE,OAAAG,GAAO,cAAAM,EAAA,MAAmBL;AAAA;AAAA;AAAA;AAAA,sBAIXK,MAAiBC,EAAU,OAAO,QAAQ,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAQnDP,EAAM,UAAU,QAAQ,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKxCA,EAAM,UAAU,QAAQ,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,QAK3DQ,EAAeR,CAAK,CAAC;AAAA;AAAA,GAE1B;AAAA;"}

package/build/esm/components/Breadcrumb/components/Separator/Separator.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.styles.js","sources":["../../../../../../src/components/Breadcrumb/components/Separator/Separator.styles.ts"],"sourcesContent":["import styled from 'styled-components';\r\n\r\nconst TextSeparator = styled.span`\r\n  user-select: none;\r\n  margin: 0 8px;\r\n`;\r\n\r\nexport { TextSeparator };\r\n"],"names":["TextSeparator","styled"],"mappings":";AAEA,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"Separator.styles.js","sources":["../../../../../../src/components/Breadcrumb/components/Separator/Separator.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nconst TextSeparator = styled.span`\n  user-select: none;\n  margin: 0 8px;\n`;\n\nexport { TextSeparator };\n"],"names":["TextSeparator","styled"],"mappings":";AAEA,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;"}

package/build/esm/components/Breadcrumb/utils/renderUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderUtils.js","sources":["../../../../../src/components/Breadcrumb/utils/renderUtils.tsx"],"sourcesContent":["import { Positions, BreadcrumbTypes } from 'acinguiux-ds-react-base';\r\n\r\nimport * as Styled from '../Breadcrumb.styles';\r\n\r\nexport const defaultRenderPath: BreadcrumbTypes.RenderPathFn = (\r\n  name,\r\n  path,\r\n  icon,\r\n  iconPosition = Positions.Left,\r\n  iconOnly = false,\r\n  isLast = false,\r\n) => (\r\n  <Styled.BreadcrumbItem\r\n    as={path ? 'a' : 'span'}\r\n    href={path}\r\n    tabIndex={path ? 0 : undefined}\r\n    aria-current={isLast ? 'page' : undefined}\r\n    iconPosition={iconPosition}\r\n  >\r\n    {icon}\r\n    {!iconOnly && name}\r\n  </Styled.BreadcrumbItem>\r\n);\r\n"],"names":["defaultRenderPath","name","path","icon","iconPosition","Positions","iconOnly","isLast","jsxs","Styled.BreadcrumbItem"],"mappings":";;;AAIa,MAAAA,IAAkD,CAC7DC,GACAC,GACAC,GACAC,IAAeC,EAAU,MACzBC,IAAW,IACXC,IAAS,OAET,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,IAAIP,IAAO,MAAM;AAAA,IACjB,MAAMA;AAAA,IACN,UAAUA,IAAO,IAAI;AAAA,IACrB,gBAAcK,IAAS,SAAS;AAAA,IAChC,cAAAH;AAAA,IAEC,UAAA;AAAA,MAAAD;AAAA,MACA,CAACG,KAAYL;AAAA,IAAA;AAAA,EAAA;AAChB;"}
+{"version":3,"file":"renderUtils.js","sources":["../../../../../src/components/Breadcrumb/utils/renderUtils.tsx"],"sourcesContent":["import { Positions, BreadcrumbTypes } from 'acinguiux-ds-react-base';\n\nimport * as Styled from '../Breadcrumb.styles';\n\nexport const defaultRenderPath: BreadcrumbTypes.RenderPathFn = (\n  name,\n  path,\n  icon,\n  iconPosition = Positions.Left,\n  iconOnly = false,\n  isLast = false,\n) => (\n  <Styled.BreadcrumbItem\n    as={path ? 'a' : 'span'}\n    href={path}\n    tabIndex={path ? 0 : undefined}\n    aria-current={isLast ? 'page' : undefined}\n    iconPosition={iconPosition}\n  >\n    {icon}\n    {!iconOnly && name}\n  </Styled.BreadcrumbItem>\n);\n"],"names":["defaultRenderPath","name","path","icon","iconPosition","Positions","iconOnly","isLast","jsxs","Styled.BreadcrumbItem"],"mappings":";;;AAIa,MAAAA,IAAkD,CAC7DC,GACAC,GACAC,GACAC,IAAeC,EAAU,MACzBC,IAAW,IACXC,IAAS,OAET,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,IAAIP,IAAO,MAAM;AAAA,IACjB,MAAMA;AAAA,IACN,UAAUA,IAAO,IAAI;AAAA,IACrB,gBAAcK,IAAS,SAAS;AAAA,IAChC,cAAAH;AAAA,IAEC,UAAA;AAAA,MAAAD;AAAA,MACA,CAACG,KAAYL;AAAA,IAAA;AAAA,EAAA;AAChB;"}

package/build/esm/components/Button/Button.js

@@ -1,29 +1,29 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
-import u from "classnames";
-import { Button as f } from "./Button.styles.js";
-import p from "./components/ButtonContent/ButtonContent.js";
+import f from "classnames";
+import { Button as p } from "./Button.styles.js";
+import u from "./components/ButtonContent/ButtonContent.js";
 import { BUTTON_CLASS as l } from "../../react-base/src/consts.js";
 import { useProps as c } from "../../react-base/src/components/Button/Button.utils.js";
-const d = e(
-  ({ className: m, type: s = "button", ...a }, i) => {
+const y = e(
+  ({ className: n, type: s = "button", ...a }, i) => {
     const { children: o, loading: t, ...r } = c(a);
-    return /* @__PURE__ */ n(
-      f,
+    return /* @__PURE__ */ m(
+      p,
       {
         role: "button",
         "aria-label": typeof o == "string" ? o : void 0,
         "aria-busy": !!t,
         ...r,
         type: s,
-        className: u(l, m),
+        className: f(l, n),
         ref: i,
-        children: /* @__PURE__ */ n(p, { ...r, loading: t, children: o })
+        children: /* @__PURE__ */ m(u, { ...r, loading: t, children: o })
       }
     );
   }
-), C = d;
+);
 export {
-  C as default
+  y as default
 };
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { BUTTON_CLASS, ButtonUtils } from 'acinguiux-ds-react-base';\r\n\r\nimport * as Styled from './Button.styles';\r\nimport { IButtonProps } from './Button.types';\r\nimport ButtonContent from './components/ButtonContent/ButtonContent';\r\n\r\nconst Button = forwardRef<HTMLButtonElement, IButtonProps>(\r\n  ({ className, type = 'button', ...props }: IButtonProps, ref) => {\r\n    const { children, loading, ...buttonProps } = ButtonUtils.useProps(props);\r\n\r\n    return (\r\n      <Styled.Button\r\n        role=\"button\"\r\n        aria-label={typeof children === 'string' ? children : undefined}\r\n        aria-busy={!!loading}\r\n        {...buttonProps}\r\n        type={type}\r\n        className={classNames(BUTTON_CLASS, className)}\r\n        ref={ref}\r\n      >\r\n        <ButtonContent {...buttonProps} loading={loading}>\r\n          {children}\r\n        </ButtonContent>\r\n      </Styled.Button>\r\n    );\r\n  },\r\n);\r\n\r\nexport default Button;\r\n"],"names":["Button","forwardRef","className","type","props","ref","children","loading","buttonProps","ButtonUtils.useProps","jsx","Styled.Button","classNames","BUTTON_CLASS","ButtonContent","Button$1"],"mappings":";;;;;;;AASA,MAAMA,IAASC;AAAA,EACb,CAAC,EAAE,WAAAC,GAAW,MAAAC,IAAO,UAAU,GAAGC,KAAuBC,MAAQ;AACzD,UAAA,EAAE,UAAAC,GAAU,SAAAC,GAAS,GAAGC,MAAgBC,EAAqBL,CAAK;AAGtE,WAAA,gBAAAM;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,OAAOL,KAAa,WAAWA,IAAW;AAAA,QACtD,aAAW,CAAC,CAACC;AAAA,QACZ,GAAGC;AAAA,QACJ,MAAAL;AAAA,QACA,WAAWS,EAAWC,GAAcX,CAAS;AAAA,QAC7C,KAAAG;AAAA,QAEA,UAAC,gBAAAK,EAAAI,GAAA,EAAe,GAAGN,GAAa,SAAAD,GAC7B,UAAAD,GACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF,GAEAS,IAAef;"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { BUTTON_CLASS, ButtonUtils } from 'acinguiux-ds-react-base';\n\nimport * as Styled from './Button.styles';\nimport { IButtonProps } from './Button.types';\nimport ButtonContent from './components/ButtonContent/ButtonContent';\n\nconst Button = forwardRef<HTMLButtonElement, IButtonProps>(\n  ({ className, type = 'button', ...props }: IButtonProps, ref) => {\n    const { children, loading, ...buttonProps } = ButtonUtils.useProps(props);\n\n    return (\n      <Styled.Button\n        role=\"button\"\n        aria-label={typeof children === 'string' ? children : undefined}\n        aria-busy={!!loading}\n        {...buttonProps}\n        type={type}\n        className={classNames(BUTTON_CLASS, className)}\n        ref={ref}\n      >\n        <ButtonContent {...buttonProps} loading={loading}>\n          {children}\n        </ButtonContent>\n      </Styled.Button>\n    );\n  },\n);\n\nexport default Button;\n"],"names":["Button","forwardRef","className","type","props","ref","children","loading","buttonProps","ButtonUtils.useProps","jsx","Styled.Button","classNames","BUTTON_CLASS","ButtonContent"],"mappings":";;;;;;;AASA,MAAMA,IAASC;AAAA,EACb,CAAC,EAAE,WAAAC,GAAW,MAAAC,IAAO,UAAU,GAAGC,KAAuBC,MAAQ;AACzD,UAAA,EAAE,UAAAC,GAAU,SAAAC,GAAS,GAAGC,EAAgB,IAAAC,EAAqBL,CAAK;AAGtE,WAAA,gBAAAM;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,OAAOL,KAAa,WAAWA,IAAW;AAAA,QACtD,aAAW,CAAC,CAACC;AAAA,QACZ,GAAGC;AAAA,QACJ,MAAAL;AAAA,QACA,WAAWS,EAAWC,GAAcX,CAAS;AAAA,QAC7C,KAAAG;AAAA,QAEA,UAAC,gBAAAK,EAAAI,GAAA,EAAe,GAAGN,GAAa,SAAAD,GAC7B,UAAAD,EACH,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.js","sources":["../../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { ButtonContentUtils, ButtonStyles, ButtonUtils } from 'acinguiux-ds-react-base';\r\n\r\nimport * as Styled from './components/ButtonContent/ButtonContent.styles';\r\nimport { StyledButtonProps } from './Button.types';\r\nimport { getFocusStyles } from '../../utils/styleUtils';\r\n\r\n// @ts-ignore\r\nexport const CommonStyles = css<any>`\r\n  ${({ size, iconOnly, iconPosition, variant, sentiment, theme }) => {\r\n    const styles = ButtonUtils.getFabricStyles(theme, sentiment, variant);\r\n\r\n    return css`\r\n      ${ButtonStyles.Styles};\r\n      ${ButtonUtils.getSizeStyles(theme, size)};\r\n\r\n      &:focus-visible {\r\n        ${getFocusStyles(theme)};\r\n      }\r\n\r\n      &:disabled {\r\n        cursor: not-allowed;\r\n        ${styles.disabled};\r\n      }\r\n\r\n      &:not(:disabled):hover {\r\n        ${styles.hover};\r\n      }\r\n\r\n      &:not(:disabled):active {\r\n        ${styles.active};\r\n      }\r\n\r\n      ${Styled.ButtonContent} > svg {\r\n        ${ButtonContentUtils.getSvgStyles(iconOnly, iconPosition, size)};\r\n      }\r\n    `;\r\n  }}\r\n`;\r\n\r\n// @ts-ignore\r\nexport const Button = styled.button<StyledButtonProps>`\r\n  ${CommonStyles};\r\n`;\r\n"],"names":["CommonStyles","css","size","iconOnly","iconPosition","variant","sentiment","theme","styles","ButtonUtils.getFabricStyles","ButtonStyles.Styles","ButtonUtils.getSizeStyles","getFocusStyles","Styled.ButtonContent","ButtonContentUtils.getSvgStyles","Button","styled"],"mappings":";;;;;;AAQO,MAAMA,IAAeC;AAAA,IACxB,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,cAAAC,GAAc,SAAAC,GAAS,WAAAC,GAAW,OAAAC,QAAY;AACjE,QAAMC,IAASC,EAA4BF,GAAOD,GAAWD,CAAO;AAE7D,SAAAJ;AAAA,QACHS,CAAmB;AAAA,QACnBC,EAA0BJ,GAAOL,CAAI,CAAC;AAAA;AAAA;AAAA,UAGpCU,EAAeL,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAKrBC,EAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,UAIfA,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA,UAIZA,EAAO,MAAM;AAAA;AAAA;AAAA,QAGfK,CAAoB;AAAA,UAClBC,EAAgCX,GAAUC,GAAcF,CAAI,CAAC;AAAA;AAAA;AAGrE,CAAC;AAAA,GAIUa,IAASC,EAAO;AAAA,IACzBhB,CAAY;AAAA;"}
+{"version":3,"file":"Button.styles.js","sources":["../../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { ButtonContentUtils, ButtonStyles, ButtonUtils } from 'acinguiux-ds-react-base';\n\nimport * as Styled from './components/ButtonContent/ButtonContent.styles';\nimport { StyledButtonProps } from './Button.types';\nimport { getFocusStyles } from '../../utils/styleUtils';\n\n// @ts-ignore\nexport const CommonStyles = css<any>`\n  ${({ size, iconOnly, iconPosition, variant, sentiment, theme }) => {\n    const styles = ButtonUtils.getFabricStyles(theme, sentiment, variant);\n\n    return css`\n      ${ButtonStyles.Styles};\n      ${ButtonUtils.getSizeStyles(theme, size)};\n\n      &:focus-visible {\n        ${getFocusStyles(theme)};\n      }\n\n      &:disabled {\n        cursor: not-allowed;\n        ${styles.disabled};\n      }\n\n      &:not(:disabled):hover {\n        ${styles.hover};\n      }\n\n      &:not(:disabled):active {\n        ${styles.active};\n      }\n\n      ${Styled.ButtonContent} > svg {\n        ${ButtonContentUtils.getSvgStyles(iconOnly, iconPosition, size)};\n      }\n    `;\n  }}\n`;\n\n// @ts-ignore\nexport const Button = styled.button<StyledButtonProps>`\n  ${CommonStyles};\n`;\n"],"names":["CommonStyles","css","size","iconOnly","iconPosition","variant","sentiment","theme","styles","ButtonUtils.getFabricStyles","ButtonStyles.Styles","ButtonUtils.getSizeStyles","getFocusStyles","Styled.ButtonContent","ButtonContentUtils.getSvgStyles","Button","styled"],"mappings":";;;;;;AAQO,MAAMA,IAAeC;AAAA,IACxB,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,cAAAC,GAAc,SAAAC,GAAS,WAAAC,GAAW,OAAAC,QAAY;AACjE,QAAMC,IAASC,EAA4BF,GAAOD,GAAWD,CAAO;AAE7D,SAAAJ;AAAA,QACHS,CAAmB;AAAA,QACnBC,EAA0BJ,GAAOL,CAAI,CAAC;AAAA;AAAA;AAAA,UAGpCU,EAAeL,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAKrBC,EAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,UAIfA,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA,UAIZA,EAAO,MAAM;AAAA;AAAA;AAAA,QAGfK,CAAoB;AAAA,UAClBC,EAAgCX,GAAUC,GAAcF,CAAI,CAAC;AAAA;AAAA;AAGrE,CAAC;AAAA,GAIUa,IAASC,EAAO;AAAA,IACzBhB,CAAY;AAAA;"}

package/build/esm/components/Button/components/ButtonContent/ButtonContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonContent.js","sources":["../../../../../../src/components/Button/components/ButtonContent/ButtonContent.tsx"],"sourcesContent":["import { ButtonTypes, ButtonContentUtils, LoadingTypes } from 'acinguiux-ds-react-base';\r\n\r\nimport Loading from '../../../Loading/Loading';\r\nimport * as Styled from './ButtonContent.styles';\r\n\r\nconst ButtonContent = (props: ButtonTypes.IProps) => {\r\n  const {\r\n    loaderSize,\r\n    visibility,\r\n    variant,\r\n    children,\r\n    loading,\r\n    icon,\r\n    iconOnly,\r\n    shouldRenderIconOnLeft,\r\n    shouldRenderIconOnRight,\r\n    sentiment,\r\n  } = ButtonContentUtils.useProps(props);\r\n\r\n  return (\r\n    <>\r\n      {loading && (\r\n        <Styled.ButtonContentLoader variant={variant} sentiment={sentiment}>\r\n          <Loading size={loaderSize as LoadingTypes.LoadingSize} sentiment={sentiment} aria-hidden />\r\n        </Styled.ButtonContentLoader>\r\n      )}\r\n      <Styled.ButtonContent visibility={visibility}>\r\n        {shouldRenderIconOnLeft && icon}\r\n        {iconOnly ? null : children}\r\n        {shouldRenderIconOnRight && icon}\r\n      </Styled.ButtonContent>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ButtonContent;\r\n"],"names":["ButtonContent","props","loaderSize","visibility","variant","children","loading","icon","iconOnly","shouldRenderIconOnLeft","shouldRenderIconOnRight","sentiment","ButtonContentUtils.useProps","jsxs","Fragment","jsx","Styled.ButtonContentLoader","Loading","Styled.ButtonContent"],"mappings":";;;;AAKM,MAAAA,IAAgB,CAACC,MAA8B;AAC7C,QAAA;AAAA,IACJ,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,IACEC,EAA4BX,CAAK;AAErC,SAEK,gBAAAY,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAAR,KACE,gBAAAS,EAAAC,GAAA,EAA2B,SAAAZ,GAAkB,WAAAO,GAC5C,UAAC,gBAAAI,EAAAE,GAAA,EAAQ,MAAMf,GAAwC,WAAAS,GAAsB,eAAW,GAAC,CAAA,GAC3F;AAAA,IAED,gBAAAE,EAAAK,GAAA,EAAqB,YAAAf,GACnB,UAAA;AAAA,MAA0BM,KAAAF;AAAA,MAC1BC,IAAW,OAAOH;AAAA,MAClBK,KAA2BH;AAAA,IAAA,GAC9B;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"ButtonContent.js","sources":["../../../../../../src/components/Button/components/ButtonContent/ButtonContent.tsx"],"sourcesContent":["import { ButtonTypes, ButtonContentUtils, LoadingTypes } from 'acinguiux-ds-react-base';\n\nimport Loading from '../../../Loading/Loading';\nimport * as Styled from './ButtonContent.styles';\n\nconst ButtonContent = (props: ButtonTypes.IProps) => {\n  const {\n    loaderSize,\n    visibility,\n    variant,\n    children,\n    loading,\n    icon,\n    iconOnly,\n    shouldRenderIconOnLeft,\n    shouldRenderIconOnRight,\n    sentiment,\n  } = ButtonContentUtils.useProps(props);\n\n  return (\n    <>\n      {loading && (\n        <Styled.ButtonContentLoader variant={variant} sentiment={sentiment}>\n          <Loading size={loaderSize as LoadingTypes.LoadingSize} sentiment={sentiment} aria-hidden />\n        </Styled.ButtonContentLoader>\n      )}\n      <Styled.ButtonContent visibility={visibility}>\n        {shouldRenderIconOnLeft && icon}\n        {iconOnly ? null : children}\n        {shouldRenderIconOnRight && icon}\n      </Styled.ButtonContent>\n    </>\n  );\n};\n\nexport default ButtonContent;\n"],"names":["ButtonContent","props","loaderSize","visibility","variant","children","loading","icon","iconOnly","shouldRenderIconOnLeft","shouldRenderIconOnRight","sentiment","ButtonContentUtils.useProps","jsxs","Fragment","jsx","Styled.ButtonContentLoader","Loading","Styled.ButtonContent"],"mappings":";;;;AAKM,MAAAA,IAAgB,CAACC,MAA8B;AAC7C,QAAA;AAAA,IACJ,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,IACEC,EAA4BX,CAAK;AAErC,SAEK,gBAAAY,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAAR,KACE,gBAAAS,EAAAC,GAAA,EAA2B,SAAAZ,GAAkB,WAAAO,GAC5C,UAAC,gBAAAI,EAAAE,GAAA,EAAQ,MAAMf,GAAwC,WAAAS,GAAsB,eAAW,GAAC,CAAA,GAC3F;AAAA,IAED,gBAAAE,EAAAK,GAAA,EAAqB,YAAAf,GACnB,UAAA;AAAA,MAA0BM,KAAAF;AAAA,MAC1BC,IAAW,OAAOH;AAAA,MAClBK,KAA2BH;AAAA,IAAA,EAC9B,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/build/esm/components/Button/components/ButtonContent/ButtonContent.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonContent.styles.js","sources":["../../../../../../src/components/Button/components/ButtonContent/ButtonContent.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { ButtonContentStyles, ButtonTypes, Variants, LayerColor } from 'acinguiux-ds-react-base';\r\nimport { Prominences, Sentiments } from 'acinguiux-ds-fabrics';\r\n\r\nimport * as LoadingSpinner from '../../../Loading/Loading.styles';\r\n\r\nexport const ButtonContentLoader = styled.span<{\r\n  variant: ButtonTypes.Variant;\r\n  sentiment: ButtonTypes.Sentiment | undefined;\r\n}>`\r\n  ${({ variant, sentiment, theme }) => {\r\n    const layer = theme.getLayer({ sentiment, prominence: Prominences.Subtle });\r\n\r\n    return css`\r\n      ${ButtonContentStyles.LoaderStyles}\r\n\r\n      ${sentiment !== Sentiments.Primary &&\r\n      variant !== Variants.Filled &&\r\n      css`\r\n        ${LoadingSpinner.Background} {\r\n          opacity: 1;\r\n          stroke: ${layer[LayerColor.BorderOnSurfaceSubtle]};\r\n        }\r\n\r\n        ${LoadingSpinner.Highlighted} {\r\n          stroke: ${layer[LayerColor.BorderOnSentimentColour]};\r\n        }\r\n      `}\r\n    `;\r\n  }}\r\n`;\r\n\r\nexport const ButtonContent = styled.span<{ visibility: string }>`\r\n  ${ButtonContentStyles.Styles}\r\n  visibility: ${({ visibility }) => visibility};\r\n`;\r\n"],"names":["ButtonContentLoader","styled","variant","sentiment","theme","layer","Prominences","css","ButtonContentStyles.LoaderStyles","Sentiments","Variants","LoadingSpinner.Background","LayerColor","LoadingSpinner.Highlighted","ButtonContent","ButtonContentStyles.Styles","visibility"],"mappings":";;;;;;AAMO,MAAMA,IAAsBC,EAAO;AAAA,IAItC,CAAC,EAAE,SAAAC,GAAS,WAAAC,GAAW,OAAAC,QAAY;AAC7B,QAAAC,IAAQD,EAAM,SAAS,EAAE,WAAAD,GAAW,YAAYG,EAAY,QAAQ;AAEnE,SAAAC;AAAA,QACHC,CAAgC;AAAA;AAAA,QAEhCL,MAAcM,EAAW,WAC3BP,MAAYQ,EAAS,UACrBH;AAAA,UACII,CAAyB;AAAA;AAAA,oBAEfN,EAAMO,EAAW,qBAAqB,CAAC;AAAA;AAAA;AAAA,UAGjDC,CAA0B;AAAA,oBAChBR,EAAMO,EAAW,uBAAuB,CAAC;AAAA;AAAA,OAEtD;AAAA;AAEL,CAAC;AAAA,GAGUE,IAAgBb,EAAO;AAAA,IAChCc,CAA0B;AAAA,gBACd,CAAC,EAAE,YAAAC,EAAW,MAAMA,CAAU;AAAA;"}
+{"version":3,"file":"ButtonContent.styles.js","sources":["../../../../../../src/components/Button/components/ButtonContent/ButtonContent.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { ButtonContentStyles, ButtonTypes, Variants, LayerColor } from 'acinguiux-ds-react-base';\nimport { Prominences, Sentiments } from 'acinguiux-ds-fabrics';\n\nimport * as LoadingSpinner from '../../../Loading/Loading.styles';\n\nexport const ButtonContentLoader = styled.span<{\n  variant: ButtonTypes.Variant;\n  sentiment: ButtonTypes.Sentiment | undefined;\n}>`\n  ${({ variant, sentiment, theme }) => {\n    const layer = theme.getLayer({ sentiment, prominence: Prominences.Subtle });\n\n    return css`\n      ${ButtonContentStyles.LoaderStyles}\n\n      ${sentiment !== Sentiments.Primary &&\n      variant !== Variants.Filled &&\n      css`\n        ${LoadingSpinner.Background} {\n          opacity: 1;\n          stroke: ${layer[LayerColor.BorderOnSurfaceSubtle]};\n        }\n\n        ${LoadingSpinner.Highlighted} {\n          stroke: ${layer[LayerColor.BorderOnSentimentColour]};\n        }\n      `}\n    `;\n  }}\n`;\n\nexport const ButtonContent = styled.span<{ visibility: string }>`\n  ${ButtonContentStyles.Styles}\n  visibility: ${({ visibility }) => visibility};\n`;\n"],"names":["ButtonContentLoader","styled","variant","sentiment","theme","layer","Prominences","css","ButtonContentStyles.LoaderStyles","Sentiments","Variants","LoadingSpinner.Background","LayerColor","LoadingSpinner.Highlighted","ButtonContent","ButtonContentStyles.Styles","visibility"],"mappings":";;;;;;AAMO,MAAMA,IAAsBC,EAAO;AAAA,IAItC,CAAC,EAAE,SAAAC,GAAS,WAAAC,GAAW,OAAAC,QAAY;AAC7B,QAAAC,IAAQD,EAAM,SAAS,EAAE,WAAAD,GAAW,YAAYG,EAAY,QAAQ;AAEnE,SAAAC;AAAA,QACHC,CAAgC;AAAA;AAAA,QAEhCL,MAAcM,EAAW,WAC3BP,MAAYQ,EAAS,UACrBH;AAAA,UACII,CAAyB;AAAA;AAAA,oBAEfN,EAAMO,EAAW,qBAAqB,CAAC;AAAA;AAAA;AAAA,UAGjDC,CAA0B;AAAA,oBAChBR,EAAMO,EAAW,uBAAuB,CAAC;AAAA;AAAA,OAEtD;AAAA;AAEL,CAAC;AAAA,GAGUE,IAAgBb,EAAO;AAAA,IAChCc,CAA0B;AAAA,gBACd,CAAC,EAAE,YAAAC,EAAW,MAAMA,CAAU;AAAA;"}

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

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { IButtonGroupProps } from './ButtonGroup.types';
-declare const ButtonGroup: ({ className, type, size, name, selectedKey, iconPosition, iconOnly, onChange, emphasis, items, ...rest }: IButtonGroupProps) => ReactElement;
+import { ButtonGroupTypes } from '..\..\react-base\src';
+declare const ButtonGroup: ({ className, type, size, variant, name, border, selectedKey, iconPosition, iconOnly, onChange, items, groupDisabled, ...rest }: ButtonGroupTypes.IButtonGroupProps) => ReactElement;
 export default ButtonGroup;
 //# sourceMappingURL=ButtonGroup.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAMrC,OAAO,EACL,iBAAiB,EAKlB,MAAM,qBAAqB,CAAC;AAI7B,QAAA,MAAM,WAAW,6GAYd,iBAAiB,KAAG,YAmCtB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGrC,OAAO,EAAuC,gBAAgB,EAAoB,MAAM,yBAAyB,CAAC;AAMlH,QAAA,MAAM,WAAW,mIAcd,iBAAiB,iBAAiB,KAAG,YAiDvC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/esm/components/ButtonGroup/ButtonGroup.js

@@ -1,51 +1,71 @@
-import { jsx as t } from "react/jsx-runtime";
-import s from "classnames";
-import { ButtonGroup as b } from "./ButtonGroup.styles.js";
-import x from "./components/RadioButton/RadioButton.js";
-import N from "./components/CheckboxButton/CheckboxButton.js";
-import { BUTTON_GROUP_CLASS as S, Sizes as k } from "../../react-base/src/consts.js";
-const O = ({
-  className: i,
-  type: f = "radio",
-  size: p = k.Medium,
-  name: c = "buttonGroup",
-  selectedKey: u,
-  iconPosition: l,
+import { jsx as r } from "react/jsx-runtime";
+import S from "classnames";
+import { ButtonGroup as x } from "./ButtonGroup.styles.js";
+import N from "./components/RadioButton/RadioButton.js";
+import T from "./components/CheckboxButton/CheckboxButton.js";
+import { BUTTON_GROUP_CLASS as k, Sizes as y, Variants as O } from "../../react-base/src/consts.js";
+import { convertDeprecateSelectionType as P } from "../../react-base/src/components/ButtonGroup/ButtonGroup.utils.js";
+const z = ({
+  className: p,
+  type: s = "single",
+  size: e = y.Medium,
+  variant: n = O.Filled,
+  name: d = "buttonGroup",
+  border: m,
+  selectedKey: a,
+  iconPosition: b,
   iconOnly: B,
-  onChange: m,
-  emphasis: G = !0,
-  items: r,
-  ...d
-}) => /* @__PURE__ */ t(b, { className: s(S, i), ...d, children: r == null ? void 0 : r.map(({ value: a, tooltip: e, ...o }) => {
-  const n = {
-    key: a || o.label,
-    value: a || o.label,
-    name: c,
-    size: p,
-    iconOnly: B,
-    iconPosition: l,
-    tooltip: e,
-    emphasis: G
-  };
-  return f === "radio" ? /* @__PURE__ */ t(
+  onChange: i,
+  items: t,
+  groupDisabled: u,
+  ...$
+}) => {
+  const l = P(s);
+  return /* @__PURE__ */ r(
     x,
     {
-      selectedKey: u,
-      onChange: m,
-      ...n,
-      ...o
-    }
-  ) : /* @__PURE__ */ t(
-    N,
-    {
-      selectedKey: u,
-      onChange: m,
-      ...n,
-      ...o
+      className: S(k, p),
+      $variant: n,
+      $border: m,
+      $size: e,
+      $type: l,
+      $groupDisabled: u,
+      ...$,
+      children: t == null ? void 0 : t.map(({ value: c, tooltip: G, ...o }) => {
+        const f = {
+          key: c || o.label,
+          value: c || o.label,
+          disabled: u || o.disabled,
+          name: d,
+          size: e,
+          iconOnly: B,
+          iconPosition: b,
+          tooltip: G,
+          variant: n,
+          border: m
+        };
+        return l === "single" ? /* @__PURE__ */ r(
+          N,
+          {
+            selectedKey: a,
+            onChange: i,
+            ...f,
+            ...o
+          }
+        ) : /* @__PURE__ */ r(
+          T,
+          {
+            selectedKey: a,
+            onChange: i,
+            ...f,
+            ...o
+          }
+        );
+      })
     }
   );
-}) }), h = O;
+};
 export {
-  h as default
+  z as default
 };
 //# sourceMappingURL=ButtonGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, BUTTON_GROUP_CLASS } from 'acinguiux-ds-react-base';\n\nimport * as Styled from './ButtonGroup.styles';\nimport {\n  IButtonGroupProps,\n  CheckboxButtonValue,\n  RadioButtonValue,\n  RadioButtonOnChange,\n  CheckboxButtonOnChange,\n} from './ButtonGroup.types';\nimport RadioButton from './components/RadioButton/RadioButton';\nimport CheckboxButton from './components/CheckboxButton/CheckboxButton';\n\nconst ButtonGroup = ({\n  className,\n  type = 'radio',\n  size = Sizes.Medium,\n  name = 'buttonGroup',\n  selectedKey,\n  iconPosition,\n  iconOnly,\n  onChange,\n  emphasis = true,\n  items,\n  ...rest\n}: IButtonGroupProps): ReactElement => (\n  <Styled.ButtonGroup className={classNames(BUTTON_GROUP_CLASS, className)} {...rest}>\n    {items?.map(({ value, tooltip, ...props }) => {\n      const commonProps = {\n        key: value || props.label,\n        value: value || props.label,\n        name,\n        size,\n        iconOnly,\n        iconPosition,\n        tooltip,\n        emphasis,\n      };\n\n      if (type === 'radio') {\n        return (\n          <RadioButton\n            selectedKey={selectedKey as RadioButtonValue}\n            onChange={onChange as RadioButtonOnChange}\n            {...commonProps}\n            {...props}\n          />\n        );\n      }\n\n      return (\n        <CheckboxButton\n          selectedKey={selectedKey as CheckboxButtonValue}\n          onChange={onChange as CheckboxButtonOnChange}\n          {...commonProps}\n          {...props}\n        />\n      );\n    })}\n  </Styled.ButtonGroup>\n);\n\nexport default ButtonGroup;\n"],"names":["ButtonGroup","className","type","size","Sizes","name","selectedKey","iconPosition","iconOnly","onChange","emphasis","items","rest","Styled.ButtonGroup","classNames","BUTTON_GROUP_CLASS","value","tooltip","props","commonProps","jsx","RadioButton","CheckboxButton","ButtonGroup$1"],"mappings":";;;;;;AAgBA,MAAMA,IAAc,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAOC,EAAM;AAAA,EACb,MAAAC,IAAO;AAAA,EACP,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,GAAGC;AACL,wBACGC,GAAA,EAAmB,WAAWC,EAAWC,GAAoBd,CAAS,GAAI,GAAGW,GAC3E,UAAAD,KAAA,gBAAAA,EAAO,IAAI,CAAC,EAAE,OAAAK,GAAO,SAAAC,GAAS,GAAGC,QAAY;AAC5C,QAAMC,IAAc;AAAA,IAClB,KAAKH,KAASE,EAAM;AAAA,IACpB,OAAOF,KAASE,EAAM;AAAA,IACtB,MAAAb;AAAA,IACA,MAAAF;AAAA,IACA,UAAAK;AAAA,IACA,cAAAD;AAAA,IACA,SAAAU;AAAA,IACA,UAAAP;AAAA,EAAA;AAGF,SAAIR,MAAS,UAET,gBAAAkB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAAf;AAAA,MACA,UAAAG;AAAA,MACC,GAAGU;AAAA,MACH,GAAGD;AAAA,IAAA;AAAA,EAAA,IAMR,gBAAAE;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,aAAAhB;AAAA,MACA,UAAAG;AAAA,MACC,GAAGU;AAAA,MACH,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV,GACF,CAAA,GAGFK,IAAevB;"}
+{"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Variants, BUTTON_GROUP_CLASS, ButtonGroupTypes, ButtonGroupUtils } from 'acinguiux-ds-react-base';\n\nimport * as Styled from './ButtonGroup.styles';\nimport RadioButton from './components/RadioButton/RadioButton';\nimport CheckboxButton from './components/CheckboxButton/CheckboxButton';\n\nconst ButtonGroup = ({\n  className,\n  type = 'single',\n  size = Sizes.Medium,\n  variant = Variants.Filled,\n  name = 'buttonGroup',\n  border,\n  selectedKey,\n  iconPosition,\n  iconOnly,\n  onChange,\n  items,\n  groupDisabled,\n  ...rest\n}: ButtonGroupTypes.IButtonGroupProps): ReactElement => {\n  const $type = ButtonGroupUtils.convertDeprecateSelectionType(type);\n\n  return (\n    <Styled.ButtonGroup\n      className={classNames(BUTTON_GROUP_CLASS, className)}\n      $variant={variant}\n      $border={border}\n      $size={size}\n      $type={$type}\n      $groupDisabled={groupDisabled}\n      {...rest}\n    >\n      {items?.map(({ value, tooltip, ...props }) => {\n        const commonProps = {\n          key: value || props.label,\n          value: value || props.label,\n          disabled: groupDisabled || props.disabled,\n          name,\n          size,\n          iconOnly,\n          iconPosition,\n          tooltip,\n          variant,\n          border,\n        };\n\n        if ($type === 'single') {\n          return (\n            <RadioButton\n              selectedKey={selectedKey as ButtonGroupTypes.SingleSelectionButtonValue}\n              onChange={onChange as ButtonGroupTypes.SingleSelectionOnChange}\n              {...commonProps}\n              {...props}\n            />\n          );\n        }\n\n        return (\n          <CheckboxButton\n            selectedKey={selectedKey as ButtonGroupTypes.MultipleSelectionButtonValue}\n            onChange={onChange as ButtonGroupTypes.MultipleSelectionButtonOnChange}\n            {...commonProps}\n            {...props}\n          />\n        );\n      })}\n    </Styled.ButtonGroup>\n  );\n};\n\nexport default ButtonGroup;\n"],"names":["ButtonGroup","className","type","size","Sizes","variant","Variants","name","border","selectedKey","iconPosition","iconOnly","onChange","items","groupDisabled","rest","$type","ButtonGroupUtils.convertDeprecateSelectionType","jsx","Styled.ButtonGroup","classNames","BUTTON_GROUP_CLASS","value","tooltip","props","commonProps","RadioButton","CheckboxButton"],"mappings":";;;;;;;AASA,MAAMA,IAAc,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAOC,EAAM;AAAA,EACb,SAAAC,IAAUC,EAAS;AAAA,EACnB,MAAAC,IAAO;AAAA,EACP,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACL,MAAwD;AAChD,QAAAC,IAAQC,EAA+Cf,CAAI;AAG/D,SAAA,gBAAAgB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAoBpB,CAAS;AAAA,MACnD,UAAUI;AAAA,MACV,SAASG;AAAA,MACT,OAAOL;AAAA,MACP,OAAAa;AAAA,MACA,gBAAgBF;AAAA,MACf,GAAGC;AAAA,MAEH,UAAAF,KAAA,gBAAAA,EAAO,IAAI,CAAC,EAAE,OAAAS,GAAO,SAAAC,GAAS,GAAGC,QAAY;AAC5C,cAAMC,IAAc;AAAA,UAClB,KAAKH,KAASE,EAAM;AAAA,UACpB,OAAOF,KAASE,EAAM;AAAA,UACtB,UAAUV,KAAiBU,EAAM;AAAA,UACjC,MAAAjB;AAAA,UACA,MAAAJ;AAAA,UACA,UAAAQ;AAAA,UACA,cAAAD;AAAA,UACA,SAAAa;AAAA,UACA,SAAAlB;AAAA,UACA,QAAAG;AAAA,QACF;AAEA,eAAIQ,MAAU,WAEV,gBAAAE;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,aAAAjB;AAAA,YACA,UAAAG;AAAA,YACC,GAAGa;AAAA,YACH,GAAGD;AAAA,UAAA;AAAA,QACN,IAKF,gBAAAN;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,aAAAlB;AAAA,YACA,UAAAG;AAAA,YACC,GAAGa;AAAA,YACH,GAAGD;AAAA,UAAA;AAAA,QACN;AAAA,MAEH;AAAA,IAAA;AAAA,EACH;AAEJ;"}

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

@@ -1,7 +1,11 @@
+import { PickTransient, ButtonGroupTypes } from '..\..\react-base\src';
 import { ILabelProps } from '../Text/components/Label/Label.types';
-import { IButtonGroupButtonProps } from './ButtonGroup.types';
-declare const ButtonGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const ButtonGroupLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, ILabelProps & Pick<IButtonGroupButtonProps, "disabled" | "emphasis" | "checked" | "iconPosition" | "iconOnly"> & Required<Pick<IButtonGroupButtonProps, "size">>, never>;
+declare const ButtonGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Required<PickTransient<ButtonGroupTypes.IButtonGroupProps, "size" | "variant">> & PickTransient<ButtonGroupTypes.IButtonGroupProps, "border" | "groupDisabled"> & {
+    $type: ButtonGroupTypes.ButtonGroupSelectionType;
+}, never>;
+declare const ButtonGroupLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, ((ILabelProps & Pick<ButtonGroupTypes.IButtonGroupButtonProps, "disabled" | "checked">) & PickTransient<ButtonGroupTypes.IButtonGroupButtonProps, "border" | "iconPosition" | "iconOnly">) & Required<PickTransient<ButtonGroupTypes.IButtonGroupProps, "size" | "variant">> & {
+    $type: ButtonGroupTypes.ButtonGroupSelectionType;
+}, never>;
 declare const ButtonGroupRadio: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
 declare const ButtonGroupCheckbox: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
 export { ButtonGroup, ButtonGroupLabel, ButtonGroupRadio, ButtonGroupCheckbox };

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAI9D,QAAA,MAAM,WAAW,yGAShB,CAAC;AAEF,QAAA,MAAM,gBAAgB,yQAqHrB,CAAC;AAEF,QAAA,MAAM,gBAAgB,2GAErB,CAAC;AAEF,QAAA,MAAM,mBAAmB,2GAExB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"ButtonGroup.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,aAAa,EACb,gBAAgB,EAGjB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAKnE,QAAA,MAAM,WAAW;WAGJ,iBAAiB,wBAAwB;SAoBrD,CAAC;AAEF,QAAA,MAAM,gBAAgB;WAKT,iBAAiB,wBAAwB;SAsFrD,CAAC;AAEF,QAAA,MAAM,gBAAgB,2GAErB,CAAC;AAEF,QAAA,MAAM,mBAAmB,2GAExB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAC"}