acinguiux-ds-react-framework 0.1.26 → 0.1.27

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { type ReactElement, useState, useEffect } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Variants, AVATAR_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { AvatarConsts, type AvatarTypes } from 'acinguiux-ds-react-base/components/Avatar';\n\nimport ChevronDown from '../Icon/components/ChevronDown';\nimport PersonSolid from '../Icon/components/PersonSolid';\nimport * as Styled from './Avatar.styles';\nimport { Popover, PopoverContent, PopoverTrigger } from '../Popover/Popover';\nimport Flag from '../Flag/Flag';\nimport { FlagName } from '../Flag/Flag.types';\n\nconst NoImageCircle = ({ $size, $ariaLabel, children }: AvatarTypes.IAvatarNoImageCircle) => (\n  <Styled.NoImageCircleWrapper $size={$size}>\n    <Styled.NoImageCircle aria-label={$ariaLabel}>{children}</Styled.NoImageCircle>\n  </Styled.NoImageCircleWrapper>\n);\n\nconst AsAbbreviation = ({ $abbreviation, $size, $ariaLabel }: AvatarTypes.IAvatarAsText) => (\n  <NoImageCircle $size={$size} $ariaLabel={$ariaLabel}>\n    {$abbreviation}\n  </NoImageCircle>\n);\n\nconst AsIcon = ({ $size, $ariaLabel }: AvatarTypes.IAvatarAsIcon) => {\n  const iconSize = AvatarConsts.consts[$size].icon;\n\n  return (\n    <NoImageCircle $size={$size}>\n      <PersonSolid width={iconSize} height={iconSize} aria-label={$ariaLabel ?? 'Default user avatar'} />\n    </NoImageCircle>\n  );\n};\n\nconst AsImage = ({ $size, src, alt, $abbreviation, 'aria-label': ariaLabel }: AvatarTypes.IAvatarAsImage) => {\n  const [hasError, setHasError] = useState(false);\n  const [loadedSrc, setLoadedSrc] = useState<string | null>(null);\n\n  useEffect(() => {\n    setHasError(false);\n    setLoadedSrc(null);\n    const img = new Image();\n    img.onload = () => setLoadedSrc(src);\n    img.onerror = () => setHasError(true);\n    img.src = src;\n  }, [src]);\n\n  if (!loadedSrc || hasError) {\n    if ($abbreviation) {\n      return <AsAbbreviation $abbreviation={$abbreviation} $size={$size} $ariaLabel={ariaLabel} />;\n    }\n\n    return <AsIcon $size={$size} $ariaLabel={ariaLabel} />;\n  }\n\n  return <Styled.Image key={src} src={loadedSrc} alt={alt} />;\n};\n\n/**\n * Avatar component\n * @deprecated Use SimpleAvatar, DetailedAvatar or DropdownAvatar depending on the use case\n */\nconst Avatar = ({\n  className,\n  size = Sizes.Medium,\n  src,\n  flag,\n  alt = AvatarConsts.altDefaultText,\n  abbreviation,\n  label,\n  secondaryLabel,\n  dropdownOverlay,\n  dropdownAlign,\n  collapsed = false,\n  textAndChevron = true,\n  'aria-label': ariaLabel,\n  ...rest\n}: AvatarTypes.IAvatarProps<FlagName>): ReactElement => {\n  const content = (\n    <Styled.AvatarWrapper\n      className={classNames(AVATAR_CLASS, className)}\n      $hasText={!!label || !!secondaryLabel}\n      $dropdownOverlay={dropdownOverlay}\n      $textAndChevron={textAndChevron}\n      $size={size}\n      {...rest}\n    >\n      <Styled.Avatar $size={size}>\n        {!src && !flag && !!abbreviation && (\n          <AsAbbreviation $abbreviation={abbreviation} $size={size} $ariaLabel={ariaLabel} />\n        )}\n        {!!src && <AsImage $size={size} src={src} alt={alt} $abbreviation={abbreviation} />}\n        {!src && !!flag && (\n          <Styled.FlagContainer $size={size} data-testid={`flag-${flag}`}>\n            <Flag flag={flag} />\n          </Styled.FlagContainer>\n        )}\n        {!src && !abbreviation && !flag && <AsIcon $size={size} $ariaLabel={ariaLabel} />}\n      </Styled.Avatar>\n      <Styled.TextAndChevronContainer>\n        {!!textAndChevron && (!!label || !!secondaryLabel) && (\n          <Styled.TextBox $collapsed={collapsed}>\n            {!!label && <Styled.Label $size={size}>{label}</Styled.Label>}\n            {!!secondaryLabel && <Styled.AdditionalText $size={size}>{secondaryLabel}</Styled.AdditionalText>}\n          </Styled.TextBox>\n        )}\n        {!!dropdownOverlay && (\n          <Styled.StyledButton\n            $visible={!!textAndChevron && !collapsed}\n            size={Sizes.Small}\n            variant={Variants.Transparent}\n            icon={<ChevronDown width={16} />}\n            iconOnly={true}\n            aria-label=\"View profile and more\"\n          />\n        )}\n      </Styled.TextAndChevronContainer>\n    </Styled.AvatarWrapper>\n  );\n\n  return dropdownOverlay ? (\n    <Popover>\n      <PopoverTrigger asChild={true}>{content}</PopoverTrigger>\n      <PopoverContent {...dropdownAlign}>{dropdownOverlay}</PopoverContent>\n    </Popover>\n  ) : (\n    content\n  );\n};\n\nexport default Avatar;\n"],"names":["NoImageCircle","$size","$ariaLabel","children","jsx","Styled.NoImageCircleWrapper","Styled.NoImageCircle","AsAbbreviation","$abbreviation","AsIcon","iconSize","AvatarConsts.consts","PersonSolid","AsImage","src","alt","ariaLabel","hasError","setHasError","useState","loadedSrc","setLoadedSrc","useEffect","img","Styled.Image","Avatar","className","size","Sizes","flag","AvatarConsts.altDefaultText","abbreviation","label","secondaryLabel","dropdownOverlay","dropdownAlign","collapsed","textAndChevron","rest","content","jsxs","Styled.AvatarWrapper","classNames","AVATAR_CLASS","Styled.Avatar","Styled.FlagContainer","Flag","Styled.TextAndChevronContainer","Styled.TextBox","Styled.Label","Styled.AdditionalText","Styled.StyledButton","Variants","ChevronDown","Popover","PopoverTrigger","PopoverContent"],"mappings":"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"}
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { type ReactElement, useState, useEffect } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Sizes, Variants, AVATAR_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { AvatarConsts, type AvatarTypes } from 'acinguiux-ds-react-base/components/Avatar';\r\n\r\nimport ChevronDown from '../Icon/components/ChevronDown';\r\nimport PersonSolid from '../Icon/components/PersonSolid';\r\nimport * as Styled from './Avatar.styles';\r\nimport { Popover, PopoverContent, PopoverTrigger } from '../Popover/Popover';\r\nimport Flag from '../Flag/Flag';\r\nimport { FlagName } from '../Flag/Flag.types';\r\n\r\nconst NoImageCircle = ({ $size, $ariaLabel, children }: AvatarTypes.IAvatarNoImageCircle) => (\r\n  <Styled.NoImageCircleWrapper $size={$size}>\r\n    <Styled.NoImageCircle aria-label={$ariaLabel}>{children}</Styled.NoImageCircle>\r\n  </Styled.NoImageCircleWrapper>\r\n);\r\n\r\nconst AsAbbreviation = ({ $abbreviation, $size, $ariaLabel }: AvatarTypes.IAvatarAsText) => (\r\n  <NoImageCircle $size={$size} $ariaLabel={$ariaLabel}>\r\n    {$abbreviation}\r\n  </NoImageCircle>\r\n);\r\n\r\nconst AsIcon = ({ $size, $ariaLabel }: AvatarTypes.IAvatarAsIcon) => {\r\n  const iconSize = AvatarConsts.consts[$size].icon;\r\n\r\n  return (\r\n    <NoImageCircle $size={$size}>\r\n      <PersonSolid width={iconSize} height={iconSize} aria-label={$ariaLabel ?? 'Default user avatar'} />\r\n    </NoImageCircle>\r\n  );\r\n};\r\n\r\nconst AsImage = ({ $size, src, alt, $abbreviation, 'aria-label': ariaLabel }: AvatarTypes.IAvatarAsImage) => {\r\n  const [hasError, setHasError] = useState(false);\r\n  const [loadedSrc, setLoadedSrc] = useState<string | null>(null);\r\n\r\n  useEffect(() => {\r\n    setHasError(false);\r\n    setLoadedSrc(null);\r\n    const img = new Image();\r\n    img.onload = () => setLoadedSrc(src);\r\n    img.onerror = () => setHasError(true);\r\n    img.src = src;\r\n  }, [src]);\r\n\r\n  if (!loadedSrc || hasError) {\r\n    if ($abbreviation) {\r\n      return <AsAbbreviation $abbreviation={$abbreviation} $size={$size} $ariaLabel={ariaLabel} />;\r\n    }\r\n\r\n    return <AsIcon $size={$size} $ariaLabel={ariaLabel} />;\r\n  }\r\n\r\n  return <Styled.Image key={src} src={loadedSrc} alt={alt} />;\r\n};\r\n\r\n/**\r\n * Avatar component\r\n * @deprecated Use SimpleAvatar, DetailedAvatar or DropdownAvatar depending on the use case\r\n */\r\nconst Avatar = ({\r\n  className,\r\n  size = Sizes.Medium,\r\n  src,\r\n  flag,\r\n  alt = AvatarConsts.altDefaultText,\r\n  abbreviation,\r\n  label,\r\n  secondaryLabel,\r\n  dropdownOverlay,\r\n  dropdownAlign,\r\n  collapsed = false,\r\n  textAndChevron = true,\r\n  'aria-label': ariaLabel,\r\n  ...rest\r\n}: AvatarTypes.IAvatarProps<FlagName>): ReactElement => {\r\n  const content = (\r\n    <Styled.AvatarWrapper\r\n      className={classNames(AVATAR_CLASS, className)}\r\n      $hasText={!!label || !!secondaryLabel}\r\n      $dropdownOverlay={dropdownOverlay}\r\n      $textAndChevron={textAndChevron}\r\n      $size={size}\r\n      {...rest}\r\n    >\r\n      <Styled.Avatar $size={size}>\r\n        {!src && !flag && !!abbreviation && (\r\n          <AsAbbreviation $abbreviation={abbreviation} $size={size} $ariaLabel={ariaLabel} />\r\n        )}\r\n        {!!src && <AsImage $size={size} src={src} alt={alt} $abbreviation={abbreviation} />}\r\n        {!src && !!flag && (\r\n          <Styled.FlagContainer $size={size} data-testid={`flag-${flag}`}>\r\n            <Flag flag={flag} />\r\n          </Styled.FlagContainer>\r\n        )}\r\n        {!src && !abbreviation && !flag && <AsIcon $size={size} $ariaLabel={ariaLabel} />}\r\n      </Styled.Avatar>\r\n      <Styled.TextAndChevronContainer>\r\n        {!!textAndChevron && (!!label || !!secondaryLabel) && (\r\n          <Styled.TextBox $collapsed={collapsed}>\r\n            {!!label && <Styled.Label $size={size}>{label}</Styled.Label>}\r\n            {!!secondaryLabel && <Styled.AdditionalText $size={size}>{secondaryLabel}</Styled.AdditionalText>}\r\n          </Styled.TextBox>\r\n        )}\r\n        {!!dropdownOverlay && (\r\n          <Styled.StyledButton\r\n            $visible={!!textAndChevron && !collapsed}\r\n            size={Sizes.Small}\r\n            variant={Variants.Transparent}\r\n            icon={<ChevronDown width={16} />}\r\n            iconOnly={true}\r\n            aria-label=\"View profile and more\"\r\n          />\r\n        )}\r\n      </Styled.TextAndChevronContainer>\r\n    </Styled.AvatarWrapper>\r\n  );\r\n\r\n  return dropdownOverlay ? (\r\n    <Popover>\r\n      <PopoverTrigger asChild={true}>{content}</PopoverTrigger>\r\n      <PopoverContent {...dropdownAlign}>{dropdownOverlay}</PopoverContent>\r\n    </Popover>\r\n  ) : (\r\n    content\r\n  );\r\n};\r\n\r\nexport default Avatar;\r\n"],"names":["NoImageCircle","$size","$ariaLabel","children","jsx","Styled.NoImageCircleWrapper","Styled.NoImageCircle","AsAbbreviation","$abbreviation","AsIcon","iconSize","AvatarConsts.consts","PersonSolid","AsImage","src","alt","ariaLabel","hasError","setHasError","useState","loadedSrc","setLoadedSrc","useEffect","img","Styled.Image","Avatar","className","size","Sizes","flag","AvatarConsts.altDefaultText","abbreviation","label","secondaryLabel","dropdownOverlay","dropdownAlign","collapsed","textAndChevron","rest","content","jsxs","Styled.AvatarWrapper","classNames","AVATAR_CLASS","Styled.Avatar","Styled.FlagContainer","Flag","Styled.TextAndChevronContainer","Styled.TextBox","Styled.Label","Styled.AdditionalText","Styled.StyledButton","Variants","ChevronDown","Popover","PopoverTrigger","PopoverContent"],"mappings":"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"}

package/build/cjs/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';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { AvatarConsts, type AvatarTypes, AvatarUtils } from 'acinguiux-ds-react-base/components/Avatar';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { getSmallerSize, getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\n\nimport Button from '../Button/Button';\nimport type { IAvatarProps } from './Avatar.types';\n\ntype PropsWithRequiredSize = Required<PickTransient<IAvatarProps, 'size'>>;\n\nconst NoImageCircleWrapper = styled.div<PropsWithRequiredSize>`\n  ${({ $size, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size))};\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\n    &,\n    & svg {\n      color: ${theme.layer({})[Variables.TextOnBrandOnBackground]};\n    }\n    background-color: ${AvatarUtils.getBackgroundColorImageForState(theme)};\n    outline: none;\n  `};\n`;\n\nconst StyledButton = styled(Button)<{ $visible?: boolean }>`\n  ${({ $visible }) =>\n    !$visible &&\n    css`\n      opacity: 0;\n      width: 0;\n      min-width: 0;\n      height: 0;\n      min-height: 0;\n    `};\n\n  &&:hover {\n    background-color: transparent;\n  }\n\n  &&:focus-visible {\n    outline: none;\n  }\n`;\n\nconst AvatarWrapper = styled.div<AvatarTypes.IAvatarWrapperProps>`\n  display: inline-flex;\n  min-height: ${({ $size }) => AvatarConsts.consts[$size].minHeight};\n  padding: ${({ $size }) => AvatarConsts.consts[$size].padding};\n  align-items: center;\n  justify-content: flex-start;\n  gap: ${({ $hasText, $textAndChevron, $size }) =>\n    $hasText && $textAndChevron ? AvatarConsts.consts[$size].gap : 0}px;\n  border-radius: var(--radius-small, 8px);\n  outline: none;\n\n  ${({ theme, $dropdownOverlay }) =>\n    Boolean($dropdownOverlay) &&\n    css`\n      cursor: pointer;\n\n      &:hover {\n        background-color: ${AvatarUtils.getBackgroundColorForState(theme, FabricsVariables.States.Hover)};\n\n        ${NoImageCircleWrapper} {\n          background-color: ${AvatarUtils.getBackgroundColorImageForState(theme, FabricsVariables.States.Hover)};\n        }\n      }\n\n      &:active {\n        background-color: ${AvatarUtils.getBackgroundColorForState(theme, FabricsVariables.States.Press)};\n\n        ${NoImageCircleWrapper} {\n          background-color: ${AvatarUtils.getBackgroundColorImageForState(theme, FabricsVariables.States.Press)};\n        }\n      }\n\n      &:has(:focus-visible),\n      &:focus-visible {\n        ${getFocusStyles(theme)};\n      }\n\n      ${NoImageCircleWrapper} {\n        &:focus-visible {\n          outline: none;\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`\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<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<PickTransient<IAvatarProps, '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<PropsWithRequiredSize>`\n  ${({ theme, $size }) => css`\n    margin: 0;\n    color: ${theme.layer({})[Variables.TextOnFoundationStrong]};\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    width: 100%;\n\n    ${theme.typography('label', getLabelTypographySize($size))};\n  `}\n`;\n\nconst AdditionalText = styled.p<PropsWithRequiredSize>`\n  ${({ $size, theme }) => css`\n    margin: ${$size === Sizes.XSmall ? '-2px 0 0 0' : '0'};\n\n    ${theme.typography('label', getLabelTypographySize(getSmallerSize($size)))}\n\n    color: ${theme.layer({})[Variables.TextOnFoundationSubtle]};\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 {\n  AvatarWrapper,\n  Avatar,\n  NoImageCircleWrapper,\n  NoImageCircle,\n  StyledButton,\n  Image,\n  FlagContainer,\n  TextBox,\n  Label,\n  AdditionalText,\n  TextAndChevronContainer,\n};\n"],"names":["NoImageCircleWrapper","styled","$size","theme","css","getLabelTypographySize","Variables","AvatarUtils.getBackgroundColorImageForState","StyledButton","Button","$visible","AvatarWrapper","AvatarConsts.consts","$hasText","$textAndChevron","$dropdownOverlay","AvatarUtils.getBackgroundColorForState","FabricsVariables","getFocusStyles","Avatar","NoImageCircle","Image","FlagContainer","TextBox","$collapsed","Label","AdditionalText","Sizes","getSmallerSize","TextAndChevronContainer"],"mappings":"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"}
+{"version":3,"file":"Avatar.styles.js","sources":["../../../../src/components/Avatar/Avatar.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { AvatarConsts, type AvatarTypes, AvatarUtils } from 'acinguiux-ds-react-base/components/Avatar';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\nimport { getSmallerSize, getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\n\r\nimport Button from '../Button/Button';\r\nimport type { IAvatarProps } from './Avatar.types';\r\n\r\ntype PropsWithRequiredSize = Required<PickTransient<IAvatarProps, 'size'>>;\r\n\r\nconst NoImageCircleWrapper = styled.div<PropsWithRequiredSize>`\r\n  ${({ $size, theme }) => css`\r\n    ${theme.typography('label', getLabelTypographySize($size))};\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\r\n    &,\r\n    & svg {\r\n      color: ${theme.layer({})[Variables.TextOnBrandOnBackground]};\r\n    }\r\n    background-color: ${AvatarUtils.getBackgroundColorImageForState(theme)};\r\n    outline: none;\r\n  `};\r\n`;\r\n\r\nconst StyledButton = styled(Button)<{ $visible?: boolean }>`\r\n  ${({ $visible }) =>\r\n    !$visible &&\r\n    css`\r\n      opacity: 0;\r\n      width: 0;\r\n      min-width: 0;\r\n      height: 0;\r\n      min-height: 0;\r\n    `};\r\n\r\n  &&:hover {\r\n    background-color: transparent;\r\n  }\r\n\r\n  &&:focus-visible {\r\n    outline: none;\r\n  }\r\n`;\r\n\r\nconst AvatarWrapper = styled.div<AvatarTypes.IAvatarWrapperProps>`\r\n  display: inline-flex;\r\n  min-height: ${({ $size }) => AvatarConsts.consts[$size].minHeight};\r\n  padding: ${({ $size }) => AvatarConsts.consts[$size].padding};\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  gap: ${({ $hasText, $textAndChevron, $size }) =>\r\n    $hasText && $textAndChevron ? AvatarConsts.consts[$size].gap : 0}px;\r\n  border-radius: var(--radius-small, 8px);\r\n  outline: none;\r\n\r\n  ${({ theme, $dropdownOverlay }) =>\r\n    Boolean($dropdownOverlay) &&\r\n    css`\r\n      cursor: pointer;\r\n\r\n      &:hover {\r\n        background-color: ${AvatarUtils.getBackgroundColorForState(theme, FabricsVariables.States.Hover)};\r\n\r\n        ${NoImageCircleWrapper} {\r\n          background-color: ${AvatarUtils.getBackgroundColorImageForState(theme, FabricsVariables.States.Hover)};\r\n        }\r\n      }\r\n\r\n      &:active {\r\n        background-color: ${AvatarUtils.getBackgroundColorForState(theme, FabricsVariables.States.Press)};\r\n\r\n        ${NoImageCircleWrapper} {\r\n          background-color: ${AvatarUtils.getBackgroundColorImageForState(theme, FabricsVariables.States.Press)};\r\n        }\r\n      }\r\n\r\n      &:has(:focus-visible),\r\n      &:focus-visible {\r\n        ${getFocusStyles(theme)};\r\n      }\r\n\r\n      ${NoImageCircleWrapper} {\r\n        &:focus-visible {\r\n          outline: none;\r\n        }\r\n      }\r\n    `};\r\n`;\r\n\r\nconst Avatar = styled.div<PropsWithRequiredSize>(\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.consts[$size].avatar}px;\r\n      min-height: ${AvatarConsts.consts[$size].avatar}px;\r\n      width: ${AvatarConsts.consts[$size].avatar}px;\r\n      height: ${AvatarConsts.consts[$size].avatar}px;\r\n    `}\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  ${({ theme }) => css`\r\n    max-width: 100%;\r\n    border-radius: 100%;\r\n    object-fit: cover;\r\n\r\n    &:focus-visible {\r\n      ${getFocusStyles(theme)};\r\n    }\r\n  `}\r\n`;\r\n\r\nconst FlagContainer = styled.div<PropsWithRequiredSize>`\r\n  ${({ theme, $size }) => css`\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 100%;\r\n    font-size: ${AvatarConsts.consts[$size].avatar}px;\r\n\r\n    &:focus-visible {\r\n      ${getFocusStyles(theme)};\r\n    }\r\n  `}\r\n`;\r\n\r\nconst TextBox = styled.div<PickTransient<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<PropsWithRequiredSize>`\r\n  ${({ theme, $size }) => css`\r\n    margin: 0;\r\n    color: ${theme.layer({})[Variables.TextOnFoundationStrong]};\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n    width: 100%;\r\n\r\n    ${theme.typography('label', getLabelTypographySize($size))};\r\n  `}\r\n`;\r\n\r\nconst AdditionalText = styled.p<PropsWithRequiredSize>`\r\n  ${({ $size, theme }) => css`\r\n    margin: ${$size === Sizes.XSmall ? '-2px 0 0 0' : '0'};\r\n\r\n    ${theme.typography('label', getLabelTypographySize(getSmallerSize($size)))}\r\n\r\n    color: ${theme.layer({})[Variables.TextOnFoundationSubtle]};\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 TextAndChevronContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: justify-between;\r\n  flex-grow: 1;\r\n  gap: 4px;\r\n`;\r\n\r\nexport {\r\n  AvatarWrapper,\r\n  Avatar,\r\n  NoImageCircleWrapper,\r\n  NoImageCircle,\r\n  StyledButton,\r\n  Image,\r\n  FlagContainer,\r\n  TextBox,\r\n  Label,\r\n  AdditionalText,\r\n  TextAndChevronContainer,\r\n};\r\n"],"names":["NoImageCircleWrapper","styled","$size","theme","css","getLabelTypographySize","Variables","AvatarUtils.getBackgroundColorImageForState","StyledButton","Button","$visible","AvatarWrapper","AvatarConsts.consts","$hasText","$textAndChevron","$dropdownOverlay","AvatarUtils.getBackgroundColorForState","FabricsVariables","getFocusStyles","Avatar","NoImageCircle","Image","FlagContainer","TextBox","$collapsed","Label","AdditionalText","Sizes","getSmallerSize","TextAndChevronContainer"],"mappings":"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"}

package/build/cjs/components/Avatar/DetailedAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailedAvatar.js","sources":["../../../../src/components/Avatar/DetailedAvatar.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport { AVATAR_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport classNames from 'classnames';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { LabelTypes } from 'acinguiux-ds-react-base/components/Text';\n\nimport type { IDetailedAvatarProps } from './Avatar.types';\nimport { useDetailedVariantProps } from './utils/useDetailedProps';\nimport { SimpleAvatar } from './SimpleAvatar.styles';\nimport * as Styled from './DetailedAvatar.styles';\nimport { getSimpleAvatarComponent } from './components/SimpleAvatar';\n\nconst DetailedAvatar = ({\n  className,\n  size = Sizes.Medium,\n  variant = 'icon' as const,\n  interactive = false,\n  ...props\n}: IDetailedAvatarProps): ReactElement => {\n  const { avatarProps, detailedProps, ...rest } = useDetailedVariantProps(variant, props);\n  const SimpleAvatarComponent = getSimpleAvatarComponent(variant);\n\n  return (\n    <Styled.DetailedAvatar\n      className={classNames(AVATAR_CLASS, className)}\n      data-testid={`detailed-avatar-${variant}`}\n      $size={size}\n      $multiline={detailedProps.multiline}\n      $interactive={interactive}\n      {...rest}\n    >\n      <SimpleAvatar $size={size} $interactive={false}>\n        <SimpleAvatarComponent {...avatarProps} />\n      </SimpleAvatar>\n      <Styled.DetailedAvatarDetails $size={size} $multiline={detailedProps.multiline}>\n        <Styled.AvatarDetailsTitle size={size} bold={detailedProps.strongTitle} $multiline={detailedProps.multiline}>\n          {detailedProps.title}\n        </Styled.AvatarDetailsTitle>\n        {!!detailedProps.label && (\n          <Styled.AvatarDetailsLabel\n            size={detailedProps.multiline ? size : (getSmallerSize(size) as LabelTypes.Size)}\n            contrast=\"subtle\"\n            $multiline={detailedProps.multiline}\n          >\n            {detailedProps.label}\n          </Styled.AvatarDetailsLabel>\n        )}\n      </Styled.DetailedAvatarDetails>\n    </Styled.DetailedAvatar>\n  );\n};\n\nexport default DetailedAvatar;\n"],"names":["DetailedAvatar","className","size","Sizes","variant","interactive","props","avatarProps","detailedProps","rest","useDetailedVariantProps","SimpleAvatarComponent","getSimpleAvatarComponent","jsxs","Styled.DetailedAvatar","classNames","AVATAR_CLASS","jsx","SimpleAvatar","Styled.DetailedAvatarDetails","Styled.AvatarDetailsTitle","Styled.AvatarDetailsLabel","getSmallerSize"],"mappings":"uYAaMA,EAAiB,CAAC,CACtB,UAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,OACb,QAAAC,EAAU,OACV,YAAAC,EAAc,GACd,GAAGC,CACL,IAA0C,CACxC,KAAM,CAAE,YAAAC,EAAa,cAAAC,EAAe,GAAGC,GAASC,EAAAA,wBAAwBN,EAASE,CAAK,EAChFK,EAAwBC,EAAAA,yBAAyBR,CAAO,EAE9D,OACES,EAAAA,KAACC,EAAAA,eAAA,CACC,UAAWC,EAAWC,EAAAA,aAAcf,CAAS,EAC7C,cAAa,mBAAmBG,CAAO,GACvC,MAAOF,EACP,WAAYM,EAAc,UAC1B,aAAcH,EACb,GAAGI,EAEJ,SAAA,CAAAQ,EAAAA,IAACC,EAAAA,aAAA,CAAa,MAAOhB,EAAM,aAAc,GACvC,SAAAe,EAAAA,IAACN,EAAA,CAAuB,GAAGJ,CAAA,CAAa,CAAA,CAC1C,EACAM,OAACM,EAAAA,sBAAA,CAA6B,MAAOjB,EAAM,WAAYM,EAAc,UACnE,SAAA,CAAAS,EAAAA,IAACG,EAAAA,mBAAA,CAA0B,KAAAlB,EAAY,KAAMM,EAAc,YAAa,WAAYA,EAAc,UAC/F,SAAAA,EAAc,KAAA,CACjB,EACC,CAAC,CAACA,EAAc,OACfS,EAAAA,IAACI,EAAAA,mBAAA,CACC,KAAMb,EAAc,UAAYN,EAAQoB,EAAAA,eAAepB,CAAI,EAC3D,SAAS,SACT,WAAYM,EAAc,UAEzB,SAAAA,EAAc,KAAA,CAAA,CACjB,CAAA,CAEJ,CAAA,CAAA,CAAA,CAGN"}
+{"version":3,"file":"DetailedAvatar.js","sources":["../../../../src/components/Avatar/DetailedAvatar.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\r\n\r\nimport { AVATAR_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport classNames from 'classnames';\r\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\nimport { LabelTypes } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nimport type { IDetailedAvatarProps } from './Avatar.types';\r\nimport { useDetailedVariantProps } from './utils/useDetailedProps';\r\nimport { SimpleAvatar } from './SimpleAvatar.styles';\r\nimport * as Styled from './DetailedAvatar.styles';\r\nimport { getSimpleAvatarComponent } from './components/SimpleAvatar';\r\n\r\nconst DetailedAvatar = ({\r\n  className,\r\n  size = Sizes.Medium,\r\n  variant = 'icon' as const,\r\n  interactive = false,\r\n  ...props\r\n}: IDetailedAvatarProps): ReactElement => {\r\n  const { avatarProps, detailedProps, ...rest } = useDetailedVariantProps(variant, props);\r\n  const SimpleAvatarComponent = getSimpleAvatarComponent(variant);\r\n\r\n  return (\r\n    <Styled.DetailedAvatar\r\n      className={classNames(AVATAR_CLASS, className)}\r\n      data-testid={`detailed-avatar-${variant}`}\r\n      $size={size}\r\n      $multiline={detailedProps.multiline}\r\n      $interactive={interactive}\r\n      {...rest}\r\n    >\r\n      <SimpleAvatar $size={size} $interactive={false}>\r\n        <SimpleAvatarComponent {...avatarProps} />\r\n      </SimpleAvatar>\r\n      <Styled.DetailedAvatarDetails $size={size} $multiline={detailedProps.multiline}>\r\n        <Styled.AvatarDetailsTitle size={size} bold={detailedProps.strongTitle} $multiline={detailedProps.multiline}>\r\n          {detailedProps.title}\r\n        </Styled.AvatarDetailsTitle>\r\n        {!!detailedProps.label && (\r\n          <Styled.AvatarDetailsLabel\r\n            size={detailedProps.multiline ? size : (getSmallerSize(size) as LabelTypes.Size)}\r\n            contrast=\"subtle\"\r\n            $multiline={detailedProps.multiline}\r\n          >\r\n            {detailedProps.label}\r\n          </Styled.AvatarDetailsLabel>\r\n        )}\r\n      </Styled.DetailedAvatarDetails>\r\n    </Styled.DetailedAvatar>\r\n  );\r\n};\r\n\r\nexport default DetailedAvatar;\r\n"],"names":["DetailedAvatar","className","size","Sizes","variant","interactive","props","avatarProps","detailedProps","rest","useDetailedVariantProps","SimpleAvatarComponent","getSimpleAvatarComponent","jsxs","Styled.DetailedAvatar","classNames","AVATAR_CLASS","jsx","SimpleAvatar","Styled.DetailedAvatarDetails","Styled.AvatarDetailsTitle","Styled.AvatarDetailsLabel","getSmallerSize"],"mappings":"uYAaMA,EAAiB,CAAC,CACtB,UAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,OACb,QAAAC,EAAU,OACV,YAAAC,EAAc,GACd,GAAGC,CACL,IAA0C,CACxC,KAAM,CAAE,YAAAC,EAAa,cAAAC,EAAe,GAAGC,GAASC,EAAAA,wBAAwBN,EAASE,CAAK,EAChFK,EAAwBC,EAAAA,yBAAyBR,CAAO,EAE9D,OACES,EAAAA,KAACC,EAAAA,eAAA,CACC,UAAWC,EAAWC,EAAAA,aAAcf,CAAS,EAC7C,cAAa,mBAAmBG,CAAO,GACvC,MAAOF,EACP,WAAYM,EAAc,UAC1B,aAAcH,EACb,GAAGI,EAEJ,SAAA,CAAAQ,EAAAA,IAACC,EAAAA,aAAA,CAAa,MAAOhB,EAAM,aAAc,GACvC,SAAAe,EAAAA,IAACN,EAAA,CAAuB,GAAGJ,CAAA,CAAa,CAAA,CAC1C,EACAM,OAACM,EAAAA,sBAAA,CAA6B,MAAOjB,EAAM,WAAYM,EAAc,UACnE,SAAA,CAAAS,EAAAA,IAACG,EAAAA,mBAAA,CAA0B,KAAAlB,EAAY,KAAMM,EAAc,YAAa,WAAYA,EAAc,UAC/F,SAAAA,EAAc,KAAA,CACjB,EACC,CAAC,CAACA,EAAc,OACfS,EAAAA,IAACI,EAAAA,mBAAA,CACC,KAAMb,EAAc,UAAYN,EAAQoB,EAAAA,eAAepB,CAAI,EAC3D,SAAS,SACT,WAAYM,EAAc,UAEzB,SAAAA,EAAc,KAAA,CAAA,CACjB,CAAA,CAEJ,CAAA,CAAA,CAAA,CAGN"}

package/build/cjs/components/Avatar/DetailedAvatar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailedAvatar.styles.js","sources":["../../../../src/components/Avatar/DetailedAvatar.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { AvatarConsts } from 'acinguiux-ds-react-base/components/Avatar';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\n\nimport type { IDetailedAvatarProps } from './Avatar.types';\nimport Label from '../Text/components/Label/Label';\nimport { SimpleAvatar } from './SimpleAvatar.styles';\n\ntype DetailedAvatarStyledProps = Required<PickTransient<IDetailedAvatarProps, 'size'>> &\n  PickTransient<IDetailedAvatarProps, 'multiline'>;\n\nexport const DetailedAvatar = styled.div<\n  DetailedAvatarStyledProps & Required<PickTransient<IDetailedAvatarProps, 'interactive'>>\n>(\n  ({ $size, $interactive, $multiline, theme }) => css`\n    display: flex;\n    gap: ${AvatarConsts.consts[$size].gap}px;\n    justify-content: flex-start;\n    align-items: ${$multiline ? 'flex-start' : 'center'};\n\n    ${$interactive &&\n    css`\n      cursor: pointer;\n\n      &:hover {\n        ${SimpleAvatar} {\n          background-color: ${theme.layer({ state: 'hover' })[Variables.BackgroundBrand]};\n        }\n      }\n\n      &:active {\n        ${SimpleAvatar} {\n          background-color: ${theme.layer({ state: 'press' })[Variables.BackgroundBrand]};\n        }\n      }\n\n      &:focus-visible {\n        ${getFocusStyles(theme)};\n      }\n    `};\n  `,\n);\n\nexport const AvatarDetailsTitle = styled(Label)<\n  Required<Pick<IDetailedAvatarProps, 'size'>> & PickTransient<IDetailedAvatarProps, 'multiline'>\n>(\n  ({ size, $multiline }) => css`\n    padding-top: ${$multiline ? AvatarConsts.consts[size].multiline.paddingTop : 0}px;\n    white-space: ${$multiline ? 'break-spaces' : 'nowrap'};\n  `,\n);\n\nexport const AvatarDetailsLabel = styled(Label)<PickTransient<IDetailedAvatarProps, 'multiline'>>(\n  ({ $multiline }) => css`\n    white-space: ${$multiline ? 'break-spaces' : 'nowrap'};\n  `,\n);\n\nexport const DetailedAvatarDetails = styled.div<DetailedAvatarStyledProps>(\n  ({ $size, $multiline }) => css`\n    display: flex;\n    flex-direction: column;\n    gap: ${$multiline ? AvatarConsts.consts[$size].multiline.textGap : AvatarConsts.consts[$size].textGap}px;\n  `,\n);\n"],"names":["DetailedAvatar","styled","$size","$interactive","$multiline","theme","css","AvatarConsts.consts","SimpleAvatar","Variables","getFocusStyles","AvatarDetailsTitle","Label","size","AvatarDetailsLabel","DetailedAvatarDetails"],"mappings":"yZAaaA,EAAiBC,EAAAA,OAAO,IAGnC,CAAC,CAAE,MAAAC,EAAO,aAAAC,EAAc,WAAAC,EAAY,MAAAC,KAAYC,EAAAA;AAAAA;AAAAA,WAEvCC,EAAAA,OAAoBL,CAAK,EAAE,GAAG;AAAA;AAAA,mBAEtBE,EAAa,aAAe,QAAQ;AAAA;AAAA,MAEjDD,GACFG,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,UAIME,cAAY;AAAA,8BACQH,EAAM,MAAM,CAAE,MAAO,QAAS,EAAEI,EAAAA,UAAU,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAK9ED,cAAY;AAAA,8BACQH,EAAM,MAAM,CAAE,MAAO,QAAS,EAAEI,EAAAA,UAAU,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAK9EC,EAAAA,eAAeL,CAAK,CAAC;AAAA;AAAA,KAE1B;AAAA,GAEL,EAEaM,EAAqBV,EAAAA,OAAOW,CAAK,EAG5C,CAAC,CAAE,KAAAC,EAAM,WAAAT,CAAA,IAAiBE,EAAAA;AAAAA,mBACTF,EAAaG,EAAAA,OAAoBM,CAAI,EAAE,UAAU,WAAa,CAAC;AAAA,mBAC/DT,EAAa,eAAiB,QAAQ;AAAA,GAEzD,EAEaU,EAAqBb,EAAAA,OAAOW,CAAK,EAC5C,CAAC,CAAE,WAAAR,CAAA,IAAiBE,EAAAA;AAAAA,mBACHF,EAAa,eAAiB,QAAQ;AAAA,GAEzD,EAEaW,EAAwBd,EAAAA,OAAO,IAC1C,CAAC,CAAE,MAAAC,EAAO,WAAAE,CAAA,IAAiBE,EAAAA;AAAAA;AAAAA;AAAAA,WAGlBF,EAAaG,SAAoBL,CAAK,EAAE,UAAU,QAAUK,EAAAA,OAAoBL,CAAK,EAAE,OAAO;AAAA,GAEzG"}
+{"version":3,"file":"DetailedAvatar.styles.js","sources":["../../../../src/components/Avatar/DetailedAvatar.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { AvatarConsts } from 'acinguiux-ds-react-base/components/Avatar';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\n\r\nimport type { IDetailedAvatarProps } from './Avatar.types';\r\nimport Label from '../Text/components/Label/Label';\r\nimport { SimpleAvatar } from './SimpleAvatar.styles';\r\n\r\ntype DetailedAvatarStyledProps = Required<PickTransient<IDetailedAvatarProps, 'size'>> &\r\n  PickTransient<IDetailedAvatarProps, 'multiline'>;\r\n\r\nexport const DetailedAvatar = styled.div<\r\n  DetailedAvatarStyledProps & Required<PickTransient<IDetailedAvatarProps, 'interactive'>>\r\n>(\r\n  ({ $size, $interactive, $multiline, theme }) => css`\r\n    display: flex;\r\n    gap: ${AvatarConsts.consts[$size].gap}px;\r\n    justify-content: flex-start;\r\n    align-items: ${$multiline ? 'flex-start' : 'center'};\r\n\r\n    ${$interactive &&\r\n    css`\r\n      cursor: pointer;\r\n\r\n      &:hover {\r\n        ${SimpleAvatar} {\r\n          background-color: ${theme.layer({ state: 'hover' })[Variables.BackgroundBrand]};\r\n        }\r\n      }\r\n\r\n      &:active {\r\n        ${SimpleAvatar} {\r\n          background-color: ${theme.layer({ state: 'press' })[Variables.BackgroundBrand]};\r\n        }\r\n      }\r\n\r\n      &:focus-visible {\r\n        ${getFocusStyles(theme)};\r\n      }\r\n    `};\r\n  `,\r\n);\r\n\r\nexport const AvatarDetailsTitle = styled(Label)<\r\n  Required<Pick<IDetailedAvatarProps, 'size'>> & PickTransient<IDetailedAvatarProps, 'multiline'>\r\n>(\r\n  ({ size, $multiline }) => css`\r\n    padding-top: ${$multiline ? AvatarConsts.consts[size].multiline.paddingTop : 0}px;\r\n    white-space: ${$multiline ? 'break-spaces' : 'nowrap'};\r\n  `,\r\n);\r\n\r\nexport const AvatarDetailsLabel = styled(Label)<PickTransient<IDetailedAvatarProps, 'multiline'>>(\r\n  ({ $multiline }) => css`\r\n    white-space: ${$multiline ? 'break-spaces' : 'nowrap'};\r\n  `,\r\n);\r\n\r\nexport const DetailedAvatarDetails = styled.div<DetailedAvatarStyledProps>(\r\n  ({ $size, $multiline }) => css`\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: ${$multiline ? AvatarConsts.consts[$size].multiline.textGap : AvatarConsts.consts[$size].textGap}px;\r\n  `,\r\n);\r\n"],"names":["DetailedAvatar","styled","$size","$interactive","$multiline","theme","css","AvatarConsts.consts","SimpleAvatar","Variables","getFocusStyles","AvatarDetailsTitle","Label","size","AvatarDetailsLabel","DetailedAvatarDetails"],"mappings":"yZAaaA,EAAiBC,EAAAA,OAAO,IAGnC,CAAC,CAAE,MAAAC,EAAO,aAAAC,EAAc,WAAAC,EAAY,MAAAC,KAAYC,EAAAA;AAAAA;AAAAA,WAEvCC,EAAAA,OAAoBL,CAAK,EAAE,GAAG;AAAA;AAAA,mBAEtBE,EAAa,aAAe,QAAQ;AAAA;AAAA,MAEjDD,GACFG,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,UAIME,cAAY;AAAA,8BACQH,EAAM,MAAM,CAAE,MAAO,QAAS,EAAEI,EAAAA,UAAU,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAK9ED,cAAY;AAAA,8BACQH,EAAM,MAAM,CAAE,MAAO,QAAS,EAAEI,EAAAA,UAAU,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAK9EC,EAAAA,eAAeL,CAAK,CAAC;AAAA;AAAA,KAE1B;AAAA,GAEL,EAEaM,EAAqBV,EAAAA,OAAOW,CAAK,EAG5C,CAAC,CAAE,KAAAC,EAAM,WAAAT,CAAA,IAAiBE,EAAAA;AAAAA,mBACTF,EAAaG,EAAAA,OAAoBM,CAAI,EAAE,UAAU,WAAa,CAAC;AAAA,mBAC/DT,EAAa,eAAiB,QAAQ;AAAA,GAEzD,EAEaU,EAAqBb,EAAAA,OAAOW,CAAK,EAC5C,CAAC,CAAE,WAAAR,CAAA,IAAiBE,EAAAA;AAAAA,mBACHF,EAAa,eAAiB,QAAQ;AAAA,GAEzD,EAEaW,EAAwBd,EAAAA,OAAO,IAC1C,CAAC,CAAE,MAAAC,EAAO,WAAAE,CAAA,IAAiBE,EAAAA;AAAAA;AAAAA;AAAAA,WAGlBF,EAAaG,SAAoBL,CAAK,EAAE,UAAU,QAAUK,EAAAA,OAAoBL,CAAK,EAAE,OAAO;AAAA,GAEzG"}

package/build/cjs/components/Avatar/DropdownAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownAvatar.js","sources":["../../../../src/components/Avatar/DropdownAvatar.tsx"],"sourcesContent":["import { type ReactElement, type ReactNode, forwardRef } from 'react';\n\nimport { AVATAR_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport classNames from 'classnames';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { LabelTypes } from 'acinguiux-ds-react-base/components/Text';\nimport type { AvatarTypes } from 'acinguiux-ds-react-base/components/Avatar';\n\nimport type { IDropdownAvatarProps } from './Avatar.types';\nimport { SimpleAvatar } from './SimpleAvatar.styles';\nimport { DetailedAvatarDetails, AvatarDetailsTitle, AvatarDetailsLabel } from './DetailedAvatar.styles';\nimport * as Styled from './DropdownAvatar.styles';\nimport { getSimpleAvatarComponent } from './components/SimpleAvatar';\nimport { DropdownTransformerResult, useDropdownVariantProps } from './utils/useDropdownProps';\nimport ChevronSmallDown from '../Icon/components/ChevronSmallDown';\nimport { DetailedTransformerResult } from './utils/useDetailedProps';\n\nconst getDropdownIcon = (icon: IDropdownAvatarProps['icon']): ReactNode => {\n  if (icon === false) {\n    return null;\n  }\n\n  if (icon === true) {\n    return <ChevronSmallDown />;\n  }\n\n  return icon;\n};\n\nconst DetailedAvatar = ({\n  detailedProps,\n  size,\n}: DetailedTransformerResult & Required<Pick<IDropdownAvatarProps, 'size'>>) =>\n  (!!detailedProps.title || !!detailedProps.label) && (\n    <DetailedAvatarDetails $size={size}>\n      <AvatarDetailsTitle size={size} bold={detailedProps.strongTitle}>\n        {detailedProps.title}\n      </AvatarDetailsTitle>\n      <AvatarDetailsLabel size={getSmallerSize(size) as LabelTypes.Size} contrast=\"subtle\">\n        {detailedProps.label}\n      </AvatarDetailsLabel>\n    </DetailedAvatarDetails>\n  );\n\nconst DropdownIcon = ({\n  dropdownProps,\n  size,\n}: DropdownTransformerResult & Required<Pick<IDropdownAvatarProps, 'size'>>) =>\n  !!dropdownProps.icon && (\n    <Styled.DropdownAvatarChevron $size={size}>{getDropdownIcon(dropdownProps.icon)}</Styled.DropdownAvatarChevron>\n  );\n\nconst DropdownAvatar = forwardRef<HTMLButtonElement, IDropdownAvatarProps>(\n  (\n    { className, size = `${Sizes.Medium}`, variant = 'icon' as const, interactive = true, icon = true, ...props },\n    ref,\n  ): ReactElement => {\n    const { avatarProps, detailedProps, dropdownProps, ...rest } = useDropdownVariantProps(variant, {\n      icon,\n      ...props,\n    });\n    const SimpleAvatarComponent = getSimpleAvatarComponent(variant);\n\n    return (\n      <Styled.DropdownAvatar\n        className={classNames(AVATAR_CLASS, className)}\n        data-testid={`dropdown-avatar-${variant}`}\n        $size={size}\n        ref={ref}\n        $interactive={interactive}\n        {...rest}\n      >\n        <SimpleAvatar\n          $size={size === Sizes.XSmall ? size : (getSmallerSize(size) as AvatarTypes.AvatarSize)}\n          $interactive={false}\n        >\n          <SimpleAvatarComponent {...avatarProps} />\n        </SimpleAvatar>\n        {(!!dropdownProps.icon || !!detailedProps.title || !!detailedProps.label) && (\n          <Styled.DropdownAvatarChevronContainer>\n            <DetailedAvatar detailedProps={detailedProps} size={size} />\n            <DropdownIcon dropdownProps={dropdownProps} size={size} />\n          </Styled.DropdownAvatarChevronContainer>\n        )}\n      </Styled.DropdownAvatar>\n    );\n  },\n);\n\nexport default DropdownAvatar;\n"],"names":["getDropdownIcon","icon","ChevronSmallDown","DetailedAvatar","detailedProps","size","jsxs","DetailedAvatarDetails","jsx","AvatarDetailsTitle","AvatarDetailsLabel","getSmallerSize","DropdownIcon","dropdownProps","Styled.DropdownAvatarChevron","DropdownAvatar","forwardRef","className","Sizes","variant","interactive","props","ref","avatarProps","rest","useDropdownVariantProps","SimpleAvatarComponent","getSimpleAvatarComponent","Styled.DropdownAvatar","classNames","AVATAR_CLASS","SimpleAvatar","Styled.DropdownAvatarChevronContainer"],"mappings":"sfAiBMA,EAAmBC,GACnBA,IAAS,GACJ,KAGLA,IAAS,SACHC,EAAA,EAAiB,EAGpBD,EAGHE,EAAiB,CAAC,CACtB,cAAAC,EACA,KAAAC,CACF,KACG,CAAC,CAACD,EAAc,OAAS,CAAC,CAACA,EAAc,QACxCE,EAAAA,KAACC,EAAAA,sBAAA,CAAsB,MAAOF,EAC5B,SAAA,CAAAG,MAACC,EAAAA,oBAAmB,KAAAJ,EAAY,KAAMD,EAAc,YACjD,WAAc,MACjB,EACAI,EAAAA,IAACE,EAAAA,oBAAmB,KAAMC,iBAAeN,CAAI,EAAsB,SAAS,SACzE,SAAAD,EAAc,KAAA,CACjB,CAAA,EACF,EAGEQ,EAAe,CAAC,CACpB,cAAAC,EACA,KAAAR,CACF,IACE,CAAC,CAACQ,EAAc,MACdL,EAAAA,IAACM,EAAAA,sBAAA,CAA6B,MAAOT,EAAO,SAAAL,EAAgBa,EAAc,IAAI,CAAA,CAAE,EAG9EE,EAAiBC,EAAAA,WACrB,CACE,CAAE,UAAAC,EAAW,KAAAZ,EAAO,GAAGa,EAAAA,MAAM,MAAM,GAAI,QAAAC,EAAU,OAAiB,YAAAC,EAAc,GAAM,KAAAnB,EAAO,GAAM,GAAGoB,CAAA,EACtGC,IACiB,CACjB,KAAM,CAAE,YAAAC,EAAa,cAAAnB,EAAe,cAAAS,EAAe,GAAGW,CAAA,EAASC,EAAAA,wBAAwBN,EAAS,CAC9F,KAAAlB,EACA,GAAGoB,CAAA,CACJ,EACKK,EAAwBC,EAAAA,yBAAyBR,CAAO,EAE9D,OACEb,EAAAA,KAACsB,EAAAA,eAAA,CACC,UAAWC,EAAWC,EAAAA,aAAcb,CAAS,EAC7C,cAAa,mBAAmBE,CAAO,GACvC,MAAOd,EACP,IAAAiB,EACA,aAAcF,EACb,GAAGI,EAEJ,SAAA,CAAAhB,EAAAA,IAACuB,EAAAA,aAAA,CACC,MAAO1B,IAASa,EAAAA,MAAM,OAASb,EAAQM,EAAAA,eAAeN,CAAI,EAC1D,aAAc,GAEd,SAAAG,EAAAA,IAACkB,EAAA,CAAuB,GAAGH,CAAA,CAAa,CAAA,CAAA,GAExC,CAAC,CAACV,EAAc,MAAQ,CAAC,CAACT,EAAc,OAAS,CAAC,CAACA,EAAc,QACjEE,EAAAA,KAAC0B,EAAAA,+BAAA,CACC,SAAA,CAAAxB,EAAAA,IAACL,EAAA,CAAe,cAAAC,EAA8B,KAAAC,CAAA,CAAY,EAC1DG,EAAAA,IAACI,EAAA,CAAa,cAAAC,EAA8B,KAAAR,CAAA,CAAY,CAAA,CAAA,CAC1D,CAAA,CAAA,CAAA,CAIR,CACF"}
+{"version":3,"file":"DropdownAvatar.js","sources":["../../../../src/components/Avatar/DropdownAvatar.tsx"],"sourcesContent":["import { type ReactElement, type ReactNode, forwardRef } from 'react';\r\n\r\nimport { AVATAR_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport classNames from 'classnames';\r\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\nimport { LabelTypes } from 'acinguiux-ds-react-base/components/Text';\r\nimport type { AvatarTypes } from 'acinguiux-ds-react-base/components/Avatar';\r\n\r\nimport type { IDropdownAvatarProps } from './Avatar.types';\r\nimport { SimpleAvatar } from './SimpleAvatar.styles';\r\nimport { DetailedAvatarDetails, AvatarDetailsTitle, AvatarDetailsLabel } from './DetailedAvatar.styles';\r\nimport * as Styled from './DropdownAvatar.styles';\r\nimport { getSimpleAvatarComponent } from './components/SimpleAvatar';\r\nimport { DropdownTransformerResult, useDropdownVariantProps } from './utils/useDropdownProps';\r\nimport ChevronSmallDown from '../Icon/components/ChevronSmallDown';\r\nimport { DetailedTransformerResult } from './utils/useDetailedProps';\r\n\r\nconst getDropdownIcon = (icon: IDropdownAvatarProps['icon']): ReactNode => {\r\n  if (icon === false) {\r\n    return null;\r\n  }\r\n\r\n  if (icon === true) {\r\n    return <ChevronSmallDown />;\r\n  }\r\n\r\n  return icon;\r\n};\r\n\r\nconst DetailedAvatar = ({\r\n  detailedProps,\r\n  size,\r\n}: DetailedTransformerResult & Required<Pick<IDropdownAvatarProps, 'size'>>) =>\r\n  (!!detailedProps.title || !!detailedProps.label) && (\r\n    <DetailedAvatarDetails $size={size}>\r\n      <AvatarDetailsTitle size={size} bold={detailedProps.strongTitle}>\r\n        {detailedProps.title}\r\n      </AvatarDetailsTitle>\r\n      <AvatarDetailsLabel size={getSmallerSize(size) as LabelTypes.Size} contrast=\"subtle\">\r\n        {detailedProps.label}\r\n      </AvatarDetailsLabel>\r\n    </DetailedAvatarDetails>\r\n  );\r\n\r\nconst DropdownIcon = ({\r\n  dropdownProps,\r\n  size,\r\n}: DropdownTransformerResult & Required<Pick<IDropdownAvatarProps, 'size'>>) =>\r\n  !!dropdownProps.icon && (\r\n    <Styled.DropdownAvatarChevron $size={size}>{getDropdownIcon(dropdownProps.icon)}</Styled.DropdownAvatarChevron>\r\n  );\r\n\r\nconst DropdownAvatar = forwardRef<HTMLButtonElement, IDropdownAvatarProps>(\r\n  (\r\n    { className, size = `${Sizes.Medium}`, variant = 'icon' as const, interactive = true, icon = true, ...props },\r\n    ref,\r\n  ): ReactElement => {\r\n    const { avatarProps, detailedProps, dropdownProps, ...rest } = useDropdownVariantProps(variant, {\r\n      icon,\r\n      ...props,\r\n    });\r\n    const SimpleAvatarComponent = getSimpleAvatarComponent(variant);\r\n\r\n    return (\r\n      <Styled.DropdownAvatar\r\n        className={classNames(AVATAR_CLASS, className)}\r\n        data-testid={`dropdown-avatar-${variant}`}\r\n        $size={size}\r\n        ref={ref}\r\n        $interactive={interactive}\r\n        {...rest}\r\n      >\r\n        <SimpleAvatar\r\n          $size={size === Sizes.XSmall ? size : (getSmallerSize(size) as AvatarTypes.AvatarSize)}\r\n          $interactive={false}\r\n        >\r\n          <SimpleAvatarComponent {...avatarProps} />\r\n        </SimpleAvatar>\r\n        {(!!dropdownProps.icon || !!detailedProps.title || !!detailedProps.label) && (\r\n          <Styled.DropdownAvatarChevronContainer>\r\n            <DetailedAvatar detailedProps={detailedProps} size={size} />\r\n            <DropdownIcon dropdownProps={dropdownProps} size={size} />\r\n          </Styled.DropdownAvatarChevronContainer>\r\n        )}\r\n      </Styled.DropdownAvatar>\r\n    );\r\n  },\r\n);\r\n\r\nexport default DropdownAvatar;\r\n"],"names":["getDropdownIcon","icon","ChevronSmallDown","DetailedAvatar","detailedProps","size","jsxs","DetailedAvatarDetails","jsx","AvatarDetailsTitle","AvatarDetailsLabel","getSmallerSize","DropdownIcon","dropdownProps","Styled.DropdownAvatarChevron","DropdownAvatar","forwardRef","className","Sizes","variant","interactive","props","ref","avatarProps","rest","useDropdownVariantProps","SimpleAvatarComponent","getSimpleAvatarComponent","Styled.DropdownAvatar","classNames","AVATAR_CLASS","SimpleAvatar","Styled.DropdownAvatarChevronContainer"],"mappings":"sfAiBMA,EAAmBC,GACnBA,IAAS,GACJ,KAGLA,IAAS,SACHC,EAAA,EAAiB,EAGpBD,EAGHE,EAAiB,CAAC,CACtB,cAAAC,EACA,KAAAC,CACF,KACG,CAAC,CAACD,EAAc,OAAS,CAAC,CAACA,EAAc,QACxCE,EAAAA,KAACC,EAAAA,sBAAA,CAAsB,MAAOF,EAC5B,SAAA,CAAAG,MAACC,EAAAA,oBAAmB,KAAAJ,EAAY,KAAMD,EAAc,YACjD,WAAc,MACjB,EACAI,EAAAA,IAACE,EAAAA,oBAAmB,KAAMC,iBAAeN,CAAI,EAAsB,SAAS,SACzE,SAAAD,EAAc,KAAA,CACjB,CAAA,EACF,EAGEQ,EAAe,CAAC,CACpB,cAAAC,EACA,KAAAR,CACF,IACE,CAAC,CAACQ,EAAc,MACdL,EAAAA,IAACM,EAAAA,sBAAA,CAA6B,MAAOT,EAAO,SAAAL,EAAgBa,EAAc,IAAI,CAAA,CAAE,EAG9EE,EAAiBC,EAAAA,WACrB,CACE,CAAE,UAAAC,EAAW,KAAAZ,EAAO,GAAGa,EAAAA,MAAM,MAAM,GAAI,QAAAC,EAAU,OAAiB,YAAAC,EAAc,GAAM,KAAAnB,EAAO,GAAM,GAAGoB,CAAA,EACtGC,IACiB,CACjB,KAAM,CAAE,YAAAC,EAAa,cAAAnB,EAAe,cAAAS,EAAe,GAAGW,CAAA,EAASC,EAAAA,wBAAwBN,EAAS,CAC9F,KAAAlB,EACA,GAAGoB,CAAA,CACJ,EACKK,EAAwBC,EAAAA,yBAAyBR,CAAO,EAE9D,OACEb,EAAAA,KAACsB,EAAAA,eAAA,CACC,UAAWC,EAAWC,EAAAA,aAAcb,CAAS,EAC7C,cAAa,mBAAmBE,CAAO,GACvC,MAAOd,EACP,IAAAiB,EACA,aAAcF,EACb,GAAGI,EAEJ,SAAA,CAAAhB,EAAAA,IAACuB,EAAAA,aAAA,CACC,MAAO1B,IAASa,EAAAA,MAAM,OAASb,EAAQM,EAAAA,eAAeN,CAAI,EAC1D,aAAc,GAEd,SAAAG,EAAAA,IAACkB,EAAA,CAAuB,GAAGH,CAAA,CAAa,CAAA,CAAA,GAExC,CAAC,CAACV,EAAc,MAAQ,CAAC,CAACT,EAAc,OAAS,CAAC,CAACA,EAAc,QACjEE,EAAAA,KAAC0B,EAAAA,+BAAA,CACC,SAAA,CAAAxB,EAAAA,IAACL,EAAA,CAAe,cAAAC,EAA8B,KAAAC,CAAA,CAAY,EAC1DG,EAAAA,IAACI,EAAA,CAAa,cAAAC,EAA8B,KAAAR,CAAA,CAAY,CAAA,CAAA,CAC1D,CAAA,CAAA,CAAA,CAIR,CACF"}

package/build/cjs/components/Avatar/DropdownAvatar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownAvatar.styles.js","sources":["../../../../src/components/Avatar/DropdownAvatar.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { AvatarConsts } from 'acinguiux-ds-react-base/components/Avatar';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { IDropdownAvatarProps } from './Avatar.types';\nimport { DetailedAvatarDetails } from './DetailedAvatar.styles';\nimport { SimpleAvatar } from './SimpleAvatar.styles';\n\ntype DropdownAvatarStyledProps = Required<PickTransient<IDropdownAvatarProps, 'size'>>;\n\nexport const DropdownAvatar = styled.button<\n  DropdownAvatarStyledProps & Required<PickTransient<IDropdownAvatarProps, 'interactive'>>\n>(\n  ({ $size, $interactive, theme }) => css`\n    display: flex;\n    position: relative;\n    gap: ${AvatarConsts.consts[$size].gap}px;\n    align-items: center;\n    min-height: ${AvatarConsts.consts[$size].minHeight};\n    padding-block: ${AvatarConsts.consts[$size].paddingBlock}px;\n    padding-inline: ${AvatarConsts.consts[$size].paddingInline.start}px\n      ${AvatarConsts.consts[$size].paddingInline.end}px;\n    border-radius: ${AvatarConsts.consts[$size].borderRadius}px;\n    border: none;\n    text-align: start;\n    background-color: transparent;\n\n    &,\n    &:focus {\n      outline: none;\n    }\n\n    & ${DetailedAvatarDetails} {\n      max-width: 15rem;\n\n      span {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n\n    ${$interactive &&\n    css`\n      cursor: pointer;\n\n      &:hover {\n        background-color: ${theme.layer({ state: FabricsVariables.States.Hover })[Variables.BackgroundFoundation]};\n\n        ${SimpleAvatar} {\n          background-color: ${theme.layer({ state: 'hover' })[Variables.BackgroundBrand]};\n        }\n      }\n\n      &:active {\n        background-color: ${theme.layer({ state: FabricsVariables.States.Press })[Variables.BackgroundFoundation]};\n\n        ${SimpleAvatar} {\n          background-color: ${theme.layer({ state: 'press' })[Variables.BackgroundBrand]};\n        }\n      }\n\n      &:focus-visible {\n        ${getFocusStyles(theme)};\n      }\n    `};\n  `,\n);\n\nexport const DropdownAvatarChevron = styled.div<DropdownAvatarStyledProps>(\n  ({ $size }) => css`\n    display: flex;\n\n    &,\n    & svg {\n      width: ${AvatarConsts.consts[$size].dropdownIcon}px;\n      height: ${AvatarConsts.consts[$size].dropdownIcon}px;\n    }\n  `,\n);\n\nexport const DropdownAvatarChevronContainer = styled.div`\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: space-between;\n  flex-grow: 1;\n`;\n"],"names":["DropdownAvatar","styled","$size","$interactive","theme","css","AvatarConsts.consts","DetailedAvatarDetails","FabricsVariables","Variables","SimpleAvatar","getFocusStyles","DropdownAvatarChevron","DropdownAvatarChevronContainer"],"mappings":"obAaaA,EAAiBC,EAAAA,OAAO,OAGnC,CAAC,CAAE,MAAAC,EAAO,aAAAC,EAAc,MAAAC,KAAYC,EAAAA;AAAAA;AAAAA;AAAAA,WAG3BC,EAAAA,OAAoBJ,CAAK,EAAE,GAAG;AAAA;AAAA,kBAEvBI,EAAAA,OAAoBJ,CAAK,EAAE,SAAS;AAAA,qBACjCI,EAAAA,OAAoBJ,CAAK,EAAE,YAAY;AAAA,sBACtCI,SAAoBJ,CAAK,EAAE,cAAc,KAAK;AAAA,QAC5DI,SAAoBJ,CAAK,EAAE,cAAc,GAAG;AAAA,qBAC/BI,EAAAA,OAAoBJ,CAAK,EAAE,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAUpDK,uBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUvBJ,GACFE,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,4BAIwBD,EAAM,MAAM,CAAE,MAAOI,EAAAA,iBAAiB,OAAO,MAAO,EAAEC,YAAU,oBAAoB,CAAC;AAAA;AAAA,UAEvGC,cAAY;AAAA,8BACQN,EAAM,MAAM,CAAE,MAAO,QAAS,EAAEK,EAAAA,UAAU,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,4BAK5DL,EAAM,MAAM,CAAE,MAAOI,EAAAA,iBAAiB,OAAO,MAAO,EAAEC,YAAU,oBAAoB,CAAC;AAAA;AAAA,UAEvGC,cAAY;AAAA,8BACQN,EAAM,MAAM,CAAE,MAAO,QAAS,EAAEK,EAAAA,UAAU,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAK9EE,EAAAA,eAAeP,CAAK,CAAC;AAAA;AAAA,KAE1B;AAAA,GAEL,EAEaQ,EAAwBX,EAAAA,OAAO,IAC1C,CAAC,CAAE,MAAAC,CAAA,IAAYG,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,eAKFC,EAAAA,OAAoBJ,CAAK,EAAE,YAAY;AAAA,gBACtCI,EAAAA,OAAoBJ,CAAK,EAAE,YAAY;AAAA;AAAA,GAGvD,EAEaW,EAAiCZ,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"DropdownAvatar.styles.js","sources":["../../../../src/components/Avatar/DropdownAvatar.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { AvatarConsts } from 'acinguiux-ds-react-base/components/Avatar';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\nimport type { IDropdownAvatarProps } from './Avatar.types';\r\nimport { DetailedAvatarDetails } from './DetailedAvatar.styles';\r\nimport { SimpleAvatar } from './SimpleAvatar.styles';\r\n\r\ntype DropdownAvatarStyledProps = Required<PickTransient<IDropdownAvatarProps, 'size'>>;\r\n\r\nexport const DropdownAvatar = styled.button<\r\n  DropdownAvatarStyledProps & Required<PickTransient<IDropdownAvatarProps, 'interactive'>>\r\n>(\r\n  ({ $size, $interactive, theme }) => css`\r\n    display: flex;\r\n    position: relative;\r\n    gap: ${AvatarConsts.consts[$size].gap}px;\r\n    align-items: center;\r\n    min-height: ${AvatarConsts.consts[$size].minHeight};\r\n    padding-block: ${AvatarConsts.consts[$size].paddingBlock}px;\r\n    padding-inline: ${AvatarConsts.consts[$size].paddingInline.start}px\r\n      ${AvatarConsts.consts[$size].paddingInline.end}px;\r\n    border-radius: ${AvatarConsts.consts[$size].borderRadius}px;\r\n    border: none;\r\n    text-align: start;\r\n    background-color: transparent;\r\n\r\n    &,\r\n    &:focus {\r\n      outline: none;\r\n    }\r\n\r\n    & ${DetailedAvatarDetails} {\r\n      max-width: 15rem;\r\n\r\n      span {\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n      }\r\n    }\r\n\r\n    ${$interactive &&\r\n    css`\r\n      cursor: pointer;\r\n\r\n      &:hover {\r\n        background-color: ${theme.layer({ state: FabricsVariables.States.Hover })[Variables.BackgroundFoundation]};\r\n\r\n        ${SimpleAvatar} {\r\n          background-color: ${theme.layer({ state: 'hover' })[Variables.BackgroundBrand]};\r\n        }\r\n      }\r\n\r\n      &:active {\r\n        background-color: ${theme.layer({ state: FabricsVariables.States.Press })[Variables.BackgroundFoundation]};\r\n\r\n        ${SimpleAvatar} {\r\n          background-color: ${theme.layer({ state: 'press' })[Variables.BackgroundBrand]};\r\n        }\r\n      }\r\n\r\n      &:focus-visible {\r\n        ${getFocusStyles(theme)};\r\n      }\r\n    `};\r\n  `,\r\n);\r\n\r\nexport const DropdownAvatarChevron = styled.div<DropdownAvatarStyledProps>(\r\n  ({ $size }) => css`\r\n    display: flex;\r\n\r\n    &,\r\n    & svg {\r\n      width: ${AvatarConsts.consts[$size].dropdownIcon}px;\r\n      height: ${AvatarConsts.consts[$size].dropdownIcon}px;\r\n    }\r\n  `,\r\n);\r\n\r\nexport const DropdownAvatarChevronContainer = styled.div`\r\n  display: flex;\r\n  gap: 8px;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  flex-grow: 1;\r\n`;\r\n"],"names":["DropdownAvatar","styled","$size","$interactive","theme","css","AvatarConsts.consts","DetailedAvatarDetails","FabricsVariables","Variables","SimpleAvatar","getFocusStyles","DropdownAvatarChevron","DropdownAvatarChevronContainer"],"mappings":"obAaaA,EAAiBC,EAAAA,OAAO,OAGnC,CAAC,CAAE,MAAAC,EAAO,aAAAC,EAAc,MAAAC,KAAYC,EAAAA;AAAAA;AAAAA;AAAAA,WAG3BC,EAAAA,OAAoBJ,CAAK,EAAE,GAAG;AAAA;AAAA,kBAEvBI,EAAAA,OAAoBJ,CAAK,EAAE,SAAS;AAAA,qBACjCI,EAAAA,OAAoBJ,CAAK,EAAE,YAAY;AAAA,sBACtCI,SAAoBJ,CAAK,EAAE,cAAc,KAAK;AAAA,QAC5DI,SAAoBJ,CAAK,EAAE,cAAc,GAAG;AAAA,qBAC/BI,EAAAA,OAAoBJ,CAAK,EAAE,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAUpDK,uBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUvBJ,GACFE,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,4BAIwBD,EAAM,MAAM,CAAE,MAAOI,EAAAA,iBAAiB,OAAO,MAAO,EAAEC,YAAU,oBAAoB,CAAC;AAAA;AAAA,UAEvGC,cAAY;AAAA,8BACQN,EAAM,MAAM,CAAE,MAAO,QAAS,EAAEK,EAAAA,UAAU,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,4BAK5DL,EAAM,MAAM,CAAE,MAAOI,EAAAA,iBAAiB,OAAO,MAAO,EAAEC,YAAU,oBAAoB,CAAC;AAAA;AAAA,UAEvGC,cAAY;AAAA,8BACQN,EAAM,MAAM,CAAE,MAAO,QAAS,EAAEK,EAAAA,UAAU,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAK9EE,EAAAA,eAAeP,CAAK,CAAC;AAAA;AAAA,KAE1B;AAAA,GAEL,EAEaQ,EAAwBX,EAAAA,OAAO,IAC1C,CAAC,CAAE,MAAAC,CAAA,IAAYG,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,eAKFC,EAAAA,OAAoBJ,CAAK,EAAE,YAAY;AAAA,gBACtCI,EAAAA,OAAoBJ,CAAK,EAAE,YAAY;AAAA;AAAA,GAGvD,EAEaW,EAAiCZ,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/build/cjs/components/Avatar/SimpleAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleAvatar.js","sources":["../../../../src/components/Avatar/SimpleAvatar.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport { AVATAR_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport classNames from 'classnames';\n\nimport * as Styled from './SimpleAvatar.styles';\nimport type { ISimpleAvatarProps } from './Avatar.types';\nimport { useSimpleVariantProps } from './utils/useSimpleProps';\nimport { getSimpleAvatarComponent } from './components/SimpleAvatar';\n\nconst SimpleAvatar = ({\n  className,\n  size = Sizes.Medium,\n  interactive = false,\n  variant = 'icon' as const,\n  ...props\n}: ISimpleAvatarProps): ReactElement => {\n  const { avatarProps, ...rest } = useSimpleVariantProps(variant, props);\n  const SimpleAvatarComponent = getSimpleAvatarComponent(variant);\n\n  return (\n    <Styled.SimpleAvatar\n      className={classNames(AVATAR_CLASS, className)}\n      data-testid={`simple-avatar-${variant}`}\n      $size={size}\n      $interactive={interactive}\n      {...rest}\n    >\n      <SimpleAvatarComponent {...avatarProps} />\n    </Styled.SimpleAvatar>\n  );\n};\n\nexport default SimpleAvatar;\n"],"names":["SimpleAvatar","className","size","Sizes","interactive","variant","props","avatarProps","rest","useSimpleVariantProps","SimpleAvatarComponent","getSimpleAvatarComponent","jsx","Styled.SimpleAvatar","classNames","AVATAR_CLASS"],"mappings":"uSAUMA,EAAe,CAAC,CACpB,UAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,OACb,YAAAC,EAAc,GACd,QAAAC,EAAU,OACV,GAAGC,CACL,IAAwC,CACtC,KAAM,CAAE,YAAAC,EAAa,GAAGC,GAASC,EAAAA,sBAAsBJ,EAASC,CAAK,EAC/DI,EAAwBC,EAAAA,yBAAyBN,CAAO,EAE9D,OACEO,EAAAA,IAACC,EAAAA,aAAA,CACC,UAAWC,EAAWC,EAAAA,aAAcd,CAAS,EAC7C,cAAa,iBAAiBI,CAAO,GACrC,MAAOH,EACP,aAAcE,EACb,GAAGI,EAEJ,SAAAI,EAAAA,IAACF,EAAA,CAAuB,GAAGH,CAAA,CAAa,CAAA,CAAA,CAG9C"}
+{"version":3,"file":"SimpleAvatar.js","sources":["../../../../src/components/Avatar/SimpleAvatar.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\r\n\r\nimport { AVATAR_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport classNames from 'classnames';\r\n\r\nimport * as Styled from './SimpleAvatar.styles';\r\nimport type { ISimpleAvatarProps } from './Avatar.types';\r\nimport { useSimpleVariantProps } from './utils/useSimpleProps';\r\nimport { getSimpleAvatarComponent } from './components/SimpleAvatar';\r\n\r\nconst SimpleAvatar = ({\r\n  className,\r\n  size = Sizes.Medium,\r\n  interactive = false,\r\n  variant = 'icon' as const,\r\n  ...props\r\n}: ISimpleAvatarProps): ReactElement => {\r\n  const { avatarProps, ...rest } = useSimpleVariantProps(variant, props);\r\n  const SimpleAvatarComponent = getSimpleAvatarComponent(variant);\r\n\r\n  return (\r\n    <Styled.SimpleAvatar\r\n      className={classNames(AVATAR_CLASS, className)}\r\n      data-testid={`simple-avatar-${variant}`}\r\n      $size={size}\r\n      $interactive={interactive}\r\n      {...rest}\r\n    >\r\n      <SimpleAvatarComponent {...avatarProps} />\r\n    </Styled.SimpleAvatar>\r\n  );\r\n};\r\n\r\nexport default SimpleAvatar;\r\n"],"names":["SimpleAvatar","className","size","Sizes","interactive","variant","props","avatarProps","rest","useSimpleVariantProps","SimpleAvatarComponent","getSimpleAvatarComponent","jsx","Styled.SimpleAvatar","classNames","AVATAR_CLASS"],"mappings":"uSAUMA,EAAe,CAAC,CACpB,UAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,OACb,YAAAC,EAAc,GACd,QAAAC,EAAU,OACV,GAAGC,CACL,IAAwC,CACtC,KAAM,CAAE,YAAAC,EAAa,GAAGC,GAASC,EAAAA,sBAAsBJ,EAASC,CAAK,EAC/DI,EAAwBC,EAAAA,yBAAyBN,CAAO,EAE9D,OACEO,EAAAA,IAACC,EAAAA,aAAA,CACC,UAAWC,EAAWC,EAAAA,aAAcd,CAAS,EAC7C,cAAa,iBAAiBI,CAAO,GACrC,MAAOH,EACP,aAAcE,EACb,GAAGI,EAEJ,SAAAI,EAAAA,IAACF,EAAA,CAAuB,GAAGH,CAAA,CAAa,CAAA,CAAA,CAG9C"}

package/build/cjs/components/Avatar/SimpleAvatar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleAvatar.styles.js","sources":["../../../../src/components/Avatar/SimpleAvatar.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { AvatarConsts, AvatarUtils } from 'acinguiux-ds-react-base/components/Avatar';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { ICON_CLASS } from 'acinguiux-ds-react-base/consts/classes';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\n\nimport type { ISimpleAvatarProps } from './Avatar.types';\n\ntype SimpleAvatarStyledProps = Required<PickTransient<ISimpleAvatarProps, 'size' | 'interactive'>>;\n\nexport const SimpleAvatar = styled.div<SimpleAvatarStyledProps>(\n  ({ $size, $interactive, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 100%;\n    text-align: center;\n    white-space: nowrap;\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    & svg {\n      color: ${theme.layer()[Variables.TextOnBrandOnBackground]};\n      width: ${AvatarConsts.consts[$size].avatar}px;\n      height: ${AvatarConsts.consts[$size].avatar}px;\n\n      &.${ICON_CLASS} {\n        width: ${AvatarConsts.consts[$size].icon}px;\n        height: ${AvatarConsts.consts[$size].icon}px;\n      }\n    }\n    background-color: ${AvatarUtils.getBackgroundColorImageForState(theme)};\n    outline: none;\n\n    ${$interactive &&\n    css`\n      cursor: pointer;\n\n      &:hover {\n        background-color: ${theme.layer({ state: 'hover' })[Variables.BackgroundBrand]};\n        color: ${theme.layer({ state: 'hover' })[Variables.TextOnBrandOnBackground]};\n      }\n\n      &:active {\n        background-color: ${theme.layer({ state: 'press' })[Variables.BackgroundBrand]};\n        color: ${theme.layer({ state: 'hover' })[Variables.TextOnBrandOnBackground]};\n      }\n\n      &:focus-visible {\n        ${getFocusStyles(theme)};\n      }\n    `};\n  `,\n);\n\nexport const Image = styled.img`\n  max-width: 100%;\n  border-radius: 100%;\n  object-fit: cover;\n`;\n"],"names":["SimpleAvatar","styled","$size","$interactive","theme","css","getLabelTypographySize","AvatarConsts.consts","Variables","ICON_CLASS","AvatarUtils.getBackgroundColorImageForState","getFocusStyles","Image"],"mappings":"kfAYaA,EAAeC,EAAAA,OAAO,IACjC,CAAC,CAAE,MAAAC,EAAO,aAAAC,EAAc,MAAAC,KAAYC,EAAAA;AAAAA,MAChCD,EAAM,WAAW,QAASE,EAAAA,uBAAuBJ,CAAK,EAAG,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAOvDK,EAAAA,OAAoBL,CAAK,EAAE,MAAM;AAAA,kBAChCK,EAAAA,OAAoBL,CAAK,EAAE,MAAM;AAAA,aACtCK,EAAAA,OAAoBL,CAAK,EAAE,MAAM;AAAA,cAChCK,EAAAA,OAAoBL,CAAK,EAAE,MAAM;AAAA;AAAA;AAAA;AAAA,eAIhCE,EAAM,MAAA,EAAQI,EAAAA,UAAU,uBAAuB,CAAC;AAAA,eAChDD,EAAAA,OAAoBL,CAAK,EAAE,MAAM;AAAA,gBAChCK,EAAAA,OAAoBL,CAAK,EAAE,MAAM;AAAA;AAAA,UAEvCO,YAAU;AAAA,iBACHF,EAAAA,OAAoBL,CAAK,EAAE,IAAI;AAAA,kBAC9BK,EAAAA,OAAoBL,CAAK,EAAE,IAAI;AAAA;AAAA;AAAA,wBAGzBQ,EAAAA,gCAA4CN,CAAK,CAAC;AAAA;AAAA;AAAA,MAGpED,GACFE,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,4BAIwBD,EAAM,MAAM,CAAE,MAAO,QAAS,EAAEI,EAAAA,UAAU,eAAe,CAAC;AAAA,iBACrEJ,EAAM,MAAM,CAAE,MAAO,QAAS,EAAEI,EAAAA,UAAU,uBAAuB,CAAC;AAAA;AAAA;AAAA;AAAA,4BAIvDJ,EAAM,MAAM,CAAE,MAAO,QAAS,EAAEI,EAAAA,UAAU,eAAe,CAAC;AAAA,iBACrEJ,EAAM,MAAM,CAAE,MAAO,QAAS,EAAEI,EAAAA,UAAU,uBAAuB,CAAC;AAAA;AAAA;AAAA;AAAA,UAIzEG,EAAAA,eAAeP,CAAK,CAAC;AAAA;AAAA,KAE1B;AAAA,GAEL,EAEaQ,EAAQX,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"SimpleAvatar.styles.js","sources":["../../../../src/components/Avatar/SimpleAvatar.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { AvatarConsts, AvatarUtils } from 'acinguiux-ds-react-base/components/Avatar';\r\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { ICON_CLASS } from 'acinguiux-ds-react-base/consts/classes';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\n\r\nimport type { ISimpleAvatarProps } from './Avatar.types';\r\n\r\ntype SimpleAvatarStyledProps = Required<PickTransient<ISimpleAvatarProps, 'size' | 'interactive'>>;\r\n\r\nexport const SimpleAvatar = styled.div<SimpleAvatarStyledProps>(\r\n  ({ $size, $interactive, theme }) => css`\r\n    ${theme.typography('label', getLabelTypographySize($size), 'strong')};\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 100%;\r\n    text-align: center;\r\n    white-space: nowrap;\r\n    min-width: ${AvatarConsts.consts[$size].avatar}px;\r\n    min-height: ${AvatarConsts.consts[$size].avatar}px;\r\n    width: ${AvatarConsts.consts[$size].avatar}px;\r\n    height: ${AvatarConsts.consts[$size].avatar}px;\r\n\r\n    &,\r\n    & svg {\r\n      color: ${theme.layer()[Variables.TextOnBrandOnBackground]};\r\n      width: ${AvatarConsts.consts[$size].avatar}px;\r\n      height: ${AvatarConsts.consts[$size].avatar}px;\r\n\r\n      &.${ICON_CLASS} {\r\n        width: ${AvatarConsts.consts[$size].icon}px;\r\n        height: ${AvatarConsts.consts[$size].icon}px;\r\n      }\r\n    }\r\n    background-color: ${AvatarUtils.getBackgroundColorImageForState(theme)};\r\n    outline: none;\r\n\r\n    ${$interactive &&\r\n    css`\r\n      cursor: pointer;\r\n\r\n      &:hover {\r\n        background-color: ${theme.layer({ state: 'hover' })[Variables.BackgroundBrand]};\r\n        color: ${theme.layer({ state: 'hover' })[Variables.TextOnBrandOnBackground]};\r\n      }\r\n\r\n      &:active {\r\n        background-color: ${theme.layer({ state: 'press' })[Variables.BackgroundBrand]};\r\n        color: ${theme.layer({ state: 'hover' })[Variables.TextOnBrandOnBackground]};\r\n      }\r\n\r\n      &:focus-visible {\r\n        ${getFocusStyles(theme)};\r\n      }\r\n    `};\r\n  `,\r\n);\r\n\r\nexport const Image = styled.img`\r\n  max-width: 100%;\r\n  border-radius: 100%;\r\n  object-fit: cover;\r\n`;\r\n"],"names":["SimpleAvatar","styled","$size","$interactive","theme","css","getLabelTypographySize","AvatarConsts.consts","Variables","ICON_CLASS","AvatarUtils.getBackgroundColorImageForState","getFocusStyles","Image"],"mappings":"kfAYaA,EAAeC,EAAAA,OAAO,IACjC,CAAC,CAAE,MAAAC,EAAO,aAAAC,EAAc,MAAAC,KAAYC,EAAAA;AAAAA,MAChCD,EAAM,WAAW,QAASE,EAAAA,uBAAuBJ,CAAK,EAAG,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAOvDK,EAAAA,OAAoBL,CAAK,EAAE,MAAM;AAAA,kBAChCK,EAAAA,OAAoBL,CAAK,EAAE,MAAM;AAAA,aACtCK,EAAAA,OAAoBL,CAAK,EAAE,MAAM;AAAA,cAChCK,EAAAA,OAAoBL,CAAK,EAAE,MAAM;AAAA;AAAA;AAAA;AAAA,eAIhCE,EAAM,MAAA,EAAQI,EAAAA,UAAU,uBAAuB,CAAC;AAAA,eAChDD,EAAAA,OAAoBL,CAAK,EAAE,MAAM;AAAA,gBAChCK,EAAAA,OAAoBL,CAAK,EAAE,MAAM;AAAA;AAAA,UAEvCO,YAAU;AAAA,iBACHF,EAAAA,OAAoBL,CAAK,EAAE,IAAI;AAAA,kBAC9BK,EAAAA,OAAoBL,CAAK,EAAE,IAAI;AAAA;AAAA;AAAA,wBAGzBQ,EAAAA,gCAA4CN,CAAK,CAAC;AAAA;AAAA;AAAA,MAGpED,GACFE,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,4BAIwBD,EAAM,MAAM,CAAE,MAAO,QAAS,EAAEI,EAAAA,UAAU,eAAe,CAAC;AAAA,iBACrEJ,EAAM,MAAM,CAAE,MAAO,QAAS,EAAEI,EAAAA,UAAU,uBAAuB,CAAC;AAAA;AAAA;AAAA;AAAA,4BAIvDJ,EAAM,MAAM,CAAE,MAAO,QAAS,EAAEI,EAAAA,UAAU,eAAe,CAAC;AAAA,iBACrEJ,EAAM,MAAM,CAAE,MAAO,QAAS,EAAEI,EAAAA,UAAU,uBAAuB,CAAC;AAAA;AAAA;AAAA;AAAA,UAIzEG,EAAAA,eAAeP,CAAK,CAAC;AAAA;AAAA,KAE1B;AAAA,GAEL,EAEaQ,EAAQX,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA"}

package/build/cjs/components/Avatar/components/SimpleAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleAvatar.js","sources":["../../../../../src/components/Avatar/components/SimpleAvatar.tsx"],"sourcesContent":["import { type FC, useState, useEffect } from 'react';\n\nimport type { SimpleVariantComponentProps, VariantType } from '../utils/useSimpleProps';\nimport PersonSolid from '../../Icon/components/PersonSolid';\nimport * as Styled from '../SimpleAvatar.styles';\nimport Flag from '../../Flag/Flag';\n\nconst AvatarIcon: FC<SimpleVariantComponentProps<'icon'>> = () => <PersonSolid aria-label=\"Default user avatar\" />;\nconst AvatarInitials: FC<SimpleVariantComponentProps<'initials'>> = ({ abbreviation }) =>\n  abbreviation && abbreviation.length > 0 ? abbreviation.slice(0, 2) : <AvatarIcon />;\nconst AvatarPhoto: FC<SimpleVariantComponentProps<'photo'>> = ({ src, alt }) => {\n  const [hasError, setHasError] = useState(false);\n  const [loadedSrc, setLoadedSrc] = useState<string>();\n\n  useEffect(() => {\n    setHasError(false);\n    setLoadedSrc(undefined);\n    const img = new Image();\n    img.onload = () => setLoadedSrc(src);\n    img.onerror = () => setHasError(true);\n    img.src = src;\n  }, [src]);\n\n  if (!loadedSrc || hasError) {\n    return <AvatarIcon />;\n  }\n\n  return <Styled.Image key={src} src={loadedSrc} alt={alt} />;\n};\n\nconst SIMPLE_AVATAR_COMPONENTS: { readonly [Variant in VariantType]: FC<SimpleVariantComponentProps<Variant>> } = {\n  initials: AvatarInitials,\n  icon: AvatarIcon,\n  photo: AvatarPhoto,\n  flag: Flag,\n} as const;\n\nexport const getSimpleAvatarComponent = <Variant extends VariantType>(\n  variant: Variant,\n): FC<SimpleVariantComponentProps<Variant>> => SIMPLE_AVATAR_COMPONENTS[variant];\n"],"names":["AvatarIcon","jsx","PersonSolid","AvatarInitials","abbreviation","AvatarPhoto","src","alt","hasError","setHasError","useState","loadedSrc","setLoadedSrc","useEffect","img","Styled.Image","SIMPLE_AVATAR_COMPONENTS","Flag","getSimpleAvatarComponent","variant"],"mappings":"6RAOMA,EAAsD,IAAMC,EAAAA,IAACC,EAAA,CAAY,aAAW,qBAAA,CAAsB,EAC1GC,EAA8D,CAAC,CAAE,aAAAC,CAAA,IACrEA,GAAgBA,EAAa,OAAS,EAAIA,EAAa,MAAM,EAAG,CAAC,QAAKJ,EAAA,EAAW,EAC7EK,EAAwD,CAAC,CAAE,IAAAC,EAAK,IAAAC,KAAU,CAC9E,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAK,EACxC,CAACC,EAAWC,CAAY,EAAIF,WAAA,EAWlC,OATAG,EAAAA,UAAU,IAAM,CACdJ,EAAY,EAAK,EACjBG,EAAa,MAAS,EACtB,MAAME,EAAM,IAAI,MAChBA,EAAI,OAAS,IAAMF,EAAaN,CAAG,EACnCQ,EAAI,QAAU,IAAML,EAAY,EAAI,EACpCK,EAAI,IAAMR,CACZ,EAAG,CAACA,CAAG,CAAC,EAEJ,CAACK,GAAaH,QACRR,EAAA,EAAW,QAGbe,EAAAA,MAAA,CAAuB,IAAKJ,EAAW,IAAAJ,GAArBD,CAA+B,CAC3D,EAEMU,EAA4G,CAChH,SAAUb,EACV,KAAMH,EACN,MAAOK,EACP,KAAMY,CACR,EAEaC,EACXC,GAC6CH,EAAyBG,CAAO"}
+{"version":3,"file":"SimpleAvatar.js","sources":["../../../../../src/components/Avatar/components/SimpleAvatar.tsx"],"sourcesContent":["import { type FC, useState, useEffect } from 'react';\r\n\r\nimport type { SimpleVariantComponentProps, VariantType } from '../utils/useSimpleProps';\r\nimport PersonSolid from '../../Icon/components/PersonSolid';\r\nimport * as Styled from '../SimpleAvatar.styles';\r\nimport Flag from '../../Flag/Flag';\r\n\r\nconst AvatarIcon: FC<SimpleVariantComponentProps<'icon'>> = () => <PersonSolid aria-label=\"Default user avatar\" />;\r\nconst AvatarInitials: FC<SimpleVariantComponentProps<'initials'>> = ({ abbreviation }) =>\r\n  abbreviation && abbreviation.length > 0 ? abbreviation.slice(0, 2) : <AvatarIcon />;\r\nconst AvatarPhoto: FC<SimpleVariantComponentProps<'photo'>> = ({ src, alt }) => {\r\n  const [hasError, setHasError] = useState(false);\r\n  const [loadedSrc, setLoadedSrc] = useState<string>();\r\n\r\n  useEffect(() => {\r\n    setHasError(false);\r\n    setLoadedSrc(undefined);\r\n    const img = new Image();\r\n    img.onload = () => setLoadedSrc(src);\r\n    img.onerror = () => setHasError(true);\r\n    img.src = src;\r\n  }, [src]);\r\n\r\n  if (!loadedSrc || hasError) {\r\n    return <AvatarIcon />;\r\n  }\r\n\r\n  return <Styled.Image key={src} src={loadedSrc} alt={alt} />;\r\n};\r\n\r\nconst SIMPLE_AVATAR_COMPONENTS: { readonly [Variant in VariantType]: FC<SimpleVariantComponentProps<Variant>> } = {\r\n  initials: AvatarInitials,\r\n  icon: AvatarIcon,\r\n  photo: AvatarPhoto,\r\n  flag: Flag,\r\n} as const;\r\n\r\nexport const getSimpleAvatarComponent = <Variant extends VariantType>(\r\n  variant: Variant,\r\n): FC<SimpleVariantComponentProps<Variant>> => SIMPLE_AVATAR_COMPONENTS[variant];\r\n"],"names":["AvatarIcon","jsx","PersonSolid","AvatarInitials","abbreviation","AvatarPhoto","src","alt","hasError","setHasError","useState","loadedSrc","setLoadedSrc","useEffect","img","Styled.Image","SIMPLE_AVATAR_COMPONENTS","Flag","getSimpleAvatarComponent","variant"],"mappings":"6RAOMA,EAAsD,IAAMC,EAAAA,IAACC,EAAA,CAAY,aAAW,qBAAA,CAAsB,EAC1GC,EAA8D,CAAC,CAAE,aAAAC,CAAA,IACrEA,GAAgBA,EAAa,OAAS,EAAIA,EAAa,MAAM,EAAG,CAAC,QAAKJ,EAAA,EAAW,EAC7EK,EAAwD,CAAC,CAAE,IAAAC,EAAK,IAAAC,KAAU,CAC9E,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAK,EACxC,CAACC,EAAWC,CAAY,EAAIF,WAAA,EAWlC,OATAG,EAAAA,UAAU,IAAM,CACdJ,EAAY,EAAK,EACjBG,EAAa,MAAS,EACtB,MAAME,EAAM,IAAI,MAChBA,EAAI,OAAS,IAAMF,EAAaN,CAAG,EACnCQ,EAAI,QAAU,IAAML,EAAY,EAAI,EACpCK,EAAI,IAAMR,CACZ,EAAG,CAACA,CAAG,CAAC,EAEJ,CAACK,GAAaH,QACRR,EAAA,EAAW,QAGbe,EAAAA,MAAA,CAAuB,IAAKJ,EAAW,IAAAJ,GAArBD,CAA+B,CAC3D,EAEMU,EAA4G,CAChH,SAAUb,EACV,KAAMH,EACN,MAAOK,EACP,KAAMY,CACR,EAEaC,EACXC,GAC6CH,EAAyBG,CAAO"}

package/build/cjs/components/Avatar/utils/object.js.map

@@ -1 +1 @@
-{"version":3,"file":"object.js","sources":["../../../../../src/components/Avatar/utils/object.ts"],"sourcesContent":["export const removePropFromObject = <T extends object, Key extends keyof T>(obj: T, keys: readonly Key[]) =>\n  Object.fromEntries(Object.entries(obj).filter(([key]) => !keys.includes(key as Key))) as Omit<\n    T,\n    (typeof keys)[number]\n  >;\n"],"names":["removePropFromObject","obj","keys","key"],"mappings":"4GAAO,MAAMA,EAAuB,CAAwCC,EAAQC,IAClF,OAAO,YAAY,OAAO,QAAQD,CAAG,EAAE,OAAO,CAAC,CAACE,CAAG,IAAM,CAACD,EAAK,SAASC,CAAU,CAAC,CAAC"}
+{"version":3,"file":"object.js","sources":["../../../../../src/components/Avatar/utils/object.ts"],"sourcesContent":["export const removePropFromObject = <T extends object, Key extends keyof T>(obj: T, keys: readonly Key[]) =>\r\n  Object.fromEntries(Object.entries(obj).filter(([key]) => !keys.includes(key as Key))) as Omit<\r\n    T,\r\n    (typeof keys)[number]\r\n  >;\r\n"],"names":["removePropFromObject","obj","keys","key"],"mappings":"4GAAO,MAAMA,EAAuB,CAAwCC,EAAQC,IAClF,OAAO,YAAY,OAAO,QAAQD,CAAG,EAAE,OAAO,CAAC,CAACE,CAAG,IAAM,CAACD,EAAK,SAASC,CAAU,CAAC,CAAC"}

package/build/cjs/components/Avatar/utils/useDetailedProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDetailedProps.js","sources":["../../../../../src/components/Avatar/utils/useDetailedProps.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef, ElementType } from 'react';\n\nimport type { AvatarTypes } from 'acinguiux-ds-react-base/components/Avatar';\n\nimport type { IDetailedAvatarProps } from '../Avatar.types';\nimport {\n  getSimpleProps,\n  type SimpleTransformerResult,\n  type VariantType,\n  simpleAvatarContainerProps,\n} from './useSimpleProps';\nimport { removePropFromObject } from './object';\n\ntype DetailedAvatarPropsTransform<Variant extends VariantType> = Omit<\n  IDetailedAvatarProps & { variant: Variant },\n  'size' | 'variant' | 'interactive' | 'className'\n>;\n\nexport type DetailedTransformerResult = {\n  detailedProps: AvatarTypes.IDetailedAvatarProps;\n};\n\ntype Transformer<Variant extends VariantType> = (\n  props: DetailedAvatarPropsTransform<Variant>,\n) => DetailedTransformerResult;\n\nexport const getDetailedProps: Transformer<VariantType> = (props) => ({\n  detailedProps: {\n    label: props.label,\n    multiline: props.multiline,\n    strongTitle: props.strongTitle,\n    title: props.title,\n  },\n});\n\nexport const detailedAvatarContainerProps = <RefType extends ElementType>(\n  props: ComponentPropsWithoutRef<RefType> & AvatarTypes.IDetailedAvatarProps,\n): Omit<typeof props, keyof AvatarTypes.IDetailedAvatarProps> =>\n  removePropFromObject(props, ['label', 'multiline', 'title', 'strongTitle']);\n\nexport const useDetailedVariantProps = <Variant extends VariantType>(\n  variant: Variant,\n  props: DetailedAvatarPropsTransform<Variant>,\n): SimpleTransformerResult<Variant> & DetailedTransformerResult & ComponentPropsWithoutRef<'div'> => ({\n  ...getSimpleProps(variant)(props),\n  ...getDetailedProps(props),\n  ...detailedAvatarContainerProps(simpleAvatarContainerProps<Variant>(variant, props)),\n});\n"],"names":["getDetailedProps","props","detailedAvatarContainerProps","removePropFromObject","useDetailedVariantProps","variant","getSimpleProps","simpleAvatarContainerProps"],"mappings":"4KA0BaA,EAA8CC,IAAW,CACpE,cAAe,CACb,MAAOA,EAAM,MACb,UAAWA,EAAM,UACjB,YAAaA,EAAM,YACnB,MAAOA,EAAM,KAAA,CAEjB,GAEaC,EACXD,GAEAE,uBAAqBF,EAAO,CAAC,QAAS,YAAa,QAAS,aAAa,CAAC,EAE/DG,EAA0B,CACrCC,EACAJ,KACoG,CACpG,GAAGK,EAAAA,eAAeD,CAAO,EAAEJ,CAAK,EAChC,GAAGD,EAAiBC,CAAK,EACzB,GAAGC,EAA6BK,EAAAA,2BAAoCF,EAASJ,CAAK,CAAC,CACrF"}
+{"version":3,"file":"useDetailedProps.js","sources":["../../../../../src/components/Avatar/utils/useDetailedProps.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef, ElementType } from 'react';\r\n\r\nimport type { AvatarTypes } from 'acinguiux-ds-react-base/components/Avatar';\r\n\r\nimport type { IDetailedAvatarProps } from '../Avatar.types';\r\nimport {\r\n  getSimpleProps,\r\n  type SimpleTransformerResult,\r\n  type VariantType,\r\n  simpleAvatarContainerProps,\r\n} from './useSimpleProps';\r\nimport { removePropFromObject } from './object';\r\n\r\ntype DetailedAvatarPropsTransform<Variant extends VariantType> = Omit<\r\n  IDetailedAvatarProps & { variant: Variant },\r\n  'size' | 'variant' | 'interactive' | 'className'\r\n>;\r\n\r\nexport type DetailedTransformerResult = {\r\n  detailedProps: AvatarTypes.IDetailedAvatarProps;\r\n};\r\n\r\ntype Transformer<Variant extends VariantType> = (\r\n  props: DetailedAvatarPropsTransform<Variant>,\r\n) => DetailedTransformerResult;\r\n\r\nexport const getDetailedProps: Transformer<VariantType> = (props) => ({\r\n  detailedProps: {\r\n    label: props.label,\r\n    multiline: props.multiline,\r\n    strongTitle: props.strongTitle,\r\n    title: props.title,\r\n  },\r\n});\r\n\r\nexport const detailedAvatarContainerProps = <RefType extends ElementType>(\r\n  props: ComponentPropsWithoutRef<RefType> & AvatarTypes.IDetailedAvatarProps,\r\n): Omit<typeof props, keyof AvatarTypes.IDetailedAvatarProps> =>\r\n  removePropFromObject(props, ['label', 'multiline', 'title', 'strongTitle']);\r\n\r\nexport const useDetailedVariantProps = <Variant extends VariantType>(\r\n  variant: Variant,\r\n  props: DetailedAvatarPropsTransform<Variant>,\r\n): SimpleTransformerResult<Variant> & DetailedTransformerResult & ComponentPropsWithoutRef<'div'> => ({\r\n  ...getSimpleProps(variant)(props),\r\n  ...getDetailedProps(props),\r\n  ...detailedAvatarContainerProps(simpleAvatarContainerProps<Variant>(variant, props)),\r\n});\r\n"],"names":["getDetailedProps","props","detailedAvatarContainerProps","removePropFromObject","useDetailedVariantProps","variant","getSimpleProps","simpleAvatarContainerProps"],"mappings":"4KA0BaA,EAA8CC,IAAW,CACpE,cAAe,CACb,MAAOA,EAAM,MACb,UAAWA,EAAM,UACjB,YAAaA,EAAM,YACnB,MAAOA,EAAM,KAAA,CAEjB,GAEaC,EACXD,GAEAE,uBAAqBF,EAAO,CAAC,QAAS,YAAa,QAAS,aAAa,CAAC,EAE/DG,EAA0B,CACrCC,EACAJ,KACoG,CACpG,GAAGK,EAAAA,eAAeD,CAAO,EAAEJ,CAAK,EAChC,GAAGD,EAAiBC,CAAK,EACzB,GAAGC,EAA6BK,EAAAA,2BAAoCF,EAASJ,CAAK,CAAC,CACrF"}

package/build/cjs/components/Avatar/utils/useDropdownProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdownProps.js","sources":["../../../../../src/components/Avatar/utils/useDropdownProps.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport type { AvatarTypes } from 'acinguiux-ds-react-base/components/Avatar';\n\nimport type { IDropdownAvatarProps } from '../Avatar.types';\nimport {\n  getSimpleProps,\n  type SimpleAvatarPropsTransform,\n  type SimpleTransformerResult,\n  type VariantType,\n  simpleAvatarContainerProps,\n} from './useSimpleProps';\nimport { removePropFromObject } from './object';\nimport { detailedAvatarContainerProps, type DetailedTransformerResult, getDetailedProps } from './useDetailedProps';\n\ntype DropdownAvatarPropsTransform<Variant extends VariantType> = Omit<\n  IDropdownAvatarProps & { variant: Variant },\n  'size' | 'variant' | 'className'\n>;\n\nexport type DropdownTransformerResult = {\n  dropdownProps: AvatarTypes.IDropdownAvatarProps;\n};\n\ntype Transformer<Variant extends VariantType> = (\n  props: DropdownAvatarPropsTransform<Variant>,\n) => DropdownTransformerResult;\n\nexport const getDropdownProps: Transformer<VariantType> = (props) => ({\n  dropdownProps: {\n    icon: props.icon,\n  },\n});\n\nconst dropdownAvatarContainerProps = (\n  props: ComponentPropsWithoutRef<'button'> & AvatarTypes.IDropdownAvatarProps,\n): Omit<typeof props, keyof AvatarTypes.IDropdownAvatarProps> => removePropFromObject(props, ['icon']);\n\nexport const useDropdownVariantProps = <Variant extends VariantType>(\n  variant: Variant,\n  props: DropdownAvatarPropsTransform<Variant>,\n): SimpleTransformerResult<Variant> &\n  DetailedTransformerResult &\n  DropdownTransformerResult &\n  ComponentPropsWithoutRef<'button'> => ({\n  ...getSimpleProps(variant)(props as SimpleAvatarPropsTransform<Variant>),\n  ...getDetailedProps(props),\n  ...getDropdownProps(props),\n  ...dropdownAvatarContainerProps(\n    detailedAvatarContainerProps(simpleAvatarContainerProps(variant, props as SimpleAvatarPropsTransform<Variant>)),\n  ),\n});\n"],"names":["getDropdownProps","props","dropdownAvatarContainerProps","removePropFromObject","useDropdownVariantProps","variant","getSimpleProps","getDetailedProps","detailedAvatarContainerProps","simpleAvatarContainerProps"],"mappings":"+MA4BaA,EAA8CC,IAAW,CACpE,cAAe,CACb,KAAMA,EAAM,IAAA,CAEhB,GAEMC,EACJD,GAC+DE,EAAAA,qBAAqBF,EAAO,CAAC,MAAM,CAAC,EAExFG,EAA0B,CACrCC,EACAJ,KAIuC,CACvC,GAAGK,EAAAA,eAAeD,CAAO,EAAEJ,CAA4C,EACvE,GAAGM,EAAAA,iBAAiBN,CAAK,EACzB,GAAGD,EAAiBC,CAAK,EACzB,GAAGC,EACDM,+BAA6BC,EAAAA,2BAA2BJ,EAASJ,CAA4C,CAAC,CAAA,CAElH"}
+{"version":3,"file":"useDropdownProps.js","sources":["../../../../../src/components/Avatar/utils/useDropdownProps.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\r\n\r\nimport type { AvatarTypes } from 'acinguiux-ds-react-base/components/Avatar';\r\n\r\nimport type { IDropdownAvatarProps } from '../Avatar.types';\r\nimport {\r\n  getSimpleProps,\r\n  type SimpleAvatarPropsTransform,\r\n  type SimpleTransformerResult,\r\n  type VariantType,\r\n  simpleAvatarContainerProps,\r\n} from './useSimpleProps';\r\nimport { removePropFromObject } from './object';\r\nimport { detailedAvatarContainerProps, type DetailedTransformerResult, getDetailedProps } from './useDetailedProps';\r\n\r\ntype DropdownAvatarPropsTransform<Variant extends VariantType> = Omit<\r\n  IDropdownAvatarProps & { variant: Variant },\r\n  'size' | 'variant' | 'className'\r\n>;\r\n\r\nexport type DropdownTransformerResult = {\r\n  dropdownProps: AvatarTypes.IDropdownAvatarProps;\r\n};\r\n\r\ntype Transformer<Variant extends VariantType> = (\r\n  props: DropdownAvatarPropsTransform<Variant>,\r\n) => DropdownTransformerResult;\r\n\r\nexport const getDropdownProps: Transformer<VariantType> = (props) => ({\r\n  dropdownProps: {\r\n    icon: props.icon,\r\n  },\r\n});\r\n\r\nconst dropdownAvatarContainerProps = (\r\n  props: ComponentPropsWithoutRef<'button'> & AvatarTypes.IDropdownAvatarProps,\r\n): Omit<typeof props, keyof AvatarTypes.IDropdownAvatarProps> => removePropFromObject(props, ['icon']);\r\n\r\nexport const useDropdownVariantProps = <Variant extends VariantType>(\r\n  variant: Variant,\r\n  props: DropdownAvatarPropsTransform<Variant>,\r\n): SimpleTransformerResult<Variant> &\r\n  DetailedTransformerResult &\r\n  DropdownTransformerResult &\r\n  ComponentPropsWithoutRef<'button'> => ({\r\n  ...getSimpleProps(variant)(props as SimpleAvatarPropsTransform<Variant>),\r\n  ...getDetailedProps(props),\r\n  ...getDropdownProps(props),\r\n  ...dropdownAvatarContainerProps(\r\n    detailedAvatarContainerProps(simpleAvatarContainerProps(variant, props as SimpleAvatarPropsTransform<Variant>)),\r\n  ),\r\n});\r\n"],"names":["getDropdownProps","props","dropdownAvatarContainerProps","removePropFromObject","useDropdownVariantProps","variant","getSimpleProps","getDetailedProps","detailedAvatarContainerProps","simpleAvatarContainerProps"],"mappings":"+MA4BaA,EAA8CC,IAAW,CACpE,cAAe,CACb,KAAMA,EAAM,IAAA,CAEhB,GAEMC,EACJD,GAC+DE,EAAAA,qBAAqBF,EAAO,CAAC,MAAM,CAAC,EAExFG,EAA0B,CACrCC,EACAJ,KAIuC,CACvC,GAAGK,EAAAA,eAAeD,CAAO,EAAEJ,CAA4C,EACvE,GAAGM,EAAAA,iBAAiBN,CAAK,EACzB,GAAGD,EAAiBC,CAAK,EACzB,GAAGC,EACDM,+BAA6BC,EAAAA,2BAA2BJ,EAASJ,CAA4C,CAAC,CAAA,CAElH"}

package/build/cjs/components/Avatar/utils/useSimpleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSimpleProps.js","sources":["../../../../../src/components/Avatar/utils/useSimpleProps.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport type { AvatarTypes } from 'acinguiux-ds-react-base/components/Avatar';\n\nimport type { ISimpleAvatarProps } from '../Avatar.types';\nimport type { FlagName } from '../../Flag/Flag.types';\nimport { removePropFromObject } from './object';\n\nexport type VariantType = NonNullable<ISimpleAvatarProps['variant']>;\n\nexport type SimpleAvatarPropsTransform<Variant extends VariantType> = Omit<\n  ISimpleAvatarProps & { variant: Variant },\n  'size' | 'interactive' | 'variant' | 'className'\n>;\nexport type SimpleVariantComponentProps<Variant extends VariantType> = Omit<\n  AvatarTypes.SimpleAvatarProps<FlagName> & { variant: Variant },\n  'size' | 'interactive' | 'variant'\n>;\n\nexport type SimpleTransformerResult<Variant extends VariantType> = {\n  avatarProps: SimpleVariantComponentProps<Variant>;\n};\n\ntype Transformer<Variant extends VariantType> = (\n  props: SimpleAvatarPropsTransform<Variant>,\n) => SimpleTransformerResult<Variant>;\n\nconst getSimpleInitialsProps: Transformer<'initials'> = (props) => ({\n  avatarProps: {\n    abbreviation: props.abbreviation,\n  },\n});\n\nconst getSimpleIconProps: Transformer<'icon'> = () => ({\n  avatarProps: {},\n});\n\nconst getSimplePhotoProps: Transformer<'photo'> = (props) => ({\n  avatarProps: {\n    alt: props.alt,\n    src: props.src,\n  },\n});\n\nconst getSimpleFlagProps: Transformer<'flag'> = (props) => ({\n  avatarProps: {\n    flag: props.flag,\n  },\n});\n\nconst SIMPLE_TRANSFORM_PROPS: { [Variant in VariantType]: Transformer<Variant> } = {\n  flag: getSimpleFlagProps,\n  icon: getSimpleIconProps,\n  initials: getSimpleInitialsProps,\n  photo: getSimplePhotoProps,\n};\n\nexport const getSimpleProps = <Variant extends VariantType>(variant: Variant) => SIMPLE_TRANSFORM_PROPS[variant];\n\nconst SIMPLE_CONTAINER_CLEAR_PROPS: {\n  [Variant in VariantType]: (props: SimpleAvatarPropsTransform<Variant>) => ComponentPropsWithoutRef<'div'>;\n} = {\n  flag: (props) => removePropFromObject(props, ['flag']),\n  initials: (props) => removePropFromObject(props, ['abbreviation']),\n  photo: (props) => removePropFromObject(props, ['src', 'alt']),\n  icon: (props) => props,\n} as const;\n\nexport const simpleAvatarContainerProps = <Variant extends VariantType>(\n  variant: Variant,\n  props: SimpleAvatarPropsTransform<Variant>,\n): ComponentPropsWithoutRef<'div'> => SIMPLE_CONTAINER_CLEAR_PROPS[variant](props);\n\nexport const useSimpleVariantProps = <Variant extends VariantType>(\n  variant: Variant,\n  props: SimpleAvatarPropsTransform<Variant>,\n): SimpleTransformerResult<Variant> & ComponentPropsWithoutRef<'div'> => ({\n  ...getSimpleProps(variant)(props),\n  ...simpleAvatarContainerProps(variant, props),\n});\n"],"names":["getSimpleInitialsProps","props","getSimpleIconProps","getSimplePhotoProps","getSimpleFlagProps","SIMPLE_TRANSFORM_PROPS","getSimpleProps","variant","SIMPLE_CONTAINER_CLEAR_PROPS","removePropFromObject","simpleAvatarContainerProps","useSimpleVariantProps"],"mappings":"2IA2BMA,EAAmDC,IAAW,CAClE,YAAa,CACX,aAAcA,EAAM,YAAA,CAExB,GAEMC,EAA0C,KAAO,CACrD,YAAa,CAAA,CACf,GAEMC,EAA6CF,IAAW,CAC5D,YAAa,CACX,IAAKA,EAAM,IACX,IAAKA,EAAM,GAAA,CAEf,GAEMG,EAA2CH,IAAW,CAC1D,YAAa,CACX,KAAMA,EAAM,IAAA,CAEhB,GAEMI,EAA6E,CACjF,KAAMD,EACN,KAAMF,EACN,SAAUF,EACV,MAAOG,CACT,EAEaG,EAA+CC,GAAqBF,EAAuBE,CAAO,EAEzGC,EAEF,CACF,KAAOP,GAAUQ,EAAAA,qBAAqBR,EAAO,CAAC,MAAM,CAAC,EACrD,SAAWA,GAAUQ,EAAAA,qBAAqBR,EAAO,CAAC,cAAc,CAAC,EACjE,MAAQA,GAAUQ,EAAAA,qBAAqBR,EAAO,CAAC,MAAO,KAAK,CAAC,EAC5D,KAAOA,GAAUA,CACnB,EAEaS,EAA6B,CACxCH,EACAN,IACoCO,EAA6BD,CAAO,EAAEN,CAAK,EAEpEU,EAAwB,CACnCJ,EACAN,KACwE,CACxE,GAAGK,EAAeC,CAAO,EAAEN,CAAK,EAChC,GAAGS,EAA2BH,EAASN,CAAK,CAC9C"}
+{"version":3,"file":"useSimpleProps.js","sources":["../../../../../src/components/Avatar/utils/useSimpleProps.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\r\n\r\nimport type { AvatarTypes } from 'acinguiux-ds-react-base/components/Avatar';\r\n\r\nimport type { ISimpleAvatarProps } from '../Avatar.types';\r\nimport type { FlagName } from '../../Flag/Flag.types';\r\nimport { removePropFromObject } from './object';\r\n\r\nexport type VariantType = NonNullable<ISimpleAvatarProps['variant']>;\r\n\r\nexport type SimpleAvatarPropsTransform<Variant extends VariantType> = Omit<\r\n  ISimpleAvatarProps & { variant: Variant },\r\n  'size' | 'interactive' | 'variant' | 'className'\r\n>;\r\nexport type SimpleVariantComponentProps<Variant extends VariantType> = Omit<\r\n  AvatarTypes.SimpleAvatarProps<FlagName> & { variant: Variant },\r\n  'size' | 'interactive' | 'variant'\r\n>;\r\n\r\nexport type SimpleTransformerResult<Variant extends VariantType> = {\r\n  avatarProps: SimpleVariantComponentProps<Variant>;\r\n};\r\n\r\ntype Transformer<Variant extends VariantType> = (\r\n  props: SimpleAvatarPropsTransform<Variant>,\r\n) => SimpleTransformerResult<Variant>;\r\n\r\nconst getSimpleInitialsProps: Transformer<'initials'> = (props) => ({\r\n  avatarProps: {\r\n    abbreviation: props.abbreviation,\r\n  },\r\n});\r\n\r\nconst getSimpleIconProps: Transformer<'icon'> = () => ({\r\n  avatarProps: {},\r\n});\r\n\r\nconst getSimplePhotoProps: Transformer<'photo'> = (props) => ({\r\n  avatarProps: {\r\n    alt: props.alt,\r\n    src: props.src,\r\n  },\r\n});\r\n\r\nconst getSimpleFlagProps: Transformer<'flag'> = (props) => ({\r\n  avatarProps: {\r\n    flag: props.flag,\r\n  },\r\n});\r\n\r\nconst SIMPLE_TRANSFORM_PROPS: { [Variant in VariantType]: Transformer<Variant> } = {\r\n  flag: getSimpleFlagProps,\r\n  icon: getSimpleIconProps,\r\n  initials: getSimpleInitialsProps,\r\n  photo: getSimplePhotoProps,\r\n};\r\n\r\nexport const getSimpleProps = <Variant extends VariantType>(variant: Variant) => SIMPLE_TRANSFORM_PROPS[variant];\r\n\r\nconst SIMPLE_CONTAINER_CLEAR_PROPS: {\r\n  [Variant in VariantType]: (props: SimpleAvatarPropsTransform<Variant>) => ComponentPropsWithoutRef<'div'>;\r\n} = {\r\n  flag: (props) => removePropFromObject(props, ['flag']),\r\n  initials: (props) => removePropFromObject(props, ['abbreviation']),\r\n  photo: (props) => removePropFromObject(props, ['src', 'alt']),\r\n  icon: (props) => props,\r\n} as const;\r\n\r\nexport const simpleAvatarContainerProps = <Variant extends VariantType>(\r\n  variant: Variant,\r\n  props: SimpleAvatarPropsTransform<Variant>,\r\n): ComponentPropsWithoutRef<'div'> => SIMPLE_CONTAINER_CLEAR_PROPS[variant](props);\r\n\r\nexport const useSimpleVariantProps = <Variant extends VariantType>(\r\n  variant: Variant,\r\n  props: SimpleAvatarPropsTransform<Variant>,\r\n): SimpleTransformerResult<Variant> & ComponentPropsWithoutRef<'div'> => ({\r\n  ...getSimpleProps(variant)(props),\r\n  ...simpleAvatarContainerProps(variant, props),\r\n});\r\n"],"names":["getSimpleInitialsProps","props","getSimpleIconProps","getSimplePhotoProps","getSimpleFlagProps","SIMPLE_TRANSFORM_PROPS","getSimpleProps","variant","SIMPLE_CONTAINER_CLEAR_PROPS","removePropFromObject","simpleAvatarContainerProps","useSimpleVariantProps"],"mappings":"2IA2BMA,EAAmDC,IAAW,CAClE,YAAa,CACX,aAAcA,EAAM,YAAA,CAExB,GAEMC,EAA0C,KAAO,CACrD,YAAa,CAAA,CACf,GAEMC,EAA6CF,IAAW,CAC5D,YAAa,CACX,IAAKA,EAAM,IACX,IAAKA,EAAM,GAAA,CAEf,GAEMG,EAA2CH,IAAW,CAC1D,YAAa,CACX,KAAMA,EAAM,IAAA,CAEhB,GAEMI,EAA6E,CACjF,KAAMD,EACN,KAAMF,EACN,SAAUF,EACV,MAAOG,CACT,EAEaG,EAA+CC,GAAqBF,EAAuBE,CAAO,EAEzGC,EAEF,CACF,KAAOP,GAAUQ,EAAAA,qBAAqBR,EAAO,CAAC,MAAM,CAAC,EACrD,SAAWA,GAAUQ,EAAAA,qBAAqBR,EAAO,CAAC,cAAc,CAAC,EACjE,MAAQA,GAAUQ,EAAAA,qBAAqBR,EAAO,CAAC,MAAO,KAAK,CAAC,EAC5D,KAAOA,GAAUA,CACnB,EAEaS,EAA6B,CACxCH,EACAN,IACoCO,EAA6BD,CAAO,EAAEN,CAAK,EAEpEU,EAAwB,CACnCJ,EACAN,KACwE,CACxE,GAAGK,EAAeC,CAAO,EAAEN,CAAK,EAChC,GAAGS,EAA2BH,EAASN,CAAK,CAC9C"}

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { BADGE_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { BadgeUtils } from 'acinguiux-ds-react-base/components/Badge';\n\nimport * as Styled from './Badge.styles';\nimport type { IBadgeProps } from './Badge.types';\n\nconst Badge = forwardRef<HTMLDivElement, IBadgeProps>(({ className, ...props }, ref) => {\n  const {\n    size,\n    variant,\n    sentiment,\n    icon,\n    shouldRenderChildren,\n    shouldRenderIcon,\n    children,\n    fixedWidth,\n    ...badgeProps\n  } = BadgeUtils.useProps(props);\n\n  return (\n    <Styled.Badge\n      className={classNames(BADGE_CLASS, className)}\n      ref={ref}\n      $size={size}\n      $variant={variant}\n      $fixedWidth={fixedWidth}\n      $sentiment={sentiment}\n      {...badgeProps}\n    >\n      {shouldRenderIcon && icon}\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","variant","sentiment","icon","shouldRenderChildren","shouldRenderIcon","children","fixedWidth","badgeProps","BadgeUtils.useProps","jsxs","Styled.Badge","classNames","BADGE_CLASS","jsx","Styled.BadgeText"],"mappings":"kPASMA,EAAQC,EAAAA,WAAwC,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAAQ,CACtF,KAAM,CACJ,KAAAC,EACA,QAAAC,EACA,UAAAC,EACA,KAAAC,EACA,qBAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EACDC,EAAAA,SAAoBX,CAAK,EAE7B,OACEY,EAAAA,KAACC,EAAAA,MAAA,CACC,UAAWC,EAAWC,EAAAA,YAAahB,CAAS,EAC5C,IAAAE,EACA,MAAOC,EACP,SAAUC,EACV,YAAaM,EACb,WAAYL,EACX,GAAGM,EAEH,SAAA,CAAAH,GAAoBF,EACpBC,GAAwBU,EAAAA,IAACC,EAAAA,UAAA,CAAiB,MAAOf,EAAO,SAAAM,CAAA,CAAS,CAAA,CAAA,CAAA,CAGxE,CAAC"}
+{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { BADGE_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { BadgeUtils } from 'acinguiux-ds-react-base/components/Badge';\r\n\r\nimport * as Styled from './Badge.styles';\r\nimport type { IBadgeProps } from './Badge.types';\r\n\r\nconst Badge = forwardRef<HTMLDivElement, IBadgeProps>(({ className, ...props }, ref) => {\r\n  const {\r\n    size,\r\n    variant,\r\n    sentiment,\r\n    icon,\r\n    shouldRenderChildren,\r\n    shouldRenderIcon,\r\n    children,\r\n    fixedWidth,\r\n    ...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      $variant={variant}\r\n      $fixedWidth={fixedWidth}\r\n      $sentiment={sentiment}\r\n      {...badgeProps}\r\n    >\r\n      {shouldRenderIcon && icon}\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","variant","sentiment","icon","shouldRenderChildren","shouldRenderIcon","children","fixedWidth","badgeProps","BadgeUtils.useProps","jsxs","Styled.Badge","classNames","BADGE_CLASS","jsx","Styled.BadgeText"],"mappings":"kPASMA,EAAQC,EAAAA,WAAwC,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAAQ,CACtF,KAAM,CACJ,KAAAC,EACA,QAAAC,EACA,UAAAC,EACA,KAAAC,EACA,qBAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EACDC,EAAAA,SAAoBX,CAAK,EAE7B,OACEY,EAAAA,KAACC,EAAAA,MAAA,CACC,UAAWC,EAAWC,EAAAA,YAAahB,CAAS,EAC5C,IAAAE,EACA,MAAOC,EACP,SAAUC,EACV,YAAaM,EACb,WAAYL,EACX,GAAGM,EAEH,SAAA,CAAAH,GAAoBF,EACpBC,GAAwBU,EAAAA,IAACC,EAAAA,UAAA,CAAiB,MAAOf,EAAO,SAAAM,CAAA,CAAS,CAAA,CAAA,CAAA,CAGxE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.styles.js","sources":["../../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":["import { BadgeStyles, BadgeTypes, BadgeUtils } from 'acinguiux-ds-react-base/components/Badge';\nimport { styled, css } from 'styled-components';\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\n\nconst Badge = styled.div<BadgeStyles.StylesProps>`\n  ${BadgeStyles.Styles};\n`;\n\nconst BadgeText = styled.span<Required<PickTransient<BadgeTypes.IProps, 'size'>>>`\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":"sRAIMA,EAAQC,EAAAA,OAAO;AAAA,IACjBC,QAAkB;AAAA,EAGhBC,EAAYF,EAAAA,OAAO;AAAA,IACrB,CAAC,CAAE,MAAAG,EAAO,MAAAC,CAAA,IAAYC,EAAAA;AAAAA,MACpBC,EAAAA,cAAyBH,EAAOC,CAAK,CAAC;AAAA,GACzC;AAAA"}
+{"version":3,"file":"Badge.styles.js","sources":["../../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":["import { BadgeStyles, BadgeTypes, BadgeUtils } from 'acinguiux-ds-react-base/components/Badge';\r\nimport { styled, css } from 'styled-components';\r\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\r\n\r\nconst Badge = styled.div<BadgeStyles.StylesProps>`\r\n  ${BadgeStyles.Styles};\r\n`;\r\n\r\nconst BadgeText = styled.span<Required<PickTransient<BadgeTypes.IProps, 'size'>>>`\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":"sRAIMA,EAAQC,EAAAA,OAAO;AAAA,IACjBC,QAAkB;AAAA,EAGhBC,EAAYF,EAAAA,OAAO;AAAA,IACrB,CAAC,CAAE,MAAAG,EAAO,MAAAC,CAAA,IAAYC,EAAAA;AAAAA,MACpBC,EAAAA,cAAyBH,EAAOC,CAAK,CAAC;AAAA,GACzC;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Positions, BREADCRUMB_CLASS, Variants } from 'acinguiux-ds-react-base/consts';\nimport type { BreadcrumbTypes } from 'acinguiux-ds-react-base/components/Breadcrumb';\n\nimport ChevronSmallRight from '../Icon/components/ChevronSmallRight';\nimport * as Styled from './Breadcrumb.styles';\nimport Separator from './components/Separator/Separator';\nimport { defaultRenderPath } from './utils/renderUtils';\n\nconst Breadcrumb = forwardRef<HTMLUListElement, BreadcrumbTypes.IProps>(\n  (\n    { className, size = `${Sizes.Medium}`, variant = `${Variants.Filled}`, items, separator, navProps, ...rest },\n    ref,\n  ): ReactElement => {\n    const defaultSeparator = <ChevronSmallRight />;\n\n    return (\n      <nav aria-label=\"breadcrumb\" {...navProps}>\n        <Styled.BreadcrumbWrapper\n          className={classNames(BREADCRUMB_CLASS, className)}\n          $size={size}\n          $variant={variant}\n          ref={ref}\n          {...rest}\n        >\n          {items.map(\n            (\n              {\n                name,\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={name}\n                  $size={size}\n                  $variant={variant}\n                  aria-current={isLast ? 'page' : undefined}\n                >\n                  {renderPath(name, path, { size, icon, iconPosition, iconOnly, isLast })}\n                </Styled.Breadcrumb>,\n                !isLast ? (\n                  <Styled.BreadcrumbSeparator key={`breadcrumb-separator-${name}`} $size={size}>\n                    <Separator size={size} separator={separator || defaultSeparator} />\n                  </Styled.BreadcrumbSeparator>\n                ) : null,\n              ];\n            },\n          )}\n        </Styled.BreadcrumbWrapper>\n      </nav>\n    );\n  },\n);\n\nexport default Breadcrumb;\n"],"names":["Breadcrumb","forwardRef","className","size","Sizes","variant","Variants","items","separator","navProps","rest","ref","defaultSeparator","ChevronSmallRight","jsx","Styled.BreadcrumbWrapper","classNames","BREADCRUMB_CLASS","name","path","icon","iconPosition","Positions","iconOnly","renderPath","defaultRenderPath","index","isLast","Styled.Breadcrumb","Styled.BreadcrumbSeparator","Separator"],"mappings":"iXAWMA,EAAaC,EAAAA,WACjB,CACE,CAAE,UAAAC,EAAW,KAAAC,EAAO,GAAGC,EAAAA,MAAM,MAAM,GAAI,QAAAC,EAAU,GAAGC,EAAAA,SAAS,MAAM,GAAI,MAAAC,EAAO,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAA,EACtGC,IACiB,CACjB,MAAMC,QAAoBC,EAAA,EAAkB,EAE5C,OACEC,EAAAA,IAAC,MAAA,CAAI,aAAW,aAAc,GAAGL,EAC/B,SAAAK,EAAAA,IAACC,EAAAA,kBAAA,CACC,UAAWC,EAAWC,EAAAA,iBAAkBf,CAAS,EACjD,MAAOC,EACP,SAAUE,EACV,IAAAM,EACC,GAAGD,EAEH,SAAAH,EAAM,IACL,CACE,CACE,KAAAW,EACA,KAAAC,EACA,KAAAC,EACA,aAAAC,EAAe,GAAGC,YAAU,IAAI,GAChC,SAAAC,EAAW,GACX,WAAAC,EAAaC,EAAAA,iBAAA,EAEfC,IACG,CACH,MAAMC,EAASD,IAAUnB,EAAM,OAAS,EAExC,MAAO,CACLO,EAAAA,IAACc,EAAAA,WAAA,CAEC,MAAOzB,EACP,SAAUE,EACV,eAAcsB,EAAS,OAAS,OAE/B,SAAAH,EAAWN,EAAMC,EAAM,CAAE,KAAAhB,EAAM,KAAAiB,EAAM,aAAAC,EAAc,SAAAE,EAAU,OAAAI,CAAA,CAAQ,CAAA,EALjET,CAAA,EAONS,EAIG,KAHFb,EAAAA,IAACe,sBAAA,CAAgE,MAAO1B,EACtE,SAAAW,EAAAA,IAACgB,EAAA,CAAU,KAAA3B,EAAY,UAAWK,GAAaI,CAAA,CAAkB,GADlC,wBAAwBM,CAAI,EAE7D,CACE,CAER,CAAA,CACF,CAAA,EAEJ,CAEJ,CACF"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Sizes, Positions, BREADCRUMB_CLASS, Variants } from 'acinguiux-ds-react-base/consts';\r\nimport type { BreadcrumbTypes } from 'acinguiux-ds-react-base/components/Breadcrumb';\r\n\r\nimport ChevronSmallRight from '../Icon/components/ChevronSmallRight';\r\nimport * as Styled from './Breadcrumb.styles';\r\nimport Separator from './components/Separator/Separator';\r\nimport { defaultRenderPath } from './utils/renderUtils';\r\n\r\nconst Breadcrumb = forwardRef<HTMLUListElement, BreadcrumbTypes.IProps>(\r\n  (\r\n    { className, size = `${Sizes.Medium}`, variant = `${Variants.Filled}`, items, separator, navProps, ...rest },\r\n    ref,\r\n  ): ReactElement => {\r\n    const defaultSeparator = <ChevronSmallRight />;\r\n\r\n    return (\r\n      <nav aria-label=\"breadcrumb\" {...navProps}>\r\n        <Styled.BreadcrumbWrapper\r\n          className={classNames(BREADCRUMB_CLASS, className)}\r\n          $size={size}\r\n          $variant={variant}\r\n          ref={ref}\r\n          {...rest}\r\n        >\r\n          {items.map(\r\n            (\r\n              {\r\n                name,\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={name}\r\n                  $size={size}\r\n                  $variant={variant}\r\n                  aria-current={isLast ? 'page' : undefined}\r\n                >\r\n                  {renderPath(name, path, { size, icon, iconPosition, iconOnly, isLast })}\r\n                </Styled.Breadcrumb>,\r\n                !isLast ? (\r\n                  <Styled.BreadcrumbSeparator key={`breadcrumb-separator-${name}`} $size={size}>\r\n                    <Separator size={size} separator={separator || defaultSeparator} />\r\n                  </Styled.BreadcrumbSeparator>\r\n                ) : null,\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","variant","Variants","items","separator","navProps","rest","ref","defaultSeparator","ChevronSmallRight","jsx","Styled.BreadcrumbWrapper","classNames","BREADCRUMB_CLASS","name","path","icon","iconPosition","Positions","iconOnly","renderPath","defaultRenderPath","index","isLast","Styled.Breadcrumb","Styled.BreadcrumbSeparator","Separator"],"mappings":"iXAWMA,EAAaC,EAAAA,WACjB,CACE,CAAE,UAAAC,EAAW,KAAAC,EAAO,GAAGC,EAAAA,MAAM,MAAM,GAAI,QAAAC,EAAU,GAAGC,EAAAA,SAAS,MAAM,GAAI,MAAAC,EAAO,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAA,EACtGC,IACiB,CACjB,MAAMC,QAAoBC,EAAA,EAAkB,EAE5C,OACEC,EAAAA,IAAC,MAAA,CAAI,aAAW,aAAc,GAAGL,EAC/B,SAAAK,EAAAA,IAACC,EAAAA,kBAAA,CACC,UAAWC,EAAWC,EAAAA,iBAAkBf,CAAS,EACjD,MAAOC,EACP,SAAUE,EACV,IAAAM,EACC,GAAGD,EAEH,SAAAH,EAAM,IACL,CACE,CACE,KAAAW,EACA,KAAAC,EACA,KAAAC,EACA,aAAAC,EAAe,GAAGC,YAAU,IAAI,GAChC,SAAAC,EAAW,GACX,WAAAC,EAAaC,EAAAA,iBAAA,EAEfC,IACG,CACH,MAAMC,EAASD,IAAUnB,EAAM,OAAS,EAExC,MAAO,CACLO,EAAAA,IAACc,EAAAA,WAAA,CAEC,MAAOzB,EACP,SAAUE,EACV,eAAcsB,EAAS,OAAS,OAE/B,SAAAH,EAAWN,EAAMC,EAAM,CAAE,KAAAhB,EAAM,KAAAiB,EAAM,aAAAC,EAAc,SAAAE,EAAU,OAAAI,CAAA,CAAQ,CAAA,EALjET,CAAA,EAONS,EAIG,KAHFb,EAAAA,IAACe,sBAAA,CAAgE,MAAO1B,EACtE,SAAAW,EAAAA,IAACgB,EAAA,CAAU,KAAA3B,EAAY,UAAWK,GAAaI,CAAA,CAAkB,GADlC,wBAAwBM,CAAI,EAE7D,CACE,CAER,CAAA,CACF,CAAA,EAEJ,CAEJ,CACF"}

package/build/cjs/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';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { Positions, Variants } from 'acinguiux-ds-react-base/consts';\nimport { BreadcrumbConsts, type BreadcrumbTypes } from 'acinguiux-ds-react-base/components/Breadcrumb';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { IBreadcrumbProps } from './Breadcrumb.types';\n\ntype BreadcrumbItemProps = {\n  href?: string;\n  $iconPosition?: BreadcrumbTypes.IconPosition;\n};\n\nconst getWrapperPadding = (variant: IBreadcrumbProps['variant'], size: BreadcrumbTypes.Size) => {\n  if (variant === Variants.Transparent) {\n    return 0;\n  }\n  if (variant === Variants.Outlined) {\n    return BreadcrumbConsts.consts[size].wrapperPadding - 1;\n  }\n\n  return BreadcrumbConsts.consts[size].wrapperPadding;\n};\n\nconst BreadcrumbWrapper = styled.ul<Required<PickTransient<IBreadcrumbProps, 'size' | 'variant'>>>`\n  ${({ $size, $variant, theme }) => {\n    const layer = theme.layer({ foundation: $variant === Variants.Filled ? 'section' : 'base' });\n\n    return css`\n      ${theme.typography('label', getLabelTypographySize($size))};\n      margin: 0;\n      display: flex;\n      flex-direction: row;\n      border-radius: ${BreadcrumbConsts.consts[$size].borderRadius}px;\n      padding: ${getWrapperPadding($variant, $size)}px;\n      list-style: none;\n      color: ${layer[Variables.TextOnFoundationSubtle]};\n\n      ${$variant === Variants.Filled &&\n      css`\n        background-color: ${layer[Variables.BackgroundFoundation]};\n      `}\n\n      ${$variant === Variants.Outlined &&\n      css`\n        border-color: ${layer[Variables.BorderOnFoundationMedium]};\n        border-width: 1px;\n        border-style: solid;\n      `}\n    `;\n  }}\n`;\n\nconst Breadcrumb = styled.li<Required<PickTransient<IBreadcrumbProps, 'size' | 'variant'>>>`\n  ${({ $size, $variant, theme }) => {\n    const layer = theme.layer({\n      foundation: $variant === Variants.Filled ? 'section' : 'base',\n      transparentRestingState: true,\n    });\n\n    return css`\n      display: flex;\n      align-items: center;\n      gap: 0;\n      ${theme.typography('label', getLabelTypographySize($size))};\n\n      &:last-of-type {\n        color: ${layer[Variables.TextOnFoundationStrong]};\n        ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n      }\n\n      svg {\n        display: block;\n        width: ${BreadcrumbConsts.consts[$size].item.icon}px;\n        height: ${BreadcrumbConsts.consts[$size].item.icon}px;\n      }\n\n      & > span {\n        cursor: default;\n      }\n\n      & > a,\n      & > a:visited,\n      & > button,\n      & > span {\n        white-space: nowrap;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: ${BreadcrumbConsts.consts[$size].item.gap}px;\n        margin: 0;\n        min-height: auto;\n        padding-block: ${BreadcrumbConsts.consts[$size].item.paddingBlock}px;\n        padding-inline: ${BreadcrumbConsts.consts[$size].item.paddingInline}px;\n        border-radius: ${BreadcrumbConsts.consts[$size].item.borderRadius}px;\n        text-decoration: none;\n        color: ${layer[Variables.TextOnFoundationStrong]};\n      }\n\n      & a,\n      & button {\n        &:not(:disabled):hover {\n          color: ${layer[Variables.TextOnFoundationStrong]};\n          background-color: ${theme.layer({\n            foundation: $variant === Variants.Filled ? 'section' : 'base',\n            state: FabricsVariables.States.Hover,\n          })[Variables.BackgroundFoundation]};\n        }\n\n        &:not(:disabled):active {\n          color: ${layer[Variables.TextOnFoundationStrong]};\n          background-color: ${theme.layer({\n            foundation: $variant === Variants.Filled ? 'section' : 'base',\n            state: FabricsVariables.States.Press,\n          })[Variables.BackgroundFoundation]};\n        }\n\n        &:focus-visible {\n          ${getFocusStyles(theme)};\n        }\n      }\n    `;\n  }}\n`;\n\nconst BreadcrumbSeparator = styled.li<{ $size: BreadcrumbTypes.Size }>`\n  user-select: none;\n  display: flex;\n  align-items: center;\n  margin: 0;\n  padding: 0;\n  color: ${({ theme }) => theme.layer()[Variables.TextOnFoundationSubtle]};\n\n  svg {\n    display: block;\n    width: ${({ $size }) => BreadcrumbConsts.consts[$size].item.icon}px;\n    height: ${({ $size }) => BreadcrumbConsts.consts[$size].item.icon}px;\n  }\n`;\n\nconst BreadcrumbItem = styled.a<BreadcrumbItemProps>`\n  ${({ $iconPosition }) => css`\n    flex-direction: ${$iconPosition === `${Positions.Left}` ? 'row' : 'row-reverse'};\n  `}\n`;\n\nexport { BreadcrumbWrapper, Breadcrumb, BreadcrumbSeparator, BreadcrumbItem };\n"],"names":["getWrapperPadding","variant","size","Variants","BreadcrumbConsts.consts","BreadcrumbWrapper","styled","$size","$variant","theme","layer","css","getLabelTypographySize","Variables","Breadcrumb","FabricsVariables","getFocusStyles","BreadcrumbSeparator","BreadcrumbItem","$iconPosition","Positions"],"mappings":"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"}
+{"version":3,"file":"Breadcrumb.styles.js","sources":["../../../../src/components/Breadcrumb/Breadcrumb.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { Positions, Variants } from 'acinguiux-ds-react-base/consts';\r\nimport { BreadcrumbConsts, type BreadcrumbTypes } from 'acinguiux-ds-react-base/components/Breadcrumb';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\nimport type { IBreadcrumbProps } from './Breadcrumb.types';\r\n\r\ntype BreadcrumbItemProps = {\r\n  href?: string;\r\n  $iconPosition?: BreadcrumbTypes.IconPosition;\r\n};\r\n\r\nconst getWrapperPadding = (variant: IBreadcrumbProps['variant'], size: BreadcrumbTypes.Size) => {\r\n  if (variant === Variants.Transparent) {\r\n    return 0;\r\n  }\r\n  if (variant === Variants.Outlined) {\r\n    return BreadcrumbConsts.consts[size].wrapperPadding - 1;\r\n  }\r\n\r\n  return BreadcrumbConsts.consts[size].wrapperPadding;\r\n};\r\n\r\nconst BreadcrumbWrapper = styled.ul<Required<PickTransient<IBreadcrumbProps, 'size' | 'variant'>>>`\r\n  ${({ $size, $variant, theme }) => {\r\n    const layer = theme.layer({ foundation: $variant === Variants.Filled ? 'section' : 'base' });\r\n\r\n    return css`\r\n      ${theme.typography('label', getLabelTypographySize($size))};\r\n      margin: 0;\r\n      display: flex;\r\n      flex-direction: row;\r\n      border-radius: ${BreadcrumbConsts.consts[$size].borderRadius}px;\r\n      padding: ${getWrapperPadding($variant, $size)}px;\r\n      list-style: none;\r\n      color: ${layer[Variables.TextOnFoundationSubtle]};\r\n\r\n      ${$variant === Variants.Filled &&\r\n      css`\r\n        background-color: ${layer[Variables.BackgroundFoundation]};\r\n      `}\r\n\r\n      ${$variant === Variants.Outlined &&\r\n      css`\r\n        border-color: ${layer[Variables.BorderOnFoundationMedium]};\r\n        border-width: 1px;\r\n        border-style: solid;\r\n      `}\r\n    `;\r\n  }}\r\n`;\r\n\r\nconst Breadcrumb = styled.li<Required<PickTransient<IBreadcrumbProps, 'size' | 'variant'>>>`\r\n  ${({ $size, $variant, theme }) => {\r\n    const layer = theme.layer({\r\n      foundation: $variant === Variants.Filled ? 'section' : 'base',\r\n      transparentRestingState: true,\r\n    });\r\n\r\n    return css`\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0;\r\n      ${theme.typography('label', getLabelTypographySize($size))};\r\n\r\n      &:last-of-type {\r\n        color: ${layer[Variables.TextOnFoundationStrong]};\r\n        ${theme.typography('label', getLabelTypographySize($size), 'strong')};\r\n      }\r\n\r\n      svg {\r\n        display: block;\r\n        width: ${BreadcrumbConsts.consts[$size].item.icon}px;\r\n        height: ${BreadcrumbConsts.consts[$size].item.icon}px;\r\n      }\r\n\r\n      & > span {\r\n        cursor: default;\r\n      }\r\n\r\n      & > a,\r\n      & > a:visited,\r\n      & > button,\r\n      & > span {\r\n        white-space: nowrap;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: ${BreadcrumbConsts.consts[$size].item.gap}px;\r\n        margin: 0;\r\n        min-height: auto;\r\n        padding-block: ${BreadcrumbConsts.consts[$size].item.paddingBlock}px;\r\n        padding-inline: ${BreadcrumbConsts.consts[$size].item.paddingInline}px;\r\n        border-radius: ${BreadcrumbConsts.consts[$size].item.borderRadius}px;\r\n        text-decoration: none;\r\n        color: ${layer[Variables.TextOnFoundationStrong]};\r\n      }\r\n\r\n      & a,\r\n      & button {\r\n        &:not(:disabled):hover {\r\n          color: ${layer[Variables.TextOnFoundationStrong]};\r\n          background-color: ${theme.layer({\r\n            foundation: $variant === Variants.Filled ? 'section' : 'base',\r\n            state: FabricsVariables.States.Hover,\r\n          })[Variables.BackgroundFoundation]};\r\n        }\r\n\r\n        &:not(:disabled):active {\r\n          color: ${layer[Variables.TextOnFoundationStrong]};\r\n          background-color: ${theme.layer({\r\n            foundation: $variant === Variants.Filled ? 'section' : 'base',\r\n            state: FabricsVariables.States.Press,\r\n          })[Variables.BackgroundFoundation]};\r\n        }\r\n\r\n        &:focus-visible {\r\n          ${getFocusStyles(theme)};\r\n        }\r\n      }\r\n    `;\r\n  }}\r\n`;\r\n\r\nconst BreadcrumbSeparator = styled.li<{ $size: BreadcrumbTypes.Size }>`\r\n  user-select: none;\r\n  display: flex;\r\n  align-items: center;\r\n  margin: 0;\r\n  padding: 0;\r\n  color: ${({ theme }) => theme.layer()[Variables.TextOnFoundationSubtle]};\r\n\r\n  svg {\r\n    display: block;\r\n    width: ${({ $size }) => BreadcrumbConsts.consts[$size].item.icon}px;\r\n    height: ${({ $size }) => BreadcrumbConsts.consts[$size].item.icon}px;\r\n  }\r\n`;\r\n\r\nconst BreadcrumbItem = styled.a<BreadcrumbItemProps>`\r\n  ${({ $iconPosition }) => css`\r\n    flex-direction: ${$iconPosition === `${Positions.Left}` ? 'row' : 'row-reverse'};\r\n  `}\r\n`;\r\n\r\nexport { BreadcrumbWrapper, Breadcrumb, BreadcrumbSeparator, BreadcrumbItem };\r\n"],"names":["getWrapperPadding","variant","size","Variants","BreadcrumbConsts.consts","BreadcrumbWrapper","styled","$size","$variant","theme","layer","css","getLabelTypographySize","Variables","Breadcrumb","FabricsVariables","getFocusStyles","BreadcrumbSeparator","BreadcrumbItem","$iconPosition","Positions"],"mappings":"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"}

package/build/cjs/components/Breadcrumb/components/Separator/Separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","sources":["../../../../../../src/components/Breadcrumb/components/Separator/Separator.tsx"],"sourcesContent":["import * as Styled from './Separator.styles';\nimport type { ISeparatorProps } from './Separator.types';\n\nconst Separator = ({ separator, size }: ISeparatorProps) =>\n  typeof separator === 'string' ? (\n    <Styled.TextSeparator $size={size} aria-hidden=\"true\">\n      {separator}\n    </Styled.TextSeparator>\n  ) : (\n    separator\n  );\n\nexport default Separator;\n"],"names":["Separator","separator","size","jsx","Styled.TextSeparator"],"mappings":"qFAGMA,EAAY,CAAC,CAAE,UAAAC,EAAW,KAAAC,CAAA,IAC9B,OAAOD,GAAc,SACnBE,EAAAA,IAACC,EAAAA,cAAA,CAAqB,MAAOF,EAAM,cAAY,OAC5C,WACH,EAEAD"}
+{"version":3,"file":"Separator.js","sources":["../../../../../../src/components/Breadcrumb/components/Separator/Separator.tsx"],"sourcesContent":["import * as Styled from './Separator.styles';\r\nimport type { ISeparatorProps } from './Separator.types';\r\n\r\nconst Separator = ({ separator, size }: ISeparatorProps) =>\r\n  typeof separator === 'string' ? (\r\n    <Styled.TextSeparator $size={size} aria-hidden=\"true\">\r\n      {separator}\r\n    </Styled.TextSeparator>\r\n  ) : (\r\n    separator\r\n  );\r\n\r\nexport default Separator;\r\n"],"names":["Separator","separator","size","jsx","Styled.TextSeparator"],"mappings":"qFAGMA,EAAY,CAAC,CAAE,UAAAC,EAAW,KAAAC,CAAA,IAC9B,OAAOD,GAAc,SACnBE,EAAAA,IAACC,EAAAA,cAAA,CAAqB,MAAOF,EAAM,cAAY,OAC5C,WACH,EAEAD"}

package/build/cjs/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 { BreadcrumbConsts, type BreadcrumbTypes } from 'acinguiux-ds-react-base/components/Breadcrumb';\nimport { styled } from 'styled-components';\n\nconst TextSeparator = styled.span<{ $size: BreadcrumbTypes.Size }>`\n  margin: 0;\n  padding: 0;\n  padding: ${({ $size }) => BreadcrumbConsts.consts[$size].separator.padding}px;\n`;\n\nexport { TextSeparator };\n"],"names":["TextSeparator","styled","$size","BreadcrumbConsts.consts"],"mappings":"oOAGMA,EAAgBC,EAAAA,OAAO;AAAA;AAAA;AAAA,aAGhB,CAAC,CAAE,MAAAC,KAAYC,EAAAA,OAAwBD,CAAK,EAAE,UAAU,OAAO;AAAA"}
+{"version":3,"file":"Separator.styles.js","sources":["../../../../../../src/components/Breadcrumb/components/Separator/Separator.styles.ts"],"sourcesContent":["import { BreadcrumbConsts, type BreadcrumbTypes } from 'acinguiux-ds-react-base/components/Breadcrumb';\r\nimport { styled } from 'styled-components';\r\n\r\nconst TextSeparator = styled.span<{ $size: BreadcrumbTypes.Size }>`\r\n  margin: 0;\r\n  padding: 0;\r\n  padding: ${({ $size }) => BreadcrumbConsts.consts[$size].separator.padding}px;\r\n`;\r\n\r\nexport { TextSeparator };\r\n"],"names":["TextSeparator","styled","$size","BreadcrumbConsts.consts"],"mappings":"oOAGMA,EAAgBC,EAAAA,OAAO;AAAA;AAAA;AAAA,aAGhB,CAAC,CAAE,MAAAC,KAAYC,EAAAA,OAAwBD,CAAK,EAAE,UAAU,OAAO;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"renderUtils.js","sources":["../../../../../src/components/Breadcrumb/utils/renderUtils.tsx"],"sourcesContent":["import type { BreadcrumbTypes } from 'acinguiux-ds-react-base/components/Breadcrumb';\n\nimport * as Styled from '../Breadcrumb.styles';\n\nexport const defaultRenderPath: BreadcrumbTypes.RenderPathFn = (\n  name,\n  path,\n  { icon, iconPosition, iconOnly, isLast },\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","iconOnly","isLast","jsxs","Styled.BreadcrumbItem"],"mappings":"sLAIaA,EAAkD,CAC7DC,EACAC,EACA,CAAE,KAAAC,EAAM,aAAAC,EAAc,SAAAC,EAAU,OAAAC,CAAA,IAEhCC,EAAAA,KAACC,EAAAA,eAAA,CACC,GAAIN,EAAO,IAAM,OACjB,KAAMA,EACN,SAAUA,EAAO,EAAI,OACrB,eAAcI,EAAS,OAAS,OAChC,cAAeF,EAEd,SAAA,CAAAD,EACA,CAACE,GAAYJ,CAAA,CAAA,CAChB"}
+{"version":3,"file":"renderUtils.js","sources":["../../../../../src/components/Breadcrumb/utils/renderUtils.tsx"],"sourcesContent":["import type { BreadcrumbTypes } from 'acinguiux-ds-react-base/components/Breadcrumb';\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, iconPosition, iconOnly, isLast },\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","iconOnly","isLast","jsxs","Styled.BreadcrumbItem"],"mappings":"sLAIaA,EAAkD,CAC7DC,EACAC,EACA,CAAE,KAAAC,EAAM,aAAAC,EAAc,SAAAC,EAAU,OAAAC,CAAA,IAEhCC,EAAAA,KAACC,EAAAA,eAAA,CACC,GAAIN,EAAO,IAAM,OACjB,KAAMA,EACN,SAAUA,EAAO,EAAI,OACrB,eAAcI,EAAS,OAAS,OAChC,cAAeF,EAEd,SAAA,CAAAD,EACA,CAACE,GAAYJ,CAAA,CAAA,CAChB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport { BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ButtonUtils } from 'acinguiux-ds-react-base/components/Button';\nimport type { LoadingTypes } from 'acinguiux-ds-react-base/components/Loading';\n\nimport * as Styled from './Button.styles';\nimport type { IButtonProps } from './Button.types';\nimport Loading from '../Loading/Loading';\n\nconst Button = forwardRef<HTMLButtonElement, IButtonProps>(({ className, type = 'button', ...props }, ref) => {\n  const { size, variant, disabled, loading, label, iconPosition, icon, iconOnly, loaderSize, ...rest } =\n    ButtonUtils.useDefaultProps(props);\n  const loaderType = useMemo(() => (variant === 'filled' ? 'brand' : 'foundation'), [variant]);\n\n  return (\n    <Styled.Button\n      aria-label={label}\n      aria-busy={!!loading}\n      $size={size}\n      $disabled={disabled}\n      disabled={disabled}\n      $variant={variant}\n      $iconOnly={iconOnly}\n      $icon={icon}\n      $iconPosition={iconPosition}\n      type={type}\n      className={classNames(BUTTON_CLASS, className)}\n      ref={ref}\n      {...rest}\n    >\n      <Styled.ButtonLabelContainer>\n        {icon}\n        {!iconOnly && <Styled.ButtonLabel>{label}</Styled.ButtonLabel>}\n      </Styled.ButtonLabelContainer>\n      {loading && <Loading size={loaderSize as LoadingTypes.Size} aria-hidden={true} type={loaderType} />}\n    </Styled.Button>\n  );\n});\n\nexport default Button;\n"],"names":["Button","forwardRef","className","type","props","ref","size","variant","disabled","loading","label","iconPosition","icon","iconOnly","loaderSize","rest","ButtonUtils.useDefaultProps","loaderType","useMemo","jsxs","Styled.Button","classNames","BUTTON_CLASS","Styled.ButtonLabelContainer","jsx","Styled.ButtonLabel","Loading"],"mappings":"wRAWMA,EAASC,EAAAA,WAA4C,CAAC,CAAE,UAAAC,EAAW,KAAAC,EAAO,SAAU,GAAGC,CAAA,EAASC,IAAQ,CAC5G,KAAM,CAAE,KAAAC,EAAM,QAAAC,EAAS,SAAAC,EAAU,QAAAC,EAAS,MAAAC,EAAO,aAAAC,EAAc,KAAAC,EAAM,SAAAC,EAAU,WAAAC,EAAY,GAAGC,CAAA,EAC5FC,EAAAA,gBAA4BZ,CAAK,EAC7Ba,EAAaC,EAAAA,QAAQ,IAAOX,IAAY,SAAW,QAAU,aAAe,CAACA,CAAO,CAAC,EAE3F,OACEY,EAAAA,KAACC,EAAAA,OAAA,CACC,aAAYV,EACZ,YAAW,CAAC,CAACD,EACb,MAAOH,EACP,UAAWE,EACX,SAAAA,EACA,SAAUD,EACV,UAAWM,EACX,MAAOD,EACP,cAAeD,EACf,KAAAR,EACA,UAAWkB,EAAWC,EAAAA,aAAcpB,CAAS,EAC7C,IAAAG,EACC,GAAGU,EAEJ,SAAA,CAAAI,OAACI,EAAAA,qBAAA,CACE,SAAA,CAAAX,EACA,CAACC,GAAYW,EAAAA,IAACC,EAAAA,YAAA,CAAoB,SAAAf,CAAA,CAAM,CAAA,EAC3C,EACCD,SAAYiB,EAAA,CAAQ,KAAMZ,EAAiC,cAAa,GAAM,KAAMG,CAAA,CAAY,CAAA,CAAA,CAAA,CAGvG,CAAC"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { ButtonUtils } from 'acinguiux-ds-react-base/components/Button';\r\nimport type { LoadingTypes } from 'acinguiux-ds-react-base/components/Loading';\r\n\r\nimport * as Styled from './Button.styles';\r\nimport type { IButtonProps } from './Button.types';\r\nimport Loading from '../Loading/Loading';\r\n\r\nconst Button = forwardRef<HTMLButtonElement, IButtonProps>(({ className, type = 'button', ...props }, ref) => {\r\n  const { size, variant, disabled, loading, label, iconPosition, icon, iconOnly, loaderSize, ...rest } =\r\n    ButtonUtils.useDefaultProps(props);\r\n  const loaderType = useMemo(() => (variant === 'filled' ? 'brand' : 'foundation'), [variant]);\r\n\r\n  return (\r\n    <Styled.Button\r\n      aria-label={label}\r\n      aria-busy={!!loading}\r\n      $size={size}\r\n      $disabled={disabled}\r\n      disabled={disabled}\r\n      $variant={variant}\r\n      $iconOnly={iconOnly}\r\n      $icon={icon}\r\n      $iconPosition={iconPosition}\r\n      type={type}\r\n      className={classNames(BUTTON_CLASS, className)}\r\n      ref={ref}\r\n      {...rest}\r\n    >\r\n      <Styled.ButtonLabelContainer>\r\n        {icon}\r\n        {!iconOnly && <Styled.ButtonLabel>{label}</Styled.ButtonLabel>}\r\n      </Styled.ButtonLabelContainer>\r\n      {loading && <Loading size={loaderSize as LoadingTypes.Size} aria-hidden={true} type={loaderType} />}\r\n    </Styled.Button>\r\n  );\r\n});\r\n\r\nexport default Button;\r\n"],"names":["Button","forwardRef","className","type","props","ref","size","variant","disabled","loading","label","iconPosition","icon","iconOnly","loaderSize","rest","ButtonUtils.useDefaultProps","loaderType","useMemo","jsxs","Styled.Button","classNames","BUTTON_CLASS","Styled.ButtonLabelContainer","jsx","Styled.ButtonLabel","Loading"],"mappings":"wRAWMA,EAASC,EAAAA,WAA4C,CAAC,CAAE,UAAAC,EAAW,KAAAC,EAAO,SAAU,GAAGC,CAAA,EAASC,IAAQ,CAC5G,KAAM,CAAE,KAAAC,EAAM,QAAAC,EAAS,SAAAC,EAAU,QAAAC,EAAS,MAAAC,EAAO,aAAAC,EAAc,KAAAC,EAAM,SAAAC,EAAU,WAAAC,EAAY,GAAGC,CAAA,EAC5FC,EAAAA,gBAA4BZ,CAAK,EAC7Ba,EAAaC,EAAAA,QAAQ,IAAOX,IAAY,SAAW,QAAU,aAAe,CAACA,CAAO,CAAC,EAE3F,OACEY,EAAAA,KAACC,EAAAA,OAAA,CACC,aAAYV,EACZ,YAAW,CAAC,CAACD,EACb,MAAOH,EACP,UAAWE,EACX,SAAAA,EACA,SAAUD,EACV,UAAWM,EACX,MAAOD,EACP,cAAeD,EACf,KAAAR,EACA,UAAWkB,EAAWC,EAAAA,aAAcpB,CAAS,EAC7C,IAAAG,EACC,GAAGU,EAEJ,SAAA,CAAAI,OAACI,EAAAA,qBAAA,CACE,SAAA,CAAAX,EACA,CAACC,GAAYW,EAAAA,IAACC,EAAAA,YAAA,CAAoB,SAAAf,CAAA,CAAM,CAAA,EAC3C,EACCD,SAAYiB,EAAA,CAAQ,KAAMZ,EAAiC,cAAa,GAAM,KAAMG,CAAA,CAAY,CAAA,CAAA,CAAA,CAGvG,CAAC"}

package/build/cjs/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';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { type Theme, type ModesType, Variables } from 'acinguiux-ds-react-base/theme';\nimport { ButtonStyles, ButtonTypes, ButtonUtils } from 'acinguiux-ds-react-base/components/Button';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { ICON_CLASS, Variants } from 'acinguiux-ds-react-base/consts';\n\nimport type {\n  StyledButtonProps,\n  StyledOnBrandButtonProps,\n  StyledOnSelectedButtonProps,\n  StyledOnSentimentButtonProps,\n  StyledSentimentButtonProps,\n} from './Button.types';\n\nexport const ButtonLabel = styled.span``;\nexport const ButtonLabelContainer = styled.span``;\n\nconst commonStylesForVariant = (variant?: ButtonTypes.Variant, style?: ButtonUtils.ButtonKinds) =>\n  css<StyledButtonProps>(\n    ({ $size, theme }) => css<StyledButtonProps>`\n      ${ButtonStyles.containerStylesForVariant(variant)};\n      &[aria-busy='true'] {\n        & > ${ButtonLabelContainer}, & > ${ButtonLabelContainer} > svg,\n        & ${ButtonLabelContainer} > ${ButtonLabel} {\n          opacity: 0;\n          min-height: 0;\n          height: 0;\n        }\n      }\n\n      & ${ButtonLabelContainer} {\n        ${ButtonStyles.stylesForVariant(variant)};\n        ${ButtonUtils.getSizeStyles(theme, $size)};\n        & > .${ICON_CLASS} {\n          ${ButtonUtils.getSvgStyles($size)};\n        }\n      }\n\n      &:focus-visible {\n        ${getFocusStyles(theme, variant === 'filled' && style !== 'Foundation')};\n      }\n    `,\n  );\n\nconst stateStyles = (\n  theme: Theme,\n  style: ButtonUtils.ButtonKinds,\n  variant: ButtonTypes.Variant = Variants.Filled,\n  modes: ModesType = {},\n) => {\n  const styles = ButtonUtils.getFabricStyles(theme, variant, style, modes);\n\n  return css`\n    &,\n    &:not(:disabled) {\n      ${styles.resting};\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.press};\n    }\n  `;\n};\n\nexport const buttonCssWithVariant = (variant?: ButtonTypes.Variant) => css<StyledButtonProps>`\n  ${commonStylesForVariant(variant)};\n  ${({ $variant, theme }) =>\n    stateStyles(theme, 'Foundation', variant ?? $variant, {\n      transparentRestingState:\n        (variant ?? $variant) === 'filled'\n          ? FabricsVariables.TransparentRestingStates.False\n          : FabricsVariables.TransparentRestingStates.True,\n    })};\n`;\n\nexport const Button = styled.button<StyledButtonProps>`\n  ${buttonCssWithVariant()};\n`;\n\nexport const ButtonLink = styled.a<StyledButtonProps>(\n  ({ $variant, theme, $disabled }) => css<StyledButtonProps>`\n    ${commonStylesForVariant()};\n    text-decoration: underline;\n\n    &[aria-disabled='true'] {\n      cursor: not-allowed;\n      pointer-events: none;\n    }\n\n    ${$variant &&\n    $variant !== 'filled' &&\n    css`\n      &:link:visited {\n        color: ${theme.layer({ disabled: $disabled })[Variables.TextOnFoundationLinkVisited]};\n        border-color: ${theme.layer({ disabled: $disabled })[Variables.TextOnFoundationLinkVisited]};\n      }\n    `};\n\n    ${stateStyles(theme, 'Link', $variant, {\n      disabled: $disabled,\n      transparentRestingState:\n        $variant === 'filled'\n          ? FabricsVariables.TransparentRestingStates.False\n          : FabricsVariables.TransparentRestingStates.True,\n    })};\n  `,\n);\n\nexport const SentimentButton = styled.button<StyledSentimentButtonProps>(\n  ({ $variant, theme, $sentiment }) => css<StyledSentimentButtonProps>`\n    ${commonStylesForVariant($variant, 'Sentiment')};\n    ${stateStyles(theme, 'Sentiment', $variant, {\n      sentiment: $sentiment,\n      sentimentProminence:\n        $variant === 'filled'\n          ? FabricsVariables.SentimentProminences.Strong\n          : FabricsVariables.SentimentProminences.Transparent,\n    })};\n  `,\n);\n\nexport const OnSentimentButton = styled.button<StyledOnSentimentButtonProps>(\n  ({ $variant, theme, $sentiment, $sentimentProminence }) => css<StyledOnSentimentButtonProps>`\n    ${commonStylesForVariant($variant, 'On Sentiment')};\n    ${stateStyles(theme, 'On Sentiment', $variant, {\n      sentiment: $sentiment,\n      sentimentProminence: $sentimentProminence,\n    })};\n  `,\n);\n\nexport const OnBrandButton = styled.button<StyledOnBrandButtonProps>(\n  ({ $variant, theme, $brand }) => css<StyledOnBrandButtonProps>`\n    ${commonStylesForVariant($variant, 'On Brand')};\n    ${stateStyles(theme, 'On Brand', $variant, { brand: $brand })};\n  `,\n);\n\nexport const OnSelectedButton = styled.button<StyledOnSelectedButtonProps>(\n  ({ $variant, theme }) => css<StyledOnSelectedButtonProps>`\n    ${commonStylesForVariant($variant, 'On Selected')};\n    ${stateStyles(theme, 'On Selected', $variant, {\n      selectedProminence:\n        $variant === 'filled'\n          ? FabricsVariables.SelectedProminences.Strong\n          : FabricsVariables.SelectedProminences.Subtle,\n    })};\n  `,\n);\n"],"names":["ButtonLabel","styled","ButtonLabelContainer","commonStylesForVariant","variant","style","css","$size","theme","ButtonStyles.containerStylesForVariant","ButtonStyles.stylesForVariant","ButtonUtils.getSizeStyles","ICON_CLASS","ButtonUtils.getSvgStyles","getFocusStyles","stateStyles","Variants","modes","styles","ButtonUtils.getFabricStyles","buttonCssWithVariant","$variant","FabricsVariables","Button","ButtonLink","$disabled","Variables","SentimentButton","$sentiment","OnSentimentButton","$sentimentProminence","OnBrandButton","$brand","OnSelectedButton"],"mappings":"ghBAeaA,EAAcC,EAAAA,OAAO,OACrBC,EAAuBD,EAAAA,OAAO,OAErCE,EAAyB,CAACC,EAA+BC,IAC7DC,EAAAA,IACE,CAAC,CAAE,MAAAC,EAAO,MAAAC,CAAA,IAAYF,EAAAA;AAAAA,QAClBG,EAAAA,0BAAuCL,CAAO,CAAC;AAAA;AAAA,cAEzCF,CAAoB,SAASA,CAAoB;AAAA,YACnDA,CAAoB,MAAMF,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAOvCE,CAAoB;AAAA,UACpBQ,EAAAA,iBAA8BN,CAAO,CAAC;AAAA,UACtCO,EAAAA,cAA0BH,EAAOD,CAAK,CAAC;AAAA,eAClCK,YAAU;AAAA,YACbC,EAAAA,aAAyBN,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAKjCO,EAAAA,eAAeN,EAAOJ,IAAY,UAAYC,IAAU,YAAY,CAAC;AAAA;AAAA,KAG7E,EAEIU,EAAc,CAClBP,EACAH,EACAD,EAA+BY,EAAAA,SAAS,OACxCC,EAAmB,KAChB,CACH,MAAMC,EAASC,EAAAA,gBAA4BX,EAAOJ,EAASC,EAAOY,CAAK,EAEvE,OAAOX,EAAAA;AAAAA;AAAAA;AAAAA,QAGDY,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,QAKdA,EAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,QAIfA,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA,QAIZA,EAAO,KAAK;AAAA;AAAA,GAGpB,EAEaE,EAAwBhB,GAAkCE,EAAAA;AAAAA,IACnEH,EAAuBC,CAAO,CAAC;AAAA,IAC/B,CAAC,CAAE,SAAAiB,EAAU,MAAAb,CAAA,IACbO,EAAYP,EAAO,aAAcJ,GAAWiB,EAAU,CACpD,yBACGjB,GAAWiB,KAAc,SACtBC,EAAAA,iBAAiB,yBAAyB,MAC1CA,EAAAA,iBAAiB,yBAAyB,IAClD,CAAC,CAAC;AAAA,EAGOC,EAAStB,EAAAA,OAAO;AAAA,IACzBmB,GAAsB;AAAA,EAGbI,EAAavB,EAAAA,OAAO,EAC/B,CAAC,CAAE,SAAAoB,EAAU,MAAAb,EAAO,UAAAiB,KAAgBnB,EAAAA;AAAAA,MAChCH,GAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQxBkB,GACFA,IAAa,UACbf,EAAAA;AAAAA;AAAAA,iBAEaE,EAAM,MAAM,CAAE,SAAUiB,EAAW,EAAEC,EAAAA,UAAU,2BAA2B,CAAC;AAAA,wBACpElB,EAAM,MAAM,CAAE,SAAUiB,EAAW,EAAEC,EAAAA,UAAU,2BAA2B,CAAC;AAAA;AAAA,KAE9F;AAAA;AAAA,MAECX,EAAYP,EAAO,OAAQa,EAAU,CACrC,SAAUI,EACV,wBACEJ,IAAa,SACTC,EAAAA,iBAAiB,yBAAyB,MAC1CA,EAAAA,iBAAiB,yBAAyB,IAAA,CACjD,CAAC;AAAA,GAEN,EAEaK,EAAkB1B,EAAAA,OAAO,OACpC,CAAC,CAAE,SAAAoB,EAAU,MAAAb,EAAO,WAAAoB,KAAiBtB,EAAAA;AAAAA,MACjCH,EAAuBkB,EAAU,WAAW,CAAC;AAAA,MAC7CN,EAAYP,EAAO,YAAaa,EAAU,CAC1C,UAAWO,EACX,oBACEP,IAAa,SACTC,EAAAA,iBAAiB,qBAAqB,OACtCA,EAAAA,iBAAiB,qBAAqB,WAAA,CAC7C,CAAC;AAAA,GAEN,EAEaO,EAAoB5B,EAAAA,OAAO,OACtC,CAAC,CAAE,SAAAoB,EAAU,MAAAb,EAAO,WAAAoB,EAAY,qBAAAE,KAA2BxB,EAAAA;AAAAA,MACvDH,EAAuBkB,EAAU,cAAc,CAAC;AAAA,MAChDN,EAAYP,EAAO,eAAgBa,EAAU,CAC7C,UAAWO,EACX,oBAAqBE,CAAA,CACtB,CAAC;AAAA,GAEN,EAEaC,EAAgB9B,EAAAA,OAAO,OAClC,CAAC,CAAE,SAAAoB,EAAU,MAAAb,EAAO,OAAAwB,KAAa1B,EAAAA;AAAAA,MAC7BH,EAAuBkB,EAAU,UAAU,CAAC;AAAA,MAC5CN,EAAYP,EAAO,WAAYa,EAAU,CAAE,MAAOW,CAAA,CAAQ,CAAC;AAAA,GAEjE,EAEaC,EAAmBhC,EAAAA,OAAO,OACrC,CAAC,CAAE,SAAAoB,EAAU,MAAAb,CAAA,IAAYF,EAAAA;AAAAA,MACrBH,EAAuBkB,EAAU,aAAa,CAAC;AAAA,MAC/CN,EAAYP,EAAO,cAAea,EAAU,CAC5C,mBACEA,IAAa,SACTC,EAAAA,iBAAiB,oBAAoB,OACrCA,EAAAA,iBAAiB,oBAAoB,MAAA,CAC5C,CAAC;AAAA,GAEN"}
+{"version":3,"file":"Button.styles.js","sources":["../../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\nimport { type Theme, type ModesType, Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { ButtonStyles, ButtonTypes, ButtonUtils } from 'acinguiux-ds-react-base/components/Button';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\nimport { ICON_CLASS, Variants } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport type {\r\n  StyledButtonProps,\r\n  StyledOnBrandButtonProps,\r\n  StyledOnSelectedButtonProps,\r\n  StyledOnSentimentButtonProps,\r\n  StyledSentimentButtonProps,\r\n} from './Button.types';\r\n\r\nexport const ButtonLabel = styled.span``;\r\nexport const ButtonLabelContainer = styled.span``;\r\n\r\nconst commonStylesForVariant = (variant?: ButtonTypes.Variant, style?: ButtonUtils.ButtonKinds) =>\r\n  css<StyledButtonProps>(\r\n    ({ $size, theme }) => css<StyledButtonProps>`\r\n      ${ButtonStyles.containerStylesForVariant(variant)};\r\n      &[aria-busy='true'] {\r\n        & > ${ButtonLabelContainer}, & > ${ButtonLabelContainer} > svg,\r\n        & ${ButtonLabelContainer} > ${ButtonLabel} {\r\n          opacity: 0;\r\n          min-height: 0;\r\n          height: 0;\r\n        }\r\n      }\r\n\r\n      & ${ButtonLabelContainer} {\r\n        ${ButtonStyles.stylesForVariant(variant)};\r\n        ${ButtonUtils.getSizeStyles(theme, $size)};\r\n        & > .${ICON_CLASS} {\r\n          ${ButtonUtils.getSvgStyles($size)};\r\n        }\r\n      }\r\n\r\n      &:focus-visible {\r\n        ${getFocusStyles(theme, variant === 'filled' && style !== 'Foundation')};\r\n      }\r\n    `,\r\n  );\r\n\r\nconst stateStyles = (\r\n  theme: Theme,\r\n  style: ButtonUtils.ButtonKinds,\r\n  variant: ButtonTypes.Variant = Variants.Filled,\r\n  modes: ModesType = {},\r\n) => {\r\n  const styles = ButtonUtils.getFabricStyles(theme, variant, style, modes);\r\n\r\n  return css`\r\n    &,\r\n    &:not(:disabled) {\r\n      ${styles.resting};\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.press};\r\n    }\r\n  `;\r\n};\r\n\r\nexport const buttonCssWithVariant = (variant?: ButtonTypes.Variant) => css<StyledButtonProps>`\r\n  ${commonStylesForVariant(variant)};\r\n  ${({ $variant, theme }) =>\r\n    stateStyles(theme, 'Foundation', variant ?? $variant, {\r\n      transparentRestingState:\r\n        (variant ?? $variant) === 'filled'\r\n          ? FabricsVariables.TransparentRestingStates.False\r\n          : FabricsVariables.TransparentRestingStates.True,\r\n    })};\r\n`;\r\n\r\nexport const Button = styled.button<StyledButtonProps>`\r\n  ${buttonCssWithVariant()};\r\n`;\r\n\r\nexport const ButtonLink = styled.a<StyledButtonProps>(\r\n  ({ $variant, theme, $disabled }) => css<StyledButtonProps>`\r\n    ${commonStylesForVariant()};\r\n    text-decoration: underline;\r\n\r\n    &[aria-disabled='true'] {\r\n      cursor: not-allowed;\r\n      pointer-events: none;\r\n    }\r\n\r\n    ${$variant &&\r\n    $variant !== 'filled' &&\r\n    css`\r\n      &:link:visited {\r\n        color: ${theme.layer({ disabled: $disabled })[Variables.TextOnFoundationLinkVisited]};\r\n        border-color: ${theme.layer({ disabled: $disabled })[Variables.TextOnFoundationLinkVisited]};\r\n      }\r\n    `};\r\n\r\n    ${stateStyles(theme, 'Link', $variant, {\r\n      disabled: $disabled,\r\n      transparentRestingState:\r\n        $variant === 'filled'\r\n          ? FabricsVariables.TransparentRestingStates.False\r\n          : FabricsVariables.TransparentRestingStates.True,\r\n    })};\r\n  `,\r\n);\r\n\r\nexport const SentimentButton = styled.button<StyledSentimentButtonProps>(\r\n  ({ $variant, theme, $sentiment }) => css<StyledSentimentButtonProps>`\r\n    ${commonStylesForVariant($variant, 'Sentiment')};\r\n    ${stateStyles(theme, 'Sentiment', $variant, {\r\n      sentiment: $sentiment,\r\n      sentimentProminence:\r\n        $variant === 'filled'\r\n          ? FabricsVariables.SentimentProminences.Strong\r\n          : FabricsVariables.SentimentProminences.Transparent,\r\n    })};\r\n  `,\r\n);\r\n\r\nexport const OnSentimentButton = styled.button<StyledOnSentimentButtonProps>(\r\n  ({ $variant, theme, $sentiment, $sentimentProminence }) => css<StyledOnSentimentButtonProps>`\r\n    ${commonStylesForVariant($variant, 'On Sentiment')};\r\n    ${stateStyles(theme, 'On Sentiment', $variant, {\r\n      sentiment: $sentiment,\r\n      sentimentProminence: $sentimentProminence,\r\n    })};\r\n  `,\r\n);\r\n\r\nexport const OnBrandButton = styled.button<StyledOnBrandButtonProps>(\r\n  ({ $variant, theme, $brand }) => css<StyledOnBrandButtonProps>`\r\n    ${commonStylesForVariant($variant, 'On Brand')};\r\n    ${stateStyles(theme, 'On Brand', $variant, { brand: $brand })};\r\n  `,\r\n);\r\n\r\nexport const OnSelectedButton = styled.button<StyledOnSelectedButtonProps>(\r\n  ({ $variant, theme }) => css<StyledOnSelectedButtonProps>`\r\n    ${commonStylesForVariant($variant, 'On Selected')};\r\n    ${stateStyles(theme, 'On Selected', $variant, {\r\n      selectedProminence:\r\n        $variant === 'filled'\r\n          ? FabricsVariables.SelectedProminences.Strong\r\n          : FabricsVariables.SelectedProminences.Subtle,\r\n    })};\r\n  `,\r\n);\r\n"],"names":["ButtonLabel","styled","ButtonLabelContainer","commonStylesForVariant","variant","style","css","$size","theme","ButtonStyles.containerStylesForVariant","ButtonStyles.stylesForVariant","ButtonUtils.getSizeStyles","ICON_CLASS","ButtonUtils.getSvgStyles","getFocusStyles","stateStyles","Variants","modes","styles","ButtonUtils.getFabricStyles","buttonCssWithVariant","$variant","FabricsVariables","Button","ButtonLink","$disabled","Variables","SentimentButton","$sentiment","OnSentimentButton","$sentimentProminence","OnBrandButton","$brand","OnSelectedButton"],"mappings":"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"}

package/build/cjs/components/Button/ButtonLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonLink.js","sources":["../../../../src/components/Button/ButtonLink.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport { BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ButtonUtils } from 'acinguiux-ds-react-base/components/Button';\nimport type { LoadingTypes } from 'acinguiux-ds-react-base/components/Loading';\n\nimport * as Styled from './Button.styles';\nimport type { IButtonLinkProps } from './Button.types';\nimport Loading from '../Loading/Loading';\n\nconst ButtonLink = forwardRef<HTMLAnchorElement, IButtonLinkProps>(({ className, ...props }, ref) => {\n  const { size, variant, loading, disabled, label, iconPosition, icon, iconOnly, loaderSize, href, ...rest } =\n    ButtonUtils.useLinkProps(props);\n  const loaderType = useMemo(() => (variant === 'filled' ? 'brand' : 'foundation'), [variant]);\n\n  return (\n    <Styled.ButtonLink\n      aria-label={label}\n      aria-busy={!!loading}\n      $size={size}\n      $variant={variant}\n      $disabled={disabled}\n      aria-disabled={disabled}\n      $iconOnly={iconOnly}\n      $icon={icon}\n      $iconPosition={iconPosition}\n      className={classNames(BUTTON_CLASS, className)}\n      ref={ref}\n      {...(!disabled ? { href } : {})}\n      {...rest}\n    >\n      <Styled.ButtonLabelContainer>\n        {icon}\n        {!iconOnly && <Styled.ButtonLabel>{label}</Styled.ButtonLabel>}\n      </Styled.ButtonLabelContainer>\n      {loading && <Loading size={loaderSize as LoadingTypes.Size} aria-hidden={true} type={loaderType} />}\n    </Styled.ButtonLink>\n  );\n});\n\nexport default ButtonLink;\n"],"names":["ButtonLink","forwardRef","className","props","ref","size","variant","loading","disabled","label","iconPosition","icon","iconOnly","loaderSize","href","rest","ButtonUtils.useLinkProps","loaderType","useMemo","jsxs","Styled.ButtonLink","classNames","BUTTON_CLASS","Styled.ButtonLabelContainer","jsx","Styled.ButtonLabel","Loading"],"mappings":"wRAWMA,EAAaC,EAAAA,WAAgD,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAAQ,CACnG,KAAM,CAAE,KAAAC,EAAM,QAAAC,EAAS,QAAAC,EAAS,SAAAC,EAAU,MAAAC,EAAO,aAAAC,EAAc,KAAAC,EAAM,SAAAC,EAAU,WAAAC,EAAY,KAAAC,EAAM,GAAGC,CAAA,EAClGC,EAAAA,aAAyBb,CAAK,EAC1Bc,EAAaC,EAAAA,QAAQ,IAAOZ,IAAY,SAAW,QAAU,aAAe,CAACA,CAAO,CAAC,EAE3F,OACEa,EAAAA,KAACC,EAAAA,WAAA,CACC,aAAYX,EACZ,YAAW,CAAC,CAACF,EACb,MAAOF,EACP,SAAUC,EACV,UAAWE,EACX,gBAAeA,EACf,UAAWI,EACX,MAAOD,EACP,cAAeD,EACf,UAAWW,EAAWC,EAAAA,aAAcpB,CAAS,EAC7C,IAAAE,EACC,GAAKI,EAAsB,CAAA,EAAX,CAAE,KAAAM,CAAA,EAClB,GAAGC,EAEJ,SAAA,CAAAI,OAACI,EAAAA,qBAAA,CACE,SAAA,CAAAZ,EACA,CAACC,GAAYY,EAAAA,IAACC,EAAAA,YAAA,CAAoB,SAAAhB,CAAA,CAAM,CAAA,EAC3C,EACCF,SAAYmB,EAAA,CAAQ,KAAMb,EAAiC,cAAa,GAAM,KAAMI,CAAA,CAAY,CAAA,CAAA,CAAA,CAGvG,CAAC"}
+{"version":3,"file":"ButtonLink.js","sources":["../../../../src/components/Button/ButtonLink.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { ButtonUtils } from 'acinguiux-ds-react-base/components/Button';\r\nimport type { LoadingTypes } from 'acinguiux-ds-react-base/components/Loading';\r\n\r\nimport * as Styled from './Button.styles';\r\nimport type { IButtonLinkProps } from './Button.types';\r\nimport Loading from '../Loading/Loading';\r\n\r\nconst ButtonLink = forwardRef<HTMLAnchorElement, IButtonLinkProps>(({ className, ...props }, ref) => {\r\n  const { size, variant, loading, disabled, label, iconPosition, icon, iconOnly, loaderSize, href, ...rest } =\r\n    ButtonUtils.useLinkProps(props);\r\n  const loaderType = useMemo(() => (variant === 'filled' ? 'brand' : 'foundation'), [variant]);\r\n\r\n  return (\r\n    <Styled.ButtonLink\r\n      aria-label={label}\r\n      aria-busy={!!loading}\r\n      $size={size}\r\n      $variant={variant}\r\n      $disabled={disabled}\r\n      aria-disabled={disabled}\r\n      $iconOnly={iconOnly}\r\n      $icon={icon}\r\n      $iconPosition={iconPosition}\r\n      className={classNames(BUTTON_CLASS, className)}\r\n      ref={ref}\r\n      {...(!disabled ? { href } : {})}\r\n      {...rest}\r\n    >\r\n      <Styled.ButtonLabelContainer>\r\n        {icon}\r\n        {!iconOnly && <Styled.ButtonLabel>{label}</Styled.ButtonLabel>}\r\n      </Styled.ButtonLabelContainer>\r\n      {loading && <Loading size={loaderSize as LoadingTypes.Size} aria-hidden={true} type={loaderType} />}\r\n    </Styled.ButtonLink>\r\n  );\r\n});\r\n\r\nexport default ButtonLink;\r\n"],"names":["ButtonLink","forwardRef","className","props","ref","size","variant","loading","disabled","label","iconPosition","icon","iconOnly","loaderSize","href","rest","ButtonUtils.useLinkProps","loaderType","useMemo","jsxs","Styled.ButtonLink","classNames","BUTTON_CLASS","Styled.ButtonLabelContainer","jsx","Styled.ButtonLabel","Loading"],"mappings":"wRAWMA,EAAaC,EAAAA,WAAgD,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAAQ,CACnG,KAAM,CAAE,KAAAC,EAAM,QAAAC,EAAS,QAAAC,EAAS,SAAAC,EAAU,MAAAC,EAAO,aAAAC,EAAc,KAAAC,EAAM,SAAAC,EAAU,WAAAC,EAAY,KAAAC,EAAM,GAAGC,CAAA,EAClGC,EAAAA,aAAyBb,CAAK,EAC1Bc,EAAaC,EAAAA,QAAQ,IAAOZ,IAAY,SAAW,QAAU,aAAe,CAACA,CAAO,CAAC,EAE3F,OACEa,EAAAA,KAACC,EAAAA,WAAA,CACC,aAAYX,EACZ,YAAW,CAAC,CAACF,EACb,MAAOF,EACP,SAAUC,EACV,UAAWE,EACX,gBAAeA,EACf,UAAWI,EACX,MAAOD,EACP,cAAeD,EACf,UAAWW,EAAWC,EAAAA,aAAcpB,CAAS,EAC7C,IAAAE,EACC,GAAKI,EAAsB,CAAA,EAAX,CAAE,KAAAM,CAAA,EAClB,GAAGC,EAEJ,SAAA,CAAAI,OAACI,EAAAA,qBAAA,CACE,SAAA,CAAAZ,EACA,CAACC,GAAYY,EAAAA,IAACC,EAAAA,YAAA,CAAoB,SAAAhB,CAAA,CAAM,CAAA,EAC3C,EACCF,SAAYmB,EAAA,CAAQ,KAAMb,EAAiC,cAAa,GAAM,KAAMI,CAAA,CAAY,CAAA,CAAA,CAAA,CAGvG,CAAC"}